@charset "utf-8";
/* CSS Document */

html, body {height: 100%; margin: 0;}
body{ margin:0px auto; padding:0px; font-size:12px; max-width:780px; background-color:#fff;color:#7b7b7b;}
ul,li,dl,dt,dd,h1,h2,h3,a,form{ margin:0px; padding:0px; list-style:none; font-weight:normal;text-decoration:none; color:#7b7b7b;}
a:hover{ text-decoration:none; color:#f7941d;}
body{ margin:0px auto; min-width:380px;}
a:focus {  
    outline:none;  
}
div{ box-sizing:border-box;}


.mobile-phone{ height:60px; line-height:60px; font-size:16px; color:#fff; font-weight:bold; background:url(../images/icon-phone.png) no-repeat 15px 50%; padding-left:65px;}

.mobile-header{ margin:15px auto;}
.mobile-logo{ width:35%; border-right:1px solid #ddd; padding:15px; }
.mobile-logo img{ width:100%;}
.mobile-header-title{ width:60%;line-height:20px; color:#7b7b7b; font-size:12px; padding:15px;}
.mobile-header-title span{ color:#ff4200; font-size:18px; font-weight:bold; display:block; line-height:30px;}


.mobile-box{clear:both; padding-top:20px; width:100%;}
.mobile-box-title { font-size:18px; color:#f7941d;  text-align:center; line-height:40px; margin:15px;}

.mobile-menu li { width:30%; float:left; text-align:center; font-size:14px; margin:20px 1%; }
.mobile-menu li a{ display:block;}

.mobile-ul-menu li{ width:20%; float:left; text-align:center; line-height:25px; font-size:14px; margin:10px 2%;}
.mobile-ul-menu li a{ display:block;}
.mobile-ul-menu li img{ width:100%; }


.btn-left,.btn-right{ cursor:pointer; width: 50px; height:92px; position:absolute; z-index:9999; top:165px;}
.btn-right{ right:0px;}


.city_xlzj_index{position:absolute;overflow:hidden; height:430px; width:100%;}
.city-ul-zxs { white-space:nowrap;}
.city-ul-zxs li{ width:140px;padding:10px; background-color:#fff;height:400px; margin-right:20px; display:inline-block; white-space:normal; line-height:25px;}
.city-ul-zxs-1 li{ width:37%; margin-top:10px; margin-bottom:10px; margin-left:10px;}
.city-ul-zxs img{ width:100%;  border-radius:50%;}
.city-ul-zxs h2{ text-align:center; padding-top:20px; line-height:30px;}
.city-ul-zxs h2 a{ font-size:20px; font-weight:normal; color:#000;}
.city-ul-zxs h2 em{ font-size:14px; font-style:normal; color:#000; display:block;}

.city-ul-1 li{ line-height:35px; font-size:12px; border-bottom:1px solid #ddd;}
.city-ul-4 { line-height:25px; font-size:12px;}

.city-ul-2 li{ border-bottom:1px solid #ddd; line-height:30px; height:120px; font-size:12px; overflow:hidden; padding:5px 10px;}
.ul-img{ display:block; float:left; border:1px solid #ddd; padding:1px; margin-right:10px; margin-top:10px;}
.city-ul-2 li a{ display:block; font-size:14px;}

.mobile-box-menu { border-bottom:1px solid #ddd; border-top:1px solid #ddd; font-size:12px; line-height:50px;}
.mobile-box-menu a{ margin-right:25px; padding:0px 5px;}
.mobile-box-menu a:hover, .mobile-box-menu .hover{ border-bottom:1px solid #f7941d; display:inline-block;}

.mobile-box-main-content { padding:20px;}
.mobile-box-content-title{ font-size:18px; text-align:center; line-height:50px;}
.mobile-box-content-info{ font-size:12px; text-align:center; line-height:25px;}
.mobile-box-content-main { line-height:25px; font-size:12px; padding:15px;}
.mobile-box-content-main img{ max-width:100%;}

.mobile-footer{ height:90px;position:fixed; padding:15px 0px; bottom:0px;width:100%; z-index:99999;max-width:780px;}
.mobile-footer li{ width:25%; float:left; text-align:center; line-height:25px; font-size:18px;}
.mobile-footer li img{ display:inline-block; clear:both;}
.mobile-footer li a{ display:block; text-align:center; color:#fff;}

.nav-postion{ padding:0px 10px;}
.nav-postion a, .nav-postion{ color:#000; font-size:14px;}

.nav-menu{ margin:20px auto; text-align:center; font-size:16px;}
.nav-menu a{ display:inline-block; padding:10px 12px; border:1px solid #7b7b7b;}
.nav-menu a:hover,.nav-menu .hover{ background-color:#f7941d; color:#fff;}
.nav-menu-main { display:inline-block;}
.nav-menu-main a{ margin:10px 1px;}


.page { font-size:14px; text-align:center;}
.page a,.page b{ display:inline-block; margin:5px; padding:10px;}
.page a:hover, .page .hover,.page b{ color:#fff; background-color:#f7941d;}


/*字体大小*/
.f12{ font-size:12px;}
.f14{ font-size:14px;}
.f16{ font-size:16px;}
.l25{ line-height:25px;}

.mtb10{ margin-top:10px; margin-bottom:10px;}
.mt-20{ margin-top:20px;}
.p20{ padding:20px;}
.ptb-20{ padding-top:20px; padding-bottom:20px;}
.ptb-10{ padding-top:10px; padding-bottom:10px;}
.plr-20{ padding-left:20px; padding-right:20px;}
.plr-10{ padding-left:10px; padding-right:10px;}

.c-white{ color:#fff;}
.c-red{ color:#ff4200;}

.bg-hs{ background-color:#f5f5f5;/*灰色*/}
.bg-fs{ background-color:#fff2e0;/*粉色*/}
.bg-yellow{ background-color:#f7941d;}

.bg-fs1{ background-color:#ffb9b9;/*粉色*/}
.bg-ls{ background-color:#8bafcb;/*蓝色*/}
.bg-hus{ background-color:#f3dd78;/*黄色*/}
.bg-ls2{ background-color:#4ccde0;/*蓝色2*/}

/* 高度 */
.h100{ height:100px;}
.h120{ height:120px;}
.h150{ height:150px;}
.h200{ height:200px;}
.h260{ height:200px;}
.h278{ height:278px; overflow:hidden;}
.h280{ height:280px; overflow:hidden;}
.h300{ height:300px; overflow:hidden;}
.h400{ height:400px;}
.h430{ height:430px;}
.h470{ height:470px;}
.ht80{ top:80px;}

.clear{ display:block; clear:both;}
.pos-relative{position:relative;}
.left{ float:left; clear:none;}
.right{ float:right;}
.line{ border-bottom:1px solid #ccc; height:1px; overflow:hidden; width:100%; clear:both;}
.hide{ display:none;}
.show{ display:block;}
.no-border{ border:0px;}
.no-border-top{ border-top:0px;}
.auto-img img{ width:100%;}
.wspn{ white-space:normal;}