@charset "utf-8";
/* CSS Document */
*{ -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
body { padding: 0px; margin: 0px; font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; color: #333; }
div,img,ul,li,dl,dt,dd,p,input,button,span,h1,h2,h3,h4,h5,h6,td,th{ margin:0; padding:0; border:0;}
table {border-collapse: collapse;border-spacing: 0;}
select,input{vertical-align:middle;}
h1,h2,h3,h4,h5 { font-weight:normal;}
ul,li { list-style:none;}
i,em { font-style: normal;}
img { border:none}
.clearfix:after { content:"."; display:block; height:0; clear:both; overflow:hidden; }
.fl { float:left} .fr { float:right} .tc { text-align:center} .red { color:#c00;} .pr { position: relative;}
a { color:#333; text-decoration:none;}
a:hover { color:#c00; text-decoration: none;}
.p15 { padding: 0px 15px;}
.p20 { padding-top: 20px;}

.wrap { width: 100%; background: #399af0;}
.wrap .top { max-width: 750px;}

.daohang{
    color: #fff;
    text-align: center;
    justify-content: space-around;
    flex-wrap: wrap;
    display: flex;
    padding-top: 10px;
}
.daohang span {
    margin: 0.5rem 0.09rem;
    font-size: 14px;
    display: block;
    margin-bottom: 20px;
}
.daohang span a{
	color: #fff;
}

.top {transform: scale3d(1, 1, 1); position: fixed; width: 100%; max-width: 750px; z-index: 99;}
.top_nav {
	position: fixed;
	width: 100%;
	height: 60px;
	background: rgba(255,255,255,.95);
	box-shadow: 0px 5px 10px rgba(0,0,0,.3);
	left: 0px;
	right: 0px;
	top: -60px;
	}
.top_nav .logo { float: left; padding-left: 15px; width: 50%;}
.top_nav .logo img {
	max-height: 30px;
	margin-top: 15px;
	}
.top_nav .nav_ico { float: right; width: 50%;}
.zixundh a {
    color: #fff!important;
    padding: 0px 20px!important;
	line-height: 30px!important;
	background: #2e324c;
	display: inline-block;
	width: 70%;
	margin: 5px auto 0px;
	border-radius: 30px;
}


#nav{text-align: center;color: #fff;position: relative;}
#nav span.right{width: 29px;height: 29px;position: absolute;right: 15px;top: 15px;background:url(../images/nav_bg.png) no-repeat center center;background-size: 100%;
transform:rotate(0deg);
-ms-transform:rotate(0deg);     /* IE 9 */
-moz-transform:rotate(0deg);    /* Firefox */
-webkit-transform:rotate(0deg); /* Safari 和 Chrome */
-o-transform:rotate(0deg);
-webkit-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;
}
#nav span.right.on{background: url(../images/nav_btn.png) no-repeat center center;background-size: 85%;
transform:rotate(135deg);
-ms-transform:rotate(135deg);     /* IE 9 */
-moz-transform:rotate(135deg);    /* Firefox */
-webkit-transform:rotate(135deg); /* Safari 和 Chrome */
-o-transform:rotate(135deg);
-webkit-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;}

.nav{overflow: hidden;background-color: #0864c1;width: 100%;position:relative;left: 0;top: 0;right: 0;z-index: 9999;height: 0;
-webkit-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;}
.nav li{width: 100%;text-align: center; border-top: 1px solid #0097da;font-size: 16px;height: 40px;line-height: 40px;}
.nav li a{color: #fff;display: block;text-align: center; text-decoration:none;}


/**********首页*********/
.header {
	background: url(../images/head_bg.jpg) top center no-repeat; 
	background-size: contain; 
	height: 620px; 
	text-align: center;
	margin-top: 40px;
padding-top: 20px;
	}

.header h2 {
	display: block;
	padding: 30px 0px;
	font-size: 90px;
	color: #fff;
	font-weight: bold;
	text-shadow: 5px 5px 0px #003c89;
	line-height: 100px;
	}
.header h2 font { color: #fcff00;}
.header h3 {
	display: inline-block;
	background: #0063b1;
	line-height: 50px;
	padding: 0px 40px;
	border-radius: 50px;
	color: #fff;
	font-size: 26px;
	margin-top: 30px;
	}
.header p {
	line-height: 53px;
	background: url(../images/head_tit.png) center center no-repeat;
	font-size: 24px;
	color: #0063b1;
	margin: 30px 0px;
	}
.header a {
	display: inline-block;
	line-height: 40px;
	background: #f25240;
	color: #fff;
	border-radius: 50px;
	font-size: 20px;
	padding: 0px 30px;
	box-shadow: 0px 0px 5px rgba(0,0,0,.3);
	margin-top: 70px;
	}

.title { text-align: center; padding-top: 50px;}
.title label {
	display: inline-block;
	background: #0063b1;
	color: #fff;
	font-size: 30px;
	line-height: 54px;
	border-radius: 50px;
	font-weight: normal;
	padding: 0px 50px;
	position: relative;
	}
.title label:before {
	content:"";
	position: absolute;
	width: 72px;
	height: 52px;
	background: url(../images/icon.png) no-repeat;
	left: -26px;
	top: 0px;
	}
.title label:after {
	content:"";
	position: absolute;
	width: 72px;
	height: 52px;
	background: url(../images/icon.png) no-repeat;
	right: -26px;
	top: 0px;
	transform:rotateY(180deg);
	}
/*******简介********/
.jj_box {
	position: relative;
	background: rgba(255,255,255,.8);
	border-radius: 10px;
	padding: 40px 40px 25px;
	margin: 30px 15px 0px;
	}
.jj_box:after {
	content:"";
	position: absolute;
	width: 100%;
	height: 87px;
	background: url(../images/line.png) no-repeat;
	background-size: contain;
	top: 0px;
	left: 0px;
	}
.jj_box:before {
	content:"";
	position: absolute;
	width: 156px;
	height: 117px;
	background: url(../images/g.png) no-repeat;
	top: -55px;
	right: 0px;
	z-index: 10;
	}
.jj_box p {
	color: #0063b1;
	font-size: 20px;
	line-height: 40px;
	text-indent: 2em;
	padding-top: 30px;
	}

/********国内形势********/
.gnxs {
	display: flex;
	justify-content: space-around;
	align-items: center;
	margin: 0px 15px;
	padding: 50px 0px;
	}
.gnxs_tit {
	background: #daebfd;
	width: 20%;
	padding: 30px 20px;
	text-align: center;
	font-size: 30px;
	color: #0063b1;
	font-weight: 700;
	border-radius: 10px 0px 0px 10px;
	}
.gnxs_p {
	background: #0074dd;
	border-radius: 10px;
	width: 80%;
	padding: 10px 20px 20px;
	color: #fff;
	}
.gnxs_p strong { font-size: 20px; line-height: 50px;}
.gnxs_p p {
	font-size: 16px;
	line-height: 24px;
	padding-left: 20px;
	}
	
.more { text-align: center;}
.more a {
	display: inline-block;
	background: #fb8700;
	color: #fff;
	font-size: 20px;
	border-radius: 50px;
	line-height: 50px;
	padding: 0px 30px;
	box-shadow: 0px 0px 10px rgba(0,0,0,.2);
	}

.gjxs {
	display: flex;
	justify-content: space-around;
	align-items: center;
	margin: 0px 15px;
	padding: 50px 0px;
	}
.gjxs_tit {
	background: #daebfd;
	width: 20%;
	padding: 30px 20px;
	text-align: center;
	font-size: 30px;
	color: #6351c6;
	font-weight: 700;
	border-radius: 0px 10px 10px 0px;
	}
.gjxs_p {
	background: #8172da;
	border-radius: 10px;
	width: 80%;
	padding: 10px 20px 20px;
	color: #fff;
	}
.gjxs_p strong { font-size: 20px; line-height: 50px;}
.gjxs_p p {
	font-size: 16px;
	line-height: 24px;
	padding-left: 20px;
	}
	
.fwmx_p {
	background: #0074dd;
	border-radius: 10px;
	width: 80%;
	padding: 20px 20px;
	color: #fff;
	}
.fwmx_p p {
	font-size: 18px;
	line-height: 36px;
	}
	
/***********为什么*********/
.why { padding: 30px 10px 30px;}
.why ul {
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap;
	}
.why ul li {
	padding: 25px 15px;
	margin: 8px 5px;
	width: calc(20% - 10px);
	text-align: center;
	background: rgba(255,255,255,.8);
	border-radius: 10px;
	}
.why ul li p {
	line-height: 24px;
	font-size: 16px;
	padding-top: 10px;
	}

/******期刊******/
.qk_box { padding: 30px 10px;}
.qk_box ul {
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap;
	background: rgba(255,255,255,.8);
	border-radius: 10px;
	padding: 5px 5px;
	}
.qk_box ul li {
	margin: 8px 5px;
	width: calc(16.6667% - 10px);
	text-align: center;
	}
.qk_box ul li img { max-width: 100%;}

/******mingxi******/
.ser_mx { padding: 30px 5px;}
.ser_mx ul {
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap;
	}
.ser_mx ul li {
	margin: 10px 10px;
	width: calc(25% - 20px);
	background: rgba(255,255,255,.8);
	border-radius: 10px;
	padding: 15px 10px;
	position: relative;
	}
.ser_mx ul li b {
	position: absolute;
	width: 40px;
	height: 40px;
	line-height: 40px;
	color: #fff;
	text-align: center;
	background: #fb8700;
	font-size: 20px;
	border-radius: 50%;
	top: -10px;
	right: -10px;
	}
.ser_mx ul li h3 {
	display: block;
	font-size: 20px;
	color: #0063b1;
	line-height: 40px;
	text-align: center;
	}
.ser_mx ul li p {
	font-size: 16px;
	color: #0063b1;
	line-height: 24px;
	}
.ser_mx .mx_01 { background:  rgba(152,76,254,.8);}
.ser_mx .mx_01 h3, .ser_mx .mx_01 p { color: #fff;}
.ser_mx .mx_02 { background:  rgba(255,51,167,.8);}
.ser_mx .mx_02 h3, .ser_mx .mx_02 p { color: #fff;}
.ser_mx .mx_01 b, .ser_mx .mx_02 b, .ser_mx .mx_04 b { left: -10px;}
.ser_mx .mx_03 { background:  rgba(152,76,254,.8);}
.ser_mx .mx_03 h3, .ser_mx .mx_03 p { color: #fff;}
.ser_mx .mx_05 { background:  rgba(255,51,167,.8);}
.ser_mx .mx_05 h3, .ser_mx .mx_05 p { color: #fff;}

/******问题****/
.ask_bg { padding: 50px 15px 0px;}
.ask_box {
	border-radius: 30px;
	background: #fff url(../images/ask_bg.png) no-repeat;
	background-size: cover;
	padding: 30px 30px;
	position: relative;
	width: 100%;
	}
.ask_box:before {
	content:"";
	position: absolute;
	width: 231px;
	height: 230px;
	background: url(../images/ask_ico.png) no-repeat;
	top: -7px;
	right: -13px;
	}
.ask_box strong {
	font-size: 20px;
	color: #6054f6;
	line-height: 50px;
	}
.ask_box p {
	font-size: 16px;
	color: #666;
	line-height: 30px;
	}
.ask_box a {
	display: inline-block;
	line-height: 60px;
	background: #fcac31;
	color: #fff;
	font-size: 30px;
	padding: 0px 30px;
	border-radius: 10px;
	margin-top: 30px;
	}
	
/******其他******/
.zz_box { padding: 30px 10px;}
.zz_box ul {
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap;
	background: rgba(255,255,255,.8);
	border-radius: 10px;
	padding: 10px 0px;
	}
.zz_box ul li {
	margin: 10px 10px;
	width: calc(50% - 20px);
	color: #fff;
	}
.zz_box ul li h3{
	height: 100px;
	width: 100px;
	background: #07a7cf;
	border-radius: 50%;
	text-align: center;
	font-size: 24px;
	font-weight: 700;
	padding: 15px 20px;
	border: 4px solid rgba(255,255,255,.8);
	float: left;
	}
.zz_box ul li p {
	background: #07a7cf;
	height: 100px;
	width: 85%;
	border-radius: 0px 10px 10px 0px;
	margin-left: 54px;
	padding: 20px 20px 20px 60px;
	font-size: 20px;
	}
.zz_box .zz_01 h3, .zz_box .zz_01 p {background: #07a7cf;}
.zz_box .zz_02 h3, .zz_box .zz_02 p {background: #177efe;}
.zz_box .zz_03 h3, .zz_box .zz_03 p {background: #5f6af1;}
.zz_box .zz_04 h3, .zz_box .zz_04 p {background: #7358eb;}

.pb30 { padding-bottom: 30px;}

.footer { padding: 50px 15px 20px; text-align: center;}
.footer strong { color: #fff; font-size: 30px;}
.footer h4 { font-size: 16px; line-height: 24px; color: #fff; margin-bottom: 15px;}
/*.footer p { font-size: 16px; line-height: 24px; color: #eee;}*/


@media screen and (min-width:768px) {
	html .wrap { width: 750px; margin: 0px auto;}
	}

@media screen and (max-width:640px) {
	.header { height: 360px;}
	.header h2 { font-size: 50px; line-height: 55px; text-shadow: 3px 3px 0px #003c89; padding: 0px 0px 10px;}
	.header h3 { font-size: 18px; line-height: 40px; padding: 0px 20px; margin-top: 10px;}
	.header p { font-size: 20px; line-height: 36px; background-size:contain; margin: 10px 0px;}
	.header a { font-size: 16px; line-height: 34px; margin-top: 25px;}
	.title { padding-top: 30px;}
	.title label { font-size: 22px;}
	.jj_box { margin: 30px 5px 0px; padding: 30px 20px 15px;}
	.jj_box p { font-size: 15px; line-height: 26px; padding-top: 20px;}
	.jj_box:before { background-size:contain; width: 100px; top: -30px;}
	.gnxs, .gjxs { margin: 0px 5px; padding: 30px 0px;}
	.gnxs_p, .gjxs_p { padding: 5px 10px 10px;}
	.gnxs_tit, .gjxs_tit { font-size: 18px; width: 10%; padding: 20px 2px;}
	.gnxs_p, .gjxs_p, .fwmx_p { width: 90%;}
	.gnxs_p strong, .gjxs_p strong { font-size: 18px; line-height: 30px;}
	.gnxs_p p, .gjxs_p p { font-size: 13px; line-height: 16px;}
	.more a { font-size: 16px; line-height: 40px;}
	.why { padding: 20px 0px;}
	.why ul li { padding: 10px 5px;}
	.why ul li img { max-width: 40px;}
	.why ul li p { font-size: 13px; line-height: 16px; padding-top: 5px;}
	.qk_box { padding: 30px 5px;}
	.qk_box ul li { margin: 8px 2px; width: calc(16.6667% - 4px);}
	.ser_mx { padding: 20px 0px;}
	.ser_mx ul li {margin: 8px 3px; width: calc(25% - 6px); padding: 10px 5px;}
	.ser_mx ul li b { width: 30px; height: 30px; line-height: 30px; font-size: 16px; right: -5px;}
	.ser_mx ul li h3 { font-size: 12px; line-height: 30px;}
	.ser_mx ul li p { font-size: 13px; line-height: 20px;}
	.ser_mx .mx_01 b, .ser_mx .mx_02 b, .ser_mx .mx_04 b { left: -5px;}
	.fwmx_p {padding: 10px 10px;}
	.fwmx_p p { font-size: 13px; line-height: 18px;}
	.ask_bg {padding: 30px 5px 0px;}
	.ask_box { padding: 10px 25px 25px;}
	.ask_box strong { font-size: 15px; line-height: 34px;}
	.ask_box p { font-size: 13px; left: 20px; line-height: 20px;}
	.ask_box a { font-size: 20px; line-height: 44px;}
	.ask_box:before { background-size:contain; width: 90px; height: 90px; right: -6px; top: -4px;}
	.zz_box { padding: 20px 5px;}
	.zz_box ul { padding: 10px 5px 10px 0px;}
	.zz_box ul li {margin: 8px 5px; width: calc(50% - 10px);}
	.zz_box ul li h3 { font-size: 16px; width: 80px; height: 80px;}
	.zz_box ul li p { height: 80px; width: 80%; margin-left: 40px; font-size: 13px; padding: 10px 15px 10px 50px;}
	.footer { padding: 20px 15px 20px;}
	.footer p { font-size: 13px; line-height: 20px;}
	}
@media screen and (max-width:375px) {
	.header { height: 310px;}
	.header h2 { font-size: 45px; line-height: 50px; text-shadow: 2px 2px 0px #003c89;}
	.header h3 { font-size: 15px; line-height: 30px;}
	.header p { font-size: 15px; line-height: 30px;}
	.title { padding-top: 20px;}
	.jj_box { padding: 30px 15px 15px;}
	.jj_box p { font-size: 13px; line-height: 20px;}
	.gnxs_p strong, .gjxs_p strong { font-size: 16px;}
	.gnxs_p p, .gjxs_p p { padding-left: 13px;}
	.gnxs_p, .gjxs_p {padding: 5px 10px 10px;}
	.why { padding: 20px 3px;}
	.why ul li {margin: 8px 2px; width: calc(20% - 4px); padding: 10px 3px;}
	.why ul li p { font-size: 12px;}
	.title label { font-size: 18px; line-height: 46px;}
	.ser_mx ul li p { font-size: 12px; line-height: 18px;}
	.ser_mx ul li h3 { font-size: 12px;}
	.zz_box ul li h3 { width: 60px; height: 60px; font-size: 14px; padding: 10px 10px; line-height: 18px;}
	.zz_box ul li p { height: 60px; margin-left: 30px; font-size: 12px; padding: 5px 10px 10px 35px;}
	.zz_box ul {padding: 5px 5px 5px 0px;}
	.zz_box ul li { margin: 4px 5px;}
	.ask_box strong { font-size: 12px;}
	.ask_box p { font-size: 12px; line-height: 18px;}
	.ask_box a { margin-top: 20px;}
	}
@media screen and (max-width:320px) {
	.header { height: 265px;}
	.header h2 { font-size: 35px; line-height: 40px;}
	.jj_box:before { width: 70px; height: 50px; top: -24px;}
	.jj_box:after { height: 38px;}
	.jj_box p { padding-top: 0px;}
	.zz_box ul li p {padding: 5px 5px 10px 35px;}
	.ask_box:before { width: 70px; height: 70px; top: -2px; right: -4px;}
	.why ul li p { line-height: 16px;}
	}


/*表单*/ 
.biaodan{
	    background: rgb(0 116 221);
    position: relative;
    margin: 0px 10px 0px 10px;
    background-size: 100% 100%;
    overflow: hidden;
    border-radius: 20px;
}
.biaodan .bdform{
    margin: 0 auto;
    padding: 20px;
    box-sizing: border-box;
    margin-top: 5px;
	position: relative;
}
.biaodan .bdform label {
	display: block;
	position: absolute;
	bottom: 95px;
	left: 20px;
	}
.biaodan .bdform label input {
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px;
	width: 15px;
	height: 15px;
	}
.biaodan .bdform label a { color: #fff;}
.biaodan form:after {
	content:"";
	clear: both;
	display: block;
	overflow: hidden;
	}
.biaodan .bdform h2{
	color: #fff;
	text-align: center;
	font-size: 18px;
}
.biaodan .bdform .tianx{
	margin-top: 20px;
}
.biaodan form .in{
	height: 39px;
    width: 100%;
    border-radius: 5px;
    padding-left: 20px;
    float: left;
    border: none;
}
.biaodan form .tijiao{
    width: 100%;
    height: 39px;
    background: #fb8700;
    border-radius: 5px;
    color: #fff;
    border: none;
    font-size: 16px;
    /* font-weight: bold; */
    margin-top: 50px;
    margin-bottom: 20px;
}
.biaodan form .tianx span{
        float: left;
    color: #fff;
    line-height: 30px;
    padding-right: 10px;
    font-size: 14px;
}
.chooseus{
	margin-top: 0;
}