* {
	margin: 0;
	padding: 0;
	outline: none;
}

*:not(input, textarea) {
	-webkit-touch-callout: inherit;
	-webkit-user-select: auto;
}

html {}

body {
	font-family: font: 16px/32px 'Microsoft YaHei' Arial;
	font-size: 14px;
	color: #333;
	-webkit-touch-callout: inherit;
	-webkit-user-select: auto;
	background-color: #fff;
	max-width: 480px;
	margin: 0 auto;
}

a {
	color: #333;
	text-decoration: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	font-family: "Microsoft YaHei";
}

a:hover {
	text-decoration: none;
}

button,
input,
select,
textarea {
	font-size: 100%;
	margin: 0;
	padding: 0;
	outline: none;
}

dt,
dd {
	display: inline-block;
}

textarea,
input {
	resize: none;
	outline: none;
}

textarea {
	resize: none;
	-webkit-appearance: none;
}

ul,
ol,
li {
	list-style: none;
}

em {
	font-style: normal;
}

h2 {
	font-size: 22px;
	margin: 12px 0;
	text-align: center;
	font-family: "Microsoft YaHei";
}

p {
	/*text-align: justify;*/
	/*text-justify: distribute-all-lines;*/
	font-family: "Microsoft YaHei";
}

/*[class*="icon-n"]:before,
[class^="icon-n"]:before,
[class*="icon-n"]:after,
[class^="icon-n"]:after {
	content: "";
	background: url("./images/icon-n-bg.png") no-repeat;
	display: inline-block;
}*/

div,
ul,
dl,
dt,
dd,
p,
h1,
h2,
h3,
h4,
h5,
h6,
span,
a,
p,
em {
	font-family: 'Microsoft YaHei' !important;
}

img[src*=".jpg"] {
	border: none;
	background-size: 10px 10px;
	background-position: center center;
	background-repeat: no-repeat;
	width: 100%;	
}

ul.line{
	width: 95%;
	height: 30px;
	background-color: #F8F8F8;
	overflow: hidden;
	margin-bottom: 20px;
	border-left: 1px solid #666;
	/*margin-top: 100px;
	margin-left: 100px;*/
} 
ul.line li{height:30px;text-indent:15px; font-size:13px; line-height:30px;list-style:none} 

.page-1-1 {
	background-color: #fff;
}


.page-1-2{width: 100%; overflow: hidden; margin-top: 20px;}

.page-1-2 .title{color: #1368bd; font-size: 22px; font-weight: bold; text-align: center;}

.page-1-2 .content{width: 98%; margin: auto; overflow: hidden; margin-top: 10px;}

.page-1-2 .content .content1{width: 48%; border: 1px solid #ccc; float: left; overflow: hidden; padding: 1% 0;}

.page-1-2 .content .content1 img{float: left; margin-right: 3%; width: 20%;margin-left: 3%;}


@media only screen and (min-width: 320px){
	.page-1-2 .content .content1{font-size: 12px;}
	.page-1-2 .content .content1 img{margin-top: 0;}
}

@media only screen and (min-width: 360px){
	.page-1-2 .content .content1{font-size: 13px;}
	.page-1-2 .content .content1 p{margin-top: 3px;}
	.page-1-2 .content .content1 img{margin-top: 2%;}
}

@media only screen and (min-width: 375px){
	.page-1-2 .content .content1{font-size:0.24rem;}
	.page-1-2 .content .content1 img{margin-top: 4%;}
}

@media only screen and (min-width: 412px){
	
	.page-1-2 .content .content1 img{margin-top: 2%;}
}

@media only screen and (min-width: 414px){
	.page-1-2 .content .content1{font-size: 0.24rem;}
	.page-1-2 .content .content1 p{margin-top: 0px;}
	.page-1-2 .content .content1 img{margin-top: 0;}
}

@media only screen and (min-width: 480px){
	.page-1-2 .content .content1{font-size:0.24rem;}
	.page-1-2 .content .content1 img{margin-top: 1%;}
}





.page-2-1 {
	/*background-color: #f1f1f3;*/
}

.page-3-1 {
	background-color: #fff;
	margin-top: 20px;
	margin-top: 10%;
}

.page-3-1 .banner {
	margin-top: 10px;
}

.page-3-2 {
	/*background-color: #F3533C;*/
}

.page-4-1 {
	/*background-color: #f1f1f3;*/
	padding-top: 2px;
	overflow: hidden;
	margin-top: 10%;
}

.page-5-1 {
	/*background-color: #f1f1f3;*/
	padding-top: 2px;
	margin-top: 20px;
}



.header{
	position: fixed;
	z-index: 100;
	background: #fff;
}
.logo1 {
    z-index: 3;
	margin-top:0px;
}
.logo1 a {
    display: table;
    text-align: center;
    margin: 0 auto;
}
.logo1 img {
    text-align: center;
    margin: 0 auto;
}
.nav {
    background: #298dd9;
    /*margin: 0px;*/
    display: inline-block;
    width: 100%;
    z-index: 2;
    margin-top: 80px
}
.nav li {
	overflow: hidden;
    border-bottom: 1px solid #ffffff;
    list-style: none;
}
.nav li a {
    text-decoration: none;
    width: 25%;
    box-sizing: border-box;
    text-align: center;
    line-height: 36px;
    border-right: 1px solid #fff;
    color: #fff;
    display: table;
    float: left;
    font-size: 14px;
}
.nav li a:hover {
    text-decoration: none;
    width: 25%;
    text-align: center;
    line-height: 36px;
    border-right: 1px solid #fff;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    background: #e19333;
}
.nav li a:last-child {
    border: none;
}

@media only screen and (min-width: 320px){
	#bannerId{padding-top: 42%;}
	.nav{margin-top: 60px;}
	
}

@media only screen and (min-width: 360px){
	#bannerId{padding-top: 39%;}
	.nav{margin-top: 65px;}
}

@media only screen and (min-width: 375px){
	#bannerId{padding-top: 38%;}
	.nav{margin-top: 70px;}
}

@media only screen and (min-width: 412px){
	#bannerId{padding-top: 36%;}
	.nav{margin-top: 75px;}
}
@media only screen and (min-width: 414px){
	#bannerId{padding-top: 36%;}
	.nav{margin-top: 80px;}
}
@media only screen and (min-width: 480px){
	#bannerId{padding-top: 33%;}
	.nav{margin-top: 85px;}
}

@media only screen and (min-width: 768px){
	
	.nav{margin-top: 90px;}
}
#head{padding-top: 27%;}

.head {
	overflow: hidden;
	position: relative;
}

.head .hd {
	position: absolute;
	z-index: 1;
	bottom: -6px;
	left: 42%;
	margin-right: -50px;
	padding: 10px;
}

.head .hd ul {
	overflow: hidden;
	display: -moz-box;
	display: -webkit-box;
	display: box;
	height: 15px;
	display: block
}

.head .hd ul li {
	-moz-box-flex: 1;
	-webkit-box-flex: 1;
	box-flex: 1;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	margin-right: 10px;
	font-size: 0px;
	background: #a7a7a7;
	border: 1px solid #a7a7a7;
	float: left;
}

.head .hd ul .on {
	background: #ffffff;
}

.head img {
	width: 100%;
}
/*二级导航*/

.List{ margin-top:11px;}
.List li{ padding:25px 1px 17px;width: 32%; float: left;text-align: center; border-radius:5px; margin-bottom:6px; margin-left:1%;}
.List li .red{ color:#f00;}
.List li p{float: left;width: 100%;text-align: center; color: #ffffff;}
.List li h3{float: left;width: 100%;text-align: center; margin-top:11px;}
.List .li1{/*width: 35.33%;*/ background:#8abc1b; margin-left:0;}
.List .li2{/*width: 31.33%;*/ background:#fe7800;}
.List .li3{ background:#ff9f08; font-size: 14px;}
.List .li4{ background:#14b4f6;}
.List .li5{ background:#1e7dff;}
.List .li6{ background:#ed5432;}

.List2 li{ padding:13px 0; float: left;width: 24.33%;border-radius:5px; margin-left:0.8%;}
.List2 li h3{float: left;width: 100%;text-align: center; margin-bottom:8px;}
.List2 li p{float: left;width: 100%;text-align: center; color:#fff;}
.List2 .lia{background:#8aca00; margin-left:0;}
.List2 .lib{background:#bcd60f;}
.List2 .lic{background:#3dba00;}
.List2 .lid{background:#51d700;}


.main{
	padding-top: 5px;
	overflow: hidden;
  
    margin: 0 auto;
}





.icon-n-jianj:before {
	background-position: 0 0;
}

.icon-n-zhuanj:before {
	background-position: 0 -32px;
}

.icon-n-anl:before {
	background-position: 0 -68px;
}

.icon-n-lux:before {
	background-position: 0 -105px;
}

.icon-n-changs:before {
	background-position: 0 -139px;
}

.icon-n-jis:before {
	background-position: 0 -174px;
}

.icon-n-zix:before {
	background-position: 0 -211px;
}

.icon-n-yuy:before {
	background-position: 0 -245px;
}

.news {
	padding-top: 2px;
	margin-top: 20px;
}

.news .title{width: 95%; overflow: hidden;  height: 35px;margin: 0 auto 10px auto;}

.news .title_left{width: 43%; float: left;height: 50px;}

.news .title_left .title_left_pic{width: 20%; float: left; display: block;  height: 35px;}

.news .title_left .title_left_tex{width: 80%; float: left; display: block;  height: 35px; font-size: 23px; text-align: center; font-weight: bold;     line-height: 35px;}

.news .title_right{float: right; margin-top: 6px; border-bottom: 1px solid #ffa201;}

.news .title_right .title_right_pic{width: 20%; float: left; display: block; height: 25px;}

.news .title_right .title_right_tex{width: 80%; float: left; display: block; height: 25px; font-size: 17px; text-align: center; color: #ffa201;}



.news ul {
	padding: 0 10px;
}

.news ul li {
	line-height: 35px;
	
	margin-left: 10px;
	text-align: left;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	font-size: 18px;
}

.news ul li font {
	font-size: 14px;
	font-weight: bold;
	margin-right: 4px;
}

.news ul li:nth-of-type(1) font {
	color: #7faefe;
}

.news ul li:nth-of-type(2) font {
	color: #cc32ff;
}

.news ul li:nth-of-type(3) font {
	color: #ff7a32;
}


.zhuanjia .title{width: 95%; overflow: hidden;  height: 35px;margin: 0 auto 10px auto;}

.zhuanjia .title_left{width: 43%; float: left;height: 50px;}

.zhuanjia .title_left .title_left_pic{width: 20%; float: left; display: block;  height: 35px;}

.zhuanjia .title_left .title_left_tex{width: 80%; float: left; display: block;  height: 35px; font-size: 23px; text-align: center; font-weight: bold; line-height: 35px;}

.zhuanjia .title_right{float: right; margin-top: 6px; border-bottom: 1px solid #ffa201;}

.zhuanjia .title_right .title_right_pic{width: 20%; float: left; display: block; height: 25px;}

.zhuanjia .title_right .title_right_tex{width: 80%; float: left; display: block; height: 25px; font-size: 17px; text-align: center; color: #ffa201; }

.x_banner1{margin-bottom: 20px;}
.x_banner1 img{width: 100%;}



.page-3-1 .bdzj .title{height: 30px; position: relative ;}
.page-3-1 .bdzj .title .title_pic{margin-top:10px; }
.page-3-1 .bdzj .title .title_pic img{width: 100%;}
.page-3-1 .bdzj .title .title_tex{width:30%; position: absolute; top: -5px; font-size: 25px; font-weight: bold; color: #298dd9; left: 36.7%;}

.page-3-2 .bdzj .title{height: 30px; position: relative ;}
.page-3-2 .bdzj .title .title_pic{margin-top:10px; }
.page-3-2 .bdzj .title .title_pic img{width: 100%;}
.page-3-2 .bdzj .title .title_tex{width:30%; position: absolute; top: -5px; font-size: 25px; font-weight: bold; color: #298dd9; left: 36.7%;}


.page-5-1 .title{width: 95%; overflow: hidden;  height: 35px;margin: 0 auto 10px auto;}

.page-5-1 .title_left{width: 43%; float: left;height: 50px;}

.page-5-1 .title_left .title_left_pic{width: 20%; float: left; display: block;  height: 35px;}

.page-5-1 .title_left .title_left_tex{width: 80%; float: left; display: block;  height: 35px; font-size: 23px; text-align: center; font-weight: bold; line-height: 35px;}

.page-5-1 .title_right{float: right; margin-top: 6px; border-bottom: 1px solid #ffa201;}

.page-5-1 .title_right .title_right_pic{width: 20%; float: left; display: block; height: 25px;}

.page-5-1 .title_right .title_right_tex{width: 80%; float: left; display: block; height: 25px; font-size: 17px; text-align: center; color: #ffa201;}



.page-4-1 .title{width: 95%; overflow: hidden;  height: 35px;margin: 0 auto 10px auto;}

.page-4-1 .title_left{width: 43%; float: left;height: 50px;}

.page-4-1 .title_left .title_left_pic{width: 20%; float: left; display: block;  height: 35px;}

.page-4-1 .title_left .title_left_tex{width: 80%; float: left; display: block;  height: 35px; font-size: 23px; text-align: center; font-weight: bold; line-height: 35px;}

.page-4-1 .title_right{float: right; margin-top: 6px; border-bottom: 1px solid #ffa201;}

.page-4-1 .title_right .title_right_pic{width: 20%; float: left; display: block; height: 25px;}

.page-4-1 .title_right .title_right_tex{width: 80%; float: left; display: block; height: 25px; font-size: 17px; text-align: center; color: #ffa201;}

.page-4-2 .title{width: 95%; overflow: hidden;  height: 35px;margin: 0 auto 10px auto;}

.page-4-2 .title_left{width: 43%; float: left;height: 50px;}

.page-4-2 .title_left .title_left_pic{width: 20%; float: left; display: block;  height: 35px;}

.page-4-2 .title_left .title_left_tex{width: 80%; float: left; display: block;  height: 35px; font-size: 23px; text-align: center; font-weight: bold; line-height: 35px;}

.page-4-2 .title_right{float: right; margin-top: 6px; border-bottom: 1px solid #ffa201;}

.page-4-2 .title_right .title_right_pic{width: 20%; float: left; display: block; height: 25px;}

.page-4-2 .title_right .title_right_tex{width: 80%; float: left; display: block; height: 25px; font-size: 17px; text-align: center; color: #ffa201;}


.expert {
	margin-top: 8%;
	/*background: #98BADD;*/
	position: relative;
}

.expert .bd {}

.expert .hd {
	position: absolute;
	z-index: 1;
	bottom: -6px;
	left: 50%;
	margin-left: -35px;
	padding: 10px;
}

.expert .hd ul {
	overflow: hidden;
	display: -moz-box;
	display: -webkit-box;
	display: box;
	height: 15px;
	display: block
}

.expert .hd ul li {
	-moz-box-flex: 1;
	-webkit-box-flex: 1;
	box-flex: 1;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	margin-right: 10px;
	font-size: 0px;
	background: #a7a7a7;
	border: 1px solid #a7a7a7;
	float: left;
}

.expert .hd ul .on {
	background: #ffffff;
}

.expert_scr {
	position: relative;
}

.expert_scr img {
	/*margin: 6% 10% 0px 4%;*/
	width: 100%;
	overflow: hidden;
}

.expert_toupiao {
	position: absolute;
	width: 75px;
	height: auto;
	top: 0;
	right: 5%;
	color: #645d96;
}

.expert_toupiao div {
	width: 50px;
	height: 50px;
	padding: 5px 0;
	margin-bottom: 5px;
	font-size: 18px;
	font-weight: bold;
	line-height: 22px;
	text-align: center;
	vertical-align: middle;
	border-bottom: 1px #333 solid;
	border-left: 1px #333 solid;
	border-right: 1px #333 solid;
}

.expert_toupiao p {
	font-size: 12px;
	line-height: 18px;
	text-align: left;
}

.expert_des .expert_des_t {
	overflow: hidden;
}

.expert_des {
	width: 88%;
	background: rgba(0, 0, 0, .7);
	position: absolute;
	bottom: 0;
	padding: 12px 6% 15px;
	color: #fff;
}

.expert_des .expert_des_t h3 {
	font-size: 32px;
	float: left;
	font-weight: bold;
}

@media screen and (max-width:320px) {
	.page-3-1 .bdzj .title .title_tex{
		font-size: 22px;
	}
	.page-3-2 .bdzj .title .title_tex{
		font-size: 22px;
	}
	
	.news ul li{font-size: 14px;}
	.news .title_left .title_left_tex{font-size: 20px;}
	.zhuanjia .title_left .title_left_tex{
		    font-size: 20px;
	}
	.page-5-1 .title_left .title_left_tex{font-size: 20px;}
	.page-4-1 .title_left .title_left_tex{font-size: 20px;}
}

@media screen and (max-width:340px) {
	.expert_des .expert_des_t h3 {
		font-size: 24px;
	}
}

@media screen and (min-width:341px) and (max-width:360px) {
	.news ul li {
		font-size: 17px;
	}
	.bdfkp ul{font-size: 17px;line-height: 34px;}
/*	.nav{margin-top: 107px;}*/
}

@media screen and (min-width:341px) and (max-width:375px) {
	.expert_des .expert_des_t h3 {
		font-size: 26px;
	}
	.news ul li{    font-size: 17px;}
}

@media screen and (min-width:341px) and (max-width:412px) {
	.news ul li {
		font-size: 19px;
	}
	.bdfkp ul{font-size: 20px;}
	
	.bdfkp ul li{line-height: 36px;}
}

@media screen and (min-width:375px) and (max-width:414px) {
	.expert_des .expert_des_t h3 {
		font-size: 30px;
	}
}




/*
@media screen and (max-width:414px) {
	.nav{margin-top: 122px;}
}


@media screen and (max-width:412px) {
	.nav{margin-top: 123px;}
}

@media screen and (max-width:375px) {
	.nav{margin-top: 112px;}
}

@media screen and (max-width:360px) {
	.nav{margin-top: 107px;}
}

@media screen and (max-width:320px) {
	.nav{margin-top: 96px;}
}*/


.expert_des .expert_des_t div {
	float: left;
	width: 51%;
	text-align: left;
	margin-left: 2%;
}

.expert_des .expert_des_t span {
	font-size: 14px;
	line-height: 16px;
}

.icon-n-zjp:before {
	width: 16px;
	height: 16px;
	background-size: 450%;
	margin: 0;
	background-position: -57px -72px;
}

.expert_des .expert_des_b {
	margin-top: 15px;
	line-height: 25px;
	overflow: hidden;
	text-align: left;
}

.renqun {
	overflow: hidden;
	padding: 8% 10px 2%;
}

.renqun ul li {
	width: 31.5%;
	margin: 0 2.5% 8px 0;
	padding-bottom: 2.5%;
	border-radius: 10px;
	background-color: #e7e4fe;
	float: left;
	text-align: center;
	overflow: hidden;
}

.renqun ul li:nth-of-type(3n) {
	margin-right: 0;
}

.renqun ul li:nth-of-type(2) {
	background-color: #ffdad9;
}

.renqun ul li:nth-of-type(3) {
	background-color: #d8e7ff;
}

.renqun ul li:nth-of-type(4) {
	background-color: #ffe1c1;
}

.renqun ul li:nth-of-type(5) {
	background-color: #f0c1ff;
}

.renqun ul li:nth-of-type(6) {
	background-color: #ffd7c1;
}

.renqun ul li:nth-of-type(7) {
	background-color: #b6f0ef;
	clear: both;
}

.renqun ul li:nth-of-type(8) {
	background-color: #ffffd9;
}

.renqun ul li:nth-of-type(9) {
	background-color: #c6f9ff;
}

.rq_span:before {
	width: 35px;
	height: 27px;
	background-size: 440%;
	margin: 10% 0 0 0;
}

.rq_span1:before {
	width: 35px;
	height: 41px;
	background-size: 400%;
	margin: 10% 0 0 0;
	
}

.icon-n-ret:before {
	background-position: -40px 0;
}

.icon-n-rnv:before {
	background-position: -40px -28px;
}

.icon-n-rnan:before {
	background-position: -40px -58px;
}

.icon-n-rln:before {
	background-position: -40px -89px;
}

.icon-n-rby:before {
	background-position: -74px 4px;
}

.icon-n-rzl:before {
	background-position: -74px -37px;
}

.icon-n-rwh:before {
	background-position: -74px -78px;
}

.icon-n-rhl:before {
	background-position: -74px -119px;
}

.icon-n-rzz:before {
	background-position: -74px -161px;
}

.renqun ul li p {
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	color: #333;
}

.renqun ul li p:nth-of-type(2) {
	font-size: 12px;
	font-weight: normal;
	color: #5f5f5f;
}

.bdfkp {
	padding: 0 10px;
	overflow: hidden;
	color: #727272;
}
.bdfkp img{width: 4%;}

.bdfkp ul {
	padding: 0 10px 20px 0;
	
	text-align: left;
	overflow: hidden;
	font-size: 18px;
}

.bdfkp ul li {
	line-height: 32px;
	float: left;
	width: 97%;
	border: 1px solid #ccc;
	margin-top: 15px;
	border-radius: 5px;
	position: relative;
	padding-left: 5%;
}

.bdfkp ul li a {
	color: #414141;
}



.hot {
	overflow: hidden;
	padding: 0 10px;
}

.hot a {
	font-size: 16px;
	color: #333;
}

.hot ul li,
.hot ul .cen p {
	margin: 0 2px 2px 0;
	float: left;
	padding: 2px;
	background-color: #dadada;
	line-height: 20px;
	text-align: center;
}

.hot ul li:nth-of-type(1) {
	width: 22.22%;
	line-height: 47px;
}

.hot ul li:nth-of-type(2) {
	width: 21.43%;
	line-height: 47px;
	margin-right: 0;
}

.hot ul li:nth-of-type(3) {
	width: 48.5%;
	line-height: 20px;
}

.hot ul li:nth-of-type(4) {
	width: 47.5%;
	line-height: 20px;
	margin-right: 0;
}

.hot ul .cen {
	float: left;
	width: 52.2%;
	height: 52px;
	overflow: hidden;
}

.hot ul .cen p {
	width: 46.6%;
	line-height: 22px;
	height: 22px;
}

@media screen and (max-width:320px) {
	.hot ul .cen p {
		width: 46%;
	}
}

@media screen and (min-width:410px) {
	.hot ul .cen p {
		width: 47%;
	}
}

@media screen and (min-width:480px) {
	.hot ul .cen p {
		width: 47.5%;
	}
}

.hot ul .cen p a {
	font-size: 12px;
}


.page-3-3 .title{width: 95%; overflow: hidden;  height: 35px;margin: 0 auto 20px auto;}

.page-3-3 .title_left{width: 43%; float: left;height: 50px;}

.page-3-3 .title_left .title_left_pic{width: 20%; float: left; display: block;  height: 35px;}

.page-3-3 .title_left .title_left_tex{width: 80%; float: left; display: block;  height: 35px; font-size: 23px; text-align: center; font-weight: bold;}

.page-3-3 .title_right{float: right; margin-top: 6px; border-bottom: 1px solid #ffa201;}

.page-3-3 .title_right .title_right_pic{width: 20%; float: left; display: block; height: 25px;}

.page-3-3 .title_right .title_right_tex{width: 80%; float: left; display: block; height: 25px; font-size: 17px; text-align: center; color: #ffa201;}


.page-3-4 {
	background-color: #fff;

}

.page-3-4 .banner {
	margin-top: 10px;
}

.page-3-4 .btn {
	overflow: hidden;
}

.page-3-4 .btn a {
	width: 31.6%;
	line-height: 34px;
	font-size: 14px;
	text-align: center;
	float: left;
	
	margin: 0 auto;
	margin-top: 2%;
}

.page-3-4 .btn a:nth-of-type(1) {
	color: #282828;
	
	
	margin-left: 10%;
	border: 1px solid #439ade;
	border-right: none;
	border-radius: 5px 0 0 5px;
	width: 45%;
}

.page-3-4 .btn a:nth-of-type(2) {
	color: #fff;
	background: #439ade;
	border-left: none;
	    border-radius: 0 5px 5px 0;
	    border: 1px solid #439ade;
}

.page-5-1 {
	padding-top: 2px;
	margin-top: 10%;
}

.page-5-1 .bl {
	border-top: 1px #333 solid;
	padding: 0 10px;
	text-align: center;
}

.page-5-1 .bl img {
	width: 100%;
}

.page-5-1 .bl div {
	line-height: 30px;
	margin-top: 4px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	text-align: left;
	color: #414141;
}

.page-5-1 .bl div font {
	color: #ff7a32;
}

.page-5-1 .bl a:nth-of-type(2) div font {
	color: #ce46fe;
}

/*.icon-n-act:after {
	content: "";
	width: 40px;
	height: 20px;
	background-position: -95px -261px;
	background-size: 440%;
}*/

.page-5-1 .bl span {
	width: 33.04%;
	line-height: 34px;
	background-color: #e6b7f7;
	border-radius: 5px;
	text-align: center;
	font-size: 14px;
	margin-top: 4%;
	display: inline-block;
}

.page-5-1 .bl span a {
	color: #414141;
}

.page-5-1 .recovery {
	overflow: hidden;
	background-color: #43edff;
	padding: 1% 10% 2%;
	margin-top: 15px;
}

.page-5-1 .recovery h2 {
	color: #2a2939;
}

.page-5-1 .recovery img {
	width: 100%;
	margin-bottom: 7%;
}

.page-5-1 .evaluate {
	color: #282828;
	text-align: center;
}

.page-5-1 .evaluate h3 {
	text-align: center;
	margin: 6% 0 2% 0;
	font-size: 16px;
	font-family: "Microsoft YaHei";
}

.page-5-1 .evaluate p {
	padding: 0 12%;
	line-height: 22px;
	text-align: left;
}

.page-5-1 .evaluate span {
	width: 33.04%;
	line-height: 34px;
	background-color: #43edff;
	border-radius: 5px;
	text-align: center;
	font-size: 14px;
	margin-top: 4%;
	margin-bottom: 6%;
	display: inline-block;
}

.page-5-1 .evaluate span a {
	color: #414141;
}

.page-6-1 {
	/*background-color: #e9e9ea;*/
	overflow: hidden;
	margin-top: 10%;
}

.page-6-1 h2 {
	color: #282828;
}



/*.icon-n-act:after {
	content: "";
	width: 40px;
	height: 20px;
	background-position: -95px -261px;
	background-size: 440%;
}*/

.page-4-1 {
	/*background-color: #f1f1f3;*/
	padding-top: 2px;
	overflow: hidden;
	margin-top: 30px;
}

.page-4-1 h2 {}

.page-4-1 img:nth-of-type(1) {
	width: 100%;
}

.page-4-1 .js_classification {
	padding: 0 10px;
	text-align: center;
}

.page-4-1 .js_classification ul li {
	width: 28%;
	float: left;
	margin: 2.5%;
	-o-transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
}

.page-4-1 .js_classification ul li img {
	width: 116% !important;
}

.page-4-1 .js_classification ul li:nth-of-type(4) {
	margin-left: 19%;
	margin-top: -2%;
}

.page-4-1 .js_classification ul li:nth-of-type(5) {
	margin-top: -2%;
}

.page-4-1 .js_classification span {
	width: 33.04%;
	line-height: 34px;
	background-color: #298dd9;
	border-radius: 5px;
	text-align: center;
	font-size: 14px;
	margin-top: 6%;
	display: inline-block;
}

.page-4-1 .js_classification span a {
	color: #fff;
}




/* footer */

.footer{text-align: center; margin-top: 30px;}

.footer ul{width: 100%;	margin: auto; overflow: hidden; margin-bottom: 15px; line-height: 35px;}

.footer ul li{float: left; width: 24%;     text-align: center; font-weight: bold; font-size: 18px;}

.footer ul li:nth-child(1){border-right: 1px solid #fff;}

.footer ul li:nth-child(2){border-right: 1px solid #fff;}

.footer ul li:nth-child(3){border-right: 1px solid #fff;}

.footer .footer_left{width: 65%; height: 120px; float: left; margin-left: 5%;}

.footer .footer_left p{text-align: left; }

.footer .footer_right{width: 30%; height: 110px; float: left;}

.footer .footer_right img{width: 80%;}

.footer a{display: block; overflow: hidden;}

}

@media only screen and (min-width:320px){
	.footer .footer_left p{font-size: 16px;}
}

@media only screen and (min-width:360px){
	.footer .footer_left p{font-size: 17px; line-height: 25px;}
}

@media only screen and (min-width:375px){
	.footer .footer_left p{font-size: 18px;}
}

@media only screen and (min-width:412px){
	.footer .footer_left p{font-size: 19px;}
}

@media only screen and (min-width:414px){
	.footer .footer_left p{font-size: 19px;}
	.footer span{font-size: 19px;}
	
	.footer .footer_left{height: 150px;}
	
	.footer .footer_right{height: 150px;}
	
	.footer .footer_right{padding-top: 20px;}
}

@media only screen and (min-width:480px){
	
	.footer .footer_left p{font-size: 20px;}
	.footer span{font-size: 20px;}
	
	.footer .footer_left{height: 150px;}
	
	.footer .footer_right{height: 150px;}
	
	.footer .footer_right{padding-top: 20px;}
}
.list {
	overflow: hidden;
	padding: 2% 0 6%;
}

.list ul.list_hot {
	padding: 0 10px;
}

.list ul.list_hot li {
	width: 49.5%;
	float: left;
	line-height: 45px;
	font-size: 14px;
	background-color: #7baeef;
	margin-bottom: 8px;
	text-align: center;
}

.list ul.list_hot li a,
.list ul.list_hot p a {
	color: #fff;
}

.list ul.list_hot li:nth-of-type(2) {
	float: right;
	background-color: #9983ce;
}

.list ul.list_hot li:nth-of-type(3) {
	background-color: #60bac5;
}

.list ul.list_hot li:nth-of-type(4) {
	float: right;
	background-color: #caaf95;
}

.list ul.list_hot p {
	width: 100%;
	line-height: 45px;
	background-color: #ff8781;
	text-align: left;
	text-indent: 12px;
	overflow: hidden;
}

.list ul.list_hot p span {
	width: 22.83%;
	line-height: 22px;
	color: #333;
	background: #cfddf6;
	border-radius: 5px;
	display: inline-block;
	text-align: center;
	text-indent: 0;
	margin: 3% 4% 0 0;
	float: right;
}

.list_con {
	overflow: hidden;
	text-align: center;
}

.list_con h3 {
	line-height: 42px;
	font-size: 16px;
	padding-left: 10px;
	padding-top: 10px;
	border-bottom: 1px #999 solid;
	text-align: left;
}

.list_con p {
	line-height: 35px;
	width: 100%;
	border-bottom: 1px #999 solid;
}

.icon-n-book:before {
	width: 22px;
	height: 20px;
	margin: 0px 6px 0 10px;
	background-size: 428%;
	background-position: -72px -153px;
	padding-top: 0px;
}

.list_con span.icon {
	width: 40.58%;
	display: inline-block;
	margin: 4% 0;
	text-align: left;
	line-height: 15px;
	padding: 4% 0;
	background-color: #7faefe;
	border-radius: 5px;
	padding-left: 2%;
}

.list_con span.icon:nth-of-type(2) {
	background-color: #3d3d3d;
}

.list_con span.icon a {
	color: #fff;
	font-size: 12px
}

.ani_blue1 {
	-webkit-animation: ani_blue1 2s infinite;
}

.ani_blue2 {
	-webkit-animation: ani_blue2 2s infinite;
}

@-webkit-keyframes ani_blue1 {
	0% {
		background: #7faefe;
	}
	50% {
		background: #7faefe;
	}
	50.1% {
		background: #3d3d3d;
	}
	100% {
		background: #3d3d3d;
	}
}

@-webkit-keyframes ani_blue2 {
	0% {
		background: #3d3d3d;
	}
	50% {
		background: #3d3d3d;
	}
	50.1% {
		background: #7faefe;
	}
	100% {
		background: #7faefe;
	}
}

.icon-n-tel:before {
	width: 40px;
	height: 32px;
	background-position: -124px -198px;
	background-size: 400%;
	float: left;
}

.icon-n-msg2:before {
	width: 40px;
	height: 32px;
	background-position: -124px -232px;
	background-size: 400%;
	float: left;
}

.list_same {
	overflow: hidden
}

.list_same h3 {
	line-height: 42px;
	font-size: 16px;
	padding-top: 10px;
	text-align: left;
	color: #333;
}

.icon-n-link:before {
	width: 22px;
	height: 24px;
	margin: 0px 6px 0 10px;
	background-size: 440%;
	background-position: -74px -178px;
	padding-top: 0px;
	position: relative;
	top: 5px;
}

.list_same p {
	line-height: 25px;
	padding: 0 10px;
}

/*.list_same p:before {
	content: "";
	border-left: 3px #7baeef solid;
	height: 12px;
	display: inline-block;
	position: relative;
	top: 2px;
	margin: 0px 6px 0 10px;
}*/

.list_same p:nth-of-type(2):before {
	border-left: 3px #9983ce solid;
}

.list_same p:nth-of-type(3):before {
	border-left: 3px #ff8781 solid;
}

.page {
	text-align: center;
	margin-top: 10px;
	margin-bottom: 10px
}

.page li {
	display: inline-block;
	color: #5d5d5d;
}

.page li a {
	color: #5d5d5d;
}

.page li:nth-child(2),
.page li:nth-child(3) {
	border: 1px solid #c8c8c8;
	padding: 0px 5px;
	margin: 0px 5px;
}

.art_tel {
	margin: 12px 18px;
	overflow: hidden;
	background-color: #ff8f0d;
	border-radius: 5px;
	line-height: 35px;
	font-size: 14px;
}

.art_tel .input_text {
	width: 63.75%;
	margin: 5px 3px;
	line-height: 29px;
	text-indent: 12px;
	color: #ccc;
	border: none;
	background: #fff;
	float: left;
}

.art_tel .input_sub {
	border: none;
	background: none;
	line-height: 35px;
	color: #fff;
}

.art_tel div {
	text-align: center;
}

.icon-n-tel1:before {
	width: 25px;
	height: 25px;
	display: inline-block;
	position: relative;
	top: 8px;
	left: 0px;
	background-position: -23px -77px;
	background-size: 400%;
}

.article h1 {
	text-align: center;
	font-size: 22px;
	padding: 15px 0 10px;
}

.article h1 a {
	color: #f27a19;
}

.article p {
	border: none;
	line-height: 20px;
	text-align: center;
	font-size: 12px;
}

.article ul {
	margin: 15px 0;
	padding: 0 2%;
	overflow: hidden;
	display: block;
}

.article ul li {
	width: 24%;
	line-height: 40px;
	background-color: #eee;
	margin: 0 .5%;
	float: left;
	font-size: 12px;
	color: #333;
	font-family: "Microsoft YaHei";
}

.article ul li span {
	width: 20px;
	height: 20px;
	background: none;
}

.article ul li span:before {
	width: 20px;
	height: 16px;
	position: relative;
	top: 2px;
	background-size: 450%
}

.icon-n-heart:before {
	background-position: -24px -90px;
}

.icon-n-si:before {
	background-position: -24px -105px;
}

.icon-n-sun:before {
	background-position: -24px -122px;
}

.icon-n-calendar:before {
	background-position: -24px -141px;
}

.article .art_con {
	padding: 0 10px;
	line-height: 24px;
	font-size: 14px;
	font-family: "Microsoft YaHei";
}

.article .art_con p {
	font-size: 14px;
	text-align: left;
	text-indent: 25px;
	font-family: "Microsoft YaHei";
	line-height: 25px !important;
}

#banner-small .hd {
	display: none;
}

.page-6-1 .ott li:nth-of-type(1) div {
	-webkit-animation: ott_li_div 2s infinite;
}

@-webkit-keyframes ott_li_div {
	0% {
		background: #b0a6fc;
	}
	50% {
		background: #b0a6fc;
	}
	50.1% {
		background: #bc1212;
	}
	100% {
		background: #bc1212;
	}
}

.page-3-1 .btn a:nth-of-type(2) {
	-webkit-animation: p31-btn 2s infinite;
}

@-webkit-keyframes p31-btn {
	0% {
		background: #414141;
	}
	50% {
		background: #414141;
	}
	50.1% {
		background: #bc1212;
	}
	100% {
		background: #bc1212;
	}
}



.tab {
					position: relative;
					width: 100%;
					height: 100%;
					overflow: hidden;
					/*				margin: 0 auto 20px auto;*/
					font-family: Arial;
				}
				
				.tab-nav {
					height: 40px;
					overflow: hidden;
				}
				
				.tab-nav a {
					display: block;
					float: left;
					width: 27%;
					border-radius: 10px;
					height: 40px;
					line-height: 40px;
					text-align: center;
					text-decoration: none;
					color: #fff;
					background: #439ade;
					margin: 0 2.5%;
				}
				
				.tab-nav a.current {
					background: #fdad02;
					color: #fff;
				}
				
				.tab-con {
					position: relative;
					width: 100%;
					height: 90%;
					overflow: hidden;
					background: #fff;
				}
				
				.tab-con-item {
					display: none;
					width: 100%;
					/*				height: 380px;*/
					/*				line-height: 180px;*/
					text-align: center;
					color: #fff;
				}
				.hzdp ul {
					text-align: center;
				}
				
				.hzdp ul li {
					display: inline-block;
					font-size: 12px;
					border: 1px solid #1566a4;
					color: #1566a4;
					width: 32%;
					text-align: center;
					line-height: 240%;
					margin-bottom: 5px;
					border-radius: 5px;
					text-align: center;
				}