/*common start*/
body,div,ul,li,a,img,p,dl,dt,dd,h1,h2,h3,h4,span,strong,input{ margin:0; padding:0;list-style:none;text-decoration:none;border:0; list-style:none;}
body{ font-size:12px; color:#FFFFFF;/*font-family:'Microsoft YaHei';*/}
a{color:#FFFFFF;}
a:hover{ color:#00509d; /*text-decoration:underline;*/}
p{line-height:1.8em; padding:5px 0;}
.clear{ margin:0; padding:0; font-size:0; clear:both; }
.wapper{ max-width:1290px !important; margin:0 auto;}
.wapper01{ max-width:1536px !important; margin:0 auto; width:90%}



.banner-bg{ background-position: 50%;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden; position:relative}
.banner-bg:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background-position: 50%;
    background-size: cover;
    background-repeat: no-repeat;
    opacity: 0.9;
    background-color: #121619;
    z-index: 0;
    pointer-events: none;
    display: none;
    }	
.header-bg{width:100%;z-index:1;/* position:relative; */white-space: nowrap;}
.header{ display: flex; align-items: center;
justify-content: space-between; height:80px;  border-bottom:1px solid rgba(255, 255, 255, 0.1)}
.logo{height:120px;width:20%;white-space: nowrap;z-index: 999;}
.logo a{ height:100%; width:100%; display: flex; justify-content: center;  align-items: center;}
.logo a img{ max-height:100%; max-width:100%;}




.banner{z-index:1;position:relative;}



/*menu*/
.menu{height:120px;line-height:120px; flex:1}
.menu ul li{float:left;position:relative;/* width:120px; */margin: 0 3vw;}
.menu ul li dl{background:#fff;width: auto;position:absolute;left:0px;top: 100%;box-shadow:2px 2px 5px rgba(0,0,0,0.2);padding:10px 0;display:none;z-index: 9999;}
.menu ul li dl dd{ line-height:28px;border-bottom:#ddd dotted 1px; margin:0 10px; }
.menu ul li dl dd a{font-size:12px;color:#666;font-weight:normal;display:inline;padding:0;text-align:left;white-space: nowrap;}
.menu ul li dl dd a:hover{ color:#f60;}
.menu a{ font-size:17px;color:#fff; text-decoration:none; font-weight:bold;display:block;text-align:center;}
/*.menu a:hover{color:#fff;}
a.menu_hover{ background:#666;color:#fff;}
*/
.menu ul li>span>a{  text-transform: uppercase;}

.header01{width:auto;display: flex;align-items: center;white-space: nowrap;z-index: 999;}
.qiehu{ display: flex; align-items: center; margin-right:10px}
.qiehu a{ width:38px; height:38px; display: flex; justify-content: center;  align-items: center; background:#222}
.qiehu a img{ width:16px; height:11px; display:block;}
.qiehu a.on{  background:#333}
.qiehu a:hover{  background:#333}

.header01>a{ background:#00509d; color:#fff; border-radius:4px; padding:5px 30px; font-size:16px; text-transform: uppercase; font-weight:bold; line-height:40px}
.header01>a i{ margin-right:5px}
.header01>a:hover{ background:#003f88}


.banner{/* display: flex; align-items: center;
justify-content: space-between; padding:4% 0*/}
.banner01{width:100%;position: relative;/*margin-top: -200px;*/}
.banner02{ width:100%; text-align:center;}
.banner02 img{ width:100%; height:auto; vertical-align:bottom}

.banner01 dl dd{float:left;display:block;width: calc((100% - 8%)/3);margin-right: 4%;border:#005bb4;border-radius:10px;overflow:hidden;background:#ffffff87;box-sizing:border-box;min-height: 35vh;padding-top: 2%;}
.banner01 dl dd:nth-child(3n) {margin-right: 0% ;}
.not{position:relative;padding: 2% 2% 4% 2%;}
.not .svg{
    right: -1px;
    top: -1px;
    position:absolute;
    width: 25%;
    z-index: 1;
    }

.not .img01{position:absolute;top:0;right:0;width: 45px;height:40px;z-index: 9;}
.not .img01 img{ width:100%; height:auto}
.not>h2{display: flex;align-items: center;margin:0 auto;justify-content: center;width:140px;height:34px;background:#0092ff;font-size:14px;color:#fff;font-weight:normal;border-radius: 30px;}
.not>h2 i{
    margin-right: 5px;
}
.xnue{display: flex;align-items: flex-start;justify-content: space-between;margin-top: 9%;}
.xnue .img{width: 20%;}
.xnue .img img{ width:100%; vertical-align:bottom;}
.xnue ul{width: 100%;}
.xnue ul li{    /*display: flex;*/ align-items: flex-start; justify-content: space-between; font-size:14px; color:#FFFFFF; line-height:1.5; margin-bottom:4%;    text-align: center;    font-weight: bold;}
.xnue ul li i{ color:#ffc83c; font-size:20px; margin-right:5px}

.che{ color:#fff; background:#005bb4;display: flex;   align-items: center; padding:3% 5%; font-size:16px;}
.che em{ background:#3F6; width:8px; height:8px; overflow:hidden; border-radius:50%; margin-left:10px}


.pilu{height: 170px;overflow-y:scroll;box-sizing:border-box;padding:5%;box-sizing:border-box;}
.pilu:hover{cursor:pointer}
.pilu ul li{ display: flex; justify-content: space-between;  align-items:flex-start;}
.pilu ul li h2{font-size: 11px;color:#FFFFFF;display: flex;align-items: center;}
.pilu ul li h2 img{ width:28px; height:28px; display:block; border-radius:50%; margin-right:10px}
.pili-r{width: 67%;line-height: 1.5;}
.pili-r span{display:block;font-size: 13px;color:#FFFFFF;}
.pili-r em{font-size:12px;color:#ffffff91;font-weight:500;font-style: normal;line-height: 1.5; display: flex;  align-items: center;flex-wrap: wrap; }
.pili-r em i{ width:4px; height:4px; margin:0 10px; border-radius:50%; display:block; background:#bebebe}
.pili-r a{color:#000;}

.join{ width:146px; height:40px; border-radius:30px; display: flex; justify-content: center;  align-items: center; color:#fff; background:#54a9eb; font-size:16px; font-weight:bold;  margin:5% auto;}
.join i{ margin-right:5px;}
.join:hover{ color:#fff;}


.pilu::-webkit-scrollbar{width:5px;background-color:transparent}
.pilu::-webkit-scrollbar-thumb{background-color:#c3cad4;border-radius:10px;border:2px solid #e1e5ea;}
.pilu::-webkit-scrollbar-thumb:hover{background-color:#aab1bc;}
.pilu::-webkit-scrollbar-thumb:active{border:0;border-radius:0;background-color:##d6dee1}
.pilu::-webkit-scrollbar-thumb:window-inactive{background-color:##d6dee1}

.tio01{height: 171px;overflow-y:scroll;padding:5%;box-sizing:border-box;}
.tio01 ul li{ display: flex;  align-items: center; flex-wrap: wrap; justify-content: space-between;}
.tio01 ul li .img{ display: flex; justify-content: center;  align-items: center; width:50px; height:40px}
.tio01 ul li .img img{ max-height:100%; max-width:100%}
.tio01 ul li a{width:calc(100% - 60px); font-size:16px; font-weight:bold; line-height:1.5; color:#FFFFFF;}
.seee{display:block;width:90%;margin:5% auto;text-align:center;line-height: 38px;border:1px solid #e5e5e5;border-radius: 10px;font-size:16px;color:#9e9e9e}
.tio01:hover{cursor:pointer}

.tio01::-webkit-scrollbar{width:5px;background-color:transparent}
.tio01::-webkit-scrollbar-thumb{background-color:#c3cad4;border-radius:10px;border:2px solid #e1e5ea;}
.tio01::-webkit-scrollbar-thumb:hover{background-color:#aab1bc;}
.tio01::-webkit-scrollbar-thumb:active{border:0;border-radius:0;background-color:##d6dee1}
.tio01::-webkit-scrollbar-thumb:window-inactive{background-color:##d6dee1}


.tilte{ text-align:center;}
.tilte h2{ font-size:35px; display:block;    text-transform: uppercase;}
.tilte span{ font-size:16px; color:#e8ebed; display:block; margin-top:2%}

.cent01-bg{/* background:#111518; */}
.cent01{ text-align:center; padding:6% 0; color:#fff;}
.cent01 ul li{ float:left; display:block;width:calc((100% - 9%)/3); margin-right:3%; margin-top:6%}
.cent01 ul li:nth-child(3n) {
    margin-right: 0% ;
}
.cent01 ul li i{ font-size:50px;}
.cent01 ul li h2{ display:block; font-size:25px; margin:5% 0;}
.cent01 ul li span{ font-size:16px; color:#FFFFFF; line-height:1.5;    height: 120px;display: block;}


.cent02{ padding:5% 0; text-align:center;color:#28292a}
.cent02 .tilte h2{ color:#fff}
.cent02 ul{vertical-align:top;}
.cent02 ul li{display:inline-block;width: 22%;margin: 5% 5% 0 5%;vertical-align: top;}
.cent02 ul li i{ display:block; font-size:50px}
.cent02 ul li i img{ width:50px;}
.cent02 ul li h2{ display:block; font-size:20px; margin-bottom:10px; margin-top:10px;    color: #fff;}
.cent02 ul li span{font-size:16px; display:block; line-height:2;    color: #fff;}


.cent03-bg{background:url(../images/star.jpg); padding:5% 0;color:#fff;}
.cent03-l{ float:left; display:block; width:31%}
.cent03-l h2{ font-size:32px; display:block; margin-bottom:10px;}
.cent03-l p{ font-size:18px; display:block; margin-bottom:10px; opacity:0.7; margin-top:4%}
.hey ul{ display: flex;  align-items: flex-start;justify-content: space-between;}
.hey ul li{ width:47%; border-radius:10px; border:1px solid #ffffff0a; box-sizing:border-box; padding:7% 6%;transition: all 0.5s;background: #151822;}
.hey ul li a{ display:block}
.hey ul li a img{ width:30px; display:block;}
.hey ul li a span{ font-size:14px; display:block; margin:15px 0; color:#fff;     opacity: 0.7;}
.hey ul li:hover{    transform: translateY(-0.25rem);
    box-shadow: 0 0.275rem 0.75rem -0.0625rem rgba(11, 15, 25, 0.06), 0 0.125rem 0.4rem -0.0625rem rgba(11, 15, 25, 0.03);border-color: rgba(255, 255, 255, 0.3);
    background-color: #1518229c;}
.hey ul li em{ font-style:normal; font-size:14px;}
.hey ul li em i{ margin:0 5px}	
.cent03-r{ float:right; display:block; width:58%}
.cent03-r ul li{ background:#151822; border-radius:10px; padding:2% 4%; box-sizing:border-box; margin-bottom:2%}
.cent03-r ul li span{  display: flex; align-items: center;
justify-content: space-between;}
.cent03-r ul li span a{ font-size:18px; color:#fff; font-weight:bold; width:calc(100% - 50px);}
.cent03-r ul li span i{ width:36px; height:36px; display: flex; justify-content: center;  align-items: center; font-size:18px; color:#fff; background:#21242d; border-radius:50%; transition: all 0.5s;}
.cent03-r ul li .erji{ display:none; padding-bottom:2%}
.cent03-r ul li .erji p{ font-size:14px; color:#ffffffb3; display:block;}
.cent03-r ul li span.on i{ background:#3c63da;  box-shadow:0 -0.5rem 1.125rem -0.5rem rgba(99, 102, 241, 0.9);transform:rotate(-180deg) !important;}

.cent04{ /*margin-top:5%; */    background: #eff6ff;box-sizing:border-box; padding:5% 2%; border-radius:10px}
.cent0401{ display: flex; justify-content: center;  align-items: center;}
.cent0401 span{ display: flex; justify-content: center;  align-items: center;width:56%; font-size:24px; font-weight:bold;    color: #3c63da;}
.cent0401 span img{ height:78px; margin-right:2vw;}
.cent0401 a{display: flex; justify-content: center;  align-items: center; width:34%; background:#3c63da; border-radius:5px; color:#fff; font-size:14px; font-weight:bold; height:40px}
.cent0401 a:hover{ background:#3c63da}
.cent0401 a i{ margin-right:10px}
.telte{}
.telte ul li{ float:left; display:block;width:calc((100% - 25%)/6); margin-right:5%; margin-top:4%;border-radius:10px; }
.telte ul li:nth-child(6n) {margin-right: 0% ;}
.telte ul li a{border:1px solid #4c82f759;  display: flex; justify-content: center;
 align-items: center; flex-direction: column; height:110px; border-radius:10px; overflow:hidden;}
.telte ul li a em{ color:#4c82f7; font-size:11px;}
.telte ul li a em i::before{ margin-right:10px}
.telte ul li a span{ display: flex; justify-content: center;  align-items: center; font-size:16px; margin-right:10px; color:#3c63da; font-weight:bold; margin:10px 0 0 0;}
.telte ul li a span svg{ width:23px;}
.telte ul li a .img{ width:14px; height:14px;  display: flex; justify-content: center;  align-items: center; margin-top:10px}
.telte ul li a .img  img{ width:100%; height:100%;}
.telte ul li a>i{ font-size:40px; color:#4c82f7}
.telte ul li a strong{ color:#4c82f7; font-size:11px; font-weight:normal; margin-top:10px}
.telte ul li:nth-child(5) a{/*border-color:#4c82f7 ;*/}
.telte ul li:nth-child(5) i{color:#4c82f7;}
.telte ul li:nth-child(5) strong{color:#4c82f7;}
.telte ul li:hover{ background:#4c82f7; color:#fff;}
.telte ul li:hover a em{ color:#fff;}
.telte ul li:hover .img img{filter: brightness(0%) contrast(200%) invert(100%) opacity(100%);}
.telte ul li:hover a>i{ color:#fff;}
.telte ul li:hover strong{ color:#fff;}
.telte ul li:hover:nth-child(5){background-color:#4c82f7 }
.telte ul li:hover:nth-child(5) i{color:#fff;}
.telte ul li:hover:nth-child(5) strong{color:#fff;}



.ttile{ text-align:center}
.ttile h2{ font-size:36px; color:#151822;}
.ttile span{ color:#3b82f6}
.ttile p{ font-size:20px; color:#151822;}

.cent05{ padding:5% 0}
.sen{}
.sen ul li{ float:left; display:block;width:calc((100% - 4% - 6px)/3); margin-top:2%; margin-right:2%; border:1px solid #e5e7eb; border-radius:10px; overflow:hidden;}
.sen ul li:nth-child(3n) {margin-right: 0% ;}
.sen ul li>img{ width:100%; vertical-align:bottom;height: 200px;object-fit: cover;}
.sen ul li .pa4{    margin-top: -40px; border-radius:20px 0 0 0; background:#eff6ff;    box-shadow:0 -10px 15px rgba(0, 0, 0, .25);    position: relative; box-sizing:border-box; padding:15px}
.sen ul li .pa4 .img{ height:25px; margin-bottom:10px;}
.sen ul li .pa4 .img img{ max-height:100%;}
.sen ul li .pa4>span{ display:block; font-size:14px; color:#172554; line-height:1.5;height: 90px; }
.sen ul li .pa4 a{ background:#3b82f6; border-radius:30px; color:#fff; font-size:16px; padding:8px 16px; display:inline-block; margin-top:2%}
.sen ul li .pa4 a span{ margin-left:10px}


/*scroll_03*/
.scroll_03{ position:relative; margin-top:4%}
.scroll_03:before {content: "";position:absolute;top:0;left:0;width:100%;height:100%;background: linear-gradient(to right, rgb(239 246 255), rgba(255, 255, 255, 0) 20%, rgba(255, 255, 255, 0) 80%, rgb(239 246 255));z-index:1;inset: 0;pointer-events: none;}
.scroll_03 .bd {  white-space: nowrap;}
.scroll_03 .bd {white-space: nowrap;overflow: hidden;}
.scroll_03 .bd li{ float:left; width:180px; overflow:hidden; margin:0 10px;}
.scroll_03 .bd li .img{height:45px;text-align:center}
.scroll_03 .bd li .img table tr td{ height:45px;}
.scroll_03 .bd li .img table tr td img{ max-width:180px; max-height:45px;}
/*.scroll_03 .bd li .img table tr td a{ z-index:1;}

*/



.cd-top {
  display: inline-block;
  height: 40px;
  width: 40px;
  position: fixed;
  bottom: 40px;
  right: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  /* image replacement properties */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background: #828487 url(../images/sse.png) no-repeat center 43%;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
  background-size:43%;
  border-radius: 50%;
  z-index: 99;
}
.cd-top:hover{ background:#00509d url(../images/sse.png) no-repeat center 43%; background-size:43%}
.cd-top.cd-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1;
}
.cd-top.cd-fade-out {
  /* 如果用户继续向下滚动,这个按钮的透明度会变得更低 */
  /* opacity: .5; */
}
.no-touch .cd-top:hover {
  background-color: #e86256;
  opacity: 1;
}
@media only screen and (min-width: 768px) {
  .cd-top {
    right: 20px;
    bottom: 20px;
  }
}
@media only screen and (min-width: 1024px) {
  .cd-top {
    height: 36px;
    width: 36px;
    right: 30px;
    bottom: 30px;
    border-radius: 50%;
  }
}



.footer-bg{ background:#0b0f19;}
.footer{ padding:1% 0; font-size:14px; color:#fff; text-align:center}
.footer a{color:#fff;}

.sp_header{ display:none}
.sjj_nav{ display:none}
.top{ height:50px; display:none}


.inside_con{ padding:10px 0; min-height:calc(100vh - 120px - 57px - 21px)}

.biaot{ text-align:center; margin-bottom:2%}
.biaot img{ width:60px; height:60px; display:block; margin:0 auto;filter: brightness(0%) contrast(200%) invert(100%) opacity(100%);}
.biaot h2{font-size: 19px;display:block;margin-top:2%;color:#fff;}


.Joinbg{ position:fixed; left:0px; top:0px; width:100%; height:100%; z-index:88; background:rgba(0,0,0,0.5); display:block;}
.JoinBox{
	width: 570px;
	height:auto;
	margin: 0 auto;
	background-color: #1f1f1b;
	position:absolute;
	border-radius:5px;
	box-sizing:border-box;
	padding:2%;
	top: 50%;
	left: 50%;
	z-index: 100000;
	transform: translate(-50%,-50%);
	color:#fff;
	text-align:center;
}
.JoinBox h2{ font-size:40px; display:block;}
.JoinBox span{ font-size:17px; color:#d8d8d8; display:block; margin:20px auto;}
.JoinBox .txe{color:#1f1f1b;background:#fffb81;width:157px;line-height:46px;border-radius:30px;text-align:center;font-size:16px;font-weight:bold;display: block;margin: 0 auto;}



@media only screen and (max-width: 980px) {
	
.wapper{ width:90%;}
.wapper01{width:90%;}

.top{ display:block;}

.sp_header{height:50px;overflow:hidden;background: #111518;position:fixed;z-index:10;width:100%;display:block;}
.sp_logo{padding:10px;float:left;height:50px}
.sp_logo img{margin:auto;max-height:30px;}
.sp_nav{width:50px;float:right;position:relative;cursor:pointer;height:30px;margin-top:15px}
.sp_nav span{display:block;background: #015cb4;width:30px;height:2px;position:absolute;left:10px;transition:all ease 0.35s}
.sp_nav span:nth-of-type(1){top:0px}
.sp_nav span:nth-of-type(2){top:10px}
.sp_nav span:nth-of-type(3){top:20px}
.sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2){width:0}
.sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}
.sjj_nav{position:fixed;z-index:9;background:#eee;width:100%;height:calc(100% - 104px);font-size:14px;line-height:40px;top:-100%;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s;display:block;}
.nav_show{top:50px}
.sjj_nav ul li i{position:absolute;top:5px;right:0px;border-left:1px #ddd solid;height:30px;padding:0px 7px 0 7px;}
.sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}
.sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}
.sjj_nav ul li{border-top:1px #ddd solid;margin-left:20px;position:relative;line-height:40px;font-size:14px}
.sjj_nav>ul >li:last-child{border-bottom:1px #ddd solid;}
.sjj_nav ul li ul{display:none}
.sjj_nav ul li a{color:#666;width:80%}
.sjj_nav ul li ul li a{color:#999;display:block;text-align:left;}
.sjj_nav ul li i svg{width:20px;height:20px;fill:#555;}
.sjj_nav ul li .sjj_nav_i_se svg{fill:#c9141e}
.sjj_nav ul li ul li>ul{margin-left:10px}


.header-bg{ display:none}
.header01{float:right;height: 50px;}
.goeu{margin-top:-50px; padding-top:50px}

.banner{flex-wrap: wrap; padding:10% 0 }
.banner01{width: 90%;margin-top: 0;}
.banner01 dl dd{ float:none; display:block; width:100%; margin-right:0; margin-bottom:5%;}

.banner02{ width:100%;}

.cent01{ padding:10% 0 }

.cent01 ul li{width: calc((100% - 5%) / 2); margin-right:5%; margin-top:5%}
.cent01 ul li i{font-size: 31px;}
.cent01 ul li h2{ font-size:14px;}
.cent01 ul li span{font-size:14px;height: auto;}
.cent01 ul li:nth-child(3n) {
    margin-right: 5% ;
}
.cent01 ul li:nth-child(2n) {
    margin-right: 0% ;
}


.tilte h2{ font-size:24px}
.cent02 ul li{display:block; width:100%; margin:5% 0 0 0;}




.cent03-bg{ padding:10% 0}

.cent03-l{float:none; display:block; width:100%;}
.cent03-r{float:none; display:block; width:100%; margin-top:5%}	
.cent03-r ul li{ margin-bottom:5%;}

.cent0401{ padding-top:105}
.cent0401{flex-wrap: wrap; }
.cent0401 span{ width:100%; font-size:20px}
.cent0401 a{ width:100%; margin-top:5%}
.telte ul li{width: calc((100% - 5%) / 2); margin-right:5%;}
.telte ul li:nth-child(2n) {margin-right: 0% ;}	

.cent05{ padding:10% 0}
.sen ul li{float:none; display:block; width:100%;margin-right:0%; margin-top:5%}
.JoinBox{ width:90%}
.JoinBox h2{ font-size:30px}
.JoinBox span{ font-size:13px}
	}