﻿/*****通用编码******/
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;}/*解决IE6下滚动抖动的问题*/
img{border:none;}
body {color:#666; font:62.5%/1.5   Arial, "Microsoft Yahei";width:100%;height: 100%; background-color:#fff;}
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:4px;height:11px;border:none;background:#00b89c!important}::-webkit-scrollbar-track-piece{border:none;position:absolute;padding:0;box-shadow:none;background-color:#00b89c;border-radius:1px}::-webkit-scrollbar-thumb:vertical{background-color:#162333;border-radius:0;border:none}::-webkit-scrollbar-thumb:horizontal{background-color:#00b89c;border-radius:0;border:none}::-webkit-scrollbar{width:4px;height:12px}::-webkit-scrollbar-button:vertical{display:none}::-webkit-scrollbar-track:vertical{background-color:#000}::-webkit-scrollbar-track-piece{background:#fff}::-webkit-scrollbar-thumb:vertical{background-color:#00b89c;border-radius:5px}::-webkit-scrollbar-thumb:vertical:hover{background-color:#00b89c}::-webkit-scrollbar-corner:vertical{background-color:#00b89c}::-webkit-scrollbar-resizer:vertical{background-color:#00b89c}
/* Fonts */
@font-face {
    font-family: 'iconfont';  /* project id 1530813 */
    src: url('//at.alicdn.com/t/font_1530813_yaaeg66d9dn.eot');
    src: url('//at.alicdn.com/t/font_1530813_yaaeg66d9dn.eot?#iefix') format('embedded-opentype'),
    url('//at.alicdn.com/t/font_1530813_yaaeg66d9dn.woff2') format('woff2'),
    url('//at.alicdn.com/t/font_1530813_yaaeg66d9dn.woff') format('woff'),
    url('//at.alicdn.com/t/font_1530813_yaaeg66d9dn.ttf') format('truetype'),
    url('//at.alicdn.com/t/font_1530813_yaaeg66d9dn.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.2px;
    -moz-osx-font-smoothing: grayscale;
}
/*Public*/
.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*/
#Header{}
.Welcome {
	border-bottom: solid 1px rgba(222,225,226,.5);
	height: 42px;
	line-height: 42px;
	font-size: 14px;
	color: #343434
}
.Welcome span {
	font-size: 14px;
	margin-right:-8px;
}
.Welcome span a{padding:0 8px;}
.Header-logo{width:638px;height:130px;background: url(../images/logo_1.png) no-repeat center center;overflow: hidden;margin-right: 40px;}
.Header-logo a{display: block;width: 100%;height: 100%;text-indent: -999rem;overflow: hidden;opacity: 0}
.Header-flogo{width: 172px;height: 64px;margin-top: 18px;background: url(../images/logo_2.png) no-repeat center center;overflow: hidden;text-indent: -999rem;}
.Header-tel{margin-top:36px;height: 50px;font-size: 14px;color: #6b6b6b;width: 246px;background: url(../images/tel.png) no-repeat 0 center;padding-left:65px;}
.Header-tel strong{font-size: 26px;color: #eb3d00;line-height: 25px;}
@media(max-width: 1024px) and (min-width: 993px){
    .Header-logo{width: 50%;background-size: contain}
}
@media(max-width: 992px) and (min-width: 768px){
    #Header{height: 70px}
    .Header-logo{width: 40%;background-size: contain;}
    .Header-flogo{width: 13%;background-size: contain}
    .Header-tel{font-size: 12px;margin-top: 10px}
}
.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:#1ca344;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:#1ca344;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}
@media(max-width:760px){
    #Header{height: 60px;position: fixed;left: 0;top: 0;width: 100%;z-index: 11;background-color:#fff}
    .Header-logo{float: left;height: 50px;background-size: contain;width: 70%;margin-top: 5px;background-position:left center;margin-left: 2%;}
}
/*Nav*/
#Nav{background: #009049;height: 50px;overflow:hidden;}
#Nav ul li {display: block;width: 12.5%;float: left;line-height: 50px;position: relative}
#Nav ul li:after{position: absolute;right: 0;top: 50%;width: 1px;height:20px;border-radius: 1px;background: rgba(133,236,179,.5);content: "";margin-top: -10px;}
#Nav ul li:first-child:before{position: absolute;left: 0;top: 50%;width: 1px;height:20px;border-radius: 1px;background: rgba(133,236,179,.5);content: "";margin-top: -10px;}
#Nav ul li a{display: block;font-size: 1.6rem;color: #fff;text-align: center;position: relative}
#Nav ul li a:after{position: absolute;left: -50px;bottom:0;width:0;height: 2px;background: transparent;content: "";transition: ease .3s;-webkit-transition: ease .3s;-moz-transition: ease .3s;}
#Nav ul li:hover a,#Nav ul li.active a{color: #fff;background-color:#0fb161;}
#Nav ul li:hover a:after,#Nav ul li.active a:after{left: 0;width: 100%;}
@media(min-width: 768px){
    #Nav.fixed{position: fixed;left: 0;top: 0;width: 100%;z-index: 10;-moz-box-shadow:0px 2px 10px #a0dfb3; -webkit-box-shadow:0px 2px 10px #a0dfb3; box-shadow:0px 2px 10px #a0dfb3;}
}
@media(max-width:760px){
    #Nav{position: fixed;left: 0;top: -150%;width: 100%;height: auto;z-index: 10;-moz-box-shadow:0px 4px 5px #a0dfb3; -webkit-box-shadow:0px 4px 5px #a0dfb3; box-shadow:0px 4px 5px #a0dfb3;background: #00823a;transition:ease 0.5s;-webkit-transition:ease 0.5s;-moz-transition:ease 0.5s;-o-transition:ease 0.5s;}
    #Nav ul li{width: 100%;line-height: 34px;border-top: solid 1px #007d38;border-bottom: solid 1px #29bc6a}
    #Nav ul li a{display: block;color: #fff;font-size: 1.4rem}
    #Nav ul li:before,#Nav ul li:after{display: none}
    #Nav ul li a:after,#Nav ul li a:before{display: none;}
    #Nav ul li:hover a,#Nav ul li.active a{background: #f6a200;color: #fff;}
    #Nav.active{top: 60px}
}
/*Banner*/
.banner-pagination span{border: solid 1px #f6a200;background: #fff;opacity: .8;width: 14px;height: 14px;}
.banner-pagination span.swiper-pagination-bullet-active{opacity: 1;background: #f6a200}
#Banner div.Yc-icon{width: 60px;height: 60px;background: rgba(0,0,0,.4);transition: ease .3s;-webkit-transition: ease .3s;-moz-transition: ease .3s;-o-transition: ease .3s}
#Banner div.Yc-icon:after{font-size: 3rem;color: #fff;font-weight: bold}
#Banner div.Yc-icon:hover{background: #f6a200;}
@media(max-width:760px){
    #Banner{margin-top: 60px}
    #Banner div.Yc-icon{display: none}
}
/*Main*/
.Home-title{font-size: 3.6rem;color: #3b3b3b;position: relative;padding-bottom: 20px;margin-bottom: 20px;}
.Home-title:after{position: absolute;left: 50%;bottom: 0;width: 60px;height: 4px;background: #009944;content: "";margin-left: -30px;}
.Home-fitle{font-size: 1.6rem;color: #3b3b3b;}
@media(max-width:760px){
    .Home-title{font-size: 2rem;padding-bottom: 15px;margin-bottom: 10px;}
    .Home-title:after{height: 2px;width: 40px;margin-left: -20px;}
    .Home-fitle{font-size: 1.3rem}
}
/*Home About*/
.Home-About{padding: 80px 0 55px}
.Home-About .Home-fitle{font-size: 7.2rem;font-weight: bold;text-transform: uppercase !important;color: #ebebeb;line-height: 1;}
.Home-About-box{margin-top: 30px;}
.Home-About-left{padding-left: 0}
.Home-About-right{padding-right: 0;}
.Home-About-text{font-size: 1.6rem;color: #3b3b3b;line-height: 2}
.Home-About-more{margin-top: 50px;}
.Home-About-more a{display: inline-block;width: 217px;height: 46px;background: #009944;line-height: 46px;text-align: center;font-size: 1.4rem;color: rgba(255,255,255,.8);text-transform: uppercase}
@media(min-width:768px) and (max-width:992px){
    .Home-About-text{font-size: 1.2rem;}
    .Home-About-more{margin-top: 20px;}
}
@media(max-width:760px){
    .Home-About{padding: 30px 0}
    .Home-About .Home-fitle{font-size: 1.8rem;}
    .Home-About-left{padding-right: 0;}
    .Home-About-right{padding-left: 0;margin-top: 20px;}
    .Home-About-text{font-size: 1.4rem;line-height: 1.7;text-indent: 2rem}
    .Home-About-more{margin-top: 30px;text-align: center}
}
/*Home Products*/
.Home-Products{background: url(../images/backg_2.jpg) no-repeat top center;padding: 50px 0 45px;background-size: cover}
.Home-Products-list{margin: 50px -8px auto;}
.Home-Products-list li{padding: 0 8px;margin-bottom: 10px;}
.Home-Products-img{position: relative;overflow: hidden}
.Home-Products-img span{position: absolute;left: 50%;top: 50%;width: 0;height: 0;background: rgba(0,0,0,.4);font-size: 3rem;color: #fff;font-weight: normal;transition: ease .3s;-webkit-transition: ease .3s;-moz-transition: ease .3s;-o-transition: ease .3s;transform: translateX(-50%) translateY(-50%);-webkit-transform: translateX(-50%) translateY(-50%);-moz-transform: translateX(-50%) translateY(-50%);-ms-transform: translateX(-50%) translateY(-50%);-o-transform: translateX(-50%) translateY(-50%);opacity: 0}
.Home-Products-list li:last-child .Home-Products-img span{width:100%;height:100%;opacity: 1}
.Home-Products-list li:last-child .Home-Products-img span img{width:13%}
.Home-Products-title{background: #fff;line-height: 50px;font-size: 1.6rem;color: #4c4c4c;transition: ease .3s;-webkit-transition: ease .3s;-moz-transition: ease .3s;-o-transition: ease .3s;}
.Home-Products-list li:hover .Home-Products-img span{width: 100%;height: 100%;opacity: 1}
.Home-Products-list li:hover .Home-Products-title{background: #1ca344;color: #fff;}
@media(max-width: 760px){
    .Home-Products{padding: 30px 0;background-size: cover}
    .Home-Products-list{margin: 30px auto auto}
    .Home-Products-list li{padding: 0 5px;}
}
/*Home Base*/
.Home-Base{padding: 60px 0 75px}
.Home-Base-box{margin-top: 30px;padding: 15px 6.5% 0;position: relative}
.Home-Base-box .swiper-container{padding-bottom: 60px}
.Home-Base-box .swiper-slide{border: solid 3px #fff;-moz-box-shadow:0px 0px 16px rgba(0,0,0,.39); -webkit-box-shadow:0px 0px 16px rgba(0,0,0,.39); box-shadow:0px 0px 16px rgba(0,0,0,.39);width: 496px;}
.Home-Base-box .base-pagination{text-align: center;width: 100%;left: 0}
.Home-Base-box .base-pagination span{width: 10px;height: 10px;background: #8fc320;margin: auto 5px;opacity: 1}
.Home-Base-box .base-pagination span.swiper-pagination-bullet-active{background: #f6a200}
.Home-Base-box div.Yc-icon{width: 44px;height: 44px;border: solid 3px #c4c4c4;border-radius: 50%;line-height: 44px;outline: none;}
.Home-Base-box div.Yc-icon:after{font-size: 2rem;color: #c4c4c4;font-weight: bold}
.Home-Base-box div.Yc-icon:hover{border-color: #009944}
.Home-Base-box div.Yc-icon:hover:after{color: #009944}
@media(max-width:992px) and (min-width:768px){
    .Home-Base-box .swiper-slide{width: 60%}
}
@media(max-width:760px){
    .Home-Base{padding: 30px 0}
    .Home-Base-box{margin-top: 20px;padding: 10px 0%}
    .Home-Base-box .swiper-container{padding-bottom: 20px;}
    .Home-Base-box .swiper-slide{width:70%}
    .Home-Base-box div.Yc-icon{display: none}
}
/*Home Client*/
.Home-Client{background: url(../images/backg_3.jpg) no-repeat top center;padding: 75px 0 80px;}
.Home-Client-box{margin-top: 45px;height: 536px;position: relative}
@media(min-width:993px){
    .Home-Client-box li{width: 140px;height: 140px;border: solid 1px #38af6d;transform: rotate(45deg);-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);overflow: hidden;background: #efefef;position: absolute}
    .Home-Client-box li i{width: 100%;height:100%;transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);}
    .Home-Client-box li i img{max-width: 156px}
    .Home-Client-box li a{width: 100%;height: 100%;transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);font-size: 1.6rem;color: #009944}
    .Home-Client-box li:hover{background: #1ca344;}
    .Home-Client-box li:hover a{color: #fff}
    .Home-Client-1,.Home-Client-2,.Home-Client-3,.Home-Client-4{top: 30px}
    .Home-Client-5,.Home-Client-6,.Home-Client-7,.Home-Client-8,.Home-Client-9{top: 142px}
    .Home-Client-10,.Home-Client-11,.Home-Client-12,.Home-Client-13{top: 255px}
    .Home-Client-1,.Home-Client-10{left: 14.166%}
    .Home-Client-2,.Home-Client-11{left: 32.833%}
    .Home-Client-3,.Home-Client-12{left: 51.5%}
    .Home-Client-4,.Home-Client-13{left: 70%}
    .Home-Client-5{left: 4.5%}
    .Home-Client-6{left: 23.5%}
    .Home-Client-7{left: 42.1%}
    .Home-Client-8{left: 60.8%}
    .Home-Client-9{left: 79.1%}
    .Home-Client-14{top: 370px;left: 42.1%}
}
@media(max-width:992px) and (min-width:768px){
    .Home-Client-box{height: 350px}
    .Home-Client-box li{width: 90px;height: 90px;}
    .Home-Client-box li i img{max-width: 80px;}
    .Home-Client-5, .Home-Client-6, .Home-Client-7, .Home-Client-8, .Home-Client-9{top: 110px;}
    .Home-Client-10, .Home-Client-11, .Home-Client-12, .Home-Client-13{top: 190px}
    .Home-Client-14{top: 270px}
}
@media(max-width:760px){
    .Home-Client{padding: 30px 0;}
    .Home-Client-box{height: auto}
    .Home-Client-box li{position: inherit;float: left;width: 33.33%;transform: rotate(0);-webkit-transform: rotate(0);-moz-transform: rotate(0);-ms-transform: rotate(0);-o-transform: rotate(0);padding: 5px;}
    .Home-Client-box li i{display: block;height: 78px}
    .Home-Client-box li i img{max-width: 100%}
    .Home-Client-box li a{background: #009944;color: #fff;height: 78px;font-size: 1.6rem}
}
/*Home Honor*/
.Home-Honor{padding: 80px 0 90px}
.Home-Honor-box{margin-top: 35px;}
.Home-Honor-box .swiper-Honor{padding-bottom: 50px;}
.honor-pagination span{width: 10px;height: 10px;background: #8fc320;margin: auto 5px;opacity: 1}
.honor-pagination span.swiper-pagination-bullet-active{background: #f6a200}
@media(max-width:760px){
    .Home-Honor{padding: 30px 0}
    .Home-Honor-box .swiper-Honor{padding-bottom: 30px;}
}
/*Home News*/
.Home-News{background: #f6f6f6;padding: 70px 0 90px}
.Home-News h2{position: relative;margin-bottom: 42px;}
.Home-News h2:after{position: absolute;left: 0;bottom: 0;width: 100%;height: 2px;background: #e3e3e3;content: ""}
.Home-News h2 span{padding-bottom: 25px;font-size: 3rem;color: #3b3b3b;display: block;float: left;line-height: 30px;}
.Home-News h2 span:after{position: absolute;left: 0;bottom: 0;width:60px;height: 4px;background: #009944;content: "";z-index: 2}
.Home-News h2 a{float: right;font-size:1.4rem;color: #959595;line-height: 50px;}
.Home-News-left{padding-left: 0;padding-right: 35px;}
.Home-News-right{padding-right: 0;padding-left: 35px}
.Home-News-list li{border: solid 1px #fff;background: #fff;margin-bottom: 30px;transition: ease .3s;-webkit-transition: ease .3s;-moz-transition: ease .3s;-o-transition: ease .3s}
.Home-News-img{width: 168px;position: relative}
.Home-News-img span{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background:rgba(0,0,0,.3);color: #fff;font-size: 4rem}
.Home-News-text{width: calc(100% - 168px);padding-left: 20px}
.Home-News-text h3{margin-top: 20px;font-size: 2rem;color: #000000;font-weight: bold;margin-bottom: 20px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden}
.Home-News-text p{font-size: 1.4rem;color: #535353;line-height: 2;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.Home-News-list li:hover{border-color: #009944}
.Home-News-list li:hover .Home-News-text h3{color:#009944}
@media(max-width:992px) and (min-width:768px){
    .Home-News-left{padding-right: 15px}
    .Home-News-right{padding-left: 15px;}
}
@media(max-width:760px){
    .Home-News{padding: 30px 0}
    .Home-News h2{margin-bottom: 30px;}
    .Home-News h2 span{font-size: 2rem;padding-bottom: 5px;}
    .Home-News h2 a{line-height: 30px;}
    .Home-News-left{padding-right: 0;}
    .Home-News-list li{margin-bottom: 20px;}
    .Home-News-img{width: 140px;}
    .Home-News-text{width: calc(100% - 140px)}
    .Home-News-text h3{font-size: 1.6rem;margin-top: 15px;margin-bottom: 10px;}
    .Home-News-right{padding-left: 0;margin-top: 20px;}
}
/*Link*/
#Links{background: url(../images/backg_4.jpg) no-repeat top center;padding-top: 10px;padding-bottom: 25px;border-bottom: solid 1px rgba(220,220,220,.3)}
#Links h2{font-size: 1.6rem;color: #fff;line-height: 2}
.Links-list a{font-size: 1.4rem;color: #fff;line-height: 1.8;display: inline-block;margin-right: 10px;}
#Footer{background: url(../images/backg_4.jpg) no-repeat top center;padding: 40px 0}
.Footer-logo{width: 22%;height: 205px;background: url(../images/logo_2.png) no-repeat left center;text-indent: -999rem;overflow: hidden;border-right:solid 1px rgba(220,220,220,.3)}
.Footer-text{width:50.33%;height: 205px;border-right: solid 1px rgba(220,220,220,.3);padding-left: 8%}
.Footer-tel{font-size: 1.6rem;color: #fff;line-height: 2;}
.Footer-tel b{display: block;font-size:3rem;color: #8fc320;margin-top: 15px;font-weight: normal}
.Footer-adds{font-size: 1.4rem;color: #f7f7f7;line-height: 2;}
.Footer-adds a{color: #f7f7f7;}
.Footer-code{width: 11.5%;padding-top: 12px;}
.Footer-code-img{padding: 9px;position: relative}
.Footer-code-img:before,.Footer-code-img:after{position: absolute;top: 0;width: 9px;height: 8px;border: solid 1px #999999;content: ""}
.Footer-code-img i{position: absolute;bottom: 0;width: 9px;height: 8px;border: solid 1px #999999;content: ""}
.Footer-code-img:before{left: 0;border-right: none;border-bottom: none}
.Footer-code-img:after{right: 0;border-left: none;border-bottom: 0;}
.Footer-code-img i:first-child{left: 0;border-right: none;border-top: none}
.Footer-code-img i:last-child{right: 0;border-left: none;border-top: none}
.Footer-code p{font-size: 1.4rem;color: #fff;line-height: 2}
@media(max-width:992px) and (min-width:768px){
    .Footer-logo{background-size: 80%;}
}
@media(max-width:760px){
    #Footer{margin-bottom: 60px;padding: 20px 0;background-size: cover}
    .Footer-logo{display: none;}
    .Footer-text{width: 100%;height: auto;padding: 0;border-right: none;}
    .Footer-tel{text-align: center;margin-bottom: 20px;}
    .Footer-tel b{font-size: 2rem;margin-top: 0;}
    .Footer-adds{text-align: center}
    .Footer-code{padding-top: 30px;width: 100%;border-top:solid 1px rgba(220,220,220,.3);margin-top: 20px;}
    .Footer-code-img{display: inline-block}
}

.page-right-cont .Home-Products-list{margin-top:30px;}
.page-right-cont .Home-Products-list li:last-child .Home-Products-img span{opacity: 0}
.page-right-cont .Home-Products-list li:last-child:hover span{opacity: 1}

/* Video */
#Video{position: fixed;left:1%;bottom:0;width:320px;height:240px;z-index: 10;}
#Video iframe{width:100%;height:100%}
/*Fixed-right*/
.fixed-right{position:fixed;right: 0;top: 50%;width: 52px;z-index: 10;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%)}
.fixed-right li{position: relative;width: 52px;height: 52px;border: solid 1px #fff}
.fixed-right li a{display: block;background: #009944;color: #fff;line-height: 50px;text-align: center;font-size: 3rem;overflow: hidden}
.fixed-right li a i{font-size: 2.4rem}
.fixed-code{position: absolute;right: 52px;top: 0;width: 100px;height: 100px;background: #fff;border-radius: 4px;padding: 5px;display: none;-moz-box-shadow:0px 0px 5px #14F55F; -webkit-box-shadow:0px 0px 5px #14F55F; box-shadow:0px 0px 5px #14F55F;}
.fixed-right li:hover div{display: block}
.fixed-tel{position: absolute;right: 52px;top: 0;width: 150px;background: #fff;padding: 10px;font-size: 1.4rem;color:#999;line-height: 1.5;border-radius: 5px;-moz-box-shadow:0px 0px 5px #14F55F; -webkit-box-shadow:0px 0px 5px #14F55F; box-shadow:0px 0px 5px #14F55F;display: none}
.fixed-tel p{font-size: 1.3rem;color: #333;padding-left: 10px;margin-bottom: 5px;}
/* Footer Button */
footer{height:60px;background:#009944;border-top:solid 1px #007f38;z-index: 9;}
footer a{border-top:solid 1px #28a560;border-right:solid 1px #28a560;height:60px;border-left:solid 1px #007f38;text-align:center;overflow:hidden}
footer a i.Yc-icon{line-height:30px;height:30px;color:#fff;font-size:2.6rem;margin-top:5px;display:block}
footer a span{font-size:14px;color:#fff;}
/*Page Channle*/
.Page-channle-top{position: relative}
.Page-channle-top .channel-hd{margin-top:15px;padding-top:10px;height:68px;text-align:center;color:#fff;font-size:20px;line-height:1.5;background-color:#009049;border-radius:6px 6px 0 0}
.Page-channle-top .channel-hd p{font-size:14px;line-height:1;text-transform:uppercase}
.Page-channle li{padding: 20px 0 10px;margin-right: 50px;position: relative;float: left}
.Page-channle li:after{position: absolute;left: 0;bottom: 0;width: 100%;height: 2px;background: transparent;content: "";z-index: 2}
.Page-channle li a{display: block;font-size: 1.6rem;color: #333333;line-height: 32px;}
.Page-channle li:hover:after,.Page-channle li.active:after{background: #009944}
.Page-channle li:hover a,.Page-channle li.active a{color: #009944}
.section-left .Page-channle{border:1px solid rgba(0,0,0,.1);padding:0 15px 15px;margin-bottom:15px;}
.section-left .Page-channle li{width:50%;text-align:center;margin-right:0}

.Page-Location{line-height: 32px;padding-top: 20px;font-size: 1.4rem;color: #929292}
.Page-Location a{color: #929292;}
.Page-Location a:last-child{color: #333333}
.Page-text{font-size: 1.4rem;color: #333;line-height: 2;}
.Page-text img{max-width: 100%;height: auto !important;}
@media(max-width:760px){
    .Page-channle-top{border-bottom: solid 1px #e5e5e5;}
    .Page-channle-top:after{display: none;}
    .Page-channle{width: 100%;padding: 5px 0;border-bottom: solid 1px #ddd;}
    .Page-channle li{padding: 5px;margin: auto;width: 33.33%}
    .Page-channle li:after{display: none}
    .Page-channle li a{line-height: 34px;text-align: center;line-height: 34px;border: solid 1px #009944;background: #009944;color: #fff;font-size: 1.4rem;text-overflow: ellipsis;white-space: nowrap;overflow: hidden}
    .Page-channle li:hover a,.Page-channle li.active a{background: none;}
    .Page-Location{width: 100%;padding: 5px 0}
}
/*Page About*/
.Page-about-text{margin-top: 60px;color: #3b3b3b;line-height: 2;margin-bottom: 75px;}
.Page-founder{position: relative;margin-top: 60px;padding-bottom: 40px;}
.Page-founder:after{position: absolute;left: 0;bottom: 0;width: 100%;height: 84%;background: #ebebeb;content: ""}
.Page-founder .container{position: relative;z-index: 3}
.Page-founder-left{width: 27.5%}
.Page-founder-right{width: 72.5%;padding-left: 50px;}
.Page-founder-right  h3{font-size: 5.2rem;color: #ebebeb;font-weight: bold;margin-top:40px;line-height: 1;text-transform: uppercase;margin-bottom: 80px;padding-left: 40px;}
.Page-founder-right .Page-text{font-size: 1.4rem;color: #3b3b3b;line-height: 38px;}
.Page-founder-right .Page-text span{font-size: 2.6rem;color: #3b3b3b}
.Page-advatage{padding: 50px 0}
@media(max-width:1080px) and (min-width:763px) {
    .Page-founder-right h3{font-size: 4rem;margin-bottom: 30px;}
}
@media(max-width:760px){
    .Page-about-text{margin-top: 30px;margin-bottom: 30px;}
    .Page-founder{margin-top: 30px;}
    .Page-founder-left{width: 40%;margin-right: 3%}
    .Page-founder-right{width: 100%;padding-left: 0px;float: none !important}
    .Page-founder-right h3{font-size: 1.6rem;padding-left: 0;margin-top: 15px;margin-bottom: 20px;}
    .Page-founder-right .Page-text{line-height: 2;font-size: 1.2rem}
    .Page-founder-right .Page-text span{font-size: 1.6rem}
    .Page-advatage{padding: 30px 0}
}
/*Page News*/
.Page-news-list{margin-top: 50px;margin-bottom: 50px;}
.Page-news-list li{margin-bottom: 30px;border-bottom: solid 1px #d6d6d6;padding-bottom: 15px;}
.Page-news-list li a{position: relative;display: block}
.Page-news-img{width: 262px;position: relative}
.Page-news-img span{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,.3);font-size: 4rem;color: #fff;}
.Page-news-right{width: 64%;padding-left: 75px;}
.Page-news-time{width: 130px;font-size: 1.4rem;color: #666666;line-height: 2;padding-top: 60px;}
.Page-news-time span{display: block;font-size: 3rem;color: #333333;margin-bottom: 15px;line-height: 30px}
.Page-news-text{width: calc(100% - 130px);padding-top: 60px;}
.Page-news-text h2{font-size: 1.8rem;color: #1b1b1b;margin-bottom: 15px;line-height: 30px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden}
.Page-news-text p{font-size: 1.4rem;color: #666666;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;;line-height: 2}
.Page-news-icon{position: absolute;right: 30px;top: 50%;width: 40px;height: 40px;font-size:2rem;color:#cbcbcb;line-height:38px;font-family:SimSun;margin-top: -20px;transform: rotateY(180deg);-webkit-transform: rotateY(180deg);-ms-transform: rotateY(180deg);-o-transform: rotateY(180deg);;-moz-transform: rotateY(180deg);border: solid 1px #cbcbcb;border-radius: 50%;text-align: center}
.Page-news-list li:hover h2{color: #009944;text-decoration: underline}
.Page-news-list li:hover .Page-news-icon{background: #009944;color: #fff;border-color: #009944}
@media(min-width:993px) and (max-width:1080px){
    .Page-news-right{padding-left: 30px}
}
@media(max-width:992px) and (min-width:768px){
    .Page-news-img{width: 180px;height: auto}
    .Page-news-right{width: calc(100% - 262px);padding-left: 3%}
    .Page-news-icon{display: block}
    .Page-news-time{padding-top: 30px;}
    .Page-news-text{padding-top: 30px;}
}
@media(max-width:760px){
    .Page-news-list{margin-top: 30px;margin-bottom: 30px}
    .Page-news-list li{margin-bottom: 15px}
    .Page-news-img{width: 130px;height: auto}
    .Page-news-right{width: calc(100% - 130px);padding-left: 4%}
    .Page-news-time{display: none}
    .Page-news-text{padding-top: 15px;width: 100%;padding-top: 0;}
    .Page-news-text h2{margin-bottom: 5px;}
    .Page-news-icon{display: none}
}
/*Page News Details*/
.Page-container{margin-top: 60px;margin-bottom: 90px;}
.Page-title{font-size: 2.6rem;color: #434343;margin-bottom: 15px;}
.Page-info{padding-bottom: 10px;border-bottom: solid 1px #e7e6e6;font-size: 1.2rem;color: #adadad;line-height: 2;margin-bottom: 30px;}
.Page-info span{margin-left: 50px;}
.Page-news-details{padding:0 30px}
@media(max-width:760px){
    .Page-container{margin-top: 30px;margin-bottom: 40px;}
    .Page-title{font-size: 2rem;}
    .Page-news-details{padding: 0 }
}
/*Page products*/
.Page-products-list{margin-bottom: 30px}
.Page-products-list li{margin-bottom: 30px;}
.Page-products-list li .Home-Products-img{border: solid 1px #dadada;height:200px;overflow: hidden;}
.Page-products-list li .Home-Products-img img{
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover
}
.Page-products-list li .Home-Products-title{background: #009944;color: #fff;padding:0 15px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
@media(max-width:760px){
    .Page-products-list li{margin-bottom: 20px;}
}
/*Page Base*/
.Page-base-list{margin-top: 50px;}
.Page-base-list li{margin-bottom: 45px;}
.Page-base-list li:nth-child(odd){padding-left: 0;padding-right: 20px}
.Page-base-list li:nth-child(even){padding-left: 20px;padding-right: 0;}
.Page-base-img{overflow: hidden}
.Page-base-img img{transition: ease .5s;-webkit-transition: ease .5s;-moz-transition: ease .5s;-o-transition: ease .5s;}
.Page-base-list li:hover .Page-base-img img{transform: scale(1.2);-webkit-transform: scale(1.2);-moz-transform: scale(1.2);-ms-transform: scale(1.2);-o-transform: scale(1.2)}
@media(max-width:760px){
    .Page-base-list{margin-top: 30px;}
    .Page-base-list li{margin-bottom: 20px;}
    .Page-base-list li:nth-child(odd){padding-right: 5px;}
    .Page-base-list li:nth-child(even){padding-left: 5px;}
}
/*Page Case*/
.Page-case-list{margin:50px -7px 30px}
.Page-case-list li{padding: 0 7px;margin-bottom: 35px;}
.Page-case-list li i{display: block;border: solid 1px #dedede;overflow: hidden;background: #dedede}
.Page-case-list li i img{width:100%;transition: ease .5s;-webkit-transition: ease .5s;-moz-transition: ease .5s;-o-transition: ease .5s}
.Page-case-list li:hover img{transform: scale(1.2);-webkit-transform: scale(1.2);-moz-transform: scale(1.2);-ms-transform: scale(1.2);-o-transform: scale(1.2)}
@media(max-width: 760px){
    .Page-case-list{margin: 30px auto 20px}
    .Page-case-list li{padding: 0 5px;margin-bottom: 10px;}
}
/*Page Service*/
.Page-service-box{background: #f6f6f7;padding: 70px 0 40px}
.Page-service-title{margin-bottom: 40px;padding-bottom: 20px;font-size: 3.6rem;color: #3b3b3b;position: relative}
.Page-service-title:after{position: absolute;left: 50%;bottom: 0;width:60px;height: 4px;background: #009944;content: "";margin-left: -30px; }
.Page-service-fitle{margin-top: 20px;font-size: 3.6rem;color: #009944;line-height: 1.3}
.Page-service-text img{max-width:100%;height:auto!important;}
.Page-service{background: #009944;padding: 60px 0 30px}
.Page-service-list{margin: auto -25px}
.Page-service-list li{padding: 0 25px;margin-bottom: 60px;}
.Page-service-block{background: #fff;border-radius:6px;overflow: hidden }
.Page-service-sumrany{padding: 10px 0}
.Page-service-sumrany h2{font-size: 2.4rem;color: #009944;line-height: 1.5}
.Page-service-sumrany p{font-size: 1.4rem;color: #009944}
@media(max-width:992px) and (min-width:768px){
    .Page-service-list{margin: auto -10px;}
    .Page-service-list li{padding: 0 10px;}
    .Page-service-sumrany p{min-height: 50px}
}
@media(max-width:760px){
    .Page-service-box{padding: 30px 0 }
    .Page-service-title{font-size: 2rem;}
    .Page-service-fitle{font-size: 2rem}
    .Page-service-list{margin: auto }
    .Page-service{padding: 30px 0}
    .Page-service-list li{padding: 0 5px;margin-bottom: 10px;}
    .Page-service-sumrany h2{font-size: 1.8rem;}
    .Page-service-sumrany p{font-size: 1.2rem;min-height: 50px;padding: 0 5px;}
}
/*Page contact*/
.Page-contact{margin: 50px auto}
.Page-map{border: solid 1px #dddddd;width: 62%;height: 500px;}
.Page-contact-right{width: 33.33%}
.Page-contact-logo{padding-top: 150px;background: url(../images/pagelogo_1.png) no-repeat top 18px center;background-size:  auto 98px;font-size:2.4rem;color: #333333;font-weight: bold;margin-bottom: 22px;}
.Page-contact-tel{font-size: 1.4rem;color: #666666;line-height: 32px;}
@media(max-width:992px) and (min-width:768px){
    .Page-contact-right{width: 34.33%}
    .Page-contact-logo{padding-top: 100px;background-size: auto 68px;font-size: 2rem}
    .Page-contact-tel{line-height: 2}
}
@media(max-width:768px){
    .Page-contact{margin: 30px auto}
    .Page-map{width: 100%;height: 260px;margin-bottom: 30px;}
    .Page-contact-right{width: 100%}
    .Page-contact-logo{padding-top: 100px;background-size: auto 60px;font-size: 2rem}
}
/*Page*/
.Page{margin-bottom:70px;}
.Page a,.Page b{display:inline-block;border:solid 1px #efefef;line-height:24px;font-size:12px;font-family:SimSun;padding:0 8px;color:#333;font-weight:normal;background: #efefef;border-radius: 2px;}
.Page a:first-child{display: none}
.Page b{background:#eb5520;border-color:#eb5520;color:#fff;}
.Page a:hover{background:#eb5520;color:#fff;border-color:#eb5520}
.pernext{border-top:dashed 1px #ddd;border-bottom:dashed 1px #ddd;margin-top:30px;padding:10px 0}
.pernext span{color:#333;line-height:2;width:50%;}
.pernext span a{color:#ff6e30}
.pernext span.pull-right{border-left:dashed 1px #ddd;text-align:right}
.pernext span:hover,.pernext span:hover a{color:#ff6e30}
@media(max-width:760px){
    .Page{margin-bottom: 30px;}
    .pernext span{width:100%;float:none;display:block;}
    .pernext span.pull-right{text-align:left;margin-top:10px;border-top:dashed 1px #ddd;padding-top:10px;border-left:none;}
}
