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

*{margin:0;padding:0}
a{text-decoration:none;color:#dfdfdf;font-size:14px;font-family:"arial","微软雅黑"}
html{width:100%;/* height:100%; overflow:hidden;*/ overflow-x:hidden; -webkit-font-smoothing:antialiased;-webkit-overflow-scrolling:touch;-moz-overflow-scrolling:touch;-o-overflow-scrolling:touch;overflow-scrolling:touch;}
html.ns{overflow:hidden}
body{color:#535353;font-size:14px;font-family:"arial","微软雅黑";background:#fff;width:100%;height:100%;/*overflow:hidden;*/position:relative; margin:0 auto;}
a,body{font-family:"微软雅黑"/9;-webkit-tap-highlight-color:rgba(0,0,0,0)}
img{border:0}
ol,ul,li{list-style:none}
dl,dt,dd,ul,li{margin:0;padding:0}
input,textarea{outline:none}
html,body,form,fieldset,p,div,h1,h2,h3,h4,h5,h6{-webkit-text-size-adjust:none}
i{font-style:normal}
.fl{float:left}
.fr{float:right}.clear{clear:both}
.clear { clear:both; }
.clearfix:after {content: ".";display: block; height: 0;clear: both;visibility: hidden; }
.clearfix {zoom:1}
.none{display:none;}
.fs13{font-size:13px;}


#header{width:100%; position:fixed; left:0; top:0; height:50px; background:#009ed3; overflow:hidden; z-index:999; -webkit-transition:all 0.3s cubic-bezier(0.165,0.84,0.44,1); -moz-transition:all 0.3s cubic-bezier(0.165,0.84,0.44,1);-0-transition:all 0.3s cubic-bezier(0.165,0.84,0.44,1); transition:all 0.3s cubic-bezier(0.165,0.84,0.44,1); }
.header_wrap b.back{ background:url(../images/m_icon640.png) 3px -302px no-repeat; background-size:25px auto;}
.header_wrap b.search_icon{background:url(../images/m_icon640.png) 9px -490px no-repeat; background-size:29px auto;}
.header_wrap{ position:relative; overflow:hidden; margin:0 auto; width:94%; height:60px;}
b.menu{ display:block; position:absolute; left:0px; top:10px; background: url(../images/m_icon640.png) 0px 6px no-repeat; width:32px; height:32px; background-size:31px auto;}
b.share{display:block; position:absolute; right:0px; top:10px; background: url(../images/m_icon640.png) 0px -28px no-repeat;  background-size:25px auto; width:32px; height:32px;}
div.name{position:relative; max-width:200px; height:30px; line-height:30px; text-align:center; margin:12px auto; overflow:hidden;}
div.name a{ display:inline-block;  height:30px; position:relative; vertical-align:middle; color:#FFF; font-weight:bold; font-size:16px;}
div.top_logo a{display:block; cursor:pointer; width:82px; height:38px; background:url(../images/m_logo.png) 0px 13px no-repeat; background-size:82px auto; margin:4px auto;}

.tag_color0{background:#009ed3;}
.tag_color1{background:#eb644a;}
.tag_color2{background:#33ab77;}
.tag_color3{background:#c9bb9e;}

/*分享*/
.share_mask{position:absolute; background:#000; width:100%; height:100%; top:0; left:0; z-index:1000; filter:alpha(opacity=30); opacity:0.3;}
.share_box{ width:270px; padding:10px; height:190px; position:fixed; top:200px;  background:#FFF; z-index:1001; margin:0 auto; left:50%; top:50%; margin:-105px 0 0-145px; border-radius:5px;}
p.share_tit{height:30px; line-height:30px; color:#000; padding-left:5px;}
.share_box a{ display:inline-block; width:55px; height:60px; float:left; margin:10px 6px; position:relative; background:url(../images/m_share_icon.png) 9px 8px no-repeat; background-size:209px auto;}
.share_box a b{position:absolute; bottom:0; width:55px; display:inline-block; text-align:center; color:#666; font-size:12px; font-family:Arial, Helvetica,"宋体", sans-serif; font-weight:normal;}
.share_box a.share_icon2 { background-position:-48px 8px;}
.share_box a.share_icon3 { background-position:-107px 8px;}
.share_box a.share_icon4 { background-position:-164px 8px;}
.share_box a.share_icon5 { background-position:10px -44px;}
.share_box a.share_icon6 { background-position:-48px -44px;}

.share_box dl dd{font-size:12px; font-family:Arial, Helvetica,"宋体", sans-serif; text-align:center;}
a.close_share{ display:block; width:20px; height:20px; position:absolute; right:10px; top:8px; background:url(../images/m_icon640.png) 4px -346px no-repeat; background-size:25px auto;}

/*底部通栏*/
.bottom_bar{width:100%; height:45px; background:#514947; z-index:999; position:fixed; bottom:0; left:0;}
.bottom_bar p span{ display:inline-block; width:33%; height:45px; border-right:1px solid #fff; text-align:center; color:#FFF; line-height:45px; float:left;}
.bottom_bar p span:hover{background:#a04c53}
.bottom_bar p span b{ display:inline-block; width:25px; height:30px; vertical-align:middle; background:url(../images/m_icon640.png) 0px -96px no-repeat; background-size:25px auto;}
.bottom_bar p span.bt_message b{background-position:0px -133px; width:30px;}
/*.bottom_bar p span.bt_logo i{ display:inline-block; cursor:pointer; width:82px; height:38px; background:url(../images/m_logo.png) 0px 13px no-repeat; background-size:82px auto}*/
.bottom_bar p span.bt_logo i {
display: inline-block;
cursor: pointer;
width: 132px;
height: 48px;
background: url(../images/m_logo.png) 0px 3px no-repeat;
background-size: 132px auto;
}
.bottom_bar p span.bt_message{border-right:none;}

/*左侧导航*/
#left_nav{ height:100%; background:#2f3c4c; width:230px; position:fixed; left:0; top:0; visibility:hidden;}
#logo {margin-top:20px;}
#logo a{display:block; width:115px; height:38px; background:url(../images/m_icon.png) -315px 0 no-repeat; margin-left:23px;}
#left_nav ul{ margin-top:20px;}
#left_nav ul li a{ display:block; height:40px; line-height:40px; border-bottom:1px solid #364757; padding-left:15px; background:#2a3845; border-left:3px solid #2a3845; transition:background 0.3s ease-out;}
#left_nav ul li a:hover{background:#2f3c4c;}
#left_nav ul li.on a{border-left:3px solid #f2390e;}
#left_nav ul li b{ width:15px; height:15px; display:inline-block; background:url(../images/m_icon.png) -288px 0 no-repeat; margin:10px 5px 0 0;}
#left_nav ul li span{ width:20px; height:20px; display:inline-block; background:url(../images/m_icon640.png) 0 -516px no-repeat; background-size:25px; vertical-align:middle; margin-right:5px;}
#left_nav ul li span.nav_icon02{background-position: 0 -546px;}
#left_nav ul li span.nav_icon03{background-position: 0 -577px;}
#left_nav ul li span.nav_icon04{background-position: 0 -606px;}
#left_nav ul li span.nav_icon05{background-position: 0 -633px;}
#left_nav ul li span.nav_icon06{background-position: 0 -663px;}

.service_line{color:#fff; width:195px; height:20px; line-height:20px; background:#009ed3; padding:5px 10px; margin:0 auto; border-radius:5px; margin-top:15px;}
.service_line span{width:20px; height:20px; display:inline-block; background:url(../images/m_icon640.png) 0 -70px no-repeat; background-size:18px; vertical-align:middle; margin:0 0px 0 2px;}

.left_search{margin-top:20px;}
.search_box{width:215px; margin:0px auto; overflow:hidden; height:30px; background:#FFF; border-radius:15px;}
.search_box input{width:140px; height:20px; line-height:20px; padding:5px 10px;  border:none; font-size:13px;}
a.cancel{ display:inline-block; width:11px; height:20px; background: url(../images/m_icon640.png) 0 -450px no-repeat; background-size:25px; vertical-align:middle; margin-top:7px;}
a.search_btn{display:inline-block; width:40px; height:30px;background: url(../images/m_icon640.png) 10px -392px no-repeat; background-size:25px; vertical-align:middle;}


#about_us { padding:10px;}
#about_us h5{margin-top:20px; text-indent:-9999px;  width:115px; height:38px; background:url(../images/m_logo.png) 0 0 no-repeat; background-size:109px auto;}
#about_us p {font-size:12px; font-family:"arial","宋体"; color:#f3f3f3; margin-top:5px;}
p.to_web a{ display:block; width:230px; height:154px; background:url(../images/m_about2.jpg); background-size:230px auto; overflow:hidden; }

/*回到顶部*/
.to_top{ width:40px; height:40px; background:url(../images/m_icon_big.png) 0 0 no-repeat; background-size:50px; position:fixed; right:10px; bottom:50px;}

/*向右动画*/
.push{-webkit-transform: translateX(230px); -moz-transform:translateX(230px);
    transform: translateX(230px); -moz-box-shadow:-3px - 3px 6px rgba(0, 0, 0, 0.8); -o-box-shadow: -3px -3px 6px rgba(0, 0, 0, 0.8); -webkit-box-shadow: -3px -3px 6px rgba(0, 0, 0, 0.8);
    box-shadow: -3px -3px 6px rgba(0, 0, 0, 0.8);}
.pull { -webkit-transform: translate3d( -250px, 0px, 0px); -moz-transform: translate3d( -250px, 0px, 0px);
    transform: translate3d( -250px, 0px, 0px); -moz-box-shadow: 3px -3px 6px rgba(0, 0, 0, 0.8); -o-box-shadow: 3px -3px 6px rgba(0, 0, 0, 0.8); -webkit-box-shadow: 3px -3px 6px rgba(0, 0, 0, 0.8);
    box-shadow: 3px -3px 6px rgba(0, 0, 0, 0.8)
}



/*广告*/
.m_banner{ width:94%; margin:0 auto;}
.m_banner img{width:100%; height:auto;}

/*400转接提示(需要把类名为share_mask的div的display改为block;)*/
.line_warn{z-index:9999; width:100%; padding:15px 0; background:#39F; background:#FFF;  position:fixed; bottom:0; left:0;}
.line_warn p{text-align:center; color:#000; line-height:25px; }
.line_warn p.agent_number{font-weight:bold; font-size:16px;}
.call{display:block; width:70%; background:#009ed3; color:#FFF; margin:0 auto; text-align:center; padding:10px; border-radius:5px;}
.call:hover{background:#0aaee5;}