@charset "UTF-8";
/* CSS重置 wap端 （ 固定640宽度 ）*/
body,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,p,form{ margin:0; padding:0; }
li { list-style:none; }
table { border-collapse:collapse; border-spacing:0; }
img{ border: 0; vertical-align:top; max-width: 100%;}
a{ text-decoration: none; color:#555;}

html { font-size: 50px; 
	/*避免文本字体大小重置*/
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%; 
	text-size-adjust: 100%;
}

body {
	min-width: 320px;
	max-width: 640px;
	margin: 0 auto;
	font-size:.24rem;
	color:#444;
	background-color:#FFF;
	font-family: "Helvetica Neue", Helvetica, Tahoma, Arial, "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
}

/*头部*/
.top{ width: 100%; border-top: 0.10rem solid #ff6801; border-bottom: 1px solid #ff6801; overflow: hidden;}
.top .logo{ float: left; width: 100%; }
/*.top .logo-r{ float: left; width: 15%; text-align: center;}*/

.nav{ overflow: hidden; }
.nav li{ float: left; box-sizing:border-box; width: 25%; text-align: center; border:.01rem solid #efefef;}
.nav li a{ font-size: .28rem; line-height: 1.8; color: #ff6801;}

.title { padding: .30rem 0; background-color: #f4f3f3;}
.title h2{ font-size: .36rem; text-align: center;}
.title h3{ font-size: .20rem; padding: .10rem 0; color: #9a9a9a; text-align: center; font-weight: normal;}
.title p{ text-align: center; }
.title p a{ display: inline-block; padding: .08rem; margin: 0 .10rem; line-height: 1; border:1px solid #ff6801; font-size: .24rem; color: #ff6801; }

.menu{ border-top: 1px solid #ff6801; border-bottom: 1px solid #ff6801; overflow: hidden;}
.menu .left{ /*width: 14%;*/ width: .90rem; float: left; height: 7.83rem;}
.menu .right{ /*width: 86%;*/ width: 5.50rem; float: left; }

.menu .right li { box-sizing: border-box; height: .87rem; padding-top: .15rem; border-bottom:1px solid #f4f3f3; overflow: hidden;}
.menu .right li .col-1{ width: 25%; float: left; text-align: center; }
.menu .right li .col-1 img{ width: 50%; }
.menu .right li .col-2{ width: 55%; float: left;}
.menu .right li .col-2 h3{ font-size: .24rem; font-weight: bold; color: #000; padding-top: .10rem; }
.menu .right li .col-2 h3 span{ font-size: .16rem; font-weight: normal; color: #999; padding: 0 .12rem;}
.menu .right li .col-3{ width: 20%; float: left; text-align: center; }
.menu .right li .col-3 img{ width: 45%; padding-top: .05rem; }

.solution{ overflow: hidden; }
.solution li{ width: 50%; height: 2rem; float: left; box-sizing: border-box; border: 1px solid #888; background-color: #232323;}
.solution li img{ float: left; width: 40%; padding: .40rem 0 0 .40rem; }
.solution li p{ float: left; padding: .65rem 0 0 .30rem; color: #fff; }

.cooperation { overflow: hidden; }
.cooperation li{ width: 50%; float: left; }
.cooperation li img{ width: 98%; display: block; margin: .05rem auto; border:1px solid #888;}

.map { padding: .1rem 0; }

.bottom { margin:.1rem 0 .9rem;}
.bottom .con{ padding: .1rem 0; overflow: hidden; background-color: #ff6801; }
.bottom .con p{ padding-left: .10rem; font-size: .18rem; line-height: 1.4; color: #fff; }

.bottom .left{ width: 40%; float: left; }
.bottom .left img{ width: 1.33rem; float: right; }
.bottom .right{ width: 60%; float: left; }

.bottom p.p-b{ padding: .10rem 0; font-size: .20rem; text-align: center; color: #bbb; }

/*尾部*/
.fix-bottom{ width: 100%; height: 0.8rem; position: fixed; left: 0; bottom: 0; background-color: #02a6fb; }
.bottom-nav{ width: 100%; height: 0.8rem; float: left;}
.fix-bottom a{ width: 19%; display: block; text-align: center; color: #fff; }
.fix-bottom a img{ height: .55rem; }
.fix-bottom a p{ line-height: .25rem; font-size:.22rem;}
.fix-bottom a.fl{ float: left; }
.fix-bottom a.fr{ float: right; }

.fix-bottom a.home{ width: 16%; margin: -0.20rem auto 0;}
.fix-bottom a.home img{ height: 1rem; }

/*返回顶部*/
.top-box {position:fixed;right:.40rem;bottom:1.5rem;width:.60rem;height:.30rem;padding-top:.30rem;font-size:.20rem;line-height:.30rem;background:#333;color:#ccc;
			text-transform:uppercase;text-align:center;border-radius:.10rem;opacity:0.7;cursor:pointer;}
.top-box:before {position:absolute;top:.13rem;left:.16rem;content:"";border-bottom:.15rem solid #888;border-left:.15rem solid transparent;border-right:.15rem solid transparent;}

/*当前位置*/
.position { width: 100%; height: .55rem;  font-size: .24rem; line-height: .55rem; color: #666; background-color: #f5f4f4; }
.position img{ float: left; width: .30rem; padding: .12rem 0 0 .20rem}
.position p{ float: left; padding-left:.10rem;}
.position a{ color: #888; }

/*列表页*/
.list { }

.list .content{ width: 94%; margin: 0 auto; }
.list .con { padding: .10rem 0 .05rem; border-bottom: 1px solid #EFEFEF;} 
.list .con p{ font-size: .26rem; line-height: 2; }
.list .con span{ font-size: .20rem; line-height: 2; color: #999;}
.list .con em{ color: #ff6801; font-style:normal}

.pglist { width: 98%; margin: .10rem auto; font-size: .30rem; height:.56rem; padding:0 .20rem; box-sizing: border-box;  background-color: #EFEFEF; text-align: center;}
.pglist b,.pglist a { display: inline-block; padding: 0 .10rem; margin: .09rem 0 0 .10rem; background-color: #fc934b; }
.pglist b { color:red; font-weight: normal;}
.pglist a{ color:#FFF; }
/*文章页*/
.article{ width: 96%; margin: .10rem auto; }
.article h1 { width:100%; font-size: .28rem; line-height:2; color:#222; text-align:center; }
.article .info { text-align: center; font-size: .20rem;  color: #999; }
.article .info #onclick{ color: #ff6801;}

.article .content { font-size: .24rem; line-height:1.6; }
.article .content p{ font-size: .24rem; line-height:1.6; }
.article .content p.sm{ width: 96%; margin:.10rem auto; padding:.05rem; font-size: .20rem; line-height:1.6; background-color: #f5f4f4; color: #888; text-align: justify; text-indent: 2em;}

.article .content p.pre , .article .content p.next{ line-height: 2.2; }
/*联系我们*/
.contact { width:100%; overflow: hidden; padding: .20rem 0 .10rem;}
.contact .items { width:33%; float:left; }
.contact .items .item_top { text-align:center; }
.contact .items .item_top img{ width:90%; }
.contact .items .item_bottom { padding: 0 .1rem; text-align:center; }
.contact .items .item_bottom h3 { font-size: .28rem; color:#000; }
.contact .items .item_bottom p { font-size: .20rem; color:#000; }
/*了解我们*/
.about{  }
.about h3{ font-size: .30rem; line-height: 2.4; text-indent: 1em; color: #3e9ad0; }
.about .con{ width: 94%; margin: 0 auto; }
.about .con img{ display: block; margin: 0 auto; }
.about .con p{ padding:.1rem 0; text-indent: 2em; text-align: justify; }
.about .con p span{ color: #F60; }
.about .con p a{ color: #02a6fb; }

.about li{ width: 100%; border-top:1px solid #EFEFEF; overflow: hidden;}
.about .li-box { width: 94%; margin:.20rem auto; overflow: hidden;}
.about .li-box img{ float: left; display: block; width: 30%}
.about .li-box p{ float: right; width: 65%; font-size: .20rem; text-align: justify; color: #999}

/*投诉建议页*/
.suggestion { width: 94%; margin: .20rem auto; }
.suggestion h4{ font-size: .24rem; color: #666; font-weight: normal; text-indent: 1em; text-align: justify; }
.suggestion table { width: 100%; line-height: 2.4; }
.suggestion table td { border: 1px solid #ccc; }
.suggestion table td.td-1{ width: 30%; text-align: center;}
.suggestion table td.td-2{ width: 70%; }
.suggestion table td input{ width: 60%; }
.suggestion table td input[name="key"]{ width: 20%; }
.suggestion table textarea{ width: 70%; height: 1.5rem;}

/*招贤纳士页*/
.zlist{ width: 94%; margin: .20rem auto; }
.zlist table{ font-size: .20rem;}
.zlist table td{ border: 1px solid #ccc;}

.zlist .table-1 { margin-bottom: .30rem; }
.zlist .table-1 td{ padding: .05rem; }
.zlist .table-1 .table-top{ text-indent: 1em; font-size: .28rem; font-weight: bold; background-color: #F6F6F6; color: #ff6801;}

.zlist ul{  }
.zlist ul li{ padding:.06rem 0; margin-bottom: .10rem; border-bottom: 1px solid #ccc; overflow: hidden;}
.zlist ul li .left{ width: 23%; height: 1.1rem; padding-top: .20rem; float: left; display: block; box-sizing: border-box; border:1px solid #999; color: #ff0702; font-weight: bold; text-align: center;}
.zlist ul li .right{ width: 77%; float: left; box-sizing: border-box; padding: 0 .10rem;}
.zlist ul li .right h3{ font-size: .24rem; }
.zlist ul li .right p{ font-size: .18rem; text-align: justify; color: #999;}

.zlist .table-2 { }
.zlist .table-2 td{ padding: .05rem; }
.zlist .table-2 .table-top{ font-size: .24rem; text-align: center; font-weight: bold; background-color: #F6F6F6; }
.zlist .table-2 .td-con-1 { width: 40%; }
.zlist .table-2 .td-con-2 { }
.zlist .table-2 .td-con-3 { }
.zlist .table-2 .td-con-4 { }
.zlist .table-2 .td-con-5 { }
.zlist .table-2 .td-con-6 { }

.zlist .table-2 .td-con-c { text-align: center; }

.zshow{ width: 94%; margin: .20rem auto; }
.zshow td{ padding: .05rem; border: 1px solid #ccc;}
.zshow td.td-1{ width: 20%; text-align: center; background-color: #F6F6F6;}