@charset "utf-8";
/*end*/
body{overflow-x:hidden;}

/**/
.guide{ background: url(../images/gsbg.jpg) no-repeat center; overflow: hidden;}
.gui{padding-top:72px;}
.gui h2{text-align: center; margin-bottom: 24px;}
.gui h2 span{display: inline-block;height:52px; line-height: 52px; padding:0 32px; position: relative; font-size: 40px; color:#222222; font-weight: bold;letter-spacing: 2px;}
.gui h2 span:before{width:18px; height:1px; background:#000000;content:""; position: absolute;left:0;top:26px;}
.gui h2 span:after{width:18px; height:1px; background:#000000;content:""; position: absolute;right:0;top:26px;}
.gui h2 em{display: block; height:31px; line-height: 31px;font-size: 20px; color:#333333; font-weight: normal;}
.gui .gui-desc{width:1100px; margin:0 auto 40px;font-size: 16px; color:#666666; line-height: 29px;text-align: center;}
.gui .gui-vid{height:455px; position: relative;float:right;}
.gui .gui-vid ul li{float:left;width:224px;height:100px;padding:10px 0 0 35px; box-sizing: border-box;}
.gui .gui-vid ul li.odd{margin-right: 740px;}
.gui .gui-vid ul li.even{float:right;}
.gui .gui-vid ul li b{display: block;height:31px; line-height: 31px;font-size: 16px; color:#333333; font-weight: bold; font-family: "Acrom"; font-style: normal; text-transform: uppercase;margin-bottom: 30px;}
.gui .gui-vid ul li span em{display: inline-block;height:31px; line-height: 31px;font-size: 34px; color:#333333; font-weight: bold; font-family: "Acrom";font-style: normal;}
.gui .gui-vid ul li.first em{height:55px; line-height: 55px;}
.gui .gui-vid ul li span i{display: inline-block;font-size: 30px; color:#333333; font-weight: bold; font-family: "思源黑体 CN";font-style: normal;}
.gui .gui-vid ul li p{height:20px; line-height: 20px;font-size: 12px; color:#5B5B5B;font-style: normal;}
.gui .gui-vid ul li.first p{height:30px; line-height: 30px;}
.gui .gui-vid ul li.first b{margin-bottom: 0;}
.gui .gui-vid .video{width:60%;position: absolute; left:0px; top:0;/*border-top-left-radius: 40px;border-bottom-right-radius: 40px;*/border-radius: 10px; overflow: hidden; cursor:pointer; float:left}
.gui .gui-vid ul li:hover span em{color:#D61418;}
.gui .gui-vid ul li:hover span i{color:#D61418;}
.gui .gui-vid ul li:hover p{color:#D61418;}
.gui .gui-vid ul li:hover b{color:#D61418;}
.gun{ float:right; width:40%}

.modal-backdrop{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: #232526;z-index: 300;}
.modal-backdrop .vd{position: absolute;width: 1200px;height: 640px;top: 50%;left: 50%;transform: translate(-50%, -50%);z-index: 300;}
.modal-backdrop .close{top: 16px;right: 16px;font-size: 24px;line-height: 40px;transition: all 0.5s ease;width: 40px;position: absolute;padding: 0;background-color: rgba(0, 0, 0, 0.2);color: #FFF;height: 40px;border: none;display: inline-flex;justify-content: center;align-items: center;white-space: nowrap;text-align: center;border-radius: 50% !important;outline: none;cursor: pointer;z-index: 300;}
.modal-backdrop .vd{background:#000;}

/**/
.product{height:1418px;}
.pro{padding-top:38px;}
.pro h2{text-align: center;}
.pro h2 span{display: inline-block;height:122px; line-height: 122px; padding:0 39px; position: relative; font-size: 40px; color:#222222; font-weight: bold;letter-spacing: 2px;}
.pro h2 span:before{width:18px; height:1px; background:#000000;content:""; position: absolute;left:0;top:61px;}
.pro h2 span:after{width:18px; height:1px; background:#000000;content:""; position: absolute;right:0;top:61px;}
.pro .pro-nav{height:96px; background:#f8f8f8; border-top:1px solid #e6e6e6;}
.pro .pro-nav ul{width:1200px; margin:0 auto;}
.pro .pro-nav ul li{float:left; width:240px; height:96px;  position: relative;}
.pro .pro-nav ul li a{display: block;height:96px;box-sizing: border-box;padding:28px 0 0 20px;}
.pro .pro-nav ul li em{display: block; width: 44px; height:40px;overflow: hidden;float:left;position: relative; margin-right:5px;}
.pro .pro-nav ul li em i{display: block;transition: .5s;}
.pro .pro-nav ul li span{display: block; font-size:15px; color:#222222; margin-left: 16px; margin-top: 11px;/*float:left;*/position: relative; transition: .5s; margin-left:10px;}
.pro .pro-nav ul li:before{width:0;height:96px; background:#d61418;content:"";position: absolute;left:0;top:0; transition: .5s;}
.pro .pro-nav ul li.cur em i.default{margin-top:-40px;}
.pro .pro-nav ul li.cur:before{width:100%;}
.pro .pro-nav ul li.cur span{color:#FFF; font-weight: bold;}
.pro .pro-list{height:724px; position: relative; margin-bottom: 29px;}
.pro .pro-list .pro-box,.pro .pro-list .pro-box .con{width: 100% !important;}
.pro .pro-list .pro-con{height: 724px;width:100%;}
.pro .pro-list .pro-con .pro-rig{padding-top:90px;}
.pro .pro-list .pro-con .pro-rig .p-con{width:436px; float:right;}
.pro .pro-list .pro-con .pro-rig .p-con h4{margin-bottom: 31px;padding-bottom:25px;position: relative;}
.pro .pro-list .pro-con .pro-rig .p-con h4 span{display: block;  line-height:26px;font-size: 26px; color:#333; font-weight: bold;}
.pro .pro-list .pro-con .pro-rig .p-con h4 i{display: block; height:31px; line-height: 31px;font-size: 22px; color:#333; font-family: "Acrom"; font-weight: normal;}
.pro .pro-list .pro-con .pro-rig .p-con h4:before{width: 62px; height:2px; background:#d61418;content:""; position: absolute; left:0;bottom:0;}
.pro .pro-list .pro-con .pro-rig .p-con p{font-size: 16px; color:#333; line-height: 28px; margin-bottom: 40px;}
.pro .pro-list .pro-con .pro-rig .p-con ul{margin-bottom: 54px;}
.pro .pro-list .pro-con .pro-rig .p-con ul li{float:left;width: 218px; height:120px; overflow: hidden;}
.pro .pro-list .pro-con .pro-rig .p-con ul li img{width: 218px; height:120px; transition: 1s;}
.pro .pro-list .pro-con .pro-rig .p-con ul li:hover img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);}
.pro .pro-list .pro-con .pro-rig .p-con strong{display: block;}
.pro .pro-list .pro-con .pro-rig .p-con strong a{display: block;width:158px; height:40px;float:left; margin-right: 32px; text-align: center; line-height: 40px; border-top-left-radius: 10px;border-bottom-right-radius: 10px;font-size: 14px; color:#FFFFFF; font-weight: normal;background:#d61418;}
.pro .pro-list .hdd{ position: absolute; width: 100%;  left: 0; bottom: 102px; text-align: center; z-index:3; line-height:10px;}
.pro .pro-list .hdd li{ display: inline-block; width: 8px; height: 8px; background: #c3c3c5; margin: 0 12px; border-radius: 50%;-o-transition: all .3s ease; transition: all .3s ease; cursor: pointer;}
.pro .pro-list .hdd li.on{background:#d61418;}
.pro .pro-bot-box{position: relative;width:1200px; margin:0 auto;}
.pro .pro-bot-box .bd{overflow: hidden;}
.pro .pro-bot-box .bd ul li{float:left;width:387px; margin-right: 20px;}
.pro .pro-bot-box .bd ul li span{display: block;width:387px; height:290px; overflow: hidden; position: relative;}
.pro .pro-bot-box .bd ul li span img{width:100%;transition: 1s;}
.pro .pro-bot-box .bd ul li em{display: block; height:55px; line-height: 55px; text-align: center;font-size: 20px; color:#333333;position: relative;}
.pro .pro-bot-box .pro-jt i{display: block; width:16px; height:26px; cursor: pointer;}
.pro .pro-bot-box .pro-jt .pro-prev{background:url(../images/pro-prev.png) no-repeat center; position: absolute;left:-49px;top:132px;}
.pro .pro-bot-box .pro-jt .pro-next{background:url(../images/pro-next.png) no-repeat center; position: absolute;right:-49px;top:132px;}
.pro .pro-bot-box .bd ul li em:before{width:0; height:2px; background:#d61418;content:""; position: absolute; left:0;top:-2px; transition: .5s;}
.pro .pro-bot-box .bd ul li:hover span img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);}
.pro .pro-bot-box .bd ul li:hover em:before{width: 100%;}
.pro .pro-bot-box .bd ul li:hover em{font-weight: bold; color:#d61418;}
/**/
.sdbj{background:#f7f7f7;padding-top:41px; box-sizing: border-box;}
.sdbj h2{text-align: center;}
.sdbj h2 span{display: inline-block;height:116px; line-height: 116px; padding:0 35px; position: relative; font-size: 40px; color:#222222; font-weight: bold;letter-spacing: 2px;}
.sdbj h2 span:before{width:18px; height:1px; background:#000000;content:""; position: absolute;left:0;top:58px;}
.sdbj h2 span:after{width:18px; height:1px; background:#000000;content:""; position: absolute;right:0;top:58px;}
.sdbj ul li{float:left;width:12.9%;height:736px;margin-left: 2px;transition: .5s; overflow: hidden; position: relative;}
.sdbj ul li:first-child{margin-left: 0;}
.sdbj ul li strong{display: block; width:100%; height:736px; background:url(../images/sd-yy.png) no-repeat top center; transition: .5s;padding-top:75px; box-sizing: border-box; text-align: center;}
.sdbj ul li strong img{display: inline-block;width:103px;height:204px;}
.sdbj ul li .sd-con{width: 100%;height:179px; background:rgba(214,20,24,0.8);position: absolute;left:0; bottom:-179px;padding:31px 0 0 7.2%; box-sizing: border-box; transition: .5s;border-top-right-radius: 100px;}
.sdbj ul li .sd-con i{display: block; height:32px; line-height: 32px; font-size: 20px; color:#FFFFFF;}
.sdbj ul li .sd-con span{display: block; height:50px; line-height: 50px;font-size: 38px; color:#FFFFFF; font-weight: bold;}
.sdbj ul li .sd-con p{height:29px; line-height: 29px; font-size: 16px; color:#FFFFFF;}
.sdbj ul li.cur .sd-con{bottom:0;}
.sdbj ul li.cur{width: 60.6%;}
.sdbj ul li.cur strong{opacity: 0;}
/**/
.project{height:1300px;background:#f7f7f7;}
.proj{padding-top:42px;}
.proj h2{text-align: center;}
.proj h2 span{display: inline-block;height:116px; line-height: 116px; padding:0 34px; position: relative; font-size: 40px; color:#222222; font-weight: bold;letter-spacing: 2px;}
.proj h2 span:before{width:18px; height:1px; background:#000000;content:""; position: absolute;left:0;top:58px;}
.proj h2 span:after{width:18px; height:1px; background:#000000;content:""; position: absolute;right:0;top:58px;}
.proj .proj-nav{height:142px; background:#3d3a39; margin-bottom: 26px;}
.proj .proj-nav ul li{float:left; width: 240px; height:71px; border-right:1px solid #333;border-left:1px solid rgba(255,255,255,0.1); border-bottom:1px solid #333;border-top:1px solid rgba(255,255,255,0.1);box-sizing: border-box; position: relative; overflow:hidden;}
.proj .proj-nav ul li:before{width:0;height:70px; background: #d61418;content:""; position: absolute; left:0;top:0; transition: .5s;}
.proj .proj-nav ul li a{display: block; height:70px;padding-left:23px; position: relative;}
.proj .proj-nav ul li em{display: inline-block; height:70px; line-height: 70px;font-size: 18px; color:#FFFFFF;padding-left:39px;}
.proj .proj-nav ul li em.proj-ico1{background:url(../images/proj-ico1.png) no-repeat left;}
.proj .proj-nav ul li em.proj-ico2{background:url(../images/proj-ico2.png) no-repeat left;}
.proj .proj-nav ul li em.proj-ico3{background:url(../images/proj-ico3.png) no-repeat left;}
.proj .proj-nav ul li em.proj-ico4{background:url(../images/proj-ico4.png) no-repeat left;}
.proj .proj-nav ul li em.proj-ico5{background:url(../images/proj-ico5.png) no-repeat left;}
.proj .proj-nav ul li em.proj-ico6{background:url(../images/proj-ico6.png) no-repeat left;}
.proj .proj-nav ul li em.proj-ico7{background:url(../images/proj-ico7.png) no-repeat left;}
.proj .proj-nav ul li em.proj-ico8{background:url(../images/proj-ico8.png) no-repeat left;}
.proj .proj-nav ul li em.proj-ico9{background:url(../images/proj-ico9.png) no-repeat left;}
.proj .proj-nav ul li em.proj-ico10{background:url(../images/proj-ico10.png) no-repeat left;}
.proj .proj-nav ul li.cur:before{width:100%;}
.proj .proj-nav ul li.cur em{color:#FFF;}
.proj .proj-nav ul li.cur em.proj-ico1{background:url(../images/proj-ico1_h.png) no-repeat left;}
.proj .proj-nav ul li.cur em.proj-ico2{background:url(../images/proj-ico2_h.png) no-repeat left;}
.proj .proj-nav ul li.cur em.proj-ico3{background:url(../images/proj-ico3_h.png) no-repeat left;}
.proj .proj-nav ul li.cur em.proj-ico4{background:url(../images/proj-ico4_h.png) no-repeat left;}
.proj .proj-nav ul li.cur em.proj-ico5{background:url(../images/proj-ico5_h.png) no-repeat left;}
.proj .proj-nav ul li.cur em.proj-ico6{background:url(../images/proj-ico6_h.png) no-repeat left;}
.proj .proj-nav ul li.cur em.proj-ico7{background:url(../images/proj-ico7_h.png) no-repeat left;}
.proj .proj-nav ul li.cur em.proj-ico8{background:url(../images/proj-ico8_h.png) no-repeat left;}
.proj .proj-nav ul li.cur em.proj-ico9{background:url(../images/proj-ico9_h.png) no-repeat left;}
.proj .proj-nav ul li.cur em.proj-ico10{background:url(../images/proj-ico10_h.png) no-repeat left;}
.proj .proj-box dl{height:540px;}
.proj .proj-box dl dt{width:960px; height:540px;float:left; overflow: hidden; margin-left: -360px;}
.proj .proj-box dl dt img{width:100%; transition: 1s;height:540px;}
.proj .proj-box dl dd{width:960px; height:540px; background:#FFF;float:right; margin-right: -360px; padding:62px 360px 0 53px; box-sizing: border-box;}
.proj .proj-box dl dd .proj-tit{padding-left:26px;position: relative; margin-bottom: 30px;}
.proj .proj-box dl dd .proj-tit:before{width: 4px; height:51px;background:#d61418;content:""; position: absolute; left:0;top:3px;}
.proj .proj-box dl dd .proj-tit span{display: block; height:41px; line-height: 41px;font-size: 30px; color:#333333; font-weight: bold;}
.proj .proj-box dl dd .proj-tit i{display: block; height:19px; line-height: 19px;font-size: 10px; color:#BBBBBB; font-family: "Acrom";	letter-spacing: 1px; text-transform: uppercase;}
.proj .proj-box dl dd .proj-desc{margin-bottom: 16px;}
.proj .proj-box dl dd .proj-desc .proj-con{height:149px; border-bottom:1px solid #e5e5e5;padding-top:20px; box-sizing: border-box;}
.proj .proj-box dl dd .proj-desc .proj-con h4{height:26px; line-height: 26px;font-size: 20px; color:#3D3A39;font-weight: bold;padding-left:42px; margin-bottom: 16px;}
.proj .proj-box dl dd .proj-desc .proj-con h4.proj1{background:url(../images/proj-ico11.png) no-repeat left;}
.proj .proj-box dl dd .proj-desc .proj-con h4.proj2{background:url(../images/proj-ico13.png) no-repeat left;}
.proj .proj-box dl dd .proj-desc .proj-con ul li{float:left;height:31px; line-height: 31px;width:50%;padding-left:27px; box-sizing: border-box; font-size: 16px; color:#666666; background:url(../images/proj-ico12.png) no-repeat left;}
.proj .proj-box dl dd .proj-desc .proj-con:last-child{border-bottom:0;}
.proj .proj-box dl dd .proj-desc strong{display: block;}
.proj .proj-box dl dd strong a{display: block;width:158px; height:40px;float:left; margin-right: 32px; text-align: center; line-height: 40px; border-top-left-radius: 10px;border-bottom-right-radius: 10px;font-size: 14px; color:#FFFFFF; font-weight: normal;background:#d61418;}
.proj .proj-box dl dd strong a:first-child{background:#3d3a39;}
.proj .proj-box dl:hover dt img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);}
.proj .proj-bot{height:404px; padding-top:33px; box-sizing: border-box; }
.proj .proj-bot h4{height:53px;}
.proj .proj-bot h4 span{display: block;float:left;height:53px; line-height: 53px; position: relative;font-size: 20px; color:#333333; font-weight: bold;padding-left:12px;}
.proj .proj-bot h4 span:before{width: 3px; height:21px; background:#d61418;content:"";position: absolute; left:0;top:16px;}
.proj .proj-bot h4 em{display: block; height:53px; float:right; line-height: 53px;}
.proj .proj-bot h4 em a{font-size: 14px; color:#333333; font-weight: normal; text-transform: uppercase}
.proj .proj-bot ul{border-top:1px solid #dddddd;border-left:1px solid #dddddd;width:1195px;overflow: hidden; margin:0 auto;}
.proj .proj-bot ul li{float:left;width:238px; height:132px;position: relative;border-bottom:1px solid #dddddd;border-right:1px solid #dddddd;}
.proj .proj-bot ul li span{display: block; width:100%;height:100%;}
.proj .proj-bot ul li span img{width: 100%;height:100%;}
.proj .proj-bot ul li em{display: block; width:238px; height:132px; position: absolute; left:0;top:0;background:rgba(214,20,24,.9); text-align: center; line-height: 132px;font-size: 16px; color:#FFFFFF;display:none; transition: .8s;}
.proj .proj-bot ul li:hover em{display:block; }
/**/
.ysbj{height:1090px;padding-top:41px; box-sizing: border-box;}
.ysbj h2{text-align: center;height:112px;}
.ysbj h2 span{display: inline-block;height:112px; line-height: 112px; padding:0 38px; position: relative; font-size: 40px; color:#222222; font-weight: bold;letter-spacing: 2px;}
.ysbj h2 span:before{width:18px; height:1px; background:#000000;content:""; position: absolute;left:0;top:58px;}
.ysbj h2 span:after{width:18px; height:1px; background:#000000;content:""; position: absolute;right:0;top:58px;}
.ysbj .ys-nav{height:138px;}
.ysbj .ys-nav ul{width: 1200px; height:138px;margin:0 auto;}
.ysbj .ys-nav ul li{float:left;width:380px; height:118px; border:2px solid #c0c0c0;padding:28px 0 0 77px; box-sizing: border-box; margin-left: 30px; position: relative; transition: .5s;}
.ysbj .ys-nav ul li b{display: block;width: 48px; height:42px; float:left; overflow: hidden; position: relative;margin-top: 10px;}
.ysbj .ys-nav ul li b i{display: block; width:48px; height:42px; transition: .5s;}
.ysbj .ys-nav ul li b i img{width: 100%;}
.ysbj .ys-nav ul li span{display: block;float:left;margin-left: 21px; position: relative;z-index:200;}
.ysbj .ys-nav ul li span em{display: block; height:39px; line-height: 39px;font-size: 30px; color:#212121; transition: .5s;}
.ysbj .ys-nav ul li span p{height:18px; line-height: 18px;font-size: 14px; color:rgba(33,33,33,0.7);font-family: "思源黑体 CN"; transition: .5s;}
.ysbj .ys-nav ul li:first-child{margin-left: 0;}
.ysbj .ys-nav ul li:before{width:0; height:118px; background:#d61418; content:""; position:absolute;left:-2px;top:-2px; transition: .5s; }
.ysbj .ys-nav ul li.cur:before{width: 380px;}
.ysbj .ys-nav ul li.cur b i.default{margin-top: -42px;}
.ysbj .ys-nav ul li.cur span em{color:#FFF;}
.ysbj .ys-nav ul li.cur span p{color:rgba(255,255,255,0.7);}
.ysbj .ys-box{height:799px;width:100% !important;background:#f7f7f7;}
.ysbj .ys-box .con{width: 100% !important;}
.ysbj .ys-box .ys-list{height:799px;padding-top:620px; box-sizing: border-box;background:#f7f7f7;}
.ysbj .ys-box .ys-list dl{height:141px;padding:38px 0 37px; box-sizing: border-box; position: relative;background:#FFF;}
.ysbj .ys-box .ys-list dl:before{width:100%; height:37px;background:url(../images/ys-yy.png) no-repeat center; content:""; position: absolute; left:0;bottom:-37px;}
.ysbj .ys-box .ys-list dl dt{float:left;}
.ysbj .ys-box .ys-list dl dt i{width:132px; height:70px;float:left;border-right:1px solid rgba(102,102,102,0.25); text-align: center; line-height: 70px;font-size: 72px; color:#D51318; font-family: "Acrom";}
.ysbj .ys-box .ys-list dl dt span{display: block; float:left; margin-left: 28px;}
.ysbj .ys-box .ys-list dl dt span em{display: block; height:31px; line-height: 31px;font-size: 23px; color:#333333;}
.ysbj .ys-box .ys-list dl dt span p{height:40px; line-height: 40px;font-size: 30px; color:#000000; font-weight: bold;font-family: "思源黑体 CN"; }
.ysbj .ys-box .ys-list dl dd{float:left; margin-left: 60px;padding-top:4px;}
.ysbj .ys-box .ys-list dl dd ul li{height:31px; line-height: 31px;font-size: 16px; color:#6A6A6A;}
.ysbj .ys-qh{position: relative;}
.ysbj .ys-qh .ys-jt{width:182px; height:141px; position: absolute; right:0;top:-179px;}
.ysbj .ys-qh .ys-jt i{display: block; width:91px; height:141px; float:left; cursor: pointer;}
.ysbj .ys-qh .ys-jt .ys-prev{background:url(../images/ys-prev.jpg) no-repeat center;}
.ysbj .ys-qh .ys-jt .ys-next{background:url(../images/ys-next.jpg) no-repeat center;}
/**/
.case{background:#f7f7f7;}
.case h2{height:120px; text-align: center;}
.case h2 span{display: inline-block;height:120px; line-height: 120px; padding:0 41px; position: relative; font-size: 40px; color:#222222; font-weight: bold;letter-spacing: 2px;}
.case h2 span:before{width:18px; height:1px; background:#000000;content:""; position: absolute;left:0;top:60px;}
.case h2 span:after{width:18px; height:1px; background:#000000;content:""; position: absolute;right:0;top:60px;}
.case .cas-nav{height: 111px;border-top:1px solid #e6e6e6;background:#FFF; box-sizing: border-box;position: relative;z-index:200;}
.case .cas-nav ul{width:1200px; margin:0 auto;}
.case .cas-nav ul li{float:left; width:171px; height:110px;border-right:1px solid #e6e6e6; box-sizing: border-box;position: relative;}
.case .cas-nav ul li span{display: block; width:38px; height:36px; margin:0 auto;}
.case .cas-nav ul li span i{display: block; width:38px; height:36px; position: absolute;}
.case .cas-nav ul li span i.default{-webkit-transform: translateX(0) rotate(0);transform: translateX(0) rotate(0);-webkit-transition: all 0.35s ease-out;transition: all 0.35s ease-out;}
.case .cas-nav ul li span i.hover{opacity: 0; transform: scale(0);transition: .5s;}
.case .cas-nav ul li em{display: block; height:48px; line-height: 48px; text-align: center;font-size: 16px; color:#333333;transition: .5s;}
.case .cas-nav ul li b{display: none;width:100%; height:11px;background:url(../images/cas-dbx.png) no-repeat center; position: absolute;left:0;bottom:-11px;}
.case .cas-nav ul li a{display: block; position: relative;z-index:200;width:171px; box-sizing: border-box;padding-top:27px;}
.case .cas-nav ul li.cur:before{width:100%; height:114px; background:#d61418;content:"";position: absolute; left:0;top:-4px; border-top-left-radius: 5px;border-top-right-radius: 5px;}
.case .cas-nav ul li.cur i.default{opacity: 0;visibility:hidden;-webkit-transform: translateX(100%) rotate(180deg);transform: translateX(100%) rotate(180deg);}
.case .cas-nav ul li.cur i.hover{opacity: 1; transform: scale(1);}
.case .cas-nav ul li.cur em{font-weight: bold; color:#FFF;}
.case .cas-nav ul li.cur b{display: block;}
.case .cas-ul li{float:left; width:33.2%; line-height: 0; overflow: hidden;position: relative; margin:0 0 1px 1px; }
.case .cas-ul li span{display: block; width: 100%; overflow: hidden;}
.case .cas-ul li span img{width: 100%; transition: 1s;}
.case .cas-ul li em{display: block;height:154px; line-height: 68px; width:100%; text-align: center; position: absolute; left:0;bottom:0; font-size: 18px; color:#FFF;z-index:200; transition: .5s; background: url(../images/cas-yy.png) no-repeat center bottom; box-sizing: border-box; padding-top:86px;}
.case .cas-ul li:nth-child(1),.case .cas-ul li:nth-child(4){margin-left: 0;}
.case .cas-ul li:hover:before{display: none;}
.case .cas-ul li:hover em{bottom:-154px;}
.case .cas-ul li:hover span img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);}
.case .cas-ul li .cas-desc{width:100%; height:100%; background:rgba(214,20,24,0.9); position: absolute; left:0;top:0; transition: .8s;z-index:200; transform: scale(0);}
.case .cas-ul li .cas-desc .cas-de{transform: translate(0,50%);}
.case .cas-ul li .cas-desc .cas-de h4{height:46px; line-height: 46px; margin-bottom: 27px; text-align: center;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;color:#FFF;padding:0 5%;width:100%; box-sizing:border-box;}
.case .cas-ul li .cas-desc .cas-de h4 a{font-size: 20px; color:#FFFFFF;font-weight: bold;}
.case .cas-ul li .cas-desc .cas-de p{font-size: 16px; color:#FFFFFF; line-height: 24px;width:89.3%; margin:0 auto 36px;}
.case .cas-ul li .cas-desc .cas-de strong{display: block; width:140px; height:38px; border:1px solid #FFF; box-sizing: border-box; text-align: center; line-height:36px; margin:0 auto; }
.case .cas-ul li .cas-desc .cas-de strong a{display: block; font-size: 16px; color:#FFFFFF; font-weight: normal;}
.case .cas-ul li:hover .cas-desc{transform: scale(1);}
@media screen and (max-width: 1460px) {
    .case .cas-ul li .cas-desc .cas-de{transform: translate(0,30%);}
}
/**/
.newsbj{ padding:30px 0; background: url(../images/newsbg.jpg) center top no-repeat #333; height:780px;}
.news{padding-top:11px;}
.news h2{height:120px; text-align: center;}
.news h2 span{display: inline-block;height:116px; line-height: 116px; padding:0 39px; position: relative; font-size: 40px; color:#222222; font-weight: bold;letter-spacing: 2px;}
.news h2 span:before{width:18px; height:1px; background:#000000;content:""; position: absolute;left:0;top:60px;}
.news h2 span:after{width:18px; height:1px; background:#000000;content:""; position: absolute;right:0;top:60px;}
.news .news-left{width:786px;float:left;}
.news .news-left .news-top{height:189px; border:1px solid #dcdcdc;padding:18px 28px 0 27px; box-sizing: border-box;}
.news .news-left .news-top dl dt{height:67px;}
.news .news-left .news-top dl dt i{display: block; width:143px; height: 48px; line-height: 38px;text-align: center;padding:9px 7px 0 0; box-sizing: border-box;float:left; font-size: 24px; color:#D61419; font-weight: bold;background: url(../images/new-tt.png) no-repeat center; text-indent:-99999px}
.news .news-left .news-top dl dt a{display: block; height:40px; line-height: 40px; margin-top: 8px; font-size: 20px; color:#121212; font-weight: bold;float:left; margin-left: 8px; transition: .5s;}
.news .news-left .news-top dl dd p{line-height: 28px;font-size: 14px; color:#666666;}
.news .news-left .news-top dl dd p a{font-size: 14px; color:#CC0000;}
.news .news-left .news-cen{height:155px;border-right:1px solid #dcdcdc; box-sizing: border-box;}
.news .news-left .news-cen ul li{float:left;height:155px;border-left:1px solid #dcdcdc;padding:24px 24px 0 27px; box-sizing: border-box;width:392px;}
.news .news-left .news-cen ul li span{display: block; width:120px; height:90px; float:left; margin-right: 10px;padding:0px 0px 0 0; box-sizing: border-box; text-align: right; line-height: 20px; font-size: 16px; color:#FFF;background:#cccccc; transition: .5s;}
.news .news-left .news-cen ul li span img{display: block; width:120px; height:90px; float:left; }

.news .news-left .news-cen ul li .new-rig{float:left;width:200px;}
.news .news-left .news-cen ul li .new-rig h4{height:30px; line-height: 30px; margin-bottom: 0px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.news .news-left .news-cen ul li .new-rig h4 a{font-size: 16px; color:#333333; font-weight: bold; transition: .5s;}
.news .news-left .news-cen ul li .new-rig p{line-height: 20px; font-size: 14px; color:#666666;}
.news .news-left .news-cen ul li:hover span{background:#d61418;}
.news .news-left .news-cen ul li:hover h4 a{color:#d61418;}
.news .news-left .news-top dl:hover dt a{color:#d61418;}
.news .news-left .news-bot{height:195px; border:1px solid #dcdcdc;padding:26px 27px 0 25px; box-sizing: border-box;}
.news .news-left .news-bot ul li{height:36px;padding-left:18px; background:url(../images/news-y.png) no-repeat left;}
.news .news-left .news-bot ul li em{display: block; height:36px; line-height: 36px;float:left;font-size: 14px; color:#666666; transition: .5s;}
.news .news-left .news-bot ul li i{display: block;height:36px; line-height: 36px; float:right;font-size: 14px; color:#8C8C8C; transition: .5s;}
.news .news-left .news-bot ul li:hover em{color:#d61418;}
.news .news-left .news-bot ul li:hover i{color:#d61418;}
.news .news-rig{width:381px;height:539px; float:right;background:#f2f4f5;padding:2px 16px 0; box-sizing: border-box;}
.news .news-rig h4{height:58px; line-height: 58px;}
.news .news-rig h4 em{display: block; float:left;height:58px; line-height: 58px;font-size: 20px; color:#333333; font-weight: bold;}
.news .news-rig h4 i{display: block; float:right;height:58px; line-height: 58px;font-size: 14px; color:#666666; font-weight: normal;}
.news .news-rig dl{border-bottom:1px dashed #cccccc;}
.news .news-rig dl dt{height:175px; line-height: 0;overflow: hidden;}
.news .news-rig dl dt img{width: 100%; transition: 1s;}
.news .news-rig dl dd{padding:7px 14px 0 7px;height:109px; box-sizing: border-box;}
.news .news-rig dl dd h4{height: 30px; line-height: 30px; margin-bottom: 1px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.news .news-rig dl dd h4 a{font-size: 16px; color:#333333; font-weight: bold; transition: .8s;}
.news .news-rig dl dd p{font-size: 14px; color:#666666; line-height: 24px;}
.news .news-rig .bd-ul{padding-top:26px;}
.news .news-rig .bd-ul ul li{height:36px; line-height: 36px;padding-left:4px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.news .news-rig .bd-ul ul li a{display: block; padding-left:16px; font-size: 14px; color:#666666; background:url(../images/news-jt.png) no-repeat left;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.news .news-rig dl:hover dt img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);}
.news .news-rig dl:hover dd h4 a{color:#d61418;}
.news .news-rig .bd-ul ul li:hover a{color:#d61418;}
/**/
.about{height:1508px;padding-top:5px; box-sizing: border-box;}
.about h2{height:120px; text-align: center;}
.about h2 span{display: inline-block;height:117px; line-height: 117px; padding:0 37px; position: relative; font-size: 40px; color:#222222; font-weight: bold;letter-spacing: 2px;}
.about h2 span:before{width:18px; height:1px; background:#000000;content:""; position: absolute;left:0;top:58px;}
.about h2 span:after{width:18px; height:1px; background:#000000;content:""; position: absolute;right:0;top:58px;}

.abo{height:1380px; background:url(../resource/images/1302e8901cc14e889b6a69d8a2c548b8_4.jpg) no-repeat top center;}
.abo .ab{padding-top:640px;}
.abo .ab .ab-tit{height:225px;background:#FFF;padding:23px 48px 0 74px; box-sizing: border-box;box-shadow: 0px 20px 20px #f8f8f8; margin-bottom: 63px;}
.abo .ab .ab-tit h4{height:54px; line-height: 54px; margin-bottom: 8px;}
.abo .ab .ab-tit h4 a{font-size: 24px; color:#333333; font-weight: bold;}
.abo .ab .ab-tit p{font-size: 16px; color:#333333; line-height: 29px; }
.abo .ab .ab-tit p a{color:#D61418;}
.abo .ab .ab-nav{width:1013px; height:95px;margin:0 auto;}
.abo .ab .ab-nav ul li{float:left;width:337px; height:61px;padding-left:69px; box-sizing: border-box; border-right:1px solid #e8e9e9;}
.abo .ab .ab-nav ul li a{display: block;}
.abo .ab .ab-nav ul li i{display: block;width:66px; height:56px;float:left; margin-right: 16px;}
.abo .ab .ab-nav ul li .abo-ico1{background:url(../images/abo-ico1.png) no-repeat center;}
.abo .ab .ab-nav ul li .abo-ico2{background:url(../images/abo-ico2.png) no-repeat center;}
.abo .ab .ab-nav ul li .abo-ico3{background:url(../images/abo-ico3.png) no-repeat center;}
.abo .ab .ab-nav ul li span{display: block; float:left;margin-top: 2px;}
.abo .ab .ab-nav ul li span em{display: block; height:30px; line-height: 30px;font-size: 24px;color:#202428; font-weight: bold;}
.abo .ab .ab-nav ul li span p{height:20px; line-height: 20px;font-size: 18px; color:#333333;}
.abo .ab .ab-nav ul li:last-child{border-right:0;}
.abo .ab .ab-nav ul li.cur .abo-ico1{background:url(../images/abo-ico1_h.png) no-repeat center;}
.abo .ab .ab-nav ul li.cur .abo-ico2{background:url(../images/abo-ico2_h.png) no-repeat center;}
.abo .ab .ab-nav ul li.cur .abo-ico3{background:url(../images/abo-ico3_h.png) no-repeat center;}
.abo .ab .ab-nav ul li.cur span em{color:#d61418;}
.abo .ab .ab-nav ul li.cur span p{color:#d61418;}
.abo .ab .ab-ul{height:271px; overflow: hidden;}
.abo .ab .ab-ul ul li{float:left;width:285px;margin-right: 20px;}
.abo .ab .ab-ul ul li span{display: block; height:214px; overflow: hidden;}
.abo .ab .ab-ul ul li span img{width: 100%; transition: 1s;}
.abo .ab .ab-ul ul li em{display: block; height:56px; line-height: 56px; text-align: center; border-bottom:1px solid rgba(0,0,0,0.15); font-size: 16px; color:#333333;}
.abo .ab .ab-ul ul li:hover span img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);}
.abo .ab .ab-ul ul li:hover em{color:#d61418;border-bottom:1px solid #d61418;}

.abo .ab .ab-box .con:nth-child(2) ul li span{display:block; border:1px solid #e8e9e9;}
/**/
.zhbj{height:158px; background:#eeeeee;}
.zh{padding-top:55px; height:158px; box-sizing: border-box; position: relative; }
.zh .zh-left{width:320px;float:left;margin-right: 56px;}
.zh .zh-left i{display: block; width:50px; height:48px; float:left;margin-right: 23px; margin-top: 2px;}
.zh .zh-left i img{width: 100%;}
.zh .zh-left span{display: block; float:left;position: relative;padding-left:20px;margin-top: 2px;}
.zh .zh-left span em{display: block; height:22px; line-height: 22px;font-size: 14px; color:rgba(61, 58, 57, 0.6); font-weight: bold;}
.zh .zh-left span p{font-size: 26px; color:#3D3A39; font-weight: bold; height:29px; line-height: 29px;}
.zh .zh-left span:before{width: 1px; height:45px; background:#a1a1a1;content:""; position: absolute; left:0; top:4px;}
.zh .zh-rig{float:left;}
.zh .zh-rig ul li{float:left; width:138px; position: relative;}
.zh .zh-rig ul li i{display: block; width:69px; height:29px; margin:0 auto;}
.zh .zh-rig ul li i img{width: 100%;}
.zh .zh-rig ul li em{display: block; height:29px; line-height: 29px; text-align: center; font-size: 16px; color:#3D3A39; font-weight: bold;}
.zh .zh-rig ul li:before{width: 1px; height:45px; background:#dfdfdf; content:""; position: absolute; right:0; top:6px;}
.zh .zh-rig ul li:last-child:before{display:none;}
.zh .zh-jqr{width:148px; height:235px;position: absolute; right:-47px; bottom:-22px;}

.tit h2{text-align: center; margin-bottom: 24px;}
.tit h2 span{display: inline-block;height:52px; line-height: 52px; padding:0 32px; position: relative; font-size: 40px; color:#222222; font-weight: bold;letter-spacing:0px; font-family:Arial, Helvetica, sans-serif}
.tit h2 span:before{width:18px; height:1px; background:#000000;content:""; position: absolute;left:0;top:26px;}
.tit h2 span:after{width:18px; height:1px; background:#000000;content:""; position: absolute;right:0;top:26px;}
.tit h2 em{display: block; height:31px; line-height: 31px;font-size: 20px; color:#333333; font-weight: normal;}

.titx h2{text-align: center; margin-bottom: 24px;}
.titx h2 span{display: inline-block;height:52px; line-height: 52px; padding:0 32px; position: relative; font-size: 40px; color:#fff; font-weight: bold;letter-spacing: 2px;}
.titx h2 span:before{width:18px; height:1px; background:#fff;content:""; position: absolute;left:0;top:26px;}
.titx h2 span:after{width:18px; height:1px; background:#fff;content:""; position: absolute;right:0;top:26px;}
.titx h2 em{display: block; height:31px; line-height: 31px;font-size: 20px; color:#fff; font-weight: normal;}