/*格式化*/
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: #00519d;  }
.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: #fff;}
.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 { padding: 0.8rem 0; }
.logo img {margin: 0 auto; width: 12.8rem; display: block; }

/*顶部导航  top-nav css*/
.top-nav { }
.top-nav ul { background: #00519d }
.top-nav ul li {float: left; width:25% ; height: 1.32rem; line-height: 1.32rem; border-right: 1px solid #2268aa; border-bottom: 1px solid #2268aa; margin-right: -1px; }
.top-nav ul li a { display: block; color: #fff;  text-align: center;}
.top-nav ul li:nth-child(n+5) { border-bottom: none; }

/* 返回顶部 */
.go-top {  background: #000; text-align: center;  }
.go-top a {display: block; line-height: 3; color: #fff; }
.go-top span  { position: relative; display: inline-block; padding-right: 0.6rem;  line-height: 3; color: #fff; }
.go-top span:after { position: absolute; top:36%; right: 0; content: ""; width: 0.32rem; height: 0.44rem; background: url(../images/go_top.png) no-repeat; background-size: 100% 100%; }


/*footer css*/
.footer {position: relative;z-index: 99; padding-bottom: 3rem; }
.footer-logo {text-align: center; padding: 1rem 0 0.5rem;}
.footer-logo img { display: inline-block;  width: 4.5rem; }
.footer-ss { color: #000; text-align: center; }
.footer-ss span { display: block; line-height: 1.1rem; /*font-size: 0.32rem;*/}
.footer-ss em { color: #898a8a; }
.footer-sf { text-align: center; padding: 0.32rem 0;}
.footer-sf img { display: inline-block; /*width: 1.08rem; height: 1.08rem;*/ width: 1.76rem; height: 1.76rem; }
.footer-copyright {text-align: center; /*font-size: 0.32rem;*/ color: #898a8a;}
.footer-copyright span { display: block; line-height: 1.1rem; }
/*footer-nav css*/
.footer-nav { height: 1.92rem; position: fixed; bottom: 0; left: 0; z-index: 99999; width: 100%; min-width: 320px; max-width: 750px; }
.footer-nav ul{ background: #00519d; height: 1.92rem;}
.footer-nav ul li {float: left; text-align: center; height: 100%; overflow: hidden; border-right: 1px solid #1a63a7; margin-right: -1px;}

.footer-nav ul li:nth-child(1) { width: 20%;/*  background: url(../images/shuxian.jpg) no-repeat right top; */}
.footer-nav ul li:nth-child(2) { width: 24%;/*  background: url(../images/shuxian.jpg) no-repeat right top; */ }
.footer-nav ul li:nth-child(3) { width: 23%;}
.footer-nav ul li:nth-child(4) { width: 33%; background: #ffa31a; line-height: 1.92rem;}

.footer-nav ul li a {display: block; color: #fff; }
.footer-nav ul li:nth-child(1) img { width: 0.72rem; height: 0.72rem; display: inline-block; margin-top: 0.28rem; }
.footer-nav ul li:nth-child(2) img { width: 0.8rem; height: 0.52rem; display: inline-block; margin-top: 0.46rem;}
.footer-nav ul li:nth-child(3) img { width: 0.92rem; height: 0.64rem; display:inline-block; margin-top: 0.32rem; }
.footer-nav ul li span { display: block; }

.tt-weixin-box{display: block;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.28rem; height: 4.28rem;text-align: center; background: #fff; padding: 0.7rem; }
.tt-weixin img { display: inline-block; width: 4.28rem; height: 4.28rem;}
.tt-weixin span { text-align: center; padding-top: 0.8rem; display: block; color: #7c7c7c;}
.tt-weixin .close-wexin { width: 0.64rem; height: 0.64rem; position: absolute; right: 0; top: 0;}
.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: #fff; opacity: 0.8;}

/* 顶部电话 tel-other */
.tel-other { line-height: 1.6rem; text-align: center; background: #00519d;}
.tel-other em { display: inline-block; color: #fff; padding: 0 0.16rem 0; vertical-align: middle; }
.tel-other em img { width:0.72rem; height: 0.8rem; display: inline-block; vertical-align: middle; padding-right: 0.2rem; }
.tel-other span { display: inline-block; font-size: 0.75rem; color: #fff; font-weight: bold; vertical-align: middle;}
/* 位置 */
.position { line-height: 1.5rem; background: #f3f4f5;}
.position span { display: inline-block; font-weight: bold; padding-left: 0.36rem; }
.position a {  display: inline-block; color: #666; }
/*列表翻页 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: #00519d; 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;}




/*媒介查询*/
@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}
}