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






/**/
.guide{height:750px; background:#F9F6F2;}
.gui{position: relative;padding-top:102px; }
.gui .gun{height:147px;background:#FBFBFA;padding-top:42px; box-sizing: border-box;position: absolute;left:0;top:-46px;}
.gui .gun li{float:left; width:300px; height:68px;border-right:1px solid #dbdbdb; box-sizing: border-box;}
.gui .gun li span{display: block;  height:43px; text-align: center;}
.gui .gun li span em{display: inline-block; height:43px; line-height: 43px;font-size: 48px; color:#292826;font-family:"Garamond";}
.gui .gun li span i{display: inline-block;font-size: 20px; color:#333333;}
.gui .gun li p{height:25px; line-height: 25px;text-align: center;font-size: 16px; color:#666666;}
.gui .gun li:last-child{border-right:0;}
.gui .gui-left{width:330px; margin-top:77px; float:left;}
.gui .gui-left h4{margin-bottom: 43px;}
.gui .gui-left h4 span{line-height: 59px; font-size: 31px; color:#292826; font-weight: normal;}
.gui .gui-left h4 em{display: block; height:52px; line-height: 52px;font-size: 22px; color:#666666; font-weight: normal;margin-bottom: 24px;}
.gui .gui-left h4 i{display: block; width:79px; height:4px; background:#f88e20;}
.gui .gui-left p{line-height: 34px; font-size: 14px; color:#666666;}
.gui .gui-rig{width:1191px; height:646px; float:right; line-height: 0; overflow: hidden;margin-right: -360px;}
.gui .gui-rig img{width: 100%;}
/**/
.product{height:auto;}
.pro{padding-top:80px;}
.pro h2{text-align: center; margin-bottom: 23px;padding-top:13px; background:url(../images/pro-tit.png) no-repeat top center;}
.pro h2 span{display: block; height:59px; line-height: 59px;font-size: 48px; color:#292826; font-weight: normal;}
.pro h2 em{display: block;height:32px; line-height: 32px;font-size: 20px; color:#666666; font-weight: normal;}
.pro .pro-nav{height:210px;}
.pro .pro-nav ul{height:185px;border:1px solid #e4e0db; box-sizing: border-box;}
.pro .pro-nav ul li{float:left; width:16.3%; height:185px;border-right:1px solid #e4e0db; box-sizing: border-box;position: relative;}
.pro .pro-nav ul li .default a{display: block; padding-top:38px;height:185px; box-sizing: border-box;}
.pro .pro-nav ul li .default i{display: block; width:63px; height:48px; margin:0 auto 18px;}
.pro .pro-nav ul li .default i img{width: 100%;}
.pro .pro-nav ul li .default em{display: block;height:26px; line-height: 26px;font-size: 18px; color:#333333; text-align: center;}
.pro .pro-nav ul li .default p{display: block;height:14px; line-height: 14px;text-align: center;font-size: 12px; color:#999999; text-transform: uppercase;}
.pro .pro-nav ul li:last-child{border-right:0;}
.pro .pro-nav ul li .hover{height:192px;position: absolute; left:0;top:0; padding:3px 24px 0 25px; box-sizing: border-box;width:100%;display: none;}
.pro .pro-nav ul li .hover h4{height:51px; line-height: 51px; margin-bottom: 9px; border-bottom:1px solid rgba(255,255,255,0.2);}
.pro .pro-nav ul li .hover h4 a{display: block; font-size: 20px; color:#FFF;padding-left:49px; font-weight: normal;}
.pro .pro-nav ul li .hover p em{display: block;height: 26px; line-height: 26px;padding-left:9px;}
.pro .pro-nav ul li .hover p em a{display: inline-block; padding-left:11px; font-size: 14px; color:#FFFFFF;background:url(../images/pro-dd.jpg) no-repeat left;}
.pro .pro-nav ul li.pon:hover .default{display: block;}
.pro .pro-nav ul li.pon:hover .hover{display: block;}
.pro dl{height:810px; margin-bottom: 41px;}
.pro dl dt{width:1080px; height:810px; float:left; overflow: hidden; line-height: 0; margin-left: -360px; }
.pro dl dt img{width: 100%; transition: 1s;}
.pro dl dd{width:840px;height:810px;background:#F9F6F2;float:right; margin-right: -360px; box-sizing: border-box;padding:82px 360px 0  85px; position: relative; }
.pro dl dd:before{width:267px; height:603px; background:url(../images/pro-dd.png) no-repeat center;content:"";position: absolute; right:0; bottom:-349px;}
.pro dl dd em{display: block; height:101px; line-height: 42px;font-size: 26px; color:#f88e20; text-transform: uppercase;position: relative;margin-bottom: 31px;}
.pro dl dd em:before{width:17px; height:3px; background: #D5AC76;content:""; position: absolute; left:0;bottom:0;}
.pro dl dd h3{height:146px;border-bottom:1px solid #dcdcdc;}
.pro dl dd h3 span{display: block;height:58px; line-height: 58px;font-size: 40px; color:#292826;}
.pro dl dd h3 i{display: block; height:58px; line-height: 58px;font-size: 40px; color:#292826;}
.pro dl dd p{line-height: 26px; height:114px;font-size: 14px;color:#666666;width:280px;padding-top:28px; box-sizing: border-box;}
.pro dl dd ul{height:120px;border-bottom:1px solid #dcdcdc;border-top:1px solid #dcdcdc;margin-bottom: 53px;}
.pro dl dd ul li{float:left;width:33.3%;padding-top:26px;}
.pro dl dd ul li i{display: block; width:47px; height:38px; margin:0 auto;}
.pro dl dd ul li i img{width:100%;}
.pro dl dd ul li span{display: block; height:42px; line-height: 42px; text-align: center; font-size: 14px; color:#666666;}
.pro dl dd .pro-an span{display: block; width:173px; height:54px;float:left; margin-right: 20px;}
.pro dl dd .pro-an span a{display: block;width:100%;text-align: center;border-radius: 26px; overflow: hidden;}
.pro dl dd .pro-an span a i{display: inline-block; padding-right:39px;font-size: 15px;}
.pro dl dd .pro-an span a.xq{background: #f88e20;height:54px; }
.pro dl dd .pro-an span a.xq i{background:url(../images/pro-xq.png) no-repeat right;color:#FFF;height:54px; line-height: 54px; }
.pro dl dd .pro-an span a.zx{border:3px solid #f88e20;height:48px; line-height: 48px;}
.pro dl dd .pro-an span a.zx i{background:url(../images/pro-zx.png) no-repeat right;color:#666666;}
.pro dl dt:hover img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);}
.pro .pro-ul .bd{overflow: hidden;}
.pro .pro-ul .bd ul li{    float: left;
    width: 31.8%;
    margin-right: 4px;
    border: 1px solid #eee;
    margin-bottom: 15px;
    margin-left: 10px;
}
.pro .pro-ul .bd ul li span{display: block; width:100%; height:292px; line-height: 0; overflow: hidden;}
.pro .pro-ul .bd ul li span img{width:100%; transition: 1s;}
.pro .pro-ul .bd ul li em{display: block; height:45px; line-height: 45px; text-align: center;font-size: 16px; color:#333333;}
.pro .pro-ul .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);}
/**/
.super{background:#F9F6F2;}
.sup{padding:64px 0 112px;}
.sup h2{text-align: center; padding-top:20px;background:url(../images/sup-tit.png) no-repeat top center; margin-bottom: 32px;}
.sup h2 span{display: block; height:59px;line-height: 59px;font-size: 48px; color:#292826; font-weight: normal;}
.sup h2 em{display: block; height:32px; line-height: 32px;font-size: 20px; color:#666666; font-weight: normal;}
.sup ul{width:80.6%;height:663%; margin:0 auto;}
.sup ul li{float:left; width:9.7%;height:663px;margin-left: 39px;}
.sup ul li:first-child{margin-left: 0;}
.sup ul li .default{height:659px;border-top:2px solid #d5d5d5;border-bottom:2px solid #d5d5d5;}
.sup ul li .default i{display: block; width:100%; padding:39px 0; line-height: 0; overflow: hidden;}
.sup ul li .default i img{width: 100%;}
.sup ul li .default em{display: block; height:52px; line-height: 52px;font-size: 46px; color:#f88e20; margin-bottom: 22px;font-family:"Garamond";}
.sup ul li .default span{display: block;height:48px;line-height: 48px;margin-bottom: 28px;font-size: 26px; color:#1a1a1a;}
.sup ul li .default p{line-height: 28px;font-size: 13px; color:#666666;margin-bottom: 83px;}
.sup ul li .default b{display: block; width:41px; height:41px;background:url(../images/sup-jia.png) no-repeat center;}
.sup ul li .hover{display: none;}
.sup ul li .hover dl dt{width:100%; height:534px; line-height: 0; overflow: hidden;}
.sup ul li .hover dl dt img{width:100%; height:100%;}
.sup ul li .hover dl dd{height:132px; background:#f88e20; padding:16px 63px 0; box-sizing: border-box;}
.sup ul li .hover dl dd h4{height:41px; line-height:41px;font-size: 26px; color:#FFF; font-weight: normal; margin-bottom: 3px;}
.sup ul li .hover dl dd p{line-height: 27px;font-size: 16px; color:#FFF;}
.sup ul li.cur{width:62.6%;}
.sup ul li.cur .default{display: none;}
.sup ul li.cur .hover{display: block;}

@media screen and  (min-width:760px) and (max-width:1680px){
   .sup ul{width:90.6%;}
   .sup ul li{margin-left:30px;}
   .sup ul li .default span{font-size:21px;}
}
/**/
.casebj{height:1088px;background: url(../images/casebj.jpg) no-repeat bottom center;}
.case{padding-top:83px;}
.case h2{text-align: center; margin-bottom: 37px;padding-top:16px;background:url(../images/cas-tit.png) no-repeat top center; }
.case h2 span{display: block; height:60px;line-height: 60px;font-size: 48px; color:#292826; font-weight: normal;}
.case h2 em{display: block; height:32px; line-height: 32px;font-size: 20px; color:#666666; font-weight: normal;}
.case .cas-nav{height:96px;}
.case .cas-nav ul li{float:left;width:240px;height: 62px; background:#F5F5F5;}
.case .cas-nav ul li a{display: block; height:62px; padding-left:38px;}
.case .cas-nav ul li a i{display: block; width:28px; height:29px; overflow: hidden;float:left;margin:15px 12px 0 0;}
.case .cas-nav ul li a i img{width: 100%; transition: .5s; }
.case .cas-nav ul li a em{display: block; height:62px; line-height: 62px; float:left;font-size: 20px; color:#292826;}
.case .cas-nav ul li.cur{background:#f88e20;}
.case .cas-nav ul li.cur i img{margin-top: -29px;}
.case .cas-nav ul li.cur em{color:#FFF;}

.case .cas-nav ul li:last-child:hover{background:#f88e20;}
.case .cas-nav ul li:last-child:hover i img{margin-top: -29px;}
.case .cas-nav ul li:last-child:hover em{color:#FFF;}
.case .cas-list{width:1120px; margin:0 auto; position: relative;}
.case .cas-list dl dt{height:630px; line-height: 0; overflow: hidden;}
.case .cas-list dl dt img{width:100%;}
.case .cas-list dl dd{width:1036px; height:180px; background:#FFF; margin:-31px auto 0; position: relative;z-index:300;padding:35px 0 0 61px; box-sizing: border-box;box-shadow: 0px 2px 7px 0px rgba(202, 202, 202, 0.29);}
.case .cas-list dl dd .cas-left{width:757px; height:117px; border-right:1px solid #d6d6d6; float:left;}
.case .cas-list dl dd .cas-left h4{height:50px; line-height: 50px;margin-bottom: 6px;}
.case .cas-list dl dd .cas-left h4 a{font-size: 26px; color:#333333;}
.case .cas-list dl dd .cas-left p{line-height: 24px;width:673px;font-size: 14px; color:#666666;}
.case .cas-list dl dd .cas-rig{float:left; margin-left: 78px;padding-top:85px;}
.case .cas-list .cas-jt{width:92px; height:25px; position: absolute; right:112px; bottom:305px; z-index:500;}
.case .cas-list .cas-jt i{display: block; width:15px; height:25px;float:left; cursor: pointer;}
.case .cas-list .cas-jt i.cas-prev{background:url(../images/cas-prev.png) no-repeat center;}
.case .cas-list .cas-jt i.cas-next{background:url(../images/cas-next.png) no-repeat center;float:right;}
/**/
.ysbj{height:950px;}
.ys{padding-top:0px;}
.ys h2{text-align: center;margin-bottom: 30px;padding-top:16px;background:url(../images/ys-tit.png) no-repeat top center; }
.ys h2 span{display: block; height:60px; line-height: 60px;font-size: 48px; color:#292826; font-weight: normal;}
.ys h2 em{display: block; height:32px; line-height: 32px;font-size: 20px; color:#666666; font-weight: normal;}
.ys .ys-list{position: relative;}
.ys .ys-list dl dt{width:960px; height:720px;float:left; margin-left: -360px; line-height: 0; overflow: hidden;}
.ys .ys-list dl dt img{width:100%; transition: 1s;}
.ys .ys-list dl dd{width:960px;height:720px;background:url(../images/ys-wzbj.jpg) no-repeat center;float:right; margin-right: -360px; padding:109px 360px 0 147px; box-sizing: border-box;}
.ys .ys-list dl dd h4{margin-bottom: 34px;}
.ys .ys-list dl dd h4 span{display: block; height:57px; line-height: 57px;font-size: 42px; color:#292826; font-weight: normal;}
.ys .ys-list dl dd h4 em{display: block; height:42px; line-height: 42px;font-size: 26px; color:#292826; font-weight: normal;}
.ys .ys-list dl dd p{line-height: 29px;height:87px; margin-bottom: 56px;font-size: 14px; color:#666666;}
.ys .ys-list dl dd ul li{float:left; width:127px; height:184px;border:2px solid rgba(60,60,60,0.2);box-sizing: border-box;padding:32px 0 0 13px;margin-left: 35px;}
.ys .ys-list dl dd ul li span em{display: inline-block; height:43px;line-height: 43px;font-size: 46px; color:#333333;font-family:"Garamond";}
.ys .ys-list dl dd ul li span i{display: inline-block;font-size: 16px; color:#434343;}
.ys .ys-list dl dd ul li span b{display: block; height:23px;line-height: 23px;font-size: 16px; color:rgba(67,67,67,0.6); font-weight: normal; margin-bottom: 35px;}
.ys .ys-list dl dd ul li p{line-height: 16px; font-size: 16px; color:#434343;}
.ys .ys-list dl dd ul li:first-child{margin-left: 0;}
.ys .ys-list dl dd ul li:hover{border:2px solid #f88e20;}
.ys .ys-list dl dd ul li:hover span em{color:#f88e20;}
.ys .ys-list dl dd ul li:hover span i{color:#f88e20;}
.ys .ys-list dl dd ul li:hover span b{color:#f88e20;}
.ys .ys-list dl dd ul li:hover p{color:#f88e20;}
.ys .ys-list .ys-nav{width:77px;height:454px;position: absolute; left:562px; top:118px;}
.ys .ys-list .ys-nav i{display: block; width:100%; height:77px;cursor: pointer;}
.ys .ys-list .ys-nav .ys-prev{background:url(../images/ys-prev.jpg) no-repeat center;}
.ys .ys-list .ys-nav .ys-next{background:url(../images/ys-next.jpg) no-repeat center;}
.ys .ys-list .ys-nav ul{height:300px;background:#FFF;padding:4px 3px 0; box-sizing: border-box;}
.ys .ys-list .ys-nav ul li{height:71px;line-height: 0; overflow: hidden; margin-bottom: 3px; position: relative;}
.ys .ys-list .ys-nav ul li img{width:100%;}
.ys .ys-list .ys-nav ul li:before{display: none;width:100%; height:100%;border:3px solid #d5ac76; box-sizing: border-box; content:""; position: absolute; left:0;top:0;}
.ys .ys-list .ys-nav ul li.cur:before{display: block;}
/**/
.newsbj{height:915px;}
.news{padding-top:66px;}
.news h2{text-align: center; margin-bottom: 40px;padding-top:13px; background:url(../images/news-tit.png) no-repeat top center;}
.news h2 span{display: block; height:60px;line-height: 60px; font-size: 48px; color:#292826; font-weight: normal;}
.news h2 em{display: block; height:32px; line-height: 32px; font-size: 20px; color:#666666; font-weight: normal;}
.news .news-nav{height:110px; text-align: center;}
.news .news-nav a{display: inline-block; width:220px; height:45px; font-size: 16px; color:#333333; text-align: center;line-height: 45px; border:1px solid #B8B8B8;margin:0 10px;}
.news .news-nav a.cur{background:#f88e20;border:1px solid #f88e20; color:#FFF;}
.news .news-left{width:572px;float:left;}
.news .news-left dl{height:385px; border-bottom: 1px solid #ebebeb;margin-bottom: 19px;}
.news .news-left dl dt{line-height: 0; overflow: hidden;height:264px; }
.news .news-left dl dt img{width:100%;transition: 1s;}
.news .news-left dl dd{padding-top:15px;height:120px;box-sizing: border-box;}
.news .news-left dl dd .news-fl{width:113px; height:79px; border-right:1px solid #ebebeb;text-align: center;padding-top:11px; box-sizing: border-box;float:left;}
.news .news-left dl dd .news-fl i{display: block;height:44px;line-height: 44px; font-size: 50px; color:#333333;font-family:"Garamond";}
.news .news-left dl dd .news-fl span{display: block;height:22px; line-height: 22px;font-size: 14px;color:#666666;font-family:"Garamond";}
.news .news-left dl dd .news-fr{width:423px; float:left;margin-left: 36px;}
.news .news-left dl dd .news-fr h4{height:34px;line-height: 34px; margin-bottom: 4px;}
.news .news-left dl dd .news-fr h4 a{font-size: 18px; color:#333333; font-weight: normal;}
.news .news-left dl dd .news-fr p{line-height: 20px;width:392px;font-size: 14px; color:#888888;}
.news .news-left .news-con h4{height:31px; line-height: 31px;margin-bottom: 4px;}
.news .news-left .news-con h4 a{font-size: 18px; color:#333333;font-weight: normal;}
.news .news-left .news-con p{line-height: 21px;font-size: 14px; color:#888888;} 
.news .news-left dl:hover dd .news-fr h4 a{color:#f88e20;}
.news .news-left .news-con:hover h4 a{color:#f88e20;}
.news .news-rig{width:567px;float:right;}
.news .news-rig .bd{overflow: hidden;}
.news .news-rig .bd ul li{height:106px; margin-bottom: 26px;}
.news .news-rig .bd ul li dl dt{width:138px; height:106px;float:left; padding-top:26px; box-sizing: border-box;text-align: center;border-right:1px solid #d9d9d9;}
.news .news-rig .bd ul li dl dt i{display: block; height:44px; line-height: 44px;font-size: 50px; color:#333333;font-family:"Garamond";}
.news .news-rig .bd ul li dl dt span{display: block;height:22px;line-height: 22px;font-size: 14px; color:#666666;font-family:"Garamond";}
.news .news-rig .bd ul li dl dd{float:left;width:428px;padding:13px 0 0 35px; box-sizing: border-box;}
.news .news-rig .bd ul li dl dd h4{height:31px;line-height: 31px; margin-bottom: 4px;overflow: hidden;

text-overflow: ellipsis;

white-space: nowrap; 

}
.news .news-rig .bd ul li dl dd h4 a{font-size: 18px; color:#333333; font-weight: normal;}
.news .news-rig .bd ul li dl dd p{line-height: 21px;font-size: 14px; color:#888888;}
.news .news-rig .bd ul li:hover dl dd h4 a{color:#f88e20;}
/**/
.about{height:400px;}
.abo dl{height:700px; margin-bottom: 97px;}
.abo dl dt{width:960px; height:auto;float:right; line-height: 0;overflow: hidden; margin-right: -360px;}
.abo dl dt img{width: 100%; transition: 1s;}
.abo dl dd{width:960px; height:432px; background:url(../images/abo-bj.jpg) no-repeat center; position: relative;padding:40px 97px 0 360px; box-sizing: border-box; margin-left: -360px;}
.abo dl dd:before{width:248px; height:572px;background:url(../images/abo-dd.png) no-repeat center; content:"";position: absolute;left:0; bottom:-272px;}
.abo dl dd h2{margin-bottom: 36px;}
.abo dl dd h2 span{display: block; height:59px;line-height: 59px;font-size: 48px; color:#292826; font-weight: normal;}
.abo dl dd h2 em{display: block; height:32px;line-height: 32px;font-size: 20px; color:#666666; font-weight: normal;}
.abo dl dd p{line-height: 30px;font-size: 16px; color:#666666; margin-bottom: 20px; }
.abo dl dd p a{color:#f88e20;}
.abo dl dd b{display: block; width:296px; height:197px; line-height: 0; overflow: hidden; cursor: pointer;}
.abo dl dd b img{width:100%;}
.abo dl dt:hover img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);}
.abo .abo-left{width:540px;float:left;padding-top:37px;}
.abo .abo-left ul li{float:left;border-right:1px solid #d2d2d2; box-sizing: border-box;}
.abo .abo-left ul li:last-child{border-right:0;}
.abo .abo-left ul li i{display: block; height:29px;line-height: 29px;font-size: 12px; color:rgba(51,51,51,0.82); text-transform: uppercase;font-family:"Garamond";}
.abo .abo-left ul li span{display: block; height:40px; line-height: 40px; font-size: 20px; color:#333333;}
.abo .abo-rig{width:570px; height:140px;float:right; margin-right: -64px;}
.abo .abo-rig ul li{    float: left;
    width: 251px;
    height: 140px;
    border: 2px solid #f88e20; }
.abo .abo-rig ul li a{display: block;height:140px;box-sizing: border-box;padding:18px 0 0 18px;}
.abo .abo-rig ul li i{display: block; width:173px; height:97px; float:left; line-height: 0; overflow: hidden;}
.abo .abo-rig ul li i img{width:100%;}
.abo .abo-rig ul li em{display: block; float:left;margin:22px 0 0 16px;font-size: 16px; color:#333333;}s
.abo .abo-rig ul li:last-child{float:right;}

.modal-backdrop{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: #232526;z-index: 999;}
.modal-backdrop .vd{position: absolute;width: 1200px;height: 600px;top: 50%;left: 50%;transform: translate(-50%, -50%);z-index: 300;}
.modal-backdrop .close{top: 16px;right: 16px;font-size: 24px;line-height: 1;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;}

.product1{background:#f0f1f5 url(../images/product_bg1.jpg) no-repeat center top;padding-top:148px;padding-bottom:50px;max-width:1920px;margin:0 auto;overflow:hidden}
.product1_con{margin-top:102px;position:relative;background:#f0f1f5}
.product1_list dl{height:394px}
.product1_list dt{width:775px;height:394px;float:left;overflow:hidden}
.product1_list dt img{width:775px;height:394px}
.product1_list dd{width:425px;height:394px;background:#f0f1f5;padding:72px 48px 0 52px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;float:right}
.product1_list dd h3 a{display:block;font-size:22px;line-height:100%;color:#333;font-weight:400;position:relative}
.product1_list dd h3 a:before{position:absolute;content:"";width:135px;height:1px;background:#939393;top:3px;left:-139px}
.product1_list dd p{font-size:14px;line-height:24px;color:#333;margin:33px 0 35px}
.product1_list dd .pro_tag span{display:block;float:left;font-size:13px;line-height:23px;color:#333;margin-right:10px;padding:0 11px;border:1px solid #939393;border-radius:2px;-o-transition:all .3s ease;transition:all .3s ease}
.product1_list dd .pro_tag span:hover{border-color:#eb5e20}
.pro_banner_nav,.pro_nav1,.pro_nav3{width:775px;left:0;bottom:34px;text-align:center;font-size:0;line-height:0;height:11px;position:absolute;z-index:9}
.pro_banner_nav li,.pro_nav1 li,.pro_nav3 li{display:inline-block;width:9px;height:9px;border:1px solid rgba(255,255,255,.7);border-radius:50%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:1px 6px;-o-transition:all .3s ease;transition:all .3s ease;cursor:pointer}
.pro_banner_nav li.on,.pro_nav1 li.on,.pro_nav3 li.on{background:#fff;border:2px solid #fff;width:11px;height:11px;margin:0 6px}
.pro_nav2{position:absolute;left:875px;bottom:65px;font-size:26px;line-height:100%;color:#9b9b9b}
.pro_nav2 span{display:inline-block;font-size:28px;line-height:100%;color:#333;padding:0 3px}
.pro_nav2 .cur{font-size:36px;line-height:100%;color:#333}
.pro_next1,.pro_prev1{width:12px;height:23px;padding:20px;position:absolute;top:160px;cursor:pointer}
.pro_prev1{left:-108px}
.pro_next1{right:-108px}
.product_new1{padding-top:36px}
.product_new1 h3 a{display:block;height:18px;margin-bottom:3px}
.product_new1 h3 strong{display:inline-block;font-size:18px;line-height:100%;color:#333;font-weight:400;margin-right:27px}
.product_new1 h3 span{display:inline-block;font-size:14px;line-height:18px;color:rgba(38,38,38,.7);font-weight:400}
.product_new1 li{width:374px;height:315px;float:left;margin-right:39px;position:relative;overflow:hidden}
.product_new1 li img{
    /*width:374px*/
    width: 334px;
    margin-left: 20px;
}
.product_new1 li h4{font-size:16px;line-height:100%;color:#333;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:400;padding-right:60px;background:url(../images/more.png) no-repeat right 3px;padding-bottom:33px;position:absolute;left:5%;bottom:0;width:90%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.product_new1 li h4:after{position:absolute;content:"";width:59px;height:1px;background:#d8d8dc;left:0;bottom:0}
.product_new1 li:last-child{margin-right:0}
.product2{background:#f0f1f5 url(../images/product_bg2.jpg) no-repeat center top;padding-top:98px;padding-bottom:140px;max-width:1920px;margin:0 auto;overflow:hidden}

.ys{padding-top:70px;padding-bottom:61px}
.ys h2{float:left;font-size:36px;line-height:100%;color:#333;font-family:MElleHKS;font-weight:400;letter-spacing:2px}
.ys_nav{float:right}
.ys_nav li{float:left;margin-left:120px;font-size:18px;line-height:100%;color:#333;padding-top:10px;padding-bottom:61px;position:relative;cursor:pointer}
.ys_nav li:after{position:absolute;content:"";width:51px;height:3px;background:#eb5d20;left:50%;margin-left:-25.5px;bottom:-6px;-o-transition:all .3s ease;transition:all .3s ease;border-radius:3px 3px 0 0;opacity:0}
.ys_nav li.on:after,.ys_nav li:hover:after{bottom:0;opacity:1}
.ys_con{clear:both;padding-top:110px;height:646px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;position:relative}
.ys_con:after{position:absolute;content:"";width:1475px;height:646px;background:#f0f1f5;top:0;right:50%;margin-right:-515px;z-index:-1}
.ys_con dd{float:left;width:474px;padding-top:13px}
.ys_con dd i{display:block;font-size:14px;line-height:100%;color:#333;padding-bottom:20px;position:relative}
.ys_con dd i:after{position:absolute;content:"";width:34px;height:1px;background:#ea5d1f;left:0;bottom:0}
.ys_con dd h3{margin:32px 0 37px}
.ys_con dd h3 span{display:block;font-size:28px;line-height:36px;color:#333;font-weight:400}
.ys_con dd .desc p{font-size:14px;line-height:28px;color:rgba(51,51,51,.7);font-size:16px;}
.ys_con dt{width:677px;height:456px;overflow:hidden;float:right}
.ys_con dt img{width:677px}
.ys_switch{position:absolute;left:0;bottom:123px}
.ys_switch .ys_next,.ys_switch .ys_prev{cursor:pointer;width:51px;height:51px;border:2px solid rgba(51,51,51,.4);border-radius:50%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;float:left;margin-right:8px}
.ys_switch .ys_next img,.ys_switch .ys_prev img{width:9px;height:16px;padding:16px 20px}
.news{background:#f0f1f5;padding-top:114px;padding-bottom:158px}
.news h2 strong{color:#333}
.news h2 span{color:#333;background:url(../images/more3.png) no-repeat right center}
.news_con{height:503px}
.news_list{position:relative;width:780px;float:left}
.news_list .news_list_con{overflow:hidden}
.news_list li{width:267px;height:432px;background:#fff;float:left;margin-right:54px;padding:52px 59px 18px 37px;position:relative}
.news_list li:after{z-index:1;position:absolute;content:"";width:100%;height:18px;background:#f0f1f5;left:0;bottom:0}
.news_list li span{display:block;font-size:14px;font-family:PFDinTextCondPro;font-weight:400;color:#333;line-height:1}
.news_list li i{display:block;font-size:60px;font-family:PFDinTextCondPro;font-weight:400;color:#333;line-height:100%;margin-left:-3px;margin-bottom:-3px}
.news_list li h4{font-size:18px;line-height:28px;color:#333;max-height:56px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-weight:400;margin:50px 0 22px}
.news_list li p{font-size:14px;line-height:24px;color:rgba(51,51,51,.76)}
.news_list li .pic{position:absolute;width:295px;overflow:hidden;left:34px;bottom:0;z-index:2}
.news_list li .pic img{width:295px}
.news_next,.news_prev{width:40px;height:40px;position:absolute;cursor:pointer;top:256px}
.news_prev{left:-23px}
.news_next{right:-23px}
.faq{width:363px;height:503px;background:#fff url(../images/news.jpg) no-repeat right bottom;float:right;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:60px 73px 0 50px;position:relative}
.faq h3 a{display:block}
.faq h3 strong{display:block;font-size:24px;line-height:100%;color:#333;font-weight:400}
.faq h3 span{display:block;font-size:14px;line-height:100%;color:rgba(51,51,51,.6);font-weight:400;margin-top:25px}
.faq .hot a{display:block;font-size:18px;line-height:28px;color:#333;max-height:56px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-weight:400;margin:50px 0 20px}
.faq .faq_con{overflow:hidden;height:60px;width:200px;}
.faq .faq_con h4 a{display:block;font-size:14px;line-height:30px;color:#333;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:400}
.faq .more{position:absolute;width:328px;left:25px;bottom:46px}
.faq .more a{display:block;width:328px;height:58px;border:2px solid rgba(104,104,104,.3);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.faq .more a:after{position:absolute;content:"";width:2px;height:56px;background:#cdcdcd;top:0;left:235px}
.faq .more a:hover span{color:#333;letter-spacing:1px}
.faq .more span{display:block;float:left;font-size:14px;line-height:54px;color:rgba(51,51,51,.7);text-indent:30px;-o-transition:all .3s ease;transition:all .3s ease}
.faq .more img{display:block;float:right;width:27px;padding-right:30px;padding-top:22px}