@charset "utf-8";
body{font-family: "Microsoft YaHei";position: relative;}
.header , .content { width:1400px; margin:0 auto; }
i,em,b{font-style: normal;}

.til01{text-align: center;display: block;font-size:44px;color: #fff;line-height:52px;height: 130px;position: relative;letter-spacing: 10px;font-weight: normal;}
.til01:before{content: "";position: absolute;width:28px;height:3px;background:#cc0000;top:99px;left:50%;margin-left: -14px;}
.til01 b{color: #1f365c;}
.til01 a{display: block;color: #fff;}
.til01 p{display: block;font-size:22px;line-height:33px;color: #fff;}

.tit01{font-size: 2.395vw; text-align: center; font-family: "Microsoft YaHei";color: #333333;font-weight:bold; }
.tit01 a{color: #333333; }
.tit01 i{ display: block;font-size:20px;color: #666; line-height:38px; font-weight:normal;}

.titis{height:120px;overflow: hidden;text-align: center;box-sizing: border-box;}
.titis h2 {height:60px;line-height:60px;font-size:48px;color: #000;font-weight: 800; padding-bottom:10px;}
.titis h2 a{color: #333333}
.titis h2 i{margin:0 20px;display: inline-block;width:13px;height: 13px;vertical-align: middle; background: url(../images/tb1.png) no-repeat center;}
.titis p{width:500px; font-size:22px;color: #333333;height:40px;line-height:40px;border-bottom: 3px dashed #21499b;border-top: 3px dashed #21499b;  margin:0 auto; font-weight:500px;}
/**/
.guide{padding: 80px 0 0;overflow: hidden;width: 1320px;margin: 0 auto;}
.gui_tit{font-size: 45px;color: #000;text-align: center;position: relative;height: 180px;line-height: 54px;overflow: hidden;}
.gui_tit em{width: 338px;height: 36px;display: block;margin: 0 auto 12px;line-height: 0;}
.gui_tit em img{width: 338px;height: 36px;}
.gui_tit span{display: block;font-size: 24px;font-weight: normal;}
.gui_tit:before,.pro_tit:before,.adv_tit:before{content: "";width: 40px;height: 2px;background: #f27130;position: absolute;bottom: 0;left: calc(50% - 20px);-webkit-transition:all .5s;transition:all .5s;}
.gui_tit:hover:before,.pro_tit:hover:before,.adv_tit:hover:before{width: 60px;left: calc(50% - 30px);}
.guide p{font-size: 18px;color: #666;line-height: 32px;height: 72px;text-align: center;width: 1200px;margin: 0 auto;padding: 30px 0 0;}
.digital{width: 1300px;height: 125px;background: #fff;box-shadow: 0 3px 6px 3px rgba(0,0,0,0.1);border-radius: 10px;padding-top: 40px;position: relative;z-index: 5;margin: 50px 10px 10px;}
.ibrand-num li{float:left;height:115px;padding-left:100px;color:#666;font-size:16px;position: relative;}
.ibrand-num li:before{content: "";width: 1px;height: 88px;position: absolute;top: 5px;left: 0;background: #e5e5e5;}
.ibrand-num li b{display: block;font-size:54px;color: #21499b;line-height: 56px; font-family:"DINOT";margin-left: -3px;}
.ibrand-num li:nth-of-type(1){width: 260px;}
.ibrand-num li:nth-of-type(2){width: 160px;}
.ibrand-num li:nth-of-type(3){width: 220px;}
.ibrand-num li:nth-of-type(4){width: 150px;}
.ibrand-num li:first-child:before{background: none;}
/*产品*/
.tab3{width: 1500px; margin-top:20px;}
.tab3 .tit{height: 130px;text-align: center;}
.tab3 .tit h2 {height: 65px;line-height: 65px;font-size:38px;color: #21499b;}
.tab3 .tit h2 a{color: #21499b;}
.tab3 .tit p{height: 59px;line-height: 59px;font-size:16px;color: #333333}
.tab3 .tit p a{color: #fff;margin-right: 24px;padding:8px 30px; background-color:#21499b;}
.tab3 .tit p a:hover{color: #fff;margin-right: 24px; padding:8px 30px; background-color:#cc0000;}
.sec2_ul{width: 1500px; margin: 0 auto;overflow: hidden;}
.sec2_ul ul{width:1500px;}
.sec2_ul li{float: left; width: 280px; border:1px solid #ccc; display: block; margin-right: 25px; text-align: left; overflow: hidden; margin:5px;}
.sec2_ul li a{width: 280px; height: 300px; background: #eee; position: relative;}
.sec2_ul li a img{width: 280px; height:275px; transition: .9s;  line-height: 1em; overflow: hidden;}
.sec2_ul li .p{padding:0 15px;position: relative;width: 280px;overflow:hidden;background-color: #fff;z-index: 666; height:44px; line-height:44px; border-top:0px solid #ccc;}
.sec2_ul li .p a:hover{padding:0 15px;position: relative;width: 203px;overflow:hidden;background-color: #fff;z-index: 666; height:44px; line-height:44px; border-top:1px solid #ccc; color:FF9B09;}
.sec2_ul li img{width: 280px; height: 225px; overflow: hidden;display:block;}
.sec2_ul li a:hover img{transform: scale(1.2);  z-index: 1;}
.sec2_ul li a:hover{background: #0042ae; width: 280px; height: 300px; overflow: hidden;}
.sec2_ul ul .sec2_ul_r{width: 280px; border:1px solid #ccc; display: block;text-align: left; overflow: hidden;}
.p{font-size: 16px;color: #333333; line-height: 34px; height: 32px; margin-top:5px; text-align:center;}
.w1500 { width:1500px; margin:0 auto; font-family:"Microsoft Yahei";}
/*产品展示*/
/* 友谊关 */
.report{font-family:"Microsoft Yahei";height:648px;background:url(../images/reportbg.jpg) no-repeat center 0;font-size: 16px;line-height: 29px;clear: both;padding: 75px 0 0;text-align: center;}
.report_w{height: 144px;white-space: nowrap; }
.report_l .tempWrap{overflow: inherit!important;}
.report_l ul{padding: 20px 0!important;height: 370px!important;}
.report_l li{width:410px;background: #fff;padding: 6px;float: left;margin: 0 30px 0 0;-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;box-shadow:0 0 3px 3px rgba(0 , 0 , 0 , 0.1);}
.report_l li:hover{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
.report_l li p{position: relative;width: 100%;display: block;}
.report_l li img{width: 100%;display: block;}
.report_l li span{width: 100%;display: block;position: absolute;left: 0;bottom: 0;height: 48px;line-height: 48px;background: rgba(0 , 0 , 0 , 0.5);}
.report_l li span a{display: block;color: #fff;}
/* 承诺 */
.promise{font-family:"Microsoft Yahei";height:794px;position: relative;background:url(../images/servbg.jpg) no-repeat center 0;font-size: 16px;line-height: 24px;color: #fff;padding: 32px 0 0;}
.promise .til01 b{color: #fff;}
.prom_c{padding: 70px 0 0;}
.prom_c li{float: left;position: relative;background:url(../images/serv_ico2.png) no-repeat 58px 12px;width: 240px;}
.prom_c li:nth-child(1),.prom_c li:nth-child(3){margin-top: 245px;background:url(../images/serv_ico1.png) no-repeat 58px 100px;}
.prom_c li:nth-child(2){margin: 50px 60px 0 78px;}
.prom_c li:nth-child(3){margin: 245px 50px 0 0;}
.prom_c li span{width: 99px;height: 99px;background: #21499b;border: solid 10px #fff;border-radius: 100%;box-shadow: 0 0 5px 5px rgba(0 , 0 , 0 , 0.2);text-align: center;font-size:40px;font-family:Times New Roman; font-weight:600; line-height: 99px;display: block;}
.prom_c li p{padding: 0 0 0 94px;height: 152px;}
.prom_c li p b{display: block;font-size: 24px;height: 50px;line-height: 42px;}
.prom_c li dl{width: 280px;background: #fff;padding: 12px;height: 480px;position: absolute;left: -45px;top: -60px;z-index: 1;display: none;}
.prom_c li:nth-child(1) dl,.prom_c li:nth-child(3) dl{top:-200px;}
.prom_c li dt,.prom_c li dt img{width:280px;height: 257px;display: block;overflow: hidden;}
.prom_c li dd{text-align: center;color: #666;height: 223px;}
.prom_c li dd em{display: block;font-size:40px;font-family:Times New Roman;line-height:100px;height:100px;color: #333;background:url(../images/ico01.gif) no-repeat center bottom;}
.prom_c li dd p{padding: 0 30px;}
.prom_c li dd p b{color: #cd0101;height: 41px;line-height: 38px;}
.prom_c li:hover dl,.prom_c li.cur dl{display: block;}

/**/
.anli{ height: 1200px;background: url(../images/anli.png) no-repeat  center 168px; margin-top:80px;}
.a_lis{ overflow: hidden; height: 105px; margin-top:40px;}
.a_lis ul li{ float: left; padding: 0 89px;}
.a_lis ul li a{ display: inline-block; line-height: 100%; font-size: 22px; color:#333333; padding-top: 27px; background: url(../images/a_li2.png) no-repeat  center 2px; font-weight:600;}
.a_lis ul li a:hover{font-weight: bold; color: #21499b;background: url(../images/a_li1.png) no-repeat  center 0;}

.a_on ul li{ float: left; width: 447px; margin: 0 28px 30px 0; font-size: 0; line-height: 0;transition: all 0.2s;}.a_on ul li:nth-of-type(3n){ margin-right: 0;}
.a_on ul li img{ width: 447px;}.a_on ul li b{ overflow: hidden; display:block;}
.a_on ul li em{ display: block; border: 1px solid #e1e1ed; padding: 26px 0 0 24px; height: 69px;}
.a_on ul li em i{ display: block; line-height: 100%; color: #333333; font-size: 20px; margin-bottom: 16px;}
.a_on ul li em span{ display: block;line-height: 100%; color: #939393; font-size: 14px; font-family: Arial;background: url(../images/more2.png) no-repeat  56px 2px;}
.a_on ul li:hover em i{ color: #21499b;}
.a_on ul li:hover em span{ color: #21499b;background: url(../images/a_i2.png) no-repeat  56px 2px;}
.a_on ul li:hover{ box-shadow: 0 0 15px rgba(0,0,0,0.13);}


/*产品中心*/
.product{background: url(../images/pro_bj01.jpg) no-repeat center 0;overflow: hidden;height: 700px;padding-top: 145px;margin-top: -75px;}

/**/
.yz_bj{height:693px;overflow: hidden;position: relative;background: url(../images/ge01.png) no-repeat center bottom;box-sizing: border-box;padding-top:65px;}
.yz_w{font-size:16px;color: #666666;line-height: 30px;padding:42px 50px 0;height: 160px;text-align: center;}
.yz_c li{float:left;width:20.6%;}
.yz_c li p{height:61px;font-size:68px;color: #1b1b1b;line-height:61px;}
.yz_c li p em{font-size:68px;color: #1b1b1b;display: inline-block;height:61px;font-weight: bold;vertical-align: top;}
.yz_c li p i{width:29px;height: 29px;background: #15499a;text-align: center;line-height: 30px;font-size:18px;color: #feffc5;border-radius: 50%;display: inline-block;vertical-align: top;}
.yz_c li span{font-size:18px;color: #333333;line-height:29px;height:29px;display: block;}
.yz_c li strong{display: block;width:54px;height: 47px;overflow: hidden;margin-top:46px;}
.yz_c li strong img{display:block;}
.yz_c li:hover p em,.yz_c li:hover p{color: #001a51}
.yz_c li:hover strong img{margin-top:-47px;animation-duration:3s;animation-name:flipInY;}
.yz_c li:hover strong{}
.yz_c li:last-child{background: none;width:auto;}
/**/
.pro{ padding-top: 40px;}
.pro .tit i{ width: 420px;}
.pro_s{ margin-top:41px ;height: 737px;background: url(../images/pros_bg.jpg) no-repeat center;}
.pro_t li{float: left;width: 280px;height: 114px;border-right: 1px solid #dcdcdc;box-sizing: border-box;position: relative;}
.pro_t li i{width: 75px;height: 32px; margin: 33px auto 0;display: block;transition: all 0.5s ease-in-out;}
.pro_t li span{display: block;font-size: 18px;color: #fff;line-height: 18px;padding-top: 6px; text-align: center;}
.pro_t li:hover,.pro_t li.cur{ background: #e62129;}
.pro_t li:hover span,.pro_t li.cur span{ color: #fff;}
.pro_t li:hover:after,.pro_t li.cur:after{ position: absolute;left: 50%;top: 0;width: 20px;margin-left: -10px;height: 12px;content: "";}


.pro_t .p1 i{ background:url(../images/pro_ic1.png) no-repeat center; }
.pro_t .p2 i{ background:url(../images/pro_ic2.png) no-repeat center; }
.pro_t .p3 i{ background:url(../images/pro_ic3.png) no-repeat center; }
.pro_t .p4 i{ background:url(../images/pro_ic4.png) no-repeat center; }
.pro_t .p5 i{ background:url(../images/pro_ic5.png) no-repeat center; }
.pro_t .p1:hover i,.pro_t .p1.cur i{background:url(../images/pro_ic1h.png) no-repeat center; }
.pro_t .p2:hover i,.pro_t .p2.cur i{background:url(../images/pro_ic2h.png) no-repeat center; }
.pro_t .p3:hover i,.pro_t .p3.cur i{background:url(../images/pro_ic3h.png) no-repeat center; }
.pro_t .p4:hover i,.pro_t .p4.cur i{background:url(../images/pro_ic4h.png) no-repeat center; }
.pro_t .p5:hover i,.pro_t .p5.cur i{background:url(../images/pro_ic5h.png) no-repeat center; }
.pro_s .content{ position: relative;height: 737px;}

.pro_con{ padding-top: 100px;position: relative;} 
.pro_con dt img{ display: block;width:675px ;height: 450px;float: right;}
.pro_con dd h3{display: block;font-size:30px ;line-height: 30px;color: #000;font-weight: normal; position: relative;padding-bottom: 64px;}
.pro_con dd h3 b{ display: block;font-size:42px ;line-height: 42px;color: #15499a;padding-bottom: 10px;}
.pro_con dd h3:after{ position: absolute;left: 0;top: 100px;width: 42px;height: 3px;background: #1458b9;content: "";}
.pro_con dd p{ padding-bottom: 34px;width: 580px;}
.pro_con dd p em{display: block; font-size:16px ;line-height:16px ;color: #666666;}
.pro_con dd p b{ font-weight: bold;font-size: 24px;line-height:24px ;color: #333;padding-bottom: 14px;display: block;}
.pro_con dd p span{display: block;font-size:16px ;line-height:30px ;color:#666666 ;padding-left: 16px;background:url(../images/tb1.png) no-repeat left; width: 280px;float: left;}
.pro_con dd p span:nth-child(2n+1){ width: 160px;}
.pro_con dd p:nth-child(2n+1){ height: 130px;}
.pro_con dd .more{ display: block;font-size:18px ;line-height:45px ;color: #333333;width: 178px;height: 45px;float: left;box-sizing: border-box;padding-left: 70px;background:url(../images/pro_more.png) no-repeat center;margin-right: 18px;}
.pro_con dd .zx{ display: block;font-size:18px ;line-height:45px ;color: #333;width: 108px;height: 45px;float: left;padding-left: 70px;background:url(../images/pro_zx.png) no-repeat center;}
.pro_con .sprev{ position:absolute; left:-90px; top:275px; width:40px;height:74px; background:url(../images/fs_24z.png) no-repeat;z-index: 100;}
.pro_con .snext{ position:absolute; right:-90px; top:275px;  width:40px;height:74px; background:url(../images/fs_24.png) no-repeat;z-index: 100;}
.pro .pageState{position:absolute;right: 0;bottom:32px;line-height: 16px;font-size: 16px;color: #666666;}
.pro .pageState span{font-size: 36px;color: #15499a; font-weight: bold;}

/*产品*/
.w15 { width:1500px; margin:0 auto; font-family:"Microsoft Yahei";}

.products{	margin: 58px auto 42px auto;}
.pro-center{	margin-top: 42px; margin-bottom:30px;}

a.current{	text-decoration: none;}


.pro-show-center{	float: left;	width: 1500px;}
.pro-show-center ul{ margin-left:-20px}
.marqueetop{	height:1050px;	overflow:hidden;}
.pro-show li{	float: left;	width: 280px;	border-bottom: solid 1px #dcdcdc; margin-left:15px; margin-bottom:20px}
.pro-show li img{ width:100%}
.pro-text{	line-height: 68px;}
.pro-text span{	float: left;	color: #666666;	font-size: 18px;}
.pro-text a{	float: right;	display: inline-block;	background: #356fc8;	width: 98px;	line-height: 30px;	color: white;	font-size: 14px;	border-radius: 0px;	margin-top: 17px;	text-align: center;}
.pro-more{	background: #e62129;	width: 522px;	line-height: 58px;	border-radius: 0px;	padding: 4px 0 4px 6px;	margin: 16px auto 0 auto;}
.pro-more div:first-child{	background: white;	border-radius: 0px;}
.pro-more a{	color: #262626;	font-size: 16px;	text-align: center;	display: block;}
.pro-more p{	color: white;	font-size: 18px;}
.pro-more span{	font-size: 30px;	font-weight: bold;	font-family: arial;}
/*产品中心*/
/**/
.yybj{ height: 1px;padding-top: 0px;  background:#fff;  box-sizing: border-box;  font-family:"Microsoft Yahei";}


.m_zz{width: 1400px;margin:0px auto; position: relative;height:0px;  }
.m_zz li{ width:21.142%; height: 110px;padding-left:24px; box-sizing: border-box; float: left; text-align: left; position: relative;cursor: pointer;}
.m_zz li::before{content: "";position: absolute;width: 171px;height:83px;background:url(../images/szlibg.png) no-repeat;left:6px;bottom:6px;-webkit-transition: .5s;-moz-transition: .5s;transition: .5s;}
.m_zz li em{margin-left:0px;display: block; position: relative;z-index: 1;}
.m_zz li em b{ margin-left:0px;font-size:32px; color: #535353; font-family: "Century Gothic","Arial"; font-weight: bold;line-height: 38px;}
.m_zz li em i{ font-size: 14px;  color: #fff;text-align: center; font-weight: normal; text-align: center; line-height: 22px;width:22px; height: 22px;display: block;text-transform: uppercase;font-family: "Arial";position: absolute;bottom:5px; right:0px;background:url(../images/zz_i.png) no-repeat; }
.m_zz li h3{font-size: 28px; color: #333333; text-align: left; font-weight: normal; line-height: 42px;z-index: 1;position: relative;}

.m_zz li:nth-child(1) em{width: 68px;}
.m_zz li:nth-child(2) em{width:130px;}
.m_zz li:nth-child(2) em i{background:url(../images/zz_i1.png) no-repeat;}
.m_zz li:nth-child(2) em b{font-size: 22px;font-weight: bold;}
.m_zz li:nth-child(3) em{width: 105px;}
.m_zz li:nth-child(4) em{width: 85px;}
.m_zz li:nth-child(5){width: 15.432%;}
.m_zz li:nth-child(5) em{width: 68px;}

@media screen and (max-width:1440px) {
  .yy,.m_zz{width: 1200px;}

}



/**/
.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; padding-bottom: 145px;}
.fa{width:1400px;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: 2.583vw;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(#06beff), to(#0d5de2)); 
  background-image: -webkit-linear-gradient(left, #06beff, #0d5de2); 
  background-image: -moz-linear-gradient(left, #06beff, #0d5de2); 
  background-image: -o-linear-gradient(left, #06beff, #0d5de2); 
  background-image: -ms-linear-gradient(left, #06beff, #0d5de2); 
  background-image: linear-gradient(left, #06beff, #0d5de2);}
.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:#287dfc; 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(#06beff), to(#0d5de2)); 
  background-image: -webkit-linear-gradient(left, #06beff, #0d5de2); 
  background-image: -moz-linear-gradient(left, #06beff, #0d5de2); 
  background-image: -o-linear-gradient(left, #06beff, #0d5de2); 
  background-image: -ms-linear-gradient(left, #06beff, #0d5de2); 
  background-image: linear-gradient(left, #06beff, #0d5de2); background:rgba(8,163,247,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;}

/*产品展示*/

.p{font-size: 16px;color: #333333; line-height: 34px; height: 32px; margin-top:5px; text-align:center;}
.w1500 { width:1500px; margin:0 auto; font-family:"Microsoft Yahei";}
/*产品展示*/

/**/
.spbj{height: auto;overflow: hidden; box-sizing: border-box; font-family: "Microsoft YaHei";padding-bottom: 47px;border-bottom: 1px solid #f3f3f3; min-width: 1300px; ;max-width: 1920px;margin:0 auto; margin-top:60px;}
.spbj h2{margin-bottom: 30px;}
.sp .desc{margin-bottom: 38px;}
.sp .desc p{text-align: center; line-height: 28px;font-size: 16px;color: rgba(22, 22, 22, 0.8);;}
.sp .desc .sp_btn{width:112px;margin:20px auto;display: block;}
.sp dl{width: 36.458vw;height:20.433vw;position: relative;float: left;margin-right: 2.552vw;}
.sp dt img{width: 100%;display: block;}
.sp dd{height:3.02vw;line-height: 3.02vw; text-align: left;background:rgba(0, 0, 0, 0.5);width: 100%;position: absolute;left:0;bottom:0;box-sizing: border-box; font-size:0.9375vw;color:#fff;}
.sp dd h4{padding-left:2.7vw;background:url(../images/spico.png) no-repeat 18px center;background-size:1.25vw ;color:#fff;}

@media screen and (max-width:1440px) {
  .fa{width: 1200px;}
  .fa_nav h3 a,.sp .desc p{ font-size:15px;}
  
}
/**/

/*案例*/
.case{padding: 100px 0;}
.case_con{ margin-top: 46px;position: relative; }
.case_con .tempWrap{ width: 1400px!important; }
.case_con .case_qie{ width: 385px;height: 380px;float: left;margin-right: 21px; border: 1px solid #e0e0e0;}
.case_con dl{background: #FFFFFF;padding: 10px 11px 0 10px;}
.case_con dt{height: 293px;overflow: hidden;}
.case_con dt img{display: block;width: 364px;height: 293px;transition: all 0.5s;}
.case_con dt:hover img{transform: scale(1.05);}
.case_con dd{height: 75px;  background: url(../images/more2.png) no-repeat left center;}
.case_con dd h4 a{font-size: 22px;color: #333;line-height: 22px;position: relative;display: block;font-weight:bold; padding-left:45px; padding-top:30px;}
.case_con dd p{font-size: 14px;color: #666666;line-height: 26px;}
.case_con dd p a{ color: #029441; display: block;float: right;margin-top:50px;font-size: 16px;color: #15499a;line-height: 16px; }
.case_con dd p a img{ display: inline-block;width: 11px;height: 4px;margin-left: 5px;vertical-align: middle; }
.case_con dd h4:hover a{color: #15499a; font-weight:bold;}
.case_con .zprev{ position: absolute;left: -60px;top:150px; width: 35px;height: 35px;background: url(../images/xc_lefts.gif) no-repeat center;cursor: pointer;}
.case_con .znext{ position: absolute;right:  -60px;top:150px;  width: 35px;height: 35px;background: url(../images/xc_rights.gif) no-repeat center;cursor: pointer;}


/*优势*/
.sm_banner {background: url(../images/banner-news.jpg) no-repeat center; height: 143px; padding-top: 67px; clear:both;  margin-top:80px;}
.sm_banner h4 { float: left; line-height: 0 }
.sm_banner h4 p { display: block; font-size: 40px; line-height: 100%; color: #fff; margin-left: 20px; font-weight: bolder; }
.sm_banner h4 span { display: block; font-size: 20px; line-height: 100%; color: #fff; margin-top: 21px; margin-left: 20px; font-weight: 400 }
.sm_banner .ask { width: 350px; height: 55px; background: #e70000; float: right; text-align: center; -o-transition: all .3s ease; transition: all .3s ease; border-radius: 25px;}
.sm_banner .ask a { display: block; font-size: 24px; line-height: 55px; color: #fff; text-shadow: 0 1px 1px rgba(0, 0, 0, .22); font-weight: 500 }
.sm_banner .ask:hover { width: 290px }
/*优势*/
 .ys_bj{background: #ededed;height: 1086px;box-sizing: border-box;padding-top:83px;}
.yous{padding-top:30px;}
.ys_nr dl{height: 680px;background: #fff;}
.ys_nr dd{float:left;width:592px;margin-left:-100px;height: 680px;box-sizing: border-box;padding:98px 90px 0 100px;background: #fff;box-shadow: 0 0 20px rgba(0,0,0,0.07);position: relative;z-index: 2}
.ys_nr dd h4{height: 167px;background: url(../images/ys_x.png) no-repeat left bottom;margin-bottom: 55px}
.ys_nr dd h4 span{display: block;height: 76px;line-height: 76px;font-size:60px;color: #21499b;}
.ys_nr dd h4 em{display: block;height: 54px;line-height: 54px;font-size:23px;color: #333333;}
.ys_nr dd p{font-size:17px;color: #333333;line-height: 30px;margin-bottom: 23px;padding-left:19px;background: url(../images/ys_a1.png) no-repeat left 14px;}
.ys_nr dd i{font:115px "Impact";color: #d9d9d9;position: absolute;top:64px;right:-12px;height: 106px;line-height: 106px}
.ys_nr dt{float: right;margin-right:-360px;font-size:0;line-height: 0;}
.ys_nr dt img{width:1068px;height: 680px;}
.ys_qh{height: 102px;line-height: 102px;box-shadow: 0 0 15px rgba(0,0,0,0.1);background: #fff;top:-53px;position: relative;z-index: 2}
.ys_qh li{float:left;height: 102px;width:25%;text-align: center;}
.ys_qh li i{display: inline-block;width:42px;height: 42px;overflow: hidden;vertical-align: middle;margin-right:20px;}
.ys_qh li i img{display: block;transition: all 0.5s;}
.ys_qh li span{font-size:28px;color: #323232;font-weight: bold;vertical-align: middle;}
.ys_qh li.on i img{margin-top:-42px;}
.ys_qh li.on span{color: #fff;}
.ys_qh li.on{background: #21499b}
/*优势*/
.xc0{ padding-top: 0px;}
.xc0 p{ font-size:16px ;line-height: 28px;color: #333333;padding-top:10px ;text-align: center;}
.xc0 ul{ margin-top: 40px;}
.xc0 ul li{ float: left;width: 335px;height: 436px;position: relative;margin-right:20px;}
.xc0 ul li:last-child{ margin-right: 0;}
.xc0 ul li i{ width: 335px;height: 436px;display: block;overflow:hidden;}
.xc0 ul li img{ width: 335px;height: 436px;display: block;transition: all 0.5s;}
.xc0 ul li:hover img{transform: scale(1.1);}
.xc0 ul li span{display: block;width: 320px;padding-left:15px;height:78px ;line-height:78px ;color: #fff;font-size: 20px;position: absolute;left: 0;bottom: 0;background:url(../images/xc_ic.png) no-repeat center;}
.xc0 ul li:hover span{ background:url(../images/xc_ich.png) no-repeat right center;}
/*车间*/
h2.main_title a {  display: block;  text-align: center;  position: relative;}
h2.main_title i {  display: block;  font-size: 85px;  font-family: Impact;  font-weight: 400;  color: rgba(51, 51, 51, 0.1);  text-transform: uppercase;  letter-spacing: 1px;  line-height: 1;}
h2.main_title strong {  display: block;  font-size: 52px;  line-height: 100%;  color: #333;  letter-spacing: 1px;  padding-bottom: 32px;  background: url(../images/tbg.png) no-repeat center bottom;  margin-top: -38px;}
h2.main_title span {  display: block;  font-size: 18px;  line-height: 100%;  color: #333;  font-weight: normal;  margin-top: 15px;}

/**/
h2.main_title0 a {  display: block;  text-align: center;  position: relative;}
h2.main_title0 i {  display: block;  font-size: 85px;  font-family: Impact;  font-weight: 400;  color: rgba(230, 230, 230, 0.3);  text-transform: uppercase;  letter-spacing: 1px;  line-height: 1;}
h2.main_title0 strong {  display: block;  font-size: 52px;  line-height: 100%;  color: #fff;  letter-spacing: 1px;  padding-bottom: 32px;  background: url(../images/tbg.png) no-repeat center bottom;  margin-top: -38px;}
h2.main_title0 span {  display: block;  font-size: 18px;  line-height: 100%;  color: #fff;  font-weight: normal;  margin-top: 15px;}
.content12 { width:1200px; margin:0 auto; }
/**/

/**/
.newsbj{ background:#efefef; padding:90px 0 18px;overflow: hidden; font-family:"Microsoft Yahei";}
.news{width:1400px;  position: relative;margin:0 auto;}
.news h2{ margin-bottom: 25px;text-align: left;}
.news1{width:73.571%; max-width: 1030px;  float: right;}
.news1 dl{background:#fff;box-shadow: 5px 8px 10px #e4e5e6;margin-bottom: 17px;height:225px;}
.news1 dt{width:300px;height:225px;float: left;overflow: hidden;}
.news1 dt img{width: 100%;display: block;}
.news1 dd{padding:25px 80px 0 32px; box-sizing: border-box; float: left;width:728px;}
.news1 dd h4{font-size:24px;color:#333;height: 42px;line-height: 42px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-weight: bold;}
.news1 dd h4 a{color:#333}
.news1 dd p{ line-height: 24px;font-size: 16px;color:#999999;margin: 10px 0 15px;}
.news1 dd span{height:36px;display: block; line-height: 36px;}
.news1 dd span .news_btn{display: block;width:140px;height:36px;line-height: 36px;float: left;text-align: left;padding-left:28px;box-sizing: border-box;font-size: 16px;color: #fff;background:#15499a;}
.news1 dd span i{ font-size: 13px;color: #999999;float: right;}
.news1 ul{background: #fff;height:91px;width:100%;box-shadow: 5px 8px 10px #e4e5e6;}
.news1 li{width: 33%;padding-left: 27px;box-sizing: border-box;height: 91px;float: left;padding-top:20px;}
.news1 li p{ font-size: 18px;color:#333333; line-height: 32px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; height: 32px;}
.news1 li i{ font-size: 13px;color: #999999;display: block;}


.news2{width:24.357%;padding:25px 17px 20px 24px;box-sizing: border-box; max-width: 341px; float: left;box-shadow: 5px 8px 10px #e4e5e6;background: #fff;}
.news2 h3{font-size:24px;color:#191919;height: 42px;line-height: 42px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-weight: bold;margin-bottom: 46px;}
.news2 h3 a{color:#191919;}
.news2 dl{padding-bottom: 10px;border-bottom: 1px solid #e9e9e9;margin-bottom:29px;clear: both;overflow: hidden;}
.news2 dt{width:95px;height:71px;float: right;overflow: hidden;}
.news2 dt img{width: 100%;display: block;}
.news2 dd{ float: left;width:181px;}
.news2 dd p{font-size:16px;color:#333333;height: 53px;line-height: 22px;font-weight: normal;}
.news2 dd i{ font-size: 13px;color: #999999;display: block;}

.news dl img{-webkit-transition: 0.5s;-moz-transition:0.5s;transition: 0.5s;}
.news dl:hover img{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05);} 


@media screen and (max-width:1440px) {
  .news{width: 1200px;}
  .news1 dd{padding:25px 40px 0 32px; width:582px;}
  .news2 dd{ width:145px;}
}
/**/
.abt{ background:url(../images/abt_bg.jpg) no-repeat center;height:705px; padding-top:90px;}
.abt dl{ padding-top: 100px;}
.abt dt{display: block;width: 852px;height:504px ;overflow:hidden;}
.abt dt img{display: block;width: 852px;height:504px ;transition: all 0.5s;}
.abt dt:hover img{transform: scale(1.1);}
.abt dd{ height: 504px;background: #fff;padding: 0 44px;width:460px;}
.abt dd h3{padding-top: 72px;font-weight: normal;}
.abt dd h3 span{display:block;font-size: 40px;color: #333333;line-height: 40px;}
.abt dd h3 i{display:block;font-size: 18px;color: #333333;line-height: 18px;padding-top: 12px;}
.abt dd p{font-size: 15px;color: #666;line-height: 26px;padding-top: 30px;}
.abt dd .more{ display: block;width:45px ;height: 18px;margin-top: 45px;float: right;}
/**/
.link {  height: 72px;  margin-top: -72px;  font-size: 14px;  font-weight: normal;  line-height: 72px;  color: rgba(255, 255, 255, 0.5);  text-align: right;}
.link .content {  height: 72px;  padding-left: 600px;  box-sizing: border-box;  overflow: hidden;}
.link a {  display: inline-block;  color: rgba(255, 255, 255, 0.5);  margin-left: 20px;  position: relative;  top: 0;  transition: 0.25s;}
.link a:hover {  text-decoration: underline;}
/*友情链接*/



@media screen and (max-width:1440px) {
  .link{width:1200px;margin: 0 auto; }
 
}

@-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);
  }
}