@import "animate.min.css";@import "bootstrap.min.css"; @import "public.youacacia.min.css";
:root{
    --color01: #13988D;
}
/*scrollbar*/
::-webkit-scrollbar{width:2px;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:1px}
::-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:2px;height:12px}
::-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)}
/*fonts*/
@font-face {
    font-family: 'iconfont';  /* Project id 2895859 */
    src: url('//at.alicdn.com/t/font_2895859_ktjau2gguhn.eot?t=1636102431139'); /* IE9 */
    src: url('//at.alicdn.com/t/font_2895859_ktjau2gguhn.eot?t=1636102431139#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('//at.alicdn.com/t/font_2895859_ktjau2gguhn.woff2?t=1636102431139') format('woff2'),
    url('//at.alicdn.com/t/font_2895859_ktjau2gguhn.woff?t=1636102431139') format('woff'),
    url('//at.alicdn.com/t/font_2895859_ktjau2gguhn.ttf?t=1636102431139') format('truetype'),
    url('//at.alicdn.com/t/font_2895859_ktjau2gguhn.svg?t=1636102431139#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;
}
/*public*/
@media(min-width: 1440px){
    .container{min-width: 1400px}
}
@media(min-width: 1300px) and (max-width: 1439px){
    .container{min-width: 95%;}
}
@media(min-width: 1200px) and (max-width: 1299px){
    .container{min-width: 1200px}
}
@media(min-width: 1025px) and (max-width: 1199px){
    .container{min-width: 95%}
}
@media(max-width: 992px){
    body{transition: ease .5s;-webkit-transition: ease .5s;-moz-transition: ease .5s;-o-transition: ease .5s;}
    body.active{margin-left: -60%}
}
/*header*/
#header{height: 70px;border-bottom: solid 1px rgba(255,255,255,.3);z-index: 140;transition: all .3s;-webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;width: 100%;position: absolute;left: 0;top: 0}
#header .container{
	display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */  
    display: -moz-box; /* Firefox 17- */  
    display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */  
    display: -moz-flex; /* Firefox 18+ */  
    display: -ms-flexbox; /* IE 10 */  
    display: flex; /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */
}
.header-logo{
    max-width: 160px;
    -ms-width: 160px;
    height:50px;
    background: url(../images/logo.png) no-repeat left center;
	background-size: contain;
    margin-top: 10px;
    margin-right: 8.28%;
    flex: 1;
    -ms-flex:1;
    -webkit-flex:1;
    -moz-flex:1;
    -o-flex:1;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
}
.header-logo a{display: block;width: 100%;height: 100%;text-indent: -9999em;}
.header-nav{
    flex: 1;
    -ms-flex:1;
    -webkit-flex:1;
    -moz-flex:1;
    -o-flex:1;
    display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */  
    display: -moz-box; /* Firefox 17- */  
    display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */  
    display: -moz-flex; /* Firefox 18+ */  
    display: -ms-flexbox; /* IE 10 */  
    display: flex; /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */
}
.header-nav li{
    flex: 1;
    -ms-flex:1;
    -webkit-flex:1;
    -moz-flex:1;
    -o-flex:1;
    text-align: center;
    line-height: 69px;
    position: relative
}
.header-nav li:after{
    position: absolute;
    left: 50%;
    bottom: 10px;
    width: 6px;
    height: 6px;
    background: #fff;
    border-radius: 50%;
    content: '';
    margin-left: -3px;
    opacity: 0;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
}
.header-nav li a{font-size: 17px;color: #fff;position: relative;display: block}
.header-nav li.active:after{bottom: 5px;opacity: 1}
.header-nav li:hover a,.header-nav li.active a{font-weight: bold;}
.header-phone {
    height: 70px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 17px;
    color: #fff;
    margin: 0 10px;
    font-weight: bold;
}

.header-phone img {
    width: 25px;
    height: 25px;
}

.header-cn {width: 70px;height: 70px;display: flex;justify-content: center;align-items: center;}
.header-cn a {display: block;width: 35px;height: 35px;}
.header-cn a img{width: 100%;height: 100%;}
.header-search{
    flex: 1;
    -ms-flex:1;
    -webkit-flex:1;
    -moz-flex:1;
    -o-flex:1;
    max-width: 50px;
    -ms-width: 50px;
    text-align: right;
    line-height: 69px;
    font-size: 26px;
    color: #fff
}
.header-search i{
    font-size: 26px;
    cursor: pointer;
    display: block;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
}
#header.active{
    background: #fff;
    border-bottom-color: rgba(0,0,0,.05);
    box-shadow: 0 0 10px rgba(0,0,0,.1);
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,.1);
    -moz-box-shadow: 0 0 10px rgba(0,0,0,.1);
    height: 60px
}
#header.active .header-logo{margin-top: 11px;}
#header.active .header-nav li a,#header.active .header-search i{color: #333;line-height: 59px;}
#header.active .header-nav li.active{color: var(--color01)}
#header.active .header-nav li.active:after{background: var(--color01)}
@media(min-width: 993px) and (max-width: 1024px){
    .header-logo{margin-right: 3%}
    .header-search{max-width: 100px;}
    .header-nav li a{font-size: 15px;}
}
@media(max-width: 992px){
    #header{
        background: #fff;
        height: 60px;
        box-shadow: 0 0 10px rgba(0,0,0,.1);
        -webkit-box-shadow: 0 0 10px rgba(0,0,0,.1);
        -moz-box-shadow: 0 0 10px rgba(0,0,0,.1);
    }
    #header .container{display: flex;}
    .header-logo{float: left;margin-top: 5px;width:35%;max-width:none;background-image: url(../images/mlogo.png)}
    .header-search{float: right;margin-right: 60px;color: #333;line-height: 60px;}
    .header-button{margin-top: 6px;}
    #header.active{margin-left: -60%;}
    .header-cn{height: 60px;}
}
/*phone nav*/
#navigation{right: -100%;top:0;height: 100%;background: #fff;z-index: 10;width:60%;box-shadow: 0 0 5px rgba(0,0,0,.2);transition: ease .5s;-webkit-transition: ease .5s;-moz-transition: ease .5s;-o-transition: ease .5s;}
.nav-search{margin-bottom: 20px;border-bottom: solid 1px #f2f2f2;padding:10px 20px}
.nav-search-item{width: 100%;border: solid 1px #ddd;border-radius: 5px;height: 30px;overflow: hidden}
.nav-search-item i{font-size: 14px;color: #333;line-height: 30px;width: 30px;text-align: center;float: left}
.nav-search-item input{width: calc(100% - 30px);outline: none;border: none;height: 28px;line-height: 28px;font-size: 1.3rem;color: #333}
.navigation-container{padding: 0 20px;}
.nav-info-title{font-size: 1.3rem;opacity: .5;margin-bottom: 10px;}
.navigation-item{border-bottom: solid 1px #f2f2f2;position: relative;}
.navigation-item>a{display: block;line-height: 40px;font-size: 1.4rem;color: #333;}
.navigation-item i.yc-icon{position: absolute;right: 0;top: 0;line-height: 40px;font-size: 1rem;width: 30px;text-align: center}
.navigation-menu-button{padding-left: 15px;display: none}
.navigation-menu-button a{display: block;border-bottom:solid 1px #f2f2f2;font-size: 1.2rem;color: #999;line-height: 26px;padding: 5px 0}
.navigation-menu-button a:last-child{border: none;}
.navigation-menu-button a:hover{color: var(--color01)}
.navigation-item.active>a{color: var(--color01)}
.navigation-item i.yc-icon.active{transform: rotate(-180deg)}
#navigation.active{right: 0}
/*search*/
#search{left: 0;top: 0;z-index: 8;transition: all .3s;-webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;-o-transition: all .3s;visibility: hidden;opacity: 0}
.search-bg{background: rgba(0,0,0,.7)}
#search .container{position: relative;z-index: 2;padding-top: 25vh}
.search-box{max-width: 70%;}
.search-close{text-align: right;color: #fff;font-size: 40px;cursor: pointer}
.search-close i{font-size: 24px;line-height: 1;}
.search-form{margin-top: 30px;border-bottom: solid 1px #ddd;position: relative;padding-bottom: 5px;}
.search-form input{width: 100%;border: none;height: 50px;background: transparent;font-size: 16px;color: #fff;outline: none;font-weight: bold;padding: 10px 0}
.search-form input::placeholder{color: #fff;opacity: .8}
.search-form button{position: absolute;right: 0;top: 50%;border: none;background: transparent;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);font-size: 20px;color: #fff;}
.search-form button i{font-size: 20px;line-height: 1;}
#search.active{visibility: visible;opacity: 1;z-index: 130}
/*banner*/
.home-banner .swiper-container{height: 100vh;}
.home-banner video{width:100%;height: 100% !important;object-fit: cover;}
.home-banner img{height: 100% !important;object-fit: cover;}
.swiper-banner>ul>li:before{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,.42);content: ''}
.banner-title{text-align: left;width: 100%;font-size: 60px;font-weight: bold;}
.banner-title-en{font-size: 26px;padding-left: 125px;position: relative;text-align: left;width: 100%;text-transform: uppercase;margin-top: 25px;margin-bottom: 35px;line-height: 1;}
.banner-title-en:before{position: absolute;left: 0;top: 50%;width: 115px;height: 5px;background: var(--color01);content: ''}
.swiper-slide-before:before{display: none}
.banner-subtitle{text-align: left;width: 100%;font-size: 40px;line-height: 1;}
.banner-more{text-align: left;display: block;margin-top: 25px;font-size: 20px;color: #fff}
.banner-title,.banner-title-en,.banner-subtitle,.banner-more{visibility: hidden;opacity: 0}
.banner-list{width: 100%;text-align: left}
.banner-list ul{display: inline-block;width: 60%;min-width: 800px;}
.banner-list ul li{float: left;width: 50%;margin-bottom: 50px;visibility: hidden}
.banner-list ul li h3{background: url(../images/icon_1.png) no-repeat left center;padding-left: 45px;font-size: 40px;color: #fff;font-weight: bold;line-height: 52px;}
.banner-list ul li p{padding-left: 45px;font-size: 32px;color: #fff;}
.banner-page{bottom: 70px;width: 100%;z-index: 10}
.banner-number{float: right;font-size: 20px;font-weight: lighter;color: #fff}
.banner-number b{font-size: 60px;font-weight: lighter;}
.pagination-loop{margin-right: 20px;opacity: 1;width: 18px;height: 18px;background: transparent;position: relative;border: solid 1px transparent;display: inline-block;border-radius: 50%}
.pagination-loop svg{fill: none}
.pagination-loop:after{display: block;width: 8px;height: 8px;background: #fff;border-radius: 50%;position: absolute;left: 50%;top: 50%;transform: translateY(-50%) translateX(-50%);-webkit-transform: translateY(-50%) translateX(-50%);-moz-transform: translateY(-50%) translateX(-50%);-ms-transform: translateY(-50%) translateX(-50%);content: ''}
.pagination-loop.swiper-pagination-bullet-active:after{width: 4px;height: 4px;}
.pagination-loop.swiper-pagination-bullet-active .path-loop-bg{fill: none;stroke: #fff;stroke-miterlimit: 10;stroke-width: 2px;opacity: 1}
.pagination-loop.swiper-pagination-bullet-active .path-loop{fill: none;stroke: var(--color01);stroke-miterlimit: 10;stroke-width: 2px;}
.banner-mouse{bottom: 70px;left:50%;width: 28px;height: 44px;border:solid 2px rgba(255,255,255,.5);border-radius: 14px;z-index: 10;margin-left: -14px;animation: adimButton 3s linear infinite}
.banner-mouse-box{position: absolute;width: 20px;height: 20px;top: 5px;left: 50%;margin-left: -10px;}
.banner-mouse-block{position: absolute;top: 5px;left:50%;width: 3px;height: 5px;background: #fff;border-radius: 1px;background: #fff;margin-left: -1.5px;z-index: 2}
.banner-mouse-box:before,.banner-mouse-box:after{position: absolute;width: 20px;height: 20px;content: '';border-radius: 50%;position: absolute;top: -2px;left: 0;border:solid 2px var(--color01);-webkit-animation: adimloader 3s linear infinite;animation: adimloader 3s linear infinite;}
.banner-mouse-box:after{-webkit-animation-delay: 1s;
    animation-delay: 1s;}
.swiper-banner ul li.ani-slide .banner-title,.swiper-banner ul li.ani-slide .banner-title-en,.swiper-banner ul li.ani-slide .banner-subtitle,.swiper-banner ul li.ani-slide .banner-more,.swiper-banner ul li.ani-slide .banner-list ul li{animation: fadeInUp 3s;-webkit-animation: fadeInUp 3s;-moz-animation: fadeInUp 3s;-o-animation: fadeInUp 3s;visibility: visible;opacity: 1}
@keyframes adimloader { 0%{transform: scale(0);opacity: 1;} 100%{transform: scale(1);opacity: .2;} }
@-webkit-keyframes adimloader { 0% {transform: scale(0);opacity: 1;} 100% {transform: scale(1);opacity: .2;} }
@keyframes adimButton {0%{bottom: 70px}50%{bottom: 50px}100%{bottom: 70px}}
@-webkit-keyframes adimButton { 0%{bottom: 70px}50%{bottom: 50px}100%{bottom: 70px}}
@media(min-width: 1025px) and (max-width: 1199px){
    .banner-title{font-size: 40px;}
    .banner-title-en{font-size: 20px;}
    .banner-subtitle{font-size: 28px;}
    .banner-more{font-size: 16px}
    .banner-list ul li{margin-bottom: 25px;}
    .banner-list ul li h3{font-size: 26px;}
    .banner-list ul li p{font-size: 20px;}
}
@media(min-width: 993px) and (max-width: 1024px){
    .banner-title{font-size: 30px;}
    .banner-title-en{font-size: 16px;padding-left: 30px;margin:15px 0}
    .banner-title-en:before{width: 25px;}
    .banner-subtitle{font-size: 26px;}
    .banner-more{font-size: 16px;}
    .banner-page{bottom: 20px;}
    .banner-number b{font-size: 40px;}
}
@media(max-width: 992px){
    #banner{margin-top: 60px;}
    .banner-title{font-size: 2.4rem}
    .banner-title-en{font-size: 1.4rem;padding-left: 30px;margin:15px 0}
    .banner-title-en:before{width: 25px;}
    .banner-subtitle{font-size: 2rem}
    .banner-more{font-size: 1.2px;}
    .banner-page{bottom: 10px;}
    .banner-number b{font-size: 3rem}
    .banner-list ul{min-width: 400px}
    .banner-list ul li{margin-bottom: 20px;}
    .banner-list ul li h3{font-size: 2.4rem}
    .banner-list ul li p{font-size: 1.4rem}
    .banner-mouse{bottom: 20px;}
    @keyframes adimButton {0%{bottom: 20px}50%{bottom: 10px}100%{bottom: 20px}}
    @-webkit-keyframes adimButton { 0%{bottom: 20px}50%{bottom: 10px}100%{bottom: 20px}}
}
@media(max-width: 760px){
	.home-banner .swiper-container{height: 74vw;}
    .banner-box .container{width: 100%;padding-bottom: 15%}
    .banner-title{font-size: 2rem}
    .banner-title-en{font-size: 1.2rem}
    .banner-title-en:before{height: 2px;margin-top: -1px;}
    .banner-subtitle{font-size: 1.6rem}
    .banner-more{margin-top: 20px;}
    .banner-list ul li h3{font-size:1.7rem;line-height: 1;padding-left: 20px;background-size: auto 15px;}
    .banner-list ul li p{font-size: 1.2rem;padding-left: 20px;margin-top: 10px;}
    .banner-number{font-size: 1.4rem}
    .banner-number b{font-size: 2.2rem}
}
/*main*/
.home-title{font-size: 48px;color: #333333;line-height: 1}
.home-title span{color: var(--color01)}
.home-subtitle{font-size: 24px;color: #333333;margin-top: 20px;}
.home-more span{padding-right: 40px;}
.home-more span i{font-size: 30px;line-height: 1;right: 0;top: 50%;transform: translateY(-50%) rotateX(180deg);-webkit-transform: translateY(-50%) rotateX(180deg);-moz-transform: translateY(-50%) rotateX(180deg);-ms-transform: translateY(-50%) rotateX(180deg)}
@media(max-width: 1024px){
    .home-title{font-size: 40px;}
    .home-subtitle{font-size: 16px;margin-top: 15px;}
}
@media(max-width: 992px){
    .home-title{font-size: 3rem}
    .home-subtitle{font-size: 1.4rem}
}
@media(max-width: 760px){
    .home-title{font-size: 2.2rem}
    .home-subtitle{font-size: 1.5rem}
    .home-more span{padding-right: 20px;}
    .home-more span i{font-size: 1.6rem}
}
/*home about*/
.home-about{padding: 75px 0 }
.home-about .container{
    display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */  
    display: -moz-box; /* Firefox 17- */  
    display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */  
    display: -moz-flex; /* Firefox 18+ */  
    display: -ms-flexbox; /* IE 10 */  
    display: flex; /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */
}
.home-about-left{
    flex: 1;
    -ms-flex:1;
    -webkit-flex:1;
    -moz-flex:1;
    -o-flex:1;
    max-width: calc(100% - 500px);padding-right: 65px;}
.home-about-img{
    flex: 1;
    -ms-flex:1;
    -webkit-flex:1;
    -moz-flex:1;
    -o-flex:1;
    width: 264px;
    position: relative;
    align-items:flex-end;
    -webkit-box-align: flex-end;
    -ms-flex-align: flex-end;
    -webkit-align-items: flex-end;
    margin-right: 25px;
}
.home-about-img-item{
    position: absolute;
    bottom: 0;
    left: 0
}
.home-about-video{
    flex: 1;
    -ms-flex:1;
    -webkit-flex:1;
    -moz-flex:1;
    -o-flex:1;
    max-width: 500px;
}
.home-about-video video{
	width: 100%;
	height: 345px;
	object-fit: fill;
}
.home-about-video-icon{left: 0;top: 0;}
.home-about-video i{font-size: 74px;line-height: 1;color: #fff;box-shadow: 0 0 13px rgba(0,0,0,.39);border-radius: 50%;cursor: pointer}
.home-about-text{margin-top: 60px;}
.home-about-summary{font-size: 16px;color: #333333;line-height: 2}
.home-about-more{left: 0;bottom: 0;position: relative}
.home-about-more .home-more{width: 188px;height: 58px;background: var(--color01);border-radius: 5px;line-height: 58px;display: block;text-align: center;color: #fff;font-size: 18px;}
@media(max-width: 1024px){
    .home-about-left{max-width: calc(100% - 408px)}
}
@media(max-width: 992px){
    .home-about-left{max-width: calc(100% - 280px);padding-right: 20px}
    .home-about-video{max-width: 280px;}
    .home-about-text{margin-top: 15px;}
    .home-about-summary{font-size: 14px;}
    .home-about-more .home-more{width: 140px;height: 40px;line-height: 40px;font-size: 14px;}
    .home-about-video i{font-size: 3rem}
}
@media(max-width: 760px){
    .home-about{padding: 50px 0}
    .home-about .container{display: block;}
    .home-about-left{max-width: 100%;padding-right: 0;margin-bottom: 30px;}
    .home-about-left .home-title{text-align: center;}
    .home-about-left .home-subtitle{text-align: center;}
    .home-about-summary{-webkit-line-clamp:15;font-size: 1.3rem}
    .home-about-more{position: initial;margin: 20px auto auto;text-align: center}
    .home-about-more .home-more{margin: auto;width: 120px;height: 34px;line-height: 34px;}
    .home-about-video{max-width: 100%;height: 240px;overflow: hidden}
	.home-about-video video{
		height: 100%;
	}
}
/*home products*/
.home-product{background: #f7f7f7;padding: 75px 0}
.home-product .home-subtitle{margin-bottom: 70px;}
.home-product-item{margin-top: 45px;}
.home-product-title{margin-bottom: 25px;line-height: 30px;}
.home-product-title span{font-size: 30px;color: #333333;font-weight: bold;padding-left: 12px;position: relative;line-height: 30px}
.home-product-title span:before{position: absolute;left: 0;top: 50%;width: 4px;height: 28px;background: var(--color01);content: '';margin-top: -14px;}
.home-product-title a{font-size: 18px;color: var(--color01);}
/*.home-product-content{
	display: -webkit-box;  
    display: -moz-box;  
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;  
    display: flex;
	align-items: stretch;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	-webkit-align-items: stretch;
}*/
.home-product-left{
	flex: 1;
	-ms-flex:1;
	-webkit-flex:1;
	-moz-flex:1;
	-o-flex:1;
	max-width: 338px;
/*	border-right: 15px solid #f7f7f7;*/
	background: #fff;
	padding: 28px;
	margin-right: 15px;
}
.home-product-left .home-product-img{
    height: 460px;
}
.home-product-left .home-product-img a{
    display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */  
    display: -moz-box; /* Firefox 17- */  
    display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */  
    display: -moz-flex; /* Firefox 18+ */  
    display: -ms-flexbox; /* IE 10 */  
    display: flex; /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */
    align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    width: 100%;
    height: 100%;
}
.home-product-left .home-product-img .img-responsive{
    -ms-width: 100%;
    -ms-height: 100%
}
.home-product-left .home-product-text h3{margin-top: 20px;margin-bottom: 15px;font-size: 18px;color: #333333;font-weight: bold}
.home-product-left .home-product-text h3 a{color: #333}
.home-product-left .home-product-summary{font-size: 14px;color: #333333;line-height: 24px;margin-bottom: 25px;}
.home-product-left .home-more{font-size:14px;width: 38%; height: 42px;background-color: var(--color01);border-radius: 5px;line-height: 42px;text-align: center;display: inline-block;color: #fff;margin: 0 5px}
.home-product-left .home-more span{
	padding-right: 0
}
.home-product-left .home-pro-btns a.home-more:first-child{
	background-color: #f58812;
}
.home-product-list{
	flex: 1;
	-ms-flex:1;
	-webkit-flex:1;
	-moz-flex:1;
	-o-flex:1;
	display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */  
    display: -moz-box; /* Firefox 17- */  
    display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */  
    display: -moz-flex; /* Firefox 18+ */  
    display: -ms-flexbox; /* IE 10 */  
    display: flex; /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
	margin-right: -15px;
}
.home-product-list li{height:calc(100%/2);padding: 0 15px 15px 0}
.home-product-list li:nth-child(4),.home-product-list li:nth-child(5),.home-product-list li:nth-child(6){
	padding-bottom: 0px;
}
.home-product-list li a{display: block;width: 100%;height: 100%;overflow: hidden;padding: 30px;}
.home-product-list li .home-product-img{width: 100%;height: 100%;background: #fff;}
.home-product-list li .home-product-img img{margin: auto;transition: all .3s;-webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;}
.home-product-list li .home-product-text{top:-100%;left: 0;background: rgba(197,31,23,.73);padding: 15px;transition: all .3s;-webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;}
.home-product-list li .home-product-text h3{font-size: 18px;font-weight: bold;margin-bottom: 15px;width: 100%;text-align: left}
.home-product-list li .home-product-summary{font-size: 14px;line-height: 24px;color: #fff;width: 100%;margin-bottom: 15px;}
.home-product-list li .home-more{border-bottom: solid 1px #fff;width: 100%;font-size: 14px;color: #fff;position: relative;line-height: 34px;}
.home-product-list li .home-more:before{position: absolute;left: 0;top: 0;height: 100%;width: 0px;background: #fff;content: '';transition: all .3s;-webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;}
.home-product-list li .home-more .home-product-more{display: block;padding: 0;z-index: 2}
.home-product-list li .home-more i{font-style: normal;}
.home-product-list li .home-more:hover{font-weight: bold;}
.home-product-list li:hover a{box-shadow: 0 0 10px rgba(0,0,0,.1)}
.home-product-list li:hover .home-product-img img{transform: scale(1.1);-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1)}
.home-product-list li:hover .home-product-text{top: 0;}
.home-product-list li .home-more:hover:before{width: 100%}
.home-product-list li .home-more:hover{color: var(--color01);padding: 0 10px;}
.home-product-left .home-product-text h3:hover a{color: var(--color01)}
@media(max-width: 1024px){
    .home-product-left{max-width: 300px}
}
@media(max-width: 992px){
    .home-product-left{display: none}
}
@media(max-width: 760px){
    .home-product{padding: 50px 0}
    .home-product .home-subtitle{margin-bottom: 30px;}
    .home-product-item{margin-top: 30px;}
    .home-product-title{margin-bottom: 15px;}
    .home-product-title span{font-size: 1.7rem}
    .home-product-title span:before{height: 20px;margin-top: -10px;}
    .home-product-title a{font-size: 1.4rem}
    .home-product-content{display: block}
    .home-product-list{margin: auto -5px}
    .home-product-list li{padding: 0 5px;margin-bottom: 10px !important;height: auto}
    .home-product-list li a{padding: 15px;max-height: 280px;min-height: 280px;}
    .home-product-list li .home-product-img img{max-height: 100%}
    .home-product-list li .home-product-text h3{font-size: 1.5rem}
    .home-product-list li .home-product-summary{font-size: 1.3rem}
}
/*home consult*/
.home-consult{background-repeat: no-repeat;background-position: bottom center;height: 404px;background-color: #f7f7f7;position: relative}
.home-consult:after{position: absolute;right:0;top: 0;height: 0;width: 66.6%;border-left:280px solid transparent;border-bottom: solid 430px var(--color01);content: ''}
.home-consult .container{position: relative;z-index: 2}
.home-consult-right{padding-top: 80px;}
.home-consult-title{font-size: 40px;}
.home-consult-title:after{display: block;width: calc(100% - 20px);height: 1px;background: #fff;margin-top: 25px;margin-bottom: 15px;content: '';opacity: .74}
.home-consult-subtitle{font-size: 16px;}
.home-consult-tel{margin-top: 40px;font-size: 30px;margin-bottom: 50px;}
.home-consult-tel span{font-family: SimSun;font-weight: bold;}
.home-consult-right  .home-more{width: 188px;height: 56px;display: block;background: #fff;border-radius: 5px;line-height: 56px;text-align: center;font-size: 18px;color: var(--color01);border: solid 1px #fff; cursor: pointer}
.home-consult-right  .home-more:hover{background: var(--color01);color: #fff;}
@media(min-width: 1200px) and (max-width: 1299px){
    .home-consult-title{font-size: 30px;}
    .home-consult-subtitle{font-size: 14px;}
    .home-consult-tel{font-size: 26px;}
}
@media(max-width: 1024px){
    .home-consult-title{font-size: 24px;}
    .home-consult-subtitle{font-size: 12px;}
    .home-consult-tel{font-size: 26px;}
}
@media(max-width: 992px){
    .home-consult{background-size: auto 240px;height: 250px}
    .home-consult:after{width: 70%;border-left-width: 140px;border-bottom-width: 260px;}
    .home-consult-right{padding-top:30px;}
    .home-consult-title{font-size: 2rem}
    .home-consult-title:after{margin: 10px 0}
    .home-consult-tel{font-size: 2rem;margin-top: 20px;margin-bottom: 20px;}
    .home-consult-right .home-more{width: 140px;height: 40px;line-height: 40px;font-size: 1.3rem}
}
@media(max-width: 760px){
    .home-consult:after{width: 93%}
    .home-consult-right{padding-right: 0}
    .home-consult-title{font-size: 1.8rem}
}
/*home honor*/
.home-honor{padding-top: 130px;}
.home-honor-box{margin-top: 70px;margin-bottom: 160px;height: 450px;}
.swiper-honor{height: 100%}
.swiper-honor ul li{height: 100%;overflow: hidden;position: relative;}
.swiper-honor ul li a{position: relative;display:block;}
._ico {
    width: 35px;
    height: 35px;
   display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    opacity: 0;
    border-radius: 100%;
    color: #fff;
    background-color: var(--color01);
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 2;
    font-size: 18px;
}
li:hover a ._ico {
    opacity: 1;
}
li a ._ico::before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0%;
    top: 0%;
    background: var(--color01);
    border-radius: 50%;
    animation: scaleAnimate 1s ease infinite;
    -webkit-animation: scaleAnimate 1s ease infinite;
}
@-webkit-keyframes scaleAnimate {
  from {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0.5;
  }

  to {
    -webkit-transform: scale(1.8);
    transform: scale(1.8);
    opacity: 0;
  }
}
.swiper-honor ul li img{transition: all .3s;-webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;object-fit: contain; height: 100% !important;}
.swiper-honor ul li:hover img{transform: scale(1.1);-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1)}
@media(min-width: 1200px) and (max-width: 1299px){
    .home-honor-box{height: 420px}
}
@media(max-width: 1024px){
    .home-honor-box{height: 340px;}
}
@media(max-width: 992px){
    .home-honor{padding-top: 100px;}
    .home-honor-box{height: 350px;margin-bottom: 120px;}
}
@media(max-width: 760px){
    .home-honor{padding-top: 70px;}
    .home-honor-box{height: 280px;margin-top: 30px;margin-bottom: 35px;}
}
/*home news*/
.home-news{background-position: bottom center;background-repeat: no-repeat;padding-bottom: 135px;position: relative;}
.home-news-left{position: absolute;left: 0;top: 0;max-width: 70%;overflow: hidden}
.swiper-news{overflow: initial;margin-left: 22.5%}
.home-news-img{width: 100%; height:352px;overflow: hidden;position: relative;background-color: #fff}
.home-news-img img{
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover
}
.home-news-text{padding: 20px 25px 30px;transition: all .3s;-webkit-transition: all .3s;-moz-transition: all .3s;-o-transition: all .3s}
.home-news-title{border-bottom: solid 1px #efefef;padding-bottom: 15px;line-height: 24px}
.home-news-title b{width: 70%;float: left;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;font-size: 18px;color: #333333;}
.home-news-title span{font-size: 14px;color: #333333;}
.home-news-summary{margin-top: 15px;font-size: 14px;color: #333333;line-height: 26px;}
.home-news-summary span{float: right;padding-right: 40px;color: var(--color01)}
.home-news-summary span i{font-size: 30px;line-height: 1;right: 0;top: 50%;transform: translateY(-50%) rotateX(180deg);-webkit-transform: translateY(-50%) rotateX(180deg);-moz-transform: translateY(-50%) rotateX(180deg);-ms-transform: translateY(-50%) rotateX(180deg)}
.home-news-right{max-width: 335px;display: inline-block;position: relative;}
.home-news-nav{margin-top: 140px;overflow: hidden}
.home-news-nav a{display: block;line-height: 1;font-size: 30px;color: #fff;margin-bottom: 28px;position: relative;text-align: center;padding: 18px 0}
.home-news-nav a:after{position: absolute;left: 0;bottom: 0;width: 0px;height: 1px;background: #fff;content: '';transition: all .5s;-webkit-transition: all .5s;-moz-transition: all .5s;-o-transition: all .5s}
.home-news-nav a:before{position: absolute;left: -14px;bottom: 0;width: 0;height: 0;border-left: solid 7px transparent;border-right: solid 7px transparent;border-bottom: solid 12px transparent;content: '';transition: all .5s;-webkit-transition: all .5s;-moz-transition: all .5s;-o-transition: all .5s}
.home-news-nav a.active:after{width: 100%}
.home-news-nav a.active:before{border-bottom-color: #fff;left: calc(100% - 14px)}
.home-news-next{position: relative;margin-top: 40px;text-align: center}
.home-news-next>div>div{position: initial;display: inline-block;font-size: 42px;color: #fff;margin: auto 12px;line-height: 1;width: 42px;}
.home-news-next>div>div:after{display: none}
.home-news-next>div>div:hover{color: var(--color01)}
.swiper-news ul li:hover .home-news-text{background: #36988d;}
.swiper-news ul li:hover .home-news-title b,.swiper-news ul li:hover .home-news-title span,.swiper-news ul li:hover .home-news-summary,.swiper-news ul li:hover .home-news-summary span{color: #fff;}
@media(min-width: 1200px) and (max-width: 1299px){
    .home-news{background-size: 100% 340px}
    .home-news-title b{font-size: 15px;width: 70%;}
    .home-news-title span{font-size: 12px;}
    .home-news-nav{margin-top: 40px}
    .home-news-nav a{font-size: 20px;margin-bottom: 15px;padding: 10px 0 15px}
}
@media(min-width: 1025px) and (max-width: 1199px){
    .home-news{background-size: 100% 340px}
    .home-news-text{padding: 15px 20px 25px;}
    .home-news-title b{width: 70%;font-size: 15px;}
    .home-news-title span{font-size: 12px;}
    .home-news-nav{margin-top: 60px}
    .home-news-nav a{font-size: 20px;margin-bottom: 15px;padding: 10px 0 15px}
    .home-news-next{margin-top: 20px;}
}
@media(max-width: 1024px) and (min-width: 993px){
    .home-news-left{max-width: 75%}
    .home-news-title b{width: 100%;font-size: 15px;}
    .home-news-title span{width: 100%;text-align: left;font-size: 13px;display: block;margin-top: 5px;}
    .home-news-nav{margin-top: 60px;}
}
@media(max-width: 992px){
    .home-news{padding: 50px 0;background-size: cover}
    .home-news-right{width: 100%;display: block;max-width: 100%;text-align: center}
    .home-news-right .home-title{color: #fff;text-align: center}
    .home-news-right .home-subtitle{color: #fff;text-align: center}
    .home-news-nav{margin-top: 30px;text-align: center;margin-bottom: 40px;}
    .home-news-nav a{display: inline-block;margin: auto 15px;font-size: 1.6rem;padding: 15px 15px;}
    .home-news-next{display: none}
    .home-news-left{position: initial;left: auto;top: auto;max-width: 750px;}
    .swiper-news{margin-left: 0}
    .home-news-title b{width: 100%;}
    .home-news-title span{width: 100%;text-align: left;font-size: 1.2rem;display: block;margin-top: 10px;}
}
@media(max-width: 760px){
    .home-news-nav{margin-top: 20px;}.home-news-nav a.active:before{display: none}
    .home-news-left{padding: 0 10px;overflow: hidden}
    .swiper-news{overflow: hidden}
	.home-news-img{
		height: 178px;
	}
    .home-news-text{padding: 15px}
    .home-news-title{padding-bottom: 5px;}
    .home-news-title b{font-size: 1.5rem}
    .home-news-title span{margin-top: 0;color: #999}
    .home-news-summary{margin-top: 5px;font-size: 1.2rem;line-height: 1.8}
}
/*home partner*/
.home-partner{background: #f7f7f7;padding: 95px 0 90px;}
.home-partner-box{margin-top: 70px;height: 470px}
.swiper-partner{height: 100%}
.swiper-partner ul li{height: calc(33.33% - 10px)}
.home-partner-img{height: 100%;padding: 15px;/*filter: grayscale(100%);-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);*/transition: all .3s;-webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s}
.home-partner-img img{
	width: 190px;
    height: 90%;
    object-fit: contain;
    -o-object-fit: contain;
    mix-blend-mode: multiply;
}
.swiper-partner ul li:hover .home-partner-img{transform: translateY(-5px);/*filter: grayscale(0%);-webkit-filter: grayscale(0%);-moz-filter: grayscale(0%);-ms-filter: grayscale(0%);-o-filter: grayscale(0%);*/}
/*home links*/
.home-links{
	padding: 95px 0 90px
}
.home-links-box{
	display: flex;
	justify-content: space-between;
	margin-top: 30px;
	line-height: 2
}
.home-links-box a{
	color: #333;
	font-size: 16px;
	padding-right: 12px;
}
@media(max-width: 992px){
    .home-partner-box{height: 340px}
    .home-partner-img img{max-height: 100%}
}
@media(max-width: 760px){
    .home-partner,.home-links{padding: 50px 0}
	.home-links-box{
		margin-top: 20px;
		flex-wrap: wrap;
		justify-content: flex-start;
		width: 100%;
	}
	.home-links-box a{
		margin-right: 16px;
	}
    .home-partner-box{margin-top: 40px;height: 330px}
}
/*footer*/
#footer{background: #333333}
.footer-top{padding: 75px 0 45px;}
.footer-nav{margin-right: 6%;max-width: 230px;min-width: 210px;}
.footer-nav-title{font-size: 16px;margin-bottom: 20px;font-weight: bold}
.footer-nav-list a{float: left;width: 50%;line-height: 36px;font-size: 16px;color: #fff}
.footer-nav-list a:hover{color: var(--color01)}
.footer-nav:nth-child(2) .footer-nav-list a{width: 50%}
.footer-contact-text p{line-height: 36px;font-size: 16px;color: #fff;}
.footer-code{width:180px}
.footer-code p{text-align: center;margin-top: 10px;font-size: 18px;}
.footer-copy{background: #1f1f1f;padding: 20px 0;line-height: 1;font-size: 16px;color: #fff;}
.footer-copy a{color: #fff;}
@media(min-width: 993px) and (max-width: 1024px){
    .footer-nav{margin-right: 2%;max-width: 170px;min-width: 170px}
    .footer-nav-list a{font-size: 14px;}
    .footer-contact-text p{font-size: 14px;}
    .footer-copy{font-size: 14px;}
}
@media(max-width: 992px){
    .footer-nav{margin-right: 2%;max-width: 180px;min-width: 180px}
    .footer-nav-list a{font-size: 1.5rem}
    .footer-contact-text p{font-size: 1.4rem;}
    .footer-code{border-top: solid 1px rgba(255,255,255,.2);margin-top: 30px;width: 100%;padding-top: 30px;}
    .footer-copy{text-align: center;}
    .footer-copy span{display: block;float: none !important;line-height: 2}
}
@media(max-width: 760px){
    #footer{margin-bottom: 60px;}
    .footer-top{padding: 30px 0 45px}
    .footer-nav{display: none}
    .footer-nav-title{font-size: 1.8rem}
    .footer-contact{text-align: center;width: 100%}
    .footer-contact-text p{line-height: 2}
    .footer-copy{font-size: 1.2rem}
}
/*footer button*/
#footer-button{background: var(--color01);transition: ease .5s;-webkit-transition: ease .5s;-moz-transition: ease .5s;-o-transition: ease .5s;border-top-color: var(--color01)}
#footer-button a{border-left-color: var(--color01);border-right-color: #f37e78}
#footer-button.active{margin-left: -60%}
/*page public*/
.background-f7f7{background: #f7f7f7}
.page-banner-before:before{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,.3);content: ''}
/*.page-banner-text{bottom: 5%;width: 100%}*/
.page-banner-text{bottom: 50%;transform: translateY(50%);width: 100%}
.page-banner-title{margin-bottom: 10px;font-family: '思源宋体';font-size: 57px;font-weight: 800;}
.page-banner-summary{font-size: 24px;color: #fffbfb;line-height: 2}
.page-location-link{font-size: 15px;color: #999999}
.page-location-link a{color: #999999}
.page-location-link a:hover{color: var(--color01)}
.page-channel{position: relative;line-height: 72px;}
.page-channel:before{position: absolute;left: 0;bottom: 0;width: 100%;height: 1px;background: #d2d2d2;content: '';}
.page-channel>.container{display: flex;}
.page-channel-left{flex: 1;}
.swiper-channel ul li{width:auto;padding: 0 35px;position: relative}
.swiper-channel ul li:before{position: absolute;right: 0;top: 50%;width: 1px;height: 18px;background: #b2b2b2;margin-top: -9px;content:'';}
.swiper-channel ul li:first-child{padding-left: 0}
.swiper-channel ul li:last-child:before{display: none}
.swiper-channel ul li>a{display: block;position: relative;font-size: 16px;color: #333333}
.swiper-channel ul li>a:after{position: absolute;left: 0;bottom: 0;width: 100%;height: 2px;background: transparent;content: '';z-index: 2}
.swiper-channel ul li:hover>a,.swiper-channel ul li.active>a{color: var(--color01);font-weight: bold;}
.swiper-channel ul li.active>a:after{background: var(--color01)}
.page-contact-padding{padding-top: 75px;line-height: 1.5}
.page-channel-menu{position: absolute;left: 0;top: 72px;width: 100%;z-index: 10;background: #fff;padding: 20px 0;line-height: 1.5;display: none;}
.page-channel-item{display: none;}
.page-channel-item a{display: inline-block;margin: auto 45px;font-size: 16px;color: #333;}
.page-channel-item a:hover,.page-channel-item a.active{color: var(--color01)}
@media(min-width: 1200px) and (max-width: 1399px){
    .page-banner-title img{max-height: 38px;}
    .page-banner-summary{font-size: 18px}
    .page-banner-title{font-size: 47px;}
}
@media(min-width: 1025px) and (max-width: 1199px){
    .page-banner-title img{max-height: 36px;}
    .page-banner-summary{font-size: 16px}
    .swiper-channel ul li{padding: 0 20px;}
    .page-banner-title{font-size: 40px;}
}
@media(min-width: 993px) and (max-width: 1024px){
    .page-banner-text{bottom: 10%}
    .page-banner-title img{max-height: 30px;}
    .page-banner-summary{font-size: 16px;}
    .swiper-channel ul li{padding: 0 20px;}
    .swiper-channel ul li a{font-size: 14px;}
    .page-banner-title{font-size: 35px;}
}
@media(max-width: 992px){
    .page-banner-text{bottom: 10%}
    .page-banner-title img{max-height: 30px;}
    .page-banner-summary{font-size: 1.6rem;line-height: 1.8}
    .swiper-channel ul li{padding: 0 10px;}
    .swiper-channel ul li>a{font-size: 1.5rem}
    .page-contact-padding{padding-top: 50px;}
    .page-banner-title{font-size: 30px;}
}
@media(max-width: 760px){
    .page-banner-text{bottom: 10%}
    .page-banner-title img{max-height: 30px;}
    .page-banner-summary{font-size: 1.4rem;line-height: 1.8}
    .page-location{border-bottom: solid 1px #ddd;}
    .page-location-link{font-size: 1.2rem;text-align: left;}
    .page-channel{line-height: 24px}
    .page-channel:before{display: none}
    .page-channel .container{display: block;padding: 0}
    .page-channel-left{position: relative;}
    .page-channel-left:after{position: absolute;left: 0;bottom: 0;width: 100%;height: 1px;background: #ddd;content:''}
    .swiper-channel{text-align: center}
    .swiper-channel ul{display: block;}
    .swiper-channel ul li{padding: 0 20px !important;display: inline-block;}
    .swiper-channel ul li:before{display: none}
    .swiper-channel ul li a{font-size: 1.5rem;padding: 10px 0}
    .page-channel .page-location{padding: 10px 5px;display: none}
    .page-contact-padding{padding-top: 30px}
    .page-text{font-size: 1.2rem;line-height: 2}
}
/*page about*/
.page-about{
	display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */  
    display: -moz-box; /* Firefox 17- */  
    display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */  
    display: -moz-flex; /* Firefox 18+ */  
    display: -ms-flexbox; /* IE 10 */  
    display: flex; /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */
	margin-bottom: 50px;
}
.page-about-right{
	flex: 1;
	-ms-flex:1;
	-webkit-flex:1;
	-moz-flex:1;
	-o-flex:1;
	max-width: 668px;
	-ms-width: 668px;
}
.page-about-right i{font-size: 60px;color: #fff;cursor: pointer}
.page-about-left{max-width: calc(100% - 668px);padding-right: 70px;}
.page-about-left .page-text{font-size: 16px;color: #333333;line-height: 34px;margin-top: 20px;text-indent: 32px;}
@media(min-width: 1200px) and (max-width: 1399px){
    .page-about-left{padding-right: 50px;}
    .page-about-left .home-subtitle{font-size: 20px;}
    .page-about-left .page-text{font-size: 14px;line-height: 26px;text-indent: 28px;}
}
@media(min-width: 1025px) and (max-width: 1199px){
    .page-about-left{padding-right: 50px;}
    .page-about-left .home-title{font-size: 30px;}
    .page-about-left .home-subtitle{font-size: 18px;}
    .page-about-left .page-text{font-size: 14px;line-height: 26px;text-indent: 28px;}
}
@media(max-width: 1024px){
    .page-about-right{max-width: 500px;}
    .page-about-left .home-title{font-size: 30px;}
    .page-about-left .home-subtitle{font-size: 18px;}
    .page-about-left{max-width: calc(100% - 500px);padding-right: 40px;}
    .page-about-left .page-text{font-size: 14px;line-height: 24px;text-indent: 28px;}
}
@media(max-width: 992px){
    .page-about{display: block;}
    .page-about-left{max-width: 100%;margin-bottom: 30px;padding-right: 0}
    .page-about-left .home-title{text-align: center;}
    .page-about-left .home-subtitle{text-align: center;}
    .page-about-right{max-width: 100%}
}
@media(max-width: 760px){
    .page-about-left .home-title{font-size: 2rem}
    .page-about-left .home-subtitle{font-size: 1.5rem}
    .page-about-left .page-text{font-size: 1.2rem;text-indent: 2.4rem}
}
/*page base*/
.page-base-list{margin:50px -5px 30px;}
.page-base-list li{padding: 0 5px;margin-bottom: 20px}
.page-base-item{overflow: hidden;max-height: 290px;overflow: hidden}
.page-base-text{left: 0;bottom:-100%;width: 100%;background: rgba(197,31,23,.73);padding: 15px;transition: all .3s;-webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;}
.page-base-title{font-size: 18px;color: #fff;font-weight: bold;margin-bottom: 10px;}
.page-base-summary{font-size: 14px;color: #fff;line-height: 24px}
.page-base-list li:hover .page-base-text{bottom: 0}
@media(max-width: 992px){
    .page-base-title{font-size: 1.5rem}
    .page-base-summary{font-size: 1.3rem}
}
@media(max-width: 760px){
    .page-base-text{padding: 10px;}
    .page-base-title{font-size: 1.4rem;margin-bottom: 5px;}
    .page-base-summary{font-size: 1.2rem;}
}
/*page honor*/
.page-honor-list{margin: 75px -9px 30px}
.page-honor-list li{padding: 0 9px;margin-bottom: 20px;}
.page-honor-item{max-height: 226px;overflow: hidden;position: relative;}
.page-honor-item img{max-height: 100%;}
@media(max-width: 760px){
    .page-honor-list{margin: 30px -5px 20px}
    .page-honor-list li{padding: 0 5px;margin-bottom: 15px;}
    .page-honor-item{max-height: 136px;}
}
/*page culture*/
.page-culture{position: relative}
.page-culture:after{position: absolute;left: 0;bottom: 0;width: 100%;height: 262px;background: url(../images/about_backg_1.jpg) no-repeat bottom center;content: '';}
.page-culture-box{
	position: relative;
	z-index: 2;
	display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
	margin-top: 80px;
}
.page-culture-left{
	margin-bottom: 50px;
	flex: 1;
	-ms-flex:1;
	-webkit-flex:1;
	-moz-flex:1;
	-o-flex:1;
	max-width: 524px
}
.page-culture-right{max-width: calc(100% - 524px);padding-left: 60px;}
.page-culture-item{display: inline-block;margin-bottom: 40px;}
.page-culture-item:last-child{margin-bottom: 0}
.page-culture-item i{width: 68px;height: 68px;display: block;background: var(--color01);color: #fff;line-height: 68px;text-align: center;border-radius: 50%;font-size: 30px;}
.page-culture-text{padding-left: 15px;width: calc(100% - 68px)}
.page-culture-text h3{font-size: 24px;color: #333333;font-weight: bold;line-height: 40px;}
.page-culture-text p{font-size: 17px;color: #000000;line-height: 40px;min-height: 80px;}
.page-culture-item:nth-child(2){max-width: 50%;margin-left: 10%}
/*.page-culture-item:last-child i{background: #fff;color: var(--color01)}
.page-culture-item:last-child .page-culture-text h3,.page-culture-item:last-child .page-culture-text p{color: #fff;}*/
@media(min-width: 1200px) and (max-width: 1340px){
    .page-culture-text p{font-size: 16px;line-height: 30px;min-height: 90px;}
}
@media(min-width: 1025px) and (max-width: 1199px){
    .page-culture-item{display: block;max-width: initial;margin-left: 0;margin-bottom: 25px;}
    .page-culture-item i{width: 50px;height: 50px;font-size: 24px;line-height: 50px;}
    .page-culture-item:nth-child(2){max-width: 100%;margin-left: 0}
    .page-culture-text p{min-height: initial;font-size: 14px;line-height: 30px;}
    .page-culture-text h3{font-size: 20px;}
}
@media(max-width: 1024px){
    .page-culture-left{max-width: 400px;}
    .page-culture-right{max-width: calc(100% - 400px);padding-left: 30px;}
    .page-culture-item{display: block;margin-left: 0 !important;max-width: 100% !important;margin-bottom: 20px;}
    .page-culture-item i{width: 50px;height:50px;line-height: 50px;font-size: 24px;}
    .page-culture-text h3{font-size: 18px;line-height: 30px;}
    .page-culture-text p{min-height: initial;font-size: 14px;line-height: 24px}
}
@media(max-width: 992px){
    .page-culture:after{height: 210px;}
    .page-culture-left{display: none}
    .page-culture-right{max-width: 100%;padding-left: 0;margin-bottom: 70px;}
}
@media(max-width: 760px){
    .page-culture-box{margin-top: 50px;}
    .page-culture:after{height: 280px;background-size: cover}
    .page-culture-right{margin-bottom: 40px;}
    .page-culture-item i{width: 40px;height: 40px;font-size: 2rem;line-height: 40px;}
    .page-culture-text{width: calc(100% - 40px)}
    .page-culture-text h3{font-size: 1.6rem}
    .page-culture-text p{font-size: 1.4rem}
}
@media(max-width: 320px){
    .page-culture:after{height: 300px;background-size: cover}
    .page-culture-text p{font-size: 1.3rem}
}
/*page path*/
.page-path-box{margin-top: 90px;margin-bottom: 65px}
.page-path-title{font-size: 30px;color: #333333;margin-bottom: 25px;}
.page-path-img{max-height: 164px;overflow: hidden}
.page-path-summary{margin-top: 25px;font-size: 16px;color: #333333;line-height: 30px;}
.page-path-pagination{margin-top: 40px;position: relative}
.page-path-pagination:before{position: absolute;left: 0;top: 1px;width: 100%;height: 1px;background: #d8d8d8;content: ''}
.path-pagination{position: initial}
.path-pagination li{width: auto;height:auto;border-radius: 0;background: transparent;margin: auto 40px;opacity: 1;font-size: 18px;color: #333333;padding-top: 35px;position: relative}
.path-pagination li:before{position: absolute;left: 0;top: 0;width: 100%;height: 3px;background: transparent;content: ''}
.path-pagination li.swiper-pagination-bullet-active{color: var(--color01);font-weight: bold}
.path-pagination li.swiper-pagination-bullet-active:before{background: var(--color01);}
@media(max-width: 992px){
    .path-pagination li{margin: auto 20px;}
}
@media(max-width: 760px){
    .page-path-box{margin-top: 50px;margin-bottom: 30px;}
    .page-path-title{font-size: 1.6rem;font-weight: bold;margin-bottom: 10px;}
    .page-path-summary{margin-top: 10px;font-size: 1.4rem;line-height: 20px;}
    .path-pagination li{font-size: 1.3rem;margin: auto 8px;padding-top: 25px;}
}
/*page product*/
.page-product-channel-title{margin-top: 85px;font-size: 30px;color: #333333;font-weight: bold;padding-left: 15px;position: relative;margin-bottom: 25px;}
.page-product-channel-title:before{position: absolute;left: 0;top: 50%;width: 4px;height: 28px;background: var(--color01);content: '';margin-top: -14px;}
.page-product-list{margin: auto -8px 30px;}
.page-product-list li{padding: 0 8px;margin-bottom: 18px;}
.page-product-item{height: 342px;padding: 25px;overflow: hidden}
.page-product-img{width: 100%;height: 100%;}
.page-product-img a{display: block;width: 100%;height: 100%}
.page-product-img img{max-height: 100%;margin: auto}
.page-product-text{left: 0;top: -150%;background: rgba(197,31,23,.73);padding: 13px;transition: all .3s;-webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;}
.page-product-text a{display: block;}
.page-product-text h3{font-size: 18px;font-weight: bold;margin-bottom: 15px;}
.page-product-text .page-product-summary{font-size: 14px;color: #fff;line-height: 24px;margin-bottom: 15px;}
.page-product-text .home-more{border-bottom: solid 1px #fff;width: 100%;font-size: 14px;color: #fff;position: relative;line-height: 34px;}
.page-product-text .home-more:before{position: absolute;left: 0;top: 0;height: 100%;width: 0px;background: #fff;content: '';transition: all .3s;-webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;}
.page-product-text .home-more .home-product-more{display: block;padding: 0;z-index: 2}
.page-product-text .home-more i{font-style: normal;}
.page-product-text .home-more:hover{font-weight: bold;}
.page-product-list li:hover .page-product-item{box-shadow: 0 0 10px rgba(0,0,0,.1)}
.page-product-list li:hover .page-product-img img{transform: scale(1.1);-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1)}
.page-product-list li:hover .page-product-text{top: 0;}
.page-product-list li .home-more:hover:before{width: 100%}
.page-product-list li .home-more:hover{color: var(--color01);padding: 0 10px;}
.page-product-list li:first-child .page-product-item{height: 702px;}
.page-product-list li:first-child .page-product-img{max-height: 476px}
.page-product-list li:first-child .page-product-img a{
	position: relative;
}
.page-product-list li:first-child .page-product-img a img{
	transform:translate(-50%,-50%)!important;
	position: absolute;
    left: 50%;
    top: 50%;
}
.page-product-list li:first-child .page-product-text{position: initial;background: transparent;padding: 0}
.page-product-list li:first-child .page-product-text .page-product-title{font-size: 18px;color: #333333;margin-bottom: 15px;font-weight: bold}
.page-product-list li:first-child .page-product-text .page-product-title a{color: #333}
.page-product-list li:first-child .page-product-text .page-product-summary{font-size: 13px;color: #333333;line-height: 24px;margin-bottom: 25px;}
.page-product-list li:first-child .page-product-text .home-more{display: block;width: 175px;height: 42px;background: var(--color01);border-radius: 5px;color: #fff;line-height: 42px;text-align: center;font-size: 16px;border: solid 1px var(--color01)}
.page-product-list li:first-child .page-product-text .page-product-title:hover a{color: var(--color01)}
.page-product-list li:first-child .page-product-text .home-more:hover{background: #fff;color: var(--color01)}
@media(max-width: 760px){
    .page-product-channel-title{margin-top: 50px;font-size: 2rem}
    .page-product-channel-title:before{height: 20px;margin-top: -10px;}
    .page-product-channel-title a{font-size: 1.4rem;color: var(--color01)}
    .page-product-channel-title a i{margin-right: 5px;font-size: 1.4rem}
    .page-product-list{margin: auto -5px 20px;}
    .page-product-list li{padding: 0 5px;margin-bottom: 10px;}
    .page-product-item{height: 210px;padding: 15px;}
    .page-product-text h3{font-size: 1.5rem;margin-bottom: 10px;}
    .page-product-text .page-product-summary{font-size: 1.3rem;line-height: 20px;}
}
/*page partner*/
.page-partner-list{margin: 50px -6px 30px}
.page-partner-item{width: 20%;padding: 6px;}
.page-partner-img{background: #fff;height: 146px;padding: 15px;/*filter: grayscale(100%);-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);*/transition: all .3s;-webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;}
.page-partner-img img{max-height: 100%;}
/*.page-partner-item:hover .page-partner-img{filter: grayscale(0%);-webkit-filter: grayscale(0%);-moz-filter: grayscale(0%);-ms-filter: grayscale(0%);-o-filter: grayscale(0%);}*/
.page-partner-item:hover .page-partner-img{transform: translateY(-5px);-webkit-transform: translateY(-5px);-moz-transform: translateY(-5px);-o-transform: translateY(-5px)}
@media(max-width: 1024px){
    .page-partner-img{height: 90px}
}
@media(max-width: 760px){
    .page-partner-list{margin:30px -6px 30px;}
    .page-partner-item{width: 50%}
}
/*page address*/
.page-address-container{margin: 100px 0;position: relative}
.page-address-left{left: 0;top: 0;width: 47.34%;background-repeat: no-repeat;background-position: top left;height: 100%;background-size: cover}
.page-address-right{max-width: 50.78%;float: right}
.page-address-right .page-text{margin-top: 30px;font-size: 16px;color: #333333;line-height: 36px;text-indent: 32px;}
@media(max-width: 992px){
    .page-address-container{margin: 50px 0}
    .page-address-left{display: none}
    .page-address-right{max-width: 100%}
    .page-address-right .home-title{text-align: center}
}
@media(max-width: 760px){
    .page-address-right .page-text{font-size: 1.3rem;line-height: 2}
}
/*page details*/
/*.page-product-banner{bottom:5%}*/
.page-product-banner{bottom:50%}
.page-product-top{margin-top: 100px;display: flex;margin-bottom: 90px;}
.page-product-left{flex: 1;max-width: 50%}
.swiper-product-top{background: #fff;margin-bottom: 15px;height: 336px;}
.page-product-top-img{height: 100%;overflow: hidden;padding: 15px;}
.page-product-top-img img{max-height: 100%;}
.swiper-product-bottom ul li{background: #fff;height: 150px;border: solid 1px #fff;cursor: pointer}
.swiper-product-bottom ul li.swiper-slide-thumb-active{border-color: var(--color01)}
.page-product-right{flex: 1;max-width: 50%;padding-left: 60px;}
.page-product-details-title{margin-top: 10px;font-size: 24px;color: #333333;font-weight: bold;padding-left: 20px;position: relative;margin-bottom: 25px;}
.page-product-details-title:before{position: absolute;left: 0;top: 50%;width: 4px;height: 28px;background: var(--color01);content: '';margin-top: -14px;}
.page-product-details-summary{line-height: 46px;font-size: 20px;color: #333333;}
.page-product-details-summary p{padding-left: 20px;position: relative}
.page-product-details-summary p:before{position: absolute;left: 0;top: 50%;width: 8px;height: 8px;border-radius: 50%;border: solid 1px var(--color01);content: '';margin-top: -4px;}
.page-product-details-more{margin-top: 45px;}
.page-product-details-more a{width: 175px;height: 42px;border-radius: 5px;line-height: 42px;background: var(--color01);text-align: center;display: block;font-size: 16px;color: #fff;border: solid 1px var(--color01);}
.page-product-details-more a span{padding-right: 40px;display: inline-block;}
.page-product-details-more a i{margin-left: 10px;font-size: 24px}
.page-product-details-more a:hover{background: transparent;color: var(--color01)}
.page-product-nav .container{
	display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
}
.page-product-nav label{
	flex: 1;
	-ms-flex:1;
	-webkit-flex:1;
	-moz-flex:1;
	-o-flex:1;
	line-height: 68px;
	text-align: center;
	font-size: 18px;
	color: #333333;
	cursor: pointer;
	margin-bottom: 0
}
.page-product-nav label:hover{color: var(--color01)}
.page-product-nav label.active{background: var(--color01);color: #fff}
.page-product-content{margin-top: 45px;padding-bottom: 60px;}
.page-product-content-item{display: none}
.page-download-item{border-bottom: solid 1px #ddd;padding-bottom: 10px;}
.page-download-item a{display: block;line-height: 34px;}
.page-download-item a span.pull-left{font-size: 16px;color: #333;}
.page-download-item a span.pull-left i{margin-right: 10px;color: var(--color01);font-size: 16px;font-weight: bold}
.page-download-item a span.pull-right{width: 120px;height: 34px;background: var(--color01);border-radius: 5px;text-align: center;color: #fff;font-size: 14px;border: solid 1px var(--color01)}
.page-download-item a span.pull-right i{margin-left: 5px;}
.page-download-item a span.pull-right:hover{background: transparent;color: var(--color01);}
.page-product-content .page-text a:hover{
    color: #000;
}
@media(max-width: 992px){
    .swiper-product-top{height: 220px;}
    .swiper-product-bottom ul li{height: 85px;}
    .page-product-details-title{font-size: 2rem}
    .page-product-details-summary{line-height: 34px;font-size: 1.6rem}
    .page-product-details-more{margin-top: 25px;}
    .page-product-nav label{font-size: 1.6rem;line-height: 50px;}
}
@media(max-width: 760px){
    .page-product-top{margin-top: 30px;display: block;margin-bottom: 40px;}
    .page-product-left{max-width: 100%;margin-bottom: 40px;}
    .page-product-right{max-width: 100%;padding-left: 0}
    .page-product-details-title{font-size: 1.8rem;margin-bottom: 15px;}
    .page-product-details-title:before{height: 16px;margin-top: -8px;}
    .page-product-details-summary{font-size: 1.4rem;line-height: 24px;}
    .page-product-details-more a{width: 120px;height: 34px;line-height: 32px;font-size: 1.4rem}
    .page-product-nav label{font-size: 1.2rem;line-height: 40px;}
}
/*page skill*/
.page-skill-banner{bottom: 5%;}
.page-skill-banner .page-banner-summary{letter-spacing: 5px;/*font-weight: lighter*/}
.page-skill-list{margin-top: 75px;margin-bottom: 20px;}
.page-skill-list  li{padding: 0 17px;margin-bottom: 30px;}
.page-skill-list  li:nth-child(odd){padding-left: 0}
.page-skill-list  li:nth-child(even){padding-right: 0}
.page-skill-item{
	display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
	padding: 15px;
}
.page-skill-img{
	flex: 1;
	-ms-flex:1;
	-webkit-flex:1;
	-moz-flex:1;
	-o-flex:1;
	border: solid 1px #f0f0f0;
	width: 270px;
	height: 270px;
	overflow: hidden;
	max-width: 270px;
}
.page-skill-img img{max-height:100%}
.page-skill-text{
	flex: 1;
	-ms-flex:1;
	-webkit-flex:1;
	-moz-flex:1;
	-o-flex:1;
	width: calc(100% - 270px);
	padding-left: 20px;
}
.page-skill-title{width: 100%;width: 100%;padding-bottom: 20px;font-size: 26px;color: #333333;font-weight: bold;position: relative;margin-bottom: 25px;}
.page-skill-title:before,.page-skill-title:after{position: absolute;left: 0;bottom: 0;height: 2px;content: '';transition: all .3s;-webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;}
.page-skill-title:before{width: 100%;background: #f7f7f7;}
.page-skill-title:after{width: 64px;background: var(--color01)}
.page-skill-summary{width: 100%;font-size: 14px;font-weight: bold;color: #999999;line-height: 26px;margin-bottom: 25px;}
.page-skill-more{width: 100%;color: var(--color01);font-size: 14px;}
.page-skill-list li:hover .page-skill-title{color: var(--color01);}
.page-skill-list li:hover .page-skill-title:after{width: 100%}
@media(min-width: 1025px) and (max-width: 1199px){
    .page-skill-img{width: 200px;max-width: 200px;height: 200px;}
    .page-skill-text{max-width: calc(100% - 200px)}
}
@media(max-width: 1024px){
    .page-skill-img{width: 200px;height: 200px;}
    .page-skill-title{font-size: 18px;}
}
@media(max-width: 992px){
    .page-skill-img{width:150px;height: 150px;}
    .page-skill-text{max-width: calc(100% - 150px)}
    .page-skill-title{font-size: 1.5rem;padding-bottom: 15px;margin-bottom: 10px;}
    .page-skill-summary{font-size: 1.3rem;margin-bottom: 10px;}
}
@media(max-width: 760px){
    .page-skill-banner{bottom: 30%;}
    .page-skill-banner .page-banner-summary{letter-spacing: 2px;}
    .page-skill-list li{padding: 0;margin-bottom: 15px;}
    .page-skill-item{padding: 10px;}
    .page-skill-img{max-width: 150px;height: 150px;}
}
/*page skill detaisl*/
.page-left.page-skill-left{padding-right: 0}
/*page case*/
.page-app-banner{bottom: 5%}
.page-app-banner .page-banner-summary{letter-spacing: 5px;/*font-weight: 600*/}
.page-app-list{margin: 75px -15px 20px;}
.page-app-list li{margin-bottom: 30px;}
.page-app-list li a{transition: all .3s;-webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;}
.page-app-img{overflow: hidden;height: 290px;width: 100%;position: relative;}
.page-app-img img{
	transition: all .3s;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	width: 100%!important;
    height: 100%!important;
    position: absolute!important;
    left: 50%!important;
    top: 50%!important;
    -webkit-transform: translate(-50%,-50%)!important;
    -ms-transform: translate(-50%,-50%)!important;
    transform: translate(-50%,-50%)!important;
}
.page-app-text{padding: 12px 25px;}
.page-app-title{border-bottom: solid 1px #efefef;font-size: 18px;color: #333333;line-height: 46px;margin-bottom: 10px;}
.page-app-subtitle{font-size: 14px;color: #333333;min-height: 30px;}
.page-app-list li:hover a{background: var(--color01)}
.page-app-list li:hover .page-app-title,.page-app-list li:hover .page-app-subtitle{color: #fff;}
.page-app-list li:hover .page-app-img img{transform: scale(1.1);-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1)}
@media(max-width: 992px){
    .page-app-list{margin: 50px -5px 20px}
    .page-app-list li{padding: 0 5px;margin-bottom: 15px}
}
@media(max-width: 760px){
    .page-app-banner{bottom: 30%}
    .page-app-banner .page-banner-summary{letter-spacing: 2px;}
    .page-app-list{margin: 30px -5px 20px;}
    .page-app-list li{padding: 0 5px;margin-bottom: 10px}
	.page-app-img{
		height: 132px;
	}
    .page-app-text{padding: 10px;}
    .page-app-title{font-size: 1.5rem;line-height: 1;padding-bottom: 10px;}
    .page-app-subtitle{font-size: 1.2rem}
}
/*page news*/
.page-news-banner{bottom: 30%}
.page-news-list{
	margin:80px -15px 20px;
	display: flex;
	width: 100%;
	flex-wrap: wrap;
	align-items: stretch;
}
.page-news-list li{padding: 0 15px;margin-bottom: 30px;}
.page-news-item{display: block;height: 100%;}
.page-news-img{display: block;overflow: hidden;height: 300px;position: relative;}
.page-news-img img{
	width: 100%!important;
    height: 100%!important;
    position: absolute!important;
    left: 50%!important;
    top: 50%!important;
    -webkit-transform: translate(-50%,-50%)!important;
    -ms-transform: translate(-50%,-50%)!important;
    transform: translate(-50%,-50%)!important;
}
.page-news-text{padding: 20px 25px 25px;transition: all .3s;-webkit-transition: all .3s;-o-transition: all .3s}
.page-news-title{border-bottom: solid 1px #efefef;padding-bottom: 10px;line-height: 30px;}
.page-news-title b{max-width: 75%;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;font-size: 18px;color: #333}
.page-news-title span{font-size: 14px;color: #333333;}
.page-news-summary{margin-top: 10px;font-size: 14px;color: #333333;line-height: 26px;}
.page-news-summary span{float: right;padding-right: 20px;color: var(--color01)}
.page-news-summary span i{font-size: 24px;font-style: normal}
.page-news-list li:hover .page-news-text{background: var(--color01)}
.page-news-list li:hover .page-news-title b,.page-news-list li:hover .page-news-title span,.page-news-list li:hover .page-news-summary,.page-news-list li:hover .page-news-summary span{color: #fff;}
@media(min-width: 1025px) and (max-width: 1199px){
    .page-news-title b{width: 70%;font-size: 15px;}
    .page-news-title span{font-size: 13px;}
}
@media(max-width: 1024px){
    .page-news-list{margin: 80px -8px 20px}
    .page-news-list li{padding: 0 8px;margin-bottom: 16px;}
    .page-news-title b{width: 70%;font-size: 15px;}
    .page-news-title span{font-size: 13px;}
}
@media(max-width: 992px){
    .page-news-list{margin: 40px -8px 20px}
    .page-news-text{padding: 15px 20px}
    .page-news-title{line-height: 24px;padding-bottom: 5px;}
    .page-news-title b{width: 100%;max-width: 100%}
    .page-news-title span{display: block;width: 100%}
    .page-news-summary{font-size: 1.2rem;line-height: 20px;}
}
@media(max-width: 760px){
    .page-news-list{margin: 30px -5px 20px}
    .page-news-list li{padding: 0 5px;}
	.page-news-img{
		height: 124px;
	}
    .page-news-text{padding: 10px;}
    .page-news-title b{font-size: 1.5rem}
    .page-news-title span{font-size: 1.2rem;color: #999}
}
/*page news details*/
.page-left{padding-left: 0;padding-right: 20px;margin-bottom: 30px;}
.page-right{padding-left: 20px;padding-right: 0;margin-bottom: 30px;}
.page-left-content{padding: 35px;}
.page-title{font-size: 22px;}
.page-info{padding: 15px 0 10px;border-bottom: dashed 1px #ddd;margin-bottom: 20px;}
.page-info span{margin:auto 20px}
.page-newest,.page-hot,.page-recommend{padding: 15px;border-radius: 5px;}
.page-right-title{font-size: 20px;color: var(--color01);margin-bottom: 15px;padding-left: 15px;position: relative}
.page-right-title:before{position: absolute;left: 0;top: 50%;width: 4px;height: 20px;margin-top: -10px;background: var(--color01);content: '';}
.page-newest-item{line-height: 34px;display: block}
.page-newest-item i{width: 20px;line-height: 20px;background: transparent;border-radius: 4px;display: inline-block;text-align: center;line-height: 18px;color: #666;font-style: normal;margin-right: 10px;font-size: 12px;}
.page-newest-item a{font-size: 14px;color: #333}
.page-newest-item:first-child i{color: #fff;background: var(--color01)}
.page-newest-item:nth-child(2) i{color: #fff;background: rgba(218,37,28,.7)}
.page-newest-item:nth-child(3) i{color: #fff;background: rgba(218,37,28,.4)}
.page-newest-item:hover a{color: var(--color01)}
.page-hot .page-newest-item:first-child i{background: #fc6b0a}
.page-hot .page-newest-item:nth-child(2) i{color: #fff;background: rgba(252,107,10,.7)}
.page-hot .page-newest-item:nth-child(3) i{color: #fff;background: rgba(252,107,10,.4)}
.page-hot .page-newest-item:hover a{color: #fc6b0a}
.page-recommend-item{margin-bottom: 15px}
.page-recommend-item:last-child{margin-bottom: 0}
.page-recommend-item a{display: block;max-height: 150px;overflow: hidden}
.page-recommend-title{left: 0;bottom: 0;width: 100%;padding: 10px;background: rgba(0,0,0,.5);color: #fff;text-align: center}
.page-recommend-title i{font-size: 16px;margin-right: 15px;}
.page-recommend-title span{font-size: 18px;}
.page-recommend-item:hover .page-recommend-title{background: rgba(243,168,180,1);}
@media(max-width: 760px){
    .page-left{padding: 0;margin-bottom: 30px;}
    .page-right{padding: 0}
    .page-left-content{padding: 15px;}
    .page-title{font-size: 1.8rem;line-height: 1.5}
}
/*page contact*/
.page-contact-location{padding: 30px 0;margin-bottom: 40px;}
.page-contact-summary{font-size: 18px;color: #333333;line-height: 2;text-indent:36px;margin-bottom: 60px;}
.page-contact-list{margin: auto -8px 85px;}
.page-contact-list li{padding: 0 8px;margin-bottom: 16px;}
.page-contact-item{height: 150px;border-radius: 20px;padding-left: 19.7%}
.page-contact-content{width: 100%;display: flex;}
.page-contact-content i{flex: 1;max-width: 50px;color: #ff392f;font-size: 38px;line-height: 1;}
.page-contact-text{flex: 1;}
.page-contact-text h3{font-size: 24px;color: #757575;font-weight: bold;line-height: 38px;}
.page-contact-text p{font-size: 22px;color: #757575}
.page-map{height: 500px}
@media(min-width: 1200px) and (max-width: 1399px){
    .page-contact-item{padding-left: 10%}
}
@media(min-width: 1025px) and (max-width: 1199px){
    .page-contact-item{padding-left: 10%}
    .page-contact-text h3{font-size: 20px;}
    .page-contact-text p{font-size: 18px;}
}
@media(min-width: 993px) and (max-width: 1024px){
    .page-contact-location{padding: 20px 0;margin-bottom: 25px;}
    .page-contact-summary{font-size: 16px;text-indent: 32px;}
    .page-contact-item{padding-left: 10%}
    .page-contact-text h3{font-size: 18px;}
    .page-contact-text p{font-size: 16px;}
}
@media(max-width: 992px){
    .page-contact-location{padding: 15px 0;margin-bottom: 25px;}
    .page-contact-summary{font-size: 1.5rem;text-indent: 3rem}
    .page-contact-item{padding-left: 0;}
    .page-contact-content{display: block;text-align: center;}
    .page-contact-text h3{font-size: 2rem;margin-top: 10px;}
    .page-contact-text p{font-size: 1.6rem}
}
@media(max-width: 760px){
    .page-contact-location{padding: 15px 0}
    .page-contact-summary{font-size: 1.4rem;margin-bottom: 40px;}
    .page-contact-item{border-radius: 10px;}
    .page-contact-list{margin-bottom: 30px;}
    .page-contact-content i{font-size: 3rem;display: inline-block;line-height: 1}
    .page-contact-text h3{font-size: 1.6rem;line-height: 1.8}
    .page-contact-text p{font-size: 1.4rem}
    .page-map{height: 300px}
}
/*page*/
.page{margin-bottom: 55px;}
.page a,.page b{border-color: #bdbdbd;line-height: 28px;height: 30px;color: #333;background: transparent;margin: auto 2px;}
.page b{border-color: var(--color01);background: var(--color01);color: #fff}
.page a:hover{color: var(--color01);border-color: var(--color01)}

/*page next*/
.page-next{margin-top: 20px;border-top: dashed 1px #ddd;padding-top: 15px;}
.page-next p{font-size: 14px;line-height: 30px;color: #999}
.page-next p a{color: #999}
.page-next p:hover,.page-next p:hover a{color: var(--color01);font-weight: bold}
/*page search*/
.page-search-list{margin-bottom: 20px;margin-top: 50px;}
.page-search-item{border-bottom: solid 1px #f2f2f2;padding: 15px;background: #fff;margin-bottom: 15px;}
.page-search-title{font-size: 16px;color: #333;margin-bottom: 10px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden}
.page-search-title span{font-weight: bold;margin-right: 5px;}
.page-search-summary{font-size: 13px;color: #999;padding-left: 15px;margin-bottom: 10px;line-height: 2;}
.page-search-time{font-size: 12px;padding-left: 15px;color: #999}
.page-search-time i{font-size: 12px}
.page-search-item:hover .page-search-title{color: var(--color01)}
@media(max-width: 760px){
    .page-search-list{margin-top: 30px;}
    .page-search-title{font-size: 1.4rem;margin-bottom: 5px;}
    .page-search-summary{font-size: 1.2rem;margin-bottom: 5px;}
    .page-search-time{font-size: 1.2rem}
}
/*page products list2*/
.home-product-list2,.page-product-list2{
	display: -webkit-flex;
  	display: -moz-box;
  	display: -ms-flexbox;
  	display: flex;
  	-webkit-flex-wrap: wrap;
  	-ms-flex-wrap: wrap;
  	flex-wrap: wrap;
	padding-top:20px;
}
.home-product-left{
	margin-right: 1%;
	margin-left: 0;
	width: 32%;
}
.home-product-list2{
	width: 100%;
	padding-top: 0
}
.home-product-list2 li,.page-product-list2 li{
	position: relative;
 	margin-right: 2%;
	margin-bottom: 30px;
	width: 32%;
	-webkit-transition: 0.68s;
 	-o-transition: 0.68s;
 	-moz-transition: 0.68s;
 	transition: 0.68s;
	background: #fff;
}
.home-product-list2 li{
	margin-right: 1%;
	margin-bottom: 1%;
	width: 24.2%
}
.home-product-list2 li:nth-child(4n+4){
	margin-right: 0
}
.home-product-list2 li+li+li+li+li{
	margin-bottom: 0
}
.page-product-list2 li:nth-child(3n+3){
	margin-right: 0
}
.home-product-list2 li:hover,.page-product-list2 li:hover{
  	box-shadow: 0 0 30px rgba(0, 0, 0, 0.08);
}
.display-top{
	padding-top: 30px;
    text-align: center;
}
.display-top figure{
	display: block;
	position: relative;
    height: 0;
    padding-bottom: 52.5%;
    text-align: center;
}
.display-top figure img{
	display: block;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    max-width: 100%;
    max-height: 100%;
    -webkit-transition: 0.68s;
    -o-transition: 0.68s;
    -moz-transition: 0.68s;
    transition: 0.68s;
}
.display-text{
	text-align: center;
    width: 90%;
    margin: auto;
    margin-top: 30px;
    margin-bottom: 20px;
    height: auto !important;
}
.display-text strong{
	display: block;
    margin-bottom: 12px;
    line-height: 1;
    color: #061729;
    font-size: 20px;
    font-weight: normal;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
    -webkit-transition: 0.35s;
    -o-transition: 0.35s;
    -moz-transition: 0.35s;
    transition: 0.35s;
}
.display-text p{
	color: #999999;
    font-size: 16px;
    -webkit-transition: 0.35s;
    -o-transition: 0.35s;
    -moz-transition: 0.35s;
    transition: 0.35s;
}
.prolist-display-text p{
	display: none;
}
.display-btns{
	display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-bottom: 20px;
}
.display-btns a{
	display: inline-block;
    margin-right: 10px;
    width: 138px;
    height: 48px;
    line-height: 48px;
    border: 1px solid #dddddd;
    text-align: center;
    color: #666666;
    font-size: 16px;
    -webkit-transition: 0.35s;
    -o-transition: 0.35s;
    -moz-transition: 0.35s;
    transition: 0.35s;
}
.display-btns a:last-child{
	margin-right: 0
}
.home-product-list2 li:hover .display-btns a,.page-product-list2 li:hover .display-btns a{
	border-color: var(--color01);
    background: var(--color01);
    color: #fff;
}
.home-product-list2 li:hover .display-btns a:first-child,.page-product-list2 li:hover .display-btns a:first-child{
	border-color: var(--color01);
    background: var(--color01);
}
@media screen and (max-width: 1600px){
	.display-text{
		height: 84px;
	}
	.display-text strong{
		margin-bottom: 8px;
    	font-size: 18px;
	}
	.display-text p{
		font-size: 14px;
	}
}
@media screen and (max-width: 641px){
	.home-product-list2{
		width: 100%;
	}
	.home-product-list2 li,.page-product-list2 li{
		margin-bottom: 2%!important;
		padding: 0 10px
	}
	.page-product-list2 li{
		width: 32%
	}
	.page-product-list2 li:nth-child(4n+4){
		margin-right: 2%
	}
	.page-product-list2 li:nth-child(3n+3){
		margin-right: 0px!important
	}
	.home-product-list2 li .display-top,.page-product-list2 li .display-top{
		padding-top: 15px
	}
	.display-top figure{
		padding-bottom: 90%
	}
	.display-text{
		margin-top: 15px;
		margin-bottom: 15px;
		width: 100%;
	}
	.display-text strong{
		font-size: 14px;
		line-height: 1.6;
		margin-bottom: 8px
	}
	.display-btns{
		display: none;
	}
}

#allmap{
	width: 100%;
	height: 100%;
}


.float-right-box.on {

    width: 50px;

}

.float-right-box.on img{display:none;}

.float-right-box {

    width: 295px;

    position: fixed;

    right: 0;

    bottom: 50%;

    margin-bottom: -127px;

    background-color: #4CAFA7;

    z-index: 1000;

    transition: width 0.3s ease 0s;

}

.float-right-box .top-list {

    width: 100%;

}

.float-right-box .top-list ul {

    width: 100%;

    padding-left: 0!important;

       margin-bottom: 0!important;

	       margin-left: 0;
}

.float-right-box .top-list li {

    float: left;

    width: 100%;

    position: relative;

    list-style:none;

    border-bottom: 1px solid #3b3b3b;

    transition: background 0.3s ease 0s;

    height: 50px;

}

.float-right-box .top-list a {

    display: block;

    width: 100%;

}

.float-right-box .top-list li img{

margin-top:50px

}

.f-cb {

    zoom: 1;

}

.float-right-box .top-list .stt {

    display: inline-block;

    font-size: 14px;

    line-height: 50px;

    color: #fff;

    transition: color 0.3s ease 0s;

    position: absolute;

    left: 28px;

    top: 0;

    z-index: 1;

    width: 222px;

}

.fl {

    float: left;

    display: inline;

}

.float-right-box .top-list .ico {

    display: inline-block;

    width: 49px;

    height: 49px;

    position: absolute;

    right: 0;

    top: 0;

    transition: background 0.3s ease 0s;

    z-index: 2;

}

.float-right-box .top-list li:hover{background:#fff;}

.float-right-box .top-list li:hover .stt{color:#15191e;}

.float-right-box .top-list .ico2 {

    background: url(../images/qq.png) no-repeat center #4CAFA7;

}

.float-right-box .top-list li:hover .ico2 {

    background: url(../images/qq_h.png) no-repeat center #fff;

}

.float-right-box .top-list .ico3 {

    background: url(../images/tel.png) no-repeat center #4CAFA7;

}

.float-right-box .top-list li:hover .ico3 {

    background: url(../images/tel_h.png) no-repeat center #fff;

}

.float-right-box .top-list .ico6 {

    background: url(../images/link.png) no-repeat center #4CAFA7;

}

.float-right-box .top-list li:hover .ico6 {

    background: url(../images/link_h.png) no-repeat center #fff;

}

.float-right-box .top-list .ico7 {

    background: url(../images/phone.png) no-repeat center #4CAFA7;

}

.float-right-box .top-list li:hover .ico7 {

    background: url(../images/phone_h.png) no-repeat center #fff;

}

.float-right-box .top-list .ico5 {

    background: url(../images/uparrow.png) no-repeat center #4CAFA7;

}

.float-right-box .top-list li:hover .ico5 {

    background: url(../images/uparrow_h.png) no-repeat center #fff;

}

.float-right-box .top-list .ico8 {

    background: url(../images/email.png) no-repeat center #4CAFA7;

}

.float-right-box .top-list li:hover .ico8 {

    background: url(../images/email_h.png) no-repeat center #fff;

}

.float-right-box .top-list .ico9 {

    background: url(../images/weixin.png) no-repeat center #4CAFA7;

}

.float-right-box .top-list li:hover .ico9 {

    background: url(../images/weixin_h.png) no-repeat center #fff;

}


.WhatsApp{
	position: fixed;
	right: 25px;
	bottom: 70px;
}