@charset "utf-8";
.txtbanner {position:absolute;left:50%;margin-left:-600px;top:50%;margin-top:-150px;}
.hi {display:block;width:210px;height:148px; position:relative;line-height:normal;margin-left:18px;}
.hi strong {display:inline-block;color:#ffa100;font-size:90px;position:absolute;left:33px;top:32px;font-family:"helvetica_neue_ltregular";line-height:90px;font-weight:normal;}
.hi small {color:#000;font-size:26px;position:absolute;right:26px;top:81px;font-family:"微软雅黑";}
.txtbanner h2 {color:#005c4c;font-size:40px;font-weight:normal;line-height:normal;margin-top:5px;margin-left:18px;}
.banner {width:100%;margin:0px auto;overflow:hidden;color:#fff;background-color:#969696;position:relative;}
.banner .slides {position:relative;z-index:20;}
.slider-min {display:none;background-size:cover !important;position:absolute;left:0;top:0;width:100%;height:100%;}
.banner .slides li .slider-min {-webkit-transition:all 1s cubic-bezier(.165,.74,.44,1);transition:all 1s cubic-bezier(.165,.74,.44,1);}
.banner .slides .bimg {-webkit-transition:all 1s cubic-bezier(.165,.74,.44,1);transition:all 1s cubic-bezier(.165,.74,.44,1);}
.banner .slides li.sc-b-c .bimg,.banner .slides li.sc-b-c .slider-min {transform:scale(1.1);-webkit-transform:scale(1.1);opacity:0;}
.banner .slides li img {display:block;width:100%;height:auto;}
.banner .slides li.sc-b-c .bimg {opacity:0;}
.transy {transform:translateY(60px);-webkit-transform:translateY(60px);transition-timing-function:ease-out;-webkit-transition-timing-function:ease-out;transition:700ms;-webkit-transition:700ms;opacity:0;}
.banner li.transShow .hi.transy,.banner li.transShow .txtbanner h2.transy {transform:translate(0,0);-ms-transform:translate(0,0);-webkit-transform:translate(0,0);opacity:1;}
.transShow {transform:translate(0,0);-ms-transform:translate(0,0);-webkit-transform:translate(0,0);opacity:1;}
.banner .slides li img {display:none;}
.slider-min {display:block;}
.banner li {padding:120px 0 130px;}
.txtbanner {position:static;margin:0 auto;}
.indexad {background:#005c4c;}
.txt-wr span {display:inline-block;color:#ffffff;font-size:14px;line-height:35px;float:left;margin-left:18px;}
.txt-wr span:nth-child(2) {float:right;margin-left:0;margin-right:18px;}
.pro-box {margin-top:72px;}
.pro-list {margin:auto;}
.pro-list li {width:20%;float:left;text-align:center;cursor:pointer;padding-bottom:38px;position:relative;}
.pro-list li:before {content:"";width:19px;height:16px;background:url(../images/tio.png) center no-repeat;position:absolute;left:50%;margin-left:-10px;bottom:0;opacity:0;visibility:hidden;transition:200ms;}
.pro-list li figure {display:block;width:131px;height:131px;margin:auto;text-align:center;transition:200ms;position:relative;}
.pro-list li figure:before {content:"";width:100%;height:100%;background:url(../images/radius5.png) center no-repeat;opacity:0;transform:scale(0.5);-webkit-transform:scale(0.5);-moz-transform:scale(0.5);transition:200ms;position:absolute;left:0;top:0;}
.pro-list li figure b {display:block;width:70px;height:66px;margin:auto;position:relative;top:26px;transition:200ms;z-index:10;}
.pro-list li:nth-child(1) figure b {background:url(../images/hy1.png) center no-repeat;}
.pro-list li:nth-child(2) figure b {background:url(../images/hy2.png) center no-repeat;}
.pro-list li:nth-child(3) figure b {background:url(../images/hy3.png) center no-repeat;}
.pro-list li:nth-child(4) figure b {background:url(../images/hy4.png) center no-repeat;}
.pro-list li:nth-child(5) figure b {background:url(../images/hy5.png) center no-repeat;}
.pro-list li figcaption {display:block;text-align:center;color:#000000;font-size:16px;text-align:center;margin-top:22px;}
.pro-list li:hover figure:before,.pro-list li.on figure:before {opacity:1;transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);}
.pro-list li:nth-child(1):hover figure b,.pro-list li:nth-child(1).on figure b {background:url(../images/hy1_1.png) center no-repeat;}
.pro-list li:nth-child(2):hover figure b,.pro-list li:nth-child(2).on figure b {background:url(../images/hy2_1.png) center no-repeat;}
.pro-list li:nth-child(3):hover figure b,.pro-list li:nth-child(3).on figure b {background:url(../images/hy3_1.png) center no-repeat;}
.pro-list li:nth-child(4):hover figure b,.pro-list li:nth-child(4).on figure b {background:url(../images/hy4_1.png) center no-repeat;}
.pro-list li:nth-child(5):hover figure b,.pro-list li:nth-child(4).on figure b {background:url(../images/hy5_1.png) center no-repeat;}
.pro-list li.on:before {opacity:1;visibility:visible;}
.pro-main {background:#005c4c;padding-top:50px;position:relative;overflow:hidden;}
.pro-info {display:none;}
.pro-info:nth-child(1) {display:block;}
.pro-info img {width:50%;float:right;height:auto;max-height:360px;}
.pro-fix {position:absolute;left:50%;top:0;height:100%;margin-left:-600px;}
.pro-text {width:505px;float:left;margin-left:18px;height:100%;box-sizing:border-box;padding-top:50px;position:relative;background:#005c4c;}
.pro-text p {color:#ffffff;font-size:14px; line-height:150%;}
.pro-text a {display:block;width:72px;text-align:center;height:72px;line-height:72px;color:#fff;font-size:14px;background:url(../images/mi2.png) center no-repeat;background-size:cover;position:absolute;left:0;bottom:12%;transition:770ms;}
.pro-text a:before {content:"";width:37px;height:10px;background:url(../images/mi3.png) center no-repeat;position:absolute;left:50%;margin-left:-18px;bottom:11px;transition:750ms;}
.pro-text a:after {content:"";width:0;height:10px;background:url(../images/mi1.png) left center no-repeat;position:absolute;left:50%;margin-left:-18px;bottom:11px;transition:850ms 0ms;}
.pro-text a:hover {background:url(../images/mi.png) center no-repeat;color:#c70029;}
.pro-text a:hover:before {opacity:0;}
.pro-text a:hover:after {width:37px;transition:880ms 200ms;}
.quality-box {padding:50px 0 42px;}
.quality-box h1 {font-weight:normal;text-align:center;color:#fff;font-size:30px;line-height:normal;}
.quality-box h2 {text-align:center;color:#ffffff;font-size:30px;font-weight:normal;padding-bottom:12px;position:relative;margin-bottom:36px;}
.quality-box h2:before {content:"";width:38px;height:1px;background:#fff;position:absolute;left:50%;margin-left:-19px;bottom:0;}
.quality-box p {text-align:left;color:#fff;font-size:14px; line-height:180%;}
.quality-box a {display:block;width:72px;text-align:center;height:72px;line-height:72px;color:#ffffff;font-size:14px;background:url(../images/mi2.png) center no-repeat;margin:auto;margin-top:50px;position:relative;}
.quality-box a:before {content:"";width:37px;height:10px;background:url(../images/mi3.png) center no-repeat;position:absolute;left:50%;margin-left:-18px;bottom:11px;transition:750ms;}
.quality-box a:after {content:"";width:0;height:10px;background:url(../images/mi1.png) left center no-repeat;position:absolute;left:50%;margin-left:-18px;bottom:11px;transition:850ms 0ms;}
.quality-box a:hover {background:url(../images/mi.png) center no-repeat;color:#c70029;}
.quality-box a:hover:before {opacity:0;}
.quality-box a:hover:after {width:37px;transition:880ms 200ms;}