@charset "utf-8";
.content{width: 1200px; margin: 0 auto;}
i,em,b{font-style: normal;}

.tit01{font-size: 45px; text-align: center; font-family: "Microsoft YaHei";color: #333333;font-weight:bold;}
.tit01 a{color: #333333; }
.tit01 p{ font-weight: normal; display: block;font-size: 20px;color: #666666; line-height: 36px;}

/**/
.g_idt{ background:#fff; height:632px; padding-top:78px;box-sizing: border-box;  font-family:"Microsoft Yahei";}
.idt{width:1200px;margin:0 auto;position: relative;}
.idt .tit{margin-bottom: 36px; text-align: left;height: 68px;font-size: 48px;color:#333333;height: 137px;border-bottom:2px solid #939393;background:url(../images/yytitico.jpg) no-repeat right 15px;}
.idt .tit p{font-weight: lighter;font-size: 30px;color: #333333;line-height: 47px;}
.idt .tit b{color:#014b94;}
.idt dl{height: 409px;}
.idt dl dt{width:600px;height:469px;overflow: hidden;float: left;}
.idt dl dt img{width: 100%;display: block;}
.idt dl dd{width: 502px; float: right;; }
.idt dl dd h3{color: #333333;font-size: 48px;margin:25px 0 30px;}
.idt dl dd h3 em{display: block;font-size: 31px;color: #666666; line-height: 52px; font-weight: normal;}
.idt dl dd p{font-size: 14px; color: #666666; line-height: 31px;text-align: justify; height: 174px;}
.idt dl dd span{display: block;height:84px;line-height: 84px;background:url(../images/qmbg.jpg) no-repeat; font-size: 16px;color: #666666;    padding-left: 154px;
  box-sizing: border-box;}
.idt dl dd span img{display: inline-block;vertical-align: middle;}

#banner{
		width:100%;
		height:700px;
		overflow:hidden;
		position:relative;}
    .swiper-container {
        width: 1750px;
        height: 523px;
		position:absolute;
		left:-875px;
		margin-left:50%;
    }
    .swiper-slide .detail{
		height:90px;
		background:rgba(0,0,0,.7);
		position:absolute;
		width:100%;
		bottom:0;
		color:#fff;
		opacity:0;
		transition:opacity .3s .3s;
    }
	.swiper-slide-active .detail{
		opacity:1;
		}
	.swiper-slide .detail h3{
		width:950px;
		margin:15px auto 0;}
	.swiper-slide .detail p{
		width:950px;
		margin:5px auto 0;}	
	.swiper-slide .detail p span{
		width:650px;
		display:block;}	
/**/.effect1 img{
		transform:scale(1.25,1.25) translate(10%,10%);
		transform:scale(1.1,1.1) translate(4.545%,4.545%);
		/*tr     =    (sc-1)/2sc*100%              */
        /* --1.25       0.25/2.5*100%=10%          */
		
		}
		
.leftUp img{-webkit-animation-name:leftUp;animation-name:leftUp;}
@-webkit-keyframes leftUp{
0%{transform:scale(1.1,1.1) translate(4.545%,4.545%); }
100%{transform:scale(1.1,1.1)  translate(-4.545%,-4.545%);}}
@keyframes leftUp{
0%{transform:scale(1.1,1.1) translate(4.545%,4.545%);}
100%{transform:scale(1.1,1.1)  translate(-4.545%,-4.545%);}}

.moveRight img{-webkit-animation-name:moveRight;animation-name:moveRight;}
@-webkit-keyframes moveRight{
0%{transform:scale(1.1,1.1) translate(-4.545%,0); }
100%{transform:scale(1.1,1.1)  translate(4.545%,0);}}
@keyframes moveRight{
0%{transform:scale(1.1,1.1) translate(-4.545%,0);}
100%{transform:scale(1.1,1.1)  translate(4.545%,0);}}

.moveDown img{-webkit-animation-name:moveDown;animation-name:moveDown;}
@-webkit-keyframes moveDown{
0%{transform:scale(1.1,1.1) translate(0,-4.545%); }
100%{transform:scale(1.1,1.1)  translate(0,4.545%);}}
@keyframes moveDown{
0%{transform:scale(1.1,1.1) translate(0,-4.545%);}
100%{transform:scale(1.1,1.1)  translate(0,4.545%);}}

.centerBig img{-webkit-animation-name:centerBig;animation-name:centerBig;}
@-webkit-keyframes centerBig{
100%{transform:scale(1.1,1.1);}}
@keyframes centerBig{
100%{transform:scale(1.1,1.1);}}

.rightDownBig img{-webkit-animation-name:rightDownBig;animation-name:rightDownBig;}
@-webkit-keyframes rightDownBig{
100%{transform:scale(1.1,1.1) translate(4%,4%);}}
@keyframes rightDownBig{
100%{transform:scale(1.1,1.1) translate(4%,4%);}}

.swiper-slide img{
	animation-duration:5s;
	animation-timing-function:linear;
	animation-fill-mode: forwards;
	-webkit-animation-duration:5s;
	-webkit-animation-timing-function:linear;
	-webkit-animation-fill-mode: forwards;
	}	
.swiper-pagination{
	bottom:35px;
	right:250px;
	}
.swiper-pagination-bullet{
	width:20px;
	height:20px;
	background:#fff;
	margin:0 5px;
	}		
/**/
.g_cpys{ height:938px; background:url(../images/cpysbg.jpg) no-repeat center top; padding-top:170px;font-family:"Microsoft Yahei";box-sizing: border-box; position: relative; }
.g_cpys h2{margin-bottom: 50px; color: #fff;}
.g_cpys h2 b{color: #014b94; font-size: 54px;}
.g_cpys h2 p{color: #fff;}
.cpys {width:1200px;margin:0 auto; height: 480px;position: relative;}
.cpys  li{width:591px;position: absolute; }
.cpys  li em{height: 73px;width:73px; float: left;overflow: hidden;position: relative;margin-right: 10px;}
.cpys  li em img{position: absolute;left:0;top:0;}
.cpys  li h4{font-size: 31px; color: #fff; font-weight: normal;line-height: 42px;float: left;}
.cpys  li h4 p{ font-size: 19px; color: #ffffff; background:#014b94; padding:0px 20px;}
.cpys  li:nth-child(1){left:48px;top:230px;}
.cpys  li:nth-child(2){left:80px;top:47px;}
.cpys  li:nth-child(3){left:755px;top:46px;}
.cpys  li:nth-child(4){left:830px;top:298px;}
.cpys  li em img{-webkit-transition: .5s;-moz-transition: .5s;transition: .5s;}
.cpys  li:hover em img{top: -73px;}

/**/
.g_vdo{ height:856px; background:#fff; padding-top:90px;font-family:"Microsoft Yahei";box-sizing: border-box; position: relative; }
.g_vdo h2{margin-bottom: 50px;}
.vdo{width:1276px;margin:0 auto;}
.vdo li{width:413px;height:227px;background:url(../images/spbg1.png) no-repeat center top;box-sizing: border-box;padding:13px 47px 0; float: left;margin-right: 18px;margin-bottom: 48px;position: relative;}
.vdo li:nth-child(3n){margin-right: 0;}
.vdo li em{width:318px;height:190px; display: block;position: relative;overflow: hidden;}
.vdo li em::before{content:'';position:absolute;height:100%;width:100%;background:rgba(0, 0, 0, 0.5); top:0;left:0;right:0;bottom: 0;}
.vdo li em::after{content:'';position:absolute;height:39px;width:39px;background:url(../images/sp_btn.png) no-repeat; top:50%;left:50%;margin-top:-19px;margin-left:-19px;z-index: 1;}
.vdo li img{width:318px;height:190px; display: block;transition: all 0.3s linear 0s;}
.vdo li h4{position: absolute;left:0px;bottom: 23px;line-height: 30px;font-size: 14px;color:#fff; font-weight: normal;width:100%;text-align:center;}
.vdo li video {position: absolute;left:47px;top: 13px;width:318px;height:190px;object-fit: cover;  opacity: 0;-webkit-transition: all .5s;transition: all .5s;}
.vdo li:hover video{opacity: 1;}
.vdo li:hover img{transform: scale(1.1);}
.vdo li:hover em:before{background: none;}
.vdo li:hover em::after{background: none;}
.vdo li:hover h4{opacity: 0;}

.vdo_more{height: 63px;padding:0 65px 0 75px;box-sizing: border-box; width: 444px;position: relative;text-align: center;margin:0 auto;background: url(../images/sptel.png) no-repeat center center;}
.vdo_more em{color:#ffffff;font-size: 16px; display: block; float: left;   line-height: 63px;}
.vdo_more b{font-size: 30px;color: #fff;font-weight: normal; line-height: 63px;float: left;}

/*案例*/
.casebox{font-family: "Microsoft Yahei";padding-top: 90px; background:#fff; padding-bottom:50px;}
.casebox h2{margin-bottom: 50px;}
.case_c{height: 616px;overflow: hidden;}
.case_c dl{width: 390px;float: left;height: 585px;background: #fff;position: relative;z-index: 1;margin: 0 15px 0 0;}
.case_c dl:before{content: "";position: absolute;width: 100%;height:0;top: 0;left: 0;background: #0061a6;z-index: -1;-webkit-transition:height .5s cubic-bezier(0.52, 1.64, 0.37, 0.66);-webkit-transition:height .5s cubic-bezier(0.52, 1.64, 0.37, 0.66);}
.case_c dl:nth-child(2){}
.case_c dt,.case_c dt img{width: 390px;height: 292px;display: block;overflow: hidden;}
.case_c dd{padding: 30px;}
.case_c dd h3{font-size: 18px;height: 60px;line-height: 41px;white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.case_c dd h3 a{display: inline-block;border-bottom: solid 2px #165791;color: #333;}
.case_c dd p{display: block;height: 118px;}
.case_c dd span a{display: block;width: 103px;line-height: 31px;border: solid 1px #0061a6;border-radius: 15px;text-align: center;color: #666;}
.case_c dl.cur{color: #fff;}
.case_c dl.cur dd h3 a{color: #fff;border-color: #fff;}
.case_c dl.cur dd span a{color: #fff;border-color: #f39700;background: #f39700;}
.case_c dl.cur:before{height: 100%;}

.case_pho{height:80px;padding: 0 0 0 385px;line-height: 40px;}
.case_pho span{float: left;width: 160px;margin: 0 10px 0 0;text-align: center;}
.case_pho span a{display: block;border: solid 1px #f39700;background: #f39700;color: #fff;border-radius: 20px;}
.case_pho p{background:url(../images/ico03.jpg) no-repeat 0 8px;float: left;padding: 0 0 0 32px;}
.case_pho p b{color: #0061a6;font-size: 18px;}
.prev2,.next2,.prev4,.next4{width: 36px;height: 36px;z-index: 9;top: 77px;right: -56px;cursor:pointer;}
.prev4,.next4{top:406px;}
.prev2,.prev4{left: -56px;}
.part_c{width: 1200px;overflow: hidden;text-align: center;line-height: 42px;background:#f7f7f7;}
.part_c li{width: 230px;float: left;padding: 0 13px 0 0;}
.part_c li p{border: solid 1px #e6e6e6;}
.part_c li p,.part_c li p img{width: 228px;height: 137px;display: block;overflow: hidden;}
.part_c li span a{display: block;color: #333;}


.pro{height: 1240px;background: url(../images/pro_bg.jpg) no-repeat center;padding-top: 93px;box-sizing: border-box;}
.pro_con{ margin-top: 50px; }
.pro_l{ float: left;width: 290px;height: 927px;background: #FFFFFF; padding-left: 47px;box-sizing: border-box;}
.pro_l h2 a{ display: block;height: 86px;line-height: 100px;border-bottom: 1px solid #f0f0f1;font-size: 24px;color: #333;font-weight: bold;width: 190px; }
.pro_d h3{ display: inline-block;width:110px; }
.pro_d h3 a{ display: inline-block;font-size: 14px;color: #333333;line-height: 46px;font-weight: normal;position: relative;height: 46px; }
.pro_d h3 a:after{ position: absolute;left:0; bottom:12px;width: 0;height: 4px;background: #014b94;content: "";transition: all 0.5s;}
.pro_d h3.cur a:after,.pro_d h3 a:hover:after{ width: 100%; }

.pro_t2 h2 a{ padding-top: 10px;border-top: 1px solid #f0f0f1; margin-top: 30px;}
.pro_t2 .pro_d h3{width: 120px;display: inline-block;float: left;}
.pro_r{ float: right;width: 900px;height: 677px;}
.pro_qie{height: 87px;}
.pro_qie li a{width: 300px;height: 87px;background: #fff;display: block;float: left;font-size: 24px;color: #333; text-align: center; line-height: 87px;position: relative;}
.pro_qie li a:after{ position: absolute;right: 0;top:30px;width: 1px;height: 30px;background: #d5d5d8;content: ""; }
.pro_qie li:last-child a:after{ background: 0;}
.pro_qie li.cur a{ padding-left: 47px;text-align: left;color: #fff;background: #2c2f3e url(../images/pro_jt.png) no-repeat 232px 32px; box-sizing: border-box;}
.pro_bd li{ position: relative;width: 900px;height: 605px; margin-bottom: 14px;}
.pro_bd li img{width: 900px;height: 600px; display: block;}
.pro_bd li span{ display: block;width: 516px;height: 79px;background: #2C2F3E;position: absolute;right: 0;bottom: 0;padding-left: 34px;box-sizing: border-box; }
.pro_bd li span em{ display: block;padding-left: 20px;font-size: 18px;font-weight: bold;line-height: 79px;float: left;margin-right: 40px;background: url(../images/pro_yuan.png) no-repeat left center; color: #fff;}
.pro_bd li span em:last-child{ margin-right: 0; }
.pro_z .tempWrap{ width: 900px!important; }
.pro_z li{ position: relative;width: 290px;height:218px; margin-right: 15px; overflow: hidden;float: left;}
.pro_z li img{ width: 290px;height:193px; display: block;transition: all 0.5s;}
.pro_z li:hover img{ transform: scale(1.05);}
.pro_z li h4{ display: block;width: 100%;position: absolute;right: 0;bottom: 0px;font-size: 14px;color: #333;text-align: center;line-height: 14px;font-weight: normal; height:30px; line-height:30px; background:#eee; }


/*产品优势*/
.four{padding: 90px 0 80px;}

.four_l{width: 305px;}
.four dl{height: 260px;border-bottom: #eaeaea 2px solid;padding: 35px 0 0;}
.four dl dt{font-size: 26px;color: #333;font-weight: bold;height: 140px;background: url(../images/four_line01.png) no-repeat 0 bottom;}
.four dl dt em{width: 56px;height: 60px;display: block;line-height: 0;overflow: hidden;margin-bottom: 20px;}
.four dl dt em img{width: 56px;height: 60px;}
.four dl dd{font-size: 16px;color: #333;line-height: 30px;padding: 15px 0 0;}
.four dl:hover dt{background: url(../images/four_line02.png) no-repeat 0 bottom;}
.four dl:hover dt em,.yous dl dd h5:hover em,.liuc ul li:hover em{-webkit-animation:hvr-buzz-out 0.75s linear;animation:hvr-buzz-out 0.75s linear;}
.four dl.nobor{border-bottom: none;padding-top: 70px;}
.four_r{width: 310px;text-align: right;}
.four .four_r dl dt{background: url(../images/four_line03.png) no-repeat right bottom;}
.four .four_r dl dt em{margin-left: 254px;}
.four .four_r dl:hover dt{background: url(../images/four_line04.png) no-repeat right bottom;}
.four_c{width: 645px;height: 600px;line-height: 0;position: absolute;top: 230px;left: 280px;}
.four_c img{width: 645px;height: 600px;}

/*优势*/
.ys_bg{background: url(../images/ys_bg.jpg) no-repeat center 0;height: 1020px;padding: 82px 0 0;overflow: hidden;}
.yous{height: 750px;}
.yous h2.tit01 a{color:#fff;}
.yous h2.tit01 a p{color:#fff;}
.yous .cp_tit{color: #fff;background: url(../images/ys_tline.png) no-repeat center 60px;}
.yous .cp_tit span{color: #fff;}
.ys_t{height: 143px;width: 672px;background: #fff;box-shadow: 0 3px 10px 3px rgba(0,0,0,0.1);position: absolute;top: 550px;left: 264px;z-index: 10;}
.ys_t ul li{font-size: 20px;color: #333;float: left;width: 168px;height: 123px;padding: 20px 0 0;position: relative;text-align: center;}
.ys_t ul li:before{content: "";width: 1px;height: 37px;background: #efefef;position: absolute;top: 50px;left: 0;z-index: -1;}
.ys_t ul li p{width:46px; height:46px; position:relative;margin: 0 auto;}
.ys_t ul li b{position:absolute;width:100%;height:100%;top:0;left:0;-webkit-transform: translateX(0) rotate(0deg);transform: translateX(0) rotate(0deg);-webkit-transition: all 0.35s ease-out;transition: all 0.35s ease-out;margin: 0 auto;}
.ys_t ul li em{position:absolute;width:100%;height:100%;top:0;left:0;opacity:1;visibility:hidden;-webkit-transform: scale(0.5);transform: scale(0.5);-webkit-transition: all 0.1s ease 0.2s;transition: all 0.1s ease 0.2s;margin: 0 auto;}
.ys_t ul li b img,.ys_t ul li em img{ display: block;width: 46px;height: 46px;}
.ys_t ul li span{display: block;padding: 10px 0 0;line-height: 22px;}
.ys_t ul li i{display: block;font-size: 12px;text-transform: uppercase;color: rgba(51,51,51,0.4);text-transform: uppercase;font-family:Arial, Helvetica, sans-serif;}
.ys_t ul li.on{background: #014b94;color: #fff;font-weight: bold;z-index: 5;}
.ys_t ul li.on i{color: rgba(255,255,255,0.4);font-weight: normal;}
.ys_t ul li.on b{opacity: 0;visibility:hidden;-webkit-transform: translateX(100%) rotate(180deg);transform: translateX(100%) rotate(180deg);}
.ys_t ul li.on em{visibility:visible;opacity:1;-webkit-transform:scale(1);transform:scale(1);}
.ys_t ul li:first-child:before{background: none;}
.yous dl{position: relative;height: 617px;background: #fff;margin-top: 48px;}
.yous dl dt{width: 600px;height: 617px;line-height: 0;overflow: hidden;position: absolute;top: 0;left: 50%;}
.yous dl dt img{width: 600px;height: 617px;}
.yous dl dd{width: 500px;float: left;padding: 135px 0 0 55px;}
.yous dl dd h5{height: 90px;border-bottom: #d6d6d6 2px solid;width: 500px;display: inline-block;font-size: 30px;color: #333;}
.yous dl dd em{width: 46px;height: 46px;display: block;float: left;line-height: 0;margin: 6px 15px 0 0;}
.yous dl dd em img{width: 46px;height: 46px;}
.yous dl dd span{display: block;float: left;line-height: 32px;}
.yous dl dd i{display: block;font-size: 16px;font-family:Arial, Helvetica, sans-serif;text-transform: uppercase;}
.yous dl dd b{width: 60px;height: 50px;display: block;float: right;line-height: 0;}
.yous dl dd b img{width: 60px;height: 50px;}
.yous dl dd p{font-size: 16px;color: #333;padding: 20px 0 0;line-height: 30px;}

/*广告条*/
.ban01{padding: 88px 0 0;}
.ban01_l{width: 900px;}
.ban01_l b{background: url(../images/ban_k.png) no-repeat;display: block;width: 196px;height: 57px;line-height: 56px;overflow: hidden;font-size: 20px;color: #014b94;text-align: center;float: left;margin-top: 25px;}
.ban01_lm{padding: 0 0 0 40px;width: 660px;float: left;}
.ban01_lm p{font-size: 32px;color: #fff;font-weight: bold;height: 56px;line-height: 56px;}
.ban01_lm ul li{font-size: 18px;color: #fff;float: left;line-height: 36px;background: url(../images/ban_ico.png) no-repeat 0 13px;padding: 0 40px 0 20px;}
.ban01_tel{width: 220px;}
.ban01_tel span{display: block;text-align: center;height: 75px;}
.ban01_tel b{display: block;font-size: 26px;color: #fff;height: 40px;line-height: 40px;}
.ban01_tel em{width: 22px;height: 22px;display: block;line-height: 0;margin: 0 auto;}
.ban01_tel em img{width: 22px;height: 22px;}
.ban01_tel a{font-size: 14px;color: #333;display: block;width: 110px;text-align: center;height: 34px;line-height: 34px;overflow: hidden;background: #fff;border-radius: 30px;margin: 0 auto;}
.ban01_tel a {
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
}
.ban01_tel a:hover {
  -webkit-animation-name: hvr-pulse;
  animation-name: hvr-pulse;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

/**/

.tit02{font-size: 2.295vw; text-align: center; font-family: "Microsoft YaHei";color: #333333;font-weight:bold; }
.tit02 a{color: #333333; }
.tit02 i{ font-weight: bold; display: block;font-size:1.875vw;color: rgba(26, 26, 26, 0.1); font-family: Arial, Helvetica, sans-serif; }

.bg1{background: url(../images/cpbg.jpg) no-repeat center top;padding-top:175px;}
.fabj{height: auto;overflow: hidden;box-sizing: border-box; font-family: "Microsoft YaHei";max-width: 1920px;margin:0 auto; }
.fa{width:1200px;padding:70px 5.2vw 100px;margin:0 auto;background:#fff;clear: both;overflow: hidden;}
.fa_nav{ width: 100%;height:8.072vw; }
.fa_nav h2{width:30.357%; float: left;text-align: left;}
.fa_nav h3{width: 69.285%; height:45px;margin-top:2.864vw; float: left;}
.fa_nav h3 a{height:2.34375vw;line-height: 2.34375vw; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;font-size:16px; color: #333333;font-weight:normal;text-decoration: none;text-align: left;float: left;box-sizing: border-box;margin-right: 1.8vw;position: relative;}
.fa_nav h3 a:after{content:'';position:absolute;height:2px;width:0%;bottom:0;left:0;-webkit-transition:width .5s;transition:width .5s;z-index: 1;background-image: -webkit-gradient(linear, left top, right bottom, from(#014b94), to(#014b94)); 
  background-image: -webkit-linear-gradient(left, #014b94, #014b94); 
  background-image: -moz-linear-gradient(left, #014b94, #014b94); 
  background-image: -o-linear-gradient(left, #014b94, #014b94); 
  background-image: -ms-linear-gradient(left, #014b94, #014b94); 
  background-image: linear-gradient(left, #014b94, #014b94);}
.fa_nav h3 a:hover:after,.fa_nav h3 a.cur:after{width:100%;color: #fff;z-index: 1;}
.fa_nav h3 a:last-child{margin-right: 0;}
.fa_nav h3 a.cur,.fa_nav h3 a:hover{color:#014b94; font-weight: normal;}


.fa img{width: 100%;display: block;}
.fa_left{width:30.357%;max-height:548px;position: relative; float: left;margin-right: 0.5%;}
.fa_left h4{ font-size: 1.5625vw;color:#1a1a1a; line-height: 2.239vw;font-weight: normal;width: 100%;top:52px;left:0;position: absolute;text-align: center;}
.fa_left h4 b{font-weight: bold;display: block;}
.fa_right{width:69.142%;float: left;max-width: 968px;}
.fa_right ul{clear: both;overflow: hidden;}
.fa_right li{width:49.586%; float: left;margin-right:0.723%;margin-bottom:8px;position: relative;max-height: 270px;}
.fa_right li:nth-child(2n){margin-right: 0;}
.fa_right li .hover{width:100%; height:100%;background-image:-webkit-gradient(linear, left top, right bottom, from(#2d87c3), to(#014b94)); 
  background-image: -webkit-linear-gradient(left, #2d87c3, #014b94); 
  background-image: -moz-linear-gradient(left, #2d87c3, #014b94); 
  background-image: -o-linear-gradient(left, #2d87c3, #014b94); 
  background-image: -ms-linear-gradient(left, #2d87c3, #014b94); 
  background-image: linear-gradient(left, #2d87c3, #014b94); background:rgba(24,127,195,0.5); position: absolute; left:0;top:0;padding-top:67px; box-sizing: border-box; transform: scale(0); opacity: 0; transition: .8s;border-radius: 0px;}
.fa_right li .hover h4{display: block; width:100%; height:1.822vw; text-align: center; font-size: 1.614vw;color: #fff;font-weight: normal;}
.fa_right li .hover em{display: block;height:2.239vw; line-height: 2.239vw; text-align: center;font-size: 0.8333vw; color:#FFFFFF;margin-bottom: 0.2vw;}
.fa_right li .hover i{width:90px;border-radius: 24px; line-height:30px; height:30px;display:block;border:1px solid #fff;text-align: center;color:#fff;margin:0 auto;}
.fa_right li:hover .hover{transform: scale(1); opacity: 1;}


/**/
.casebg{background: url(../images/casebg.jpg) no-repeat center top;height: 1441px;}

.g_case{ height:1000px; border-bottom:2px solid #c3c3c3; padding-top:205px;font-family:"Microsoft Yahei";box-sizing: border-box; position: relative;}
.g_case h2{margin-bottom: 45px; }
.casetit{height: 85px;width:1200px; box-sizing: border-box; margin:0 auto 48px;}
.casetit li{width:150px; height: 85px;float: left; font-size:18px; color: #333333;text-align: center;box-sizing: border-box;position: relative;border-right: 1px solid #cccccc;}
.casetit li em{display: block;background:#31343a;border-radius: 100%; width: 51px; height: 51px; overflow: hidden; position: relative;margin:0 auto 10px;-webkit-transition: .5s;-moz-transition: .5s;transition: .5s; }
.casetit li em img{height:51px; display: block;}
.casetit li a{color: #333333; text-decoration: none; }
.casetit span{width:150px; height: 85px;float: left; font-size:18px; color: #333333;text-align: center;box-sizing: border-box;position: relative;}
.casetit span em{display: block;background:#31343a;border-radius: 100%; width: 51px; height: 51px; overflow: hidden; position: relative;margin:0 auto 10px;-webkit-transition: .5s;-moz-transition: .5s;transition: .5s; }
.casetit span em img{height:51px; display: block;}
.casetit span a{color: #333333; text-decoration: none; }

.casetit li.cur a,.casetit li:hover a{color: #014b94;font-weight: bold;}
.casetit li:hover em,.casetit li.cur em{background:#014b94;}

.case {width:100%;height:525px; position: relative;margin:0 auto;}
.case  dl{width:467px;height:472px;position: relative;margin-right: 17px;float: left;background: #fff;-webkit-transition: .5s;-moz-transition: .5s;transition: .5s;}
.case  dl a{text-decoration: none;}
.case  dl dt{width: 467px;overflow: hidden;}
.case  dl dt img{width: 467px;height: 351px; display: block;}
.case  dl dd{padding:12px 55px 0;height:124px;text-align: center;}
.case  dl dd h4{font-size: 18px; color: #333333; font-weight: normal;line-height: 35px;margin-bottom: 10px;}
.case  dl dd h4 a{color: #333333;}
.case  dl dd p{ font-size: 14px; color: #666666; line-height: 24px;}
.case  dl:hover{background: #014b94;}
.case  dl dt img{-webkit-transition: .5s;-moz-transition: .5s;transition: .5s;}
.case  dl:hover dt img{-webkit-transform:scale(1.01);-moz-transform:scale(1.01);-ms-transform:scale(1.01);transform:scale(1.01);}
.case  dl:hover dd h4,.m_case  dl:hover dd p{color: #fff;}


.g_partner{ height:260px; padding-top:45px;font-family:"Microsoft Yahei";box-sizing: border-box; position: relative;}

.partner{ height: 320px; margin: 0 auto; background: url(../images/part_bg.png) no-repeat center 0; margin-top: 40px;}
.partner .fenl h3{text-align: left;}
.partner .fenl h3.tit03 span{background: url(../images/titbg2.png) no-repeat left bottom;padding-bottom:12px; margin-top:40px;}

.tit03 {
    font-size: 40px;
    text-align: center;
    font-family: "Microsoft YaHei";
    color: 
    #181818;
    font-weight: bold;
	line-height: 54px;
	padding:65px 0 30px;

}
.tit03 span {
    display: block;
    padding-bottom: 22px;
    background: url(../images/titbg.png) no-repeat center bottom;
}
.tit03 em {
    font-size: 22px;
    color: 
    #666666;
    font-weight: normal;
    display: block;
    font-family: "Microsoft Yahei";
    text-transform: uppercase;
    height: 38px;
    line-height: 38px;
	
}
.partner{width:100%;height:385px; position: relative;margin:0 auto;}
.partner  li{width: 223px;overflow: hidden;margin-right: 17px;float: left;}
.partner  li img{width: 223px;height: 125px; display: block;border:1px solid #cccccc; box-sizing: border-box;}
.partner  li h4{font-size: 14px; color: #666666; font-weight: normal;line-height: 40px;text-align: center;}

.partner  li img{-webkit-transition: .5s;-moz-transition: .5s;transition: .5s;}
.partner  li:hover img{-webkit-transform:scale(1.01);-moz-transform:scale(1.01);-ms-transform:scale(1.01);transform:scale(1.01);}
.partner  li:hover h4{color: #014b94;}

.pro_list{height: 460px;position: relative;}
.prev1,.next1{width:25px;height:25px;display: block;right:156px;top:92px;z-index: 2; border:2px solid #014b94;}
.prev1{right:182px; background: #014b94;}

.prev2,.next2{width:22px;height:39px;display: block;right:-30px;top:66px;z-index: 2;}
.prev2{left:-42px;}

.pro_c{width:1200px;overflow: hidden;text-align: center;}
/*.pro_lc{border-left: solid 1px #d6d6d6;}*/
.pro_lc dl{width:176px;height:120px;background: #fff;float: left;border-left: 0;margin-bottom: 20px; margin-right: 20px;}
/*ro_lc dl:nth-child(1){border-left: solid 1px #d6d6d6;}*/
.pro_lc dt img{width:170px;height:114px;display: block;overflow: hidden; border:4px solid #014b94;}
/*.pro_lc dd{display: block;padding:13px 30px 0;line-height: 20px;color: #666;position: relative;height: 138px;}
.pro_lc dd h4{color: #014b94;font-size:18px;line-height:46px;height:46px;background:url(../images/line3.gif) no-repeat center bottom;margin-bottom: 9px;}
.pro_lc dd h4 a{color: #014b94;}
.pro_lc dd .pro_lw{height:65px;overflow: hidden;}*/
.more01{width: 128px;height:35px;line-height:35px;background:url(../images/icobg1.gif) no-repeat center 0;text-align: center;color: #666;display: block;font-size: 14px;position: absolute;bottom: -17px;left: 82px;}
.more01 a{display: block;color: #666;}


/**/
.g_ys{ height:1107px; background: url(../images/ysbg.jpg) no-repeat center top; padding-top:185px;font-family:"Microsoft Yahei";box-sizing: border-box; position: relative;}
.g_ys h2{ margin-bottom: 46px;color: #fff; }
.g_ys h2 p{color: #fff;}
.ys ul{width:1200px;margin:0 auto;height:496px;position: relative;background: url(../images/ys1bg.png) no-repeat center top;}
.ys li{width:400px; float: left; height:248px;position: relative; padding:70px 70px 0;box-sizing: border-box;}
.ys li::after{content: "";position: absolute;left:0;top:0;background:#014b94;height:100%;width: 100%;transform: scale(1.05);opacity: 0;-webkit-transition: .35s;-moz-transition: .35s;transition: .35s;}
.ys li h4{font-weight: normal; font-size: 30px;color:#fff; line-height: 60px;margin-bottom: 18px;position: relative;z-index: 1;}
.ys li p{ line-height: 24px;font-size: 16px;color: rgba(255,255,255,0.7);position: relative;z-index: 1;}
.ys li:nth-child(1) h4{background: url(../images/advico1.png) no-repeat right center;}
.ys li:nth-child(2) h4{background: url(../images/advico2.png) no-repeat right center;}
.ys li:nth-child(3) h4{background: url(../images/advico3.png) no-repeat right center;}
.ys li:nth-child(4) h4{background: url(../images/advico4.png) no-repeat right center;}
.ys li:nth-child(5) h4{background: url(../images/advico5.png) no-repeat right center;}
.ys li:nth-child(6) h4{background: url(../images/advico6.png) no-repeat right center;}

.ys li.cur::after{opacity: 1;}
.ys li.cur h4{font-weight: bold;}
.ys li.cur p{color: #fff;}
.ys .adv_more{height:60px;position: relative;width:1200px;margin:40px auto 0; line-height: 60px;text-align: center;font-size: 36px;font-weight: bold;display: block;color: #fff;}
.ys .adv_more::after{content: "";position: absolute;left:50%;bottom:12px;background:#014b94;height:6px;width: 772px;border-radius: 3px;margin-left:-396px;}
.ys .adv_more em{display: block;position: relative;z-index: 1;}

/* 新闻 */
..news{ padding-top: 130px;padding-bottom: 80px;height:924px;background:url(../images/news_bg.jpg) no-repeat center;box-sizing:border-box;}
.news .news-tit{text-align:center;margin-top:42px;margin-bottom:37px}
.news .news-tit li{display:inline-block;width:200px;height:50px;text-align:center;font-size:16px;font-weight:700;line-height:50px;color:#333;background:#fff}
.news .news-tit li a{display:block;color:#333}
.news .news-tit li.cur{background:#014b94}
.news .news-tit li.cur a{color:#fff}
.news .news-con .new-l{float:left;width:547px;position:relative}
.news .news-con .new-lc{position:relative}
.news .news-con .new-lc dt{width:547px;height:307px;display:block;line-height:0;overflow:hidden}
.news .news-con .new-lc dt img{width:547px;height:307px;display:block;transition:all 1s}
.news .news-con .new-lc dt:hover img{transform:scale(1.03)}
.news .news-con .new-lc dd{margin-top:23px}
.news .news-con .new-lc dd>em{float:left;width:102px;box-sizing:border-box;font-size:28px;color:#333;font-weight:700;text-align:right;padding-right:20px;border-right:1px solid #d6d6d6;letter-spacing:-1px;height:150px;line-height:80%}
.news .news-con .new-lc dd>em i{display:block;font-size:12px;font-weight:400;line-height:80%;margin-top:5px}
.news .news-con .new-lc dd h4{float:right;width:415px;font-weight:400}
.news .news-con .new-lc dd h4 b a{display:block;font-size:22px;color:#202428;line-height:30px;font-weight:400;letter-spacing:1px;width:90%;overflow:hidden;}
.news .news-con .new-lc dd h4 b a:hover{color:#014b94}
.news .news-con .new-lc dd h4 span{font-size:14px;line-height:22px;color:#666;margin-top:10px;display:block;}
.news .news-con .new-lc dd h4 em a{display:block;font-size:14px;color:#202428;opacity:.7;font-weight:700;;background: url(../images/new-line.png) no-repeat left bottom;margin-top: 25px;}
.news .news-con .new-lc dd h4 em a:hover{color:#014b94;opacity:1}
.new-l .news-qie{position: absolute;left: 28px;top:275px;line-height: 0;}
.new-l .news-qie li{width: 8px;height: 8px;background: #a1a1a1;border-radius: 50%;overflow:hidden;margin: 0 5px;display: inline-block;cursor: pointer;}
.new-l .news-qie li.cur{background: #014b94;}


.news .news-con .new-r{float:right;width:525px}
.news .news-con .new-rt{margin-left:88px;height:68px}
.news .news-con .new-rt li{width:147px;float:left;line-height:50px;height:50px;background:#fff;font-size:16px;text-align:center;font-weight:700}
.news .news-con .new-rt li.cur{background:#014b94}
.news .news-con .new-rt li.cur a{color:#fff;display:block}
.news .news-con .new-rc dl{border-bottom:1px solid #d6d6d6;height:146px}
.news .news-con .new-rc dt{float:left;width:102px;height:146px;border-right:1px solid #d6d6d6;padding-right:18px;box-sizing:border-box;text-align:right;padding-top:30px}
.news .news-con .new-rc dl:first-of-type dt{padding-top: 30px;height:170px;box-sizing:border-box;}
.news .news-con .new-rc dl:last-of-type{border-bottom:none;padding-bottom: 20px;}
.news .news-con .new-rc dl:last-of-type dt{height:170px;padding-top: 30px;box-sizing:border-box;}
.news .news-con .new-rc dl:first-of-type,.news .news-con .new-rc dl:last-of-type{height:170px; }
.news .news-con .new-rc dt em{font-size:28px;color:#333;font-weight:700;line-height:80%}
.news .news-con .new-rc dt em i{display:block;font-size:12px;font-weight:400;line-height:100%;margin-top:5px}
.news .news-con .new-rc dd{float:right;width:422px;padding-left:25px;box-sizing:border-box}
.news .news-con .new-rc dd h4 a{display:block;font-size:22px;font-weight:400;padding-top:30px;line-height:22px}
.news .news-con .new-rc dd h4 a:hover{color:#014b94}
.news .news-con .new-rc dd span{font-size:14px;line-height:14px;display:block;color:#666;margin-top:10px}
.news .news-con .new-rc dd em a{display:block;font-size:14px;line-height:14px;margin-top:30px;color:#202428;opacity:.7;font-weight:700}
.news .news-con .new-rc dd em a:hover{color:#014b94;opacity:1}

.abt{ padding-top: 84px;background: url(../images/abt_bg.jpg) no-repeat center;height: 744px;box-sizing: border-box;}
.abt dl{ margin-top: 48px;}
.abt dt{ display: block;width:858px;height:448px;position: relative;float: right;overflow: hidden;}
.abt dt>img{  display: block;width:858px;height:448px;position: relative;}
.abt .abt_s{ position: absolute;right:0;bottom:0;height: 178px;width: 620px;padding:24px 35px 0;box-sizing: border-box;background: #fff;}
.abt .abt_s li{float: left;width: 174px;margin-right: 14px;}
.abt .abt_s li:last-child{ margin-right: 0;}
.abt .abt_s li>img{ display: block;width: 174px;height: 98px;}
.abt .abt_s li span{ display: block;font-size: 16px;line-height: 16px;color: #333333;padding-top: 17px;font-weight: bold;}
.abt .abt_s li span>img{display: inline-block;width: 27px;height: 6px;vertical-align: middle;margin-left: 9px;}
.abt dd{ float: left;width: 282px;}
.abt dd p{ font-size: 14px;line-height: 24px;color: #2c2f3e;padding-top: 12px;}
.abt dd .more{ display: block;width: 88px;height: 38px;line-height: 34px;border:2px solid #e2e2e2;box-sizing: border-box;text-align: center;font-size: 14px;color: #333333;font-weight: bold;margin-top: 24px;transition:all 0.5s;}
.abt dd .more:hover{ background:#014b94;border-color:#014b94;color:#fff;}
.abt_t{margin: 42px 0 0;background: url(../images/abt_t.png) no-repeat left top;}
.abt_t li{ display: block;float: left;position: relative;margin-right: 107px;}
.abt_t li:first-child{ margin-right:107px;}
.abt_t li:nth-child(2n){margin-right: 0;}
.abt_t li img{ display: block;width: auto;}
.abt_t li span{ display: block;font-size: 16px;line-height: 16px;color: #333333;padding-top: 12px;font-weight: bold;padding-bottom: 48px;}



@-webkit-keyframes spin{
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  50% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }

  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  50% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }

  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}


/*animation*/
@-webkit-keyframes hvr-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }
  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}
@keyframes hvr-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }
  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}