@charset "utf-8";
/* CSS Document */
.mian{position:relative; margin-left:auto; margin-right:auto; min-width:320px; max-width:640px; overflow:hidden; background-color:#f4f4f4; font-family:Microsoft YaHei;}
a{text-decoration:none; color:#666;}

.white{ background-color:#fff; margin-top:0.8em;}


.tip{ text-align:center; font-size:1em; color:#b9b9b9; background-color:#3c3e46; height:1.6em; line-height:1.6em;}
.header{ background-color:#fff; overflow:hidden; }
.header .logo{ float:left;}
.header .logo img{ display:block; width:100%; text-align:center}
.header .tphone{ float:right; padding-left:1.3em; background:url(/mobile/images/tphone.png) no-repeat left center; background-size:1em; font-size:2.2em; color:#0363c4; margin-top:0.5em;}


.nav{ overflow:hidden; position:relative; background:#0363c4;}
.nav:after{ content: '';position: absolute;top: 50%;left:0;z-index: 9;height: 0;width: 100%;border-bottom: 1px solid #04498f;}
.nav li{ float:left; position:relative; width:33%; text-align:center;}
.nav li a{ display:block; font-size:0.8em; color:#fff; padding:1em 0;}
.nav li:after{ content: '';position: absolute;top:0;left:-1px;z-index: 9;height:100%;width:0;border-left: 1px solid #04498f;}

.bannerBox{position: relative; top: -0.080em; left: 0;}
.bannerBox img{display:block; width:100%;}

.CategoryList_Title {
    height: 2.968em;
    line-height: 2.968em;
    padding: 0 .687em;
    color: #333;
    text-align: center;
    border-bottom: 1px solid #b0b4bb;
    font-size: 1.125em;
    background: linear-gradient(180deg , #f2f2f2 0% , #e0e0e0 100%);
}

.CategoryList_Title i {
    font-size: 1.2em;
    margin-top: .75em;
}

<style>…</style>
.CategoryList_Title i {
    color: #333;
}

.focus{ width:100%;  margin:0 auto; position:relative; overflow:hidden;   }
.focus .hd{ width:100%; height:5px;  position:absolute; z-index:1; bottom:0; text-align:center;  }
.focus .hd ul{ overflow:hidden; display:-moz-box; display:-webkit-box; display:box; height:5px; background-color:rgba(51,51,51,0.5);   }
.focus .hd ul li{ -moz-box-flex:1; -webkit-box-flex:1; box-flex:1;font-size:0 }
.focus .hd ul .on{ background:#46A644;  }
.focus .bd{ position:relative; z-index:0; }
.focus .bd li img{ width:100%;  }
.focus .bd li a{ -webkit-tap-highlight-color:#0363c4; /* 取消链接高亮 */ }

.list:after{content:'.'; display:block; height:0; clear:both; visibility:hidden;}
.list li{ float:left; width:33.3%; position:relative;}
.list li span{ display:block; padding:0.6em 0; background-color:#3c3e46; border-left:1px solid #fff; text-align:center; font-size:1em; color:#fff;}
.list li span a{ color:#fff;}
.list li:nth-child(1) span{ border-left:none;}
.list li.on span{ background-color:#0363c4; font-weight:bold;}
.list li:after{ content:''; position:absolute; bottom:-0.6em; margin-left:-0.2em; left:50%; width:0; height:0; border:0.4em solid transparent; border-top-color:#0363c4; display:none;}
.list li.on:after{ display:block;}

.tle{ text-align:center; padding-top:1.5em; padding-bottom:0.8em; border-bottom:1px solid #e5e5e5; position:relative;}
.tle h5{ font-size:1.5em; color:#3c3e46; margin-bottom:0.2em;}
.tle p{ font-size:0.8em;}
.tle i{ display:block; position:absolute; width:3em; height:3px; background-color:#0363c4; left:50%; margin-left:-1.5em; bottom:-2px;}

.pro{ overflow:hidden;}

.promain{ overflow:hidden; margin:4% 2%;}
.promain li{ float:left; width:46%; margin:2%;}
.promain li img{ display:block; width:100%;}
.promain li p{ text-align:center; margin-top:0.6em;}
.promain li p a{ font-size:1em;}


.cpzx{ border-top:4px solid #0363c4; overflow:hidden; padding-bottom:2.5em;}
.cpzx h5{ padding:1em 0; text-align:center;}
.cpzx h5 a{ font-size:1.5em; color:#3c3e46;}
.psty{ overflow:hidden; margin:4%;}
.psty li{ float:left; width:46%; margin:2%;}
.psty li a{ display:block; border:1px solid #dcdcdc; padding:0.7em 0.5em 0.7em 2.8em ; background:url(/mobile/images/jt.png) no-repeat 1em center; background-size:0.750em;}
.stymor{ text-align:center; display:block; margin:0 auto; width:20em; padding:0.8em 0; background-color:#0363c4; border-radius:2em; font-size:1em; color:#fff;}


.dinggou{ text-align:center; padding:1.2em 0;}
.dinggou span{ padding-left:2.7em; background:url(/mobile/images/phone.png) no-repeat left center; background-size:1.958em; display:inline-block; height:2em; line-height:2em; font-size:1em; color:#666;}
.dinggou span a{ font-size:1.2em; color:#0363c4;}

.liyou{ padding-bottom:1.6em;}
.liyou .reson{ padding:1.6em;}
.liyou .reson dl{}
.liyou .reson dt{}
.liyou .reson dt img{ display:block; width:18.042em; margin:0 auto;}
.liyou .reson dt h5{ font-size:1.1em; color:#0363c4; margin-top:1.5em; text-align:center;}
.liyou .reson dd{ margin-top:0.8em; padding:10px;}
.liyou .reson dd p{ padding-left:0.8em; background:url(/mobile/images/dd.png) no-repeat left 0.5em; background-size:0.417em; font-size:1em; color:#666; line-height:1.1em; margin-bottom:0.5em;}
.liyou .rlist{ text-align:center;}
.liyou .rlist li{ display:inline-block; width:0.6em; height:0.6em; border-radius:50%; background-color:#c9c9c9; margin:0 0.3em;}
.liyou .rlist li.on{ background-color:#0363c4;}

.khjz{ overflow:hidden; background:#fff; padding:3%;}
.khjz li{ float:left; margin:3%; width:44%;}
.khjz li img{ display:block; width:100%;}
.khjz li p{ text-align:center; margin-top:0.8em;}
.khjz li p a{ font-size:1em; color:#333;}

.yanfa{ padding-bottom:1em;}
.yanfa .yfc{ padding:1.4em;}
.yanfa .yfc dt img{ display:block; width:100%;}
.yanfa .yfc dt p{ margin-top:0.8em; text-align:center;}
.yanfa .yfc dt p a{ font-size:1em; color:#666;}
.yanfa .yfc dd{ margin-top:1.2em;}


.about{ padding-bottom:1em;}
.alist:after{content:'.'; display:block; height:0; clear:both; visibility:hidden;}
.alist li{ float:left; width:50%; position:relative;z-index:999;}
.alist li span{ display:block; padding:0.6em 0; background-color:#3c3e46; border-left:1px solid #fff; text-align:center; font-size:1em; color:#fff;}
.alist li:nth-child(1) span{ border-left:none;}
.alist li.on span{ background-color:#0363c4; font-weight:bold;}
.alist li:after{ content:''; position:absolute; bottom:-0.6em; margin-left:-0.2em; left:50%; width:0; height:0; border:0.4em solid transparent; border-top-color:#0363c4; display:none;}
.alist li.on:after{ display:block;}


.about .abc dl{ margin:6%;}
.about .abc dt img{ display:block; width:100%;}
.about .abc dd{ margin-top:1.2em;}
.about .abc dd h5{ padding-bottom:0.5em; border-bottom:1px solid #e5e5e5; position:relative;}
.about .abc dd h5 a{ font-size:1em; color:#333;}
.about .abc dd h5 i{ display:block; width:3em; height:3px; position:absolute; left:0; bottom:-2px; background-color:#0363c4;}
.about .abc dd p{ font-size:1em; color:#666; line-height:1.6em; margin-top:0.5em;}


.newMain{ padding-bottom:1em;}
.newMain .news{ margin:1.25em;}
.newMain .news dl{ overflow:hidden; padding:1.2em 0; border-bottom:1px dotted #ebebeb;}
.newMain .news dt{ float:left; width:5em; height:5em; text-align:center; color:#fff; background-color:#0363c4;}
.newMain .news dt span{ font-size:2.5em; display:block;}
.newMain .news dt em{ font-size:1em;}
.newMain .news dd{ margin-left:6em;}
.newMain .news dd h5{ height:1em; line-height:1em; overflow:hidden; padding:0.3em 0;}
.newMain .news dd h5 a{ font-size:1em; color:#666;}
.newMain .news dd p{ font-size:1em; color:#666; line-height:1.2em;}



.rback{ overflow:hidden; padding:0.8em; margin-bottom:6em;}
.rback ul{}
.rback li{ font-size:1em; line-height:1.5em; color:#666;}
.rback li a{ font-size:1.2em; color:#0363c4;}
.rback .rt{}
.rback .rt img{ display:block; width:5em;}


.footer{ overflow:hidden; background:#2e2e32; position:fixed; width:100%; left:0; bottom:0;}
.footer li{ float:left; width:25%; position:relative;}
.footer li a{ display:block; padding:0.8em 0; background:url(/mobile/images/ftnavbg.png) repeat-y left center;} 
.footer li a img{ display:block; width:2.083em; margin:0 auto;}
.footer li a span{ display:block; text-align:center; font-size:0.8em; color:#fff; margin-top:0.5em;}
.footer li:nth-child(1) a{ background:none;}






























@media screen and (min-width:320px) {
	body{font-size:75%;}
}
@media screen and (min-width:375px) {
	body{font-size:87.5%;}
}
@media screen and (min-width:480px) {
	body{font-size:87.5%;}
}
@media screen and (min-width:540px) {
	body{font-size:112.5%;}
}
@media screen and (min-width:550px) {
	body{font-size:125%;}
}
@media screen and (min-width:640px) {
	body{font-size:150%;}
}