@charset "utf-8";
/* CSS Document */
div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i, u,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-weight: normal;
    font-size:100%;
		text-decoration: none;
    vertical-align:baseline;
    background:transparent;
}

article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary { 
    display:block;
}

ul,
ul li ,ol{
    list-style:none;
}
*{
  margin:0;
  padding:0;
}
a {
    margin:0;
    padding:0;
    border:0;
    color: #1a1a1a;
    font-size:100%;
	text-decoration:none;
    vertical-align:baseline;
    background:transparent;
}
*{
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  -ms-box-sizing:border-box;
  box-sizing:border-box;
}
input,select,textarea {
  border: 0;
  outline: none;
  outline: none;
  border-radius: 0;
  background: none;  
  appearance: none;
  -ms-appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  display: block;
  width:100%;
  font-size: .14rem;
}
input[type=submit],
input[type=button],button {
  border: 0;
  outline: none;
  background: none;
  appearance: none;
  -ms-appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
}
input[type=checkbox] {
  appearance: checkbox;
  -ms-appearance: checkbox;
  -moz-appearance: checkbox;
  -webkit-appearance: checkbox;
}
input[type=radio] {
  appearance: radio;
  -ms-appearance: radio;
  -moz-appearance: radio;
  -webkit-appearance: radio;
}
::-webkit-input-placeholder {
    color: #b1b1b1;
}
a,
input {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
em,i {
  font-style: normal;
}
table {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
}
.ipt{ border: 1px solid #d9d9d9; border-radius: 4px; height: .4rem; width: 100%; padding: 0 .1rem; font-size: .15rem;}
.t_area{ border: 1px solid #d9d9d9; border-radius: 4px; padding: .1rem; width: 100%;color: #333; line-height: 1.5; resize: none;}
.ipt:focus,.t_area:focus{border-color: #0bd5a9;}
/*电脑版版全局样式*/
html {
	font-size: 100px;
}
body { 
	font-family: "Microsoft YaHei",tahoma,arial,Hiragino Sans GB; 
	height: 100%;
	width: 100%;
	font-size: .14rem;
    line-height: 1.5;
	color: #303030; 
	margin: 0 auto;
	word-break: break-all;
    max-width: 750px;
    background: #fff;
}

/*浮动、位置*/
.fl { float: left; } 
.fr { float: right !important; }
.clear:after,.clear:before {
	content: "";
	clear: both;
	display: block;
}

.text_l { text-align: left !important; }
.text_r { text-align: right !important; }
.center { text-align: center !important; }


/*单行溢出*/
.text {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/*2行溢出*/

.text-line2 {
	display: -webkit-box!important;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

img {
	max-width: 100%;
	border: 0;
	display: block;
}
a.box{display: block;}
.img{
	background-position: 50% 50%;
	background-size: cover;
  background-repeat: no-repeat;
  display: block;
}
.icon{display: block;}
.mb5{ margin-bottom: .05rem;}
.mb8{ margin-bottom: .08rem;}
.mb10{ margin-bottom: .1rem;}
.mb15{ margin-bottom: .15rem;}
.mb20{ margin-bottom: .2rem;}
.mb30{ margin-bottom: .3rem;}
.mt10{ margin-top: .1rem;}
.mt15{ margin-top: .15rem;}
.pd10{padding: .1rem;}
.pd12{padding: .12rem;}
.w150{ width: 1.5rem !important;}
/*背景*/
.bg_gray {
	background: #f8f8f8;
}
.bg_fff{ background: #fff;}
a.link{ color: #03a9f4;}
.red{ color: #e00000 !important;}
.c_ccc{ color: #ccc !important;}
.c_999{ color: #999 !important;}
.c_000{color: #000 !important;}
.c_Org{ color: #ff7353;}
.blue{ color: #568ff8 !important;}
.bold{ font-weight: bold !important;}
.li50 li{width: 50%;}
.li33 li{width: 33.33%;}
.li25 li{width: 25%;}
.li20 li{width: 20%;}

/*头部*/
.h45{width: 100%; height: .45rem;}
.head{position: fixed; top: 0; width: 100%; height: .45rem; z-index: 10; background: #fff;max-width: 750px; margin: 0 auto;}
.head.bb_border{ border-bottom: 1px solid #e6e6e6; }
.head .title {
	margin:0 .6rem;
	height: .45rem;
	line-height: .45rem;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	font-size: .18rem;
	color:#1d1d1d;
}
.head .icon_r{
	display: block;
	position:absolute;
	top:0;
	right:0;
	width:.45rem;
	height: .45rem;	
	z-index: 2;
}
.head .icon_r.txt{
	color: #666;
	font-size: .13rem;
	line-height: .45rem;
	text-align: center;
	width: auto;
	max-width: 1rem;
	padding: 0 .12rem;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.head .icon_menu{
	background: url(../appimages/icons/menu.png) center no-repeat;
	background-size:.22rem auto;
}

.head .btn_back {
	position:absolute;
	top:0;
	left:0;
	width:.45rem;
	height: .45rem;
	background: url(../appimages/icons/back.png) center no-repeat;
	background-size:.1rem auto;
	z-index: 2;
}
.logo_head .logo{ float: left; height: .45rem; padding: 0 .1rem;}
.logo_head .logo img{ height: .23rem; width: auto; margin-top: .11rem;}
.logo_head .tel{ float: left; height: .15rem;margin-top: .15rem; padding: 0 .1rem; border-left: 1px solid #ddd;}
.logo_head .tel img{ height: 100%; width: auto; }
/*侧边导航展开*/
.mask-menu {
    opacity: 0;
    transition: all 0.3s;
}
.head.active .mask-menu {
    opacity: 1;
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.5);
    z-index: 9;
}
.menu-box {
    opacity: 0;   
    overflow: hidden;
    position: fixed;
    right: -100%;
    top: 0;
    width: 70%;
		height: 100%;
    z-index: 99;
    transition: all 0.3s;
}
.head.active .menu-box {
    opacity: 1;
		right: 0;
    box-shadow: 0px 3px 3px rgba(0,0,0,0.1);
    background-color: rgba(255,255,255,.98);
    transition: all 0.3s;
}
.menu-head{ height: .45rem; position: relative; border-bottom: 1px solid #e6e6e6;}
.menu-head .icon_close{
	background: url(../appimages/icons/close.png) center no-repeat;
	background-size:.15rem auto;
}
.menu-list{ height: 80%; overflow-y: auto;}
.menu-list li{ line-height: .45rem; border-bottom: 1px solid #eee;}
.menu-sub li:last-child{border-bottom:none}
.menu-list li a{ display: block; padding: 0 .2rem; font-size: .15rem;}
.menu-list li a.cur,.menu-list li a.on{color: #007AFF;}
.menu-sub {
    background: #f8f8f8;
    display: none;
}
.menu-sub li a{
	font-size: .14rem;
}
.menu-item-two {
   display: none;
}
.menu-item-two p{
  padding: 0 .2rem;
  font-size: .15rem;
}
.menu-item-two .item-box{
  display: flex;
  flex-wrap: wrap;
  padding-left: .1rem;
}
.menu-item-two .item-box a{
  margin-left: .1rem;
  margin-bottom: .1rem;
  padding: 0 .08rem!important;
  display: block;
  line-height: .34rem!important;
  background: #ececec;
  border-radius: .04rem;
  font-size: .12rem;
}
.menu-item a.ico-arrow {
  position: relative;
}
.menu-item a.ico-arrow:after {
    content: "";
    display: block;
    height: .1rem;
    width: .1rem;
    border-top: 1px solid #bbb;
    border-right: 1px solid #bbb;
    position: absolute;
    right: .1rem;
    top: 50%;
    margin-top: -.05rem;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
		transition: all 0.3s;
}
.menu-item a.ico-arrow.on:after{
	transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
}

.menu_ft{ height: .5rem; position: absolute; bottom: 0; width: 100%; left: 0;}
.menu_ft .teltxt{ display: block; padding: .1rem .2rem;}
.menu_ft .teltxt img{ height: .16rem; width: auto;}
/*返回顶部*/
.go-top{ display: none; position: fixed; right: .05rem; bottom: .6rem; z-index: 9;}
.go-top a{ display: block;height: .5rem; width: .5rem; border-radius: 50%; background: url(../appimages/icons/top.png) center center no-repeat; background-size: cover;}

/*底部导航*/
.null50{height: .5rem;}
footer {
	position: fixed;
	width: 100%;
	max-width: 750px;
	left: 0;
	right: 0;
	margin: 0 auto;
	background: #568ff8;
	z-index: 3;
	bottom: 0;
}
footer.foot{ height: .5rem; }
.navList li {
	float: left;
	text-align: center;
}
.navList li a {
	display: block;
	font-size: .12rem;
	color: #fff;
	height: .5rem;
	padding-top: .29rem;
	text-align: center;
}
.navList li.ft1 a {
	background: url(../appimages/icons/onlinekf.png) center .06rem no-repeat;
	background-size: .22rem auto;
}
.navList li.ft2 a {
	background: url(../appimages/icons/kf.png) center .06rem no-repeat;
	background-size: .22rem auto;
}

@media only screen and (min-width: 640px){
	html {
	    font-size: 150px !important;
	}
}