
@charset "UTF-8";
@import "media-font.css";
*{
    padding: 0;
    margin: 0;
}
html{
    width: 100%;
    font-family: 'Microsoft YaHei';
    overflow-x: hidden;
}
body{
    max-width: 640px;
    min-width: 320px;
    margin: 0 auto;
    color: #545454;
    font-size: 1.2rem;
    overflow-x: hidden;
}
ul{
    overflow: hidden;
}
ul,li,ol{
    list-style: none;
}
a{
    text-decoration: none;
    -webkit-tap-highlight-color:rgba(0,0,0,0);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
}
input{
    -webkit-appearance: none;
    font-family: "Microsoft Yahei", "微软雅黑";
}

.logo{
	width: 100%;
	overflow: hidden;
	    /*margin-top: 13%;*/

}
.logo img{
	width: 100%;
	display: block;
	
}
.nav{
	width: 100%;
	overflow: hidden;
}
.nav ul li{width: 25%;float: left;text-align: center;background: #0087c8;padding: 1% 0;}
.nav ul li img{
	width:35%;
	display: block;
	margin: 0 auto;
	    padding-top: 2%;
}
.nav ul li a{
	font-size: 1.2rem;
	color: #fff;
	line-height: 1.7rem;
}
.banner{
	width: 100%;
	overflow: hidden;
	position: relative;
}
.banner img{
    width: 100%;
    display: block;
}
.banner .hd{
	width:100%;
	text-align:center;
	margin: 2% 0 .5% 0;
	position: absolute;
	bottom: 0;
}
.banner .hd li{
	width:1rem;
	height:1rem;
	display:inline-block;
	margin:0 1%;
	background:#999;
	border-radius:10em;
	color:transparent;
	transition:0.5s ease 0s;
}
.banner .hd li.on{
	background:#0087C8;
	transition:0.5s ease 0s;
	
}
/*中间*/
.article{
	width: 100%;
	overflow: hidden;
}
.title{
	width: 100%;
	overflow: hidden;
		margin: 2% 0;
}
.title p{
	width: 100%;
	overflow: hidden;
	text-align: center;
	padding: 1% 0;
	font-size: 1.4rem;
	color: #0087C8;
	font-weight: bold;
}
.title img{
	width: 100%;
	overflow: hidden;

}
.wp01{
	width: 100%;
	overflow: hidden;
}
.wp01 .wp01_tt{
	width: 100%;
	background: #EE7800;
	color: #FFFFFF;
	font-size: 1.4rem;
	padding: 2% 0;
	text-align: center;
}
.wp01_ct{
	width: 100%;
	overflow: hidden;
}
.wp01_ct .wp01_ct_1{
	width: 100%;
	overflow: hidden;
	position: relative;
	margin: 2% 0;
}
.wp01_ct .wp01_ct_1 img{
	width: 100%;
	display: block;
}


.wp01_ct_c1{
	position: absolute;
	width: 65%;
	overflow: hidden;
	top: 0;
	right: 0;
}
.wp01_ct_c2{
	position: absolute;
	width:65%;
	overflow: hidden;
	top: 0;
	left: 2%;
}
.wp01_ct_c1 p{
	width: 100%;
	overflow: hidden;
}
.wp01_ct_c1 p:nth-child(1){
	font-weight: bold;
    color: #343434;
    font-size: 1.4rem;
    padding: 7% 0 0 30%;
}
.wp01_ct_c1 p:nth-child(2){
	
	color: #000;
	 padding: 5.5% 0 0 0;
}
.wp01_ct_c1 p:nth-child(3){

	color: #EF8417;
	 padding: 2% 0 0 0%;
}

.wp01_ct_c1 p:nth-child(4){
	padding: 2% 0;
}
.wp01_ct_c1 p:nth-child(4) a{
		color: #545454;;
}
.wp01_ct_c1 p:nth-child(4) span{
	color: #EF8417;
}
.wp01_ct_c1 p:last-child{
	padding: 2% 0;
}
.wp01_ct_c1 p:last-child a{
	display: block;
	float: left;
	margin-left: 5%;
	width: 40%;
}
.wp01_ct_c1 p:last-child a img{
	width: 100%;
	display: block;
}

/*2222*/

.wp01_ct_c2 p{
	width: 100%;
	overflow: hidden;
}
.wp01_ct_c2 p:nth-child(1){
	font-weight: bold;
    color: #343434;
    font-size: 1.4rem;
    padding: 10% 0 0 30%;
}
.wp01_ct_c2 p:nth-child(2){
	
	color: #000;
	 padding: 5.5% 0 0 0;
}
.wp01_ct_c2 p:nth-child(3){

	color: #EF8417;
	 padding: 2% 0 0 0%;
}

.wp01_ct_c2 p:nth-child(4){
	padding: 2% 0;
}
.wp01_ct_c2 p:nth-child(4) a{
		color: #545454;;
}
.wp01_ct_c2 p:nth-child(4) span{
	color: #EF8417;
}
.wp01_ct_c2 p:last-child{
	padding: 2% 0;
}
.wp01_ct_c2 p:last-child a{
	display: block;
	float: left;
	margin-left: 5%;
	width: 40%;
}
.wp01_ct_c2 p:last-child a img{
	width: 100%;
	display: block;
}



.wp1_bt{
	width: 100%;
	overflow: hidden;
	
}
.wp1_bt ul{
	width: 96%;
	margin: 0 auto;
	overflow: hidden;
	background: #F4F4F4;
	border-radius:2rem;
	padding: 3% 0;
}
.wp1_bt ul li{
	width: 95%;
	overflow: hidden;
	margin:0 auto;
	padding: 1% 0;
	border-bottom: 1px dashed #AEAEAE;
}

.wp1_bt ul li a {
    text-indent: 0;
    float: right;
    background: #0087c8;
    border-radius: 0.8rem;
	width: 20%;
    color: #FFF;
    padding: 0.5% 0;
    text-align: center;
}
.wp1_bt ul li  span{
	color: #ee7800 ;
	font-weight: bold;
}
.wp02{
	width: 96%;
	overflow: hidden;
	margin: 0 auto;
}
.wp02 ul li{
	width: 95.5%;
	overflow: hidden;
	    padding: 2% 1% 1% 1%;
	border: 1px solid #D2D2D2;
	margin-top: 3%;
	margin-left: 1%;
}
.wp02 ul li img{
	width: 100%;
	
}


.wp03 {
	width: 100%;
	overflow: hidden;
}
.wp03 dl { width:45%; background: #f3f3f3; text-align: center; margin: 2.5% 2.5%;overflow: hidden;float: left;}
.wp03 dl dt a { display: block; background: url(../images/wp3_bg.png) no-repeat ; margin: 0 auto; width:55%; line-height: 4.95rem; text-align: center; font-size: 1.5rem; color: #fff; border-radius: 1rem;}
.wp03 dl dd { line-height: 2.8rem; color: #333; }
.wp03 dl:nth-child(odd) { float: left }
.wp03 dl:nth-child(even) { float: right }



.pj { margin: 1%; overflow: hidden; zoom: 1; }
.pj ul li { margin-bottom: 1.25rem; display: none }
.pj ul li h2 { color: #333; border-bottom: 1px dashed #e4e4e4; line-height: 3.95rem; margin-bottom: 0.5rem; overflow: hidden; zoom: 1 }
.pj ul li h2 img { width: 16%;   display: block;float: left; margin-right: 1rem; }
.pj ul li h2 b img { width: 6%; float: right; }
.pj ul li p { line-height: 2.4rem; color: #666; }
.pj ul li p span { color: #ef7800 }



.foote_logo{width: 100%;overflow: hidden;}
.foote_logo img{
	width: 100%;
	display: block;
}
.yh2_footc { background: url(../images/yh_footbg2.png) no-repeat;background-size: 100% 100%; height: 12.6rem; position: relative; z-index: 0; margin-bottom: 4rem; }
.yh2_footc dl { overflow: hidden; zoom: 1; width: 20.5rem; padding: 1.5rem 0rem 0rem 11.45rem; }
.yh2_footc dl dt { padding-left: 2.7rem; font-size: 1.2rem; line-height: 2rem; color: #2f2f2f; }
.yh2_footc dl dt span { padding: 0.6rem 0rem 0.7rem; display: block; }
.yh2_footc dl dd { text-align: center; padding-top: 0.5rem; }
.yh2_footc dl dd img {width: 44%; margin: 0rem 0.5rem; }
.yh2_footc i { display: block; position: absolute; z-index: 1; top: 2.3rem; left: 0.8rem; width: 8.9rem; height: 8.7rem; }
.yh2_footc i a { width: 8.9rem; height: 8.7rem; display: block; text-decoration: none; }