@charset "utf-8";



/* CSS Document */



/* Author Zxx */



/* Create xx */

.reset-page *{letter-spacing:2px;}

.reset-page h2,.reset-page h3,.reset-page p{padding-bottom:1px;}

*{margin:0;padding:0;border:0;}

img{border:0;}

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

a{text-decoration:none;}

.cl{clear:both;}

.fl{float:left;}

.fr{float:right;}

.pa{padding:5.2% 6% 5.5%;}

body{background:#fff;font-size: 18px;}

.page_warp a img{vertical-align:middle;}

.page_warp{font-family:'Microsoft YaHei';overflow:hidden;width:100%;min-width:320px;max-width:640px;margin:0 auto;color:#777;}

@media screen and (min-width:320px){

	.page_warp{font-size:15px;}

}

@media screen and (min-width:360px){

	.page_warp{font-size:17px;}

}

@media screen and (min-width:375px){

	.page_warp{font-size:17px;}

}

@media screen and (min-width:380px){

	.page_warp{font-size:18px;}

}

@media screen and (min-width:480px){

	.page_warp{font-size:18px;}

}

@media screen and (min-width:640px){

	.page_warp{font-size:18px;}

}

.tud{text-decoration:underline;}



/*25px*/

.mgt{margin-top:4%;}



/*35px*/

.smt{margin-top:5.4%;}



/*大标题与段落*/

.tmt{margin-top:3.8%}



/*段落上外边距*/

.pmt{margin-top:1.8%;}



/*按钮与段落间距*/

.amt{margin-top:2.2%;}



/*段落行高*/

.ph{line-height:1.78em;}



/*上边框*/

.bdt{border-top:1px solid #ccc;}



/*下边框*/

.bdt2{border-top:1px dashed #ccc;}

.banner img{display:block;width:100%;}



/*字体居中*/

.tc{text-align:center;}

.oh{overflow:hidden;}



/*元素居中*/

.auto{margin:0 auto;}



/*大标题*/

.tt1{font-size:1.35em;padding-bottom:.8%;color:#282828;}



/*小标题*/

.tt2{font-size:1em;color:#282828;}

.btn-a{font-size:1em;padding:.3em .3em .3em;text-align:center;color:#fff;border-radius:.2em;background:#ee7800;}



/*按钮色*/

.color1{color:#ee7800;}



/*主色*/

.color2{color:#0087C7}



/*公用样式结束*/

.s1-ul li a{color:#777;font-size:.85em;}

.s1-ul li img{width:80%}

.s1-ul li h5{margin-top:4%;padding-bottom:1px;font-weight:normal;}

.s1-ul li{float:left;width:25%;text-align:center;}

.s0{padding-top:5.6%;overflow:hidden;font-size:.85em;padding-bottom: 0}

.s0-d1{margin-top:4%;overflow:hidden;}

.s0-d1 a{display:block;float:left;padding:2%;width:45%;text-align:right;color:#FFF;text-align:center;}

.s0-d1 a:nth-of-type(odd){margin-right:2%}

.s0-d1 a:nth-of-type(1),.s0-d1 a:nth-of-type(2){margin-bottom:2%}

.s0-d1 a img{margin-left:5%;width:12%;vertical-align:middle;margin-top:-3%;}

.s0-d3{width:49%;margin-right:2%;overflow:hidden;}

.s0-d3 a{display:block;float:left;padding:4% 0%;width:100%;text-align:center;color:#FFF;}

.s0-d3 a:nth-of-type(2){margin-top:4%}

.s0-d3 a img{margin-left:5%;width:11%;vertical-align:middle;margin-top:-2%}

.s0-d2{position:relative;overflow:hidden;margin-top:2%}

.s0-p1{color:#fff;font-weight:bolder;margin-top:6%;font-size:.9em}

.s0-p2{color:#f9ee30;font-weight:bolder;margin-top:2%}

.s0-a1{font-size:1.2em;position:absolute;top:0;right:0;bottom:0;background:#ea5300;display:block;width:49%;text-align:center;}

.s2{padding:0 6%}

.s2-d0{position:relative;margin-top:5%}

.s2-d1{display:block;position:absolute;top:0;left:0;bottom:0;width:30%;background:#2CAFE5;color:#fff;text-align:center;}

.s2-d1 h5{margin-top:5%}

.s2-d2 a{background-color:#f3f3f3;color:#777;text-align:center;width:24%}

.s2-d2 a img{width: 7%;margin-right: 3%}

.s2-mgr{margin-right:2%}

.s2-mgb{margin-bottom:2%}

.s2-d0{text-align:center;}

.s2-d1 p{margin-top:10%}

.s2-d1 p img{width:28%}

.s2-d2 .s2-a1{margin-bottom:0}

.s2-d2 .s2-a2{margin-bottom:0;width:100%}

.s2-d2{width:68%}

.s2-d2 a{display:block;float:left;width:49%;margin-bottom:2%;padding:3% 0}

.s4 a{color:#fff;display:block;width:48%;text-align:center;padding:3% 0;float:left;margin-bottom:2%;font-size:0.9em}

.s4 a:nth-of-type(odd){margin-right:2%}

.s4-a1{background: #6f64c0}

.s4-a2{background: #f2395b}

.s4-a3{background: #00c3d5}

.s4-a4{background: #853f8a}

.s4-a5{background: #0073dd}

.s4-a6{background: #ea5300}

.s4-a7{background:#7cc576;margin-bottom:0}

.s4-a8{background:#c915bc;margin-bottom:0}

.s4 a img{vertical-align:middle;margin-left:2%;width:12%}

.s5-d1{padding:5.6% 0}

.s7{padding-top: 0}

.s7-ul li{padding:5% 0}

.s7-ul li .btn-a{margin-top:-2%}

.s7-p1{margin-top:2%;font-size: .85em}



.s6{position: relative;}

.s6 a{position: absolute;bottom: 18%;display: block;width: 15%;padding: 3.5% 0;}

.s6-a1{right: 44%}

.s6-a2{right: 28%}


.nav{ width:100%; height:50px; line-height:50px; font-size:16px; background-color:#124057;}
.nav2{ margin:0 auto;}
.nav2 a{ color:#fff; padding:0px 9px; background-color:#168db8; border-right:#05749c solid 1px;display: block;
    float: left;
    
    text-align: center;}
.nav2 a:nth-child(1), .nav2 a:nth-child(2), .nav2 a:nth-child(7), .nav2 a:nth-child(8){border-right:0;}
.nav2 a:nth-child(1),.nav2 a:nth-child(7){ border-right:#00273b solid 1px;}
.nav2 a:hover{ background-color:#000; text-decoration:none; border-right:#000 solid 1px;}


.clear{clear:both}

.foot{ width:100%;  max-width:640px; height:auto; overflow:hidden;  margin:20px auto 20px auto;font-size: 18px;}
.foot p{ text-align:center; color:#333333; margin-top:5%; padding-bottom:5%}
.lst_ct{padding: 0% 9% 0% 9%;}
.lst_ct a{ display:block; width:23%; height:6em; overflow:hidden; float:left; background:#4cb442; margin-right:2.5%; text-align:center; color:#fff;}
.lst_ct a p{ color:#fff;}
.lst_ct a img{ width:40%; padding-top:10%; margin:auto; }
.lst_ct a:nth-child(2){ background:#fb8400;}
.lst_ct a:nth-child(3){ background:#6bb5ed;}
.lst_ct a:nth-child(4){ margin-right:0; background:#cb6147;}


.wenzhang{ width:93.75%; margin:auto;}
.wenzi{ width:93.75%; text-indent:2em; line-height:1.875em;}
.underspanne{border-bottom:dashed 1px black;display:block; line-height:32px;}
.underspanne a{ color:#2aafe7;}
.underspanne span{ float:right; padding-right:20px;}         .article h2, .source {float: left;width: 670px;text-align: center;
}