/*banner*/
.ind-banner{width: 100%; height: 100vh;overflow: hidden;} 
.ind-banner .swiper-slide {height: 100vh; color: #fff; } 
.ind-banner .swiper-slide a{ display:block; width:100%; height:100%;}
.ind-banner .swiper-pagination-bullet {width: 27px; height: 3px; background: #fff; border-radius: 0px; opacity: .2;margin-right:12px!important; } 
.ind-banner .swiper-pagination-bullet-active {background: #fff!important;opacity: 1; } 
.ind-banner .swiper-pagination{ text-align: left; left:7%!important; bottom: 80px!important; } 
.ind-banner .ban1 .txt1{font-size: 48px; margin: 14% 0 0 7%; font-weight: bold; color:#fff;} 
.ind-banner .ban1 .txt1 em{ font-size:56px; display: block;}
.ind-banner .ban1 .txt1 img{ display: block; padding-bottom: 10px;}
.ind-banner .ban1 .txt2{font-size: 14px; margin: 0.5% 0 0 7%; padding-bottom: .5%; color: #6f7071; line-height: 22px;} 
.ind-banner .ban2 .txt1{font-size: 48px; margin: 14% 0 0 7%; font-weight: bold; color:#fff;} 
.ind-banner .ban2 .txt1 em{ font-size: 64px;  display: block;}
.ind-banner .ban2 .txt1 img{ display: block; padding-bottom: 10px;}
.ind-banner .ban2 .txt2{font-size: 14px; margin: 0.5% 0 0 7%; padding-bottom: .5%; color: #3c3c3c; line-height: 22px;} 
.ind-banner .ban3 .txt1{font-size: 48px; margin: 14% 0 0 7%; font-weight: bold; color:#fff;} 
.ind-banner .ban3 .txt1 em{ font-size: 64px;  display: block;}
.ind-banner .ban3 .txt1 img{ display: block; padding-bottom: 10px;}
.ind-banner .ban3 .txt2{font-size: 14px; margin: 0.5% 0 0 7%; padding-bottom: .5%; color: #3c3c3c; line-height: 22px;} 
.ban2 .banwzo1{position: absolute;width:692px;height:315px;left:50%;top:50%; margin-left:-346px;margin-top:-100px;}
.ind-banner .threeList{ margin: 2% 0 0 7%; width: 430px;}
.ind-banner .ico_text{ float:left;}
.ind-banner .ico_text .g_img{ width:110px; height:110px; margin-right: 33px; position:relative;}
.ind-banner .ico_text .num{ position: absolute; left: 0px; top: 32px; width: 110px; text-align: center; color:#b9babb;}
.ind-banner .ico_text .num b{ font-size: 26px; color: #fff; }
.ind-banner .ico_text p{ font-size:12px; color:#b9babb; position: absolute; left: 0px; top: 65px; width: 110px; text-align: center; line-height:22px;}

.round .img_rotate, .g_img .img_rotate{  -moz-animation:rotate 15s infinite linear;  -webkit-animation:rotate 15s infinite linear;  animation:rotate 15s infinite linear; }
.g_img .img_rotate1{  -moz-animation:rotate 20s infinite linear;  -webkit-animation:rotate 20s infinite linear;  animation:rotate 20s infinite linear; }

@-moz-keyframes rotate{ 0%{  -moz-transform:rotate(0deg);  } 100%{  -moz-transform:rotate(360deg);  } }
@-webkit-keyframes rotate{ 0%{  -webkit-transform:rotate(0deg);  } 100%{  -webkit-transform:rotate(360deg);  } }
@keyframes rotate{ 0%{  transform:rotate(0deg);  } 100%{  transform:rotate(360deg);  } }

/*.ind-banner .ban4 b {margin: 12% 0 0 51%; } 
.ind-banner .ban4 i{margin: 1.5% 0 0 51%; } 
.ind-banner .ban4 a.more{margin: 1% 0 0 51%; }*/
/*banner结束*/
.bannerTel{ display: none; }
.ind-bannerTel{width: 100%; height: 100vh;overflow: hidden;} 
.ind-bannerTel .swiper-slide {height: 100vh; color: #fff; } 
.ind-bannerTel .swiper-pagination-bullet {width: 27px; height: 3px; background: #fff; border-radius: 0px; opacity: .2;margin-right:8px!important; } 
.ind-bannerTel .swiper-pagination-bullet-active {background: #fff!important;opacity: 1; } 
.ind-bannerTel .swiper-pagination{ text-align: left; left:7%!important; bottom: 40px!important; } 


/*.indexFlashTel{position:relative; overflow:hidden; max-width:1004px;}
.indexFlashTel .slick img{ width:100%;}
.indexFlashTel .slick-dots{ position:absolute; left:0; width: 100%; text-align: center; bottom:20px;}
.indexFlashTel .slick-dots li{display:inline-block; margin:0 6px; width:36px; height:3px; background:#fff;}
.indexFlashTel .slick-dots .slick-active{background:#045dac;}*/

.indexTitle{ color: #000; position: relative;}
.indexTitle2{ color: #fff; }
.indexTitle .txt1{ font-size: 40px; font-weight: bold; padding-bottom: 10px;}
.indexTitle .txt2{ font-size: 20px; position: relative; height: 65px; }
.indexTitle .txt2 em{ position: absolute; left: 0px; bottom: 0px; display: block; width: 19px; height: 3px; background: #000; }
.indexTitle2 .txt2 em{ background: #fff; }
.indexTitle .more{ position: absolute; right: 0px; top: 20px; width: 134px; height: 35px; text-align: center; line-height: 35px; display: block; background: #5a5a5a; font-size: 14px; color: #fff; font-weight: bold;}
.indexTitle .more:hover{ background: #1b1b1b;}
.indexPart1{padding-top:66px;}
.indexPart1 ul{overflow:hidden;width:1760px;margin:0 auto;}
.indexPart1 ul .on1{background:url(../images/on1.png) no-repeat center;width:206px;height:160px;position:relative;z-index:1;}
.indexPart1 ul .on1:hover{background:url(../images/on1a.png) no-repeat center;cursor:pointer}
.indexPart1 ul .on1:hover h3{color:#fff;font-size:18px;font-weight:bold;}
.indexPart1 ul .on2:hover h3{color:#fff;font-size:18px;font-weight:bold;}
.indexPart1 ul .on2:hover{background:url(../images/on2a.png) no-repeat center;cursor:pointer}
.indexPart1 ul .on3:hover h3{color:#fff;font-size:18px;font-weight:bold;}
.indexPart1 ul .on3:hover{background:url(../images/on3a.png) no-repeat center;cursor:pointer}
.indexPart1 ul .on4:hover h3{color:#fff;font-size:18px;font-weight:bold;}
.indexPart1 ul .on4:hover{background:url(../images/on4a.png) no-repeat center;cursor:pointer}
.indexPart1 ul .on5:hover h3{color:#fff;font-size:18px;font-weight:bold;}
.indexPart1 ul .on5:hover{background:url(../images/on5a.png) no-repeat center;cursor:pointer}
.indexPart1 ul .on6:hover h3{color:#fff;font-size:18px;font-weight:bold;}
.indexPart1 ul .on6:hover{background:url(../images/on6a.png) no-repeat center;cursor:pointer}
.indexPart1 ul .on7:hover h3{color:#fff;font-size:18px;font-weight:bold;}
.indexPart1 ul .on7:hover{background:url(../images/on7a.png) no-repeat center;cursor:pointer}
.indexPart1 ul .on8:hover h3{color:#fff;font-size:18px;font-weight:bold;}
.indexPart1 ul .on8:hover{background:url(../images/on8a.png) no-repeat center;cursor:pointer}

.indexPart1 ul .on2{background:url(../images/on2.png) no-repeat center;width:206px;height:160px;position:relative;z-index:1;}
.indexPart1 ul .on3{background:url(../images/on3.png) no-repeat center;width:206px;height:160px;position:relative;z-index:1;}
.indexPart1 ul .on4{background:url(../images/on4.png) no-repeat center;width:206px;height:160px;position:relative;z-index:1;}
.indexPart1 ul .on5{background:url(../images/on5.png) no-repeat center;width:206px;height:160px;position:relative;z-index:1;}
.indexPart1 ul .on6{background:url(../images/on6.png) no-repeat center;width:206px;height:160px;position:relative;z-index:1;}
.indexPart1 ul .on7{background:url(../images/on7.png) no-repeat center;width:206px;height:160px;position:relative;z-index:1;}
.indexPart1 ul .on8{background:url(../images/on8.png) no-repeat center;width:206px;height:160px;position:relative;z-index:1;}
.indexPart1 ul li{float:left;margin-right:16px;}
.indexPart1 ul li:nth-child(8){margin-right:0px;}
.indexPart1 ul li h3{color:#999;font-size:16px;font-weight:normal;position:absolute;right:20px;bottom:26px;}


.indexPart2{}
.bt{padding:56px 0 46px 0;}
.bt h2{font-size:40px;color:#333;font-weight:bold;text-align:center;} 
.bt i{background:url(../images/bt.png) no-repeat center;display:block;width:156px;height:18px;margin:0 auto;padding:16px 0;}
.bt p{font-size:15px;color:#999999;text-align:center;width:41%;margin:0 auto;}
.bt p span{font-size:15px;color:#61b6df;font-weight:bold;}
.tab-content-wrap {
    position: relative;
    overflow:hidden;
    width:100%;
}
.tab-content .ul-imgl1 > li {
    float: left;
    position: relative;
    overflow: hidden;
}
.tab-content ul > li:nth-child(3n){
	margin-right:0px;
}
.pavilion-container h2{
	text-align: center;
	font-size:32px;
	color:#f49800;
}
.pavilion-container p{
	text-align: center;
    font-size: 16px;
    color: #999;
    line-height: 28px;
}
.pavilion-container p:hover{
	color:#f49800;
}
.pone_photo {
    width:626px;
    height:380px;
    position: relative;
    overflow: hidden;
}
.pone_photo:hover img{
	transform: scale(1.08);
}
.pone_photo img{
	width:100%;
	transition: all 2.5s;
}
.pone_text{
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 0;
	left: 0;
	background: rgba(97,182,223,0.9);
    -webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    -ms-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
}
.pone_text h2{
	font-size:26px;
	color:#fff;
	text-align:center;
	font-weight:bold;
	padding-top:76px;
}
.pone_text p{
	font-size:14px;
	color:#fff;
	line-height:24px;
	padding-top:30px;
	width:70%;
	margin:0 auto;
}
.pone_text .tub{
	width:46px;
	height:46px;
	margin:0 auto;
	margin-top:-48px;
}
.pone_text .tub img{
	padding-top:80px;
}
.tab-content ul > li:hover .pone_text{
	height: 100%;
}
.pone_text h1 {
    text-align: center;
    font-size:18px;
    font-weight:600;
    display: block;
    padding-top: 100px;
    color: #fff;
}
.col-sm-3{
    float:left;
}

/*优势*/
.indexPart3 {background: url(Img/Index/advbg01.png);}
.indexPart3 .adv_con {position: relative;z-index: 1;overflow:hidden;}
.indexPart3 .adv_con .conbox {position: relative;background: #fff;display: none;}
.indexPart3 .adv_con .conbox.cur {display: block;overflow:hidden;}
.indexPart3 .adv_con .conbox .conleft {width:75%;position: relative;overflow: hidden;z-index: 2;}
.indexPart3 .adv_con .conbox .conleft ul li{float:left;width:32.78%!important;margin-right:8px;overflow:hidden;}
.indexPart3 .adv_con .conbox .conleft ul li:nth-child(-n+3){margin-bottom:8px;}
.indexPart3 .adv_con .conbox .conleft ul li:nth-child(3n){margin-right:0px;}
.indexPart3 .adv_con .conbox .conleft ul li img {display: block;width: 100%;transition: all 2.5s;}
.indexPart3 .adv_con .conbox .conleft ul li:hover img {transform: scale(1.2);}
.indexPart3 .adv_con .conbox .conright {width:25%;position: relative;z-index: 2;background:#f5f5f5 url(../images/zywz.jpg) no-repeat bottom center;height:745px!important;}
.indexPart3 .adv_con .conbox .conright h3 {padding-top:14%;margin-left:14%;padding-bottom: 5%;border-bottom: 1px dotted #d3d3d3;margin-bottom: 5%;width: 65%;}
.indexPart3 .adv_con .conbox .conright h3 span {display: block;font-size:90px;color: #61b6df;font-family: din;}
.indexPart3 .adv_con .conbox .conright h3 span b {font-size: 56px;}
.indexPart3 .adv_con .conbox .conright h3 i {display: block;font-weight:bold;color: #333;font-size:38px;font-style:normal;}
.indexPart3 .adv_con .conbox .conright .p1 {font-size: 14px;line-height: 24px;margin-left:14%;margin-bottom: 2%;width: 60%;color:#999;}
.indexPart3 .adv_con .conbox .conright .libg {position: absolute;right: 0;bottom: -64px;}
.indexPart3 .adv_con .adv_btnl {display: block;width: 54px;height:54px;position: absolute;left: 24.4%;margin-left: -41px; bottom: 46%;background:#939393;cursor:pointer;z-index: 3;}
.indexPart3 .adv_con .adv_btnl i {display: block;margin: 18px auto;width: 10px;height: 17px;background: url(../images/jtl01.png) no-repeat center;}
.indexPart3 .adv_con .adv_btnr {display: block;width:54px;height:54px;position: absolute;left: 25%;bottom: 46%;background:#61b6df;cursor:pointer;z-index: 3;}
.indexPart3 .adv_con .adv_btnr i {display: block;margin: 18px auto;width: 10px;height: 17px;background: url(../images/jtr01.png) no-repeat center;}

.indexPart3 .adv_type {position: relative;z-index: 2;overflow:hidden;}
.indexPart3 .adv_type li {float: left;width:25%;padding:46px 0;background: #f5f5f5;}
.indexPart3 .adv_type li p {position: relative;height: 47px;padding: 12px 0 0 168px;border-left: 1px solid #e0e0e0;}
.indexPart3 .adv_type li.li1 p {border-left: none;}
.indexPart3 .adv_type li span {display: block;font-size:24px;color: #333;}
.indexPart3 .adv_type li i {display: block;font-size: 12px;color: #999;text-transform: uppercase;font-style:normal;}
.indexPart3 .adv_type li em {display: block;width:70px;height:70px;position: absolute;left: 70px;top: 0;}
.indexPart3 .adv_type li.li1 em {background: url(../images/advicon01.png) no-repeat center;}
.indexPart3 .adv_type li.li2 em {background: url(../images/advicon03.png) no-repeat center;}
.indexPart3 .adv_type li.li3 em {background: url(../images/advicon05.png) no-repeat center;}
.indexPart3 .adv_type li.li4 em {background: url(../images/advicon07.png) no-repeat center;}
.indexPart3 .adv_type li.cur {background: #61b6df;}
.indexPart3 .adv_type li.cur p {border-left-color: #61b6df;}
.indexPart3 .adv_type li.cur i {color: #fff;}
.indexPart3 .adv_type li.cur span {color: #fff;}
.indexPart3 .adv_type li.li1.cur em {background: url(../images/advicon02.png) no-repeat center;}
.indexPart3 .adv_type li.li2.cur em {background: url(../images/advicon04.png) no-repeat center;}
.indexPart3 .adv_type li.li3.cur em {background: url(../images/advicon06.png) no-repeat center;}
.indexPart3 .adv_type li.li4.cur em {background: url(../images/advicon08.png) no-repeat center;}


.indexPart2Tel{ display: none; }
.indexPart2Tel li a{ display: block; width: 100%; height: 100%; }
.indexPart2Tel li .imgDiv img{ width: 100%; }
.indexPart2Tel li .botDiv{ padding: 15px 10px 20px; position: relative; }
.indexPart2Tel li .name{ font-size: 18px; color: #191919; height:32px; line-height: 32px; overflow: hidden;  }
.indexPart2Tel li .msg{ font-size: 14px; height: 48px; line-height: 24px; overflow: hidden; color: #a4a4a4;width:94%; }
.indexPart2Tel li .ico{ position: absolute; right: 10px; top:24px; width: 10px; height: 10px; background:url(../images/ico1.png) no-repeat;  }

.indexPart3 .bigBox{ overflow: hidden; padding-top: 100px; }
.indexPart3 .leftDiv{ width: 62%; }
.indexPart3 .rightDiv{ width: 31%; }
.indexPart3 .leftDiv .detail{ padding-left: 58%; height: 387px; position: relative;}
.indexPart3 .leftDiv .detail .imgDiv{ width: 50%; position: absolute; left: 0px; top: 0px; overflow: hidden;}
.indexPart3 .leftDiv .detail .imgDiv img{ width: 100%; }
.indexPart3 .leftDiv .detail .hideBox{ position: absolute; left: 0px; top: 0px; display: none; width: 100%; z-index: 2; background: url(../images/bg2.png) repeat;}
.indexPart3 .leftDiv .detail .more{ position: absolute; left: 50%; top: 50%; margin-top: -23px; width: 248px; height: 46px; margin-left: -124px; }
.indexPart3 .leftDiv .detail .more a{ display: block; width: 248px; height: 46px; line-height: 46px; text-align: center; background: url(../images/nimg248Bg.png) no-repeat; font-size: 14px; color: #fff; font-weight: bold;}
.indexPart3 .leftDiv .detail .name{ padding-top: 35px; height: 80px; line-height: 40px; overflow: hidden; font-size: 22px; margin-bottom: 40px; font-weight: bold;}
.indexPart3 .leftDiv .detail .name a{ color: #000; }
.indexPart3 .leftDiv .detail .name a:hover{ text-decoration: underline; }
.indexPart3 .leftDiv .detail .content{ line-height: 28px; color: #888; height: 140px; overflow: hidden; position: relative;}
.indexPart3 .leftDiv .detail .content em{ position: absolute; left: 0px; bottom: 0px; width: 30px; height: 3px; background: #232323;}
.indexPart3 .rightDiv li{ height: 148px; border-bottom: #f2f2f2 solid 1px;  position: relative; padding-left: 158px;}
.indexPart3 .rightDiv li .imgDiv{ position: absolute; left: 0px; top: 27px; width:130px; }
.indexPart3 .rightDiv li .name{ font-size: 15px; padding-top: 30px; height: 40px; line-height: 20px; overflow: hidden; width: 230px;}
.indexPart3 .rightDiv li .name a{ color: #000; }
.indexPart3 .rightDiv li .name a:hover{ text-decoration: underline; }
.indexPart3 .rightDiv li .time{ padding-top: 18px; color: #888; }
.indexPart3 .rightDiv .li01{ height: 118px; }
.indexPart3 .rightDiv .li01 .imgDiv{ top: 0px; width:130px;}
.indexPart3 .rightDiv .li01 .name{ padding-top: 0px; }
.indexPart3 .rightDiv .li02{ border-bottom: none; }
.indexPart3 .rightDiv li .hideBox{ position: absolute; left: 0px; top: 0px; display: none; width: 100%; z-index: 2; background: url(../images/bg2.png) repeat;}
.indexPart3 .rightDiv li .more{ position: absolute; left: 50%; top: 50%; margin-top: -34px; width: 108px; height: 68px; margin-left: -54px; }
.indexPart3 .rightDiv li .more a{ display: block; width: 108px; height: 68px; line-height: 68px; text-align: center; background: url(../images/nimg108Bg.png) no-repeat; font-size: 14px; color: #fff; font-weight: bold;}


.indexTitle .tab{ position: absolute; right: 0px; top: 20px; width: 31%; }
.indexTitle .tab li{ float: left; padding-left: 22px; color: #797979; height: 30px; line-height: 30px; overflow: hidden; margin-right: 30px;}
.indexTitle .tab .liNow{ background: url(../images/line1.jpg) left center no-repeat; color: #2f343c;}

.gallery{
  width: 100%;
  height:680px;
  background-color: #fff;
  overflow: hidden;
  position: relative;
  text-align: center;
  margin-bottom:68px;
}

.gallery-section {
  width:1200px;
  position: absolute;
  left:37.8%;
  margin-left: -360px
}

.gallery-content ul .big-photo{
  margin-top: 5px;
  margin-left: 5px;
  position: relative;
  width:1180px;
  overflow:hidden;
  margin:0 auto;
}

.gallery-content ul .big-photo img{
  width:100%;
}
.gallery-content ul .big-photo a {
  display: block;
}
.gallery-content ul .big-photo p {
  position: absolute;
  z-index: 999;
  bottom:0;
  left: 0;
  width: 100%;
  padding: 5px 0;
  line-height: 1.8;
  color: #fff;
  font-size: 18px;
  font-weight:bold;
  background:rgba(0, 0, 0, 0.6);
}

.gallery-content ul li.big-photo p {
  padding: 20px 0;
}

.gallery-content ul .big-photo:hover p {
  -webkit-animation: .5s show-title ease;
  animation: .5s show-title ease;
  bottom:240px;
}

@-webkit-keyframes show-title {
  from {
    bottom: -300px;
  }
  to {
    bottom: 0;
  }
}

@keyframes show-title {
  from {
    bottom: -300px;
  }
  to {
    bottom: 0;
  }
}

.gallery-content ul li.big-photo:hover img {
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
  -webkit-transition: all 5s ease;
  transition: all 5s ease;
}

.gallery .tempWrap {
  overflow: visible !important
}

.gallery .tempWrap .gallery-section {
  margin-left: -1000px !important;
}

.gallery .pnBtn {
  position: absolute;
  z-index:10;
  top: 0;
  width: 100%;
  height:680px;
  background: rgba(0, 0, 0, .6);
  cursor: pointer;
}

.gallery .prev {
  left: -55.5%;
  margin-left: -500px;
}

.gallery .next {
  left: 55.5%;
  margin-left:510px;
}

.gallery .pnBtn .arrow {
  display: block;
  position: absolute;
  top: 45%;
  z-index:999;
  width: 60px;
  height: 60px;
}

.gallery .pnBtn .arrow:hover {
  filter: alpha(opacity=90);
  opacity: 0.9;
}

.gallery .prev .arrow {
  right: 38px;
  background: #61b6df url(../images/slider-arrow.png) -120px 12px no-repeat;
  border-radius:50%;
}

.gallery .next .arrow {
  left: 38px;
  background: #61b6df url(../images/slider-arrow.png) 0 12px no-repeat;
  border-radius:50%;
}

.vr {
  background: #4f4f4f;
  margin-top: 10px;
  padding-bottom: 15px;
}

.vr-banner {
  position: relative;
}

.vr-title {
  position: absolute;
  bottom: 20px;
  right: 30px;
}

.vr-list li {
  float: left;
  position: relative;
  margin-left: 12px;
  margin-top: 12px;
}

.vr-list .vr-list-title {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 30px;
  line-height: 30px;
  text-align: center;
  color: #fff;
  background: rgba(0, 0, 0, 0.6);
}

.vr-list li:hover .vr-list-title {
  background: #fd7301;
  filter:none;
}

.jchn {
  width: 100%;
  min-width: 1000px;
  height: 740px;
  background: url(../tplimg/jchn-bg.jpg) no-repeat top center;
}

.jchn-area {
  width: 940px;
  margin: 0 auto;
}

.jchn-title {
  float: right;
  margin-right: 20px;
  margin-top: 60px;
}

.jchn-content {
  margin-top: 20px;
  background: url(../tplimg/jchn-tabs-bg.png) repeat 0 0;
}

.jchn-photo {
  float: left;
  margin: 20px;
}

.jchn-tabs-title li {
  width: 235px;
  float: left;
  cursor: pointer;
  text-align: center;
  height: 75px;
  line-height: 75px;
  font-size: 18px;
  color: #fff;
  background: url(../tplimg/jchn-tabs-title.png) repeat 0 0;
}

.jchn-tabs-title li a {
  color: #fff;
}

.jchn-tabs-title li.tabs-title-on {
  background: none;
  font-weight: bold;
  color: #298be8;
}

.jchn-tabs-title li.tabs-title-on a {
  color: #298be8;
}

.jchn-tabs-list {
  float: right;
  width: 460px;
  font-size: 16px;
  margin-top: 15px;
}

.jchn-tabs-list li {
  width: 100%;
  height: 36px;
  line-height: 36px;
  display: block;
  overflow: hidden;
  text-indent: 12px;
  background: url("../tplimg/ListIco.png") no-repeat left center;
}

.message-left {
  width: 470px;
  float: left;
  margin-left: 10px;
}

.message-right {
  width: 470px;
  float: right;
  margin-right: 10px;
}

.message-title {
  display: block;
  width: 100%;
  height: 30px;
  line-height: 30px;
  color: #e12268;
  text-indent: 15px;
  background: url(../tplimg/message-title.png) no-repeat left center;
  font-size: 16px;
}

.message-list dt {
  color: #e12268;
  height: 40px;
  line-height: 40px;
}

.message-list dd {
  border-bottom: 1px dashed #d6d6d6;
  padding-bottom: 15px;
  margin-bottom: 10px;
}

.message-form {
  display: block;
  margin-top: 20px;
}

.message-form textarea {
  width: 450px;
  height: 100px;
  padding: 10px;
  margin: 20px 0;
  border: 1px solid #d6d6d6;
  border-radius: 10px;
  font-size: 14px;
  line-height: 1.8;
}

.message-name {
  width: 360px;
  padding: 5px 10px;
  height: 30px;
  line-height: 30px;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 1px solid #d6d6d6;
  font-size: 14px;
}


.indexPart5{background: url(../images/gywm_b.jpg) no-repeat;padding:0 7%;}
.indexTitle .title1{ font-size:36px;color: #333;font-weight:bold; }
.indexTitle_inx .title2{ font-size: 32px; color: #767676; padding-top: 0.2rem; font-weight: bold; text-transform: uppercase;font-family: din;}
.indexTitle .title2{ font-size: 32px; color: #767676; padding-top: 0.2rem; font-weight: bold; text-transform: uppercase;font-family: din;}
.indexPart5 .leftDiv, .indexPart5 .rightDiv{ width: 50%; }
.indexTitle_inx .title1{font-size:36px;color:#000;font-weight:bold;}
 .indexPart5 .rightDiv video{ height:5.56rem; }
}
.indexPart5 .rightDiv .videoDiv{ background:#000;}
.indexPart5 .toptop, .indexPart5 .botbot{ overflow: hidden; }
.indexPart5 .toptop .mxfDiv{ position: relative; left: 0; padding:24px 44px 0 44px; }
.indexPart5 .toptop .mxfDiv:hover{ left: -14px;transition: all 2.5s;}
.indexPart5 .toptop .txt{ font-size:25px;padding:40px 0 26px 0; color: #333; }
.indexPart5 .toptop .content{ font-size: 14px; color: #787878; line-height: 24px; }
.indexPart5 .toptop .btnDiv{ padding-top:66px; }
.indexPart5 .toptop .btnDiv a{ display: block; position: relative; width:156px;height:40px;line-height:40px; text-transform: uppercase; text-align: center; height: 0.56rem; line-height: 0.56rem; border: #61b6df solid 1px;font-size: 14px; color: #61b6df;border-radius:48px;padding:12px 0;}
.indexPart5 .toptop .btnDiv a:after{ content: ''; position: absolute; left: 0; bottom: 0; height: 0; width: 100%; background: #61b6df; z-index: -1;border-radius: 48px;}
.indexPart5 .toptop .btnDiv a:hover{ color: #fff; }
.indexPart5 .toptop .btnDiv a:hover:after{ height: 100%; }
.indexPart5 .videoDiv{ position: relative; }
.indexPart5 .videoDiv .bg img{ width: 100%; }
.indexPart5 .videoDiv .ico{ position: absolute; left: 50%; margin-left: -0.35rem; top: 50%; margin-top: -0.35rem; }
.indexPart5 .videoDiv .ico .bj{ position: absolute; left: 0; top: 0; }
.indexPart5 .videoDiv .ico .img_rotate{  -moz-animation:rotate 5s infinite linear;  -webkit-animation:rotate 5s infinite linear;  animation:rotate 5s infinite linear; }
@-moz-keyframes rotate{ 0%{  -moz-transform:rotate(0deg);  } 100%{  -moz-transform:rotate(360deg);  } }
@-webkit-keyframes rotate{ 0%{  -webkit-transform:rotate(0deg);  } 100%{  -webkit-transform:rotate(360deg);  } }
@keyframes rotate{ 0%{  transform:rotate(0deg);  } 100%{  transform:rotate(360deg);  } }

.coreDiv{ position: relative; }
.coreDiv .bg img{ width: 100%; }
.coreDiv .layer{ position: absolute; left: 0; top: 0; z-index: 1; width: 100%; }
.coreDiv .mxfDiv{ padding: 0 44px 0 44px; position: relative; left: 0;}
.coreDiv:hover .mxfDiv{ left: -14px;transition: all 2.5s;}
.coreDiv .txt1{ padding-top:46px; font-size:24px;color: #fefefe; }
.coreDiv .txt2{font-size: 14px; color: #fff; text-transform: uppercase; }
.coreDiv .name{ padding-top:62px; font-size:30px;color: #fff; }
.coreDiv .msg{ font-size: 14px; color: #fff; background:url(../images/nimg61_1.png) no-repeat right 0;height:61px;line-height:61px;margin-top:-12px;}

.indexPart6{padding:0 0 3% 7%;}
.indexPart6 .new_f{position:relative;padding-top:68px;}
.indexPart6 .new_f .new_pic{width:50%;height:542px;overflow:hidden;}
.indexPart6 .new_f .new_pic:hover img {transform: scale(1.08);}
.indexPart6 .new_f .new_pic img{width:100%;transition: all 2.5s;overflow:hidden;}
.indexPart6 .new_f .new_tit{background:#61b6df;width:60%;position:absolute;top:0px;right:0px;height:204px;padding-left:50px;margin-top:48px;}
.indexPart6 .new_f .new_tit .rc{float:left;width:54px;height:178px;background:#535353;position:absolute;top:-46px;}
.indexPart6 .new_f .new_tit .rc P{font-size:16px;color:#fff;text-align:center;padding:38px 0 16px 0;}
.indexPart6 .new_f .new_tit .rc i{display:block;background:url(../images/new_xt.jpg) no-repeat;width:19px;height:32px;margin:0 auto;}
.indexPart6 .new_f .new_tit .rc h6{font-size:16px;color:#fff;font-style:normal;text-align:center;padding-top:16px;}
.indexPart6 .new_f .new_tit .new_wz{float:left;padding:30px 0 0 110px;width:78%;}
.indexPart6 .new_f .new_tit .new_wz h2{font-size:20px;color:#fff;font-weight:bold;margin-bottom:28px;position:relative;left:0px;}
.indexPart6 .new_f .new_tit .new_wz:hover h2,.indexPart6 .new_f .new_tit .new_wz:hover p{left:-8px;transition: all 2.5s;}
.indexPart6 .new_f .new_tit .new_wz p{font-size:14px;line-height:20px;color:#ebebeb;position:relative;left:0px;}
.indexPart6 .new_f .new_tit .new_wz span{font-size:14px;color:#fff;float:right;}
.indexPart6 .new_f .new_tit .new_wz span i{background:url(../images/new_y.png) no-repeat;width:18px;height:12px;display:inline-block;padding-right:10px;}
.indexPart6 .new_f .new_xz{position:absolute;right:7%;width:39%;top:204px;}
.indexPart6 .new_f .new_xz ul li{border-bottom:1px solid #eee;padding-bottom:28px;margin-top:40px;}
.indexPart6 .new_f .new_xz ul li h2{font-size:20px;color:#222;font-weight:bold;position:relative;left:0px;}
.indexPart6 .new_f .new_xz ul li h2 span{font-size:18px;background:#959595;font-family: din;color:#fff;padding:0 6px;float:right;}
.indexPart6 .new_f .new_xz ul li:hover h2{left:-8px;transition: all 2.5s;color:#61b6df;}
.indexPart6 .new_f .new_xz ul li p{font-size:14px;color:#999;line-height:20px;margin-top:20px;position:relative;left:0px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.indexPart6 .new_f .new_xz ul li:hover P{left:-8px;transition: all 2.5s;}
.missionDiv{ padding:78px 52px 0 52px; }
.missionDiv .mxfDiv{ position: relative; right: 0; }
.missionDiv .txt{font-size:60px;color: #787878; font-family:din; text-transform: uppercase; }
.missionDiv .name{ padding-top: 0.2rem; font-size:30px;color: #333; }
.missionDiv .msg{ height:61px;line-height:61px; font-size: 12px; color:#ccc;text-transform: uppercase; background:url(../images/nimg61_2.png) no-repeat right center;margin-top:-20px;}
.missionDiv:hover .mxfDiv{ right: -14px;transition: all 2.5s;}

.indexPart7{position: relative;padding:0 7%;z-index:1000;}
.indexPart7 .lx_c{position:relative;z-index:99;}
.videobg {position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 1;background: #fff;}
.videobg .map_b{width:100%;height:100%;position: absolute;top:218px;right:-48%;}
.videobg .e_box{background-color: rgba(255, 255, 255, 0.86);width:100%;height:100%;position: absolute;left: 0;top: 0;}
.indexPart7 video {width: 100%;height: 100%;display: block;object-fit: fill;background-color: #fff;}
.indexPart7 .lxfs{overflow:hidden;}
.indexPart7 .lxfs ul li{width:24.8%;float:left;}
.indexPart7 .lxfs ul li{border-right:1px solid #ccc;}
.indexPart7 .lxfs ul li:hover i img{transform: rotate(360deg);-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);-o-transform: rotate(360deg);-ms-transform: rotate(360deg);
}
.indexPart7 .lxfs ul li:nth-child(4){border-right:none;}
.indexPart7 .lxfs ul li i{display: block;width:36px;height:40px;position: relative;margin: auto;}
.indexPart7 .lxfs ul li i img{transition: All 0.4s ease-in-out;-webkit-transition: All 0.4s ease-in-out;-moz-transition: All 0.4s ease-in-out;-o-transition: All 0.4s ease-in-out;}

.indexPart7 .lxfs ul li h3{font-size:20px;color:#000;font-weight:bold;text-align:center;margin-top:24px;}
.indexPart7 .lxfs ul li .p{font-size:34px;color:#333333;text-align:center;font-family: din;margin-top:30px;}
.indexPart7 .lxfs ul li p{font-size:16px;color:#333333;text-align:center;margin-top:30px;}
.indexPart7 .lxfs ul .li img{margin-left:128px;transform: scale(1.08);}
.indexPart7 .lxfs ul .li p{margin-top:10px;}
.indexPart7 .lx_bom h3{font-size:40px;color:#000;font-weight:bold;text-align:center;padding:74px 0 26px 0;}
.indexPart7 .lx_bom p{font-size:18px;color:#333;font-weight:bold;text-align:center;line-height:30px;}
.indexPart7 .lx_bom p span{font-size:42px;color:#61b6df;font-family: din;line-height:30px;}
.content-form {overflow: hidden;}
.content-form li{list-style: none;margin: 0 0 10px 0;padding: 0;font-size: 0;overflow:hidden;}
.content-form li .input2 {border-bottom: 1px solid #b5b5b5;padding: 10px;width:50%;height:60px;font-size: 18px;font-weight:bold;box-sizing: border-box;color:#000;}
.content-form li .input2{margin-right:2%;width:30%;float:left;}
.content-form li .textarea1 {width:100%;height:154px;font-size: 18px;border-bottom: 1px solid #b5b5b5;padding:38px 10px;box-sizing: border-box;font-weight:bold;}
.content-form li .submit1 {background: #61b6df;color: #fff;font-size: 14px;width:100%;height:54px;cursor: pointer;border-radius:48px;text-align:center;}
.content-form li .submit1:hover {background: #61b6df;}
.content-form .li{width:232px;margin:0 auto;padding:58px 0;}
.lx_bom{margin-bottom:54px;}
input{color:#333;}
input::-webkit-input-placeholder{color:#333;}
textarea{color:#333;}
textarea::-webkit-input-placeholder{color:#333;}

/*foot*/
.footer {background: #1a1a1a;padding-top:50px;overflow: hidden; color: #fff;}
.footer .content {padding:0 7%;}
.footer .content .top {padding-bottom:44px;overflow: hidden;border-bottom: 1px solid #303030;}
.footer .content .top .foot_logo{float:left;}
.footer .content .top .footer-nav{float:right;padding-top:20px;width:60%;}
.footer .content .top .footer-nav{}
.footer .content .top .footer-nav a{font-size:15px;color: #868686;margin-right:2%;}
.footer .content .top .footer-nav a:nth-child(8){margin-right:0px;}
.footer .content .top .footer-nav a:hover {color: #fff;}
.footer .content .center{clear: both;position: relative;padding:58px 0 32px 0;overflow: hidden;}
.footer .content .center .left {float:left;}
.footer .content .center .right{float:right;}
.footer .content .center .left .subscribe {font-size: 0;}
.footer .content .center .left .subscribe input {height: 38px;border: 1px solid #484848;background: none;color: #5f5f5f;font-size: 12px;padding: 0 20px;}
.footer .content .center .left .subscribe input::-webkit-input-placeholder {font-size:12px;color:#5f5f5f;}
.footer .content .center .left .subscribe .subscribe-input{width: 240px;display: inline-block;vertical-align: middle;}
.footer .content .center .left .subscribe .subscribe-submit{width: 90px;height: 40px;display: inline-block;vertical-align: middle;margin-left:7px;cursor: pointer;}
.footer .content .center .left .subscribe .subscribe-submit:hover {color: #fff;border: 1px solid #fff;}
.footer .content .center .right .social{float: left;}
.footer .content .center .right .social a {width: 36px;height: 36px;margin-left: 10px;display: block;float: left;opacity: .5;border: 1px solid #404040;position: relative;cursor:pointer;}
.footer .content .center .right .social a.f1 {background: url("../images/f1.png") center no-repeat;}
.footer .content .center .right .social a.f2 {background: url("../images/f2.png") center no-repeat;}
.footer .content .center .right .social a.f3 {background: url("../images/f3.png") center no-repeat;}
.footer .content .center .right .social a.f4 {background: url("../images/f4.png") center no-repeat;}
.footer .content .center .right .social a.f5 {background: url("../images/f5.png") center no-repeat;}
.footer .content .center .right .social a.f6 {background: url("../images/f6.png") center no-repeat;}
.footer .content .center .right .social a:hover {opacity: 1;}
.footer .content .center .right .social a img{width:100px;height:100px;position:absolute;left:-30px;top:-30px;z-index:33;max-width:100px;max-height:100px;display: none;}
.footer .content .center .right .social a:hover img {display: block;}
.footer .content .center .right .wxshow {display: none;position: absolute;width: 100px;height: 100px;padding: 5px; background: #fff;left: -40px;bottom: 40px;z-index: 3;}
.footer .content .center .right .wxshow::before{content: '';display: block;position: absolute;left:50%;bottom: -10px;margin-left: -20px;border-right:20px solid transparent;border-left:20px solid transparent;border-top:20px solid #fff;}
.footer .content .center .right .wxshow img {display: block;width: 100%;height: auto;}

.footer .content .copy{clear: both;overflow: hidden;padding: 0 0 25px 0; font-size: 12px;color: #666;position: relative;}
.footer .content .copy * {font-family:Arial,Microsoft Yahei,PingFang SC;}
.footer .content .copy{float: left;font-size: 14px;color:#868686;line-height:24px;}
.footer .content .copy a {color: #666;} 
.footer .content .copy a:hover {color: #fff;}
.footer .content .copy a.niego {margin-left: 15px;}