@font-face {
	font-family:"font1"; 
	src: url("../fonts/file.woff2");
}
*{margin:0;padding:0;box-sizing:border-box;font-size: 18px;}
body{font-family: Arial;}
img{display:block;border:0;max-width:100%}
video{display:block;border:0}
li{list-style-type: none;}
a{text-decoration: none}
.text-center{text-align: center}
.padding50{padding:50px 0;}
.lmtit{font-size:24px;}



.wrap{max-width: 1200px;margin:0 auto;}
.head{position: relative;width: 100%;background:#0f3653;}
.head ul{display:flex;height: 100px;}
.head ul li{flex:1;line-height: 100px;position: relative;text-align: center;font-family: "font1";}
.head ul li a{color:#fff;display: block;font-family: "font1";}
.head ul li ul{position:absolute;left:0;}
.banner{position: relative;}
.banner .fc{position: absolute;bottom:10px;text-align: center;width:100%;}
.banner .fc img{display:block;margin:0 auto;border:3px solid #464b56;border-radius: 20px;}



.gonggao{background-color: #0f3a61;padding:30px 0;}
.gonggao .wrap ul{display: flex;flex-wrap: wrap;background:#879db0;padding:10px;justify-content: space-between;}
.gonggao .wrap ul li{width:31%;background:#fff;padding:15px;margin:1%;font-family: "font1";}
.gonggao .wrap ul li .pic{width: 48px;height: 48px;display:flex;justify-content: center;align-items: center;overflow:hidden;}
.gonggao .wrap ul li .pic img{max-height: 100%}
.gonggao .wrap ul li a{display:flex;flex-direction: column;color:#666}
.gonggao .wrap ul li a .main{display: flex;flex-direction:row;justify-content: space-between;}
.gonggao .wrap ul li a .main .tit{width:calc(100% - 54px);font-weight: 200;font-size:16px;font-family: "font1";}
.gonggao .wrap ul li a .data{border-top:1px solid #ccc;width:100%;margin-top:10px;padding-top:10px;font-weight: 200;font-size:12px;}

.invite .swiper{width:100%;}
.invite .swiper img{width:100%;}
.lmtit{font-size:24px;margin-bottom: 50px;font-family: "font1";}

.fun{background-color:#f1f1f1;}
.fun .wrap{display:flex;justify-content: space-between;}
.fun .wrap .box{width:46%;}
.fun .wrap .box h3{text-align: center;font-family: "font1";}
.fun .wrap .box .dmt{width: 100%;margin-top:30px;border:1px solid #ccc;border-radius:5px;display: block;overflow: hidden;}
.fun .wrap .box .dmt img,.fun .wrap .box .dmt video{width: 100%}
.fun .wrap .box a.more{color:#ff9b00;float:right;font-family: "font1";}
.fun .wrap .box .text{padding:20px 0;color: #666;}

.foot{padding:20px 0;background:#6c6c6c;color: #fff;}
.foot .wrap{display:flex;justify-content: space-between;align-items: center;font-family: "font1";}
.foot .flogo img{height:40px;}
.foot .fbtn{width: 350px;}
.foot .fbtn a{width: 160px;line-height: 40px;text-align: center;background:#272727;display: inline-block;font-size: 12px;color: #Fff;border-radius: 5px;font-family: "font1";}

.nybanner{position: relative;max-height: 350px;overflow: hidden;}
.nybanner .bg{width:100%;}
.nybanner .bg img{width:100%;}
.nybanner .fc{position: absolute;top:0;width:100%;height:100%;display: flex;justify-content: center;align-items: center;z-index: 1}
.nybanner .fc img{display:block;}



.topnav{display: flex;justify-content: space-between;border-bottom:1px solid #ccc;line-height: 30px;padding-bottom: 10px;font-family: "font1";}
.topnav span{font-family: "font1";}
.topnav form{position: relative;width:250px;}
.topnav form .svg-icon{position: absolute;left:5px;top:5px;height:24px;}
.topnav form input{width:100%;padding-left:15%;line-height: 30px}


.newslist{}
.newslist .wrap{background:#f1f1f1;padding:20px;}

.newslist .wrap .wrapmain{border:2px solid #999;padding:20px;margin:20px 0;font-family: "font1";}
.newslist .subtit{border-top:1px solid #ccc;border-bottom:1px solid #ccc;display: flex;justify-content: space-between;padding:10px 0px;font-family: "font1";}
.newslist .subtit .rightside{font-size: 13px;font-weight: 400;display:flex;justify-content: center;align-items: center;}
.newslist .wrap .newslistmain ul{}
.newslist .wrap .newslistmain li{color:#3b3b3b;padding:10px 0;border-bottom: 1px solid #ccc}
.newslist .wrap .newslistmain li .tit{color:#3b3b3b;font-size: 16px;font-weight: 400;font-family:Arial;padding-bottom: 5px;}
.newslist .wrap .newslistmain li .writer{color:#3b3b3b;font-size: 13px;font-weight: 400;font-family:Arial;}
.newslist .wrap .newslistmain li .data{color:#3b3b3b;font-size: 13px;font-weight: 400;font-family:Arial;display: flex;flex-direction: column;align-items: center;justify-content: center;}
.newslist .wrap .newslistmain ul li a{display:flex;color:#666;justify-content: space-between;}
.newslist .wrap .newslistmain ul li a .main{display: flex;flex-direction:column;justify-content: space-between;}



.fenye ul li{display: inline-block;color:#3b3b3b;font-size: 14px;font-weight: 400;font-family:Arial;padding-top: 10px}
.fenye ul li a{color:#3b3b3b;font-size: 13px;font-weight: 400;font-family:Arial;}




.w75{width: 81%}
.w23{width: 18%}

.newsbody{display: flex;justify-content: space-between;}
.newsbody h2{  font-size:28px;line-height:1.2;margin:15px 0;font-weight: 200;color: #3b3b3b}
.newsbody .moreinfo a{  font-size:16px;color:#54a7d1}
.newsbody .nr{font-size: 14px;font-weight: 400;line-height: 1.6;color:#636363;padding:40px 0;}
.newsbody .w23 .item{border:2px solid #d7d7d7;padding: 20px;}
.newsbody .w23 .item .itemname{border-bottom:2px solid #d7d7d7;padding-bottom:12px}
.newsbody .w23 .item ul{padding:8px 0;}
.newsbody .w23 .item ul li{display: block;padding:8px 0;}
.newsbody .w23 .item ul li a{color: #666;display: block;font-size:14px;}



.page .wrap{display: flex;justify-content: space-between;}
.page .w23 .item li{text-align: right;width: 100%}
.page .w23 .item li a{font-size: 22px;font-family: "font1";color: #666;line-height:2;}
.page .w23 .item li.active a{color: #FF9C00;}
.page .w23 .item li:hover{background-color: #ccc;}
.page .w75{border:2px solid #d7d7d7;padding: 20px;background-color:#F1F1F1;font-size:18px;color: #666;line-height:2;}

.download .wrap{border:2px solid #d7d7d7;padding: 50px;background-color:#F1F1F1;font-size:22px;color: #666;line-height:2;font-family: "font1";width: 980px;margin:50px auto;}
.green{color:#407a6b;}
.red{color:#ff8878;}
.yellow{color:#ff9c00;}
.text-center{text-align: center}
.font-size12{font-size:12px;}

.downmain .gj{text-align: center}
.downmain .gj img{display: block;margin:5px auto;width:50px;}

.downmain .row{margin:20px 0;display: flex;justify-content: space-between;}
.downmain .row div:nth-child(1){width:20%;font-size:38px;text-align:center;display: flex;justify-content:center; align-items: center;}
.downmain .row div:nth-child(2){width:330px;}
.downmain .row div:nth-child(3){width:330px;}
.downmain .dbox{position: relative;}
.downmain .dbox a{position:absolute;width:100%;height: 100%;z-index: 1;top:0;left:0;display:flex;justify-content:flex-start;align-items: center;color: #fff;padding-left: 20px;}


.requirementsmain .row{margin:20px 0;display: flex;justify-content: space-between;border-bottom: 2px solid #ccc}
.requirementsmain .row:nth-child(1){background-color:#0f3a61;color: #fff;border-bottom: 0}
.requirementsmain .row div{display: flex;justify-content: center;align-items: center;font-size: 13px;}
.requirementsmain .row div:nth-child(1){width:20%;}
.requirementsmain .row div:nth-child(2){width:30%;}
.requirementsmain .row div:nth-child(3){width:30%;}
.media .mySwiper .swiper-slide {width: 20%;height: 100%;opacity: 0.4;}
.media .mySwiper .swiper-slide-thumb-active {opacity: 1;}
.media .swiper-slide img {display: block;width: 100%;height: 100%;object-fit: cover;}

.support form .row{margin:20px 0;display: flex;justify-content: space-between;}
.support form .row .w49{width:49%;display:flex;flex-direction: column;}
.support form .row .w100{width:100%;display:flex;flex-direction: column;}
.support form label{font-size: 18px;font-family: "font1";margin:5px 0;}
.support form input{border:2px solid #ccc;line-height:1.8;padding:10px;}
.support form textarea{border:2px solid #ccc;line-height:1.8;padding:10px;height:150px;}
.support button{background: #373b4d;padding:10px 30px;font-size:22px;border:0;color:#fff;font-family: "font1";margin:20px auto;display: block;}


.about .w100{border:2px solid #d7d7d7;padding: 20px;background-color:#F1F1F1;font-size:18px;color: #666;line-height:2;}
.about h3{font-size: 28px;border-bottom: 1px solid #ccc;margin-bottom: 20px;}
.about .box{padding:30px 20px;}
.about .boxmain{display:flex;justify-content: space-between;font-family: "font1";}
.about .boxmain .pic{width:48%;}
.about .boxmain .pic img{width:100%;}
.about .boxmain .text{width:48%;display: flex;flex-direction: column;justify-content: center;}
.about .box .more{float:right;font-family: "font1";}









@charset "utf-8";
blockquote, body, dd, div, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, html, input, li, ol, p, pre, ul { padding: 0; margin: 0 }
address, caption, cite, code, em, h1, h2, h3, h4, h5, h6, pre, strong, table, td, th { font-size: 1em; font-style: normal; font-weight: 400 }
strong { font-weight: 700 }
ol, ul { list-style: none outside none }
fieldset, img { border: medium none; vertical-align: bottom }
caption, th { text-align: left }
table { border-collapse: collapse; border-spacing: 0 }
body { background: none repeat scroll 0 0 #FFF; color: #333; font: 12px/1 "微软雅黑", Tahoma, Helvetica, Arial, "\5b8b\4f53", sans-serif }
input, select, textarea { font: 12px/1 Tahoma, Helvetica, Arial, "\5b8b\4f53", sans-serif }
a { outline: medium none }
a:active, a:link, a:visited { text-decoration: none; color: #000 }
a:hover { text-decoration: underline }
cite, em, i { font-styleign: center }
html { min-height: 101% }
.clearfix:after { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden }
.clearfix { display: inline-block }
html[xmlns] .clearfix { display: block }
*html .clearfix { height: 1% }
time { color: #777 }
article, aside, dialog, figure, footer, header, menu, nav, section { display: block }
ul { list-style: none }
a { text-decoration: none }
.clear { clear: both }
* { margin: 0; padding: 0 }
.f-l { float: left }
.f-r { float: right }
.clearfix:after { content: "/20"; display: block; visibility: hidden; clear: both; font-size: 0; line-height: 0; height: 0 }
 
@keyframes scaleToggleOne { 0 {
transform:scale(1);
-webkit-transform:scale(1)
}
50% {
transform:scale(2);
-webkit-transform:scale(2)
}
100% {
transform:scale(1);
-webkit-transform:scale(1)
}
}
@keyframes scaleToggleTwo { 0 {
transform:scale(1);
-webkit-transform:scale(1)
}
20% {
transform:scale(1);
-webkit-transform:scale(1)
}
60% {
transform:scale(2);
-webkit-transform:scale(2)
}
100% {
transform:scale(1);
-webkit-transform:scale(1)
}
}
@keyframes scaleToggleThree { 0 {
transform:scale(1);
-webkit-transform:scale(1)
}
33% {
transform:scale(1);
-webkit-transform:scale(1)
}
66% {
transform:scale(2);
-webkit-transform:scale(2)
}
100% {
transform:scale(1);
-webkit-transform:scale(1)
}
}
.animated { -webkit-animation-duration: .5s; animation-duration: .5s; -webkit-animation-fill-mode: both; animation-fill-mode: both }
.livechat-girl { width: 60px; height: 60px; border-radius: 50%; position: fixed; bottom: 0; right: 40px; opacity: 0; -webkit-box-shadow: 0 5px 10px 0 rgba(35,50,56,.3); box-shadow: 0 5px 10px 0 rgba(35,50,56,.3); z-index: 700; transform: translateY(0); -webkit-transform: translateY(0); -ms-transform: translateY(0); cursor: pointer; -webkit-transition: all 1s cubic-bezier(.86, 0, .07, 1); transition: all 1s cubic-bezier(.86, 0, .07, 1) }
.livechat-girl:focus { outline: 0 }
.livechat-girl.animated { opacity: 1; transform: translateY(-40px); -webkit-transform: translateY(-40px); -ms-transform: translateY(-40px) }
.livechat-girl:after { content: ''; width: 12px; height: 12px; border-radius: 50%; background-image: linear-gradient(to bottom, #26c7fc, #26c7fc); position: absolute; right: 1px; top: 1px; z-index: 50 }
.livechat-girl .girl { position: absolute; top: 0; left: 0; width: 100%; height: auto; z-index: 50 }
.livechat-girl .animated-circles .circle { background: rgba(38,199,252,.25); width: 60px; height: 60px; border-radius: 50%; position: absolute; z-index: 49; transform: scale(1); -webkit-transform: scale(1) }
.livechat-girl .animated-circles.animated .c-1 { animation: 2s scaleToggleOne cubic-bezier(.25, .46, .45, .94) forwards }
.livechat-girl .animated-circles.animated .c-2 { animation: 2.5s scaleToggleTwo cubic-bezier(.25, .46, .45, .94) forwards }
.livechat-girl .animated-circles.animated .c-3 { animation: 3s scaleToggleThree cubic-bezier(.25, .46, .45, .94) forwards }
.livechat-girl.animation-stopped .circle { opacity: 0!important }
.livechat-girl.animation-stopped .circle { opacity: 0!important }
.livechat-girl .livechat-hint { position: absolute; right: 40px; top: 50%; margin-top: -20px; opacity: 0; z-index: 0; -webkit-transition: all .3s cubic-bezier(.86, 0, .07, 1); transition: all .3s cubic-bezier(.86, 0, .07, 1) }
.livechat-girl .livechat-hint.show_hint { -webkit-transform: translateX(-40px); transform: translateX(-40px); opacity: 1 }
.livechat-girl .livechat-hint.hide_hint { opacity: 0; -webkit-transform: translateX(0); transform: translateX(0) }
.livechat-girl .livechat-hint.rd-notice-tooltip { max-width: 1296px!important }
.livechat-girl .livechat-hint.rd-notice-tooltip .rd-notice-content { width: auto; overflow: hidden; text-overflow: ellipsis }
@media only screen and (max-width:1599px) {
.livechat-girl .livechat-hint.rd-notice-tooltip { max-width: 1060px!important }
}
@media only screen and (max-width:1309px) {
.livechat-girl .livechat-hint.rd-notice-tooltip { max-width: 984px!important }
}
@media only screen and (max-width:1124px) {
.livechat-girl .livechat-hint.rd-notice-tooltip { max-width: 600px!important }
}
.rd-notice-tooltip { -webkit-box-shadow: 0 2px 2px rgba(0,0,0,.2); box-shadow: 0 2px 2px rgba(0,0,0,.2); font-size: 14px; border-radius: 3px; line-height: 1.25; position: absolute; z-index: 65; max-width: 350px; opacity: 1 }
.rd-notice-tooltip:after { position: absolute; display: block; content: ''; height: 20px; width: 20px; -webkit-box-shadow: none; box-shadow: none; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; z-index: 50 }
.rd-notice-tooltip .rd-notice-content { background: 0; border-radius: 3px; width: 100%; color: #fff; position: relative; z-index: 60; padding: 20px; font-weight: 400; line-height: 1.45 }
.rd-notice-type-success { background-color: #26c7fc; -webkit-box-shadow: 0 5px 10px 0 rgba(38,199,252,.2); box-shadow: 0 5px 10px 0 rgba(38,199,252,.2) }
.rd-notice-type-success .rd-notice-content { background-color: #26c7fc }
.rd-notice-type-success:after { background-color: #26c7fc; -webkit-box-shadow: 0 5px 10px 0 rgba(38,199,252,.2); box-shadow: 0 5px 10px 0 rgba(38,199,252,.2) }
.rd-notice-position-left { margin-left: -20px }
.rd-notice-position-left:after { right: -6px; top: 50%; margin-top: -10px }
.rd-notice-tooltip.single-line .rd-notice-content { height: 40px; padding: 0 20px; line-height: 40px; white-space: nowrap }