@charset "utf-8";
/*banner*/
.banner{clear:both;position:relative;width:100%;height:683px;overflow:hidden;z-index: 1;top: 0;left: 0;}
.banner .hd{position:absolute;left:0;bottom:80px;width:100%;height:12px;text-align:center;z-index: 9;}
.banner .hd li{display:inline-block;*display:line;*zoom:1;margin:0 10px;width:12px;height:12px;text-indent:-9999px;cursor:pointer;background:rgba(255,255,255,.6);border-radius:8px;}
.banner .hd .on{background:#71BA2D;width: 50px;display:inline-block;*display:line;*zoom:1;margin:0 10px;height:12px;text-indent:-9999px;cursor:pointer;border-radius:6px;}
.banner .bd,.banner .bd ul{height:683px;}
.banner .bd li{position:relative;width:100%;height:683px;}
.banner .bd li a{display:block;position:absolute;left:50%;top:0;margin-left:-960px;width:1920px;height:683px;}
.banner .prev,.banner .next{position:absolute;z-index:999;top:50%;width:58px;height:58px;line-height: 58px;color: #fff;font-size: 30px;text-align: center;font-weight: normal;border: 1px solid #fff;cursor:pointer;opacity:0;transition: all 1s;}
.banner .prev{left:8%;}
.banner .next{right:8%;}
.banner:hover .prev,.banner:hover .next{opacity:1;}

/* -- 引子 -- */
.yz{height: 400px;box-sizing: border-box;background: url(../images/yzbg.jpg) no-repeat bottom center;}

.yz-top {
  width: 1300px;margin:0 auto;height:170px;position:relative; background:#fff; box-shadow: 0 10px 20px rgba(0,0,0,.05); top: -60px;margin-bottom: 30px;padding-left: 50px;padding-right: 50px;z-index: 9;
}
.yz-top dl {display: block;width: 130px;float: left;padding: 20px 0;cursor: pointer;}
.yz-top dl dd{text-align: center;color: #454545;font-size: 17px;line-height:35px;}
.yz-top dl i{display: block;width:100%;height: 60px;-webkit-transition: 0.3s all ease;transition: 0.3s all ease;}
.yz-top dl .iconfont{font-size:36px;color:#b2b2b2;text-align: center;line-height: 70px;}
.yz-top dl:hover i,.yz-top dl.cur i{background-position-y: -70px}
.yz-top dl:after{content:'';display:block;width:130px;background:#46B034;height:2px;position:absolute;opacity: 0;filter: alpha(opacity=0);-webkit-transition: 0.3s all ease;transition: 0.3s all ease;bottom: 0px;}
.yz-top dl.cur:before,.yz-top dl:hover:before{opacity: 1;filter: alpha(opacity=100);top: -5px;}
.yz-top dl.cur:after,.yz-top dl:hover:after{opacity: 1;filter: alpha(opacity=100);}
.yz-top h2 {
  float: left;
  width: 130px;
  margin-top: 40px;
  font-size: 16px;
  color: #343434;
}
.yz-top h2 i {
  font-size: 21px;
  margin-right: 10px;
  color: #46B034;
}
.yz-top ul {
  width: 340px;
  margin-top: 40px;
  float: left;
  border: px solid #f00;
}
.yz-top ul li {
  padding: 0 6px;
  line-height: 28px;
  float: left; 
}
.yz-top ul li a {
  color: #777;
}
.yz-top img {
	width: 380px;
	height: 80px;
	float: right;
  margin-left: 15px;
  margin-top: 40px;

}

.yz-list ul{}
.yz-list 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-list li:last-child{border: 0;}
.yz-list li span{display: block;height: 48px;line-height: 48px;font-size: 54px;color: #333;font-weight: bold;}
.yz-list li span i{font-family: Arial;}
.yz-list 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-list li p{font-size: 16px;color: #333;line-height: 32px;}
.yz-list li:nth-child(3) span em,.yz-list li:nth-child(4) span em{font-size: 18px;}
.yz-list li:hover{transform: translateY(-10px);}

/*标题*/
.index-title{height: 100px;width: 600px;margin: 0 auto;margin-bottom: 40px;}
.index-title span{color: #333;font-size: 18px;line-height: 42px;width: 600px;display: block;margin: 0 auto;text-align: center;}
.index-title p{text-align: center;font-size: 48px;color: #1a1a1a;letter-spacing: 3px;position: relative;}
.index-title p b{color: #1959C7;margin-left: 15px;}
.index-title p:before{content: "";position: absolute;width: 20px;height: 4px;background: #1a1a1a;left:520px;top:30px;}
.index-title p:after{content: "";position: absolute;width: 20px;height: 4px;background:#1a1a1a;right:520px;top:30px;}


.titis{overflow: hidden;text-align: center;height:113px;background: url(../images/ico1.png) no-repeat center bottom;}
.titis h2 {height:59px;line-height:59px;font-size:50px;color: #333333;font-weight:bold;}
.titis h2 a{color: #333333}
.titis p {display:block;font-size:20px;color:#333333;line-height:26px;height:26px;padding-top:3px;}

.pro-n1{padding-top:68px;height:952px;position: relative;}
.pro-z1{position: absolute;left:-173px;top:235px;}
.pro-n1 .titis{margin-bottom:49px;}
.pro-nr{position: relative;}
.pro-nr dd{float:left;width:511px;}
.pro-nr dd h4{height: 68px;line-height: 68px;}
.pro-nr dd h4 img{vertical-align: top;margin-right:17px;}
.pro-nr dd h4 a{font-size:34px;color: #1959C7;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.pro-nr dd p{font-size:16px;color: #666666;line-height: 30px;padding-top:14px;height: 105px;border-bottom: 2px solid #e5e5e5;margin-bottom: 32px;}
.pro-b1{position:absolute;left:0;top:222px;width:511px;}
.pro-b1 li{float:left;width:243px;height: 49px;border:1px solid #d6d6d6;border-radius: 0.2rem;box-sizing: border-box;line-height: 47px;margin:0 20px  13px 0;}
.pro-b1 li a{display: block;padding-left:30px;background: url(../images/pro_ico2.png) no-repeat 12px center;font-size:18px;color: #1a1a1a;}
.pro-b1 li:hover{background:url(../images/pro_a2.png) no-repeat center top;border:0;background-size:100% 49px;}
.pro-b1 li:hover a{color: #fff;background: url(../images/pro_ioc2_hv.png) no-repeat 12px center;font-weight: bold;}
.pro-b1 li:nth-child(2n){margin:0 0 13px 0;}
.pro-nr dt{font-size:0;line-height: 0;margin:8px -360px 0 0;float: right;}
.pro-nr dt img{width:956px;height: 712px;}
.pro-a1{height: 265px;background: #fff;width:810px;box-shadow: 0 0 20px rgba(0,0,0,0.12);position: absolute;left:0;top:428px;box-sizing: border-box;padding:14px 0 0 10px;}
.pro-a1 li{float:left;width:263px;margin-right:1px;overflow: hidden;}
.pro-a1 li i{display: block;font-size:0;line-height: 0;width:263px;overflow: hidden;}
.pro-a1 li i img{width:263px;height: 197px;transition: all 0.5s}
.pro-a1 li:hover i img{transform: scale(1.1);}
.pro-a1 li span{padding-right:19px;margin:0 31px 0 17px;display: block;font-size:16px;color: #595959;height: 38px;line-height: 38px;background: url(../images/pro_ico1.png) no-repeat right;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}



.pro-bj{background: url(../images/pro_n2_bj.jpg) no-repeat center bottom;overflow: hidden;box-sizing: border-box;padding-top:75px;padding-bottom: 60px;}
.pro-n2{position: relative;}
.pro-z2{position: absolute;right:-160px;top:199px;}
.pro2-nr{position: relative;margin-top:38px;height: 809px;}
.pro2-nr dd{float:right;width:511px;}
.pro2-nr dd h4{height: 68px;line-height: 68px;}
.pro2-nr dd h4 img{vertical-align: top;margin-right:17px;}
.pro2-nr dd h4 a{font-size:34px;color: #1959C7;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.pro2-nr dd p{font-size:16px;color: #666666;line-height: 30px;padding-top:14px;height: 105px;border-bottom: 2px solid #e5e5e5;margin-bottom: 32px;}
.pro-b2{position:absolute;right:0;top:222px;width:511px;}
.pro-b2 li{float:left;width:210px;height: 49px;border:1px solid #d6d6d6;border-radius: 0.2rem;box-sizing: border-box;line-height: 47px;margin:0 46px 13px 0;}
.pro-b2 li a{display: block;padding-left:41px;background: url(../images/pro_ico2.png) no-repeat 19px center;font-size:18px;color: #1a1a1a;}
.pro-b2 li:hover{background:url(../images/pro_a2.png) no-repeat center top;border:0;}
.pro-b2 li:hover a{color: #fff;background: url(../images/pro_ioc2_hv.png) no-repeat 19px center;font-weight: bold;}
.pro-b2 li:nth-child(2n){margin:0 0 13px 0;}
.pro2-nr dt{font-size:0;line-height: 0;margin:8px 0 0 -360px;float: left;}
.pro2-nr dt img{width:965px;height: 728px;}
.pro-a2{height: 265px;background: #fff;width:810px;box-shadow: 0 0 20px rgba(0,0,0,0.12);position: absolute;right:0;top:435px;box-sizing: border-box;padding:14px 0 0 10px;}
.pro-a2 li{float:left;width:263px;margin-right:1px;overflow: hidden;}
.pro-a2 li img{width:263px;height: 197px;transition: all 0.5s;background: url(../images/product-bg.jpg) no-repeat; background-size:100% 100%;}
.pro-a2 li:hover img{transform: scale(1.1);}
.pro-a2 li span{font-size:16px;color: #595959;height: 38px;line-height: 38px;padding-left: 18px;}
.pro-a2 li i{float: right;height: 38px;line-height: 38px;font-size:38px;}
.pro-a2 li:hover i{color: #1959C7;font-weight: bold;}

.pro-l{width:1246px;height: 258px;background: url(../images/pro_fl.png) no-repeat center top;margin:0 auto;}
.pro-l h3{float:left;width:229px;text-align: center;padding-top:90px;height: 258px;box-sizing: border-box;font-size:14px;color: #fff;text-transform: uppercase;}
.pro-l h3 a{color: #fff;font-weight: normal;}
.pro-l h3 span{display: block;font-size:24px;font-weight: bold;height: 34px;line-height: 34px;}
.pro-l ul{float:left;width:920px;padding-left:26px;}
.pro-l li{border-bottom: 1px dashed #d1d1d1;padding:25px 0px;float: left;margin-left: 2%;font-size: 18px;font-weight: bold;width: 46%;margin-right: 2%;text-align: center;letter-spacing: 4px;}
.pro-l li a:hover {color: #1959C7;}

.pro-list {margin-top: 50px;}
.pro-list li{float: left;width: 380px;height: 285px;overflow: hidden;position: relative;margin: 10px;}
.pro-list li img{display: block;width: 380px;height: 285px;transition: all 0.5s;background: url(../images/product-bg.jpg) no-repeat; background-size:100% 100%;}
.pro-list li h4{position: absolute;width: 100%;left: 0;bottom: 0;transition: all 0.5s;text-align: center;height: 60px;font-weight: normal;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;line-height: 60px;font-size: 16px;color: #fff;background: rgba(0,0,0,0.5);}
.pro-list li em{position: absolute;transition: all 0.5s;width: 100%;left: 0;top: -100%;height: 100%;padding-top: 162px;font-size: 16px;line-height: 16px;color: #fff;text-align: center;box-sizing: border-box;background: url(../images/pro_lk.png) no-repeat center 82px rgba(0,0,0,0.5);}
.pro-list li:hover h4{bottom: -60px;}
.pro-list li:hover em{top: 0;}
.pro-list li:hover img{transform: scale(1.05);}


/*.pro-l li em{float:left;width:145px;background: url(../images/pro_x.jpg) no-repeat right;font-size:20px;color: #333333;font-weight: bold;}
.pro-l li em a{color: #333}
.pro-l li span{float: right;width:760px;}
.pro-l li span a{font-size:15px;color: #333333;padding-left:12px;background: url(../images/pro_a4.png) no-repeat left center;line-height: 33px;height: 33px;width:105px;display: block;float:left;}
.pro-l li span a:hover{color: #1959C7}
.pro-l li:first-child span a{width:167px;}
.pro-l li:nth-child(2) span a:nth-child(5){width:160px;}
.pro-l li:last-child{border:0;}
*/


.lc-adv{padding-top:93px;height: 758px;overflow: hidden;}
.lc-adv .tit{height: 85px;}
.lc-adv .tit h2{height: 53px;line-height: 53px;font-size:40px;color: #333333;}
.lc-adv .tit p{font-size:20px;color: #333333;height: 28px;line-height: 28px;}
.lc_adv .tit em a{float: right;width:77px;height: 77px;text-align: center;border:2px solid #333333;font-size:16px;color: #333333;font-weight: bold;display: flex;justify-content:center;align-items:center;border-radius: 50%;box-sizing: border-box;padding-top:5px;}
.lc-adv-t{font-size:0;line-height: 0;}
.lc-adv-l{background: url(../images/adv-a1.png) no-repeat center top;height: 346px;margin-top:-53px;position: relative;z-index: 2}
.lc-adv-l li{float:left;width:200px;text-align: center;}
.lc-adv-l li i{width:97px;height: 97px;overflow: hidden;font-size:0;line-height: 0;position: relative;display: block;margin:0 auto;}
.lc-adv-l li i img{position: absolute;left:0;top:0;transition: all 0.5s}
.lc-adv-l li i img:first-child{z-index: 2;transform: scale(1);}
.lc-adv-l li i img:last-child{z-index:1;transform: scale(0);}
.lc-adv-l li span{display: block;height:30px;line-height: 30px;margin-top:10px;font-size:20px;color: #333333;transition: all 0.5s}
.lc-adv-l li p{font-size:16px;color: #333333;line-height: 24px;padding:4px 0 0;opacity: 0;transition: all 0.5s}
.lc-adv-l li:hover i img:first-child,.lc-adv-l li.cur i img:first-child{z-index: 1;transform: scale(0);}
.lc-adv-l li:hover i img:last-child,.lc-adv-l li.cur i img:last-child{z-index: 2;transform: scale(1);}
.lc-adv-l li:hover p,.lc-adv-l li.cur p{opacity: 1;}
.lc-adv-l li:hover span,.lc-adv-l li.cur span{font-weight: bold;}
.lc-adv-l li:nth-child(2){margin-top:49px;}
.lc-adv-l li:nth-child(3){margin-top:78px;}
.lc-adv-l li:nth-child(4){margin-top:88px;}
.lc-adv-l li:nth-child(5){margin-top:59px;}




/* --product--*/
.product{padding: 90px 0 90px 0;overflow: hidden;/*background: #f7f7f7;*/}
.white,.whites{position: relative;overflow: hidden;}
.white:after,.whites:after{content: '';cursor: pointer;position: absolute;left: -100%;top: 0;width:100%;height:100%;background-image: -moz-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0));background-image: -webkit-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0));transform: skewx(-25deg);}
.white:hover:after{left:100%;-moz-transition:1s;-o-transition:1s;-webkit-transition:1s;transition:1s;}

@-webkit-keyframes fadeInUp{from{opacity: 0;-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);}
to{opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}}
@keyframes fadeInUp{from{opacity: 0;-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);}
to{opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}}
/*product-nav*/
.product-nav{width: 280px;overflow: hidden;}
.product-nav dl {background: url(../images/product-nav-titlebg.jpg) no-repeat;height: 160px;color: #fff;text-align: center;}
.product-nav dl dt {font-weight: bold;font-size: 32px;padding-top: 45px;letter-spacing: 4px;}
.product-nav h3 {line-height: 60px;height: 60px;background: #EDEDED;font-size: 19px;color: #666;margin-top: 10px;padding: 0 20px;font-weight: lighter;}
.product-nav h3 em {float: right;font-weight: lighter;}
.product-nav h3 em:before {font-family:"iconfont" !important;font-size: 16px;content: "\eaf3";color: #666;}
.product-nav .on {background: #3A53A7;color: #fff;}
.product-nav .on em:before {font-family:"iconfont" !important;font-size: 16px;content: "\eaf5";color: #fff;}
.product-nav ul {padding: 15px 20px 25px; background: #f5f5f5;}
.product-nav li {line-height: 45px;height: 45px;border-bottom: 1px dashed #ccc;padding: 0 15px;}
.product-nav li a {color: #666;}
.product-nav li a:hover {color: #0F316E;}

.product-list { width: 890px;overflow: hidden;}
.product-list li a { display:block;}
.product-list li { float:left; width:270px; margin-right:10px; margin-left: 10px;margin-top: 8px; text-align:left;box-shadow: 0 0 3px rgba(0,0,0,0.15); margin-bottom:20px; position:relative;}
.product-list li b { display:block; width:270px; height:270px; overflow:hidden; position:relative;background: #EFF2F7;}
.product-list li b img { display:block;width:270px;height:270px;transition: all .36s ease;}
.product-list li:hover b img { -webkit-transform: scale(1.08); -ms-transform: scale(1.08); transform: scale(1.08);}
.product-list li b i { display:block; width:100%; height:100%; background:rgba(15,50,110,.55);position: absolute;  left: 0px; top:0px;z-index: 1; opacity: 0; visibility: hidden;transition: all .36s ease;transform: translate3d(0, 10px, 0); -moz-transform: translate3d(0, 10px, 0); -webkit-transform: translate3d(0, 10px, 0);}
.product-list li:hover b i { opacity: 1; visibility: visible; transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0);}
.product-list li b s { display:block; width:54px; height:54px; background:url(../images/s-ico.png) no-repeat;position: absolute;  left:50%; top:50%; z-index:2;opacity: 0; visibility: hidden;transition: all .36s ease;transform: translate3d(0, 10px, 0); -moz-transform: translate3d(0, 10px, 0); -webkit-transform: translate3d(0, 10px, 0); margin-left:-27px; margin-top:-27px;}
.product-list li:hover b s { opacity: 1; visibility: visible; transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0);}
.product-list li:hover {box-shadow: 0px 3px 6px rgba(0,0,0,0.15); }
.product-list li p { font-size:20px; color:#222; line-height:68px; padding-left:20px;transition: all .36s ease;}
.product-list li em { display:block; width:54px; height:27px; background:url(../images/em-ico.png) no-repeat; position:absolute; right:14px; bottom:19px;transition: all .36s ease;}
.product-list li:hover p { padding-left:16px; color:#0F316E;}
.product-list li:hover em { right:10px;}

.product-list .hd {position:relative;z-index: 9;left: 735px;top:330px;height: 20px;}
.product-list .hd li {width: 12px;height: 12px;line-height: 12px;text-align:center;color: #A7BDE5;background: #A7BDE5;float: left;display: block;border-radius: 6px;font-size: 6px;margin-left: 1px;}
.product-list .hd .on {color: #F0050F;background: #F0050F;}
.product-list .bd li {float: left;width:885px;height: 328px;box-shadow: none;}
.product-list .bd li img {width: 328px;height: 328px;background: #EFF2F7;transition: all .36s ease;}
.product-list .bd li:hover img { -webkit-transform: scale(1.08); -ms-transform: scale(1.08); transform: scale(1.08);}
.product-list .bd dl {width: 530px;margin-top: 0px;}
.product-list .bd dl dt {font-size: 21px;font-weight: bold;line-height: 42px;}
.product-list .bd dl dt a {color: #1a1a1a;}
.product-list .bd dl dd p {line-height: 28px; color: #666;margin-bottom: 20px;font-size:14px;}
.product-list .bd dl dd a {color: #fff;display: inline-block;width: 150px;line-height: 42px;text-align:center;transition: all .36s ease;}
.product-list .bd dl dd a:hover {box-shadow: 0 0 6px rgba(0,0,0,0.15);}
.product-list .bd .blue {background: #3A53A7;}
.product-list .bd .red {background: #F0050F;margin-left: 20px;}
/**/
.lc{background:url(../images/lgbg.png) no-repeat center bottom;padding:80px 0;box-sizing: border-box;overflow: hidden;}
/*.lc .index-title span{color: #fff;}
.lc .index-title p{color: #fff;}
.lc .index-title p b{color: #fff;}
.lc .index-title p:before{background: #fff;}
.lc .index-title p:after{background:#fff;}*/
.lc .lc-ico{width: 75.3%;height:413px;margin:0 auto;position: relative;padding-top:31px;box-sizing: border-box;}
.lc .lc-ico ul li{width:575px;height:85px;margin-bottom: 89px;}
.lc .lc-ico ul li i{display: block;width:84px;height:74px;overflow: hidden;}
.lc .lc-ico ul li i img{height: 74px;transition: .5s;}
.lc .lc-ico ul li h4{padding-top:3px;}
.lc .lc-ico ul li h4 span{display: block;height:41px;line-height: 41px;font-size: 28px;color:#ffffff;font-weight: bold;}
.lc .lc-ico ul li h4 p{height:33PX;line-height: 33px;font-size: 17px;color:rgba(255,255,255,0.66);font-weight: normal;}
.lc .lc-ico ul li.odd{float:left;}
.lc .lc-ico ul li.even{float:right;}
.lc .lc-ico ul li.odd i{float:left;margin-right: 21px;}
.lc .lc-ico ul li.even i{float:right;margin-left: 21px;}
.lc .lc-ico ul li.odd h4{float:left;}
.lc .lc-ico ul li.even h4{float:right;text-align: right;}
.lc .lc-ico ul li:hover i img{margin-left:-84px;}
.lc .lc-ico .lc-img{width:562px;position: absolute;left:446px;top:0;}
.lc .lc-ico .lc-img i{display: block;width:530px;height:432px;margin:0 auto;line-height: 0;overflow: hidden;}
.lc .lc-ico .lc-img i img{width:100%;}

/*partner*/
.partner {color: #000;}
.partner span {text-align: center;font-size: 42px;font-weight: bold;color: #000;width: 600px;margin: 20px auto;display: block;letter-spacing: 4px;}
.partner p {text-align: center;margin-bottom: 30px;font-size: 16px;}
.partner .hd {position: absolute;width: 1200px;display: block;}
.partner .bd {width: 1080px;margin: 0px auto;}
.partner .bd li {float: left; width: 243px;border: 2px solid #EAEAEA;margin-left:10px;margin-right: 10px;background: #fff;}
.partner .bd li img {width: 243px;height: 120px;}
.partner .prev,.partner .next{position:relative;z-index:999;top:40px;width:58px;height:58px;line-height: 58px;color: #EAEAEA;font-size: 26px;text-align: center;font-weight: normal;border: 1px solid #EAEAEA;cursor:pointer;padding: 5px;}
.partner .next{left:1160px;}
.partner .prev{right:50px;}

/* advantage*/
.advantage {padding: 0px 0;overflow: hidden;}
.advantage .index-title {width: 800px;}
.advantage .index-title p:before{left:750px;}
.advantage .index-title p:after{right:750px;}
.advantage .dl1 {background: url(../images/dl1bg.jpg) no-repeat;width: 100%;height: 580px;}
.advantage .dl1 dl{ width:535px;float: right;margin-top: 60px;}
.advantage .dl1 dl dd h3{ height:135px; overflow:hidden; background:url(../images/ys_line.png) repeat-x center bottom; margin-bottom:28px;}
.advantage .dl1 dl dd h3 span{ display:block; width:425px; float:left;font-size: 32px; color:#333;margin-left: 22px;}
.advantage .dl1 dl dd h3 span i{ display:block; font-weight:bold; color:#0050b3;}
.advantage .dl1 dl dd p{ font-size: 16px; line-height:24px; color:#666; padding-left:24px; margin-top:10px;}
.advantage .dl1 dl dt img{ display:block; margin-top:38px;}

.advantage .dl2 {background: url(../images/dl2bg.jpg) no-repeat bottom;width: 100%;height: 720px;}
.advantage .dl2 dl{ width:535px;float: left;margin-top: 60px;}
.advantage .dl2 dl dd h3{ height:135px; overflow:hidden; background:url(../images/ys_line.png) repeat-x center bottom; margin-bottom:28px;}
.advantage .dl2 dl dd h3 span{ display:block; width:425px; float:left;font-size: 32px; color:#333;margin-left: 22px;}
.advantage .dl2 dl dd h3 span i{ display:block; font-weight:bold; color:#0050b3;}
.advantage .dl2 dl dd p{ font-size: 16px; line-height:24px; color:#666; padding-left:24px; margin-top:10px;}
.advantage .dl2 dl dt img{ display:block; margin-top:38px;}

/**/
.casebg{padding-top:60px;overflow: hidden;border: px solid #f00;height: 820px;}
.case-title {text-align: center; margin-bottom: 30px;overflow: hidden;margin-top: 30px;}
.case-title span{display: inline-block; height:68px; line-height: 68px;font-size: 50px; color:#1a1a1a;padding:0 41px;position: relative; font-weight: bold;}
.case-title span:before{width:15px; height:20px; background:url(../images/tit-left.png) no-repeat center; content:""; position: absolute; left:0;top:26px;}
.case-title span:after{width:15px; height:20px; background:url(../images/tit-rig.png) no-repeat center; content:""; position: absolute; right:0;top:26px;}
.case-title em{display: block; height:44px; line-height: 44px;font-size: 24px; color:#1a1a1a;font-weight: normal;letter-spacing: 6px;}
.case-tt{height: 104px;overflow: hidden;padding-top:32px;}
.case-tt li{display: inline-block;font-size: 18px;line-height: 48px;border: 1px solid #eaeaea;text-align: center;padding: 0 20px;}
.case-tt li i{display:inline-block;font-size: 24px;width:48px;overflow: hidden;height:48px;vertical-align:bottom;transition: all 0.5s;margin-left: 10px;}
.case-tt li:hover i {color: #1959C7;}
.case-tt li a:hover {color: #1959C7;font-weight: bold;}
.case-tt li:last-child{}
.case-l{float:left;width:600px;padding-bottom: 20px}
.case-l dl{margin-bottom:20px;position:relative;}
.case-l dt{font-size:0;line-height: 0;width:600px;overflow: hidden;}
.case-l dt img{width:600px;height: 450px;transition: all 0.5s}
.case-l dd{height:161px;background:rgba(0,0,0,0.6);box-shadow:0 0 20px rgba(76,79,86,0.1);padding:20px 90px 0 37px;box-sizing: border-box;position:absolute;left:0;bottom:0;width: 600px;}
.case-l dd h4 a{display: block;height: 53px;line-height: 43px;position: relative;font-size:22px;color: #fff;}
.case-l dd h4 a:after{content: "";display: block;width:31px;height: 2px;background: #dddddd;position: absolute;left:0;bottom:0;}
.case-l dd p{font-size: 14px;color: #fff;line-height: 30px;}
.case-l dd p a{height: 30px;line-height: 30px;font-size:14px;color: #fff;position: relative;transition: all 0.5s;padding:0 15px;background:#1959C7;margin-left: 20px;}
.case-l dd p a:after{content:"";display: block;width:0;height: 30px;background: #d9323e;position: absolute;left:0;top:0;transition: all 0.5s}
.case-l dl dd em a:hover:after{width:100%;}
.case-l dl dd em a:hover{color: #fff;}
.case-l dl:hover dt img{transform: scale(1.1);}
.case-r{float:right;width:580px;position: relative;}
.case-r li{height: 180px;position: relative;width: 240px;float: left;overflow: hidden;margin-left: 10px;margin-right: 10px;margin-top: 20px;margin-bottom: 20px;}
.case-r li i{display: block;font-size:0;line-height: 0;width:381px;overflow: hidden;}
.case-r li i img{width: 240px;height:180px;transition: all 0.5s}
.case-r li:hover i img{transform: scale(1.1);}
.case-r li .case-r-info{position:absolute;left:0;bottom:0;left:0;bottom:0;height:48px;background:rgba(0,0,0,0.5);width:100%;}
.case-r li h4{display: block;padding:13px 13px 0;height: 25px;line-height: 25px;font-size:16px;color: #fff;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
/*.case-r li p{font-size:14px;color: #fff;padding:4px 13px 0;line-height: 21px;}*/
/*.case-r li.on a:after{position: absolute;width: 381px;height: 214px;content: "";background: url(../images/case-c.png) no-repeat center rgba(0,0,0,0.55);left: 0;top: 0;}*/
.case-r .prev,.case-r .next{position: absolute;right:0px;cursor: pointer;width: 40px;height: 40px;color: #fff;line-height: 40px;text-align: center;font-size: 24px;right: 29px;}
.case-r .prev{top:20px;background: #1959C7;}
.case-r .next{top:60px;background: #A8A8A8;}
.case-r .prevStop,.case-r .nextStop{cursor: no-drop;}

/**/
.newsbg{background: #f7f7f7;height: 800px;box-sizing: border-box;padding-top:75px;}
.news{padding-top:17px;overflow: hidden;}

.news-tit{height:45px;line-height:100%;border-bottom:1px solid #dbdbdb;box-sizing: border-box;}
.news-tit span a {font-size:14px;color: #fff; text-transform: uppercase;padding:8px;background:#019245;float: right;}
.news-tit i{ font-size: 24px;color: #1a1a1a;margin-right: 6px;float: left;}
.news-tit h2{font-size: 24px;font-weight: bold;width: 300px;float: left;}
.news-tit a {color: #1a1a1a;}
.news-tit h2 em {font-size: 12px;text-transform: uppercase;color: #999;margin-left: 10px;font-weight: lighter;}
.news-l{float:left;width:576px;}
.news-info{height:206px;border-bottom: 1px solid #dbdbdb;margin-bottom: 18px;position: relative;}
.news-info dl{height:206px;}
.news-info dl dt{float: left;width: 238px;height: 179px;margin-top: 15px;margin-right: 15px;}
.news-info dl dt img {width: 100%;}
.news-info dl dd {float: right;width: 310px;margin-top: 25px;}
.news-info dl dd h4 {display: block;margin-top:24px;height: 26px;line-height: 26px;font-size:18px;color: #333;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;width:433px;font-weight: normal;}
.news-info dl dd h4 em {
    padding: 0 8px;
    background: #1959C7;
    color: #fff;
    display: inline-block;
    line-height: 26px;
    margin-right: 5px;
    vertical-align: top;
}
.news-info dl dd p{font-size:14px;color: #666;line-height: 22px;padding-top:14px;}

.news-info ul {margin-top: 20px;}
.news-info ul li{height: 32px;line-height: 32px;text-overflow:ellipsis;white-space: nowrap;margin-bottom: 10px;}
.news-info ul li a{font-size:16px;color: #333333;height: 32px;line-height: 32px;;}
.news-info ul li em{float: right;font:12px arial;color: #666;line-height: 32px;}
.news-info ul li i {float: left;font-size: 14px;line-height: 32px;margin-right: 10px;}

.news-r{float: right;width:570px;}
.news-r-list {margin-top:15px;}
.news-r-list li{border-bottom:1px solid #dbdbdb;margin-bottom:27px;height:112px;}
.news-r-list li a{font-size:18px;color: #333333;overflow: hidden;line-height: 36px;display:inline-block;}
.news-r-list li p{font-size:16px;color:#666;line-height:36px;}
.news-r-list li em{float: right;font:12px arial;color: #666;line-height: 36px;}
.news-r-list li a:hover{ color: #1b46b8;font-weight:bold;}
.news-r-list li i {width: 36px;height: 36px;color: #fff;text-align: center;line-height: 36px;background: #1959C7;display: block;float: left;margin-right: 10px;}
.news-r-list li p i {background: #019245;}

/*关于我们*/
.about{background: url(../images/aboutbg.jpg) no-repeat center 0; height:900px; overflow: hidden;}
.about-l{ overflow: hidden; width: 462px; padding-top: 237px; height: 614px; position: relative; margin-bottom: 59px;}
.about-l h3{ overflow: hidden; height: 130px; line-height: 100%;font-size: 60px;font-family:Impact;letter-spacing: 4px;margin-top: 20px;}
.about-l a {color: #fff;}
.about-l h3 span{ display: block; line-height: 100%; color: #fff; font-size: 24px; padding-top: 17px;font-weight: lighter;letter-spacing: 4px;}
.about-l .about-img{ font-size: 0; line-height: 0; overflow: hidden; margin-bottom: 43px; }
.about-l p{ font-size: 16px; line-height: 29px; color: #fff;width: 400px;}
.about .about-more{ position: absolute; right: 2px; bottom: 0;}
.about .about-more a{ display: inline-block; height: 50px; line-height: 50px; background: #019245; width: 160px; transition: all 0.2s; text-align: center; color: #fff; font-size: 14px;}
.about .about-more a:hover{ width: 180px; letter-spacing: 3px;}

.about-r{ width: 737px; margin-top: 766px;}
.about-r p{ float: right;}
.about-r p em{ float: left; font-size: 12px; color: #b4b4b4; line-height: 100%; position: relative;}
.about-r p em:before{ position: absolute; content: ""; height: 2px; background: #019245; width: 0; left: 60%; top: 83px; transition: all 0.2s;}
.about-r p em span{ display: block; line-height: 100%; color: #b4b4b4; text-transform: uppercase;}
.about-r p em a{ display: block;padding-left: 59px; margin-left: 79px;}
.about-r p em i{ display: block; line-height: 100%; color: #262626; font-size: 24px; padding-bottom: 8px;}
.about-r p em:nth-of-type(1) a{background: url(../images/about-r1.png) no-repeat 0 2px; padding-left: 69px;}
.about-r p em:nth-of-type(2) a{background: url(../images/about-r2.png) no-repeat 0 2px;}
.about-r p em:nth-of-type(3) a{background: url(../images/about-r3.png) no-repeat 0 2px;}
.about-r p em:hover:before{    width: 104px;}

.about-list {color: #000;margin-bottom: 60px;}
.about-list .hd {position: absolute;width: 1200px;display: block;}
.about-list .bd {width: 1080px;margin: 0px auto;}
.about-list .bd li {float: left; width: 243px;border: 2px solid #EAEAEA;margin-left:10px;margin-right: 10px;background: #fff;}
.about-list .bd li img {width: 243px;height: 182px;}
.about-list .prev,.about-list .next{position:relative;z-index:999;top:60px;width:58px;height:58px;line-height: 58px;color: #EAEAEA;font-size: 26px;text-align: center;font-weight: normal;border: 1px solid #EAEAEA;cursor:pointer;padding: 5px;}
.about-list .next{left:1160px;}
.about-list .prev{right:50px;}

@-webkit-keyframes shake {
0%, 100% {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform:translate3d(-10px, 0, 0);
transform:translate3d(-10px, 0, 0)
}
20%, 40%, 60%, 80% {
-webkit-transform:translate3d(10px, 0, 0);
transform:translate3d(10px, 0, 0)
}
}
@keyframes shake {
0%, 100% {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform:translate3d(-10px, 0, 0);
transform:translate3d(-10px, 0, 0)
}
20%, 40%, 60%, 80% {
-webkit-transform:translate3d(10px, 0, 0);
transform:translate3d(10px, 0, 0)
}
}
.shake {
  -webkit-animation-name: shake;
  animation-name: shake
}

/*新闻资讯*/



/* 友情链接*/
.link{overflow: hidden;background: #1b252f;border-top:1px solid #56565b;}
.link b{display: block;float: left;font-size: 18px;color: #666;width: 130px;line-height: 26px; padding:10px 0 0;font-weight: normal;text-align: center;}
.link b i{display: block; font-family:Arial, Helvetica, sans-serif;text-transform: uppercase;color: #666;}
.link p{font-size: 14px;color: #666;float: left;width: 1070px;height: 76px;line-height: 66px;overflow: hidden;}
.link p a{font-size: 14px;color: #666; padding:0 0 0 20px;}
/*图标抖动*/
@-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);}}