@charset "utf-8";
/* css document */
*, ::after, ::before {	-webkit-box-sizing: border-box;	-moz-box-sizing: border-box;box-sizing: border-box}
html {-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;}
body, h1, h2, h3, h4, h5, h6, dl, dd, p, hr {margin: 0;}
button, option, textarea, td {padding: 0;}
ul, ol, input {margin: 0;padding: 0;}
ul, ol {list-style-type: none;}
table {border-spacing: 0;border-collapse: collapse;}
img {border:0;vertical-align:middle;}
a{color:inherit;}
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;text-decoration:none;}
:focus{outline:0;}
/*input*/
button {border: none;}
textarea {resize: none;}
button, input, textarea {outline:none;-webkit-tap-highlight-color: rgba(0,0,0,0);}  
input[type="button"],input[type="text"],input[type="submit"],button,select,textarea{-o-appearance:none; -ms-appearance:none; -moz-appearance:none; -webkit-appearance:none;appearance:none; resize: none; border-radius:0; outline: none;  background-color:transparent; font-family:inherit; font-size:inherit; color:inherit; -moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box; vertical-align:middle;}
input[type="button"],input[type="radio"],input[type="checkbox"],input[type="submit"],button {cursor:pointer;}
/*clearfix*/
.clearfix:before, .clearfix:after{content:"";display:block;height:0;overflow:hidden;}  
.clearfix:after{clear:both;}  
.clearfix{zoom:1;} 
/*swiper初始化*/
.swiper-container {margin: 0 auto;position: relative;overflow: hidden;list-style: none;padding: 0;z-index: 1}
.swiper-button-prev:after,
.swiper-button-next:after{display:none;}
/**slick初始化**/
.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}
.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}
.slick-list:focus{outline:none}
.slick-list.dragging{cursor:pointer;cursor:hand}
.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}
.slick-track:before,.slick-track:after{display:table;content:''}
.slick-track:after{clear:both}
.slick-loading .slick-track{visibility:hidden}
.slick-slide{display:none;float:left;height:100%;min-height:1px}
[dir='rtl'] .slick-slide{float:right}
.slick-slide img{display:block}
.slick-slide.slick-loading img{display:none}
.slick-slide.dragging img{pointer-events:none}
.slick-initialized .slick-slide{display:block}
.slick-loading .slick-slide{visibility:hidden}
.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}
.slick-arrow.slick-hidden{display:none}

/*font-face*/
@font-face{font-family:'oswald';src:;src: format('embedded-opentype'), format('woff2'), format('woff'), format('truetype');font-weight:normal;font-style:normal;font-display:swap}
@font-face{font-family:'oswald';src:;src: format('embedded-opentype'), format('woff2'), format('woff'), format('truetype');font-weight:300;font-style:normal;font-display:swap}
@font-face{font-family:'oswald';src:;src: format('embedded-opentype'), format('woff2'), format('woff'), format('truetype');font-weight:500;font-style:normal;font-display:swap}

/*body*/
body{font-family:"microsoft yahei","微软雅黑",helvetica,arial,sans-serif;min-width:320px;overflow-x: hidden;scroll-behavior: initial;color:#000;}
[lang="en"] body{font-family:inter,"microsoft yahei","微软雅黑",arial,helvetica,sans-serif;}

/*html*/
html{font-size:0.8333333333333333vw;/*font-size:16px;*/}
@media screen and (max-width:1200px){
html{font-size:14px}
}
@media screen and (max-width:767px){
html{font-size:0.875rem;}
}

/*container*/
.container{width:87.5%;margin:0 auto;}
@media screen and (max-width:1024px) {
.container{width:90%;}
}
@media screen and (max-width:767px){
.container{width:auto;padding:0 16px;min-width:320px;}
}


/*header*/
.header{position:fixed;top:0;left:0;right:0;width:100%;height:6.25rem;line-height:6.25rem;z-index:999;margin:auto;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s; background-color: #fff;}
.header .header-pc{position:relative;}
.header .header-wrap{width:100%;font-size:0;text-align:center;}
/*header logo*/
.header .header-pc .logo{width:11.875rem;height:100%;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s;}
.header .header-pc .logo img{display:block;max-width:100%;height:auto;}
/*header hover*/
.header.onsb{box-shadow: 0 2px 0.3rem rgba(0,0,0,0.05);height:5rem;line-height:5rem;}
@media screen and (max-width: 1024px) {
.header.onsb,.header{height:65px!important;line-height:65px!important;}
}
@media screen and (max-width: 768px) {
.header .header-pc .logo{left:16px;width:10rem;}

}


/*header-wrap*/
.header .header-wrap{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:space-between;justify-content:space-between}
.header .header-logo{display:flex;align-items:center;height: 100%;}
.header .header-ri {display:flex;align-items:center;height: 100%;}
/*pc-header-menu*/
.header .pc-header-menu{display:flex;align-items:center;height:100%;}
.header .pc-header-menu .nav{display:flex;align-items:center;}


/*pc-header-menu yiji*/
.header .pc-header-menu .nav{float:left;position:relative;}
.header .pc-header-menu .nav dl{float:left;position:relative;}
.header .pc-header-menu .nav dl:hover{z-index:20;}
.header .pc-header-menu .nav dt a{font-size:1rem;color:#000;position:relative;text-align:left; display:block;margin:0 1.625rem;}
.header .pc-header-menu .nav dt a:after{content:"";display:block;position:absolute;bottom:0;left:0;right:0;margin:0 auto;width:0;background-color:#ffc803;height:4px;-webkit-transition:all 0.3s linear;transition:all 0.3s linear;border-radius:2px;}
.header .pc-header-menu .nav dl:hover a:after,.header .pc-header-menu .nav dl.cur a:after{width:100%}
@media screen and (max-width: 1580px) {
  .header .pc-header-menu .nav dt a{margin:0 1.5rem;}
}
@media screen and (max-width: 1200px) {
  .header .pc-header-menu .nav dt a{font-size:0.875rem;margin:0 1rem;}
}
@media screen and (max-width: 1150px) {
  .header .pc-header-menu .nav dt a{font-size:0.875rem;margin:0 0.5rem;}
}
@media screen and (max-width: 1024px) {
 .header .pc-header-menu{display:none;}
}


/*pc-header-menu erji*/
.header .pc-header-menu .nav dd{position:absolute;top:100%;left:50%;transform:translatex(-50%);width:10rem;background-color:rgba(255,255,255,0.9);background-color:#ffffff;line-height:1.2;text-align:center;margin-top:0;box-shadow:0 4px 10px rgba(0,0,0,0.06);display:none;padding-top:1.25rem;padding-bottom:1.25rem;border-radius: 0 0 6px 6px;display:none;}
.header .pc-header-menu .nav dd .lia a{font-size:1rem;line-height:1.2;display:block;padding:0.75rem 1rem;color:#000;-webkit-transition:all 0.3s;transition:all 0.3s;}
.header .pc-header-menu .nav dd .lia:hover a{color:#ffc803;background:#f7f4ea;}
@media screen and (max-width: 1200px) {
.header .pc-header-menu .nav dd .lia a{font-size:0.875rem;padding:0.5rem 1rem;}
}





/*header-lang*/
.header .header-lang {height:100%;position: relative;margin-left:1.875rem;}
.header .header-lang .header-langbtn{display:flex;align-items:center;font-size:1rem;color:#000000;cursor:pointer;}
.header .header-lang .header-langbtn .icon-lan{display:flex;align-items:center;justify-content:center;width:1.125rem;height:1.125rem;margin-right:0.625rem;background-image:; background-size:100%; background-position: center center; background-repeat:no-repeat;}
.header .header-lang .header-langbtn .icon_v{display:block;width:10px;height:6px;margin-left:14px}    
.header .header-lang .header-langbtn .icon_v .cls-1{fill: #222;fill-rule:evenodd;}       
/*header-langnav*/
.header .header-lang .header-langnav{position:absolute;top:100%;left:50%;width:10rem;-webkit-transform:translatex(-50%);transform:translatex(-50%);line-height:1.5;padding-bottom:0.12rem;padding-top:0.12rem;border-radius:0 0 6px 6px;margin-top:-1px;background-color:#fff;-webkit-transition:all 0.3s linear;-moz-transition:all 0.3s linear;-ms-transition:all 0.3s linear;-o-transition:all 0.3s linear;transition:all 0.3s linear;display:none;}
.header .header-lang .header-langnav a{font-size:1rem;line-height: 1.2;display:block;padding:0.75rem 1.25rem;-webkit-transition:all 0.3s;transition:all 0.3s;color:#333}
.header .header-lang .header-langnav a:hover{color:#ffc803;background:#f7f4ea;}
@media screen and (min-width:1024.1px) {
.header .header-lang .header-langnav{display:block;opacity:0;pointer-events:none;-webkit-transform:translatex(-50%) translatey(-8px);transform:translatex(-50%) translatey(-8px);}
.header .header-lang:hover .header-langnav{display:block;-webkit-transform:translatex(-50%) translatey(0);transform:translatex(-50%) translatey(0);opacity:1;pointer-events:auto;}
}
@media screen and (max-width:1200px) {
.header .header-lang {margin-left:1.5rem;}
/* .header .header-lang .header-langbtn{ font-size:0;}
.header .header-lang .header-langbtn .icon-lan{margin-right:0;}
.header .header-lang .header-langbtn .icon_v{ display:none;} */
.header .header-lang .header-langnav a{font-size:0.875rem;}
}
@media screen and (max-width:1024px) {
.header .header-lang {margin-left:1.25rem;}
}

/*header-search*/
.header .header-line{display:block;margin:0 0.625rem;width:1px;height:1rem;background-color:#afafaf;}
.header .header-search {height:100%;position: relative;margin-left:3.125rem;}
.header .header-search .header-searchbtn{-webkit-transition:all 0.4s linear;-moz-transition:all 0.4s linear;-ms-transition:all 0.4s linear;-o-transition:all 0.4s linear;transition:all 0.4s linear;}
.header .header-search .header-searchbtn{display:flex;align-items:center;font-size:1rem;color:#000000;cursor:pointer;}
.header .header-search .header-searchbtn .icon-search{display:flex;align-items:center;justify-content:center;width:1.125rem;height:1.125rem;margin-right:0.625rem;background-image:; background-size:1.125rem; background-position: center center; background-repeat:no-repeat;}
.header .header-search .header-searchbtn.search-show .icon-search{background-image:;}
@media screen and (max-width:1200px) {
.header .header-search{margin-left:2rem;}
.header .header-search .header-searchbtn{font-size:0;}
.header .header-search .header-searchbtn .icon-search{margin-right:0;}
}
@media screen and (max-width:1024px) {
.header .header-search {margin-left:0rem; position: static;}
.header .header-line{display:none;margin:0;}
}

/*header-searchbox*/
.header-searchbox{position:absolute;right:-1.875rem;top:100%;width:24.75rem;background-color:#f5f5f5;color:#000000;display:none;}
.header-searchbox .header-searchb{padding:0.625rem 0.875rem;position:relative}
.header-searchbox form{display:flex;align-items:center;justify-content:space-between;margin:0;transition:all 0.4s;background-color:#ffffff;border-radius:0.625rem;overflow: hidden;}
.header-searchbox form .searchinput{display:block;width:calc(100% - 26px);padding:0.5rem 1rem;height:2.875rem;font-size:0.875rem;color:#000;font-family:"微软雅黑",arial,sans-serif;outline:none;border:none;background:#fff;text-align:left;}
.header-searchbox form input::-webkit-input-placeholder{color:#9799a6}
.header-searchbox form input::-moz-placeholder{color:#9799a6}
.header-searchbox form input:-ms-input-placeholder{color:#9799a6}
.header-searchbox form .search-cancel{cursor:pointer;}
.header-searchbox form .searchsubmit{display:flex;align-items:center;overflow:hidden;outline:none;border:none;width:2.875rem; height:2.875rem;background-image:; background-size:1.125rem; background-position: center center; background-repeat:no-repeat;}
@media screen and (max-width:1024px) {
.header-searchbox{position:absolute;left:0;right:0;top:100%;width:100%;}
}



/*m-header*/
.m-header-menu{display:none;}
@media screen and (min-width: 1024.1px) {	
.m-header-menu{display:none!important;}
}
@media screen and (max-width: 1024px) {
body.openmenu{ overflow: hidden;}
/*m-nav-btn*/
.m-nav-btn{width:22px;height:65px;margin-left: 10px; float:left; position:relative;display:block;cursor:pointer;-moz-transition-duration:.5s;-webkit-transition-duration: .5s;-o-transition-duration:.5s;transition-duration:.5s; }
.m-nav-btn.cur .line1{transform: rotate(45deg); }
.m-nav-btn.cur .line2{display: none; }
.m-nav-btn.cur .line3{transform: rotate(-45deg); }
.m-nav-btn .line{position: absolute;display: block;width:22px;height:2px;background-color:#000;left:0px;-moz-transition: all .5s ease-in-out;-webkit-transition: all .5s ease-in-out;-o-transition: all .5s ease-in-out;transition: all .5s ease-in-out;  margin: 0}
.m-nav-btn .line1{top: 25px;-webkit-transform-origin: left top 0;-ms-transform-origin: left top 0;  transform-origin: left top 0; }
.m-nav-btn .line2{top: 32px; }
.m-nav-btn .line3{top: 40px; -webkit-transform-origin: left bottom 0;  -ms-transform-origin: left bottom 0;  transform-origin: left bottom 0; }

/*m-header-menu*/
.m-header-menu{width: 100%;height: 100%;display:none;position: fixed;left: 0;top:64px;background-color: #fff;z-index: 5;overflow: scroll;}
.m-header-menu .m-header-nav{padding:4vw 4vw;}
.m-header-menu .nav-a a{color: #333;font-size: 16px;line-height:20px; padding:20px 0;  display: block;  cursor: pointer;  background: url(/uploads/image/dkimages/arrow-right3.png) no-repeat right 0 center;  background-size:8px !important;  border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
.m-header-menu .nav-subnav{position:static;display: none;padding: 15px 15px;}
.m-header-menu .nav-subnav a{line-height: 36px;font-size:15px;color: #666;display: block;border-bottom:none; }
}




/*footer*/
.footer {background:#f9c03b;background-size:cover; text-align: center;}
.footer .footer-top{padding-top:5.625rem;padding-bottom:1.5rem;}
/*footer-logo*/
.footer .footer-logo{display:block;margin-bottom:1.5rem;text-align: center;}
.footer .footer-logo img{height:2.5rem;}
/*footer-lx*/
.footer .footer-lx {font-size:1.25rem;line-height:1.75rem;color:#332c2b;}
.footer .footer-lx .icon{ margin-bottom:0.625rem;vertical-align: middle;}
.footer .footer-lx .icon span{vertical-align: middle;}
.footer .footer-lx .icon .t{font-weight:300;background-position: left center; background-repeat: no-repeat;background-size:1.25rem; padding-left:2.125rem; }
.footer .footer-lx .icon .t2{font-weight:normal;}
.footer .footer-lx .tel .t{background-image:;}
.footer .footer-lx .tel2 .t{background-image:;}
.footer .footer-lx .add .t{background-image:;}
.footer .footer-lx .fax .t{background-image:;}
.footer .footer-lx .mail .t{background-image:;}
.footer .footer-lx .item{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-justify-content:center;justify-content:center;gap:2.25rem;}
[lang="en"] .footer .footer-lx .icon .t{font-weight:500;}
[lang="en"] .footer .footer-lx .icon.add .t{font-weight:normal;}
/*footer-nav*/
.footer .footer-nav ul{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-justify-content:center;justify-content:center;flex-wrap: wrap;padding-top:1.5rem;margin-bottom:1.875rem;}
.footer .footer-nav li{display:inline-block;*display:inline;zoom:1;font-size:0;line-height:0;padding:0;margin:0;vertical-align:top;}
.footer .footer-nav li a{display:inline-block;position:relative;color:#332c2b;font-size:1.125rem;line-height:1.625rem;margin-right:1.5625rem;font-weight:300;}
.footer .footer-nav li:last-child a{margin-right:0!important;}
.footer .footer-nav li a:before{content:'/';display:inline-block; margin-right:1.875rem;color:#332c2b;}
.footer .footer-nav li:first-child a:before{display:none!important;}
.footer .footer-nav li a:hover{color:#a77604;}
[lang="en"] .footer .footer-nav li a{font-weight:500;}
/*footer-code*/
.footer .footer-code{font-size:0.9375rem;line-height:1.3;font-weight:300;color:#000; text-align:center;}
.footer .footer-code img{width:6.25rem;border-radius:0.625rem; margin-bottom:0.625rem; background-color: #fff;}
.footer .footer-codelist{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-justify-content:center;justify-content:center;flex-wrap: wrap;gap:1.25rem;}
[lang="en"] .footer .footer-lx .icon.add .t{font-weight:normal;}
/*footer-copyright*/
.footer .footer-copyright{padding:1.125rem 0;border-top: 1px solid #e0ac35;font-size:0.875rem;line-height:1.5rem;color:#6c552e;font-weight:normal;}
.footer .footer-copyright a:hover{color:#000;}
@media screen and (max-width:1200px) {
.footer .footer-top{padding-top:5rem;padding-bottom:1.5rem;}
.footer .footer-lx {font-size:1.125rem;line-height:1.75rem;}
.footer .footer-lx .item{gap:2rem;}
.footer .footer-nav ul{padding-top:1.25rem;margin-bottom:1.75rem;}
.footer .footer-nav li a{font-size:1rem;line-height:1.5rem;margin-right:1.5rem;}
.footer .footer-nav li a:before{margin-right:1.75rem;}
.footer .footer-codelist{gap:1.125rem;}
.footer .footer-copyright{padding:1rem 0;}
}
@media screen and (max-width:1024px) {
.footer .footer-top{padding-top:5rem;padding-bottom:1.5rem;}
.footer .footer-lx {font-size:1rem;line-height:1.5rem;}
.footer .footer-lx .icon .t{background-size:1.125rem; padding-left:1.8rem; }
.footer .footer-lx .item{gap:1.5rem;}
.footer .footer-nav ul{padding-top:1.125rem;margin-bottom:1.5rem;}
.footer .footer-nav li a{font-size:1rem;line-height:1.5rem;margin-right:1.25rem;}
.footer .footer-nav li a:before{margin-right:1.5em;}
.footer .footer-codelist{gap:0rem;}
.footer .footer-codelist li{padding:0.5rem 0.5rem;}
.footer .footer-copyright{padding:1rem 0;}
}
@media screen and (max-width:767px) {
.footer .footer-lx .icon{margin: 0 0.5rem;}
.footer .footer-lx .item{flex-wrap: wrap;gap:0rem; }

.footer .footer-nav li a{margin-right:1rem;}
.footer .footer-nav li a:before{margin-right:1rem;}

.footer .footer-codelist{gap:0rem;}
	.footer .footer-codelist{ /*max-width:46rem;*/margin:0 auto;}
	.footer .footer-codelist li{padding:0.5rem 0;width:20%;}
	.footer .footer-code img{width:90%; margin: 0 0.5rem 0.5rem 0.5rem;}
	.footer .footer-code .t{margin: 0 0.5rem;}

.footer {padding-bottom:50px;}
}
@media screen and (max-width:540px) {
	.footer .footer-codelist{ max-width:24rem;margin:0 auto;}
	.footer .footer-codelist li{padding:0.5rem 0;width:33.3333%;}
	.footer .footer-code img{width:90%; margin: 0 0.5rem 0.5rem 0.5rem;}
	.footer .footer-code .t{margin: 0 0.5rem;}
}


/*floatpop*/
.floatpop{position:fixed;right:1.25rem;bottom:32%;z-index:100;}
.floatpop > *{transition:all 0.6s}
.floatpop .floatpopb{box-shadow:0 0 20px rgba(0,0,0,0.05);background:#fff;margin-bottom:1.25rem;padding:0.625rem;border-radius:0.625rem;width:4.375rem;}
.floatpop .floatpopb .floatpop_a:last-child{border:none;padding-bottom:0}

/*floatpop_a*/
.floatpop .floatpop_a{position:relative;display:block;display:flex;align-items:center;justify-content:center;padding-bottom:1.125rem;border-bottom:1px solid #e9e9e9;margin-bottom:0.625rem;background-color:#fff;}
.floatpop .floatpop_a.gotop{padding:0.625rem;border-radius:0.625rem;box-shadow:0 0 20px rgba(0,0,0,0.05);border-bottom:none;}
.floatpop .floatpop_a .floatpop_a_img p{font-size:0.75rem;margin-top:5px;color:#000000;text-align:center;font-weight:300;}
.floatpop .floatpop_a .floatpop_a_img{display:flex;align-items:center;justify-content:center;flex-direction:column}
.floatpop .floatpop_a .floatpop_a_img .icon{width:3.125rem;height:3.125rem;border-radius:0.625rem;display:flex;align-items:center;justify-content:center;transition:all 0.4s;background-position:center center;background-repeat:no-repeat;background-size:1.625rem;}
.floatpop .floatpop_a .floatpop_a_img .icon.icon-tel{background-image:url(/uploads/image/dkimages/float-tel.png)}
.floatpop .floatpop_a .floatpop_a_img .icon.icon-wx{background-image:url(/uploads/image/dkimages/float-wx.png)}
.floatpop .floatpop_a .floatpop_a_img .icon.icon-fb{background-image:url(/uploads/image/dkimages/float-fb.png)}
.floatpop .floatpop_a .floatpop_a_img .icon.icon-top{background-image:url(/uploads/image/dkimages/icon-top.png)}

/* 英文版浮动客服：微信图标改为 whatsapp，并适当放大 */
[lang="en"] .floatpop .floatpop_a .floatpop_a_img .icon.icon-wx{
    background-image:url(/uploads/image/dkimages/float-wa2.png);
    background-size:2rem;
}

@media screen and (min-width:768px) {
.floatpop .floatpop_a:hover .floatpop_a_img .icon.icon-tel{background-image:url(/uploads/image/dkimages/float-tel2.png)}
.floatpop .floatpop_a:hover .floatpop_a_img .icon.icon-wx{background-image:url(/uploads/image/dkimages/float-wx2.png)}
.floatpop .floatpop_a:hover .floatpop_a_img .icon.icon-fb{background-image:url(/uploads/image/dkimages/float-fb2.png)}
.floatpop .floatpop_a:hover .floatpop_a_img .icon{background-color:#f9c029}

    [lang="en"] .floatpop .floatpop_a:hover .floatpop_a_img .icon.icon-wx{
        background-image:url(/uploads/image/dkimages/float-wa.png);
        background-size:2rem;
    }
}

@media screen and (max-width:767px) {
	.floatpop{right:0;bottom:0;width:100%;zoom:1;min-width:320px;}
	.floatpop .floatpopb{width:84%;padding:0;float:left;margin:0;display:flex;border-radius:0;}
	.floatpop .floatpopb .floatpop_a{width:33.333%;padding:0;margin-bottom:0;position:relative;display:block}
	.floatpop .floatpopb .floatpop_a:before{content:"";display:block;position:absolute;right:0;top:50%;transform:translatey(-50%);width:1px;height:14px;background:#6a6a6a;}
	.floatpop .floatpop_a{background-color:#332c2b;border-bottom:none;height:50px;padding-bottom:0.625rem;margin-bottom:0;}
	.floatpop .floatpop_a.gotop{padding:0.625rem;border-radius:0;background-color:#332c2b;}
	.floatpop .floatpop_a .floatpop_a_img{flex-direction:row;height:100%}
	.floatpop .floatpop_a .floatpop_a_img p{font-size:1rem;color:#f9c029;margin:0}
	.floatpop .floatpop_a .floatpop_a_img .icon.icon-top{background-image:url(/uploads/image/dkimages/icon-top2.png);}
}

@media screen and (max-width:640px) {
    .floatpop .floatpop_a .floatpop_a_img .icon{width:3rem;background-size:1.5rem;}
   	.floatpop .floatpop_a .floatpop_a_img p{font-size:0.875rem;}

    [lang="en"] .floatpop .floatpop_a .floatpop_a_img .icon.icon-wx{
        background-size:1.8rem;
    }
}

@media screen and (max-width:430px) {
   .floatpop .floatpop_a .floatpop_a_img .icon{width:2.5rem;background-size:1.5rem;}
}

@media screen and (max-width:370px) {
   .floatpop .floatpop_a .floatpop_a_img .icon{width:2rem;background-size:1.3rem;}

   [lang="en"] .floatpop .floatpop_a .floatpop_a_img .icon.icon-wx{
        background-size:1.55rem;
    }
}

/*floatpop_text*/
@media screen and (min-width:768px) {
.floatpop .floatpop_a .floatpop_text{position:absolute;top:50%;right:130%;background:#fff;padding:1rem 1rem;transition:all 0.6s;-moz-transition:all 0.6s;z-index:1;transform:translatey(-50%) scale(0);-webkit-transform:translatey(-50%) scale(0);display:flex;flex-direction:column;justify-content:center;box-shadow:0 0 1.25rem rgba(0,0,0,0.05);border-radius:5px;}
.floatpop .floatpop_a .floatpop_text p{color:#666;margin-bottom:0.02rem;white-space:nowrap;font-size:1.125rem}
.floatpop .floatpop_a .floatpop_text img{width:8rem;height:8rem;}
.floatpop .floatpop_a .floatpop_text::after{content:'';width:0;height:0;border-style:solid dashed dashed;border-color:#fff transparent transparent;overflow:hidden;cursor:pointer;transition:all 0.2s;-webkit-transition:all 0.2s;position:absolute;top:50%;right:-1.25rem;margin-top:-0.625rem;border-width:10px;border-top-color:#fff;-webkit-transform:rotate(-90deg)}
.floatpop .floatpop_a:hover .floatpop_text{transform:translatey(-50%) scale(1);-webkit-transform:translatey(-50%) scale(1)}
.floatpop .floatpop_a .close-btn{display:none;}
}

@media screen and (max-width:767px) {
.floatpop .floatpop_a .floatpop_text{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgba(0,0,0,0.5);justify-content:center;align-items:center}
.floatpop .floatpop_a .floatpop_text.on{display:flex}
.floatpop .floatpop_a .floatpop_text .floatpop_textb{background-color:#fff;padding:20px;border-radius:8px;box-shadow:0 4px 20px rgba(0,0,0,0.2);max-width:300px;position:relative}
.floatpop .floatpop_a .floatpop_text .floatpop_textb img{max-width:100%;height:auto;display:block;border-radius:4px;width:200px;}
.floatpop .floatpop_a .close-btn.close-btn{position:absolute;top:5px;right:5px;width:30px;height:30px;background-color:#fff;border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:20px;color:#666;cursor:pointer;transition:background-color 0.3s}
.floatpop .floatpop_a .close-btn.close-btn:hover{background-color:#f0f0f0}
.floatpop .floatpop_a .floatpop_text.on .floatpop_textb{animation:fadein2 0.3s ease-out forwards}
@keyframes fadein2{from{opacity:0;transform:scale(0.95)}to{opacity:1;transform:scale(1)}}
}

/*****************************************index*****************************************/
/*main*/
.main{padding-top:6.25rem;}
@media screen and (max-width: 1024px) {
.main{padding-top:65px!important;}
}

/*indexbanner*/
.indexbanner{position:relative;overflow:hidden;}
.indexbanner .item{display:block; position:relative; z-index:3;}
/*bannervideo*/
.indexbanner .swiper-slide{overflow:hidden; width:100%; position:relative;background:#000; float:left;}
.indexbanner .swiper-slide::after{content:""; position: absolute; top:0;bottom:0; left:0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.1); z-index:1;}
/*bannerimg*/
.indexbanner .bannerimg{display:block;position:relative;/*padding-bottom:58.75rem;*/padding-bottom:43.75%;width:100%;z-index:0;}
.indexbanner .bannerimg>div{position:static!important;}
.indexbanner .bannerimg picture>div{position:static!important;}
.indexbanner .bannerimg img{display:block;position:absolute;bottom:0;left:0;z-index:1;width:100%;height:100%;max-width:100%;-o-object-fit: cover;object-fit: cover;-o-object-position:center;object-position:center;}
.indexbanner .bannerimg img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);-webkit-transition:transform 6s ease-in-out;-moz-transition:transform 6s ease-in-out;-ms-transition:transform 6s ease-in-out;-o-transition:transform 6s ease-in-out;transition:transform 6s ease-in-out;}
.indexbanner .swiper-slide.swiper-slide-active .bannerimg img{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);}
.indexbanner .bannerimg  video{ display:block;max-width:none;vertical-align:top;width:100%;height:100%;-o-object-fit:cover;object-fit:cover; position:absolute;top:0;left:0;z-index:3;}
@media screen and (max-width:1024px){
.indexbanner .bannerimg{height:0;padding-bottom:50%;}
}
@media screen and (max-width:640px){
.indexbanner .bannerimg{height:0;padding-bottom:106.6667%;}
}
@media screen and (max-width:430px){
.indexbanner .bannerimg{height:0;padding-bottom:106.6667%;}
}


/*indexbanner-pagination*/
.indexbanner-paginationb{position:absolute;bottom:2.5rem;left:0;right:0; z-index:5; text-align:center; margin:0 auto;}
.indexbanner-paginationb .swiper-pagination{bottom:0;line-height:0;font-size:0; position:static; width:100%;text-align:center;}
.indexbanner-paginationb .swiper-pagination span{width:2.8125rem;height:0.25rem;border:none;opacity:1;float:none;margin-left:0.625rem;border-radius:0.25rem; background:rgba(255, 255, 255, 0.2);transition:background .3s linear;cursor: pointer;}
.indexbanner-paginationb .swiper-pagination span.swiper-pagination-bullet-active{background:#fff;}
@media screen and (max-width:1024px) {
.indexbanner-paginationb .swiper-pagination{bottom:30px;}
.indexbanner-paginationb .swiper-pagination span{width:35px;height:3px;}
}
@media screen and (max-width:767px) {
.indexbanner-paginationb .swiper-pagination{bottom:20px;}
.indexbanner-paginationb .swiper-pagination span{width:25px;height:3px;}
}


/*morebtn*/
.morebtnb{font-size:0;line-height:0; margin-top:2.8125rem;}
.morebtn{display:inline-block;min-width:11.875rem;border-radius:3.75rem;line-height:3.75rem;padding:0 2.1875rem;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;transition: all 0.3s;background-color:#000;}
.morebtn span{text-align:left;display:block;font-size:1rem;color:#fff;padding-right:1.25rem;position:relative;-webkit-transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out;-o-transition: all .5s ease-in-out;transition: all .5s ease-in-out; position:relative;}
.morebtn span:after{ content:'';position: absolute;right:0;top:50%; width:0.75rem;height:0.75rem; margin-top:-0.375rem;background-image:;background-position: right center; background-repeat:no-repeat;background-size:0.75rem;-webkit-transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out;-o-transition: all .5s ease-in-out;transition: all .5s ease-in-out;}
.morebtn:hover span{text-align:left;color:#fff; }
.morebtn:hover span:after{background-image:;-webkit-transform:rotatez(90deg);transform:rotatez(90deg);}
.morebtn:hover{background-color:#00b1a7;-moz-box-shadow: 0 0rem 0.8125rem rgba(0,177,167,0.27);-webkit-box-shadow: 0 0rem 0.625rem rgba(0,177,167,0.27);box-shadow: 0 0rem 0.8125rem rgba(0,177,167,0.27);}
@media screen and (max-width:1200px){
.morebtn{min-width:10rem;border-radius:3.375rem;line-height:3.375rem;padding:0 1.875rem;}
}
@media screen and (max-width:1024px){
.morebtn{min-width:8.75rem;border-radius:3rem;line-height:3rem;padding:0 1.5625rem;}
.morebtn span{font-size:0.875rem; }
.morebtn span:after{background-size:0.625rem;}
}
@media screen and (max-width:767px){
.morebtn{min-width:7.5rem;border-radius:2.5rem;line-height:2.5rem;padding:0 1.25rem;}
.morebtn span{font-size:0.75rem;}
.morebtn span:after{background-size:0.5rem;}
}

/*more*/
.more{display:inline-block;border-radius:50%;width:3.125rem;height:3.125rem;margin:0 auto;margin-top:1.5rem;background-size:0.625rem;background-color:#ffc801;background-position: center center; background-repeat:no-repeat;background-image:;-webkit-transition: all .5s linear;-moz-transition: all .5s linear;-o-transition: all .5s linear;transition: all .5s linear; }
.more:hover{background-color:#332c2b;background-image:;-webkit-transform:rotatez(90deg);transform:rotatez(90deg);}


/*indextit*/
.indextit{font-size:1.875rem;color:#332c2b;line-height:2.375rem; text-align: center;margin-bottom:2rem;}
.indextit a{color:#332c2b;display: inline-block; }
.indextit .line{width:2.3125rem;height: 0.3125rem;background-color: #f9c029;margin:0 auto;margin-top:1.25rem; font-weight: normal;}
.indextit .des{color:#000000;font-size:1.0625rem;line-height:1.875rem;margin:0 auto;margin-top:1.25rem;font-weight:300;max-width: 66.25rem;}
.indextit.white{color:#fff;}
.indextit.white a{color:#fff;}
.indextit.white .des{color:#fff;}
@media screen and (max-width:1200px){
.indextit{font-size:1.75rem;margin-bottom:1.5rem;}
.indextit .des{font-size:1rem;margin-top:2.1875rem;}
}
@media screen and (max-width:1024px){
.indextit{font-size:1.5rem;}
.indextit .des{font-size:0.875rem;margin-top:1rem;line-height:1.3;}
}
@media screen and (max-width:767px){
.indextit{font-size:1.25rem;}
.indextit .des{font-size:0.875rem;margin-top:0.75rem;}
}
@media screen and (max-width:480px){
.indextit{font-size:1.125rem;}
.indextit .des{font-size:0.875rem;margin-top:0.625rem;}
}



/*mbtn*/
.swbtn{text-align:center; line-height:0;}
.mbtn{ display:inline-block;position:absolute;top:50%;cursor:pointer;z-index:3;overflow:hidden;outline:none;margin:0;width:4.375rem;height:4.375rem;border-radius:50%;background-size:0.625rem;background-color:#bdbdbd;background-position:center center; background-repeat:no-repeat;-webkit-transform:translatey(-50%);transform:translatey(-50%);}
.mbtn{-moz-transition: all .2s linear;-ms-transition: all .2s linear;-webkit-transition: all .2s linear;-o-transition: all .2s linear;transition: all .2s linear;}
.mbtn.white{background-color:#e8e8e8;}
.mbtn:hover{background-color:#ffc801;}
.mbtn.swiper-button-prev{ background-image:url(/uploads/image/dkimages/arrow-left2.png);left:3.9%;}
.mbtn.swiper-button-next{ background-image:url(/uploads/image/dkimages/arrow-right2.png);right:3.9%;}
.mbtn.swiper-button-prev.white{background-image:url(/uploads/image/dkimages/arrow-left3.png);}
.mbtn.swiper-button-next.white{ background-image:url(/uploads/image/dkimages/arrow-right3.png);}
.mbtn.swiper-button-prev:hover{background-image:url(/uploads/image/dkimages/arrow-left.png);}
.mbtn.swiper-button-next:hover{ background-image:url(/uploads/image/dkimages/arrow-right.png);}
.mbtn.swiper-button-disabled{filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;}	
/*.swbtn .swiper-pagination*/
.swbtn .swiper-pagination{ position: absolute;bottom: 0;top: auto;left: 0;right: 0;bottom:0;margin:0 0.625rem;height:2px;background:#fff;}
.swbtn .swiper-pagination .swiper-pagination-progressbar-fill{background:#f9c03b;}
@media screen and (max-width:1200px){
.mbtn{margin:0 0.625rem;width:3rem;height:3rem;background-size:0.5rem;}
}
@media screen and (max-width:1024px){
/* .mbtn{margin:0 0.5rem;width:2.5rem;height:2.5rem;background-size:0.45rem;} */
}
@media screen and (max-width:767px){

}





/*indexpro*/
.indexpro{position:relative;overflow:hidden;background-color:#ffffff;padding-top:5.625rem;padding-bottom:3.75rem;}
/*indexprolist*/
.indexprolistb{overflow: hidden; position: relative;}
.indexprolist{font-size:0;margin:0 -0.625rem;padding-top:2.5rem;}
.indexprolist .slick-list{overflow: visible;width:100%;}
.indexprolist .item{ display:block;float:left;width:25%;}
.indexprolist .itema{display:block;margin:0 0.625rem;padding:5rem 2rem 3.375rem 2rem;position:relative;overflow:hidden;border-radius:0.625rem; background-color: #e5e5e5;text-align: center;}
.indexprolist .itema{/* display: -webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;justify-content: space-between;height:100%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box; */}
.indexprolist .titel{font-size:1.25rem;line-height:1.75rem;height:3.5rem;margin-bottom:0.875rem;color:#332c2b;font-weight:300;overflow:hidden;text-align:center;display:-webkit-box;text-overflow:ellipsis;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
[lang="en"] .indexprolist .titel{font-weight:normal;}
.indexprolist .des{font-size:0.9375rem;line-height:1.625rem;height:3.25rem;color:#8b8888;display:-webkit-box;text-overflow:ellipsis;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:2rem;text-align:left;}
[lang="en"] .indexprolist .titel{font-weight:normal;}
.indexprolist .imgbox{overflow:hidden;height: 0;padding-bottom:75%;position:relative;}
.indexprolist .imgbox>div{position:static!important;}
.indexprolist .imgbox img {position:absolute;top:0;left:0;right:0;bottom:0;display:block;max-width:none;width:100%;height:100%;object-fit:cover;}
/*hover*/
.indexprolist .item,.indexprolist .itema,.indexprolist .imgbox,
.indexprolist .imgbox img{-moz-transition: all .2s linear;-ms-transition: all .2s linear;-webkit-transition: all .2s linear;-o-transition: all .2s linear;transition: all .2s linear;}
.indexprolist .itema:hover .imgbox img{-moz-transform:scale(0.95);-webkit-transform:scale(0.95);-ms-transform:scale(0.95);transform:scale(0.95);}
.indexprolist .itema:hover{-webkit-transform:translatey(-1rem);transform:translatey(-1rem);}
@media screen and (max-width:1200px){
.indexpro{padding-top:4rem;padding-bottom:3rem;}
.indexprolist{margin:0 -0.5rem; padding-top:2rem;}
.indexprolist .itema{margin:0 0.5rem;padding:4rem 1.75rem 3rem 1.75rem;}
.indexprolist .titel{font-size:1.125rem;}
.indexprolist .des{font-size:0.875rem;line-height:1.5rem;height:3rem;margin-bottom:1.5rem;}
}
@media screen and (max-width:1024px){
.indexpro{padding-top:3rem;padding-bottom:2rem;}
.indexprolist .item{ width:33.333333%;}
.indexprolist{margin:0 -0.5rem; padding-top:2rem;}
.indexprolist .itema{margin:0 0.5rem;padding:3rem 1.5rem 2rem 1.5rem;}
.indexprolist .titel{font-size:1.125rem;}
.indexprolist .des{font-size:0.875rem;line-height:1.5rem;height:3rem;margin-bottom:1.25rem;}
.indexprolist .itema:hover{-webkit-transform:translatey(0);transform:translatey(0);}
}
@media screen and (max-width:767px){
.indexpro{padding-top:3rem;padding-bottom:2rem;}
.indexprolist .item{ width:50%;}
.indexprolist{margin:0 -0.5rem; padding-top:1.5rem;}
.indexprolist .des{font-size:0.8125rem;line-height:1.375rem;height:2.75rem;margin-bottom:1rem;}
}


/*.indexprolist swiper-wrapper*/
.indexprolist .swiper-slide{width:25%;}
@media screen and (max-width:1200px){
.indexprolist .swiper-slide{width:33.333333%;}
}
@media screen and (max-width:1024px){
.indexprolist .swiper-slide{width:50%;}
}
@media screen and (max-width:767px){
.indexprolist .swiper-slide{width:66.66666666666667%;}
}
@media screen and (max-width:430px){
.indexprolist .swiper-slide{width:76.92307692307692%;}
}
@media screen and (max-width:370px){
.indexprolist .swiper-slide{width:100%;}
}




/*indexpro2*/
.indexpro2{position:relative;overflow:hidden;background-color:#ffffff;}
/*indexpro2list*/
.indexpro2listb{overflow: hidden; position: relative; padding:1.25rem 1.25rem;}
.indexpro2list{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem;}
.indexpro2list .item{ display:block;}
.indexpro2list .itema{display:block;position:relative;overflow:hidden;border-radius:0.625rem;}
.indexpro2list .item{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;justify-content: space-between;flex-direction: column;height: auto;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;height:100%; width: 100%;}
.indexpro2list .itema{display: -webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;justify-content: space-between;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;flex-direction: column;}
.indexpro2list .imgbox{width:100%;height:0;padding-bottom:98.9247311827957%;overflow:hidden;position:relative;}
.indexpro2list .imgbox>div{position:static!important;}
.indexpro2list .imgbox img{width:100%;object-fit:cover;position:absolute;top:0;left:0;height:120%;/* 图片高度必须大于容器，才能产生视差空间 */}
/*hover*/
.indexpro2list .item,.indexpro2list .itema,.indexpro2list .imgbox,
.indexpro2list .imgbox img{-moz-transition: all .2s linear;-ms-transition: all .2s linear;-webkit-transition: all .2s linear;-o-transition: all .2s linear;transition: all .2s linear;}
.indexpro2list .itema:hover .imgbox img{-moz-transform:scale(1.02);-webkit-transform:scale(1.02);-ms-transform:scale(1.02);transform:scale(1.02);}
.indexpro2list .indextit{ padding-top:8.25rem;position: absolute;top:0;left:3%;right:3%;}

.indexpro2list .item:nth-child(2) .indextit{color:#fff;}
.indexpro2list .item:nth-child(2) .indextit .des{color:#fff;}
@media screen and (max-width:1024px){
.indexpro2list{grid-template-columns:repeat(1,1fr);}
.indexpro2list .imgbox img{height:100%;}
.indexpro2list .indextit{ padding-top:5rem;}
}
@media screen and (max-width:767px){
.indexpro2list .imgbox{padding-bottom:100%;min-height:360px;}
.indexpro2list .imgbox img{height:100%;}
.indexpro2list .indextit{ padding-top:1.25rem;}
}




/*indexservice*/
.indexservice{position:relative;overflow:hidden;padding-top:8.75rem;padding-bottom: 10rem;background-color: #f3f3f5;}
.indexservice .bg{z-index:0;position:absolute;top:0;left:0;height:100%;width:100vw;}
.indexservice .bg img{width:100%;height:auto;display:block}
.indexservice::before{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;background-image:;background-size:100%;background-position: center top; background-repeat:no-repeat;z-index:1;}
.indexserviceb{position:relative;z-index:2;}
@media screen and (max-width:1200px){
.indexservice{padding-top:6rem;padding-bottom:7rem;}
.indexservice .bg img{width:100%;height:130%; object-fit: cover;}
}
@media screen and (max-width:1024px){
.indexservice{padding-top:4rem;padding-bottom:5rem;}
.indexservice .bg img{width:100%;height:100%; object-fit: cover;}
}
@media screen and (max-width:767px){
.indexservice{padding-top:3rem;padding-bottom:4rem;min-height:700px;}
.indexservice .bg img{width:100%;height:100%; object-fit: cover;}
}

/*morebtn*/
.morebtn{width:100%;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;padding-top:2rem;}
.morebtn_inner{box-sizing:border-box;position:relative;display:inline-block;-ms-flex-negative:0;flex-shrink:0;font-size: 0;line-height: 0;}
.morebtn_link{overflow:hidden;box-sizing:border-box;display:-ms-flexbox;display:flex;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:start;align-items:flex-start;position:relative;z-index:0;color:#fff;letter-spacing:0;width:100%;height:100%;background:#332c2b;padding:0.625rem 1.5625rem;border-radius:2.75rem}
.morebtn_link:before{content:"";position:absolute;top:50%;transition:border-color .6s cubic-bezier(0.25,0.46,0.45,0.94);pointer-events:none;box-sizing:border-box;width:1.25rem;height:1.25rem;margin-top:-0.625rem;right:1.5625rem;background-size:100%;background-position: center center; background-repeat:no-repeat;background-image:;}
.morebtn_link:hover:before{background-image:}
.morebtn_link:after{content:"";width:0;height:100%;position:absolute;right:0;top:0;background:#332c2b;transition:width cubic-bezier(0.23,1,0.32,1) .8s;z-index:-1}
.morebtn_link:hover:after{left:0;width:100%}
.morebtn_link_txt{color:#fff;position:relative;z-index:1;font-weight:normal;font-size:0.9375rem;line-height:1.5rem; display: block; min-width:9.375rem; padding-right:2rem;text-align: left;}
/*white */
.white .morebtn_link{color:#332c2b;background:#ffc801}
.white .morebtn_link:before{border-color:#ffc801}
.white .morebtn_link:hover:before{border-color:#332c2b}
.white .morebtn_link:after{background:#332c2b}
.white .morebtn_link>span{animation:text-mask-over .6s cubic-bezier(0.23,1,0.32,1) 0s forwards;background-color:rgba(0,0,0,0);background-image:linear-gradient(to right,#332c2b 50%,#ffc801 0);background-position:200% 0;background-size:200% 100%;-webkit-text-fill-color:rgba(0,0,0,0);-webkit-background-clip:text}
.white .morebtn_link:hover>span{animation:text-mask .6s cubic-bezier(0.23,1,0.32,1) 0s forwards}
@keyframes text-mask{0%{background-position:200% 0}100%{background-position:100% 0}}
@keyframes text-mask-over{0%{background-position:100% 0}100%{background-position:0 0}}




/*shujulist*/
.shujulist{margin:0 auto;width:86.30952380952381%;border-bottom: 1px solid rgba(255,255,255,0.3); margin-bottom:1.75rem;padding-top:2rem;}
.shujulistb .t2{font-size:1rem;line-height:1.5rem;color:#fff;font-weight:300;margin-top:1rem;}
.shujulistb .num{font-size:1.875rem;line-height:1.5rem;color:#fff;display:block;flex-shrink: 0;}
.shujulistb .num span{ display: inline-block;font-size:1rem;vertical-align:bottom;line-height:1;}
.shujulistb .num .plus{vertical-align:top;font-size:1.5625rem;font-family:'oswald', "microsoft yahei", "微软雅黑", helvetica, arial, sans-serif;font-weight:500;}
.shujulistb .num .counter{margin-right:1rem;font-size:3.125rem;font-family:'oswald', "microsoft yahei", "微软雅黑", helvetica, arial, sans-serif;font-weight:500;}
.shujulistb{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;justify-content: space-between;height: auto;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0 -2.3125rem;flex-grow:1;flex-wrap: nowrap;}
.shujulistb .itema{position:relative;padding-top:1.25rem;padding-bottom:1.25rem;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;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box; width: auto;margin:0 2.3125rem;}
.shujulistb .item{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;justify-content: space-between;flex-direction: column;height: auto;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;/*flex-shrink: 0;*/}
[lang="en"] .shujulistb .itema{min-width:11.5rem;max-width:20rem;}
/*shujulist2*/
.shujulist2{width:auto;margin-bottom:1.75rem;padding-top:0rem;}
.shujulist2 .shujulistb .num .counter{color:#ffc801;}
.shujulist2 .shujulistb .num .plus{color:#ffc801;}
.shujulist2 .shujulistb {justify-content: center;}
@media screen and (max-width:1200px) {
.shujulist{width:100%;}	
.shujulistb {margin:0 -1.5rem;}
.shujulistb .itema{margin:0 1.5rem;}

.shujulistb .t2{font-size:0.875rem;margin-top:0.75rem;}
.shujulistb .num{font-size:1.5rem;}
.shujulistb .num span{font-size:0.875rem;}
.shujulistb .num .plus{font-size:1.25rem;}
.shujulistb .num .counter{margin-right:0.75rem;font-size:2.5rem;}

[lang="en"] .shujulistb .itema{min-width:0rem;max-width:20rem;}
}
@media screen and (max-width:1024px) {
.shujulist{margin-bottom:1.5rem;padding-top:1.5rem;}
.shujulistb {margin:0 -0.625rem;}
.shujulistb .itema{margin:0 0.625rem;}
.shujulistb .t2{font-size:0.875rem;margin-top:0.5rem;}
.shujulistb .num{font-size:1.25rem;}
.shujulistb .num span{font-size:0.875rem;}
.shujulistb .num .plus{font-size:1.125rem;}
.shujulistb .num .counter{margin-right:0.75rem;font-size:2rem;}
}
@media screen and (max-width:900px) {
.shujulistb{flex-direction: column;display:grid;grid-template-columns:repeat(3,1fr);}
}
@media screen and (max-width:767px) {
.shujulistb {margin:0 -0.25rem;}
.shujulistb .itema{margin:0 0.25rem;}
.shujulistb{flex-direction: column;display:grid;grid-template-columns:repeat(2,1fr);}
.shujulistb .num .counter{margin-right:0.5rem;font-size:1.75rem;}
}



/*indexnews*/
.indexnews{position:relative;overflow:hidden;padding-top:8.75rem;padding-bottom:7rem; background-color: #f3f3f5;}
@media screen and (max-width:1200px){
.indexnews{padding-top:6rem;padding-bottom:5rem;}
}
@media screen and (max-width:1024px){
.indexnews{padding-top:4rem;padding-bottom:4rem;}
}


/*indexnewnav*/
.indexnewnav{position:relative;z-index:2;text-align:center;border-bottom:1px solid #e8e8e8; margin-bottom: 4.375rem;}
.indexnewnav ul{margin:0 auto;font-size:0;line-height:0;}
.indexnewnav li{display:inline-block;*display:inline;zoom:1;vertical-align:top;}
.indexnewnav li a{position:relative;display:block;color:#000000;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;font-size:1.125rem;line-height:5.87rem;padding: 0 1.25rem;margin:0 0.375rem; font-weight: 300;}
.indexnewnav li a span{display:block;position:relative; z-index:2;}
.indexnewnav li a:after{content:'';width:0;position:absolute;bottom:-1px;right:0;height:3px;background:#f9c029;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.indexnewnav li.active a:after{width:100%;right:auto;left:0}
.indexnewnav li.active a{font-weight:normal;}
@media screen and (max-width:1200px) {
.indexnewnav{margin-bottom:3rem;}
.indexnewnav li a{line-height:3.75rem;font-size:1rem;}
}
@media screen and (max-width:1024px) {
.indexnewnav{margin-bottom:2.5rem;}
.indexnewnav li a{line-height:3.125rem;font-size:0.875rem;}
}
@media screen and (max-width:767px) {
.indexnewnav{margin-bottom:2rem;}
.indexnewnav li a{margin:0 0.625rem;line-height:2.5rem;font-size:0.875rem;}
.indexnewnav li a:after{height:0.1875rem;}
}



/*indexnewslist*/
.indexnewslist{margin:0 auto; overflow:hidden; position: relative;}
.indexnewslist ul{ font-size:0;margin:0 -0.625rem;}
.indexnewslist .item{ display:inline-block;*display:inline;zoom:1;width:25%;vertical-align:top;}
.indexnewslist .itema{display:block;margin:0 0.625rem; position:relative;overflow:hidden;border-radius:0.625rem;background:#fff;}
.indexnewslist .imgbox{overflow:hidden;padding-bottom:54.32098765432099%; position:relative;background:#fafafa;}
.indexnewslist .imgbox>div{position:static!important;}
.indexnewslist .imgbox img {position:absolute;top:0;left:0;right:0;bottom:0;display:block;max-width:none;width:100%;height:100%;object-fit:cover;}
.indexnewslist .title{padding:1.5rem 1.875rem 2rem 1.875rem;}
.indexnewslist .title .lei{font-size:0.875rem;color:#332c2b; font-weight:300;line-height:1.5rem;margin-bottom:0.625rem;}
.indexnewslist .title .t{font-size:1.125rem;color:#332c2b;line-height:1.75rem;height:3.5rem;overflow:hidden;margin-bottom:0.875rem;}
.indexnewslist .title .des{font-size:0.9375rem;color:#8b8888;line-height:1.5rem;height:3rem;overflow:hidden;margin-bottom:1.25rem;
display:-webkit-box;text-overflow:ellipsis;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.indexnewslist .title .date{position: relative;font-size:1.25rem;color:#9799a6;line-height:2.5rem;font-family:'oswald', "microsoft yahei", "微软雅黑", helvetica, arial, sans-serif;font-weight:300;}
.indexnewslist .title .more{display:inline-block;width:2.5rem;height:2.5rem;border-radius:50%;background: center center no-repeat #f9c03b;background-size:1rem; position:absolute;bottom:0;right:0;-webkit-transform:rotatez(90deg);transform:rotatez(90deg); visibility: hidden; opacity:0;}
.indexnewslist .itema:hover .title .more{-webkit-transform:rotatez(0deg);transform:rotatez(0deg); visibility: visible;opacity:1;}
.indexnewslist .itema:hover .title .date{font-weight:500;}
/*hover*/
.indexnewslist .itema,.indexnewslist .title:after,.indexnewslist .title .t,.indexnewslist .title .more,
.indexnewslist .imgbox img{-webkit-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s;}
.indexnewslist .itema:hover  .title .t{color:#000;}
.indexnewslist .itema:hover {background:#fafafa;-moz-box-shadow:8px 8px 16px 0 rgba(0, 0, 0, 0.08);-webkit-box-shadow:8px 8px 16px 0 rgba(0, 0, 0, 0.08);box-shadow:8px 8px 16px 0 rgba(0, 0, 0, 0.08);}
.indexnewslist .itema:hover .imgbox img{-moz-transform:scale(1.03);-webkit-transform:scale(1.03);-ms-transform:scale(1.03);transform:scale(1.03);}
@media screen and (max-width:1024px){
.indexnewslist .item{ width:33.333333%;}
.indexnewslist ul{margin:0 -0.5rem;}
.indexnewslist .itema{margin:0 0.5rem;}

.indexnewslist .title{padding:1.5rem 1.5rem 2rem 1.5rem;}
.indexnewslist .title .t{font-size:1.125rem;margin-bottom:0.75rem;}
.indexnewslist .title .des{font-size:0.875rem;line-height:1.5rem;height:3rem;overflow:hidden;margin-bottom:1rem;display:-webkit-box;text-overflow:ellipsis;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.indexnewslist .title .date{font-size:1.125rem;}
}
@media screen and (max-width:767px){
.indexnewslist .item{ width:50%; margin-bottom: 3rem;}
.indexnewslist .title{padding:1.5rem 1.5rem;}
.indexnewslist .title .des{font-size:0.875rem;line-height:1.375rem;height:2.75rem;overflow:hidden;margin-bottom:0.875rem;display:-webkit-box;text-overflow:ellipsis;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
}
@media screen and (max-width:640px){
.indexnewslist .item{ width:66.66666666666667%;}
}
@media screen and (max-width:370px){
.indexnewslist .item{ width:100%;}
}

/*active*/
.indexnewslist {filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; height:0;}
.indexnewslist.active{filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;height:auto;}


/*swbtn2 circle*/
.swbtn2{ font-size: 0;}
.swbtn2 .mbtn2{display:inline-block;width:3.125rem;height:3.125rem;border-radius:50%; position: absolute;top: 50%; margin: 0; padding: 0;-webkit-transition: all 0.5s ease-in-out;transition: all .5s ease-in-out; background-position:center center; background-repeat:no-repeat;background-size:0.625rem; margin-top:-1.5625rem;}
.swbtn2 .mbtn2 i{position:absolute;left:50%;top:50%;font-size:1.4rem;color:#ffffff;transition:all 0.6s;transform:translate(-50%,-50%) rotate(90deg)}
.swbtn2:hover .mbtn2 i {color:#00266b;}
.swbtn2 .mbtn2 .circlesvg{width:3.125rem;height:3.125rem;}
.swbtn2 .mbtn2 .circle1{stroke:#f9c334;}
.swbtn2 .mbtn2 .circle2{stroke:#000000;}
.swbtn2 .mbtn2 .circle2{animation-duration:3.2s;animation-fill-mode:infinite;animation-timing-function:linear;animation-direction:normal;animation-iteration-count:10;animation-delay:100ms}
.swbtn2 .mbtn2:hover .circle2{animation-name:circle_s_do,circle_s_da;}
.swbtn2 .mbtn2.swiper-button-lock{filter:alpha(opacity=0);opacity:0; visibility: hidden;}
.swbtn2 .mbtn2.swiper-button-prev i{transform: translate(-50%, -50%) rotate(-90deg);}
.swbtn2 .mbtn2.swiper-button-next{ margin-left:0.625rem;}
.swbtn2 .mbtn2.swiper-button-prev{ background-image:url(/uploads/image/dkimages/arrow-left.png); left: 1.7%;}
.swbtn2 .mbtn2.swiper-button-next{ background-image:url(/uploads/image/dkimages/arrow-right.png);right: 1.7%;}
@keyframes circle_s_do{0%{stroke-dashoffset:163.360000}100%{stroke-dashoffset:0}}
@keyframes circle_s_da{0%{stroke-dasharray:163.360000}100%{stroke-dasharray:163.360000}}
@media screen and (max-width:767px){

    .swbtn2{ position: relative; display: block;text-align: center;}
	.swbtn2 .mbtn2{position:relative;top:0;margin-top:0;width:3rem;height:3rem;background-size:0.5rem;}
	.swbtn2 .mbtn2 .circlesvg{width:3rem;height:3rem;}
	.swbtn2 .mbtn2.swiper-button-prev{left:0;}
    .swbtn2 .mbtn2.swiper-button-next{right:0;}
}



/*indexnews swiper-wrapper*/
.indexnews .swiper-wrapper{width:100%;}
.indexnews .swiper-slide{width:25%;}
@media screen and (max-width:1200px){
.indexnews .swiper-slide{width:33.333333%;}
}
@media screen and (max-width:1024px){
.indexnews .swiper-slide{width:50%;}
}
@media screen and (max-width:767px){
.indexnews .swiper-slide{width:66.66666666666667%;}
}
@media screen and (max-width:430px){
.indexnews .swiper-slide{width:76.92307692307692%;}
}
@media screen and (max-width:370px){
.indexnews .swiper-slide{width:100%;}
}




/******************************************************page******************************************************/
/*.page*/
.page {font-size:1.125rem;line-height:1.5;color:#262e46;font-weight:300;}
.page h5 {font-size:1.25rem;font-weight:normal;margin-bottom:1.25rem;}
.page img {max-width:100%;height:auto;}
@media screen and (max-width:1200px) {
.page{font-size:1rem;}
}
@media screen and (max-width:1024px) {
.page{font-size:1rem;}
.page h5 {font-size:1.125rem;margin-bottom:1rem;}
}
@media screen and (max-width:767px) {
.page{font-size:0.875rem;}
}



/*pagebanner*/
.pagebanner{ position: relative; overflow:hidden;padding-bottom:31.77083333333333%; }
.pagebanner .shadow{display:block;width:100%;height:100%;position:absolute;left:0;right:0; top:0;bottom:0;background-color:rgba(0,0,0,0.15);z-index:1; background-position:center center; background-repeat:no-repeat; background-size:100% 100%;}
.pagebanner .shadow2{display:block;width:100%;height:100%;position:absolute;left:0;right:0; top:0;bottom:0;z-index:1; background-position:center center; background-repeat:no-repeat; background-size:100% 100%;background-image:;}
.pagebanner .bannerpic{position:absolute;left:0;right:0; top:0;bottom:0;width:100%;height:100%;z-index:0;background-size:cover;background-position:center top;background-repeat:no-repeat;animation: srmgani 4000ms 1 ease forwards;}
@keyframes srmgani{0%{transform:scale(1.05);} 100%{transform:scale(1.0);}}
.pagebanner .tt {position:absolute;left:0;right:0;text-align:left;top:50%;-moz-transform: translatey(-50%);-webkit-transform: translatey(-50%);-ms-transform: translatey(-50%);transform: translatey(-50%);z-index:2;color:#ffffff;} 
.pagebanner .tt .t1{font-size:3.75rem;line-height:1.3;display:block;font-weight:normal;}
.pagebanner .tt .t2{font-size:1.25rem;line-height:1.3;display:block;margin-top:1.5625rem; font-weight:300; position: relative;}
@media screen and (max-width:1200px){
.pagebanner .tt .t1{font-size:3rem;}
.pagebanner .tt .t2{font-size:1.125rem;margin-top:1.5rem;}
}
@media screen and (max-width:1024px){
.pagebanner{ padding-bottom:40%; }
.pagebanner .tt .t1{font-size:2.5rem;}
.pagebanner .tt .t2{font-size:1rem;margin-top:1.25rem;}
}
@media screen and (max-width:767px) {
.pagebanner{ /* padding-bottom:50%;min-height:15.625rem;  */}
.pagebanner .tt .t1{font-size:1.5rem;}
.pagebanner .tt .t2{font-size:0.875rem;margin-top:0.5rem;}
}
@media screen and (max-width:370px) {
.pagebanner .tt .t1{font-size:1.25rem;}
.pagebanner .tt .t2{font-size:0.75rem;margin-top:0.25rem;}
}



/************************pagenav************************/
.pagenav{position:relative;z-index:90;text-align:center;border-bottom:1px solid #e8e8e8; background:#fff;}
.pagenav{position:sticky;left:0;top:5rem;}
.pagenav .pagenavtit{ display:none;}
.pagenav ul{margin:0 auto;font-size:0;line-height:0;}
.pagenav li{display:inline-block;*display:inline;zoom:1;vertical-align:top;}
.pagenav li a{position:relative;display:block;color:#000000; font-weight:300;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;font-size:1.0625rem;line-height:4.375rem;margin:0 0.625rem;padding:0 1.625rem;}
.pagenav li a span{display:block;position:relative; z-index:2;}
.pagenav li a:after{content:'';width:0;position:absolute;bottom:-1px;right:0;height:2px;background:#f9c029;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.pagenav li .on:after,.pagenav li a:hover:after{width:100%;right:auto;left:0}
.pagenav li .on, .pagenav li a:hover{font-weight:600;}
@media screen and (max-width:1200px) {
.pagenav li a{line-height:3.75rem;font-size:1rem;margin:0 0.5rem;padding:0 1.5rem;}
}
@media screen and (max-width:1024px) {
.pagenav li a{line-height:3.5rem;margin:0 0.5rem;padding:0 1.5rem;}

.pagenav ul{padding-left:8px;display: flex;overflow:visible;overflow-x: scroll;}
.pagenav ul::-webkit-scrollbar {display: none}
.pagenav li{flex-shrink:0;align-items:flex-end;margin-right:8px;overflow:hidden;position:relative;}
.pagenav{top:65px;}
}
@media screen and (max-width:960px) {
.pagenav li a{padding:0 2rem;}
}
@media screen and (max-width:767px) {
.pagenav li a{line-height:3rem;font-size:0.875rem;padding:0 0;}
.pagenav{top:0;position:relative;}
}





/************************page-tab************************/
.page-tab{margin:0 auto;padding:0;text-align: center; padding-top:0.875rem; }
.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;position: relative;height:2.8125rem;line-height:2.8125rem;border-radius:0.3125rem; vertical-align:top;}
.page-tab ul li a{font-size:1rem;padding:0 0.3125rem;margin:0 0.3125rem;min-width:2.8125rem;height:2.8125rem;line-height:2.8125rem;border:1px solid #bfbfbf;display:inline-block;text-align:center;background-color:#ffffff;color:#1e2831;border-radius:0.3125rem; font-weight:500;}
.page-tab ul li.next-page a{padding:0 2.125rem; font-size: 0.875rem;color:#474f62;}
.page-tab ul li.prev-page a{ padding:0 2.125rem; font-size: 0.875rem;color:#474f62;}
.page-tab ul li a:hover{background-color:#f7f7f7;}
.page-tab ul li a.focus{background-color:#000000;color: #ffc803;}
@media screen and (max-width:767px){
.page-tab ul li{ display:none;}	
.page-tab ul li.next-page, .page-tab ul li.prev-page{ display:inline-block;}
}


/************************news************************/
/*pagenewsbox*/
.pagenewsbox{padding-top:6.25rem;padding-bottom:4rem;margin:0 auto;}
@media screen and (max-width:1200px){
.pagenewsbox {padding-top:5rem;padding-bottom:3rem;}
}
@media screen and (max-width:1024px){
.pagenewsbox {padding-top:4rem;padding-bottom:2rem;}
}
@media screen and (max-width:767px){
.pagenewsbox {padding-top:3rem;padding-bottom:1.5rem;}
}

/*pagenewslist*/
.pagenewslist{font-size:0;margin:0 -1.875rem;}
.pagenewslist .item{ display:inline-block;*display:inline;zoom:1;width:33.33333%;vertical-align:top; margin-bottom:3.75rem;}
.pagenewslist .itema{display:block;margin:0 1.875rem; position:relative;overflow:hidden;border-radius:0.625rem;background:#f4f5f9;}
.pagenewslist .imgbox{overflow:hidden;padding-bottom:53.84615384615385%; position:relative;background:#f4f5f9;}
.pagenewslist .imgbox>div{position:static!important;}
.pagenewslist .imgbox img {position:absolute;top:0;left:0;right:0;bottom:0;display:block;max-width:none;width:100%;height:100%;object-fit:cover;}
.pagenewslist .title{padding:2.75rem 9.375rem 1.875rem 2.5rem;}
.pagenewslist .title .lei{font-size:1.125rem;color:#5a616b; font-weight:300;line-height:1.5rem;margin-bottom:0.625rem;}
.pagenewslist .title .t{font-size:1.125rem;color:#332c2b;line-height:1.75rem;height:3.5rem;font-weight:normal;overflow:hidden;margin-bottom:0.875rem;display:-webkit-box;text-overflow:ellipsis;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.pagenewslist .title .des{font-size:1rem;color:#6a6a6a;line-height:1.5rem;height:3rem;overflow:hidden;margin-bottom:1.5rem;display:-webkit-box;text-overflow:ellipsis;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.pagenewslist .title .date{position: relative;font-size:1.25rem;color:#5a616b;line-height:2.5rem;font-family:'oswald', "microsoft yahei", "微软雅黑", helvetica, arial, sans-serif;font-weight:300;}
.pagenewslist .title .more{display:inline-block;width:2.5rem;height:2.5rem;border-radius:50%;background: center center no-repeat #f9c03b;background-size:1rem; position:absolute;bottom:0;right:0;-webkit-transform:rotatez(90deg);transform:rotatez(90deg); visibility: hidden; opacity:0; display:none;}
.pagenewslist .itema:hover .title .more{-webkit-transform:rotatez(0deg);transform:rotatez(0deg); visibility: visible;opacity:1;}
.pagenewslist .itema:hover .title .lei{color:#000;}
.pagenewslist .itema:hover .title .date{color:#000;}
.pagenewslist .itema:hover .title .t{color:#000;}
/*hover*/
.pagenewslist .itema,.pagenewslist .title .t,.pagenewslist  .title .date,.pagenewslist  .title .lei,.pagenewslist .title .more,
.pagenewslist .imgbox img{-webkit-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s;}
.pagenewslist .itema:hover {background:#f9c029;-moz-box-shadow:8px 8px 20px 0 rgba(0, 0, 0, 0.1);-webkit-box-shadow:8px 8px 20px 0 rgba(0, 0, 0, 0.1);box-shadow:8px 8px 20px 0 rgba(0, 0, 0, 0.1);}
.pagenewslist .itema:hover .imgbox img{-moz-transform:scale(1.03);-webkit-transform:scale(1.03);-ms-transform:scale(1.03);transform:scale(1.03);}
@media screen and (max-width:1200px){
.pagenewslist .item{width:33.333333%;}
.pagenewslist{margin:0 -1.25rem;}
.pagenewslist .item{margin-bottom:2.5rem;}
.pagenewslist .itema{margin:0 1.25rem;}

.pagenewslist .title{padding:2.5rem 5rem 1.5rem 2rem;}
.pagenewslist .title .lei{font-size:1rem;}
.pagenewslist .title .t{font-size:1.125rem;line-height:1.75rem;height:3.5rem;margin-bottom:0.75rem;}
.pagenewslist .title .des{font-size:0.9375rem;line-height:1.5rem;height:3rem;overflow:hidden;margin-bottom:1.125rem;display:-webkit-box;text-overflow:ellipsis;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.pagenewslist .title .date{font-size:1.125rem;}
}
@media screen and (max-width:1024px){
.pagenewslist .item{width:50%;}
.pagenewslist{margin:0 -1rem;}
.pagenewslist .item{margin-bottom:2rem;}
.pagenewslist .itema{margin:0 1rem;}

.pagenewslist .title{padding:2rem 3rem 1.5rem 1.5rem;}
.pagenewslist .title .lei{font-size:0.875rem;}
.pagenewslist .title .t {font-size:1.125rem;line-height:1.75rem;height:3.5rem;margin-bottom:0.75rem;}
.pagenewslist .title .des{font-size:0.875rem;line-height:1.375rem;height:2.75rem;overflow:hidden;margin-bottom:1rem;display:-webkit-box;text-overflow:ellipsis;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.pagenewslist .title .date{font-size:1rem;}
}
@media screen and (max-width:767px){
.pagenewslist .item{width:100%;margin-bottom:2.5rem;}
.pagenewslist{margin:0 -0.75rem;}
.pagenewslist .item{margin-bottom:2rem;}
.pagenewslist .itema{margin:0 0.75rem;}
.pagenewslist .title .des{font-size:0.875rem;line-height:1.375rem;height:2.75rem;overflow:hidden;margin-bottom:1rem;display:-webkit-box;text-overflow:ellipsis;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
}



/************************page-newsinfo************************/
/*.page-newsinfo*/
.page-newsinfo{padding-top:6.25rem;padding-bottom:4rem;margin:0 auto;}
@media screen and (max-width:1200px){
.page-newsinfo{padding-top:5rem;padding-bottom:3rem;}
}
@media screen and (max-width:1024px){
.page-newsinfo{padding-top:4rem;padding-bottom:2rem;}
}
@media screen and (max-width:767px){
.page-newsinfo{padding-top:3rem;padding-bottom:1.5rem;}
}

/*newstop*/
.newstop{padding-top:5.625rem;padding-bottom:4.75rem;background: center bottom no-repeat #f4f5f9;background-size:100%;border-radius: 0.625rem; position: relative; z-index: 2;top:-1px; margin: 0 -1px;}
.newstop .newstopb{padding:0 3.75rem;}
.newstop .newstit{font-size:2rem; color:#000000;line-height:1.3;font-weight:normal; margin-bottom:1.875rem;}
.newstop .newsdata{color:#5a616b;font-weight:300;line-height:1.3;font-size:1rem;}
.newstop .newsdata span{ display:inline-block;vertical-align:middle;}
.newstop .newsdata strong{font-family:'oswald', "microsoft yahei", "微软雅黑", helvetica, arial, sans-serif;font-weight:500;}
.newstop .newsdata .u{margin-left:4rem;}
@media screen and (max-width:1200px) {	
.newstop{padding-top:4rem;padding-bottom:3rem;}
.newstop .newstopb{padding:0 2.75rem;}
.newstop .newstit{font-size:1.75rem;}
.newstop .newsdata .u{margin-left:3rem;}
}
@media screen and (max-width:1024px) {	
.newstop{padding-top:3rem;padding-bottom:2.5rem;}
.newstop .newstopb{padding:0 2.5rem;}
.newstop .newstit{font-size:1.5rem;margin-bottom:1.5rem;}
.newstop .newsdata .u{margin-left:2rem;}
}
@media screen and (max-width:767px) {	
.newstop{padding-top:2rem;padding-bottom:2rem;}
.newstop .newstopb{padding:0 1.5rem;}
.newstop .newsdata{font-size:0.875rem;}
.newstop .newstit{font-size:1.25rem;margin-bottom:1rem;}
.newstop .newsdata .u{margin-left:0; display: block;}
}


/*newstext*/
.newstext {width:calc(100% - 27.5rem);float:left;margin-bottom:1.375rem;}
.newstext .newstextb {border:1px solid #d3d3d3;border-radius:0.625rem;position:relative;}
.newstext .newstextnr {font-size:1.125rem;line-height:2.125rem;color:#262e46;font-weight:300;padding:4.125rem 3.75rem 4.8125rem 3.75rem;}
.newstext .newstextnr h5 {font-size:1.25rem;font-weight:normal;margin-bottom:1.25rem;}
.newstext .newstextnr img {max-width:100%;height:auto!important;}
@media screen and (max-width:1200px) {
.newstext {width:calc(100% - 25rem);}
.newstext .newstextnr {font-size:1rem;line-height:1.3;padding:3rem 2.75rem;}
}
@media screen and (max-width:1024px) {
.newstext {width:100%;float:none;margin-bottom:3.75rem;}
.newstext .newstextnr {padding:2.5rem 2rem;font-size:1rem;line-height:1.5;}
.newstext .newstextnr h5 {font-size:1.125rem;margin-bottom:1rem;}
}
@media screen and (max-width:1024px) {
.newstext {width:100%;float:none;margin-bottom:2.5rem;}
.newstext .newstextnr {padding:2rem 1.5rem;}
}


/*bigbtn*/
.newsbtn {border-top:1px solid #edeef1;font-size:0;margin-top:3.375rem;padding:1.25rem;border-radius:0.625rem;background-color:#f1f1f1;}
.newsbtn .newsbtnb{position:relative;}
.newsbtn .newsbtna{display:block;line-height:2.625rem; height:2.625rem; overflow:hidden;color:#5a616b;font-size:1rem; font-weight:normal;}
.newsbtn .newsbtna a{display:inline-block;color:#5a616b;}
.newsbtn .newsbtna a:hover{color:#f9c029;}
.newsbtn .page-back{position:absolute; bottom:0;right:0;}
@media screen and (max-width:1200px) {
.newsbtn .newsbtna{font-size:1rem;}
}
@media screen and (max-width:1024px) {
.newsbtn .newsbtna{font-size:0.875rem;}
.newsbtn {font-size:0;margin-top:2.5rem;padding:1rem;}
.newsbtn .newsbtna{line-height:2rem; height:2rem;font-size:0.875rem;}
}
@media screen and (max-width:767px) {

}


/*page-back*/
.page-back{margin:0 auto;text-align:center;}
.page-back a{display:block;font-size:1rem;text-align:center;color:#000000;background:#f9c029;padding:0 1.5rem;line-height:2.625rem;height:2.625rem;border-radius:2.625rem;-webkit-transition: 0.3s;-moz-transition: 0.3s;transition: 0.3s;position:relative;}
.page-back a span{ display:block;} 
.page-back a:hover{color:#f9c029;background:#000000;}
@media screen and (max-width:1024px) {
.page-back a{line-height:2rem; height:2rem;font-size:0.875rem; border-radius:2rem;}
}

/*morebtn2*/
.morebtn2{margin:0 auto;text-align:center;}
.morebtn2 a{display:block;font-size:1rem;font-weight: normal;text-align:center;color:#000000;background:#f9c029;padding:0 1.5rem;line-height:2.625rem;height:2.625rem;border-radius:0.25rem;-webkit-transition: 0.3s;-moz-transition: 0.3s;transition: 0.3s;position:relative;}
.morebtn2 a span{ display:block;} 
.morebtn2 a:hover{color:#f9c029;background:#000000;}



/*page-newsxg*/
.page-newszuixin {width:25rem;float:right;position:sticky;left:0;top:6.25rem;margin-bottom:1.375rem;border-radius:0.625rem;background-color:#f4f5f9;}
.page-newszuixin .page-newszuixinb {padding:2rem 0 1.25rem 0;}
.page-newszuixin .xgnewslist {margin:0 auto;position:relative;font-size:0;}
.page-newszuixin .xgnewslist li {font-size:0;display:block;}
.page-newszuixin .xgnewslist li a {display:block;padding:1.125rem 1.75rem;}
.page-newszuixin .xgnewslist li .listtitle .t {font-size:1rem;line-height:1.625rem;height:1.625rem;color:#262e46;font-weight:normal;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.page-newszuixin .xgnewslist li .listtitle .date {font-size:1rem;margin-bottom:0.625rem;line-height:1.3;color:#5a616b;font-family:'oswald',"microsoft yahei","微软雅黑",helvetica,arial,sans-serif;font-weight:300;}
.page-newszuixin .xgnewslist li a:hover .listtitle .t {color:#000;}
.page-newszuixin .xgnewslist li a:hover {background-color:#efefef;}
.page-newszuixin .morebtn2 {margin:1.25rem 1.75rem;}
@media screen and (max-width:1200px) {	
.page-newszuixin {width:21.875rem;}
.page-newszuixin .page-newszuixinb {padding:1.625rem 0 1.25rem 0;}
.page-newszuixin .xgnewslist li a {padding:1rem 1.5625rem;}
.page-newszuixin .morebtn2 {margin:1rem 1.5625rem;}
}
@media screen and (max-width:1024px) {	
.page-newszuixin{ width:100%;float:none;}
.page-newszuixin .page-newszuixinb {padding:1.25rem 0 1.25rem 0;}
.page-newszuixin .xgnewslist li a {padding:0.75rem 1.25rem;}
.page-newszuixin .morebtn2 {margin:0.75rem 1.25rem;}
}
@media screen and (max-width:767px) {
.page-newszuixin .page-newszuixinb {padding:1rem 0;}
.page-newszuixin .xgnewslist li a {padding:0.75rem 1.25rem;}
.page-newszuixin .morebtn2 {margin:0.75rem 1.25rem;}
}




/*********************************product*********************************/
/*pagepageproinfo*/
.pagepageproinfo{padding-bottom:5.625rem;}
@media screen and (max-width:1200px){
.pagepageproinfo{padding-bottom:4.375rem;}
}
@media screen and (max-width:1024px){
.pagepageproinfo{padding-bottom:4.375rem;}
}
@media screen and (max-width:992px){
.pagepageproinfo{padding-top:1.875rem;padding-bottom:3.125rem;}
}



/*prosec-prolist*/
.prosec-prolist{width:calc(100% - 26.875rem);position:relative; float:right;padding-top:6.25rem;}
@media screen and (max-width:1200px){
.prosec-prolist{width:calc(100% - 21.5rem);padding-top:5rem;}
}
@media screen and (max-width:1024px){
.prosec-prolist{width:calc(100% - 19.5rem);padding-top:4rem;}
}
@media screen and (max-width:992px){
.prosec-prolist{width:100%; margin:0 auto;padding-top:1.875rem;}
}


/*prosec*/
.prosec-menu{width:25.3125rem;float:left;z-index:99;position:sticky;left:0;top:0;padding-top:6.25rem;}
/*yiji*/
.prosec-menu .prosec-lia{ display:block;padding:1.8125rem 1.5625rem;font-size:1.125rem;line-height:1.625rem;color:#fff;font-weight:normal;background-color:#3c3c3c; margin-bottom: 1px;}
.prosec-menu .prosec-lia span{display:block; position:relative;padding-right:0.625rem;}
.prosec-menu .prosec-lia span:after{content:'';position:absolute;top:0;right:0;width:0.8125rem;height:100%;background:url(/uploads/image/dkimages/icon-v2.png) center center no-repeat;background-size:100%;}
.prosec-menu .prosec-lia.on{color:#f9c029;}
.prosec-menu .prosec-lia.on span:after{background-image:url(/uploads/image/dkimages/icon-v3.png);}
.prosec-menu .prosec-lia.on span:after{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg); }
.prosec-menu .prosec-lia span:after,
.prosec-menu .prosec-lia{-webkit-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s;}
/*erji*/
.prosec-menu .prosecdown{display:none; background-color: #fafafa;}
.prosec-menu .prosecdl{padding-top:1.5rem;padding-bottom:1.5rem;position:relative;}
.prosec-menu .prosecdl dd .a1{padding:0.9375rem 1.5625rem;font-size:1.125rem;line-height:1.625rem;color:#000000;display:block;}
.prosec-menu .prosecdl dd .a1 span{display:block;position:relative;padding-right:0.625rem;}
.prosec-menu .prosecdl dd .a1 span:after{content:'';position:absolute;top:0;right:0;width:0.8125rem;height:100%;background:url(/uploads/image/dkimages/icon-plus.png) center center no-repeat;background-size:100%;-webkit-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s;}
.prosec-menu .prosecdl dd .a1.active{color:#000;}
.prosec-menu .prosecdl dd .a1:hover{color:#000;}
.prosec-menu .prosecdl dd.on .a1 span:after{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);background-image:url(/uploads/image/dkimages/icon-r.png);}
/*sanji*/
.prosec-menu .prosecd2{position:relative;display:none;}
.prosec-menu .prosecd2 dd .a2{padding:0.625rem 1.5625rem 0.625rem 2.75rem;font-size:1rem;line-height:1.5rem;font-weight:normal;color:#5c5c5c;display:block;}
.prosec-menu .prosecd2 dd .a2 span{display:block;position:relative;padding-right:0.625rem;}
.prosec-menu .prosecd2 dd .a2 span:after{content:'';position:absolute;top:0;right:0;width:0.8125rem;height:100%;background:url(/uploads/image/dkimages/icon-plus.png) center center no-repeat;background-size:100%;-webkit-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s;}
.prosec-menu .prosecd2 dd .a2.active{color:#f9c029;font-weight:500;}
.prosec-menu .prosecd2 dd .a2:hover{color:#f9c029;}
.prosec-menu .prosecd2 dd.on .a2 span:after{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);background-image:url(/uploads/image/dkimages/icon-r.png);}
/*siji*/
.prosec-menu .prosecd3{position:relative;display:none;}
.prosec-menu .prosecd3 dd .a3{padding:0.625rem 1.5625rem 0.625rem 3.75rem;font-size:1rem;line-height:1.5rem;font-weight:300;color:#959595;display:block;}
.prosec-menu .prosecd3 dd .a3:hover{color:#f9c029;}
@media screen and (max-width:1200px){
.prosec-menu{width:20rem;padding-top:5rem;}	
.prosec-menu .prosec-lia{padding:1.5625rem 1.5625rem;font-size:1.125rem;line-height:1.625rem;}
.prosec-menu .prosecdl{padding-top:1.25rem;padding-bottom:1.25rem;}
.prosec-menu .prosecdl dd .a1{padding:0.75rem 1.5625rem;font-size:1rem;line-height:1.5rem;}
.prosec-menu .prosecd2 dd .a2{padding:0.5rem 1.5625rem 0.5rem 2.5rem;font-size:0.9375rem;line-height:1.5rem;}
.prosec-menu .prosecd2 dd .a3{padding:0.5rem 1.5625rem 0.5rem 3.5rem;font-size:0.9375rem;line-height:1.5rem;}
}
@media screen and (max-width:1024px){
.prosec-menu{width:18rem;padding-top:4rem;}	
.prosec-menu .prosec-lia{padding:1.25rem 1.25rem;font-size:1rem;line-height:1.625rem;}
.prosec-menu .prosecdl{padding-top:1rem;padding-bottom:1rem;}
.prosec-menu .prosecdl dd .a1{padding:0.625rem 1.25rem;font-size:1rem;line-height:1.5rem;}
.prosec-menu .prosecd2 dd .a2{padding:0.5rem 1.5625rem 0.5rem 2rem;font-size:0.9375rem;line-height:1.5rem;}
.prosec-menu .prosecd2 dd .a3{padding:0.5rem 1.5625rem 0.5rem 3rem;font-size:0.9375rem;line-height:1.5rem;}
}
@media screen and (max-width:992px){
.prosec-menu{width:100%; margin:0 auto;}
.prosec-menu .prosec-lia{padding:0.625rem 1.25rem;font-size:1rem;line-height:1.625rem;}
.prosec-menu .prosecdl{padding-top:0.9375rem;padding-bottom:0.9375rem;}
.prosec-menu .prosecdl dd .a1{padding:0.625rem 1.25rem;font-size:1rem;line-height:1.5rem;}
.prosec-menu .prosecdl dd .a2{padding:0.3125rem 1.25rem 0.3125rem 1.5rem;font-size:0.875rem;line-height:1.5rem;}
.prosec-menu .prosecd2 dd .a3{padding:0.3125rem 1.25rem 0.3125rem 2.5rem;font-size:0.875rem;line-height:1.5rem;}
}

/*.pn-list*/
@media screen and (min-width:992.1px){
.prosec-menu{ display:block!important;}
.prosec-menu li:nth-child(1){border-radius: 0.625rem 0.625rem 0 0; overflow: hidden;}
.prosec-menu li:last-child{ border-radius: 0 0 0.625rem 0.625rem; overflow: hidden;}
}
.pn-colsebtn{ display:none;}
@media screen and (max-width:992px){
.prosec-menu{ display:none;} 
.pn-list{ display:block;position:fixed;top:0;background:#fff;overflow:scroll;transition:left .5s;width:100%;height:100%;left:-100%; z-index:999999;}
.pn-list.sjon{left:0}
.pn-list.sjon .pn-colsebtn{ display:block;z-index:999999;position:fixed; top:0.625rem;right:0.625rem; width:3.125rem; height:3.125rem;background:url(/uploads/image/dkimages/icon-close2.png) center center no-repeat #fff;border-radius:0.3125rem;background-size:0.9375rem;-webkit-box-shadow:0 0.375rem 1rem 0 rgba(78,87,105,0.16);-moz-box-shadow:0 0.375rem 1rem 0 rgba(78,87,105,0.16);-o-box-shadow:0 0.375rem 1rem 0 rgba(78,87,105,0.16);box-shadow:0 0.375rem 1rem 0 rgba(78,87,105,0.16);}
body.sjon{overflow:hidden;}
}


/*promenbtn*/
.promenbtn{display:none;background: #e4e7ea;vertical-align: middle;line-height: 3.125rem;position: relative;cursor:pointer;-webkit-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s;padding-left: 0;text-align:center;font-size: 0;padding: 0;border-radius:0.375rem;}
.promenbtn span{display: inline-block;font-size: 1rem;color:#000;padding-left: 1.875rem;background:  left center no-repeat;background-size: 1.25rem;text-align:center;vertical-align: middle;}
@media screen and (max-width:992px){
.promenbtn{display:block;}
}





/*bigimglist*/
.pageprolist{ position:relative;overflow:hidden;font-size:0; margin:0 -0.75rem;padding-bottom:4rem;}
.pageprolist .item{position:relative;z-index:1;cursor:pointer; display:inline-block;*display:inline;zoom:1;width:33.33333333%;vertical-align:top;margin-bottom:1.5rem;}
.pageprolist .item .itema{display:block; position:relative;margin:0 0.75rem;background:#f7f7f7;border-radius:0.625rem; padding-left: 2.5rem;}
.pageprolist .item .imgbox{border-radius:0.625rem 0rem 0.625rem 0rem;vertical-align:middle;overflow:hidden;text-align:center; margin:auto auto;background:url(/uploads/image/dkimages/probg.jpg) no-repeat center bottom;background-size:cover;}
.pageprolist .item .imgbox .img{position:relative;padding-bottom:100%;}
.pageprolist .item .imgbox .img>div{position:static!important;}
.pageprolist .item .imgbox img{position:absolute;top:0;left:0;display:block;max-width:none;width:100%;height:100%;object-fit:contain;-moz-transform:scale(0.95); -webkit-transform:scale(0.95);transform:scale(0.95);}
.pageprolist .item .itema,
.pageprolist .item .imgbox img,.pageprolist .item .t:before,
.pageprolist .item .imgbox{-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.pageprolist .item .itema:hover .imgbox img{-moz-transform:scale(1); -webkit-transform:scale(1);transform:scale(1);}
.pageprolist .item .titlebox{ padding-right: 6.25rem;padding-bottom:2.5rem; padding-top: 4.375rem;}
.pageprolist .item .t{font-size:1.25rem;margin-bottom:1.25rem;line-height:1.75rem;height:1.75rem;color:#000000;display:-webkit-box;text-overflow: ellipsis;line-clamp:1;-webkit-line-clamp:1; -webkit-box-orient:vertical; overflow:hidden;}
.pageprolist .item .des{font-size:0.9375rem;line-height:1.625rem;height:3.25rem;color:#3a3e42;display:-webkit-box;text-overflow: ellipsis;line-clamp:2;-webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;}
.pageprolist .item .itema:hover{background:#f9c029;-webkit-box-shadow:0 0.5rem 1rem 0 rgba(0,0,0,0.16);-moz-box-shadow:0 0.5rem 1rem 0 rgba(0,0,0,0.16);-o-box-shadow:0 0.5rem 1rem 0 rgba(0,0,0,0.16);box-shadow:0 0.5rem 1rem 0 rgba(0,0,0,0.16);}
@media screen and (max-width:1200px){
.pageprolist{margin:0 -0.75rem;padding-bottom:3rem;}
.pageprolist .item{margin-bottom:1.5rem;}
.pageprolist .item {width:50%;}
.pageprolist .item .itema{margin:0 0.75rem;padding-left:2rem;}
.pageprolist .item .titlebox{padding-right:4rem;padding-bottom:2rem; padding-top: 3rem;}
}
@media screen and (max-width:1024px){
.pageprolist{margin:0 -0.5rem; padding-bottom:2.5rem;}
.pageprolist .item .itema{margin:0 0.5rem;padding-left:1.5rem;}

.pageprolist .item {width:50%;}
.pageprolist .item .titlebox{padding-right:3rem;padding-bottom:1.5rem; padding-top:2rem;}
.pageprolist .item .t{font-size:1.125rem;margin-bottom:1rem;}
}
@media screen and (max-width:767px){
.pageprolist{margin:0 -0.3125rem;padding-bottom:2rem;}
.pageprolist .item .itema{margin:0 0.3125rem;padding-left:1.25rem;}
.pageprolist .item .titlebox{padding-right:2rem;padding-bottom:1.2rem; padding-top:1.5rem;}
.pageprolist .item .t{font-size:1rem;margin-bottom:0.5rem;}
}
@media screen and (max-width:640px){
.pageprolist{display:grid;grid-template-columns: repeat(2, 1fr);grid-gap:1rem;margin:0;}
.pageprolist .item {width:100%;margin-bottom:0;}
.pageprolist .item .itema{margin:0;padding-left:1rem;}
}
@media screen and (max-width:370px){
.pageprolist .item {width:100%;}
.pageprolist .item .titlebox{padding-right:2rem;padding-bottom:1rem; padding-top:1.25rem;}
}



/*********************************pageproinfo detail*********************************/
/*probanner*/
.probanner{ position: relative; overflow:hidden;background-image:; background-position:center center; background-repeat:no-repeat; background-size:100% 100%;}
.probanner .probannerb{margin-top:0.9375rem;padding-bottom:0.9375rem;display:flex;align-items:center;}

/*bannerpro*/
.probanner .bannerpro{width:47.61904761904762%;float:left;}
.probanner .bannerpro .img{position:relative;padding-bottom:100%;}
.probanner .bannerpro .img>div{position:static!important;}
.probanner .bannerpro .img img{position:absolute;top:0;left:0;display:block;max-width:none;width:100%;height:100%;object-fit:contain;}
/*tt*/
.probanner .tt {color:#ffffff;width:44%;float:left;} 
.probanner .tt .t1{font-size:1.875rem;line-height:1.3;display:block;font-weight:300;}
.probanner .tt .t1 span{ display: block; position: relative; padding-left:1.25rem;} 
.probanner .tt .t1 span:before{width:0.375rem; height: 1.875rem; background-color:#ffc803; position: absolute; top:0.25rem; left:0; content:'';}
.probanner .tt .t2{font-size:1.125rem;line-height:1.875rem;display:block; font-weight:300;margin-top:2.375rem; position: relative;}
@media screen and (max-width:1200px){
.probanner .tt .t1{font-size:1.5rem;}
.probanner .tt .t2{font-size:1rem;line-height:1.5;margin-top:2rem;}
}
@media screen and (max-width:1024px){
.probanner .tt .t1{font-size:1.25rem;}
.probanner .tt .t2{font-size:1rem;line-height:1.5;margin-top:2rem;}

}
@media screen and (max-width:767px) {
.probanner .tt{text-align: center;}
.probanner .tt .t1{font-size:1.125rem; display:inline-block;}
.probanner .tt .t2{font-size:0.875rem;}

.probanner .probannerb{ flex-wrap: wrap; padding-top:3rem;}
.probanner .bannerpro{width:80%;float:none; margin: 0 auto;max-width:400px;} 
.probanner .tt {width:100%;float:none;} 
}


/*.btn*/
.btn{width:100%;display:-ms-flexbox;display:flex;-ms-flex-pack:center;-ms-flex-wrap:wrap;flex-wrap:wrap;padding-top:2rem;}
.btn a{ display:inline-block;}
.btn a span{box-sizing:border-box;display:-ms-flexbox;display:flex;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:start;align-items:flex-start;position:relative;z-index:0;width:100%;height:100%;overflow:hidden;}
.btn a span{position:relative;z-index:1;font-weight:normal;font-size:1rem;line-height:1.5rem; display: block;text-align:left;color:#000000;background:#ffc803;padding:0.625rem 1.75rem;border-radius:2.9375rem}
.btn a.btn2 span{color:#000000;background:#fff;}
.btn a.btn2{ margin-left:1.125rem;}
.btn a span:after{content:"";width:0;height:100%;position:absolute;right:0;top:0;background:#332c2b;transition:width cubic-bezier(0.23,1,0.32,1) .8s;z-index:-1}
.btn a:hover span:after{left:0;width:100%}
.btn a:hover span{color:#ffc803;}
@media screen and (max-width:1024px) {
.btn a span{font-size:0.875rem;padding:0.5rem 1.5rem;}
}
@media screen and (max-width:767px) {
.btn{justify-content: center;}
}


/*pageproinfo*/
.pageproinfo{ padding-top:5.25rem;padding-bottom:5.25rem;}
@media screen and (max-width:1200px) {

}
@media screen and (max-width:1024px) {
.pageproinfo{ padding-top:3rem;padding-bottom:4rem;}
}
@media screen and (max-width:767px) {
.pageproinfo{ padding-top:2rem;padding-bottom:3rem;}
}





/*feedback2box*/
.feedback2box{background:#f3f5f8;padding-left:2.5rem;padding-right:2.5rem;padding-top:3.4375rem;padding-bottom:2.5rem;border-radius:0.625rem; margin-bottom:1.25rem;}
.feedback2tit{font-size:1rem;line-height:1.625rem;margin-bottom:2.5rem;color:#000000;text-align: center;font-weight:300;}
.feedback2tit .t{font-size:1.625rem;line-height:1.5;font-weight:normal; margin-bottom:0.625rem;}
.feedback2lx{font-size:1rem;line-height:1.625rem;font-weight:300;color:#000000; padding-top: 1.875rem; text-align: center;}
@media screen and (max-width:1200px) {
.feedback2box{padding-left:2rem;padding-right:2rem;padding-top:3rem;padding-bottom:2rem;margin-bottom:1rem;}
.feedback2tit{margin-bottom:2rem;}
.feedback2tit .t{font-size:1.5rem;}
.feedback2lx{padding-top: 1.5rem;}
}
@media screen and (max-width:1200px) {
.feedback2box{padding-left:1.5rem;padding-right:1.5rem;padding-top:2rem;padding-bottom:2rem;margin-bottom:1rem;}
.feedback2tit{margin-bottom:2rem;}
.feedback2tit .t{font-size:1.25rem;}
.feedback2lx{padding-top: 1.25rem;}
}

/*feedback2*/
.feedback2{padding:0;margin:0 -0.625rem;}
.feedback2 label{display:block;}
.feedback2 .l1{float:left;width:50%; position:relative;}
.feedback2 .l2{float:left;width:100%;}
.feedback2 .l3{float:left;width:100%; text-align: center;}
.feedback2 .l1box{margin:0 0.625rem;}
.feedback2 .text{display:block;width: 100%;padding:0.25rem 1.375rem;height:3.75rem;margin-bottom:0.625rem;font-size:1rem;color:#6a6a6a;font-family:"微软雅黑",arial,sans-serif;font-weight: normal;outline:none;border:1px solid #fff;border-radius:0.25rem;background:#fff;text-align:left;}
.feedback2 .text2{padding:0.625rem 1.375rem;height:6.25rem;margin-bottom:1.75rem;}
.feedback2 .inputbtn{display:inline-block;outline:none;background:#f9c029;color:#000000;font-family:"微软雅黑",arial,sans-serif; font-weight: normal;border:0;cursor:pointer;text-align:center;margin-bottom:0; margin-left: auto; margin-right: auto;font-size:1rem;height:3.125rem;line-height:3.125rem;border-radius:0.25rem;width:100%;-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;}   
.feedback2 .inputbtn:hover{background:#00b1a7;-moz-box-shadow: 0 0rem 0.8125rem rgba(0,177,167,0.27);-webkit-box-shadow: 0 0rem 0.625rem rgba(0,177,167,0.27);box-shadow: 0 0rem 0.8125rem rgba(0,177,167,0.27);}
.feedback2 .text:focus,.feedback2 .text:active,.feedback2 .text2:focus,.feedback2 .text2:active{-webkit-box-shadow: none;box-shadow: none;border: 2px solid #f8e49d; }
.feedback2 input::-webkit-input-placeholder { color: #949795; } 
.feedback2 input:-moz-placeholder { color: #949795; } 
.feedback2 input::-moz-placeholder { color: #949795; } 
.feedback2 input:-ms-input-placeholder { color: #949795; } 
.feedback2 textarea::-webkit-input-placeholder { color: #949795; } 
.feedback2 textarea:-moz-placeholder { color: #949795; } 
.feedback2 textarea::-moz-placeholder { color: #949795; } 
.feedback2 textarea:-ms-input-placeholder { color: #949795; } 


/* pageproinfo_fb2 */
.pageproinfo_fb2{position:sticky;position:-webkit-sticky;top:5rem;z-index:9;transition:all 0.4s; width:32.14285714285714%; float:right;}
.pageproinfo_fb2b{ padding-left: 3.125rem;}
.pageproinfo_fb2.hide{ visibility: hidden; opacity:0;}
@media screen and (max-width:1200px) {
.pageproinfo_fb2{position: static;top:0;width:100%; float:none;margin-top:2rem;}
.pageproinfo_fb2.hide{ visibility:visible; opacity:1;}

.pageproinfo_fb2b{ padding-left:0; margin-top:0;}
}

/*pageproinfo_nav*/
.pageproinfo_nav{position:sticky;position:-webkit-sticky;top:5rem;z-index:10;transition:all 0.4s;float:left;margin-bottom:10px;}
.pageproinfo_nav.hide{ visibility: hidden; opacity:0;}
.pageproinfo_nav .pageproinfo_nav_box{height:100%;display:flex;width:100%;}
.pageproinfo_nav .pageproinfo_nav_con{height:100%;display:flex;position:relative;width:100%;background:#f3f5f8;line-height:5rem;height:5rem;border-radius:0.625rem;}
.pageproinfo_nav a{position:relative;z-index:10;height:100%;flex-shrink:0;cursor:pointer;width:25%; text-align: center;}
.pageproinfo_nav i{position:absolute;top:0;left:0;width:2px;height:100%;background:#ffc803;border-radius:0.625rem;}
@media screen and (max-width:1200px) {
.pageproinfo_nav{width:100%!important;}
    .pageproinfo_nav{top:65px;float:none;}
	.pageproinfo_nav .pageproinfo_nav_con{line-height:4rem;height:4rem;border-radius:0;}
}
@media screen and (max-width:1024px) {
    .pageproinfo_nav{top:65px;}
	.pageproinfo_nav .pageproinfo_nav_box{padding-top:0rem;padding-top: 0.5rem;}
}
@media screen and (max-width:767px) {
/* 	.pageproinfo_nav{height:1rem;position:initial}
	.pageproinfo_nav i{display:none} */
	.pageproinfo_nav .pageproinfo_nav_con{line-height:3.5rem;height:3.5rem;}
}


/*w1140*/
.w1140{width:67.85714285714286%;}
@media screen and (max-width:1200px) {
.w1140{width:100%;}
}


/* pageproinfo_intro */
.pageproinfo_intro {font-size:1.125rem;line-height:1.3;color:#262e46;font-weight:300;padding:1.25rem 0;}
.pageproinfo_intro h5 {font-size:1.25rem;font-weight:normal;margin-bottom:1.25rem;}
.pageproinfo_intro img {max-width:100%;height:auto!important;border-radius: 0.625rem;}
@media screen and (max-width:1200px) {
.pageproinfo_intro{font-size:1rem;}
}
@media screen and (max-width:1024px) {
.pageproinfo_intro{font-size:1rem;padding:1.125rem 0;}
.pageproinfo_intro h5 {font-size:1.125rem;margin-bottom:1rem;}
}
@media screen and (max-width:767px) {
.pageproinfo_intro{font-size:0.875rem;padding:1rem 0;}
}

/*pageproinfo_para*/
.pageproinfo_para{ padding-top: 3.75rem;padding-bottom:1.25rem;}
.pageproinfo_para table{width:100%;}
.pageproinfo_para table td{ text-align:center; vertical-align:middle; padding:1.375rem 1.25rem; line-height:1.5rem; font-size:1rem; color:#6a6a6a;}
.pageproinfo_para table td:nth-child(1){width:25%;}
.pageproinfo_para table td:nth-child(2){width:75%;}
.pageproinfo_para table tr:nth-child(2n-1){background:#f3f5f8;}
.pageproinfo_para table tr:hover{background:#f3f1ea;}
@media screen and (max-width:1024px) {
.pageproinfo_para{ padding-top:2.5rem;padding-bottom:1.125rem;}
.pageproinfo_para table td{ padding:1.25rem 1rem;font-size:0.875rem;}
}
@media screen and (max-width:767px) {
.pageproinfo_para{ padding-top:2rem;padding-bottom:1rem;}
.pageproinfo_para table td{ padding:1.25rem 1rem;font-size:0.875rem;}
}





/*pageproinfo_tit*/
.pageproinfo_tit{font-size:1.5rem;line-height:1.5rem;color:#000000;font-weight:300;margin-bottom:1.875rem;}
.pageproinfo_tit span{ display: block; position: relative; padding-left: 1.25rem;} 
.pageproinfo_tit span:before{width:0.375rem; height:100%; background-color:#ffc803; position: absolute; top:0; left:0; content:'';}
@media screen and (max-width:1200px) {
.pageproinfo_tit{font-size:1.35rem;margin-bottom:1.5rem;}
}
@media screen and (max-width:1024px) {
.pageproinfo_tit{font-size:1.25rem;margin-bottom:1.25rem;}
}
@media screen and (max-width:767px) {
.pageproinfo_tit{font-size:1.125rem;margin-bottom:1.125rem;}
}


/*pageproinfo_case*/
.pageproinfo_case{ padding-top: 3.75rem;padding-bottom:0rem;}
@media screen and (max-width:1024px) {
.pageproinfo_case{ padding-top:2.5rem;padding-bottom:0rem;}
}
@media screen and (max-width:767px) {
.pageproinfo_case{ padding-top:2rem;padding-bottom:0rem;}
}


/*xgcaselist*/
.xgcaselist{font-size:0;}
.xgcaselist .item{ display:block;width:100%;margin-bottom:1.875rem;}
.xgcaselist .itema{display:block;position:relative;overflow:hidden;border-radius:0.625rem;background:#dee0e2;}
.xgcaselist .item{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;justify-content: space-between;;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
.xgcaselist .itema{position:relative;display: -webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;justify-content: space-between;flex-grow:1;height:100%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
.xgcaselist .imgboxb{ width:29.82456140350877%;}
.xgcaselist .imgbox{overflow:hidden;padding-bottom:55.88235294117647%;height: 100%;position:relative;border-radius:0.625rem;}
.xgcaselist .imgbox>div{position:static!important;}
.xgcaselist .imgbox img {position:absolute;top:0;left:0;right:0;bottom:0;max-width:none;display:block;width:100%;height:100%;object-fit:cover;}
.xgcaselist .title{width:70.17543859649123%;}
.xgcaselist .titlenr{padding:3.125rem 12.5rem 1.5rem 2.5rem;position: relative;}
.xgcaselist .title .des{font-size:1rem;color:#332c2b; font-weight:300;line-height:1.625rem;max-height:3.25rem;overflow: hidden;margin-top:1.625rem;}
.xgcaselist .title .t{font-size:1.25rem;color:#000000;line-height:1.625rem;max-height:3.25rem;overflow: hidden;font-weight:normal;overflow:hidden;}
.xgcaselist .title .more{display:inline-block;width:2.5rem;height:2.5rem; margin-top:-1.25rem;border-radius:50%;background: center center no-repeat #f9c03b;background-size:0.5rem; position:absolute;top:50%;right:2.5rem;}
/*hover*/
.xgcaselist .itema:hover .title .more{-webkit-transform:rotatez(90deg);transform:rotatez(90deg);background-color:#000;}
.xgcaselist .itema:hover .title .des{color:#000;}
.xgcaselist .itema:hover .title .t{color:#000;}
.xgcaselist .itema:hover{background:#f9c03b;}
.xgcaselist .itema,.xgcaselist .title .t,.xgcaselist  .title .date,.xgcaselist  .title .lei,.xgcaselist .title .more,
.xgcaselist .imgbox img{-webkit-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s;}
.xgcaselist .itema:hover {-moz-box-shadow:8px 8px 20px 0 rgba(0, 0, 0, 0.1);-webkit-box-shadow:8px 8px 20px 0 rgba(0, 0, 0, 0.1);box-shadow:8px 8px 20px 0 rgba(41, 37, 37, 0.1);}
.xgcaselist .itema:hover .imgbox img{-moz-transform:scale(1.03);-webkit-transform:scale(1.03);-ms-transform:scale(1.03);transform:scale(1.03);}
@media screen and (max-width:1024px) {
.xgcaselist .titlenr{padding:1.5rem 7.5rem 1.5rem 1.5rem;}
.xgcaselist .item{margin-bottom:1.5rem;}
}
@media screen and (max-width:767px) {
.xgcaselist .titlenr{padding:1.5rem 4rem 1.5rem 1.5rem;}
.xgcaselist .title .more{width:2rem;height:2rem; margin-top:-1rem;right:1rem;}
.xgcaselist .title .des{font-size:0.875rem;line-height:1.5rem;max-height:3rem;margin-top:1rem;}
.xgcaselist .title .t{font-size:1rem;line-height:1.5rem;max-height:3rem;}
.xgcaselist .item{margin-bottom:1.25rem;}
}



/*pageproinfo_fb*/
.pageproinfo_fb{padding-top: 4.375rem; padding-bottom:7.5rem;}
@media screen and (max-width:1200px) {
.pageproinfo_fb{padding-top:3.125rem; padding-bottom:6.25rem;}
}
@media screen and (max-width:1024px) {
.pageproinfo_fb{padding-top:3.125rem; padding-bottom:4.375rem;}
}
@media screen and (max-width:768px) {
.pageproinfo_fb{padding-top:3.125rem; padding-bottom:3.125rem;}
}



/*pageproinfo_fbbox*/
.pageproinfo_fb_left .pageproinfo_fb_leftb{ padding-right: 1.5625rem;}
.pageproinfo_fb_left{width:23.75rem; float:left;}
.pageproinfo_fb_right{width: calc(100% - 23.75rem);float:right;}
@media screen and (max-width:1024px) {
.pageproinfo_fb_left{width:100%; float:none; margin-bottom:1.875rem;}
.pageproinfo_fb_right{width:100%;float:none;}
.pageproinfo_fb_left .pageproinfo_fb_leftb{ padding-right:0;}
}




/*contactlx*/
.contactlx .lxitem{position:relative;border:1px solid #ffc803; height:13.75rem;margin-bottom: 0.9375rem;border-radius:0.375rem;}
.contactlx .lxitem .icon{ text-align: right;padding-right:1.5rem;padding-top:1.875rem;}
.contactlx .lxitem .icon img{display:inlin-block;background-color:#f9c029;width:3.125rem;height:3.125rem; padding: 0.9375rem;border-radius:0.625rem;}
.contactlx .lxitem .title{ position: absolute;bottom:2.3125rem; left:2.3125rem;right:1.5rem;}
.contactlx .lxitem .t img{width:1rem; position: absolute;left: 0;top:0.3125rem;height:auto;}
.contactlx .lxitem .t{display:block;font-size:1.125rem;color:#000;line-height:1.875rem;}
.contactlx .lxitem .des{display:block;font-size:1.125rem;color:#5a616b;line-height:1.875rem;font-family:'oswald',"microsoft yahei","微软雅黑",helvetica,arial,sans-serif;font-weight:300;}
.contactlx .lxitem .des strong{font-size:1.5rem;font-weight:300;}
.contactlx .lxitem a{ color:#6a6a6a; text-decoration: underline;font-size:90%;}
.contactlx .lxitem a:hover{ color:#00b1a7; }

/*contactlx-a*/
.contactlx-a{width:100%;display:-ms-flexbox;display:flex;-ms-flex-pack:center;-ms-flex-wrap:wrap;flex-wrap:wrap;}
.contactlx-a a{ display:block; width: 100%; position: relative;}
.contactlx-a a span{box-sizing:border-box;display:-ms-flexbox;display:flex;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:start;align-items:flex-start;position:relative;z-index:0;width:100%;height:100%;overflow:hidden;}
.contactlx-a a span{position:relative;z-index:1;font-weight:normal;font-size:1.125rem;line-height:1.875rem; display: block;text-align:left;color:#fff;background:#000000;padding:2.5rem;border-radius:0.625rem;}
.contactlx-a a:before{content:"";position:absolute;top:50%;transition:border-color .6s cubic-bezier(0.25,0.46,0.45,0.94);pointer-events:none;box-sizing:border-box;width:1.25rem;height:1.25rem;margin-top:-0.625rem;right:2.5rem;background-size:100%;background-position: center center; background-repeat:no-repeat;background-image:; z-index: 2;}
.contactlx-a a:hover:before{background-image:}
.contactlx-a a span:after{content:"";width:0;height:100%;position:absolute;right:0;top:0;background:#f9c029;transition:width cubic-bezier(0.23,1,0.32,1) .8s;z-index:-1}
.contactlx-a a:hover span:after{left:0;width:100%}
.contactlx-a a:hover span{color:#000000;}


/*feedbackbox*/
.feedbackbox{background:#f3f5f8;padding-left:2.5rem;padding-right:2.5rem;padding-top: 4.375rem;padding-bottom:2.5rem;border-radius:0.625rem;}
.feedbacktit{font-size:1rem;line-height: 2.0625rem;margin-bottom: 3.75rem;color:#000000;text-align: center;font-weight:300;}
.feedbacktit .t{font-size:1.625rem;font-weight:normal;}
/*feedback*/
.feedback{padding:0;margin:0 -1.875rem;}
.feedback label{display:block;}
.feedback .l1{float:left;width:50%; position:relative;}
.feedback .l2{float:left;width:100%;}
.feedback .l3{float:left;width:100%; text-align: center;}
.feedback .l1box{margin:0 1.875rem; position:relative; padding-left: 6.25rem;}
.feedback .l3 .l1box{padding-left:0;}
.feedback .tt{ width:5.625rem;font-size:1.125rem;color:#000000;line-height:3.75rem;text-align:left; position:absolute; left: 0;top:0;font-weight: 300;}
.feedback .text{display:block;width: 100%;padding:0.25rem 1.375rem;height:3.75rem;margin-bottom:1.875rem;font-size:1rem;color:#6a6a6a;font-family:"微软雅黑",arial,sans-serif;font-weight: normal;outline:none;border:1px solid #fff;border-radius:0.625rem;background:#fff;text-align:left;}
.feedback .text2{padding:0.625rem 1.375rem;height:7.5rem;}
.feedback .inputbtn{display:inline-block;outline:none;background:#f9c029;color:#000000;font-family:"微软雅黑",arial,sans-serif; font-weight: normal;border:0;cursor:pointer;text-align:center;margin-bottom:0; margin-left: auto; margin-right: auto;font-size:1rem;height:2.9375rem;line-height:2.9375rem;border-radius:2.9375rem;width:7.875rem;-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;}   
.feedback .inputbtn:hover{background:#e4aa0c;-moz-box-shadow: 0 0rem 0.8125rem rgba(0,177,167,0.27);-webkit-box-shadow: 0 0rem 0.625rem rgba(0,177,167,0.27);box-shadow: 0 0rem 0.8125rem rgba(0,177,167,0.27);}
.feedback .text:focus,.feedback .text:active,.feedback .text2:focus,.feedback .text2:active{-webkit-box-shadow: none;box-shadow: none;border: 2px solid #f8e49d; }
.feedback input::-webkit-input-placeholder { color: #949795; } 
.feedback input:-moz-placeholder { color: #949795; } 
.feedback input::-moz-placeholder { color: #949795; } 
.feedback input:-ms-input-placeholder { color: #949795; } 
.feedback textarea::-webkit-input-placeholder { color: #949795; } 
.feedback textarea:-moz-placeholder { color: #949795; } 
.feedback textarea::-moz-placeholder { color: #949795; } 
.feedback textarea:-ms-input-placeholder { color: #949795; } 
@media screen and (max-width:1200px) {
.feedback .l1{width:100%;}
.feedbacktit{font-size:0.875rem;margin-bottom:3.5rem;}
.feedbacktit .t{font-size:1.5rem;}
.feedbackbox{padding-left:2rem;padding-right:2rem;padding-top:4rem;padding-bottom:2rem;}
}
@media screen and (max-width:1024px) {
.feedbackbox{padding-left:2rem;padding-right:2rem;padding-top:3rem;padding-bottom:1.5rem;}
.feedback .tt{ width:4.5rem;font-size:1rem;line-height:3.5rem;}
.feedback .text{padding:0.25rem 1rem;height:3.5rem;margin-bottom:1.5rem;font-size 0.875em;}
.feedback .text2{padding:0.625rem 1rem;height:7rem;}
}
@media screen and (max-width:767px) {
.feedback .l1{width:100%;}
.feedback .l1box{margin:0 1rem;padding-left:5rem;}
.feedback .tt{ width:4.5rem;font-size:1rem;line-height:3rem;}
.feedback .text{padding:0.25rem 1rem;height:3rem;margin-bottom:1rem;font-size 0.875em;}
.feedback .text2{padding:0.625rem 1rem;height:7rem;}

.feedbacktit{font-size:0.875rem;margin-bottom:3rem;}
.feedbacktit .t{font-size:1.25rem;}
.feedbackbox{padding-left:2rem;padding-right:2rem;padding-top:2rem;padding-bottom:1.5rem;}
}



/*********************************pageproinfo detail*********************************/

/*pagetit*/
.pagetit{color:#000;font-weight:normal;text-align: center;font-size:1.875rem;line-height:2.375rem; margin-bottom:2rem;}
.pagetit .tit{font-weight:normal;}
.pagetit .tit .t2{font-size:1.375rem;color:#000; font-weight:300;}
.pagetit .tit2{font-size:1.375rem;color:#000;font-weight:normal;text-align: center;line-height:1.3;}
.pagetit .line{width:2.3125rem;height: 0.3125rem;background-color: #f9c029;margin:0 auto;margin-top:1.5rem;margin-bottom:5.375rem;}
.pagetit .des{color:#000;font-weight:300;font-size:1.125rem;line-height:1.875rem; max-width: 1140px; margin:0 auto;margin-top:1.875rem;}
.pagetit.white{color:#fff;}
.pagetit.white .tit .t2{color:#fff;}
.pagetit.white .tit2{color:#fff;}
.pagetit.white .des{color:#fff;}
@media screen and (max-width:1200px) {
.pagetit{font-size:1.5rem;line-height:1.5;margin-bottom:2rem;}
.pagetit .des{font-size:1rem;line-height:1.5rem;margin-top:1.5rem;}
.pagetit .tit .t2{font-size:1.125rem;}
.pagetit .tit2{font-size:1.125rem;}
.pagetit .line{margin-top:1.125rem;margin-bottom:3rem;}
}
@media screen and (max-width:1024px) {
.pagetit{font-size:1.25rem;line-height:1.5;margin-bottom:1.5rem;}
.pagetit .des{font-size:0.875rem;line-height:1.5rem;margin-top:1.25rem;}
.pagetit .tit .t2{font-size:1rem;}
.pagetit .tit2{font-size:1rem;}
.pagetit .line{margin-top:1rem;margin-bottom:2rem;}
}
@media screen and (max-width:767px) {
.pagetit{font-size:1.125rem;line-height:1.5;margin-bottom:1.5rem;}
.pagetit .des{font-size:0.875rem;line-height:1.5;margin-top:1rem;}
}



/*pageprobox1*/
.pageprobox1{position:relative;overflow:hidden;background-color:#ffffff;padding-top:6.25rem;padding-bottom:4.375rem;background-image:;background-position:center center;background-repeat:no-repeat; background-attachment: fixed; background-size:cover;}
@media screen and (max-width:1200px){
.pageprobox1{padding-top:5rem;padding-bottom:4rem;background-attachment:inherit;}
}
@media screen and (max-width:1024px){
.pageprobox1{padding-top:4rem;padding-bottom:3rem;}
}
@media screen and (max-width:767px){
.pageprobox1{padding-top:3rem;padding-bottom:2rem;}
}





/*pageprobox1sw*/
.pageprobox1swb{position: relative;padding-bottom:1.875rem;padding-top:3.125rem;}
.pageprobox1sw{font-size:0;margin:0 -0.625rem;}
.pageprobox1sw .item{ display:block;float:left;width:25%;}
.pageprobox1sw .itema{display:block;margin:0 0.625rem;padding:3.75rem 2.875rem;position:relative;overflow:hidden;border-radius:1.625rem 0.625rem 1.625rem 0.625rem; background-color: #fff;}
.pageprobox1sw .itema{display: -webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;justify-content: space-between;height: auto;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box; height: 100%;}
.pageprobox1sw .title{font-size:1.125rem;line-height:1.875rem;min-height:5.625rem;color:#000000;font-weight:300;}

.pageprobox1sw .itema{-moz-transition: all .2s linear;-ms-transition: all .2s linear;-webkit-transition: all .2s linear;-o-transition: all .2s linear;transition: all .2s linear;}
.pageprobox1sw .itema:hover{transform:translatey(-1rem);box-shadow: 0 10px 20px rgba(0,0,0,.1);background-color:#f3f5f8;}
@media screen and (max-width:1200px){
.pageprobox1swb{padding-bottom:1.875rem;padding-top:2rem;}
.pageprobox1sw{margin:0 -0.5rem;}
.pageprobox1sw .itema{margin:0 0.5rem;}
.pageprobox1sw .itema{padding:3rem 2.5rem;border-radius:1.25rem 0.625rem;}
.pageprobox1sw .title{font-size:1rem;}
}
@media screen and (max-width:1024px){
.pageprobox1sw .item{ width:33.333333%;}
.pageprobox1sw{margin:0 -0.5rem;}
.pageprobox1sw .itema{margin:0 0.5rem;}

.pageprobox1sw .itema{padding:3rem 1.5rem;border-radius:1.25rem 0.625rem;}
.pageprobox1sw .title{font-size:0.875rem;}
}
@media screen and (max-width:767px){
.pageprobox1sw .item{ width:50%;}
.pageprobox1sw{margin:0 -0.5rem;}
}


/*.pageprobox1sw swiper-wrapper*/
.pageprobox1sw .swiper-slide{width:25%; min-height: 220px;}
@media screen and (max-width:1200px){
.pageprobox1sw .swiper-slide{width:33.333333%;}
}
@media screen and (max-width:1024px){
.pageprobox1sw .swiper-slide{width:50%;}
}
@media screen and (max-width:767px){
.pageprobox1sw .swiper-slide{width:66.66666666666667%;}
}
@media screen and (max-width:430px){
.pageprobox1sw .swiper-slide{width:76.92307692307692%;}
}
@media screen and (max-width:370px){
.pageprobox1sw .swiper-slide{width:100%;}
}






/*pageprobox2*/
.pageprobox2{position:relative;overflow:hidden;background-color:#ffffff;padding-top:6.25rem;padding-bottom:4.375rem;background-position:center center;background-repeat:no-repeat;background-size:cover;}
.pageprobox2b{padding-top:3.125rem;padding-bottom:1.875rem;}
@media screen and (max-width:1200px){
.pageprobox2{padding-top:5rem;padding-bottom:4rem;}
.pageprobox2b{padding-top:2rem;padding-bottom:1.5rem;}
}
@media screen and (max-width:1024px){
.pageprobox2{padding-top:4rem;padding-bottom:3rem;}
.pageprobox2b{padding-top:1.5rem;padding-bottom:1rem;}
}
@media screen and (max-width:767px){
.pageprobox2{padding-top:3rem;padding-bottom:2rem;}
.pageprobox2b{padding-top:1.25rem;padding-bottom:0rem;}
}





/*pageprobox3*/
.pageprobox3{position:relative;overflow:hidden;background-color:#f1f1f1;padding-top:6.25rem;padding-bottom:4.375rem;background-position:center center;background-repeat:no-repeat;background-size:cover;background-image:; background-attachment: fixed;}
@media screen and (max-width:1200px){
.pageprobox3{padding-top:5rem;padding-bottom:4rem;background-attachment:inherit;}
}
@media screen and (max-width:1024px){
.pageprobox3{padding-top:4rem;padding-bottom:3rem;}
}
@media screen and (max-width:767px){
.pageprobox3{padding-top:3rem;padding-bottom:2rem;}
}







/*.pageprobox3b*/
.pageprobox3b{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-justify-content:space-between;justify-content:space-between;align-items: flex-start; padding-bottom:0rem;}
.pageprobox3 .pagetit{ text-align:left; width:36%;}
.pageprobox3 .pagetit h4{ font-size:1.5rem; font-weight:normal; color:#000; margin-bottom: 1.875rem;}
.pageprobox3 .imgbox{width:55.95238095238095%;}
@media screen and (max-width:1200px){
.pageprobox3b{flex-wrap: wrap;padding-bottom:1rem;}
.pageprobox3 .pagetit{width:100%;}
.pageprobox3 .imgbox{width:100%;}
.pageprobox3 .pagetit h4{ font-size:1.25rem;margin-bottom: 1.5rem;}
}
@media screen and (max-width:1024px){
.pageprobox3 .pagetit h4{ font-size:1.125rem;margin-bottom: 1.25rem;}
}
@media screen and (max-width:768px){
.pageprobox3 .pagetit h4{ font-size:1rem;margin-bottom: 1rem;}
}





/*pageprobox4*/
.pageprobox4{position:relative;overflow:hidden;background-color:#fff;padding-top:6.25rem;padding-bottom:6.25rem;background-position:center center;background-repeat:no-repeat;background-size:cover;}
.pageprobox4b{ padding-top: 1.875rem;}
@media screen and (max-width:1200px){
.pageprobox4{padding-top:5rem;padding-bottom:5rem;background-attachment:inherit;}
.pageprobox4b{ padding-top: 1.5rem;}
}
@media screen and (max-width:1024px){
.pageprobox4{padding-top:4rem;padding-bottom:4rem;}
.pageprobox4b{ padding-top: 1.25rem;}
}
@media screen and (max-width:767px){
.pageprobox4{padding-top:3rem;padding-bottom:3rem;}
.pageprobox4b{ padding-top: 1rem;}
}






/*pageprobox5*/
.pageprobox5{position:relative;overflow:hidden;background-color:#ddecf6;padding-top:6.25rem;padding-bottom:6.25rem;background-position:center center;background-repeat:no-repeat;background-size:cover;background-image:; background-attachment: fixed;}
.pageprobox5b{ padding-top: 1.875rem;}
@media screen and (max-width:1200px){
.pageprobox5{padding-top:5rem;padding-bottom:5rem;background-attachment:inherit;}
.pageprobox5b{ padding-top: 1.5rem;}
}
@media screen and (max-width:1024px){
.pageprobox5{padding-top:4rem;padding-bottom:4rem;}
.pageprobox5b{ padding-top: 1.25rem;}
}
@media screen and (max-width:767px){
.pageprobox5{padding-top:3rem;padding-bottom:3rem;}
.pageprobox5b{ padding-top: 1rem;}
}



/*pageprobox6*/
.pageprobox6{position:relative;overflow:hidden;background-color:#fff;padding-top:6.25rem;padding-bottom:6.25rem;background-position:center center;background-repeat:no-repeat;background-size:cover;}
.pageprobox6b{ padding-top: 1.875rem;}
@media screen and (max-width:1200px){
.pageprobox6{padding-top:5rem;padding-bottom:5rem;background-attachment:inherit;}
.pageprobox6b{ padding-top: 1.5rem;}
}
@media screen and (max-width:1024px){
.pageprobox6{padding-top:4rem;padding-bottom:4rem;}
.pageprobox6b{ padding-top: 1.25rem;}
}
@media screen and (max-width:767px){
.pageprobox6{padding-top:3rem;padding-bottom:3rem;}
.pageprobox6b{ padding-top: 1rem;}
}






/*pageprobox7*/
.pageprobox7{position:relative;overflow:hidden;background-color:#ffffff;padding-top:6.25rem;padding-bottom:4.375rem;background-image:;background-position:center center;background-repeat:no-repeat; background-attachment: fixed; background-size:cover;}
@media screen and (max-width:1200px){
.pageprobox7{padding-top:5rem;padding-bottom:4rem;background-attachment:inherit;}
}
@media screen and (max-width:1024px){
.pageprobox7{padding-top:4rem;padding-bottom:3rem;}
}
@media screen and (max-width:767px){
.pageprobox7{padding-top:3rem;padding-bottom:2rem;}
}





/*pageprobox2sw*/
.pageprobox2swb{position: relative;}
.pageprobox2sw{font-size:0;margin:0 -0.625rem;position: relative;padding-bottom:2.8125rem;padding-top:3.125rem; overflow: hidden;}
.pageprobox2sw .item{ display:block;float:left;width:33.33333%;}
.pageprobox2sw .itema{display:block;margin:0 0.625rem;position:relative;overflow:hidden;border-radius:1.625rem 0.625rem 0.625rem 0.625rem; background-color: #fff;text-align: center;}
.pageprobox2sw .title{font-size:1.125rem;line-height:1.875rem;color:#000000;font-weight:300;padding:5rem 1.875rem 1.875rem 1.875rem;}
.pageprobox2sw .titlenr{min-height: 9.75rem;}
.pageprobox2sw .title .t{font-size:1.5rem;font-weight: normal;margin-bottom: 1.25rem;}
.pageprobox2sw .imgbox{overflow:hidden;height: 0;padding-bottom:56.48148148148148%;position:relative;border-radius:1.625rem 0.625rem 1.625rem 0;}
.pageprobox2sw .imgbox>div{position:static!important;}
.pageprobox2sw .imgbox img {position:absolute;top:0;left:0;right:0;bottom:0;display:block;max-width:none;width:100%;height:100%;object-fit:cover;}
/*hover*/
.pageprobox2sw .item,.pageprobox2sw .itema,.pageprobox2sw .imgbox,
.pageprobox2sw .imgbox img{-moz-transition: all .2s linear;-ms-transition: all .2s linear;-webkit-transition: all .2s linear;-o-transition: all .2s linear;transition: all .2s linear;}
.pageprobox2sw .itema:hover .imgbox img{-moz-transform:scale(1.02);-webkit-transform:scale(1.02);-ms-transform:scale(1.02);transform:scale(1.02);}
.pageprobox2sw .itema:hover{-webkit-transform:translatey(-1rem);transform:translatey(-1rem);box-shadow: 0 10px 20px rgba(0,0,0,.1);background-color:#f3f5f8;}
@media screen and (max-width:1200px){
.pageprobox2sw{margin:0 -0.5rem;padding-bottom:1.875rem;padding-top:2rem;}
.pageprobox2sw .itema{margin:0 0.5rem;}
.pageprobox2sw .itema{border-radius:1.25rem 0.625rem;}
.pageprobox2sw .imgbox{border-radius:1.25rem 0.625rem 1.25rem 0;}
.pageprobox2sw .title{font-size:1rem;padding:4rem 1.5rem 1.5rem 1.5rem;line-height:1.5;}
.pageprobox2sw .title .t{font-size:1.25rem;margin-bottom: 1.125rem;}
}
@media screen and (max-width:1024px){
.pageprobox2sw .item{ width:33.333333%;}
.pageprobox2sw{margin:0 -0.5rem;}
.pageprobox2sw .itema{margin:0 0.5rem;}

.pageprobox2sw .itema{border-radius:1.25rem 0.625rem;}
.pageprobox2sw .imgbox{border-radius:1.25rem 0.625rem 1.25rem 0;}
.pageprobox2sw .title{font-size:1rem;padding:3rem 1.5rem 1.5rem 1.5rem;line-height:1.875rem;}
.pageprobox2sw .title .t{font-size:1.125rem;margin-bottom: 1rem;}
}
@media screen and (max-width:767px){
.pageprobox2sw .item{ width:50%;}
.pageprobox2sw{margin:0 -0.5rem;padding-bottom:1.5rem;padding-top:1.5rem;}
.pageprobox2sw .title{font-size:1rem;padding:2.5rem 1.5rem 1.5rem 1.5rem;}
.pageprobox2sw .title .t{font-size:1.25rem;margin-bottom:0.625rem;}
}


/*.pageprobox2sw swiper-wrapper*/
.pageprobox2sw .swiper-slide{width:33.333333%;}
@media screen and (max-width:1024px){
.pageprobox2sw .swiper-slide{width:50%;}
}
@media screen and (max-width:767px){
.pageprobox2sw .swiper-slide{width:66.66666666666667%;}
}
@media screen and (max-width:430px){
.pageprobox2sw .swiper-slide{width:76.92307692307692%;}
}
@media screen and (max-width:370px){
.pageprobox2sw .swiper-slide{width:100%;}
}



/*********************************service*********************************/
/*pagebanner2*/
.pagebanner2{ position: relative; overflow:hidden;}
.pagebanner2 img{ display: block;width:100%;}


/*pageinfo*/
.pageinfo{ padding-top:6.25rem;padding-bottom:5rem;}
@media screen and (max-width:1200px){
.pageinfo{ padding-top:5rem;padding-bottom:4rem;}
}
@media screen and (max-width:1024px){
.pageinfo{ padding-top:4rem;padding-bottom:3rem;}
}
@media screen and (max-width:767px){
.pageinfo{ padding-top:3rem;padding-bottom:2rem;}
}

/*w1114*/
.w1114{ max-width:69.625rem; margin: 0 auto;}



/*downlist*/
.downlist{width:100%;}
.downlist .downlistul{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem; margin-bottom:3.75rem;}
.downlist .item{display:block; width: 100%;}
.downlist .itema{display:block;position:relative;overflow:hidden;background-color:#f3f5f8;border-radius:0.625rem; padding:2.875rem;}
.downlist .itema .icon{flex-shrink:0;width:4.375rem;margin-right:1.875rem;margin-left:0.625rem;}
.downlist .itema .title{display:flex; align-items:center;color:#000;font-weight:300;font-style:1.0625rem;margin-right:5.375rem;}
.downlist .itema .load{width: 2.5rem; float: right; position: absolute;right: 2.875rem;top:50%;transform: translatey(-50%);}
/**/
.downlist .item{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;justify-content: space-between;height: auto;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;height:100%; width: 100%;}
.downlist .itema{display: -webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;width: 100%;align-items: center;}
/*hover*/
.downlist .itema,.downlist .item,.downlist .itema .title{-moz-transition: all .3s linear;-ms-transition: all .3s linear;-webkit-transition: all .3s linear;-o-transition: all .3s linear;transition: all .3s linear;}
.downlist .itema:hover{background:#f9c029}
.downlist .itema:hover .title{color:#000}
@media screen and (max-width:1200px){
.downlist .downlistul{gap:1.25rem;margin-bottom:3rem;}
.downlist .itema{padding:2.5rem;}
.downlist .itema .icon{width:3.5rem;margin-right:1.5rem;margin-left:0.5rem;}
.downlist .itema .title{font-style:1rem;margin-right:3.5rem;}
.downlist .itema .load{width: 2.25rem;right:2.5rem;}
}
@media screen and (max-width:1024px){
.downlist .downlistul{gap:1.125rem;margin-bottom:2.5rem;}
.downlist .itema{padding:2rem;}
.downlist .itema .icon{width:3rem;margin-right:2rem;margin-left:0.5rem;}
.downlist .itema .title{font-style:1rem;margin-right:3.5rem;}
.downlist .itema .load{width:2rem;right:2rem;}
}
@media screen and (max-width:767px){
.downlist .downlistul{gap:1rem;grid-template-columns:repeat(1,1fr);margin-bottom:2rem;}	
.downlist .itema{padding:1.5rem;}
.downlist .itema .icon{width:3rem;margin-right:1.5rem;margin-left:0.5rem;}
}




/*faqlist*/
.faqlist{width:100%;}
.faqlist .faqlistul{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem; margin-bottom:3.75rem;}
.faqlist .item{display:block; width: 100%;}
.faqlist .itema{display:block;position:relative;overflow:hidden;background-color:#f3f5f8;background-image:;background-position:center bottom;background-repeat:no-repeat;background-size:100%;border-radius:0.625rem; padding:2.5rem 8.75rem 1.875rem 3.5rem;}
.faqlist .itema .name{color:#000000;font-weight:normal;font-style:1.25rem;display:-webkit-box;text-overflow: ellipsis;line-clamp:1;-webkit-line-clamp:1; -webkit-box-orient:vertical; overflow:hidden; }
.faqlist .itema .desc{color:#5a616b;font-weight:300;font-style:1rem;display:-webkit-box;text-overflow: ellipsis;line-clamp:1;-webkit-line-clamp:1; -webkit-box-orient:vertical; overflow:hidden;margin-top: 0.875rem;margin-bottom:3.75rem;}
.faqlist .itema .date{font-size:1.125rem;color:#5a616b;line-height:3rem;font-family:'oswald', "microsoft yahei", "微软雅黑", helvetica, arial, sans-serif;font-weight:300;}
.faqlist .itema .moreb{position: absolute;right:2.5rem;bottom:1.875rem;}
/*hover*/
.faqlist .itema,.faqlist .item,.faqlist .itema .title{-moz-transition: all .3s linear;-ms-transition: all .3s linear;-webkit-transition: all .3s linear;-o-transition: all .3s linear;transition: all .3s linear;}
.faqlist .itema:hover{background:#f9c029}
.faqlist .itema:hover .title{color:#000}

/*.faqlist*/
.faqlist .itema .moreb span:after{background:#fff;}
.faqlist .itema:hover .moreb span{color:#332c2b;}
.faqlist .itema:hover .moreb span:after{left:0;width:100%}
@media screen and (max-width:1200px){
.faqlist .faqlistul{gap:1.25rem;margin-bottom:3rem;}
.faqlist .itema{padding:2.5rem;}
.faqlist .itema .icon{width:3.5rem;margin-right:1.5rem;margin-left:0.5rem;}
.faqlist .itema .title{font-style:1rem;margin-right:3.5rem;}
.faqlist .itema .load{width: 2.25rem;right:2.5rem;}
}
@media screen and (max-width:1024px){
.faqlist .faqlistul{gap:1.125rem;margin-bottom:2.5rem;}
.faqlist .itema{padding:2rem;}
.faqlist .itema .icon{width:3rem;margin-right:2rem;margin-left:0.5rem;}
.faqlist .itema .title{font-style:1rem;margin-right:3.5rem;}
.faqlist .itema .load{width:2rem;right:2rem;}
}
@media screen and (max-width:767px){
.faqlist .faqlistul{gap:1rem;grid-template-columns:repeat(1,1fr);margin-bottom:2rem;}	
.faqlist .itema{padding:1.5rem;}
.faqlist .itema .icon{width:3rem;margin-right:1.5rem;margin-left:0.5rem;}
}



/*moreb*/
.moreb{box-sizing:border-box;position:relative;display:inline-block;-ms-flex-negative:0;flex-shrink:0;font-size: 0;line-height: 0;}
.moreb span{overflow:hidden;box-sizing:border-box;display:-ms-flexbox;display:flex;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:start;align-items:flex-start;position:relative;z-index:0;letter-spacing:0;width:100%;height:100%;}
.moreb span:before{content:"";position:absolute;top:50%;transition:border-color .6s cubic-bezier(0.25,0.46,0.45,0.94);pointer-events:none;box-sizing:border-box;width:1rem;height:1rem;margin-top:-0.5rem;right:1.5625rem;background-size:100%;background-position: center center; background-repeat:no-repeat;background-image:;}
.moreb span:hover:before{background-image:}
.moreb span:after{content:"";width:0;height:100%;position:absolute;right:0;top:0;background:#332c2b;transition:width cubic-bezier(0.23,1,0.32,1) .8s;z-index:-1}
.moreb span:hover:after{left:0;width:100%}
.moreb span{position:relative;z-index:1;font-weight:normal;font-size:1rem;line-height:3rem; display: block; text-align: left;color:#332c2b;background:#f9c029;border-radius:2.75rem;min-width:7.875rem; padding-right:1.25rem;padding:0 1.375rem;}
.moreb span:hover{color:#f9c029;}








/*********************************about*********************************/
/*pagebanner3*/
.pagebanner3{ position: relative; overflow:hidden;padding-bottom:31.77083333333333%; }
.pagebanner3 .bannerpic{position:absolute;left:0;right:0; top:0;bottom:0;width:100%;height:100%;z-index:0;background-size:cover;background-position:center top;background-repeat:no-repeat;animation: srmgani 4000ms 1 ease forwards;}
@keyframes srmgani{0%{transform:scale(1.05);} 100%{transform:scale(1.0);}}
.pagebanner3 video{ display:block;max-width:none;width:100%;height:100%;-o-object-fit:cover;object-fit:cover; position:absolute;top:0;left:0;z-index:2;}
.pagebanner3 .tt .t2{ padding-left: 3rem;}
@media screen and (max-width:1024px){
.pagebanner3{ padding-bottom:40%; }

.pagebanner3 .tt .t2{ padding-left:2rem;margin-top: 0.5rem}
}
@media screen and (max-width:768px) {
.pagebanner3{ padding-bottom:50%;min-height:15.625rem; }
.pagebanner3 .tt .t2{ padding-left:2rem; margin-top: 0.5rem;}
}




/*videobox*/
.videobox{position:absolute;right:0;left:0;width:100%;height:100%;z-index:2;text-align: center;}
/*videobtn*/
.videobtn{position:absolute;display: inline-block;left:0;top:50%;-moz-transform: translatey(-50%);-webkit-transform: translatey(-50%);-ms-transform: translatey(-50%);transform: translatey(-50%);cursor: pointer;text-align: center;}
.videobtn .icon-video{width:1.875rem;height:1.875rem;border-radius:50%;background: no-repeat center center; background-size:100%;background-color: rgba(255, 255, 255,0.06);margin:0 auto;}
.videobtn .icon-video{animation: h_scale 2s linear infinite;-webkit-animation: h_scale 2s linear infinite;}
@-webkit-keyframes h_scale{from{opacity:1;-webkit-transform:scale(1);}50%{opacity:1;-webkit-transform:scale(1.3);}}
@keyframes h_scale{from{opacity:1;transform:scale(1)}50%{opacity:1;transform:scale(1.3);}}
@media screen and (max-width:1200px) {
.videobtn .icon-video{width:1.5rem;height:1.5rem;}
}
@media screen and (max-width:1024px) {
.videobtn .icon-video{width:1.25rem;height:1.25rem;}
}
@media screen and (max-width:767px) {
.videobtn .icon-video{width:1.125rem;height:1.125rem;}
}






/*视频弹窗c-video-box*/
.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{font-size: 0;position:fixed;top:1.875rem;right:1.875rem;width:3.125rem;height:3.125rem;color:#fff;background:#fff;border-radius:50%;transition:.5s; z-index:9; cursor:pointer;}
.c-video-box .c-btn:after,.c-video-box .c-btn:before{content:"";position:absolute;bottom:1.5rem;left:0.625rem;width:1.875rem;height:0.125rem;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}
@media screen and (max-width:1024px){
.c-video-box .c-btn{top:1.875rem;right:1.875rem;width:2.5rem;height:2.5rem;}
.c-video-box .c-btn:after,.c-video-box .c-btn:before{bottom: 1.125rem;left: 0.5rem;width:1.5625rem;}
}
@media screen and (max-width:767px){
.c-video-box .c-btn{top:1.25rem;right:1.25rem;width:1.875rem;height:1.875rem;}
.c-video-box .c-btn:after,.c-video-box .c-btn:before{bottom: 0.8125rem;left: 0.3125rem;width: 1.25rem;}
}







/*downlist*/
.yanfalist{width:100%;}
.yanfalist .itemb{display:block; width: 100%;background-size:cover;background-position: center center; background-repeat:no-repeat;background-image:;background-color:#f9f9f9; padding:8.5rem 0;}
.yanfalist .item{display:block; width: 100%;}
.yanfalist .itema{display:block;position:relative;overflow:hidden;background-color:#ffffff;border-radius:0.625rem;}
/*num*/
.yanfalist .itema .num{position: relative;color:#cecece;line-height:1;font-family:'oswald', "microsoft yahei", "微软雅黑", helvetica, arial, sans-serif;font-weight:500; margin-bottom: 3.125rem;font-size:3.75rem;}
.yanfalist .itema .num span{position:relative;display:inline-block;padding-right:1rem;}
.yanfalist .itema .num span::after{content: '';width:0.5rem;height: 0.5rem;border-radius: 50%; position: absolute;bottom:0;right:0;background-color:#f9c029;}
/*code*/
.yanfalist .itema .code img{width: 5.4375rem;margin-right:1.375rem; vertical-align: bottom;}
.yanfalist .itema .code{color:#000000;font-weight:300;font-size:1rem;}
/*title*/
.yanfalist .itema .title{display:block; height: 100%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box; padding:4.75rem 6rem 4.75rem 5rem;}
.yanfalist .itema .titleb{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;justify-content: space-between;height: auto;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;height:100%; width: 100%;flex-direction: column;}
.yanfalist .itema .name{color:#000000;font-weight:300;font-size:1.625rem;line-height:1.5; margin-bottom: 1rem;}
.yanfalist .itema .desc{color:#000000;font-weight:300;font-size:1.125rem;line-height: 1.875rem;margin-bottom:2rem;}
/*imgbox*/
.yanfalist .itema .imgbox{overflow:hidden;height: 0;padding-bottom:59.47368421052632%; height: 100%;position:relative;}
.yanfalist .itema .imgbox>div{position:static!important;}
.yanfalist .itema .imgbox img {position:absolute;top:0;left:0;right:0;bottom:0;display:block;max-width:none;width:100%;height:100%;object-fit:cover;}
/*hover*/
.yanfalist .item,.yanfalist .itema,.yanfalist .itema .imgbox,
.yanfalist .itema .imgbox img{-moz-transition: all .2s linear;-ms-transition: all .2s linear;-webkit-transition: all .2s linear;-o-transition: all .2s linear;transition: all .2s linear;}
.yanfalist .itema:hover .imgbox img{-moz-transform:scale(1.02);-webkit-transform:scale(1.02);-ms-transform:scale(1.02);transform:scale(1.02);}
.yanfalist .itema:hover{-webkit-transform:translatey(-1rem);transform:translatey(-1rem);box-shadow: 0 10px 20px rgba(0,0,0,.1);background-color:#f3f5f8;}
/*box*/
.yanfalist .item{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;justify-content: space-between;height: auto;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;height:100%; width: 100%;}
.yanfalist .itema{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;width: 100%;align-items: center;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;display:grid;grid-template-columns:43.45% 56.55%;}
/*nth-child(2n)*/
.yanfalist .item:nth-child(2n) .itema{direction:rtl;}
.yanfalist .item:nth-child(2n) .itema .imgbox{direction: ltr;}
.yanfalist .item:nth-child(2n) .itema .title{direction: ltr;}
@media screen and (max-width:1200px){
.yanfalist .itemb{padding:6rem 0;}

.yanfalist .itema .num{margin-bottom:2.5rem;font-size:3rem;}
.yanfalist .itema .title{padding:3rem 5rem 3rem 4rem;}
.yanfalist .itema .name{font-size:1.5rem;line-height:1.5;}
.yanfalist .itema .desc{font-size:1rem;line-height:1.5;}
}
@media screen and (max-width:1024px){
.yanfalist .itemb{padding:5rem 0;}
.yanfalist .itema{display:grid;grid-template-columns:100%;}
.yanfalist .itema .num{margin-bottom:2.5rem;font-size:2.75rem;}
.yanfalist .itema .title{padding:3rem 2rem;}
.yanfalist .itema .name{font-size:1.25rem;line-height:1.5;}
.yanfalist .itema .desc{font-size:1rem;line-height:1.5;}

.yanfalist .itema .code{font-size:0.875rem;}
}
@media screen and (max-width:767px){
.yanfalist .itemb{padding:4rem 0;}
.yanfalist .itema .num{margin-bottom:2rem;font-size:2.5rem;}
.yanfalist .itema .name{font-size:1.125rem;}
.yanfalist .itema .desc{font-size:1rem;}
}



/************************pagenav2************************/
.pagenav2{position:relative;z-index:2;text-align:center; margin-bottom: 3rem;}
.pagenav2 ul{margin:0 auto;font-size:0;line-height:0;}
.pagenav2 li{display:inline-block;*display:inline;zoom:1;vertical-align:top;}
.pagenav2 li a{position:relative;display:block;color:#000000; font-weight:300;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;font-size:1rem;line-height:2.875rem;margin:0 0.5rem;padding:0 1.5625rem;border-radius: 2.875rem;}
.pagenav2 li.active a{ background-color:#f9c029;}
@media screen and (max-width:1024px){
.pagenav2{ margin-bottom:2rem;}
.pagenav2 li a{font-size:1rem;line-height:2.875rem;margin:0 0.3rem;padding:0 1.25rem;}
}
@media screen and (max-width:768px){
.pagenav2{ margin-bottom:1.5rem;}
.pagenav2 li a{font-size:0.875rem;line-height:2.5rem;margin:0 0.25rem;padding:0 1rem;}
}
@media screen and (max-width:640px){
.pagenav2 li a{padding:0 0.875rem;}
}



/*pagetit4*/
.pagetit4{color:#332c2b;font-weight:normal;text-align: center;font-size:1rem;line-height:1.5; margin-bottom:2rem;}
.pagetit4 .tit{font-weight:normal;}
.pagetit4 .tit span{ display:inline-block; padding-left:2.275rem;background-size:1.7rem;background-position:left center; background-repeat:no-repeat;background-image:;font-size: 1.5rem;letter-spacing: 8px;}
.pagetit4 .titbig{font-weight:normal;font-size:2.25rem;line-height:1.5;margin-top:1.5rem;}
.pagetit4.white{color:#fff;}
@media screen and (max-width:1200px){
.pagetit4{margin-bottom:2rem;}
.pagetit4 .tit span{padding-left:1.875rem;background-size:1.375rem;}
.pagetit4 .titbig{font-size:2rem;margin-top:1.5rem;}
}
@media screen and (max-width:1024px){
.pagetit4{margin-bottom:1.5rem;}
.pagetit4 .tit span{padding-left:1.5rem;background-size:1.25rem;}
.pagetit4 .titbig{font-size:1.75rem;margin-top:1.125rem;}
}
@media screen and (max-width:768px){
.pagetit4{margin-bottom:1.25rem;}
.pagetit4 .titbig{font-size:1.5rem;margin-top:1rem;}
}
@media screen and (max-width:640px){
.pagetit4{margin-bottom:1rem;}
.pagetit4 .titbig{font-size:1.25rem;margin-top:1rem;}
}


/*pagecertification swbtn*/
.pagecertification .allimgs{position:relative}
.pagecertification .allimgs:after{content:"";height:1px;width:calc(100% - 10rem);background-color:rgba(194,169,143,.5);position:absolute;bottom:1.875rem;right:0}
.pagecertification .swbtn{ text-align:left; position: relative; width:8.75rem;}
.pagecertification .swbtn .mbtn{width: 3.75rem;height: 3.75rem;cursor:pointer;border-radius:50%;position:relative;overflow:hidden;transform:translatez(0);background-color:#f9c029; left: 0;right: 0; display: inline-block; margin: 0;} 
.pagecertification .swbtn .mbtn.swiper-button-disabled{filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;pointer-events:none;background-color:#e3e5e9;}	
.pagecertification .swbtn .mbtn.swiper-button-prev{ margin-right: 0.625rem;}
@media screen and (max-width:1024px){
.pagecertification .swbtn .mbtn{width:3rem;height:3rem;} 
.pagecertification .swbtn .mbtn.swiper-button-prev{ margin-right: 0.5rem;}
.pagecertification .swbtn{width:6.5rem;}
.pagecertification .allimgs:after{bottom:1.5rem;width:calc(100% - 7rem);}
}


/*pagecertification*/
.pagecertification{width:100%;background: no-repeat;background-size:cover;padding-top:7.5rem;padding-bottom:5.625rem;overflow:hidden;}
.pagecertification .allimgs{ position:relative; z-index:1;  }
.pagecertification .allimgs .swiper-container{position:relative;overflow: visible;margin-bottom:5rem;padding-top:3.875rem;}
.pagecertification .allimgs .swiper-container .swiper-wrapper{width:100%}
.pagecertification .allimgs .swiper-container .swiper-wrapper .swiper-slide{ width: auto;}
.pagecertification .allimgs .swiper-container .swiper-wrapper .swiper-slide .itema{ width:auto;margin-right:3.75rem; max-width:400px;}
.pagecertification .allimgs .swiper-container .swiper-wrapper .swiper-slide .itema .pic{display:flex;flex-direction:column;align-items:center;justify-content:center;height:14.5rem;transition:all 600ms;position:relative; z-index:0;}
.pagecertification .allimgs .swiper-container .swiper-wrapper .swiper-slide .itema .pic img{max-width:100%;object-fit:contain;max-height:100%;transition:all 600ms}
.pagecertification .allimgs .swiper-container .swiper-wrapper .swiper-slide .itema .text{text-align:center;margin-top:2rem;position:relative; z-index: 3;}
.pagecertification .allimgs .swiper-container .swiper-wrapper .swiper-slide-active .itema{opacity:1}
.pagecertification .allimgs .swiper-container .swiper-wrapper .swiper-slide  .itema:hover .pic img{box-shadow:0 2.5rem 2.5rem rgba(0,0,0,.3);}
@media screen and (max-width:1200px){.pagecertification{padding-top:5rem;padding-bottom:4rem;}
.pagecertification .allimgs .swiper-container{margin-bottom:4.5rem;padding-top:2.5rem;}
.pagecertification .allimgs .swiper-container .swiper-wrapper .swiper-slide .itema{margin-right:3rem;}
.pagecertification .allimgs .swiper-container .swiper-wrapper .swiper-slide .itema .pic{height:12rem;}
}
@media screen and (max-width:1024px){.pagecertification{padding-top:4rem;padding-bottom:3rem;}
.pagecertification .allimgs .swiper-container{margin-bottom:4rem;padding-top:2rem;}
.pagecertification .allimgs .swiper-container .swiper-wrapper .swiper-slide .itema{margin-right:2rem;}
.pagecertification .allimgs .swiper-container .swiper-wrapper .swiper-slide .itema .pic{height:10rem;}
}
@media screen and (max-width:768px){.pagecertification{padding-top:3rem;padding-bottom:2rem;}
.pagecertification .allimgs .swiper-container{margin-bottom:3rem;padding-top:1.5rem;}
.pagecertification .allimgs .swiper-container .swiper-wrapper .swiper-slide .itema{margin-right:1.5rem;}
.pagecertification .allimgs .swiper-container .swiper-wrapper .swiper-slide .itema .pic{height:8rem;}
}


/*active*/
.pagecertification .allimgs {filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; height:0;}
.pagecertification .allimgs.active{filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;height:auto;}



/*pagehistory*/
.pagehistory{background:url(/uploads/image/dkimages/histroybig.jpg) center center no-repeat #09102a; background-size:cover;min-height:55rem;overflow:hidden;align-items: center;padding-top:10rem;}
.pagehistory .pagetit4{ padding:0 3%;}
.pagehistory .pagehistorycon{align-items:center; width:100%;justify-content:space-between;}
.pagehistory .pagehistorybox{width:100%;position:relative;}
.pagehistory .pagehistoryb{position:relative; margin-top: 5rem;padding:0 7.5rem;}
.pagehistory .pagehistoryb:after{content:"";position:absolute;left:0;right:0;background:url(/uploads/image/dkimages/line.png) center center no-repeat;width:120rem; left: 50%; margin-left:-60rem; height:3rem;top:7.5rem;}
@media screen and (max-width:1200px){
      .pagehistory{padding-top:9rem;min-height:50rem;}
     .pagehistory .pagehistoryb{margin-top:4rem;padding:0 5rem;}
}
@media screen and (max-width:1024px){
      .pagehistory{padding-top:7rem;min-height:45rem;}
     .pagehistory .pagehistoryb{margin-top:3rem;padding:0 3rem;}
}
@media screen and (max-width:767px){
      .pagehistory{padding-top:5rem;min-height:40rem;}
     .pagehistory .pagehistoryb{margin-top:2rem;padding:0 2rem;}
}


/*pagehistory_nav*/
.pagehistory_navb{position:absolute; left:0;right:0; width:100%; margin:0 auto;top:7.5rem;}
.pagehistory_nav{position:relative;visibility:hidden; text-align:center;margin:0 auto;max-width: 75rem;}
.pagehistory_nav.slick-initialized{visibility:visible}
.pagehistory_nav .slick-slide{color:#000;font-size:0;position:relative;text-align:center;height:3rem;width:33.3333%;}
.pagehistory_nav .slick-slide:before{display:inline-block;content:"";position:relative;background-color:#fff;border-radius:50%;transition:all 0.3s cubic-bezier(0.4,0,0.2,1) 0.25s;width:0.4375rem;height:0.4375rem;top:50%;transform: translatey(-50%);}
.pagehistory_nav .slick-slide i{ display:none;}
.pagehistory_nav .slick-slide.slick-current:before{background-color:#fff;box-shadow:0 0 0.3125rem 0.125rem #fff}

/*pagehistory_yearb*/
.pagehistory_yearb{ position:absolute; left:0;right:0; width:100%; margin:0 auto;top:0;padding:0;}
.pagehistory_year{position:relative;visibility:hidden; text-align:center;margin:0 auto;max-width: 75rem;}
.pagehistory_year.slick-initialized{visibility:visible}
.pagehistory_year .slick-slide{line-height:6.25rem;height:6.25rem; overflow: hidden;color:#f9c029;visibility:visible;position:relative;text-align:center;display:inline-block;-moz-transition: all .3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;transition: all .3s ease-in-out;font-size:3.75rem;font-family:'oswald', "microsoft yahei", "微软雅黑", helvetica, arial, sans-serif;font-weight:500;width:33.3333%; vertical-align:bottom;}
.pagehistory_year .slick-slide.slick-current{font-size: 5rem;}
.pagehistory_year .slick-slide span{line-height: 1; display:inline-block; vertical-align:bottom;}
@media screen and (max-width:1200px){
	.pagehistory_year .slick-slide{font-size:3rem;}
	.pagehistory_year .slick-slide.slick-current{font-size:4rem;}
}
@media screen and (max-width:1024px){
	.pagehistory_year .slick-slide{font-size:2rem;}
	.pagehistory_year .slick-slide.slick-current{font-size:3rem;}
}
@media screen and (max-width:767px){
	.pagehistory_year .slick-slide{font-size:1.5rem;}
	.pagehistory_year .slick-slide.slick-current{font-size:2.5rem;}
}


/*pagehistory_content*/
.pagehistory_content{position:static;margin:0 auto;max-width: 75rem;}
.pagehistory_content .slick-list{margin:0 auto;}
.pagehistory_content .history-slide{ text-align:center;}
.pagehistory_content .title{position:relative;text-align:center;color:#eadcc7; font-weight:300;line-height:6.25rem;padding-bottom:6.875rem;visibility:hidden;}
.pagehistory_content .h_txt{line-height:2;font-weight:300; color:#fff;padding-top:0.625rem;min-height:7.5rem; max-width:37.5rem; margin: 0 auto;}
.pagehistory_content .h_txt strong{font-weight:400;color:#eadcc7;}


/*pagehistory_content arrows */
.pagehistory_content .slick-next,
.pagehistory_content .slick-prev{position:absolute;border-radius:50%;border:none;text-align:center;font-size:0;color:#fff;z-index: 5; outline:none;padding:0;line-height:0;background-repeat: no-repeat;background-position: center; background-color:transparent; cursor:pointer;margin-top:0;width:3rem;height:3rem;top:7.5rem; background-color:#f9c029;background-size:0.625rem;}
.pagehistory_content .slick-next,
.pagehistory_content .slick-prev{-moz-transition: all .5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;transition: all .5s ease-in-out;}
.pagehistory_content .slick-prev{left:7.5rem;background-image: ;}
.pagehistory_content .slick-next{right:7.5rem;background-image: ;}
.pagehistory_content .slick-prev.slick-disabled,
.pagehistory_content .slick-next.slick-disabled{filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity:0.5; opacity:0.5;cursor:default;}
@media screen and (max-width:1200px){
.pagehistory_content .slick-prev{left:3rem;}
.pagehistory_content .slick-next{right:3rem;}
}
@media screen and (max-width:1024px){
.pagehistory_content .slick-prev{left:0rem;}
.pagehistory_content .slick-next{right:0rem;}
}
@media screen and (max-width:767px){
.pagehistory_content .slick-prev{left:0rem;}
.pagehistory_content .slick-next{right:0rem;}
}
/*pagehistory_content slick-dots*/
.pagehistory_content .slick-dots{line-height:0;width:100%;text-align:center;margin:30px auto 0;display:none!important;}
.pagehistory_content .slick-dots > li{display:inline-block;vertical-align:middle;padding:0 8px;line-height:0;}
.pagehistory_content .slick-dots > li > button{ cursor:pointer;display:inline-block;vertical-align:middle;background:none;border:none;width:16px;height:16px;border-radius:50%;border:1px solid #fff; background-color:transparent;margin:0;padding:0;transform:rotate(45deg);overflow:hidden;text-indent:-9999px;line-height:1}
.pagehistory_content .slick-dots > li.slick-active > button{background-color:#fff;}



/*pagetit2*/
.pagetit2{color:#332c2b;font-weight:normal;text-align:left;font-size:1rem;line-height:1.5; margin-bottom:2rem;}
.pagetit2 .tit{font-weight:normal;}
.pagetit2 .tit span{ display:inline-block; padding-left:1.875rem;background-size:1.375rem;background-position:left center; background-repeat:no-repeat;background-image:;}
.pagetit2 .titbig{font-weight:normal;font-size:1.625rem;line-height:1.5;margin-top:1.5rem;}
.pagetit2.white{color:#fff;}
@media screen and (max-width:1200px){
.pagetit2{margin-bottom:2rem;}
.pagetit2 .tit span{padding-left:1.875rem;background-size:1.375rem;}
.pagetit2 .titbig{font-size:1.25rem;margin-top:1.5rem;}
}
@media screen and (max-width:1024px){
.pagetit2{margin-bottom:1.5rem;}
.pagetit2 .tit span{padding-left:1.5rem;background-size:1.25rem;}
.pagetit2 .titbig{font-size:1.125rem;margin-top:1.125rem;}
}
@media screen and (max-width:768px){
.pagetit2{margin-bottom:1.25rem;}
}




/*pageabout2*/
.pageabout1{ position:relative; width:100%; padding:7.5rem 0;overflow: hidden;}
.pageabout1 .pageabout1b{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;width: 100%;align-items:flex-start;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;display:grid;grid-template-columns:49% 51%;}
/*pageaboutbg*/
.pageabout1 .pageaboutbg{height: 100%; width: 100%;}
.pageabout1 .pageaboutbg .pageaboutbgb{ position: relative;width:100%; height:0; padding-bottom:56.20608899297424%;}
.pageabout1 .pageaboutbg .pageaboutbgb>div{ position:static!important;}
.pageabout1 .pageaboutbg img{display:block;position:absolute;top:0;left:0;z-index:3;width:100%;max-width:100%;-o-object-fit: cover;object-fit: cover;-o-object-position:center;object-position:center;}
/**/
.pageabout1 .pageaboutnr{position:relative; z-index:1}
.pageabout1 .left{width:90%;}
.pageabout1 .left .des{font-size:1.125rem;line-height:2rem; color: #1f2123; font-weight: 300;}
.pageabout1 .left .desb{position: relative;overflow: hidden;}
@media screen and (max-width:1200px){
.pageabout1 .pageabout1b{grid-template-columns:100%;}
.pageabout1 .left{width:100%;}
.pageabout1 .pageaboutnr{ margin-bottom: 50px;}
.pageabout1 .left .des{font-size:1rem;}

.pageabout1{ padding:6rem 0;}
}
@media screen and (max-width:1024px){
.pageabout1{ padding:5rem 0;}
}
@media screen and (max-width:1024px){
.pageabout1{ padding:4rem 0;}
}



/*read-more*/
#gradient{width: 100%;position: absolute;bottom:2.9375rem;left: 0;background: -moz-linear-gradient(bottom,rgba(255,255,255,.1),rgba(255,255,255,0));background: -webkit-gradient(linear,0 top,0 bottom,from(rgba(255,255,255,0)),to(#fff));background: -o-linear-gradient(bottom,rgba(255,255,255,.1),rgba(255,255,255,0)); height:12.5rem;pointer-events: none; display:none;}
#read-more{padding:0 0;text-align:left;position:relative;}
#read-more a{display:inline-block;font-size:0.9375rem;padding:0.75rem 2.0625rem;line-height:1.375rem;text-decoration: none;color:#000000; position:relative;background: #fff;color: #000000;border: 1px solid #000000;border-radius: 2.9375rem;transition: all 0.5s;vertical-align: middle; margin-top:1.875rem;}
#read-more a i{ position: relative;display:inline-block; width:1.375rem;height:1.375rem;background: url(/uploads/image/dkimages/icon-p.png) center center no-repeat; background-size:0.75rem;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;transition: all 0.5s; vertical-align: middle;}
#read-more a i.fa-angle-up{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg); background-image:url(/uploads/image/dkimages/icon-p2.png);}
#read-more a:hover{color: #000;}





/*pageaboutlist*/
.pageaboutlist{position:relative;padding-top:2.5rem;padding-bottom:2.5rem;}
.pageaboutlist .shulist{position:relative;font-size:0; line-height:0;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;width: 100%;align-items:flex-start;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;display:grid;grid-template-columns:1fr 1fr 1fr;}
.pageaboutlist .shulist .shu{display:block; text-align:center; padding:0 0.9375rem;}
.pageaboutlist .shulist .shu .item{position:relative;display:block; padding-left:3.125rem;padding-right:3.125rem;}
.pageaboutlist .shulist .shu .item{flex:1 1;-webkit-transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out;-o-transition: all .5s ease-in-out;transition: all .5s ease-in-out;}
.pageaboutlist .shulist .shu h2{font-size:1.0625rem;color:#000000;font-weight:300;vertical-align:bottom;}
.pageaboutlist .shulist .shu h2 strong{display:inline-block;vertical-align:bottom;color:#1f2123;font-size:3.125rem;line-height:1;font-family:'oswald', "microsoft yahei", "微软雅黑", helvetica, arial, sans-serif;font-weight:500; padding-left:1.875rem;background-size:1.375rem;background-position:left 97%; background-repeat:no-repeat;background-image:;}
.pageaboutlist .shulist .shu h2 span{display:inline-block;line-height:1;vertical-align:bottom;}
.pageaboutlist .shulist .shu h2 .p{ vertical-align: top;font-size:1.875rem;line-height:1;font-family:'oswald', "microsoft yahei", "微软雅黑", helvetica, arial, sans-serif;font-weight:500; margin-left:0.375rem;margin-left:0.375rem;}
.pageaboutlist .shulist .shu .txt{font-size:0.9375rem;color:#1f2123;font-weight:300;line-height:1.3; margin-top:0.75rem;}
@media screen and (max-width:1200px) {
.pageaboutlist{padding-top:0rem;padding-bottom:2.5rem;}
}
@media screen and (max-width:768px) {
.pageaboutlist .shulist{grid-template-columns:1fr;grid-gap:3rem;}
}



/*pageabout3*/
.pageabout3{padding-top:7.5rem;padding-bottom:6.25rem;background:url(/uploads/image/dkimages/pagebg.jpg) center bottom no-repeat #fff; background-attachment: fixed; background-size:100%;overflow: hidden;}
.pageabout3 .pageaboutb{position:relative;}
.pageabout3 .pageaboutnr{width:50vw;position:relative; z-index: 2;margin-bottom:5rem;}
.pageabout3 .pageaboutnr .left{padding-left:6.25vw;padding-right:6.25vw;padding-top:4.5rem;padding-bottom:7.5rem;background-color: #fff4d6;border-radius:0 0.625rem 0.625rem 0;}
/*pageaboutbg*/
.pageabout3 .pageaboutbg{width:56.25vw; position: absolute;top:5rem;left:43.75%; z-index: 1;}
.pageabout3 .pageaboutbg .pageaboutbgb{ position: relative;width:100%; height:0; padding-bottom:59.25925925925926%;border-radius:0.625rem 0;}
.pageabout3 .pageaboutbg .pageaboutbgb>div{ position:static!important;}
.pageabout3 .pageaboutbg img{display:block;position:absolute;top:0;left:0;z-index:3;width:100%;max-width:100%;-o-object-fit: cover;object-fit: cover;-o-object-position:center;object-position:center;}
@media screen and (max-width:1200px) {.pageabout3{padding-top:3rem;padding-bottom:2rem;}
.pageabout3 .pageaboutnr{width:90%; }
.pageabout3 .pageaboutbg{width:90vw; position: relative;top:-3rem;left:0;margin-left:10vw; z-index: 1;}
.pageabout3 .pageaboutnr{margin-bottom:0;}
.pageabout3 .pageaboutnr .left{padding-left:3vw;padding-right:3vw;padding-top:3rem;padding-bottom:4rem;}
}
@media screen and (max-width:767px) {
.pageabout3 .pageaboutnr .left{padding-top:2rem;padding-bottom:3rem;}
}

/*culturelist*/
.culturelistb{position:relative; }
.culturelist{padding-top:3.125rem;}
.culturelist .item{display:block; text-align:center;}
.culturelist .item .itema{position:relative;display:block; padding:1.25rem 0; margin-bottom:1.25rem;border-bottom: 1px solid #fcd978;}
.culturelist .item .itema{flex:1 1;-webkit-transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out;-o-transition: all .5s ease-in-out;transition: all .5s ease-in-out;position:relative;font-size:0; line-height:0;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;width: 100%; align-items: center;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;display:grid;grid-template-columns:36% 64%;}
.culturelist .item .tt{font-size:1.375rem;line-height:1.625rem;color:#000000;font-weight:normal;vertical-align:bottom; text-align: left;}
.culturelist .item .txt{font-size:1rem;color:#332c2b;font-weight:normal;line-height:1.625rem;padding-left:1.25rem;background-size:0.625rem;background-position:left center; background-repeat:no-repeat;background-image:;text-align: left;}
@media screen and (max-width:1200px) {
.culturelist{padding-top:2rem;}
.culturelist .item .tt{font-size:1.25rem;}
.culturelist .item .txt{font-size:1rem;}
}
@media screen and (max-width:1024px) {
.culturelist .item .tt{font-size:1.125rem;}
.culturelist .item .txt{font-size:1rem;}
}


/*********************************contact*********************************/
.pagecontact{padding:8.75rem 0;background:url(/uploads/image/dkimages/contact-ditubg.jpg) center bottom no-repeat #edf1f4;background-size:100% 100%; position:relative;}
.pagecontact .contactpic{position:absolute;left:0; top:0;bottom:0;width:100%;background-position:right center;background-repeat:no-repeat; height: 100%;background-size:50% 100%; }

.pagecontact .pageoffice{ position: relative; z-index: 2; width: 66.07142857142857%;}
.pagecontact .pageoffice .officebox{ background-color: #5a616b;border-radius: 0.625rem;}
.pagecontact .pageoffice .officebox .officeb{padding:4.375rem;width:100%;height: 100%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
.pagecontact .pageoffice .officebox .officeb:nth-child(2){border-left: 1px solid #7b8189;}
.pagecontact .pageoffice .officebox{flex:1 1;-webkit-transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out;-o-transition: all .5s ease-in-out;transition: all .5s ease-in-out;position:relative;font-size:0; line-height:0;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;width: 100%;align-items:flex-start;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;display:grid;grid-template-columns:50% 50%;}
.pagecontact .pageoffice .officebox .officeb .tbig{font-size:1.75rem;font-weight: normal;line-height:1.3;color:#fff;text-align:left;margin-bottom:4.375rem; margin-top:1.25rem;}
.pagecontact .pageoffice .officebox .officeb .t{font-size:1.125rem;font-weight:300;line-height:1.3;color:#fff;text-align:left;padding-left:1.25rem;background-size:0.625rem;background-position:left center; background-repeat:no-repeat;background-image:; margin-bottom: 0.375rem; margin-top: 2.5rem;}
.pagecontact .pageoffice .officebox .officeb .des{font-size:1.25rem;color:#fff;font-weight:300;line-height:1.5;text-align: left;}
.pagecontact .pageoffice .officebox .officeb .des strong{display: inline-block;vertical-align:middle;font-size:1.75rem;font-family:'oswald', "microsoft yahei", "微软雅黑", helvetica, arial, sans-serif;font-weight:500;}
.pagecontact .pageoffice .officebox .officeb .des em{position: relative;line-height:1.5;display: inline-block;vertical-align:middle;font-size:1rem;line-height:1;font-style: normal}
.pagecontact .pageoffice .officebox .officeb .des img{ width:8.25rem; margin-top: 0.625rem;}

@media screen and (max-width:1200px) {.pagecontact{padding:7rem 0 0 0;}
.pagecontact .pageoffice{ position: relative; z-index: 2; width:100%;}

.pagecontact .contactpic{position:relative;width:100%;background-position:right center;background-repeat:no-repeat; height:0; padding-bottom:60%;background-size:100%; }

.pagecontact .pageoffice .officebox .officeb{padding:3rem;}


.pagecontact .pageoffice .officebox .officeb .tbig{font-size:1.75rem;margin-bottom:4.375rem; margin-top:1.25rem;}
.pagecontact .pageoffice .officebox .officeb .t{font-size:1.125rem;margin-bottom: 0.375rem; margin-top: 2.5rem;}
.pagecontact .pageoffice .officebox .officeb .des{font-size:1.25rem;}
.pagecontact .pageoffice .officebox .officeb .des strong{font-size:1.75rem;}
.pagecontact .pageoffice .officebox .officeb .des em{font-size:1rem;}
.pagecontact .pageoffice .officebox .officeb .des img{ width:8.25rem;margin-top: 0.625rem;}

}
@media screen and (max-width:1024px) {.pagecontact{padding:5rem 0 0 0;}
.pagecontact .pageoffice .officebox{grid-template-columns:100%;}
.pagecontact .pageoffice .officebox .officeb .tbig{font-size:1.5rem;margin-bottom:3rem; margin-top:1.25rem;}
.pagecontact .pageoffice .officebox .officeb .t{font-size:1rem;margin-bottom: 0.375rem; margin-top: 2rem;}
.pagecontact .pageoffice .officebox .officeb .des{font-size:1.125rem;}
.pagecontact .pageoffice .officebox .officeb .des strong{font-size:1.5rem;}
.pagecontact .pageoffice .officebox .officeb .des em{font-size:1rem;}
.pagecontact .pageoffice .officebox .officeb .des img{ width:8.25rem;margin-top: 0.625rem;}
.pagecontact .pageoffice .officebox .officeb:nth-child(2){border-left:none;border-top: 1px solid #7b8189;}
}
@media screen and (max-width:768px) {.pagecontact{padding:4rem 0 0 0;}
.pagecontact .pageoffice .officebox .officeb{padding:3rem;}
.pagecontact .pageoffice .officebox .officeb .tbig{font-size:1.25rem;margin-bottom:3rem; margin-top:1.25rem;}
.pagecontact .pageoffice .officebox .officeb .t{font-size:1rem;margin-bottom: 0.375rem; margin-top: 2rem;}
.pagecontact .pageoffice .officebox .officeb .des{font-size:1.125rem;}
.pagecontact .pageoffice .officebox .officeb .des strong{font-size:1.25rem;}
.pagecontact .pageoffice .officebox .officeb .des em{font-size:1rem;}
.pagecontact .pageoffice .officebox .officeb .des img{ width:8.25rem;margin-top: 0.625rem;}
}




/*pagefeedback*/
.pagefeedback{padding:7.5rem 0 6.25rem 0;background:url(/uploads/image/dkimages/contactfbbg.jpg) center bottom no-repeat #edf1f4;background-size:100% 100%; position:relative; background-attachment: fixed;}
.pagefeedback .feedbackbox{ background:none;}
@media screen and (max-width:1200px) {
.pagefeedback{padding:6rem 0 5rem 0;background-attachment:inherit;}
}
@media screen and (max-width:1024px) {
.pagefeedback{padding:5rem 0 4rem 0;}
}
@media screen and (max-width:767px) {
.pagefeedback{padding:4rem 0 3rem 0;}
}

/*pagenetwork*/
.pagenetwork{padding:7.5rem 0 6.25rem 0;}
@media screen and (max-width:1200px) {
.pagenetwork{padding:6rem 0 5rem 0;}
}
@media screen and (max-width:1024px) {
.pagenetwork{padding:5rem 0 4rem 0;}
}
@media screen and (max-width:767px) {
.pagenetwork{padding:4rem 0 3rem 0;}
}



/*ppagemap*/
.pagemap{width:100%;position:relative; margin-top:5rem;}
.pagemap .mapimg{display:block;margin:0 auto;width:100%}
.pagemap .dot{position:absolute;left:0;right:0;margin:auto;top:0;width:100%;margin:0 auto;z-index:5}
.pagemap .ripple{position:absolute;left:0;right:0;margin:auto;height:100%;width:100%;top:0;margin:0 auto;z-index:2}
.pagemap .ripple>span{position:absolute;left:71%;top: 34%;;transform:scale(.01);-webkit-transform:scale(.01);-moz-transform:scale(.01);-o-transform:scale(.01);-ms-transform:scale(.01);width:15.625rem;height:15.625rem;border-radius:50%;line-height:15.625rem;text-align:center;opacity:.2;background-color:#f9c029;-webkit-animation:ripple 5s ease-in-out infinite;animation:ripple 5s ease-in-out infinite}
.pagemap .ripple>span:nth-of-type(1){-webkit-animation-delay:0s;animation-delay:0s}
.pagemap .ripple>span:nth-of-type(2){-webkit-animation-delay:1.4s;animation-delay:1.4s}
.pagemap .ripple>span:nth-of-type(3){-webkit-animation-delay:3s;animation-delay:3s}
@-webkit-keyframes ripple{0%{transform:scale(.01);-webkit-transform:scale(.01);-moz-transform:scale(.01);-o-transform:scale(.01);-ms-transform:scale(.01);opacity:.2}
100%{transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);opacity:0}
}
@keyframes ripple{0%{transform:scale(.01);-webkit-transform:scale(.01);-moz-transform:scale(.01);-o-transform:scale(.01);-ms-transform:scale(.01);opacity:.2}
100%{transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);opacity:0}
}
@media screen and (max-width:1200px) {.pagemap{margin-top:4rem;}
.pagemap .ripple>span{position:absolute;left:63%;top:17%;width:12rem;height:12rem;line-height:12rem;}
}
@media screen and (max-width:1024px) {.pagemap{margin-top:3rem;}
.pagemap .ripple>span{position:absolute;left: 51%;top: -4%;width:50vw;height:50vw;line-height:50vw;}
}
@media screen and (max-width:768px) {.pagemap{margin-top:2rem;}
.pagemap .ripple>span{position:absolute;left: 51%;top: -4%;width:50vw;height:50vw;line-height:50vw;}
}




/*pagefeedback*/
.pagesocial{padding-top:4.375rem;}
/* pagesharebox */
.pagesharebox{flex:1 1;-webkit-transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out;-o-transition: all .5s ease-in-out;transition: all .5s ease-in-out;position:relative;font-size:0; line-height:0;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;width: 100%;align-items:flex-start;border-top: 1px solid #d2d2d2; margin-top:3.75rem;display:grid;grid-template-columns:50% 50%;}
.pagesharebox .pageshareb{padding:4.375rem 1rem;width:100%;height: 100%;display:flex;align-items: center;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;flex-direction: column;min-height: 27.5rem;}
.pagesharebox .pageshareb:nth-child(2){background-color: #dadcdf;}
@media screen and (max-width:1200px) {.pagesocial{padding-top:3rem;}
.pagesharebox{grid-template-columns:100%;}
.pagesharebox .pageshareb{min-height:15rem;padding:4rem 0.5rem;}
}
@media screen and (max-width:1024px) {.pagesocial{padding-top:2rem;}
.pagesharebox{grid-template-columns:100%;}
.pagesharebox .pageshareb{min-height:15rem;padding:4rem 0.5rem;}
}



/*sharelist*/
.sharelist{display:inline-block;flex:1 1; -webkit-transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out;-o-transition: all .5s ease-in-out;transition: all .5s ease-in-out;position:relative;font-size:0; line-height:0;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;width: 100%;align-items: center;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;justify-content: center;    flex-wrap: wrap;}

.pagesharebox .pageshareb:nth-child(2) .sharelist{display: grid;grid-template-columns: repeat(4, 1fr);max-width: 23.75rem;}

.sharelist .item{display:block; text-align:center;}
.sharelist .item .itema{position:relative;display:block;padding:1rem 0;border-radius:0.625rem; width:6.25rem;}
.sharelist .item .t{font-size:1rem;line-height:1.5;color:#000000;font-weight:300;text-align:center; margin-top: 0.875rem;}
.sharelist .item .ico img{ width:3.9375rem;height:3.9375rem;border-radius:0.625rem}
.sharelist .item .ico{ text-align: center;}
/*hover*/
.sharelist .item,.sharelist .item .itema,.sharelist .item .ico,
.sharelist .item .ico img{-moz-transition: all .2s linear;-ms-transition: all .2s linear;-webkit-transition: all .2s linear;-o-transition: all .2s linear;transition: all .2s linear;}
.sharelist .itema:hover .ico img{-moz-transform:scale(1.02);-webkit-transform:scale(1.02);-ms-transform:scale(1.02);transform:scale(1.02);border-radius: 50%;}
.sharelist .itema:hover{-webkit-transform:translatey(-0.25rem);transform:translatey(-0.25rem);box-shadow: 0 10px 20px rgba(0,0,0,.2);background-color:#f3f5f8;}
@media screen and (max-width:1200px) {
.sharelist .item .itema{padding:0.625rem 0.25rem; width:6rem;}
.sharelist .item .ico img{ width:3rem;height:3rem;}
}
@media screen and (max-width:1024px) {
.sharelist .item .itema{padding:0.625rem 0.25rem; width:5rem;}
.sharelist .item .t{font-size:0.875rem;line-height:1.5;color:#000000;font-weight:300;text-align:center; margin-top: 0.875rem;}
.sharelist .item .ico img{ width:2.5rem;height:2.5rem;}
}
@media screen and (max-width:767px) {
.sharelist .item .itema{padding:0.35rem 0.25rem; width:auto;min-width:3.5rem;}
.sharelist .item .t{font-size:0.875rem;line-height:1.5;color:#000000;font-weight:300;text-align:center; margin-top: 0.875rem;}
.sharelist .item .ico img{ width:2.5rem;height:2.5rem;}
}





/*solutionlist*/
.solutionlist{margin:0 auto; overflow:hidden; position: relative;padding: 6.25rem 0;}
.solutionlist ul{ font-size:0;margin:0 -0.9375rem;}
.solutionlist .item{ display:inline-block;*display:inline;zoom:1;width:33.3333333%;vertical-align:top;}
.solutionlist .itema{display:block;margin:0 0.9375rem; position:relative;overflow:hidden;border-radius:0.625rem;background:#fff;}
.solutionlist .imgbox{overflow:hidden;padding-bottom:51.85185185185185%; position:relative;border-radius:1.25rem;}
.solutionlist .imgbox>div{position:static!important;}
.solutionlist .imgbox img {position:absolute;top:0;left:0;right:0;bottom:0;display:block;max-width:none;width:100%;height:100%;object-fit:cover;}
.solutionlist .title{padding-top:1.875rem;}
.solutionlist .title .des{font-size:1rem;color:#6a6a6a; font-weight: normal;line-height:1.5rem;height:3rem;margin-bottom:2.125rem;display:-webkit-box;text-overflow: ellipsis;line-clamp:2;-webkit-line-clamp:2; -webkit-box-orient:vertical;overflow:hidden;}
.solutionlist .title .t{font-size:1.25rem;color:#332c2b; font-weight: normal;line-height:1.75rem;display:-webkit-box;text-overflow: ellipsis;line-clamp:1;-webkit-line-clamp:1; -webkit-box-orient:vertical;overflow:hidden;margin-bottom:0.75rem;}
.solutionlist .title .m{display:inline-block;font-size:1rem;color:#332c2b;line-height:2.9375rem; padding:0 1.625rem; background-color:#f9c03b;border-radius:2.9375rem;}
.solutionlist .title .m span{display:inline-block;padding-right:2.25rem;background: right center no-repeat;background-size:1rem;}

/*hover*/
.solutionlist .itema,.solutionlist .title:after,.solutionlist .title .t,.solutionlist .title .m span,.solutionlist .title .m,
.solutionlist .imgbox img{-webkit-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s;}
.solutionlist .itema:hover  .title .t{color:#000;}
.solutionlist .itema:hover .imgbox{-moz-box-shadow:8px 8px 16px 0 rgba(0, 0, 0, 0.08);-webkit-box-shadow:8px 8px 16px 0 rgba(0, 0, 0, 0.08);box-shadow:8px 8px 16px 0 rgba(0, 0, 0, 0.08);}
.solutionlist .itema:hover .imgbox img{-moz-transform:scale(1.03);-webkit-transform:scale(1.03);-ms-transform:scale(1.03);transform:scale(1.03);}
.solutionlist .title .m:hover{background-color:#332c2b;color:#f9c03b;}
.solutionlist .title .m:hover span{ background-image:;}
@media screen and (max-width:1200px){
.solutionlist{padding:5rem 0;}
}
@media screen and (max-width:1024px){
.solutionlist{padding:4rem 0;}
.solutionlist .item{ width:33.333333%;}
.solutionlist ul{margin:0 -0.5rem;}
.solutionlist .itema{margin:0 0.5rem;}

.solutionlist .title{padding-top:1.5rem;}
.solutionlist .title .t{font-size:1.125rem;}
}
@media screen and (max-width:767px){
.solutionlist .item{ width:50%;}
.solutionlist .title{padding-top:1.25rem;}
.solutionlist .title .t{font-size:1rem;}
.solutionlist .title .des{font-size:0.875rem;margin-bottom:2rem;}
.solutionlist .title .m{font-size:0.875rem;}
}
@media screen and (max-width:640px){
.solutionlist .item{ width:66.66666666666667%;}
}
@media screen and (max-width:370px){
.solutionlist{padding:3rem 0;}
.solutionlist .item{ width:100%;}
}





/*pagesolution*/
.pagesolution {font-size:1.125rem;line-height:1.5;color:#000000;font-weight:300;padding:2.5rem 0 3.75rem 0;}
.pagesolution h3 {font-size:1.875rem;font-weight:normal;margin-bottom:1.75rem;}
.pagesolution h4 {font-size:1.375rem;font-weight:normal;margin-bottom:1.75rem;}
.pagesolution h5 {font-size:1.25rem;font-weight:normal;margin-bottom:1.25rem;}
.pagesolution img {max-width:100%;height:auto;}
@media screen and (max-width:1200px){
.pagesolution {font-size:1rem;padding:2.5rem 0 3.75rem 0;}
.pagesolution h3 {font-size:1.5rem;margin-bottom:1.5rem;}
.pagesolution h4 {font-size:1.25rem;margin-bottom:1.5rem;}
.pagesolution h5 {font-size:1.125rem;margin-bottom:1.125rem;}

}
@media screen and (max-width:767px){
.pagesolution {font-size:0.875rem;padding:2.5rem 0 3rem 0;}
.pagesolution h3 {font-size:1.25rem;margin-bottom:1rem;}
.pagesolution h4 {font-size:1.125rem;margin-bottom:1rem;}
.pagesolution h5 {font-size:1rem;margin-bottom:1rem;}
}






/* stable */
.stable td{ padding:3% 3%; vertical-align:top; }
@media screen and (max-width:767px){
.stable td{ display:block; width:100%; padding:3% 0;}
}









/*********************************pageservice*********************************/


/*pageservicebox1*/
.pageservicebox1 .pagetit{ margin: 9.375rem auto;}
.pageservicebox1 .pagetit .tit span{ padding-left: 6.875rem;background-image:;background-position:left center;background-repeat:no-repeat; background-size:6rem;min-height: 4.375rem; display:inline-block; text-align: left;}
.pageservicebox1 .des a strong{  font-size: 1.5rem; font-weight: 500; color: #000;}
@media screen and (max-width:1200px){
.pageservicebox1 .pagetit{ margin: 7rem auto;}
.pageservicebox1 .pagetit .tit span{ padding-left:6rem;background-size:5rem;min-height:3.5rem; }
}
@media screen and (max-width:1024px){
.pageservicebox1 .pagetit{ margin: 5rem auto;}
}
@media screen and (max-width:767px){
.pageservicebox1 .pagetit{ margin: 4rem auto;}
.pageservicebox1 .pagetit .tit span{ padding-left:4rem;background-size:3rem;min-height:2.5rem; }
}





/*pageservicebox2*/
.pageservicebox2{position:relative;overflow:hidden;background-color:#ffffff;padding-top:6.25rem;padding-bottom:4.375rem;background-image:;background-position:center center;background-repeat:no-repeat; background-attachment: fixed; background-size:cover;}
@media screen and (max-width:1200px){
.pageservicebox2{padding-top:5rem;padding-bottom:4rem;background-attachment:inherit;}
}
@media screen and (max-width:1024px){
.pageservicebox2{padding-top:4rem;padding-bottom:3rem;}
}
@media screen and (max-width:767px){
.pageservicebox2{padding-top:3rem;padding-bottom:2rem;}
}

/*pageservicebox2sw*/
.pageservicebox2swb{position: relative;padding-bottom:1.875rem;padding-top:3.125rem;}
.pageservicebox2sw{font-size:0;margin:0 -0.625rem;}
.pageservicebox2sw .item{ display:block;float:left;width:33.33333%;}
.pageservicebox2sw .itema{display:block;text-align: center;margin:0 0.625rem;padding:3.75rem 2.875rem;position:relative;overflow:hidden;border-radius:1.625rem 0.625rem 1.625rem 0.625rem; background-color: #fff;background-image:;background-position:center center;background-repeat:no-repeat;  background-size:100%;min-height:22.5rem;}
.pageservicebox2sw .itema{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;align-items: center;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;justify-content: center;     flex-direction: column; flex-wrap: wrap;}
.pageservicebox2sw .title{font-size:1.125rem;line-height:1.5rem;color:#000000;font-weight:300;}
.pageservicebox2sw .ico img{ width:4.375rem;height:4.375rem; margin-bottom:4.375rem;}
.pageservicebox2sw .ico{ text-align: center;}
/*hover*/
.pageservicebox2sw .itema{-moz-transition: all .2s linear;-ms-transition: all .2s linear;-webkit-transition: all .2s linear;-o-transition: all .2s linear;transition: all .2s linear;}
.pageservicebox2sw .itema:hover{transform:translatey(-1rem);box-shadow: 0 10px 20px rgba(0,0,0,.1);background-color:#f3f5f8;}
@media screen and (max-width:1200px){
.pageservicebox2swb{padding-bottom:1.875rem;padding-top:2rem;}
.pageservicebox2sw{margin:0 -0.5rem;}
.pageservicebox2sw .itema{margin:0 0.5rem;min-height:20rem;}
.pageservicebox2sw .itema{padding:3rem 2.5rem;border-radius:1.25rem 0.625rem;}
.pageservicebox2sw .title{font-size:1rem;}
.pageservicebox2sw .ico img{ width:3.375rem;height:3.375rem; margin-bottom:3.375rem;}
}
@media screen and (max-width:1024px){
.pageservicebox2sw .item{ width:33.333333%;}
.pageservicebox2sw{margin:0 -0.5rem;}
.pageservicebox2sw .itema{margin:0 0.5rem;min-height:18rem;}

.pageservicebox2sw .itema{padding:3rem 1.5rem;border-radius:1.25rem 0.625rem;}
.pageservicebox2sw .ico img{ width:3rem;height:3rem; margin-bottom:3rem;}
}
@media screen and (max-width:767px){
.pageservicebox2sw .item{ width:50%;}
.pageservicebox2sw{margin:0 -0.5rem;}
.pageservicebox2sw .ico img{ width:2..5rem;height:2.5rem; margin-bottom:2.5rem;}
}

/*.pageservicebox2sw swiper-wrapper*/
.pageservicebox2sw .swiper-slide{width:33.333333%;}
/* @media screen and (max-width:1024px){
.pageservicebox2sw .swiper-slide{width:50%;}
}
@media screen and (max-width:767px){
.pageservicebox2sw .swiper-slide{width:66.66666666666667%;}
}
@media screen and (max-width:430px){
.pageservicebox2sw .swiper-slide{width:76.92307692307692%;}
}
@media screen and (max-width:370px){
.pageservicebox2sw .swiper-slide{width:100%;}
}
 */



/*pageservicebox3*/
.pageservicebox3{position:relative;overflow:hidden;background-color:#ffffff;padding-top:6.25rem;padding-bottom:4.375rem;background-position:center center;background-repeat:no-repeat; background-attachment: fixed; background-size:cover;}
@media screen and (max-width:1200px){
.pageservicebox3{padding-top:5rem;padding-bottom:4rem;background-attachment:inherit;}
}
@media screen and (max-width:1024px){
.pageservicebox3{padding-top:4rem;padding-bottom:3rem;}
}
@media screen and (max-width:767px){
.pageservicebox3{padding-top:3rem;padding-bottom:2rem;}
}
/*pageservicebox1sw*/
.pageservicebox3swb{position: relative;padding-bottom:1.875rem;padding-top:3.125rem;}
.pageservicebox3sw{font-size:0;margin:0 -0.625rem;}
.pageservicebox3sw .item{ display:block;float:left;width:33.33333%;}
.pageservicebox3sw .itema{display:block;text-align: center;margin:0 0.625rem;padding:5rem 2.875rem 2.875rem 2.875rem;position:relative;overflow:hidden;border-radius:0.625rem; background-color: #f9c029;background-position:center center;background-repeat:no-repeat;  background-size:100%;min-height:22.5rem;}
.pageservicebox3sw .itema{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;align-items: center;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;flex-direction: column; flex-wrap: wrap;}
.pageservicebox3sw .title{font-size:1.125rem;line-height:1.5rem;color:#000000;font-weight:normal; margin-bottom: 1.25rem;}
.pageservicebox3sw .desc{font-size:1rem;line-height:1.5rem;min-height:3rem;color:#000000;font-weight:300;}
.pageservicebox3sw .ico img{ width:4.375rem;height:4.375rem; margin-bottom:2rem;}
.pageservicebox3sw .ico{ text-align: center;}
/*hover*/
.pageservicebox3sw .itema{-moz-transition: all .2s linear;-ms-transition: all .2s linear;-webkit-transition: all .2s linear;-o-transition: all .2s linear;transition: all .2s linear;}
.pageservicebox3sw .itema:hover{transform:translatey(-1rem);box-shadow: 0 10px 20px rgba(0,0,0,.1);}
@media screen and (max-width:1200px){
.pageservicebox3swb{padding-top:2rem;padding-bottom:1.5rem;}
.pageservicebox3sw{margin:0 -0.5rem;}
.pageservicebox3sw .itema{margin:0 0.5rem;min-height:20rem;}
.pageservicebox3sw .itema{padding:3rem 2.5rem;border-radius:1.25rem 0.625rem;}
.pageservicebox3sw .title{font-size:1rem;}
.pageservicebox3sw .desc{font-size:0.875rem;}
.pageservicebox3sw .ico img{ width:3.375rem;height:3.375rem; margin-bottom:1.5rem;}
}
@media screen and (max-width:1024px){
.pageservicebox3swb{padding-top:1.5rem;padding-bottom:1rem;}
.pageservicebox3sw{margin:0 -0.5rem;}
.pageservicebox3sw .item{ width:50%;}
.pageservicebox3sw .itema{margin:0 0.5rem;min-height:18rem;}
.pageservicebox3sw .itema{padding:3rem 1.5rem;border-radius:1.25rem 0.625rem;}
.pageservicebox3sw .ico img{ width:3rem;height:3rem; margin-bottom:1.25rem;}
}
@media screen and (max-width:767px){
.pageservicebox3sw .item{ width:100%;}
.pageservicebox3sw{margin:0 -0.5rem;}
.pageservicebox3sw .ico img{ width:2..5rem;height:2.5rem; margin-bottom:1.5rem;}
}

/*.pageservicebox3sw swiper-wrapper*/
/* .pageservicebox3sw .swiper-slide{width:33.333333%;}
 @media screen and (max-width:1024px){
.pageservicebox3sw .swiper-slide{width:50%;}
}
@media screen and (max-width:767px){
.pageservicebox3sw .swiper-slide{width:66.66666666666667%;}
}
@media screen and (max-width:430px){
.pageservicebox3sw .swiper-slide{width:76.92307692307692%;}
}
@media screen and (max-width:370px){
.pageservicebox3sw .swiper-slide{width:100%;}
} */





/*pageprobox5*/
.pageservicebox4{position:relative;overflow:hidden;background-color:#ddecf6;padding-top:3rem;padding-bottom:6.25rem;background-position:center center;background-repeat:no-repeat;background-size:cover;background-image:; background-attachment: fixed;}
.pageservicebox4b{ padding-top: 1.875rem; text-align: center;}
.pageservicebox4b .pic { margin-bottom:6.875rem;}
.pageservicebox4b .pic img{animation:rotate22 4000ms infinite ease-in-out;transform-origin:center}
@keyframes rotate22{0%{transform:rotate(0deg)}
	25%{transform:rotate(-15deg)}
	50%{transform:rotate(0deg)}
	75%{transform:rotate(15deg)}
	100%{transform:rotate(0deg)}
}
@media screen and (max-width:1200px){
.pageservicebox4{padding-top:3rem;padding-bottom:5rem;background-attachment:inherit;}
.pageservicebox4b{ padding-top: 1.5rem;}
.pageservicebox4b .pic { margin-bottom:5rem;}
}
@media screen and (max-width:1024px){
.pageservicebox4{padding-top:2rem;padding-bottom:4rem;}
.pageservicebox4b{ padding-top: 1.25rem;}
.pageservicebox4b .pic { margin-bottom:4rem;}
}
@media screen and (max-width:767px){
.pageservicebox4{padding-top:1.5rem;padding-bottom:3rem;}
.pageservicebox4b{ padding-top: 1rem;}
.pageservicebox4b .pic { margin-bottom:3rem;}
}


/*增加特效样式 */
.polygon2{animation:polygon2 1.2s linear forwards;opacity:0}
@keyframes polygon2{0%{-webkit-clip-path:polygon(0 0,0 100%,0 100%,0 0);clip-path:polygon(0 0,0 100%,0 100%,0 0);opacity:0}100%{-webkit-clip-path:polygon(0 0,0 100%,100% 100%,100% 0);clip-path:polygon(0 0,0 100%,100% 100%,100% 0);opacity:1}}
.polygon3{animation:polygon3 2s linear forwards;opacity:0}
@keyframes polygon3{0%{-webkit-clip-path:polygon(0% 0%, 0% 0%, 0% 0%);clip-path:polygon(0% 0%, 0% 0%, 0% 0%);opacity:0}100%{-webkit-clip-path:polygon(0% 0%, 0% 200%, 200% 0%);clip-path:polygon(0% 0%, 0% 200%, 200% 0%);opacity:1}}
.polygon{animation:polygon 1.2s linear forwards;opacity:0}
@keyframes polygon{0%{-webkit-clip-path:polygon(0 0,100% 0,100% 0,0 50%);clip-path:polygon(0 0,100% 0,100% 0,0 50%);transform:translatey(100%);opacity:0}100%{-webkit-clip-path:polygon(0% 0%,100% 0%,100% 100%,0% 100%);clip-path:polygon(0% 0%,100% 0%,100% 100%,0% 100%);transform:translatey(0);opacity:1}}







.fadetarget{opacity:0;-webkit-transition:opacity .8s ease-out,transform .6s ease-out;transition:opacity .8s ease-out,transform .6s ease-out}
.fadetarget.fadeinleft{opacity:0;-webkit-transform:translatex(30px);transform:translatex(30px)}
.fadetarget.visible{opacity:1;-webkit-transform:translatex(0px);transform:translatex(0px)}
.stepfade .steptarget{opacity:0;-webkit-transform:translatex(90px);transform:translatex(90px);-webkit-transition:opacity 2.4s ease-out,transform 1.8s ease-out;transition:opacity 2.4s ease-out,transform 1.8s ease-out}
.stepfade .steptarget.visible{opacity:1;-webkit-transform:translatex(0px);transform:translatex(0px)}

@keyframes cir_out{0%{transform:translate(-50%,-50%) scale(0.05);opacity:1}80%{transform:translate(-50%,-50%) scale(1);opacity:1}100%{transform:translate(-50%,-50%) scale(1.1);opacity:0}}
@keyframes scroll-icon{0%{-webkit-transform:translatey(-12px);transform:translatey(-12px)}100%{-webkit-transform:translatey(12px);transform:translatey(12px)}}
@keyframes rotate_in{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}
@keyframes banner_in{0%{transform:translate3d(0,100%,0) scale3d(1.1,1,1.1);filter:blur(7px)}100%{transform:translate3d(0,0%,0) scale3d(1,1,1);filter:none}}
@keyframes banner_in_r6{0%{transform:translate3d(0,100%,0) scale3d(0.8,0.8,0.8)}50%{transform:translate3d(0,0%,0) scale3d(0.8,0.8,0.8)}100%{transform:translate3d(0,0%,0) scale3d(1,1,1)}}
@keyframes banner_out{to{transform:translate3d(0,100%,0) scale3d(1.1,1,1.1)}}@keyframes banner_out_r6{0%{transform:translate3d(0,0%,0) scale3d(1,1,1)}50%{transform:translate3d(0,0%,0) scale3d(0.8,0.8,0.8)}100%{transform:translate3d(0,100%,0) scale3d(0.8,0.8,0.8)}}
@keyframes a1{0%{opacity:1;transform:skewy(-45deg)}70%{opacity:0}100%{opacity:1;transform:skewy(-45deg)}}
@keyframes b1{0%{opacity:1;transform:skewy(-45deg)}70%{opacity:0}100%{opacity:1;transform:skewy(-45deg)}}
@keyframes d1{0%,20%{transform:translate(-50%,-50%) rotate(-45deg) scalex(1)}65%,100%{transform:translate(-50%,-50%) rotate(135deg) scalex(1)}}
@keyframes e1{to{transform:rotate(360deg)}}
@keyframes scrfn{to{opacity:0.3;-webkit-transform:translate3d(0,-50px,0);-moz-transform:translate3d(0,-50px,0);-o-transform:translate3d(0,-50px,0);-ms-transform:translate3d(0,-50px,0);transform:translate3d(0,-50px,0);}}
@keyframes scrfn1{to{opacity:0}}

@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)}}
.fadeoutupsmall{animation-name:fadeoutupsmall;animation-timing-function:cubic-bezier(0.3,0,0.24,1)}
@keyframes scalein{0%{opacity:0;-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}100%{opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);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}}
.fn1{animation-name:fn1;animation-duration:1.2s;animation-timing-function:cubic-bezier(0.49,0.54,0.16,1)}
.alan_delay100{animation-delay:100ms}
.alan_delay200{animation-delay:200ms}
.alan_delay300{animation-delay:300ms}
.alan_delay400{animation-delay:400ms}
.alan_delay500{animation-delay:500ms}
.alan_delay600{animation-delay:600ms}
.alan_delay700{animation-delay:700ms}
.alan_delay900{animation-delay:900ms}
.alan_delay800{animation-delay:800ms}
.alan_delay1000{animation-delay:1000ms}


/*js-pagination*/
.js-paginationb{ position:absolute;bottom:3%;left:3%; z-index:5;}
.js-pagination:not(.swiper-pagination-lock){display:flex;flex-wrap:wrap; background:none;}
.js-pagination:not(.swiper-pagination-lock) .pagination-bullet{display:inline-flex;align-items:center;cursor:pointer;opacity:0.75}
.js-pagination:not(.swiper-pagination-lock) .bullet__circle{position:relative;display:inline-block;width:40px;height:40px;background:none;}
.js-pagination:not(.swiper-pagination-lock) .bullet__circle::before{content:'';display:inline-block;width:8px;height:8px;border-radius:50%;background-color:#fff;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
.js-pagination:not(.swiper-pagination-lock) .bullet__circle .circle{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transform:rotate(-90deg);transform-origin:center center;stroke-dasharray:251;stroke-dashoffset:251;transition:stroke-dashoffset 200ms cubic-bezier(0.445,0.05,0.55,0.95),opacity 200ms cubic-bezier(0.445,0.05,0.55,0.95)}
.js-pagination:not(.swiper-pagination-lock) .bullet__line{max-width:0;width:45px;height:1px;background-color:#fff;margin-left:-12px;transition:max-width 200ms cubic-bezier(0.445,0.05,0.55,0.95); display:none;}
.js-pagination:not(.swiper-pagination-lock) .bullet__index{padding:1em 1.25em;font-size:15px;font-weight:bold;letter-spacing:.05em;opacity:0;transition:opacity 200ms cubic-bezier(0.445,0.05,0.55,0.95); display:none;}
.js-pagination:not(.swiper-pagination-lock) .pagination-bullet:last-child .bullet__index{padding-right:0}
.js-pagination:not(.swiper-pagination-lock) .pagination-bullet:hover .circle,.js-pagination:not(.swiper-pagination-lock) .pagination-bullet.active .circle{stroke-dashoffset:0;opacity:1}
.js-pagination:not(.swiper-pagination-lock) .pagination-bullet.active{pointer-events:none}
.js-pagination:not(.swiper-pagination-lock) .pagination-bullet.active .bullet__line{max-width:45px}
.js-pagination:not(.swiper-pagination-lock) .pagination-bullet.active .bullet__index{visibility:visible;opacity:1}


/**/
#hi-upgrade{position:fixed;top:0;left:0;z-index:9999;width:100%;height:100%;background:#fff;font-size:16px;line-height:26px;text-align:center}
#hi-upgrade .hi-wrap{position:absolute;top:50%;left:50%;margin:-177px 0 0 -450px;width:900px}
#hi-upgrade .hi-wrap .hi-title{font-size:30px;line-height:40px;color:#333}
#hi-upgrade .hi-wrap .hi-close{margin:10px 0;display:inline-block;cursor:pointer;font-size:18px;color:#0004f2}
#hi-upgrade .hi-wrap .hi-close:hover{text-decoration:underline}
#hi-upgrade .hi-wrap .hi-text1{color:#666}
#hi-upgrade .hi-wrap .hi-text1 span{color:#0004f2}
#hi-upgrade .hi-wrap .hi-text2{position:relative;margin:15px 0;color:#333}
#hi-upgrade .hi-wrap .hi-text2::before{content:"";position:absolute;top:50%;left:0;z-index:1;width:100%;border-top:1px solid #ddd}
#hi-upgrade .hi-wrap .hi-text2 span{position:relative;z-index:5;padding:0 30px;background:#fff}
#hi-upgrade .hi-wrap .hi-list{overflow:hidden}
#hi-upgrade .hi-wrap .hi-list li{display:inline-block;padding:0 5px;}
#hi-upgrade .hi-wrap .hi-list li div{margin:0 auto 5px;}
#hi-upgrade .hi-wrap .hi-list li a{color:#666}
#hi-upgrade .hi-wrap .hi-list li a:hover{color:#0004f2}

/*********************************english 补充*********************************/
/*pagebanner*/
.indexvideo{ padding:20px;/* transform:scale(0.9791666666666667); */-moz-transition: all .5s linear;-ms-transition: all .5s linear;-webkit-transition: all .5s linear;-o-transition: all .5s linear;transition: all .5s linear;}
.indexvideo .indexvideob{ position: relative; overflow:hidden;padding-bottom:48.93617021276596%;border-radius:0.625rem;}
.indexvideo .shadow{display:block;width:100%;height:100%;position:absolute;left:0;right:0; top:0;bottom:0;background-color:rgba(0,0,0,0.4);z-index:3; background-position:center center; background-repeat:no-repeat; background-size:100% 100%;}
.indexvideo .videopic{position:absolute;left:0;right:0; top:0;bottom:0;width:100%;height:100%;z-index:0;background-size:cover;background-position:center top;background-repeat:no-repeat;animation: srmgani 4000ms 1 ease forwards;}
@keyframes srmgani{0%{transform:scale(1.05);} 100%{transform:scale(1.0);}}
.indexvideo video{ display:block;max-width:none;width:100%;height:100%;-o-object-fit:cover;object-fit:cover; position:absolute;top:0;left:0;z-index:2;}
@media screen and (max-width:1024px){
.indexvideo .indexvideob{ padding-bottom:48.93617021276596%; }
}
@media screen and (max-width:768px) {
.indexvideo .indexvideob{ padding-bottom:50%;}
}

/*videobox*/
.indexvideo .videobox{position:absolute;right:0;left:0;width:100%;height:100%;z-index:5;text-align: center;}
.indexvideo .videobtn{position:absolute;right:0;left:0;display: inline-block;margin:0 auto;top:50%;-moz-transform: translatey(-50%);-webkit-transform: translatey(-50%);-ms-transform: translatey(-50%);transform: translatey(-50%);cursor: pointer;text-align: center;}
.indexvideo .videobtn p{font-size:1rem;color:#fff;line-height:1;font-family:'poppins', "microsoft yahei", "微软雅黑", helvetica, arial, sans-serif;font-weight:normal;text-transform:uppercase;margin-top:1.25rem;}
.indexvideo .videobtn .icon-video{width:3rem;height:3rem;border-radius:50%;background: no-repeat center center; background-size:100%;margin:0 auto;}
.indexvideo .videobtn .icon-video{animation: h_scale 2s linear infinite;-webkit-animation: h_scale 2s linear infinite;}

/* ===== friend links v3.1 — pc靠版权左侧、与版权平行 ===== */
#fl-host{ position:absolute; z-index:120; pointer-events:auto; }

.footer-friendlinks{ position:relative; display:inline-block; font-size:12px; }
.footer-friendlinks .fl-toggle{
  display:inline-flex; align-items:center; gap:.45em;
  height:26px; line-height:26px; padding:0 .6em;
  border:1px solid rgba(51,44,43,.25); border-radius:.28em;
  background:transparent; color:rgba(51,44,43,.55);
  cursor:pointer; transition:all .2s ease; font-size:12px;
}
.footer-friendlinks .fl-toggle:hover{ background:rgba(255,255,255,.20); color:rgba(51,44,43,.72); }
.footer-friendlinks .fl-toggle:after{
  content:""; width:0; height:0; border:5px solid transparent; border-top-color:currentcolor;
  transform:translatey(1px); transition:transform .2s ease;
}
.footer-friendlinks.open .fl-toggle:after{ transform:rotate(180deg) translatey(-1px); }

/* 面板向上展开 */
.footer-friendlinks .fl-list{
  position:absolute; left:0; bottom:calc(100%   8px);
  min-width:14em; width:16em; max-width:84vw;
  background:#f4b018; border:1px solid rgba(51,44,43,.18); border-radius:.45rem;
  box-shadow:0 12px 28px rgba(0,0,0,.12);
  padding:.25rem 0; display:none; text-align:left;
}
.footer-friendlinks.open .fl-list{ display:block; }
.footer-friendlinks .fl-list li a{
  display:block; padding:.4rem .8rem; color:#332c2b; font-size:12px; white-space:nowrap; text-decoration:none;
}
.footer-friendlinks .fl-list li a:hover{ background:rgba(255,255,255,.22); }

/* 响应式：pc 用浮层；移动端一行居中 */
@media (min-width:1025px){ .footer-friendlinks-row{ display:none; } }
@media (max-width:1024px){
  #fl-host{ display:none; }
  .footer-friendlinks-row{ display:block; text-align:center; margin-top:8px; }
}