.about1.proton1 ul{width: 520px;}
.about1.proton1{margin-top: 70px;}
.about1.proton1 ul h2{margin-top: 0;}
.proton2{margin-top: 130px;}
.mainh1{color: #0b0827;text-align: center;font-size: 30px;line-height: 32px;}
.proton2 ul{max-width: 1200px;margin:0 auto;padding-top: 50px;}
.proton2 ul li{float: left;width: 30.8%;}
.proton2 ul li:nth-child(3n-1){margin:0 3.75%;}
.proton2 li h2{width: 98px;height: 98px;margin:0 auto;background: url(../images/proico_03.png);background-size: cover;font-size: 40px;color: #fff;text-align: center;line-height: 98px;font-family: 'Helvetica';font-weight: lighter;}
.proton2 li h1{font-size: 20px;color: #333;text-align: center;margin:25px 0 30px 0;}
.proton2 li p{font-size: 14px;line-height: 30px;color: #666;height: 180px;}
.proton2 li:nth-child(2n) h2{background: url(../images/proico_05.png);background-size: cover;}
.proton3{padding-top: 30px;}
.cl{clear: both;}
.protable{width: 1000px;margin:0 auto;margin-top: 50px;border-bottom: 1px solid #f7f7f7}
.protable .protitle{width: 100%;height: 50px;background: #0081dc;}
.protable .protitle li{color: #fff;line-height: 50px;font-size: 14px;float: left;}
.protable .protitle li.tit1{width: 290px;padding-left: 70px;}
.protable .protitle li.tit2{width: 510px;}
.protable ul{height: 50px;}
.protable ul li{float: left;line-height: 50px;font-size: 14px;color: #555;}
.protable ul li:first-child{width: 290px;padding-left: 70px;}
.protable ul li:nth-child(2){width: 510px;}
.protable ul:nth-of-type(2n){background: #f7f7f7;}
.mainh1.white{color: #fff;}
.proton4{margin-top: 137px;min-width: 308px;position: relative;width: 100%;box-sizing: border-box;padding-top: 76px;}
.proton4 .conbg{height: 308px;position: absolute;top: 0;left: 0;width: 100%;z-index: -1}
.proton4 ul{max-width: 1366px;margin:0 auto;margin-top: 70px;}
.proton4 li{width: 18.5%;float: left;margin-right: 1.75%;height: 280px;background: #fff;box-shadow: 0px 0px 12px 2px rgba(187,187,187,.2);}
.proton4 li h1{font-size: 20px;color: #333;padding-top: 30px;text-align: center;}
.proton4 li i{display: block;margin:0 auto;width: 20px;height: 1px;background: #ccc;margin-top: 20px;margin-bottom: 24px;}
.proton4 li p{font-size: 14px;color: #666;line-height: 30px;width: 200px;margin:0 auto;}
.proton4 li:nth-of-type(5n){margin-right: 0;}
.proton4 ul::after{display: block;content: "";clear: both;}
.proton5{padding-top: 138px;}
.protable2 .protitle li.tit1{width: 340px;padding-left: 70px;}
.protable2 .protitle li.tit2{width: 380px;}
.protable2 ul li:first-child{width: 340px;padding-left: 70px;}
.protable2 ul li:nth-child(2){width: 380px;}
.proton6{padding-top: 140px;padding-bottom: 130px;}
.proton6 ul{width: 1340px;margin:0 auto;margin-top: 60px;position: relative;min-height: 170px;}
.proton6 .line{display: block;width: 100%;height: 1px;background: #ddd;position: absolute;z-index: -1;top: 87px;}
.proton6 li{width: 90px;float: left;margin-right: 34px;}
.proton6 li h1{font-size: 40px;color: #cfcfcf;font-family: 'Helvetica';font-weight: lighter;text-align: center;line-height: 42px;}
.proton6 li dt{width: 20px;height: 29px;background: url(../images/proton_11.png);margin:0 auto;margin-top: 30px;}
.proton6 li dd{font-size: 14px;color: #333;line-height: 28px;text-align: center;margin-top: 24px;}
.proton6 li:last-of-type{margin-right: 0;}
.proton6 li:nth-of-type(3n-1) dt{background: url(../images/proton_13.png);}
.proton6 li:nth-of-type(3n) dt{background: url(../images/proton_15.png);}
.proton6 ul::after{display: block;clear: both;content: "";}
.nicety1 .pic{width: 480px;}
.nicety1 .txt{width: 556px;}
.nicety1 .bottom{}
.nicety1 .txt dl{width: 168px;text-align: center;margin:35px 15px 0 0;}
.nicety1 .txt dl dt{background: #fff;width: 98px;height: 98px;margin-bottom: 28px;}
.nicety1 .txt dl:last-child{margin:35px 0 0 0;}
.nicety2 .pic{width: 540px;}
.nicety2 .txt{width: 580px;}
.nicety2 .txt ul h2{margin:0;color: #0b0827;}
.nicetytable{width: 100%;margin-top: 53px;box-shadow: 0px 0px 12px 2px rgba(187,187,187,.2);}
.nicetytable .title{width: 100%;height: 60px;background: #00b0dc;line-height: 60px;text-align: center;color: #fff;font-size: 20px;}
.nicetytable .con{width: 100%;background: #fff;box-sizing: border-box;padding:48px;}
.nicetytable .con li{font-size: 14px;color: #666;line-height: 30px;}
.nicetytable .con ul{float: left;}
.nicetytable .con ul:first-of-type{width: 340px;}
.nicetytable .con::after{display: block;content: "";clear: both;}
.nicety3{clear: both;padding-top: 65px;padding-bottom: 0;}
.nicety3 ul{width: 1340px;margin:0 auto;margin-top: 60px;position: relative;min-height: 170px;}
.nicety3 .line{display: block;width: 100%;height: 1px;background: #ddd;position: absolute;z-index: -1;top: 87px;}
.nicety3 li{width: 180px;float: left;margin-right: 13px;}
.nicety3 li h1{font-size: 40px;color: #cfcfcf;font-family: 'Helvetica';font-weight: lighter;text-align: center;line-height: 42px;}
.nicety3 li dt{width: 20px;height: 29px;background: url(../images/proton_11.png);margin:0 auto;margin-top: 30px;}
.nicety3 li dd{font-size: 14px;color: #333;line-height: 28px;text-align: center;margin-top: 24px;}
.nicety3 li:last-of-type{margin-right: 0;}
.nicety3 li:nth-of-type(3n-1) dt{background: url(../images/proton_13.png);}
.nicety3 li:nth-of-type(3n) dt{background: url(../images/proton_15.png);}
.nicety3 ul::after{display: block;clear: both;content: "";}
.nicety4{padding-top: 120px;padding-bottom: 140px;}
.nicety4 .con{max-width: 1200px;margin:0 auto;padding-top: 50px;}
.nicety4 .lefimg,.nicety4 .rigimg{float: left;}
.nicety4 .lefimg{margin-right: 0.75%;width: 38.9%}
.nicety4 .rigimg{width: 60.25%}
.nicety4 .con::after{display: block;clear: both;content: "";}
.assist1{padding-top: 70px;}
.assist1 ul{max-width: 1000px;margin:0 auto;padding-top: 50px;}
.assist1 ul dl{width: 20%;float: left;}
.assist1 dl dt{width: 98px;height: 98px;margin:0 auto;}
.assist1 dt img{width: 100%;}
.assist1 ul::after{display: block;content: "";clear: both;}
.assist1 dd{text-align: center;padding-top: 20px;color: #666;font-size: 14px;}
.assist2{padding-top: 90px;max-width: 1200px;margin:0 auto;}
.assist2::after{display: block;content: "";clear: both;}
.assist2 .lef h1{color: #0b0827;padding-top: 50px;font-size: 30px;}
.assist2 .lef{float: left;padding-left: 118px;box-sizing: border-box;width: 700px;}
.assist2 .rig{width: 480px;float: right;}
.assist2 .lef ul{padding-top: 60px;}
.assist2 .lef li{width: 180px;height: 46px;box-sizing: border-box;border-radius: 22px;border:1px solid #c4ebf5;}
.assist2 .lef li{font-size: 14px;color: #00b0dc;text-align: center;line-height: 44px;float: left;margin-left: -24px;margin-bottom: 28px;}
.assist2 .lef li::before{content: "";display: inline-block;width: 6px;height: 6px;background: #00b0dc;border-radius: 50%;text-align: center;margin-right: 10px;line-height: 44px;}
.assist2 .lef ul li:nth-of-type(3n+1){margin-left: 0;}
.assist3{padding-top: 96px;}
.assist3 ul{max-width: 1200px;}
.assist3 li{width: 175px;margin-right: 80px;}
.dress1.ecology_list .txt ul h2{line-height: 40px;margin-top: 30px;}
.dress1 .pic:before{ content:""; height:0px; width:0px;border-top: 30px solid #fff;border-right:30px solid transparent; position:absolute; left:0; top:0; z-index:1;}
.dress1 .pic:after{ content:""; height:0px; width:0px;  border-bottom:30px solid #fff; border-left:30px solid transparent; position:absolute; right:0; bottom:0; z-index:1;}
.dress1 .pic{position: relative;overflow: hidden;}
.dress1 .pic img{transition: .5s all ease;}
.dress1 .pic:hover img{transform: scale(1.1,1.1);}
.good1{padding-top: 90px;max-width: 880px;margin:0 auto;}
.good1 li{width: 380px;float: left;margin-right: 118px;}
.good1 li:nth-of-type(2){margin-right: 0;}
.good1 ul::after{display: block;content: "";clear: both;}
.good1 li h1{font-size: 30px;color: #0b0827;margin:28px 0;}
.good1 li p{font-size: 14px;line-height: 30px;color: #666;}
.good2{padding-top: 130px;}
.good2 ul{max-width: 880px;margin:0 auto;margin-top: 50px;}
.good2 ul dl{width: 50%;float: left;}
.good2 ul dt{margin:0 auto;width: 98px;height: 98px;}
.good2 ul dd{font-size: 20px;color: #333;margin-top: 20px;text-align: center;}
.good2 ul::after{display: block;content: "";clear: both;}
.good3 li h2{width: 98px;height: 98px;background: #fff;}
.good3 li:nth-child(2n) h2{background: #fff;}
.good3 li p{text-align: center;}
.proton1 .pic{position: relative;overflow: hidden;}
.proton1 .pic:before{ content:""; height:0px; width:0px;border-top: 30px solid #fff;border-right:30px solid transparent; position:absolute; left:0; top:0; z-index:1;}
.proton1 .pic:after{ content:""; height:0px; width:0px;  border-bottom:30px solid #fff; border-left:30px solid transparent; position:absolute; right:0; bottom:0; z-index:1;}
.proton1 .pic img{transition: .5s all ease;}
.proton1 .pic:hover img{transform: scale(1.1,1.1);}
.nicety1 .pic,.nicety2 .pic{position: relative;overflow: hidden;}
.nicety1 .pic:before{ content:""; height:0px; width:0px;border-top: 30px solid #fff;border-right:30px solid transparent; position:absolute; left:0; top:0; z-index:1;}
.nicety1 .pic:after{ content:""; height:0px; width:0px;  border-bottom:30px solid #fff; border-left:30px solid transparent; position:absolute; right:0; bottom:0; z-index:1;}
.nicety1 .pic img{transition: .5s all ease;}
.nicety1 .pic:hover img{transform: scale(1.1,1.1);}
.nicety2 .pic:before{ content:""; height:0px; width:0px;border-top: 30px solid #fff;border-right:30px solid transparent; position:absolute; left:0; top:0; z-index:1;}
.nicety2 .pic:after{ content:""; height:0px; width:0px;  border-bottom:30px solid #fff; border-left:30px solid transparent; position:absolute; right:0; bottom:0; z-index:1;}
.nicety2 .pic img{transition: .5s all ease;}
.nicety2 .pic:hover img{transform: scale(1.1,1.1);}
.assist2 .rig{position: relative;overflow: hidden;}
.assist2 .rig:before{ content:""; height:0px; width:0px;border-top: 30px solid #fff;border-right:30px solid transparent; position:absolute; left:0; top:0; z-index:1;}
.assist2 .rig:after{ content:""; height:0px; width:0px;  border-bottom:30px solid #fff; border-left:30px solid transparent; position:absolute; right:0; bottom:0; z-index:1;}
.assist2 .rig img{transition: .5s all ease;}
.assist2 .rig:hover img{transform: scale(1.1,1.1);}

@media screen and (max-width:1920px){

}
@media screen and (max-width:1460px){

}
@media screen and (max-width:1360px){
.proton4 ul{max-width: 96%;}
.proton4 li p{width: 80%;}
.proton6 ul{width: 96%;}
.proton6 li{width: 6.7%;margin-right: 2.61%}
.nicety3 li{width: 11.7%;}
.assist3 li{width: 17.7%;}
}
@media screen and (max-width:1230px){
.about1.proton1 ul{width: 48%;}
.proton2 ul{max-width: 96%;}
.nicety1 .txt{width: 50%;}
.nicety1 .pic{width: 45%;}
.nicety2 .pic{width: 40%;}
.nicety2 .txt{width: 55%;}
.nicety1 .txt dl dt{width: 80px;height: 80px;}
.nicety1 .txt dl dt img{width: 100%;}
.nicety4 .con{max-width: 90%;}
.nicety4 .lefimg img, .nicety4 .rigimg img{width: 100%;}
.assist2 .rig{width: 40%;}
.assist2{max-width: 90%;}
.assist2 .lef{padding-left: 5%;width: 45%;}
.assist2 .rig img{width: 100%;}
.assist2 .lef li{width: 45%;}
.assist2 .lef ul li:nth-of-type(3n+1){margin-left: -24px;}
.assist2 .lef ul li:nth-of-type(2n+1){margin-left: 0;}
.dress1.ecology_list .txt ul h2{margin-top: 5px;}

}
@media screen and (max-width:1000px){

.proton2 ul li:nth-child(3n-1){margin:0 0;}
.proton2 ul li{width: 47%;margin-right: 6% !important;}
.proton2 ul li:nth-child(2n){margin:0 0 !important;}
.proton2 ul{max-width: 90%;}
.proton2{margin-top: 60px;}
.mainh1{font-size: 26px;}
.proton2 li p{height: 160px;}
.protable{width: 90%;}
.protable .protitle li.tit1{width: 32%;padding-left: 4%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.protable .protitle li.tit2{width: 51%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.protable ul li:first-child{width: 32%;padding-left: 4%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.protable ul li:nth-child(2){width: 51%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.proton4 li{width: 32%;margin-right: 2%;margin-bottom: 20px;}
.proton4 li:nth-of-type(5n){margin-right: 2%;}
.proton4 li:nth-of-type(3n){margin-right: 0;}
.proton4{margin-top: 80px;padding-top: 50px;}
.proton4 ul{margin-top: 50px;}
.proton4 .conbg{height: 570px;}
.proton5{padding-top: 80px;}
.protable2 ul li:nth-child(2){width: 38%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.protable2 .protitle li.tit2{width: 38%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.protable2 ul li:nth-child(3){width: 26%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.protable2 .protitle li.tit3{width: 26%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.proton6 li{width: 13.8%;margin-right:2.8%;margin-bottom: 24px;}
.proton6 li h1{font-size: 32px;line-height: 32px;}
.proton6 li dt{margin-top: 22px;}
.proton6 .line{top: 74px;}
.proton6 ul::before{content: "";display: block;width: 100%;height: 1px;background: #ddd;position: absolute;z-index: -1;top: 260px;}
.proton6{padding-top: 80px;padding-bottom: 90px;}
.proton2 li h2{width: 80px;height: 80px;line-height: 80px;font-size: 26px;}
.aboutbox .tab::after{display: block;content: "";clear: both;}
.about1.proton1{margin-top: 25px;}
.nicety3 ul::before{top: 284px;}
.nicety3 li{width: 22.2%;}
.nicety1 .txt dl dt{width: 80px;height: 80px;}
.nicety1 .txt dl dt img{width: 100%;}
.nicety3{padding-bottom: 0;padding-top: 40px;}
.nicety4{padding-top: 40px;}
.nicety1 .txt{width: 100%;margin-top: 35px;}
.nicety2 .pic{width: 100%;}
.nicety1 .pic{width: 100%;}
.nicety2 .txt{width: 100%;margin-top: 50px;}
.nicetytable{margin-top: 30px;}
.nicetytable .con li{text-align: left;}
.assist1{padding-top: 45px;}
.assist2{padding-top: 55px;}
.assist2 .lef h1{padding-top: 15px;font-size: 24px;}
.assist2 .lef ul{padding-top: 30px;}
.assist2 .lef{width: 50%;padding-left: 0;}
.assist2 .lef li{margin-bottom: 20px;height: 40px;line-height: 40px;}
.assist3{padding-top: 30px;padding-bottom: 30px;}
.assist3 li{width: 16.8%;}
.assist3 ul::before{display: none;}
.dress1 .pic:before{display: none;}
.dress1 .pic:after{display: none;}
.good1{max-width: 90%;padding-top: 60px;}
.good1 li{width: 48%;margin-right: 4%;}
.good1 li img{width: 100%;}
.good2{padding-top: 60px;}
.good2 ul{max-width: 96%;}
.good2 ul dl{width: 44%;margin:0 3%;}
.good2 ul dd{font-size: 18px;line-height: 32px;}
.good3 li p{height: 110px;}
.proton1 .pic:before{display: none;}
.proton1 .pic:after{display: none;}
.nicety1 .pic:before{display: none;}
.nicety1 .pic:after{display: none;}
.nicety2 .pic:before{display: none;}
.nicety2 .pic:after{display: none;}
.assist2 .rig:before{display: none;}
.assist2 .rig:after{display: none;}

}
@media screen and (max-width:780px){


}
@media screen and (max-width:680px){
.about1.proton1 ul{width: 100%;}
.aboutbox .tab a{/*width: 30%;margin:0 1.5%;*//*float: left;*/display: inline-block;height: 48px;font-size: 12px;}
.proton2 ul li{width: 100%;margin-right: 0 !important;}
.proton2 li p{height: auto;padding-bottom: 20px;}
.protable .protitle li.tit3{width: 13%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.protable ul li:nth-child(3){width: 13%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.proton4 li{width: 100%;margin-right: 0 !important;}
.proton4 ul{max-width: 90%;}
.proton4 li{height: auto;padding-bottom: 20px;}
.proton4 li i{margin-top: 15px;margin-bottom: 15px;}
.proton4 li h1{padding-top: 24px;}
.proton4 .conbg{height: 640px;}
.proton5{padding-top: 50px;}
.proton6 ul::after{content: "";display: block;width: 100%;height: 1px;background: #ddd;position: absolute;z-index: -1;top: 445px;}
.proton6 li{width: 22%;margin-right: 2.9%;}
.proton6 li h1{font-size: 28px;}
.proton6 li dt{margin-top: 12px;}
.proton6 .line{top: 62px;}
.proton6 li dd{margin-top: 12px;line-height: 24px;height: 75px;margin-bottom: 5px;}
.proton6 ul::before{top: 228px;}
.proton6 ul::after{top: 394px;}
.proton6{padding-bottom: 60px;padding-top: 60px;}
.proton6 li{margin-bottom: 0;}
.mainh1{font-size: 22px;}
.protable{margin-top: 40px;}
.proton6 ul{margin-top: 40px;}
.about1.proton1{margin-top: 35px;}
.nicety1 .txt dl{width: 50%;margin:20px 0 0 0;}
.nicetytable .con{padding:20px;}
.nicety2{overflow: visible;}
.nicetytable .con ul:first-of-type{width: 100%;}
.nicety3 li{width: 33.3%;margin-right: 0;margin-bottom: 0;}
.nicety3 li dd{height: 96px;font-size: 12px;}
.nicety3 ul::before{top: 242px;}
.nicety3 ul::after{top: 424px;}
.nicety3{padding-bottom: 0;}
.nicety4 .con{padding-top: 40px;}
.nicety4 .lefimg, .nicety4 .rigimg{float: none;width: 100%;margin-right: 0;}
.nicety4 .lefimg{margin-bottom: 6px;}
.nicety4{padding-bottom: 100px;}
.assist1{padding-top: 20px;}
.assist1 ul dl{width: 33.3%;margin-bottom: 20px;}
.assist1 dl dt{width: 80px;height: 80px;}
.assist1 ul{padding-top: 35px;}
.assist2 .lef,.assist2 .rig{float: none;width: 100%;}
.assist2{padding-top: 20px;}
.assist2 .lef h1{padding-top: 0;font-size: 20px;}
.assist3 ul::after{top:228px; }
.assist3{padding-bottom: 20px;}
.dress1{padding-top: 30px;}
.good1 li h1{font-size: 20px;margin:10px 0;}
.good1 li p{font-size: 12px;line-height: 24px;}
.good2{padding-top: 40px;}
.good2 ul dd{font-size: 14px;line-height: 26px;}
.good1{padding-top: 30px;}
.good3{margin-top: 30px;}
.good3 ul{padding-top: 30px;}
.good3 li h2 img{width: 100%;}
.good3 li h1{margin:15px 0 10px 0;font-size: 18px;}
.nicety1{padding-top: 20px;}
.nicety4{padding-top: 20px;}
}
@media screen and (max-width:470px){
.about_banner h1{margin-top: 100px;}
}
@media screen and (max-width:400px){
.aboutbox .tab a{float: left;display: block;}
}
@media screen and (max-width:350px){

}