@charset "utf-8";
/* CSS Document */
*{ -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
body {font-size: 14px; font-family: "Helvetica Neue", Helvetica, 微软雅黑, 新細明體, Arial, "Lucida Grande", sans-serif; margin: 0px; padding: 0px; color: #333;}
div,form,img,ul,ol,li,dl,dt,dd,p,input,button,span,h1,h2,h3,h4,h5,h6,label { margin:0; padding:0; border:0;}
ul,ol,li { list-style:none;}
i,em { font-style: normal;}
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden }
.pr { position: relative;}
a { color:#333; text-decoration:none;}
a:hover { color:#c00;}
body { max-width: 415px; width: 100%; margin: 0px auto;}


.warp {background:#9bddff url(../images/bg.png) no-repeat top center; background-size: cover;}

.top {transform: scale3d(1, 1, 1); position: fixed; width: 100%; max-width: 415px; z-index: 99;}
.top_nav {
	position: fixed;
	width: 100%;
	height: 40px;
	background: rgba(255,255,255,.95);
	box-shadow: 0px 5px 10px rgba(0,0,0,.3);
	left: 0px;
	right: 0px;
	top: -40px;
	}
.top_nav .logo { float: left; padding-left: 15px; width: 50%;}
.top_nav .logo img {
	max-height: 30px;
	margin-top: 5px;
	}
.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: 5px;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 h1{font-size: 0.16rem;font-weight: normal;}
#nav span.left{position:absolute;left:0;top:0;display: block;width: 0.44rem;height: 0.44rem;font-size: 0.14rem;padding-left:0.08rem;}

.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;}

.banner {
	width: 100%;
	height: 335px;
	background: url(../images/ban_bg.jpg) center center no-repeat;
	background-size: cover;
	margin-top: 40px;
	}
.ban_title {
	padding-top: 10px;
	}
.ban_title b {
	display: inline-block;
	width: 60px;
	height: 50px;
	padding: 8px 5px 0px;
	text-align: center;
	line-height: 16px;
	border-radius: 30px;
	font-size: 14px;
	color: #cc4725;
	margin-left: 15px;
	background: #f4c444;
	box-shadow: 5px 5px 0px #4954a3;
	}
.ban_title h3 {
	font-size: 24px;
	font-weight: 700;
	color: #231963;
	text-align: center;
	padding-top: 10px;
	}
.ban_title h4 {
	font-size: 14px;
	color: #355ca9;
	padding: 10px 0px;
	font-weight: 700;
	text-align: center;
	}
.ban_p {
	font-size: 12px;
	width: 245px;
	margin: 0px auto;
	text-align: center;
	padding-left: 50px;
	line-height: 14px;
	}

.ban_a { text-align: center; padding: 5px 0px 35px;}
.ban_a a{
	display: inline-block;
	background: linear-gradient(90deg, #5e509f 0%, #231963 100%);
	box-shadow: 5px 6px 0px rgba(94,80,160,.55);
	color: #fff;
	border-radius: 30px;
	padding: 0px 20px;
	font-size: 14px;
	line-height: 30px;
	margin-right: 44px;
	}
	
/**/
.fwys_box { padding: 20px 0px 0px;}
.fwys_box ul{
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap;
	}
.fwys_box ul li {
	margin: 0px 3px;
	width: calc(25% - 6px);
	transition:transform 0.3s ease;
	position: relative;
	background: linear-gradient(130deg,#ff8d19,#f96329 );
    box-shadow: 0px 0px 15px #ffe327 inset;
	border-radius: 10px;
	text-align: center;
	padding-top: 5px;
	}
.fwys_box ul li:hover{ transform:translateY(-10px); cursor: pointer;}
.fwys_box ul li:nth-child(even) {
	background: linear-gradient(130deg,#009bff,#3a48dd );
    box-shadow: 0px 0px 15px #80c2fa inset;
	}
.fwys_box ul li:nth-child(even) span a{ background: #4c80f6;}
.fwys_box ul li strong {
	font-size: 14px;
	display: block;
	color: #fff;
	line-height: 30px;
	text-shadow: 0px 1px 0px #000;
	}
.fwys_box ul li p {
	font-size: 13px;
	line-height: 18px;
	padding: 0px 6px;
	color: #fff;
	margin-bottom: 10px;
	min-height: 90px;
	}
.fwys_box ul li span {
	background: #fff;
	border-radius: 0px 0px 10px 10px;
	display: block;
	line-height: 40px;
	}
.fwys_box ul li span a {
	display: inline-block;
	padding: 0px 2px;
	line-height: 24px;
	border-radius: 10px;
	background: #f96329;
	color: #fff;
	font-size: 12px;
	}

.title {
	text-align: center;
	width: 90%;
	height: 40px;
	background: url(../images/title_bg.png) center center no-repeat;
	background-size: contain;
	margin: 20px auto 0px;
	}
.title label {
	font-size: 24px;
	display: block;
	font-weight: 700;
	}
.title label font {
	background: -webkit-linear-gradient(180deg, #FC5518 0%, #F9B645 100%);
  	-webkit-background-clip: text;
  	-webkit-text-fill-color: transparent;
  	}
.title label span { color: #fff;}

.more { text-align: center;}
.more a {
	display: inline-block;
	font-size: 16px;
	color: #fff;
	background: linear-gradient(90deg,#fea01b,#ff4c05);
	box-shadow: 0px 3px 10px 0px #EA3600;
	border-radius: 30px;
	padding: 0px 30px;
	line-height: 30px;
	margin-top: 20px;
	margin-bottom: 20px;
	}



/***期刊推荐**/
.qktj_box {
	padding: 10px;
	background: linear-gradient(130deg,#009bff,#3a48dd );
    box-shadow: 0px 0px 10px #80c2fa inset;
	border-radius: 20px;
	margin-top: 30px;
	}
.qk_show{
	background: #fff;
	border-radius: 20px;
	padding-bottom: 10px;
	overflow: hidden;
	height: 255px;
	}
.flexslider {
	position: relative;
	zoom: 1;
	}
.flex-viewport {
	max-height: 2000px;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	transition: all 1s ease;
	}
.flexslider .slides {zoom: 1;}
.flexslider .slides li {
	padding-bottom: 30px;
	padding-top: 20px;
	}
.flexslider .slides li>div{
	display: flex;
	justify-content: space-around;
	align-items: center;
	}
.flexslider .slides li>div a{
	margin: 0px 8px;
	width: calc(33.33334% - 16px);
	transition:transform 0.3s ease;
	text-align: center;
	}
.flexslider .slides li>div a:hover{ transform:translateY(-6px); cursor: pointer;}
.flexslider .slides li>div img { max-width: 100%; height:145px;}
.flexslider .slides li>div p { font-size: 16px; line-height: 30px;}
.flexslider .slides li>div span { font-size: 13px;}
.flex-direction-nav { *height: 0;}
.flex-direction-nav a {
	width: 30px;
	height: 90px;
	margin: -60px 0 0;
	display: block;
	background: url(../images/ad_ctr.png) no-repeat 0 0;
	position: absolute;
	top: 50%;
	z-index: 10;
	cursor: pointer;
	text-indent: -9999px;
	opacity: 0;
	filter:alpha(opacity=0);
	-webkit-transition: all .3s ease;
	}
.flex-direction-nav .flex-next {
	background-position: 0 -90px;
	right: 0;
	}
.flex-direction-nav .flex-prev { left: 0;}
.flexslider:hover .flex-next {
	opacity: 0.8;
	filter:alpha(opacity=25);
	}
.flexslider:hover .flex-prev {
	opacity: 0.8;
	filter:alpha(opacity=25);
	}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {
	opacity: 1;
	filter:alpha(opacity=50);
	}
.flex-control-nav {
	width: 100%;
	position: absolute;
	text-align: center;
	left:0; 
	bottom:0px;
	}
.flex-control-nav li {
	margin: 0 5px;
	display: inline-block;
	zoom: 1;
	*display: inline;
	}
.flex-control-paging li a {
	background: url(../images/dot.png) no-repeat 0 -16px;
	display:block;
	height: 16px;
	overflow: hidden;
	text-indent:-99em;
	width: 16px;
	cursor: pointer;
	}
.flex-control-paging li a.flex-active { background-position: 0 0;}

/***/
.xm_box {
	margin-top: 30px;
	}
.xm_box .up_ul {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	}
.xm_box .up_ul li {
	margin: 5px 5px;
	width: calc(33.3334% - 10px);
	text-align: center;
	border-radius: 20px;
	background: #fff;
	box-shadow: 0px 5px 10px rgba(58,72,220,.3);
	transition:transform 0.3s ease;
	padding: 8px;
	}
.xm_box li:hover{ transform:translateY(-10px); cursor: pointer;}
.xm_box .up_ul li h3 {
	font-size: 16px;
	line-height: 30px;
	color: #ff772d;
	padding-bottom: 5px;
	border-bottom: 1px solid #ffef97;
	}
.xm_box .up_ul li p {
	padding-top: 10px;
	line-height: 18px;
	font-size: 12px;
	}
	
/*******/
.td_box {
	margin-top: 30px;
	height: 320px;
	background: url(../images/td-img.png) center center no-repeat;
	background-size: cover;
	padding: 20px;
	}
.td_box p {
	font-size: 16px;
	line-height: 24px;
	color: #fff;
	margin-bottom: 15px;
	}
.td_box strong {
	font-size: 16px;
	line-height: 24px;
	color: #8b3d2b;
	}

/****/
.lc_box {
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 20px 0px 0px;
	}
.lc_box li {
	width: calc(33.3334% - 6px);
	margin: 0px 3px;
	position: relative;
	}
.lc_box li img{ width: 42px; display: block; margin-bottom: -10px; margin-left: 15px;}
.lc_box li p {
	font-size: 12px;
	line-height: 16px;
	background: url(../images/lc_bg2.png) no-repeat;
	background-size: 100% 100%;
	padding: 15px 5px 0px;
	height: 100px;
	color: #fff;
	text-align: center;
	}
.lc_box li:first-child p { background: url(../images/lc_bg1.png) no-repeat; background-size: 100% 100%;}
.lc_box li:last-child p { background: url(../images/lc_bg3.png) no-repeat; background-size: 100% 100%;}
.lc_box span { padding: 0px 5px;}
.lc_box span img { width: 20px; display: block; margin-top: 30px;}

/**/
.qt_fw {
	margin-top: 30px;
	}
.qt_fw .qt_ul {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	}
.qt_fw .qt_ul li {
	margin: 5px 3px;
	width: calc(25% - 6px);
	text-align: center;
	border-radius: 20px;
	background: #fff;
	box-shadow: 0px 5px 10px rgba(58,72,220,.3);
	transition:transform 0.3s ease;
	padding: 6px;
	position: relative;
	overflow: hidden;
	}
.qt_fw li:hover{ transform:translateY(-10px);}
.qt_fw .qt_ul li i {
	position: absolute;
	display: block;
	width: 45px;
	height: 45px;
	top: -10px;
	right: -10px;
	}
.qt_fw .qt_ul li:nth-child(1) i{ background: url(../images/qt-1.jpg) no-repeat; background-size: 100% 100%;}
.qt_fw .qt_ul li:nth-child(2) i{ background: url(../images/qt-2.jpg) no-repeat; background-size: 100% 100%;}
.qt_fw .qt_ul li:nth-child(3) i{ background: url(../images/qt-3.jpg) no-repeat; background-size: 100% 100%;}
.qt_fw .qt_ul li:nth-child(4) i{ background: url(../images/qt-4.jpg) no-repeat; background-size: 100% 100%;}
.qt_fw .qt_ul li:nth-child(5) i{ background: url(../images/qt-5.jpg) no-repeat; background-size: 100% 100%;}
.qt_fw .qt_ul li:nth-child(6) i{ background: url(../images/qt-6.jpg) no-repeat; background-size: 100% 100%;}
.qt_fw .qt_ul li:nth-child(7) i{ background: url(../images/qt-7.jpg) no-repeat; background-size: 100% 100%;}
.qt_fw .qt_ul li:nth-child(8) i{ background: url(../images/qt-8.jpg) no-repeat; background-size: 100% 100%;}
.qt_fw .qt_ul li h3 { position: relative; z-index: 10;}
.qt_fw .qt_ul li h3 a{
	font-size: 13px;
	line-height: 24px;
	color: #ff772d;
	display: block;
	padding-bottom: 5px;
	border-bottom: 1px solid #ffef97;
	}
.qt_fw .qt_ul li p {
	padding-top: 10px;
	line-height: 18px;
	font-size: 12px;
	color: #666;
	}
	
/**/
.footer {
	width: 100%;
	background: #333;
	}
.footer .f_tit {
	padding: 30px 0px;
	}
.footer .f_tit .f_tit_l {
	text-align: center;
	color: #a8a8a8;
	padding-bottom: 20px;
	border-bottom: 1px solid #555;
	}
.footer .f_tit .f_tit_l strong a{ font-size: 40px; color: #fff;}
.footer .f_tit .f_tit_l strong a:hover { text-decoration: none;}
.footer .f_tit .f_tit_l p { font-size: 15px;}
.footer .f_tit .f_tit_r {
	display: block;
	padding: 15px 15px 0px;
	}
.foot_inner {
	line-height: 22px;
	color: #a8a8a8;
	font-size: 14px;
	}

@media screen and (max-width:375px) {
	.ban_title b {box-shadow: 3px 3px 0px #4954a3;}
	.fwys_box ul li p { font-size: 12px;}
	.fwys_box ul li span a { font-size: 12px;}
	.xm_box .up_ul li {margin: 5px 3px; width: calc(33.3334% - 6px); padding: 5px;}
	.td_box p { font-size: 14px; }
	.td_box strong { font-size: 15px;}
	.lc_box li p {padding: 15px 2px 0px;}
	.qt_fw .qt_ul li { padding: 6px 2px;}
	}
@media screen and (max-width:320px) {
	.fwys_box ul li { margin: 0px 2px; width: calc(25% - 4px);}
	.fwys_box ul li strong { font-size: 12px;}
	.fwys_box ul li p { padding: 0px 2px;}
	.fwys_box ul li span a { padding: 0px 0px;}
	.qk_show { height: 210px;}
	.qktj_box { margin-top: 10px;}
	.flexslider .slides li>div img { height: 115px;}
	.flexslider .slides li>div p { font-size: 12px; line-height: 24px;}
	.xm_box { margin-top: 10px;}
	.xm_box .up_ul li h3 { font-size: 14px; line-height: 24px; padding-bottom: 0px;}
	.xm_box .up_ul li p { padding-top: 5px;}
	.td_box p { font-size: 13px;}
	.foot_inner { font-size: 12px; line-height: 20px;}
	}