/*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:#666;/*font-family:'Microsoft YaHei';*/}
a{color:#666;}
a:hover{ color:#f60; /*text-decoration:underline;*/}
p{line-height:1.8em; padding:5px 0;}
.clear{ margin:0; padding:0; font-size:0; clear:both; }
.wapper{ max-width:1200px; margin:0 auto; width:90%;}





.header-bg{background-image: linear-gradient(to right, #000000,#252AC0,#300354);}
.header{ max-width:1440px; padding:0 24px; box-sizing:border-box; margin:0 auto; display: flex; align-items: center;justify-content: space-between; height:72px}
.logo{ height:52px; width:29%}
.logo a{ display: flex; align-items: center; width:100%; height:100%}
.logo a img{ max-height:100%; max-width:100%;}
/*menu*/
.menu{height:50px;line-height:50px;}
.menu ul li{ float:left; position:relative;/*width:120px;*/ margin:0 1.5vw}
.menu ul li dl{ background:#fff; width:auto; position:absolute; left:0px; top:50px; box-shadow:2px 2px 5px rgba(0,0,0,0.2); padding:10px 0;display:none;    z-index: 999; }
.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:16px;color:#66B2FF; text-decoration:none;display:block;text-align:center;}
.menu a:hover{background-image: -webkit-linear-gradient(top,#42F2FF,#8D3BFF);
 -webkit-background-clip: text;
 -webkit-text-fill-color: transparent;font-weight:bold;}
.menu a:hover:before{ opacity:1}
a.menu_hover{background-image: -webkit-linear-gradient(top,#42F2FF,#8D3BFF);
 -webkit-background-clip: text;
 -webkit-text-fill-color: transparent; font-weight:bold;}
/*.menu_down span{ display:block;background:url(../images/menu_down.gif) right 10px center no-repeat;}*/
.menu ul li>span>a{ position:relative;}
.menu ul li>span>a:before {content: ""; position:absolute; bottom:0; width:20px; height:3px; background:#8D3BFF; left:50%; bottom:0;  transform: translate(-50%, 0); opacity:0}
a.menu_hover:before{ opacity:1}



.banner-bg{ padding:% 0; position:relative;}
.banner-bg video{ width:100%; height:auto;}
.banner{ text-align:center; position:absolute; top:50%; left:50%;   transform: translate(-50%, -50%);}
.banner span{ display:block; color:#00C7F3; font-size:36px; font-weight:400; display: flex; justify-content: center;  align-items: center;flex-wrap: wrap; }
.banner span:before{content: "";display:inline-block; width:100px; height:1px; background:#00C7F3; margin-right:1vw}
.banner span:after{content: ""; display:inline-block; width:100px; height:1px; background:#00C7F3; margin-left:1vw;}

.banner .img{ width:90%; margin:5% auto 5%;}
.banner .img img{ width:100%; vertical-align:bottom;}
.banner>a{ display:inline-block; font-size:18px; border:1px solid #1AFFFF; color:#1AFFFF; padding:10px 5vw;}

.xiane{ position:absolute; bottom:0%; width:64px; color:#fff;   transform: translate(-50%, 0); left:50%;}
.xiane img{ width:50%; margin:0 auto; display:block;}
.xiane em{ font-size:16px; color:#fff; font-style:normal; display:block; line-height:40px}

.senh{ width:90%; margin:8% auto 5%; font-size:18px; color:#fff; text-align:center; line-height:1.5}
.senh strong{}

.banner .img01{ width:90%; margin:8% auto 5%;}
.banner .img01 img{ max-width:100%;height: 40px;}

.title h2{ display:none;}
.title{}
.title img{ height:38px; display:block; max-width:100%;}


.cent01{ padding:4% 0;}
.cent01-l{ float:left; display:block; width:52%; margin-top:2%}
.cent01-l>h2{ font-size:24px; font-weight:400; display:block; color:#000000; margin:6% 0;}
.caxe{ display: flex; align-items: center;}
.caxe a{ border:1px solid #391EFE; color:#391EFE; font-size:14px; padding:6px 34px; display: flex; justify-content: center;  align-items: center; margin-right:30px}
.caxe a img{ margin-left:12px;    height: 24px;}
.cent01-r{ float:right; display:block; width:45%;}
.cent01-r a{ display:block}
.cent01-r a img{ width:100%; vertical-align:bottom;}

.cent02-bg{ padding:4% 0}
.cent02-l{ float:left; display:block; margin-top:3%; width:45%}
.cent02-l a{ display:block; vertical-align:bottom}
.cent02-l a img{ width:100%}
.cent0202{ display:none}
.cent02-r{ float:right; display:block; width:50%; margin-top:3%;}
.cent02-r ul li{ padding:0px 24px 0px 24px; display:block; box-sizing:border-box; position:relative}
.cent02-r ul li a:before{content: ""; height:4px; width:4px; border-radius:50%; background:#fff; position:absolute; top:31px; left:25px; display:block}
.cent02-r ul li a:after{ content: ""; display:none; height:17px; width:17px; background:url(../images/Polygon%204.png) center no-repeat; background-size:100% 100%; position:absolute; top:23px; left:16px;}

.cent02-r ul li a{border-bottom:0.5px solid #ffffff78; color:#fff; display:block; padding-left:16px; padding-top:20px; padding-bottom:20px}
.cent02-r ul li a h2{ font-size:18px; font-weight:400; display:block;     overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
   -webkit-line-clamp: 1;}
.cent0202{ margin: 10px 0}
.cent0202 span{ font-size:14px; color:#D4D6D9; line-height:22px; font-weight:300;    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
   -webkit-line-clamp: 2;}
.cent0202 .time{ display: flex;  align-items: center;justify-content: space-between; margin-top:12.5px}
.cent0202 .time em{ font-style:normal; font-size:12px; display: flex;  align-items: center;}
.cent0202 .time em img{ width:18px;}





.cent02-r ul li.on{ background:#2D264D80}
.cent02-r ul li.on .cent0202{ display:block}

.cent02-r ul li.on a:before{ display:none}
.cent02-r ul li.on a:after{ display:block}
.cent02-r ul li:hover{}
.cent02-r>a{ display:block; margin-top:4%; border:1px solid #fff; border-radius:30px; padding:6px 10px; float:right; color:#fff; font-size:16px;}



.cent03-bg{ padding:4% 0}
.cent03>h2{ display:block; font-size:18px; color:#000; margin-top:2%; line-height:36px; font-weight:400; margin-bottom:2%}

.cent03 ul li{ float:left; display:block;width:calc((100% - 4%)/3);background-image: linear-gradient(to right, #052852,#01172B); margin-right:2%; padding:30px 30px 0 30px; box-sizing:border-box; border-radius:20px;}
.cent03 ul li:nth-child(3n) { margin-right: 0% ;}
.cent03 ul li .he{ height:250px; overflow-y:scroll; color:#fff; margin-top:20px}

.cent03 ul li .he::-webkit-scrollbar{width:10px;}
.cent03 ul li .he::-webkit-scrollbar-thumb{background-color:#c3cad4;border-radius:10px;border:2px solid #e1e5ea;}
.cent03 ul li .he::-webkit-scrollbar-thumb:hover{background-color:#FFFFFF80;}
.cent03 ul li .he::-webkit-scrollbar-thumb:active{border:0;border-radius:0;background-color:#FFFFFF80}
.cent03 ul li .he::-webkit-scrollbar-thumb:window-inactive{background-color:#FFFFFF80}
.cent03 ul li .img{ width:100%}
.cent03 ul li .img img{ width:100%; vertical-align:bottom;}
.cent03 ul li .he h2{ display:block;font-size:24px; line-height:36px; font-weight:700;}
.cent03 ul li .he span{ font-size:18px; line-height:36px; font-weight:400; margin-top:4%}


.cent04-bg{ padding:4% 0;}
.cent04-l{ float:left; display:block; width:49%; margin-top:2%}
.cent04-l span{ font-size:18px; color:#fff; display:block; line-height:36px; font-weight:400; margin-top:4%}
.cent04-r{ float:right; display:block; width:46%}
.cent04-r img{ width:100%; vertical-align:bottom;}



.cent05-bg{ padding:4% 0;}
.cent05 .img{ width:100%; margin-top:4%}
.cent05 .img img{ width:100%; vertical-align:bottom;}


.footer-bg{background-image: linear-gradient(to right, #000000,#252AC0,#300354); color:#fff}
.footer-bg a{ color:#fff;}
.footer{ padding:4% 0;}
.footer01{ width:100%; float:left; display:block}
.footer01 dl{ display: flex;   align-items: flex-start;justify-content: space-between;}
.footer01 dl dd{}
.footer01 dl dd>a{ font-size:14px; font-weight:bold;}
.footer01 dl dd ul{ margin-top:20px;}
.footer01 dl dd ul li{ line-height:30px;}
.footer01 dl dd ul li a{ color:#ccc;}
.footer02{ float:right; display:block; width:28%; text-align:right;}
.footer02 .lainije{}
.footer02 .lainije a{ display: inline-flex; justify-content: center;  align-items: center; width:30px; height:30px; border-radius:50%; border:1px solid #ccc}
.footer02 .lainije a img{ width:70%;     filter: brightness(0%) contrast(200%) invert(100%) opacity(100%);  }
.footer02 ul{ /*margin-top:40px;*/}
.footer02 ul li{ line-height:30px; font-size:14px;}
.footer03{ border-top:1px solid #ccc; padding:20px 0; text-align:center; text-align:center;}



.top{ display:none}
.sp_header{display:none}
.sjj_nav{display:none}

.bg{ background:#F2F2F7; padding:40px 0;}
.weizhi{height:40px; line-height:40px; background:url(../images/title03.png) no-repeat;font-size:14px; }
.weizhi span{ color:#4D45CE}

.cent06{ margin-top:1%;}
.title01{ text-align:center; padding-bottom:24px}
.title01 h2{ font-size:40px; font-style:italic;letter-spacing:8px; background-image: -webkit-linear-gradient(top,#42E0FF,#1D3CE9,#343CED,#9639FF); -webkit-background-clip: text;
 -webkit-text-fill-color: transparent;}
.cent06 .title01{ margin-bottom:10px;  border-bottom:1px solid #4D45CE80;}
.cent06-l{ float:left; display:block; width:25%;}
.cent06-l ul li{ background:#fff; padding:25px 48px; margin-bottom:6px; border-radius:8px;}
.cent06-l ul li.on01{background: url(../images/Polygon4.png) right 10% center no-repeat #4D45CE;}
.cent06-l ul li.on01 a{ color:#fff;}
.cent06-l ul li a{ font-size:18px; color:#2B2E33; font-weight:600; line-height:1;}
.cent06-l ul li:hover{background: url(../images/Polygon4.png) right 10% center no-repeat #4D45CE;}
.cent06-l ul li:hover a{ color:#fff;}

.cent06-r{ float:right; display:block; width:calc(100% - 28%); background:#fff; border-radius:8px; box-sizing:border-box; padding:48px;}


.tongzi{ width:100%}
.tongzi ul li{ display: flex;justify-content: space-between;  align-items: center; background:#F7F8FA; border-radius:8px; margin-bottom:24px; padding:32px;}
.tongzi ul li .img{ width:36px}
.tongzi ul li .img img{ width:100%; vertical-align:bottom;}
.tongzi01{flex: 1;margin: 0 1vw;}
.tongzi01 .h2{ font-size:18px; color:#000;}
.tongzi01 .h2 em{ font-size:14px; color:#737780; float:right; display: flex; align-items: center; font-style:normal;}
.tongzi01 .h2 em img{filter: brightness(0%) contrast(200%) invert(50%) opacity(100%); width:18px;}
.tongzi01 span{    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
   -webkit-line-clamp:3; color:#737780; line-height:22px; font-size:14px; font-weight:300; margin-top:12px;}
   
   
.tongzi ul li>a{ width:100px; border:1px solid #4D45CE; border-radius:4px; color:#4D45CE; font-size:12px; background:#fff; height:32px;  display: flex; justify-content: center;  align-items: center;}
.tongzi ul li>a img{ width:16px; margin-right:10px}

.guanyue{}
.guanyue ul li{ margin-bottom:2%}
.guanyue ul li a{ background:#F7F8FA; display:block; border:1px solid #EDEFF2; border-radius:8px; padding:24px 24px 24px 56px; position:relative}
.guanyue ul li a:before {content: ""; position:absolute; top:33px; left:34px; width:7px; background:#716797; height:7px; border-radius:50%;}
.guanyue ul li .h2{ display: flex;  align-items: center;justify-content: space-between;}
.guanyue ul li .h2 h2{ width:80%;    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
   -webkit-line-clamp: 1; font-size:18px; line-height:24px; font-weight:400; color:#000;}
.guanyue ul li .h2 em{font-size:14px; color:#737780; float:right; display: flex; align-items: center; font-style:normal;}
.guanyue ul li .h2 em img{width: 12px;margin-right: 4px;}
.guanyue ul li span{    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
   -webkit-line-clamp: 2; font-size:14px; color:#737780; line-height:22px; margin-top:2%}


.cent07{ padding-top:1%}
.cent0701{ background:#fff; border-radius:10px; padding:48px;}
.cent0701 ul li{ margin-bottom:2%; border-radius:8px; padding:32px; display: flex;justify-content: space-between;  align-items: center;    background: #F7F8FA;
 border: 1px solid #EDEFF2;}
.cent0701 ul li a{ width:100px; border:1px solid #4D45CE; border-radius:4px; color:#4D45CE; font-size:12px; background:#fff; height:32px;  display: flex; justify-content: center;  align-items: center;}
.cent0701 ul li a img{ width:16px; margin-right:10px}
.cent0702{flex: 1;margin: 0 1vw;}
.cent0702 h2{ font-weight:400; display:block; font-size:18px; margin-bottom:10px; color:#000;}
.cent0702 em{ font-style:normal;font-size:14px; color:#737780; display: flex; align-items: center; font-style:normal;}
.cent0702 em img{width: 12px;margin-right: 4px;}
.cent0701 ul li .img{ width:36px}
.cent0701 ul li .img img{ width:100%; vertical-align:bottom;}

.inside_con{ min-height:300px; border-radius:5px; background:#fff; padding:48px; box-sizing:border-box;}

.cent08{ margin:2% auto;}
.cent0801{border-radius:5px; background:#fff; padding:48px; color:#000;}
.cent0801 h2{ font-size:20px; font-weight:600; line-height:40px;}
.cent0801 ul li{font-size:20px; line-height:40px}

.cent09{ background:#FFFFFF; border:1px solid #F0F0F5; border-radius:10px; overflow:hidden;}
.xianq{ text-align:center}
.xianq img{ max-width:100%; margin:0 auto;}
.cent0901{ margin:10px 20px; display: flex; align-items: center;justify-content: space-between;}
.cent0901 .img{ width:48px}
.cent0901 .img img{ width:100%; vertical-align:bottom;}
.cent0901 h2{flex: 1;margin: 0 1vw; font-size:18px; color:#000; font-weight:600;}
.cent0901 a{  width:108px; border:1px solid #4D45CE; border-radius:4px; color:#4D45CE; font-size:18px; background:#fff; height:34px;  display: flex; justify-content: center;  align-items: center;}

@media only screen and (max-width: 980px) {
.header-bg{ display:none}
.top{ display:block; height:50px;}
.sphear01{ float:right; display:block; width:87px; line-height:30px; border:1px solid #7F7F7F; border-radius:5px; color:#000; margin-top:10px; margin-right:10px; text-align:center;font-size:16px;}
.sphear01 a{ color:#000; font-size:16px; margin:0 4px;}
.sphear01 a.on{ font-weight:bold;}
/*---------------------------------------------------------------------------------------------------------------手机站导航开始----------*/

.sp_header{height:50px;overflow:hidden;background:#fff;position:fixed;z-index:10;width:100%;  display:block}
.sp_logo{padding:10px;float:left;height:50px;box-sizing: border-box;}
.sp_logo img{margin:auto;max-height:30px;}
.sp_nav{width:50px;float: left;position:relative;cursor:pointer;height:30px;margin-top:15px}
.sp_nav span{display:block;background: #000;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:first-child{overflow:hidden;border-top:0}
.sjj_nav>ul>li:first-child>a{float:left;width:calc(100% - 70px)}
.sjj_nav>ul>li:first-child .language{float:right;width:70px;overflow:hidden;line-height:30px;margin-top:5px}
.sjj_nav>ul>li:first-child .language a{width:35px;float:left;border-left:1px #ddd solid;text-align:center;color:#999;}
.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}
/*---------------------------------------------------------------------------------------------------------------手机站导航结束----------*/
.banner-bg{ }
.banner span{ font-size:18px}
.banner span:before{ width:30px}
.banner span:after{ width:30px}
.banner>a{ font-size:12px}
.banner .img01{ width:50%}
.xiane{ text-align:center; display:none}
.xiane em{ font-size:12px}
	
.cent01-r{ display:none}	
.cent01-l{ float:none; width:100%}
.cent01-l>h2{ font-size:16px}
.title img{ margin:0 auto; height:30px}
.caxe{ justify-content: center; }
.caxe a{ padding:6px 25px; margin:0 10px;}
	
.cent02-bg{ padding:5% 0;}	
.cent02-l{ display:none}	
.cent02-r{ float:none; display:block; width:100%;}
.cent03-bg{ padding:5% 0;}
.cent03>h2{ display:none}
.cent03 .cent030101{ width:100%;overflow-x:scroll; margin-top:5%}
.cent03 ul{ width:800px;}
.cent03 ul li .he h2{ font-size:18px;}
.cent03 ul li .he span{ font-size:16px; line-height:28px;}
.cent04-r{ display:none}
.cent04-l{ float:none; display:block; width:100%;}
.footer{ padding:5% 0}
.cent04-l span{ text-align:center; font-size:18px; line-height:32px;}	
.footer01{ display:none;}
.footer02{ float:none; display:block; width:100%; text-align:left;}
.footer02 ul{ margin-top:5%;}

.cent06-l{ float:none; display:block; width:100%}
.cent06-r{ float:right; display:block; width:100%; padding:5%;}
.tongzi ul li{ padding:5%;flex-wrap: wrap; }
.tongzi01{ margin:5% auto; flex:inherit; width:100%;}
.tongzi ul li .img{ margin:0 auto;}
.tongzi ul li>a{ margin:0 auto;}
	
.guanyue ul li .h2{flex-wrap: wrap}	
.guanyue ul li .h2 h2{ width:100%}

.cent0701{ padding:5%}	
.cent0701 ul li{flex-wrap: wrap;  padding:5%; margin-bottom:5%}
.cent0701 ul li .cent0702{ margin:5% auto; flex:inherit; width:100%;}	
.cent0701 ul li a{ margin:0 auto;}
.cent0701 ul li .img{ margin:0 auto;}
.inside_con{ padding:5%;}
.cent0801{ padding:5%;}

.cent0901 a{ margin:0 auto;}
.cent0901 .img{ margin:0 auto;}
.cent0901{flex-wrap: wrap; }
.cent0901 h2{margin:5% auto; flex:inherit; width:100%;}
	}