html { font-size: 50px;}
body { padding: 0; margin: 0; font-family: "微软雅黑", 'Microsoft YaHei',Arial,Verdana,"宋体";  background: #fff; font-size: 24px; }
div, form,input, img, ul, ol, li, dl, dt, dd, p, h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6，button, input, select, textarea { font-size: 100%; border: 0 }
em,i{ font-style: normal }
img { border: 0; display: inline-block;}
ul, ol { list-style: none; }
input,button,select,textarea{outline:none}
textarea{resize:none}
.upp { text-transform: uppercase; }  /*字母大写*/
.tcap  { text-transform: capitalize; }  /*首字母大写*/
/*L-V-H-A */
a { text-decoration: none; color: #333; }
a:visited { color: #333; }
a:hover { color: #333; text-decoration: none; }
a:active {color: #333; }
a:link { color: #333; }
/*颜色区*/
.green { background: #009b4d; }
/*浮动区*/
.fl { float: left;}
.fr { float: right; }
.clear{ height:0px;clear:both; font-size:0px;line-height:0px;zoom: 1;}
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; line-height: 0px;}
/*公用部分*/
.w { position: relative;  z-index: 1; font-family: "微软雅黑","Microsoft YaHei",Arial,Verdana,"宋体"; margin: 0 auto; overflow: hidden; min-width: 320px; max-width: 750px;  }
.w-no { position: relative; z-index: 1; font-family: "微软雅黑","Microsoft YaHei",Arial,Verdana,"宋体"; margin: 0 auto;  min-width: 320px; max-width: 750px; }


/*头部公用 css*/
.head { position: relative; z-index: 200;}

/*顶部 css*/
.top { line-height: 1.2rem; background: #282828; text-align: center; color: #cfcfcf;}
.menu { position: relative; z-index: 100; height: 1.5rem;  background: #000;  }
.tt-mc-nav { position: absolute; left: 0; top: 0; width: 100%; height: 1.5rem; line-height: 1.5rem;text-align: center; }
.tt-mc-nav img { display: block; width: 1.28rem; height: 1.28rem; margin: 0.1rem 0.5rem; }
.tt-mc-nav span.fs { display: inline-block;   color: #cfcfcf;}
.tt-mc-nav span.fs a {color: #cfcfcf; display: inline-block; padding: 0 0.12rem; }

.tt-mc-show { display: none; z-index: 20; position: absolute; width: 100%; left: 0; top:1.5rem; background: rgba(255,255,255,0.9); }
.tt-nav { position: relative; z-index: 30; text-indent: 0.4rem; background: rgba(0,0,0,0.9);  width: 100%; }
.tt-nav li { /*line-height: 1.5rem;*/}
.tt-nav li a { color: #fff;}
.tt-nav li .nav1 { line-height: 1.6rem; text-indent: 0.2rem; border-bottom: 1px solid #444;}
.tt-nav li .nav1 a { display: block; font-size: 0.64rem; }
/*.tt-nav li .on { box-shadow: inset 0 0 10px #999; border: none;  }*/
.tt-nav li .nav2 { line-height: 1.4rem; display: none;  }
.tt-nav li .nav2 a { display: block; color: #B4B4B4; text-indent: 1rem;  border-bottom: 1px solid #333;}


.tt-search {position: relative; z-index: 30; width: 100%;  background: rgba(0,0,0,0.5); padding: 0.4rem 0;}
.tt-search ul { width: 90%; line-height: 1rem; height: 1rem; margin: 0 auto; border: 1px solid #d1d0d0; border-radius: 0.2rem; background: #fff;  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.27) inset;}
.tt-search li { height: 100%;}
.tt-search input {border: 0; outline: none; background: none; height: 1rem; display: inline-block;}
.tt-search .search-txt { width: 80%;  text-indent: 0.28rem;}
.tt-search .search-sub { width: 17%;width: 1rem; padding-right: 0.4rem;}

.tt-mc-nav-s {width: 10rem;  position: absolute; left: 50%; top: 0.24rem; padding: 0; margin-left: -5rem;background: none; display: none;}
.tt-mc-nav-s ul { width: 100%;}

.tt-mc {display: none; position: fixed; left: 0; width: 100%; height: 100%; background: #000; opacity: 0.5; z-index: 10; }


.logo { height: 2.8rem;  background: url(../images/logo-b.jpg) no-repeat; background-size: 100% 100%;  }
.logo img {margin: 0 auto; width: 11.12rem; height: 1.84rem; display: block; padding-top: 0.44rem;}

/*banner css*/ 
.banner { position: relative;  height: 6.6rem;/* padding-bottom: 1rem;*/  }
.banner .hd { position: absolute; width: 100%; height: 0.76rem; bottom: -0.76rem; left: 0; background: #282828; }
.banner .hd ul { width: 2rem; height: 0.76rem; margin: 0 auto;}
.banner .hd ul li {text-indent: -9999px; float: left; width: 0.2rem; height: 0.2rem; border: 1px solid #fff; border-radius: 50%;}

.banner .hd ul li.on { background: #fff;  }
.banner .bd { }
.banner .bd ul { }
.banner .bd ul li { }
.banner .bd ul li img {display: block; width: 100%; height: 6.6rem;  }

.tel { line-height: 1.6rem; text-align: center;}
.tel em { display: inline-block; color: #666; padding: 0 0.16rem 0; vertical-align: middle; }
.tel em img { width: 0.7rem; height: 0.7rem; display: inline-block; vertical-align: middle; }
.tel span { display: inline-block; font-size: 0.75rem; color: #000; font-weight: bold; vertical-align: middle;}


/*公用标题 css*/
.gl-tit { color: #000; padding: 0.56rem 0.32rem 0; }
.gl-tit span { display: block; font-size: 0.8rem; font-weight: bold; text-transform: capitalize; }
.gl-tit em { padding: 0 0 0.08rem 0; display:inline-block; border-bottom: 2px solid #db2d24; }

.gl-tit-c { color: #000; padding: 0.56rem 0.32rem 0; text-align: center; }
.gl-tit-c span { display: block; font-size: 0.8rem; font-weight: bold; text-transform: capitalize; }
.gl-tit-c em { padding: 0 0 0.08rem 0; display:inline-block; border-bottom: 2px solid #db2d24; }
.gl-tit-c .cc { color: #555; padding-top: 0.24rem; border-top: 1px solid #f2f2f2; font-size:0.48rem ;}



/*底部 css*/

/*底部导航 css*/
.db-nav {background: #000;  }
.db-nav ul { width: 100%; }
.db-nav ul li { float: left; width: 20%; line-height: 1.8rem; text-align: center;  }
.db-nav ul li a { display: block; color: #fff; }
.db-nav ul li i { text-align: right; }

/*底部logo css*/
.footer-logo {text-align: center; padding: 1rem 0 0.5rem;}
.footer-logo img { display: inline-block;  width: 11.12rem; height: 1.84rem; }
/*地址及版权 css*/
.footer-ss { color: #000; text-align: center; }
.footer-ss span { display: block; line-height: 1.1rem; }
.footer-ss em { color: #898a8a; }
.footer-sf { text-align: center; padding: 0.32rem 0;}
.footer-sf img { display: inline-block;  width: 1.76rem; height: 1.76rem; }
.footer-copyright {text-align: center;color: #898a8a;}
.footer-copyright span { display: block; line-height: 1.1rem; }

.footer-sf { text-align: center; padding: 0.32rem 0;}
.footer-sf img { display: inline-block;  width: 1.76rem; height: 1.76rem; padding:0 0.2rem;}
.footer-copyright {text-align: center;color: #898a8a; padding-bottom: 3rem;}
.footer-copyright span { display: block; line-height: 1.1rem; }


/*底部商务通 css*/
.footer-nav { height: 2rem; position: fixed; bottom: 0; left: 0; z-index: 9; width: 100%; min-width: 320px; max-width: 750px; }
.footer-nav ul{ background: #000; height: 2rem;}
.footer-nav ul li {float: left; text-align: center; height: 100%; overflow: hidden;}

.footer-nav ul li:nth-child(1) { width: 20%; background: url(../images/22.jpg) no-repeat right top;}
.footer-nav ul li:nth-child(2) { width: 24%;background: url(../images/22.jpg) no-repeat right top; }
.footer-nav ul li:nth-child(3) { width: 23%;}
.footer-nav ul li:nth-child(4) { width: 33%; background: #db2d24;}

.footer-nav ul li a {display: block; color: #fff; }
.footer-nav ul li img { width: 1rem; height: 0.88rem; display: inline-block; padding-top: 0.16rem;}
.footer-nav ul li span { display: block; }



/*列表翻页 css*/
.fanye { height: 2em; line-height: 2em; margin: 0 auto;  width: 100%; padding: 1.458em 0; }
.fanye li { width:20%; margin-left: 2%; font-size: 1em;  background: #8a949d; color: #fff;  float: left; text-align: center;}
.fanye li.thisclass { display: none;}
.fanye li.pageinfo { width: 28%; }
.fanye li.page-bg a { display: block; width: 100%; height: 100%; color: #fff; text-align: center;}


/*内页分页*/
.pagination {
font-size:12px;
border-radius: 3px;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
margin-top: 20px;
}
.pagination li{
list-style: none;
display: inline;
float: left;
line-height: 1em;
text-decoration: none;
border: 1px solid #ddd;
border-left-width: 0;
}
.pagination li a {
display: inline-block;
padding: .5em .8em;
color: #999;
}

.pagination li a:hover{
text-decoration:none;
background-color: #ddd;
}
.pagination li a:link:hover {
color: #000;
}
.pagination li.thisclass {
background-color: #ddd;
color:#999;
}
.pagination li:first-child {
border-left-width: 1px;
border-radius: 3px 0 0 3px;
}
.pagination li:last-child{
border-radius: 0 3px 3px 0;
}
.pagination .pageinfo{
color: #444;
}



/*微信弹出层 css*/
.tt-weixin-box{ display: none;  width: 100%; height: 100%; position: fixed; z-index: 999; left: 0; top: 0; }
.tt-weixin {position: relative; z-index: 901; top: 50%; margin-top: -2.84rem; left: 50%; margin-left: -2.84rem;  width: 4.8rem; height: 4.8rem;text-align: center; background: #fff; padding: 0.3rem; }
.tt-weixin img { display: inline-block; width: 4.8rem; height: 4.8rem;}
.tt-weixin span { text-align: center; padding-top: 0.3rem; display: block; color: #fff;}
.tt-weixin .close-wexin { width: 0.64rem; height: 0.64rem; position: absolute;     right: -8px;  top: -9px;  background: #fff;  border-radius: 50%;}
.tt-weixin .close-wexin img { display: block; width: 100%; height: 100%;}

.tt-weixin-mc { position: fixed; left: 0; top: 0; z-index: 888; width: 100%; height: 100% ; background: #000; opacity: 0.5;}




/*媒介查询*/
@media screen and (min-width:320px) {
	html {font-size: 21.33px}
	body {font-size: 12px}
}

@media screen and (min-width:360px) {
	html {font-size: 24px}	
	body {font-size: 14px}
}

@media screen and (min-width:375px) {
	html {font-size: 25px}
	body {font-size: 14px}
}

@media screen and (min-width:384px) {
	html {font-size: 25.6px	}
	body {font-size: 14px}
}

@media screen and (min-width:400px) {
	html {font-size: 26.67px}
	body {font-size: 14px}
}

@media screen and (min-width:414px) {
	html {font-size: 27.6px	}
	body {font-size: 14px}
}

@media screen and (min-width:424px) {
	html {font-size: 28.27px}
	body {font-size: 14px}
}

@media screen and (min-width:480px) {
	html {font-size: 32px}
	body {font-size: 15.36px}
}

@media screen and (min-width:540px) {
	html {font-size: 36px}
	body {font-size: 17.28px}
}

@media screen and (min-width:720px) {
	html {font-size: 48px}
	body {font-size: 23.04px}
}

@media screen and (min-width:750px) {
	html {font-size: 50px}
	body {font-size: 24px}
}