@charset "utf-8";
/* reset*/
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,audio,video{display:block;margin:0;padding:0}
h1,h2,h3,h4,h5,h6{font-weight:normal}
ul,ol,li{list-style:none;margin:0;padding:0;}
a,a:hover,a:active,a:visited,a:link,a:focus{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;outline:none;background:none;text-decoration:none}
p,span{color:inherit}
table{border-collapse:collapse;border-spacing:0;}
textarea{resize:none;overflow:auto;outline:none;}
*{margin:0;padding:0;box-sizing:border-box;text-decoration:none;padding:0;margin:0;-webkit-tap-highlight-color:transparent}
img{border:none;outline:none;}
/*clearfix*/
.clear{clear:both;}
.clearfix:before, .clearfix:after{content:"";display:block;height:0;overflow:hidden;}  
.clearfix:after{clear:both;}  
.clearfix{zoom:1;} 
/* 去除iPhone中默认的input样式 */
textarea,input,select{appearance:none; -o-appearance:none; -ms-appearance:none; -moz-appearance:none; -webkit-appearance:none; resize: none; border-radius:0; outline: none; border:none; background-color:transparent; font-family:inherit; font-size:inherit; color:inherit; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; vertical-align:middle;outline:none;font-family: Arial,Microsoft Yahei,"微软雅黑", Helvetica, sans-serif;}
input[type="button"],input[type="radio"],input[type="checkbox"],input[type="submit"]{cursor:pointer;outline:none;background: none;}

@font-face {
    font-family:Helvetica Neue;
    src: url('fonts/HelveticaNeue.eot');
    src: url('fonts/HelveticaNeue.eot?#iefix') format('embedded-opentype'),
        url('fonts/HelveticaNeue.woff2') format('woff2'),
        url('fonts/HelveticaNeue.woff') format('woff'),
        url('fonts/HelveticaNeue.ttf') format('truetype'),
        url('fonts/HelveticaNeue.svg#HelveticaNeue') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family:'Coolvetica Rg';
    src: url('fonts/CoolveticaRg-Regular.eot');
    src: url('fonts/CoolveticaRg-Regular.eot?#iefix') format('embedded-opentype'),
        url('fonts/CoolveticaRg-Regular.woff2') format('woff2'),
        url('fonts/CoolveticaRg-Regular.woff') format('woff'),
        url('fonts/CoolveticaRg-Regular.ttf') format('truetype'),
        url('fonts/CoolveticaRg-Regular.svg#CoolveticaRg-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


/* CSS Document */
html{background: #000}
body{overflow-x:hidden;color:#000;position:relative;min-width:320px;font-family:Helvetica Neue,Helvetica,Arial,Microsoft Yahei,sans-serif;font-weight:normal;background:#f1f8f7;}
@media screen and (min-width:1024px){
/*	::-webkit-scrollbar{width:7px}
	::-webkit-scrollbar-track{background:#ebebeb}
	::-webkit-scrollbar-thumb{background:#cccccc}*/
}


.relative{position:relative}
.mr0{margin-right:0!important}
.flexsb{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;justify-content: space-between;}
.flexsa{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;justify-content: space-around;}
.flexlf{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;justify-content: left;}
.flexed{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;justify-content: flex-end;}
.flexce{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;justify-content: center;}
.cflexce{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;justify-content: center;flex-direction: column;flex-wrap: wrap;}
.text-left{text-align:left}
.text-center{text-align:center}
.text-right{text-align:right}

/*font-size*/
:root{--root-size:370}
@media (min-width:1024px){
    :root{--root-size:800}
}

html{font-size:14px;width:100vw}
@media (min-width:370px){
    html{font-size:16px}
}
@media (min-width:768px){
    html{font-size:calc(10 * (100vw / var(--root-size)))/*font-size:27px;*/}
}
@media (min-width:1024px){
    html{font-size:calc(10 * (100vw / var(--root-size)))/*font-size:24px;*/}
}

@media (max-width: 768px){
	body{ padding-top:70px!important;}
}




/*container*/
.container{margin:0 auto;width:100%;padding:0 50px; max-width:1840px;}
@media screen and (max-width: 1220px){
.container{padding: 0 4.098360655737705vw;}
}
@media screen and (max-width: 1024px){
.container{padding: 0 3.125vw;}
}
@media screen and (max-width: 768px){
.container{padding: 0 3.125vw;}
}





/*****************************header start*****************************/

/*PC head*/
.headfixed{position:fixed;top:0;left:0;right:0;width:100%;z-index:999;padding:0;max-width:100%;margin:0 auto;padding:20px 0;-webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s;top:0; text-align:center;}
.headfixed .headerBox{max-width:1840px; padding:0 50px; margin:0 auto;}
.headfixed .nav-container{position:relative; font-size:0; line-height:0;}

.headfixed.headerbgm {background-color:#fff;-webkit-box-shadow:0 6px 20px 0 rgba(0,0,0,0.1);-moz-box-shadow:0 6px 20px 0 rgba(0,0,0,0.1);-o-box-shadow:0 6px 20px 0 rgba(0,0,0,0.1);box-shadow:0 6px 20px 0 rgba(0,0,0,0.1);}
.headfixed.headerbgm{padding:0px 0;}


/*logo*/
.headfixed .toplogo {overflow:hidden; position:absolute;left:0;top:0;}
.headfixed .toplogo a{display:inline-block;width:130px;height:70px;line-height:70px;}
.headfixed .toplogo img {max-height:100%; max-height:36px;width:130px;vertical-align: middle;}
.headfixed .toplogo .logo2 {display:none;}
.bodyWhite .headfixed .toplogo .logo1,
.headfixed.headerbgm .toplogo .logo1 {display:none;}
.bodyWhite .headfixed .toplogo .logo2,
.headfixed.headerbgm .toplogo .logo2 {display:inline-block;}



/*******************************menu-list*******************************/
.headfixed .menu-list {display:inline-block; margin:0 auto; width:1000px; border-radius:70px;background:rgba(255,255,255,0.7);}
.headfixed .menu-list .menu-listul {font-size:0;display:block;}
.headfixed .menu-list .menu-listul>li {display:inline-block;*display:inline;zoom:1;vertical-align:top; margin:0 15px; position:relative;}
.headfixed .menu-list .menu-listul>li h3{ padding:7px 0;border-radius:5px;}
.headfixed .menu-list .menu-listul>li h3 a { padding-left:13px; padding-right:10px;height:70px;line-height:70px;position:relative;-webkit-transition:all .3s ease-in;-moz-transition:all .3s ease-in;-ms-transition:all .3s ease-in;transition:all .3s ease-in;text-align:center;color:#000;display:block;font-size:16px;text-align:left;font-family:'Coolvetica Rg',Arial,Microsoft Yahei,Helvetica,sans-serif;font-weight:normal;}
.headfixed .menu-list .menu-listul>li h3 a span{ display:inline-block;line-height:36px;height:36px; padding-right:16px;position:relative;}
.headfixed .menu-list .menu-listul>li h3 a span::after {content:"";position:absolute;top:50%;right:0; width:8px; height:8px; margin-top:-4px;background:url(../images/icon-v.png) no-repeat center center;background-size:100%;display:inline-block;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s;}
.headfixed .menu-list .menu-listul>li:last-child h3 a span::after,
.headfixed .menu-list .menu-listul>li:nth-last-child(2) h3 a span::after {display:none;}
.headfixed .menu-list .menu-listul>li:hover h3{ background:#fff;}
.headfixed .menu-list .menu-listul>li:hover h3 a span::after {background-image:url(../images/icon-v1.png); }
.headfixed .menu-list .menu-listul>li.cur h3  a span{ background:rgba(255,255,255,0.2);}
.bodyWhite .headfixed .menu-list .menu-listul>li h3 a,
.headfixed.headerbgm .menu-list .menu-listul>li h3 a {color: #272E3B;}
.headfixed .menu-list .menu-listul>li h3 a::after {content:"";position:absolute;bottom:0;left:0;/*-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);*/height:0.04rem;width:0;background-color:#9f89f3;-webkit-transition:all .3s ease-in;-o-transition:all .3s ease-in;transition:all .3s ease-in;}
.bodyWhite .headfixed .menu-list .menu-listul>li.cur h3 a,
.headfixed.headerbgm .menu-list .menu-listul>li.cur h3 a {color:#7d63eb;}
/*menu-down*/
.menu-down{display:none;position:absolute;top:100%;left:50%;width:227px;margin-left:-113.5px;padding-top:15px;}
.menu-down .menu-down1-list i{ display:inline-block;position:absolute;top:0;left:50%;transform:translate(-50%,0);border-top:8px solid transparent;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid rgba(0,0,0,0.8);/*-webkit-animation:heightChange 0.2s linear;animation:heightChange 0.2s linear;*/}
.menu-down .menu-down1-list{box-sizing:border-box;/*-webkit-animation:heightChange 0.2s linear;animation:heightChange 0.2s linear;*/border-radius:5px;transform-origin:top;text-align:left;line-height:42px;padding:0px 28px;font-size:16px;background:rgba(0,0,0,0.8);}
.menu-down .menu-down1-list dt{border-bottom:1px solid rgba(255,255,255,0.1); padding-top:5px; padding-bottom:2px; margin-bottom:5px;}
.menu-down .menu-down1-list dt a{/*font-family:Helvetica Neue,Helvetica,Arial,Microsoft Yahei,sans-serif;font-weight:normal;font-size:14px;*/}
.menu-down .menu-down1-list dd{ display:block; width:100%;}
.menu-down .menu-down1-list a{color:#fff;display:block;/*opacity:0;-webkit-animation:fadeIn 0.3s linear 0.2s forwards;animation:fadeIn 0.3s linear 0.2s forwards*/ font-size:16px;line-height:34px;font-family:'Coolvetica Rg',Arial,Microsoft Yahei,Helvetica,sans-serif;font-weight:normal;}
.menu-down .menu-down1-list a:hover{color:#f18c34;}
.headfixed .menu-list .menu-listul>li:hover .menu-down{display:block}
@media screen and (max-width:1620px){
.menu-down .menu-down1-list a{font-size:12px;}
.headfixed .menu-list {width:auto;}
}
@media screen and (max-width:1800px){
.headfixed .menu-list .menu-listul {padding-left:1vw;}
.headfixed .menu-list .menu-listul>li h3 a{font-size:15px;}
.headfixed .menu-list .menu-listul>li h3 a span{padding:0 20px;}
}
@media screen and (max-width:1620px){
.headfixed .menu-list .menu-listul {padding-left:1vw;}
.headfixed .menu-list .menu-listul>li h3 a{font-size:15px;}
.headfixed .menu-list .menu-listul>li h3 a span{padding:0 20px;}
}
@media screen and (max-width:1550px){.headfixed .menu-list .menu-listul {padding-left:1vw;}
.headfixed .search-form .headKey,
.headfixed .menu-list .menu-listul>li h3 a{font-size:14px;}
.headfixed .menu-list .menu-listul>li h3 a span{padding:0 15px;}
}
@media screen and (max-width:1320px){
.headfixed .menu-list .menu-listul {padding-left:0.3rem;}
.menu-listul>li h3 a span{padding: 0 0.19rem;}
.headfixed .search-form {width:1.4rem;}
.headfixed .topUser{margin-left:0.15rem;}
}
@media screen and (max-width:1220px){
.headfixed .btn-search,
.headfixed .menu-list .menu-listul{ display:none!important;}
.headfixed .logo {width:190px;margin-right:22px;padding-right:22px;}
.headfixed .logo a {line-height:80px;}
.headfixed{ padding:0;}
.headfixed .menu-list{border-radius:0; width:100%; height:70px;background:none;}
.headfixed .headerBox{padding:0 3.125vw;}
}
@media screen and (max-width:768px){
.headfixed .headerBox{ background:#fff;}	

.headfixed .toplogo .logo1{ display:none!important;}
.headfixed .toplogo .logo2{display:inline-block!important;}
}


/*nav-controls*/
.nav-controls{text-align:right;width:auto;position:absolute;right:0;top:50%;transform:translate(0,-50%)}
.nav-controls ul{margin-bottom:0; font-size:0;line-height:0;}
.nav-controls li{display:inline-block;*display:inline;zoom:1; vertical-align:top;cursor:pointer;float:left;margin-left:35px;}
.nav-controls li .sbtn{display:block;width:22px;height:22px;cursor:pointer;display:block;overflow:hidden;font-size:0;}
@media screen and (max-width: 1220px){
.nav-controls li{}
.nav-controls{ /*position:static!important;top:0!important; display:inline-block;    transform: translate(0)!important;    float: right; margin-top:-10px;*/}
}
@media screen and (max-width: 1024px){
/*  .nav-controls{right:2rem;}
  .nav-controls{ padding:10px 0;}
  .nav-controls{ position:static!important;top:0!important; display:inline-block;    transform: translate(0)!important;    float: right; margin-top:0px;}
  .nav-controls li{ margin-left:10px;}*/
}
@media screen and (max-width:768px){
 /* .nav-controls{right:1.5rem;}*/
}
@media screen and (max-width: 575.99px){
/*.nav-controls li .sbtn{width:50px;height:50px;}*/
}

/*toplan*/
.toplan{position:relative;}
.toplan .globalBtn{background:url(../images/top-lan.png) center center no-repeat;background-size:20px;}
.bodyWhite .toplan .globalBtn,
.headfixed.headerbgm .toplan .globalBtn{ background-image:url(../images/top-lan2.png);}
.toplan .global-link{display:none;position:absolute;top:100%;left:50%;width:40px;margin-left:-20px;padding-top:10px;}
.toplan .global-link .global-link-warp{box-sizing:border-box;-webkit-animation:heightChange 0.2s linear;animation:heightChange 0.2s linear;transform-origin:top;text-align:center;border-radius:40px;padding:10px 10px;font-size:13px;line-height:26px;background:rgba(0,0,0,0.8);}
.toplan .global-link .global-link-warp a{color:#fff;display:block;opacity:0;-webkit-animation:fadeIn 0.3s linear 0.2s forwards;animation:fadeIn 0.3s linear 0.2s forwards}
.toplan .global-link .global-link-warp a:hover{color:#f18c34;text-decoration:none}
.toplan:hover .global-link{display:block}
@media screen and (max-width:1220px){
.toplan{ display:none!important;}
}



/*topmenu*/
.topmenu{ position:relative; z-index: 20; cursor: pointer; transition: 0.4s; cursor: pointer; margin:auto auto;}
.topmenu .menuBtn .menuBtnB{ display:block; width:18px; height:2px;margin:26.5px auto;background:#000; position:relative; vertical-align: middle;}
.topmenu .menuBtn span{position:absolute;display:inline-block; width:100%;height:2px;left:0;background: #000;}
.topmenu .menuBtn span{-webkit-transition-duration: .3s,.3s; -moz-transition-duration: .3s,.3s; -ms-transition-duration: .3s,.3s;-o-transition-duration: .3s,.3s; transition-duration: .3s,.3s;-webkit-transition-delay: .3s,0s;-moz-transition-delay: .3s,0s;-ms-transition-delay: .3s,0s;-o-transition-delay: .3s,0s; transition-delay: .3s,0s}
.topmenu .menuBtn span.sp1{top:-6px;-webkit-transition-property: top,transform;-moz-transition-property: top,transform;-ms-transition-property: top,transform;-o-transition-property: top,transform;transition-property: top,transform;}
.topmenu .menuBtn span.sp2{bottom:-6px;-webkit-transition-property: bottom,transform;-moz-transition-property: bottom,transform;-ms-transition-property: bottom,transform;-o-transition-property: bottom,transform;
transition-property: bottom,transform;}
/*menuBtn.open*/
.topmenu .menuBtn.open{ background:#000;}
.topmenu .menuBtn.open .menuBtnB{background:transparent;-webkit-transition-delay: 0s,0s;-moz-transition-delay: 0s,0s;-ms-transition-delay: 0s,0s;-o-transition-delay: 0s,0s;transition-delay: 0s,0s;}
.topmenu .menuBtn.open span{background:#fff;-webkit-transition-delay: 0s,.3s;-moz-transition-delay: 0s,.3s; -ms-transition-delay: 0s,.3s; -o-transition-delay: 0s,.3s; transition-delay: 0s,.3s;}
.topmenu .menuBtn.open span.sp1{top:0px;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg)}
.topmenu .menuBtn.open span.sp2{bottom:0px;-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);}
@media screen and (min-width: 1220.1px){
  .topmenu,.menuBtn{display:none!important;}	
}
@media screen and (max-width: 1220px){
	.topmenu .menuBtn{position:relative; margin-left:0;}
	.topmenu .menuBtn .menuBtnB{width:22px;margin:10px auto;}
	.topmenu .menuBtn .menuBtnB,
	.topmenu .menuBtn span{background:#fff;}
	
	.bodyWhite .topmenu .menuBtn .menuBtnB, 
	.bodyWhite .topmenu .menuBtn span,
	.headfixed.headerbgm .topmenu .menuBtn .menuBtnB,
	.headfixed.headerbgm .topmenu .menuBtn span{background:#000;}
	
}
@media screen and (max-width: 768px){
	.topmenu .menuBtn .menuBtnB,
	.topmenu .menuBtn span{background:#000;}
}
@media screen and (max-width: 575.99px){
/*.topmenu .menuBtn .menuBtnB{margin:24px auto;}*/
}



/*******************************search*******************************/
.topsearch .searchBtn{background:url(../images/top-search.png) center center no-repeat;background-size:20px;}
.bodyWhite .topsearch .searchBtn,
.headfixed.headerbgm .topsearch .searchBtn{ background-image:url(../images/top-search1.png);}
.headfixed .btn-right{align-items: center;}
.headfixed .btn-search {cursor:pointer;position: absolute; left:0;top:0; display:none;}
.headfixed .btn-search.open {right:0;padding-right:40px;border-radius:5px;padding-left:40px;cursor:default;display:inline-block; margin:0 auto; width:1000px; border-radius:70px;background:#fff;}
.headfixed .btn-search .search-wrap {width:40px;height:40px;cursor:pointer; position:absolute; left:0;top:0; display:none;}
.headfixed .btn-search .header-button {-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;text-indent:-119988rem;overflow:hidden;text-align:left;text-transform:capitalize;position:relative;z-index:1;display:block;width:100%;height:100%;margin:0 auto;padding:0;outline:0;background:url(../images/top-search.png) no-repeat center center;background-size:0.2rem;border:none;cursor:pointer}
.bodyWhite .headfixed .btn-search .header-button,
.headfixed.headerbgm .btn-search .header-button {background-image:url(../images/top-search2.png);}
.headfixed .search-form {width:100%;overflow:hidden;}
.headfixed .search-form fieldset{position:relative;padding:0;border:none;z-index:9;}
.headfixed .search-form input{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;display:block;}
.headfixed .search-form .headKey {color:#000;height:84px;line-height:84px;font-size:16px;border-radius:5px; width:90%; padding-left:40px; padding-top:20px; padding-bottom:20px;margin:0;}
.bodyWhite .headfixed .search-form .headKey,
.headfixed.headerbgm .search-form .headKey {color:#4E5769;font-size:16px;}
.headfixed .search-form input::-webkit-input-placeholder {color:#fff;font-size:16px;}
.headfixed .search-form input:-moz-placeholder {color:#fff;font-size:16px;}
.headfixed .search-form input::-moz-placeholder {color:#fff;font-size:16px;}
.headfixed .search-form input:-ms-input-placeholder {color:#fff;font-size:16px;}
.bodyWhite .headfixed .search-form input::-webkit-input-placeholder ,
.headfixed.headerbgm .search-form input::-webkit-input-placeholder {color:#4E5769;font-size:16px;}
.bodyWhite .headfixed .search-form input:-moz-placeholder,
.headfixed.headerbgm .search-form input:-moz-placeholder {color:#4E5769;font-size:16px;}
.bodyWhite .headfixed .search-form input::-moz-placeholder ,
.headfixed.headerbgm .search-form input::-moz-placeholder {color:#4E5769;font-size:16px;}
.bodyWhite .headfixed .search-form input:-ms-input-placeholder ,
.headfixed.headerbgm .search-form input:-ms-input-placeholder {color:#4E5769;font-size:16px;}
.headfixed .search-form .header-btn {position:absolute;bottom:0;left:0;width:84px;height:84px;margin:0;padding:0;text-transform:uppercase;color:#fff;border:none;cursor:pointer;z-index:11;background:url(../images/top-search1.png) no-repeat center center;background-size:20px;}
.headfixed .search-form .icon-close {font-style:normal;position:absolute;top:50%;right:0;width:50px;height:50px; margin-top:-25px;padding:0;background:url(../images/icon-close2.png) no-repeat center center;background-size:14px;border:none;cursor:pointer;z-index:4;filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity:0.5;opacity:0.5;-webkit-transition:all .6s;-moz-transition:all .6s;-ms-transition:all .6s;transition:all .6s; cursor:pointer;}
.headfixed .search-form .icon-close:hover {-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}

.bodyWhite .headfixed .search-form .icon-close,
.headfixed.headerbgm .search-form .icon-close{ background-image:url(../images/icon-close2.png);}
@media screen and (max-width:1220px){
.topsearch{ display:none!important;}
}






/*******************************mobile-nav手机版菜单开始*******************************2024*/
.btn-phone{display:none!important;}
@media screen and (min-width: 1220.1px){
  .mobile-nav-box {display:none!important;}
}
@media screen and (max-width:1220px){	
 .mobile-nav-box {display:none;}
.btn-phone {display:block!important;width:1.2rem}


/*mobile-nav-box*/
.mobile-nav-box {position:fixed;top:70px;z-index:999999;left:0;width:100%;height:100%;overflow-y:auto;background-color:#272E3B;background:rgba(0,0,0,0.80);padding:0 0 60px 0;display:none}
.mobile-nav-box li {position:relative;padding:0 20px;}
.mobile-nav-box h3{position:relative; z-index:1;}
.mobile-nav-box h3 a {font-size:18px;display:block;text-align:center;letter-spacing:2px;padding:5px 0;color:#fff;text-align:left;line-height:50px;height:auto;border-bottom:1px solid rgba(255,255,255,0.20);}
/*mobile-nav erji*/
.mobile-nav-box .head-subnav {width:100%;display:none;padding:8px 0;}
.mobile-nav-box .link-tit {text-align:left;position:relative;}
.mobile-nav-box .link-tit a {padding:0 20px;width:100%;line-height:50px;text-align:left;font-size:16px;color:#fff;display:block;}
.mobile-nav-box .head-suba {display:none}
.mobile-nav-box .head-suba>a,
.mobile-nav-box .head-subnav>a {font-size:14px;display:block;text-align:center;letter-spacing:2px;color:#333;text-align:left;padding:10px 15px}
/*.mobile-nav-box .link-tit i,.mobile-nav-box i,.mobile-nav-box .link-tit i,.headfixed1 .mobile-nav-box i {position:absolute;top:0;right:20px;height:100%;width:0px}
.mobile-nav-box .link-tit i,.headfixed1 .mobile-nav-box .link-tit>i {right:0}
.mobile-nav-box .link-tit i::before,
.mobile-nav-box i::before,
.mobile-nav-box .link-tit i::before,
.mobile-nav-box i::before {content:"";position:absolute;top:20px;right:0;width:10px;height:10px;border-bottom:solid 1px #aaa;border-left:solid 1px #aaa;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s}
*/
.mobile-nav-box i{cursor:pointer;position:absolute;top:23px;right:20px;width:14px;height:14px;-webkit-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s; z-index:0;}
.mobile-nav-box  i:after{ content:''; width:100%; height:2px; background:#7b7b7b; position:absolute;top:50%; left:0;margin-top:-1px;}
.mobile-nav-box  i:before{ content:''; width:2px; height:100%; background:#7b7b7b; position:absolute; left:50%;top:0; margin-left:-1px;}
.mobile-nav-box li.active i:before{width:0;}

.headfixed.cur{background:rgba(0,0,0,0.80)!important;}
.headfixed.headerbgm.cur{background:#FFF!important;}
.bodyWhite .headfixed{background:#FFF!important;}

.headfixed .logo .logo1 {display:inline-block!important;}
.headfixed .logo .logo2 {display:none!important;}
.headfixed .gpdm {color:#fff!important;}
.headfixed .menu-list{ justify-content: flex-end;}


/*resp-lang-link*/

.resp-lang-link p{margin:0;padding:12px 20px;background-color:#f2f2f2;border-radius:24px;position:relative}
.resp-lang-link p:after{content:"";background-image:url(../images/link_extern_light_black.svg);width:24px;height:24px;position:absolute;right:10px}
.resp-lang-link a{color:black;text-decoration:none}
.resp-lang-link{margin-top:18px;margin-bottom:66px;position:relative;z-index:5}
.resp-lang-link:after{background-image:url(../images/language_black.svg);content:"";width:24px;height:24px;position:absolute;top:10px;left:17px}
.resp-lang-link{margin:0 auto;width:94%;margin-bottom:50px;}
.resp-lang-link select{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;margin:0;width:100%;cursor:inherit;line-height:inherit;outline:none;background-color:#f2f2f2;padding:10px 20px;border-radius:50px;padding-right:50px;color:black;grid-template-areas:"select";align-items:center;z-index:5;padding-left:45px; line-height:24px;word-wrap:normal}
.resp-lang-link select:-ms-expand{display:none}
.resp-lang-link select selected{background-color:#000;}
.resp-lang-link .dropdown-arrow{z-index:0}
.resp-lang-link .dropdown-arrow::before{background-image:url(../images/chevron_down.svg);content:"";width:15px;height:15px;position:absolute;z-index:1;right:15px;top:15px}

/*search-item-responsive*/
.search-item-responsive{ width:94%; margin:0 auto;margin-bottom:18px; margin-top:50px;}
.search-item-responsive > form{height:100%}
.search-item-responsive > form > .tx-indexedsearch-input{padding:5px 20px;background-color:#f2f2f2;border-radius:9999px;display:flex;height:100%}
.search-item-responsive > form > .tx-indexedsearch-input > .tx-indexedsearch-submit{border:0;background-color:unset;padding:0 10px 0 0}
.search-item-responsive > form > .tx-indexedsearch-input > .tx-indexedsearch-submit > svg{fill:black;width:20px;height:20px;margin-top:-4px}
.search-item-responsive > form > .tx-indexedsearch-input > .tx-indexedsearch-searchbox{height:35px;width:100%;border:0;outline:none;background-color:transparent}

}
@media screen and (max-width:1024px){	
.mobile-nav-box h3 a {font-size:18px;letter-spacing:0;line-height:50px;}
.mobile-nav-box .link-tit a{font-size:16px;line-height:50px;}
.mobile-nav-box .head-suba>a,
.mobile-nav-box .head-subnav>a {font-size:14px;letter-spacing:0;}

/*.mobile-nav-box .link-tit i::before,
.mobile-nav-box i::before,
.mobile-nav-box .link-tit i::before,
.mobile-nav-box i::before {top:20px;width:10px;height:10px;}*/
}
@media screen and (max-width:640px){	
.toggle-btn-phone span {height:2px;}
}













/******************************************************index-banner******************************************************/
.w1600-fluid{width:100%;margin:0 auto}
/*index-banner-wrapper*/
.index-banner-wrapper{position:relative;overflow:hidden;height:48.95833333333333vw;border-bottom-right-radius:20px;border-bottom-left-radius:20px;}
.index-banner-wrapper .swiper-slide{overflow:hidden; width:100%; position:relative;background:#000; float:left;}
.index-banner-wrapper .swiper-slide a{display:block; position:relative; height:48.95833333333333vw;background:#000;}
.index-banner-wrapper .swiper-slide a:after{ content:'';display:block;/*background:url(../images/bannersd.png) center center;*/background-size:cover;position:absolute;left:0;right:0;top:0;width:100%; height:100%; z-index:3;display:none;}
/*video*/
.index-banner-wrapper .index-banner-swiper .video video{display:block;width:100%;height:100%;object-fit:cover;object-position:left top;}
.index-banner-wrapper .index-banner-swiper .video .bannerVideo{display:block; position:absolute; left:0;top:0; height:100%; width:100%; z-index:3;}
.index-banner-wrapper .index-banner-swiper .video .bannerVideo video{display:block;position:absolute;top:0;left:0;z-index:2;width:100%;height:100%;max-width:100%;object-fit:cover; z-index:9;}
/*img*/
.index-banner-wrapper .bannerimg{}
.index-banner-wrapper .bannerimg img{display:block;width:100%;}
.index-banner-wrapper .swiper-slide .bannerimg img{display:block;width:100%;height:100%;object-fit:cover;transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transition:transform 6s ease;-webkit-transition:transform 6s ease;-moz-transition:transform 6s ease;-ms-transition:transform 6s ease;-o-transition:transform 6s ease}
.index-banner-wrapper .swiper-slide.swiper-slide-active .bannerimg img{transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1)}

/*info*/
.index-banner-wrapper .info{position:absolute;left:0;right:0;top:0;z-index:10;display:block;width:100%;height:100%;align-items:center;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;justify-content: space-between;}
.index-banner-wrapper .infoB{padding-right:50px; padding-left:14.0625vw; padding-top:90px;width: 100%;}
.index-banner-wrapper .infoNr{color:#fff;width:100%;}
.index-banner-wrapper .info .tt{font-size:70px;line-height:1;margin-bottom:43px;font-family:'Coolvetica Rg',Arial,Microsoft Yahei,Helvetica,sans-serif;font-weight:normal;}
.index-banner-wrapper .info .des{font-size:24px;line-height:1.3;margin-bottom:40px;max-width:540px;font-family:'Coolvetica Rg',Arial,Microsoft Yahei,Helvetica,sans-serif;font-weight:normal;}
.index-banner-wrapper .info .m{ width:120px; height:46px; line-height:46px;border-radius:46px; overflow:hidden; text-align:center; font-size:18px; color:#fff;font-family:'Coolvetica Rg',Arial,Microsoft Yahei,Helvetica,sans-serif;font-weight:normal; background:#5da38b;}

.index-banner-wrapper .swiper-slide{transition:transform 6s ease;-webkit-transition:transform 6s ease;-moz-transition:transform 6s ease;-ms-transition:transform 6s ease;-o-transition:transform 6s ease}
.index-banner-wrapper .swiper-slide{opacity:0;transform:translate3d(0, 0px, 0px)!important;}
.index-banner-wrapper .swiper-slide.swiper-slide-active{opacity:1; z-index:999;}
@media (max-width:1920px){
	.index-banner-wrapper .infoB{padding-right:2.60vw; padding-left:14.0625vw; padding-top:4.69vw;}
	.index-banner-wrapper .info .tt{font-size:3.65vw;margin-bottom:2.24vw;}
	.index-banner-wrapper .info .des{font-size:1.25vw;margin-bottom:2.08vw;max-width:28.13vw;}
	.index-banner-wrapper .info .m{ width:6.25vw; height:2.40vw;line-height:2.40vw;border-radius:2.40vw;font-size:0.94vw;}
}
@media (max-width:1220px){
/*	.index-banner-wrapper .infoB{padding-right:50px; padding-left:14.0625vw; padding-top:90px;}
	.index-banner-wrapper .info .tt{font-size:70px;margin-bottom:43px;}
	.index-banner-wrapper .info .des{font-size:24px;margin-bottom:40px;max-width:540px;}
	.index-banner-wrapper .info .m{ width:120px; height:46px;line-height:46px;border-radius:46px;font-size:18px;}*/
	.index-banner-wrapper .infoB{padding-right:30px; padding-left:14.0625vw; padding-top:70px;}
	.index-banner-wrapper .info .tt{font-size:50px;margin-bottom:30px;}
	.index-banner-wrapper .info .des{font-size:18px;margin-bottom:20px;max-width:340px;}
	.index-banner-wrapper .info .m{ width:110px; height:43px;line-height:43px;border-radius:40px;font-size:14px;}
}
@media (max-width:1024px){


	
	.index-banner-wrapper .infoB{padding-right:30px; padding-left:14.0625vw; padding-top:50px;}
	.index-banner-wrapper .info .tt{font-size:48px;margin-bottom:25px;}
	.index-banner-wrapper .info .des{font-size:16px;margin-bottom:20px;max-width:350px;}
	.index-banner-wrapper .info .m{ width:90px; height:40px;line-height:40px;border-radius:40px;font-size:13px;}
}
@media (max-width:768px){
	.index-banner-wrapper .infoNr{padding:0 1.5rem}
	.index-banner-wrapper .index-banner-swiper .video .bannerVideo{display:none!important;}
	.index-banner-wrapper .index-banner-swiper .video .bannerimg{display:block; position:absolute; left:0;top:0; height:100%; width:100%; z-index:3;}
   	.index-banner-wrapper .index-banner-swiper .video .bannerimg img{display:block;position:absolute;top:0;left:0;z-index:2;width:100%;height:100%;max-width:100%;object-fit:cover; z-index:9;}


	.index-banner-wrapper .infoB{padding-right:3%; padding-left:3%; padding-top:3vw; text-align:center;}
	
	.index-banner-wrapper .swiper-slide .bannerimg img,
	.index-banner-wrapper .index-banner-swiper .video,
	.index-banner-wrapper,
	.index-banner-wrapper .swiper-slide a{height:100vw; min-height:500px;}

	.index-banner-wrapper .infoB{padding-right:30px; padding-left:30px; padding-top:50px; text-align:center;}
	.index-banner-wrapper .info .tt{font-size:40px;margin-bottom:25px;}
	.index-banner-wrapper .info .des{font-size:14px;max-width:350px; margin:0 auto;margin-bottom:20px;}
	.index-banner-wrapper .info .m{ width:90px; height:32px;line-height:32px;border-radius:32px;font-size:12px; margin:0 auto;}
}
@media (max-width:640px){
		.index-banner-wrapper .info .tt{font-size:36px;margin-bottom:25px;}
}
@media (max-width:550px){
	.index-banner-wrapper .info .des{max-width:90%;}
}



/*css3*/
@keyframes heightChange{0%{transform:scale(1,0)}
100%{transform:scale(1)}
}
@-webkit-keyframes heightChange{0%{transform:scale(1,0)}
100%{transform:scale(1)}
}

/*****************************banner start*****************************/

/*scroll-down*/
.scroll-down{position:absolute;z-index:9999;display:inline-block;left:50%;-webkit-transform:translateX(-50%); transform:translateX(-50%);bottom:25px;text-align:center;-webkit-transition:0.45s;-moz-transition:0.45s;-o-transition:0.45s;transition:0.45s; text-align:center;}
.scroll-down i{display:block;margin:auto;position:relative;width:20px;height:32px;/*background:url(../images/icon-scoll.png) no-repeat center center; background-size:100%; */margin-bottom:5px;-webkit-transition:1s;-moz-transition:1s;-o-transition:1s;transition:1s}
.scroll-down i img{ display:block; max-width:100%;}
@keyframes move2{
	0%{opacity:1;transform:scaleY(1)}
   50%{transform:scaleY(0.2);opacity:0.2}
}
.scroll-down span{display:block;line-height:1;color:#fff;font-size:16px;}
@media screen and (max-width:1024px){
.scroll-down{bottom:25px;}
.scroll-down span{margin-bottom:10px;font-size:14px;}
}
@media screen and (max-width:1023px){
.scroll-down {bottom:3%;}
}






/*****************************page start*****************************/
/*pagebanner*/
.pagebanner{position:relative;overflow:hidden;border-bottom-right-radius:20px;border-bottom-left-radius:20px;}
.pagebanner .pic{display:block; overflow:hidden;height:48.95833333333333vw;min-height:120px;background-position:center top;background-repeat:no-repeat;background-size:cover;}
.pagebanner:after{content:"";pointer-events:none;width:100%;height:100%; background-color:rgba(0,0,0,0.2); position:absolute;left:0;bottom:0;right:0;z-index:2;}
.pagebanner .pagebanner-tt{position:absolute;left:0;right:0;bottom:80px;z-index:3;font-family:'Coolvetica Rg',Helvetica Neue,Helvetica,Arial,Microsoft Yahei,sans-serif;font-weight:normal;color:#ffffff;}
.pagebanner .pagebanner-tt .tt{font-size:24px; margin-bottom:15px;}
.pagebanner .pagebanner-tt .wz{font-size:60px;line-height:1;}

.probanner .pagebanner-tt{bottom:200px;}
@media screen and (max-width:1920px){
	.pagebanner .pagebanner-tt{bottom:4.17vw;}
	.pagebanner .pagebanner-tt .tt{font-size:1.25vw;margin-bottom:0.78vw;}
	.pagebanner .pagebanner-tt .wz{font-size:3.13vw;}
	.probanner .pagebanner-tt{bottom:10.42vw;}
}
@media screen and (max-width:1220px){
/*	.pagebanner .pagebanner-tt{bottom:80px;}
	.pagebanner .pagebanner-tt .tt{font-size:24px;margin-bottom:15px;}
	.pagebanner .pagebanner-tt .wz{font-size:60px;}
	.probanner .pagebanner-tt{bottom:200px;}*/
	
.pagebanner .pic{height:44.27083333333333vw;}
.pagebanner .pagebanner-tt .tt{font-size:20px;}
.pagebanner .pagebanner-tt .wz{font-size:32px;}
.probanner .pagebanner-tt{bottom:30px;}
}
@media screen and (max-width:1024px){
.pagebanner .pagebanner-tt .tt{font-size:18px;}
.pagebanner .pagebanner-tt .wz{font-size:28px;}
}
@media screen and (max-width:768px){
.pagebanner .pagebanner-tt .tt{font-size:16px;}
.pagebanner .pagebanner-tt .wz{font-size:26px;}
.pagebanner .pic{height:50vw; min-height:180px;}
}
@media screen and (max-width:350px){

}


.page{background-position:center top;background-repeat:no-repeat;background-size:100%;font-size:16px; line-height:1.5;color:#000000;}
.page img{max-width:100%; display:block; line-height:0;}
.page .pageInfo{padding-top:100px;}
hr {margin:0;color: inherit;border:0; height:1px;background-color: #ebebeb!important;opacity: 1 !important;margin-bottom:50px;}
@media screen and (max-width:1920px){
.page .pageInfo{padding-top:5.21vw;}
}
@media screen and (max-width:1220px){
hr {margin-bottom: 1.5625rem;}
.page .pageInfo{padding-top:70px;}
.page{font-size:14px;}
}
@media screen and (max-width:768px){
 .page .pageInfo{padding-top:50px;}
}
@media screen and (max-width:640px){
 .page .pageInfo{padding-top:35px;}
}


/*pageTit*/
.pageTit{font-size:60px;line-height:1;font-family:'Coolvetica Rg',Helvetica Neue,Helvetica,Arial,Microsoft Yahei,sans-serif;font-weight:normal;color:#263436; margin-bottom:70px; position:relative;}
.pageTit .wz{font-size:20px; color:#000000;font-family:Helvetica Neue,Helvetica,Arial,Microsoft Yahei,sans-serif;font-weight:normal;padding-top:20px;}
@media screen and (max-width:1220px){
.pageTit{font-size:50px;margin-bottom:60px;}
.pageTit .wz{font-size:18px;}
}
@media screen and (max-width:1024px){
.pageTit{font-size:40px;margin-bottom:50px;}
.pageTit .wz{font-size:16px;}
}
@media screen and (max-width:768px){
.pageTit{font-size:40px;margin-bottom:40px;}
.pageTit .wz{font-size:14px;}
}

@media screen and (max-width:1920px) {
	.pageTit{font-size:3.13vw;margin-bottom:3.65vw;}
	.pageTit .wz{font-size:1.04vw;}
}
@media screen and (max-width:1220px) {
	.pageTit{font-size:30px;margin-bottom:30px;}
    .pageTit .wz{font-size:14px;}
}
@media screen and (max-width:1024px) {
	.pageTit{font-size:28px;margin-bottom:30px;}
	.pageTit .wz{font-size:13px;}
}
@media screen and (max-width:992px) {
	.pageTit{font-size:26px;margin-bottom:25px;}
	.pageTit .wz{font-size:12px;}
}
@media screen and (max-width:768px) {
	.pageTit{font-size:30px;margin-bottom:30px;}
    .pageTit .wz{font-size:14px;}
}
@media screen and (max-width:640px) {
	.pageTit{font-size:28px;margin-bottom:30px;}
    .pageTit .wz{font-size:14px;}
}
@media screen and (max-width:430px) {
	.pageTit{font-size:24px;margin-bottom:20px;}
	.pageTit .wz{font-size:12px;}
}




/*pageBox*/
.pageBox{ padding-top:100px; padding-bottom:100px;}
.pageBox .imgBox img{border-radius:10px; overflow:hidden; display:block;}
.pageBox .des{font-size:20px;line-height:1.8;color:#000000; margin-bottom:100px;}
.pageBox .img img{border-radius:10px; overflow:hidden; display:block; width:100%;}
@media screen and (max-width:1920px){
.pageBox{ padding-top:5.21vw;padding-bottom:5.21vw;}
.pageBox .des{font-size:1.04vw;margin-bottom:5.21vw;}
}
@media screen and (max-width:1220px){
.pageBox{ padding-top:70px; padding-bottom:70px;}
.pageBox .des{font-size:16px;margin-bottom:70px;}
}
@media screen and (max-width:1024px){
.pageBox{ padding-top:50px; padding-bottom:50px;}
.pageBox .des{font-size:14px;margin-bottom:50px;}
}
@media screen and (max-width:768px){
.pageBox{ padding-top:35px; padding-bottom:35px;}
.pageBox .des{font-size:14px;margin-bottom:35px;}	
}

/*pageBox1*/
.pageBox1{ overflow:hidden; width:100%;}
.pageBox1 .infoBox{/*display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;justify-content: space-between;*/}
.pageBox1 .imgBox{width:990px; width:56.89655172413793%;}
.pageBox1 .txtBox{width:710px; width:40.80459770114943%;}
.pageBox1 .des{padding-bottom:40px;}
@media screen and (max-width:1220px){
.pageBox1 .infoBox{display:block;}
.pageBox1 .imgBox{width:100%; margin-bottom:60px;}
.pageBox1 .txtBox{width:100%;}
.pageBox1 .des{padding-bottom:10px;}
}



/*pageBox2*/
.pageBox2{ overflow:hidden; width:100%;}
.pageBox2 .des{padding-left:50%;}
@media screen and (max-width:1220px){
.pageBox2 .des{padding-left:0%;}
}
/*pageBox3*/
.pageBox3{ overflow:hidden; width:100%;}
.pageBox3 .txtBox{ padding-left:50%;}
@media screen and (max-width:1220px){
.pageBox3 .txtBox{ padding-left:0%;}
}

/*pageBox4*/
.pageBox4{ overflow:hidden; width:100%;}
.pageBox4 .txtBox{ padding-left:50%;}
.pageBox4 .des2{font-size:16px;line-height:1.5;color:#000000;}
@media screen and (max-width:1024px){
.pageBox4 .txtBox{ padding-left:0%;}
.pageBox4 .des2{font-size:14px;}
}
@media screen and (max-width:768px){
.pageBox4 .des2{font-size:12px;}
}

/*videoBox*/
.videoBox{border-radius:15px; overflow:hidden;display:block; position:relative;}
.videoB{border-radius:15px; overflow:hidden;display:block;position:relative; height:0; width:100%;padding-bottom:54.02298850574713%;}
.videoB video,
.videoB img{width:100%;max-width:none;height:100%;object-fit:cover;overflow:hidden;vertical-align:middle; position:absolute;left:0;top:0; z-index:1;}
.videoB:after{content:"";pointer-events:none;width:100%;height:100%; background-color:rgba(0,0,0,0.3); position:absolute;left:0;bottom:0;right:0;z-index:2;}
.videoInfo{position:absolute;left:0;right:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%); z-index:2;text-align:center; z-index:3;}
.videoInfo .t{font-size:60px;line-height:1;font-family:'Coolvetica Rg',Helvetica Neue,Helvetica,Arial,Microsoft Yahei,sans-serif;font-weight:normal;color:#fff; margin-bottom:65px; }

.videoInfo .videoBtn{width:100px; height:100px;background:url(../images/icon-video2.png) no-repeat center center; background-size:100%; margin:0 auto;cursor:pointer; position:relative;border-radius:50%;}
.videoInfo .videoBtn:before{content: '';z-index: 5; position: absolute;top:-2px;left:-2px;border-radius: 50%;transition: 0.5s; -webkit-transition: 0.5s;width:100%;height:100%;border: dashed 2px #fff;}
.videoInfo .videoBtn:hover:before{animation: float2 linear 5s infinite;-webkit-animation: float2 linear 5s infinite;border-color:#fe6a01;}
@keyframes float2 {
  0% {-webkit-transform:rotate(0deg);transform: rotate(0deg);}
  100% {-webkit-transform:rotate(360deg);transform: rotate(360deg);}
}
@-webkit-keyframes float2 {
  0% {-webkit-transform:rotate(0deg);transform: rotate(0deg);}
  100% {-webkit-transform:rotate(360deg);transform: rotate(360deg);}
}
@media screen and (max-width:1920px){
	.videoInfo .t{font-size:3.13vw;margin-bottom:3.39vw; }
	.videoInfo .videoBtn{width:5.21vw; height:5.21vw;}
}
@media screen and (max-width:1220px) {
	.videoInfo .t{font-size:30px;margin-bottom:30px;}
    .videoInfo .videoBtn{width:70px; height:70px;}
}
@media screen and (max-width:1024px) {
	.videoInfo .t{font-size:28px;margin-bottom:30px;}
    .videoInfo .videoBtn{width:60px; height:60px;}
		.videoB{padding-bottom:60%;}
}
@media screen and (max-width:992px) {
	.videoInfo .t{font-size:26px;margin-bottom:25px;}
    .videoInfo .videoBtn{width:55px; height:55px;}
}
@media screen and (max-width:768px) {
	.videoInfo .t{font-size:30px;margin-bottom:20px;}
    .videoInfo .videoBtn{width:50px; height:50px;}
	.videoB{padding-bottom:65%;}
}
@media screen and (max-width:640px) {
	.videoInfo .t{font-size:28px;margin-bottom:20px;}
    .videoInfo .videoBtn{width:45px; height:45px;}
		.videoB{padding-bottom:70%;}
}
@media screen and (max-width:500px) {
	.videoInfo .t{font-size:26px;margin-bottom:20px;}
    .videoInfo .videoBtn{width:40px; height:40px;}
}
@media screen and (max-width:450px) {
	.videoInfo .t{font-size:24px;margin-bottom:20px;}
    .videoInfo .videoBtn{width:40px; height:40px;}
}



/*弹窗视频 */
#c-video-box{display:none;position:fixed;top:0;left:0;z-index:1000;width:100%;height:100%;background:rgba(0,0,0,0.7);text-align:center}
#c-video-box .c-btn{position:fixed;top:30px;right:30px;width:50px;height:50px;color:#fff;background:#fff;border-radius:50%;transition:.5s; z-index:9;}
#c-video-box .c-btn:after,#c-video-box .c-btn:before{content:"";position:absolute;bottom:24px;left:10px;width:30px;height:2px;background:#333;transition:.5s}
#c-video-box .c-btn:hover{background:#000;}
#c-video-box .c-btn:hover:after,#c-video-box .c-btn:hover:before{background:#fff}
#c-video-box .c-btn:after{-webkit-transform:rotate(45deg);transform:rotate(45deg)}
#c-video-box .c-btn:before{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}
#c-video-box video{position:fixed;left:0;top:0;height:100%;width:100%;background:#000}



/*pageCulture*/
.pageCulture{padding-bottom:100px;}
.pageCulture .imgBox img{border-radius:10px; overflow:hidden; display:block;}
.pageCulture .des{font-size:20px;line-height:1.8;color:#000000; margin-bottom:100px;}
.pageCulture .img img{border-radius:10px; overflow:hidden; display:block;width:100%; height:auto;}
@media screen and (max-width:1920px){
.pageCulture{padding-bottom:5.21vw;}
.pageCulture .des{font-size:1.04vw;margin-bottom:5.21vw;}
}
@media screen and (max-width:1220px){
.pageCulture{padding-bottom:70px;}
.pageCulture .des{font-size:16px;margin-bottom:70px;}
}
@media screen and (max-width:1024px){
.pageCulture{padding-bottom:50px;}
.pageCulture .des{font-size:14px;margin-bottom:50px;}
}



/*pageCulture1*/
.pageCulture1 .infoBox{/*display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;justify-content: space-between;*/}
.pageCulture1 .imgBox{width:990px; width:56.89655172413793%;}
.pageCulture1 .txtBox{width:710px; width:40.80459770114943%;}
.pageCulture1 .des{padding-bottom:40px;}
@media screen and (max-width:1220px){
.pageCulture1 .infoBox{display:block;}
.pageCulture1 .imgBox{width:100%; margin-bottom:60px;}
.pageCulture1 .txtBox{width:100%;}

.pageCulture1 .des{padding-bottom:0px;}
}




/*.pageCulture2*/
.pageCulture2 .pageImg{width:49.42528735632184%; float:right;}
.pageCulture2 .pageImg .img{width:100%; position:relative; padding-bottom:838px;}
.pageCulture2 .pageImg .img img{width:100%;max-width:none;height:100%;object-fit:cover;overflow:hidden;vertical-align:middle; position:absolute;left:0;top:0;border-radius:15px; overflow:hidden; display:block;}
@media screen and (max-width:1220px){
	.pageCulture2 .pageImg{width:100%;float:left; }
	.pageCulture2 .pageImg .img{padding-bottom:100%;}
}
@media screen and (max-width:1160px){

}




/*culturelist*/
.culturelist{width:49.42528735632184%;float:left; text-align:right;}
.culturelist ul{width:100%;}
.culturelist li{position:relative; background:#fff;border-radius:10px; margin-bottom:20px; padding:20px 83px; cursor:pointer;}
.culturelist li .title{ padding-left:33px;min-height:134px; text-align:left;border-left:1px dashed #d2dcdb; padding-top:25px;}
.culturelist li .title .Tit{font-size:36px; color:#333333; display:block;line-height:normal;font-family:'Coolvetica Rg',Helvetica Neue,Helvetica,Arial,Microsoft Yahei,sans-serif;font-weight:normal; margin-bottom:10px;}
.culturelist li .tmain{display:none;}
.culturelist li .tmain .tmainB{ font-size:18px;line-height:28px;height:56px;color:#64676b;text-align:left;}
.culturelist li .title .icon{display:block;overflow:hidden;width:40px;height:40px;background:url(../images/page3-icon1.png) center center no-repeat; background-size:100%; transition: all 0.2s ease;margin-bottom:24px;}
.culturelist li.li2 .title .icon{ background-image:url(../images/page3-icon2.png);}
.culturelist li.li3 .title .icon{ background-image:url(../images/page3-icon3.png);}
.culturelist li.li4 .title .icon{ background-image:url(../images/page3-icon4.png);}
.culturelist li .d{text-align:center; position:absolute; left:25px;width:34px;height:34px;top:50%; margin-top:-17px;}
.culturelist li .d::after{content:" ";position:absolute;width:17px;height:17px;background-color:#d4f5ee;border-radius: 50%;left:0;right:0;top:8.5px; margin:auto auto;}
.culturelist li .d::before{content:" ";position:absolute;width:34px;height:34px;background-color:#f6fcfb;border-radius: 50%;left:0;right:0;top:0; margin:0 auto;}

.culturelist li.on .title{min-height:215px;}
.culturelist li.on .title .icon{width:30px;height:30px;margin-bottom:14px;}
.culturelist li.on .d::before{background-color:#deece7;}
.culturelist li.on .d::after{background-color:#5da38b;}
.culturelist li.on .title .tmain{display: block;}

@media screen and (max-width:1520px){
.culturelist li .title .Tit{font-size:24px;}

}
@media screen and (max-width:1220px){
.culturelist li .title .Tit{font-size:22px;}
.culturelist{width:100%;float:none;margin-bottom:30px;}

.culturelist li{margin-bottom:20px;padding:20px 30px 20px 80px;}
.culturelist li .title{ padding-left:20px;min-height:134px;padding-top:20px;}
.culturelist li .title .Tit{font-size:22px;margin-bottom:10px;}
.culturelist li .tmain .tmainB{font-size:16px;line-height:1.4;height:56px;}
.culturelist li .title .icon{width:34px;height:34px;margin-bottom:15px;}
.culturelist li .d{left:25px;width:30px;height:30px;margin-top:-15px;}
.culturelist li .d::after{width:16px;height:16px;top:8px;}
.culturelist li .d::before{width:30px;height:30px;}
.culturelist li.on .title{min-height:215px;}
.culturelist li.on .title .icon{width:25px;height:25px;margin-bottom:10px;}
}
@media screen and (max-width:1024px){
.culturelist li .title .Tit{font-size:20px;}
.culturelist li .tmain{font-size:14px;}
.culturelist ul{width:100%;max-width:100%;}

.culturelist li .title .Tit{font-size:20px;}
.culturelist li .tmain .tmainB{font-size:14px;line-height:1.4;}
.culturelist ul{width:100%;max-width:100%;}
.culturelist li .title{min-height:162px;padding-top:0px;}
.culturelist li .title .icon{width:30px;height:30px;margin-bottom:14px;}
.culturelist li{padding:20px 30px 20px 70px;}
.culturelist li .d{left:25px;width:25px;height:25px;margin-top:-12.5px;}
.culturelist li .d::after{width:15px;height:15px;top:5px;}
.culturelist li .d::before{width:25px;height:25px;}
.culturelist li .d::before{background-color:#deece7;}
.culturelist li .d::after{background-color:#5da38b;}
.culturelist li .title .tmain{display: block;}
.culturelist li.on .title{min-height:162px;}
.culturelist li.on .title .icon{width:20px;height:20px;margin-bottom:10px;}
}
@media screen and (max-width:768px){
.culturelist{width:100%;margin-bottom:30px;}
.culturelist li .title .Tit{font-size:18px;}
.culturelist li .tmain{font-size:13px;}
.culturelist li .tmain .tmainB{ font-size:14px;line-height:1.3;height:auto;}
}




/*culturelist3*/
.culturelist3{}
.culturelist3 ul{width:100%; font-size:0; line-height:0; margin:0 -10px;}
.culturelist3 li{zoom: 1; display:inline-block;*display:inline; overflow:hidden;width:25%;vertical-align:top;margin-bottom:20px;}
.culturelist3 li .title{position:relative;margin:0 10px; text-align:left; min-height:500px;cursor:pointer;border-radius:10px; background:#fff; overflow:hidden;}
.culturelist3 li .title .Tit{font-size:36px; color:#333333; display:block;line-height:44px; padding:45px 50px;font-family:'Coolvetica Rg',Helvetica Neue,Helvetica,Arial,Microsoft Yahei,sans-serif;font-weight:normal; margin-bottom:10px;}
.culturelist3 li .tmain{padding:45px 50px;border-top:1px solid #ddd;}
.culturelist3 li .tmain .tmainB{ font-size:18px;line-height:28px;height:56px;color:#64676b;text-align:left;}
.culturelist3 li .title .icon{display:block;overflow:hidden;width:195px;height:195px;background:url(../images/page3-fw-icon1.png) center center no-repeat; background-size:100%; transition: all 0.2s ease; position:absolute;bottom:-48px;right:-30px;}
.culturelist3 li.li2 .title .icon{ background-image:url(../images/page3-fw-icon2.png);}
.culturelist3 li.li3 .title .icon{ background-image:url(../images/page3-fw-icon3.png);}
.culturelist3 li.li4 .title .icon{ background-image:url(../images/page3-fw-icon4.png);}
.culturelist3 li .d{text-align:center; position:absolute; left:25px;width:34px;height:34px;top:50%; margin-top:-17px;}
.culturelist3 li .d::after{content:" ";position:absolute;width:17px;height:17px;background-color:#d4f5ee;border-radius: 50%;left:0;right:0;top:8.5px; margin:auto auto;}
.culturelist3 li .d::before{content:" ";position:absolute;width:34px;height:34px;background-color:#f6fcfb;border-radius: 50%;left:0;right:0;top:0; margin:0 auto;}
@media screen and (max-width:1520px){
.culturelist3 li .title .Tit{font-size:24px;}

}
@media screen and (max-width:1220px){
.culturelist3 li .title .Tit{font-size:22px;padding:35px 40px;}
.culturelist3 li .tmain{padding:35px 40px;}
.culturelist3{width:100%;float:left;margin-bottom:30px;}

.culturelist3 li{ width:50%;}

.culturelist3 li .title{min-height:450px;}
.culturelist3 li .tmain .tmainB{ font-size:16px;line-height:26px;height:52px;}
.culturelist3 li .title .icon{width:165px;height:165px;bottom:-38px;right:-20px;}
}
@media screen and (max-width:1024px){
.culturelist3 li .title .Tit{font-size:20px;padding:25px 30px;}
.culturelist3 li .tmain{font-size:14px;padding:25px 30px;}
.culturelist3 ul{width:100%;max-width:100%;}

}
@media screen and (max-width:768px){
.culturelist3 li .title .Tit{font-size:18px;padding:15px 30px;}
.culturelist3 li .tmain{font-size:13px;padding:15px 30px;}
.culturelist3 li{ width:100%;}
.culturelist3 ul{width:100%;margin:0;}
.culturelist3 li .title{min-height:400px;margin:0;}
.culturelist3 li .tmain .tmainB{ font-size:16px;line-height:26px;height:auto;}
.culturelist3 li .title .icon{width:135px;height:135px;bottom:-28px;right:-10px;}
}
@media screen and (max-width:640px){
.culturelist3 li .title{min-height:350px;}
.culturelist3 li .title .icon{width:105px;height:105px;bottom:-18px;right:-10px;}
}




/*pageCulture4List*/
.pageCulture4List{overflow: hidden; margin-bottom:40px;}
.pageCulture4List ul{ font-size:0; margin:0 -10px;}
.pageCulture4List li{ float: left;position:relative;zoom: 1; display:inline-block;*display:inline;zoom:1; vertical-align:top; overflow:hidden;width:50%;vertical-align:top;}
.pageCulture4List .item{display:block;position:relative; margin:0 10px;border-radius:10px;}
.pageCulture4List .picB{position:relative;overflow:hidden;border-radius:10px;}
.pageCulture4List .picB .pic{ height:0;padding-bottom:83.72093023255814%; position:relative; z-index:1;}
.pageCulture4List .picB .pic img{position: absolute;top:50%;left: 50%;-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%,-50%);display: block;max-width:none; width:auto;height:100%;width:100%;max-height:auto;object-fit:cover;}

.pageCulture4List .item .tit{ display:inline-block;position:absolute;left:0;bottom:0; width:90%; max-width:580px; height:auto; z-index:3;}
.pageCulture4List .item .tit .titNr{display:inline-block;text-align:left;padding:75px 95px 75px 45px;border-top-left-radius: 10px;border-top-right-radius:10px; background-color:rgba(93,163,139,0.95)}
.pageCulture4List .item .tit .t{ font-size:20px; color:#fff; line-height:26px;min-height:52px;}
@media screen and (max-width:1220px){
.pageCulture4List .item .tit .t{ font-size:18px;}
.pageCulture4List .item .tit .titNr{padding:45px 55px 35px 35px;}
}
@media screen and (max-width:992px){
.pageCulture4List{margin-bottom:0px;}
.pageCulture4List li{ width:100%; margin-bottom:40px;}
.pageCulture4List .item .tit .titNr{padding:35px 45px 35px 35px;}
}
@media screen and (max-width:768px){
	
.pageCulture4List .picB .pic{padding-bottom:100%;}
.pageCulture4List .item .tit .titNr{padding:25px 35px 25px 25px;}
.pageCulture4List .item .tit .t{ font-size:16px;}
}
@media screen and (max-width:350px){
.pageCulture4List .item .tit .titNr{padding:20px 20px 20px 20px;}
}

/*pageCulture*/
.pagePartner{padding-bottom:100px;}
@media screen and (max-width:1220px){
.pagePartner{ padding-bottom:50px;}
}



/*pagePartner1*/
.pagePartner1 .infoBox{ position:relative; padding-top:70px;}
.pagePartner1 .imgBox{position:absolute;left:0;top:0; width:48.85057471264368%;border-radius:10px;padding-bottom:560px;}
.pagePartner1 .imgBox img{position:absolute;top:50%;left: 50%;-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%,-50%);display: block;max-width:none; width:auto; max-height:auto;object-fit:cover; width:100%; height:100%;}
/**/
.pagePartner1 .txtBox{width:66.09195402298851%;float:right;text-align:left; background:#fff; min-height:560px;}
.pagePartner1 .txtBox .txtBoxNr{ padding-left:33.9130434782608%; padding-right:137px;}
.pagePartner1 .txtBox .t{font-size:36px;color:#000000;line-height:1; margin-bottom:40px;font-family:'Coolvetica Rg',Helvetica Neue,Helvetica,Arial,Microsoft Yahei,sans-serif;font-weight:normal;padding-top:120px;}
.pagePartner1 .txtBox .des{font-size:20px;color:#4B4B4B;line-height:36px; margin-bottom:50px;}
@media screen and (max-width:1520px){
.pagePartner1 .txtBox .t{font-size:32px;padding-top:120px;    margin-bottom: 30px;}
.pagePartner1 .txtBox .des{font-size:20px;line-height:36px; margin-bottom:50px;}
}
@media screen and (max-width:1220px){
.pagePartner1 .imgBox{position: static;width:100%;padding-bottom:65.88235294117647%;}
.pagePartner1 .txtBox{width:100%;float:right;text-align:left; background:#fff; min-height:560px;}
.pagePartner1 .txtBox .txtBoxNr{ padding-left:50px; padding-right:50px;}

.pagePartner1 .txtBox .t{font-size:30px;padding-top:100px;    margin-bottom:20px;padding-top:50px;}
.pagePartner1 .txtBox .des{font-size:18px;line-height:1.5; margin-bottom:50px;}

.pagePartner1 .txtBox{min-height:inherit;}
}
@media screen and (max-width:1024px){
.pagePartner1 .txtBox .t{font-size:28px;padding-top:70px;}
.pagePartner1 .txtBox .des{font-size:16px;line-height:1.5; margin-bottom:50px;}
}
@media screen and (max-width:768px){
.pagePartner1 .txtBox .t{font-size:26px;padding-top:50px;}
.pagePartner1 .txtBox .des{font-size:14px;line-height:1.3; margin-bottom:50px;}

.pagePartner1 .txtBox .txtBoxNr{ padding-left:30px; padding-right:30px;}
}







/*pagePartner2*/
.pagePartner2{ overflow:hidden;}
.pagePartner2 ul{width:100%; font-size:0; line-height:0; margin:0 -10px;}
.pagePartner2 li{zoom: 1; display:inline-block;*display:inline; overflow:hidden;width:25%;vertical-align:top;margin-bottom:20px;}
.pagePartner2 li .title{position:relative;margin:0 10px; text-align:left; min-height:500px;cursor:pointer;border-radius:10px; background:#fff; overflow:hidden;}
.pagePartner2 li .title .Tit{font-size:36px; color:#333333; display:block;line-height:44px; padding:45px 50px;font-family:'Coolvetica Rg',Helvetica Neue,Helvetica,Arial,Microsoft Yahei,sans-serif;font-weight:normal; margin-bottom:10px;}
.pagePartner2 li .tmain{padding:45px 50px;border-top:1px solid #ddd;}
.pagePartner2 li .tmain .tmainB{ font-size:18px;line-height:28px;height:56px;color:#64676b;text-align:left;}
.pagePartner2 li .title .icon{display:block;overflow:hidden;width:195px;height:195px;background:url(../images/page5-fw-icon1.png) center center no-repeat; background-size:100%; transition: all 0.2s ease; position:absolute;bottom:-48px;right:-30px;}
.pagePartner2 li.li2 .title .icon{ background-image:url(../images/page5-fw-icon2.png);}
.pagePartner2 li.li3 .title .icon{ background-image:url(../images/page5-fw-icon3.png);}
.pagePartner2 li.li4 .title .icon{ background-image:url(../images/page5-fw-icon4.png);}
.pagePartner2 li .d{text-align:center; position:absolute; left:25px;width:34px;height:34px;top:50%; margin-top:-17px;}
.pagePartner2 li .d::after{content:" ";position:absolute;width:17px;height:17px;background-color:#d4f5ee;border-radius: 50%;left:0;right:0;top:8.5px; margin:auto auto;}
.pagePartner2 li .d::before{content:" ";position:absolute;width:34px;height:34px;background-color:#f6fcfb;border-radius: 50%;left:0;right:0;top:0; margin:0 auto;}

.pagePartner2 li.on .title{min-height:215px;}
.pagePartner2 li.on .title .icon{width:30px;height:30px;margin-bottom:14px;}
.pagePartner2 li.on .d::before{background-color:#deece7;}
.pagePartner2 li.on .d::after{background-color:#5da38b;}
.pagePartner2 li.on .title .tmain{display: block;}

@media screen and (max-width:1520px){
.pagePartner2 li .title .Tit{font-size:24px;}

}
@media screen and (max-width:1220px){
.pagePartner2 li .title .Tit{font-size:22px;padding:35px 40px;}
.pagePartner2 li .tmain{padding:35px 40px;}
.pagePartner2{width:100%;float:left;margin-bottom:30px;}

.pagePartner2 li{ width:50%;}

.pagePartner2 li .title{min-height:450px;}
.pagePartner2 li .tmain .tmainB{ font-size:16px;line-height:26px;height:52px;}
.pagePartner2 li .title .icon{width:165px;height:165px;bottom:-38px;right:-20px;}
}
@media screen and (max-width:1024px){
.pagePartner2 li .title .Tit{font-size:20px;padding:25px 30px;}
.pagePartner2 li .tmain{font-size:14px;padding:25px 30px;}
.pagePartner2 ul{width:100%;max-width:100%;}

}
@media screen and (max-width:768px){
.pagePartner2 li .title .Tit{font-size:18px;padding:15px 30px;}
.pagePartner2 li .tmain{font-size:13px;padding:15px 30px;}
.pagePartner2 li{ width:100%;}
.pagePartner2 ul{width:100%;margin:0;}
.pagePartner2 li .title{min-height:400px;margin:0;}
.pagePartner2 li .tmain .tmainB{ font-size:16px;line-height:26px;height:auto;}
.pagePartner2 li .title .icon{width:135px;height:135px;bottom:-28px;right:-10px;}
}
@media screen and (max-width:640px){
.pagePartner2 li .title{min-height:350px;}
.pagePartner2 li .title .icon{width:105px;height:105px;bottom:-18px;right:-10px;}
}


/*.pagePartner3{ overflow:hidden;}*/

/*logolist*/
.logolist{ color:#fff;display:block;}
.logolist{font-size:0; line-height:0; margin:0; padding:0;border-top:1px solid #e1e5e5border-left:1px solid #e1e5e5}
.logolist li{width:20%;display:inline-block;*display:inline;zoom:1; text-align:center; vertical-align:top;background:#fff;}
.logolist li a{ border-radius:0;display:block;position:relative;margin:0; width:100%; padding-top:70px;padding-bottom:70px; border-bottom:1px solid #e1e5e5;border-right:1px solid #e1e5e5;}
.logolist .imgB{width:57.14285714285714%;max-width:200px; margin:0 auto;}
.logolist .img{ padding-bottom:80%;  height:0;  margin:0 auto; position:relative;} 
.logolist .img img{ position: absolute;top:0;left:0;display: block;max-width:none;height:100%;width:100%;max-height:auto;object-fit:contain;}

.logolist .item:hover .img img {-moz-transform:scale3d(1.1,1.1,1.1);-webkit-transform:scale3d(1.1,1.1,1.1);-ms-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.1,1.1,1.1);}
.logolist .t{font-size:22px;color:#000000;line-height:36px;}
@media screen and (max-width: 1220px){
.logolist li a{padding-top:30px;padding-bottom:30px;}

.logolist .t{font-size:20px;line-height:1.5;}
}
@media screen and (max-width: 1024px){
.logolist li{ width:33.3333%;}
.logolist .t{font-size:18px;}
}
@media screen and (max-width:768px) {
.logolist li{ width:33.3333%;}
.logolist .t{font-size:16px;}
}
@media screen and (max-width: 640px){
.logolist li{ width:50%;}
.logolist .t{font-size:14px;}

}



/*logo-button*/
.logoLunboB{ position:relative;}
.logoLunbo{ overflow:hidden;}
.logo-button{ display:block; width:110px; height:46px; margin:0 auto; position: absolute;right:0;top:12px;}
.logo-button .swiper-button-next,
.logo-button .swiper-button-prev{width:46px;height:46px;background:url(../images/arrow-left2.png) no-repeat center center;background-size:100%;opacity:1;position:absolute;top:0; margin-top:0; outline:none;}
.logo-button .swiper-button-prev{left:0;}
.logo-button .swiper-button-next{background-image:url(../images/arrow-right2.png); right:0;}
.logo-button .swiper-button-prev.swiper-button-disabled, 
.logo-button .swiper-button-next.swiper-button-disabled{opacity:0;}
.logo-button .swiper-button-next:hover{background-image:url(../images/arrow-right3.png);}
.logo-button .swiper-button-prev:hover{background-image:url(../images/arrow-left3.png);}
@media screen and (max-width:768px) {
.logo-button{ display:none; }
}










/*pageEmployee1*/
.pageEmployees{padding-bottom:60px;}
.pageEmployee1{ margin-bottom:40px;}
.pageEmployee1 .infoBox{/*display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;justify-content: space-between;*/ align-items:center;}
.pageEmployee1 .imgBox{width:57.47126436781609%; position:relative; padding-bottom:30.20833333333333vw;border-radius:10px; overflow:hidden;}
.pageEmployee1 .imgBox img{width:100%;max-width:none;height:100%;object-fit:cover;overflow:hidden;vertical-align:middle; position:absolute;left:0;top:0;border-radius:10px; overflow:hidden; display:block;}
.pageEmployee1 .imgBox,
.pageEmployee1 .imgBox img{-webkit-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s;}
.pageEmployee1 .imgBox:hover img{-moz-transform:scale3d(1.05,1.05,1.05);-webkit-transform:scale3d(1.05,1.05,1.05);-ms-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05);}

.pageEmployee1 .txtBox{width:40.22988505747126%; background:#fff; min-height:30.20833333333333vw;border-radius:10px; overflow:hidden; display:block;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;justify-content: space-between;align-items:center;}
.pageEmployee1 .txtBoxNr{ padding:50px;}
.pageEmployee1 .des{font-size:20px;line-height:1.7;color:#000000; margin-bottom:75px;}
@media screen and (max-width:1680px){
.pageEmployee1 .des{font-size:18px;line-height:1.5;margin-bottom:55px;}
}
@media screen and (max-width:1220px){
.pageEmployee1 .infoBox{display:block;}
.pageEmployee1 .imgBox{width:100%; margin-bottom:30px;}
.pageEmployee1 .txtBox{width:100%;}
.pageEmployee1 .des{font-size:18px;line-height:1.5;margin-bottom:55px;}

}
@media screen and (max-width:768px){
.pageEmployee1 .des{font-size:16px;line-height:1.5;margin-bottom:35px;}
.pageEmployee1 .txtBoxNr{ padding:50px 30px;}
}




/*pagelunbo*/
.pagelunbo{overflow: hidden;border-radius:10px; margin-bottom:40px;}
.pagelunbo ul{ font-size:0;}
.pagelunbo ul *{ transition: 0.5s;}
.pagelunbo li{ float: left;position:relative;zoom: 1; display:inline-block;*display:inline; overflow:hidden;width:33.333333%;vertical-align:top;}
.pagelunbo .item{display:block;position:relative;}
.pagelunbo .picB{position:relative;overflow:hidden;}
.pagelunbo .picB .pic{ height:0;padding-bottom:41.66666666666667vw;overflow:hidden;position:relative; z-index:1;}
.pagelunbo .picB .pic img{position:absolute;top:0;left:0;display:block;max-width:none;width:100%;height:100%;object-fit:cover;}
.pagelunbo .item,
.pageCaseList.picB .pic img {-webkit-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s;}
.pagelunbo .item:hover .picB .pic img{-moz-transform:scale3d(1.05,1.05,1.05);-webkit-transform:scale3d(1.05,1.05,1.05);-ms-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05);}
.pagelunbo .picB:after{ content:'';position:absolute; width:100%; height:100%; left:0;top:0;right:0; background:rgba(0,0,0,0.3);background:url(../images/page6-wzbg.png) no-repeat center bottom; background-size:100% 100%;  z-index:2;}

.pagelunbo .item .tit{ position:absolute;left:0;bottom:0; width:100%; height:auto; z-index:3;}
.pagelunbo .item .tit .titNr{text-align:left;padding:40px 40px;}
.pagelunbo .item .tit .t{ font-size:36px; color:#fff; line-height:1; margin-bottom:25px;font-family:'Coolvetica Rg',Helvetica Neue,Helvetica,Arial,Microsoft Yahei,sans-serif;font-weight:normal;}
.pagelunbo .item .tit .des{font-size:18px; color:#fff; line-height:28px; max-width:626px;margin-bottom:30px;}

.pagelunbo .item .tit{-webkit-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;transition: all .3s ease-in-out;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0; visibility:hidden;-webkit-transform:translateY(60px);-moz-transform:translateY(60px);-o-transform:translateY(60px);-ms-transform:translateY(60px);transform:translateY(60px);}
.pagelunbo .show .item .tit{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1; visibility:visible;-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:-o-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);}

.pagelunbo li{width:10%}
.pagelunbo li.show{ width:80%}
@media screen and (max-width:1220px){
.pagelunbo li{width:15%}
.pagelunbo li.show{ width:70%}

.pagelunbo .picB .pic{padding-bottom:400px;}
.pagelunbo .item .tit .t{ font-size:18px;line-height: normal; margin-bottom:20px;}
.pagelunbo .item .tit .des{font-size:12px;line-height:24px; max-width:100%;}

}
@media screen and (max-width:992px){
.pagelunbo .picB .pic{padding-bottom:400px;}
.pagelunbo li{ width:100%!important; margin-bottom:20px;}
.pagelunbo li.show{ width:100%!important}

.pagelunbo .item .tit,
.pagelunbo .show .item .tit{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1; visibility:visible;-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:-o-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);}
.pagelunbo .picB .pic img{object-fit:cover;}
.pagelunbo .item .tit .titNr{padding:0 40px; padding-top:70px;}
.pagelunbo .item .tit .t{ font-size:18px;line-height: normal; margin-bottom:20px;}
.pagelunbo .item .tit .des{font-size:14px;line-height:24px; max-width:100%;}
}
@media screen and (max-width:768px){
.pagelunbo .picB .pic{padding-bottom:300px;}
.pagelunbo .item .tit .titNr{padding:0 30px; padding-top:60px;}
.pagelunbo .item .tit .t{ font-size:18px;line-height: normal; margin-bottom:20px;}
.pagelunbo .item .tit .des{font-size:14px;line-height:20px; max-width:100%;}
}



/*pageEmployee3List*/
.pageEmployee3List{overflow: hidden; margin-bottom:40px;}
.pageEmployee3List ul{ font-size:0; margin:0 -20px;}
.pageEmployee3List li{ float: left;position:relative;zoom: 1; display:inline-block;*display:inline;zoom:1; vertical-align:top; overflow:hidden;width:50%;vertical-align:top;}
.pageEmployee3List .item{overflow:hidden;display:block;position:relative; margin:0 20px;border-radius:10px;}
.pageEmployee3List .picB{position:relative;overflow:hidden;border-radius:10px;}
.pageEmployee3List .picB .pic{ height:0;/*padding-bottom:30.72916666666667vw;*/padding-bottom:69.41176470588235%; position:relative; z-index:1;overflow:hidden;border-radius:10px;}
.pageEmployee3List .picB .pic img{width:100%;max-width:none;height:100%;object-fit:cover;overflow:hidden;vertical-align:middle; position:absolute;left:0;top:0;overflow:hidden; display:block;border-radius:10px;}
.pageEmployee3List .item,
.pageEmployee3List .picB .pic img{-webkit-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s;}
.pageEmployee3List .item:hover  .pic img{-moz-transform:scale3d(1.05,1.05,1.05);-webkit-transform:scale3d(1.05,1.05,1.05);-ms-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05);}
.pageEmployee3List .item .tit{ position:absolute;left:0;bottom:0; width:100%; height:auto; z-index:3;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%); text-align:center;}
.pageEmployee3List .item .tit .titNr{text-align:center;padding:40px 40px;}
.pageEmployee3List .item .tit .t{ font-size:50px; color:#fff; line-height:1; margin-bottom:25px;font-family:'Coolvetica Rg',Helvetica Neue,Helvetica,Arial,Microsoft Yahei,sans-serif;font-weight:normal;}
@media screen and (max-width:1680px){
.pageEmployee3List .item .tit .t{ font-size:44px;}
}
@media screen and (max-width:1220px){
.pageEmployee3List .item .tit .t{ font-size:40px;}	
}
@media screen and (max-width:992px){
.pageEmployee3List{margin-bottom:0px;}
.pageEmployee3List .picB .pic{ height:0;/*padding-bottom:69.41176470588235%; */padding-bottom:50%;position:relative; z-index:1;}
.pageEmployee3List li{ width:100%; margin-bottom:40px;}
.pageEmployee3List .item .tit .t{ font-size:38px;}	
}
@media screen and (max-width:768px){
	.pageEmployee3List .picB .pic{padding-bottom:70%;}
.pageEmployee3List .item .tit .t{ font-size:32px;}	
}
@media screen and (max-width:640px){
		.pageEmployee3List .picB .pic{padding-bottom:80%;}  
.pageEmployee3List .item .tit .t{ font-size:28px;}	
}




/*pageCase*/
.pageCase { padding:0;padding-top:70px;padding-bottom:70px;margin:0 auto;position:relative;overflow: hidden;}
.pageCase .swiper-container{overflow:visible;}
.pageCase .swiper-wrapper{position:relative; }
.pageCase .swiper-slide{width:50%; float:left; margin-bottom:0px;}
.pageCase .item{text-align:left; margin:0 13px; position:relative; display:block; z-index:2;}
.pageCase .item .tit{font-size:16px;color:#fff;color:#fff; margin-bottom:20px; position:absolute;bottom:15px; left:30px;right:30px; text-align:center; z-index:2;}
/*.pageCase .item:after{ content:'';position:absolute; width:100%; height:100%; left:0;top:0;right:0; background:rgba(0,0,0,0.5); z-index:4;}*/
/**/
.pageCase .img{border-radius:10px; overflow:hidden;}
.pageCase .img img{width:100%;border-radius:10px; overflow:hidden;}
.pageCase .img{position: relative;padding-bottom:60.42654028436019%; height:0;}
/*.pageCase .img:after{ content:'';position:absolute; width:100%; height:100%; left:0;top:0;right:0; background:rgba(0,0,0,0.5); z-index:3; visibility:hidden;}*/
.pageCase .img img{display:block;position:absolute;top:0;left:0;z-index:2;width:100%;height:100%;max-width:100%;object-fit:cover; z-index:1;}
.pageCase .img,
.pageCase .img img,
.pageCase .item{-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}
.pageCase .item:hover .img img{-moz-transform: scale(1.05); -webkit-transform: scale(1.05);-ms-transform: scale(1.05);transform: scale(1.05);}
/**/
/*.pageCase .img:after,
.pageCase .item:after{-webkit-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.pageCase .item:after{content: '';color:#fff;font-size:0;display: block;width: 70px;height: 70px;line-height: 75px;text-align: center;box-sizing:content-box;border-radius: 50%;position: absolute;left: 0;top: 0;right: 0;bottom: 0;margin: auto;overflow: hidden;background-clip: content-box;opacity: 0;filter: alpha(opacity=0);-webkit-transform: scale(1.35);-ms-transform: scale(1.35);-o-transform: scale(1.35);transform: scale(1.35); background: url("../images/icon-plus.png") center center no-repeat #0069df;background-size:24px;}
.pageCase .item:hover .img:after{visibility: visible;}
.pageCase .item:hover:after{opacity: .9;filter: alpha(opacity=90);-webkit-transform: none;-ms-transform: none;-o-transform: none;transform: none;}*/
/**/
.pageCase .swiper-button-next,
.pageCase .swiper-button-prev{width:46px;height:46px;background:url(../images/arrow-left.png) no-repeat center center;background-size:100%; position:absolute;top:50%; margin-top:-15px; z-index:4}
.pageCase .swiper-button-prev{left:43px;}
.pageCase .swiper-button-next{background-image:url(../images/arrow-right.png); right:43px;}
.pageCase .swiper-button-prev.swiper-button-disabled, 
.pageCase .swiper-button-next.swiper-button-disabled{opacity:0;}
@media screen and (max-width:1220px){
   .pageCase { padding-top:60px;padding-bottom:60px;}
   .pageCase .item{margin:0 10px;}
   .pageCase .img{margin-bottom:0;}
   .pageCase .item:after{width:50px;height: 50px;line-height:50px;background-size:20px;}
}
@media screen and (max-width:1024px){
	   .pageCase { padding-top:50px;padding-bottom:50px;}
.pageCase .item{margin:0 8px;}
.pageCase .item .tit{font-size:14px;margin-bottom:8px;}
.pageCase .item:after{width:40px;height: 40px;line-height:40px;background-size:18px;}
}
@media screen and (max-width:768px){
	   .pageCase { padding-top:35px;padding-bottom:35px;}
}



/*pageMore*/
.pageMore{margin:0 auto;text-align:center;margin-bottom:20px;}
.pageMore .load{display:inline-block;width:120px; height:46px; line-height:46px;border-radius:46px; overflow:hidden; text-align:center; font-size:18px; color:#fff;font-family:'Coolvetica Rg',Arial,Microsoft Yahei,Helvetica,sans-serif;font-weight:normal; background:#5da38b; cursor:pointer;transition: 0.4s;}
.pageMore .load:hover{-webkit-box-shadow:0 20px 20px rgba(0,0,0,0.1);box-shadow: 0 20px 20px rgba(0,0,0,0.1);}
/*more*/
.more{margin:0 auto;margin-bottom:20px;}
.more .sp{display:inline-block;width:120px; height:46px; line-height:46px;border-radius:46px; overflow:hidden; text-align:center; font-size:18px; color:#fff;font-family:'Coolvetica Rg',Arial,Microsoft Yahei,Helvetica,sans-serif;font-weight:normal; background:#5da38b; cursor:pointer;transition: 0.4s;}
.more .sp:hover{-webkit-box-shadow:0 20px 20px rgba(0,0,0,0.1);box-shadow: 0 20px 20px rgba(0,0,0,0.1);}
@media screen and (max-width:1920px){
	.pageMore{margin-bottom:1.04vw;}
	.pageMore .load{width:6.25vw; height:2.40vw; line-height:2.40vw;border-radius:2.40vw;font-size:0.94vw;}
	.more{margin-bottom:1.04vw;}
	.more .sp{width:6.25vw;height:2.40vw;line-height:2.40vw;border-radius:2.40vw;font-size:0.94vw;}
}
@media screen and (max-width:1220px){
	.pageMore{margin-bottom:15px;}
	.pageMore .load{width:110px; height:44px; line-height:44px;border-radius:44px;font-size:16px;}
	.more{margin-bottom:15px;}
	.more .sp{width:110px;height:44px;line-height:44px;border-radius:44px;font-size:16px;}
}
@media screen and (max-width:1024px){
	.pageMore{margin-bottom:15px;}
	.pageMore .load{width:100px; height:40px; line-height:40px;border-radius:40px;font-size:14px;}
	.more{margin-bottom:15px;}
	.more .sp{width:100px;height:40px;line-height:40px;border-radius:40px;font-size:14px;}
}
@media screen and (max-width:768px){
	.pageMore{margin-bottom:15px;}
	.pageMore .load{width:90px; height:35px; line-height:35px;border-radius:35px;font-size:12px;}
	.more{margin-bottom:15px;}
	.more .sp{width:90px;height:35px;line-height:35px;border-radius:35px;font-size:12px;}
}


/*pageHonorList*/
.pageHonor{ padding-bottom:80px;}
.pageHonorList{ font-size:0; text-align:center;position:relative;margin:0;}
.pageHonorList .item{ display:inline-block;*display:inline;zoom:1; width:25%; vertical-align:top; margin-bottom:30px;}
.pageHonorList .item a{display:block; margin:0 10px;}
.pageHonorList .item a .picB{display: block;background-color:#fff;padding:26px 26px; position:relative;border-radius:15px;}

/*.pageHonorList .item a .picB:before,
.pageHonorList .item a .picB:after{-webkit-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.pageHonorList .item a .picB:before{content: '';display: block;width: 100%;height: 100%;background-size:100% 100%;left: 0;top: 0;position: absolute;}
.pageHonorList .item a .picB:after{content: '';color:#fff;font-size: 18px;display: block;width: 70px;height: 70px;line-height: 75px;text-align: center;background-color:#00a0e6;box-sizing:content-box;border:3px solid rgba(255,255,255,.4);border-radius: 50%;position: absolute;left: 0;top: 0;right: 0;bottom: 0;margin: auto;overflow: hidden;background-clip: content-box;opacity: 0;filter: alpha(opacity=0);-webkit-transform: scale(1.35);-ms-transform: scale(1.35);-o-transform: scale(1.35);transform: scale(1.35); background: url("../images/download.png") center center no-repeat #e37122;background-size:24px;}
.pageHonorList .item a:hover .picB:before{background-color: rgba(255,255,255,0.2);}
.pageHonorList .item a:hover .picB:after{opacity: .9;filter: alpha(opacity=90);-webkit-transform: none;-ms-transform: none;-o-transform: none;transform: none;}*/

.pageHonorList .item a .picB.have:before,
.pageHonorList .item a .picB.have:after{-webkit-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.pageHonorList .item a .picB.have:before{content: '';display: block;width: 100%;height: 100%;background-size:100% 100%;left: 0;top: 0;position: absolute;}
.pageHonorList .item a .picB.have:after{content: '';color:#fff;font-size: 18px;display: block;width: 70px;height: 70px;line-height: 75px;text-align: center;background-color:#00a0e6;box-sizing:content-box;border:3px solid rgba(255,255,255,.4);border-radius: 50%;position: absolute;left: 0;top: 0;right: 0;bottom: 0;margin: auto;overflow: hidden;background-clip: content-box;opacity: 0;filter: alpha(opacity=0);-webkit-transform: scale(1.35);-ms-transform: scale(1.35);-o-transform: scale(1.35);transform: scale(1.35); background: url("../images/download.png") center center no-repeat #e37122;background-size:24px;}
.pageHonorList .item a:hover .picB.have:before{background-color: rgba(255,255,255,0.2);}
.pageHonorList .item a:hover .picB.have:after{opacity: .9;filter: alpha(opacity=90);-webkit-transform: none;-ms-transform: none;-o-transform: none;transform: none;}

.pageHonorList .item a .pic{display: block;position: relative;width: 100%;padding-bottom:142.5068119891008%;overflow: hidden;}
.pageHonorList .item a .pic img{transition: 0.4s;position: absolute;left: 0;top: 0;width: 100%;height: 100%;object-fit: contain;}
.pageHonorList .item a p{transition: 0.4s;padding:25px 0px;font-size:20px;color:#000000;line-height: 24px;text-align: center;}
@media screen and (max-width:1920px){
	.pageHonor{ padding-bottom:4.17vw;}
	.pageHonorList .item a p{font-size:1.04vw;}
}
@media screen and (max-width:1220px){
	.page-Honor{padding-top:70px;}
    .pageHonorList .item a .picB{padding:20px 20px;}
	.pageHonorList .item a p{font-size: 16px;}
}
@media screen and (max-width:1024px){
		.page-Honor{padding-top:50px;}
    .pageHonorList .item{ width:33.333333%;}
	.pageHonorList .item a p{padding:10px 0;}
	.pageHonorList .item a .picB{padding:15px 15px;}
	.pageHonorList .item a p{font-size: 14px;}
}
@media screen and (max-width:768px){
    .pageHonorList .item{ width:50%;}
	.pageHonorList .item a p{font-size: 16px;}
}
/*@media screen and (max-width:550px){
    .pageHonorList .item{ width:100%;}
}
*/





/*pageDesigns*/
.pageDesigns{ padding-bottom:80px;}
.pageDesigns .pageDesignsList{ font-size:0; text-align:center;position:relative;margin:0;}
.pageDesigns .item{ display:inline-block;*display:inline;zoom:1; width:25%; vertical-align:top; margin-bottom:30px;}
.pageDesigns .item a{display:block; margin:0 10px;}
.pageDesigns .item a .picB{display: block;background-color:#fff;padding:0; position:relative;border-radius:15px;}

/*.pageDesigns .item a .picB:before,
.pageDesigns .item a .picB:after{-webkit-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.pageDesigns .item a .picB:before{content: '';display: block;width: 100%;height: 100%;background-size:100% 100%;left: 0;top: 0;position: absolute;}
.pageDesigns .item a .picB:after{content: '';color:#fff;font-size: 18px;display: block;width: 70px;height: 70px;line-height: 75px;text-align: center;background-color:#00a0e6;box-sizing:content-box;border:3px solid rgba(255,255,255,.4);border-radius: 50%;position: absolute;left: 0;top: 0;right: 0;bottom: 0;margin: auto;overflow: hidden;background-clip: content-box;opacity: 0;filter: alpha(opacity=0);-webkit-transform: scale(1.35);-ms-transform: scale(1.35);-o-transform: scale(1.35);transform: scale(1.35); background: url("../images/download.png") center center no-repeat #e37122;background-size:24px;}
.pageDesigns .item a:hover .picB:before{background-color: rgba(255,255,255,0.2);}
.pageDesigns .item a:hover .picB:after{opacity: .9;filter: alpha(opacity=90);-webkit-transform: none;-ms-transform: none;-o-transform: none;transform: none;}
.pageDesigns .item a:hover .picB.have:before{background-color: rgba(255,255,255,0.2);}
.pageDesigns .item a:hover .picB.have:after{opacity: .9;filter: alpha(opacity=90);-webkit-transform: none;-ms-transform: none;-o-transform: none;transform: none;}
*/

.pageDesigns .item a .picB.have:before,
.pageDesigns .item a .picB.have:after{-webkit-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.pageDesigns .item a .picB.have:before{content: '';display: block;width: 100%;height: 100%;background-size:100% 100%;left: 0;top: 0;position: absolute;}
.pageDesigns .item a .picB.have:after{content: '';color:#fff;font-size: 18px;display: block;width: 70px;height: 70px;line-height: 75px;text-align: center;background-color:#00a0e6;box-sizing:content-box;border:3px solid rgba(255,255,255,.4);border-radius: 50%;position: absolute;left: 0;top: 0;right: 0;bottom: 0;margin: auto;overflow: hidden;background-clip: content-box;opacity: 0;filter: alpha(opacity=0);-webkit-transform: scale(1.35);-ms-transform: scale(1.35);-o-transform: scale(1.35);transform: scale(1.35); background: url("../images/download.png") center center no-repeat #e37122;background-size:24px;}
.pageDesigns .item a:hover .picB.have:before{background-color: rgba(255,255,255,0.2);}
.pageDesigns .item a:hover .picB.have:after{opacity: .9;filter: alpha(opacity=90);-webkit-transform: none;-ms-transform: none;-o-transform: none;transform: none;}




.pageDesigns .item a .pic{display: block;position: relative;width: 100%;padding-bottom:107.1428571428571%;overflow: hidden;}
.pageDesigns .item a .pic img{transition: 0.4s;position: absolute;left: 0;top: 0;width: 100%;height: 100%;object-fit: contain;}
.pageDesigns .item a p{transition: 0.4s;padding:25px 0px;font-size:20px;color:#000000;line-height: 24px;text-align: center;}
@media screen and (max-width:1920px){
	.pageDesigns{ padding-bottom:4.17vw;}
	.pageDesigns .item a p{font-size:1.04vw;}

}
@media screen and (max-width:1220px){
	.pageDesignsList{padding-bottom:70px;}
	.pageDesigns .item a p{font-size:16px;}
}
@media screen and (max-width:1024px){
		.pageDesignsList{padding-bottom:50px;}
    .pageDesigns .item{ width:33.333333%;}
	.pageDesigns .item a p{padding:10px 0;}
	.pageDesigns .item a p{font-size: 14px;}
}
@media screen and (max-width:768px){
    .pageDesigns .item{ width:50%;}
	.pageDesigns .item a p{font-size: 16px;}
}
@media screen and (max-width:550px){
    .pageDesigns .item{ width:100%;}
}






/*pageVideos*/
.pageVideos{ padding-bottom:80px;}
.pageVideos .pageVideosList{ font-size:0; text-align:center;position:relative;margin:0 -10px; margin-bottom:75px;}
.pageVideos .item{ display:inline-block;*display:inline;zoom:1; width:33.333333333%; vertical-align:top; margin-bottom:20px;}
.pageVideos .item a{display:block; margin:0 10px;background-color:#fff;border-radius:15px;}
.pageVideos .item a .picB{display: block;background-color:#fff;padding:0; position:relative;}
.pageVideos .item a .picB:before,
.pageVideos .item a .picB:after{-webkit-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.pageVideos .item a .picB:after{content: '';color:#fff;font-size:0;display: block;width:100px;height:100px;text-align: center;box-sizing:content-box;border-radius: 50%;position: absolute;left: 0;top: 0;right: 0;bottom: 0;margin: auto;overflow: hidden;background-clip: content-box;background: url("../images/icon-video2.png") center center no-repeat;background-size:100%;}
.pageVideos .item a .picB:before{content: '';position: absolute;position: absolute;left: 0;top: 0;right: 0;bottom: 0;margin: auto;border-radius: 50%;transition: 0.5s; -webkit-transition: 0.5s;width:100px;height:100px;border: dashed 2px #fff;border-radius:50%; z-index:2;}
.pageVideos .item a:hover .picB:before{animation: float2 linear 5s infinite;-webkit-animation: float2 linear 5s infinite;border-color:#fe6a01;}
@keyframes float2 {
  0% {-webkit-transform:rotate(0deg);transform: rotate(0deg);}
  100% {-webkit-transform:rotate(360deg);transform: rotate(360deg);}
}
@-webkit-keyframes float2 {
  0% {-webkit-transform:rotate(0deg);transform: rotate(0deg);}
  100% {-webkit-transform:rotate(360deg);transform: rotate(360deg);}
}

.pageVideos .item a .pic{display: block;position: relative;width: 100%;padding-bottom:66.60777385159011%;overflow: hidden;}
.pageVideos .item a .pic img{transition: 0.4s;position: absolute;left: 0;top: 0;width: 100%;height: 100%;object-fit: contain;}
.pageVideos .item a .des{ padding:56px 46px 46px 46px;}
.pageVideos .item a p{transition: 0.4s;font-size:20px;color:#000000;line-height:30px; min-height:60px;text-align:left;}
.pageVideos .item a:hover{background-color:#e9efef}
@media screen and (max-width:1920px){
.pageVideos .item a .picB:before,
.pageVideos .item a .picB:after{width:5.21vw; height:5.21vw;}
}
@media screen and (max-width:1220px) {
.pageVideos .item a .picB:before,
.pageVideos .item a .picB:after{width:70px; height:70px;}

	.pageVideosList{padding-bottom:70px;}
	.pageVideos .item a p{font-size: 18px;}
	.pageVideos .item a .des{ padding:36px 26px 26px 26px;}
}
@media screen and (max-width:1024px) {
.pageVideos .item a .picB:before,
.pageVideos .item a .picB:after{width:60px; height:60px;}

    .pageVideos .item{ width:33.333333%;}
	.pageVideos .item a p{font-size: 16px;}
}
@media screen and (max-width:992px) {
.pageVideos .item a .picB:before,
.pageVideos .item a .picB:after{width:55px; height:55px;}
}
@media screen and (max-width:768px) {
.pageVideos .item a .picB:before,
.pageVideos .item a .picB:after{width:50px; height:50px;}

    .pageVideos .item{ width:50%;}
	.pageVideos .item a p{font-size: 14px;}
	.pageVideos .item a .des{ padding:26px 26px ;}
}
@media screen and (max-width:640px) {
.pageVideos .item a .picB:before,
.pageVideos .item a .picB:after{width:45px; height:45px;}
}
@media screen and (max-width:550px){
    .pageVideos .item{ width:100%;}

	
.pageVideos .item a .picB:before,
.pageVideos .item a .picB:after{width:60px; height:60px;}
}
@media screen and (max-width:430px) {
.pageVideos .item a .picB:before,
.pageVideos .item a .picB:after{width:55px; height:55px;}
}





/*pageqalist*/
.pageqalist{padding-bottom:100px;}
.pageqalist li{position:relative;background:#ffffff; margin-bottom:20px;border-radius:10px;}
.pageqalist li .title{padding:30px 40px;overflow:hidden;zoom:1;cursor:pointer;border-radius:5px;}
.pageqalist li .title .Tit{}
.pageqalist li .title span{font-size:26px; color:#000000; display:block; line-height:30px;overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.pageqalist li .title .close{display:block; width:30px; height:30px; overflow:hidden; position:absolute; top:30px; right:30px;border-radius:50%;}
.pageqalist li .title .close span{display:block;overflow:hidden;width:100%;height:100%; position:absolute; top:0; right:0; text-indent:-9999px; background:url(../images/v2.png) center center no-repeat; background-size:20px;transition: all 0.2s ease;}
.pageqalist li .title.on .close span{-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-ms-transform: rotate(180deg);-o-transform: rotate(180deg);transform: rotate(180deg);}
.pageqalist li .tmain{display:none;background:#fff;padding:20px 40px;font-size:20px;line-height:30px;color:#595959;border-top:1px solid #f1f1f1; position:relative;}
.pageqalist li .tmain .btn{ padding-top:50px;}
.pageqalist li .tmain .btn a{ display:inline-block;color:#6b696a;font-size:20px;line-height:40px;border-radius:40px;transition: all 0.2s ease;}
.pageqalist li .tmain .spt{color:#000000; padding-left:34px;background:url(../images/icon-e.png) left center no-repeat; background-size:21px; margin-right:17px;}
@media screen and (max-width:1220px){.pageqalist{padding-bottom:90px;}
.pageqalist li .tmain{padding:30px 60px 30px 30px;font-size:14px; line-height:24px;}	

}
@media screen and (max-width:1024px){.pageqalist{padding-bottom:70px;}
.pageqalist li .title{padding:15px 60px 15px 30px;}
.pageqalist li .title span{font-size:18px;}
.pageqalist li .title .close{width:30px;height:30px;top:15px;right:15px;}
.pageqalist li .title .close span{background-size:15px;}
}
@media screen and (max-width:768px){.pageqalist{padding-bottom:50px;}
.pageqalist li .title{padding:10px 60px 10px 30px;}
.pageqalist li .title span{font-size:16px;}
.pageqalist li .title .close{width:30px;height:30px;top:10px;right:15px;}
.pageqalist li .title .close span{background-size:12px;}
}




.pageHistorys{padding-bottom:90px;}
/*dylunbo*/
.dylunbo{background:#fff; border-radius:15px;overflow:hidden; margin-bottom:130px;}
.dylunbo ul{font-size:0; }
.dylunbo .swiper-slide{float:left;position:relative;zoom:1; display:inline-block;*display:inline;width:100%;vertical-align:top;}
.dylunbo .item{display:block;position:relative;border-radius:10px;overflow:hidden;}
/**/
.dylunbo .picB{width:50%;float:left;}
.dylunbo .picB .pic{padding-bottom:33.33333333333333vw;}
.dylunbo .picB .pic{height:0;position:relative;overflow:hidden;}
.dylunbo .picB .pic img{position:absolute;top:50%;left: 50%;-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%,-50%);display: block;max-width:none; width:auto; max-height:auto;object-fit:cover; width:100%; height:100%;}
/**/
.dylunbo .item .tit{width:50%;float:left;text-align:left; }
.dylunbo .item .tit .titNr{ padding-left:85px; padding-right:85px; overflow:auto;}
.dylunbo .item .tit .t{font-size:80px;color:#000000;line-height:normal; margin-bottom:50px;font-family:'Coolvetica Rg',Helvetica Neue,Helvetica,Arial,Microsoft Yahei,sans-serif;font-weight:normal;padding-top:120px;}
.dylunbo .item .tit .des{font-size:20px;color:#4B4B4B;line-height:30px; margin-bottom:50px;}
/**/
.dy-button{ display:block; width:110px; height:46px; margin:0 auto; position:relative;}
.dy-button .swiper-button-next,
.dy-button .swiper-button-prev{width:46px;height:46px;background:url(../images/arrow-left2.png) no-repeat center center;background-size:100%;opacity:1;position:absolute;top:0; margin-top:0; outline:none;}
.dy-button .swiper-button-prev{left:0;}
.dy-button .swiper-button-next{background-image:url(../images/arrow-right2.png); right:0;}
.dy-button .swiper-button-prev.swiper-button-disabled, 
.dy-button .swiper-button-next.swiper-button-disabled{opacity:0;}
.dy-button .swiper-button-next:hover{background-image:url(../images/arrow-right3.png);}
.dy-button .swiper-button-prev:hover{background-image:url(../images/arrow-left3.png);}
/*hover*/
.dylunbo .item{-webkit-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}

@media screen and (max-width:1220px){.dylunbo{margin-bottom:50px;}
.dylunbo .picB{width:100%;float:left;}
.dylunbo .item .tit{width:100%;float:left; }
}
@media screen and (max-width:1024px){
   .dylunbo .item .tit .t{ font-size:40px;margin-bottom:30px;padding-top:50px;}
   .dylunbo .item .tit .des{font-size:14px;line-height:28px;}
.dylunbo .item .tit .titNr{ padding-left:35px; padding-right:35px;}

	 .dylunbo .picB{width:100%;float:none; margin-right:0; max-width:480px; margin-bottom:30px; }
}
@media screen and (max-width:767px){
   .dylunbo li{ width:100%; margin-bottom:20px;}	

   .dylunbo .picB{width:100%;float:none; margin-right:0; max-width:100%; }
   .dylunbo .picB .pic{padding-bottom:62.5%;}
   

   
}




.pagedyBox { position:relative;}
.dyTop:after{content:" ";position:absolute;width:100%;height:1px;background-color:#c4ded6;left:50%; margin-left:-50vw;top:22px; width:100vw;}
/*develop-swbot*/
.dyTop{margin:0 auto; text-align:center; position:relative; z-index:2; margin-bottom:77px;}
.dyTop .develop-swbotB{display:inline-block; margin:0 auto;}
.dyTop .swiper-wrapper{position:relative;}
.dyTop .swiper-container{width:100%;margin:0 auto;}
.dyTop .swiper-slide{width:33.333%; cursor:pointer;}
.dyTop .t{font-size:20px;line-height:60px;overflow:hidden;color:#000000;text-align:center; position:relative;padding-top:44px;}
.dyTop .t::after{content:" ";position:absolute;width:12px;height:12px;background-color:#5da38b;border-radius: 50%;left:0;right:0;top:16px; margin:auto auto;}
.dyTop .t::before{content:" ";position:absolute;width:44px;height:44px;background-color:#5da38b;border-radius: 50%;opacity: 0;left:0;right:0;top:0; margin:0 auto;}

/*swiper-slide-thumb-activ*/
.dyTop .active .t{color:#5da38b;}
.dyTop .active .t::after{background-color:#fff;}
.dyTop .active .t::before{opacity:0.2;}
@media screen and (max-width:1220px){
.dyTop .t{font-size:18px;}
}
@media screen and (max-width:767px){
.dyTop .t{font-size:14px;}  
}

/******************************page end******************************/
/******************************Contact start******************************/
/**Contact**/
.pageContact{}



/*contactTable*/
.contactBOX{padding-bottom:100px;}
.contactTableB1{ float:right;width:66.09195402298851%;}
.contactTableB2{ float:left;width:32.18390804597701%;max-width:510px;font-size:20px; color:#000000;line-height:36px;font-weight:normal; }
.contactTableB2 strong{font-size:21px; color:#5da38b; font-weight:normal;}
@media screen and (max-width:1920px){
.contactBOX{padding-bottom:5.21vw;}
.contactTableB2{max-width:26.56vw;font-size:1.04vw;line-height:1.88vw;}
.contactTableB2 strong{font-size:1.09vw;}
}
@media screen and (max-width:1220px){
.contactBOX{padding-bottom:70px;}
.contactTableB1{ float:none;width:100%;}
.contactTableB2{ float:none;width:100%;margin-bottom:50px;}
.contactTableB2{max-width:510px;font-size:18px;line-height:1.5;}
.contactTableB2 strong{font-size:18px;}
}
@media screen and (max-width:1024px){
.contactBOX {padding-bottom:50px;}
}




/*feedback2Box*/
.feedback2Box{padding:0;}
.feedback2{font-size:20px; color:#000000;line-height:36px;font-weight:normal;text-align:left;padding:0;margin:0 -25px;}
.feedback2 .t{ line-height:56px; display:block;}
.feedback2 .l1{float:left;width: 50%; position:relative;}
.feedback2 .l3{float:left;width: 100%; position:relative;}
.feedback2 .l1Box{margin:0 25px;}
.feedback2 .text{display:block;width:100%;padding:4px 3% 4px 3%;height:50px;margin-bottom:15px;outline:none;font-size:14px;color:#000;font-family: Helvetica Neue,Helvetica,Arial,Microsoft Yahei,sans-serif;font-weight: normal;border:1px solid #FFF;border-radius:50px;background:#FFF;text-align:left;}
.feedback2 .text2{padding:10px 1.5% 10px 1.5%;height:200px;border-radius:25px;margin-bottom:50px;}
.feedback2 .inputbtn{display:inline-block;margin:0;outline:none;color: #fff;border:none;background-color: #00a1e7;cursor:pointer;text-align:center;font-family:'Coolvetica Rg',Helvetica Neue,Helvetica,Arial,Microsoft Yahei,sans-serif;font-weight:normal;min-width:120px;font-size:18px;height:46px;line-height:46px;border-radius:50px;background:#5da38b;transition: 0.4s;padding:0 10px;}
.feedback2 .inputbtn:hover{-webkit-box-shadow:0 20px 20px rgba(0,0,0,0.1);box-shadow: 0 20px 20px rgba(0,0,0,0.1);}
@media screen and (max-width:1920px){
.feedback2{font-size:1.04vw;line-height:1.88vw;margin:0 -1.30vw;}
.feedback2 .t{ line-height:2.92vw;}
.feedback2 .l1Box{margin:0 1.30vw;}
.feedback2 .text{height:2.60vw;margin-bottom:0.78vw;font-size:0.73vw;}
.feedback2 .text2{height:10.42vw;margin-bottom:2.60vw;}
.feedback2 .inputbtn{font-size:0.94vw;height:2.40vw;line-height:2.40vw;min-width:6.25vw;}
}
@media screen and (max-width:1220px){
.feedback2{font-size:18px;line-height:1.5;margin:0 -15px;}
.feedback2 .t{ line-height:45px;}
.feedback2 .l1Box{margin:0 15px;}
.feedback2 .text{height:45px;margin-bottom:10px;font-size:12px;border-radius:50px;}
.feedback2 .text2{height:150px;margin-bottom:40px;}
.feedback2 .inputbtn{font-size:14px;height:45px;line-height:45px;min-width:90px;}
}
@media screen and (max-width:1024px){	
.feedback2{margin:0 auto;}
.feedback2 .l1{float:none;width:100%;}
.feedback2 .text{width: 100%;padding:4px 3% 4px 3%;}
.feedback2 .l1Box{margin:0 auto;}
.feedback2 .inputbtn{margin-top:10px;}
}


/*contactSupport*/
.contactSupport{padding-top:100px; padding-bottom:100px;}
@media screen and (max-width:1920px){	
.contactSupport{padding-top:5.21vw; padding-bottom:5.21vw;}
}
@media screen and (max-width:1220px){	
.contactSupport{padding-top:70px; padding-bottom:70px;}
}
@media screen and (max-width:768px){	
.contactSupport{padding-top:50px; padding-bottom:50px;}
}

/*contactSupporTop*/
.contactSupporTop{justify-content: flex-start;}
.contactSupporTop .pageTit{width:590px;}
.contactSupporTop .pageTxt{margin-bottom:120px;}
@media screen and (max-width:1920px){	
/*.contactSupporTop .pageTit{width:30.73vw;}*/
.contactSupporTop .pageTxt{margin-bottom:6.25vw;}
}
@media screen and (max-width:1220px){	
/*.contactSupporTop .pageTit{width:590px;}
.contactSupporTop .pageTxt{margin-bottom:90px;}*/
}
@media screen and (max-width:1024px){	
.contactSupporTop .pageTit{width:50%;}
.contactSupporTop .pageTxt{margin-bottom:90px;}
}
@media screen and (max-width:768px){	
.contactSupporTop{ display: block;}
.contactSupporTop .pageTit{width:100%; }
.contactSupporTop .pageTxt{margin-bottom:70px;}
}

/*contactSupportlist*/
.contactSupportlist{ font-size:0;position:relative;margin:0 -15px;}
.contactSupportlist .li{ display:inline-block;*display:inline;zoom:1; width:33.333333333%; vertical-align:top; margin-bottom:30px;}
.contactSupportlist .li .item{display:block; background-color:#fff;text-align:left;color:#000000;position:relative; cursor:pointer;font-size:20px;line-height:36px;border-radius:15px;min-height:380px;margin:0 15px;}
.contactSupportlist .li .item .des{padding:35px 30px 100px 40px;}
.contactSupportlist .li .item .t{position:absolute;bottom:30px; left:40px;font-size:30px;line-height:60px;height:60px;text-align:left;display: block;}
.contactSupportlist .li .item:after{ content:'';display:block;background:url(../images/contact-icon1.png) center center no-repeat #5da38b; background-size:100%;border-radius:50%; position:absolute;bottom:30px; right:30px;width:60px;height:60px;}
.contactSupportlist .li.li2 .item:after{ background-image:url(../images/contact-icon2.png);}
.contactSupportlist .li.li3 .item:after{ background-image:url(../images/contact-icon3.png);}
/*hover*/
.contactSupportlist .li .item,
.contactSupportlist .li .item:after{-webkit-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.contactSupportlist .li .item:hover{background-color:#5da38b;color:#fff;-webkit-box-shadow:0 20px 20px rgba(0,0,0,0.1);box-shadow: 0 20px 20px rgba(0,0,0,0.1);}
.contactSupportlist .li .item:hover:after{background-color:#e37122;}
@media screen and (max-width:1920px){	
.contactSupportlist{margin:0 -0.78vw;}
.contactSupportlist .li{margin-bottom:1.56vw;}
.contactSupportlist .li .item{font-size:1.04vw;line-height:1.88vw;border-radius:0.78vw;min-height:19.79vw;margin:0 0.78vw;}
.contactSupportlist .li .item .des{padding:1.82vw 1.56vw 5.21vw 2.08vw;}
.contactSupportlist .li .item .t{font-size:1.56vw;line-height:3.13vw;height:3.13vw;bottom:1.56vw;left:2.08vw;}
.contactSupportlist .li .item:after{width:3.13vw;height:3.13vw;bottom:1.56vw;right:1.56vw;}
}
@media screen and (max-width:1220px){	
.contactSupportlist{margin:0 -10px;}
.contactSupportlist .li{margin-bottom:20px;}
.contactSupportlist .li .item{font-size:18px;line-height:32px;min-height:300px;margin:0 10px;}
.contactSupportlist .li .item .des{padding:25px 20px 90px 30px;}
.contactSupportlist .li .item .t{font-size:26px;line-height:55px;height:55px;bottom:20px;left:30px;}
.contactSupportlist .li .item:after{width:55px;height:55px;bottom:20px;right:20px;}
}
@media screen and (max-width:1024px){	
.contactSupportlist .li .item{font-size:16px;line-height:30px;min-height:280px;}

.contactSupportlist .li .item .t{font-size:24px;line-height:50px;height:50px;}
.contactSupportlist .li .item:after{width:50px;height:50px;}

}
@media screen and (max-width:992px){
.contactSupportlist .li .item{font-size:14px;line-height:26px;min-height:250px;}
.contactSupportlist .li .item .t{font-size:20px;line-height:45px;height:45px;}
.contactSupportlist .li .item:after{width:45px;height:45px;}	
}
@media screen and (max-width:768px){	
.contactSupportlist .li{  width:100%;}
.contactSupportlist .li .item{font-size:14px;line-height:26px;min-height:250px;}
.contactSupportlist .li .item .t{font-size:22px;line-height:45px;height:45px;}
.contactSupportlist .li .item:after{width:45px;height:45px;}
}

/*pageMap*/
.pageMap{padding-top:100px;padding-bottom:100px;}
.pageMap img{ width:100%;}
@media screen and (max-width:1920px){	
.pageMap{padding-top:5.21vw; padding-bottom:5.21vw;}
}
@media screen and (max-width:1220px){	
.pageMap{padding-top:70px; padding-bottom:70px;}
}
@media screen and (max-width:768px){	
.pageMap{padding-top:50px; padding-bottom:50px;}
}
/******************************Contact end******************************/
/******************************news start******************************/
/*pageNews*/
.pageNews{padding-bottom:100px;}
@media screen and (max-width:1920px){	
.pageNews{padding-top:5.21vw;}
}
@media screen and (max-width:1220px){	
.pageNews{padding-bottom:70px;}
}
@media screen and (max-width:768px){	
.pageNews{padding-bottom:0;}
}


/*pageNewsListBox*/
.pageNewsList{overflow:hidden;display:block;font-size:0;line-height:0;margin:0 -10px; margin-bottom:80px;}
.pageNewsList li{width:33.3333333333%;margin-bottom:0px;display:inline-block;*display:inline;zoom:1;vertical-align:top; position:relative; margin-bottom:20px;}
.pageNewsList .item{display:block;position: relative;background:#fff;margin:0 10px;border-radius:15px; overflow:hidden;}
.pageNewsList .item:hover .imgBox img{-moz-transform: scale3d(1.1, 1.1, 1.1); -webkit-transform: scale3d(1.1, 1.1, 1.1);-ms-transform: scale3d(1.1, 1.1, 1.1);transform: scale3d(1.1, 1.1, 1.1);}
.pageNewsList .item .imgBoxB{ width:100%; overflow:hidden; height:auto;}
.pageNewsList .item .imgBox{display:block;position:relative;width:100%;height:0;padding-bottom:59.89399293286219%;overflow: hidden;}
.pageNewsList .item .imgBox img{transition: 0.4s;position: absolute;left: 0;top: 0;width: 100%;height: 100%;object-fit:contain;}
/*txt*/
.pageNewsList .txt{flex-grow: 1;height: auto;}
.pageNewsList .txt .txtNr{padding:30px 30px;}
.pageNewsList .txt .dateB{ padding-top:5px; padding-bottom:40px;}
.pageNewsList .txt .lei{font-size:14px;color:#4b4b4b;line-height:36px;border-radius:36px;border:1px solid #e8efee;padding:0 22px; background:#e8efee; text-align:center; display:inline-block;}
.pageNewsList .txt .date{font-size:16px;color:#4b4b4b;line-height:38px;}
.pageNewsList .txt .tt{font-size:20px;color:#000000;height:90px;line-height:30px;overflow:hidden; padding-right:110px;}
.pageNewsList .txt .more2{display:block; background-color:#e37122;position:absolute;bottom:30px; right:30px;width:46px;height:46px;border-radius:50%;opacity: 0; overflow:hidden; }
.pageNewsList .txt .more2 span{display:block; width:100%; height:100%;background:url(../images/m2.png) center center no-repeat; background-size:100%;border-radius:50%; position:relative; z-index:2;}
.pageNewsList .txt .more2:after{content:"";z-index:1;position:absolute;top:0;left:0;display:block;width:100%;height:100%;background-color:var(--button-hover-color-bg,transparent);border-radius:100%;opacity:0;transform:translate(0,100%);transition:opacity .45s cubic-bezier(0.215,0.61,0.355,1),border-radius 0s .45s,transform 0s .45s}
.pageNewsList .txt .more2:hover:after{opacity:1;border-radius:0;transform:translate(0);transition:border-radius .45s cubic-bezier(0.215,0.61,0.355,1),transform .45s cubic-bezier(0.215,0.61,0.355,1)}
.pageNewsList .txt .more2{--button-color-bg: #30D7BA;--button-color-text: #5da38b;--button-hover-color-bg: var(--button-color-text);--button-hover-color-text: var(--button-color-bg);}
.pageNewsList .txt .more2,
.pageNewsList .item{-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;transition:all .3s ease-in-out;}
.pageNewsList .item:hover{background:#e8efee;}
.pageNewsList .item:hover .txt .lei{border-color:#fff;}
.pageNewsList .item:hover .txt .more2{opacity:1;}
@media (max-width: 1920px) {
.pageNewsList{margin-bottom:4.17vw;}
.pageNewsList li{margin-bottom:1.04vw;}

.pageNewsList .txt .txtNr{padding:1.56vw 1.56vw;}
.pageNewsList .txt .dateB{ padding-top:0.26vw; padding-bottom:2.08vw;}
.pageNewsList .txt .lei{font-size:0.73vw;line-height:1.88vw;padding:0 1.15vw;}
.pageNewsList .txt .date{font-size:0.83vw;line-height:1.98vw;}
.pageNewsList .txt .tt{font-size:1.04vw;height:4.69vw;line-height:1.56vw;padding-right:5.73vw;}
.pageNewsList .txt .more2{bottom:1.56vw;right:1.56vw;width:2.40vw;height:2.40vw;}
}
@media (max-width: 1220px) {
.pageNewsList li {width:33.33333%;}	

.pageNewsList{margin-bottom:50px;}
.pageNewsList li{margin-bottom:20px;}

.pageNewsList .txt .txtNr{padding:20px 20px;}
.pageNewsList .txt .dateB{ padding-top:5px; padding-bottom:30px;}
.pageNewsList .txt .lei{font-size:12px;line-height:30px;padding:0 15px;}
.pageNewsList .txt .date{font-size:12px;line-height:38px;}
.pageNewsList .txt .tt{font-size:16px;height:48px;line-height:24px;padding-right:70px;}
.pageNewsList .txt .more2{bottom:20px;right:20px;width:40px;height:40px;}
}
@media (max-width: 1024px) {
.pageNewsList{margin:0 -8px; margin-bottom:70px;}
.pageNewsList li {width:50%;}
.pageNewsList .item{margin:0 8px;}

.pageNewsList .txt .tt{font-size:16px;height:48px;line-height:24px;}
.pageNewsList .item .txt .more2{opacity:1;}
}
@media (max-width: 768px) {
.pageNewsList{margin:0 -5px; margin-bottom:60px;}
.pageNewsList .txt .txtNr{padding:25px 25px;}.pageNewsList .txt .more2{bottom:25px;right:25px;width:40px;height:40px;}
.pageNewsList li {width:100%;}
.pageNewsList .item{margin:0 5px;}


}





/*PostsFilter_filter*/
.PostsFilter_filter{position:sticky;left:0;bottom:.3125rem;right:0;z-index:100;display:flex;justify-content:center;padding-top:2.5rem;/*pointer-events:none*/}
.PostsFilter_filter.Top0{position: fixed;}
/*.PostsFilter_filter[aria-current=true]{position:fixed}*/
.PostsFilter_filter .PostsFilter_inner{background:#ffffff95;}
.PostsFilter_filter .PostsFilter_inner{transition:background .1s ease-in-out;padding:1.875rem;border-radius:3.125rem}
.PostsFilter_filter ul{display:flex;flex-direction:column;overflow:hidden;gap:.375rem; height:auto;}
.PostsFilter_filter ul .button{ display:inline-block;appearance:none;white-space:nowrap;border:none;outline:none;font-family:inherit;padding:.75rem 1.25rem;font-size:1.375rem;letter-spacing:-.01em;line-height:1;border-radius:1.875rem;background:#fff;color:#232222;transition:.1s ease-in-out;transition-property:backgorund,color;/*cursor:none;pointer-events:all*/ cursor:pointer;}
.PostsFilter_filter ul .button:hover,
.PostsFilter_filter ul .button.is-checked{background:#5da38b;color:#fff}


.PostsFilter_filter .PostsFilter_filterButton{appearance:none;border:none;outline:none;font-family:inherit;margin-top:.9375rem;font-size:1.0625rem;letter-spacing:-.01em;line-height:1;border-radius:1.875rem;position:relative;display:inline-flex;align-items:center;padding:1.125rem 1.5rem 1.125rem 3.83125rem;/*cursor:none;pointer-events:all;*/display:block;}
.PostsFilter_filter .PostsFilter_filterButton.current i:before{transform:rotate(45deg) translateY(.1875rem)}
.PostsFilter_filter .PostsFilter_filterButton.current i:after{transform:rotate(-45deg) translateY(-.1875rem) scale(1)}
/*.PostsFilter_filter .PostsFilter_filterButton.current>span span{transform:translateY(-100%)}*/
.PostsFilter_filter .PostsFilter_filterButton i{position:absolute;top:50%;left:1.5rem;margin-top:-.1875rem;width:1.4375rem;height:.375rem}
.PostsFilter_filter .PostsFilter_filterButton i:after,
.PostsFilter_filter .PostsFilter_filterButton i:before{content:"";position:absolute;left:0;width:100%;height:.0625rem;background:currentColor;transition:.1s ease-in-out;transition-property:transform}
.PostsFilter_filter .PostsFilter_filterButton i:before{top:0}
.PostsFilter_filter .PostsFilter_filterButton i:after{bottom:0;transform:scaleX(.7) translateX(-15%)}
.PostsFilter_filter .PostsFilter_filterButton>span{position:relative;overflow:hidden}
.PostsFilter_filter .PostsFilter_filterButton>span span{display:block;transition:transform .1s ease-in-out}

.PostsFilter_filter .PostsFilter_filterButton .sps{ display:inline-block;}
.PostsFilter_filter .PostsFilter_filterButton .sph{ display:none;}

.PostsFilter_filter .PostsFilter_filterButton.current .sps{ display:none; }
.PostsFilter_filter .PostsFilter_filterButton.current .sph{display:inline-block;}

@media (max-width:1023.9px){
.PostsFilter_filter ul{ height:0; width:0;}
.PostsFilter_filter.current{position:fixed}
.PostsFilter_filter.current ul{ height:auto; width:auto;}

}
@media (min-width:1024px){
.PostsFilter_filter{bottom:.9375rem}
.PostsFilter_filter .PostsFilter_inner{background:#ffffff70;padding:.46875rem;backdrop-filter:blur(.1875rem)}
.PostsFilter_filter ul{gap:.27063rem;flex-direction:row}
.PostsFilter_filter ul .button{padding:.46875rem .8125rem;font-size:1.08188rem}
.PostsFilter_filter .PostsFilter_filterButton{ display:none;}
}
@media (min-width:1220px){
.PostsFilter_filter{bottom:24px}
.PostsFilter_filter .PostsFilter_inner{background:#ffffff70;padding:.46875rem;backdrop-filter:blur(12px)}
.PostsFilter_filter ul{gap:8px;flex-direction:row}
.PostsFilter_filter ul .button{padding:15px 23px;font-size:20px}
.PostsFilter_filter .PostsFilter_filterButton{ display:none;}
}
@media screen and (max-width:768px){
	.PostsFilter_filter ul li{ margin-bottom:10px;}
	.PostsFilter_filter .PostsFilter_inner{padding:15px;}
	.PostsFilter_filter .PostsFilter_filterButton{ margin-top:0;}

}

/*pageH*/
.pageH{padding-top:160px;}
@media screen and (max-width:1220px){
.pageH{padding-top:100px;}
}
@media screen and (max-width:768px){
	.pageH{padding-top:100px!important;}
}



/*pageBack*/
.pageBack{ width:27.75862068965517%;position:sticky;top:145px;left: 0; float:left;}
.pageBack .pageBacka{ display:inline-block;}
.pageBack .pageBackwz{display:inline-block;font-size:20px;color:#000000;line-height:46px; vertical-align:top; margin-left:14px;}
.pageBack .pageBackbtn{display:inline-block;background-color:#5da38b;width:46px;height:46px;border-radius:50%;overflow:hidden; vertical-align:top; position:relative;}
.pageBack .pageBackbtn span{display:block; width:100%; height:100%;background:url(../images/back.png) center center no-repeat; background-size:100%;border-radius:50%; position:relative; z-index:2;}
.pageBack .pageBackbtn:after{content:"";z-index:1;position:absolute;top:0;left:0;display:block;width:100%;height:100%;background-color:var(--button-hover-color-bg,transparent);border-radius:100%;opacity:0;transform:translate(0,100%);transition:opacity .45s cubic-bezier(0.215,0.61,0.355,1),border-radius 0s .45s,transform 0s .45s}
.pageBack .pageBacka:hover .pageBackbtn:after{opacity:1;border-radius:0;transform:translate(0);transition:border-radius .45s cubic-bezier(0.215,0.61,0.355,1),transform .45s cubic-bezier(0.215,0.61,0.355,1)}
.pageBack .pageBackbtn{--button-color-bg:#e37122;--button-color-text: #e37122;--button-hover-color-bg: var(--button-color-text);--button-hover-color-text: var(--button-color-bg);}
.pageBack .pageBackbtn,
.pageBack .pageBacka{-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;transition:all .3s ease-in-out;}
@media (max-width: 1920px) {
.pageBack{top:145px;}
.pageBack .pageBackwz{font-size:1.04vw;line-height:2.40vw;margin-left:0.73vw;}	
}
@media (max-width: 1220px) {
.pageBack{top:100px;}
.pageBack .pageBackwz{font-size:18px;line-height:40px;margin-left:10px;}
.pageBack .pageBackbtn{width:40px;height:40px;}
}
@media (max-width: 1000px) {
.pageBack .pageBackwz{display: none;}	
.pageBack .pageBackwz{font-size:16px;line-height:35px;margin-left:10px;}
.pageBack .pageBackbtn{width:35px;height:35px;}
}
@media (max-width: 640px) {
	
.pageNewsInfoB{ padding-top:0!important}
.pageBack{top:0;float:right;width:35px; margin-bottom:-35px;}
}





/*pageNewsInfo*/
.pageNewsInfoB{padding-bottom:100px; padding-top:35px;}
.pageNewsRight{ width:72.24137931034483%; float:right;}
.pageNewsRight .detail-wz .lei{background:#c7cdcd; text-align:center; display:inline-block;font-size:18px;color:#4b4b4b;line-height:45px;border-radius:45px;padding:0 23px; margin-bottom:70px;}
.pageNewsRight .detail-wz .tit{font-size:40px;color:#000000;line-height:1.4;margin-bottom:70px;}
.pageNewsRight .detail-wz .date{font-size:16px;color:#4b4b4b;line-height:normal;margin-bottom:60px;}
.pageNewsRight .detail-wz .des{font-size:20px;color:#333333;line-height:36px;overflow:hidden;}
.pageNewsRight .detail-wz .des img{display:block;border-radius:10px; margin:0px auto;}
@media (max-width: 1920px) {
.pageNewsInfoB{padding-bottom:5.21vw;}
.pageNewsRight .detail-wz .lei{font-size:0.94vw;line-height:2.34vw;border-radius:2.34vw;padding:0 1.20vw; margin-bottom:3.65vw;}
.pageNewsRight .detail-wz .tit{font-size:2.08vw;margin-bottom:3.65vw;}
.pageNewsRight .detail-wz .date{font-size:0.83vw;margin-bottom:3.13vw;}
.pageNewsRight .detail-wz .des{font-size:1.04vw;line-height:1.88vw;}
}
@media (max-width: 1220px) {
.pageNewsInfoB{padding-bottom:70px;}
.pageNewsRight .detail-wz .lei{font-size:16px;line-height:40px;border-radius:40px;padding:0 20px; margin-bottom:60px;}
.pageNewsRight .detail-wz .tit{font-size:36px;margin-bottom:60px;}
.pageNewsRight .detail-wz .date{font-size:14px;margin-bottom:50px;}
.pageNewsRight .detail-wz .des{font-size:18px;line-height:32px;}
}
@media (max-width: 1024px) {
.pageNewsRight .detail-wz .lei{font-size:14px;line-height:35px;border-radius:35px;padding:0 18px; margin-bottom:50px;}
.pageNewsRight .detail-wz .tit{font-size:32px;margin-bottom:50px;}
.pageNewsRight .detail-wz .date{font-size:13px;margin-bottom:40px;}
.pageNewsRight .detail-wz .des{font-size:16px;line-height:1.5;}
}
@media (max-width: 768px) {
.pageNewsRight .detail-wz .lei{font-size:12px;line-height:32px;border-radius:32px;padding:0 14px; margin-bottom:40px;}
.pageNewsRight .detail-wz .tit{font-size:26px;margin-bottom:40px;}
.pageNewsRight .detail-wz .date{font-size:12px;margin-bottom:30px;}
.pageNewsRight .detail-wz .des{font-size:14px;line-height:1.5;}
}
@media (max-width: 640px) {
.pageNewsRight{ width:100%;}
.pageNewsRight .detail-wz .tit{font-size:24px;margin-bottom:30px;}
}



/*pageNewsXgList*/
.pageNewsXgList{overflow:hidden;display:block;font-size:0;line-height:0;margin:0 -10px; margin-bottom:80px;}
.pageNewsXgList li{width:33.3333333333%;margin-bottom:0px;vertical-align:top; position:relative; margin-bottom:20px;}
.pageNewsXgList .item{display:block;position: relative;background:#fff;margin:0 10px;border-radius:15px; overflow:hidden;}
.pageNewsXgList .item:hover .imgBox img{-moz-transform: scale3d(1.1, 1.1, 1.1); -webkit-transform: scale3d(1.1, 1.1, 1.1);-ms-transform: scale3d(1.1, 1.1, 1.1);transform: scale3d(1.1, 1.1, 1.1);}
.pageNewsXgList .item .imgBoxB{ width:100%; overflow:hidden; height:auto;}
.pageNewsXgList .item .imgBox{display:block;position:relative;width:100%;height:0;padding-bottom:59.89399293286219%;overflow: hidden;}
.pageNewsXgList .item .imgBox img{transition: 0.4s;position: absolute;left: 0;top: 0;width: 100%;height: 100%;object-fit:contain;}
.pageNewsXgList .item{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;justify-content: space-between;flex-direction: column;flex-grow:1;height: auto;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.pageNewsXgList li{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;justify-content: space-between;flex-direction: column;height:auto;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
/*txt*/
.pageNewsXgList .txt{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;flex-direction: column;overflow: hidden;flex-grow:1;height: auto;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.pageNewsXgList .txt .txtNr{padding:30px 30px;}
.pageNewsXgList .txt .dateB{ padding-top:5px; padding-bottom:40px;}
.pageNewsXgList .txt .lei{font-size:14px;color:#4b4b4b;line-height:36px;border-radius:36px;border:1px solid #e8efee;padding:0 22px; background:#e8efee; text-align:center; display:inline-block;}
.pageNewsXgList .txt .date{font-size:16px;color:#4b4b4b;line-height:38px;}
.pageNewsXgList .txt .tt{font-size:20px;color:#000000;line-height:30px;overflow:hidden; padding-right:110px;}
.pageNewsXgList .txt .more2{display:block; background-color:#5da38b;position:absolute;bottom:30px; right:30px;width:46px;height:46px;border-radius:50%;overflow:hidden; }
.pageNewsXgList .txt .more2 span{display:block; width:100%; height:100%;background:url(../images/m2.png) center center no-repeat; background-size:100%;border-radius:50%; position:relative; z-index:2;}
.pageNewsXgList .txt .more2:after{content:"";z-index:1;position:absolute;top:0;left:0;display:block;width:100%;height:100%;background-color:var(--button-hover-color-bg,transparent);border-radius:100%;opacity:0;transform:translate(0,100%);transition:opacity .45s cubic-bezier(0.215,0.61,0.355,1),border-radius 0s .45s,transform 0s .45s}
.pageNewsXgList .item:hover .txt .more2:after{opacity:1;border-radius:0;transform:translate(0);transition:border-radius .45s cubic-bezier(0.215,0.61,0.355,1),transform .45s cubic-bezier(0.215,0.61,0.355,1)}
.pageNewsXgList .txt .more2{--button-hover-color-bg:#e37122;}
.pageNewsXgList .txt .more2,
.pageNewsXgList .item{-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;transition:all .3s ease-in-out;}
.pageNewsXgList .item:hover{background:#e8efee;}
.pageNewsXgList .item:hover .txt .lei{border-color:#fff;}
.pageNewsXgList .item:hover .txt .more2{}
@media (max-width: 1220px) {
.pageNewsXgList li {width:33.33333%;}	
.pageNewsXgList .txt .tt{font-size:16px; line-height:28px;padding-right:60px;}

.pageNewsXgList .txt .lei{font-size:13px;line-height:36px;border-radius:36px;padding:0 22px;}
.pageNewsXgList .txt .date{font-size:14px;line-height:38px;}
}
@media (max-width: 1024px) {
.pageNewsXgList{margin:0 -8px; margin-bottom:70px;}
.pageNewsXgList li {width:50%;}
.pageNewsXgList .item{margin:0 8px;}

.pageNewsXgList .txt .tt{font-size:15px; line-height:26px;padding-right:60px;}
.pageNewsXgList .txt .lei{font-size:12px;line-height:32px;border-radius:32px;padding:0 18px;}
.pageNewsXgList .txt .date{font-size:13px;line-height:36px;}

.pageNewsXgList .txt .more2{bottom:30px;right:30px;width:40px;height:40px;}
}
@media (max-width: 768px) {
.pageNewsXgList .txt .txtNr{padding:20px 20px;}
.pageNewsXgList .txt .tt{font-size:14px; line-height:1.5;padding-right:60px;}
.pageNewsXgList{margin:0 -5px; margin-bottom:50px;}
.pageNewsXgList li {width:50%;}
.pageNewsXgList .item{margin:0 5px;}

.pageNewsXgList .txt .lei{font-size:12px;line-height:30px;border-radius:30px;padding:0 18px;}
.pageNewsXgList .txt .date{font-size:13px;line-height:32px;}

.pageNewsXgList .txt .more2{bottom:20px;right:20px;width:40px;height:40px;}
}
@media (max-width: 640px) {
.pageNewsXgList li {width:66.66666666666667%;}
}
@media (max-width: 450px) {
.pageNewsXgList li {width:90.90909090909091%;}
}



/*detail-xgBox*/
.detail-xgBox .detail-xgList{ position:relative;}
@media screen and (max-width:768px){
.detail-xgBox .detail-xgList .swbtn{ display:block;width:80px;height:35px;top:-10px; position:absolute;margin-top:0;}
	
}

/*pb100、pt100*/
.pb100{padding-bottom:100px;}
.pb50{padding-bottom:50px;}
.pt100{padding-top:100px;}
@media screen and (max-width:1920px){
.pb100{padding-bottom:5.21vw;}
.pt100{padding-top:5.21vw;}
.pb50{padding-bottom:2.6vw;}
}
@media screen and (max-width:1220px){
.pb100{padding-bottom:50px;}
.pt100{padding-top:50px;}
.pb50{padding-bottom:30px;}
}
@media screen and (max-width:1024px){
.pb100{padding-bottom:45px;}
.pt100{padding-top:45px;}
.pb50{padding-bottom:30px;}
}
@media screen and (max-width:768px){
.pb100{padding-bottom:40px;}
.pt100{padding-top:40px;}
.pb50{padding-bottom:20px;}
}
@media screen and (max-width:640px){
.pb100{padding-bottom:35px;}
.pt100{padding-top:35px;}
.pb50{padding-bottom:20px;}
}


/*swbtn*/
.swbtn{ display:block; width:110px; height:46px; margin:0 auto; position: absolute;right:0;top:12px;}
.swbtn .swiper-button-next,
.swbtn .swiper-button-prev{width:46px;height:46px;background:url(../images/arrow-left2.png) no-repeat center center;background-size:100%;opacity:1;position:absolute;top:0; margin-top:0; outline:none;}
.swbtn .swiper-button-prev{left:0;}
.swbtn .swiper-button-next{background-image:url(../images/arrow-right2.png); right:0;}
.swbtn .swiper-button-prev.swiper-button-disabled, 
.swbtn .swiper-button-next.swiper-button-disabled{opacity:0;}
.swbtn .swiper-button-next:hover{background-image:url(../images/arrow-right3.png);}
.swbtn .swiper-button-prev:hover{background-image:url(../images/arrow-left3.png);}
@media screen and (max-width:1920px){
	.swbtn{width:5.73vw;height:2.40vw;top:0.63vw;}
	.swbtn .swiper-button-next,.swbtn .swiper-button-prev{width:2.40vw;height:2.40vw;}
}
@media screen and (max-width:1220px){
	.swbtn{width:90px;height:40px;top:-15px;}
	.swbtn .swiper-button-next,.swbtn .swiper-button-prev{width:40px;height:40px;}
}
@media screen and (max-width:1024px){
	.swbtn{width:80px;height:35px;top:-10px;}
	.swbtn .swiper-button-next,.swbtn .swiper-button-prev{width:35px;height:35px;}
}
@media screen and (max-width:768px){
	
  .swbtn{ display:block;position: relative;right:0;top:auto; margin-top:20px;}	
}


/******************************news end******************************/
/*****************************Product start*****************************/
/*pageProList*/
.pageProList {font-size:0;line-height:0;padding-top:90px;}
.pageProList li {display:inline-block;*display:inline;zoom:1;width:33.333333%;vertical-align:top;margin-bottom:60px;}
.pageProList .itema {display:block;margin:0 28px;position:relative;-webkit-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s;overflow:hidden;}
.pageProList .imgBox {text-align:left;overflow:hidden;height:0;position:relative;overflow:hidden;padding-bottom:100%; background:#fff;border-radius:10px; overflow:hidden; margin-bottom:25px;}
.pageProList .imgBox img {position:absolute;top:0;left:0;display:block;max-width:none;width:100%;height:100%;object-fit:contain;}
.pageProList .title {position:relative;}
.pageProList .title .t{font-size:24px;color:#333333;line-height:1;font-family:'Coolvetica Rg',Helvetica Neue,Helvetica,Arial,Microsoft Yahei,sans-serif;font-weight:normal;margin-bottom:3px;}
.pageProList .title .t2{font-size:18px;color:#4b4b4b;line-height:1.5;}
/**/
.pageProList .itema,.pageProList .title:after,.pageProList .title .t,.pageProList .title .m,.pageProList .imgBox img {-webkit-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s;}
.pageProList .itema:hover .imgBox img {-moz-transform:scale3d(1.05,1.05,1.05);-webkit-transform:scale3d(1.05,1.05,1.05);-ms-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05);}
@media screen and (max-width:1620px){
	.pageProList li {width:33.333333%;margin-bottom:50px;}
	.pageProList .itema {margin:0 20px;}
	.pageProList {padding-top:70px;}
}
@media screen and (max-width:1220px){
	.pageProList li {width:33.333333%;margin-bottom:50px;}
	.pageProList .itema {margin:0 20px;}
	.pageProList {padding-top:70px;}
}
@media screen and (max-width:1024px){
	.pageProList li {width:50%;}
	.pageProList .title .t{font-size:16px;}
	
	.pageProList .itema {margin:0 15px;}
	.pageProList {padding-top:60px;}
}
@media screen and (max-width:768px){
	.pageProList li {width:50%;margin-bottom:40px;}
	
	.pageProList .title .t{font-size:16px;}
	
	.pageProList .itema {margin:0 10px;}
	.pageProList {padding-top:50px;}
	
}
@media screen and (max-width:370px){
	.pageProList li {width:100%;margin-bottom:30px;}
	
	.pageProList .itema {margin:0 5px;}
	.pageProList {padding-top:40px;}
}




/*ProSec-proList*/
.ProSec{ padding-bottom:100px;}
.ProSec-menu{float:left;width:430px;}
.ProSec-proList{width:calc(100% - 430px);position:relative; float:right;}
.ProSec-proList .ProSec-proListB {padding-left:62px;padding-right:62px;}
@media screen and (max-width:1620px){
.ProSec-menu{width:330px;}
.ProSec-proList{width:calc(100% - 330px);}	
.ProSec-proList .ProSec-proListB {padding-left:32px;padding-right:32px;}
}
@media screen and (max-width:1220px){
.ProSec-proList .ProSec-proListB {padding-left:20px;padding-right:20px;}

.ProSec{ padding-bottom:70px;}

.ProSec-menu{ float:none;width:100%;}
.ProSec-proList{width:100%;position:relative; float:none;}

}
@media screen and (max-width:1024px){
	.ProSec-proList{width:96%; margin:0 auto;float:none;}
	.ProSec-proList .ProSec-proListB {padding-left:0;padding-right:0;}
}
@media screen and (max-width:768px){
.ProSec{ padding-bottom:50px;}
}


/*ProSec*/
.ProSec-menu{z-index:2; display:block;position:sticky;left: 0; top:180px;}
.ProSec-menu .ProSec-menuB{background:#fff;border-top-right-radius:10px;border-bottom-right-radius:10px;position:relative;top:-180px;}
.ProSec-menu .ProSec-menuTit{font-size:24px;line-height:180px;height:180px;padding-left:90px;overflow:hidden;color:#000000;border-bottom:1px solid #e1e5e5;}
.ProSec-menu .ProSec-menuTit span{ display:block;background:url(../images/pro-icon.png) left center no-repeat;background-size:28px;padding-left:40px;}
.ProSec-menu .ProSec-menuTit2{font-size:20px;line-height:80px;height:80px;padding-left:90px;overflow:hidden;color:#000000;}
/*erji*/
.ProSec-menu .ProSec-pcmenu{padding-right:40px;}
.ProSec-menu .ProSec-pcmenu a{font-size:16px;line-height:40px;padding-top:20px;padding-bottom:20px;padding-left:90px;padding-right:0;color:#4e5769;}
.ProSec-menu .lia{position:relative;align-items:center;width:100%; overflow:hidden;-webkit-transition:all .5s;border-top:1px solid #e1e5e5;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s; z-index:0;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;justify-content: space-between;}
.ProSec-menu .lia span{width:calc(100% - 12px);display:block; position:relative; z-index:1;}

.ProSec-menu  li.on .lia,
.ProSec-menu .lia:hover{color:#5da38b}

.ProSec-menu li{position:relative;}
.ProSec-menu .icon-em{cursor:pointer;position:absolute;top:33.5px;right:0;width:13px;height:13px;-webkit-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s; z-index:3;}
.ProSec-menu .icon-em:after{ content:''; width:100%; height:2px; background:#7b7b7b; position:absolute;top:50%; left:0; }
.ProSec-menu .icon-em:before{ content:''; width:2px; height:100%; background:#7b7b7b; position:absolute; left:50%;top:0; margin-left:-1px;}
.ProSec-menu  li.active .icon-em:before{width:0;}
/*sanji*/
.ProSec-menu .ProSecdl{padding-bottom:0.1rem; margin-bottom:0.1rem;position:relative;}
.ProSec-menu .ProSecdl::before{content:" ";position:absolute;left:0;right:0;top:0;height:1px;background-color:#E5E7EB;}
.ProSec-menu .ProSecdl dd a{font-size:14px;line-height:20px;color: #4e5769;display:block;}
.ProSec-menu .ProSecdl dd a.active,
.ProSec-menu .ProSecdl dd a:hover{color:#5da38b;}
.ProSec-menu .ProSec-pcmenuClose{display:none;}
@media screen and (max-width:1620px){

.ProSec-menu .ProSec-menuTit{font-size:20px;line-height:180px;height:180px;padding-left:70px;}
.ProSec-menu .ProSec-menuTit2{font-size:18px;line-height:80px;height:80px;padding-left:70px;}
.ProSec-menu .ProSec-pcmenu a{font-size:15px;line-height:40px;padding-top:20px;padding-bottom:20px;padding-left:70px;}
}
@media screen and (max-width:1280px){

.ProSec-menu .ProSec-menuTit{font-size:20px;line-height:180px;height:180px;padding-left:50px;}
.ProSec-menu .ProSec-menuTit2{font-size:18px;line-height:80px;height:80px;padding-left:50px;}
.ProSec-menu .ProSec-pcmenu a{font-size:15px;line-height:40px;padding-top:20px;padding-bottom:20px;padding-left:50px;}
}
@media screen and (max-width:1220px){
.ProSec-menu{float:none;z-index:2; position:static;top:0;display:block;width:100%;}
.ProSec-menu .ProSec-menuB{bposition:static;top:0;}
.ProSec-menu .ProSec-menuTit{font-size:16px;line-height:60px;height:60px;padding-left:30px;border-bottom:none; position:fixed; left:10px;bottom:30px; max-width:240px; margin:0 auto;right:10px; background:#fff;border-radius:40px; z-index:99;}
.ProSec-menu .ProSec-menuTit span{ display:block;background:url(../images/pro-icon.png) left center no-repeat;background-size:28px;padding-left:40px;padding-right:40px;}
.ProSec-menu .ProSec-menuTit2{font-size:14px;line-height:60px;height:60px;padding-left:30px;overflow:hidden;color:#000000; display:none;}

.ProSec-menu .ProSec-pcmenu a{font-size:14px;line-height:30px;padding-top:15px;padding-bottom:15px;padding-left:30px; padding-right:30px;}
.ProSec-menu .ProSec-pcmenu{position:fixed; left:0;right:0; width:100%; height:100%; background:#fff; z-index:9999; top:0;bottom:0;overflow:auto; height:100%; padding-left:0; padding-right:0;}
.ProSec-menu .ProSec-pcmenuClose{position:fixed; right:0;top:0; width:40px;height:40px;z-index:99999;display:block;background:url(../images/icon-close2.png) center center no-repeat;background-size:20px;}
.ProSec-menu .icon-em{right:40px; top:20px;}


.ProSec-menu .ProSec-pcmenu{display:none;}
.ProSec-menu .ProSec-pcmenu.open{ display:block;}
}




/*产品菜单手机版*/
.ProSec-menu .ProSec-lmore{padding:4% 0}
.ProSec-menu .ProSec-pcmenu .ProSecDown{display:none}
@media screen and (max-width:1620px){
.ProSec-menu .lia{font-size:15px;line-height:26px;}
.ProSec-menu .ProSecdl dd a{font-size:12px;}
}
@media screen and (max-width:1220px){
.ProSec{align-items:flex-start}
.ProSec-pcmenu{padding-top:0}
}
@media screen and (max-width:1024px){
.ProSec-menu .pn-retract{display:block}
.ProSec-menu .ProSecdl dt{font-size:14px;margin:8px auto}
.ProSec-menu .ProSecdl dd a{font-size:14px;line-height:26px}
.ProSec-menu .lia{font-size:18px;padding:10px 0}
.ProSec-menu{width:94%; margin:0 auto; margin-bottom:0.3rem;}
.ProSec{ display:block;}
}
@media screen and (max-width:768px){
.ProSec-menu{width:100%;padding-left:0;padding-bottom: 0px;}
.ProSec-pcmenu{display:none;position: static;overflow: hidden;}
.ProSec-sjmenu{display:block}
}






/*ProMenBtn*/
.ProMenBtn{ display:none;position:absolute;top:0; right:0; cursor:pointer;-webkit-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s; background:#fff; padding-left:0.1rem;}
.ProMenBtn span{display: inline-block; font-size:16px; color:#868D9C; padding-left:0.26rem;background:url(../images/icon-menu.png) left center no-repeat;background-size:0.2rem;}
@media screen and (min-width:1024px){
	.ProSec-sjmenu{ display:none!important;}
}
@media screen and (max-width:1024px){
	.ProSec-sjmenu{ display: inline-block;}
	/*.ProSec-menu{ display:none!important;}*/
}
@media screen and (max-width:768px){

}




/*产品分类二级*/
.ProSec-sjmenu .lia{position:relative;font-size:16px;line-height:0.26rem;padding-top:0.17rem;padding-bottom:0.17rem;padding-left:0.3rem;padding-right:0.12rem;color: #4e5769;align-items:center;width:100%; overflow:hidden;-webkit-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s;}
.ProSec-sjmenu .lia::before{content:" ";position:absolute; right:-100%;top:0; width:100%;height:100%;background-color:#e3e3e3;background: url(../images/proNavabg.png) left center no-repeat;background-size:100% 100%;-webkit-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s;}
.ProSec-sjmenu .lia.active::before{right:0;}
.ProSec-sjmenu .lia span{width:calc(100% - 0.8rem);display:block; position:relative; z-index:1;}
.ProSec-sjmenu .lia:hover,
.ProSec-sjmenu .lia.active{color:#7d63eb}
/*icon-em*/
.ProSec-sjmenu li{ position:relative;}
.ProSec-sjmenu .icon-em{cursor:pointer;position:absolute;top:0;right:0;width:0.6rem;height:0.6rem;background:url(../images/menu-icon-pro-s2.png) center center no-repeat;background-size:0.24rem;-webkit-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s; z-index:3;}
.ProSec-sjmenu .icon-em.active{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}
.ProSec-sjmenu .icon-em{filter:alpha(opacity=30);-moz-opacity:0.3;-khtml-opacity: 0.3;opacity: 0.3; filter: grayscale(100%);-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%); -webkit-filter: grayscale(1);}
.ProSec-sjmenu .icon-em.active{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1; filter: grayscale(0%);-webkit-filter: grayscale(0%);-moz-filter: grayscale(0%);-ms-filter: grayscale(0%);-o-filter: grayscale(0%); -webkit-filter: grayscale(0);}

/*产品分类三级*/
.ProSec-sjmenu .ProSecdl{padding-bottom:0.1rem; margin-bottom:0.1rem;position:relative; }
.ProSec-sjmenu .ProSecdl::before{content:" ";position:absolute;left:0.3rem;right:0.3rem;bottom:0;height:1px;background-color:#E5E7EB;}
.ProSec-sjmenu .ProSecdl dd a{padding:0.1rem 0.3rem;font-size:14px;line-height:0.2rem;color: #4e5769;display:block;}
.ProSec-sjmenu .ProSecdl dd a.active,
.ProSec-sjmenu .ProSecdl dd a:hover{color:#7d63eb;}
.ProSec-sjmenu .ProSecDown{display:none;}
@media screen and (max-width:768px){
	.ProSec-sjmenu .lia{font-size:15px;line-height:26px;}
	.ProSec-sjmenu .ProSecdl dd a{font-size:14px;line-height:24px;padding:10px 0.3rem;}
}






/*page-tab*/
.page-tab {margin:0 auto;padding:30px 0 30px 0;text-align:center;}
.page-tab ul { margin:0 auto;padding: 0;list-style: none; text-align:center;font-size: 0;}
.page-tab ul li{margin: 0;padding: 0;display:inline-block;*display:inline;zoom:1; vertical-align:top;position: relative;}
.page-tab ul li a{display: inline-block;text-align: center;font-size:14px;color: #000000;margin:0;width:34px;height:34px;line-height:34px;border: 1px solid #E5E7EB;}
.page-tab ul li a:hover{background-color:#f7f8fa;}
.page-tab ul li a.focus{background-color:#5da38b;color: #fff;border-color:#5da38b;}
@media screen and (max-width:768px){
.page-tab ul li{ }	
.page-tab ul li.next-page, .page-tab ul li.prev-page{ display:inline-block;}
}
/*****************************Product end*****************************/
/*****************************Product detail*****************************/
/*preview*/
.detailBox{width:100%;padding-bottom:40px;}
.detailBox img{ max-width:100%; max-height:100%;}
/*detailBoxTop*/
.detailBox .detailImg{width:980px;float:left;position:relative;overflow:hidden;}
.detailBox .detailNr{width:740px;float:right;background:#fff;border-radius:10px;min-height:830px;}
.detailBox .detailNr .detailNrBox{padding:30px 30px;}
.detailBox .proTit{padding-top:30px;padding-bottom:50px;font-size:50px;line-height:1;border-bottom:1px solid #e1e5e5;color:#333;font-family:'Coolvetica Rg',Helvetica Neue,Helvetica,Arial,Microsoft Yahei,sans-serif;font-weight:normal;}
.detailBox .pro-Text{padding-top:40px;padding-bottom:40px;line-height:30px;font-size:18px;border-bottom:1px solid #e1e5e5;color:#4b4b4b;}
.detailBox .pro-img{padding-top:30px;padding-bottom:30px;border-bottom:1px solid #e1e5e5;}
/*detailBtn*/
.detailBox .detailBtn{padding-top:50px;padding-bottom:50px;margin-bottom:30px;}
.detailBox .detailBtn a{display:inline-block;text-align:center;background-color:#000;color:#fff;margin-right:15px;font-size:16px;width:220px;line-height:50px;border-radius:50px;overflow:hidden; vertical-align:top; position:relative;}
.detailBox .detailBtn a span{display:block; width:100%; height:100%;position:relative; z-index:2; }
.detailBox .detailBtn a:after{content:"";z-index:1;position:absolute;top:0;left:0;display:block;width:100%;height:100%;background-color:var(--button-hover-color-bg,transparent);border-radius:100%;opacity:0;transform:translate(0,100%);transition:opacity .45s cubic-bezier(0.215,0.61,0.355,1),border-radius 0s .45s,transform 0s .45s}
.detailBox .detailBtn a:hover:after{opacity:1;border-radius:0;transform:translate(0);transition:border-radius .45s cubic-bezier(0.215,0.61,0.355,1),transform .45s cubic-bezier(0.215,0.61,0.355,1)}
.detailBox .detailBtn a{--button-hover-color-bg:#e37122;}
.detailBox .detailBtn a{-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;transition:all .3s ease-in-out;}
/*pro-share*/
.detailBox .pro-share{font-size:0;}
.detailBox .pro-share .shareTit{display:inline-block;vertical-align:top;color:#000000;background:url(../images/icon-share.png) no-repeat left center;background-size:16px;padding-left:26px; line-height:22px;font-size:20px; }
.detailBox .pro-share a{display:inline-block;vertical-align:top;background-position:center center; background-repeat:no-repeat;background-size:100%; height:22px; width:22px;margin-left:20px;}
.detailBox .pro-share a.icon-fb{ background-image:url(../images/icon-fb.png);}
.detailBox .pro-share a.icon-tw{ background-image:url(../images/icon-tw.png);}
.detailBox .pro-share a.icon-in{ background-image:url(../images/icon-in.png);}
.detailBox .pro-share a.icon-pin{ background-image:url(../images/icon-pin.png);}
@media screen and (max-width:1920px) {
.detailBox .detailImg{width:56.32183908045977%;}
.detailBox .detailNr{width:42.52873563218391%;min-height:43.22916666666667vw;}
.detailBox .detailNr .detailNrBox{padding:1.56vw;}
.detailBox .proTit{padding-top:1.56vw;padding-bottom:2.60vw;font-size:2.60vw;}
.detailBox .pro-Text{padding-top:2.08vw;padding-bottom:2.08vw;line-height:1.56vw;font-size:0.94vw;}
.detailBox .pro-img{padding-top:1.56vw;padding-bottom:1.56vw;}
.detailBox .detailBtn{padding-top:2.60vw;padding-bottom:2.60vw;margin-bottom:1.56vw;}
.detailBox .detailBtn a{margin-right:0.78vw;font-size:0.83vw;width:11.46vw;line-height:2.60vw;border-radius:2.60vw;}
.detailBox .pro-share .shareTit{background-size:0.83vw;padding-left:1.35vw; line-height:1.15vw;font-size:1.04vw; }
.detailBox .pro-share a{height:1.15vw; width:1.15vw;margin-left:1.04vw;}
}
@media screen and (max-width:1220px) {.detailBox{padding-bottom:30px;}
	
.detailBox .detailNr .detailNrBox{padding:20px;}
.detailBox .proTit{padding-top:20px;padding-bottom:30px;font-size:26px;}
.detailBox .pro-Text{padding-top:20px;padding-bottom:20px;line-height:26px;font-size:14px;}
.detailBox .pro-img{padding-top:15px;padding-bottom:15px;}
.detailBox .detailBtn{padding-top:20px;padding-bottom:20px;margin-bottom:20px;}
.detailBox .detailBtn a{margin-right:5px;font-size:10px;width:160px;line-height:40px;border-radius:40px;}
.detailBox .pro-share .shareTit{background-size:12px;padding-left:20px; line-height:20px;font-size:14px; }
.detailBox .pro-share a{height:20px; width:20px;margin-left:15px;}
}
@media screen and (max-width:1024px) {
	.detailBox .proTit{padding-top:15px;padding-bottom:20px;font-size:24px;}
	.detailBox .pro-Text{padding-top:15px;padding-bottom:15px;font-size:13px;}
	.detailBox .pro-img{padding-top:10px;padding-bottom:10px;}
	.detailBox .detailBtn{padding-top:15px;padding-bottom:10px;margin-bottom:10px;}
	.detailBox .detailBtn a{font-size:10px;width:130px;line-height:35px;}
	.detailBox .pro-share .shareTit{font-size:13px; }
}
@media screen and (max-width:992px) {
	.detailBox .detailNr .detailNrBox{padding:15px;}
	.detailBox .proTit{padding-top:15px;padding-bottom:20px;font-size:22px;}
	.detailBox .pro-Text{padding-top:15px;padding-bottom:15px;line-height:1.3;font-size:12px;}
	.detailBox .pro-img{padding-top:10px;padding-bottom:10px;}
	.detailBox .detailBtn{padding-top:15px;padding-bottom:10px;margin-bottom:10px;}
	.detailBox .detailBtn a{font-size:10px;width:120px;line-height:32px;border-radius:32px;}
	
	.detailBox .pro-share .shareTit{background-size:10px;padding-left:18px; line-height:18px;font-size:12px; }
	.detailBox .pro-share a{height:18px; width:18px;margin-left:10px;}
}
@media screen and (max-width:960px) {
	.detailBox .proTit{padding-top:10px;padding-bottom:15px;font-size:20px;}
}
@media screen and (max-width:768px) {.detailBox{padding-bottom:0px;}
	.detailBox .detailImg{width:100%; float:none;margin-bottom:20px;}
	.detailBox .detailNr{width:100%; float:none;}
	
	.detailBox .detailNr .detailNrBox{padding:30px 15px;}
	.detailBox .proTit{padding-top:20px;padding-bottom:30px;font-size:26px;}
	.detailBox .pro-Text{padding-top:20px;padding-bottom:20px;line-height:1.5;font-size:14px;}
	.detailBox .pro-img{padding-top:15px;padding-bottom:15px;}
	.detailBox .detailBtn{padding-top:20px;padding-bottom:20px;margin-bottom:20px;}
	.detailBox .detailBtn a{margin-right:5px;font-size:10px;width:160px;line-height:40px;border-radius:40px;}
	.detailBox .pro-share .shareTit{background-size:12px;padding-left:20px; line-height:20px;font-size:14px; }
	.detailBox .pro-share{ padding-bottom:30px;}
	.detailBox .pro-share a{height:20px; width:20px;margin-left:15px;}
	
}
@media screen and (max-width:430px) {
	.detailBox .detailNr .detailNrBox{padding:30px 15px;}
	.detailBox .proTit{padding-top:15px;padding-bottom:20px;font-size:24px;}
	.detailBox .pro-Text{padding-top:15px;padding-bottom:15px;font-size:12px;}
	.detailBox .pro-img{padding-top:10px;padding-bottom:10px;}
	.detailBox .detailBtn{padding-top:15px;padding-bottom:10px;margin-bottom:10px;}
	.detailBox .detailBtn a{font-size:10px;width:130px;line-height:35px;}
	.detailBox .pro-share .shareTit{background-size:10px;padding-left:18px; line-height:18px;font-size:12px; }
	.detailBox .pro-share a{height:18px; width:18px;margin-left:10px;}
}

/* bigImg */
.bigImg{position:relative;height:auto;overflow:hidden;float:right;width:830px;border-radius:10px;background:#fff;}
.bigImg .swiper-slide{width:100%;overflow:hidden;}
.bigImg .img{display:block;position:relative;width:100%;height:0;overflow: hidden;padding-bottom:830px;}
.bigImg .img img{transition: 0.4s;position: absolute;left: 0;top: 0;width: 100%;height: 100%;object-fit:contain;}
@media screen and (max-width:1920px) {
	.bigImg{width:43.22916666666667vw;}
	.bigImg .img{padding-bottom:43.22916666666667vw;}
}
@media screen and (max-width:1220px) {
}
@media screen and (max-width:768px) {
	.bigImg{float:none;width:100%;height:auto;margin-right:0; margin-bottom:15px;}
	.bigImg .img{ display:block; width:auto;}
	.bigImg{ display:none;}
}

/* smallImg */
.smallImg{position:relative;width:130px;padding-top:50px;padding-bottom:30px;float:left;height:auto;overflow:hidden;}
.smallImg .imageMenu {width:130px;height:750px;overflow:hidden;}
.smallImg .imageMenu .swiper-slide {overflow:hidden;margin-bottom:0px;width:100%;height:130px;}
.smallImg .imageMenu .swiper-slide .img{cursor:pointer;display:block;position:relative;width:100%;height:0;overflow: hidden;border-radius:10px;background:#fff;padding-bottom:130px;margin-bottom:20px;}
.smallImg .imageMenu .swiper-slide .img img{transition: 0.4s;position: absolute;left: 0;top: 0;width: 100%;height: 100%;object-fit:contain;}
/**/
.smallImg .scrollbutton{overflow:hidden; position:absolute; left:0px;right:0; cursor:pointer;background-color:#fff; background-repeat:no-repeat; background-position:center center;background-size:18px;height:30px;outline:none;}
.smallImg .scrollbutton.smallImgUp{top:0;background-image:url(../images/icon-top.png);border-top-left-radius:10px;border-top-right-radius: 10px;}
.smallImg .scrollbutton.smallImgDown{bottom:0px;background-image:url(../images/icon-bottom.png);border-bottom-right-radius: 10px;border-bottom-left-radius: 10px;}
@media screen and (max-width:1920px) {
	.smallImg{width:6.770833333333333vw;padding-top:2.60vw;padding-bottom:1.56vw;}
    .smallImg .imageMenu {width:6.77vw;height:39.06vw;}
	.smallImg .imageMenu .swiper-slide {height:6.77vw; }
	.smallImg .imageMenu .swiper-slide .img{padding-bottom:6.77vw;margin-bottom:1.04vw;}
	.smallImg .scrollbutton{background-size:0.94vw;height:1.56vw;}
}
@media screen and (max-width:1220px) {
	
}
@media screen and (max-width:768px) {
.smallImg{ display:none;}
.smallImg{position:relative;height:auto; padding:0 0; width:100%; overflow:hidden;float:none;margin:0;}
.smallImg .imageMenu {height:auto;margin-top:0;width:100%;}
.smallImg .imageMenu .swiper-slide {width:100%;height:auto;}
.smallImg .imageMenu .swiper-slide img{border:none; width:100%; height:auto;}
.smallImg .imageMenu .swiper-slide.swiper-slide-active img{border:none;width:100%;}
.smallImg .scrollbutton{ display:none;}
}


/*mobileImg*/
.mobileImg{ display:none;}
@media screen and (max-width:768px) {
	.mobileImg{ display:block;position:relative;padding:0;}
	.mobileImg .swiper-container{margin-bottom:0px;}
	.mobileImg .swiper-slide {overflow:hidden;margin-bottom:0px;width:100%;height:auto;}
	.mobileImg .swiper-slide .img{cursor:pointer;display:block;position:relative;width:100%;height:0;overflow: hidden;border-radius:10px;background:#fff;padding-bottom:100%;}
	.mobileImg .swiper-slide .img img{transition: 0.4s;position: absolute;left: 0;top: 0;width: 100%;height: 100%;object-fit:contain;}
	.mobileImg .mbtn{overflow:hidden;position:absolute;top:50%; margin-top:-25px;border-radius:50%;z-index:2;cursor:pointer;border:1px solid #d5d5d5;width:50px;height:50px;}
	.mobileImg .mbtn.mprevbtnb{background:url(../images/icon-left.png) center center no-repeat;left:15px;background-size:8px;}
	.mobileImg .mbtn.mnextbtnb{background:url(../images/icon-right.png) center center no-repeat;right:15px;background-size:8px;}

}
@media screen and (max-width:500px) {
	.mobileImg .mbtn{margin-top:-20px;width:40px;height:40px;}
}

/*.pageProInfo{ padding-bottom:80px;}*/


/*pageProXgList*/
.pageProXgList {font-size:0;line-height:0;margin:0 -22px;}
.pageProXgList li {display:inline-block;*display:inline;zoom:1;width:25%;vertical-align:top;margin-bottom:20px;}
.pageProXgList .itema {display:block;margin:0 22px;position:relative;overflow:hidden;}
.pageProXgList .imgBox{text-align:left;overflow:hidden;height:0;position:relative;overflow:hidden;padding-bottom:100%; background:#fff;border-radius:10px; overflow:hidden;margin-bottom:25px;}
.pageProXgList .imgBox img {position:absolute;top:0;left:0;display:block;max-width:none;width:100%;height:100%;object-fit:contain;}
.pageProXgList .title {position:relative;}
.pageProXgList .title .t{font-size:24px;color:#333333;line-height:1;font-family:'Coolvetica Rg',Helvetica Neue,Helvetica,Arial,Microsoft Yahei,sans-serif;font-weight:normal;margin-bottom:3px;}
.pageProXgList .title .t2{font-size:18px;color:#4b4b4b;line-height:1.5;}
.pageProXgList .itema{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;justify-content: space-between;flex-direction: column;flex-grow:1;height: auto;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.pageProXgList li{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;justify-content: space-between;flex-direction: column;height: auto;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.pageProXgList .title{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;flex-direction: column;overflow: hidden;flex-grow:1;height: auto;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}

/**/
.pageProXgList .itema,.pageProXgList .imgBox img {-webkit-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s;}
.pageProXgList .itema:hover .imgBox img {-moz-transform:scale3d(1.05,1.05,1.05);-webkit-transform:scale3d(1.05,1.05,1.05);-ms-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05);}
@media screen and (max-width:1620px){
	.pageProXgList {margin:0 -20px;}
	.pageProXgList .itema {margin:0 20px;}
}
@media screen and (max-width:1220px) {
	.pageProXgList {margin:0 -18px;}
	.pageProXgList .itema {margin:0 18px;}
	
	.pageProXgList .title .t{font-size:22px;}
	.pageProXgList .title .t2{font-size:16px;}
}
@media screen and (max-width:1024px) {
	.pageProXgList {margin:0 -15px;}
	.pageProXgList .itema {margin:0 15px;}
}
@media screen and (max-width:768px){
	.pageProXgList .title .t{font-size:20px;}
	.pageProXgList .title .t2{font-size:14px;}
	.pageProXgList {margin:0 -10px;}
	.pageProXgList .itema {margin:0 10px;}
}
@media screen and (max-width:1000px) {
    .pageProXgList li {width:33.33333%;}	
}
@media screen and (max-width:700px) {
    .pageProXgList li {width:33.33333%;}	
}
@media screen and (max-width:500px) {
    .pageProXgList li {width:50%;}
	.pageProXgList {margin:0 -5px;}
	.pageProXgList .itema {margin:0 5px;}
	
	.pageProXgList .title .t{font-size:18px;}
	.pageProXgList .title .t2{font-size:12px;}
}


/*detail-caseBox*/
.detail-caseBox .detail-caseList{ position:relative;}
@media screen and (max-width:768px){
.detail-caseBox .detail-caseList .swbtn{ display:block;width:80px;height:35px;top:-10px; position:absolute;margin-top:0;}	
}


/*pageCaseList*/
.pageCaseList {font-size:0;line-height:0;margin:0 -10px;}
.pageCaseList li {display:inline-block;*display:inline;zoom:1;width:50%;vertical-align:top;}
.pageCaseList .itema {display:block;margin:0 10px;position:relative;overflow:hidden;}
.pageCaseList .imgBox{text-align:left;overflow:hidden;height:0;position:relative;overflow:hidden;padding-bottom:59.30232558139535%; background:#fff;border-radius:10px; overflow:hidden;}
.pageCaseList .imgBox img {position:absolute;top:0;left:0;display:block;max-width:none;width:100%;height:100%;object-fit:cover;}
.pageCaseList .itema{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;justify-content: space-between;flex-direction: column;flex-grow:1;height: auto;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.pageCaseList li{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;justify-content: space-between;flex-direction: column;height: auto;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
/**/
.pageCaseList .itema,.pageCaseList .imgBox img {-webkit-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s;}
.pageCaseList .itema:hover .imgBox img {-moz-transform:scale3d(1.05,1.05,1.05);-webkit-transform:scale3d(1.05,1.05,1.05);-ms-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05);}
@media screen and (max-width:768px) {
    .pageCaseList li {width:50%;}
	.pageCaseList {margin:0 -5px;}
	.pageCaseList .itema {margin:0 5px;}
}
@media screen and (max-width:500px) {
    .pageCaseList li {width:100%;margin-bottom:20px;}
	.pageCaseList {margin:0 -5px;}
	.pageCaseList .itema {margin:0 5px;}
}
/*****************************Product detail end*****************************/
/*****************************sustainability*****************************/
/*susBox*/
.susBox{overflow:hidden;}
.susBox .imgBox img{border-radius:10px;overflow:hidden; display:block;width:100%;}
.susBox .tit{font-size:40px;margin-bottom:27px;line-height:1;color:#263436;font-family: 'Coolvetica Rg',Helvetica Neue,Helvetica,Arial,Microsoft Yahei,sans-serif;font-weight: normal;}
.susBox .des{font-size:20px;line-height:1.8;color:#4b4b4b;}
.susBox .tit2{font-size:36px;line-height:1;color:#333333;font-family: 'Coolvetica Rg',Helvetica Neue,Helvetica,Arial,Microsoft Yahei,sans-serif;font-weight: normal;}
.susBox .des2{font-size:18px;line-height:1.5;color:#64676b;}
@media screen and (max-width:1920px){
.susBox .tit{font-size:2.08vw;margin-bottom:1.41vw;}
.susBox .des{font-size:1.04vw;}
.susBox .tit2{font-size:1.88vw;}
.susBox .des2{font-size:0.94vw;}
}
@media screen and (max-width:1220px){
.susBox .tit{font-size:24px;margin-bottom:15px;}
.susBox .des{font-size:14px;}

.susBox .tit2{font-size:22px;}
.susBox .des2{font-size:12px;}
}
@media screen and (max-width:1024px){
.susBox .tit{font-size:22px;margin-bottom:10px;}
.susBox .des{font-size:13px;}
.susBox .tit2{font-size:20px;}
.susBox .des2{font-size:12px;}
}
@media screen and (max-width:768px){
.susBox .tit{font-size:24px;margin-bottom:10px;}
.susBox .des{font-size:14px;}
.susBox .tit2{font-size:20px;}
.susBox .des2{font-size:12px;}
}
@media screen and (max-width:500px){
.susBox .tit{font-size:22px;margin-bottom:10px;}
.susBox .des{font-size:13px;}
.susBox .tit2{font-size:20px;}
.susBox .des2{font-size:12px;}
}

/*susBox1*/
.susBox1 .left{width:860px; width:50%;}
.susBox1 .left .leftB{margin-right:10px;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;flex-direction: column;overflow: hidden;flex-grow:1;height: auto;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;height:100%;justify-content:space-between;align-content:space-around;}
.susBox1 .left .txtBox{padding-top:180px;}
.susBox1 .left .txtBox .txtBoxNr{ max-width:660px;}
.susBox1 .right{width:860px; width:50%;}
.susBox1 .right .rightB{ margin-left:10px;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;flex-direction: column;overflow: hidden;flex-grow:1;height: auto;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;height:100%;justify-content:space-between;align-content:space-around;}
.susBox1 .right .txtBox{padding:180px 85px;}
@media screen and (max-width:1920px){
.susBox1 .left .txtBox{padding-top:9.38vw;}
.susBox1 .left .txtBox .txtBoxNr{max-width:34.38vw;}
.susBox1 .right .txtBox{padding:9.38vw 4.43vw;}
}
@media screen and (max-width:1220px){
.susBox1 .left .txtBox{padding-top:90px;}
.susBox1 .left .txtBox .txtBoxNr{max-width:660px;}
.susBox1 .left .txtBox{padding-top:90px;}
.susBox1 .right .txtBox{padding:90px 50px;}
}
@media screen and (max-width:1024px){
.susBox1 .left .txtBox{padding-top:70px;}
.susBox1 .right .txtBox{padding:70px 40px;}
}
@media screen and (max-width:992px){
.susBox1 .left .txtBox{padding-top:60px;}
.susBox1 .right .txtBox{padding:60px 30px;}
}
@media screen and (max-width:768px){.susBox1 .left .leftB{margin-right:0;}.susBox1 .right .rightB{ margin-left:0;}
.susBox1 .infoBox{display:block;}
.susBox1 .left{width:100%; margin-bottom:40px;}
.susBox1 .right{width:100%;}
.susBox1 .left .txtBox{padding-top:50px; padding-left:30px; padding-right:30px;}
.susBox1 .right .txtBox{padding:50px 30px;}
}
@media screen and (max-width:640px){
.susBox1 .left .txtBox{padding-top:35px;padding-left:0; padding-right:0;}
.susBox1 .right .txtBox{padding:35px 0;}
.susBox1 .left{width:100%; margin-bottom:35px;}
}

/*susBox2List*/
.susBox2ListB{ position:relative;}
.susBox2List{display:block;font-size:0;line-height:0;margin:0 -10px;}
.susBox2List .swiper-container{overflow:visible;}
.susBox2List li{width:50%;margin-bottom:0px;vertical-align:top; position:relative;}
.susBox2List .item{display:block;position: relative;background:#fff; cursor:pointer;border-radius:15px; overflow:hidden;margin:0 10px; padding-bottom:150px; min-height:500px;}
.susBox2List .item .icon{display:block;text-align:left; position:absolute;bottom:50px;left:50px;}
.susBox2List .item .icon img{width:80px;height:80px;}
.susBox2List li,
.susBox2List .item{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;justify-content: space-between;flex-direction: column;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;height:auto;}
.susBox2List .item{flex-grow:1;}
.susBox2List .tit2{padding:50px 50px;border-bottom:1px solid #e1e5e5;}
.susBox2List .des2B{padding:45px 50px;max-width:770px;}
.susBox2List .item{-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;transition:all .3s ease-in-out;}
.susBox2List .item:hover{background:#e8efee;}
@media screen and (max-width:1920px){
.susBox2List .item{padding-bottom:7.81vw;min-height:26.04vw;}
.susBox2List .item .icon{bottom:2.60vw;left:2.60vw;}
.susBox2List .item .icon img{width:4.17vw;height:4.17vw;}
.susBox2List .tit2{padding:2.60vw 2.60vw;}
.susBox2List .des2B{padding:2.34vw 2.60vw;max-width:40.10vw;}
}
@media screen and (max-width:1220px){
.susBox2List .item{padding-bottom:100px;min-height:0;}
.susBox2List .item .icon{bottom:40px;left:40px;}
.susBox2List .item .icon img{width:60px;height:60px;}
.susBox2List .tit2{padding:40px 40px;}
.susBox2List .des2B{padding:35px 40px;max-width:770px;}
}
@media screen and (max-width:1024px) {
.susBox2List{margin:0 -8px; margin-bottom:20px;}
.susBox2List li {width:40%;}
.susBox2List .item{margin:0 8px;}
}
@media screen and (max-width:768px) {
.susBox2List li {width:100%;}
.susBox2List{margin:0 -5px; margin-bottom:20px;}
.susBox2List .item{margin:0 5px;}

.susBox2List .item .icon{bottom:30px;left:30px;}
.susBox2List .item .icon img{width:50px;height:50px;}
.susBox2List .tit2{padding:30px;}
.susBox2List .des2B{padding:25px 30px;}

}




/*susBox3*/
.susBox3 .infoBox{padding-top:45px;padding-bottom:80px;}
.susBox3 .left{width:690px; width:40%;}
.susBox3 .left .leftB{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;flex-direction: column;overflow: hidden;flex-grow:1;height: auto;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;height:100%;justify-content:space-between;align-content:space-around;}
.susBox3 .right{width:860px; width:60%;}
.susBox3 .right .rightB{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;flex-direction: column;overflow: hidden;flex-grow:1;height: auto;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;height:100%;justify-content:space-between;align-content:space-around;}
@media screen and (max-width:1920px){
.susBox3 .infoBox{padding-top:2.34vw;padding-bottom:4.17vw;}
.susBox3 .left .txtBox{padding-top:180px;}
}
@media screen and (max-width:1220px){
.susBox3 .infoBox{padding-top:25px;padding-bottom:30px;}
}
@media screen and (max-width:768px){
.susBox3 .infoBox{padding-top:20px;padding-bottom:20px; display:block;}

.susBox3 .left{width:100%;}
.susBox3 .right{width:100%;}
}

/*susBox3lunbo*/
.susBox3lunbo{overflow: hidden;border-radius:10px;}
.susBox3lunbo ul{ font-size:0;}
.susBox3lunbo ul *{ transition: 0.5s;}
.susBox3lunbo li{ float: left;position:relative;zoom: 1; display:inline-block;*display:inline; overflow:hidden;width:50%;vertical-align:top;}
.susBox3lunbo .item{display:block;position:relative;}
.susBox3lunbo .picB{position:relative;overflow:hidden;}
.susBox3lunbo .picB .pic{ height:0;padding-bottom:41.66666666666667vw;overflow:hidden;position:relative; z-index:1;}
.susBox3lunbo .picB .pic img{position:absolute;top:0;left:0;display:block;max-width:none;width:100%;height:100%;object-fit:cover;}
.susBox3lunbo .item,
.pageCaseList.picB .pic img {-webkit-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s;}
.susBox3lunbo .item:hover .picB .pic img{-moz-transform:scale3d(1.05,1.05,1.05);-webkit-transform:scale3d(1.05,1.05,1.05);-ms-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05);}
.susBox3lunbo .picB:after{ content:'';position:absolute; width:100%; height:100%; left:0;top:0;right:0; background:rgba(0,0,0,0.3);background:url(../images/page6-wzbg.png) no-repeat center bottom;background-size:100% 100%;z-index:2;}

.susBox3lunbo .item .title{ position:absolute;left:0;bottom:0; width:100%; height:auto; z-index:3;}
.susBox3lunbo .item .title .titleNr{text-align:left;padding:40px 60px;}
.susBox3lunbo .item .title .tit2{color:#fff;margin-bottom:25px;}
.susBox3lunbo .item .title .des2{color:#fff;margin-bottom:30px;}

.susBox3lunbo .item .title{-webkit-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;transition: all .3s ease-in-out;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0; visibility:hidden;-webkit-transform:translateY(60px);-moz-transform:translateY(60px);-o-transform:translateY(60px);-ms-transform:translateY(60px);transform:translateY(60px);}
.susBox3lunbo .show .item .title{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1; visibility:visible;-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:-o-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);}

.susBox3lunbo li{width:21.84%}
.susBox3lunbo li.show{ width:78.16%}
@media screen and (max-width:1220px){
.susBox3lunbo .picB .pic{padding-bottom:20.83vw;}
.susBox3lunbo .item .title .tit2{ margin-bottom:1.04vw;}
.susBox3lunbo .item .title .des2{max-width:100%;}
}
@media screen and (max-width:992px){
.susBox3lunbo .picB .pic{padding-bottom:400px;}
.susBox3lunbo li{ width:100%!important; margin-bottom:20px;overflow: hidden;border-radius:10px;}
.susBox3lunbo li.show{ width:100%!important}


.susBox3lunbo .item .title,
.susBox3lunbo .show .item .tit{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1; visibility:visible;-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:-o-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);}
.susBox3lunbo .picB .pic img{object-fit:cover;}
.susBox3lunbo .item .title .titleNr{padding:0 40px; padding-top:40px;}
.susBox3lunbo .item .title .tit2{margin-bottom:20px;}
.susBox3lunbo .item .title .des2{max-width:100%;}
}
@media screen and (max-width:768px){
.susBox3lunbo .picB .pic{padding-bottom:300px;}
.susBox3lunbo .item .title .titleNr{padding:0 30px; padding-top:30px;padding-bottom:10px;}
.susBox3lunbo .item .title .tit2{margin-bottom:20px;}
.susBox3lunbo .item .title .des2{ max-width:100%;}

.susBox3lunbo .picB{ height:100%; position:absolute; left:0;top:0;right:0; padding-bottom:0;}
.susBox3lunbo .item .title{ position: relative;left:0;bottom:0; width:100%; height:auto; z-index:3; min-height:300px;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;flex-direction: column;overflow: hidden;flex-grow:1;height: auto;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;height:100%;justify-content:space-between;align-content:space-around;justify-content: flex-end}
}



/*susBox4*/
.susBox4 .left{width:860px; width:50%;}
.susBox4 .left .leftB{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;flex-direction: column;overflow: hidden;flex-grow:1;height: auto;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;height:100%;justify-content:space-between;align-content:space-around; margin-right:10px;}
.susBox4 .right{width:860px; width:50%;}
.susBox4 .right .rightB{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;flex-direction: column;overflow: hidden;flex-grow:1;height: auto;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;height:100%;justify-content:space-between;align-content:space-around;margin-left:10px;}
.susBox4 .itemB{/*align-content: space-between;flex-wrap: wrap; flex-direction: row;*/margin-bottom:20px;}
.susBox4 .imgB a{ display:block;height:100%;width:100%;overflow:hidden; margin-right:10px; border-radius:10px;}
.susBox4 .imgB .imgBox{ height:100%; width:100%;overflow:hidden;position:relative; z-index:1;}
.susBox4 .imgB .imgBox img{/*position:absolute;top:0;left:0;*/display:block;max-width:none;width:100%;height:100%;object-fit:cover;}

.susBox4 .imgB .imgBox,
.susBox4 .imgB .imgBox img{-webkit-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s;}
.susBox4 .imgB a:hover .imgBox img{-moz-transform:scale3d(1.05,1.05,1.05);-webkit-transform:scale3d(1.05,1.05,1.05);-ms-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05);}

.susBox4 .txtBox .txtBoxNr{background:#FFF; height:100%; border-radius:10px;}
.susBox4 .imgB,
.susBox4 .txtBox{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;justify-content: space-between;flex-direction: column;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;height:auto;align-content: space-between;flex-wrap: wrap;flex-grow:1;}

.susBox4 .tit2{padding:50px 50px;border-bottom:1px solid #e1e5e5;}
.susBox4 .des2{ width:100%;}
.susBox4 .des2B{padding:45px 50px;}
.susBox4 .moreBtn{padding:10px 50px 30px 50px;}
.susBox4 .moreBtn a{ display:block; font-size:0;}
.susBox4 .txtBox .txtBoxNr,
.susBox4 .item{-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;transition:all .3s ease-in-out;}
.susBox4  .txtBox:hover .txtBoxNr{background:#e8efee;}
@media screen and (max-width:1920px){
.susBox4 .tit2{padding:2.60vw 2.60vw;}
.susBox4 .des2B{padding:2.34vw 2.60vw;}
.susBox4 .moreBtn{padding:0.52vw 2.60vw 1.56vw 2.60vw;}
}
@media screen and (max-width:1220px){
.susBox4 .tit2{padding:30px 30px;}
.susBox4 .des2B{padding:25px 30px;}
.susBox4 .moreBtn{padding:10px 30px 20px 30px;}
}
@media screen and (max-width:1024px){
}
@media screen and (max-width:992px){
}
@media screen and (max-width:768px){
.susBox4 .itemB{ display:block;}
.susBox4 .left .leftB{margin-right:0;}
.susBox4 .right .rightB{ margin-left:0;}
.susBox4 .left{width:100%; margin-bottom:20px;}
.susBox4 .right{width:100%;}
.susBox4 .imgB,
.susBox4 .txtBox{display:block;}

.susBox4 .tit2{padding:20px 30px;}
.susBox4 .des2B{padding:25px 30px;}
.susBox4 .moreBtn{padding:10px 30px 20px 30px;}
}






/*susBox5*/
.susBox5 .infoBox{padding-top:45px;padding-bottom:80px;}
.susBox5 .left{width:690px; width:40%;}
.susBox5 .left .leftB{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;flex-direction: column;overflow: hidden;flex-grow:1;height: auto;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;height:100%;justify-content:space-between;align-content:space-around;}
.susBox5 .right{width:860px; width:60%;}
.susBox5 .right .rightB{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;flex-direction: column;overflow: hidden;flex-grow:1;height: auto;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;height:100%;justify-content:space-between;align-content:space-around;}
@media screen and (max-width:1920px){
.susBox5 .infoBox{padding-top:2.34vw;padding-bottom:4.17vw;}
.susBox5 .left .txtBox{padding-top:180px;}
}
@media screen and (max-width:1220px){
.susBox5 .infoBox{padding-top:25px;padding-bottom:30px;}
}
@media screen and (max-width:768px){
.susBox5 .infoBox{padding-top:20px;padding-bottom:20px;display:block;}
.susBox5 .left{width:100%;}
.susBox5 .right{width:100%;}
}


/*susBox5lunbo*/
.susBox5lunbo{overflow: hidden;border-radius:10px;}
.susBox5lunbo ul{ font-size:0;}
.susBox5lunbo ul *{ transition: 0.5s;}
.susBox5lunbo li{ float: left;position:relative;zoom: 1; display:inline-block;*display:inline; overflow:hidden;width:100%;vertical-align:top;}
.susBox5lunbo .item{display:block;position:relative;}
.susBox5lunbo .picB{position:relative;overflow:hidden;}
.susBox5lunbo .picB .pic{ height:0;padding-bottom:41.66666666666667vw;overflow:hidden;position:relative; z-index:1;}
.susBox5lunbo .picB .pic img{position:absolute;top:0;left:0;display:block;max-width:none;width:100%;height:100%;object-fit:cover;}
.susBox5lunbo .item,
.susBox5lunbo .picB .pic img {-webkit-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s;}
.susBox5lunbo .item:hover .picB .pic img{-moz-transform:scale3d(1.05,1.05,1.05);-webkit-transform:scale3d(1.05,1.05,1.05);-ms-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05);}

.susBox5lunbo .item .title{ position:absolute;left:0;bottom:0; width:100%; height:auto; z-index:3;}
.susBox5lunbo .item .title .titleNr{text-align:left;padding:20px 56px;}
.susBox5lunbo .item .title .t{ font-size:36px; color:#fff; line-height:1; margin-bottom:25px;font-family:'Coolvetica Rg',Helvetica Neue,Helvetica,Arial,Microsoft Yahei,sans-serif;font-weight:normal;}
.susBox5lunbo .item .title .des{font-size:18px; color:#fff; line-height:28px; margin-bottom:30px; max-width:770px;}
.susBox5lunbo .item .title{-webkit-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}


@media screen and (max-width:1220px){
.susBox5lunbo .picB .pic{padding-bottom:400px;}
.susBox5lunbo .item .title .t{ font-size:18px;line-height: normal; margin-bottom:20px;}
.susBox5lunbo .item .title .des{font-size:12px;line-height:24px; max-width:100%;}
}
@media screen and (max-width:992px){
.susBox5lunbo .picB .pic{padding-bottom:400px;}
.susBox5lunbo li{ width:100%!important; margin-bottom:20px;overflow: hidden;border-radius:10px;}
.susBox5lunbo li.show{ width:100%!important}


.susBox5lunbo .item .title,
.susBox5lunbo .show .item .tit{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1; visibility:visible;-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:-o-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);}
.susBox5lunbo .picB .pic img{object-fit:cover;}
.susBox5lunbo .item .title .titleNr{padding:0 40px; padding-top:70px;}
.susBox5lunbo .item .title .t{ font-size:18px;line-height: normal; margin-bottom:20px;}
.susBox5lunbo .item .title .des{font-size:14px;line-height:24px; max-width:100%;}
.susBox5lunbo .item .title2 .t{ font-size:18px;line-height: normal;}
}
@media screen and (max-width:768px){
.susBox5lunbo .picB .pic{padding-bottom:300px;}
.susBox5lunbo .item .title .titleNr{padding:0 30px; padding-top:60px;}
.susBox5lunbo .item .title .t{ font-size:18px;line-height: normal; margin-bottom:20px;}
.susBox5lunbo .item .title .des{font-size:14px;line-height:20px; max-width:100%;}
}



/*susBox6List*/
.susBox6ListB{ position:relative;}
.susBox6List{display:block;font-size:0;line-height:0;margin:0 -10px;}
.susBox6List .swiper-container{overflow:visible;}
.susBox6List li{width:40%;vertical-align:top; position:relative;}
.susBox6List .item{display:block;position: relative;background:#fff; cursor:pointer;border-radius:15px; overflow:hidden;padding:60px 110px; margin:0 10px; min-height:500px;}
.susBox6List .item .icon{ height:0;padding-bottom:13.54166666666667vw;overflow:hidden;position:relative; z-index:1; margin-bottom:50px;}
.susBox6List .item .icon img{position:absolute;top:0;left:0;display:block;max-width:none;width:100%;height:100%;object-fit:contain;}
.susBox6List .item,
.susBox6List .item .icon img {-webkit-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s;}
.susBox6List .item:hover .icon img{-moz-transform:scale3d(1.05,1.05,1.05);-webkit-transform:scale3d(1.05,1.05,1.05);-ms-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05);}
.susBox6List li,
.susBox6List .item{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;justify-content: space-between;flex-direction: column;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;height:auto; text-align:center;}
.susBox6List .item{flex-grow:1;}
.susBox6List .item{-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;transition:all .3s ease-in-out;}
.susBox6List .item:hover{-webkit-box-shadow:0 5px 20px rgba(0,0,0,0.1);box-shadow: 0 5px 20px rgba(0,0,0,0.1);}
@media screen and (max-width:1920px){
.susBox6List .item{padding:3.13vw 5.73vw;min-height:26.04vw;}
.susBox6List .item .icon{margin-bottom:2.60vw;}
}
@media screen and (max-width:1220px){
.susBox6List .item{padding:50px 70px;min-height:0;}
.susBox6List .item .icon{margin-bottom:30px;}
}
@media screen and (max-width:1024px) {
.susBox6List{margin:0 -8px; margin-bottom:20px;}
.susBox6List li {width:50%;}
.susBox6List .item{margin:0 8px;}
.susBox6List .item .icon{ padding-bottom:65%;}
.susBox6List .item{padding:50px 50px;}
}
@media screen and (max-width:768px) {
.susBox6List li {width:66.66666666666667%;}
.susBox6List{margin:0 -5px; margin-bottom:20px;}
.susBox6List .item{margin:0 5px;}
.susBox6List .item{padding:50px 30px;}
}
@media screen and (max-width:500px) {
.susBox6List li {width:100%;}
}


/*susBox7*/
.susBox7 .infoBox{padding-top:45px;padding-bottom:80px;}
.susBox7 .left{width:690px; width:40%;}
.susBox7 .left .leftB{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;flex-direction: column;overflow: hidden;flex-grow:1;height: auto;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;height:100%;justify-content:space-between;align-content:space-around;}
.susBox7 .right{width:860px; width:60%;}
.susBox7 .right .rightB{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;flex-direction: column;overflow: hidden;flex-grow:1;height: auto;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;height:100%;justify-content:space-between;align-content:space-around;}

.susBox7 .img{ display:block;height:100%;width:100%;overflow:hidden; border-radius:10px;}
.susBox7 .img img{display:block;max-width:none;width:100%;height:auto;border-radius:10px;}

.susBox7 .img,
.susBox7 .img img{-webkit-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s;}
.susBox7 .img:hover img{-moz-transform:scale3d(1.05,1.05,1.05);-webkit-transform:scale3d(1.05,1.05,1.05);-ms-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05);}


@media screen and (max-width:1920px){
.susBox7 .infoBox{padding-top:2.34vw;padding-bottom:4.17vw;}
.susBox7 .left .txtBox{padding-top:180px;}
}
@media screen and (max-width:1220px){
.susBox7 .infoBox{padding-top:25px;padding-bottom:30px;}
}
@media screen and (max-width:768px){
.susBox7 .infoBox{padding-top:20px;padding-bottom:20px; display:block;}
.susBox7 .left{width:100%;}
.susBox7 .right{width:100%;}
}




/*susBox8*/
.susBox8 .left{width:860px; width:50%;}
.susBox8 .left .leftB{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;flex-direction: column;overflow: hidden;flex-grow:1;height: auto;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;height:100%;justify-content:space-between;align-content:space-around; margin-right:10px;}
.susBox8 .right{width:860px; width:50%;}
.susBox8 .right .rightB{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;flex-direction: column;overflow: hidden;flex-grow:1;height: auto;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;height:100%;justify-content:space-between;align-content:space-around;margin-left:10px;}
.susBox8 .itemB{/*align-content: space-between;flex-wrap: wrap; flex-direction: row;*/margin-bottom:20px;}
.susBox8 .imgB a{ display:block;height:100%;width:100%;overflow:hidden; margin-right:10px; border-radius:10px;}
.susBox8 .imgB .imgBox{ height:100%; width:100%;overflow:hidden;position:relative; z-index:1;}
.susBox8 .imgB .imgBox img{/*position:absolute;top:0;left:0;*/display:block;max-width:none;width:100%;height:100%;object-fit:cover;}

.susBox8 .imgB .imgBox,
.susBox8 .imgB .imgBox img{-webkit-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s;}
.susBox8 .imgB a:hover .imgBox img{-moz-transform:scale3d(1.05,1.05,1.05);-webkit-transform:scale3d(1.05,1.05,1.05);-ms-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05);}

.susBox8 .txtBox .txtBoxNr{background:#FFF; height:100%; border-radius:10px;}
.susBox8 .imgB,
.susBox8 .txtBox{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;justify-content: space-between;flex-direction: column;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;height:auto;align-content: space-between;flex-wrap: wrap;flex-grow:1;}

.susBox8 .tit2{padding:50px 50px;border-bottom:1px solid #e1e5e5;}
.susBox8 .des2{ width:100%;}
.susBox8 .des2B{padding:45px 50px;}

.susBox8 .txtBox .txtBoxNr,
.susBox8 .item{-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;transition:all .3s ease-in-out;}
.susBox8  .txtBox:hover .txtBoxNr{background:#e8efee;}
@media screen and (max-width:1920px){
.susBox8 .tit2{padding:2.60vw 2.60vw;}
.susBox8 .des2B{padding:2.34vw 2.60vw;}
}
@media screen and (max-width:1220px){
.susBox8 .tit2{padding:30px 30px;}
.susBox8 .des2B{padding:25px 30px;};}
}
@media screen and (max-width:1024px){
}
@media screen and (max-width:992px){
}
@media screen and (max-width:768px){
.susBox8 .itemB{ display:block;margin-bottom:0;}
.susBox8 .left .leftB{margin-right:0;}
.susBox8 .right .rightB{ margin-left:0;}
.susBox8 .left{width:100%; margin-bottom:20px;}
.susBox8 .right{width:100%;}
.susBox8 .imgB,
.susBox8 .txtBox{display:block;}

.susBox8 .tit2{padding:20px 30px;}
.susBox8 .des2B{padding:25px 30px;}
}




/*secTit*/
.secTit{margin-bottom:20px;}
.secTit span{display:inline-block;line-height:56px;border-radius:56px; overflow:hidden; text-align:center; font-size:22px; color:#000000;font-family:'Coolvetica Rg',Arial,Microsoft Yahei,Helvetica,sans-serif;font-weight:normal; background:#ffff; cursor:pointer;transition: 0.4s; margin-right:20px; padding:0 33px;}
.secTit span.active{background:#5da38b; color:#fff;}
@media screen and (max-width:1920px) {
.secTit{margin-bottom:1.04vw;}
.secTit span{line-height:2.92vw;border-radius:2.92vw;font-size:1.15vw; margin-right:1.04vw; padding:0 1.72vw;}
}
@media screen and (max-width:1220px) {
.secTit{margin-bottom:20px;}
.secTit span{line-height:46px;border-radius:46px;font-size:18px; margin-right:10px; padding:0 20px;}
}
@media screen and (max-width:1024px) {
.secTit{margin-bottom:15px;}
.secTit span{line-height:44px;border-radius:44px;font-size:16px; margin-right:10px; padding:0 18px;}
}
@media screen and (max-width:768px) {
.secTit{margin-bottom:15px;}
.secTit span{line-height:32px;border-radius:32px;font-size:14px; margin-right:8px; padding:0 15px;}
}


/*susBox9List*/
.susBox9ListB{position:relative;}
.susBox9List .swiper-container{overflow:visible;}
.susBox9List {font-size:0;line-height:0;margin:0 -16px;}
.susBox9List li {display:inline-block;*display:inline;zoom:1;width:25%;vertical-align:top;margin-bottom:20px;}
.susBox9List .itema {display:block;margin:0 16px;position:relative;overflow:hidden;}
.susBox9List .imgBox{text-align:left;overflow:hidden;height:0;position:relative;overflow:hidden;padding-bottom:115.8536585365854%; background:#fff;border-radius:10px; overflow:hidden;margin-bottom:25px;}
.susBox9List .imgBox img {position:absolute;top:0;left:0;display:block;max-width:none;width:100%;height:100%;object-fit:cover;}
.susBox9List .imgBox:after{ content:'';position:absolute; width:100%; height:100%; left:0;top:0;right:0; background:url(../images/sus-wzbg.png) no-repeat center bottom;background-size:100% 100%;z-index:2;filter:alpha(opacity=50);-moz-opacity:.5;-khtml-opacity:.5;opacity:.5;}

.susBox9List .title {position:relative;}
.susBox9List .t{font-size:30px;color:#333333;line-height:1;font-family:'Coolvetica Rg',Helvetica Neue,Helvetica,Arial,Microsoft Yahei,sans-serif;font-weight:normal;}
.susBox9List .t2{font-size:40px;color:#fff;line-height:1;font-family:'Coolvetica Rg',Helvetica Neue,Helvetica,Arial,Microsoft Yahei,sans-serif;font-weight:normal; position:absolute; left:0;right:0; top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%); text-align:center; z-index:4;}
.susBox9List .t2 span{ width:85px; text-align:center; display:inline-block; position:relative;}
.susBox9List .t2:before{content:'';position:absolute; width:110px; height:1px; right:50%; margin-right:50px;top:50%;background:#fff;z-index:3;filter:alpha(opacity=50);-moz-opacity:.5;-khtml-opacity:.5;opacity:.5;}
.susBox9List .t2:after{content:'';position:absolute; width:110px; height:1px; left:50%; margin-left:50px;top:50%;background:#fff;z-index:3;filter:alpha(opacity=50);-moz-opacity:.5;-khtml-opacity:.5;opacity:.5;}
.susBox9List .itema{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;justify-content: space-between;flex-direction: column;flex-grow:1;height: auto;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.susBox9List li{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;justify-content: space-between;flex-direction: column;height:auto;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.susBox9List .title{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;flex-direction:column;overflow:hidden;flex-grow:1;height:auto;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}

/**/
.susBox9List .itema,.susBox9List .imgBox img {-webkit-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s;}
.susBox9List .itema:hover .imgBox img {-moz-transform:scale3d(1.05,1.05,1.05);-webkit-transform:scale3d(1.05,1.05,1.05);-ms-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05);}
@media screen and (max-width:1920px) {
	.susBox9List .t{font-size:1.56vw;}
	.susBox9List .t2{font-size:2.08vw;}
	.susBox9List .t2 span{ width:4.43vw;}
	.susBox9List .t2:before{width:5.73vw; margin-right:2.60vw;}
	.susBox9List .t2:after{width:5.73vw;margin-left:2.60vw;}
	
}
@media screen and (max-width:1220px) {
	.susBox9List {margin:0 -12px;}
	.susBox9List .itema {margin:0 12px;}
	
	.susBox9List .t{font-size:22px;}
	.susBox9List .t2{font-size:16px;}
	
	.susBox9List .t{font-size:20px;}
	.susBox9List .t2{font-size:26px;}
	.susBox9List .t2 span{ width:60px;}
	.susBox9List .t2:before{width:90px; margin-right:30px;}
	.susBox9List .t2:after{width:90px;margin-left:30px;}
	


	.susBox9List .t2:before{width:4.69vw; margin-right:0;right:auto;left:3vw;}
	.susBox9List .t2:after{width:4.69vw;margin-left:0; left:auto; right:3vw;}
}
@media screen and (max-width:1024px) {
	.susBox9List {margin:0 -10px;}
	.susBox9List .itema {margin:0 10px;}
}
@media screen and (max-width:768px){

	.susBox9List {margin:0 -5px;}
	.susBox9List .itema {margin:0 5px;}
	
	.susBox9List .t{font-size:18px;}
	.susBox9List .t2{font-size:20px;}
	.susBox9List .t2 span{ width:60px;}

	
	.susBox9List .t2:before{width:6vw;}
	.susBox9List .t2:after{width:6vw;}
}
@media screen and (max-width:1000px) {
    .susBox9List li {width:33.33333%;}	
}
@media screen and (max-width:700px) {
    .susBox9List li {width:33.33333%;}	
}
@media screen and (max-width:500px) {
    .susBox9List li {width:50%;}
	.susBox9List {margin:0 -5px;}
	.susBox9List .itema {margin:0 5px;}
	
	.susBox9List .t{font-size:16px;}
	.susBox9List .t2{font-size:18px;}
	.susBox9List .t2 span{ width:60px;}
	
	.susBox9List .t2:before{width:8vw;}
	.susBox9List .t2:after{width:8vw;}
	
}




/***********************sustainability end***********************/
/*****************************footer*****************************/
/*piaofu-celan*/
.piaofu-celan {width:80px;position:fixed;right:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:10;}
.piaofu-celan .show-status {position:relative;}

.piaofu-celan .hver{display:block;position:relative;width:80px;cursor:pointer;}
.piaofu-celan .kfa{display: block;width:80px;padding-top:15px;background-color:#fff;border-bottom:1px solid #eff0f1; text-align:center; z-index:2; overflow:hidden;} 
.piaofu-celan .icon {display: block;margin:0 auto;width:25px; height:25px; background-position:center center; background-repeat:no-repeat;background-size:100%; background-image:url(../images/float-icon1.png);} 
.piaofu-celan .t{ margin:0 8px;padding:10px 0;color:#696a71;font-size:13px;line-height:20px;}
.piaofu-celan .hver:hover .kfa{background-color:#e8efee;;border-color:#e8efee; }

.piaofu-celan .kf-email{border-top-left-radius:10px; overflow:hidden;}
.piaofu-celan .kf-email .icon {background-image: url(../images/piaofu-icon1.png);}
.piaofu-celan .kf-whats .icon{background-image: url(../images/piaofu-icon2.png);}
.piaofu-celan .kf-mobile .icon {background-image: url(../images/piaofu-icon3.png);}
.piaofu-celan .back-top {border-bottom-left-radius:10px; overflow:hidden;border-bottom:none;}
.piaofu-celan .back-top .icon{background-image: url(../images/piaofu-icon4.png);}

/*tel*/
.piaofu-celan .mobile-infos{background-color:#fff;position: absolute;right:-300px;display: none;z-index:-1;} 
.piaofu-celan .mobile-infos {width:220px;top: 0;}
.piaofu-celan .mobile-infos .online1 {padding:25px 20px;position:relative;text-align:center;color:#000;font-size:18px;line-height:30px;}
.piaofu-celan .mobile-infos{-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;transition:all .3s;right:90px!important;display:block!important; visibility:hidden;}
.piaofu-celan .hver:hover .mobile-infos{display:block!important;right:70px!important;opacity:1!important; visibility:visible;}
@media screen and (max-width:1024px){
.piaofu-celan{ display:none;}	
}


/*****************************************footer*****************************************/
.footerbg{ height:50px; display:block;border-bottom-right-radius:30px;border-bottom-left-radius:30px; overflow:hidden; background:#f1f8f7; z-index:3; position:relative;}
/*footer*/
.footer {position:relative; z-index:2;background:#fff; background-size:100%;padding-top:105px; margin-top:-50px; overflow:hidden;}
/*footer-nav*/
.footer .footer-nav{width:100%;height:auto;padding-top:60px;padding-bottom:60px;}
.footer .footer-nav .left{float:left;color:#5d6371; width:68.39%;text-align:left;}
.footer .footer-nav .left .ul2{height:auto;float:left;text-align:left; display:block;width:25%;max-width:270px;}
.footer .footer-nav .left .ul2 .ulB{ display:inline-block;*display:inline;zoom:1;vertical-align:top;padding-top:7px;padding-bottom:24px; display: block!important;}
.footer .footer-nav .left .ul2 .ul2B{ padding-right:20px; }
.footer .footer-nav .left .ul2 .t2{display:block;line-height:0;padding:0;margin:0;}
.footer .footer-nav .t1{font-size:30px;margin-bottom:15px;color:#5da38b;}
.footer .footer-nav .t1 a{display:inline-block;color:#5da38b;}
.footer .footer-nav .t2{font-size:16px;}
.footer .footer-nav .t2 a{font-size:16px;display: inline-block;overflow:hidden;line-height:30px;color:#4b4b4b;position:relative; overflow:hidden;}
.footer .footer-nav .t2 a:hover,
.footer .footer-nav .t1 a:hover{color:#5da38b;}
/**/
.footer .footer-nav h1{font-size:30px;margin-bottom:30px;padding-bottom:30px;color:#5da38b;position:relative; }
.footer .footer-nav h1:after{content:"";pointer-events:none;height:1px; background-color:#eeeeee;position:absolute;left:0;bottom:0;z-index:2;width:960px;}
.footer .footer-nav .right{float:right;width:31.61%;color:#000000; font-size:18px;line-height:30px;}

/**/
.footer .sharelist {font-size:0;line-height:0;position:relative; margin-top:65px;}
.footer .sharelist li {display:inline-block;margin-right:32px;position:relative;}
.footer .sharelist a {display:inline-block;width:32px;height:32px;cursor:pointer;background-size:100%;background-repeat:no-repeat;background-position:center;}
.footer .sharelist .mr0 {margin-right:0!important}
.footer .sharelist a.icon-yamaxun {background-image:url(../images/footer-icon1.png);}
.footer .sharelist a.icon-alibaba {background-image:url(../images/footer-icon2.png);}
.footer .sharelist a.icon-facebook {background-image:url(../images/footer-icon3.png);}
.footer .sharelist a.icon-instagram {background-image:url(../images/footer-icon4.png);}
.footer .sharelist a.icon-linkedin {background-image:url(../images/footer-icon5.png);}
.footer .sharelist a.icon-douyin {background-image:url(../images/footer-icon6.png);}
/*flink*/
.footer .flink{width:100%;font-size:14px;line-height:30px;color:#000000;position:relative;padding-top:45px;border-top:1px solid #eeeeee;} 
.footer .flink a{color:#000000;padding-right:10px; margin-right:7px;background:url(../images/line.jpg) right center no-repeat;}
.footer .flink a:last-child{ background:none;}
.footer .flink a:hover{color:#5da38b}
/*bq*/
.footer .bq{width:100%;font-size:14px;line-height:30px;color:#646464;position:relative;padding-bottom:45px;} 
.footer .bq a{color:#646464;}
.footer .bq a:hover{color:#5da38b}
@media screen and (max-width: 1920px) {
.footerbg{height:2.60vw;}
.footer {padding-top:5.47vw;margin-top:-2.60vw;}

.footer .footer-nav .left .ul2{max-width:14.06vw;}
.footer .footer-nav .left .ul2 .ulB{padding-top:0.36vw;padding-bottom:1.25vw;}
.footer .footer-nav .left .ul2 .ul2B{padding-right:1.04vw; }
.footer .footer-nav .t1{font-size:1.56vw;margin-bottom:0.78vw;}
.footer .footer-nav .t2{font-size:0.83vw;}
.footer .footer-nav .t2 a{font-size:0.83vw;line-height:1.56vw;}

.footer .footer-nav{padding-top:3.13vw;padding-bottom:3.13vw;}
.footer .footer-nav h1{font-size:1.56vw;margin-bottom:1.56vw;padding-bottom:1.56vw;}
.footer .footer-nav .right{font-size:0.94vw;line-height:1.56vw;}

.footer .sharelist {margin-top:3.39vw;}
.footer .sharelist li {margin-right:1.67vw;}
.footer .sharelist a {width:1.67vw;height:1.67vw;}

.footer .flink{font-size:0.73vw;line-height:1.56vw;padding-top:2.34vw;} 
.footer .flink a{padding-right:0.52vw;margin-right:0.36vw;}
.footer .bq{font-size:0.73vw;line-height:1.56vw;padding-bottom:2.34vw;} 
}
@media screen and (max-width: 1320px) {
	
	.footer .footer-nav .left{width:69%;}
	.footer .footer-nav .right{width:30%;}

	
	.footerbg{height:40px;}
	.footer {padding-top:95px;margin-top:-40px;}
	
	.footer .footer-nav .left .ul2{max-width:270px;}
	.footer .footer-nav .left .ul2 .ulB{padding-top:7px;padding-bottom:20px;}
	.footer .footer-nav .left .ul2 .ul2B{padding-right:20px; }
	.footer .footer-nav .t1{font-size:24px;margin-bottom:10px;}
	.footer .footer-nav .t2{font-size:14px;}
	.footer .footer-nav .t2 a{font-size:14px;line-height:1.5;}
	
	.footer .footer-nav{padding-top:50px;padding-bottom:50px;}
	.footer .footer-nav h1{font-size:24px;margin-bottom:25px;padding-bottom:25px;}
	.footer .footer-nav .right{font-size:16px;line-height:1.5;}
	
	.footer .sharelist {margin-top:55px;}
	.footer .sharelist li {margin-right:20px;}
	.footer .sharelist a {width:28px;height:28px;}
	
	.footer .flink{font-size:12px;line-height:26px;padding-top:35px;} 
	.footer .flink a{padding-right:8px;margin-right:7px;}
	.footer .bq{font-size:12px;line-height:26px;padding-bottom:35px;} 
}
@media screen and (max-width: 1220px) {
	
	.footerbg{height:40px;}
	.footer {padding-top:95px;margin-top:-40px;}
	
	.footer .footer-nav .left .ul2{max-width:270px;}
	.footer .footer-nav .left .ul2 .ulB{padding-top:7px;padding-bottom:15px;}
	.footer .footer-nav .left .ul2 .ul2B{padding-right:10px; }
	.footer .footer-nav .t1{font-size:20px;margin-bottom:10px;}
	.footer .footer-nav .t2{font-size:13px;}
	.footer .footer-nav .t2 a{font-size:13px;line-height:1.5;}
	
	.footer .footer-nav{padding-top:30px;padding-bottom:30px;}
	.footer .footer-nav h1{font-size:20px;margin-bottom:15px;padding-bottom:15px;}
	.footer .footer-nav .right{font-size:14px;line-height:1.5;}
	
	.footer .sharelist {margin-top:25px;}
	.footer .sharelist li {margin-right:10px;}
	.footer .sharelist a {width:25px;height:25px;}
	
	.footer .flink{font-size:12px;line-height:24px;padding-top:25px;} 
	.footer .flink a{padding-right:8px;margin-right:7px;}
	.footer .bq{font-size:12px;line-height:24px;padding-bottom:25px;} 
	

	.footer .footer-nav .left{width:66%;}
	.footer .footer-nav .right{width:33%;}


}
@media screen and (max-width: 1024px) {
	.footer {padding-top:60px;}
}
@media screen and (max-width: 992px) {
		.footer {padding-top:50px;}
	.footer .footer-nav .left{width:100%;}
	.footer .footer-nav .right{width:100%;}
}
@media screen and (max-width:768px) {
	
	.footer{ padding-top:30px;}
	.footer .footer-nav{/*padding-top:0;*/padding-bottom:30px;}
	.footer .footer-nav .right{ float:none; width:100%;}
	.footer .footer-nav .left{ float:none; width:100%; text-align:left; margin-bottom:15px;/* display:none;*/}
	.footer .footer-nav .left .ul2 .ul2B{ padding-right:0;}
	.footer .footer-nav .leftBox{ display:block;}
	.footer .footer-nav .left .ul2{margin-left:0; width:100%; max-width:100%;}
	.footer .footer-nav .left .listB{ display:none; width:100%;}
	.footer .footer-nav .left .ul2 .ulB{ display:block;width:100%;padding-top:10px;padding-bottom:10px;}
	.footer .footer-nav .center{float:none;width:100%; text-align:left;}
	.footer .footer-nav .t1{margin-bottom:0;font-size:18px;position:relative;}
	.footer .footer-nav .t1:after{ content:''; width:16px; height:2px; background:#c7c9c9; position:absolute;top:24px; right:0; }
	.footer .footer-nav .t1:before{ content:''; width:2px; height:16px; background:#c7c9c9; position:absolute; right:7px;top:17px; margin-left:-1px;}
	.footer .footer-nav .active .t1:before{width:0;}
	.footer .footer-nav .t1 a{line-height:20px;box-sizing: border-box;margin:0 auto; position:relative; padding-top:15px; padding-bottom:15px; padding-left:0}
	.footer .footer-nav .t1 a:after { display: block;content: '';position: absolute;bottom: 0;left:0;right:0;height: 1px;width: auto;background-color:#eeeeee;}
	.footer .footer-nav .t1 a,.footer .footer-nav .t2 a{ display:block;}
	.footer .footer-nav .t2 a{padding:5px 10px;font-size:14px;}
	.footer .footer-nav .ulB{}
	.footer .bq{ text-align:left;}
/*	.footer .bq .beian{width:auto; text-align:left; float:none; display:inline-block;}
	.footer .bq .bqname{width:auto; text-align:left; float:none;margin-bottom:0px; display:inline-block;}*/
	.detail-share{text-align:center;}
    .footer .footer-nav .right h1{font-size:18px;}
	.footer .footer-nav .right{font-size:14px; line-height:1.5;}

	.footer .footer-nav .center{ padding-top:30px;}
}
/*****************************footer end*****************************/
/*****************************index*****************************/
/*indexPro*/
.indexPro .moreBtn{ position:absolute;bottom:0;right:0;}
@media screen and (max-width:350px){
.indexPro .moreBtn{ position: static; margin-top:20px;}
}



/*indexProList*/
.indexProListB{position:relative;}
.indexProList {font-size:0;line-height:0;margin:0 -10px;}
.indexProList li {display:inline-block;*display:inline;zoom:1;width:25%;vertical-align:top;}
.indexProList .item {display:block;margin:0 10px;position:relative;overflow:hidden;}

.indexProList .imgBox{text-align:left;overflow:hidden;height:0;position:relative;overflow:hidden;padding-bottom:123.2227488151659%; background:#fff;border-radius:10px; overflow:hidden;margin-bottom:25px;}
.indexProList .imgBox a{ display: block; width:100%; height:100%;position:absolute;top:0;left:0;}
.indexProList .imgBox img {position:absolute;top:0;left:0;display:block;max-width:none;width:100%;height:100%;object-fit:cover;}
.indexProList .imgBoxB{ position:relative;}
.indexProList .mBtn{ position:absolute;bottom:30px; left:0;right:0;}

.indexProList .title {position:relative;}
.indexProList .t{font-size:24px;color:#333333;line-height:1;font-family:'Coolvetica Rg',Helvetica Neue,Helvetica,Arial,Microsoft Yahei,sans-serif;font-weight:normal;}
.indexProList .t a{ display:block;color:#333333;}

/*hover*/
.indexProList .t,.indexProList .t a,.indexProList .mBtn,
.indexProList .item,.indexProList .imgBox img {-webkit-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s;}
.indexProList .item:hover .imgBox img {-moz-transform:scale3d(1.05,1.05,1.05);-webkit-transform:scale3d(1.05,1.05,1.05);-ms-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05);}
.indexProList .item:hover .t,
.indexProList .item:hover .t a{color:#5da38b;}

.indexProList .mBtn{filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0; visibility:hidden;-webkit-transform:translateY(30px);-moz-transform:translateY(30px);-o-transform:translateY(30px);-ms-transform:translateY(30px);transform:translateY(30px);}
.indexProList .item:hover .mBtn{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1; visibility:visible;-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:-o-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);}
@media screen and (max-width:1920px) {
	.indexProList .mBtn{bottom:1.56vw;}
	.indexProList .t{font-size:1.25vw;}
	.indexProList .imgBox{margin-bottom:1.30vw;}
}
@media screen and (max-width:1220px) {
	.indexProList {margin:0 -8px;}
	.indexProList .item {margin:0 8px;}

	
	.indexProList .mBtn{bottom:25px;}
	.indexProList .t{font-size:20px;}
	.indexProList .imgBox{margin-bottom:20px;}
}
@media screen and (max-width:1024px) {
	.indexProList {margin:0 -5px;}
	.indexProList .item {margin:0 5px;}
	
	.indexProList .t{font-size:18px;}
}
@media screen and (max-width:1000px) {
    .indexProList li {width:50%; margin-bottom:30px;}
	.indexProList {margin:0 -8px;}
	.indexProList .item {margin:0 8px;}
	
	.indexProList .t{font-size:20px;}
}
@media screen and (max-width:768px){
	.indexProList {margin:0 -8px;}
	.indexProList .item {margin:0 8px;}
	.indexProList .t{font-size:18px;}
}
@media screen and (max-width:700px) {
    .indexProList li {width:50%;}
}
@media screen and (max-width:500px) {
    .indexProList li {width:50%;}
	.indexProList {margin:0 -5px;}
	.indexProList .item {margin:0 5px;}
	.indexProList .t{font-size:16px;}
	
}



/*mBtn*/
.mBtn{ text-align:center; padding:0 10px;}
.mBtn a{display:inline-block;text-align:center;background-color:#fff;color:#4b4b4b;margin:0 5px;font-size:16px;width:calc(50% - 10px);max-width:180px;line-height:50px;border-radius:50px;overflow:hidden; vertical-align:top; position:relative;}
.mBtn a span{display:block; width:100%; height:100%;position:relative; z-index:2; }
.mBtn a:after{content:"";z-index:1;position:absolute;top:0;left:0;display:block;width:100%;height:100%;background-color:var(--button-hover-color-bg,transparent);border-radius:100%;opacity:0;transform:translate(0,100%);transition:opacity .45s cubic-bezier(0.215,0.61,0.355,1),border-radius 0s .45s,transform 0s .45s}
.mBtn a:hover{color:#fff;}
.mBtn a:hover:after{opacity:1;border-radius:0;transform:translate(0);transition:border-radius .45s cubic-bezier(0.215,0.61,0.355,1),transform .45s cubic-bezier(0.215,0.61,0.355,1)}
.mBtn a{--button-hover-color-bg:#e37122;}
.mBtn a{-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;transition:all .3s ease-in-out;}
@media screen and (max-width:1920px){
	.mBtn{padding:0 0.52vw;}
	.mBtn a{margin:0 0.26vw;font-size:0.83vw;width:calc(50% - 0.52vw);max-width:9.38vw;line-height:2.60vw;border-radius:2.60vw;}
}
@media screen and (max-width:1220px){
	.mBtn{padding:0 10px;}
	.mBtn a{margin:0 5px;font-size:14px;width:calc(50% - 10px);line-height:44px;border-radius:44px;}
}
@media screen and (max-width:1024px){
	.mBtn a{font-size:13px;line-height:42px;border-radius:42px;}
}
@media screen and (max-width:768px){
	.mBtn a{font-size:12px;line-height:35px;border-radius:35px;}
}




/*indexad*/
.indexad{}
.indexad .imgBox{ position:absolute;right:0;top:-50px;width:780px; height:805px;}
.indexad .imgBox img{ max-width:100%;}
.indexad .infoBox{background-color:#fff;border-radius:10px; padding-top:150px; padding-bottom:60px;padding-left:80px;padding-right:80px; min-height:805px; position:relative;}
.indexad .wz{font-size:18px; color:#000;line-height: 1.5;max-width:660px;margin-bottom:50px;}
@media screen and (max-width:1920px){
.indexad .wz{font-size:0.94vw;}

.indexad .imgBox{top:-2.60vw;width:40.63vw; height:41.93vw;}
.indexad .infoBox{padding-top:7.81vw; padding-bottom:3.13vw;padding-left:4.17vw;padding-right:4.17vw; min-height:41.93vw;}
.indexad .wz{max-width:34.38vw;margin-bottom:2.60vw;}
}
@media screen and (max-width:1220px){
.indexad .wz{font-size:12px;}

/*.indexad .imgBox{top:-50px;width:780px; height:805px;}
.indexad .infoBox{padding-top:150px; padding-bottom:60px;padding-left:80px;padding-right:80px; min-height:805px;}
.indexad .wz{max-width:660px;margin-bottom:50px;}*/
}
@media screen and (max-width:1024px){
.indexad .wz{font-size:12px;}
}
@media screen and (max-width:768px){
.indexad .wz{font-size:12px;}

.indexad .imgBox{ position:relative;right:-30px;top:-30px;width:100%; height:auto; text-align:right;}
.indexad .imgBox img{max-width:90%;}
.indexad .infoBox{padding-top:0; padding-bottom:30px;padding-left:30px;padding-right:30px; min-height:0;}

.indexad .wz{max-width:100%;margin-bottom:2.60vw;}
}
@media screen and (max-width:500px){
.indexad .wz{font-size:12px;}
}




/*indexSus*/
.indexSus .moreBtn{ position:absolute;bottom:0;right:0;}
@media screen and (max-width:350px){
.indexSus .moreBtn{ position: static; margin-top:20px;}
}



/*indexSusList*/
.indexSusList{overflow: hidden;}
.indexSusList .swiper-container{overflow:visible;}
.indexSusList ul{ font-size:0; margin:0 -12px;}
.indexSusList li{ float: left;position:relative;zoom: 1; display:inline-block;*display:inline;zoom:1; vertical-align:top; overflow:hidden;width:80%;vertical-align:top;}
.indexSusList .item{display:block;position:relative; margin:0 12px;border-radius:10px;}
.indexSusList .imgBoxB{position:relative;overflow:hidden;border-radius:10px;}
.indexSusList .imgBox{text-align:left;overflow:hidden;height:0;position:relative;overflow:hidden;padding-bottom:50.72463768115942%; background:#fff;border-radius:10px; overflow:hidden;}
.indexSusList .imgBox img {position:absolute;top:0;left:0;display:block;max-width:none;width:100%;height:100%;object-fit:cover;}
.indexSusList .item,
.indexSusList .imgBox img {-webkit-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s;}
.indexSusList .item:hover .imgBox img {-moz-transform:scale3d(1.05,1.05,1.05);-webkit-transform:scale3d(1.05,1.05,1.05);-ms-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05);}

.indexSusList .item .tit{ display:inline-block;position:absolute;left:0;bottom:0; width:70%; max-width:580px; height:auto; z-index:3;}
.indexSusList .item .tit .titNr{display:inline-block;text-align:left;padding:75px 95px 75px 45px;border-top-left-radius:40px;border-top-right-radius:10px; background-color:#fff;}
.indexSusList .item .tit .t{ font-size:44px; color:#5da38b;line-height: 1;font-family: 'Coolvetica Rg',Helvetica Neue,Helvetica,Arial,Microsoft Yahei,sans-serif;font-weight: normal;margin-bottom:10px;}
.indexSusList .item .tit .des{ font-size:18px; color:#4b4b4b;line-height: 1.5;}

/*swiper-button*/
.indexSusList .swiper-button-next,
.indexSusList .swiper-button-prev{width:50px;height:50px;background:url(../images/icon-left.png) no-repeat center center rgba(255,255,255,0.8);background-size:8px;border-radius:50%;outline:none;position:absolute;top:50%; margin-top:-25px; z-index:4}
.indexSusList .swiper-button-prev{left:30px;}
.indexSusList .swiper-button-next{background-image:url(../images/icon-right.png); right:30px;}
.indexSusList .swiper-button-prev.swiper-button-disabled, 
.indexSusList .swiper-button-next.swiper-button-disabled{opacity:0;}
@media screen and (max-width:1920px){
.indexSusList .item .tit{ max-width:30.21vw;}
.indexSusList .item .tit .titNr{padding:3.91vw 4.95vw 3.91vw 2.34vw;border-top-left-radius:2.08vw;}
.indexSusList .item .tit .t{ font-size:2.29vw;}
.indexSusList .item .tit .des{ font-size:0.94vw;}
}
@media screen and (max-width:1220px){
	
.indexSusList .item .tit{ max-width:580px;}

.indexSusList .item .tit .t{ font-size:36px;}
.indexSusList .item .tit .des{font-size:12px;}

.indexSusList ul{margin:0 -10px;}
.indexSusList .item{dmargin:0 10px;}
}
@media screen and (max-width:1024px){
.indexSusList .item .tit .t{ font-size:32px;}
.indexSusList .item .tit .des{font-size:12px;}
.indexSusList ul{margin:0 -8px;}
.indexSusList .item{dmargin:0 8px;}
.indexSusList li{width:100%;}
}
@media screen and (max-width:992px){
.indexSusList{margin-bottom:0px;}
}
@media screen and (max-width:768px){
.indexSusList ul{margin:0 -5px;}
.indexSusList .item{dmargin:0 5px;}
.indexSusList .item .tit .t{ font-size:30px;}

.indexSusList .imgBox{padding-bottom:60%;}

.indexSusList .swiper-button-prev{left:15px;}
.indexSusList .swiper-button-next{right:15px;}
}
@media screen and (max-width:500px){
.indexSusList .imgBox{padding-bottom:70%;}
}




/*indexCulturelist*/
.indexCulturelist{width:49.42528735632184%;float:left; text-align:right;}
.indexCulturelist ul{width:100%;}
.indexCulturelist li{position:relative; background:#fff;border-radius:10px; margin-bottom:20px; padding:20px 83px; cursor:pointer;}
.indexCulturelist li .title{ padding-left:33px;min-height:134px; text-align:left;border-left:1px dashed #d2dcdb; padding-top:25px;}
.indexCulturelist li .title .Tit{font-size:36px; color:#333333; display:block;line-height:normal;font-family:'Coolvetica Rg',Helvetica Neue,Helvetica,Arial,Microsoft Yahei,sans-serif;font-weight:normal; margin-bottom:10px;}
.indexCulturelist li .tmain{display:none;}
.indexCulturelist li .tmain .tmainB{ font-size:18px;line-height:28px;height:56px;color:#64676b;text-align:left;}
.indexCulturelist li .title .icon{display:block;overflow:hidden;background:url(../images/page3-icon1.png) center center no-repeat; background-size:100%; transition: all 0.2s ease;margin-bottom:24px;width:40px;height:40px;}
.indexCulturelist li.li2 .title .icon{ background-image:url(../images/page3-icon2.png);}
.indexCulturelist li.li3 .title .icon{ background-image:url(../images/page3-icon3.png);}
.indexCulturelist li.li4 .title .icon{ background-image:url(../images/page3-icon4.png);}
.indexCulturelist li .d{text-align:center; position:absolute;top:50%;left:25px;width:34px;height:34px;margin-top:-17px;}
.indexCulturelist li .d::after{content:" ";margin:auto auto;background-color:#d4f5ee;border-radius: 50%;position:absolute;left:0;right:0;top:8.5px; width:17px;height:17px;}
.indexCulturelist li .d::before{content:" ";margin:0 auto;background-color:#f6fcfb;border-radius: 50%;position:absolute;left:0;right:0;top:0;width:34px;height:34px;}

.indexCulturelist li.on .title{min-height:215px;}
.indexCulturelist li.on .title .icon{width:30px;height:30px;margin-bottom:14px;}
.indexCulturelist li.on .d::before{background-color:#deece7;}
.indexCulturelist li.on .d::after{background-color:#5da38b;}
.indexCulturelist li.on .title .tmain{display: block;}
@media screen and (max-width:1920px){
.indexCulturelist li{margin-bottom:1.04vw;padding:1.04vw 4.32vw;}
.indexCulturelist li .title{ padding-left:1.72vw;min-height:6.98vw;padding-top:1.30vw;}
.indexCulturelist li .title .Tit{font-size:1.88vw;margin-bottom:0.52vw;}
.indexCulturelist li .tmain .tmainB{font-size:0.94vw;line-height:1.46vw;height:2.92vw;}
.indexCulturelist li .title .icon{width:2.08vw;height:2.08vw;margin-bottom:1.25vw;}
.indexCulturelist li .d{left:1.30vw;width:1.77vw;height:1.77vw;margin-top:-0.89vw;}
.indexCulturelist li .d::after{width:0.89vw;height:0.89vw;top:0.44vw;}
.indexCulturelist li .d::before{width:1.77vw;height:1.77vw;}
.indexCulturelist li.on .title{min-height:11.20vw;}
.indexCulturelist li.on .title .icon{width:1.56vw;height:1.56vw;margin-bottom:0.73vw;}
}
@media screen and (max-width:1520px){
.indexCulturelist li .title .Tit{font-size:24px;}
}
@media screen and (max-width:1220px){
.indexCulturelist li{margin-bottom:20px;padding:20px 30px 20px 80px;}
.indexCulturelist li .title{ padding-left:20px;min-height:134px;padding-top:20px;}
.indexCulturelist li .title .Tit{font-size:22px;margin-bottom:10px;}
.indexCulturelist li .tmain .tmainB{font-size:16px;line-height:1.4;height:56px;}
.indexCulturelist li .title .icon{width:34px;height:34px;margin-bottom:15px;}
.indexCulturelist li .d{left:25px;width:30px;height:30px;margin-top:-15px;}
.indexCulturelist li .d::after{width:16px;height:16px;top:8px;}
.indexCulturelist li .d::before{width:30px;height:30px;}
.indexCulturelist li.on .title{min-height:215px;}
.indexCulturelist li.on .title .icon{width:25px;height:25px;margin-bottom:10px;}
}
@media screen and (max-width:1024px){
.indexCulturelist li .title .Tit{font-size:20px;}
.indexCulturelist li .tmain .tmainB{font-size:14px;line-height:1.4;}
.indexCulturelist ul{width:100%;max-width:100%;}

.indexCulturelist li .title{min-height:162px;padding-top:0px;}

.indexCulturelist li .title .icon{width:30px;height:30px;margin-bottom:14px;}
.indexCulturelist li{padding:20px 30px 20px 70px;}
.indexCulturelist li .d{left:25px;width:25px;height:25px;margin-top:-12.5px;}
.indexCulturelist li .d::after{width:15px;height:15px;top:5px;}
.indexCulturelist li .d::before{width:25px;height:25px;}

.indexCulturelist li .d::before{background-color:#deece7;}
.indexCulturelist li .d::after{background-color:#5da38b;}
.indexCulturelist li .title .tmain{display: block;}

.indexCulturelist li.on .title{min-height:162px;}
.indexCulturelist li.on .title .icon{width:20px;height:20px;margin-bottom:10px;}
}
@media screen and (max-width:768px){
.indexCulturelist li .title .Tit{font-size:20px;}
.indexCulturelist li .tmain .tmainB{font-size:14px; height:auto;}
.indexCulturelist{width:100%;margin-bottom:0px;}
}



/*.indexCulture*/
.indexCulture .pageImg{width:49.42528735632184%; float:right;}
.indexCulture .pageImg .img{width:100%; position:relative; padding-bottom:643px; overflow:hidden;border-radius:10px;}
.indexCulture .pageImg .img img{width:100%;max-width:none;height:100%;object-fit:cover;overflow:hidden;vertical-align:middle; position:absolute;left:0;top:0;border-radius:10px; overflow:hidden; display:block;}
.indexCulture .pageImg,
.indexCulture .pageImg img {-webkit-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s;}
.indexCulture .pageImg:hover  img {-moz-transform:scale3d(1.05,1.05,1.05);-webkit-transform:scale3d(1.05,1.05,1.05);-ms-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05);}
@media screen and (max-width:1920px){
   .indexCulture .pageImg .img{padding-bottom:33.49vw;}
}
@media screen and (max-width:1220px){
   .indexCulture .pageImg .img{padding-bottom:643px;}
}
@media screen and (max-width:768px){
	
    .indexCulture .pageImg.scrolled{ display:none;}

	.indexCulture .pageImg{width:100%;float:left; }
	.indexCulture .pageImg .img{padding-bottom:100%;}
}





/*indeNews*/
.indeNews .moreBtn{ position:absolute;bottom:0;right:0;}
@media screen and (max-width:350px){
.indeNews .moreBtn{ position:static; margin-top:20px;}
}




/*indeNewsList*/
.indeNews{position:relative; overflow:hidden;}
.indeNewsList {font-size:0;line-height:0;margin:0 -10px;}
.indeNewsList .swiper-container{overflow:visible;}
.indeNewsList li {display:inline-block;*display:inline;zoom:1;width:100%;vertical-align:top;}
.indeNewsList .item {display:block;margin:0 10px;position:relative;overflow:hidden;}
/*imgBox*/
.indeNewsList .imgBox{text-align:left;overflow:hidden;height:0;position:relative;overflow:hidden;padding-bottom:60%; background:#fff;border-radius:10px; overflow:hidden;}
.indeNewsList .imgBox img {position:absolute;top:0;left:0;display:block;max-width:none;width:100%;height:100%;object-fit:cover;}
.indeNewsList .imgBoxB{ position:relative; width:55.42168674698795%;}
/*title*/
.indeNewsList .title {width:44.57831325301205%;}
.indeNewsList .titleNr{ padding:30px 74px;}
.indeNewsList .t{font-size:30px;color:#000000;line-height:1;font-family:'Coolvetica Rg',Helvetica Neue,Helvetica,Arial,Microsoft Yahei,sans-serif;font-weight:normal;margin-top:55px;}
.indeNewsList .lei{font-size:18px;color:#5da38b; padding-right:15px; margin-right:12px;background:url(../images/line.jpg) right center no-repeat;}
.indeNewsList .date{font-size:16px;color:#4b4b4b;}
.indeNewsList .m{ width:20px;height:20px;background:url(../images/m.png) left center no-repeat; background-size:15px; margin-top:165px; }
/*hover*/
.indeNewsList li{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;justify-content: space-between;flex-direction: column;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;height:auto;}
.indeNewsList .item{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;justify-content: space-between;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;height:auto; align-items: center;flex-direction: row}
/*hover*/
.indeNewsList .t,.indeNewsList .t a,.indeNewsList .m,
.indeNewsList .item,.indeNewsList .imgBox img {-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s;}
.indeNewsList .item:hover .imgBox img {-moz-transform:scale3d(1.05,1.05,1.05);-webkit-transform:scale3d(1.05,1.05,1.05);-ms-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05);}
.indeNewsList .item:hover .t,
.indeNewsList .item:hover .t a{color:#5da38b;}
.indeNewsList .item:hover .m{-webkit-transform:translateX(30px);-moz-transform:translateX(30px);-ms-transform:translateX(30px);-o-transform:translateX(30px);transform:translateX(30px);}
/*swiper-pagination*/
.indeNewslunbo{ position:relative;}
.indeNewslunbo .swiper-pagination{padding:0 10px;bottom:0!important;display:flex; display:none;}
.indeNewslunbo .swiper-pagination .swiper-pagination-bullet{flex-basis:100%;width:auto;height:4px;margin:0!important;border-radius:4px;}
.indeNewslunbo .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#000}
/*swiper-button*/
.indeNewslunbo .swiper-button-next,
.indeNewslunbo .swiper-button-prev{width:50px;height:50px;background:url(../images/icon-left.png) no-repeat center center #fff;background-size:8px;border-radius:50%;outline:none;position:absolute;top:50%; margin-top:-25px; z-index:4}
.indeNewslunbo .swiper-button-prev{left:30px;}
.indeNewslunbo .swiper-button-next{background-image:url(../images/icon-right.png); right:30px;}
.indeNewslunbo .swiper-button-prev.swiper-button-disabled, 
.indeNewslunbo .swiper-button-next.swiper-button-disabled{opacity:0;}
@media screen and (max-width:1920px) {
	.indeNewsList .titleNr{ padding:1.56vw 3.85vw;}
	.indeNewsList .t{font-size:1.56vw;margin-top:2.86vw;}
	.indeNewsList .lei{font-size:0.94vw;padding-right:0.78vw; margin-right:0.63vw;}
	.indeNewsList .date{font-size:0.83vw;}
	.indeNewsList .m{ width:1.04vw;height:1.04vw;background-size:0.78vw;margin-top:8.59vw;}

}
@media screen and (max-width:1220px) {
	.indeNewsList {margin:0 -8px;}
	.indeNewsList .item {margin:0 8px;}
	
	.indeNewsList .titleNr{ padding:30px 64px;}
	.indeNewsList .t{font-size:26px;margin-top:45px;}
	.indeNewsList .lei{font-size:16px;padding-right:15px; margin-right:12px;}
	.indeNewsList .date{font-size:14px;}
	.indeNewsList .m{ width:20px;height:20px;background-size:15px;margin-top:100px;}
}
@media screen and (max-width:1024px) {
    .indeNewsList li {width:100%;}
	.indeNewsList {margin:0 -5px;}
	.indeNewsList .item {margin:0 5px; display:block;}
	.indeNewsList .title,
	.indeNewsList .imgBoxB{width:100%;}
	
	.indeNewsList .titleNr{ padding:30px 50px;}
	.indeNewsList .t{font-size:18px;margin-top:30px;}
	.indeNewsList .lei{font-size:14px;padding-right:10px;margin-right:10px;}
	.indeNewsList .date{font-size:12px;}
	.indeNewsList .m{margin-top:70px;}

	.indeNewslunbo .swiper-button-next,
    .indeNewslunbo .swiper-button-prev{top:35%;}
}
@media screen and (max-width:768px){
	.indeNewsList {margin:0 -8px;}
	.indeNewsList .item {margin:0 8px;}
	.indeNewsList .titleNr{ padding:30px 30px;}
	.indeNewsList .t{font-size:18px; line-height:24px;}
	
	.indeNewslunbo .swiper-button-prev{left:15px;margin-top:-55px; }
	.indeNewslunbo .swiper-button-next{right:15px;margin-top:-55px; }
}
@media screen and (max-width:500px) {
    .indeNewsList li {width:100%;}
	.indeNewsList {margin:0 -5px;}
	.indeNewsList .item {margin:0 5px;}

	
}
/*****************************index end*****************************/
/*****************************admin/login*****************************/
.pageAdmin{position:relative; width:100%; height:auto;padding-top:0!important;background:#5da38b;}
.admin{ width:100%; height:100vh; background:#5da38b;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;justify-content: space-between;flex-direction: column;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;background-image:url(../images/loginbg.jpg); background-size:cover; background-repeat:no-repeat; background-position:center center;}
.admin .adminBox{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;justify-content: space-between;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;height:auto; align-items: center;flex-direction: row; background:#fff;border-radius:10px;width:90%; margin:auto auto;max-width:1400px; height:auto;}

/*closeBtn*/
.closeBtn{position:relative;border:none; display:inline-block;background:0 0;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:0;cursor:pointer;width:18px;height:18px;padding:0;top:3px;}
.closeBtn:after,.closeBtn:before{content:"";position:absolute;top:50%;left:0;margin-top:-1px;width:100%;height:2px;background:#4d4d4f;-webkit-transition:-webkit-transform .6s cubic-bezier(.165,.84,.44,1);transition:-webkit-transform .6s cubic-bezier(.165,.84,.44,1);transition:transform .6s cubic-bezier(.165,.84,.44,1);transition:transform .6s cubic-bezier(.165,.84,.44,1),-webkit-transform .6s cubic-bezier(.165,.84,.44,1)}
.closeBtn:before{-webkit-transform:rotate(45deg) translateZ(0);transform:rotate(45deg) translateZ(0)}
.closeBtn:after{-webkit-transform:rotate(-45deg) translateZ(0);transform:rotate(-45deg) translateZ(0)}
.login_list .fromclose:hover .closeBtn:after,
.login_list .fromclose:hover .closeBtn:before{-webkit-transform:rotate(0) translateZ(0);transform:rotate(0) translateZ(0)}

/*login_list*/
.login_list{height:auto;overflow:hidden; padding:30px 40px;width:100%;}
.login_list .login_formTit{font-size:30px;color:#000000;line-height:1; width:100%; margin-bottom:110px; position:relative;}
.login_list .fromclose{font-size:18px; vertical-align:middle; position:absolute;top:0;right:0; cursor:pointer;}
.login_list .login_form{margin-bottom:46px;}
.login_list .t{font-size:18px;color:#000000;line-height:1; width:100%; text-transform:uppercase;margin-bottom:10px;}
.login_list .text{width:100%;color:#fff;background:#c7cdcd;border:none;outline:none;display:block;border-radius:10px;font-size:16px;height:50px;line-height:50px;margin-bottom:30px;padding:0 20px;}
.login_list input::-webkit-input-placeholder {color:#fff;font-size:16px;}
.login_list input::-moz-placeholder {color:#fff;font-size:16px;}
.login_list input::-moz-placeholder {color:#fff;font-size:16px;}
.login_list input::-ms-input-placeholder {color:#fff;font-size:16px;}
.login_list .frombtn {display:block;width:100%; margin:0 auto;text-align:center;border:none;outline:none;cursor:pointer;color:#fff;background:#5da38b;border-radius:10px;overflow:hidden;-webkit-transition:All 0.5s ease;-moz-transition:All 0.5s ease;-o-transition:All 0.5s ease;transition:All 0.5s ease;font-size:16px;height:50px;line-height:50px;margin-bottom:20px; font-weight:normal;}
.login_list .frombtn:hover {background:#53957e;}
.login_list .frombtn.registerbtn{background:#000;}
.login_list .frombtn.registerbtn:hover {background:#2e2e2d;}
/*liBox*/
.login_list .liBox{font-size:0;line-height:0;margin:0 -10px;}
.login_list .li{display:inline-block;*display:inline;zoom:1;width:50%;vertical-align:top;}
.login_list .item{margin:0 10px;}
/*fromSelect*/
.fromSelect {text-align:left;line-height:1;font-size:16px;color:#000000;display:block;}
.fromSelect a{color:#9f9fa6;}
.fromSelect a:hover{color:#5da38b;}
.fromSelect .s1{display:inline-block;float:left;}
.fromSelect .s2{display:inline-block;float:right;}
.fromSelect .s{ display:block; text-align:center;}
@media screen and (max-width:768px){
.login_list .li{width:100%;}
.fromSelect .s1{display:block;float:none; text-align:center; margin-bottom:10px;}
.fromSelect .s2{display:block;float:none; text-align:center;}
}
/*****************************admin/login end*****************************/



/*增加特效*/

.scroll-down{animation: bounce 1.2s infinite ease-in-out;}
@keyframes bounce {
    0% {
        transform:translateY(-2px)
    }

    50% {
        transform:translateY(2px)
    }

    to {
        transform:translateY(-2px)
    }
}

/*index-banner-wrapper*/
.index-banner-wrapper .info .tt,
.index-banner-wrapper .info .des,
.index-banner-wrapper .info .m{opacity:0;transform:translateY(-60px)}
.index-banner-wrapper .swiper-slide-active .info .tt{transform:translateY(0) translateZ(0);opacity:1;transition:opacity 1s cubic-bezier(.23,1,.32,1),transform 1s cubic-bezier(.25,.46,.45,.94);}
.index-banner-wrapper .swiper-slide-active .info .des{transform:translateY(0) translateZ(0);opacity:1;transition:opacity 1s cubic-bezier(.23,1,.32,1) .1s,transform 1s cubic-bezier(.25,.46,.45,.94) .1s;}
.index-banner-wrapper .swiper-slide-active .info .m{transform:translateY(0) translateZ(0);opacity:1;transition:opacity 1s cubic-bezier(.23,1,.32,1) .2s,transform 1s cubic-bezier(.25,.46,.45,.94) .2s;}
.index-banner-wrapper .swiper-slide-active .info .m2{transform:translateY(0) translateZ(0);opacity:1;transition:opacity 1s cubic-bezier(.23,1,.32,1) .3s,transform 1s cubic-bezier(.25,.46,.45,.94) .3s;}

/*pageTit*/
.pageTit>span{background:linear-gradient(270deg,rgba(6,7,37,0) 20%,#263436 70%,rgba(6,7,37,.05) 38%,rgba(6,7,37,.05) 43%,#263436 0%);-webkit-background-clip:text;background-clip:text;background-position:85% 0;background-size:900% auto;-webkit-text-fill-color:transparent;opacity:0}
.pageTit.scrolled>span{background-position:31% 0;opacity:1;transition:opacity 1.65s cubic-bezier(.39,.575,.565,1),background-position 1.65s cubic-bezier(.4,.32,1,1)}

/*moreBtn*/
.moreBtn{opacity:0;pointer-events:none;transform:translateX(10px)}
.moreBtn.scrolled{opacity:1;pointer-events:auto;transform:translateX(0);transition:opacity 1.3s cubic-bezier(.23,1,.32,1),transform 1.3s cubic-bezier(.25,.46,.45,.94)}

.p-top-campaignSlide{opacity:0;transform:translateX(12rem)}
.p-top-campaignSlide--inView{opacity:1;pointer-events:auto;transform:translateX(0);transition:opacity 1.8s,transform 1.8s cubic-bezier(.215,.61,.355,1),mask-position 1.8s cubic-bezier(.25,.46,.45,.94),-webkit-mask-position 1.8s cubic-bezier(.25,.46,.45,.94)}


/*pagebanner*/
.pagebanner .pic{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transition:transform 6s ease;-webkit-transition:transform 6s ease;-moz-transition:transform 6s ease;-ms-transition:transform 6s ease;-o-transition:transform 6s ease}
.pagebanner.scrolled .pic{transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1)}


.pagebanner .pagebanner-tt .tt,
.pagebanner .pagebanner-tt .wz{opacity:0;transform:translateX(-10px)}
.pagebanner.scrolled .pagebanner-tt .tt{transform:translateY(0) translateZ(0);opacity:1;transition:opacity 1s cubic-bezier(.23,1,.32,1),transform 1s cubic-bezier(.25,.46,.45,.94);}
.pagebanner.scrolled .pagebanner-tt .wz{transform:translateY(0) translateZ(0);opacity:1;transition:opacity 1s cubic-bezier(.23,1,.32,1) .3s,transform 1s cubic-bezier(.25,.46,.45,.94) .3s;}




.videoBox .videoInfo .t,
.videoBox .videoInfo .videoBtn{opacity:0;transform:translateY(-10px)}
.videoBox.scrolled .videoInfo .t{transform:translateY(0) translateZ(0);opacity:1;transition:opacity 1s cubic-bezier(.23,1,.32,1),transform 1s cubic-bezier(.25,.46,.45,.94);}
.videoBox.scrolled .videoInfo .videoBtn{transform:translateY(0) translateZ(0);opacity:1;transition:opacity 1s cubic-bezier(.23,1,.32,1) .3s,transform 1s cubic-bezier(.25,.46,.45,.94) .3s;}

.indexProList li {
    -webkit-mask-image: linear-gradient(270deg, transparent 35%, #000 60%, #000);
    mask-image: linear-gradient(270deg, transparent 35%, #000 60%, #000);
    -webkit-mask-position: 100% 0;
    mask-position: 100% 0;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 250% 100%;
    mask-size: 250% 100%;
    opacity: 0;
    pointer-events: none;
}
.indexProList li.scrolled{
    -webkit-mask-position: 0 0;
    mask-position: 0 0;
    opacity: 1;
    pointer-events: auto;
    transition: opacity 1.8s, mask-position 1.8s cubic-bezier(.25,.46,.45,.94), -webkit-mask-position 1.8s cubic-bezier(.25,.46,.45,.94);
}

.pageBox2 .img,
.pageCaseB,
.indeNewsList,
.indexSusList{opacity: 0;transform: translateX(60PX);}

.pageBox2 .img.scrolled,
.pageCaseB.scrolled,
.indeNewsList.scrolled,
.indexSusList.scrolled{ opacity: 1;transform: translateX(0);transition: opacity 1.8s, transform 1.8s cubic-bezier(.215,.61,.355,1), mask-position 1.8s cubic-bezier(.25,.46,.45,.94), -webkit-mask-position 1.8s cubic-bezier(.25,.46,.45,.94);}

.susBox6List,
.susBox2List,
.susBox3lunbo,
.susBox4 .item,
.susBox9List,

.contactSupportlist,
.pageProXgList,
.pageCaseList,
.logoLunbo,
.pagePartnerlist2,
.culturelist3,

.pageCultureList .culturelist,
.pageCultureList .pageImg,
.indexCulturelist,
.indexCulture .pageImg{opacity: 0;transform: translateX(60PX);}


.susBox6List.scrolled,
.susBox2List.scrolled,
.susBox3lunbo.scrolled,
.susBox4 .item.scrolled,
.susBox9List.scrolled,

.contactSupportlist.scrolled,
.pageProXgList.scrolled,
.pageCaseList.scrolled,
.logoLunbo.scrolled,
.pagePartnerlist2.scrolled,
.culturelist3.scrolled,

.pageCultureList .culturelist.scrolled,
.indexCulturelist.scrolled{ opacity: 1;transform: translateX(0);transition: opacity 1s, transform 1s cubic-bezier(.215,.61,.355,1);}

.pageCultureList .pageImg.scrolled,
.indexCulture .pageImg.scrolled{ opacity: 1;transform: translateX(0);transition: opacity 1s, transform 1s cubic-bezier(.215,.61,.355,1) .3s;}






.pageCulture4List li {
    -webkit-mask-image: linear-gradient(270deg, transparent 35%, #000 60%, #000);
    mask-image: linear-gradient(270deg, transparent 35%, #000 60%, #000);
    -webkit-mask-position: 100% 0;
    mask-position: 100% 0;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 250% 100%;
    mask-size: 250% 100%;
    opacity: 0;
    pointer-events: none;
}
.pageCulture4List li.scrolled{
    -webkit-mask-position: 0 0;
    mask-position: 0 0;
    opacity: 1;
    pointer-events: auto;
    transition: opacity 1.8s, mask-position 1s cubic-bezier(.25,.46,.45,.94), -webkit-mask-position 1.8s cubic-bezier(.25,.46,.45,.94);
}




/*.dylunbo .swiper-slide*/
.dylunbo .item .tit .t,
.dylunbo .item .tit .des{opacity:0;transform:translateY(-60px)}
.dylunbo .swiper-slide-active .item .tit .t{transform:translateY(0) translateZ(0);opacity:1;transition:opacity 1s cubic-bezier(.23,1,.32,1),transform 1s cubic-bezier(.25,.46,.45,.94);}
.dylunbo .swiper-slide-active .item .tit .des{transform:translateY(0) translateZ(0);opacity:1;transition:opacity 1s cubic-bezier(.23,1,.32,1) .3s,transform 1s cubic-bezier(.25,.46,.45,.94) .3s;}

.dyTop .active .t::before{animation: halo 1s .5s infinite ease-out;}
@keyframes halo{
	0%{opacity:0;transform:scale(0.5)}
	50%{opacity:0.2}
	100%{opacity:0;transform:scale(1.1)}
}



/*animate补充动画*/
@keyframes fadeInLeftSmall{from{opacity:0;transform:translate3d(-10px,0,0)}
to{opacity:1;transform:none}
}
.fadeInLeftSmall{animation-name:fadeInLeftSmall}
@keyframes fadeInRightSmall{from{opacity:0;transform:translate3d(10px,0,0)}
to{opacity:1;transform:none}
}
.fadeInRightSmall{animation-name:fadeInRightSmall}
@keyframes fadeOutLeftSmall{from{opacity:1;transform:none}
to{opacity:0;transform:translate3d(-10%,0,0)}
}
.fadeOutLeftSmall{animation-name:fadeOutLeftSmall}
@keyframes fadeOutRightSmall{from{opacity:1;transform:none}
to{opacity:0;transform:translate3d(10%,0,0)}
}
.fadeOutRightSmall{animation-name:fadeOutRightSmall}
@keyframes fadeInDownSmall{from{opacity:0;transform:translate3d(0%,-20px,0)}
to{opacity:1;transform:none}
}
.fadeInDownSmall{animation-name:fadeInDownSmall}
@keyframes fadeOutDownSmall{from{opacity:1;transform:none}
to{opacity:0;transform:translate3d(0%,10px,0)}
}
.fadeOutDownSmall{animation-name:fadeOutDownSmall;animation-timing-function:cubic-bezier(0.3,0,0.24,1)}

@keyframes fadeInUpSmall{from{opacity:0;transform:translate3d(0%,20px,0)}
to{opacity:1;transform:none}
}
.fadeInUpSmall{animation-name:fadeInUpSmall;/*animation-timing-function:cubic-bezier(0.3,0,0.24,1)*/}

@keyframes fadeOutUpSmall{from{opacity:1;transform:none}
to{opacity:0;/*transform:translate3d(0%,-10%,0)*/transform:translate3d(0%,-30px,0);}
}
.fadeOutUpSmall{animation-name:fadeOutUpSmall;/*animation-timing-function:cubic-bezier(0.3,0,0.24,1)*/animation-duration: 0.75s!important;}
@keyframes scaleIn{0%{opacity:0;transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1)}
100%{opacity:1;transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1)}
}
.scaleIn{animation-name:scaleIn}
@keyframes slideInUpSmall{from{transform:translate3d(0%,10%,0)}
to{transform:none}
}
.slideInUpSmall{animation-name:slideInUpSmall;animation-timing-function:cubic-bezier(0.3,0,0.24,1)}
@keyframes fn1{0%{opacity:0;clip-path:inset(100% 0 0 0);transform:translate3d(0%,20px,0)}
100%{opacity:1;clip-path:inset(0 0 0 0);transform:none}
}





@media screen and (min-width:1200.1px){

.CustomCursor_circle.CustomCursor_leave,
.CustomCursor_dot.CustomCursor_leave{opacity:0}
.CustomCursor_circle div,.CustomCursor_dot div{content:"";display:flex;position:relative;border-radius:50%}
.CustomCursor_circle div>span,
.CustomCursor_dot div>span{display:block;overflow:hidden;text-align:center;margin:auto;font-size:0;color:#fff;text-transform:capitalize}
.CustomCursor_circle div>span span,
.CustomCursor_dot div>span span{display:block;translate:0 100%}
.CustomCursor_circle{transition:.3s ease-in-out;transition-property:background;margin:-1.5625rem 0 0 -1.5625rem}
.CustomCursor_circle.CustomCursor_mousedown{scale:.7}
.CustomCursor_circle div{width:3.125rem;height:3.125rem;border:.04375rem solid #fff;border:none;}
.CustomCursor_dot{margin:-.15625rem 0 0 -.15625rem}
.CustomCursor_dot div{width:.3125rem;height:.3125rem;background:#fff}


.CustomCursor_circle,
.CustomCursor_dot{position:fixed;top:0;left:0;z-index:1000000;pointer-events:none;transform-origin:50% 50%;border-radius:50%;opacity:0;mix-blend-mode:difference;}
.CustomCursor_circle{background:transparent;transform:scale(0,0);}
.CustomCursor_circle.aon{background:#fff;transform:scale(0.4,0.4);transition:background 0.5s cubic-bezier(.23,1,.32,1),transform 0.5s cubic-bezier(.25,.46,.45,.94);}
.CustomCursor_dot.aon{opacity:0; display:none;}
.CustomCursor_circle.liaon{background:#5da38b;transform:scale(1.5,1.5);-webkit-transition:transform 0.5s ease;-moz-transition:transform 0.5s ease;-o-transition:transform 0.5s ease;transition:transform 0.5s ease;mix-blend-mode:normal;}
.CustomCursor_circle.liaon div{border:none;}
.CustomCursor_circle.liaon .cursor-text{font-size:0.6rem;}
.CustomCursor_dot.liaon{opacity:0; display:none;}

}
@media screen and (max-width:1200px){
.CustomCursor_circle,
.CustomCursor_dot{ display:none!important;}
}