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

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

html {}

body {
	font-family: font: 16px/32px;
	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);
	
}

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

p {
	/*text-align: justify;*/
	/*text-justify: distribute-all-lines;*/
	
}

[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 {
	
}



.mt{width: 100%; overflow: hidden; margin: auto;}

.m97{width: 97%; overflow: hidden; margin: auto;}

.t10{margin-top: 10px;}

.t20{margin-top: 20px;}

.t30{margin-top: 30px;}

.f20{font-size: 20px;}

.f22{font-size: 22px; line-height: 30px;}

.f16{font-size: 14px; line-height: 25px;}

.f18{font-size: 18px;}

.red{color: #d41f1f;}

.yellow{color: #fea700;}

.bold{font-weight: bold;}



/**/

.wap{width:100%; overflow: hidden;}
.mt{width:100%; overflow: hidden; margin: auto;}
.m90{width:95%; overflow: hidden; margin: auto;}
.blue{color: #103a5b;}
.pt{width:99%; overflow: hidden; margin: auto;}

.red{color: #8b2e2e;}



.header{
	position: fixed;
	z-index: 100;
	background: #fff;
	top: 50px;
}

.yg{
	z-index: 100;
	background: #fff;
	top: 0;}


.logo1 {
    z-index: 3;
	
}
.logo1 a {
    display: table;
    text-align: center;
    margin: 0 auto;
}
.logo1 img {
    text-align: center;
    margin: 0 auto;
}

.nav {
    background: #298dd9;
    margin: 0px;
    display: table;
    width: 100%;
    z-index: 2;

   
}
.nav li {
	overflow: hidden;
    border-bottom: 1px solid #ffffff;
    list-style: none;
    width: 100%;
}
.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;
}





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

.page-1-2 .new{}

/*.page-2-1 .title{background: url(../images/page-2-1.png); background-size: 100% 100%; position:relative;}*/

.page-2-1 .title span{display: inline-block; line-height: 20px;}

.page-2-1 .title2{background: url(../images/page-2-2.png); background-size: 100% 100%;}

.page-2-1 .title2 span{display: inline-block; width: 100%; overflow: hidden; line-height: 20px; text-align: center; color: #0a3365;}

.page-2-1 .viode{width: 90%; margin: 20px auto 0;}

.page-2-1 .tex{color: #666;}

.page-2-1 .tex p{text-indent: 2em;}

.page-2-1 .footer .content .content_left{width: 7%; float: left;}

.page-2-1 .footer .content .content_right{width: 91%; float: right; text-align: left;}




.page-3-1 .title{width: 65%; height: 50px; line-height: 50px; border-bottom: 2px solid #298dd9; margin: auto; text-align: center; font-weight: bold; margin-top: 10px;}

.page-3-1 p{text-indent: 2em;}


.page-3-2 .title{width: 90%; height: 50px; line-height: 50px; border-bottom: 2px solid #298dd9; margin: auto; text-align: center; font-weight: bold;}


.page-3-2 .btn{width: 98%; margin: auto; overflow: hidden; margin-top: 20px;}

.page-3-2 .btn .btn_left{display:block; width: 58%; background: #298dd9; border-radius: 5px; color: #FFFFFF; text-align: center; line-height: 35px; float: left;}

.page-3-2 .btn .btn_right{display:block; width: 40%; background: #fea700; border-radius: 5px; color: #FFFFFF; text-align: center; line-height: 35px; float: left; margin-left: 2%;}



.hyjs01{position: relative;top: 0.2rem;}

.hyjs .hyjs01{width: 100%;height: 40px;line-height: 40px;}

.hyjs .hyjs01 li{float: left;width: 40%;text-align: center;background: rgb(248,144,42);color: #ffffff; margin-left: 3%; background-size: 100%; height: 35px;line-height: 35px; font-size: 0.28rem; border-radius: 5px;margin-left: 0.5rem;}

.hyjs .hyjs01 li.cssLi{background: url(../images/page-1-9.png);color: #ffffff;background-size: 100% 100%; height: 42px;  line-height: 35px;  background-repeat: no-repeat;margin-left: 0.5rem; }

.hyjs02{height: 4rem;margin-top: 0.3rem;}

.hyjs02 .slideBox{width: 100%;margin: 0 auto;overflow: hidden;position: relative;}

.hyjs02 .slideBox .title{overflow: hidden; margin: 15px auto;}

.hyjs02 .slideBox .title .title_left{width:30%; float:left;color: #154265; height: 30px; font-size: 20px; border-bottom:1px solid #154265;}

.hyjs02 .slideBox .title .title_right{width:40%; float:left; height: 25px;     padding-top: 5px; color: #aeafaf; font-size: 14px; border-bottom:1px solid #aeafaf;}

.hyjs02 .slideBox .prev{position: absolute;top: 36%;left: 3%;background: url(../images/left.png) no-repeat center center;display: block;width: 30px;height: 30px;border-radius: 50%;background-color: #F3CBA7;}

.hyjs02 .slideBox .next{position: absolute;top: 36%;right: 3%;background: url(../images/right.png) no-repeat center center;display: block;width: 30px;height: 30px;border-radius: 50%;background-color: #F3CBA7;}

.hyjs02 .slideBox .jsjc{width: 97%;height: auto; margin: auto;}


.hyjs02 .slideBox .jsjc{}

.yh_dianji{width: 80%; margin: auto; text-align: center; line-height: 35px; border-radius: 10px; margin-top: -16px;}

.yh_dianji img{width: 15%; margin-left: 5%;}



/*.hyjs02 .slideBox .jsjc ul li{    border: 1px dashed #ccc;}*/

.hyjs02 .slideBox .jsjc .jsjc_top{width: 95%; margin: auto; padding: 3% 2%; overflow: hidden; border: 1px dashed #ccc; margin-bottom: 15px;}

.hyjs02 .slideBox .jsjc .jsjc_top .anli1{border-right: 1px solid #333; width: 55px; display: inline-block;}

.anli2{border-radius: 10px; background: #3697d5; width: 40%; line-height: 20px; text-align: center;     color: #ffffff; margin-left: 3%;     padding-top: 5px; float: left; margin-top: 14px; line-height: 25px; height: 28px;}

.anli3{border-radius: 10px; background: #fd8300; width: 40%; line-height: 25px; height: 28px; text-align: center;     color: #ffffff; margin-left: 13%;     padding-top: 5px; float: left; margin-top: 14px;}

.hyjs02 .slideBox .jsjc .jsjc_top p:first-child{width: 40%; float: left;}
.hyjs02 .slideBox .jsjc .jsjc_top p:last-child{width: 58%; float: left; font-size: 14px; margin-left: 2%;}

.hyjs02 .slideBox .jsjc .jsjc_bottom{background: url(../images/page1-2.png); overflow: hidden; padding: 0 3%;     margin-bottom: 20px;}

.hyjs02 .slideBox .jsjc .jsjc_bottom p:first-child{line-height: 50px; font-size: 13px; width: 77%; float:left;}
.hyjs02 .slideBox .jsjc .jsjc_bottom p:last-child{ font-size: 15px; width: 23%; float:left; background: #fd8300; color: #ffffff; border-radius: 5px; line-height: 25px; text-align: center; margin-top: 15px;}



.hyjs{position: relative;}














.arrow-down {
    width:0; 
    height:0; 
    border-left:20px solid transparent;
    border-right:20px solid transparent;
    border-top:20px solid #0066cc;
    position: relative;
    top: 0;
}


@media only screen and (min-width: 320px){
	.f22{font-size: 19px;}
	.f20{font-size: 14px;}
	.f18{font-size: 14px;}
	.tabBox .hd ul li{width: 26%;}
	.tabBox .hd ul .on a{font-size: 16px;}
	.tabBox .hd ul li{font-size: 16px;}
	.page-4-1 p{font-size: 14px;}
}



@media only screen and (min-width: 360px){
	.hyjs02 .slideBox .jsjc .jsjc_top p:last-child{line-height: 20px;}
	.anli2{    line-height: 28px; height: 35px; font-size: 18px;}
	.anli3{    line-height: 28px; height: 35px; font-size: 18px;}
	
	.f18{font-size: 15px;}
	.f20{    font-size: 16px;}
	.f16{font-size: 15px;}
	

}

@media only screen and (min-width: 375px){
	.hyjs .hyjs01{font-size: 20px;}
	.hyjs02 .slideBox .title .title_left{font-size: 24px; height: 35px;}
	.hyjs02 .slideBox .title .title_right{font-size: 16px;     height: 30px;}
	.hyjs02 .slideBox .jsjc .jsjc_top p:last-child{font-size: 15px;  line-height: 22px;}
	.hyjs02 .slideBox .jsjc .jsjc_bottom p:first-child{font-size: 15px;     width: 75%;}
	.hyjs02 .slideBox .jsjc .jsjc_bottom p:last-child{font-size: 15px; width: 25%;     line-height: 30px;     margin-top: 12px;}
	
	.anli2{    line-height: 28px; height: 35px; font-size: 18px;}
	.anli3{    line-height: 28px; height: 35px; font-size: 18px;}
	.nav li a{    font-size: 16px;}
	.hyjs .hyjs01{line-height: 45px;}
	.f22{font-size: 22px;}
	.f16{font-size: 16px;}
	.page-4-1 p{    font-size: 17px;}
	.f18{font-size: 14px;}
	.f20{font-size: 15px;}
}

@media only screen and (min-width: 414px){
	.hyjs .hyjs01{font-size: 22px;}
	.hyjs02 .slideBox .title .title_left{font-size: 26px; height: 38px;}
	.hyjs02 .slideBox .title .title_right{font-size: 18px;     height: 35px;}
	.hyjs02 .slideBox .jsjc .jsjc_top p:last-child{font-size: 17px;  line-height: 25px;}
	.hyjs02 .slideBox .jsjc .jsjc_bottom p:first-child{font-size: 16px;     width: 75%;}
	.hyjs02 .slideBox .jsjc .jsjc_bottom p:last-child{font-size: 18px; width: 25%;     line-height: 35px;     margin-top: 8px;}
	.anli2{    line-height: 28px; height: 35px; font-size: 21px;}
	.anli3{    line-height: 28px; height: 35px; font-size: 21px;}
}

@media only screen and (min-width: 480px){
	.hyjs .hyjs01{font-size: 22px;}
	.hyjs02 .slideBox .title .title_left{font-size: 26px; height: 38px;}
	.hyjs02 .slideBox .title .title_right{font-size: 18px;     height: 35px;}
	.hyjs02 .slideBox .jsjc .jsjc_top p:last-child{font-size: 17px;  line-height: 25px;}
	.hyjs02 .slideBox .jsjc .jsjc_bottom p:first-child{font-size: 16px;     width: 75%;}
	.hyjs02 .slideBox .jsjc .jsjc_bottom p:last-child{font-size: 18px; width: 25%;     line-height: 35px;     margin-top: 8px;}
	.hyjs .hyjs01{line-height: 50px;}
	.anli2{    line-height: 30px; height: 38px; font-size: 22px;}
	.anli3{    line-height: 30px; height: 38px; font-size: 22px;}
}











.page-4-1 .btn{width: 98%; margin: auto; overflow: hidden; margin-top: 20px;}

.page-4-1 .btn .btn_left{display:block; width: 58%; background: #298dd9; border-radius: 5px; color: #FFFFFF; text-align: center; line-height: 35px; float: left;}

.page-4-1 .btn .btn_right{display:block; width: 40%; background: #fea700; border-radius: 5px; color: #FFFFFF; text-align: center; line-height: 35px; float: left; margin-left: 2%;}



.page-4-1 .x_banner{margin-top: 20px; background: #298dd9; line-height: 50px; text-align: center; color: #FFFFFF;}

.page-4-1 p{margin-top: 20px;}


.page-5-1 .x_banner{margin-top: 20px; background: #298dd9; line-height: 50px; text-align: center; color: #FFFFFF;}





.page-5-1 .title2{background: url(../images/page-2-2.png); background-size: 100% 100%;}

.page-5-1 .title2 span{display: inline-block; width: 100%; overflow: hidden; line-height: 20px; text-align: center; color: #0a3365;}

.page-5-1 .btn{width: 90%; margin: auto; overflow: hidden; margin-top: 20px;}

.page-5-1 .btn .btn_left{display:block; width: 55%; background: #298dd9; border-radius: 5px; color: #FFFFFF; text-align: center; line-height: 35px; float: left;}

.page-5-1 .btn .btn_right{display:block; width: 38%; background: #fea700; border-radius: 5px; color: #FFFFFF; text-align: center; line-height: 35px; float: left; margin-left: 5%;}


.page-6-1 .x_banner{margin-top: 20px; background: #298dd9; line-height: 50px; text-align: center; color: #FFFFFF;}

.page-6-1 p{text-indent: 2em; margin-top: 20px;}



.page-6-1 .title2{background: url(../images/page-2-2.png); background-size: 100% 100%;}

.page-6-1 .title2 span{display: inline-block; width: 100%; overflow: hidden; line-height: 20px; text-align: center; color: #0a3365;}

.page-6-1 .btn{width: 90%; margin: auto; overflow: hidden; margin-top: 20px;}

.page-6-1 .btn .btn_left{display:block; width: 55%; background: #298dd9; border-radius: 5px; color: #FFFFFF; text-align: center; line-height: 35px; float: left;}

.page-6-1 .btn .btn_right{display:block; width: 38%; background: #fea700; border-radius: 5px; color: #FFFFFF; text-align: center; line-height: 35px; float: left; margin-left: 5%;}

.page-6-1 .btn .btn_right img{float: left; width: 20%; margin-top: 5%; margin-left: 5%;}


.page-6-1 .content .content1{background: #EEEEEE;}

.page-6-1 .content .content1 .left{width: 40%; float: left;}

.page-6-1 .content .content1 .right{width: 55%; float: left; margin-left: 5%; font-size: 17px; margin-top: 2%;}


.page-6-1 .content .content2{background: #EEEEEE; margin-top: 20px;}

.page-6-1 .content .content2 .left{width: 55%; float: left;}

.page-6-1 .content .content2 .right{width: 40%; float: left; margin-left: 5%; font-size: 17px; margin-top: 2%;}


.page-6-1 .content .content3{background: #EEEEEE; margin-top: 20px;}

.page-6-1 .content .content3 .left{width: 40%; float: left;}

.page-6-1 .content .content3 .right{width: 55%; float: left; margin-left: 5%; font-size: 17px; margin-top: 2%;}


.page-6-1 .zhuanjia .tex{text-indent: 2em;}

.page-6-1 .zhuanjia .content .hyal .t1 .left{width: 45%; float: left;}

.page-6-1 .zhuanjia .content .hyal .t1 .right{width: 51%; float: left; margin-left: 3%;}


.page-6-1 .zhuanjia .tex{text-indent: 2em;}

.page-6-1 .zhuanjia .content .hyal .t3 .left{width: 51%; float: left; }

.page-6-1 .zhuanjia .content .hyal .t3 .right{width: 45%; float: left;margin-left: 3%;}


.page-6-1 .zhuanjia .tex{text-indent: 2em;}

.page-6-1 .zhuanjia .content .hyal .t4 .left{width: 45%; float: left; }

.page-6-1 .zhuanjia .content .hyal .t4 .right{width: 51%; float: left;margin-left: 3%;}









.page-7-1 .x_banner{margin-top: 20px; background: #298dd9; line-height: 50px; text-align: center; color: #FFFFFF;}

.page-7-1 p{text-indent: 2em; margin-top: 20px;}







/* footer */

.footer{text-align: center;}

.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: 110px; float: left; margin-left: 5%;}

.footer .footer_left p{text-align: left; font-size: 14px}

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

	.header{top: 14%;}
	
	.header{    top: 9%;}
	
	
}

@media only screen and (min-width:360px){
	.footer .footer_left p{font-size: 15px; line-height: 25px;}
	.f16{font-size: 15px;}
	.page-4-1 p{font-size: 16px;}
	.header{top: 50px;}
	
}

@media only screen and (min-width:375px){
	.footer .footer_left p{font-size: 17px;}
	.logo1{margin-top: 10px;}
	
	
}

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

@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;}
	
	.tabBox .hd ul li{width: 28%;}
	
	.tabBox .hd ul .on a{font-size: 20px;}
	
	.tabBox .hd ul li{font-size: 20px;}
	
	.f16{font-size: 18px;}
	
	.f18{font-size: 16px;}
	
	.f20{font-size: 17px;}
	.header{top: 40px;}
	
}

@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;}
	
	.f18{font-size: 20px;}
	
	.f20{    font-size: 22px;}
	
	.f16{font-size: 20px;}
	
	.f22{font-size: 26px;}
	
	.yh_dianji img{width: 12%;}
	
	.header{top: 35px;}
	
	
}
@media only screen and (min-width: 320px) {
	.nav {
		margin-top: 60px;
	}
}
@media only screen and (min-width: 360px) {
	.nav {
		margin-top: 65px;
	}
}
@media only screen and (min-width: 375px) {
	.nav {
		margin-top: 81px;
	}
}

@media only screen and (min-width: 412px){
	.nav{margin-top: 87px;}
}
@media only screen and (min-width: 414px){
	.nav{margin-top: 90px;}
}
@media only screen and (min-width: 480px){
	.nav{margin-top: 98px;}
}

@media only screen and (min-width: 768px){
	.nav{margin-top: 105px;}
}