@charset "utf-8";
/* CSS Document */
/* KISSY CSS Reset */
body,h1,h2,h3,h4,h5,h6,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,span,i,ul,a,em,img,textarea,select{margin:0;padding:0;font-family:"Microsoft YaHei";}
*{padding:0; margin:0; list-style:none;font-family:"Microsoft YaHei";}
body,button,input,select,textarea {font-size:12px;}
h1,h2,h3,h4,h5,h6,button,input,select,textarea {font-size:100%;}
label,input,select {vertical-align:middle;}
address,cite,em {font-style:normal;}
fieldset{cursor:pointer;}
img{border:none;}
ul,ol {list-style:none;}
table {border-collapse:collapse; border-spacing:0;}
sub {vertical-align:text-bottom;}
sup {position:relative;top:-1px;left:2px;font:11px/normal tahoma;vertical-align:text-top;}
small {font-size:12px;}
legend {color:#333;}
strong{font-weight: bold;}
h1,h2,h3,h4,h5,h6{ font-weight:normal;}
*:focus { outline: none; }
a{cursor:pointer;}
input,textarea{border:none;outline: none;-webkit-appearance: none;}
input[type=submit],input[type=button]{cursor:pointer;-webkit-appearance: none;box-sizing: border-box;border:none;}
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill{background:rbga(255,255,255,0) !important;}
      
/* default color */
a{text-decoration:none;}
ul,li{padding:0; margin:0;}
/*-------------------------------
  end: reset */

/*浮动*/
.fl{float:left;}
.fr{float:right;}

/*清除浮动*/
.clearfix:before,.clearfix:after{content:"."; display:block; visibility:hidden; height:0; line-height:0; font-size:0;}
.clearfix:after{clear:both;}
.clearfix{zoom:1;}
.clear{clear:both; height:0;overflow:hidden;}

/*全局字体样式设置*/
:root{
    --ch:#1E50E6;
    --cs:#50C8FF;
    --cw:#FFFFFF;
    --c0: #000000;
    --c5: rgba(0, 0, 0, 0.5);
    --c6: rgba(0, 0, 0, 0.6);
    --c8: rgba(0, 0, 0, 0.8);
    --cw3: rgba(255, 255, 255, 0.3);
    --cw5: rgba(255, 255, 255, 0.5);
    --cw6: rgba(255, 255, 255, 0.6);
    --cw7: rgba(255, 255, 255, 0.7);
}

.com-tit{line-height: 1;font-weight: 700;color: var(--c8);}
.tit-line{position: relative;padding-left: 1.0417vw;}
.tit-line::before{content: '';width: 0.4167vw;height: 100%;background: linear-gradient(360deg, #1E50E6 0%, #50C8FF 105.68%);position: absolute;left: 0;top: 0;}
.tit-ct{text-align: center;}
.tit-cw{color: var(--cw);}

/*字体大小*/
.ft60{font-size: 3.125vw;}
.ft50{font-size: 2.6042vw;}
.ft48{font-size: 2.5vw;}
.ft46{font-size: 2.3958vw;}
.ft36{font-size: 1.875vw;}
.ft35{font-size: 1.8229vw;}
.ft32{font-size: 1.6667vw;}
.ft30{font-size: 1.5625vw;}
.ft26{font-size: 1.3542vw;}
.ft24{font-size: 1.25vw;}
.ft22{font-size: 1.1458vw;}
.ft20{font-size: 1.0417vw;}
.ft18{font-size: 0.9375vw;}
.ft17{font-size: 0.8854vw;}
.ft16{font-size: 0.8333vw;}
.ft15{font-size: 0.7813vw;}
.ft14{font-size: 0.7292vw;}
.ft13{font-size: 13px;}
.ft12{font-size: 12px;}

/*间距*/
.mt80{margin-top: 4.1667vw;}
.mt60{margin-top: 3.125vw;}
.mt50{margin-top: 2.6042vw;}
.mt48{margin-top: 2.5vw;}
.mt40{margin-top: 2.0833vw;}
.mt30{margin-top: 1.5625vw;}
.mt20{margin-top: 1.0417vw;}
.mt10{margin-top: 0.5208vw;}

.pb55{padding-bottom: 2.8646vw;}

.mtauto{
  margin-left: auto;
  margin-right: auto;
}


/*自定义字体*/
@font-face {
  font-family: "Alibaba PuHuiTi 2.0";
  font-weight: 400;
  src: url("//at.alicdn.com/wf/webfont/PAI1AGVISUCc/RfM0a0hg8ME6.woff2") format("woff2"),
  url("//at.alicdn.com/wf/webfont/PAI1AGVISUCc/reojQdVukZEu.woff") format("woff");
  font-display: swap;
}

@font-face {
  font-family: "Alibaba PuHuiTi 2.0";
  font-weight: 500;
  src: url("//at.alicdn.com/wf/webfont/PAI1AGVISUCc/oOJvlfOlsfk7.woff2") format("woff2"),
  url("//at.alicdn.com/wf/webfont/PAI1AGVISUCc/dfopGKN7wrkJ.woff") format("woff");
  font-display: swap;
}

@font-face {
  font-family: "Alibaba PuHuiTi 2.0";
  font-weight: 600;
  src: url("//at.alicdn.com/wf/webfont/PAI1AGVISUCc/XyQlXLbeuQd7.woff2") format("woff2"),
  url("//at.alicdn.com/wf/webfont/PAI1AGVISUCc/1bA4ZeYkTrPQ.woff") format("woff");
  font-display: swap;
}

@font-face {
  font-family: "Alibaba PuHuiTi 2.0";
  font-weight: 700;
  src: url("//at.alicdn.com/wf/webfont/PAI1AGVISUCc/dVwwqLgo05Hw.woff2") format("woff2"),
  url("//at.alicdn.com/wf/webfont/PAI1AGVISUCc/3igzSzcE3ZeH.woff") format("woff");
  font-display: swap;
}

@font-face {
  font-family: "Alibaba PuHuiTi 2.0";
  font-weight: 900;src: url("//at.alicdn.com/wf/webfont/PAI1AGVISUCc/QG9Yihlvwmvk.woff2") format("woff2"),
  url("//at.alicdn.com/wf/webfont/PAI1AGVISUCc/PzxQSv1Y5seq.woff") format("woff");
  font-display: swap;
}

@font-face {
  font-family: "Montserrat";
  src: url(../font/Montserrat-SemiBold.otf);
  font-weight: 600;
}


/*滚动条样式*/
::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}

::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.1);
}

::-webkit-scrollbar-thumb {
  background: #1E50E6;
}

::-webkit-scrollbar-thumb:window-inactive {
  background: #1E50E6;
}
 
::-webkit-scrollbar-thumb:vertical:hover {
  background: #1E50E6;
}

/*通用样式*/
.container{width: 91.6667vw;margin: 0 auto;} 
i{display:inline-block;*display:inline;*zoom:1;font-style:normal;}
.imgBg{background-repeat:no-repeat;background-position:center center;background-size:cover;}
.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.lineTwo{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.lineThree{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;}
.motion{transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;}
.msg-pop-main{background:rgba(0,0,0,0.5);max-width:250px;position:fixed;left:50%;top:50%;z-index:10000;display:none;border-radius:3px;font-size:12px;}
.msg-pop-main p{padding:10px;line-height:24px;font-size:14px;color:#fff;}
.xs-show{display: none !important;}
.xs-hidden{display: block !important;}
.fcc{display: flex;justify-content: center;align-items: center;}
.fjc{display: flex;justify-content: center;}
.fac{display: flex;align-items: center;}
.fsb{display: flex;justify-content: space-between;}
.fsc{display: flex;justify-content: space-between;align-items: center;}
.abs{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 10;}
.abs-cc{position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);z-index: 5;}
.pic img{display: block;width: 100%;}

/*头部*/
.header{position: fixed;left: 0;top: 0;width: 100%;z-index: 101;transition: all .5s;opacity: 1;}
.header .main{display: flex;justify-content: space-between;height: 5.2604vw;}
.header .left{display: flex;}
.header .logo{display: block;width: 9.1146vw;position: relative;z-index: 10;}
.header .logo img{display: block;width: 100%;}
.header .nav{display: flex;margin-left: 6.5104vw;}
.header .nav li{margin-right: 3.125vw;}
.header .nav .link{display: block;line-height: 5.2604vw;position: relative;color: var(--cw);}
.header .nav .link::after{content: '';width: 0;height: 0.2083vw;background: var(--ch);left: 50%;bottom: 0;position: absolute;transform: translateX(-50%);transition: .5s ease-out;}
.header .nav li:hover .link::after{width: 100%;}
.header .right{display: flex;align-items: center;}

.header .search{margin-right: 1.8229vw;}
.header .search-btn{display: block;width: 0.9375vw;height: 0.9375vw;background: url(../images/search_w.png) no-repeat;background-size: cover;position: relative;}
.header .search-btn::after{content: '';width: 0;height: 0.2083vw;background: var(--ch);left: 50%;bottom: -2.1354vw;position: absolute;transform: translateX(-50%);transition: .5s ease-out;}
.header .search-show{background-image: url(../images/search.png) !important;}
.header .search-show::after{width: 100%;}
.header .search-erify{position: absolute;left: 0;top: 5.2604vw;background: #F5F5F5;width: 100%;display: none;}
.header .search-erify .box{padding: 6.4062vw 4.1667vw 9.0625vw;}
.header .search-erify .title{font-weight: 400; text-align: center;}
.header .search-erify .form{display: flex;align-items: center;justify-content: space-between;margin: 2.3438vw auto 0;width: 51.5625vw;}
.header .search-erify .text{display: block;box-sizing: border-box;width: 43.2292vw;height: 3.125vw;border: 1px solid #808080;padding: 0 3.0729vw;background: url(../images/search_b.png) no-repeat 1.25vw center;background-size: 1.25vw 1.25vw;border-right: none;}
.header .search-erify .btn{display: block;border: none;width: 8.3333vw;height: 3.125vw;background: linear-gradient(180deg, #50C5FF 0%, #1E50E6 100%);color: var(--cw);}

.header .group{position: relative;margin-right: 1.5625vw;}
.header .group .g-link{padding: 0 1.0417vw;height: 2.0833vw;border-radius: 0.4167vw; color: var(--cw);background:rgba(255, 255, 255, 0.15);}
.header .group .g-link::before{content: '';width: 0.9375vw;height: 0.9375vw;background: url(../images/group_icon.png) no-repeat;background-size: cover;margin-right: 0.5208vw;}
/*.header .group .g-link::after{content: '';width: 1.0417vw;height: 1.0417vw;background: url(../images/link_w_arrow.png) no-repeat;background-size: cover;margin-left: 0.4167vw;transform: rotate(90deg);} */
.header .group .erify{position: absolute;right: -7.1354vw;top: 2.5vw;width: 51.0417vw;background:#F6F6F6;backdrop-filter: blur(30px);box-sizing: border-box;border-radius: 0.5208vw;padding: 3.125vw 5.2083vw;display: none;}
.header .group .erify::before{content: '';width: 0;height: 0;border-left: 0.3646vw solid transparent;border-right: 0.3646vw solid transparent;border-bottom: 0.3646vw solid #F6F6F6;position: absolute;right: 11.2708vw;top: -0.3646vw;}
.header .group .top{display: flex;align-items: center;justify-content: space-between;}
.header .group .box{display: flex;justify-content: space-between;margin-top: 1.8229vw;border-top: 1px solid rgba(0, 0, 0, 0.12);padding-top: 2.6042vw;}
.header .group .tit{line-height: 1;color: var(--ch);font-weight: 700;}
.header .group .q-link{background: linear-gradient(253.79deg, #50C8FF 10.36%, #1E50E6 88.75%);box-shadow: 0px 4px 15px 0px rgba(2, 141, 255, 0.2);border-radius: 0.3125vw;width: 17.8125vw;height: 2.8125vw;box-sizing: border-box;padding: 0 0.9375vw 0 1.5625vw;color: var(--cw);font-weight: 700;position: relative;}
.header .group .q-link img{display: block;width: 9.7396vw;position: absolute;left: 6.875vw;bottom: 0;}
.header .group .q-link::after{content: '';box-sizing: border-box;width: 0.9375vw;height: 0.9375vw;border: 1.4px solid var(--cw);border-radius: 50%;background: url(../images/page_h_arrow.png) no-repeat center center;background-size: 0.625vw 0.625vw;transform: rotate(180deg);}
.header .group .name{line-height: 1;color: var(--c8);font-weight: 700;}
.header .group .list{margin-top: 1.0417vw;padding-right: 5.2083vw;}
.header .group .list a{display: block;line-height: 1.8667;color: var(--c6);}
.header .group .list a:hover{color: var(--ch);}


.header .lang-group{display:flex;align-items:center;height: 2.0833vw;color: var(--cw);}
.header .lang-group i{display: block;width: 1.0417vw;height:1.0417vw;background: url(../images/language_icon.png) no-repeat;background-size: cover;margin-right: 0.625vw;}
.header .lang-group::after{content: '';width: 1.0417vw;height: 1.0417vw;background: url(../images/link_w_arrow.png) no-repeat;background-size: cover;margin-left: 0.4167vw;transform: rotate(90deg);}
.header .lan-erify{position: absolute;left: 0;top: 5.2604vw;background: #F5F5F5;width: 100%;display: none;}
.header .lan-erify .box{padding: 3.6875vw 13.2813vw 2.125vw;}
.header .lan-erify .title{line-height: 1;color: var(--c8);font-weight: 700;}
.header .lan-erify .im-link{display: flex;margin-top: 1.3542vw;align-items: center;}
.header .im-link .item{display: flex;align-items: center;margin-right: 4.1667vw;}
.header .im-link .item span{display: block;color: var(--c8);font-weight: 700;line-height: 1;}
.header .im-link .item a{margin-left: 1.3021vw;position: relative;line-height: 1;color: var(--c6);}
.header .im-link .item a::before{content: '';width: 1px;height: 100%;background: #c4c4c4;position: absolute;left: -0.625vw;top: 0;}
.header .im-link .item a:hover{color: var(--ch);text-decoration: underline;}
.header .im-link .item i{display: block;width: 1.25vw;height: 1.25vw;background: url(../images/language_h.png) no-repeat;background-size: cover;margin-right: 0.5208vw;}
.header .lan-erify .list{display: flex;justify-content: space-between;margin-top: 2.125vw;}
.header .lan-erify .tit{line-height: 1.1111;color: var(--ch);font-weight: 700;}
.header .lan-erify .links-list{margin-top: 0.8333vw;}
.header .links-list .item{margin-bottom: 1.0417vw;}
.header .links-list .item:last-child{margin-bottom: 0;}
.header .links-list .name{font-weight: 700;line-height: 1;color: var(--c8);}
.header .links-list .links{display: flex;margin-top: 0.5208vw;}
.header .links-list .links a{line-height: 1;margin-right: 1.5625vw;position: relative;color: var(--c5);}
.header .links-list .links a::after{content: '';width: 1px;height: 100%;position: absolute;right: -0.7813vw;top: 0;background: #c4c4c4;}
.header .links-list .links a:last-child::after{display: none;}
.header .links-list .links a:hover{color: var(--ch);text-decoration: underline;}
.head-up{top: -200px;opacity: 0;}

.head-open{background: var(--cw);}
.head-open .nav .link{color: var(--c8);}
.head-open .group .g-link{color: var(--c8);background: rgba(0, 0, 0, 0.05);}
.head-open .group .g-link::before{background-image: url(../images/group_b_icon.png);}
/*.head-open .group .g-link::after{background-image: url(../images/link_b_arrow.png);}*/
.head-open .search-btn{background-image: url(../images/search_b.png);}
.head-open .lang-group{color: var(--c8);}
.head-open .lang-group i{background-image: url(../images/language_b_icon.png);}
.head-open .lang-group::after{background-image:url(../images/link_b_arrow.png);}

.head-bk{background: var(--cw);}
.head-bk .nav .link{color: var(--c8);}
.head-bk .group .g-link{color: var(--c8);background: rgba(0, 0, 0, 0.05);}
.head-bk .group .g-link::before{background-image: url(../images/group_b_icon.png);}
/*.head-bk .group .g-link::after{background-image: url(../images/link_b_arrow.png);}*/
.head-bk .search-btn{background-image: url(../images/search_b.png);}
.head-bk .lang-group{color: var(--c8);}
.head-bk .lang-group i{background-image: url(../images/language_b_icon.png);}
.head-bk .lang-group::after{background-image:url(../images/link_b_arrow.png);}


.head-fixed{background: var(--cw);}
.head-fixed .nav .link{color: var(--c8);}
.head-fixed .group .g-link{color: var(--c8);background: rgba(0, 0, 0, 0.05);}
.head-fixed .group .g-link::before{background-image: url(../images/group_b_icon.png);}
/*.head-fixed .group .g-link::after{background-image: url(../images/link_b_arrow.png);}*/
.head-fixed .search-btn{background-image: url(../images/search_b.png);}
.head-fixed .lang-group{color: var(--c8);}
.head-fixed .lang-group i{background-image: url(../images/language_b_icon.png);}
.head-fixed .lang-group::after{background-image:url(../images/link_b_arrow.png);}

.head-show{background: var(--cw);}
.head-show .nav .link{color: var(--c8);}
.head-show .group .g-link{color: var(--c8);background: rgba(0, 0, 0, 0.05);}
.head-show .group .g-link::before{background-image: url(../images/group_b_icon.png);}
/*.head-show .group .g-link::after{background-image: url(../images/link_b_arrow.png);}*/
.head-show .search-btn{background-image: url(../images/search_b.png);}
.head-show .lang-group{color: var(--c8);}
.head-show .lang-group i{background-image: url(../images/language_b_icon.png);}
.head-show .lang-group::after{background-image:url(../images/link_b_arrow.png);}


.sub-menu{position: absolute;left: 0;width: 100%;top: 5.2604vw;background: #F5F5F5;display: none;}
.sub-menu .box{display: flex;justify-content: space-between;padding: 4.6875vw 13.2813vw;}
.sub-menu .sub-left{display: flex;justify-content: space-between;width: 50.625vw;}
.sub-menu .top-link{line-height: 1;padding-left: 0.8854vw;color: var(--c8);font-weight: 700;position: relative;}
.sub-menu .top-link:hover {color: var(--ch);}
.sub-menu .top-link::before{content: '';width: 0;height: 100%;position: absolute;left: 0;top: 0;background:linear-gradient(360deg, var(--ch) 0%, var(--cs) 100%);}
.sub-menu .list{margin-top: 1.4063vw;padding-left: 0.8854vw;}
.sub-menu .fsb-list{display: flex;justify-content: space-between;flex-wrap: wrap;width: 20.8854vw;}
.sub-menu .list a{display: block;line-height: 2.4;color: var(--c5);}
.sub-menu .list .sub-item{position: relative;z-index:1;}
.sub-menu .list .sub-item:hover{z-index: 10;}
.sub-menu .list .erify{position: absolute;background: var(--cw);border-radius: 0.5208vw;left: 92%;top: -0.625vw;padding: 0.625vw 1.5625vw;width: 7.2917vw;box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.08);display: none;}
.sub-menu .list .erify::after{content: '';width: 0;height: 0;border-top: 0.5208vw solid transparent;border-bottom: 0.5208vw solid transparent;border-right: 0.5208vw solid var(--cw);position: absolute;left: -0.4167vw;top: 0.9375vw;}

.sub-menu .fsb-list .sub-item{width: 50%;}
.sub-menu .list a:hover{color: var(--ch);}
.sub-menu .top-link-active{color: var(--ch);}
.sub-menu .top-link-active::before{width: 0.3646vw;}
.sub-menu .pic{width: 17.6042vw;}
.header li:nth-child(2) .sub-left{width: 44.2708vw;}
.header li:nth-child(3) .sub-left{width: 25.8333vw;} 
.header li:nth-child(4) .sub-left{width: 31.9792vw;}
.m-header{display: none;}

/*底部*/ 
.footer{background: #1A1A1A;}
.footer .top{border-bottom: 1px solid #2E2E2E;}
.footer .top .container{display: flex;justify-content: space-between;}
.footer .nav{width: 57.2917vw;display: flex;justify-content: space-between;padding-top: 4.5833vw;}
.footer .nav .top-link{display: block;line-height: 1;color: var(--cw);}
.footer .nav .list{margin-top: 1.4063vw;}
.footer .nav .link{display: block;line-height: 1.8462;color: var(--cw);opacity: .7;transition: .5s ease-out;margin-bottom: 0.4167vw;}
.footer .nav .link:hover{opacity: 1;}
.footer .right{border-left: 1px solid #2E2E2E;padding: 4.5833vw 0 2.1875vw 5.0521vw;width: 22.0833vw;}
.footer .logo{display: block;width: 6.0417vw;}
.footer .infos{display: flex;justify-content: space-between;flex-wrap: wrap;margin: 2.8125vw 1.3542vw 0 0;}
.footer .infos .row{display: flex;justify-content: space-between;margin-bottom: 1.3542vw;}
.footer .infos .col{width: 10.2083vw;}
.footer .infos p{line-height: 1;color: var(--cw6);}
.footer .infos .txt{margin-top: 0.8333vw;line-height: 1;color: var(--cw);}
.footer .infos .addr{margin-top: 0.5208vw;line-height: 1.8667;color: var(--cw);}
.footer .infos .share-tit{margin-top: 3.4375vw;}
.footer .infos .ewm-col{padding-top: 1.4583vw;}
.footer .infos .ewm-col p{color: var(--cw);}
.footer .infos .ewm-col img{margin-top: 0.9375vw;width: 6.25vw;}
.footer .share{display: flex;margin-top: 0.7813vw;}
.footer .share a{box-sizing: border-box;width: 2.0833vw;height: 2.0833vw;border: 1px solid #D9D9D9;margin-right: 0.5208vw;border-radius: 50%;}
.footer .share i{display: block;width: 0.8333vw;height: 0.8333vw;background: url(../images/wx_icon.png) no-repeat;background-size: cover;}
.footer .share .dy-icon{background-image: url(../images/dy_icon.png);}
.footer .share .wb-icon{background-image: url(../images/wb_icon.png);}
.footer .bot{padding: 2.2917vw 0 3.2813vw;}
.footer .bot .container{display: flex;justify-content: space-between; align-items: center;}
.footer .copyright{line-height: 1;color: var(--cw5);}
.footer .copyright a,
.footer .copyright span{color: var(--cw5);margin-left: 0.5208vw;}
.footer .copyright a:hover{color: var(--cw);}
.footer .links{display: flex;padding-right: 1.3542vw;}
.footer .links a{line-height: 1;color: var(--cw5);padding-left: 1.1458vw;border-left: 1px solid #2E2E2E;margin-left: 1.25vw;}
.footer .links a:first-child{border-left: none;}
.footer .links a:hover{color: var(--cw);}

/*翻页*/
.page{display: flex;justify-content: center;align-items: center;}
.page a,
.page span{font-size: 0.8333vw;line-height: 1.3125;color: var(--c5);margin: 0 1.0417vw;display: flex;align-items: center;justify-content: center;box-sizing: border-box;transition: .5s ease-out;}
.page .prev,
.page .next{width: 2.3438vw;height: 2.3438vw;border: 1px solid #C0C0C0;border-radius: 0.5208vw;font-size: 0;}
.page .prev::before,
.page .next::before{content: '';width: 0.8333vw;height: 0.8333vw;background: url(../images/page_arrow.png) no-repeat;background-size: cover;}
.page .next::before{transform: rotate(180deg);}
.page a:hover,
.page .on{color: var(--ch);}
.page .prev:hover,
.page .next:hover{background: var(--ch);border-color: var(--ch);}
.page .prev:hover::before,
.page .next:hover::before{background-image: url(../images/page_h_arrow.png);}