/**
 * @name	:HTML标签重定义
 * @author	:chongzi(email:5654565@qq.com)
 * @version	:1.0
 * @type	:公共规则
 * @explain	:无
 */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, hr, pre, form, fieldset, input, textarea, p, blockquoteth, td { margin: 0px; padding: 0px; }
h1, h2, h3, h4, h5, h6 { font-size: 12px; font-weight: normal; }
ul, ol { list-style: none; }
table { border-collapse: collapse; border-spacing: 0; }
object, input, textarea { outline: none; -webkit-tap-highlight-color: rgba(255,0,0,0); }

fieldset, img { border: 0; }
address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal; }
i { font-style: normal; }
ol, ul { list-style: none; }
capation, th { text-align: left; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
q:before, q:after { content: ''; }
abbr, acronym { border: 0; }


/* 以下样式根据不同的网站可能需要改写 */
html { font-family: "Helvetica Neue", Helvetica, STHeiTi, Arial, sans-serif; }
body { background-color: #fff; /*overflow:hidden;height:100%;*/ }
textarea { font-family: Courier New,sans-serif; font-size: 13px; }
i { font-style: normal; }
a { text-decoration: none; color: #000; }
/*a:visited {color:#000;}*/
a:hover { text-decoration: none; }
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
/*placeholder的设置*/
input::-moz-placeholder, textarea::-moz-placeholder { color: #cccccc; }
input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #cccccc; }
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #cccccc; }
/* 须改写样式结束*/
/**
 * @name	:常用原子类
 * @author	:chongzi(email:5654565@qq.com)
 * @version	:1.0
 * @type	:公共规则
 * @explain	:无
 */
/*字体排版*/
.f1 { font-size: 1px; }
.fb { font-weight: bold; }
.fn { font-weight: normal; }
.lh1 { line-height: 1%; }
.lh150 { line-height: 150%; }
.lh180 { line-height: 180%; }
.lh200 { line-height: 200%; }
/*定位*/
.tl { text-align: left; }
.tc { text-align: center; }
.tr { text-align: right; }
.bc { margin-left: auto; margin-right: auto; }
.fl { float: left; }
.fr { float: right; }
.cb { clear: both; }
.cl { clear: left; }
.cr { clear: right; }

/*如果一个块级对象内部包含浮动对象，应该给该块级对象使用clearfix*/
.clearfix:after { content: ''; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
*html .clearfix { height: 1%; }
.clearfix { display: block; }
.va-c { vertical-align: center; }
.pr { position: relative; }
.pa { position: absolute; }
.abs-right { position: absolute; right: 0; }
.zoom { zoom: 1; }
.hidden { visibility: hidden; }
.none { display: none; }

/*长度高度*/
.w10 { width: 10px; }
.w { width: 100%; }
.h { height: 100%; }
.h10 { height: 10px; overflow: hidden; }

/*边距*/
.m5 { margin: 5px; }
.m10 { margin: 10px; }
.mt10 { margin-top: 10px; }
.mt20 { margin-top: 20px; }
.mt30 { margin-top: 30px; }
.mt120 { margin-top: 120px; }
.ml10 { margin-left: 10px; }
.mr10 { margin-right: 10px; }
.mb10 { margin-bottom: 10px; }
.mb20 { margin-bottom: 20px; }
.mb25 { margin-top: 25px; }
.mb30 { margin-bottom: 30px; }
.mb50 { margin-bottom: 50px; }
.mb100 { margin-bottom: 100px; }
.pa0 { padding: 0px; }
.pa5 { padding: 5px; }
.pa10 { padding: 10px; }
.pa20 { padding: 20px; }
.pa30 { padding: 30px; }
.patb10 { padding: 10px 0; }
.pab30 { padding-bottom: 30px; }
.pab100 { padding-bottom: 100px; }
body{width:100%;overflow-x:hidden;}

html { min-width: 320px; }

@-webkit-keyframes marquee {
	0% { -webkit-transform: translateX(100%); }
	100% { -webkit-transform: translateX(-100%); }
}

@-moz-keyframes marquee {
	0% { -moz-transform: translateX(100%); }
	100% { -moz-transform: translateX(-100%); }
}

@-ms-keyframes marquee {
	0% { -ms-transform: translateX(100%); }
	100% { -ms-transform: translateX(-100%); }
}

@-o-keyframes marquee {
	0% { -o-transform: translateX(100%); }
	100% { -o-transform: translateX(-100%); }
}

@keyframes marquee {
	0% { transform: translateX(100%); }
	100% { transform: translateX(-100%); }
}
/*头部*/
.headbox { height: 40px; position: relative; background-color: #e4eaed; position: fixed; left: 0; top: 0; width: 100%; z-index: 300; }
.headbox a.h_back { display: block; position: absolute; left: 0; top: 0; z-index: 10; padding-left: 28px; font-size: 12px; color: #768595; line-height: 40px; padding-right: 10px; }
.headbox a.h_back:after { content: ''; display: block; position: absolute; left: 14px; top: 50%; margin-top: -6px; z-index: 10; width: 10px; height: 10px; border-top: 1px solid #768595; border-right: 1px solid #768595; transform: rotate(-135deg); -ms-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -webkit-transform: rotate(-135deg); -o-transform: rotate(-135deg); }
.headbox h1,
.headbox .p_h1 { display: block; font-size: 14px; color: #768595; line-height: 40px; text-align: center; font-weight: bold; }
/*底部导航*/
.footNav { background-color: #2269d4; position: fixed; left: 0; bottom: 0; width: 100%; z-index: 400; min-height: 40px; }
.footNav ul { font-size: 0; white-space: nowrap; display: -webkit-box; display: -moz-box; display: -o-box; display: -ms-box; display: box; }
.footNav ul li { display: block; -webkit-box-flex: 1; -moz-box-flex: 1; -o-box-flex: 1; -ms-box-flex: 1; box-flex: 1; /*width: 33.3%;*/ height: 40px; position:relative;}
.footNav ul li { border-right: 1px solid #c9caca; }
.footNav ul li:last-child { border-right: none; }
.footNav ul li> a { display: block; height: 40px; position: relative; text-align: center; }
/*.footNav ul li a:after { content: ''; display: block; position: absolute; left: 50%; top: 2px; z-index: 1; width: 22px; height: 22px; background-image: url(../images/style2/foot_nav.png); background-repeat: no-repeat; background-size: 44px auto; transform: translate(-50%,0); -moz-transform: translate(-50%,0); -webkit-transform: translate(-50%,0); -o-transform: translate(-50%,0); -ms-transform: translate(-50%,0); }*/
.footNav ul li> a span { display: inline-block; vertical-align: top; min-height: 40px; font-size: 12px; line-height: 40px; color: #595757; padding-left: 20px; position: relative; color: #fff; /*background-image: url(../images/style2/foot_nav.png); background-repeat: no-repeat; background-size: 44px auto;*/ }
.footNav ul li> a span:after { content: ''; display: block; position: absolute; left: 0; top: 50%; z-index: 10; width: 16px; height: 16px; background-image: url(../images/style4/footNav.png); background-repeat: no-repeat; background-size: 16px 48px; transform: translate(0,-50%); -moz-transform: translate(0,-50%); -webkit-transform: translate(0,-50%); -o-transform: translate(0,-50%); -ms-transform: translate(0,-50%); }
.footNav ul li> a.nav_01 span:after { background-position: 0px 0px; }
.footNav ul li> a.nav_02 span:after { background-position: 0px -16px; }
.footNav ul li> a.nav_03 span:after { background-position: 0px -32px; }
.footNav ul li.on >a { color: #fe6161; background-color: #012e45; }
.footNav ul li i.i_num { display: block; min-width: 20px; height: 20px; line-height: 20px; -moz-border-radius: 18px; padding: 0 4px; -webkit-border-radius: 18px; -khtml-border-radius: 18px; border-radius: 18px; background-color: #fe6161; color: #fff; text-align: center; position: absolute; left: 50%; top: 2px; margin-left: 12px; transform: translate(-50%,0); -moz-transform: translate(-50%,0); -webkit-transform: translate(-50%,0); -o-transform: translate(-50%,0); -ms-transform: translate(-50%,0); z-index: 10; border: 1px solid #fff; }
 .footNav ul li div{display:none; position:absolute;width:100%;bottom:100%;background-color:#012e45;}
 .footNav ul li div a{display:block; min-height:38px;padding:10px 10px 10px 32px;font-size:12px;color:#ffffff;line-height:18px;border-bottom:1px solid #aaaaaa;color:#fff;}
 .footNav ul li div a:first-child{border-top:1px solid #aaaaaa;}

 .footNav ul li.more_on a,
 .footNav ul li.more_on div { color: #fff; background-color: #012e45; }
 .footNav ul li.more_on div{display:block;} 

@media screen and (min-width: 374px) and (max-width: 479px) {
 /*头部*/
.headbox { height: 48px;        }
.headbox a.h_back {      padding-left: 34px; font-size: 14px;  line-height: 48px; padding-right: 12px; }
.headbox a.h_back:after {    left: 16px;  margin-top: -8px;  width: 12px; height: 12px;      }
.headbox h1,
.headbox .p_h1 {  font-size: 16px;  line-height: 48px;   }
/*底部导航*/
.footNav {       min-height: 48px; }
.footNav ul li {        height: 48px; }
.footNav ul li> a {  height: 48px;   }
/*.footNav ul li a:after {     top: 2px;  width: 26px; height: 26px;   background-size: 52px auto;      }*/
.footNav ul li >a span {   min-height: 48px; font-size: 14px; line-height: 48px;  padding-left: 24px;     background-size: 52px auto; }
.footNav ul li >a span:after {       width: 20px; height: 20px;   background-size: 20px 58px;      }
.footNav ul li >a.nav_02 span:after { background-position: 0px -20px; }
.footNav ul li >a.nav_03 span:after { background-position: 0px -38px; }
.footNav ul li i.i_num {  min-width: 24px; height: 24px; line-height: 24px; -moz-border-radius: 22px; padding: 0 4px; -webkit-border-radius: 22px; -khtml-border-radius: 22px; border-radius: 22px;      top: 2px; margin-left: 14px;       }

 .footNav ul li div a{ min-height:46px;padding:12px 12px 12px 38px;font-size:14px;line-height:22px;}
}

@media screen and (min-width: 480px) and (max-width: 539px) {
/*头部*/
.headbox { height: 60px;        }
.headbox a.h_back {      padding-left: 42px; font-size: 18px;  line-height: 60px; padding-right: 14px; }
.headbox a.h_back:after {    left: 20px;  margin-top: -8px;  width: 14px; height: 14px;      }
.headbox h1,
.headbox .p_h1 {  font-size: 20px;  line-height: 60px;   }
/*底部导航*/
.footNav {       min-height: 60px; }
.footNav ul li {        height: 60px; }
.footNav ul li> a {  height: 60px;   }
/*.footNav ul li a:after {     top: 2px;  width: 32px; height: 32px;   background-size: 66px auto;      }*/
.footNav ul li> a span {   min-height: 60px; font-size: 18px; line-height: 60px;  padding-left: 30px;     background-size: 66px auto; }
.footNav ul li> a span:after {       width: 24px; height: 24px;   background-size: 24px 72px;      }
.footNav ul li> a.nav_02 span:after { background-position: 0px -24px; }
.footNav ul li> a.nav_03 span:after { background-position: 0px -48px; }
.footNav ul li i.i_num {  min-width: 30px; height: 30px; line-height: 30px; -moz-border-radius: 26px; padding: 0 6px; -webkit-border-radius: 26px; -khtml-border-radius: 26px; border-radius: 26px;      top: 2px; margin-left: 18px;       }

 .footNav ul li div a{ min-height:56px;padding:14px 14px 14px 48px;font-size:18px;line-height:26px;}
}

@media screen and (min-width: 540px) and (max-width: 639px) {
	/*头部*/
.headbox { height: 68px;        }
.headbox a.h_back {      padding-left: 48px; font-size: 20px;  line-height: 68px; padding-right: 16px; }
.headbox a.h_back:after {    left: 24px;  margin-top: -10px;  width: 16px; height: 16px;      }
.headbox h1,
.headbox .p_h1 {  font-size: 24px;  line-height: 68px;   }
/*底部导航*/
.footNav {       min-height: 68px; }
.footNav ul li {        height: 68px; }
.footNav ul li >a {  height: 68px;   }
/*.footNav ul li a:after {     top: 4px;  width: 36px; height: 36px;   background-size: 74px auto;      }*/
.footNav ul li >a span {   min-height: 68px; font-size: 20px; line-height: 68px;  padding-left: 34px;     background-size: 74px auto; }
.footNav ul li >a span:after {       width: 26px; height: 26px;   background-size: 26px 80px;      }
.footNav ul li >a.nav_02 span:after { background-position: 0px -26px; }
.footNav ul li >a.nav_03 span:after { background-position: 0px -54px; }
.footNav ul li i.i_num {  min-width: 34px; height: 34px; line-height: 34px; -moz-border-radius: 30px; padding: 0 6px; -webkit-border-radius: 30px; -khtml-border-radius: 30px; border-radius: 30px;      top: 4px; margin-left: 20px;       }

 .footNav ul li div a{ min-height:64px;padding:16px 16px 16px 54px;font-size:20px;line-height:30px;}
}
@media screen and (min-width: 640px) {
	/*头部*/
.headbox { height: 80px;        }
.headbox a.h_back {      padding-left: 56px; font-size: 24px;  line-height: 80px; padding-right: 20px; }
.headbox a.h_back:after {    left: 28px;  margin-top: -12px;  width: 20px; height: 20px;      }
.headbox h1,
.headbox .p_h1 {  font-size: 28px;  line-height: 80px;   }
/*底部导航*/
.footNav {       min-height: 80px; }
.footNav ul li {        height: 80px; }
.footNav ul li> a {  height: 80px;   }
/*.footNav ul li a:after {     top: 4px;  width: 44px; height: 44px;   background-size: 88px auto;      }*/
.footNav ul li >a span {   min-height: 80px; font-size: 24px; line-height: 80px;  padding-left: 40px;     background-size: 88px auto; }
.footNav ul li >a span:after {       width: 32px; height: 32px;   background-size: 32px 96px;      }
.footNav ul li >a.nav_02 span:after { background-position: 0px -32px; }
.footNav ul li >a.nav_03 span:after { background-position: 0px -64px; }
.footNav ul li i.i_num {  min-width: 40px; height: 40px; line-height: 40px; -moz-border-radius: 36px; padding: 0 8px; -webkit-border-radius: 36px; -khtml-border-radius: 36px; border-radius: 36px;      top: 4px; margin-left: 24px;       }

 .footNav ul li div a{ min-height:76px;padding:20px 20px 20px 64px;font-size:24px;line-height:36px;}
}