/*banner*/
.banner{height: auto;max-width: 1920px;margin:0 auto!important;position: relative;margin-top: 98px;}
.banner .bd li{float: left;width: 100%;line-height: 0;}
.banner .bd li img{width: 100%;}
.banner .bd li a{display: block;height: 100%;}
.banner .hd{z-index: 1; margin: 0 auto; text-align: center; position: absolute; left: 0; width: 100%; bottom:5%;}
.banner .hd li{width: 10px;height: 10px;background: #bbbbbb;margin: 0 10px;display: inline-block;border-radius: 50%;vertical-align: middle;}
.banner .hd li.on{background: #fff;border:4px solid #53607C;}
.banner .prev{position:absolute;bottom:14%;right: 14%;z-index: 10;cursor: pointer;font-size: 14px;line-height: 14px;}
.banner .prev img{display: inline-block;vertical-align: middle;}
.banner .prev span{display: inline-block;vertical-align: middle;text-transform: uppercase;margin-left: 15px;}
.banner .next{position:absolute;bottom:14%;right: 6.2%;z-index: 10;cursor: pointer;font-size: 14px;line-height: 14px;}
.banner .next img{display: inline-block;vertical-align: middle;}
.banner .next span{display: inline-block;vertical-align: middle;text-transform: uppercase;margin-right: 15px;}
.banner .pageState{font-size: 18px;color: #333;position: absolute;right: 21.25%;bottom: 14%;font-weight: bold;line-height:90%;}
.banner .pageState span{font-size: 42px;}


/*通用标题*/
.tits{text-align: center;font-size: 50px;color: #53607C;line-height: 40px;text-transform: uppercase;font-weight: normal;}
.tits a{display: block;color: #53607C;}
.tits a span{font-weight: bold;margin-left: 20px;}


/*关于-引子*/
.abt{padding-top: 100px;background: #f9f9f9;padding-bottom: 100px;}
.abt .desc{font-size: 16px;color: #666;line-height: 24px;padding:0 100px;text-align: center;margin-top: 32px;margin-bottom: 32px;}
.abt .picc{text-align: center;width: 790px;margin: 0 auto;position: relative;}
.abt .picc:after{content: "";display: block;background: url(../images/abt-line.png) no-repeat;width: 98px;height: 19px;position: absolute;right: -67px;bottom:36px;}
.abt .picc img{display: block;}
.abt .con{margin-top: 62px;}
.abt .con li{float: left;padding: 0 90px;text-align: center;color: #53607C;position: relative;}
.abt .con li:after{content: "";display: block;width: 91px;height: 1px;background: #E5E5E5;position: absolute;right:-45px;top: 24px;}
.abt .con li:first-child{padding-left: 0;}
.abt .con li:last-child{padding-right: 0;}
.abt .con li:last-child:after{display: none;}
.abt .con li em{display: block;font-size: 50px;}
.abt .con li em span{font-size:16px;text-transform: uppercase;margin-left: 7px;}
.abt .con li i{display: block;font-size: 18px;text-transform: uppercase;}


/*工厂相册*/
.gc{padding-top: 100px;}
.gc h2{margin-bottom: 46px;}
.gc-l{float: left;width: 300px;padding-left: 332px;margin-left: -332px;background: url(../images/gc-bg.png) no-repeat;height: 804px;position: relative;margin-right: 19px;}
.gc-l:after{content: "";display: block;top: 329px;background: url(../images/gc-line.png) no-repeat;position: absolute;right: -66px;width: 150px;height: 19px;opacity: 0.8;z-index: 1;}
.gc-l em{display: block;width: 245px;padding-top: 80px;line-height: 30px;color: #333;font-size: 16px;letter-spacing: 0.5px;}
.gc-r{float: left;width: 1208px;margin-right: -608px;}
.gc-r li{margin-right: 18px;margin-bottom: 18px;float: left;width: 595px;height: 360px;position: relative;}
.gc-r li img{width: 595px;height: 360px;}
.gc-r li:nth-child(2),.gc-r li:nth-child(3){margin-right: 0;}
.gc-r li:nth-child(3){width: 1208px;height: 390px;position: relative;}
.gc-r li:nth-child(3) img{width: 1208px;height: 390px;}
.gc-r li em{position: absolute;left: 0;bottom: 0;height: 225px;background: url(../images/gc-cbg.png) repeat-x left top;display: block;width: 100%;color: #fff;font-size:16px;padding-left: 50px;box-sizing: border-box;padding-top: 150px;}
.gc-r li em span{font-size: 30px;font-weight: bold;display: block;line-height: 30px;margin-bottom: 5px;}



/*产品*/
.pro{margin-top: 70px;}
.pro-tit{padding-top: 42px;padding-bottom: 58px;}
.pro-tit li{float: left;width: 240px;cursor: pointer;}
.pro-tit li h3{height: 73px;line-height: 72px;background: #BDBFC4;text-align: center;}
.pro-tit li:nth-child(even) h3{background: #6F7580;}
.pro-tit li p{border:1px solid #e2e2e2;height: 284px;width: 194px;padding-left: 45px;padding-top: 40px;text-align: center;border-top: none;border-right: 0;}
.pro-tit li p a{display: block;color: #666;margin-bottom: 30px;font-size: 12px;line-height: 12px;text-align: left;}
.pro-tit li:last-child p{border-right: 1px solid #e2e2e2;width: 193px;}
.pro-tit li:hover h3{background: #53607C;}
.pro-tit li:hover h3 a{color: #fff;}
.pro-tit li:hover p{background: rgba(83,96,124,0.1);}
.pro-tit li p a:hover{color: #53607C;font-weight: bold;}
.pro-con{}
.pro-l{width: 56.25%;float: left;}
.pro-l dt{display: block;line-height: 0;position: relative;}
.pro-l dt:after{content: "";display: block; width: 19px;height: 150px;position: absolute;left: 32.4%;bottom: -113px;background: url(../images/pro-line.png) no-repeat;}
.pro-l dt img{width: 100%;}
.pro-l dd{margin-left: 32.4%;text-align: center;}
.pro-l dd a{display: block;}
.pro-l dd h3{font-size: 24px;color: #333;padding-top: 60px;text-transform: uppercase;}
.pro-l dd h3 span{font-size: 14px;font-weight: normal;display: block;text-transform:initial;color: #666;}
.pro-l dd em{display: block;margin-top: 37px;margin-bottom: 40px;}
.pro-r{width: 43.75%;float: left;}
.pro-r dl{height: 33.33%;}
.pro-r dl dt{width: 50%;float: left;}
.pro-r dl dt img{width: 100%;}
.pro-r dl dd{text-align: center;float: left;width: 50%;padding-top:60px;}
.pro-r dl dd h3{font-size: 24px;color: #333;}
.pro-r dl dd h3 span{display: block;font-size: 14px;color: #666;font-weight:normal;}
.pro-r dl dd em{display: block;margin-top: 37px;}
.pro-r dl:nth-child(2n) dt{float: right;}

@media screen and (min-width:1580px) {.pro-l dd h3{padding-top: 75px;} .pro-r dl dd{padding-top: 75px;} }
@media screen and (min-width:1900px) {.pro-l dd h3{padding-top: 90px;} .pro-r dl dd{padding-top: 90px;} }



.hz{background: url(../images/hz-bg.jpg) no-repeat center top;height: 326px;margin-top: 100px;padding-top: 100px;}
.hz em{display: block;font-size: 16px;color: #666;line-height: 16px;margin-top: 12px;margin-bottom: 43px;}
.hz li{float: left;width: 195px;height: 117px;margin-right: 6px;display: inline;filter: grayscale(100%);-webkit-filter: grayscale(100%);background: #fff;}
.hz li:last-child{margin-right: 0;}
.hz li img{width: 195px;height: 117px;opacity: 0.3;}
.hz li:hover{filter: grayscale(0%);-webkit-filter: grayscale(0%);}
.hz li:hover img{opacity: 1;}

.why{margin-top: 100px;}
.why h2{margin-bottom: 53px;}
.why-tit{float: left;width: 150px;margin-right: 30px;}
.why-tit li{height: 122px;background: url(../images/ys-tit1.jpg) no-repeat;margin-bottom: 1px;padding-top: 40px;position: relative;transition: all .25s linear;}
.why-tit li:after{content: "";display: block;width:0; height:0; border-top:15px solid transparent; border-bottom:15px solid transparent; border-left:15px solid #53607C;position: absolute;right: -15px;top:0;opacity: 0;transition: all .25s linear;}
.why-tit li:nth-child(even){background: url(../images/ys-tit2.jpg) no-repeat;}
.why-tit li:last-child{margin-bottom: 0;}
.why-tit li em{background: url(../images/ys-tit-line.png) no-repeat center;display: block;font-size: 40px;text-align: center;color: #fff;height: 80px;line-height: 80px;}
.why-tit li.cur{background: url(../images/ys-tith.jpg) no-repeat;}
.why-tit li.cur:after{opacity: 1;top: 65px;}
.why-con{float: left;width: 1020px;}
.why-con dt{line-height: 0;width: 1020px;height: 497px;overflow: hidden;}
.why-con dt img{width: 1020px;height: 497px;}
.why-con dd{padding-top: 50px;padding-left: 18px;}
.why-con dd h3{display: block;font-size: 40px;font-weight:lighter;text-transform: uppercase;color: #333;line-height: 40px;}
.why-con dd h3 span{font-weight: bold;margin-left: 20px;}
.why-con dd p{font-size: 14px;color: #666;line-height: 24px;margin-top: 12px;}


.case{margin-top: 100px;background: url(../images/case-bg.jpg) no-repeat center top;padding-top: 100px;margin-bottom: 100px;}
.case .con{margin-top: 48px;position: relative;}
.case .con dl{float: left;width: 380px;margin-right: 30px;display:inline;}
.case .con dl:last-child{margin-right: 0;}
.case .con dt{width: 380px;height: 323px;display: block;line-height: 0;position: relative;}
.case .con dt img{width: 380px;height: 323px;}
.case .con dt em{position: absolute;width: 60px;height: 69px;background: #BDBFC4;left: 14px;top: 0;line-height: 100%;color: #fff;text-align: center;}
.case .con dt em span{display: block;font-size: 26px;margin-bottom: 5px;padding-top: 17px;}
.case .con dd{display: block;padding: 40px 45px 0;border: 1px solid #E0E0E0;border-top: none;}
.case .con dd h3{font-size: 18px;color: #222;line-height: 24px;}
.case .con dd p{font-size: 14px;line-height: 24px;color: #777;margin-top: 10px;}
.case .con dd em{display: block;font-size: 13px;margin-top: 15px;margin-bottom: 45px;text-transform: uppercase;text-decoration: underline;color: #777;}
.case .con dl:hover dt em{background: #53607C;}
.case .con dl:hover dd{border-color:#53607C}
.case .con dl:hover dd em{color:#53607C;}
.case .case-qh .prev{width: 59px;height: 59px;display: block;position: absolute;left:-90px;top: 130px;display: block;}
.case .case-qh .next{width: 59px;height: 59px;display: block;position: absolute;right:-90px;top: 130px;display: block;}



.new{border-top: 1px solid rgba(35,24,21,0.2);padding-top: 80px;}
.new-l{width: 480px;float: left;}
.new-l h3{font-size: 20px;font-weight: normal;line-height: 20px;height: 70px;}
.new-l h3 a{color: #666;margin-right: 54px;float: left;}
.new-l h3 a:last-child{margin-right: 0;}
.new-l h3 a.cur{font-weight: bold;color: #53607C;}
.new-l .con li{height: 145px;}
.new-l .con li em{float: left;width: 396px;}
.new-l .con li em b{display: block;font-size: 16px;color: #231815;line-height: 24px;margin-bottom: 10px;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;background: url(../images/new-jt.png) no-repeat left 4px;padding-left:36px;font-weight: normal;}
.new-l .con li em span{font-size: 13px;color: rgba(35,24,21,1);opacity: 0.6;line-height: 26px;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;max-height: 78px;}
.new-l .con li i{float: right;text-align: center; width: 60px;}
.new-l .con li i b{font-size: 50px;color: #231815;display: block;line-height: 40px;margin-bottom: 10px;margin-top: 12px;font-weight: normal;}
.new-l .con li i span{display: block;background: url(../images/new-dot.png) no-repeat center;text-transform: lowercase;}
.new-r{width: 500px;float: right;}
.new-r h3{font-size: 22px;font-weight: bold;color: #53607C;line-height: 22px;}
.new-r h3 span{display: block;font-size: 14px;color: rgba(35,24,21,0.6);font-weight: normal;margin-top: 3px;}
.new-r ul{margin-top: 60px;}
.new-r ul li{display: block;margin-bottom: 32px;}
.new-r ul li span{display: block;font-weight: bold;font-size: 16px;color: #666;}
.new-r ul li input,.new-r ul li textarea{border:none;width: 100%;background: url(../images/new-line.png) no-repeat left bottom;height: 32px;line-height: 32px;color: #666;}


.foot{margin-top: 75px;background:#4C5975 url(../images/foot-bg.jpg) no-repeat center top;height: 356px;padding-top: 90px;overflow: hidden;}
.foot-t{height: 268px;}
.foot-t .foot-nav{float: left;}
.foot-t .foot-nav dt{float: left;width: 270px;margin-right: 30px;display: inline;}
.foot-t .foot-nav dt h3,.foot-t .foot-nav dd h3{color: #fff;font-size: 22px;}
.foot-t .foot-nav dt p,.foot-t .foot-nav dd p{font-size: 13px;line-height: 12px;text-transform: uppercase;margin-top: 38px;}
.foot-t .foot-nav dt p a,.foot-t .foot-nav dd p a{color: #fff;display: block;height: 10px;margin-bottom: 20px;}
.foot-t .foot-nav dd{float: left;width: 300px;}
.foot-t .foot-info{width: 500px;float: right;}
.foot-t .foot-info h3{color: #fff;font-size: 22px;margin-bottom: 26px;}
.foot-t .foot-info p{font-size: 15px;color: #fff;line-height: 30px;}
.foot-b{height: 88px;line-height: 88px;color: #fff;}
.foot-b-l{float: left;opacity: 0.4;font-size: 14px;}
.foot-b-l span{margin-left: 50px;}
.foot-b-l span a{color: #fff;}
.foot-b-r{float: right;padding-top: 30px;height: 58px;}
.foot-b-r a{display: inline-block;vertical-align: top;}
.foot-b-r a:after{content: "";color: #fff;width: 1px;height: 29px;background: #67779A;display: inline-block;vertical-align: top;margin: 0 25px;}
.foot-b-r a:last-child:after{display: none;}