@charset "gb2312";
/* 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, ΢ÈíÑźÚ, мšÃ÷ów, 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;}
input,select,option,textarea{outline: none;}
ul,ol,li { list-style:none;}
h1,h2,h3,h4,h5,h6 { font-weight: normal; line-height: 1;}
img { max-width: 100%;}
i,em { font-style: normal;}
a { color:#333; text-decoration:none;}
a:hover { color:#c00; transition:all .2s linear;}
.container { width: 1200px; margin: 0px auto;}
.pos { position: relative}
.f12 { font-size: 12px;}
.f15 { font-size: 15px;} 
.f16 { font-size: 16px;} 
.f18 { font-size: 18px;}
.f20 { font-size: 20px;}
.fw { font-weight: bold;}
.flex { display: flex; flex-wrap: wrap; justify-content: space-between;}
.align { align-items: center;} 
.justify { justify-content: center;}
.jus_start { justify-content: flex-start;}
.tc { text-align: center;}
.ptb50 { padding: 50px 0;}

.het3 {display: -webkit-box; word-break: break-all; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3;}

.header {
	height: 90px;
	}
.head_logo { width: 180px; text-align: center;}
.head_logo a { display: inline-block; }
.head_tit {}
.head_p {
	display: inline-block;
	padding: 10px 20px;
	background: #3592e2;
	border-radius: 5px;
	color: #fff;
	}
.head_p a{color: #fff;
font-size:16px;
}
.ban_head {
	width: 100%;
	background: linear-gradient(180deg, #316ead, #44aee0);
	padding: 50px 15px;
	}
.ban_head h1 {
	font-size: 40px;
	color: #fff;
	font-weight: bold;
	text-align: center;
	}
	
.ban_mag h4{
	display: block;
	font-size: 22px;
	color: #fff;
	padding: 15px 50px;
	border-radius: 30px 0px 30px 0px;
	box-shadow: 3px 3px 15px rgb(0,0,0,.3);
	}
.ban_mag h4:nth-child(1) {background: linear-gradient(45deg, #fe6e47, #fe494f);}
.ban_mag h4:nth-child(2) {background: linear-gradient(45deg, #2db2ef, #028dce);}
.ban_mag h4:nth-child(3) {background: linear-gradient(45deg, #fba617, #ef7206);}
.ban_mag h4:nth-child(4) {background: linear-gradient(45deg, #b0a9f4, #5349e3);}


.ban_mag li {
	width: 49%;
	background: #f5fcff;
	border-radius: 20px;
	border: 1px solid #fe6e47;
	margin-bottom: 20px;
	}
.ban_mag li strong{
	display: inline-block;
	color: #fff;
	padding: 10px 20px;
	border-radius: 20px 0px 20px 0px;
	box-shadow: 3px 3px 15px rgb(0,0,0,.3);
	}
.ban_mag li:nth-child(1) strong{background: linear-gradient(45deg, #fe6e47, #fe494f);}
.ban_mag li:nth-child(2) strong{background: linear-gradient(45deg, #2db2ef, #028dce);}
.ban_mag li:nth-child(3) strong{background: linear-gradient(45deg, #fba617, #ef7206);}
.ban_mag li:nth-child(4) strong{background: linear-gradient(45deg, #b0a9f4, #5349e3);}

.ban_mag li:nth-child(2) {border-color: #2db2ef;}
.ban_mag li:nth-child(3) {border-color: #fba617;}
.ban_mag li:nth-child(4) {border-color: #b0a9f4;}
.ban_mag li p {
	display: block;
	padding: 20px 20px;
	}
	
.qkbox {
	margin: 0px 0px 30px;
	}
.qkbox:after {
	content:"";
	clear: both;
	display: block;
	overflow: hidden;
	}
.qk_list {width: 70%;}
.qk_list h3 {
	display: block;
	font-weight: bold;
	line-height: 40px;
	color: #005d85;
    padding: 0 20px;
    border-left: 4px solid #005d85;
    background-color: #f5f5f5;
	}
.qk_list li {
	background: #fff;
    margin-top: 15px;
    padding: 15px;
    border: 1px solid #eee;
    transition: all .3s;
	}
.qk_list li a {
	display: block;
	height: auto;
	}
.qk_list li span {
	line-height: 24px;
	color: #999;
	}
.qk_list li dd {
	width: 33%;
	line-height: 30px;
	}
.qk_list li dd font { color: #f30;}
.qk_list li:hover {box-shadow: 0 0 10px 0px rgba(0, 93, 133, 0.2);}
.qk_list li h5 {
    display: inline-block;
    text-align: center;
    line-height: 28px;
	padding: 0px 20px;
    border: 1px solid #ff6825;
    color: #ff6825;
    border-radius: 50px;
	margin-top: 10px;
	}
.qk_list li:hover h5 {
	background: #ff6825;
    color: #fff;
	}
	

.qk_r { width: 28%; float: right;}
.qk_xs h3{
	height: 40px;
	line-height: 40px;
	border-bottom: 1px solid #ccc;
	}
.qk_xs h3 span {
	display: inline-block;
	padding: 0px 20px;
	background: #005d85;
	color: #fff;
	}
.qk_xs li {
	line-height: 40px;
	border-radius: 5px;
	background: #f5fcff;
	padding: 0px 20px;
	margin: 20px 0;
	}
.qk_xs p a{
	display: block;
	margin: 10px 0;
	border-bottom: 1px dashed #ddd;
	padding-bottom: 8px;
	}
.qk_xs h4 a{
	display: block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	margin: 15px 0;
	border-bottom: 1px dashed #ddd;
	padding-bottom: 8px;
	}
	
.fixed {
    position: fixed;
    z-index: 1;
	}
/**/
.tit {
	display: block;
	text-align: center;
	}
.tit h3 {
	font-size: 32px;
	font-weight: bold;
	}
	
.yjbox { padding-top: 50px;}
.yjbox a{
	display: block;
	width: 18.2%;
	padding: 20px 15px;
	margin-right: 2%;
	margin-bottom: 25px;
	background: #f5f5f5;
	text-align: center;
	font-size: 16px;
	border-radius: 8px;
	position: relative;
	}
.yjbox a:nth-child(5n) { margin-right:0;}
.yjbox a:hover { background: #f90; color: #000; box-shadow: 0px 0px 12px rgb(0,0,0,.3);}
.yjbox a:after {
	content:"";
	position: absolute;
	width: 45%;
	height: 40px;
	background: #dda3a7;
	border-radius: 8px;
	top: -5px;
	right: -5px;
	z-index: -1;
	}
.yjbox a:nth-child(even):after { background: #72b5ef;}

.footer {
	width: 100%;
	background: #1d1b1b;
	padding: 30px 0;
	color: #fff;
	}
.footer h3 {
	display: block;
	margin-bottom: 15px;
	font-weight: bold;
	}
.footer p { color: #ccc; line-height: 30px;}



@media screen and (max-width: 600px) {
	.container { width: 100%;}
	.header { height: auto; padding: 10px 15px;}
	.head_tit { font-size: 15px; text-align: center; width: 100%; padding: 10px 0;}
	.ban_head { height: auto; padding: 5px 10px;}
	.head_p { margin: 0px auto;}
	.ban_head h1 { font-size: 26px; line-height: 40px; padding: 20px 15px;}
	.ptb50 { padding: 30px 0;}
	.ban_mag { padding: 0px 15px;}
.ban_mag h4 { font-size: 16px; padding: 10px 25px; border-radius: 20px 0px 20px 0px; margin-bottom: 20px;}
.ban_mag strong { font-size: 14px; padding: 10px 25px; border-radius: 20px 0px 20px 0px; }
	.ban_mag li p { font-size: 13px; line-height: 20px;}
	.tit h3 { font-size: 24px;}
	.yjbox { padding: 30px 15px;}
	.yjbox a { width: 31.2%; padding: 10px 15px; font-size: 14px; margin-bottom: 15px;}
	.yjbox a:nth-child(3n) { margin-right: 0;}
	.yjbox a:nth-child(5n) { margin-right: 2%;}
	.qkbox { margin: 0px 10px 30px;}
	.qk_list{ width: 100%; float:left}
	.qk_r { width: 100%; float: left;}
	.qk_list li dd { width: 50%;}
	.autofixed { width: 100%;}
	.fixed { position: static;}
	.footer { padding: 20px 15px;}
	.footer p { font-size: 14px; line-height: 26px;}
	}
	
@media screen and (max-width: 375px) {
	.head_tit { font-size: 12px;}
	.ban_head h1 { font-size: 22px;}
	}
	
@media screen and (max-width: 320px) {
	.ban_mag p { font-size: 13px; padding: 10px 15px;}
	.yjbox a { font-size: 12px;}
	.ban_mag li strong { font-size: 12px; padding: 10px 10px;}
	.ban_mag li p { padding: 10px 10px; font-size: 12px;}
	}
/**/
/**/