/*banner*/
.banner{height: auto;max-width: 1920px;margin:0 auto!important;position: relative;}
.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 .prev{position:absolute;top:45%;left:2.5%;z-index: 10;cursor: pointer;display: none;}
.banner .next{position:absolute;top:45%;right:2.5%;z-index: 10;cursor: pointer;display: none;}
.banner i{text-align: center;width: 60px; height: 60px;border-radius: 50%;background: rgba(0,0,0,0.5);}
.banner i img{height: 30px;display: inline-block;margin-top: 15px;}
.banner .hd{z-index: 1; margin: 0 auto; text-align: center; position: absolute; left: 0; width: 100%; bottom:10%;}
.banner .hd li{width: 14px;height: 14px;background: #fff;margin: 0 10px;display: inline-block;border-radius: 20px;cursor: pointer;transition: all .25s linear;}
.banner .hd li.on{background: #006428;width: 40px;}
.banner:hover .prev,.banner:hover .next{display: block;}


.yz{ background: #f6f6f6; padding-bottom:30px;}
.yz-t{ box-shadow:0px 0px 12px 10px rgba(12,12,12,0.1); position: relative; z-index: 1; margin-top: -31px;background: #fff; }
.yz-t li{float: left;width: 200px;box-sizing: border-box;border-right: 1px solid #e5e5e5;height: 240px;padding: 27px 0 0 20px;position: relative; overflow: hidden;}
.yz-t li:last-of-type{border-right: none;}
.yz-t li h3{font-size: 18px;line-height: 18px;display: block;margin-bottom: 16px;color: #000;}
.yz-t li h3 a{color: #000;}
.yz-t li p{font-size: 12px;color: #666;display: block;line-height: 24px;width: 110px;}
.yz-t li > a{display: block;width: 120px;height: 40px;background: #333;color: #fff;text-align: center;line-height: 40px;font-size: 14px;margin-top: 24px;}
.yz-t li img{ position: absolute; width:70px; right: 0; bottom: 32px; filter: grayscale(100%);-webkit-filter: grayscale(100%); opacity: 0.15; transition: all .25s linear;}
.yz-t li:hover{background:#d5ead7;}
.yz-t li:hover>a{ background:#006428; background:linear-gradient(-90deg,rgba(182,0,129,1),rgba(215,107,166,1));}
.yz-t li:hover h3 a{ color:#006428; }
.yz-t li:hover img{filter: grayscale(0%);-webkit-filter: grayscale(0%);opacity: 1;}
.yz-b{height: 80px;line-height: 80px;border-bottom: 1px solid #ededed;}
.yz-b > b{margin-right: 10px;display: inline-block;vertical-align: middle;}
.yz-b > b i{color: #006428;}
.yz-b .tempWrap{display: inline-block;line-height: 14px;vertical-align: middle;width: 1128px;height: 13px;}
.yz-b .item{}
.yz-b ul{height: 14px;}
.yz-b ul li{font-size: 14px;height: 14px;border-left: 4px solid #BEBEBE;padding-left: 9px;box-sizing: border-box;float: left;line-height: 14px;width: 363px;}


/*公共标题*/
.title{text-align: center;font-size: 40px;line-height: 40px;font-weight: normal;letter-spacing: 1.2px;font-weight: lighter;}
.title a{color: #000;}
.title b{margin-left: 12px;}
.title em{display: block;font-size: 18px;line-height: 18px;margin-top: 16px;color: #666;font-weight: normal;}


/*产品中心*/
.pro{background:#f6f6f6; height: 952px; box-sizing: border-box; padding-top: 100px;}
.pro .con{ background: #ffffff; height: 640px; box-sizing: border-box; padding: 40px 35px 0 50px; margin-top: 40px; box-shadow: 0px 0px 12px 10px rgba(12,12,12,0.05);}
.pro-t{float: right;width:338px;position: relative;z-index: 1;}
.pro-t > h3{font-size: 36px;line-height: 36px;padding-left: 48px;background: url(../images/pro-icon1.png) no-repeat left top;height: 105px;margin-top: 40px;}
.pro-t > h3 a{color: #006428;background: url(../images/pro-sj.png) no-repeat 228px 8px;display: block;}
.pro-t > h3 span{display: block;font-size: 12px;opacity: 0.3;line-height: 12px;margin-top: 7px;}
.pro-t li h3{position: relative;padding-top: 10px;padding-bottom: 10px;border-bottom: 1px solid #E0E0E0;transition: all .25s linear;}
.pro-t li h3 i{width: 28px;height: 28px;border-radius: 50%;overflow: hidden;display: block;text-align: center;line-height: 28px;font-size: 16px;color: #7E8791;display: inline-block;vertical-align: top;margin-right: 20px;background: url(../images/pro-circle.png);}
.pro-t li h3 em{display: inline-block;vertical-align: top;padding-top: 6px;font-size: 16px;line-height: 16px;}
.pro-t li h3 span{display: block;font-size: 12px;text-transform: uppercase;font-weight: lighter;margin-top: 7px;transform: scale(0.8,0.8);margin-left: -10px;color: #666;line-height: 12px;}
.pro-t li h3 img{width: 37px;height: 28px;position: absolute;right: 21px;top: 10px;}
.pro-t li p{height: 0;overflow: hidden;transition: height .25s linear;box-sizing: border-box;margin-left: 49px;padding: 0 0;}
.pro-t li p a{display: block;}
.pro-t li.cur h3{background: #F3F3F3;width: 413px;margin-left: -29px;padding-left: 29px;box-sizing: border-box;border-bottom: none;}
.pro-t li.cur h3 img{right: 62px;}
.pro-t li.cur p{display: block;padding: 19px 0;height: 134px;}
.pro-t li.cur p a{display: block;font-size: 16px;color: #211F1F;line-height: 48px;background: url(../images/pro-xsj.png) no-repeat 225px center;}
.pro-t li.cur p a:hover{background: url(../images/pro-xsjh.png) no-repeat 225px center;color: #006428;}
.pro-t li.cur i{background: url(../images/pro-circleh.png);color: #fff;}
.pro-c{float: left;width: 746px;height: 559px;overflow: hidden;}
.pro-c img{width: 746px;height: 559px;display: block;}


/*制造实力*/
.sl{padding-top: 100px;padding-bottom: 100px;}
.sl h2{margin-bottom: 30px;}
.sl-l{float: left;width: 898px;height: 673px;overflow: hidden;position: relative;}
.sl-l dt{width: 898px;height: 673px;display: block;overflow: }
.sl-l dt img{width: 898px;height: 673px;display: block;}
.sl-l dd{position: absolute;left: 0;bottom: 0;width: 100%;height: 120px;box-sizing: border-box;background: rgba(255,255,255,0.9);box-sizing: border-box;padding:42px 60px 0;}
.sl-l dd b{font-size: 20px;display: inline-block;color: #000;vertical-align: top;height: 37px;border-right: 1px solid #B0B0B0;padding-right: 42px;margin-right: 37px;line-height: 20px;}
.sl-l dd span{display: inline-block;font-size: 16px;color: #666;line-height: 26px;width: 600px;margin-right: -4px;vertical-align: top;margin-top: -5px;}
.sl-r{float: right;height: 673px;position: relative;overflow: hidden;}
.sl-r li{margin-bottom: 15px;box-sizing: border-box;transition: all .15s linear;border: 0px solid #e70085;}
.sl-r li img{width: 285px;height: 214px;display: block;transition: all .15s linear;}
.sl-r li.cur,.sl-r li:hover{border: 6px solid #e70085;}
.sl-r li.cur img,.sl-r li:hover img{width: 274px;height: 203px;}
.sl-r .prev1{position: absolute;top: 0;left: 75px;cursor: pointer;line-height:0;}
.sl-r .next1{position: absolute;bottom: 1px;left: 75px;cursor: pointer;line-height:0;}


/*核心优势*/
.ys{ background:#ffffff; height: 1150px; box-sizing: border-box; padding-top: 85px;}
.ys .con{ margin-top: 47px; background: #fff; padding: 16px 24px 0 20px; height: 600px; box-sizing: border-box;position: relative; box-shadow: 0px 0px 12px 10px rgba(12,12,12,0.05);}
.ys-t li{float: left; width: 127px; height: 128px; box-sizing: border-box; border:2px solid rgba(102,102,102,0.2); margin-right: 20px; text-align: center; padding-top: 10px; }
.ys-t li:last-of-type{margin-right: 0;}
.ys-t li img{display: block;margin: 0 auto;}
.ys-t li b{display: block; font-size: 16px; color: #333; margin-top: 10px;}
.ys-t li span{display: block;font-size: 12px; color: #999; line-height: 18px; margin-top: 10px; padding: 0 10px;}
.ys-t li.cur{border-color:#006428;}
.ys-t li.cur b{color: #006428;}
.ys-t2{position: absolute;right: 24px;top: 387px;}
.ys-t2 span{font-size: 28px;color: #006428;line-height: 80%;font-weight: bold;margin-right: -3px;}
.ys-t2 em{font-size: 16px;color: #b1b1b1;line-height: 12px;}
.ys-c{height: 406px;margin-bottom: 13px;}
.ys-c dt{float: left;width: 776px;height: 406px;display: block;overflow: hidden;}
.ys-c dt img{display: block;width: 776px;height: 406px;}
.ys-c dd{padding: 70px 0 0 45px;width: 380px;float: left;box-sizing: border-box;position: relative;}
.ys-c dd h3{font-size: 36px;color: #006428;line-height: 36px;width: 37px;border-bottom: 2px solid #006428;white-space: nowrap;padding-bottom: 18px;margin-bottom: 26px;}
.ys-c dd h3 span{display: block;font-size: 24px;color: #333;font-weight: normal;line-height: 24px;margin-top: 17px;}
.ys-c dd p{font-size: 14px;line-height: 27px;color: #b1b1b1;padding-right: 25px;}
.ys-c dd em{position: absolute;right: -50px;top: -50px;z-index: 1;}


/*合作案例*/
.case{ padding-top: 97px; padding-bottom: 100px; background:#f6f6f6;}
.case-c{ margin-top: 40px; }
.case-c dl{ float: left; width: 285px; margin-right: 20px; display: inline;}
.case-c dl:last-of-type{ margin-right:0;}
.case-c dl dt{width: 285px;height: 213px;display: block;overflow: hidden;}
.case-c dl dt img{width: 285px;height: 213px;display: block;}
.case-c dl dd{  width:100%;  box-sizing: border-box;}
.case-c dl dd a{ width:100%; font-size: 16px; line-height: 40px; color: #333; text-align:center; display: block;}
.case-c dl dd h4 a{font-size: 16px;line-height: 24px;display: block;color: #333;height: 96px;overflow: hidden;}
.case-c dl dd em a{font-size: 15px;color: #006428;border-top: 1px solid #EDEDED;display: block;line-height: 60px;height: 60px;}
.case-c dl:hover dd{background:#006428;background:linear-gradient(-90deg,rgba(0,100,40,1),rgba(90,180,126,1));}
.case-c dl:hover dd a{color: #fff;}
.case-c dl:hover dd h4 a{color: #fff;}
.case-c dl:hover dd em a{color: #fff;background: url(../images/case-more.png) no-repeat 205px center;}
.case-more a{width: 472px;height: 50px;border:2px solid #B1B1B1;box-sizing: border-box;margin: 47px auto 0;text-align: center;line-height: 46px;color: #333;font-weight: bold;background: url(../images/case-more2.png) no-repeat 444px center;display: block;}
.case-more a:hover{background:#006428 url(../images/case-more2h.png) no-repeat 444px center;border-color:#006428;color: #fff;}


/*荣誉资质*/
.ry{padding-bottom: 100px;padding-top:97px; background:#ffffff;}
.ry-t h2{font-size: 40px;font-weight: normal;color: #000;text-align: center;font-weight: lighter;text-align: center;line-height: 40px;}
.ry-t h2 a{display: inline-block;}
.ry-t h2 a:nth-of-type(1){margin-right: 50px;position: relative;}
.ry-t h2 a:nth-of-type(1):before{content: "";display: block;width: 23px;height: 31px;background: url(../images/ry-line.png);position: absolute;right: -40px;top: 8px;}
.ry-t h2 a.cur{font-weight: normal; color: #006428;}
.ry-t em{text-align: center;display: block;margin-top: 20px;line-height: 18px;font-size: 18px;color: #333;}
.ry-b{margin-top: 40px;}
.ry-b li{float: left;width: 285px;height: 213px;margin-right: 20px;display: inline;background:#ddd;}
.ry-b li:last-child{margin-right: 0;}
.ry-b li img{width: 285px;height: 213px;display: block;opacity:0.8;}
.ry-b .more{width: 472px;height: 50px;border:2px solid #B1B1B1;box-sizing: border-box;margin: 47px auto 0;text-align: center;line-height: 46px;color: #333;font-weight: bold;background: url(../images/case-more2.png) no-repeat 444px center;display: block;}
.ry-b .more:hover{background:#006428 url(../images/case-more2h.png) no-repeat 444px center;border-color:#006428;color: #fff;}


/*好掌柜简介*/
.abt{padding: 70px 0; position: relative; background:#ffffff;}
.abt:after{content: "";display: block;width: 50%;position: absolute;left: 50%;bottom: 60px;background: #EBEBEB;height: 1px;}
.abt dt{width: 960px;height: 543px;float: left;margin-left: -360px;}
.abt dt img{width: 960px;height: 543px;display: block;}
.abt dd{width: 653px;height: 546px;float: left;margin-left: 30px;display: inline;margin-right: -83px;background: url(../images/abt-bg.jpg) no-repeat left bottom;padding-left: 70px;box-sizing: border-box;padding-top: 47px;}
.abt dd h2{font-size: 40px;font-weight: lighter;line-height: 40px;}
.abt dd h2 span{display: block;font-size: 18px;line-height: 18px;color: #333;font-weight: normal;margin-top: 19px;}
.abt dd p{font-size: 15px;color: #888;line-height: 28px;margin-top: 34px;margin-bottom: 80px;}
.abt-c li{float: left;margin-right: 8px;}
.abt-c li img{width: 246px;height: 184px;display: block;}
.abt-t{text-align: center;width: 500px;}
.abt-t li{width: 8px;height: 8px;border-radius: 50%;background: #333;display: inline-block;margin:0 3px;line-height: 0;margin-top: 10px;}
.abt-t li.cur{background: #008CD6;}


/*资讯中心*/
.new{ background: #f6f6f6; padding-top: 100px; padding-bottom: 100px;}

.new-b{float: left;width: 590px;margin-right: 20px;display: inline;margin-top: 40px;}
.new-b.last{margin-right: 0;}
.new-b h3{ text-align: center; display: block; background: #d6ebd8; height: 200px;font-size: 22px; line-height: 22px; font-weight: normal; margin-top: 20px; padding-top: 50px; box-sizing: border-box;}
.new-b h3 a{color: #666;}
.new-b h3:hover a{color:#006428;}
.new-b h3 img{display: block;margin: 0 auto;width: 53px;height: 53px;margin-bottom: 18px;}
.new-b h3 span{display: block; font-size: 14px; line-height: 14px; color: #666; margin-top: 9px; text-transform:uppercase;}
.new-b .con-b{ background: #fff; padding: 26px 30px; box-sizing: border-box; height: 352px;}
.new-b dl{border-bottom: 1px dashed #f3f0f3;}
.new-b dt{width: 128px;height: 72px;float: left;margin-bottom: 13px;overflow: hidden;}
.new-b dt img{width: 128px;height: 72px;display: block;}
.new-b dd{float: left;width:215px;margin-left: 10px;display: inline;}
.new-b dd h4 a{font-size: 16px;line-height: 16px;display: block;color: #666;font-weight: normal;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;}
.new-b dd h4 a:hover{color: #006428;}
.new-b dd p{font-size: 13px;color: #999;line-height: 16px;margin-top: 10px;}
.new-b dl dd:hover p{text-decoration: underline;}
.new-b ul{padding-top: 10px;}
.new-b ul li a{display: block;line-height: 30px;font-size: 15px;color: #666;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;}
.new-b ul li a:hover{color: #006428;}

.new-c{float: left;width: 390px;margin-right: 15px;display: inline;margin-top: 40px;}
.new-c.last{margin-right: 0;}
.new-c h3{ text-align: center; display: block; background: #d6ebd8; height: 200px;font-size: 22px; line-height: 22px; font-weight: normal; margin-top: 20px; padding-top: 50px; box-sizing: border-box;}
.new-c h3 a{color: #666;}
.new-c h3:hover a{color:#006428;}
.new-c h3 img{display: block;margin: 0 auto;width: 53px;height: 53px;margin-bottom: 18px;}
.new-c h3 span{display: block; font-size: 14px; line-height: 14px; color: #666; margin-top: 9px; text-transform:uppercase;}
.new-c .con{background: #fff;padding: 26px 8px 0 16px;box-sizing: border-box;height: 314px;}
.new-c dl{border-bottom: 1px dashed #f3f0f3;}
.new-c dt{width: 128px;height: 72px;float: left;margin-bottom: 13px;overflow: hidden;}
.new-c dt img{width: 128px;height: 72px;display: block;}
.new-c dd{float: left;width:215px;margin-left: 10px;display: inline;}
.new-c dd h4 a{font-size: 16px;line-height: 16px;display: block;color: #666;font-weight: normal;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;}
.new-c dd h4 a:hover{color: #006428;}
.new-c dd p{font-size: 13px;color: #999;line-height: 16px;margin-top: 10px;}
.new-c dl dd:hover p{text-decoration: underline;}
.new-c ul{padding-top: 10px;}
.new-c ul li a{display: block;line-height: 40px;font-size: 15px;color: #666;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;}
.new-c ul li a:hover{color: #006428;}


/*首页留言*/
.fix{background:#006428;background:linear-gradient(-90deg,rgba(182,0,129,1),rgba(215,107,166,1));height: 128px;box-sizing: border-box;position: fixed;bottom: 0;left: 0;width: 100%;padding-top: 40px;z-index:99;}
.fix em{float: left;background: url(../images/fix-tel.png) no-repeat left center;color: #fff;height: 48px;padding-left: 57px;font-size: 28px;line-height: 24px;text-align: right;}
.fix em span{display: block;font-size: 14px;line-height: 14px;margin-bottom: 9px;}
.fix-input{float: left;width:750px;margin-right:-20px;margin-left:60px;}
.fix-input input[type="text"],.fix-input textarea{float: left;width: 228px;height: 50px;line-height: 50px;border: none;background: #fff;margin-right: 20px;text-indent: 19px;color: #777;padding:0;font-family:"微软雅黑";}
.fix .submit{float:right;width: 152px;}
.fix .submit b{color:#fff;}
.fix .submit .form-btn-submit{border: none;background: #2B99F1;color: #fff;height: 50px;line-height: 50px;text-align: center;width:152px;cursor:pointer;}
.fix-input li span{display:none;}
.fix .submit .form-btn-reset{display:none;}
.fix-close{position: absolute;left: 50%;top: 12px;width: 15px;margin-left: 585px;opacity: 0.3;cursor: pointer;transition: all .35s linear;}
.fix-close:hover{opacity: 1;transform: rotate(-90deg);}
.fix-close img{width: 100%;}
.fix-open{position: fixed;left: 0;bottom:5%;width: 0;height: 80px;background: #006428;background: linear-gradient(-90deg,rgba(182,0,129,1),rgba(215,107,166,1));padding-top: 25px;text-align: center;box-sizing: border-box;overflow:hidden;}
.fix-open img{width:50%;}