body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,input{margin:0px;padding:0px;}
*html{background-image:url(about:blank);background-attachment:fixed;}
img{border:none;}
body {color:#666; font: 62.5%/1.5;background-color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;}
ul,ol,li,form, dl {list-style: none;}
p{margin:0px; padding:0px;}
a{text-decoration:none;color:#434343;}
a:hover {text-decoration:none;}
div{ margin:0 auto;}
::-webkit-scrollbar{width:2px;height:11px;border:none;background:#17b794  !important}::-webkit-scrollbar-track-piece{border:none;position:absolute;padding:0;box-shadow:none;background-color:#17b794  ;border-radius:1px}::-webkit-scrollbar-thumb:vertical{background-color:#17b794  ;border-radius:0;border:none}::-webkit-scrollbar-thumb:horizontal{background-color:#17b794  ;border-radius:0;border:none}::-webkit-scrollbar{width:2px;height:12px}::-webkit-scrollbar-button:vertical{display:none}::-webkit-scrollbar-track:vertical{background-color:#17b794}::-webkit-scrollbar-track-piece{background:#fff}::-webkit-scrollbar-thumb:vertical{background-color:#17b794  ;border-radius:5px}::-webkit-scrollbar-thumb:vertical:hover{background-color:#17b794  }::-webkit-scrollbar-corner:vertical{background-color:#17b794  }::-webkit-scrollbar-resizer:vertical{background-color:#17b794  }
.text-box{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;flex-direction:column;-webkit-flex-direction:column;-moz-flex-direction:column;-ms-flex-direction:column;-o-flex-direction:column}
.box-flex{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-align:center;-webkit-align-items:center;align-items:center}
.pull-overflow,.AcUi-overflow{overflow:hidden;}
.text-center .img-responsive{margin:auto;}
.container{padding: 0}
@media(max-width: 760px){
    .container{padding: 0 5px;}
}
/*Header button*/
.header-button{margin-right:2%;margin-top:5px;position:relative; height:50px;width:30px;cursor:pointer;}
.header-button:after,.header-button:before{position:absolute;left:0;width:100%;height:2px;background:#17b794;content:"";transition:ease 0.5s;-webkit-transition:ease 0.5s;-moz-transition:ease 0.5s;-o-transition:ease 0.5s;}
.header-button:after{bottom:13px;}
.header-button:before{top:13px;}
.header-button span{display:block;height:2px;width:100%;background:#17b794;position:absolute;top:50%;left:0;border-radius:2px;margin-top:-1px;transition:ease 0.5s;-webkit-transition:ease 0.5s;-moz-transition:ease 0.5s;-o-transition:ease 0.5s;}
.header-button.active:after{transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform-origin:0 100%;-webkit-transform-origin:0 100%;-ms-transform-origin:0 100%;-moz-transform-origin:0 100%;-o-transform-origin:0 100%;left:5px;bottom:13px;}
.header-button.active:before{transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform-origin:0 100%;-webkit-transform-origin:0 100%;-ms-transform-origin:0 100%;-moz-transform-origin:0 100%;-o-transform-origin:0 100%;top:13px;left:5px;}
.header-button.active span{opacity:0}
/* Footer Button */
#footer-button{height:60px;background:#17b794;border-top:solid 1px #0c886d;z-index: 9;}
#footer-button a{border-top:solid 1px #5efbd9;border-right:solid 1px #5efbd9;height:60px;border-left:solid 1px #0c886d;text-align:center;overflow:hidden}
#footer-button a i.Yc-icon{line-height:30px;height:30px;color:#fff;font-size:2.6rem;margin-top:5px;display:block}
#footer-button a span{font-size:14px;color:#fff;}
/* Fonts */
@font-face {
    font-family: 'iconfont';  /* project id 2164519 */
    src: url('//at.alicdn.com/t/font_2164519_lpvcgc9ilr9.eot');
    src: url('//at.alicdn.com/t/font_2164519_lpvcgc9ilr9.eot?#iefix') format('embedded-opentype'),
    url('//at.alicdn.com/t/font_2164519_lpvcgc9ilr9.woff2') format('woff2'),
    url('//at.alicdn.com/t/font_2164519_lpvcgc9ilr9.woff') format('woff'),
    url('//at.alicdn.com/t/font_2164519_lpvcgc9ilr9.ttf') format('truetype'),
    url('//at.alicdn.com/t/font_2164519_lpvcgc9ilr9.svg#iconfont') format('svg');
}
.Yc-icon{ font-family:"iconfont" !important;
    font-size:16px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.1px;
    -moz-osx-font-smoothing: grayscale;
}
/*header*/
#header{height: 100px;background: rgba(0,0,0,.4);padding: 10px 0;transition: all .3s;-webkit-transition: all .3s;-moz-transition: all .3s;-o-transition: all .3s}
.header-logo{width: 310px;height: 64px;margin-top: 13px;background-size: contain;background: url(../images/logo_1.png) no-repeat left center;overflow: hidden}
.header-logo a{display: block;width: 100%;height: 100%;opacity: 0}
.header-nav li{float: left;position: relative;padding: 0 20px;}
.header-nav li>a{display: block;line-height: 80px;font-size: 16px;color: #fff;position: relative}
.header-nav li>a:after{position:absolute;left: 0;bottom: 0;width: 0px;height: 2px;background: #fff;content: "";transition: all .3s;-webkit-transition: all .3s;-moz-transition: all .3s;-o-transition: all .3s}
.header-menu{position: absolute;left: 0;top:100px;width: calc(100% + 50px);background: #fff;padding: 5px 0;transition: all .3s;-webkit-transition: all .3s;-moz-transition: all .3s;-o-transition: all .3s;visibility: hidden;opacity: 0}
.header-menu a{display: block;font-size: 14px;padding: 0 15px;line-height: 36px;}
.header-menu a:hover{background: #17b794;color:#fff}
.header-nav li:hover>a:after,.header-nav li.active>a:after{width: 100%;}
.header-nav li:hover .header-menu{top: 80px;visibility: visible;opacity: 1}
#header.active{background: #222;box-shadow: 0 0 15px rgba(0,0,0,.4);padding: 5px 0;height: 90px}
@media(max-width: 992px){
    #header{height: 60px;background: #222;padding: 0}
    .header-logo{margin: 5px  0;height: 50px;background-size: contain;width: 50%}
    #header.active{height: 60px;padding: 0}
}
/*nav*/
#nav{position: fixed;right: -150%;top: 60px;z-index: 1032;background: #fff;width:100%;padding: 10px 0 0;display: none;transition:ease 0.5s;-webkit-transition:ease 0.5s;-moz-transition:ease 0.5s;-o-transition:ease 0.5s;}
#nav ul li{position: relative}
#nav ul li>a{display: block;font-size: 1.4rem;position: relative;padding: 10px 60px 10px 30px;color: #17b794}
#nav ul li>a:before{position: absolute;left: 15px;top: 50%;width: 0;height: 0;border-top: solid 4px transparent;border-bottom: solid 4px transparent;border-left: solid 4px #17b794;content: "";margin-top: -4px;}
#nav ul li>span{position: absolute;font-family: SimSun;color: #17b794;font-size: 1.4rem;right: 10px;top: 0;width: 40px;line-height: 40px;height: 40px;text-align: center;font-weight: bold;transition: all .3s;-webkit-transition: all .3s;-moz-transition: all .3s;-o-transition: all .3s}
#nav ul li i{margin-right: 10px;}
.menu-nav{padding: 0 20px 10px 30px;display: none}
.menu-nav a{display: block;font-size: 1.2rem;color: #17b794;line-height: 34px;}
#nav.active{right: 0}
#nav ul li.active>a{background: #17b794;font-weight: bold;color: #fff}
#nav ul li.on>span{transform: rotate(-180deg);-webkit-transform: rotate(-180deg);-moz-transform: rotate(-180deg);-ms-transform: rotate(-180deg);-o-transform: rotate(-180deg)}
#nav ul li.active>a:before{border-left-color: #fff}
#nav ul li.active>span{color: #fff}
/*banner*/
.banner-next,.banner-prev{background:rgba(113, 114, 115, 0.3);color: #fff;width: 35px;height: 60px;font-size: 20px;transition: all .3s;-webkit-transition: all .3s;-moz-transition: all .3s;-o-transition: all .3s}
.banner-prev:after,.banner-next:after{font-size: 24px;}
.banner-prev:hover,.banner-next:hover{background: rgba(113,114,115,.9)}
.banner-prev{left: -60px}
.banner-next{right: -60px}
#banner:hover .banner-next{right: 10px;}
#banner:hover .banner-prev{left: 10px;}
.banner-pagination span{background: #17b794}
@media(max-width: 992px){
    #banner{margin-top: 60px;}
}
/*about*/
.home-about{padding: 100px 0}
.home-about .container{position: relative}
.home-about-img{width: 740px;margin-bottom: 55px;}
.home-about-text{position: absolute;left: 0;bottom: 10px;background: #fff;padding: 80px 60px;box-shadow: 0 2px 10px 0 rgb(0,0,0,.2);}
.home-about-text h2{font-size: 24px;color: #333}
.home-about-text p{margin: 30px auto;font-size: 14px;color: #333;line-height: 1.8em}
.home-about-text .home-more{display: block;position: relative;width: 140px;height: 40px;line-height: 40px;background: #333;color: #fff;text-align: center;z-index: 0;}
.home-about-text .home-more:before{display: block;content: "";position: absolute;width: 140px;height: 40px;background: #17b194;top: 0;z-index: -1;transition: all ease .3s;transform: scale(0.2);opacity: 0;}
.home-about-text .home-more:hover:before{transform: scaleX(1);opacity: 1;}
@media(max-width: 992px){
    .home-about{padding: 40px 0 0}
    .home-about-img{margin-bottom: 0;width: 100%}
    .home-about-text{padding: 30px 15px 50px;position: inherit;left: auto;bottom: auto;box-shadow: none}
}
/*product*/
.home-product{background: #f3f3f3;padding: 60px 0 80px}
.home-product-title{padding: 40px 0 20px}
.home-product-title h2{font-size: 32px;color: #333;font-weight: bold}
.home-product-nav li{padding: 10px 30px;font-size: 16px;color: #333;-webkit-transition: all ease .3s;transition: all ease .3s;cursor: pointer;display: inline-block}
.home-product-nav li a{color: #333}
.home-product-nav li:hover,.home-product-nav li.active{background: #17b794;}
.home-product-nav li:hover a,.home-product-nav li.active a{color: #fff}
.home-product-box ul li{margin-bottom: 15px;}
.home-product-box ul li i.home-product-img{display: block;overflow: hidden}
.home-product-box ul li i.home-product-img img{-webkit-transition: all ease .3s;transition: all ease .3s;}
.home-product-box ul li span{background: #17b794;height: 50px;line-height: 50px;text-align: center;padding: 0 20px;font-size: 18px;color: #fff;display: block}
.home-product-box ul li:hover i.home-product-img img{transform: scale(1.1);-webkit-transform: scale(1.1);-moz-transform: scale(1.1)}
.home-product-box ul li:hover span{background: #30dab5}
@media(max-width: 760px){
    .home-product{padding: 20px 0}
    .home-product-title{padding: 20px 0}
    .home-product-title h2{width: 100%;text-align: center;font-size:2.4rem;margin-bottom: 20px;}
    .home-product-nav{width: 100%;text-align: center}
    .home-product-nav ul li{background: #dedede;padding: 8px 15px;font-size: 1.4rem}
    .home-product-box ul li{padding: 0 5px;}
    .home-product-box ul li span{height: 34px;line-height: 34px;font-size: 1.4rem}
}
/*service*/
.home-service{padding: 100px 0 75px;}
.home-service-block{position:relative;margin-bottom: 25px;padding: 60px 0 60px 40px;background-repeat: no-repeat;background-size: cover;background-position: center;transition: all .3s;-webkit-transition: all .3s}
.home-service-text{background: rgba(0,0,0,.5);padding: 15px 15px 5px;max-width: 250px;margin-left: 0}
.home-service-text h3{font-size: 24px;color: #fff;}
.home-service-text p{margin-top: 5px;margin-bottom: 10px;font-size: 14px;color: #fff;}
.home-service-right .home-service-block{padding: 95px 0 95px 40px;writing-mode: vertical-lr;width: 100%}
.home-service-right .home-service-text{padding: 15px;}
.home-service-right .home-service-text p{margin: auto 10px auto 5px;}
.home-service-block:hover{box-shadow: 0px 7px 12px 0 rgb(0,0,0,.3)}
@media(max-width: 760px){
    .home-service{padding: 30px 0}
    .home-service-left{padding: 0}
    .home-service-right{padding: 0;writing-mode:inherit}
    .home-service-right .home-service-block{writing-mode: inherit;padding: 60px 0 60px 40px;max-width: none}
    .home-service-text{max-width: 260px}
}
/*ad*/
.home-ad{background: url(../images/backg_1.jpg) no-repeat top center;padding: 40px 0 30px;}
.home-ad h3{font-size: 24px;font-weight: bold;line-height: 1.3em;color: #333}
.home-ad p{margin: 10px 0;font-size: 14px;color: #333}
.home-ad p b{font-size: 18px;}
.home-ad a{display: block;position: relative;width: 140px;height: 40px;line-height: 40px;border: 1px #333 solid;color: #333;text-align: center;z-index: 0;margin-top: 15px;}
.home-ad a:before{display: block;content: "";position: absolute;width: 140px;height: 40px;background: #17b194;top: -1px;z-index: -1;transition: all ease .3s;transform: scale(0.2);opacity: 0;left: -1px;}
.home-ad a:hover{color: #fff}
.home-ad a:hover:before{transform: scaleX(1);opacity: 1;}
@media(max-width: 760px){
    .home-ad{padding: 30px 0}
    .home-ad h3{font-size: 2rem}
    .home-ad p{font-size: 1.3rem}
    .home-ad a{float: left !important;}
}
/*news*/
.home-news{padding: 60px 0 40px;}
.home-news-title{font-size: 30px;color: #333}
.home-news-subtitle{margin-top: 10px;font-size: 14px;color: #333;margin-bottom: 40px;}
.swiper-news ul li .home-news-img{overflow: hidden;height: 200px;}
.swiper-news ul li .home-news-img img{transition: all cubic-bezier(.165,.84,.44,1) .8s;max-width: 100%;}
.home-news-text{background: #f3f3f3;padding: 20px 15px 10px;transition: all ease .3s;text-align: left}
.home-news-text h3{font-size: 16px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;margin-bottom: 10px;color: #333}
.home-news-text p{display: -webkit-box;overflow: hidden;line-height: 1.8em;-webkit-box-orient: vertical;-webkit-line-clamp: 2;text-align: justify;font-size: 12px;color: #666;}
.swiper-news ul li:hover .home-news-img img{transform: scale(1.1);}
.swiper-news ul li:hover .home-news-text{background: #17b194}
.swiper-news ul li:hover .home-news-text h3{color: #fff}
.swiper-news ul li:hover .home-news-text p{color: #fff}
@media(max-width: 760px){
    .home-news{padding: 30px 0}
    .home-news-title{font-size: 2.2rem}
    .home-news-subtitle{margin-bottom: 20px;}
    .swiper-news ul li .home-news-img{height: 120px;}
}
/*link*/
.home-link{margin-bottom: 30px;font-size: 14px;color: #333;line-height: 2;}
.home-link a{display: inline-block;color: #333;margin-right: 5px;}
.home-link a:hover{color: #17b794}
/*footer*/
#footer{background: url(../images/backg_2.jpg) no-repeat top center;background-size: cover}
.footer-top{padding: 50px 0;border-bottom: solid 1px #393838;}
.footer-nav{display:flex}
.footer-nav dl{float: left;padding-left: 80px;}
.footer-nav dl:first-child{padding-left: 0}
.footer-nav dl dt a{font-size: 16px;color: #fff;margin-bottom: 12px;display: block;font-weight: normal}
.footer-nav dl dd a{line-height: 30px;font-size: 14px;color: #d8d8d8}
.footer-nav dl dd{color: #d8d8d8;line-height: 30px;}
.footer-nav dl dd:hover a{color: #fff}
.footer-code-block{width: 110px;margin-left: 30px;float: left}
.footer-code-block p{padding-top: 10px;font-size: 14px;color: #fff}
.footer-bottom{padding: 15px 0;font-size: 14px;color: #d8d8d8}
.footer-bottom a{color: #d8d8d8}
@media(max-width: 992px){
    .footer-code{display: none}
}
@media(max-width: 760px){
    #footer{margin-bottom: 60px;}
    .footer-top{display: none}
    .footer-bottom{text-align: center}
    .footer-bottom span{display: block;width: 100%}
}
/*Customer*/
#Customer{position: fixed;right: 0;top: 20%;z-index: 9999;font-size: 13px;width: 54px;color: #666;text-align: center;}
.customer-container{position: relative;}
.icon{display: block;background: url(../images/icon.png) no-repeat;margin: 0 auto 6px;filter: grayscale(1);}
.customer-close.icon{width: 27px;height: 27px;background-position: -5px -115px;position: relative;cursor: pointer;}
.customer-zixun,.back-top,.customer-mobile,.customer-weChat,.customer-email{display: block;width: 52px;padding: 8px 0 12px;background-color: #fff;border-left: solid 1px #efefef;border-top: solid 1px #efefef;border-right: solid 1px #efefef;position: relative;border-radius: 2px;}
.customer-zixun:hover,.back-top:hover{color: #fff}
.customer-zixun{background-color: #17b794;border-color: #17b794;color: #fff;margin: 10px 0 7px;}
.customer-zixun i.icon{ width: 21px;height: 22px;background-position: -5px -5px;}
.customer-mobile i{width: 18px;height: 18px;background-position: -5px -32px;}
.customer-weChat i{width: 22px;height: 19px;background-position: -5px -55px;}
.customer-email i{width: 18px;height: 14px;background-position: -5px -80px;}
.back-top{margin-top: 20px;}
.back-top i{width: 13px;height: 11px;background-position: -5px -98px;}
.back-top:hover{background: #17b794;border-color: #17b794}
.back-top:hover i{background-position: -30px -98px;}
.back-top:hover p{color: #fff}
.customer-email-text,.customer-weChat-text,.customer-mobile-text{background-color: #fff;border: solid 1px #efefef;position: absolute;right: 90px;z-index: 2;border-radius: 2px;display: none;}
.customer-email-text:after,.customer-weChat-text:after,.customer-mobile-text:after,.customer-email-text:before,.customer-weChat-text:before,.customer-mobile-text:before{width: 0;height: 0;display: block;position: absolute;right: -12px;top: 84px;border-top: 6px transparent dashed;border-right: 6px transparent dashed;border-bottom: 6px transparent dashed;border-left: 6px white solid;overflow: hidden;content: ""}
.customer-email-text:after,.customer-weChat-text:after,.customer-mobile-text:after{right: -13px;border-left: 6px #efefef solid;}
.customer-email-text:before,.customer-weChat-text:before,.customer-mobile-text:before{ border-left: 6px white solid;z-index: 3}
.customer-mobile-text{width: 260px;text-align: left;top: 0}
.customer-mobile-text>div{padding: 20px 0 20px 45px;position: relative}
.customer-mobile-text>div i{width: 15px;height: 15px;background-position: -52px -32px;position: absolute;top: 22px;left: 20px;z-index: 2;}
.customer-mobile-text span{color: #b9b9b9;font-size: 13px;}
.customer-mobile-text p{color: #17b794;font-size: 18px;}
.customer-mobile-one{border-bottom: solid 1px #efefef}
.customer-weChat-text{width: 151px;height: 178px;top: -60px;}
.customer-weChat-code{width: 150px;border-right: solid 1px #efefef;overflow: hidden}
.customer-weChat-code img{width: 94px;height: 94px;margin: 30px auto 10px !important;}
.customer-email-text{padding: 28px 20px 28px 45px;color: #b9b9b9;text-align: left;bottom: 0;}
.customer-email-text:before,.customer-email-text:after{top: 55px}
.customer-email-text>i{width: 18px;height: 13px;background-position: -52px -80px;position: absolute;left: 15px;top: 30px;}
.customer-email-text p{ color: #17b794;font-size: 16px;}
.hide-status{cursor: pointer}
@media(max-width: 760px){
    #Customer{display: none}
}
/*page*/
.page-container{padding-bottom: 50px}
.location{padding: 15px 0;margin-bottom: 50px;border-bottom: solid 1px #efefef;font-size: 14px;color: #999}
.location a{font-size: 14px;color: #999}
.location a:hover{color: #17b794}
.page-channel{margin-bottom: 50px;}
.page-channel li{display: inline-block;margin: auto 5px;padding: 0 30px;line-height: 40px;background: #efefef;color: #666;-webkit-transition: all ease .3s;transition: all ease .3s;font-size: 14px;}
.page-channel li a{display: block}
.page-channel li:hover,.page-channel li.active{background: #17b794;color: #fff}
.page-channel li:hover a,.page-channel li.active a{color: #fff}
.page-text{font-size: 14px;color: #333;line-height: 2;}
.page-text img{max-width: 100%;height: auto !important}
@media(max-width: 760px){
    .location{margin-bottom: 30px;}
    .location a{font-size: 1.2rem}
    .location-more{float: right;cursor: pointer;color: #666}
    .page-channel{position: fixed;left: -150%;top: 0;z-index: 1100;width: 100%;height: 100%;-webkit-transition: all ease .3s;transition: all ease .3s;}
    .page-channel-close{position: fixed;right: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,.2);z-index: 1;opacity: 0;visibility: hidden;-webkit-transition: all ease .3s;transition: all ease .3s;}
    .page-channel ul{position: relative;z-index: 3;width: 70%;height: 100%;background: #fff;padding: 30px 0}
    .page-channel li{display: block;background: none;border-bottom: solid 1px #efefef;text-align: left;margin: auto;padding: 0 15px;}
    .page-channel.active{left: 0}
    .page-channel.active .page-channel-close{visibility: visible;opacity: 1}
}
/*path*/
.page-path-list li{margin-bottom: 20px;overflow: hidden;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.page-path-title{position: relative;padding: 20px 20px 20px 0;border-right: 6px solid #eee;-webkit-box-flex: 0;-ms-flex: 0 0 auto;flex: 0 0 auto;margin-right: 50px;}
.page-path-title:after{position: absolute;width: 16px;height: 16px;background: #eee;border-radius: 16px;border: 4px solid #fff;top: 60px;right: -11px;content: ""}
.page-path-title h3{width: 100px;height: 100px;border-radius: 50px;background: #00adb2;text-align: center;line-height: 100px;color: #fff;font-size: 24px;}
.page-path-text{-webkit-box-flex: 1;-ms-flex: 1;flex: 1;padding: 20px 20px 10px;position: relative;background: #eee;}
.page-path-text:before{position: absolute;left: -20px;top: 50%;width: 0;height: 0;border-top: solid 20px transparent;border-bottom: solid 20px transparent;;border-right: 20px solid #eee;margin-top: -20px;content: ""}
.page-path-text b{font-size: 24px;color: #333;font-weight: normal}
.page-path-text p{display: block;margin-top: 10px;font-size: 14px;color: #333;line-height: 28px;}
@media(max-width: 760px){
    .page-path-list li{-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
    .page-path-title{padding: 20px 0;border-right: 0;border-bottom: 6px solid #eee;margin: 0 auto 50px;}
    .page-path-title:after{top: auto;bottom: -17px;left: 42px;}
    .page-path-title h3{width: 100px;height: 100px;border-radius: 50px;background: #00adb2;text-align: center;line-height: 100px;color: #fff;font-size: 24px;}
    .page-path-text:before{position: absolute;border: 20px solid transparent;border-right: 0;border-top: 20px solid #eee;top: 28px;-webkit-transform: translate(0, -50%) rotate(-45deg);transform: translate(0, -50%) rotate(-45deg);left: 50%;}
}
/*style*/
.page-style-list li{margin-bottom: 30px}
.page-style-list li a{display: block;position: relative;overflow: hidden}
.page-style-img{-webkit-transition: all ease .3s;transition: all ease .3s;overflow: hidden}
.page-style-text{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: #17b794;font-size: 18px;color: #fff;transform: translateY(100%);-webkit-transform: translateY(100%);-moz-transform: translateY(100%);-o-transform: translateY(100%);transition: all ease .3s;overflow: hidden}
.page-style-list li:hover .page-style-img{transform: translateY(-100%);-webkit-transform: translateY(-100%);-moz-transform: translateY(-100%);-ms-transform: translateY(-100%)}
.page-style-list li:hover .page-style-text{transform: translateY(0%);-webkit-transform: translateY(0%);-moz-transform: translateY(0%);-o-transform: translateY(0%)}
@media(max-width: 760px){
    .page-style-list li{padding: 0 5px;margin-bottom: 10px;}
}
/*page style details*/
.page-details-img{margin-bottom: 30px;}
.page-details-img img{padding: 5px;border: solid 1px #ddd}
.page-style-details h3{text-align: center;margin: 30px auto;font-size: 24px;color: #333;}
/*product*/
.page-product-list li{margin-bottom: 30px;}
.page-product-list li .page-product-img{overflow: hidden;}
.page-product-list li .page-product-img img{-webkit-transition: all ease .3s;transition: all ease .3s;}
.page-product-text{padding: 25px 15px;-webkit-transition: all ease .3s;transition: all ease .3s;}
.page-product-text h2{font-size: 18px;font-weight: bold;color: #393939;-webkit-transition: all ease .3s;transition: all ease .3s;}
.page-product-text p{color: #666;font-size:14px;margin-top: 10px;-webkit-transition: all ease .3s;transition: all ease .3s;}
.page-product-list li:hover .page-product-img img{-webkit-transform: scale(1.1, 1.1);transform: scale(1.1, 1.1);}
.page-product-list li:hover .page-product-text{background: #17b794}
.page-product-list li:hover .page-product-text h2{color: #fff}
.page-product-list li:hover .page-product-text p{color: #fff}
@media(max-width: 760px){
    .page-product-list li{padding: 0 5px;margin-bottom: 15px}
    .page-product-text{padding: 15px 5px;}
    .page-product-text h2{font-size: 1.6rem}
    .page-product-text p{font-size: 1.2rem;line-height:1.6;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
}
/*news*/
.page-news-list li{border: solid 1px rgba(170,170,170,.2);padding: 20px 10px;margin-bottom: 38px;}
.page-news-list li a{display: block;}
.page-news-img{display: block;overflow: hidden;}
.page-news-img img{-webkit-transition: all .3s ease;transition: all .3s ease;}
.page-news-text{padding: 20px 20px 0 30px;}
.page-news-text h2{font-size: 18px;color: #333;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;line-height: 32px;margin-bottom: 10px;}
.page-news-text p{font-size:14px;color:#999;line-height:28px;margin-top:10px;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.page-news-time{padding-top: 25px;position: relative}
.page-news-time span{font-size: 28px;color: #868585;line-height: 24px;}
.page-news-time em{    width: 120px;height: 40px;overflow: hidden;color: transparent;border: none;position: absolute;-webkit-box-sizing: border-box;box-sizing: border-box;text-indent: -40px;text-align: center;display: block;line-height: 40px;font-size: 14px;text-transform: uppercase;-webkit-transition: all .3s ease;transition: all .3s ease;bottom: -50px;}
.page-news-time em:after{content: "";width: 31px;height: 10px;background: url(../images/more_icon.png) no-repeat center;position: absolute;top: 50%;left: 0;-webkit-transform: translate3d(0, -50%, 0);transform: translate3d(0, -50%, 0);-webkit-transition: all .3s ease;transition: all .3s ease;}
.page-news-list li:nth-child(even)>a>div{float: right !important}
.page-news-list li:hover{-webkit-box-shadow: 0 14px 50px -8px rgba(0,0,0,.12);box-shadow: 0 14px 50px -8px rgba(0,0,0,.12);border: 1px solid transparent;}
.page-news-list li:hover .page-news-img img{-webkit-transform: scale(1.1);transform: scale(1.1);}
.page-news-list li:hover em{background: #333;color: #fff;text-indent: 0;font-style: normal}
.page-news-list li:hover em:after{content: "";width: 31px;height: 10px;background: url(../images/more_iconon.png) no-repeat center;position: absolute;top: 50%;left: 0;-webkit-transform: translate3d(104px, -50%, 0);transform: translate3d(104px, -50%, 0);-webkit-transition: all .3s ease;transition: all .3s ease;}
@media(max-width: 760px){
    .page-news-list li{padding: 10px 5px}
    .page-news-list li>a>div{padding-left: 5px;padding-right: 5px}
}
/*news details*/
.page-title{margin-bottom: 30px;font-size: 24px;color: #333;}
.page-info{padding-bottom: 30px;border-bottom: solid 1px #efefef;margin-bottom: 30px;font-size: 14px;color: #666;}
.page-info span{margin: auto 20px;}
.page-info i{color: #17b794;margin-right: 5px;}
@media(max-width: 760px){
    .page-title{font-size: 1.8rem;margin-bottom: 20px}
    .page-info{font-size: 1.2rem}
}
/*contact*/
.page-contact-left{background: #f3f3f3;padding: 25px 30px 30px;}
.page-contact-left h2{font-size: 26px;margin-bottom: 20px;color: #333}
.page-contact-left ul{overflow: hidden}
.page-contact-left ul li{margin: 15px 0;text-align: center;display: flex;}
.page-contact-left ul li i{margin: 0 20px 0 0;border: 1px solid #999;height: 50px;width: 50px;text-align: center;line-height: 50px;font-size: 24px;color: #666}
.page-contact-left ul li i svg{fill: #666;width: 24px;}
.page-contact-left ul li p{font-size: 14px;color: #666;text-align: left}
.page-contact-left ul li p span{display: block;font-size: 18px;margin-bottom: 5px;color: #333}
@media(max-width: 760px){
    .page-contact-left{margin-bottom: 15px;}
    .page-contact-right{padding: 0}
}
/*form*/
.page-form{max-width: 750px;}
.page-form ul li{margin: 16px 0 28px;position: relative;}
.page-form ul li input,.page-form ul li textarea{display: block;width: 100%;border: 1px solid #cfd9db;border-radius: 3px;-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.08);box-shadow: inset 0 1px 1px rgba(0,0,0,.08);-webkit-appearance: none;padding: 16px;outline: none}
.page-form ul li textarea{min-height: 200px;}
.page-form ul li span{display: block;color: #94aab0;margin-bottom: 10px;-webkit-transition: top .2s, left .2s, font-size .2s;transition: top .2s, left .2s, font-size .2s;font-size: 16px;cursor: text;position: absolute;top: 16px;left: 20px;font-weight: normal;}
.page-form ul li span.focus{ font-size: 14px;top: -20px;left: 0 !important;}
.page-form ul li input:focus,.page-form ul li textarea:focus{border-color: #17b794;-webkit-box-shadow: 0 0 5px rgba(44,151,222,.2);box-shadow: 0 0 5px rgba(44,151,222,.2);}
.page-form ul li button{ font-size: 16px;border: none;background: #17b794;border-radius: .25em;padding: 8px 30px;color: #fff;cursor: pointer;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;-webkit-appearance: none;-moz-appearance: none;appearance: none;outline: none}
/*page*/
.page{margin: 50px auto}
.page ul{display: inline-block;border-radius: 4px;}
.page ul li{display: inline}
.page ul li a,.page ul li b{border: solid 1px #ddd;padding: 6px 12px;float: left;margin-left: -1px;font-weight: normal;border-radius: 2px; }
.page ul li b{display: block;background: #17b794;border-color: #17b794;color: #fff;font-weight: normal}
.page ul li:hover a{background: #17b794;border-color: #17b794;color: #fff}
/*page next*/
.page-next{margin-top: 50px;}
.page-next p{padding: 5px 0;font-size: 14px;color: #666}
.page-next p a{color: #666}
.page-next p a:hover{color: #17b794}