.banner span img{width: 100%;height: 100%;}
.xt_ban{position: absolute;top:55%;width: 100%;transform: translateY(-50%);box-sizing: border-box;padding: 0 5%;text-align: center;}
.ban1_list,.banner{height: 100%;}


.xt_ban img{max-width: 100%;}
.xt_ban font{display: block;font-size: 16px;color: rgba(250,250,250,1);line-height: 28px;transform: translateY(200px);transition: 1s ease-in-out 0.3s;opacity: 0;}
.xt_ban h1{font-size: 48px;font-weight: bold;color: white;text-transform: uppercase;transform: translateX(200px);transition:1s ease-in-out 0.3s;opacity: 0;}
.xt_ban p{font-size: 25px;color: white;margin-bottom: 22px;transform: translateX(-200px);transition: 1s ease-in-out 0.3s;opacity: 0;margin-top: 24px;}
.banner .swiper-pagination{bottom:55px;}
.banner .swiper-pagination span{width: 25px;height: 2px;background: rgba(250,250,250,.8);opacity: 1;border-radius: 0;transition: 0.4s ease-out;margin: 0 8px !important;}
.banner .swiper-pagination .swiper-pagination-bullet-active{background: #fff;width: 100px;}
.banner .xt_ban font img{opacity: 0;}
.banner .swiper-slide-active .xt_ban font img{}
.banner .swiper-slide-active h1,.banner .swiper-slide-active p{transform: translateX(0);opacity: 1;}
.banner .swiper-slide-active font{transform: translateY(0);opacity: 1;}

.ban1_list_i{display: inline-block;width: 75px;height: 75px;text-align: center;line-height: 75px;border: 1px solid rgba(250,250,250,.5);border-radius: 50%;
cursor: pointer;margin-top: 65px;transition: 1s ease-in-out .35s;transform:translateY(100px);opacity: 0;}
.banner .swiper-slide-active .ban1_list_i{transform: translateY(0);opacity: 1;}
.ban1_list_i img{animation: ran 2s linear infinite;}
.ban1_list_i a{display: block;}
@keyframes ran{
	0%{transform: translateY(-3px);}
	25%{transform: translateY(0px);}
	50%{transform: translateY(3px);}
	75%{transform: translateY(0px);}
	100%{transform: translateY(-3px);}
}



.section2_zong{display: block;height: 100%;font-size: 0;}
.sec2_title {text-align: center; padding-top:9%}
.sec2_content{width: 100%;text-align: center;background-image:url(../images/index_about_content_bg.png);}
.sec2_content .head{width: 100%; height:60px;}
.sec2_content .bottom{width: 100%; height:60px;}
.sec2_content .detail{padding:0px 30px;}
.sec2_content .detail p{ font-size:16px; line-height:30px; color:#333; text-align:left; text-indent:2em; padding-bottom:10px;}
.sec2_title_div1{display: block;text-align:center;}
.sec2_title_div1 h1{font-size: 36px;font-weight: bold;color: #fff;line-height: 50px;}
.sec2_title_div1 h2{font-size: 24px;font-family: Arial, Helvetica, sans-serif;color: #fff;text-transform: uppercase; padding-bottom:10px;}
.sec2_content .sec2_more{margin-top: 10px;}
.sec2_more a{display: block;width: 160px; height:40px; color:#fff;text-align: center;line-height: 40px; background:#179c98; margin:0 auto;}
.sec2_more a:hover { color:#fff; background: -webkit-linear-gradient(left, #0f74ac , #179e97); 
  background: -o-linear-gradient(right,  #179e97, #0f74ac); 
  background: -moz-linear-gradient(right,  #179e97, #0f74ac); 
  background: linear-gradient(to right,  #179e97, #0f74ac);}

.cont_1_3_1{
	width:960px;
	margin:30px auto 0px auto;
}
.cont_1_3_1 ul li{
	float:left;
	padding-right:90px;
}
.cont_1_3_1_img{
	width:120px;
	height:120px;
}
.cont_1_3_1_tt{
	width:120px;
	padding-top:10px;
	text-align:center;
	font-size:16px;
	color:#333;
}

.section3{background: url(../images/sec3_bg_03.jpg) no-repeat center center;background-size: cover;}
.section3 .divBox{font-size: 0;}
.sec3_title{ width:100%; text-align:center;box-sizing: border-box; position:absolute; z-index:99; margin:0 auto; padding-top:12%;}
.sec3_title h1{font-size: 36px;color: #fff; font-weight:600;line-height: 50px;text-align:center;}
.sec3_title h2{font-size: 24px;font-family: Arial, Helvetica, sans-serif;color: #fff;text-align:center;text-transform: uppercase;}
.bannerImg img{height: auto;opacity: 0;}
.bannerImg img:first-child{}
.banner{position: relative;}
.bannerList{position: absolute;width: 100%;height: 100%;left: 0;top: 0;}
.bannerList li{text-align: center;overflow: hidden; width: 21%;box-sizing: border-box;border-right: 1px solid #D4E3EF;height: 100%;position: relative;}
.bannerList li:last-child{border-right: none;}
.bannerList li.active{width: 37%;}
.bannerList li h2, .bannerList li p{color: #fff;}
.bannerList li h2{font-size: 30px; font-weight:600;}
.bannerList li .line{opacity: 0; margin: 28px auto;width: 45px;height: 1px;background: rgba(255,255,255,0.5);display: block;}
.bannerList li p{opacity: 0;line-height: 30px;font-size: 16px;margin-bottom: 60px;}
.bannerList li a{opacity: 0;color: #179c98;width: 140px;line-height: 36px;display: block;margin: 0 auto;background: #fff;}
.bannerList li div{width: 405px;position: absolute;left: 50%;bottom: 0;height: 85px;transform: translateX(-50%);}
.bannerList li.active .line, .bannerList li.active p, .bannerList li.active a{opacity: 1;}
.bannerList li.active div{height: 280px;bottom: 40%;transform: translate(-50%,50%);}
.bannerList li.active{
	background:rgba(23,158,151, 0.3); /* 一些不支持背景渐变的浏览器 */  
    background:-moz-linear-gradient(top, rgba(15,116,172,0), rgba(23,158,151, 0.5));  
    background:-webkit-gradient(linear, 0 0, 0 bottom, from(rgba(15,116,172,0)), to(rgba(23,158,151, 0.5)));  
    background:-o-linear-gradient(top, rgba(15,116,172,0), rgba(23,158,151, 0.5)); }
.bannerList li a:hover{color: #fff;background: -webkit-linear-gradient(left, #0f74ac , #179e97); 
  background: -o-linear-gradient(right,  #179e97, #0f74ac); 
  background: -moz-linear-gradient(right,  #179e97, #0f74ac); 
  background: linear-gradient(to right,  #179e97, #0f74ac);}
.inTitle{padding: 25px 0;height: 24px;}
.inTitle h2{font-size: 18px;display: inline-block;}
.inTitle h2 span{color: #bfbfbf;font-size: 12px;font-family: arial;display: inline-block;margin-left: 10px;vertical-align: middle;font-weight: normal;}
.inTitle a{width: 110px;line-height: 30px;color: rgba(0,0,0,0.5);text-align: center;float: right;background: #F8F8F8;}
body{font-size: 0;}
.indexBox article{height: 255px;border-top: 1px solid #F3F3F3;border-bottom: 1px solid #F3F3F3;box-sizing: border-box;}
.inVideo video{width: 100%;height: 100%;}
.inVideo{width: 28%;}
.indexBox time b{font-size: 30px;font-family: arial;font-weight: normal;display: block;position: relative;}
.indexBox time{display: block;font-size: 12px;font-family: arial;color: rgba(51,51,51,0.4);padding-left: 30px;}
.indexBox article a{padding-left: 30px;display: block;margin-top: 20px;line-height: 30px;height: 60px;overflow: hidden;text-overflow:ellipsis;}
.inNews , .inNotice{width: 26%;}
.inNews article, .inNotice article{padding-top: 35px;box-sizing: border-box;padding-left: 50px;}
.indexBox time b:after{width: 20px;height: 1px;background: #C6C6C6;content: '';display: block;position: absolute;left: -30px;top: 50%;}
.inLink{width: 20%;}
.indexBox article a span{color: #c90000;font-weight: bold;}
.inNews .inTitle, .inNotice .inTitle{padding-left: 80px;}
.inVideo .inTitle{padding-left: 20px;}
.inLink article a{height: auto;margin-top: -72px;display: block;}
.indexBox article a:hover{color: #193171;}
.inLink article{position: relative;z-index: 2;}
.inLink article img{display: block;max-width: 100%;width:470px;height:auto;}
.inLink .inTitle{position: relative;z-index: 1;}
.inNews .swiper-button-prev, .inNews .swiper-button-next{opacity: 0.5; width: 9px;height: 15px;top: auto;bottom: 30px;background-size: cover;}
.inNews .swiper-button-prev{left: 80px;}
.inNews .swiper-button-next{left: 100px;right: auto;margin-top: 0;}
.inNews .swiper-pagination{width: auto;bottom: 29px;left: 120px;opacity: 0.5;}
.inNews .swiper-button-prev:hover, .inNews .swiper-button-next:hover{opacity: 1;}
.inTitle a:hover{background: #193171;color: #fff;}

.bannerImg{position:relative;}
.bannerImg img{position:absolute;top:0;left:0;transition: 0.5s ease-in-out;}
.bannerImg img.active{opacity: 1;}

@media screen and (max-width: 1440px) {
.bannerImg img{position:absolute;top:0;left:0;transition: 0.5s ease-in-out; max-height:740px;}
}

/*内联块*/
.bannerList li{display: inline-block;vertical-align: middle;}
.bannerList{font-size: 0;}


.section5{background: url(../images/sec5_03.jpg) no-repeat center center;background-size: cover;}
.section5 .divBox{font-size: 0;}
.section5 .sec5_title{ padding-top:8%;}
.sec5_content{ width:100%;display: inline-block;vertical-align: middle;width: calc(100% - 400px);}
.sec5_content .swiper-slide-1{ width:33.33%; margin-right:1.5%;}
.sec5_content .swiper-slide-1:last-child{margin-right:0;}
.sec5_content .swiper-slide-1 a{display: block;box-sizing: border-box;padding-bottom: 30px;}
.sec5_content .swiper-slide-1 a span{display: block;overflow: hidden;position: relative;}
.sec5_content .swiper-slide-1 a span img{width: 100%; height:25vh;transition: 0.3s ease-in-out;}
.sec5_content .swiper-slide-1 a span:after{content: '';display: block;width: 100%;height: 2px;background:#179c98;position: absolute;bottom: 0;left: 0;transition: 0.3s ease-out;transform: scaleX(0);}
.sec5_content .swiper-slide-1 a:hover span img{transform: scale(1.05);}
.sec5_content .swiper-slide-1 a:hover span:after{transform: scale(1);}
.sec5_content_div time{display: block;text-align: left;font-size: 14px;color: #989898;}
.sec5_content_div{box-sizing: border-box;padding: 10px 20px; background:rgba(255, 255, 255, 0.6);}
.sec5_content_div h1{font-size: 16px;color: #333; font-weight:600;text-align: left;transition: 0.3s ease-in-out;}
.sec5_content_div p{font-size: 14px;color: #333;line-height: 24px;min-height: 48px;}
.sec5_content .swiper-slide-1 a:hover .sec5_right_div h1{color:#179c98;}
.sec5_content .swiper-slide-1 a:hover .sec5_right_div p:after{transform: rotate(180deg);background:#179c98;}
.sec5_content .swiper-button-next,.sec5_right .swiper-button-prev{display: none;}

.sec5_more{margin-top: 0px;}
.sec5_more a{display: block;width: 160px; height:40px; color:#fff;text-align: center;line-height: 40px;border:1px #fff solid; margin:0 auto;}
.sec5_more a:hover { color:#fff; border:1px rgba(255, 255, 255, 0.4) solid;background: -webkit-linear-gradient(left, #0f74ac , #179e97); 
  background: -o-linear-gradient(right,  #179e97, #0f74ac); 
  background: -moz-linear-gradient(right,  #179e97, #0f74ac); 
  background: linear-gradient(to right,  #179e97, #0f74ac);}



.sites_serve .sites_serve_tabs{
    text-align: center; 
	margin-bottom: 30px;
}
.sites_serve .sites_serve_tabs li{
    padding: 6px 42px;
    line-height: 30px; 
	margin: 0px 20px; 
	display: inline-block; 
	color: #333; 
	font-size: 18px; 
	cursor: pointer;
	background:#d6d6d6;
}
.sites_serve .sites_serve_tabs li.active{
    background: #d6d6d6;
	color: #333;
}
.sites_serve .sites_serve_content .sites_serve_con{
    display: none;
}
.sites_serve .sites_serve_content .sites_serve_con.active{
    display: block;
}


.alw{position: absolute;right:40px;top: 50%;transform: translateY(-50%);z-index: 3;}
.section6 .fp-tableCell,.section6 {height: auto !important;}



.sec2_title_div1 h1,.sec2_title_div1 font,.sec2_title_div p,.sec2_title_more,.sec2_title_bof,.sec3_left p,.sec3_right,.sec4_right h2,.sec4_right p,
.sec5_right{ width:100%;transform: translateY(200px);opacity: 0;}
.section2{background: url(../images/sec2_05.jpg) no-repeat center center;background-size: cover;}
.sec2_title_div1 h1{transition: 1s ease-in-out .4s;}
.sec2_title_div1 font{transition: 1s ease-in-out .6s;}
.sec2_title_div1:after{transition: 1s ease-in-out .8s;}
.sec2_title_div1:after{transform: translateX(200px);opacity: 0;}
.section2.active .sec2_title_div1 h1,.section2.active .sec2_title_div1 font,.section2.active .sec2_title_div p,.section2.active .sec2_title_div .sec2_title_more,
.section2.active .sec2_title_bof,.section3.active .sec2_title_div1 h1,.section3.active .sec2_title_div1 font
,.sec2_title_div1 h1,.sec2_title_div1 font,.section5.active .sec2_title_div1 h1,.section5.active .sec2_title_div1 font,
.section3.active .sec3_left p,.section3.active .sec2_title_more,.section3.active .sec3_right,.sec4_right h2,.sec2_title_more,.section5.active .sec5_left p,.section5.active .sec5_left .sec2_title_more,.section5.active .sec5_right{transform: translateY(0);opacity: 1;}
.sec5_content{ width:100%; display:inline-block;opacity:1; vertical-align:middle;}
.sec5_content_m{ width:100%; display:none;opacity:1; vertical-align:middle;}

.section2.active .sec2_title_div1:after,.section3.active .sec2_title_div1:after,.sec2_title_div1:after,.section5.active .sec2_title_div1:after{transform: translateX(0);opacity: 1;}

.sec2_title_div p:nth-of-type(1),.sec3_left  p:nth-of-type(1),.sec4_right h2{transition: 1s ease-in-out 1s;}
.sec2_title_div p:nth-of-type(2),.sec3_left  p:nth-of-type(2),.section3 .sec2_title_more{transition: 1s ease-in-out 1.1s;}
.sec2_title_div .sec2_title_more,.sec3_right,.sec4_right p{transition: 1s ease-in-out 1.2s;}
.sec2_title_bof{transition: 1s ease-in-out 1.3s;}


.alw img{transform: translateX(50px);opacity: 0;transition: 0.8s ease-out 1s;}
.section2.active .alw img,.section3.active .alw img,.section5.active .alw img{transform: translateX(0);opacity: 1;}


@media screen and (max-width: 1020px) {
.sec2_title {text-align: center; padding-top:70px}
.sec2_title_div1 h1{font-size: 30px;font-weight: bold;color: #fff; padding-top:10px;}
.sec2_content .head{display:none;}
.sec2_content .bottom{display:none;}
.cont_1_3_1{display:none;}
.sec2_content .detail{ filter: Alpha(Opacity=50); background-color: rgba(255, 255, 255, 0.5); background-image:none; padding:10px 10px; margin:0px 10px;}
.sec2_content .detail p{ font-size:14px; line-height:26px; color:#333; text-align:left; text-indent:2em; text-align:justify; padding-bottom:15px;}
.sec2_title_div1 h2{font-size: 20px;font-family: Arial, Helvetica, sans-serif;color: #fff;text-transform: uppercase; padding-bottom:10px;}

.sec3_title{ width:100%; text-align:center;box-sizing: border-box; position:absolute; z-index:99; margin:0 auto; padding-top:70px;}
.sec3_title h1{font-size: 30px; padding-top:10px;}
.sec3_title h2{font-size: 20px;}


.section5 .sec5_title{ padding-top:0px;}
.sites_serve .sites_serve_tabs li{
    padding: 5px 22px;
    line-height: 30px; 
	margin: 0px 20px; 
	display: inline-block; 
	color: #333; 
	font-size: 18px; 
	cursor: pointer;
	background:#d6d6d6;
}
.sites_serve .sites_serve_tabs{
    text-align: center; 
	margin-bottom: 18px;
}
.sec5_content{ width:100%; display:none;opacity:1; vertical-align:middle;}
.sec5_content_m{ width:100%; display:block;opacity:1; vertical-align:middle;}
.sec5_content_m .swiper-slide-1{ width:96%; margin:0 2%;}
.sec5_content_m .swiper-slide-1:last-child{margin-right:0;}
.sec5_content_m .swiper-slide-1 a{display: block;box-sizing: border-box;padding-bottom: 30px;}
.sec5_content_m .swiper-slide-1 a span{display: block;overflow: hidden;position: relative;}
.sec5_content_m .swiper-slide-1 a span img{width: 100%; max-height:230px;transition: 0.3s ease-in-out;}
.sec5_content_m .swiper-slide-1 a span:after{content: '';display: block;width: 100%;height: 2px;background:#179c98;position: absolute;bottom: 0;left: 0;transition: 0.3s ease-out;transform: scaleX(0);}
.sec5_content_m .swiper-slide-1 a:hover span img{transform: scale(1.05);}
.sec5_content_m .swiper-slide-1 a:hover span:after{transform: scale(1);}

.sec5_content_div{box-sizing: border-box;padding: 5px 10px; background:rgba(255, 255, 255, 0.6);}
.sec5_content_div h1{font-size: 16px;color: #333; font-weight:600;text-align: left;transition: 0.3s ease-in-out;}
.sec5_content_div p{font-size: 14px;color: #333;line-height: 25px;margin-top: 0px;}

}

@media screen and (max-width: 768px) {
.banner span img{width: 160%;height: 100%;}
.bannerList li div{width:96%; margin:0 auto;}
.bannerList li h2{font-size: 20px;}
.bannerList li.active div{height: 280px;bottom: 56%;transform: translate(-50%,50%);}
.sec2_content .detail{ padding:10px 10px 60px 10px;}
}