/*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(0,0,0,.6);border-radius:8px;}
.banner .hd .on{background:#E70012;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: 658px;box-sizing: border-box;background: url(../image/yzbg.jpg) no-repeat bottom center;}

.yz-top {
  width: 1300px;margin:0 auto;height:170px;position:relative; background:#1F1A17; box-shadow: 0 10px 20px rgba(0,0,0,.05); top: -60px;margin-bottom: 10px;padding-left: 50px;padding-right: 50px;z-index: 9;border-radius: 18px;}
.yz-top dl {display: block;width: 130px;float: left;padding: 20px 0;cursor: pointer;}
.yz-top dl dd{text-align: center;color: #fff;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;margin-top: 10px;}
.yz-top dl .iconfont{font-size:36px;color:#fff;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:#E70012;height:180px;position:absolute;opacity: 0;filter: alpha(opacity=0);-webkit-transition: 0.3s all ease;transition: 0.3s all ease;bottom: 0px;z-index: -1;}
.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-left: 15px;
  margin-top: 40px;
  font-size: 16px;
  color: #fff;
  background: #1F1A17;
}
.yz-top h2 i {
  font-size: 21px;
  margin-right: 10px;
  color: #E70012;
}
.yz-top ul {
  width: 340px;
  margin-top: 40px;
  float: left;
}
.yz-top ul li {
  padding: 0 6px;
  margin-bottom: 10px;
  float: left; 
}
.yz-top ul li a {
  color: #fff;
  font-size: 16px;
}

.yz form {
  float: right;
  border: none;
  line-height: 42px;
  height: 42px;
  margin-top: 60px;
}
.yz form input {
  border:none;
  width: 260px;
  padding-left: 25px;
  line-height: 42px;
  height: 42px;
  font-size: 14px;
  vertical-align:top;
}
.yz form button {
  border:none;
  background: #E70012;
  line-height: 42px;
  height: 42px;
  text-align: center;
  width: 60px;
  vertical-align:top;
  outline: none;
}
.yz form button i {
  color: #fff;
  font-size: 21px;
}

.yz h2 {height:112px;margin-bottom: 15px;text-align: center;}
.yz .tit{background: url(../image/t_1.png) no-repeat bottom;}
.yz h2 em{font-size:42px;color:#333333;display: block;line-height:42px;font-weight: bold;position: relative;}
.yz h2 em::after{height:8px;width:8px;display: block;content: "";background: url(http://sdhrjsj.com/template/sdhrjsj.com/images/dian.png) no-repeat;position: absolute;left:42.6%;top: 20px;}
.yz h2 span{font-size:24px;color:#000000;display: block;line-height:24px;font-weight: normal;padding-top:11px;}
.yz p{font-size: 15px;line-height:28px;color:#333333;display: block;text-align: center;margin-bottom: 60px;}


.yz-list ul{}
.yz-list li{float: left;width: 25%;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: 72px;line-height: 72px;font-size: 72px;color: #333;font-weight: bold;}
.yz-list li span i{font-family: Arial;}
.yz-list li span em{display: inline-block;width: 38px;height: 38px;line-height: 38px;text-align: center;font-size: 20px;color: #fff;border-radius: 50%; background: linear-gradient(122deg, #e70012, #bc0816);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: #E70012;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(http://sdhrjsj.com/template/sdhrjsj.com/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;}

/* -- 产品中心 -- */
.cpt{/*height:1092px;*/background: url(http://sdhrjsj.com/template/sdhrjsj.com/images/cpt_bg.jpg) no-repeat center;overflow: hidden;}
.cpt h2{text-align: center;padding-top:92px;height:130px;margin-bottom:61px;background: url(../image/t_1.png) no-repeat bottom;margin-bottom: 33px;}
.cpt h2 em{font-size:48px;color:#333333;display: block;line-height:48px;font-weight: bold;}
.cpt h2 span{font-size:24px;color:#000000;display: block;line-height:24px;font-weight: normal;padding-top:15px;}




.tit ul{height:140px;}
.tit li{height:140px;float: left;width:280px;background: url(../image/i_bg.png) no-repeat center;margin: 0 10px;}
.tit li span,.tit li span i{width: 65px;height:65px;float: left;font-family: "Impact";}
.tit li a{color: #333333;font-size: 24px;font-weight: normal;}
.tit li.cur {color:#ffffff;background: url(../image/c_bg.png) no-repeat center;}
.tit li:hover{background: url(../image/c_bg.png) no-repeat center;}
.tit li:hover p{color: #ffffff;font-weight: bold;}
.tit li.cur p{color: #ffffff;font-weight: bold;}
.tit li span{width: 65px;height:65px;display: block;position: relative;overflow: hidden;margin:31px 30px 0 30px;}
.tit li p{font-size: 26px;color: #333333;display: block;line-height: 34px;float: left;padding-top: 30px;width: 130px;}
.tit li:last-child{margin-right: 0;}

.tit li span i{width:65px;height: 65px;position: absolute;display: block;top:0;left:0;font-size: 65px;text-align: center;line-height: 65px;}
.tit li span i.default{-webkit-transition: all 0.4s linear;transition: all 0.4s linear;color: #000;}
.tit li span i.hover{opacity:1;visibility:visible;opacity:0;visibility:hidden;
    -webkit-transform:translate3d(0,0,-65px) rotate3d(1,0,0,90deg);
    transform:translate3d(0,0,-55px) rotate3d(1,0,0,90deg);
    -webkit-transform-origin:50% 0%;
    transform-origin:50% 0%;
    -webkit-transition:all 0.4s linear;
    transition:all 0.4s linear;
  color: #fff;}
.tit li:hover span .default,.tit li.cur span .default{opacity:0;visibility:hidden;-webkit-transform:translate3d(0,65px,0) rotate3d(1,0,0,-90deg);transform:translate3d(0,65px,0) rotate3d(1,0,0,-90deg);}
.tit li:hover span .hover,.tit li.cur span .hover{opacity:1;visibility:visible;-webkit-transform:rotate3d(1,0,0,0deg);transform:rotate3d(1,0,0,0deg);}

.cpt_con dl{height:680px;margin-top: 20px;margin-bottom: 30px;}
.cpt_con dt{height:680px;width: 700px;float: right;}
.cpt_con dt img{height:680px; width:100%;display: block;mix-blend-mode: multiply;}


.cpt_con dd{height: 490px;width: 456px;float: left;margin-left: 62px;position: absolute;top: 105px;}
.cpt_con dd h3{height:56px;text-align: left;position: relative;margin-bottom: 21px;}
.cpt_con dd h3 b{font-size:48px;color:#1F1A17;display: block;font-weight:normal;line-height: 56px;}
.cpt_con dd h3 b a{color:#1F1A17;display: block;font-weight:normal;}
.cpt_con dd h3:after{position: absolute;width:112px;height:3px;background: #1F1A17;content: "";top:68px;left:0px;}

.cpt_con dd p{width: 424px;font-size:15px;color:#666666 ;display: block;line-height:30px;padding-top:15px;}
.cpt_con dd p i{display: block;font-size: 22px;font-weight: bold;color: #333333;}

.cpt_con dd .fgd{height:47px;width:205px;display: block;background:url(../image/q_t.png) no-repeat center;line-height:47px;margin-top:30px;}
.cpt_con dd .fgd i{font-size:18px;color:#333333;padding-left:45px;}
.cpt_con dd .fgd:hover{animation:shake 1.5s linear;-webkit-animation:shake 1.5s linear;}

.cpt_con {background: url(../image/cpbg.jpg) top center no-repeat #EFEEF3;overflow: hidden;padding-bottom: 50px;max-height: 1700px;}
.cpt_con ul{overflow: hidden;}
.cpt_con ul li{transition: 0.35s;float: left;width: 30%; position: relative;background: #1F1A17;overflow: height;margin-left: 1.5%;margin-right: 1.5%;margin-bottom: 3%;}
.cpt_con ul li em{width:100%; display: block;position: relative;overflow: hidden;background: url(../image/product-bg.jpg) no-repeat;background-size: 100% 100%;}
.cpt_con ul li em img{width:100%; display: block;transition:all 0.5s;mix-blend-mode: multiply;}

.cpt_con h4{display: block;height: 84px;line-height: 84px;position:relative;}
.cpt_con h4 b{font-size:18px;color: #fff;display: block;font-weight:normal;text-align:center;}

.cpt_con li:hover h4 b{color: #fff;}
.cpt_con li:hover{transform: translateY(-5px);}
.cpt_con li:hover img{transform:scale(1.05);}
.cpt_con li:last-of-type{margin-right: 0;}

.lc-adv{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(../image/adv-a1.png) no-repeat center top;height: 346px;/*margin-top:-53px*/;position: relative;z-index: 2;mix-blend-mode: multiply;}
.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(http://sdhrjsj.com/template/sdhrjsj.com/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(../image/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(../image/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(../image/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;}
/* -- 优势1 -- */
.ys1{height: 996px;background: #fbfbfb;}
.ys1 h2{text-align: center;padding-top:108px;height:120px;margin-bottom: 30px;background: url(../image/t_1.png) no-repeat bottom;margin-bottom: 33px;}
.ys1 h2 em{font-size:48px;color:#333333;display: block;line-height:48px;font-weight: bold;}
.ys1 h2 span{font-size:24px;color:#000000;display: block;line-height:24px;font-weight: normal;padding-top:10px;}

.y_tt{height: 121px;margin-top: 84px;}
.y_tt i{float: left;height: 121px;width: 65px;display: block;background: url(../image/ttbg.jpg) no-repeat;text-align: center;color: #fff;font-size: 48px;line-height: 100px;}
.y_tt .tts1{float: left;margin-left: 40px;height: 118px;border-bottom: 1px solid #d3d3d3;box-sizing: border-box;width: 1085px;}
.y_tt .tts1 h3{height: 47px;border-bottom: 1px solid #d3d3d3;box-sizing: border-box;}
.y_tt .tts1 h3 b{font-size:32px;color:#333333;display: block;line-height: 32px;font-weight: bold;}
.y_tt .tts1 h3 span{font-size:32px;color:#333333;display:inline-block;line-height: 32px;font-weight:normal;padding-left: 15px;}
.y_tt .tts1 p{height: 36px;line-height: 36px;font-size: 17px;color: #666666;display: block;padding-left: 31px;background: url(../image/y_f.png) no-repeat 9px 11px;}


.ys1_s{margin-top: 46px;}
.ys1_s li{float: left;margin-right: 10px;}
.ys1_s li p{margin-bottom: 10px;position: relative;height:213px;width:420px;overflow:hidden;}


.ys1_s ul li p i{transform: scale(0);transition: .5s;display: block;height:100%;width:100%;position: absolute;left: 0;top: 0;background: rgba(0,0,0,0.6);}
.ys1_s ul li p i em{font-size:14px;color:#ffffff;display: block;line-height:34px;text-align: center;border-top: 1px solid #fff;border-bottom: 1px solid #fff;width: 36%;margin: 22% auto 0;}
.ys1_s ul li p:hover i{transform: scale(1);}
.ys1_s ul li:last-child{margin-right:0;width:340px;overflow:hidden;}
.ys1_s ul li:last-child p{width:340px;height:213px;overflow:hidden;}
.ys1_s ul li:last-child p i em{margin-top:25%;}
.ys1_s ul .a2 p i em{margin-top: 50%;}
.ys1_s ul .a2 p{width:420px;height:437px;overflow:hidden;}
/* -- 优势3 -- */
.ys3{height:816px;background:#fbfbfb;}

.ys3 dl{height:816px;}
.ys3 dl dt{float:right;margin-right: -360px;display: block;height: 608px;width:914px;}
.ys3 dl dt img{display: block;height: 816px;width:914px;}

.ys3 dl dd{float: left;width:641px;margin-top:100px;margin-left: -35px;}
.ys3 dl dd i{float: left;height: 121px;width: 65px;display: block;background: url(../image/ttbg.jpg) no-repeat;text-align: center;color: #fff;font-size: 48px;line-height: 100px;}
.ys3 dl dd h3{float: left;margin-left: 31px;height: 121px;}
.ys3 dl dd h3 em{font-size:30px;color:#000000;display: block;line-height: 30px;font-weight: bold;padding-top: 30px;}
.ys3 dl dd h3 span{font-size:30px;color:#000000;display: block;line-height: 30px;font-weight: normal;padding-top:9px;}
.ys3 dl dd p{font-size: 16px;line-height: 26px;display: block;margin-top:21px;padding-left: 26px;background: url(../image/y_f.png) no-repeat 6px 8px;color: #666666;float: left;}
.ys3 dl dd b a {font-size: 16px;font-weight: normal;line-height: 44px;color: #1c1c1c;display: block;background: #fbfbfb url('../image/jty.png');background-repeat: no-repeat;background-position: right 20px center;background-size: auto auto;width: 151px;border-radius: 23px;text-indent: 32px;border:1px solid #a8a8a8;box-sizing: border-box;transition: 0.35s;float: left;margin-top: 44px;}
.ys3 dl dd b a:hover {text-indent: 35px;background-position: right 25px center;color: #ffffff;background: #E70012 url(../image/jtys.png) no-repeat right 24px center;border:none;}


.ys3 dl dd ul{margin-top: 56px;float: left;}
.ys3 dl dd ul li{overflow: hidden;float: left;margin-right:17px;}
.ys3 dl dd ul li img{width:312px;height:208px;display: block;transition: all 0.5s;}
.ys3 dl dd ul li:last-child{margin-right:0;}
.ys3 dl dd:hover li img{transform:scale(1.1);}


/**/
.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(../image/tit-left.png) no-repeat center; content:""; position: absolute; left:0;top:26px;}
.case-title span:after{width:15px; height:20px; background:url(../image/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: #E70012;}
.case-tt li a:hover {color: #E70012;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:90px;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:110px;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:#E70012;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: #E70012;}
.case-r .next{top:60px;background: #1F1A17;}
.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:#E70012;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: #E70012;
    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: #E70012;font-weight:bold;}
.news-r-list li i {width: 36px;height: 36px;color: #fff;text-align: center;line-height: 36px;background: #1F1A17;display: block;float: left;margin-right: 10px;}
.news-r-list li p i {background: #E70012;}

/*关于我们*/
.about{background: url(../image/aboutbg.jpg) no-repeat center 0;overflow: hidden;}
.about .about-info{height: 430px;background: #ffffff;box-shadow: 0 0 20px rgba(0,0,0,0.1);margin-top: 550px;}
.about .about-info h4{text-align: center;padding-top: 30px;}
.about .about-info h4 a{font-size: 42px;color:#333333;display: block;line-height:56px;font-weight: bold;}
.about .about-info p{font-size:16px;color:#444444;display: block;line-height:30px;font-weight:normal;text-align: center;padding-top: 26px;width: 1080px;margin-left: 60px;}
.about .about-info .gds{transition: 0.35s;width: 168px;height: 41px;text-align: center;line-height: 41px;font-size: 16px;color: #ffffff;display: block;background:url(../image/about-a.png) no-repeat center;margin:26px auto 0;}
.about .about-info .gds:hover{transform: translateY(-5px);}

.about-list {color: #000;margin-bottom: 60px;overflow: hidden;height: 260px;margin-top: 40px;}
.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;height: 182px;}
.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);}}