@charset "utf-8";
*{margin:0;padding:0;outline:0;}
body,html{overflow-x:hidden;color:#333;font:14px/30px -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple c Emoji", "Segoe UI Emoji", "Segoe UI Symbol";;}
blockquote,body,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0;}
input[type=text],input[type=submit],textarea,button{-webkit-border-radius:0;font-family:"Microsoft Yahei", "PingFang SC", "Helvetica Neue", Helvetica, Arial;-webkit-appearance:none;}
input:focus{outline:0;}
textarea{resize:none;}
h1,h2,h3,h4,h5,h6{font-style:normal;font-size:100%;}
abbr,em,i,li,ol,ul{list-style-type:none;font-style:normal;}
img{border:0;vertical-align:middle;}
table{border-collapse:collapse;border-spacing:0;}
.clearfix{display:block;zoom:1;}
.clearfix:before{display:table;content:"";}
.clearfix:after{clear:both;display:block;visibility:hidden;height:0;content:"";}
* html .clearfix{height:1%;}
*{box-sizing:border-box;}
a{color:#333;text-decoration:none;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s;-ms-transition:.3s;}
a:hover{color:#0158b9;text-decoration:none;}
.hide,.none,ins{display:none;}
.fl{float:left;display:inline-block;}
.fr{float:right;display:inline-block;}
.wrap{clear:both;display:block;margin:0 auto;max-width:1400px;width:100%;padding:0 0;}
.animate img{position:relative;opacity:1;-webkit-transition:.5s all;-moz-transition:.5s all;-o-transition:.5s all;transition:.5s all;-webkit-transform:scale(1,1) rotate(0);-ms-transition:.5s all;}
a:hover .animate img{-webkit-transform:scale(1.06,1.06);-moz-transform:scale(1.06,1.06);-o-transform:scale(1.06,1.06);transform:scale(1.06,1.06);-ms-transform:scale(1.06,1.06);}
.animate img:hover{-webkit-transform:scale(1.06,1.06);-moz-transform:scale(1.06,1.06);-o-transform:scale(1.06,1.06);transform:scale(1.06,1.06);-ms-transform:scale(1.06,1.06);}
.tran,.tran a,a.tran,.tran img{-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;-ms-transition:all .3s;}

@font-face{
	font-family:"quicksand";
	src:url('../fonts/quicksand.ttf') format('truetype');
	font-weight:normal;
	font-style:normal;
}
@font-face{
	font-family:"din";
	src:url("../fonts/din-medium.woff") format("woff"),
	url("../fonts/din-medium.ttf") format("truetype"),
	url("../fonts/din-medium.eot") format("embedded-opentype"),
	url("../fonts/din-medium.svg") format("svg");
	font-weight:normal;
	font-style:normal;
}
@font-face{
	font-family:'stolzl';
	src:url('../fonts/stolzl-Regular.eot');
	src:url('../fonts/stolzl-Regular.eot?#iefix') format('embedded-opentype'),
	url('../fonts/stolzl-Regular.woff2') format('woff2'),
	url('../fonts/stolzl-Regular.woff') format('woff'),
	url('../fonts/stolzl-Regular.ttf') format('truetype');
	font-weight:normal;
	font-style:normal;
}
#header{width:100%; position:relative}
#header .wrap{height:100px;display:flex;justify-content:space-between ;align-items:center; position:relative}
#header .logo img.m{ display:none}
#header .logo img.pc{ display:block}
#header .logo img{height:70px;}
#header .right{display:flex;align-items:center;gap:0 50px;}
#header .right .nav ul{display:flex;align-items:center;gap:0 10px;}
#header .right .nav ul li h3{ padding:20px 0}
#header .right .nav ul li h3 a{font-size:16px;position:relative;line-height:60px;display:block; font-family:"Ideal Sans", sans-serif; padding:0 20px}
#header .right .nav ul li h3 a span{ display:none}
#header .right .nav ul li.active h3 a{ background:rgba(1,88,158,.2)}
#header .right .nav ul li:hover h3 a{ background:rgba(1,88,158,.2)}
#header .right .nav ul li .sub{ display:none;position:absolute; left:0; top:100px; z-index:33; background:#fff; border-top:2px solid #0158b9;box-shadow:0px 0px 12px 0px rgba(0,0,0,0.1);}
#header .right .nav ul li .sub .box{ display:flex;justify-content:space-between; }
#header .right .nav ul li .sub .info{ width:25%; background:#0158b9; padding:20px}
#header .right .nav ul li .sub .info .text{ font-size:16px; color:#fff; line-height:1.5}
#header .right .nav ul li .sub .info .text p{ margin-bottom:15px}
#header .right .nav ul li .sub .info .img{ margin-top:15px; height:150px; overflow:hidden}
#header .right .nav ul li .sub .info .img img{ width:100%;}
#header .right .nav ul li .sub .list{ width:75%; padding:20px;display:flex;justify-content:space-between;}
#header .right .nav ul li .sub .list .item{ width:24%}
#header .right .nav ul li .sub .list .item h4{ font-size:16px; font-weight:700}
#header .right .nav ul li .sub .list .item dl{ margin-top:10px}
#header .right .nav ul li .sub .list .item dl dd{ line-height:1.2; padding:10px 0}
#header .right .nav ul li .sub .list .item dl dd a{ color:#0158b9}
#header .right .nav ul li .sub .list .item dl dd a:hover{ color:#169af3; text-decoration:underline}
#header .right .nav ul li .sub .list1 .item:nth-child(3){ width:48%;}
#header .right .nav ul li .sub .list1 .item:nth-child(3) dl{display:flex;flex-wrap:wrap}
#header .right .nav ul li .sub .list1 .item:nth-child(3) dl dd{ width:50%}
#header .right .zixun{background:#0158b9;color:#fff;padding:6px 20px;border-radius:6px;}
#header .right .mnav{display:none;}	

#banner{width:100%;background:#333;}
#banner .focus{position:relative;}
#banner .focus .swiper-slide{position:relative;}
#banner .focus .swiper-slide .img img{width:100%;height:100%;object-fit:cover;}
#banner .focus .swiper-slide .info{position:absolute;left:0;bottom:0;width:100%;padding:150px 0 80px;}
#banner .focus .swiper-slide .info{background:linear-gradient(to top,rgba(1,39,64,1) 0%,rgba(1,39,64,.8) 50%,rgba(1,39,64,0) 100%);background-size:cover;}
#banner .focus .swiper-slide .info .text a{display:flex;justify-content:space-between;align-items:center;}
#banner .focus .swiper-slide .info .text .left .title{font-size:38px;font-weight:700;color:#fff;line-height:1.3;font-family:"stolzl";}
#banner .focus .swiper-slide .info .text .left .desc{font-size:20px;color:#bec8ce;margin-top:10px;}
#banner .focus .swiper-slide .info .text .right span{background:#fff;display:block;padding:15px 30px;border-radius:50px;font-size:16px;font-weight:700;}
#banner .focus .swiper-slide .info .text a:hover .right span{background:#169af3;color:#fff;}

#top{width:100%;padding:50px 0;}
#top .stitle{display:flex;justify-content:space-between;align-items:center;}
#top .stitle .t{font-weight:700;width:180px;}
#top .stitle .line{background:#ebeff3;height:2px;width:calc(100% - 180px);display:block;overflow:hidden;}
#top .list{margin-top:40px;}
#top .list ul{display:flex;align-items:center;gap:0 30px;}
#top .list ul li{width:calc((100% - 60px) / 3);}
#top .list ul li a{display:flex;justify-content:space-between;align-items:center;}
#top .list ul li .img{width:35%;}
#top .list ul li .img img{width:100%;border-radius:8px;}
#top .list ul li .info{width:60%;}
#top .list ul li .info .title{line-height:1.6;font-size:16px;font-weight:700;}
#top .list ul li .info .desc{margin-top:5px;color:#bec8ce;font-weight:700;}
#top .list ul li a:hover  .info .title{color:#169af3;}

#about{width:100%;padding:50px 0;}
#about .wrap{position:relative;}
#about .video{height:485px;border-radius:8px;overflow:hidden;}
#about .video img{width:100%;height:100%;object-fit:cover;}
#about .bg{position:absolute;right:20px;top:50%;height:538px;width:616px;transform:translate(0, -50%);}
#about .bg .img img{width:100%;}
#about .bg .img_m{display:none;}
#about .bg .text{width:100%;padding:120px 90px 0;position:absolute;left:0;top:0;}
#about .bg .text .desc{font-size:36px;color:#fff;text-align:center;line-height:1.5;font-family:"stolzl";}
#about .bg .text .btn{text-align:center;margin-top:20px;}
#about .bg .text .btn a{background:#fff;display:inline-block;padding:15px 30px;border-radius:50px;font-size:16px;font-weight:700;}
#about .bg .text .btn a:hover{background:#169af3;color:#fff;}

#data{width:100%;padding:50px 0;background:url(../images/bg_data.jpg) no-repeat center center;background-size:cover;}
#data .wrap{display:flex;justify-content:space-between;}
#data .left{width:400px;}
#data .left .stitle .title{font-size:36px;line-height:1.2;font-family:"stolzl"; color:#012740}
#data .left .stitle .title span{display:block;}
#data .left .stitle .desc{font-size:18px;margin-top:20px;line-height:1.5; opacity:.8}
#data .left .stitle .btn{margin-top:40px;}
#data .left .stitle .btn a{background:#0158b9;color:#fff;display:inline-block;padding:12px 30px;font-size:16px;border-radius:100px;}
#data .left .stitle .btn a:hover{background:#169af3;}
#data .left .area{margin-top:160px;}
#data .left .area .title{font-weight:700;font-size:18px;}
#data .left .area .list{margin-top:30px;display:flex;flex-wrap:wrap;gap:20px;}
#data .left .area .list a{display:block;border:2px solid #0158b9;color:#0158b9;padding:8px 30px;border-radius:100px;font-weight:700;}
#data .left .area .list a:hover{background:#169af3;color:#fff;border:2px solid #169af3;}
#data .right{width:calc(100% - 580px);}
#data .right ul{display:flex;justify-content:space-between;flex-wrap:wrap;gap:40px;}
#data .right ul li{width:calc((100% - 40px) / 2);border:1px solid #ddd;border-radius:10px;overflow:hidden;padding:50px 30px;background:#fff;}
#data .right ul li .classname{border-bottom:2px solid #872c8f;font-size:12px;font-weight:700;}
#data .right ul li:nth-child(2) .classname{border-bottom:2px solid #07ab50;}
#data .right ul li:nth-child(3) .classname{border-bottom:2px solid #91302f;}
#data .right ul li:nth-child(4) .classname{border-bottom:2px solid #872c8f;}
#data .right ul li .info{padding:20px 0;}
#data .right ul li .info .title{font-size:36px;font-weight:700;color:#000;line-height:1.4;font-family:"stolzl";}
#data .right ul li .info .desc{color:#666;line-height:1.4;font-size:18px;height:120px;margin-top:5px;}
#data .right ul li .source{border-top:2px solid #ebeff3;line-height:1.6;padding-top:10px;color:#888;font-style:italic;font-size:13px;}
#data .right ul li a:hover .info .title{color:#169af3;}


#submit{ width:100%; padding:50px 0}
#submit .box{ background:#e7edf3; padding:60px; border-radius:10px}
#submit .box{display:flex;justify-content:space-between;align-items:center;}
#submit .box .text{ width:40%}
#submit .box .text .title{ font-size:36px; color:#012740; line-height:1.2}
#submit .box .text .desc{ margin-top:10px; font-size:18px; line-height:1.5; opacity:.8}
#submit .box .right{ width:55%}
#submit .box .right .form{display:flex;align-items:center;}
#submit .box .right .form .item{ width:38%; border:1px solid #c2d0dc; overflow:hidden}
#submit .box .right .form .item:first-child{ border-radius:50px 0 0 50px;}
#submit .box .right .form .item .text{ width:100%; line-height:1; text-indent:30px; line-height:56px; border:0; font-size:16px}
#submit .box .right .form .button{ width:24%; background:#0158b9; border-radius:0 50px 50px 0;}
#submit .box .right .form .button .btn{ width:100%; text-align:center; line-height:58px;height:58px;; line-height:1; border:0; background:none; color:#fff; font-size:18px}
#submit .box .right .agree{display:flex;justify-content:space-between;align-items:flex-start; margin-top:30px}
#submit .box .right .agree input{ width:30px; margin-top:6px;}
#submit .box .right .agree span{ width:calc(100% - 40px); font-size:18px; line-height:1.5}
#submit .box .right .agree span a{ text-decoration:underline}

#research{width:100%;padding:50px 0;}
#research .stitle{display:flex;justify-content:space-between;align-items:center;}
#research .stitle .title{font-size:36px;color:#012740;font-family:"stolzl";}
#research .stitle .right a{background:#0158b9;color:#fff;display:block;padding:8px 20px;border-radius:50px;}
#research .stitle .right a:hover{background:#169af3;}
#research .list{margin-top:50px;}
#research .list ul{display:flex;justify-content:space-between;}
#research .list ul li{width:45%;display:flex;justify-content:space-between;align-items:center;}
#research .list ul li .img{width:35%;}
#research .list ul li .img img{width:100%;}
#research .list ul li .info{width:58%;}
#research .list ul li .info .title{font-size:26px;line-height:1.4;font-weight:700;color:#0158b9;border-bottom:2px solid #ebeff3;padding-bottom:30px;}
#research .list ul li .info .desc{margin-top:20px;line-height:1.6;color:#888;}
#research .list ul li .info .view{margin-top:30px;}
#research .list ul li .info .view a{color:#0158b9;font-size:16px;border-bottom:2px solid #b2c8d4;padding-bottom:10px;display:inline-block;}

#adv{width:100%;background:#0158b9;margin-top:50px;}
#adv .wrap{display:flex;justify-content:space-between;align-items:center;}
#adv .text{padding:130px 0;}
#adv .text .title{font-size:36px;color:#fff;line-height:1.2;font-family:"stolzl";}
#adv .text .desc{font-size:18px;color:rgba(255,255,255,.7);margin-top:10px;}
#adv .text .view{margin-top:30px;}
#adv .text .view a{background:#fff;color:#0158b9;font-size:16px;display:inline-block;padding:15px 25px;border-radius:100px;font-weight:700;}
#adv .text .view a:hover{background:#169af3;color:#fff;}
#adv .right{position:relative;}
#adv .right .bg{position:absolute;right:0;top:50%;transform:translate(0, -50%);}
#adv .right .bg img{width:auto;height:100%;}
#adv .right .pic{position:absolute;right:10px;top:50%;transform:translate(0, -55%);}

#project{width:100%;padding:50px 0;margin-top:50px;}
#project .wrap{display:flex;justify-content:space-between;}
#project .left{width:400px;}
#project .left .stitle .title{font-size:36px;line-height:1.2;color:#012740;font-family:"stolzl";}
#project .left .stitle .title span{display:block;}
#project .left .stitle .view{margin-top:30px;}
#project .left .stitle .view a{border-bottom:2px solid #b2c8d4;padding-bottom:10px;font-size:16px;color:#0158b9;font-weight:700;}
#project .left .area{margin-top:150px;padding-top:50px;border-top:2px solid #ebeff3;}
#project .left .area .title{font-weight:700;font-size:18px;}
#project .left .area .list{margin-top:30px;display:flex;flex-wrap:wrap;gap:20px;}
#project .left .area .list a{display:block;border:2px solid #0158b9;color:#0158b9;padding:8px 30px;border-radius:100px;font-weight:700;}
#project .left .area .list a:hover{background:#169af3;color:#fff;border:2px solid #169af3;}
#project .right{width:800px;}
#project .right .list{}
#project .right .list ul li{border-bottom:2px solid #ebeff3;padding:20px 0;}
#project .right .list ul li a{display:flex;justify-content:space-between;align-items:center;}
#project .right .list ul li .pic{ margin-bottom:50px}
#project .right .list ul li .pic img{width:100%;}
#project .right .list ul li .img{width:240px;}
#project .right .list ul li .img img{width:100%;}
#project .right .list ul li .info{width:calc(100% - 290px);border-left:2px solid #872c8f;padding-left:30px;}
#project .right .list ul li .info .desc{font-weight:700;color:#888;}
#project .right .list ul li .info .title{font-size:24px;font-weight:700;color:#0158b9;margin-top:10px;}
#project .right .list ul li a:hover .info .title{color:#169af3;}
#project .right .list ul li:nth-child(2) .info{border-left:2px solid #91302f;}
#project .right .list ul li:nth-child(3) .info{border-left:2px solid #5d6472;}
#project .right .list ul li:last-child{border:0;}

#progress{width:100%;padding:80px 0;background:#f8f8f8;}
#progress .stitle{display:flex;justify-content:space-between;align-items:center;}
#progress .stitle .title{width:60%;}
#progress .stitle .title .t{font-size:36px;line-height:1;color:#012740;font-family:"stolzl";}
#progress .stitle .title .desc{font-size:18px;margin-top:10px;line-height:1.4; opacity:.8;}
#progress .stitle .right a{background:#0158b9;color:#fff;display:block;padding:8px 20px;border-radius:50px;}
#progress .stitle .right a:hover{background:#169af3;}
#progress .list{margin-top:50px;}
#progress .list ul{display:flex;justify-content:space-between;align-items:center;}
#progress .list ul li{width:30%;}
#progress .list ul li .ptitle{font-size:12px;color:#888;}
#progress .list ul li .box{margin-top:20px;display:flex;justify-content:space-between;align-items:center;gap:0 20px;}
#progress .list ul li .icon{width:130px;}
#progress .list ul li .icon img{width:100%;}
#progress .list ul li .info{width:calc(100% - 130px);}
#progress .list ul li .info .title{font-size:28px;font-weight:700;}
#progress .list ul li .info .desc{margin-top:10px;font-size:16px;line-height:1.4;}
#progress .list ul li a:hover .info .title{color:#169af3;}

#story{width:100%;padding:80px 0;background:url(../images/bg_story.png) no-repeat right center #0158b9;background-size:auto 100%;}
#story .stitle{font-size:36px;color:#fff;}
#story .list{margin-top:80px;}
#story .list ul{display:flex;justify-content:space-between;align-items:center;gap:0 30px;}
#story .list ul li{width:calc((100% - 60px) / 3);position:relative;border-radius:10px;overflow:hidden;}
#story .list ul li .img{height:500px;overflow:hidden;}
#story .list ul li .img img{width:100%;height:100%;object-fit:cover;}
#story .list ul li .info{position:absolute;left:0;bottom:0;width:100%;padding:140px 40px 40px;}
#story .list ul li .info{background:linear-gradient(to top,rgba(1,39,64,1) 0%,rgba(1,39,64,.8) 50%,rgba(1,39,64,0) 100%);background-size:cover;}
#story .list ul li .info .desc{color:#fff;opacity:.8;font-weight:700;font-size:12px;}
#story .list ul li .info .title{font-size:20px;font-weight:700;line-height:1.3;color:#fff;margin-top:10px;}
#story .list ul li:hover{-webkit-transform:translatey(-10px);-ms-transform:translatey(-10px);-o-transform:translatey(-10px);transform:translatey(-10px);}
#story .list ul li:hover .info .title{border-bottom:2px solid #169af3;padding-bottom:30px;}

#group{width:100%;padding:50px 0;}
#group .stitle{font-size:36px;color:#012740;font-family:"stolzl";}
#group .list{margin-top:50px;}
#group .list ul{display:flex;align-items:center;gap:0 30px;}
#group .list ul li{width:calc((100% - 60px) /3);border-top:2px solid #ebeff3;padding-top:30px;}
#group .list ul li a{display:flex;justify-content:space-between;align-items:center;gap:0 30px;}
#group .list ul li .info{width:60%;}
#group .list ul li .info .desc{font-size:12px;font-weight:700;}
#group .list ul li .info .title{font-size:20px;font-weight:bold;line-height:1.3;color:#0158b9;}
#group .list ul li .info time{font-size:12px;margin-top:10px;}
#group .list ul li .img{width:35%;}
#group .list ul li .img img{width:100%;border-radius:6px;}
#group .list ul li a:hover  .info .title{color:#169af3;}

#footer{width:100%;background:#012740;}
#footer .share{display:flex;justify-content:space-between;align-items:center;padding:40px 0;border-bottom:2px solid #00426d;}
#footer .share .left{display:flex;align-items:center;}
#footer .share .left .logo{border-right:2px solid rgba(255,255,255,.3);padding-right:40px;}
#footer .share .left .logo img{height:50px;}
#footer .share .left .linker{margin-left:40px;display:flex;gap:0 20px;}
#footer .share .left .linker a{font-weight:700;color:#fff;}
#footer .share .left .linker a:hover{ text-decoration:underline;}
#footer .share .list{display:flex;align-items:center;gap:0 10px;}
#footer .share .list a{width:40px;height:40px;color:#fff;background:#0158b9;border-radius:60px;}
#footer .share .list a{display:flex;justify-content:center;align-items:center;font-size:18px;}
#footer .share .list a:hover{background:#169af3;}
#footer .map{padding:60px 0;width:100%;display:flex;justify-content:space-between;border-bottom:2px solid #00426d;}
#footer .map .item{width:60%;display:flex;flex-wrap:wrap}
#footer .map .item a{display:block; width:33%;color:#bec8ce;font-size:16px;line-height:2.2;}
#footer .map .item a:hover{color:#fff;text-decoration:underline;}
#footer .map .item2{width:30%;border-left:2px solid #003f68;padding-left:50px;}
#footer .map .item2 .title{font-size:26px;color:#fff;line-height:1.4;}
#footer .map .item2 .sign{margin-top:30px;}
#footer .map .item2 .sign a{background:#fff;color:#0158b9;font-weight:700;display:inline-block;padding:10px 40px;border-radius:80px;}
#footer .map .item2 .sign a:hover{background:#169af3;color:#fff;}
#footer .copyright{padding:30px 0;display:flex;justify-content:space-between;}
#footer .copyright .text{color:#bec8ce;}
#footer .copyright .right{display:flex;gap:0 20px;}
#footer .copyright .right a{color:#bec8ce;}
#footer .copyright .right a:hover{color:#fff;text-decoration:underline;}

@media (max-width:1400px){
	.wrap{padding:0 20px;}
	#banner .focus .swiper-slide .info .text .left .title{font-size:30px;}
	#banner .focus .swiper-slide .info .text .left .desc{font-size:16px;}
	#banner .focus .swiper-slide .info .text .right span{padding:10px 20px;}
	#data .left{width:400px;}
	#data .right{width:calc(100% - 420px);}
	#project .left{width:400px;}
	#project .right{width:calc(100% - 420px);}

}
@media (max-width:1200px){
	#story .list ul li .img{height:400px;}
	#adv .right{position:relative; width:30vw}
	#adv .right .pic img{ width:100%}
}
@media (max-width:1100px){
	#data .wrap{flex-wrap:wrap;}
	#data .left{width:100%;}
	#data .left .area{margin-top:30px;}
	#data .right{width:100%; margin-top:50px}
	#submit .box {flex-wrap:wrap}
	#submit .box .text{ width:100%}
	#submit .box .right{ width:100%; margin-top:30px}
}
@media (max-width:800px){
	body,html{font-size:.23rem;line-height:.34rem;}
	.wrap{padding:0;}
	
	#header{position:fixed; left:0; top:0; z-index:999; background:#fff;box-shadow:0 2px 10px 0 rgba(28,28,28,.1);}
	#header .wrap{height:1rem; padding:0 .25rem}
	#header .logo img.m{ display:block}
	#header .logo img.pc{ display:none}
	#header .logo img{height:.7rem;}
	#header .right .mnav{position:relative;display:block;width:.34rem;height:.25rem;cursor:pointer;}
	#header .right .mnav span{position:absolute;display:block;width:.34rem;height:.05rem;background:#0158b9;transition:all .5s;border-radius:.05rem;}
	#header .right .mnav .s1{top:0;}
	#header .right .mnav .s2{top:.1rem;width:.26rem;}
	#header .right .mnav .s3{top:.2rem;}
	#header .right .mnav.isopen .s1{top:.1rem;transform:rotate(45deg);}
	#header .right .mnav.isopen .s2{width:0;opacity:0;}
	#header .right .mnav.isopen .s3{top:.1rem;transform:rotate(-45deg);}
	#header .right .nav{position:absolute;background:#fff;height:auto;min-height:100vh;width:100%;top:1rem;z-index:999;padding:.1rem 0 0;transform:translatex(100%);left:0;border-top:1px solid #eee;}
	#header .right .nav ul{ display:block}
	#header .right .nav ul li{ border-bottom:1px solid #eee; padding:0}
	#header .right .nav ul li h3{ padding:0}
	#header .right .nav ul li h3 a{font-size:.24rem;line-height:1.5; padding:.25rem; background:none}
	#header .right .nav ul li.active h3 a{ background:none}
	#header .right .nav ul li:hover h3 a{ background:none}
	#header .right .nav ul li h3 a span{ display:block; font-size:.2rem; line-height:1.3; color:#999; font-weight:normal; margin-top:.05rem}
	#header .right .nav .sub{ display:none !important}
	#header .right .nav.isopen{transform:translatex(0); display:block}
	
	#banner .focus .swiper-slide .img{height:7rem;}
	#banner .focus .swiper-slide .info{padding:1rem 0 .5rem;}
	#banner .focus .swiper-slide .info .text{padding:0 .25rem;}
	#banner .focus .swiper-slide .info .text a{display:block;}
	#banner .focus .swiper-slide .info .text .left .title{font-size:.34rem;line-height:1.2;}
	#banner .focus .swiper-slide .info .text .left .desc{font-size:.22rem;margin-top:.1rem;line-height:1.2;}
	#banner .focus .swiper-slide .info .text .right span{display:inline-block;padding:.15rem .34rem;font-size:.22rem;margin-top:.2rem;}

	#top{padding:.5rem .25rem;}
	#top .stitle .t{width:3rem;font-size:.22rem;}
	#top .stitle .line{height:.02rem;width:calc(100% - 3rem);}
	#top .list{margin-top:.4rem;}
	#top .list ul{gap:.3rem;flex-wrap:wrap;}
	#top .list ul li{width:100%;}
	#top .list ul li .img{width:35%;overflow:hidden;border-radius:8px;}
	#top .list ul li .img img{width:100%;}
	#top .list ul li .info{width:60%;}
	#top .list ul li .info .title{font-size:.24rem;}
	#top .list ul li .info .desc{margin-top:.05rem;font-size:.2rem;}
	
	#about{padding:.5rem .25rem;}
	#about .wrap{position:inherit;}
	#about .video{height:auto;width:100%;}
	#about .bg{position:relative;right:0;top:0;height:auto;width:100%;transform:translate(0);margin-top:.5rem;}
	#about .bg .text{width:100%;padding:1.5rem .5rem 0;}
	#about .bg .img{display:none;}
	#about .bg .img_m{display:block;}
	#about .bg .text .desc{font-size:.36rem;}
	#about .bg .text .btn{margin-top:.3rem;}
	#about .bg .text .btn a{padding:.2rem .4rem;font-size:.22rem;}
	
	#data{padding:.5rem .25rem;}
	#data .wrap{display:block;}
	#data .left{width:100%;}
	#data .left .stitle .title{font-size:.34rem;}
	#data .left .stitle .title span{display:inline-block;}
	#data .left .stitle .desc{font-size:.22rem;margin-top:.2rem;}
	#data .left .stitle .btn{margin-top:.4rem;}
	#data .left .stitle .btn a{padding:.2rem .4rem;font-size:.22rem;}
	#data .left .area{margin-top:.3rem;}
	#data .left .area .title{font-size:.24rem;}
	#data .left .area .list{margin-top:.3rem;gap:.2rem;}
	#data .left .area .list a{padding:.1rem .3rem;}
	#data .right{width:100%;margin-top:.5rem;}
	#data .right ul{flex-wrap:nowrap;gap:.3rem;overflow:scroll;padding-bottom:.2rem;}
	#data .right ul li{width:80%;padding:.5rem .3rem;flex:0 0 auto;}
	#data .right ul li .classname{font-size:.18rem;}
	#data .right ul li .info{padding:.3rem 0;}
	#data .right ul li .info .title{font-size:.4rem;}
	#data .right ul li .info .desc{font-size:.22rem;height:2rem;margin-top:.1rem;}
	#data .right ul li .source{padding-top:.1rem;font-size:.2rem;}
	
	#submit{padding:.5rem .25rem}
	#submit .box{  padding:.4rem;}
	#submit .box{display: block}
	#submit .box .text{ width:100%}
	#submit .box .text .title{ font-size:.34rem;}
	#submit .box .text .desc{ margin-top:.1rem; font-size:.22rem;}
	#submit .box .right{ width:100%; margin-top:.3rem}
	#submit .box .right .form{flex-wrap:wrap;}
	#submit .box .right .form .item{ width:100%;}
	#submit .box .right .form .item:first-child{ border-radius:.1rem .1rem 0 0;}
	#submit .box .right .form .item:nth-child(2){ border-radius:0 0 .1rem .1rem;}
	#submit .box .right .form .item .text{ text-indent:.2rem; line-height:.74rem;font-size:.22rem}
	#submit .box .right .form .button{ width:100%; border-radius:.5rem; margin-top:.3rem;}
	#submit .box .right .form .button .btn{ line-height:.74rem;height:.74rem;font-size:.24rem}
	#submit .box .right .agree{ margin-top:.3rem}
	#submit .box .right .agree input{ width:.3rem; margin-top:.1rem;}
	#submit .box .right .agree span{ width:calc(100% - .4rem); font-size:.22rem; line-height:1.3}
	#submit .box .right .agree span a{ text-decoration:underline}
	
	#research{padding:.5rem .25rem;}
	#research .stitle .title{font-size:.34rem;}
	#research .stitle .right{display:none;}
	#research .list{margin-top:.5rem;}
	#research .list ul{display:flex;justify-content:space-between;flex-wrap:wrap;gap:.8rem;}
	#research .list ul li{width:100%;}
	#research .list ul li .img{width:35%;overflow:hidden;border-radius:8px;}
	#research .list ul li .info{width:60%;}
	#research .list ul li .info .title{font-size:.26rem;padding-bottom:.2rem;line-height:1.2;}
	#research .list ul li .info .desc{margin-top:.1rem;font-size:.22rem;line-height:1.2;}
	#research .list ul li .info .view{margin-top:.1rem;}
	#research .list ul li .info .view a{font-size:.22rem;padding-bottom:.1rem;}
	
	#adv{margin-top:1rem;position:relative;}
	#adv .text{padding:4rem .25rem 1rem;}
	#adv .text .title{font-size:.34rem;}
	#adv .text .desc{font-size:.22rem;margin-top:.1rem;}
	#adv .text .view{margin-top:.3rem;}
	#adv .text .view a{font-size:.22rem;padding:.2rem .4rem;}	
	#adv .right{position:inherit;}
	#adv .right .bg{display:none;}
	#adv .right .pic{position:absolute;width:60%;text-align:center;right:50%;top:-1rem;transform:translate(50%,0);}
	#adv .right .pic img{width:100%;height:auto;}
	
	#project{padding:.5rem .2rem;margin-top:0;}
	#project .wrap{display:block;}
	#project .left{width:100%;}
	#project .left .stitle .title{font-size:.34rem;}
	#project .left .stitle .view{margin-top:.3rem;}
	#project .left .stitle .view a{padding-bottom:.1rem;font-size:.22rem;}
	#project .left .area{margin-top:.5rem;padding-top:.5rem;}
	#project .left .area .title{font-size:.24rem;}
	#project .left .area .list{margin-top:.3rem;gap:.2rem;}
	#project .left .area .list a{padding:.1rem .3rem;}
	#project .right{width:100%;margin-top:.8rem;}
	#project .right .pic{overflow:hidden;}
	#project .right .pic img{width:100%;}
	#project .right .list{margin-top:0;}
	#project .right .list ul li{padding:.3rem 0;}
	#project .right .list ul li a{display:flex;flex-wrap:wrap;flex-direction:column-reverse;}
	#project .right .list ul li .img{width:100%;overflow:hidden;}
	#project .right .list ul li .info{width:100%;padding-left:.3rem;margin-top:.2rem;}
	#project .right .list ul li .info .desc{font-size:.2rem;}
	#project .right .list ul li .info .title{font-size:.28rem;line-height:1.4;margin-top:.1rem;}
	
	#progress{padding:.5rem .25rem;}
	#progress .stitle{display:block;}
	#progress .stitle .title{width:100%;}
	#progress .stitle .title .t{font-size:.34rem;}
	#progress .stitle .title .desc{font-size:.22rem;margin-top:.1rem;}
	#progress .stitle .right{margin-top:.3rem;}
	#progress .stitle .right a{padding:.2rem .4rem;display:inline-block;font-size:.22rem;}
	#progress .list{margin-top:.5rem;}
	#progress .list ul{flex-wrap:wrap;gap:.5rem;}
	#progress .list ul li{width:100%;}
	#progress .list ul li .ptitle{font-size:.2rem;}
	#progress .list ul li .box{margin-top:.2rem;gap:0 .2rem;}
	#progress .list ul li .icon{width:1.3rem;}
	#progress .list ul li .info{width:calc(100% - 1.4rem);}
	#progress .list ul li .info .title{font-size:.28rem;}
	#progress .list ul li .info .desc{margin-top:.05rem;font-size:.22rem;}
	
	#story{padding:.8rem .25rem;}
	#story .stitle{font-size:.34rem;}
	#story .list{margin-top:.8rem;}
	#story .list ul{gap:.5rem;flex-wrap:wrap;}
	#story .list ul li{width:100%;}
	#story .list ul li .img{height:5rem;overflow:hidden;}
	#story .list ul li .info{padding:.2rem .3rem .3rem;}
	#story .list ul li .info .desc{font-size:.2rem;}
	#story .list ul li .info .title{font-size:.28rem;margin-top:.1rem;}
	#story .list ul li:hover .info .title{padding-bottom:.3rem;}
	
	#group{padding:.5rem .25rem;}
	#group .stitle{font-size:.34rem;}
	#group .list{margin-top:.5rem;}
	#group .list ul{flex-wrap:wrap;gap:.5rem;}
	#group .list ul li{width:100%;}
	#group .list ul li a{gap:0 .3rem;}
	#group .list ul li .info{width:60%;}
	#group .list ul li .info .desc{font-size:.2rem;}
	#group .list ul li .info .title{font-size:.28rem;}
	#group .list ul li .info time{font-size:.2rem;margin-top:.1rem;}
	#group .list ul li .img{width:35%;overflow:hidden;}
	
	#footer{padding:0 .25rem;}
	#footer .share{display:block;padding:.4rem 0;border-bottom:2px solid #00426d;}
	#footer .share .left{display:block;align-items:center;}
	#footer .share .left .logo{border-right:0;padding-right:0;text-align:center;border-bottom:2px solid #00426d;padding-bottom:.4rem;}
	#footer .share .left .logo img{height:.8rem;}
	#footer .share .left .linker{margin-left:0;gap:0 .3rem;justify-content:center;border-bottom:2px solid #00426d;padding:.4rem 0;}
	#footer .share .list{justify-content:center;gap:0 .1rem;padding-top:.4rem;}
	#footer .share .list a{width:.6rem;height:.6rem;border-radius:.6rem;}
	#footer .share .list a{font-size:.24rem;}
	#footer .map{padding:.4rem 0;width:100%;display:block;border-bottom:2px solid #00426d;}
	#footer .map .item{width:100%;}
	#footer .map .item a{display:block;color:#bec8ce;font-size:16px;line-height:2.2;}
	#footer .map .item a:hover{color:#fff;text-decoration:underline;}
	#footer .map .item2{width:100%;border-left:0;padding-left:0;padding-top:.4rem;border-top:2px solid #00426d;margin-top:.4rem;}
	#footer .map .item2 .title{font-size:.28rem;}
	#footer .map .item2 .sign{margin-top:.3rem;}
	#footer .map .item2 .sign a{padding:.2rem .5rem;}
	#footer .copyright{padding:.3rem 0;display:block;justify-content:center;}
	#footer .copyright .text{text-align:center;}
	#footer .copyright .right{gap:0 .1rem;flex-wrap:wrap;justify-content:center;}
}

body.main{ background:url(../images/main_bg.png) no-repeat left top; background-size:40% auto}
.main #header{ border-bottom:1px solid #e7edf3}

.mlocal{ display:flex;align-items:center;gap:0 10px; color:#012740}
.mtitle{ margin-top:100px}
.mtitle h2{ display:block; font-size:50px; color:#012740}
.mtitle .desc{ margin-top:20px; font-size:18px}

#main{ width:100%; padding:50px 0}
#main .about .content{ margin-top:60px; font-size:16px; line-height:1.8}
#main .about .content p{ margin-bottom:10px}
#main .about .content img{ max-width:100%}

#main .list{ margin-top:50px}
#main .list ul{ display:flex;flex-wrap:wrap;gap:30px}
#main .list ul li{ width:calc((100% - 90px) / 4)}
#main .list ul li .img{ height:220px; overflow:hidden}
#main .list ul li .img img{width:100%;height:100%;object-fit:cover}
#main .list ul li .info{ padding:20px 0}
#main .list ul li .info .time{ color:#888}
#main .list ul li .info .title{ font-size:18px; font-weight:700; line-height:1.3; margin-top:10px}
#main .list ul li .info .desc{line-height:1.5; margin-top:10px}

#main .news_show .ntitle{ margin-top:50px; border-bottom:1px solid #eee; padding-bottom:20px}
#main .news_show .ntitle h1{ font-size:40px; line-height:1.2; font-weight:normal; margin-top:10px}
#main .news_show .content{ margin-top:30px; font-size:17px; line-height:1.8}
#main .news_show .content p{ margin-top:10px}
#main .news_show .content img{ max-width:100%}

#fenye{padding:80px 0 0px;display:flex;align-items:center;justify-content:center;gap:0 8px;}
#fenye a{color:#5a5a5a;height:50px;width:50px;line-height:50px;text-align:center;border:1px solid #eee;border-radius:4px;}
#fenye a.curr{color:#fff;background:#0158b9;border:1px solid #0158b9;}
#fenye a:hover{background:#0158b9;color:#fff;border:1px solid #0158b9;}

@media (max-width:800px){
	body,html{font-size:.23rem;line-height:.34rem;}
	body.main{background-size:60% auto}	
	.wrap{padding:0;}
	
	.mlocal{ gap:0 .1rem;}
	.mtitle{ margin-top:1rem}
	.mtitle h2{font-size:.6rem;}
	.mtitle .desc{ margin-top:.3rem; font-size:.22rem}
	
	#main{padding:.5rem .25rem; margin-top:1rem}
	#main .about .content{ margin-top:.6rem; font-size:.24rem;}
	#main .about .content p{ margin-bottom:.1rem}
	#main .about .content img{ max-width:100%}
	
	#main .list ul{ flex-wrap:wrap;gap:.3rem}
	#main .list ul li{ width:100%}
	#main .list ul li .img{ height: inherit}
	#main .list ul li .info{ padding:.2rem 0}
	#main .list ul li .info .title{ font-size:.24rem; margin-top:.1rem}
	#main .list ul li .info .desc{line-height:1.5; margin-top:.1rem; font-size:.22rem}
	
	#main .news_show .ntitle{ margin-top:.5rem; padding-bottom:.2rem}
	#main .news_show .ntitle h1{ font-size:.4rem; margin-top:.1rem}
	#main .news_show .content{ margin-top:.3rem; font-size:.24rem;}
	#main .news_show .content p{ margin-top:.1rem}
	
	#fenye{padding:.5rem 0 0px;gap:0 .1rem;}
	#fenye a{width:.66rem;height:.66rem;line-height:.66rem;}
	#fenye .num,#fenye .prev{display:none;}

}