/*@font-face{*/
/*  font-family:'impact';*/
/*  src:url('../font/impact-2.ttf');*/
/*}*/
/*@font-face{*/
/*  font-family:'didot';*/
/*  src:url('/static/font/didot.woff');*/
/*}*/
@font-face{
  font-family:'roboto';
  src:url('/static/font/Roboto.ttf');
}
@font-face{
  font-family:'ArialBlack';
  src:url('/static/font/ArialBlack.ttf');
}
@font-face{
  font-family:'Montserrat';
  src:url('/static/font/Montserrat-Medium.ttf');
}
@font-face{
  font-family:'MontserratThin';
  /*src:url('/static/font/Montserrat-Regular.ttf');*/
  src:url('/static/font/Montserrat-Light.otf');
}
@font-face{
  font-family:'MontserratBold';
  src:url('/static/font/Montserrat-SemiBold.otf');
}

:root {
  --global-family:"Montserrat","Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;
  --global-family-thin:"MontserratThin","Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;
  --global-family-bold:"MontserratBold","Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;
  --primary-color:#5E2D86;
  --text-color:#333;
  /*#666*/
  --text-color-second:rgba(102, 102, 102, 1);
  /*#999*/
  --text-color-third:rgba(153, 153, 153, 1);
  --border-color:#E6E6E6;

  /*swiper*/
  --swiper-pagination-bullet-size: 10px;
  --swiper-theme-color: var(--primary-color);

  --plyr-color-main: var(--primary-color);
}

.test-hide{display: none !important;}


html,body{

  font-family: var(--global-family);
  color:var(--text-color);
}
html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;height:100%}
body{margin:0;font-size:16px;line-height:1.5;color:#333;min-height:100%}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}
h1,h2,h3,h4,h5{margin:0;padding:0}
/**{transition: all .3s;}*/

body.el-popup-parent--hidden{
  padding-right:0 !important;
}
/**{scrollbar-color:#222 #ccc;scrollbar-width:thin;-ms-overflow-style:none}*/
/**::-webkit-scrollbar{width:9px;height:9px}*/
/**::-webkit-scrollbar-thumb{border-radius:3px;background:#666}*/
/**::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 1px rgba(0,0,0,0);border-radius:6px;background:#ccc}*/

*::-webkit-scrollbar {width: 10px;height:10px;}
*::-webkit-scrollbar-track {background: #B3B1B1;border-radius: 10px;}
*::-webkit-scrollbar-thumb {background: #888888;border-radius: 10px;}
*::-webkit-scrollbar-thumb:hover {background: #646464;border-radius: 10px;}
*::-webkit-scrollbar-thumb:active {background: #444444;border-radius: 10px;}


.no-scroll{overflow:hidden !important}
a{text-decoration:none;color:#333;font-family: var(--global-family-thin)}
a:hover{text-decoration:none;color: var(--primary-color);}
a:focus{text-decoration:none;outline: none;}
ul,li{margin:0;padding:0;list-style: none;}

.bg-cover{background-size:cover !important;background-repeat:no-repeat;background-position:center center}
.bg-contain{background-size:contain;background-repeat:no-repeat;background-position:center center}
.oneline{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.oneline_2 {
  overflow: hidden;
  word-break: break-all;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  display: -webkit-box;
}
.twoline{overflow:hidden;word-break:break-all;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;display:-webkit-box}
.threeline{overflow:hidden;word-break:break-all;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;display:-webkit-box}
.clearfix:after { content: "."; display: block; height: 0; line-height: 0; font-size: 0; overflow: hidden; visibility: hidden; clear: both; }
.clearfix { *zoom: 1; *display: table; }

/*max-width:1920px;*/
.common-layout{width:100%;max-width:1400px;padding-left:16px;padding-right:16px;position:relative;margin:0 auto;box-sizing: border-box;}

.page-block-tit{font-size:40px;}


.page-wrapper{visibility: hidden;}
.page-loading{position:fixed;left:0;right:0;bottom:0;top:0;z-index: 999;background: rgba(255,255,255,.3)}
.page-loading .loading-text{position:absolute;top:50%;left:50%;transform: translate(-50%,-50%);font-size:50px;color:rgba(255,255,255,.1);display: none;}



.foot-qrcode-img{display: block;width:120px;height:120px;}
/*二级导航*/
.common-sub-nav-box{position:fixed;top:80px;left:0;right:0;bottom:100px;z-index: 99;background:rgba(255,255,255,.9);}
.common-sub-nav-box .sub-nav-in{padding:150px 50px 50px 50px;display: flex;max-width:1600px;margin:0 auto;}
.common-sub-nav-box .sub-nav-in .sub-nav-left{padding-right:200px;}
.common-sub-nav-box .sub-nav-in .sub-nav-left .nav-left-txt{font-size:62px;color:var(--primary-color);line-height: 1; }
.common-sub-nav-box .sub-nav-in .sub-nav-right{flex:1;}
.common-sub-nav-box .sub-nav-in .sub-nav-list {display: flex;}
.common-sub-nav-box .sub-nav-in .sub-nav-list .sub-nav-item{margin-right:32px;flex:1;}
.common-sub-nav-box .sub-nav-in .sub-nav-list .sub-nav-item .item-tit{font-size:18px;border-bottom:1px solid rgba(0,0,0,.1);padding:8px 0;}
.common-sub-nav-box .sub-nav-in .sub-nav-list .sub-nav-item .item-cont{overflow: hidden;}
.common-sub-nav-box .sub-nav-in .sub-nav-list .sub-nav-item .sub-nav-item-box{padding:6px 0;}
.common-sub-nav-box .sub-nav-in .sub-nav-list .sub-nav-item .sub-nav-item-box a:hover{color:var(--primary-color)}



/*公共表单布局样式*/
.common-form-box{overflow: hidden;}
.common-form-box .form-in{margin:0 -8px;display: flex;flex-wrap: wrap;}
.common-form-box .form-in .form-item{padding:15px 8px;width:50%;box-sizing: border-box;}
.common-form-box .form-in .form-item.item-full{width:100%;}
.common-form-box.global-msg-form{padding:16px;}
.common-form-box.global-msg-form .form-in .form-item{width:100%;}
.common-form-box .btn-wrap{display: flex;justify-content: center;}
.common-form-box .btn-wrap .common-btn{width:160px;}

/*公共标题样式*/
.common-title{font-size:40px;color:var(--primary-color);font-family: var(--global-family-bold);line-height: 1;}



/*灰色镂空按钮*/
.common-gray-ghost-btn{border-radius: 99px;border:1px solid #999;height: 50px;padding:0 24px;display: flex;align-items: center;justify-content: center;font-size:18px;color:#999;}
.common-gray-ghost-btn:hover{border:1px solid #445c47;}

/*公共文本框*/
.common-input-box{background: #fff;box-sizing: border-box;}
.common-input-box .input-label{font-size:20px;padding-bottom:16px;}
.common-input-box .input-icon{margin-right:8px;}
.common-input-box .input-icon i{font-size:16px;color:#BEBEBE;}
.common-input-box .input-dom-box{flex:1;background: #fff;border-radius: 6px;overflow: hidden;}
.common-input-box .input-dom-box input{border:none;background: transparent;width:100%;outline: none;font-weight:normal;font-size:16px;height:60px;padding-left:16px;padding-right:16px;box-sizing: border-box;}
.common-input-box .input-suffix{margin-left:8px;}
.common-input-box .input-suffix .valid-code{display: block;width: 100px;height: 40px;}

.common-textarea-box{border-bottom:1px solid #E6E6E6;padding:8px 0;background: #fff}
.common-textarea-box .input-label{font-size:20px;padding-bottom:16px;}
.common-textarea-box .textarea-icon{margin-right:8px;}
.common-textarea-box .textarea-icon i{font-size:16px;color:#BEBEBE;}
.common-textarea-box .textarea-dom-box{flex:1;background: #fff;border-radius: 6px;overflow: hidden;}
.common-textarea-box .textarea-dom-box textarea{border:none;width:100%;outline: none;font-weight:normal;font-size:16px;background: #fff;padding:16px;box-sizing: border-box;resize: none;}
input::placeholder,textarea::placeholder {
  color: #999;font-family: var(--global-family);
}
/*公共from-item*/
.common-form-item{height: 60px;display: flex;align-items: center;}
.common-form-item .item-label{margin-right:16px;color:#999;}
.common-form-item .item-cont{}

/*公共按钮*/
.common-btn{height:50px;background: var(--primary-color);color:#fff;font-size:18px;display: flex;align-items: center;justify-content: center;border-radius: 999px;cursor: pointer;padding:0 30px;transition: all .3s;
}
.common-btn:hover{color:#fafafa;background: #afd55f;}
.common-btn.white{background:#fff;color:var(--text-color);}
.common-btn.white:hover{color:#fff;background: #afd55f;}
/*.common-btn:hover{color:#999;}*/

.com-toast-mask{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99999;background-color:rgba(0,0,0,.6)}
.com-toast-box{position:absolute;top:50%;left:50%;padding:12px 30px;border-radius:2px;background-color:rgba(255,255,255,.9);color:#222;transform:translate(-50%,-50%);font-size:14px}
.com-toast-tit{line-height:30px}
.com-toast-item{line-height:30px;font-size:14px}

.swiper-button-next{right:60px;}
.swiper-button-prev{left:60px;}
.swiper-button-next,.swiper-button-prev{
  width:60px;height:60px;border-radius: 999px;background: rgba(0,0,0,.8);transition: all .3s;
}
.swiper-button-next:after, .swiper-button-prev:after{font-size:20px;color:#fff;}
.swiper-button-next:hover,.swiper-button-prev:hover{background:var(--primary-color);}

.swiper-pagination-bullet{width:10px;height:10px;background: #D2D2D2;opacity:1;}
.swiper-pagination-bullet-active{background: var(--primary-color);}
/*页脚*/

.page-foot{background: #3C3C3C;color:#fff;padding:50px 50px 80px 50px;overflow: hidden;}
.page-foot .foot-in{}
.page-foot .foot-in .foot-top{display: flex;justify-content: space-between;}
.page-foot .foot-in .foot-left{flex:1;}
.page-foot .foot-in .foot-left .foot-logo{display: block;width:180px;}
.page-foot .foot-in .foot-left .foot-logo img{display: block;width:100%;}
.page-foot .foot-in .foot-left .foot-shejiao{display: flex;align-items: center;margin-top:320px;}
.page-foot .foot-in .foot-left .foot-shejiao .shejiao-item{margin-right:20px;}
.page-foot .foot-in .foot-left .foot-shejiao .shejiao-item:last-child{margin-right:0;}
.page-foot .foot-in .foot-left .foot-shejiao .iconfont{font-size:32px;color:#fff;}
.page-foot .foot-in .foot-right{display: flex;position: relative;}
.page-foot .foot-in .foot-right .right-item{margin-right:200px;}
.page-foot .foot-in .foot-right .right-item:last-child{margin-right:0;}
.page-foot .foot-in .foot-right .right-item-info{margin-right:250px;max-width:390px;}
.page-foot .foot-in .foot-right .item-tit{font-size:16px;color:rgba(255,255,255,.3);}
.page-foot .foot-in .foot-right .ul-foot-menu a{display: block;font-size:18px;color:rgba(255,255,255,.6);line-height: 32px;}
.page-foot .foot-in .foot-right .ul-foot-menu a:hover{color:var(--primary-color);}
.page-foot .foot-in .foot-right .right-info .right-info-item{line-height: 40px;font-size:18px;color:#fff;}
.page-foot .foot-in .foot-right .go-top{cursor: pointer;}
.page-foot .foot-in .foot-copy-right{height:60px;display: flex;align-items: center;color:rgba(255,255,255,.3);font-size:14px;border-top:1px solid rgba(255,255,255,.3);margin-top:20px;}
.page-foot .foot-in .foot-right .right-item.right-item-info .info-box-tit{color:rgba(255,255,255,.3);}
.page-foot .foot-in .foot-right .right-item.right-item-info .foot-shejiao a{margin-right:32px;}
.page-foot .foot-in .foot-right .right-item.right-item-info .foot-shejiao a:last-child{margin-right:0;}
.page-foot .foot-in .foot-right .right-item.right-item-info .foot-shejiao i{color:#fff;font-size:36px;}
.page-foot .foot-in .foot-right .foot-info-contact{margin-top:50px;}
.page-foot .foot-in .foot-right .foot-info-address{margin-top:20px;}


.common-go-up{}
.common-go-up .up-in{display: flex;color:#666;align-items: center;font-size:16px;cursor: pointer;}
.common-go-up .txt{margin-right:8px;}
.common-go-up .icon i{font-size:16px;}
/*通用分页*/
.common-paging{display: flex;align-items: center;justify-content: center;padding:0 16px 0 16px;}
.common-paging li:first-child{display: none;}
.common-paging li:last-child{display: none;}
.common-paging .paging-in{display: flex;justify-content: center;}
.common-paging .pagination{display: flex;justify-content: center;align-items: center;margin-top:50px;}
.common-paging li{margin-left:5px;margin-right:5px;position: relative;}
/*.common-paging li.active:after{position:absolute;bottom:3px;border-top:1px solid #445c47;left:6px;right:6px;content:"";z-index: 3;}*/
.common-paging li a,.common-paging li span{
  width:50px;height:50px;border-radius: 8px;margin-left:0;font-size:20px;color:#666;background: transparent;
  display: flex;align-items: center;justify-content: center;
}
.common-paging li span{color:var(--primary-color)}
.common-paging .pagination>.active>a,
.common-paging .pagination>.active>a:focus,
.common-paging .pagination>.active>a:hover,
.common-paging .pagination>.active>span,
.common-paging .pagination>.active>span:focus,
.common-paging .pagination>.active>span:hover{
  background-color:var(--primary-color);
  border-color:#fff;
  color:#fff;
}

/*公共块级*/
.common-block{background: #fff;}
.common-block.white{background: #fff;}
.common-block.light-gray{background: #fafafa;}



/*通用案例item*/
.common-case-item{display: block;color:#333;}
.common-case-item .case-item-in{opacity:.3;}
.common-case-item .case-item-in:hover{opacity: 1;color:#333;}
.common-case-item .case-item-img{position:relative;}
.common-case-item .case-item-img img{display: block;width: 100%;}
.common-case-item .case-item-img .iconfont{position:absolute;right:18px;bottom:12px;transform: rotate(45deg);font-size:50px;line-height: 1;opacity: 0;}
.common-case-item .case-item-in:hover .case-item-img .iconfont{opacity: 1;}
.common-case-item .case-item-name{font-size:26px;margin-top:22px;}




/*更多*/
.common-more-link{display: flex;margin-top:32px;}
.common-more-link .link{display: flex;align-items: center;height:50px;position:relative;}
.common-more-link .link:before{content:"";display: block;width:50px;height:50px;border-radius: 999px;background: #CACACA;transition: all .3s;}
.common-more-link .link:hover:before{background: var(--primary-color)}
.common-more-link .link .link-txt{margin-left:-25px;font-size:16px;font-weight: normal;}

.fixed-area{position:fixed;right:0;bottom:0;z-index: 10;background: #000;display: flex;align-items: center;color:#999;}
.fixed-area .area-item{display: block;color:#999;cursor: pointer;position:relative;}
.fixed-area .area-item:after{content:"";position:absolute;top:50%;transform: translateY(-50%);right:0;border-right:1px solid #666;height:30px;}
.fixed-area .area-item:last-child:after{display: none;}
.fixed-area .item-tel{background: var(--primary-color);color:#fff;}
.fixed-area .item-tel a{color:#fff;}
.fixed-area .item-top{padding-right:16px;padding-left:12px;}
.fixed-area .item-in{height:60px;padding:0 16px;display: flex;align-items: center;justify-content: center;}
.fixed-area .item-in .item-icon i{font-size:24px;}
.fixed-area .item-in .item-txt{font-size:14px;padding-left:4px;}



.page-wrapper{}
/*首页内容距离顶部距离*/
.page-main{}
.page-head{
  /*background: var(--primary-color);*/
  position:fixed;top:0;left:0;right:0;
  z-index: 99;height:100px;transition: all .3s;
}
.page-head.stick {
  /*animation: 700ms ease-in-out 0s normal none 1 running fadeIn;*/
  box-shadow: 0 8px 20px 0 rgba(0, 0, 0, 0.1);
  background-color: var(--primary-color);
  transition: all .3s ease 0s;
  height:60px;
}
.page-head.stick .head-nav ul.ul-menu > li > a{height:60px !important;color:#fff;}
.page-head.stick .head-nav ul.ul-menu > li > a:hover{color:#fff;font-weight:normal;}

.page-head-in{display: flex;justify-content: space-between;}
.page-head * {transition: all .3s;}
.page-head .head-right{display: flex;align-items: center;justify-content: space-between;z-index: 100;flex:1;}
.page-head .head-right .head-right-item{display: flex;align-items: center;justify-content: flex-start;margin:0 0 0 16px;cursor: pointer;}
.page-head .head-right .head-right-item:first-child{margin-left:0;}
.page-head .head-right .head-right-item .item-icon{color:#fff;}
.page-head #headMenuBtn{display: none;}
.page-head .head-right .head-right-pc-in{display: flex;align-items: center;}
.page-head .head-right .head-right-pc-in .right-pc-item{display: flex;align-items: center;justify-content: center;background: #ccc}
.page-head .head-right .head-right-pc-in .right-pc-item.lang-item{padding:0;border-left:1px solid transparent;}
.page-head .head-right .head-right-pc-in .right-pc-item.lang-item .lang-txt{cursor:pointer;font-size:16px;color:#999;}
.page-head .head-right .head-right-pc-in .right-pc-item.lang-item .lang-txt.curr{color:#333;}
.page-head .head-right .head-right-pc-in .tel-item{background: #BA9945;padding:0 50px;color:#fff;}
.page-head .head-right .head-right-pc-in .tel-icon{padding-right:10px;}
.page-head .head-right .head-right-pc-in .tel-icon i{font-size:21px;color:#fff;}
.page-head .head-right .head-right-pc-in .tel-left-label{font-size:14px;}
.page-head .head-right .head-right-pc-in .tel-left-cont{font-size:20px;}
.page-head .head-logo{display: flex;margin-right:30px;}
.page-head .head-logo .logo-link{display: flex;align-items: center;font-size:26px;color:#fff;}
.page-head .head-logo .logo-link .logo-img{display: block;height:25px;}
.page-head .head-nav {margin-right:80px;}
.page-head .head-nav *{transition: all .3s;}
.page-head .head-nav > ul.ul-menu{display: flex;}
.page-head .head-nav > ul.ul-menu *{transition: all .3s;}
.page-head .head-nav > ul.ul-menu > li {}
.page-head .head-nav > ul.ul-menu > li > a{text-align: right;color:#fff;font-size:16px;display: flex;align-items: center;justify-content: center;height:100px;padding:0 20px;position:relative;}

.page-head .head-nav ul.ul-menu > li{position:relative;}
.page-head .head-nav ul.ul-sub-menu{position:absolute;top:100%;left:0;width:200px;background: rgba(255,255,255,.95);padding:12px 0;border-radius: 8px;visibility: hidden;opacity: 0;}
.page-head .head-nav ul.ul-sub-menu.show{visibility: visible;opacity: 1;}
.page-head .head-nav ul.ul-sub-menu > li{display: block;}
.page-head .head-nav ul.ul-sub-menu > li > a{display: block;padding:8px 16px;}

/*.page-head .head-nav ul.ul-menu > li > a:hover{color:var(--primary-color);}*/
.page-head .head-nav ul.ul-menu > li.curr > a,
.page-head .head-nav ul.ul-menu > li a:hover{font-weight:bold;}
/*.page-head .head-nav ul.ul-menu > li a:hover:before,.page-head .head-nav ul.ul-menu >  li.curr > a:before{*/
/*  content:"";left:0;right:0;top:0;border-top:2px solid #fff;position:absolute;*/
/*}*/


.page-head .head-right-end{display: flex;align-items: center;}
.page-head .head-right-end .head-shejiao-box{display: flex;align-items: center;}
.page-head .head-right-end .head-shejiao-box a{display: block;padding:0 8px;}
.page-head .head-right-end .head-shejiao-box a:hover{color:#fff;}
.page-head .head-right-end .head-shejiao-box a i{color:#fff;font-size:26px;}
.page-head .head-right-end .head-book-btn{
  margin-left:24px;
}
.page-head .head-right-end .head-book-btn:hover{cursor: pointer;}

/*页脚*/
.page-footer{padding:0 16px 50px 16px;background: var(--primary-color);color:#fff;}
.page-footer .footer-in{}
.page-footer .footer-top{display: flex;align-items: center;justify-content: space-between;height:110px;border-bottom:1px solid #8F6CAB;}
.page-footer .footer-top .footer-logo .logo-img{display: block;height:25px;}
.page-footer .footer-top .top-left a{color:#fff;font-size:26px;}
.page-footer .footer-top .foot-to-up{width:27px;height:27px;border-radius: 4px;background: #fff;display: flex;align-items: center;justify-content: center;color:var(--primary-color);}
.page-footer .footer-content{display: flex;justify-content: space-between;padding-top:50px;}
.page-footer .footer-content .footer-content-left{display: flex;}
.page-footer .footer-content .nav-item{padding-right:100px;box-sizing: border-box;}
.page-footer .footer-content .nav-item .nav-item-1 a{color:#fff;font-size:18px;}
.page-footer .footer-content .nav-item .nav-item-2{margin-top:24px;}
.page-footer .footer-content .nav-item .item-2-item{padding:6px 0;}
.page-footer .footer-content .nav-item .item-2-item a{color:rgba(255,255,255,.6);font-family: var(--global-family-thin);font-size:16px;}
.page-footer .footer-content .footer-content-right{}
.page-footer .footer-content .footer-content-right .shejiao-tit{font-size:16px;}
.page-footer .footer-content .footer-shejiao-list{display: flex;padding-top:16px;}
.page-footer .footer-content .footer-shejiao-list .shejiao-item{margin-right:16px;}
.page-footer .footer-content .footer-shejiao-list .shejiao-item i{color:#fff;font-size:20px;}
.page-footer .footer-content .footer-contact{margin-top:50px;}
.page-footer .footer-content .footer-contact .contact-item{display: flex;align-items: center;padding-bottom:16px;}
.page-footer .footer-content .footer-contact .contact-item .contact-item-icon{width:22px;height:22px;background: rgba(255,255,255,.3);display: flex;align-items: center;justify-content: center;border-radius: 999px;margin-right:8px;}
.page-footer .footer-content .footer-contact .contact-item .contact-item-icon i{
  font-size:12px;color:#fff;
}
.page-footer .footer-content .footer-contact .contact-item .contact-item-txt{color:#fff}


/*通用:更多*/
.common-more-box{height:34px;position:relative;display: flex;transition: all .3s;padding-right:16px;}
.common-more-box.primary-more{}
.common-more-box .more-in{position:relative;display: flex;}
.common-more-box *{transition: all .3s;}
.common-more-box .bg{
  width:13px;position:absolute;top:0;bottom:0;left:0;content:"";background-color:#fff;display: flex;align-items: stretch;z-index: 1;
}
.common-more-box.primary-more .bg{background-color:var(--primary-color);}
.common-more-box .contact-in{padding-left:24px;display: flex;align-items: center;color:#fff;cursor: pointer;position:relative;z-index: 2;}
.common-more-box.primary-more .contact-in{color:var(--primary-color);}
.common-more-box .contact-in .contact-txt{font-size:26px;font-weight:bold;line-height: 1;}
.common-more-box .contact-in .contact-arrow{padding-left:8px;font-size:26px;line-height: 1;}
.common-more-box:hover .bg{width:100%;}
.common-more-box:hover .contact-in{padding-left:16px;color:var(--primary-color);padding-right:16px;}
.common-more-box.primary-more:hover .bg{background: var(--primary-color);}
.common-more-box.primary-more:hover .contact-in{color:#fff;}

/*移动端导航*/
.common-menu-box{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.93);z-index: 999999;color:#fff;display: none;}
.common-menu-box .menu-box-in{position:fixed;top:0;right:0;bottom:0;left:0;}
.common-menu-box .common-menu-shejiao-box{position:absolute;bottom:50px;color:#fff;left:50%;transform: translateX(-50%);}
.common-menu-box .common-menu-shejiao-box a{color:#fff;font-size:32px;text-align: center;margin-right:16px;}
.common-menu-box .common-menu-shejiao-box a:last-child{margin-right:0;}
.common-menu-box .common-menu-shejiao-box a i{color:#fff;font-size:32px;}
.common-menu-box .menu-head{display: flex;align-items: center;justify-content: space-between;padding:16px 16px 16px 16px;}
.common-menu-box .menu-head a{display: block;font-size:24px;color:#fff;font-weight:bold;}
.common-menu-box .menu-head a img{display: block;height:25px;}
.common-menu-box .menu-box-close{
  width:20px;height:20px;background: url("../img/icon/icon-close.png") no-repeat center center;
  backgorund-size:contain;cursor: pointer;
}
.common-menu-box .menu-bottom{padding:16px;}
.common-menu-box .bottom-nav-box ul,.common-menu-box .bottom-nav-box li{margin:0;padding:0;list-style: none;}
.common-menu-box .bottom-nav-box > ul > li{}
.common-menu-box .bottom-nav-box li:first-child{}
.common-menu-box .bottom-nav-box a.nav-a-main{display: block;text-decoration: none;color:#eee;transition: all .3s;padding:12px 0;}
.common-menu-box .bottom-nav-box li a:hover{color:#fff;}
.common-menu-box .bottom-nav-box a .t1{font-size:20px;}
.common-menu-box .bottom-nav-box a .t2{font-size:21px;margin-left:30px;}

.common-menu-box .bottom-nav-box .ul-menu-sub{padding:0 24px;}
.common-menu-box .bottom-nav-box .ul-menu-sub  a{display: block;color:#fff;font-size:16px;padding:6px 0;}



.common-menu-box .bottom-nav-box .nav-item-in{
  display: block;line-height: 1;position:relative;
}
.common-menu-box .bottom-nav-box .curr .nav-item-in:after{
  content:"";display: block;position:absolute;left:0;right:0;bottom:7px;height:6px;background: var(--primary-color);
  opacity: .5;
}
.common-menu-box .bottom-nav-box .curr a,.common-menu-box .bottom-nav-box .curr a{
  color:#fff;
}
.common-menu-box .bottom-connect{display: flex;align-items: center;}
.common-menu-box .bottom-connect .connect-left img{display: block;width:150px;height:auto;}
.common-menu-box .bottom-connect .connect-right{padding-left:60px;}
.common-menu-box .bottom-connect .connect-right .connect-label{color:#5B595A;}
.common-menu-box .bottom-connect .connect-right .connect-label i{font-size:30px;}
.common-menu-box .bottom-connect .connect-right .connect-label span{font-size:20px;}
.common-menu-box .bottom-connect .connect-right .connect-num{font-size:30px;color:#5B595A;font-family: StretchPro}
.common-menu-box .bottom-connect .connect-right .connect-shejiao{
  display: flex;align-items: center;justify-content: space-between;padding-top:8px;
}
.common-menu-box .bottom-connect .connect-right .connect-shejiao .shejiao-item{
  width:50px;height:50px;border-radius: 99px; display: flex;
  align-items: center;justify-content: center;background: #282727;font-size:30px;
}
.common-menu-box .bottom-connect .connect-right .connect-shejiao .shejiao-item i{
  font-size:30px;color:#fff;
}

/*公共banner*/
.common-banner {}
.common-banner .banner-in{position:relative;}
.common-banner .banner-in .banner-img{display: block;width:100%;}
.common-banner .banner-in .banner-txt-box{position:absolute;left:100px;bottom:100px;}
.common-banner .banner-in .banner-txt-box .t1{font-size:60px;line-height: 1;color:var(--primary-color);font-weight:bold;}
.common-banner .banner-in .banner-txt-box .bread-box{color:#666;margin-top:50px;}
.common-banner .banner-in .banner-txt-box .bread-box .bread-item{color:#666;}
.common-banner .banner-in .banner-txt-box .bread-box .item-line{margin:0 4px;color:#666;}

.page-contact .common-banner .banner-in .banner-txt-box .t1,
.page-services .common-banner .banner-in .banner-txt-box .t1,
.page-about .common-banner .banner-in .banner-txt-box .t1
{color:#fff;}

/*二级页面banner*/
.common-sub-banner{position:relative;height:837px;overflow: hidden;}
.common-sub-banner .sub-banner-in{position:absolute;top:0;left:0;right:0;bottom:0;transform: scale(1.3)}
.common-sub-banner .sub-banner-in-m{position:absolute;top:0;left:0;right:0;bottom:0;transform: scale(1.3);display: none;}
.common-sub-banner .sub-banner-info-box-wrap{color: #fff;height: 100%;display: flex;align-items:flex-end;padding-bottom: 100px;}
.common-sub-banner .sub-banner-info-box{width: 100%;max-width: 620px;}
.common-sub-banner .sub-banner-info-box .t1{font-size:60px;white-space: normal;}
.common-sub-banner .sub-banner-info-box .t2{font-size:18px;}
.common-sub-banner .sub-banner-info-box .info-btn{display: flex;}
.common-sub-banner .sub-banner-info-box .info-btn .common-btn{margin-top:32px;margin-right:32px;}
.common-sub-banner .sub-banner-info-box .info-btn .common-btn:last-child{margin-right:32px;}

@keyframes scaleDown {
  from {
    transform: scale(1.15);
  }
  to {
    transform: scale(1);
  }
}

/* 应用动画 */
.ani-banner-10 {
  animation-name: scaleDown; /* 动画名称 */
  animation-duration: 7s; /* 动画持续时间 */
  animation-timing-function: ease; /* 动画速度曲线 */
  animation-fill-mode: forwards; /* 动画结束后保持最后一帧状态 */
  animation-iteration-count: 1; /* 动画只执行一次 */
}/* 应用动画 */
.ani-banner-5 {
  animation-name: scaleDown; /* 动画名称 */
  animation-duration: 7s; /* 动画持续时间 */
  animation-timing-function: ease; /* 动画速度曲线 */
  animation-fill-mode: forwards; /* 动画结束后保持最后一帧状态 */
  animation-iteration-count: 1; /* 动画只执行一次 */
}

/*二级页面通用主内容*/
.pag-sub-content{background: #fafafa;padding:90px 160px;}



.index-act-dialog-wrap{}
.index-act-dialog-wrap .el-dialog{margin-top:0 !important;position:absolute;top:50%;left:50%;transform: translate(-50%,-50%);}
.index-act-dialog-wrap .el-dialog__header{display: none;}
.index-act-dialog-wrap .el-dialog__footer{display: none;}
.index-act-dialog-wrap .el-dialog__body{padding:0;}
.index-act-dialog-wrap .index-act-dialog{padding:160px 16px 60px 16px;color:#fff;text-align: center;}
.index-act-dialog-wrap .index-act-dialog .dialog-in{width:300px;margin:0 auto;word-break: break-word;}
.index-act-dialog-wrap .index-act-dialog .index-act-dialog-close{position:absolute; width:32px;height:32px;right:20px;top:20px;cursor: pointer;display: flex;align-items: center;justify-content: center;font-size:18px;}
.index-act-dialog-wrap .index-act-dialog .t1{font-size:40px;line-height: 1.2;white-space: pre;}
.index-act-dialog-wrap .index-act-dialog .t2{font-size:20px;margin-top:32px;}
.index-act-dialog-wrap .index-act-dialog .dialog-btn-box{margin-top:80px;display: flex;justify-content: center;}




/*首页banner*/
.index-banner{position:relative;background: var(--primary-color);}
.index-banner .swiper-slide img{display: block;width:100%;}
.page-index .index-banner .swiper-slide .index-banner-swiper-link{height:937px;}

.index-banner .swiper-slide .index-banner-swiper-link{display: block;width:100%;height:800px;position:relative;overflow: hidden;}
.index-banner .swiper-slide .index-banner-swiper-link .index-swiper-item-in{
  position:absolute;left:0;top:0;right:0;bottom:0;transform: scale(1.15);
  display: flex;align-items: flex-end;padding-bottom:150px;box-sizing: border-box;
}
.index-banner .swiper-slide .index-banner-swiper-link .index-swiper-item-in.item-pc{display: flex;}
.index-banner .swiper-slide .index-banner-swiper-link .index-swiper-item-in.item-m{display: none;}

.index-banner .swiper-slide .index-banner-swiper-link .index-swiper-info-box{
  color:#fff;height:100%;display: flex;align-items: flex-end;padding-bottom:100px;
}
.index-banner .swiper-slide .index-banner-swiper-link .index-swiper-info-in{width:100%;max-width: 620px;}
.index-banner .swiper-slide .index-banner-swiper-link .t1{font-size:50px;white-space: normal;line-height: 1;}
.index-banner .swiper-slide .index-banner-swiper-link .t2{font-size:26px;margin-top:16px;line-height: 1;}
.index-banner .swiper-slide .index-banner-swiper-link .t3{font-size:18px;margin-top: 42px;}
.index-banner .swiper-slide .index-banner-swiper-link .swiper-item-btn-box{display: flex;margin-top:50px;}

.index-banner .swiper-button-next,.index-banner .swiper-button-prev{opacity: 0;}
.index-banner .index-banner-swiper:hover .swiper-button-next,
.index-banner .index-banner-swiper:hover .swiper-button-prev
{opacity: 1;}

.index-banner .only-one .swiper-button-next,
.index-banner .only-one .swiper-button-prev{
  display: none !important;
}

.index-banner .swiper-pagination {display: flex;justify-content: flex-end;right:0;width:auto;
  padding-bottom:10px;padding-right:20px;bottom:37px;}
.index-banner .index-swiper-no-img{display: block;width:100%;}
.index-banner .index-swiper-no-img a{display: block;width:100%;height:837px;position:relative;}
.index-banner .index-swiper-no-img a .swiper-item-txt{position:absolute;bottom:50px;left:70px;white-space: pre;font-size:80px;color:#fff;line-height: 1.2;}
.index-banner .index-swiper-no-img img{display: block;width:100%;}
.index-banner .common-btn.btn-contact{margin-right:38px;background: #fff;color:var(--text-color);}
.index-banner .common-btn.btn-contact:hover{background:#afd55f;color:#fff;}

/*首页solution*/
.index-solution{padding-top:100px;padding-bottom:100px;}
.index-solution .solution-box{display: flex;justify-content: space-between;}
.index-solution .solution-box .solution-left{padding-top:50px;width:calc(100% - 500px);position:relative;z-index: 2;}
.index-solution .solution-box .solution-left .left-desc{width:520px;}
.index-solution .solution-box .solution-tit{}
.index-solution .solution-box .solution-sub-tit{font-size:20px;color:var(--text-color-second);line-height: 1;margin-top:20px;}
.index-solution .solution-box .solution-desc{font-size:16px;color:var(--text-color-second);margin-top:32px;}
.index-solution .solution-box .solution-customer{margin-top:90px;}
.index-solution .solution-box .customer-in{margin:-16px;overflow: hidden;display: flex;align-items: center;flex-wrap: wrap;}
.index-solution .solution-box .solution-customer .customer-item{padding:16px;}
.index-solution .solution-box .solution-customer .customer-item:last-child{margin-right:0;}
.index-solution .solution-box .solution-customer .customer-item img{display: block;height:36px;width:auto;}
.index-solution .solution-box .solution-right{position:absolute;right:50px;top:0;}
.index-solution .solution-box .solution-right .solution-earth-box{display: block;width:560px;height:560px;margin:0 auto 30px auto;}
.index-solution .solution-box .solution-right .solution-earth-box img{display: block;width:100%;}
.index-solution .solution-box .solution-count{background: var(--primary-color);display: flex;color:#fff;padding:40px 40px;margin-top:80px;}
.index-solution .solution-box .solution-count .count-item:first-child{flex:1.5;}
.index-solution .solution-box .solution-count .count-item{padding-right:60px;flex:1;}
.index-solution .solution-box .solution-count .item-label{padding-bottom:12px;}
.index-solution .solution-box .solution-count .item-value {display: flex;align-items: flex-start;line-height: 1;}
.index-solution .solution-box .solution-count .item-value .num{font-size:60px;font-weight:bold;}
.index-solution .solution-box .solution-count .item-value .sup{font-size:32px;font-weight:bold;}

/*首页why*/
.index-why{padding:50px 0 120px 0;}
.index-why .why-box{}
.index-why .why-title{text-align: center;padding-bottom:50px;}
.index-why .why-cont{overflow:hidden;margin:-16px;display: flex;flex-wrap: wrap;}
.index-why .why-cont .why-item{width:50%;box-sizing: border-box;padding:20px;position:relative;display: flex;}
.index-why .why-cont .why-item-in{padding:40px 20px 80px 20px;background: #FAFAFA;border-radius: 10px;overflow: hidden;position:relative;width:100%;box-sizing: border-box;}
.index-why .why-cont .item-info-in{padding-right:30%;}
.index-why .why-item .item-title{font-size:20px;font-family: var(--global-family-bold);}
.index-why .why-item .item-desc{color:var(--text-color-second);margin-top:40px;position:relative;z-index: 2;}
.index-why .why-item .item-icon{position:absolute;top:40px;right:40px;display: block;}
.index-why .why-item .item-icon-bottom{position:absolute;bottom:0;right:0;display: block;}

/*首页partner*/
.index-partner {padding:160px 0 120px 0;background: url("../img/index/index-customer-bg.jpg");}
.index-partner .partner-box{display: flex;}
.index-partner .partner-box .partner-right{flex:1;}
.index-partner .partner-box .partner-right .common-title{text-align: center;}
.index-partner .partner-box .partner-list-box{margin-top:120px;}
.index-partner .partner-box .partner-list-box .list-in{margin:-10px;overflow: hidden;display: flex;flex-wrap: wrap;}
.index-partner .partner-box .partner-list-box .partner-item-in{background: #fff;border-radius: 10px;display: flex;align-items: center;justify-content: center;height:100px;}
.index-partner .partner-box .partner-list-box .partner-item{width:33.33333%;padding:10px;box-sizing: border-box;}
.index-partner .partner-box .partner-list-box .partner-item img{display: block;filter: grayscale(100%);opacity: .5;transition: all .3s;}
.index-partner .partner-box .partner-list-box .partner-item:hover img{filter: grayscale(0);opacity: 1;}

#marquee1{margin:0 auto;}
#marquee1 ul li{float:left; padding:0 20px;}
#marquee1 ul li img{display:block;}

#marquee2{margin:70px auto 0 auto;}
#marquee2 ul li{float:left; padding:0 20px;}
#marquee2 ul li img{display:block;}

#marquee1,#marquee2{width:1300px;overflow:hidden;}

/*首页licenses*/
.index-license{background:#fff;display: none;}
.index-license .license-in{padding:80px 0 100px 0;background: url("../img/index-license-bg.png") no-repeat 0 0;background-size: cover;}
.index-license .license-in .license-swiper{margin-left:16px;}
.index-license .license-in .index-license-title{padding-bottom:120px;}
.index-license .license-in .license-item{position:relative;}
.index-license .license-in .license-item .license-item-info{position:absolute;left:20px;right:20px;bottom:40px;color:#fff;}
.index-license .license-in .license-item .license-item-info .info-tit{font-size:20px;}
.index-license .license-in .license-item .license-item-info .info-cont{margin-top:24px;}
.index-license .swiper-slide{width:auto;}
.index-license .swiper-pagination{display: none;}


/*首页留言*/
.index-message-box{background-image:url("../img/leave-message-bg.jpg");padding:100px 16px;}
.index-message-box .message-box{display: flex;justify-content: flex-end;}
.index-message-box .index-message-in{width:100%;max-width: 690px;background: rgba(255,255,255,.9);padding:50px 24px;border-radius: 8px;}
.index-message-box .index-message-in .index-message-tit{padding-bottom:60px;}
.common-form-box .submit-btn{width:160px;height:50px;display: flex;justify-content: center;align-items: center;background: var(--primary-color);
border-radius: 999px;color:#fff;cursor:pointer;
}

/*首页welcome*/
.index-welcome-box{padding:120px 16px 100px 16px;}
.index-welcome-box .welcome-in{width:100%;max-width: 1200px;margin:0 auto;display: flex;align-items: flex-start;justify-content: center;}
.index-welcome-box .welcome-in .welcome-left{flex:5;padding-right:80px;}
.index-welcome-box .welcome-in .welcome-left .welcome-tit{font-size:32px;color:var(--primary-color);}
.index-welcome-box .welcome-in .welcome-left .welcome-cont{padding-top:40px;color:#666;line-height: 1.8;font-size:18px;}
.index-welcome-box .welcome-in .welcome-left .welcome-btns{display: flex;align-items: center;padding-top:40px;}
.index-welcome-box .welcome-in .welcome-left .welcome-btns .btn-item{margin-right:24px;}
.index-welcome-box .welcome-in .welcome-left .welcome-btns .btn-item:last-child{margin-right:0;}
.index-welcome-box .welcome-in .welcome-right{flex:4;}
.index-welcome-box .welcome-in .welcome-right img{display: block;width:100%;}



/*首页头部的关于我们*/
.index-about-top{padding:300px 16px;background: var(--primary-color);}
.index-about-top .about-top-in{display: flex;align-items: stretch;width:100%;max-width: 1500px;margin:0 auto;}
.index-about-top .about-left{padding-right:100px;margin-right:100px;border-right:1px solid rgba(255,255,255,.3);
  font-size:80px;color:#fff;line-height: 1.1;display: flex;align-items: center;font-weight:bold;
  /*width:50%;box-sizing: border-box;*/
}
.index-about-top .about-right{flex:1;display: flex;align-items: center;}
.index-about-top .about-right .right-desc{color:rgba(255,255,255,.3);font-size:18px;}
.index-about-top .about-right .right-more-box{margin-top:50px;}

/*首页视频*/
.index-video{}
.index-video video{display:block;width:100%;}

/*首页商品列表(swiper)*/
.index-product{padding:80px 0;overflow: hidden;}
.index-product .pro-cont {padding:0 0;margin-top:32px;}
.index-product .pro-cont .pro-cont-in{}
.index-product .pro-cont .pro-swiper-box{width:100%;position:relative;}
.index-product .pro-cont .pro-swiper-box .goods-cat-name{position:absolute;top:10%;left:50%;transform: translateX(-50%);font-size:160px;color:rgba(0,0,0,.1);font-weight:bold;}
/*.index-product .pro-cont .pro-swiper-box .swiper-wrapper{min-height:400px;}*/
.index-product .swiper-container {width: 100%;visibility: hidden;position:relative;}
.index-product .swiper-container .pro-more-box{position:absolute;left:50%;bottom:50px;transform: translateX(-50%);z-index: 999;}
.index-product .pro-tit-box{position:relative;z-index: 9;}
.index-product .swiper-slide {text-align: center;font-size: 18px;
  display: flex;align-items: center;width:100%;
}
.index-product .swiper-slide-active{transform:scale(1.5);}
.index-product .swiper-slide img{display: block;width:100%;transition: all .3s;}
.index-product .swiper-slide img{transform: scale(0.4)}
.index-product .swiper-slide-active img,.swiper-slide-duplicate-active img{transform: scale(1)}
.index-product .pro-nav-ul{display: flex;align-items: center;justify-content: center;}
.index-product .pro-nav-ul li{padding:0 20px;}
.index-product .pro-nav-ul li.active a{color:var(--primary-color);}
.index-product .pro-nav-ul li:first-child{padding-left:20px;}
.index-product .pro-nav-ul li:last-child{padding-right:20px;}
.index-product .pro-nav-ul a{display: block;font-size:32px;line-height: 1;cursor: pointer;font-weight:bold;}

/*首页service*/
.index-service .index-service-item{display: flex;align-items: stretch;background: #FAFAFA;}
.index-service .index-service-item:nth-child(even){flex-direction: row-reverse;}
.index-service .index-service-item .item-img{display: flex;width:50%;}
.index-service .index-service-item .item-img img{display: block;width:100%;}
.index-service .index-service-item .item-txt{padding:40px 130px;align-items: center;display: flex;box-sizing: border-box;width:50%;}
.index-service .index-service-item .item-txt .item-txt-in{}
.index-service .index-service-item .item-txt .t1{font-size:36px;color:var(--primary-color);line-height: 1;font-weight:bold;}
.index-service .index-service-item .item-txt .t2{font-size:18px;margin-top:24px;line-height: 2;color:#666;}










.index-case .index-case-in {padding:0 0;display: flex;justify-content: center;}
.index-case .drag-box {display: flex;justify-content: center;width:100%;max-width:1200px;}
.index-case .parent{position: relative;overflow: hidden;background-color: #f0f0f0;}
.index-case .parent .ba-box{position:absolute;top:50%;transform: translateY(-50%);color:#fff;font-size:20px;z-index: 2;}
.index-case .parent .ba-box.before-box{left:24px;}
.index-case .parent .ba-box.after-box{right:24px;}

.index-case .image-bg {display: block;width:100%;}

.index-case .image-container img {width: 100%;height: 100%;}
.index-case .resizable-image {position: absolute;top: 0;width: calc(50% + 18px);height: 100%;overflow: hidden;}
.index-case .resizable-image .resize-img {display: block;position:absolute;left:0;right:0;}
.index-case .resize-handle {position: absolute;top: 0;right: 0;height: 100%;background-color: rgba(0, 0, 0, 0);cursor: ew-resize;}
.index-case .resize-handle img{display: block;height:100%;}

.index-service .index-service-in{width:100%;max-width: 1200px;margin:0 auto;transition: all .3s;}
.index-service .service-in-in{margin:0 -12px;display: flex;align-items: center;}
.index-service .index-service-in *{transition: all .1s;}
.index-service .index-service-in .service-item-wrap{flex:1;padding:12px;}
.index-service .index-service-in .service-item{border:1px solid #999;position:relative;cursor: pointer;flex:1;display: block;}
.index-service .index-service-in .service-item .item-trans{display: block;width:100%;}
.index-service .index-service-in .service-item:hover{color:var(--primary-color);border:1px solid var(--primary-color)}
.index-service .index-service-in .service-item:last-child{margin-right:0;}
.index-service .index-service-in .service-item-in{position:absolute;top:0;left:0;right:0;bottom:0;}
.index-service .index-service-in .service-item-in .item-tit{position:absolute;top:20px;left:24px;}
.index-service .index-service-in .service-item-in .item-arrow{line-height: 10px;position:absolute;bottom:8px;right:8px;display: none;}
.index-service .index-service-in .service-item-in .item-arrow i{font-size:40px;}


.index-menu{}
.index-menu .common-block-tit{max-width: 1700px;margin:0 auto;}
.index-menu .index-menu-in{display: flex;width:100%;max-width: 1700px;margin:0 auto;}
.index-menu .index-menu-in .index-menu-left{display: flex;align-items: flex-end;}
.index-menu .index-menu-in .index-menu-left img{display: block;}
.index-menu .index-menu-in .index-menu-right{flex:1;padding-bottom:32px;}
.index-menu .index-menu-in .menu-right-tit{font-size:36px;padding:24px 0;line-height: 1;}
.index-menu .index-menu-in .menu-item{border-top:1px solid #DBDBDD;padding:16px 8px;display: flex;align-items: flex-start;justify-content: space-between;}
.index-menu .index-menu-in .menu-item.open{border-top:1px solid var(--primary-color);}
.index-menu .index-menu-in .menu-item.open .menu-item-tit-1{color:var(--primary-color);display: block;}
.index-menu .index-menu-in .menu-item .menu-item-tit-1{font-size:20px;margin-right:32px;cursor: pointer;}
.index-menu .index-menu-in .menu-item .menu-item-sub-list{flex:1;display: flex;justify-content: flex-end;}
.index-menu .index-menu-in .menu-item.open .sub-list-in{display: block;}
.index-menu .index-menu-in .menu-item .sub-list-in{display: none;}
.index-menu .index-menu-in .menu-item .menu-item-sub-list a{display: block;width:240px;line-height: 2;color:#999;}
.index-menu .index-menu-in .menu-item .menu-item-sub-list a:hover{color:var(--primary-color);}
.index-menu .index-menu-in .menu-item .menu-item-expand{width:32px;height:32px;display: flex;justify-content: flex-end;cursor: pointer;align-items: center;}
.index-menu .index-menu-in .menu-item .menu-item-expand i{font-size:20px;display: none}
.index-menu .index-menu-in .menu-item .menu-item-expand .jian{display: block;}
.index-menu .index-menu-in .menu-item.open .menu-item-expand .jian{display: none;}
.index-menu .index-menu-in .menu-item.open .menu-item-expand .jia{display: block;}
.index-menu .index-menu-in .index-menu-left{margin-right:100px;}



/*首页案例*/
.index-case-box{margin-top:110px;}
.index-case-box .index-case-head .index-case-category li{margin-bottom:26px;display: flex;}
.index-case-box .index-case-head .index-case-category li:last-child{margin-bottom:0;}
.index-case-box .index-case-head .index-case-category li a{color:#333;display:flex;align-items: center;line-height: 1;}
.index-case-box .index-case-head .index-case-category li a .t1{font-weight: bold;font-size:60px;}
.index-case-box .index-case-head .index-case-category li a .t2{font-size:69px;font-family: Impact;}
.index-case-box .index-case-head .index-case-category li a .line{font-size:60px;font-family: Impact;margin-right:17px;}
.index-case-box .index-case-list{overflow: hidden;margin-top:100px;}
.index-case-box .index-case-list .list-in{display: flex;flex-wrap:wrap;margin:-40px -20px;}
.index-case-box .index-case-list .common-case-item{width:50%;padding:40px 20px;}
.index-case-box .index-case-foot{display: flex;align-items: center;justify-content: flex-end;margin-top:170px;}
.index-case-box .index-case-foot a{display: flex;font-size:69px;color:#333;}
.index-case-box .index-case-foot a i{font-size:69px;transform: rotate(45deg);}
.index-case-box .index-case-foot a .txt{margin-right:30px;}

/*首页品牌 BRAND*/
.index-brand-box{padding-top:150px;margin-top:140px;border-top:1px solid #eee;padding-bottom:200px;}
.index-brand-box .brand-box-tit{font-size:69px;text-align: center;}
.index-brand-box .brand-box-cont{margin-top:150px;overflow: hidden;}
.index-brand-box .brand-in{display: flex;align-items: center;flex-wrap: wrap;margin:-75px -65px;overflow: hidden;}
.index-brand-box .brand-in .brand-item{width:16.66%;padding:75px 65px;}
.index-brand-box .brand-in .brand-item img{
  display: block;width: 100%;
  /*height:60px;object-fit: cover;*/
  background: #333;
}

/*首页about*/
.index-about .common-block-tit{max-width:1700px;margin:0 auto;}
.index-about-in{display: flex;width:100%;max-width:1700px;margin:0 auto;padding-bottom:60px;}
.index-about-in .about-left{margin-right:100px;width:50%;}
.index-about-in .about-left img{display: block;width:100%;}
.index-about-in .about-right{flex:1;}
.index-about-in .about-right .about-right-item{padding-top:50px;}
.index-about-in .about-right .about-right-item:first-child{padding-top:0;}
.index-about-in .about-right .about-right-item .item-tit{font-size:26px;}
.index-about-in .about-right .about-right-item .item-cont{color:#666;line-height: 1.6;margin-top:18px;}

/*首页新闻*/
.index-news .common-block-tit{max-width:1700px;margin:0 auto;}
.index-news .common-block-cont{max-width:1700px;margin:0 auto;}
.index-news .index-news-in{padding-bottom:60px;}
.index-news .new-item-wrap{margin-bottom:32px;}
.index-news .news-item{display: flex;align-items: center;padding:8px 0;border-bottom:1px solid rgba(0,0,0,.1)}
.index-news .news-item:hover{color:var(--primary-color);border-bottom:1px solid var(--primary-color)}
.index-news .news-item:hover a{color:var(--primary-color);}
.index-news .news-item .news-item-tit{flex:1;margin-right:24px;font-size:20px;}
.index-news .news-item .news-item-date{color:#999;}

.index-contact-box{height:350px;background-image:url("../img/index-contact-bg.jpg");width:100%;display: flex;align-items: center;justify-content: center;}
.index-contact-box .contact-in{font-size:20px;font-weight:bold;color:#fff;transition: all .3s;padding:16px 60px;background: var(--primary-color);border-radius: 8px;}
.index-contact-box .contact-in:hover{color:var(--primary-color);background: #fff;}



/*课程页面*/
.page-classes{}
.page-classes .classes-wrap{padding:150px 0;background: #fff;}
.page-classes .classes-wrap .classes-in{width:100%;max-width:1200px;margin:0 auto;padding:0 16px;box-sizing: border-box;}
.page-classes .classes-wrap .classes-in .el-collapse-item__content{padding-bottom:40px;}
.page-classes .classes-wrap .el-collapse-item__header{height:100px;}
.page-classes .classes-wrap .el-collapse-item__arrow{font-size:20px;font-weight:bold;transform: rotate(-90deg);}
.page-classes .classes-wrap .el-collapse-item__header.is-active{color:var(--primary-color);}
.page-classes .classes-wrap .el-collapse-item__header.is-active .el-collapse-item__arrow{color:var(--primary-color);transform: rotate(90deg);}
.page-classes .classes-wrap .classes-item-tit{font-size:30px;height:70px;display: flex;align-items: center;}
.page-classes .classes-wrap .classes-item-cont{display: flex;align-items: stretch;padding-top:20px;font-size:16px;}
.page-classes .classes-wrap .classes-item-cont p{margin:0;line-height: 2;}
.page-classes .classes-wrap .classes-item-cont ul{}
.page-classes .classes-wrap .classes-item-cont li{position:relative;padding-left:20px;
  /*color:var(--primary-color)*/
}
.page-classes .classes-wrap .classes-item-cont li:before{content:"";position:absolute;width:8px;height:8px;border-radius: 99px;background: var(--primary-color);left:0;top:50%;transform: translateY(-50%);}

.page-classes .classes-wrap .classes-item-cont .item-left{flex:1;padding-right:50px;box-sizing: border-box;}
.page-classes .classes-wrap .classes-item-cont .item-right {flex:1;}
.page-classes .classes-wrap .classes-item-cont .item-right img{display: block;width:100%;}


/*schedule 页*/
.page-schedule{}
.page-schedule .schedule-extra-box{min-height:30vh;padding:100px;}

/*价格页*/
/*.page-pricing{transition: all .3s;}*/
/*.page-pricing *{transition: all .3s;}*/
.page-pricing .pricing-main{background: #fff;padding:150px 16px;}
.page-pricing .pricing-main-in{width:100%;max-width: 1200px;margin:0 auto;}
.page-pricing .pricing-category{border-bottom:1px solid var(--border-color);padding-bottom:12px;}
.page-pricing .pricing-category ul{display: flex;align-items: center;}
.page-pricing .pricing-category ul li{margin-right:8px;}
.page-pricing .pricing-category ul li:last-child{margin-right:0;}
.page-pricing .pricing-category ul a{
  display: block;padding:8px 20px;color:rgba(51, 51, 51, 1);font-size:20px;border-radius: 999px;
}
.page-pricing .pricing-category ul a:hover,.page-pricing .pricing-category li.active a{
  background-color:var(--primary-color);color:#fff;
}

.page-pricing .pricing-cate{position:relative;display: flex;align-items: center;border-bottom:1px solid var(--border-color);padding-bottom:12px;}
.page-pricing .pricing-cate .cate-arrow{
  width:38px;height:38px;display: flex;align-items: center;justify-content: center;
  cursor: pointer;
}
.page-pricing .pricing-cate .cate-arrow.swiper-button-lock{display: none;}
.page-pricing .pricing-cate .cate-arrow i{font-size:18px;}
.page-pricing .pricing-cate .category-swiper{flex:1;}
.page-pricing .pricing-cate .swiper-slide{width:auto;}
.page-pricing .pricing-cate .cate-item-link{display: block;font-size:20px;padding:4px 16px;margin-right:8px;}
.page-pricing .pricing-cate .cate-item-link.active{background: var(--primary-color);color:#fff;border-radius: 999px;}


.page-pricing .pricing-list-content{padding:24px 0;}
.page-pricing .pricing-list-content .pricing-cat-desc{color:var(--text-color-second);padding-top:8px;white-space: pre-line;}
.page-pricing .pricing-list-content .pricing-list-box{padding-top:24px;}
.page-pricing .pricing-list-box .pricing-item{display: flex;align-items: stretch;background: #FAFAFA;margin-top:20px;}
.page-pricing .pricing-list-box .pricing-item:first-child{margin-top:0;}
.page-pricing .pricing-item .pricing-item-left{flex:13;}
.page-pricing .pricing-item .pricing-item-left img{background: #ccc;display: block;width:100%;}
.page-pricing .pricing-item .pricing-item-right{flex:10;display: flex;flex-direction: column;justify-content: space-between;padding:40px;border-top:2px solid #fafafa;}
.page-pricing .pricing-item:hover .pricing-item-right{border-top:2px solid var(--primary-color);}
.page-pricing .pricing-item .pricing-item-right .pricing-item-tit{font-size:18px;font-weight:bold;}
.page-pricing .pricing-item .pricing-item-right .pricing-item-price{font-size:50px;color:var(--primary-color);}
.page-pricing .pricing-item .pricing-item-right .pricing-item-foot{display: flex;justify-content: flex-end;}
.page-pricing .pricing-item .pricing-item-right .pricing-item-foot .common-btn a{color:#fff;}
.page-pricing .pricing-item .pricing-item-right .item-btn{background: var(--primary-color);color:#fff;height:50px;border-radius: 999px;display: flex;align-items: center;justify-content: center;padding:0 37px;}
.page-pricing .pricing-item .pricing-item-right .item-btn a{color:#fff;}

/*关于我们*/
.page-about .index-banner .index-swiper-info-box  {
  padding-bottom: 449px!important;
}

.page-about .about-info {
  padding: 130px 95px 45px;
  color: #888;
  text-align: center;
  line-height: 1.6;
}

.page-about .about-info.info2 {
  padding: 85px 100px 0;
}

.page-about .about-advantage {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.page-about .about-advantage .item{
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 1;
  background-color: #f8fafb;
  border-radius: 4px;
  margin-right: 15px;
  text-align: center;
  line-height: 1;
}

.page-about .about-advantage .item:last-child{
  margin-right: 0;
}

.page-about .about-advantage .item::after{
  content: '';
  display: block;
  padding-top: 100%;
}

.page-about .about-advantage .item .icon{
  font-size: 100px;
}

.page-about .about-advantage .item .label{
  font-weight: 800;
  font-size: 18px;
  margin-top: 30px;
}

.page-about .about-map {
  position: relative;
  margin-top: 40px;
}

.page-about .about-map img{
  display: block;
  width: 100%;
}

.page-about .about-map .loc {
  position: absolute;
  width: 8.04%;
  height: 18.83%;
  background: url(../img/icon/map-loc.png) no-repeat center bottom;
  background-size: contain;
}

.page-about .about-map .loc.l1 {
  top: 27%;
  left: 19.3%;
}
.page-about .about-map .loc.l2 {
  top: 39%;
  left: 52.4%;
}
.page-about .about-map .loc.l3 {
  top: 8%;
  left: 61.2%;
}
.page-about .about-map .loc.l4 {
  top: 52%;
  left: 80.3%;
}


/*链接支付*/
.page-pay .index-banner .swiper-slide .index-banner-swiper-link .index-swiper-info-in {
  max-width: 715px;box-sizing: border-box;
}

.page-pay .btn-contact {
  margin-right: 38px;
}

.page-pay .pay-slogan {
  text-align: center;
  font-size: 40px;
  color: var(--primary-color);
  margin-top: 140px;
  line-height: 1.2;
  font-weight: bold;
}

.page-pay .pay-steps {
  display: flex;
  justify-content: space-between;
  margin-top: 50px;
}

.page-pay .pay-steps .item {
  position: relative;
  background-color: #f6f8f9;
  border-radius: 4px;
  margin-right: 40px;
  flex: 1;
  text-align: center;
  line-height: 1;
  padding-top: 55px;
  padding-bottom: 305px;
}

.page-pay .pay-steps .item::after{
  margin-right: 0;
}

.page-pay .pay-steps .title{
  font-size: 20px;
  line-height: 1.4;
  font-weight: bold;
}

.page-pay .pay-steps .detail{
  margin: 30px 25px 0;
  line-height: 1.6;
  font-size: 16px;
  color:#666;
}

.page-pay .pay-steps .phone {
  position: absolute;
  width: 203px;
  height: 410px;
  bottom: -172px;
  left: 50%;
  margin-left: -101px;
  background-size: contain!important;
}

.page-pay .pay-steps .p1{
  background: url(../img/pay-step1.jpg) no-repeat 0 0;
}

.page-pay .pay-steps .p2 {
  background: url(../img/pay-step2.jpg) no-repeat 0 0;
}

.page-pay .pay-steps .p3 {
  background: url(../img/pay-step3.jpg) no-repeat 0 0;
}

.page-pay  .pay-customize {
  margin: 285px 130px 0;
}

.page-pay .pay-customize .title{
  font-size: 40px;
  margin-left: 15px;
  margin-bottom: 105px;
  color: var(--primary-color);
  text-align: center;
  line-height: 1.2;
  font-weight: bold;
}

.page-pay .pay-customize .sec-box {
  display: flex;
  align-items: stretch;
  line-height: 1;
  margin-bottom: 105px;
}

.page-pay .pay-customize .sec-box .sec-text {
  width: 55%;
}

.page-pay .pay-customize .sec-box .sec-phone {
  flex-grow: 1;
  background: url(../img/pay-phone.png) no-repeat center;
  background-size: contain;
}

.page-pay .pay-customize .sec-box .sec-title{
  font-size: 20px;
  margin-bottom: 20px;
  font-weight: bold;
  color: var(--primary-color);
  line-height: 1.4;
}

.page-pay .pay-customize .sec-box .detail{
  line-height: 1.4;
  color: #666;
  margin-bottom: 90px;
}

.page-pay .pay-customize .sec-box .sec:last-child .detail{
  margin-bottom: 0;
}

/*全球支付*/
.page-disburse .disburse-box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 4px;
  background-color: #fafafa;
  cursor: pointer;
  padding: 65px 45px;
  margin-bottom: 40px;
  transition: all .3s ease-in;
}

.page-disburse .disburse-box.first {
  margin-top: 135px;
}

.page-disburse .disburse-box:hover {
  background-color: var(--primary-color);
}
.page-disburse .disburse-box:hover .title,
.page-disburse .disburse-box:hover .detail{
  color: #fff;
}

.page-disburse .disburse-box .title {
  font-size: 20px;
  color: #111;
  line-height: 1.4;
  transition: all .2s ease-in-out;
  font-weight: bold;
}

.page-disburse .disburse-box .detail {
  font-size: 20px;
  color: #666;
  font-size: 16px;
  line-height: 1.6;
  margin-top: 25px;
  transition: all .2s ease-in;
}

.page-disburse .disburse-box .icon-box{
  position: relative;
  width: 100px;
  height: 150px;
  flex-shrink: 0;
  margin-left: 10%;
}
.page-disburse .disburse-box .icon{
  position: absolute;
  top: 0;
  left: 0;
  font-size: 100px;
  transition: all .2s ease-in-out;
}

.page-disburse .disburse-box .icon.hover{
  opacity: 0;
}

.page-disburse .disburse-box:hover .icon.df{
  opacity: 0;
}

.page-disburse .disburse-box:hover .icon.hover{
  opacity: 1;
}

.page-disburse  .disburse-service {
  margin-bottom: 150px;
}

.page-disburse  .disburse-service>.title{
  font-size: 40px;
  line-height: 1.2;
  color: var(--primary-color);
  margin-top: 115px;
  font-weight: bold;
}

.page-disburse  .disburse-service .list {overflow: hidden;}
.page-disburse  .disburse-service .list .list-in{display: flex;flex-wrap: wrap;}

.page-disburse .disburse-service .list .item{ padding-bottom: 30px; width: 25%;border-left: 1px solid #e6e6e6;margin-top:85px;padding-right: 24px;box-sizing: border-box;}




.page-disburse .disburse-service .list .icon{
  font-size: 70px;
  margin-left: 20px;
}

.page-disburse .disburse-service .list .detail{
  font-size: 16px;
  line-height: 1.6;
  color:#666;
  margin-top: 30px;
  margin-left: 20px;
}

/*channel*/
.page-channel .btn-contact {
  margin-right: 38px;
}

.page-channel .channel-advantage {
  display: flex;
  flex-wrap: wrap;
  margin-top: 135px;
}

.page-channel .channel-advantage .item{
  background-color: #f6f8f9;
  border-radius: 4px;
  margin-right: 20px;
  margin-bottom: 20px;
  width: calc(50% - 10px);
  text-align: center;
  box-sizing: border-box;
  padding: 30px 30px 80px;
}
.page-channel .channel-advantage .item:nth-child(2n){
  margin-right: 0;
}

.page-channel .channel-advantage .item .iconfont{
  font-size: 100px;
}

.page-channel .channel-advantage .item .title{
  font-size: 20px;
  line-height: 1.4;
  color: var(--primary-color);
  margin: 0 45px;
  font-weight: bold;
}

.page-channel .channel-advantage .item .detail{
  font-size: 16px;
  line-height: 1.6;
  color: #666;
  margin-top: 30px;
}

.page-channel .channel-options .title {
  font-size: 40px;
  line-height: 1.2;
  color: var(--primary-color);
  margin-top: 60px;
  text-align: center;
  margin-bottom: 80px;
  font-weight: bold;
}

.page-channel .channel-options .options {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  text-align: center;
}

.page-channel .channel-options .options .item{
  margin-bottom: 60px;
}

.page-channel .channel-options .img {
  width: 165px;
  height: 90px;
  background-size: contain!important;
}

.page-channel .channel-options .img1 {
  background: url(../img/payment/wallet.jpg) no-repeat center;
}
.page-channel .channel-options .img2 {
  background: url(../img/payment/banking.jpg) no-repeat center;
}

.page-channel .channel-options .img3 {
  background: url(../img/payment/cash.jpg) no-repeat center;
}

.page-channel .channel-options .img4 {
  background: url(../img/payment/otc.jpg) no-repeat center;
}

.page-channel .channel-options .img5 {
  background: url(../img/payment/card.jpg) no-repeat center;
}

.page-channel .channel-options .img6 {
  background: url(../img/payment/dcb.jpg) no-repeat center;
}

.page-channel .channel-options .name {
  font-size: 22px;
  color: #333;
  margin-top: 40px;
}

.page-channel .channel-multi-wrap{background-color: #fafafa;}
.page-channel .channel-multi {

  text-align: center;
  padding-top: 80px;
  margin-top: 50px;
}
.page-channel .channel-multi .title{
  font-size: 40px;
  color: var(--primary-color);
  line-height: 1.2;
  font-weight: bold;
}

.page-channel .channel-multi .detail{
  font-size: 16px;
  color: #666;
  line-height: 1.6;
  max-width: 750px;
  margin: 20px auto 40px;
}

.page-channel .channel-multi .btn-box {
  display: flex;
  justify-content: center;
}

.page-channel .channel-multi .laptop {
  height: 450px;
  background: url(../img/channel-laptop.png) no-repeat center bottom;
}

/*account*/
.page-account .btn-contact {
  margin-right: 38px;
}

.page-account .account-advantage {
  display: flex;
  flex-wrap: wrap;
  margin-top: 140px;
}

.page-account .account-advantage .item {
  background-color: #f6f8f9;
  margin-right: 20px;
  margin-bottom: 20px;
  border-radius: 4px;
  padding: 40px 20px 50px;
  width: calc(33% - 13px);
  box-sizing: border-box;
}

.page-account .account-advantage .item:nth-child(3n) {
  margin-right: 0;
}

.page-account .account-advantage .item .title {
  font-size: 22px;
  line-height: 1.2;
  color: var(--primary-color);
  min-height: 105px;
  font-weight: bold;
}

.page-account .account-advantage .item .icon-box {
  text-align: center;
}

.page-account .account-advantage .item .iconfont {
  font-size: 100px;
}

.page-account .account-advantage .item .detail {
  font-size: 16px;
  line-height: 1.6;
  color: #666;
  margin-top: 30px;
}
.page-account .account-open {
  background: url(../img/account-open.jpg) no-repeat 0 0;
  color: #fff;
  padding: 65px 65px 70px;
  margin-bottom: 150px;
  margin-top: 80px;
}

.page-account  .account-open .title {
  font-size: 26px;
  font-weight: bold;
}

.page-account  .account-open .detail {
  font-size: 16px;
  line-height: 1.6;
  margin-top: 55px;
  margin-bottom: 55px;
  margin-right: 70px;
}

.page-account  .account-open .btn-box {
  display: flex;
}


/*funds*/
.page-funds .btn-contact {
  margin-right: 38px;
}
.page-funds .funds-manage {
  display: flex;
  justify-content: space-between;
}
.page-funds .funds-manage.m1 {
  margin-top: 170px;
  margin-bottom: 150px;
}
.page-funds .funds-manage.m2 {
  margin-bottom: 180px;
}
.page-funds .funds-manage .title{
  font-size: 26px;
  color: var(--primary-color);
  font-weight: bold;
  line-height: 1.2;
}
.page-funds .funds-manage .detail{
  font-size: 16px;
  color: #666;
  line-height: 1.6;
}

.page-funds .funds-manage .detail p2{
  margin-top: 35px;
}

.page-funds .funds-manage .manage-img {
  width: 50%;
  min-height: 300px;
  flex-shrink: 0;
  background-size: contain;
  margin-left: 130px;
  background-size: contain!important;
}

.page-funds .funds-manage .manage-img.img1 {
  background: url(../img/funds1.png) no-repeat center;
}

.page-funds .funds-manage .manage-img.img2 {
  background: url(../img/funds2.png) no-repeat center;
}

/*404*/
.page-error .error-box {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 100vh;
  text-align: center;
}

.page-error .error-box .img{
  width: 600px;
  margin: 0 auto;
}

.page-error .error-box .img::after{
  display: block;
  content: '';
  width: 100%;
  padding-top: 83.3%;
  background: url(../img/404.png) no-repeat 0 0;
  background-size: contain;
}

.page-error .error-box .info {
  margin-top: 70px;
  font-size: 18px;
  color: #000;
}

.page-error .error-box .btn-box {
  display: flex;
  justify-content: center;
  margin-top: 30px;
}

/*contact*/
.page-contact .index-message-box {
  background: none;
}
.page-contact .index-message-in {
  background: #f9f9f9;
  max-width:none;
  width: 80%;
  margin: 0 auto;
}

.page-help-center{}
.page-help-center *{transition: all .3s;}
.page-help-center .help-center-box{display: flex;padding:120px 0;}
.page-help-center .help-category{width:260px;margin-right:120px;}
.page-help-center .help-category .cat-item{height:60px;display: flex;align-items: center;justify-content: center;background: #FAFAFA;font-size:20px;margin-top:16px;cursor: pointer;}
.page-help-center .help-category .cat-item:first-child{margin-top:0;}
.page-help-center .help-category .cat-item.active,.page-help-center .help-category .cat-item:hover
{background: var(--primary-color);color:#fff;}
 .page-help-center .help-list-box{ flex:1; }
.page-help-center .help-list-box .help-list-tip{ font-size:16px;color:#999;}
.page-help-center .help-list-box .help-list-tip .p2{ padding-left:16px;}
.page-help-center .help-list-box { height: 100vh;min-height: 500px;}
/*
.page-help-center .help-list-box .help-item{border-bottom:1px solid #f7f7f7;margin-top:32px;padding:32px 0;}
.page-help-center .help-list-box .help-item:last-child{margin-top:0;}
.page-help-center .help-list-box .help-item .item-tit{font-size:20px;}
.page-help-center .help-list-box .help-item .item-cont{color:#666;}
.page-help-center .help-list-box .help-item div.point{position:relative;padding:8px 0 8px 16px}
.page-help-center .help-list-box .help-item div.point:before{content:"";display: block;position:absolute;top:18px;left:0;background: #333;width:4px;height:4px;border-radius: 999px;} */

/************************自适应样式************************/

@media screen and (max-width: 1520px) {

  .index-brand-box .brand-in{margin:-35px;}
  .index-brand-box .brand-in .brand-item{width:20%;padding:35px;}

  .page-head .head-nav ul.ul-menu > li > a{padding:0 10px;}
  .

  .index-menu .index-menu-in .index-menu-left{width:50%;}
  .index-menu .index-menu-in .index-menu-left img{display: block;width:100%;}

  .common-news-item .item-in .item-link .link-icon i{font-size:32px;}
  .common-news-item .item-in .item-link .link-tit{line-height: 1.6;padding:32px 16px;}

  .index-about-top .about-left{font-size:60px;}

  .page-footer .footer-content .nav-item{padding-right:50px}

  #marquee1,#marquee2{width:1100px;}



}

@media screen and (max-width: 1200px) {
  .common-sub-nav-box{display: none;}

  .page-head{height:60px;}
  .page-head-in{height:60px;}
  .page-head .head-nav{display: none;}
  .page-head #headMenuBtn{display: block;}
  .page-head .head-right{justify-content: flex-end;}

  .index-customer-review-box{padding:90px 16px 60px 16px;}
  .index-customer-review-box .review-swiper-cont{margin:32px auto 0 auto}
  .index-customer-review-box .index-review-swiper .review-item .review-item-cont{
    margin-top:24px;padding-bottom:60px;
  }
  .index-customer-review-box .index-review-swiper .review-item-yin .iconfont{font-size:24px;}

  .index-activity-box{padding:60px 0;}
  .index-activity-box .activity-tit{padding-bottom:24px;}
  .index-activity-box .swiper .swiper-pagination-progressbar{margin-top:32px;left:0;}

  .index-message-box{padding:50px 0;}


  .page-about .about-main .about-work-with{display: block;}
  .page-about .about-main .work-with-left{width:100%;box-sizing: border-box;padding:16px;}
  .page-about .about-main .work-with-right{width:100%;padding:50px 24px;}
  .page-about .about-main .work-with-right .with-right-cont{margin-top:24px;}
  .page-about .about-main .work-with-right .with-right-cont p{margin:4px 0;}
  .page-about .about-main .work-with-right .with-right-tit{font-size:24px;}

  #marquee1,#marquee2{width:700px;}


  .page-head .head-right-end .head-shejiao-box{display: none;}

  /*.index-solution .solution-box .solution-left{width:}*/

  .index-solution .solution-box{display: block;}
  .index-solution .solution-box .solution-left .left-desc{width:100%;}
  .index-solution .solution-box .solution-left{width:100%;}
  .index-solution .solution-box .solution-right{position:static;}
  .index-solution .solution-box .solution-count{margin-top:32px;}
  .index-solution .solution-box .solution-right .solution-earth-box{margin-top:50px;}


}

@media screen and (max-width: 1024px) {
  .page-head .head-right{flex:initial;}

  .page-index .index-banner .swiper-slide .index-banner-swiper-link{height:600px;}
  .index-banner .index-swiper-no-img{height:600px;}
  .index-banner .index-swiper-no-img a{height:600px;}

  .common-more-box{height:28px;}
  .common-more-box .contact-in .contact-arrow{font-size:16px;}
  .common-more-box .contact-in .contact-txt{font-size:16px;}


  .common-sub-banner{height:600px;}
  .common-sub-banner .sub-banner-info-box{left:0;top:initial;bottom:0;right:0;padding:16px 16px 24px 16px;}
  .common-sub-banner .sub-banner-info-box .t1{font-size:30px;}

  .common-sub-banner .sub-banner-info-box .info-btn .common-btn{margin-top:16px;margin-right:16px;}


  .index-solution{padding-bottom:50px;padding-top:50px;}
  .index-solution .solution-box{display: block;}
  .index-solution .solution-box .solution-left{padding-top:0;margin-right:0;}
  .index-solution .solution-box .solution-customer{margin-top:50px;}
  .index-solution .solution-box .solution-left .left-desc{padding-right:0;}
  .index-solution .solution-box .solution-right .solution-earth-box{margin-bottom:0;}

  .index-why .why-title{padding-bottom:45px;}
  .index-why .why-cont .why-item{width:100%;padding:10px 20px;}
  .index-why .why-cont .why-item-in{width:100%;}

  .index-partner .partner-box{display: block;}
  .index-partner .partner-box .partner-left{margin-right:0;}
  .index-partner .partner-box .partner-right{margin-top:50px;}
  .index-partner .partner-box .partner-list-box{margin-top:40px;}

  .index-license .license-in{padding:50px 0;}
  .index-license .license-in .index-license-title{padding-bottom:24px;}
  .index-license .license-in .license-item img{display: block;width:60vw;}





  .index-banner .swiper-slide .index-banner-swiper-link .swiper-item-txt{font-size:32px;left:24px;bottom:24px;}
  .index-banner .swiper-pagination{bottom:12px;}

  .page-classes .classes-wrap{padding:60px 0;}
  .page-classes .classes-wrap .classes-item-cont{padding-top:24px;}
  .page-classes .classes-wrap .classes-item-tit{font-size:22px;}

  .page-pricing .pricing-list-box .pricing-item{display: block;}

  .page-pricing .pricing-main{padding:60px 16px;}

  .page-about .about-main .about-message-box{padding:50px 16px 0 16px}
  .page-about .about-main .about-message-box .message-box-right{display: none;}
  /*.page-about .about-main .about-message-box .message-box-left{background: url("../img/about/mote0.1.png") no-repeat center 0;}*/
  .page-about .about-main .about-message-box .index-message-form{margin-top:20px;padding-bottom:50px;}

  .index-welcome-box .welcome-in{display: block;}
  .index-welcome-box .welcome-in .welcome-left{padding-right: 0;}
  .index-welcome-box .welcome-in .welcome-right{padding-top:90px;}


  .page-footer .footer-content{padding-top:24px;}
  .page-footer .footer-content .nav-item .nav-item-2{margin-top:12px;}
  .page-footer .footer-content .footer-content-left{flex-wrap: wrap;}
  .page-footer .footer-content .nav-item{width:50%;padding-right:0;margin-top:24px;}
  .page-footer .footer-content .footer-content-right{padding-top:16px;}

  /*pay*/
  .page-pay .pay-steps {
    display: block;
  }
  .page-pay .pay-steps .item{
    margin-right: 0;
    margin-bottom: 250px;
  }
  .page-pay .pay-customize {
    margin: 280px 70px 0;
  }

  /*disburse*/
  .page-disburse .disburse-service .title{
    font-size: 28px;
  }

  /*channel*/
  .page-channel .channel-options .options {
    justify-content: flex-start;
  } 
  .page-channel .channel-options .options .item{
    margin-right: 25px;
  } 
  .page-channel .channel-advantage .item .title {
    margin: 0 ;
  }

  /*account*/
  .page-account .account-advantage .item {
    width: calc(50% - 13px)
  }
  .page-account .account-advantage .item:nth-child(2n){
    margin-right: 0;
  }
  .page-account .account-advantage .item:nth-child(3n){
    margin-right: 20px;
  }

  /*funds*/
  .page-funds .funds-manage{
    display: block;
    margin: 0 30px;
  }
  .page-funds .funds-manage .manage-img {
    margin-left: 0;
    width: auto;
    margin-top: 85px;
    min-height: auto;
    height:300px;
  }
  .page-funds .funds-manage.m1 {
    margin-top: 90px;
    margin-bottom: 120px;
  }
  .page-funds .funds-manage.m2 {
    margin-bottom: 150px;
  }

  .page-help-center .help-center-box{padding:50px 0;display: block;}
  .page-help-center .help-category{display: flex;width:auto;margin-right:0;}
  .page-help-center .help-category .cat-item{margin:0;margin-right:8px;padding:0 16px;height:40px;}
  .page-help-center .help-list-box{margin-top:32px;}
  .page-help-center .help-list-box .help-item{padding:24px 0;}
  .page-help-center .help-list-box .help-item:first-child{margin-top:24px;padding-top:0;}

  .page-disburse .disburse-service .list .item{width:33.3333%;margin-top:40px;}

}

@media screen and (max-width: 750px) {

  .common-sub-banner .sub-banner-info-box-wrap{position: absolute;left: 0;right: 0;padding: 0 0 0 0;}
  .common-sub-banner .sub-banner-info-box{padding: 16px 16px 32px 16px;background: rgba(0, 0, 0, .3);max-width: initial;}
  .common-sub-banner .sub-banner-info-box.no-bg{background: transparent;}


  .index-banner .common-btn.btn-contact{margin-right:16px;}

  .common-btn{height:40px;padding:0 24px;font-size:14px;}
  .common-title{font-size:30px;}

  .page-block-tit{font-size:30px;}
  .index-customer-review-box .index-review-swiper .review-item .review-item-tit{font-size:20px}

  .index-activity-box .swiper-slide{width:calc(100vw - 50px);}
  .swiper-button-next, .swiper-button-prev{display:none;}
  .index-activity-box .activity-item .item-in .item-in-info{left:24px;bottom:24px;}
  .index-activity-box .activity-item .item-in-info .info-date{font-size:18px;}
  .index-activity-box .activity-item .item-in-info .info-title{font-size:24px;}
  .index-activity-box .activity-item .item-in-info .info-btn-box{margin-top:12px;}

  .index-customer-review-box .index-review-swiper .review-item .review-item-cont{padding-bottom:60px;}
  .index-customer-review-box .index-review-swiper .review-item-yin .iconfont{font-size:18px;}
  .index-customer-review-box .index-review-swiper .review-item-info{padding:0 16px;}

  .page-index .index-banner .swiper-slide .index-banner-swiper-link{height:550px;}
  .index-banner .index-swiper-no-img {height:400px;}
  .index-banner .index-swiper-no-img a{height:400px;}
  .index-banner .swiper-slide .index-banner-swiper-link .t1{font-size:25px;}
  .index-banner .swiper-slide .index-banner-swiper-link .t2{font-size:14px;}
  .index-banner .swiper-slide .index-banner-swiper-link .t3{font-size:14px;margin-top:22px;}
  .index-banner .swiper-slide .index-banner-swiper-link .index-swiper-info-box{position:absolute;left:0;right:0;padding:0 0 0 0;}
  .index-banner .swiper-slide .index-banner-swiper-link .index-swiper-info-in{padding:16px 16px 32px 16px;background: rgba(0,0,0,.3);max-width:initial;position:absolute;left:0;right:0;bottom:0;box-sizing: border-box;}
  .index-banner .swiper-slide .index-banner-swiper-link .swiper-item-btn-box{margin-top:24px;}

  .index-banner .swiper-slide .index-banner-swiper-link .index-swiper-item-in.item-pc{display: none;}
  .index-banner .swiper-slide .index-banner-swiper-link .index-swiper-item-in.item-m{display: flex;}

  .index-banner .swiper-slide:nth-child(1) .index-banner-swiper-link .index-swiper-item-in{
    background-image:url("../img/banner/index-banner-m.jpg") !important;
  }

  .page-head .head-logo .logo-link .logo-img{height:25px;}
  .page-head.stick{height:60px;}
  .page-head-in{height:60px;}
  .page-head .head-logo .logo-link{font-size:20px;}


  .common-input-box .input-label{font-size:16px;padding-bottom:8px;}
  .common-textarea-box .input-label{font-size:16px;}

  .common-form-box .form-in{display: block;}
  .common-form-box .form-in .form-item{width:100%;}

  .index-banner .swiper-slide .index-banner-swiper-link .swiper-item-txt{font-size:24px;}


  .common-sub-banner{height:550px;}
  .common-sub-banner .sub-banner-info-box .t1{font-size:24px;}

  .index-solution .solution-box .solution-count{margin-left:-16px;margin-right:-16px;text-align: center;display: block;position:relative;z-index: 3;}
  .index-solution .solution-box .solution-count .item-value{justify-content: center;}
  .index-solution .solution-box .solution-count .count-item{padding-right:0;padding-bottom:50px;}
  .index-solution .solution-box .solution-count .count-item:last-child{padding-bottom:0;}
  .index-solution .solution-box .solution-right .solution-earth-box{width:460px;height:460px;}
  .index-solution .solution-box .solution-customer .customer-item img{height:24px;}

  .index-why{padding-top:0;padding-bottom:50px;}
  .index-why .why-cont .item-info-in{padding-right:10%;}
  .index-why .why-cont .why-item-in{padding:20px 10px 40px 10px}
  .index-why .why-item .item-icon{right:10px;top:20px;}
  .index-why .why-item:nth-child(1) .item-icon-bottom{width:120px;}
  .index-why .why-item:nth-child(2) .item-icon-bottom{width:120px;}
  .index-why .why-item:nth-child(3) .item-icon-bottom{width:120px;}
  .index-why .why-item:nth-child(4) .item-icon-bottom{width:100px;}

  .index-partner{padding:50px 0;}

  .index-license .swiper{padding-bottom:50px;}
  .index-license .swiper-pagination{display: block;}

  .index-partner .partner-box .partner-list-box .partner-item{width:50%;}
  .index-partner .partner-box .partner-right .right-title{text-align: center;}
  .index-partner .partner-box .partner-list-box .partner-item img{opacity: 1;transform: none;filter: none;height:20px;}

  .index-message-box .index-message-in .index-message-tit{padding-bottom:8px;}
  .common-form-box .btn-wrap .common-btn{width:100%;}

  .page-footer .footer-content{display: block;}
  .page-footer .footer-content .nav-item .nav-item-2{margin-top:8px;}
  .page-footer .footer-content .nav-item .item-2-item{padding:3px 0;}
  .page-footer .footer-content .footer-shejiao-list{padding-top:8px;}
  .page-footer .footer-content .footer-contact{margin-top:40px;}
  .page-footer .footer-top .top-right{cursor: pointer;font-size:24px;}
  .page-footer .footer-content .footer-content-right{padding-top:32px;}
  .page-footer .footer-content .footer-shejiao-list .shejiao-item i{color:#fff;font-size:26px;}






  .page-classes .classes-wrap .el-collapse-item__header{height:50px;}
  .page-classes .classes-wrap .classes-item-cont{padding-top:16px;display: block;}
  .page-classes .classes-wrap .classes-item-cont .item-left{padding-right:0;}

  .page-pricing .pricing-item .pricing-item-right{padding:16px;}
  .page-pricing .pricing-item .pricing-item-right .pricing-item-price{font-size:32px;}

  .page-pricing .pricing-category ul a{font-size:18px;padding:6px 0;}
  .page-pricing .pricing-category ul li{padding:0 ;}
  .page-pricing .pricing-category ul{display: block;padding-bottom:16px;}

  .index-activity-box .activity-cont{padding:0 20px;}


  .page-classes .classes-wrap .classes-in .el-collapse-item__content{padding-bottom:20px;}

  .common-sub-banner .sub-banner-info-box .t2{font-size:14px;}

  .index-act-dialog-wrap .el-dialog{width:85% !important;}
  .index-act-dialog-wrap .index-act-dialog{padding:60px 16px 30px 16px}
  .index-act-dialog-wrap .index-act-dialog .t1{font-size:28px;}
  .index-act-dialog-wrap .index-act-dialog .t2{font-size:18px;margin-top:24px;}
  .index-act-dialog-wrap .index-act-dialog .dialog-btn-box{margin-top:32px;}

  .page-schedule .schedule-extra-box{padding:50px 8px;}

  .index-welcome-box{padding:60px 16px 32px 16px;}
  .index-welcome-box .welcome-in .welcome-left .welcome-btns{flex-wrap: wrap;}
  .index-welcome-box .welcome-in .welcome-left .welcome-btns .btn-item{margin-right:8px;padding-bottom:20px;width:100%;}
  .index-welcome-box .welcome-in .welcome-left .welcome-btns .btn-item .common-btn{font-size:16px;}
  .index-welcome-box .welcome-in .welcome-right{padding-bottom:40px;padding-top:40px;}
  .index-welcome-box .welcome-in .welcome-left .welcome-tit{font-size:28px;}
  .index-welcome-box .welcome-in .welcome-left .welcome-cont{font-size:16px;padding-top:30px;}

  /*临时改动*/
  .page-pricing .pricing-item .pricing-item-left img{display: none}

  #marquee1,#marquee2{width:98%;}






  .common-news-item{width:100%;}
  .common-news-item .item-in .item-link .link-tit{padding:24px 16px;}


  .page-head{height:60px;}

  .common-block .common-block-tit{padding:40px 24px 0 24px;}
  .common-block .common-block-cont{padding:24px 24px 24px 24px;}

  /*about页*/
  .page-about .about-advantage {
    display: block;
  }
  .page-about .about-info {
    padding: 50px 0 35px;
  }
  .page-about .about-info.info2 {
    padding: 20px 10px 0;
}
  .page-about .about-advantage .item {
    margin-right: 0;
    margin-bottom: 35px;
  }
  .page-about .about-advantage .item .icon {
    font-size: 78px;
  }
  .page-about .about-advantage .item .label {
    font-size: 18px;
    margin-top: 30px;
  }

  .page-about .about-map {
    margin-top: 30px;
  }

  /*pay*/
  .page-pay .pay-slogan {
    margin: 50px 32px 24px 32px;;
    line-height: 1.2;
    font-size: 20px;
  }
  .page-pay .pay-steps .title {
    font-size: 18px;
  }
  .page-pay .pay-steps .item {
    padding-top: 40px;
    margin-bottom: 235px;
  }
  .page-pay .pay-steps .detail {
    /*font-size: 13px;*/
    margin: 20px 20px 0;
  }
  .page-pay .pay-customize {
    margin-left: 30px;
    margin-right: 30px;
  }

  .page-pay .pay-customize .title {
    font-size: 20px;
    margin-bottom: 50px;
  }
  .page-pay .pay-customize .sec-box {
    display: block;margin-bottom:50px;
  }

  .page-pay .pay-customize .sec-box .sec-text {
    width: auto;
  }
  .page-pay .pay-customize .sec-box .sec-title {
    font-size: 18px;
    text-align: center;
  }

  .page-pay .pay-customize .sec-box .detail {
    /*font-size: 13px;*/
    text-align: center;
    margin-bottom: 50px;
  }

  .page-pay .pay-customize .sec-box .sec-phone {
    margin-top: 55px;
    height: 400px;
  }

  /*disburse*/
  .page-disburse .disburse-box {
    align-items:flex-start;
    padding: 20px 16px 25px;
    margin-bottom: 20px;
  }
  .page-disburse .disburse-box.first {
    margin-top: 50px;
  }
  .page-disburse .disburse-box .title {
    font-size: 18px;
  }
  .page-disburse .disburse-box .icon-box {
    top: -10px;
    margin-left: 25px;
    width: 50px;
  }
  .page-disburse .disburse-box .icon {
    font-size: 50px;
  }

  .page-disburse .disburse-box .detail {
    /*font-size: 13px;*/
    margin-top: 50px;
  }
  .page-disburse .disburse-service>.title {
    font-size: 20px;
    margin-top: 55px;
  }



  .page-disburse .disburse-service .list .icon {
    font-size: 52px;
    margin-left: 12px;
  }
  .page-disburse .disburse-service .list .detail {
    margin-left: 12px;
    margin-top: 0px;
  }

  .page-disburse .disburse-service {
    margin-bottom: 75px;
  }

  /*channel*/
  .page-channel .channel-advantage  {
    display: block;
    margin-top: 50px;
  }
  .page-channel .channel-advantage .item {
    width: auto;
    margin-right: 0;
    padding: 15px 20px 30px;
  }
  .page-channel .channel-advantage .item .iconfont{
    font-size: 50px;
  }
  .page-channel .channel-advantage .item .title {
    font-size: 18px;
  }
  .page-channel .channel-advantage .item .detail{
    /*font-size: 13px;*/
    margin-top: 20px;
  }

  .page-channel .channel-options .title {
    font-size: 20px;
    margin-top: 62px;
    margin-bottom: 40px;
  }
  .page-channel .channel-options .options .item {
    width: 50%;
    margin-right: 0;
  }

  .page-channel .channel-options .img {
    margin: 0 auto;
    width: 80px;
    height: 50px;
  }
  .page-channel .channel-options .name {
    margin-top: 0;
    font-size: 16px;
  }

  .page-channel .channel-multi {
    padding-top: 60px;
  }
  .page-channel .channel-multi .title {
    font-size: 20px;
  }
  .page-channel .channel-multi .detail{
    /*font-size: 13px;*/
    margin: 40px 15px;
  }
  .page-channel .channel-multi .laptop {
    height: 150px;
    background-size: contain;
    margin-top: 80px;
  }

   /*account*/
   .page-account .account-advantage {
    margin-top: 55px;
   }
   .page-account .account-advantage .item {
    width: 100%;
    margin-right: 0!important;
    padding: 35px 18px 30px;
  }

  .page-account .account-advantage .item .title {
    font-size: 18px;
    min-height: auto;
    margin-bottom: 40px;
  }

  .page-account .account-advantage .item .iconfont {
    font-size: 75px;
  }

  .page-account .account-advantage .item .detail {
    /*font-size: 13px;*/
  }
  .page-account .account-open {
    padding: 30px 20px 45px;
    margin-bottom: 75px;
    margin-top: 50px;
  }
  .page-account .account-open .title {
    font-size: 18px;
  }

  .page-account .account-open .detail {
    margin: 30px 0;
    /*font-size: 13px;*/
  }


  /*contact*/
  .page-contact .index-message-box {
    padding: 40px 0 75px;
  }

  /*funds*/
  .page-funds .funds-manage {
    margin: 0;
  }
  .page-funds .funds-manage.m1 {
    margin-top: 50px;
    margin-bottom: 70px;
  }
  .page-funds .funds-manage.m2 {
    margin-bottom: 80px;
  }
  .page-funds .funds-manage .title {
    font-size: 18px;
  }
  .page-funds .funds-manage .detail {
    /*font-size: 13px;*/
  }
  .page-funds .funds-manage .detail p{
    line-height: 1.6;
    margin-top: 20px;
    margin-bottom: 0;
  }
  .page-funds .funds-manage .manage-img{
    height: 150px;
    margin-top: 50px;
  }


  /*404*/
  .page-error .error-box .info {
    font-size: 14px;
    margin-top: 70px;
  }
  .page-error .error-box .img{
    flex-grow: 1;
    width: auto;
  }
  .page-error .error-box .btn-box {
    margin-top: 50px;
  }

  .page-help-center .help-category .cat-item{font-size:16px;}


  .common-sub-banner .sub-banner-in{display: none;}
  .common-sub-banner .sub-banner-in-m{display: block;}

  .page-disburse .disburse-service .list .item{width:100%;padding-right:0;padding-bottom:0;}

  .page-contact .index-message-in {width: 100%;}
}

@media screen and (max-width: 480px) {
  .index-info .days .day-item.rest .day-rest-txt{font-size:10px;}

  .page-head .head-right-end .head-shejiao-box{display: none;}


  .index-solution .solution-box .solution-right .solution-earth-box{width:320px;height:320px;}
  
}