@charset "utf-8";
body{font-family:"Microsoft Yahei";overflow-x:hidden;}
a{text-decoration: none;}
a:hover{text-decoration: none;}
em,i{font-style: normal;}
.titis{height:117px;overflow: hidden;text-align: center;}
.titis h2 {height:63px;line-height:63px;font-size:46px;color:#333333;font-weight:bold;}
.titis h2 a{color: #333333}
.titis p{font-size:20px;color: #535353;height:30px;line-height:30px;letter-spacing:1px}
/*yz*/
.yz{height: 560px;padding-top: 95px;box-sizing: border-box;background: url(../images/al_bj.jpg) no-repeat center 0;}
.yz h2{font-size: 46px;color: #333;line-height: 46px;font-weight: bold;text-align: center;}
.yz_desc{width: 1000px;font-size: 16px;color: #666;line-height: 24px;text-align: center;margin: 26px auto 80px;}
.yz_sz{height: 76px;}
.yz_sz li{float: left;width: 20%;height: 76px;border-right: 1px solid rgba(210, 210, 210, 0.7);box-sizing: border-box;text-align: center;transition: all 0.5s;}
.yz_sz li:last-child{border: 0;}
.yz_sz li span{display: block;height: 48px;line-height: 48px;font-size: 54px;color: #333;font-weight: bold;}
.yz_sz li span i{font-family: Arial;}
.yz_sz li span em{display: inline-block;width: 25px;height: 25px;line-height: 25px;text-align: center;font-size: 20px;color: #fff;border-radius: 50%;    background: linear-gradient(122deg, #2255B8, #018BD6);vertical-align: top;font-weight: normal;margin-left: 4px;}
.yz_sz li p{font-size: 16px;color: #333;line-height: 32px;}
.yz_sz li:nth-child(3) span em,.yz_sz li:nth-child(4) span em{font-size: 18px;}
.yz_sz li:hover{transform: translateY(-10px);}




.yz_bj{background:url(../images/yz_bj.jpg) no-repeat center top;height:424px;box-shadow: border}
.yz_c{position:relative;padding-top:84px;}
.yz_c dd{float:left;width:710px;}
.yz_c dd h4{font-size:0;line-height: 0;height: 109px;background: url(../images/yz_ico1.png) no-repeat left bottom;}
.yz_c dd p{font-size:16px;color: #595959;line-height: 32px;padding-top:29px;}
.yz_c dt{float: right;font-size:0;line-height: 0;overflow: hidden;width:436px;padding-top:5px;}
.yz_c dt img{width:436px;height: 254px;}


/* 产品左 */
 .pro-con{ margin:10px 0; padding-bottom:30px;}
 .pro-con .pro-con-left{width:485px;height:640px; background:url(../images/p-kk.png) no-repeat left top;float:right;}
 .pro-con .pro-con-left dl dt{height:440px; padding:25px 29px 0 0;margin-bottom: 19px; box-sizing: border-box;}
 .pro-con .pro-con-left dl dt .pro-con-tit{height:81px; padding:0 16px 0 90px;  background:url(../images/xlogo.png) no-repeat 15px top;}
 .pro-con .pro-con-left dl dt .pro-con-tit a{display: block; }
 .pro-con .pro-con-left dl dt .pro-con-tit span{display: block;height:41px; line-height: 41px;font-size: 30px; color:#333333;background:url(../images/p-gd.png) no-repeat right bottom; font-weight:bold;}
 .pro-con .pro-con-left dl dt .pro-con-tit em{display: block;height:21px; line-height: 21px;font-size: 12px; color:rgba(51,51,51,0.7); text-transform: uppercase;}
 .pro-con .pro-con-left dl dt strong{display: block; width:456px; height:455px; overflow: hidden;}
 .pro-con .pro-con-left dl dt strong img{width:100%; transition: 1s;}
 .pro-con .pro-con-left dl:hover dt strong img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);}
 .pro-con .pro-con-left dl dd{padding-right:29px;}
 .pro-con .pro-con-left dl dd em{height:38px; line-height: 38px;margin-bottom: 4px; font-size: 20px; font-weight: bold; background:url(../images/h_tel0.png) no-repeat left center; padding-left:22px; }
 .pro-con .pro-con-left dl dd h4 a{font-size: 26px; color:#333333; font-weight: bold;}
 .pro-con .pro-con-left dl dd p{line-height: 28px;font-size: 16px; color:#666666;}
 .pro-con .pro-con-rig{float:left;width:895px;}

 .pro-con .pro-con-rig ul li { width: 27%; padding: 5px 18px 5px 5px; margin-left: 2%; background:#fff; border: 1px solid #eee; box-shadow: 0px 1px 10px 1px #ccc;  margin-bottom: 10px; float:left; }
 .pro-con .pro-con-rig ul li img{   border: 0px solid #eee; }
 .pro-con .pro-con-rig ul li a .imgauto { width: 100%;  height: 240px;}
 .pro-con .pro-con-rig ul li a span { display: block; margin-top: 8px; margin-bottom:10px; text-align: center; font-size: 16px; color:#000;}
 .pro-con .pro-con-rig ul li:nth-child(2n) { margin-right: 0;}
 .pro-con .pro-con-rig ul li:hover { border: 1px solid #e6e6e6;}
 .pro-con .pro-con-rig ul li:hover img { opacity: .6;}
 .pro-con .pro-con-rig ul li:hover span { color: #036aac;}
 /* 产品右 */
 .pro-crn{ margin:10px 0; padding-bottom:50px;}
 .pro-crn .pro-crn-left{width:485px;height:691px; background:url(../images/p-kk.png) no-repeat left top;float:right;}
 .pro-crn .pro-crn-left dl dt{height:440px; padding:25px 29px 0 0;margin-bottom: 19px; box-sizing: border-box;}
 .pro-crn .pro-crn-left dl dt .pro-crn-tit{height:81px; padding:0 16px 0 50px;}
 .pro-crn .pro-crn-left dl dt .pro-crn-tit a{display: block; }
 .pro-crn .pro-crn-left dl dt .pro-crn-tit span{display: block;height:41px; line-height: 41px;font-size: 30px; color:#333333;background:url(../images/p-gd.png) no-repeat right bottom; font-weight:bold;}
 .pro-crn .pro-crn-left dl dt .pro-crn-tit em{display: block;height:21px; line-height: 21px;font-size: 12px; color:rgba(51,51,51,0.7); text-transform: uppercase;}
 .pro-crn .pro-crn-left dl dt strong{display: block; width:456px; height:455px; overflow: hidden;}
 .pro-crn .pro-crn-left dl dt strong img{width:100%; transition: 1s;}
 .pro-crn .pro-crn-left dl:hover dt strong img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);}
 .pro-crn .pro-crn-left dl dd{padding-right:29px;}
 .pro-crn .pro-crn-left dl dd em{height:38px; line-height: 38px;margin-bottom: 4px; font-size: 20px; font-weight: bold; background:url(../images/h_tel0.png) no-repeat left center; padding-left:22px; }
 .pro-crn .pro-crn-left dl dd h4 a{font-size: 26px; color:#333333; font-weight: bold;}
 .pro-crn .pro-crn-left dl dd p{line-height: 28px;font-size: 16px; color:#666666;}
 .pro-crn .pro-crn-rig{width:895px; float:left;}

 .pro-crn .pro-crn-rig ul li { width: 27%; padding: 5px 15px 5px; margin-left: 2%; background:#fff; border: 1px solid #eee; box-shadow: 0px 1px 10px 1px #ccc;  margin-bottom: 10px; float:left; }
 .pro-crn .pro-crn-rig ul li img{   border: 0px solid #eee; }
 .pro-crn .pro-crn-rig ul li a .imgauto { width: 100%;  height: 240px;}
 .pro-crn .pro-crn-rig ul li a span { display: block; margin-top: 8px; margin-bottom:10px; text-align: center; font-size: 16px; color:#000;}
 .pro-crn .pro-crn-rig ul li:nth-child(2n) { margin-right: 0;}
 .pro-crn .pro-crn-rig ul li:hover { border: 1px solid #e6e6e6;}
 .pro-crn .pro-crn-rig ul li:hover img { opacity: .6;}
 .pro-crn .pro-crn-rig ul li:hover span { color: #036aac;}
/* 解决方案 */
.titis{height: 127px;text-align: center;background:url(../images/fline.gif) no-repeat center bottom; margin-bottom:30px;}
.titis h4 {height: 77px;line-height: 77px;font-size:46px;color: #212325;font-weight: bold;}
.titis h4 a{color: #212325;}
.titis p{font-size:20px;color: #595959;height: 42px;line-height: 42px;}
	/*产品展示*/	
.w14 { width:1400px; margin:0 auto; font-family:"Microsoft Yahei";}
.w13 { width:1300px; margin:0 auto; font-family:"Microsoft Yahei";}

h2.main_title a {  display: block;  text-align: center;  position: relative; height:160px;}
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: #000;  letter-spacing: 1px;  padding-bottom: 5px;   margin-top: -58px;}
h2.main_title em { font-size: 52px; color: #e62129; }
h2.main_title span {  display: block;  font-size: 18px;  line-height: 100%;  color: #333;  font-weight: normal;  margin-top: 15px;  background: url(../images/tits.png) no-repeat center bottom;  padding-bottom: 20px;}

/*案例*/


.fw_bj{background: url(../images/fw_bj.jpg) no-repeat center top;height: 912px;box-sizing: border-box;padding-top:73px;}
.fw_c .titis{height: 119px}
.fw_c .titis p{background:url(../images/fw_tt.png) no-repeat center;}
.fw_qh{height: 96px;background: #fff;border:1px solid #cdd3e1;border-width: 0px 1px 1px 0}
.fw_qh li{float:left;width:33%;text-align: center;line-height: 96px;height: 96px;position: relative;background: url(../images/fw_a2.png) no-repeat right;}
.fw_qh li i{display: inline-block;height: 56px;overflow: hidden;vertical-align: top;margin:21px 22px 0 0;}
.fw_qh li i img{display: block;transition: all 0.5s}
.fw_qh li span{font-size:24px;color: #333333;font-weight: bold;transition: all 0.5s}
.fw_qh li.on{background:url(../images/fw_a3.png) no-repeat center top;}
.fw_qh li.on span{color: #fff;}
.fw_qh li.on i img{margin-top:-56px;}
.fw_qh li.on:after{width:0;height: 0;border-top:10px solid #df2913;position: absolute;left:45%;bottom:-10px;border-left:17px solid transparent;border-right:17px solid transparent;content: "";display: block;}
.fw_qh li:last-child{width:34%;}
.fw_nr{margin-top:25px;}
.fw_nr dl{background: #fff url(../images/fw_a1.png) no-repeat right bottom;overflow: hidden;}
.fw_nr dt{float:left;font-size:0;line-height: 0;width:701px;height: 506px;overflow: hidden;position: relative;}
.fw_nr dt img{width:701px;height: 506px;transition: all 0.5s}
.fw_nr dd{width: 499px;height: 506px;box-sizing: border-box;border:1px solid #e8e8e8;padding:64px 60px 0 65px;float:left;}
.fw_nr dd h4 a{display: block;height: 84px;background: url(../images/fw_z1.png) no-repeat left top;box-sizing: border-box;padding-top:22px;position: relative;line-height: 42px;font-size:32px;color: #333333;}
.fw_nr dd h4 a:after{content: "";display: block;width:60px;background: #333333;height: 1px;position: absolute;left:0;bottom:0;}
.fw_nr dd p{font-size:16px;color: #343434;line-height: 30px;padding-top:26px;height: 191px;}
.fw_nr dd em{display:block;}
.fw_nr dd em a{width:146px;height: 42px;box-sizing: border-box;border:1px solid #be000e;text-align: center;line-height: 40px;border-radius: 21px;font-size:16px;color: #b50815;float:left;transition: all 0.5s}
.fw_nr dd em a:first-child{background: url(../images/al_btn1.png) no-repeat;color: #fff;margin-right:10px;border:0;}
.fw_nr dd em a:hover{margin-top:-8px;}
.fw_nr dl dt:before{content: '';  position: absolute; left: -100%; top: 0; width:100%; height:100%;  background-image: -webkit-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0)); transform: skewx(-25deg);z-index: 9}
.fw_nr dl:hover dt:before{left:100%; -moz-transition:0.5s; -o-transition:0.5s; -webkit-transition:0.5s; transition:0.5s;}
.fw_nr dl:hover dt img{transform:scale(1.1);}

.cl_bj{background: url(../images/cl_bj.jpg) no-repeat center top;height: 622px;box-sizing: border-box;padding-top:72px;}
.cl_c .titis{height: 115px}
.cl_c .titis h2,.cl_c .titis p{color: #fff}
.cl_c .titis p{background:url(../images/cl_tt.png) no-repeat center;}
.cl_nr{height:355px;background:url(../images/cl_a3.jpg);}
.cl_nr li{float:left;width:25%;text-align: center;background: url(../images/cl_a1.png) no-repeat right;height: 355px;}
.cl_nr li i{padding-top:51px;display: block;font-size:0;line-height: 0;width:;}
.cl_nr li h4{height:58px;line-height:58px;margin-top:10px;font-size:28px;color: #fff;font-weight: bold;background: url(../images/cl_a2.png) no-repeat center bottom;}
.cl_nr li p{font-size:16px;line-height: 26px;padding-top:15px;color:rgba(255,255,255,0.9);}
.cl_nr li:hover i{animation-duration:3s;animation-name:flipInY;}


.ys_bj{background: url(../images/ys_bj.jpg) no-repeat center top;height: 889px;box-sizing: border-box;padding-top:74px;}
.yous .titis{height: 128px}
.yous .titis p{background:url(../images/ys_tt.png) no-repeat center;}
.ys_qh {float:left;width:343px;margin:100px 0 0 -8px;}
.ys_qh li{/*height: 142px;*/padding-left:48px;position: relative;margin-bottom:93px;}
.ys_qh li i{display: inline-block;height: 50px;overflow: hidden;vertical-align: top;}
.ys_qh li i img{display: block;}
.ys_qh li span{display: inline-block;padding-left:20px;}
.ys_qh li span em{display: block;font-size:24px;color: #333333;height: 30px;line-height: 30px;position: relative;transition: all 0.5s}
.ys_qh li span strong{font:12px arial;color: #b2b2b2;}
.ys_qh li:after{content: "";display: block;width:14px;height: 14px;box-sizing: border-box;border:3px solid #959595;border-radius: 50%;position: absolute;left:0;top:16px;}
.ys_qh li:before{content: "";display: block;width:2px;height: 120px;background: #959595;position: absolute;left:6px;top:34px;}
.ys_qh li:last-child:before{display: none}
.ys_qh li.on i img{margin-top:-50px;animation-duration:3s;animation-name:flipInY;}
.ys_qh li.on span em{color: #b50815;font-weight: bold;}
.ys_qh li.on span strong{color:rgba(181,8,21,0.41);}
.ys_qh li.on:after{background: #c6171e;border:0;}
.ys_qh li.on:before{background: #c6171e;}


.ys_nr{float: right;width:865px;position: relative;}
.ys_nr dt{float: right;font-size:0;line-height: 0;margin-right:-360px;}
.ys_nr dd{width:436px;height: 519px;background: url(../images/ys_n1.jpg) no-repeat;position: absolute;left:0;top:84px;border-radius:4px;box-sizing: border-box;padding:70px 36px 0 63px;}
.ys_nr dd h4{height: 43px;line-height: 43px;font-size:32px;color: #fff;}
.ys_nr dd span{display: block;font-size:26px;color:#fff;height: 54px;line-height: 44px;position: relative;margin-bottom:25px;}
.ys_nr dd span:after{content: "";display: block;width:60px;height: 2px;background:rgba(255,255,255,0.52);position: absolute;left:0;bottom:0;}
.ys_nr dd p{font-size:16px;line-height: 30px;color: #fff;margin-bottom:19px;padding-left:19px;background: url(../images/ys_a1.png) no-repeat left 14px;}
.ys_nr dd em{display: block;font-size:16px;color:#fff;margin-top:14px;text-align: right;}
.ys_nr dd em i{font-size:40px;color: #fff;font-weight: bold;margin-right:5px;display: inline-block;}

/**/
.ysbj{ height: auto; background:#fff; overflow: hidden; font-family:"Microsoft Yahei";box-sizing: border-box;  max-width: 1920px;margin:0 auto;padding-top: 77px;}
.ys{height:498px; position:relative;overflow: hidden;}
.ys .content{ height:auto;  position: relative; }
.ys dl{ height:498px; position:relative;}
.ys dt{ width:600px; height:498px;  position: relative;}
.ys dt img{ display:block;width:960px; height:498px;margin-left:-360px; }
.ys dt em{width: 120px; height: 192px; display: block; position: absolute;top:0;padding-top: 20px; text-align: center;font-weight: normal; font-size:34px;color: #fff;}
.ys dd{padding-top: 108px; width:502px; box-sizing: border-box; position: relative;}
.ys dd h3{padding-left: 60px; font:26px "Microsoft YaHei"; color:#000000;  margin-bottom: 38px; font-weight: normal;box-sizing: border-box; height: 126px;background:url(../images/yy_line.png) no-repeat left bottom; position: relative;}
.ys dd h3:after{content:'';position:absolute;height:7px;width:502px;background:url(../images/ys_line.png) no-repeat;bottom:0;left:0;}
.ys dd h3 b{color: #000000; font-size:36px;display: block; font-weight: bold;}
.ys dd h3 i{font-size: 12px; color: #000000;opacity:0.4; text-transform: uppercase; display: block; font-weight: normal;}
.ys dd p{font:16px "Microsoft YaHei"; line-height:26px; position:relative; color: #666666;padding-left: 60px; text-align: left;background:url(../images/yspico.png) no-repeat 20px 7px;margin-bottom: 18px;}
.ys dd p b{font-weight: bold; color: #c30101;}

.ys1,.ys3,.ys5{background:url(../images/ys1bg.jpg) no-repeat center top;}
.ys2,.ys4{background:url(../images/ys2bg.jpg) no-repeat center top;}
.ys2 dt img,.ys4 dt img{ margin-left:0; margin-right:-360px;}
.ys1 dt em,.ys3 dt em,.ys5 dt em{right:-60px;z-index: 1;}
.ys2 dt em,.ys4 dt em{left:-60px;z-index: 1;}

.ys1 dt em{background:url(../images/ysico1.png) no-repeat center top;}
.ys2 dt em{background:url(../images/ysico2.png) no-repeat center top;}
.ys3 dt em{background:url(../images/ysico3.png) no-repeat center top;}
.ys4 dt em{background:url(../images/ysico4.png) no-repeat center top;}
.ys5 dt em{background:url(../images/ysico5.png) no-repeat center top;}

.ys1 dd h3{background:url(../images/1.png) no-repeat left 5px;}
.ys2 dd h3{background:url(../images/2.png) no-repeat left 5px;}
.ys3 dd h3{background:url(../images/3.png) no-repeat left 5px;}
.ys4 dd h3{background:url(../images/4.png) no-repeat left 5px;}
.ys5 dd h3{background:url(../images/5.png) no-repeat left 5px;}

.ys dl img{-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
.ys dl img:hover{-webkit-transform:scale(1.01);-moz-transform:scale(1.01);-ms-transform:scale(1.01);transform:scale(1.01);}


/**/
.al_bj{background: url(../images/al_bj.jpg) no-repeat center bottom;height: 1204px;padding-top:71px;}
.anl{height: 689px}
.anl .titis{height: 119px}
.anl .titis p{background:url(../images/al_tt.png) no-repeat center;}
.al_nr{position: relative;}
.al_nr li{float:left;width:415px;margin-right:18px;height: 498px;position: relative;transition: all 0.8s;margin-bottom:30px;}
.al_nr li i{display: block;font-size:0;line-height: 0;overflow: hidden;width:415px;}
.al_nr li i img{width:415px;height: 290px;transition: all 0.5s}
.al_nr li .al_w{position: absolute;left:0;bottom:0;height: 208px;box-sizing: border-box;border:1px solid #d8d8d8;border-top:0;background: #fff;padding:16px 27px 0 23px;transition: all 0.5s;overflow: hidden;width:100%;}
.al_nr li .al_w h4 a{display: block;height: 40px;line-height: 40px;font-size:22px;color: #333333;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;font-weight: normal;transition: all 0.8s}
.al_nr li .al_w span{display: block;height:24px;padding-top:10px;line-height: 24px;color: #808080;font-size:15px;}
.al_nr li .al_w span strong{color: #333333}
.al_nr li .al_w p{line-height: 24px;color: #808080;font-size:15px;height: 80px;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;}
.al_nr li .al_w em{opacity: 0;transition: all 0.8s}
.al_nr li .al_w em a{width:150px;height: 42px;box-sizing: border-box;border:1px solid #be000e;text-align: center;line-height: 40px;border-radius: 21px;font-size:16px;color: #b50815;float:left;transition: all 0.5s}
.al_nr li .al_w em a:first-child{background:url(../images/al_btn1.png) no-repeat;color: #fff;margin-right:10px;border:0;}
.al_nr li em a:hover{margin-top:-8px;}
.al_nr li:hover .al_w{height: 276px;border:0;padding-top:27px;}
.al_nr li:hover .al_w em{opacity: 1;}
.al_nr li:hover .al_w h4 a{font-weight: bold;}
.al_nr li:hover .al_w p{text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;display: -moz-box;-moz-line-clamp: 2;-moz-box-orient: vertical;overflow-wrap: break-word;word-break: break-all;white-space: normal;overflow: hidden;height: 50px;margin-bottom:20px;}
.al_nr li:hover i img{transform: scale(1.1);}
.al_nr li:hover{box-shadow: 0 10px 20px rgba(0,0,0,0.1)}
.al_nr li:last-child{margin:0;}
.al_j1,.al_j2{position: absolute;top:201px;}
.al_j1{left:-91px;}
.al_j2{right:-71px;}


.lc_c .titis{height: 131px}
.lc_c .titis p{background:url(../images/lc_tt.png) no-repeat center;}
.lc_nr{margin-left:-9px;background: url(../images/lc_a2.png) no-repeat center 84px;height: 360px;}
.lc_nr li{float:left;text-align: center;margin-right:45px;}
.lc_nr li i{background: url(../images/lc_a1.png) no-repeat center top;width:164px;height: 165px;display: block;overflow: hidden;margin:0 auto;transition: all 0.8s;padding:12px 12px 0 13px;box-sizing:border-box;}
.lc_nr li i strong{display:block;overflow:hidden;width:139px;margin:0 auto;}
.lc_nr li i img{margin-left:-139px;}
.lc_nr li h4{font-size:22px;color: #333333;margin-top:34px;height: 32px;line-height: 32px;font-weight: normal;}
.lc_nr li em{display:block;font:13px arial;color: #959596;height:22px;line-height: 22px;text-transform: uppercase;}
.lc_nr li b{font-size:30px;color: #b5b5b5;margin-top:25px;line-height: 30px;display: block;}
.lc_nr li span{font:24px "Impact";color: #333333;padding-left:29px;background: url(../images/lc_a3.png) no-repeat left;height:29px;line-height:29px;margin-top:24px;display: block;}
.lc_nr li:hover i,.lc_nr li.cur i{background: url(../images/lc_hv.png) no-repeat center top;}
.lc_nr li:hover i img,.lc_nr li.cur i img{margin:0;transition: all 0.3s}
.lc_nr li:last-child{margin:0;}
.lc_nr li.cur h4,.lc_nr li:hover h4{color: #d12c24;font-weight:bold}
.lc_nr li.cur em,.lc_nr li:hover em,.lc_nr li:hover b{color: #e09795}
.lc_nr li.cur i{-webkit-transition: all 0.5s;-moz-transition:all 0.5s;-ms-transition: all 0.5s;-o-transition:all 0.5s;transition: all 0.5s;-webkit-animation: abdY 1.5s infinite;-moz-animation: abdY 1.5s infinite;-o-animation: abdY 1.5s infinite;-ms-animation: abdY 1.5s infinite;animation: abdY 1.5s infinite;}
@keyframes abdY {
    0%,
    100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-12px);
    }
}


.news{height: 821px;padding-top:72px;width:1280px;margin:0 auto;}
.news .titis{height: 119px}
.news .titis p{background:url(../images/ns_tt.png) no-repeat center;}
.dongt{width: 413px;padding:32px 35px 0;background:#f5f5f5 url(../images/ns_a1.jpg) no-repeat center top;float:left;position: relative;height:590px;}
.dongt .tit{height: 90px;overflow: hidden;}
.dongt .tit h3 a{display: block;height: 39px;line-height: 39px;font-size:28px;color: #fff;font-weight: normal;}
.dongt .tit h3 em{display: block;font:14px arial;color: #fff;}
/*.dongt .tit i{display: block;width:38px;height: 38px;background:#3d4250;margin-top:8px;float: right;border-radius: 50%;text-align: center;overflow: hidden;}*/
.dongt .tit i a{font-size:30px;font-weight: bold;color: #fff;display: block;width:38px;height: 38px;background:#3d4250;margin-top:8px;float: right;border-radius: 50%;text-align: center;overflow: hidden;transition: all 0.5s;}
.dongt .tit i img{display: block;transition: all 0.5s;}
.dongt .tit i:hover img{margin-left:-38px;}
.dongt .tit i:hover a{background: #d12c24}
.dt_nr li i{display: block;font-size:0;line-height: 0;}
.dt_nr li i img{width:413px;height: 232px}
.dt_nr li .dt_w{padding-top:39px;}
.dt_nr li .dt_w em{float:left;width:86px;height: 193px;border-right:1px solid #bebebe;font-size:32px;color: #333333;font-weight: bold;}
.dt_nr li .dt_w p{float: right;width:298px;}
.dt_nr li .dt_w p a{display: block;font-size:20px;color: #333333;line-height: 28px;}
.dt_nr li .dt_w span{display: block;font-size:14px;color: #a0a0a0;line-height: 26px;padding-top:11px;}
.dt_qh{position: absolute;right:35px;top:571px;}
.dt_qh li{float:left;width:12px;height: 12px;border-radius: 50%;background: #cccccc;margin-left:11px;}
.dt_qh li.on{background: #d12c24}
.dt_nr li .dt_w p a:hover,.wt_nr li h4 a:hover,.ns_b li h4 a:hover{color:#d12c24;}

.ns_fr{float: right;width:776px;}
.went{height: 301px;background: #f5f5f5;padding:32px 34px 0 41px;margin-bottom:19px;box-sizing: border-box;}
.went .tit{height: 90px;overflow: hidden;}
.went .tit h3 a{display: block;height: 39px;line-height: 39px;font-size:28px;color: #went;font-weight: normal;}
.went .tit h3 em{display: block;font:14px arial;color: #999999;}
.went .tit i a{font-size:30px;font-weight: bold;color: #fff;display: block;width:38px;height: 38px;background:#3d4250;margin-top:8px;float: right;border-radius: 50%;text-align: center;overflow: hidden;transition: all 0.5s;}
.went .tit i img{display: block;transition: all 0.5s;}
.went .tit i:hover img{margin-left:-38px;}
.went .tit i:hover a{background: #d12c24}
.wt_nr li{float:left;width:310px;padding-right:70px;}
.wt_nr li h4 a{display: block;height:30px;line-height: 30px;font-size:18px;color: #333333;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.wt_nr li p{font-size:14px;color: #999999;line-height: 26px;padding-top:3px;height: 82px;overflow: hidden;}
.wt_nr li em{display: block;height: 25px;line-height: 25px;font-size:18px;color: #999999;position: relative;text-align: right;}
.wt_nr li em:after{content: "";display: block;width:71px;height: 1px;background: #cfcfcf;position: absolute;left:0;top:13px;}
.wt_nr li:last-child{padding:0;}

.ns_b{background: #f5f5f5;height: 301px;padding:5px 36px 0 40px;box-sizing: border-box;}
.ns_b li{padding-top:19px;height:126px;border-bottom:1px solid #cfcfcf;float:left;margin-right:65px;width:317px;}
.ns_b li span{display: block;height: 23px;line-height: 23px;font-size:12px;color: #666666;}
.ns_b li span em{padding-right:10px;margin-right:10px;font-size:18px;color: #333333;font-weight: bold;background: url(../images/ns_a2.png) no-repeat right;line-height: 23px;}
.ns_b li h4 a{display: block;height: 27px;line-height: 27px;font-size:18px;color: #333333;font-weight: normal;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.ns_b li p{font-size:14px;color: #999999;line-height: 26px;padding-top:10px;}
.ns_b li:nth-child(2n){margin:0;}
.ns_b li:nth-child(3),.ns_b li:nth-child(4){border:0;}

.ab_bj{background:#f5f5f5 url(../images/ab_bj.jpg) no-repeat center top;height: 777px;box-sizing: border-box;padding-top:90px;}
.about{height: 273px;text-align: center;padding:0 50px;}
.about h2 a{background: url(../images/ab_z1.png) no-repeat center top;height: 66px;line-height: 66px;padding-top:16px;font-size:48px;color: #fff;display: block;}
.about p{font-size:15px;color: #fff;line-height: 26px;height: 120px;padding-top:13px;}
.about em a{display: block;width:158px;height:45px;line-height: 45px;text-align: center;margin:0 auto;background: url(../images/ab_btn1.png) no-repeat center top;font-size:16px;color:#fff;transition: all 0.5s}
.about em a:hover{margin-top:-5px;}
.zs_c{width:1200px;background: #fff;padding:0 20px;height: 371px;box-shadow: 0 10px 20px rgba(0,0,0,0.05);margin:0 auto;}
.zs_c .tit{height:57px;padding-top:28px;}
.zs_c .tit h3 a{font-size:24px;color: #333333;padding-left:70px;background: url(../images/ab_ico1.png) no-repeat left;height:48px;line-height: 48px;display: block;}
.zs_c .tit em {float: right;width:101px;height: 29px;border:2px solid #313131;line-height: 25px;box-sizing: border-box;text-align: center;font-size:16px;color: #181818;position: relative;}
.zs_c .tit em a{padding-right:21px;background: url(../images/ab_ico2.png) no-repeat right;display: inline-block;position: relative;z-index: 2}
.zs_c .tit em:after{content: "";display: block;width:0;height:100%;background: #313131;position: absolute;left:0;top:0;transition: all 0.5s}
.zs_c .tit em:hover:after{width:100%;}
.zs_c .tit em:hover a{color: #fff;background: url(../images/ab_ico2_hv.png) no-repeat right;}
.zs_nr li{float:left;width:291px;margin-right:12px;text-align: center;}
.zs_nr li i{display: block;font-size:0;line-height: 0;overflow: hidden;width:291px;}
.zs_nr li i img{width:291px;height: 218px;}
.zs_nr li span{display: block;height:49px;line-height: 49px;font-size:16px;color: #333333;}
.zs_nr li:last-child{margin:0;}

.link_bj{min-height:60px; overflow: hidden;background: #272727; }
.link{width:1200px; margin: 0 auto; height:auto; overflow: hidden;font-family:"Microsoft Yahei";}
.link h2{font-size:24px ;font-weight:bold; text-transform: uppercase; width: 250px; float: left;height: 60px; line-height: 60px;color: #ffffff;opacity: 0.5;}
.link h2 b{font-size: 18px;  font-weight: normal;background: url(../images/linkico.png) no-repeat right center;padding-right: 35px;}
.link p{  width: 950px; float: left; font-size: 16px;overflow: hidden; line-height: 60px; color:#acacac;}
.link p a{ color: #fff; font-size: 14px;opacity: 0.5; padding: 0 35px; text-align: left; }

@media screen and (max-width:1440px) and (min-width:1280px) {
    html {font-size:14px;}
  
   
}
@media screen and (max-width:1600px) and (min-width:1441px){
    html {font-size:16px;}
   
}
@media screen and (max-width:1920px) and (min-width:1601px)  {
    html {font-size:20px;}
}



@-webkit-keyframes fadeInDown1 {
    from { opacity: 0; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0) }
    to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
@keyframes fadeInDown1 {
    from { opacity: 0; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0) }
    to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
.fadeInDown1 { -webkit-animation-name: fadeInDown1; animation-name: fadeInDown1 }
@-webkit-keyframes fadeInDown2 {
    from { opacity: 0; -webkit-transform: translate3d(0, -20%, 0); transform: translate3d(0, -20%, 0) }
    to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
@keyframes fadeInDown2 {
    from { opacity: 0; -webkit-transform: translate3d(0, -20%, 0); transform: translate3d(0, -20%, 0) }
    to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
.fadeInDown2 { -webkit-animation-name: fadeInDown2; animation-name: fadeInDown2 }
@-webkit-keyframes fadeInLeft1 {
    from { -webkit-transform: translate3d(-10%, 0, 0); transform: translate3d(-10%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInLeft1 {
    from { -webkit-transform: translate3d(-10%, 0, 0); transform: translate3d(-10%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInLeft1 { -webkit-animation-name: fadeInLeft1; animation-name: fadeInLeft1 }
@-webkit-keyframes fadeInLeft2 {
    from { -webkit-transform: translate3d(-5%, 0, 0); transform: translate3d(-5%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInLeft2 {
    from { -webkit-transform: translate3d(-5%, 0, 0); transform: translate3d(-5%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInLeft2 { -webkit-animation-name: fadeInLeft2; animation-name: fadeInLeft2 }
@-webkit-keyframes fadeInRight1 {
    from { -webkit-transform: translate3d(10%, 0, 0); transform: translate3d(10%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInRight1 {
    from { -webkit-transform: translate3d(10%, 0, 0); transform: translate3d(10%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInRight1 { -webkit-animation-name: fadeInRight1; animation-name: fadeInRight1 }
@-webkit-keyframes fadeInRight2 {
    from { -webkit-transform: translate3d(5%, 0, 0); transform: translate3d(5%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInRight2 {
    from { -webkit-transform: translate3d(5%, 0, 0); transform: translate3d(5%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInRight2 { -webkit-animation-name: fadeInRight2; animation-name: fadeInRight2 }
@-webkit-keyframes zoomLeft {
    from { -webkit-transform: scale3d(0.3, .3, .3); transform: scale3d(0.3, .3, .3); opacity: 0 }
    50% { opacity: 1 }
}
@keyframes zoomLeft {
    from { -webkit-transform: scale3d(0.3, .3, .3); transform: scale3d(0.3, .3, .3); opacity: 0 }
    50% { opacity: 1 }
}
.zoomLeft { -webkit-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-animation-name: zoomLeft; animation-name: zoomLeft }
.zoomRight { -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-animation-name: zoomLeft; animation-name: zoomLeft }
@-webkit-keyframes fadeInUp1 {
    from { -webkit-transform: translate3d(0, 10%, 0); transform: translate3d(0, 10%, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInUp1 {
    from { -webkit-transform: translate3d(0, 10%, 0); transform: translate3d(0, 10%, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInUp1 { -webkit-animation-name: fadeInUp1; animation-name: fadeInUp1 }
@-webkit-keyframes fadeInUp2 {
    from { -webkit-transform: translate3d(0, 2%, 0); transform: translate3d(0, 2%, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInUp2 {
    from { -webkit-transform: translate3d(0, 2%, 0); transform: translate3d(0, 2%, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInUp2 { -webkit-animation-name: fadeInUp2; animation-name: fadeInUp2 }