@charset "utf-8";

/*全局样式*/
* {padding:0px; margin:0px;}
html,body{ height:100%;}

*{-webkit-tap-highlight-color: rgba(0,0,0,0);}
body { font-size: 1rem;line-height: 1.5;padding:0px; background:#fff; background:#fff;width:auto;}
label {font-size:14px; font-family: Helvetica Neue,Helvetica,STHeiTi,Arial,sans-serif;}
ul, li, ol, li { margin:0px; padding:0px;}
h1, h2, h3, h4, h5, h6, p, dl, dt, dd, form { margin:0px; padding:0px; font-weight:normal; font-size:14px; }
img { border:0px; margin:0px; padding:0px; vertical-align:middle; }
table { border:0px; font-size:14px;}
.clear{clear:both;}
a{ text-decoration:none;outline:none；-webkit-tap-highlight-color: rgba(0,0,0,0);}
a:link{text-decoration: none!important;  }
a:visited{text-decoration: none!important;  }
a:hover{text-decoration: none!important;  }
a:active{text-decoration: none!important;  }
a:focus{text-decoration: none!important;  }
.no_bor{border-right:none;}
.no_bor_t{border-top:none;}
input, select,textarea{ vertical-align:middle;font-size:12px;font-family: Helvetica Neue,Helvetica,STHeiTi,Arial,sans-serif;padding:3px; line-height:20px;-webkit-appearance:none;
border-radius:0;}
input::-webkit-input-placeholder {
  color: #ccc;
}
input::-moz-input-placeholder {
  color: #ccc;
}
input::-ms-input-placeholder {
  color: #ccc;
}
/*为了消除选中时的虚线框*/
a{
	bblr:expression(this.onFocus=this.blur());/*IE使用*/
	outline-style:none;/*FF使用*/
}
/*PC*/
.body_activity{background:#ffffff; width: 100%; margin: 0;}

.activity_bg{width: 1240px; margin: -20px auto 50px; background: linear-gradient(45deg,#6175ee,#ae45df); border-radius: 20px; min-height: 600px; box-shadow: 2px 10px 20px 5px rgba(5, 17, 71, 0.07);}
.activity_bg .list{width: 1200px; margin: 20px auto; display: flex; padding: 20px 0; flex-wrap: wrap;}
.activity_bg .list li{list-style: none; background: #ffffff; border-radius: 10px; margin: 10px; width: 380px; position: relative; padding-bottom: 60px; min-height: 210px;}
.activity_bg .list li:hover {
    -webkit-box-shadow: 0 6px 16px 2px rgba(7,12,20,0.08);
    box-shadow: 0 6px 16px 2px rgba(253,235,40,0.28);
    -webkit-transform: translateY(-12px);
    transform: translateY(-12px);
    -webkit-transition: all .3s;
    transition: all .3s
}
.activity_bg .list li h3{ font-size: 1.4em; font-weight: normal; line-height: 1.4em; margin: 20px 0 0 0; padding: 0 20px 5px 20px;}
.activity_bg .list li:hover h3{color: #0187ee;}
.activity_bg .list li h5{ font-size: 1em; font-weight: normal; line-height: 1.4em; margin: 0; padding: 5px 20px; color: #777;}
.activity_bg .list li .biaoqian{ display: flex; width: 100%; flex-wrap: wrap;}
.activity_bg .list li .button{border-radius: 0 0 10px 10px;background: linear-gradient(90deg,#0cc9f8,#e521eb); line-height: 44px; padding-bottom: 5px;font-size: 18px; text-align: center; color: #ffffff; display: block; margin: 30px auto 0; font-weight: bold; position: absolute; left: 0; bottom: 0; width: 100%; right: 0;}
.activity_bg .list li .button.disabled,.activity_bg .list li .button.disabled:hover {background: #9c9c9c; color: #fff; cursor: default;}
.activity_bg .list li .button:hover {background: linear-gradient(90deg,#0cadf8,#c721eb); }

.rounded_corners{ margin: 0 20px;}
.rounded_corners i{ margin-right: 10px;font-size: 12px; padding: 3px 10px;min-width: 50px;height: 30px;line-height: 30px;color: #fff;  border-top-right-radius: 50px;border-bottom-right-radius: 50px;position: relative;overflow: hidden; font-style: normal;}
.rounded_corners i::before {content: '';position: absolute; top: -2px;left: -2px; right: -2px;bottom: -2px;border-top-left-radius: 0; border-bottom-left-radius: 0; border-top-right-radius: 54px;border-bottom-right-radius: 54px;}
.rounded_corners i.sty1{ background: linear-gradient(45deg,#8cc5f6,#1577ff);}
.rounded_corners i.sty1::before{    border: 1px solid #96c6f7;}
.rounded_corners i.sty2{ background: linear-gradient(45deg,#ffd042,#fd8815);}
.rounded_corners i.sty2::before{    border: 1px solid #ffb919;}

/* 上下渐变模糊遮罩 */
.gradient-mask {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 20%, rgba(255,255,255,0.8) 80%, rgba(255,255,255,0) 100%);
    pointer-events: none;
    z-index: 1;
}

/* 左右扩散线条组 */
.lines-container {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 0;
}

.ks-line {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    border: 1px solid #4a1fff;
    border-radius: 50%;
    transform: translate(-50%, -50%);
    animation: 扩散 3.5s linear infinite;
    opacity: 0.25;
}

@keyframes 扩散 {
    0% {
        width: 0;
        height: 0;
        opacity: 0;
    }
    50% {
        opacity: 0.3;
    }
    100% {
        width: 1400px;
        height: 1400px;
        opacity: 0;
    }
}

/* 多线条错时扩散 */
.ks-line:nth-child(1) {
    animation-delay: 0s;
}
.ks-line:nth-child(2) {
    animation-delay: 0.3s;
}
.ks-line:nth-child(3) {
    animation-delay: 0.6s;
}
.ks-line:nth-child(4) {
    animation-delay: 0.9s;
}
.ks-line:nth-child(5) {
    animation-delay: 1.2s;
}




.hide-scrollbar::-webkit-scrollbar { display: none; }
.hide-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }

.model-card {
  transition: transform 0.3s ease;
}

.badge {
  transform: rotate(15deg);
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
}

/* 确保平滑滚动 */
.scroll-smooth {
  scroll-behavior: smooth;
}
        /* 卡片悬停微动效 */
        .model-card {
            transition: all 0.3s ease;
        }
        .model-card:hover {
            transform: translateY(-5px);
        }


.relative .bg-white{box-shadow: 0px 5px 15px 0px rgba(142, 143, 151, 0.2);}

.bg_ai_activity{text-align: center; height:502px; width: 100%; background: linear-gradient(to bottom, #4f8ec7 0vh, #9abad7 50vh, #f5f6f8 100vh ); position: relative; overflow: hidden;}
.bg_ai_activity .txt{position: absolute; left: 0; top:120px; width: 100%; text-align: center; z-index: 99;}
 
.bg_ai_activity .flex{ display: flex; justify-content: center;}

.bg_ai_banner{text-align: center; height:510px; width: 100%; background:url("../../images/index_banner_ai.jpg") no-repeat center top; background-size: cover; width: 100%; margin: 0;}
.bg_ai_banner .txt{ margin: 0 auto; width:694px; height: 419px; background:url("../../images/ai_txt.png") no-repeat 0 60px; display: block;}
.bg_ai_banner .flex{ display: flex; justify-content: center; text-align: center; align-items: flex-end; height: 440px;}

.ai_tiaofu{text-align: center; height:140px; width: 100%; background:#ffffff; box-shadow: 2px 10px 20px 5px rgba(5, 17, 71, 0.07);}
.ai_tiaofu .txt{ margin: 0 auto; width:1200px; height: 140px; background:url("../../images/ai_tiaofu_txt.png") no-repeat; display: block; position: relative;} 
.ai_tiaofu .txt .btn{ background:#269df4; border-radius: 50px; width: 110px; line-height: 36px; text-align: center; display: block; color: #fff; font-size: 16px; align-items: center; box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.2); margin: 10px; position: absolute; top:44px; left: 400px;}
.ai_tiaofu .txt .btn:hover{ background: #2d86da; }

.ai_jieru{text-align: center; height:510px; width: 100%; background:url("../../images/ai_jieru_img.jpg") no-repeat center top; background-size: cover; width: 100%; margin: 0;}

.ai_logo{ width: 42px; height: 42px; border-radius: 10px; text-align: center; display: block; border: 1px solid #dfdfdf; }
.ai_logo img{ width: 100%; height: 100%; border-radius: 10px;}

i.ai_choose_icon1 { background:url("../../images/ai_icon01.png") no-repeat; width: 120px; height: 120px; display: block; margin: 0 auto 10px;}
i.ai_choose_icon2 { background:url("../../images/ai_icon02.png") no-repeat; width: 120px; height: 120px; display: block; margin: 0 auto 10px;}
i.ai_choose_icon3 { background:url("../../images/ai_icon03.png") no-repeat; width: 120px; height: 120px; display: block; margin: 0 auto 10px;}
i.ai_choose_icon4 { background:url("../../images/ai_icon04.png") no-repeat; width: 120px; height: 120px; display: block; margin: 0 auto 10px;}

.new {position: absolute;top: 8px;left: 50px;}

@media screen and (min-width: 1200px) {
.header,.sty-footer{display: none;}
.wrapper{width:100%; margin:0 auto; min-width:1200px; width:expression(document.body.clientWidth <= 1200? "1200px": "auto");}
.bg_ai_activity h1{ color: #222222; font-weight: bold; font-size: 56px;}
.bg_ai_activity h2{ color: #0187ee; font-weight: bold; font-size: 40px; line-height: 60px; }
.bg_ai_activity p{ color: #555555; font-weight: normal; font-size: 20px; line-height: 50px; margin-bottom: 30px;}   
.r-text{float: right;}
.bg_ai_activity .flex a.btn_ljty{ background: #0187ee; border-radius: 50px; width: 190px; line-height: 60px; text-align: center; display: block;justify-content: center; display: inline-flex; color: #fff; font-size: 18px; align-items: center; box-shadow: 0px 5px 15px 0px rgba(142, 143, 151, 0.2); margin: 10px;}
.bg_ai_activity .flex a.btn_ljty:hover{ transform: scale(1.1); box-shadow: 2px 10px 20px 5px rgba(5, 17, 71, 0.17);transition: all 0.3s;}
.bg_ai_activity .flex a.btn_mxgc{ background: #ffffff; border-radius: 50px; width: 190px; line-height: 60px; text-align: center; display: block;justify-content: center; display: inline-flex; color: #222222; font-size: 18px; align-items: center; box-shadow: 0px 5px 15px 0px rgba(142, 143, 151, 0.2); margin: 10px;}
.bg_ai_activity .flex a.btn_mxgc:hover{ transform: scale(1.1); box-shadow: 2px 10px 20px 5px rgba(5, 17, 71, 0.17);transition: all 0.3s; }
.bg_ai_banner .txt .flex a.btn_ljty{ background: linear-gradient(-45deg, #093eea, #1adffc); border: 2px solid #20e0fc; border-radius: 50px; width: 190px; line-height: 60px; text-align: center; display: block;justify-content: center; display: inline-flex; color: #fff; font-size: 18px; align-items: center; box-shadow: 0px 5px 15px 0px rgba(17, 82, 233, 0.8); margin: 10px;}
.bg_ai_banner .txt .flex a.btn_ljty:hover{ transform: scale(1.1); box-shadow: 2px 10px 20px 5px rgba(5, 17, 71, 0.17);transition: all 0.3s;}
.bg_ai_banner .txt .flex a.btn_mxgc{  background: linear-gradient(-45deg, #befbfe, #ffffff);  border: 2px solid #8bdffb; border-radius: 50px; width: 190px; line-height: 60px; text-align: center; display: block;justify-content: center; display: inline-flex; color: #222222; font-size: 18px; align-items: center; box-shadow: 0px 5px 15px 0px rgba(17, 82, 233, 0.8); margin: 10px;}
.bg_ai_banner .txt .flex a.btn_mxgc:hover{ transform: scale(1.1); box-shadow: 2px 10px 20px 5px rgba(5, 17, 71, 0.17);transition: all 0.3s; }
	
.mx-auto{width: 1280px;}
.mx-auto.px-4{ padding-right: 40px;}
	
.warp{margin:0 auto; width:1200px;}
.bg{background:#f6f6f6;}
.relative{position:relative; z-index:1;}
.top{width:100%; background:#fff; height:34px;}
.top.sty{background:#393939; color:#dadada; }
.top ul{ margin:0 auto; width:1200px;}
.top ul .tel{float:left; font-size:14px; color:#777; line-height:34px;}
.top ul .tel span,.top ul .tel span a{ color:#0187ee;}
.top ul .tel .qq{ background:#3397f6; border:1px solid #35c7c1; line-height:20px; height:20px; text-align:center; padding:1px 5px; color:#fff;display:inline-block; *display:inline; *zoom:1; vertical-align:middle; margin-top:-2px;  }
.top ul .tel .qq:hover{ background:#37a4ff; border:1px solid #fff;}
.top ul .tel .qq i{ width:20px; height:20px; margin:0 3px 0 0; background:url(../../images/qq_icon.png) no-repeat;display:inline-block; *display:inline; *zoom:1; vertical-align:top; }
.top ul .tel .qq em{ font-style:normal;display:inline-block;  *display:inline; *zoom:1; vertical-align:top; margin:0 0 0 0; }
.top.sty ul .tel{ color:#dadada;}
.top.sty ul .tel span,.top.sty ul .tel span a{ color:#fff;}
.top ul .rtop { float:right; text-align:right; font-family:"宋体"; font-size:12px;height:34px;}
.top ul .rtop a.btn{ float:right;  padding:0 5px; margin:6px 20px 6px 8px; line-height:22px;font-size:12px; background:#eee; display:inline-block; color:#555;}
.top.sty ul .rtop a.btn{ background:#5b5b5b; border:1px solid #929292; color:#fff;}
.top.sty ul .rtop a.btn:hover{ border:1px solid #f0f0f0; }
.top ul .rtop a.menu{ display:inline-block; *display:inline;*zoom:1; vertical-align:middle;padding:0 5px; color:#777;  line-height:34px; font-size:12px;padding:0 5px; color:#777;  font-size:12px;cursor:pointer; }
.top ul .rtop a.menu:hover{text-decoration:none; color:#0187ee;}
.top ul .rtop span{line-height:34px; color:#c5c5c5; display:inline-block; *display:inline;*zoom:1; vertical-align:middle;}
.top ul .rtop span.span_wrap{ color:#777; font-size:12px;}
.top ul .rtop .relative:hover span.span_wrap{ color:#0187ee;}
.top.sty ul .rtop a.menu{color:#dadada;}
.top.sty ul .rtop a.menu:hover{ color:#fff;}
.top.sty ul .rtop span{ color:#707070;}
.top.sty ul .rtop span.span_wrap{ color:#dadada; font-size:12px;}
.top.sty ul .rtop .relative:hover span.span_wrap{ color:#fff;}
.top ul .rtop i{ width:16px; height:16px; display:inline-block; vertical-align:middle; background:url(../../images/icon.png) no-repeat;}
.top ul .rtop i.icon1{ background-position:0 0; margin:-2px 3px 0 0;}
.top ul .rtop i.icon2{ background-position:-26px 0; display:inline-block;}
.top ul .rtop i.icon3{ background-position:-42px 0; display:none;}
.top ul .rtop i.icon4{ background-position:-74px 0; margin:-2px 3px 0 0;}
.top ul .rtop i.icon5{ background:url(../../images/icon_sms.png) no-repeat; margin:-2px 5px 0 0;}
.top ul .rtop i.icon5{ background:url(../../images/icon_sms.png) no-repeat; margin:-2px 5px 0 0;}
.top ul .rtop .relative:hover i.icon3{display:inline-block;}
.top ul .rtop .relative:hover i.icon2{display:none;}
.top.sty  ul .rtop i.icon2{ background-position:-26px -16px; margin-left:3px; display:inline-block;}
.top.sty  ul .rtop i.icon3{ background-position:-42px -16px; margin-left:3px; display:none;}
.top.sty  ul .rtop .relative:hover i.icon3{display:inline-block;}
.to.sty p ul .rtop .relative:hover i.icon2{display:none;}

.top ul .rtop .relative.on,.top.sty ul .rtop .relative.on{ color:#ff6803;}
.top ul .rtop .relative{position:relative;display:inline-block; *display:inline;*zoom:1; vertical-align:middle;cursor:pointer;font-size: 12px; color:#777; line-height:34px; text-align:left; z-index:3000;}
.top.sty ul .rtop .relative{color:#dadada;}
.top ul .rtop .relative.on a.p1{font-size: 12px;color:#ff6803;}

.top ul .rtop .relative .latest{display:none; z-index:3000;}
.top ul .rtop .relative:hover .latest{display:block; }
.top ul .rtop .latest{position:absolute; right:-10px; top:34px; background:#fff; border:1px solid #dfdfdf; width:352px; display:none;}
.top ul .rtop .relative .latest .noread_countbox{color: #515151;font-size: 12px; border-bottom: 1px solid #e5e5e5; line-height: 42px; font-family: "微软雅黑"; padding:0 10px; }
.top ul .rtop .relative .latest .count_noread_all{color: #ff7800; text-decoration:none; font-size:12px;}
.top ul .rtop .relative .latest .ignore_notice {float: right;font-size: 12px;color: #aaa;line-height: 42px; cursor: pointer;}
.top ul .rtop .relative .latest .notice_all_content {color: #515151;font-size: 12px;padding-bottom: 10px; padding-left: 10px; width: 329px; padding-top: 5px; text-align: right; line-height: 20px; background-color: #f7f7f7; border-top: 1px solid #d9d9d9; padding-right: 13px; }
.top ul .rtop .relative .latest .notice_all_content a { color: #515151;font-size: 12px;}

.top ul .rtop .relative .latest ol {display: block;width: 352px; margin:0 auto;vertical-align: top;padding: 10px 0;}
.top ul .rtop .relative .latest ol li {font-size:18px;line-height: 30px;  margin:0 10px; color:#a0a0a0; padding:0;list-style:none; overflow:hidden; }
.top ul .rtop .relative .latest ol li.read a { color:#666;}
.top ul .rtop .relative .latest ol li.read a p{  background:url(../../images/icon_round2.gif) no-repeat 0 center;}
.top ul .rtop .relative .latest ol li.bor_no a{ border-bottom:none;}
.top ul .rtop .relative .latest ol li a span.newsDate { float:right;color: #bebebe;font-size: 12px; font-family: "宋体";}
.top ul .rtop .relative .latest ol li a { display: block; line-height: 30px; color: #505050;font-family: '宋体'; font-size: 12px;  font-size:12px; border-bottom: 1px dashed #d2d2d2; }
.top ul .rtop .relative .latest ol li a:hover{ color:#0187ee;  }
.top ul .rtop .relative .latest ol li a p{ font-size:12px; padding:0 20px 0 10px;overflow: hidden;text-overflow: ellipsis; white-space: nowrap;background:url(../../images/icon_round.gif) no-repeat 0 center;}

.top ul .rtop .relative .login_finished{display:none; z-index:3000;}
.top ul .rtop .relative:hover .login_finished{display:block; }
.top ul .rtop .login_finished{position:absolute; right:0; top:34px; background:#fff; border:1px solid #dfdfdf; width:560px; display:none;font-family: "微软雅黑";}
.top ul .rtop .login_finished .user_info{ padding:5px 0; }
.top ul .rtop .login_finished .user_info .f-l{ display:inline-block; *display:inline; *zoom:1; vertical-align:middle; width:284px; padding-left:6px; text-align:left; cursor:text;}
.top ul .rtop .login_finished .user_info .f-r{ display:inline-block; *display:inline; *zoom:1; vertical-align:middle; width:200px; text-align:right; }
.top ul .rtop .login_finished .user_info .f-r .btn2.s{ min-width:40px;}
.top ul .rtop .login_finished .user_info h3{font-size:18px; color:#363636; line-height:36px; padding-left:10px;}
.top ul .rtop .login_finished .user_info p{ font-size:14px; color:#363636; line-height:24px; padding-left:10px;}
.top ul .rtop .login_finished .user_info p b{ margin-right:10px;}
.top ul .rtop .login_finished .user_menu{ border-top:1px solid #dfdfdf; margin:10px 10px 0 10px; display:block; line-height:46px;}
.top ul .rtop .login_finished .user_menu li{border-bottom:1px dashed #dfdfdf; list-style:none; display:block; }
.top ul .rtop .login_finished .user_menu li.bor_no{ border-bottom:none;}
.top ul .rtop .login_finished .user_menu h4{ display:inline-block; *display:inline; *zoom:1; vertical-align:middle; width:74px; padding-left:6px; text-align:left;color: #0187ee;}
.top ul .rtop .login_finished .user_menu p{display:inline-block; *display:inline; *zoom:1; vertical-align:middle;  width:455px; }
.top ul .rtop .login_finished .user_menu p a{ color:#333; width:90px;display:inline-block; *display:inline; *zoom:1; vertical-align:middle;}
.top ul .rtop .login_finished .user_menu p a:hover{color: #ff6803;}


.relative{position:relative; }
.inner_style .navbox{position: relative; background:url(../../images/top_shadow.png) repeat-x bottom; padding-bottom:5px; height:70px;}
.navline{position:absolute; top:67px; left:0; right:0; width:100%; background:url(../../images/white_tran25.png) repeat-x; height:1px; z-index:2999;}
.navbox{position:absolute; top:0; left:0; width:100%; z-index:2999;}
.navbox ul.box{margin:0 auto; width:1200px;}
.navbox ul.box .logo{float:left; width:200px; height:70px;}
.navbox ul.box .logo.newyear{width:260px;}

.top ul .rtop .display_sty{ display:inline-block; *display:inline; *zoom:1; vertical-align:middle; font-size:12px;}
.top ul .rtop .display_sty .lh{ color:#777; line-height:34px; font-size:12px; margin-right:12px;}
.top ul .rtop .display_sty .lh a{color:#777; font-size:12px;}
.top ul .rtop .display_sty .lh a:hover{text-decoration:none; color:#0187ee;}
.top.sty ul .rtop .display_sty .lh{ color:#dadada; line-height:34px; font-size:12px;}
.top.sty ul .rtop .display_sty .lh a{color:#dadada; font-size:12px;}
.top.sty ul .rtop .display_sty .lh a:hover{text-decoration:none; color:#ffffff;}

/*导航菜单*/
.head-v3{z-index:1023;min-width:900px; margin-right:-3px;}
.head-v3 .navigation-inner{ float:right; width:900px;}
.navigation-up{height:70px; float:right; }
.navigation-up .navigation-v3{float:right;}
.navigation-up .navigation-v3 ul{float:right;}
.navigation-up .navigation-v3 li{float:right;font:normal 16px/59px "微软雅黑";color:#fff; list-style:none; margin:0 1px; color:#0187ee;}
.navigation-up .navigation-v3 .nav-up-selected{/*background:url(../../images/white_tran95.png) repeat;*/  color:#0187ee;}
.navigation-up .navigation-v3 .nav-up-selected-inpage{background:#ffffff;filter:alpha(Opacity=95);-moz-opacity:0.95;opacity: 0.95; height:67px; border-bottom:4px solid #0187ee; }
.navigation-up .navigation-v3 li h2{font-weight:normal;padding:0;margin:0;}
.navigation-up .navigation-v3 li h2 a{padding:0 4px; text-align:center; min-width:78px;color:#fff;display:inline-block;height:70px; line-height:70px;font-family:"微软雅黑"; font-size:16px; }
.navigation-up .navigation-v3 li h2 a:hover{color:#ff6803;}
.navigation-up .navigation-v3 li.nav-up-selected-inpage h2 a{ font-weight:bold; color:#0187ee;}

.inner_style .navigation-up .navigation-v3 li h2 a{ color:#222;}
.inner_style .navigation-up .navigation-v3 li h2 a:hover{ color:#ff6803;}
.inner_style .navigation-up .navigation-v3 li.nav-up-selected-inpage h2 a{ font-weight:bold; color:#0187ee;}
.inner_style .navigation-down .nav-down-menu{background:#f7f9fb url(../../images/navigation-down-shadow.png) repeat-x top;border-bottom:4px solid #dfdfdf;}
.inner_style .navigation-down{top:70px; }

.navigation-down{position:absolute;top:70px;left:0px;width:100%;}
.navigation-down .nav-down-menu{width:100%;margin:0;background:#ffffff;filter:alpha(Opacity=95);-moz-opacity:0.95;opacity: 0.95;position:absolute;top:0px;}
.navigation-down .nav-down-menu .navigation-down-inner{margin:auto;width:1200px;position:relative; text-align:center;}
.navigation-down .nav-down-menu .list{margin:30px 0; padding:0 10px 0 15px; height:140px; display:inline-block; *display:inline; *zoom:1; vertical-align:top; }
.navigation-down .nav-down-menu .list.h{ height:180px; }
.navigation-down .nav-down-menu .list.h2{ height:140px; }
.navigation-down .nav-down-menu .list.h2.sty{margin-right: 100px;}
.navigation-down .nav-down-menu .list.line{border-right:1px solid #ccc;}
.navigation-down .nav-down-menu .list li{float:left; list-style:none; text-align:left;}
.navigation-down .nav-down-menu .list li dl dt{ font-weight:bold; font-size: 14px;color:#222; height: 16px; line-height: 16px; padding-bottom: 8px;}
.navigation-down .nav-down-menu .list li dl dt a{ color:#222;}
.navigation-down .nav-down-menu .list li dl dd{font-size: 13px; color: #444; margin-top: 6px;}
.navigation-down .nav-down-menu .list li dl dd a {width: 108px;display: inline-block; color: #333; border-bottom:1px solid #ccc; margin-right:10px; padding-bottom:5px;font-size: 13px; line-height:20px;}
.navigation-down .nav-down-menu .list li dl dd a.w_gm{width:120px;}
.navigation-down .nav-down-menu .list li dl dd a.w_gm em{margin-left: 3px; border-radius: 20px; padding: 3px 6px; color: #fff; font-style: normal; background: #24ba67;font-family:"宋体";}
.navigation-down .nav-down-menu .list li dl dd a.w {width:260px;white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.navigation-down .nav-down-menu .list li dl dd a.more{ border-bottom:none;}
.navigation-down .nav-down-menu .list li dl dd a:hover{ color:#0187ee;}
.navigation-down .nav-down-menu .list li dl dd a i{width:20px; height:20px; background:url(../../images/icon.png) no-repeat; display:inline-block; vertical-align:top; margin:0 3px;}
.navigation-down .nav-down-menu .list li dl dd a i.icon_hot{ background-position:0 -26px;}
.navigation-down .nav-down-menu .list li dl dd a i.icon_new{ background:url(../../images/icon_new.png) no-repeat;  margin:0 0 0 3px;}
.navigation-down .nav-down-menu .list li dl dd a i.icon_arrow{ background-position:-20px -56px;}
.navigation-down .nav-down-menu .list li dl dd a:hover i.icon_arrow{ background-position:0 -56px;}
.navigation-down .nav-down-menu .img{ width:244px; height:123px;position:absolute; right:0; top:30px;}
.navigation-down .nav-down-menu .list li dl dd.server_menu {border-bottom:1px solid #ccc; width:260px; display:block; padding-bottom:6px;}
.navigation-down .nav-down-menu .list li dl dd.server_menu a{white-space:nowrap; text-overflow:ellipsis; overflow:hidden;color: #333; border:none;width:260px;}
.navigation-down .nav-down-menu .list li dl dd.server_menu p.text_note{ color:#888; line-height:20px; font-size:12px;}

.navigation-up .navigation-v3 li{ position: relative;}
.new{ position: absolute; top: 8px; left:50px;}
	

/*底部*/
.footer{ background:#393939; width:100%; padding:25px 0; min-width:1200px;}
.footer_content{ width:1200px; margin:0 auto;overflow:hidden;}
.footer_content .list{ float:left; padding-right:70px;}
.footer_content .list h2{ font-size:16px; color:#e3e3e3; line-height:30px; margin-bottom:10px;}
.footer_content .list li{ line-height:24px; color:#999; list-style:none;}
.footer_content .list li a{display:block; color:#999; font-size: 14px;}
.footer_content .list li a:hover{color:#e3e3e3;}
.footer_content .list li span{ color:#eda83b; font-size:16px;}
.footer_content .list li a.btn{ width:110px; height:24px; line-height:24px; background:#2882df; color:#fff; text-align:center; margin:10px 0;}
.footer_content .list li a.btn i{ width:16px; height:16px; background:url(../../images/icon.png) no-repeat 0 -129px; display:inline-block; vertical-align:middle; margin-right:5px;}

.footer_content .rbox{ float:right; }
.footer_content .rbox .WeChat{ float:left; color:#fff; line-height:30px;}
.footer_content .rbox .WeChat img{ display:block; width:126px; height:126px;}
.footer_content .rbox .tel{ float:left; padding-left:20px;}
.footer_content .rbox .tel p{ color:#fff; font-size:14px; line-height:30px;}
.footer_content .rbox .tel p b{ color:#eda83b; font-size:20px; font-weight:bold;}
.footer_content .rbox .tel a{ font-size:14px; color:#fff; display:inline-block; *display:inline;*zoom:1; vertical-align:middle; line-height:32px; margin:10px 10px 10px 0;}
.footer_content .rbox .tel a i{ width:32px; height:32px;background:url("../../images/icon.png") no-repeat; display:inline-block; vertical-align:middle; margin-right:5px;}
.footer_content .rbox .tel a .icon1{ background-position:0 -177px;}
.footer_content .rbox .tel a .icon2{ background-position:0 -145px;}

.footer_content .copyright{padding:25px 10px; border-top:1px solid #434343; color:#999; text-align:center; line-height:24px; margin-top:30px;}
.footer_content .copyright span{/*margin-left:20px;*/}
.footer_content .copyright a:hover{ color:#fff;}

.footer_content .copyright a.p_0{ margin-left:0;}
.footer_content .copyright a{ color:#999; margin-left:20px; }
.footer_content .copyright a i{ width:20px; height:20px;background:url(../../images/ba.png) no-repeat; display:inline-block; vertical-align:middle; margin-right:5px;}
.footer_content .copyright_link{ display:block;}
.footer_content .copyright_link a{margin:10px 5px;display:inline-block; vertical-align:middle;background:url(../../images/footer_img.png) no-repeat;}
.footer_content .copyright_link .icon1{ width:104px; height:38px; background-position:0 0; }
.footer_content .copyright_link .icon2{ width:49px; height:38px; background-position:-114px 0; }
.footer_content .copyright_link .icon3{ width:104px; height:38px; background-position:-174px 0 ;}
.footer_content .copyright_link .icon4{ width:104px; height:38px; background-position:-288px 0 ; }
.footer_content .copyright_link .icon5{ width:102px; height:38px; background-position:-402px 0 ;}
.footer_content .copyright_link .icon6{ width:49px; height:38px; background-position:-514px 0 ;}
.footer_content .copyright_link .icon0 a{ background: transparent!important; position: relative; margin-left: -0px;}


/*右侧悬浮条*/
.right_menu_bar { position: fixed; _position: absolute; _top: expression(eval(document.documentElement.scrollTop)); right: 5px;bottom: 0; top:200px; width: 52px; z-index: 11000; -webkit-transition: all .4s; transition: all .4s;}
.right_menu_container {  height: 100%; z-index: 100; position: relative;}

.right_menu_container ul{ position:absolute; top:0; left:0; right:0; text-align:center;}
.right_menu_container li{ list-style:none; background:#108cee; margin-bottom:3px; border:1px solid #3cb5fa;}
.right_menu_container li a{ display:block; color:#fff; line-height:20px; text-align:center;padding:5px 10px; font-size: 14px; box-sizing: content-box; }
.right_menu_container li a i{ margin:0 auto; display:block; width:32px; height:32px; background:url(../../images/right_menu_icons.png) no-repeat;}
.right_menu_container li a .icon1{ /*background-position: 0 -290px;*/background:url("../../images/right_menu_icons_online.png") no-repeat 0 -32px;}
.right_menu_container li a .icon2{ background-position: 0 -32px;}
.right_menu_container li a .icon3{ background-position: 0 -62px;}
.right_menu_container li a .icon4{ background-position: 0 -92px;}
.right_menu_container li a .icon5{ background-position: 0 -124px;}
.right_menu_container li a:hover{color:#0187ee; background:#fff;}
.right_menu_container li a:hover .icon1{ /*background-position: -32px -290px;*/background:url("../../images/right_menu_icons_online.png") no-repeat;}
.right_menu_container li a:hover .icon2{ background-position: -32px -32px;}
.right_menu_container li a:hover .icon3{ background-position: -32px -62px;}
.right_menu_container li a:hover .icon4{ background-position: -32px -92px;}
.right_menu_container li a:hover .icon5{ background-position: -32px -124px;}
.icon_top{ position:absolute; bottom:45px; right:0; padding:4px 9px;border:1px solid #3cb5fa;width:50px; height:40px; background:#108cee url(../../images/right_menu_icons.png) no-repeat 10px -152px; display:block; z-index:999;}
.icon_top:hover{background:url(../../images/right_menu_icons.png) no-repeat -22px -152px #fff;}
.icon_close{ position:absolute; bottom:0; right:0; padding:4px 9px; border:1px solid #3cb5fa;width:50px; height:40px; background:#108cee url(../../images/right_menu_icons.png) no-repeat 10px -184px; display:block;z-index:999;}
.icon_close:hover{background:url(../../images/right_menu_icons.png) no-repeat -22px -184px #fff; }
.right_menu_bar.sty{height:auto; bottom:40px;}
.right_menu_bar.sty .right_menu_container{ padding:0;}
.right_menu_bar.sty .icon_collapse{display:block; box-sizing: content-box;}
.right_menu_bar.sty .icon_top{display:none;}
.right_menu_bar.sty .icon_close{display:none;}
.right_menu_bar.sty li{display:none;}


.right_menu_container .icon_collapse{display:none;}
.icon_collapse{ position:absolute; bottom:0; right:0; padding:4px 10px;border:1px solid #3cb5fa; width:32px; height:32px; background:#108cee url(../../images/right_menu_icons.png) no-repeat 10px -252px; display:block;}

.right_menu_container li.hover{position:relative;}
.right_menu_container li.hover .concat_phone_container { display:block; }
.concat_phone_container{ display:none; position:absolute; top:97px; right:52px; width:250px; background:#fff; border-left:3px solid #0b95d9;}
.concat_phone_container p{ line-height:22px; font-size:14px; color:#222; padding:10px; margin: 0;}
.concat_phone_container p .icon_tel{ width:32px; height:32px; background:url(../../images/right_menu_icons.png) no-repeat 0  -220px; float:left; display:inline-block; margin-right:10px;}
.concat_phone_container p b{ font-size:20px; font-weight:bold; color:#f08e02;}
.concat_phone_container p.sty{ background:#f6f6f6; border-bottom:1px solid #dfdfdf; line-height:32px; font-size:16px; position:relative;}
.concat_phone_container p.sty a{ position:absolute; right:0; top:0; width:26px; height:26px; background:url(../../images/close_pop.png) no-repeat; display:block; padding:0;}
.concat_phone_container p.sty a:hover{ background:url(../../images/close_pop.png) no-repeat 0 -26px;}

	

	
}

@media screen and (max-width: 1199px) {	
.activity_bg .list li:hover {
    box-shadow: none;
    transform:none;
    transition:none;
}
.activity_bg{width: 90%;}
	.activity_bg .list{padding: 10px;width: 100%;}
	.activity_bg .list li{ width: calc(50% - 20px); margin: 10px;}
	.bg_ai_activity{ height: 362px;}
.bg_ai_activity .flex a.btn_ljty{ background: #3b82f6; border-radius: 50px; width:40vw; line-height: 60px; text-align: center; display: block;justify-content: center; display: inline-flex; color: #fff; font-size: 1em; align-items: center; box-shadow: 0px 5px 15px 0px rgba(142, 143, 151, 0.2); margin: 10px;}
.bg_ai_activity .flex a.btn_ljty:hover{ transform: scale(1.1); box-shadow: 2px 10px 20px 5px rgba(5, 17, 71, 0.17);transition: all 0.3s;}
.bg_ai_activity .flex a.btn_mxgc{ background: #ffffff; border-radius: 50px; width: 40vw; line-height: 60px; text-align: center; display: block;justify-content: center; display: inline-flex; color: #222222; font-size: 1em; align-items: center; box-shadow: 0px 5px 15px 0px rgba(142, 143, 151, 0.2); margin: 10px;}
.bg_ai_activity .flex a.btn_mxgc:hover{ transform: scale(1.1); box-shadow: 2px 10px 20px 5px rgba(5, 17, 71, 0.17);transition: all 0.3s; }	
	.bg_ai_activity .txt{top:90px;}
	
.header,.sty-footer{display: block;}
.top,.navline,.navbox,.right_menu_bar,.footer{display: none;}
.relative{position: inherit; min-width: inherit;}
.bg_latest_activity{ text-align: center; width: 100%;}
.bg_latest_activity .img_txt{margin: 50px auto 0;width: 100%; height: 360px; text-align: center;}
.bg_latest_activity .img_txt i{ width: 100%; background:url("../../images/latest_activity_txt.png") no-repeat center -60px; height: 120%; background-size:cover; width: 100%; margin: 0; display: block;}

.bg_ai_activity h1{ color: #222222; font-weight: bold; font-size: 2.3em;}
.bg_ai_activity h2{ color: #0187ee; font-weight: bold; font-size: 1.8em;}
.bg_ai_activity p{ color: #555555; font-weight: normal; font-size: 1em;margin-bottom: 30px;} 
	
/* 导航自定义 */
.navbar-custom {background-color:#fff; box-shadow: 0 0.0625rem 0.375rem 0 rgba(0, 0, 0, 0.1); font: "Helvetica", Arial; transition: all 0.2s ease; position:fixed; top:0; left:0; right:0; height:54px; width:100%; display:inline-table; z-index: 10;}
.navbar-custom .icon-wenhao{ position: absolute; right: 10px; top:13px; font-size: 20px; z-index: 2;}
.navbar-custom .header_back{ position: absolute; left: 0; top:10px; z-index: 2;}
.navbar-custom .top-butotn{ position: absolute; right: 10px; top:14px; z-index: 1; width: 100%;}
.navbar-custom p.header_title{ margin: 0; position: inherit; left: inherit;}
.navbar-custom .header_title{ line-height: 54px;}
.logo-image{ padding:0 0.5em ; display:table-cell; vertical-align:middle;position: absolute;left: 5px; top: 7px; z-index: 2;}
.logo-image img {height: 40px; margin-bottom: 1px;-webkit-backface-visibility: hidden; }
.logo-image img {height: 40px; margin-bottom: 1px;-webkit-backface-visibility: hidden; }
.top-butotn{ display:table-cell; vertical-align:middle; text-align:right; width:50%; padding:0 0.5em;}
.menu-icon{ display:inline-block; vertical-align:middle;}
.fa-user{background:url(../../images/icon-user.svg) no-repeat; background-size:25px 25px; width:25px; height:25px;margin:0 0 0 0.5em ; display:inline-block; vertical-align:middle;}
.click .fa-menu{ display:none;}
.click .fa-close{ display:block;}
.fa-menu{background:url(../../images/icon-menu-header.svg) no-repeat; background-size:25px 25px;width:25px;height:25px;display:block; margin:0 0 0 0.5em ;}
.fa-close{background:url(../../images/icon-close.svg) no-repeat; background-size:25px 25px; width:25px; height:25px; display:none; margin:0 0 0 0.5em ;}
.nav-menu{ display:none;}
.click .nav-menu{right: 0;top: 54px;left: 0;position: fixed;border-top: 1px solid #dfdfdf;display:inline-table;width:100%;background:#fff;box-shadow: 0 0.1rem 0.1rem rgba(0, 0, 0, 0.1);transition: all 0.2s ease;    height: 100vh;}
.click:hover > .nav-menu{animation: fadeDropdown 0.2s; }

.nav-menu .downinfo_n{line-height:50px;color:#333;display: table-cell;vertical-align:top;background:#f4f4f4;width:30%;height:100%; border: none;}
.nav-menu .downinfo_n ul{overflow:hidden; }
.nav-menu .downinfo_n li{display:block;cursor:pointer; text-align:left; font-size:1rem; line-height:50px; margin:0; list-style:none; width: 100%; }
.nav-menu .downinfo_n li b{color:#666; line-height:50px; display:block; font-weight:normal; padding:0 1em ;  font-size:14px;}
.nav-menu .downinfo_n li:hover b{color:#0078ff;}
.nav-menu .downinfo_n li.Active{text-decoration:none; height:48px;margin:0; background:#fff;margin-left:-1px; }
.nav-menu .downinfo_n li.Active b{line-height:48px; background:#fff; color:#000; font-weight:normal; border-right:1px solid #fff;border: none; font-weight: bold;}
.nav-menu .downinfo_c{text-align: left;padding:0 10px 10px;display: table-cell;vertical-align:top;}

.nav-menu .downinfo_c .second_level{ height: 90vh; overflow-y: auto;} 
.nav-menu .downinfo_c .second_level li{ display:block; width:100%; cursor:pointer; border-bottom:1px dotted #dfdfdf; position:relative; line-height: 48px;}
.nav-menu .downinfo_c .second_level li a{ display:block; width:100%;display:inline-table; color:#333; }
.nav-menu .downinfo_c .second_level li a p{ display:inline-block; vertical-align:middle;line-height:40px; font-size:14px; margin: 0;}
.nav-menu .downinfo_c .second_level li a em{ font-style:normal; width:20px; height:20px; background:url(../../images/icon-next.svg) no-repeat; position:absolute; right:0; top:14px; background-size:20px 20px;}
/*蓝底导航*/
.navbar-custom.blue_sty{background-color:#269df4;}
.navbar-custom.blue_sty .header_back i,.navbar-custom.blue_sty .header_title{ color: #fff;}
.navbar-custom.blue_sty .fa-user{background:url(../../images/icon-user-white.svg) no-repeat; background-size:25px 25px;}
.navbar-custom.blue_sty .fa-menu{background:url(../../images/icon-menu-header-white.svg) no-repeat; background-size:25px 25px;width:25px;height:25px;display:block; margin:0 0 0 0.5rem ;}
.navbar-custom.blue_sty .fa-close{background:url(../../images/icon-close-white.svg) no-repeat; background-size:25px 25px; width:25px; height:25px; display:none; margin:0 0 0 0.5em ;}
.navbar-custom.blue_sty .click .fa-menu{ display:none;}
.navbar-custom.blue_sty .click .fa-close{ display:block;}

/*导航*/
/* header */
.header{background-color:#fff; box-shadow: 0 0.0625rem 0.375rem 0 rgba(0, 0, 0, 0.1); position:fixed; top:0; left:0; right:0; height:50px; width:100%; display:inline-table; z-index:999;}
.header .logo{display:table-cell; vertical-align:middle; padding-left:12px; width:60%; z-index: 1000; position: absolute; top: 5px;}
.header .logo img{height: 40px;}
.header .search{position:absolute;top:0;right:35px;z-index:1000;display:block;width:50px;height:50px;text-indent:-9999em;/*background:url(../../images/icon-search.png) no-repeat center center; background-size:40%;*/ background: none;}
.header .search:hover{background-color:#0067d2;}
.header .search span{display:none;}
.header .user-icon{position:absolute;top:12px;right:50px;z-index:1000;display:block;width: 25px;height: 25px;text-indent:-9999em;background: url("../../images/icon-user.svg")no-repeat center center;background-size: 25px 25px; padding:12px;}
.header .user-icon span{display:none;}
.header .back{position:absolute;top:0;left:0;display:block;width:50px;height:50px;text-indent:-9999em;/*background:url(../../images/icon-back.png) no-repeat center center; background-size:12px 20px;*/background: none;}

.header.blue_sty{background-color:#269df4;}
.header.blue_sty .header_back i{color: #fff;}
.header.blue_sty .header_title{color: #fff;}
.header.blue_sty .dl-menuwrapper button,.header.blue_sty .dl-menuwrapper button:hover {background: #269df4 url(../../images/icon-menu-header-white.svg) no-repeat center center;background-size: 25px 25px;}
.header.blue_sty .user-icon{width: 25px;height: 25px;background:url(../../images/icon-user-white.svg) no-repeat center center;background-size: 25px 25px;}
	
	
/* No JS Fallback */
.no-js .dl-menuwrapper .dl-menu {position: relative;opacity: 1;-webkit-transform: none;-moz-transform: none;transform: none;}
.no-js .dl-menuwrapper li .dl-submenu {display: block;}
.no-js .dl-menuwrapper li.dl-back {display: none;}
.no-js .dl-menuwrapper li > a:not(:only-child) {background: rgba(0,0,0,0.1);}
.no-js .dl-menuwrapper li > a:not(:only-child):after {content: '';}


.links{padding: 8px; background-color: #52b529; argin: 5px; -webkit-transition: all 1s;-o-transition: all 1s;
transition: all 1s;}
.links a{color: #fff; display: inline-block; width: 100%; text-decoration: none;}
.links:hover{background-color: #1e824c;}
.current{background-color: #22a7f0;}
.swiper-container {width: 100%;max-width: 100%;margin: 0 auto;}
.swiper-slide {text-align: center;font-size: 18px;background: #fff;
/* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.swiper-slide img{ width: 100%;}

	.container{margin-top: 50px;}

.sty-footer.fixed{ position: absolute; bottom: 0; left: 0; right: 0;}
.sty-footer.p_b_1{padding: 20px 0 200px 0; }
.sty-footer.p_b_2{padding: 20px 0 80px 0; }
.sty-footer{width: 100%; background: #393939; padding: 20px 0; min-width: inherit;}
.sty-footer .menu_a{ display: block; text-align: left;width: 75%; margin: 0 auto;}
.sty-footer .menu_a a{ color: #f1f1f1; font-size: 1.1em; width: 33%; display: inline-block; vertical-align: middle;}
.sty-footer .guanzhu{ text-align: left; color: #999999; margin: 20px auto; line-height: 34px; width: 90%; position: relative;}
.sty-footer .guanzhu .btn_contact{ position: absolute; right: 0; top: 0; width: 30%; height:34px; line-height: 34px; border-radius: 4px; border: 1px solid #575757; color: #f1f1f1; text-align: center; display: block; text-decoration: none;}
.sty-footer .guanzhu .btn_contact i{ font-size: 22px; margin:-3px 3px 0 0; display: inline-block; vertical-align: middle;}
.sty-footer .guanzhu a{ width: 20px; height: 20px;color: #f1f1f1;}
.sty-footer .guanzhu a i{ font-size: 26px;display: inline-block; vertical-align: middle; margin-right: 10px;  }

.sty-footer .copyright{ text-align: center; padding: 10px 0 0 0; border-top: 1px solid #474747;color: #999999; margin: 0; font-size: 0.9em; line-height: 1.8em; }
	
	}

@font-face {font-family: "iconfont";
  src: url('iconfont.eot?t=1595318158571'); /* IE9 */
  src: url('iconfont.eot?t=1595318158571#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAAKAAAsAAAAABiwAAAI2AAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCCcAo0TQE2AiQDCAsGAAQgBYRtBzEbdAUR1Ysjsq8xNobZDTIG3VaspfPG4cC8dPhoiQXigAiIgAQAAAAAiIf/3+/bPvee9+eOaRqHBD8SRTSqJs3iCVIjRK0QkrWfWIQ8W5u+65IVJqqSJWunn/5HfgLhQujoBaCveuCQ28WLLAgYmwcOua+AJdAA6flwBp7x145FDG/A5fQnUCDzgHKZY9qmAANLA9wLo8gKJPSG6SUPxNVjAiOW9cX+6/HzmhSuCsSDdPuq1olJyYpN6E0cTPGRTivvc8qH4vvxTxeNoqvCttO3Dtywe0BU1mfOhYwgTkDHO1T0kcT5ydxJVTBONXI6rSOlYIBih/iqVbC/LmwcA4swEQySIwIUkNVkw+ShKymZV8MO161dePnRd7k4PkKw8aQ+Vef95Plytt9I8CurUGwL0G71B17QkdgwgytDe0mtg0zlkKcAtSPOSBia8feoaf5/pdDM/zUwZKlB1Wwmk+2jM2obeppdGLHVoeOjZj1URQ5ji9cAYconFBM+o5ryk0z2DzoL/qNnKirMrXfsL9w5RNqeGLWgA/OHZGn0sVO2ZfMdw9JrbisL7ht5Tkloq6ZfvOGIfMWW+RM6EQ+eaYAreA77nmBiymiliiLTsa791JsqS4PaOmFIE8gBxh9ILDLy2XixHXz+DgWLnsYLfY3oG2KzND1oVZoN5E03bur7lVdmH0FHCA94jAzAFcxDvR4B0/S8DFmiEg9kJkd1NMpv1VXPGwYPlLIhQnOJaGa1upf0KLQoBQ==') format('woff2'),
  url('iconfont.woff?t=1595318158571') format('woff'),
  url('iconfont.ttf?t=1595318158571') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
  url('iconfont.svg?t=1595318158571#iconfont') format('svg'); /* iOS 4.1- */
}

.dl-menuwrapper {width: 100%;float: right;position: absolute;top:0;right:0;padding-top: 45px;z-index: 999;-webkit-perspective: 1000px;-moz-perspective: 1000px;perspective: 1000px;-webkit-perspective-origin: 50% 200%;-moz-perspective-origin: 50% 200%;perspective-origin: 50% 200%;}
.dl-menuwrapper:first-child {margin-right: 100px;}
.dl-menuwrapper button,.dl-menuwrapper button:hover {border: none;width: 25px;height: 25px;text-indent: -900em;overflow: hidden;
position: absolute;top:0;right:0;margin:12px;cursor: pointer;outline: none;background: #ffffff url("../../images/icon-menu-header.svg") no-repeat center center;background-size: 25px 25px;}
.dl-menuwrapper button.dl-active {width: 25px;height: 25px;background:#ffffff url("../../images/icon-close.svg")no-repeat center center;background-size: 25px 25px;}
.dl-menuwrapper ul {background: #0067d2;}
.dl-menuwrapper ul {padding: 0;list-style: none;-webkit-transform-style: preserve-3d;-moz-transform-style: preserve-3d;
transform-style: preserve-3d;}
.dl-menuwrapper li {position: relative;}
.dl-menuwrapper li a {display: block;position: relative;padding: 15px 20px;font-size: 16px;line-height: 20px;font-weight: 300;
color: #fff;border-top: 1px solid #0576ec;border-bottom:1px solid #0053aa;outline: none; text-decoration:none;}
.no-touch .dl-menuwrapper li a:hover {background: rgba(255,248,213,0.1);}
.dl-menuwrapper li.dl-back > a {padding-left: 30px;background: rgba(0,0,0,0.1);}
.dl-menuwrapper li.dl-back:after,
.dl-menuwrapper li > a:not(:only-child):after {position: absolute;top: 0;line-height: 50px;font-family: 'iconfont';font-style: normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;content: "\e501";}
.dl-menuwrapper li.dl-back:after {left: 10px;color: rgba(255,255,255,0.8); -webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);transform: rotate(180deg);}
.dl-menuwrapper li > a:after {right: 10px;color: rgba(255,255,255,0.8);}
.dl-menuwrapper .dl-menu {margin: 5px 0 0 0;position: absolute;width: 100%;opacity: 0;pointer-events: none;-webkit-transform: translateY(10px);-moz-transform: translateY(10px);transform: translateY(10px);-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;backface-visibility: hidden;}
.dl-menuwrapper .dl-menu.dl-menu-toggle {-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;transition: all 0.3s ease;}
.dl-menuwrapper .dl-menu.dl-menuopen {opacity: 1;pointer-events: auto;-webkit-transform: translateY(0px);-moz-transform: translateY(0px);transform: translateY(0px);}

.dl-menuwrapper li .dl-submenu {display: none;}
.dl-menu.dl-subview li,
.dl-menu.dl-subview li.dl-subviewopen > a,
.dl-menu.dl-subview li.dl-subview > a {display: none;}

.dl-menu.dl-subview li.dl-subview,
.dl-menu.dl-subview li.dl-subview .dl-submenu,
.dl-menu.dl-subview li.dl-subviewopen,
.dl-menu.dl-subview li.dl-subviewopen > .dl-submenu,
.dl-menu.dl-subview li.dl-subviewopen > .dl-submenu > li {display: block;}

.dl-menuwrapper > .dl-submenu {position: absolute;width: 100%;top: 50px;left: 0;margin: 0;}

/* Animation classes for moving out and in */
.dl-menu.dl-animate-out-1 {-webkit-animation: MenuAnimOut1 0.4s;-moz-animation: MenuAnimOut1 0.4s;animation: MenuAnimOut1 0.4s;}
.dl-menu.dl-animate-out-2 {-webkit-animation: MenuAnimOut2 0.3s ease-in-out;-moz-animation: MenuAnimOut2 0.3s ease-in-out;
animation: MenuAnimOut2 0.3s ease-in-out;}
.dl-menu.dl-animate-out-3 {-webkit-animation: MenuAnimOut3 0.4s ease;-moz-animation: MenuAnimOut3 0.4s ease;animation: MenuAnimOut3 0.4s ease;}
.dl-menu.dl-animate-out-4 {-webkit-animation: MenuAnimOut4 0.4s ease;-moz-animation: MenuAnimOut4 0.4s ease;animation: MenuAnimOut4 0.4s ease;}
.dl-menu.dl-animate-out-5 {-webkit-animation: MenuAnimOut5 0.4s ease;-moz-animation: MenuAnimOut5 0.4s ease;animation: MenuAnimOut5 0.4s ease;}

@-webkit-keyframes MenuAnimOut1 {
	50% {
		-webkit-transform: translateZ(-250px) rotateY(30deg);
	}
	75% {
		-webkit-transform: translateZ(-372.5px) rotateY(15deg);
		opacity: .5;
	}
	100% {
		-webkit-transform: translateZ(-500px) rotateY(0deg);
		opacity: 0;
	}
}

@-webkit-keyframes MenuAnimOut2 {
	100% {
		-webkit-transform: translateX(-100%);
		opacity: 0;
	}
}

@-webkit-keyframes MenuAnimOut3 {
	100% {
		-webkit-transform: translateZ(300px);
		opacity: 0;
	}
}

@-webkit-keyframes MenuAnimOut4 {
	100% {
		-webkit-transform: translateZ(-300px);
		opacity: 0;
	}
}

@-webkit-keyframes MenuAnimOut5 {
	100% {
		-webkit-transform: translateY(40%);
		opacity: 0;
	}
}

@-moz-keyframes MenuAnimOut1 {
	50% {
		-moz-transform: translateZ(-250px) rotateY(30deg);
	}
	75% {
		-moz-transform: translateZ(-372.5px) rotateY(15deg);
		opacity: .5;
	}
	100% {
		-moz-transform: translateZ(-500px) rotateY(0deg);
		opacity: 0;
	}
}

@-moz-keyframes MenuAnimOut2 {
	100% {
		-moz-transform: translateX(-100%);
		opacity: 0;
	}
}

@-moz-keyframes MenuAnimOut3 {
	100% {
		-moz-transform: translateZ(300px);
		opacity: 0;
	}
}

@-moz-keyframes MenuAnimOut4 {
	100% {
		-moz-transform: translateZ(-300px);
		opacity: 0;
	}
}

@-moz-keyframes MenuAnimOut5 {
	100% {
		-moz-transform: translateY(40%);
		opacity: 0;
	}
}

@keyframes MenuAnimOut1 {
	50% {
		transform: translateZ(-250px) rotateY(30deg);
	}
	75% {
		transform: translateZ(-372.5px) rotateY(15deg);
		opacity: .5;
	}
	100% {
		transform: translateZ(-500px) rotateY(0deg);
		opacity: 0;
	}
}

@keyframes MenuAnimOut2 {
	100% {
		transform: translateX(-100%);
		opacity: 0;
	}
}

@keyframes MenuAnimOut3 {
	100% {
		transform: translateZ(300px);
		opacity: 0;
	}
}

@keyframes MenuAnimOut4 {
	100% {
		transform: translateZ(-300px);
		opacity: 0;
	}
}

@keyframes MenuAnimOut5 {
	100% {
		transform: translateY(40%);
		opacity: 0;
	}
}

.dl-menu.dl-animate-in-1 {-webkit-animation: MenuAnimIn1 0.3s;-moz-animation: MenuAnimIn1 0.3s;animation: MenuAnimIn1 0.3s;}
.dl-menu.dl-animate-in-2 {-webkit-animation: MenuAnimIn2 0.3s ease-in-out;-moz-animation: MenuAnimIn2 0.3s ease-in-out;
animation: MenuAnimIn2 0.3s ease-in-out;}
.dl-menu.dl-animate-in-3 {-webkit-animation: MenuAnimIn3 0.4s ease;-moz-animation: MenuAnimIn3 0.4s ease;animation: MenuAnimIn3 0.4s ease;}
.dl-menu.dl-animate-in-4 {-webkit-animation: MenuAnimIn4 0.4s ease;-moz-animation: MenuAnimIn4 0.4s ease;animation: MenuAnimIn4 0.4s ease;}
.dl-menu.dl-animate-in-5 {-webkit-animation: MenuAnimIn5 0.4s ease;-moz-animation: MenuAnimIn5 0.4s ease;animation: MenuAnimIn5 0.4s ease;}

@-webkit-keyframes MenuAnimIn1 {
	0% {
		-webkit-transform: translateZ(-500px) rotateY(0deg);
		opacity: 0;
	}
	20% {
		-webkit-transform: translateZ(-250px) rotateY(30deg);
		opacity: 0.5;
	}
	100% {
		-webkit-transform: translateZ(0px) rotateY(0deg);
		opacity: 1;
	}
}

@-webkit-keyframes MenuAnimIn2 {
	0% {
		-webkit-transform: translateX(-100%);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateX(0px);
		opacity: 1;
	}
}

@-webkit-keyframes MenuAnimIn3 {
	0% {
		-webkit-transform: translateZ(300px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0px);
		opacity: 1;
	}
}

@-webkit-keyframes MenuAnimIn4 {
	0% {
		-webkit-transform: translateZ(-300px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0px);
		opacity: 1;
	}
}

@-webkit-keyframes MenuAnimIn5 {
	0% {
		-webkit-transform: translateY(40%);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateY(0);
		opacity: 1;
	}
}

@-moz-keyframes MenuAnimIn1 {
	0% {
		-moz-transform: translateZ(-500px) rotateY(0deg);
		opacity: 0;
	}
	20% {
		-moz-transform: translateZ(-250px) rotateY(30deg);
		opacity: 0.5;
	}
	100% {
		-moz-transform: translateZ(0px) rotateY(0deg);
		opacity: 1;
	}
}

@-moz-keyframes MenuAnimIn2 {
	0% {
		-moz-transform: translateX(-100%);
		opacity: 0;
	}
	100% {
		-moz-transform: translateX(0px);
		opacity: 1;
	}
}

@-moz-keyframes MenuAnimIn3 {
	0% {
		-moz-transform: translateZ(300px);
		opacity: 0;
	}
	100% {
		-moz-transform: translateZ(0px);
		opacity: 1;
	}
}

@-moz-keyframes MenuAnimIn4 {
	0% {
		-moz-transform: translateZ(-300px);
		opacity: 0;
	}
	100% {
		-moz-transform: translateZ(0px);
		opacity: 1;
	}
}

@-moz-keyframes MenuAnimIn5 {
	0% {
		-moz-transform: translateY(40%);
		opacity: 0;
	}
	100% {
		-moz-transform: translateY(0);
		opacity: 1;
	}
}

@keyframes MenuAnimIn1 {
	0% {
		transform: translateZ(-500px) rotateY(0deg);
		opacity: 0;
	}
	20% {
		transform: translateZ(-250px) rotateY(30deg);
		opacity: 0.5;
	}
	100% {
		transform: translateZ(0px) rotateY(0deg);
		opacity: 1;
	}
}

@keyframes MenuAnimIn2 {
	0% {
		transform: translateX(-100%);
		opacity: 0;
	}
	100% {
		transform: translateX(0px);
		opacity: 1;
	}
}

@keyframes MenuAnimIn3 {
	0% {
		transform: translateZ(300px);
		opacity: 0;
	}
	100% {
		transform: translateZ(0px);
		opacity: 1;
	}
}

@keyframes MenuAnimIn4 {
	0% {
		transform: translateZ(-300px);
		opacity: 0;
	}
	100% {
		transform: translateZ(0px);
		opacity: 1;
	}
}

@keyframes MenuAnimIn5 {
	0% {
		transform: translateY(40%);
		opacity: 0;
	}
	100% {
		transform: translateY(0);
		opacity: 1;
	}
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-1 {
	-webkit-animation: SubMenuAnimIn1 0.4s ease;
	-moz-animation: SubMenuAnimIn1 0.4s ease;
	animation: SubMenuAnimIn1 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-2 {
	-webkit-animation: SubMenuAnimIn2 0.3s ease-in-out;
	-moz-animation: SubMenuAnimIn2 0.3s ease-in-out;
	animation: SubMenuAnimIn2 0.3s ease-in-out;
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-3 {
	-webkit-animation: SubMenuAnimIn3 0.4s ease;
	-moz-animation: SubMenuAnimIn3 0.4s ease;
	animation: SubMenuAnimIn3 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-4 {
	-webkit-animation: SubMenuAnimIn4 0.4s ease;
	-moz-animation: SubMenuAnimIn4 0.4s ease;
	animation: SubMenuAnimIn4 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-5 {
	-webkit-animation: SubMenuAnimIn5 0.4s ease;
	-moz-animation: SubMenuAnimIn5 0.4s ease;
	animation: SubMenuAnimIn5 0.4s ease;
}

@-webkit-keyframes SubMenuAnimIn1 {
	0% {
		-webkit-transform: translateX(50%);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateX(0px);
		opacity: 1;
	}
}

@-webkit-keyframes SubMenuAnimIn2 {
	0% {
		-webkit-transform: translateX(100%);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateX(0px);
		opacity: 1;
	}
}

@-webkit-keyframes SubMenuAnimIn3 {
	0% {
		-webkit-transform: translateZ(-300px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0px);
		opacity: 1;
	}
}

@-webkit-keyframes SubMenuAnimIn4 {
	0% {
		-webkit-transform: translateZ(300px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0px);
		opacity: 1;
	}
}

@-webkit-keyframes SubMenuAnimIn5 {
	0% {
		-webkit-transform: translateZ(-200px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0);
		opacity: 1;
	}
}

@-moz-keyframes SubMenuAnimIn1 {
	0% {
		-moz-transform: translateX(50%);
		opacity: 0;
	}
	100% {
		-moz-transform: translateX(0px);
		opacity: 1;
	}
}

@-moz-keyframes SubMenuAnimIn2 {
	0% {
		-moz-transform: translateX(100%);
		opacity: 0;
	}
	100% {
		-moz-transform: translateX(0px);
		opacity: 1;
	}
}

@-moz-keyframes SubMenuAnimIn3 {
	0% {
		-moz-transform: translateZ(-300px);
		opacity: 0;
	}
	100% {
		-moz-transform: translateZ(0px);
		opacity: 1;
	}
}

@-moz-keyframes SubMenuAnimIn4 {
	0% {
		-moz-transform: translateZ(300px);
		opacity: 0;
	}
	100% {
		-moz-transform: translateZ(0px);
		opacity: 1;
	}
}

@-moz-keyframes SubMenuAnimIn5 {
	0% {
		-moz-transform: translateZ(-200px);
		opacity: 0;
	}
	100% {
		-moz-transform: translateZ(0);
		opacity: 1;
	}
}

@keyframes SubMenuAnimIn1 {
	0% {
		transform: translateX(50%);
		opacity: 0;
	}
	100% {
		transform: translateX(0px);
		opacity: 1;
	}
}

@keyframes SubMenuAnimIn2 {
	0% {
		transform: translateX(100%);
		opacity: 0;
	}
	100% {
		transform: translateX(0px);
		opacity: 1;
	}
}

@keyframes SubMenuAnimIn3 {
	0% {
		transform: translateZ(-300px);
		opacity: 0;
	}
	100% {
		transform: translateZ(0px);
		opacity: 1;
	}
}

@keyframes SubMenuAnimIn4 {
	0% {
		transform: translateZ(300px);
		opacity: 0;
	}
	100% {
		transform: translateZ(0px);
		opacity: 1;
	}
}

@keyframes SubMenuAnimIn5 {
	0% {
		transform: translateZ(-200px);
		opacity: 0;
	}
	100% {
		transform: translateZ(0);
		opacity: 1;
	}
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-1 {
	-webkit-animation: SubMenuAnimOut1 0.4s ease;
	-moz-animation: SubMenuAnimOut1 0.4s ease;
	animation: SubMenuAnimOut1 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-2 {
	-webkit-animation: SubMenuAnimOut2 0.3s ease-in-out;
	-moz-animation: SubMenuAnimOut2 0.3s ease-in-out;
	animation: SubMenuAnimOut2 0.3s ease-in-out;
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-3 {
	-webkit-animation: SubMenuAnimOut3 0.4s ease;
	-moz-animation: SubMenuAnimOut3 0.4s ease;
	animation: SubMenuAnimOut3 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-4 {
	-webkit-animation: SubMenuAnimOut4 0.4s ease;
	-moz-animation: SubMenuAnimOut4 0.4s ease;
	animation: SubMenuAnimOut4 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-5 {
	-webkit-animation: SubMenuAnimOut5 0.4s ease;
	-moz-animation: SubMenuAnimOut5 0.4s ease;
	animation: SubMenuAnimOut5 0.4s ease;
}

@-webkit-keyframes SubMenuAnimOut1 {
	0% {
		-webkit-transform: translateX(0%);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateX(50%);
		opacity: 0;
	}
}

@-webkit-keyframes SubMenuAnimOut2 {
	0% {
		-webkit-transform: translateX(0%);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateX(100%);
		opacity: 0;
	}
}

@-webkit-keyframes SubMenuAnimOut3 {
	0% {
		-webkit-transform: translateZ(0px);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateZ(-300px);
		opacity: 0;
	}
}

@-webkit-keyframes SubMenuAnimOut4 {
	0% {
		-webkit-transform: translateZ(0px);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateZ(300px);
		opacity: 0;
	}
}

@-webkit-keyframes SubMenuAnimOut5 {
	0% {
		-webkit-transform: translateZ(0);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateZ(-200px);
		opacity: 0;
	}
}

@-moz-keyframes SubMenuAnimOut1 {
	0% {
		-moz-transform: translateX(0%);
		opacity: 1;
	}
	100% {
		-moz-transform: translateX(50%);
		opacity: 0;
	}
}

@-moz-keyframes SubMenuAnimOut2 {
	0% {
		-moz-transform: translateX(0%);
		opacity: 1;
	}
	100% {
		-moz-transform: translateX(100%);
		opacity: 0;
	}
}

@-moz-keyframes SubMenuAnimOut3 {
	0% {
		-moz-transform: translateZ(0px);
		opacity: 1;
	}
	100% {
		-moz-transform: translateZ(-300px);
		opacity: 0;
	}
}

@-moz-keyframes SubMenuAnimOut4 {
	0% {
		-moz-transform: translateZ(0px);
		opacity: 1;
	}
	100% {
		-moz-transform: translateZ(300px);
		opacity: 0;
	}
}

@-moz-keyframes SubMenuAnimOut5 {
	0% {
		-moz-transform: translateZ(0);
		opacity: 1;
	}
	100% {
		-moz-transform: translateZ(-200px);
		opacity: 0;
	}
}

@keyframes SubMenuAnimOut1 {
	0% {
		transform: translateX(0%);
		opacity: 1;
	}
	100% {
		transform: translateX(50%);
		opacity: 0;
	}
}

@keyframes SubMenuAnimOut2 {
	0% {
		transform: translateX(0%);
		opacity: 1;
	}
	100% {
		transform: translateX(100%);
		opacity: 0;
	}
}

@keyframes SubMenuAnimOut3 {
	0% {
		transform: translateZ(0px);
		opacity: 1;
	}
	100% {
		transform: translateZ(-300px);
		opacity: 0;
	}
}

@keyframes SubMenuAnimOut4 {
	0% {
		transform: translateZ(0px);
		opacity: 1;
	}
	100% {
		transform: translateZ(300px);
		opacity: 0;
	}
}

@keyframes SubMenuAnimOut5 {
	0% {
		transform: translateZ(0);
		opacity: 1;
	}
	100% {
		transform: translateZ(-200px);
		opacity: 0;
	}
}
@media screen and (min-width: 540px) and (max-width:820px) {	
	.activity_bg .list{padding: 10px 10px 0;}
	.activity_bg .list li{width:100%;  margin: 0 0 15px 0;}
	


}
@media only screen and (max-width: 480px) {	
	.activity_bg .list{padding: 10px 10px 0;}
	.activity_bg .list li{ width:100%;  margin: 0 0 15px 0;}


}

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

	.footer .menu_a{ width: 90%;}
}
@media only screen and (min-width: 768px) {	

}