:root {
  /* --color01: #4282f4; */
  --color01: #069C40;
  --color02: rgba(6,156,64,0.8);
}

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  Arial, "Microsoft Yahei";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:5px;height:11px;border:none;background:var(--color01)  !important}::-webkit-scrollbar-track-piece{border:none;position:absolute;padding:0;box-shadow:none;background-color:var(--color01)  ;border-radius:2px}::-webkit-scrollbar-thumb:vertical{background-color:var(--color01)  ;border-radius:0;border:none}::-webkit-scrollbar-thumb:horizontal{background-color:var(--color01)  ;border-radius:0;border:none}::-webkit-scrollbar{width:5px;height:12px;border-radius:2px}::-webkit-scrollbar-button:vertical{display:none}::-webkit-scrollbar-track:vertical{background-color:var(--color01)}::-webkit-scrollbar-track-piece{background:#fff}::-webkit-scrollbar-thumb:vertical{background-color:var(--color01)  ;border-radius:5px}::-webkit-scrollbar-thumb:vertical:hover{background-color:var(--color01)  }::-webkit-scrollbar-corner:vertical{background-color:var(--color01)  }::-webkit-scrollbar-resizer:vertical{background-color:var(--color01)  }
.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}
/* Fonts */
@font-face {
    font-family: 'iconfont';  /* project id 2277136 */
    src: url('//at.alicdn.com/t/font_2277136_p34c6ap6lk9.eot');
    src: url('//at.alicdn.com/t/font_2277136_p34c6ap6lk9.eot?#iefix') format('embedded-opentype'),
    url('//at.alicdn.com/t/font_2277136_p34c6ap6lk9.woff2') format('woff2'),
    url('//at.alicdn.com/t/font_2277136_p34c6ap6lk9.woff') format('woff'),
    url('//at.alicdn.com/t/font_2277136_p34c6ap6lk9.ttf') format('truetype'),
    url('//at.alicdn.com/t/font_2277136_p34c6ap6lk9.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 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:#fff;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:#fff;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}
/*welcome*/
#Welcome{background: #f5f5f5;line-height: 40px;font-size: 12px;color: #808080}
#Welcome a{color: #808080;margin: auto 10px;}
/*Header*/
#Header{background: rgba(6,156,64,0.9);top: 40px;height: 100px;transition:ease 0.5s;-webkit-transition:ease 0.5s;-moz-transition:ease 0.5s;-o-transition:ease 0.5s;}
.Header-logo{width: 25%;height: 71px;margin-top: 15px;background: url(../images/logo_1.png) no-repeat top left;overflow: hidden;background-size: contain;transition:ease 0.5s;-webkit-transition:ease 0.5s;-moz-transition:ease 0.5s;-o-transition:ease 0.5s;}
.Header-logo a{display: block;width: 100%;height: 100%;text-indent: -999rem;}
.Header-nav{width: 68%;margin-top: 35px;transition:ease 0.5s;-webkit-transition:ease 0.5s;-moz-transition:ease 0.5s;-o-transition:ease 0.5s;}
.Header-nav li{float: left;width: 11.111%;text-align: center;padding: 0 2px}
.Header-nav li a{display: block;border-radius: 15px;border: solid 1px transparent;line-height: 28px;font-size: 15px;color: #fff;}
.Header-nav li:hover a,.Header-nav li.active a{border-color: #fff;}
#Header.active{top: 0;height: 80px;}
#Header.active .Header-logo{height: 60px;margin-top: 10px;}
#Header.active .Header-nav{margin-top:25px}
@media(max-width: 1024px){
    .Header-nav li a{font-size: 1.3rem}
}
@media(max-width: 992px){
    #Header{height: 70px;top: 0 !important;background: var(--color01)}
    .Header-logo{height: 60px;width: 70%;margin-top: 5px;}
}
/*Nav*/
#Nav{position: fixed;left: 0;top: -100%;width: 100%;background: #1b68f2;z-index: 10;transition:ease 0.5s;-webkit-transition:ease 0.5s;-moz-transition:ease 0.5s;-o-transition:ease 0.5s;}
#Nav ul li{line-height: 34px;border-bottom: solid 1px #6097f8;border-top: solid 1px #0850cf}
#Nav ul li a{display: block;text-align: center;font-size: 1.4rem;color: #fff;}
#Nav ul li:hover a,#Nav ul li.active a{background: #4b87f0}
#Nav.active{top: 70px;}
/*Banner*/
.banner-pagination span{width: 33px;height: 5px;border: solid 1px #fff;border-radius: 2.5px;background: transparent;outline: none;opacity: 1}
.banner-pagination span.swiper-pagination-bullet-active{border-color: var(--color01);background: var(--color01)}
@media(max-width: 992px){
    #Banner{margin-top: 70px;}
}
/*Main*/
.Home-title span{display: inline-block;padding: 0 50px;font-size: 20px;color: #888888;text-transform: uppercase;position: relative;font-weight: lighter;letter-spacing: 2px;}
.Home-title span:before,.Home-title span:after{position: absolute;top: 50%;width: 222px;height: 23px;margin-top: -11.5px;content: ""}
.Home-title span:before{left: -222px;background: url(../images/backg_1.png) no-repeat right center;}
.Home-title span:after{right: -222px;background: url(../images/backg_2.png) no-repeat left center;}
.Home-title span b{display: block;font-size: 36px;color: var(--color01);letter-spacing: 0}
.Home-more a{display: block;width: 180px;height: 40px;border-radius: 21px;border: solid 1px var(--color01);line-height: 40px;text-align: center;font-size: 16px;color: var(--color01);margin: auto}
@media(max-width: 992px){
    .Home-title span{font-size: 1.8rem;padding: 0 20px;}
    .Home-title span b{font-size: 3rem}
}
@media(max-width: 760px){
    .Home-title span{font-size: 1.4rem;padding: 0 20px;letter-spacing: 1px;}
    .Home-title span:before, .Home-title span:after{width: 80px;}
    .Home-title span b{font-size: 2rem}
    .Home-title span:before{left: -80px}
    .Home-title span:after{right: -80px}
}
/*Home search*/
.Home-search{background: var(--color01);padding: 15px 0}
.Home-search-left{line-height: 40px;font-size: 16px;color: #fff;padding-left: 15px;}
.Home-search-left a{font-size: 16px;color: #fff;margin-right: 10px;}
.Home-search-right{width: 270px;height: 40px;border-radius: 20px;background: #fff;padding: 8px 0;overflow: hidden}
.Home-search-right input{width: 80%;padding-left: 20px;height: 24px;border: none;background: transparent;outline: none;font-size: 14px;color: #333;float: left}
.Home-search-right button{width: 20%;height:24px;border-left: solid 1px #eaeeee;border-top: none;border-right: none;border-bottom: none;outline: none;float: left;background: transparent;font-size: 24px;color: var(--color01);line-height: 1}
@media(max-width: 992px){
    .Home-search-left{font-size: 1.4rem}
    .Home-search-left a{font-size: 1.4rem}
}
@media(max-width: 760px){
    .Home-search{padding: 10px 0;}
    .Home-search-left{font-size: 1.2rem;display: none}
    .Home-search-right{width: 90%;margin-right: 5%}
}
/*Home product*/
.Home-product{padding: 80px 0}
.Home-product-nav{margin-top: 40px;display: flex;margin-bottom: 40px;}
.Home-product-nav li{flex: 1;margin: auto 10px;border: solid 1px #c7c7c7;line-height: 43px;font-size: 16px;color: #666666}
.Home-product-nav li a{color: #666;display: block}
.Home-product-nav li:hover,.Home-product-nav li.active{border-color: var(--color01);background: var(--color01)}
.Home-product-nav li:hover a,.Home-product-nav li.active a{color: #fff;}
.Home-product-box{overflow: hidden}
.Home-product-list li{padding: 0 10px;margin-bottom: 48px}
.Home-product-img{display: block;overflow: hidden;position: relative;}
.Home-product-img img{transition: all .3s;-webkit-transition: all .3s;-moz-transition: all .3s;-o-transition: all .3s;}
.Home-product-img i{position: absolute;left: 50%;top: 50%;width: 0;height: 0;background: var(--color01);line-height: 1.2;color: #fff;font-size: 30px;transition: all .3s;-webkit-transition: all .3s;-moz-transition: all .3s;-o-transition: all .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;overflow: hidden  }
.Home-product-title{background: #f5f5f5;line-height: 48px;padding: 0 20px;font-size: 16px;color: #333333;overflow: hidden;transition: all .3s;-webkit-transition: all .3s;-moz-transition: all .3s;-o-transition: all .3s;}
.Home-product-title span{float: right;font-size: 30px;color: #666666}
.Home-product-list li:hover .Home-product-img i{width:40px;height: 40px;opacity: 1}
.Home-product-list li:hover .Home-product-title{background: var(--color01);color: #fff}
.Home-product-list li:hover .Home-product-title span{color: #fff;}
@media(max-width: 1024px){
    .Home-product-nav li{margin: auto 5px;font-size: 1.4rem}
    .Home-product-nav{}
}
@media(max-width: 992px){
    .Home-product{padding: 50px 0}
    .Home-product-nav li{text-overflow: ellipsis;white-space: nowrap;overflow: hidden}
}
@media(max-width: 760px){
    .Home-product{padding: 30px 0}
    .Home-product-nav{margin-top: 20px;display: none}
    .Home-product-box{margin-top: 20px;margin-bottom: 20px;}
    .Home-product-list li{padding: 0 5px;margin-bottom: 10px}
    .Home-product-title{padding: 0 5px;font-size: 1.4rem}
    .Home-product-title span{font-size: 2rem}
}
/*Home advantage*/
.Home-advantage{background: url(../images/backg_5.jpg) no-repeat fixed center;position: relative;padding: 80px 0}
.Home-advantage:before{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: var(--color02);content: "";z-index: 1}
.Home-advantage .container{position: relative;z-index: 2}
.Home-advantage .Home-title span,.Home-advantage .Home-title span b{color: #fff;}
.Home-advantage .Home-title span:before{background: url(../images/backg_3.png) no-repeat left center;}
.Home-advantage .Home-title span:after{background: url(../images/backg_4.png) no-repeat left center;}
.Home-advantage-box{margin-top: 50px;position: relative;overflow: hidden}
.Home-advantage-img{margin-top: 90px;margin-bottom: 110px;border: solid 2px #fff;border-radius: 50%;width: 290px;height: 290px;}
.Home-advantage-logo{width: 197px;height: 197px;background: #fff;border-radius: 50%}
.Home-advantage-block{width: 425px;height: 138px;background: url(../images/backg_6.png) no-repeat center;padding: 15px;position: absolute;}
.Home-advantage-block i{display: block;width: 128px;height: 106px;background: url(../images/backg_7.png) no-repeat center;line-height: 106px;text-align: center;font-size: 66px;color: #fff;}
.Home-advantage-text{width: calc(100% - 128px);padding-left: 20px;}
.Home-advantage-text h3{margin-top: 10px;font-size: 20px;color: #fff;font-weight: bold;margin-bottom: 10px;}
.Home-advantage-text p{font-size: 14px;color: #fff;line-height: 26px;}
.Home-advantage-1{left: 30px;top: 0}
.Home-advantage-2{left: 0;top: 176px}
.Home-advantage-3{left: 30px;top: 352px;}
.Home-advantage-4{right: 30px;top: 0}
.Home-advantage-5{right: 0;top: 176px}
.Home-advantage-6{right: 30px;top: 352px}
@media(max-width: 1024px){
    .Home-advantage-img{width: 240px;height: 240px;}
    .Home-advantage-logo{width: 160px;height: 160px}
    .Home-advantage-logo img{max-height: 100px}
    .Home-advantage-block{width: 340px;height: 110px;background-size: contain}
    .Home-advantage-block i{width: 90px;height: 78px;background-size: contain;line-height:78px;font-size: 4rem}
    .Home-advantage-text{width: calc(100% - 90px);padding-left: 10px;}
    .Home-advantage-text h3{margin-top: 0;font-size: 1.6rem}
    .Home-advantage-text p{font-size: 1.2rem}
    .Home-advantage-2,.Home-advantage-5{top: 135px;}
    .Home-advantage-3,.Home-advantage-6{top: 270px}
}
@media(max-width: 992px){
    .Home-advantage{padding: 50px 0}
    .Home-advantage-img{opacity: 0;margin-bottom: 50px;}
    .Home-advantage-1,.Home-advantage-3{left: 0}
    .Home-advantage-4,.Home-advantage-6{right: 0}
}
@media(max-width: 760px){
    .Home-advantage{padding: 30px 0}
    .Home-advantage-img{display: none}
    .Home-advantage-box{padding: 0 10px;margin-top: 20px;}
    .Home-advantage-block{position: initial;left: auto !important;top: auto !important;right: auto !important;margin-bottom: 20px;background: transparent;border: solid 1px #fff;border-radius: 5px;width: 100%;height: auto;padding: 10px;}
}
/*Home case*/
.Home-case{background: #f5f5f5;padding: 80px 0 }
.Home-case-box{margin-top: 35px;position: relative}
.case-next,.case-prev{width: 60px;height: 60px;background: #fff;border-radius: 50%;outline: none}
.case-next:after,.case-prev:after{font-size: 20px;font-weight: bold}
.case-next{right: -90px;}
.case-prev{left: -90px}
.swiper-case li{background: #fff;margin-bottom: 40px;transition: all .3s;-webkit-transition: all .3s;-moz-transition: all .3s;-o-transition: all .3s;}
.Home-case-img{display: block;overflow: hidden}
.Home-case-text{padding: 15px;text-align: left}
.Home-case-text h3{font-size: 18px;color: #333;line-height: 1;text-overflow: ellipsis;white-space: nowrap;overflow: hidden}
.Home-case-summary{font-size: 14px;color:#666666;line-height: 26px;;margin-top: 10px;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.Home-case-more{font-size: 14px;color: #999999;margin-top: 10px;text-transform: uppercase;padding-top: 5px;border-top: solid 1px #e1e1e1}
.swiper-case li:hover{-moz-box-shadow:2px 3px 20px rgba(0,0,0,.2); -webkit-box-shadow:2px 3px 20px  rgba(0,0,0,.2); box-shadow:2px 3px 20px  rgba(0,0,0,.2);}
.swiper-case li:hover .Home-case-text h3{color: var(--color01)}
@media(max-width: 1024px){
    .case-prev,.case-next{display: none}
}
@media(max-width: 992px){
    .Home-case{padding: 50px 0}
}
@media(max-width: 760px){
    .Home-case{padding: 30px 0}
    .Home-case-box{padding: 0 5px;}
    .Home-case-text{padding: 10px;}
    .Home-case-text h3{font-size: 1.6rem;margin-top: 5px;}
    .Home-case-summary{font-size: 1.2rem;line-height: 2}
}
/*Home ad*/
.Home-ad{background: url(../images/backg_8.jpg)  no-repeat top center;}
.Home-ad-left{padding: 60px 0}
.Home-ad-left h2{font-size: 36px;color: #fff;}
.Home-ad-left p{font-size: 20px;color: #fff;margin-top: 10px;}
.Home-ad-right{padding-top: 36px;}
.Home-ad-right a{width: 304px;height: 50px;border: solid 1px #fff;border-radius: 25px;margin-bottom: 20px;color: #fff;font-size: 20px}
.Home-ad-right a:first-child span{font-size: 24px;}
.Home-ad-right a:first-child span i{font-size: 24px;float: left;margin-right: 10px;}
.Home-ad-right a:last-child{border-color: var(--color01);background: var(--color01);}
@media(max-width: 1024px){
    .Home-ad-left h2{font-size: 2.8rem}
    .Home-ad-left p{font-size: 1.6rem}
}
@media(max-width: 992px){
    .Home-ad-left h2{font-size: 1.8rem}
    .Home-ad-left p{font-size: 1.2rem}
}
@media(max-width: 760px){
    .Home-ad{background-size:cover;text-align: center}
    .Home-ad-left{width: 100%;padding: 20px 0;text-align: center;margin-top: 30px;}
    .Home-ad-right{padding-top: 0;display: inline-block;float: none !important;width: auto}
    .Home-ad-right a{width: 200px;height: 40px;font-size: 1.6rem}
    .Home-ad-right a:first-child span{font-size: 1.6rem}
    .Home-ad-right a:first-child span i{font-size: 1.6rem}
}

/*Home about*/
.Home-about{overflow: hidden;padding: 65px 0 160px;background: url(../images/backg_9.jpg) no-repeat bottom center}
.Home-about-right{width: 52.1875%;background: var(--color01);padding-right: 360px;}
.Home-about-text{padding: 90px 0 106px 65px}
.Home-about-text h2{font-size: 36px;color: #fff;font-weight: bold;margin-bottom: 20px;}
.Home-about-text p{font-size: 16px;color: #fff;line-height: 30px;margin-bottom: 40px;}
.Home-about-text a{width: 180px;height: 43px;background: #fff;border-radius: 21.5px;text-align: center;line-height: 43px;font-size: 16px;color: var(--color01);display: block}
@media(max-width: 1600px){
    .Home-about-right{padding-right: 10%}
}
@media(max-width: 1400px){
    .Home-about-right{padding-right: 7%}
}
@media(max-width: 1024px){
    .Home-about-right{padding-right: 3%}
}
@media(max-width: 992px){
    .Home-about-right{width: 75%}
}
@media(max-width: 760px){
    .Home-about{padding: 40px 0}
    .Home-about-right{width: 96%;margin: auto 2%;padding: 0}
    .Home-about-text{padding: 25px;}
    .Home-about-text h2{font-size: 2rem}
    .Home-about-text p{font-size: 1.4rem;}
    .Home-about-text a{width: 120px;height: 34px;line-height: 34px;}
}
/*Home news*/
.Home-news{padding: 80px 0}
.Home-news-box{margin-top: 40px;margin-bottom: 40px}
.Home-news-one{width: 500px;}
.Home-news-img{overflow: hidden;height: 410px}
.Home-news-img img{width: 100%;height: 100%;object-fit: cover;}
.Home-news-one .titles{white-space: nowrap;display: flex;align-items: center;}
.Home-news-one h3{overflow: hidden;white-space: nowrap;text-overflow:ellipsis;font-size: 16px;color: #333333;line-height: 42px;}
.Home-news-one .titles span{color: #666666;font-size: 14px;}
.Home-news-one p{font-size: 14px;color: #666666;line-height: 24px;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.Home-news-one:hover h3{color: var(--color01)}
.Home-news-right{width: calc(100% - 500px);padding-left: 25px;}
.Home-news-right li{margin-bottom: 20px;padding:17px 15px;background: #f5f5f5;transition: all .3s;-webkit-transition: all .3s;-moz-transition: all .3s;-o-transition: all .3s;}
.Home-news-right li:last-child{margin-bottom: 0}
.Home-news-right li a{display: block;}
.Home-news-time{width: 88px;height: 75px;border: solid 2px #aaaaaa;text-align:left;padding: 10px 8px}
.Home-news-time b{font-size: 24px;color: #aeaeae;line-height: 1.2}
.Home-news-time span{font-size: 16px;color: #aeaeae;text-align: left;display: block;line-height: 30px;}
.Home-news-text{width: calc(100% - 88px);padding-left: 15px;}
.Home-news-text h3{font-size: 16px;color: #333333;line-height: 1;margin-bottom: 10px;white-space: nowrap;text-overflow:ellipsis;overflow:hidden;}
.Home-news-text p{font-size: 14px;color: #666666;line-height: 24px;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.Home-news-right li:hover{background: var(--color01)}
.Home-news-right li:hover .Home-news-time{border-color: #fff;color: #fff;}
.Home-news-right li:hover .Home-news-time b{color: #fff;}
.Home-news-right li:hover .Home-news-time span{color: #fff;opacity: .8}
.Home-news-right li:hover .Home-news-text h3{color: #fff;}
.Home-news-right li:hover .Home-news-text p{color: #fff;opacity: .8}
@media(max-width: 992px){
    .Home-news{padding: 50px 0}
    .Home-news-one{width: 340px;}
    .Home-news-right{width: calc(100% - 340px)}
    .Home-news-right li{padding: 10px;margin-bottom: 10px;}
    .Home-news-time{width: 70px;height: 65px;}
    .Home-news-time b{font-size: 1.8rem}
    .Home-news-text{width: calc(100% - 70px);}
    .Home-news-text p{font-size: 1.2rem;line-height: 20px;}
}
@media(max-width: 760px){
    .Home-news{padding: 30px 0}
    .Home-news .container{padding: 0 5px;}
    .Home-news-box{margin-top: 25px;margin-bottom: 25px;}
    .Home-news-one{width: 100%;margin-bottom: 20px;}
    .Home-news-right{width: 100%;padding-left: 0}
}
/*Home process*/
.Home-process{background: url(../images/backg_10.jpg) no-repeat top center;padding-top: 40px;}
.Home-process h2{font-size: 30px;color: #333;line-height: 1.3;}
.Home-process h3{font-size: 16px;color: #888888;line-height: 24px;margin-top: 10px;}
.Home-process-list{margin-top: 35px;display: flex;margin-bottom: 35px;}
.Home-process-list li{flex: 1;position: relative;text-align: center}
.Home-process-list li:after{position: absolute;top: 40px;right: -5px;width: 0;height: 0;border-top: solid 10px transparent;border-bottom: solid 10px transparent;border-left: solid 12px #6e7d92;content: ""}
.Home-process-list li:last-child:after{display: none}
.Home-process-list li i{display: block;width: 100px;height: 100px;background: #0a2342;border-radius: 50%;line-height: 100px;font-size: 40px;margin: auto;color: #fff;}
.Home-process-list li span{display: block;font-size: 20px;color: #333333;margin-top: 10px;line-height: 1.5}
.Home-process-list li p{font-size: 16px;color: #666666}
@media(max-width: 992px){
    .Home-process-list li i{width: 80px;height: 80px;line-height: 80px;font-size: 3rem}
    .Home-process-list li span{font-size: 1.6rem}
    .Home-process-list li p{font-size: 1.2rem}
}
@media(max-width: 760px){
    .Home-process h2{font-size: 2rem}
    .Home-process h3{font-size: 1.4rem}
    .Home-process-list{margin-top: 20px;}
    .Home-process-list li i{width: 40px;height: 40px;line-height: 40px;font-size: 1.6rem}
    .Home-process-list li:after{top: 20px;border-top-width: 4px;border-bottom-width: 4px;border-left-width: 6px;margin-top: -4px;}
    .Home-process-list li span{font-size: 1.4rem}
}
@media(max-width: 320px){
    .Home-process h3{font-size: 1.2rem}
    .Home-process h3 br{display: none}
    .Home-process-list li span{font-size: 1.2rem}
    .Home-process-list li p{display: none;}
}
/*Home link*/
.Home-link{padding: 25px 0;font-size: 16px;color: #333333;line-height: 2}
.Home-link a{font-size: 16px;color: #666666;margin-right: 15px;display: inline-block}
@media(max-width: 760px){
    .Home-link{font-size: 1.2rem}
    .Home-link a{font-size: 1.2rem}
}
/*Footer*/
#Footer{background: #191919}
.Footer-top{padding: 60px 0;}
.Footer-top .container{display: flex}
.Footer-top dl{flex: 1;border-right: solid 1px #2c2c30;padding-left: 20px;}
.Footer-top dl:first-child{padding-left: 0}
.Footer-top dl:last-child{border-right: none;flex: 1.8}
.Footer-top dl dt{margin-bottom: 15px;font-size: 16px;color: #fff;font-weight: normal;}
.Footer-top dl dt a{color: #fff;}
.Footer-top dl dd a{font-size: 14px;color: #999999;line-height: 2}
.Footer-top dl dd:hover a{color: #fff;}
.Footer-top dl:nth-last-child(2) dd p{color: #989898;display: inline-block;text-align: center;line-height: 2.5;font-size: 12px;}
.Footer-top dl:last-child h3{font-size: 14px;color: #fff;}
.Footer-top dl:last-child h3:after{display: block;width: 12px;height: 3px;background: #535353;content: "";margin-top: 10px}
.Footer-top dl:last-child h4{font-size: 14px;color: #999999;line-height: 21px;margin-top: 5px;}
.Footer-top dl:last-child b{display: block;font-size: 24px;color: #fff;margin-top: 15px;}
.Footer-top dl:last-child h5{font-size: 13px;color:#999999;margin-bottom: 10px;}
.Footer-top dl:last-child p{font-size: 14px;color: #999999;line-height: 24px;}
.Footer-copy{padding: 10px 0;border-top: solid 1px #2c2c30;font-size: 12px;color: #999999;line-height: 2}
.Footer-copy span{margin: auto 2%}
.Footer-copy a{color: #999}
@media(max-width: 760px){
    #Footer{margin-bottom: 60px;}
    .Footer-top{padding: 30px 0}
    .Footer-top .container{display: block;}
    .Footer-top dl{display: none;}
    .Footer-top dl:last-child{display: block;flex: none;}
}
/* Footer Button */
#Footer-button{height:60px;background:var(--color01);border-top:solid 1px #074cc6;z-index: 9;}
#Footer-button a{border-top:solid 1px #699cf6;border-right:solid 1px #074cc6;height:60px;border-left:solid 1px #699cf6;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;}
/*Page public*/
.Page-location{height: 54px;line-height: 54px;font-size: 14px;color: #363636}
.Page-location i{font-size: 20px;color: #363636;float: left;margin-right: 5px;}
.Page-location a{color: #363636;}
.Page-location a:hover{color: var(--color01)}
.Page-channel{background: #f5f5f5;text-align: center}
.Page-channel ul li{display: inline-block;padding: 0 23px;line-height: 46px;}
.Page-channel ul li a{display: block;position: relative;font-size: 16px;color: #666666;}
.Page-channel ul li a:after{position: absolute;left: 0;bottom: 0;width:0;height: 1px;background: var(--color01);content: "";transition: all .3s;-webkit-transition: all .3s;-moz-transition: all .3s;-o-transition: all .3s;}
.Page-channel ul li:hover a,.Page-channel ul li.active a{color: var(--color01);}
.Page-channel ul li:hover a:after,.Page-channel ul li.active a:after{width: 100%;}
.Page-container{padding: 55px 0}
.Page-title-cn{font-size: 30px;color: #2f2f2f;}
.Page-title-en{font-size: 24px;color: #666666;text-transform: uppercase}
.Page-text{font-size: 14px;color: #333;line-height: 2}
.Page-text img{max-width: 100%;display: block; height: auto !important;margin: auto}
.Page-text table{border: solid 1px #ddd;}
.Page-text table tr td{border: solid 1px #ddd;text-align: center}
@media(max-width: 760px){
    .Page-channel ul li{padding: 0 10px;}
    .Page-channel ul li a{font-size: 1.4rem}
    .Page-container{padding: 30px 5px}
    .Page-title-cn{font-size: 2rem}
    .Page-title-en{font-size: 1.4rem;line-height: 2}
    .Page-text{font-size: 1.3rem}
}
/*Page about*/
.Page-about-text{margin-top: 20px;}
/*Page product details*/
.Page-product-top{margin-bottom: 55px;}
.Page-product-left{width: 614px;}
.gallery-top{border: solid 1px #dddddd;margin-bottom: 20px;}
.Page-product-album{position: relative;padding: 0 45px;}
.Page-product-album ul li{border: solid 1px #dddddd;cursor: pointer;}
.Page-product-album ul li.swiper-slide-thumb-active{border-color: var(--color01)}
.product-prev,.product-next{background: transparent;}
.product-prev:after,.product-next:after{font-size: 40px;color: #666666}
.product-prev:hover:after,.product-next:hover:after{color: var(--color01)}
.Page-product-right{width: calc(100% - 614px);padding-left: 45px;}
.Page-product-right h2{border-bottom: solid 1px #e1e1e1;padding: 10px 0;font-size: 20px;color: #666666;font-weight: bold;margin-bottom: 15px;}
.Page-product-summary{min-height: 145px;border-bottom: solid 1px #e1e1e1;font-size: 14px;color: #666666;margin-bottom: 10px;}
.Page-product-tel dd{font-size: 14px;color: #666666;line-height: 28px;}
.Page-product-tel dd a{width: 180px;height: 42px;border-radius: 21px;background: var(--color01);line-height: 42px;text-align: center;font-size: 16px;color: #fff;display: block;margin-top: 35px}
.Page-product-bottom{margin-bottom: 30px;}
.Page-product-title{border-bottom: solid 1px var(--color01);margin-bottom: 35px;}
.Page-product-title span{display: inline-block;width: 112px;height: 38px;background: var(--color01);line-height: 38px;text-align: center;font-size: 16px;color: #fff;}
.Page-product-hot h2{margin-bottom: 35px;font-size: 24px;color: #333333;line-height: 24px;position: relative;padding-left: 15px;border-left: solid 5px var(--color01);}
.Page-product-hot h2 a{font-size: 16px;color: #333333;}
.Page-product-case{margin: auto -13px;}
.Page-product-case li{padding: 0 13px}
.Page-product-case-text{border: solid 1px #dddddd;padding: 10px 10px 15px;border-top: none;}
.Page-product-case-text h3{font-size: 18px;color: #333333;line-height: 30px;min-height: 60px;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.Page-product-case-text p{font-size: 14px;color: #666666;line-height: 26px;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.Page-product-case li:hover .Page-product-case-text{border-color: var(--color01);}
.Page-product-case li:hover .Page-product-case-text h3{color: var(--color01)}
.product-pagination{width: auto;left: auto;right: 10px;background: rgba(0,0,0,.5);border-radius: 4px;padding: 5px 10px;color:#fff}
@media(max-width: 1024px){
    .Page-product-left{width: 500px;}
    .Page-product-right{width: calc(100% - 500px)}
}
@media(max-width: 992px){
    .Page-product-left{width: 380px}
    .Page-product-right{width: calc(100% - 380px)}
    .Page-product-summary{min-height: auto;padding-bottom: 10px;}
}
@media(max-width: 760px){
    .Page-product-left{width: 100%}
    .Page-product-right{width: 100%;padding-left: 0}
    .Page-product-case{margin: auto -5px;}
    .Page-product-case li{padding: 0 5px;margin-bottom: 10px;}
    .Page-product-case-text h3{font-size: 1.4rem;min-height: 50px;line-height: 24px}
    .Page-product-case-text p{font-size: 1.2rem}
}
/*Page news*/
.Page-news-list{overflow: hidden}
.Page-news-list li{margin-bottom: 25px;border: solid 1px #dddddd;padding: 25px;}
.Page-news-list li a{display: block;}
.Page-news-img{width: 230px;}
.Page-news-text{width: calc(100%  - 315px);padding-left: 25px;padding-right: 45px;}
.Page-news-text h2{font-size: 18px;color: #333333;}
.Page-news-text p{font-size: 14px;color: #666666;line-height: 24px;margin-top: 5px;}
.Page-news-time{width: 85px;padding-left: 25px;border-left: solid 1px #ddd;margin-top: 25px;text-align: center}
.Page-news-time b{font-size: 48px;color: #666666;line-height: 1;}
.Page-news-time span{font-size: 14px;color: #666666;}
.Page-news-list li:hover{border-color: var(--color01)}
.Page-news-list li:hover .Page-news-text h2{color: var(--color01);}
@media(max-width: 760px){
    .Page-news-list li{padding: 10px;margin-bottom: 15px;}
    .Page-news-img{width: 180px;}
    .Page-news-text{width: calc(100% - 180px);padding-left: 15px;padding-right: 0}
    .Page-news-text h2{font-size: 1.6rem;text-overflow: ellipsis;white-space: nowrap;overflow: hidden}
    .Page-news-text p{font-size: 1.2rem;line-height: 20px;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;margin-top: 15px;}
    .Page-news-time{display: none}
}
/*Page news details*/
.Page-title{font-size: 24px;color:#333333;line-height:1.8;font-weight: bold;margin-bottom: 20px;}
.Page-info{font-size: 12px;color: #666666;border-top: dashed 1px #ddd;border-bottom: dashed 1px #ddd;line-height: 32px;margin-bottom: 25px;}
.Page-info span{margin: auto 2%}
@media(max-width: 760px){
    .Page-title{font-size: 2rem}
}
/*Page contact*/
.Page-map{height: 500px;}
.Page-coantact-title{border-bottom: solid 1px #ddd;margin-bottom: 30px;margin-top: 30px;padding-bottom: 15px;font-size: 20px;color: var(--color01);font-weight: bold}
.Page-contact-list li{margin-bottom: 10px;padding: 0;overflow: hidden}
.Page-contact-list li i{font-size: 20px;color: var(--color01);line-height: 36px;float: left}
.Page-contact-list li span{float: left;font-size: 16px;color: #333;line-height: 36px;padding-left: 15px;}
@media(max-width: 760px){
    .Page-map{height: 300px;}
    .Page-coantact-title{margin-left: 10px;margin-right: 10px;font-size: 1.8rem;}
    .Page-contact-list{padding: 0 10px;}
    .Page-contact-list li{line-height: 24px;margin-bottom: 5px;}
    .Page-contact-list li i{line-height: 24px;font-size: 1.4rem}
    .Page-contact-list li span{line-height: 24px;font-size: 1.3rem}
}
/*Page case*/
.Page-case-list{margin-top: 20px;}
.Page-case-list li{padding: 15px;margin-bottom: 10px;}
.Page-case-list li a{display: block;background: #fff;-moz-box-shadow:0px 0px 10px rgba(0,0,0,.08); -webkit-box-shadow:0px 0px 10px rgba(0,0,0,.08); box-shadow:0px 0px 10px rgba(0,0,0,.08);transition: all 1s;-webkit-transition: all 1s;-ms-transition: all 1s;-o-transition: all 1s;-moz-transition: all 1s;padding: 20px;}
.Page-case-list li h3{margin-top: 15px;font-size: 16px;color: #333;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;margin-bottom: 10px;}
.Page-case-list li .Page-case-summary{font-size: 13px;color: #666;line-height: 1.8;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;min-height:46px;}
.Page-case-list li .Page-case-time{margin-top: 15px;border-top: solid 1px #ddd;padding-top: 15px;color: #333;font-size: 14px;}
.Page-case-list li:hover a{transform: translateY(-5px);-webkit-transform: translateY(-5px);-moz-transform: translateY(-5px);-ms-transform: translateY(-5px);-o-transform: translateY(-5px)}
.Page-case-list li:hover h3{color: var(--color01)}
@media(max-width: 1024px) and (min-width: 993px){
    .Page-case-list li{padding: 10px;}
    .Page-case-list li a{padding: 15px;}
}
@media(max-width: 992px){
    .Page-case-list li{padding: 10px;}
    .Page-case-list li a{padding: 10px;}
}
@media(max-width: 760px){
    .Page-case-list{margin-top: 30px;}
    .Page-case-list li{padding: 5px;}
    .Page-case-list li h3{font-size: 1.5rem}
    .Page-case-list li p.Page-case-summary{font-size: 1.2rem}
    .Page-case-list li p.Page-case-time{font-size: 1.2rem;padding-top: 10px;margin-top: 10px}
}
/*Page*/
.Page{clear:both; overflow:hidden; text-align:center;margin-top:20px}
.Page a,.page-end,.page-start{ display:inline-block; background:#fff;border:solid 1px var(--color01);padding:0 1rem;font-size:14px;color:var(--color01);  height:2.5rem; line-height:2.5rem;}
.Page a:first-child{display: none}
.Page b,.page-this{display:inline-block; background:var(--color01);border:solid 1px var(--color01);padding:0 1rem;font-size:14px;color:#fff; height:2.5rem; line-height:2.5rem;font-weight:normal;margin:0 5px;}
/*Page next*/
.Page-pernext{margin-top:30px;padding:15px 0;transition:all 0.3s linear 0.1s;-moz-transition:all 0.3s linear 0.1s;-o-transition:all 0.3s linear 0.1s;border-top: dashed 1px #ddd;border-bottom: dashed 1px #ddd;}
.Page-pernext span{width:50%;font-size:12px;color:#666666;opacity: .6}
.Page-pernext span a{color:#666666;}
.Page-pernext span.pull-right{text-align:right;border-left: dashed 1px #ddd;}
.Page-pernext span:hover,.Page-pernext span:hover a{color:var(--color01);opacity: 1;font-weight: bold}
@media(max-width:992px){
    .Page-pernext span{width:100%;float:none;display:block;}
    .Page-pernext span.pull-right{text-align:left;margin-top:10px;border-top:dashed 1px #ddd;padding-top:10px;border-left: none}
}

/*Page search list*/
.Page-search-list{margin-top: 30px;}
.Page-search-list li{background: #fff;padding: 20px;-moz-box-shadow: 3px 3px 8px rgba(0,0,0,.1);-webkit-box-shadow: 3px 3px 8px rgba(0,0,0,.1);box-shadow: 3px 3px 8px rgba(0,0,0,.1);transition: all .3s;-webkit-transition: all .3s;-moz-transition: all .3s;-o-transition: all .3s;margin-bottom: 15px;}
.Page-search-list li h3{border-bottom: dashed 1px #ddd;padding-bottom: 10px;font-size: 16px;color: #333;margin-bottom: 15px;}
.Page-search-list li h3 span{color: var(--color01);font-size: 18px;font-family: fantasy;margin-right: 10px;font-weight: bold}
.Page-search-list li p{font-size: 14px;color: #666;line-height: 1.8;}
.Page-search-list li p.Page-news-summary{text-indent: 2rem}
.Page-search-list li p.Page-news-time:before{display: block;width: 20px;height: 2px;background: #ddd;content: "";margin-left: 0}
.Page-search-list li p.Page-news-time{margin-top: 10px;font-size: 12px;color: #999;padding-top: 5px;width: auto;border-left: none;padding-left: 0;text-align: left}
.Page-search-list li:hover{transform:translateY(-5px);-webkit-transform:translateY(-5px);-moz-transform:translateY(-5px);-o-transform:translateY(-5px)}
@media(max-width: 760px){
    .Page-search-list li{padding: 10px;}
}


/* add */
.HBanner{
    height: calc(100vh - 40px)
}
.HBanner .swiper-container{
     height: 100%;
}
.HBanner .swiper-container img{
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.Home-case-img{
    height: 250px;
}
.Home-case-img img{
    height: 100%;
    width: 100%;
    object-fit: cover;
}
#mapPosition .maptitle {
    font-size: 18px;
    font-weight: 800;
    color: #fba463;
    margin-bottom: 5px;
}
.BMap_bubble_content {
    font-size: 14px;
}
.Page-case-img{
   height: 200px;
}
.Page-case-img img,
.Home-product-img img{
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.Home-product-img{
  height: 285px;
}
.Page-containers .container{
    padding: 0 200px;
}
.Page-news-img{
    height: 140px;
}
.Page-news-img img{
    height: 100%;
    width: 100%;
    object-fit: cover;
}
@media(max-width: 1200px){
    .HBanner{
	height: 700px;
    }
}
@media (max-width: 992px) {
    .HBanner{
        height: 400px;
    }
        .Home-news-img{
                height: 290px;
    }
    .Page-containers .container{
        padding: 0;
    }
}
@media(max-width: 760px){
.HBanner {
        height: auto;
    }
.HBanner .swiper-container img{height: auto;}
}