
@charset "gb2312";

/* CSS Document */

/*-------------------公共样式开始---------------------*/

html{ font-size:10px;}

@media screen and (min-width:320px) {html{ font-size:10px;}}

@media screen and (min-width:360px) {html{ font-size:11px;}}

@media screen and (min-width:414px) {html{ font-size:11.5px;}}

@media screen and (min-width:500px) {html{ font-size:13px;}}

*{ margin: 0px; border: 0px;padding: 0px;}

body { max-width:640px; min-width:320px; margin:0 auto; background-color:#e3e4e6;overflow-x:hidden;}

body * { color:#666; font-family: "Microsoft YaHei"; line-height:2.4rem;}

p,dl,dt,dd,li,div,section,nav { font-size:1.45rem; color:#666; }

ul li,ol li { list-style: none; }

p { text-align:justify; text-justify:inter-word; }

img { vertical-align:middle; border:0; outline:0; max-width:100%;}

a { text-decoration: none; color:#fff;  -webkit-tap-highlight-color:rgba(255,0,0,0);}

textarea { resize:none; }

input { -webkit-appearance:none; border-radius:0; border:0; outline:none; }

.fl,.fls { float: left; }

.fr,.frs { float: right; }

.w_pad { padding:2rem .5rem; }

.ov { overflow: hidden; }

.clearfix { *zoom:1;}

.clearfix:after { content:''; display:table; clear:both;}

/*-------------------公共样式结束---------------------*/



/*--- btn S ---*/

.btn { overflow:hidden; margin:.2rem auto 0; text-align:center;}

.btn a{ display:block; padding:4% 0; width:90%; background:#ff6600; color:#FFF; font-weight:normal; border-radius:.3rem; text-align:center;}

.btn a img { display:inline-block; width:26%; margin-top:-2px;}

.btn a:nth-of-type(1){ background-color:#ff7913;}

.btn a:nth-of-type(2){ background-color:#ff7913;}

.btn a.on { background:#e60013;}

.oneBtn { display:block; margin:1.6rem auto 0; padding:2% 0; width:75%; background:#d52806; color:#FFF; font-weight:normal; border-radius:.3rem; text-align:center;}

.oneBtn img { display:inline-block; width:3rem; margin-top:-2px;}

@media screen and (min-width:320px) {.btn a,.oneBtn { font-size:1.4rem}}

@media screen and (min-width:360px) {.btn a,.oneBtn { font-size:1.5rem}}

@media screen and (min-width:414px) {.btn a,.oneBtn { font-size:1.6rem}}

@media screen and (min-width:500px) {.btn a,.oneBtn { font-size:1.7rem}}

.btn a.on { background:#ccc;}

.btn a.on img{ opacity:.8; }

.btn a.oneBg1 {background:#1ebdc6;}

/*--- btn E ---*/


/*----常用样式----*/

.zhhy {}
.zhhy a,.pic a { display:block;}
.zhhy a img ,.pic a img { display:block; width:100%; margin:-1rem auto;}




.head { }

/*头部*/

/*----m1------*/
.m1 {background:#fff;padding-bottom: 5.5rem;}
.m1 .box{ overflow:hidden;padding:1rem 0 2rem;}
.m1 .box .fl{ width:12rem;}
.m1 .box .fr .top{ padding:0 0 .5rem; border-bottom: 1px dashed #cccccc;}
.m1 .box .fr .top .p1{ font-size:1.6rem;color:#333; line-height:1.8rem;padding-bottom:.3rem;} 
.m1 .box .fr .top .p1 span{ font-size:2rem;line-height:1.8rem;font-weight:900; color:#333;}
.m1 .box .fr .top p{ color:#666666;line-height:1.6rem;font-size:1.2rem;} 
.m1 .box .fr .top p i{ padding-right:.5rem; color:#f39800; font-size:2rem; line-height:1.6rem;vertical-align:bottom;}
.m1 .box .fr .txt{ padding-top:.5rem;}
.m1 .box .fr .txt p{ font-size:1.2rem; line-height:1.4rem;color:#333; }
.m1 .box .fr .txt p span{ font-size:1.2rem; line-height:1.4rem; font-weight:900;color:#333;}
.m1 .box .fr .txt p.p2{ font-size:1.2rem;line-height:1.2rem;}
.m1 .box .fr .txt p.p2 i{ color:#f39800;font-style:normal;}
.m1 .ul2{overflow:overflow;padding-top: 1.6rem;}
.m1 .ul2 li{ float:left;margin-right:2%;width:32%;padding:.6rem 0;text-align:center;border-radius:3px;}
.m1 .ul2 li:nth-child(3){ margin-right:0; background:#46a0f0;}
.m1 .ul2 li:nth-child(1){background:#2cd2cc; }
.m1 .ul2 li:nth-child(2){background:#fd7a23; }
.m1 .ul2 li.a1{ position:relative;}
.m1 .ul2 li .img1{ position:absolute;bottom:103%;left:28%;width:50%;}
/*----m2------*/





.m2 { padding:2rem 3% 16rem; background:#ebebeb;}
.m2 ul { overflow:hidden; }
.m2 ul li {  overflow:hidden; margin-bottom:1rem;}
.m2 ul li .le { width:12%; float:left;}
.m2 ul li .le img { display:block; width:100%;}
.m2 ul li .ri { width:83%; float:right; }
.m2 ul .dataTime { display:block; margin:4px 0 6px; padding-left:0%; font-size:1.2rem; line-height:20px; text-align:center; }
.m2 ul li .ri .txt { position:relative; display:inline-block; padding:2% 3%; border:1px solid #d4d4d4; border-radius:6px; background:#FFF; }
.m2 ul li .ri .txt p { display:inline-block; color:#333; line-height:2rem;}
.m2 ul li .ri .txt span { position:absolute; display:block; top:40%; margin-top:-6px; left:-8px; width:8px; height:11px; background:url(../images/xx_jt.jpg) no-repeat center right; background-size:8px 11px; }
.m2 ul li .ri .txt p i { font-style:normal; color:#de0f00; line-height:2rem;}


@media screen and (min-width:320px) {

#m2 ul li .ri .txt p{ font-size:14px;}	

}

@media screen and (min-width:360px) {

#m2 ul li .ri .txt p{ font-size:15px;}	

}

@media screen and (min-width:414px) {

#m2 ul li .ri .txt p{ font-size:16px;}		

}

@media screen and (min-width:500px) {

#m2 ul li .ri .txt p{ font-size:17px;}		

}









footer {  position:fixed; bottom:0;width: 100%; left:0; max-width: 640px; min-width: 320px;  background:#2cd2cc;}

footer .xx { overflow:hidden; padding: 1rem; position:relative; }

footer a { display:block; float:left; margin-right:3%; width:22%;}

footer a input { width:83%; padding:0 3% 0 14%; display:block;  background:url('../../images/input.gif') no-repeat 2% center; background-size:2rem; outline:none; border:0; font-size:1.35rem; border-radius:3px; -webkit-appearance: none; color:#333;background-color:#FFF;}

footer a img { display:block; width:100%;}

footer a:nth-child(1) { width:75%; line-height:34px;}

footer a:nth-child(2) { margin-right:0;}















