@charset "gb2312";
/* CSS Document */
.clear {
    clear: both;
}
.menu_back2,.menu_slide,#us_panel2 td i,.send_msg_to,.menu_refresh,#post_comment_btn,.menu_back,.menu_share,.menu_open,.search_open,.list_info_i dt,#menu ul li a b,.hd .fr,.reg_bar_close,.login_bar_close,.reg_bar .fl i,#weibo_app i,#qq_connect i,.login_bar .fl i,.share_sina,.share_guangbo,.share_douban,.content_info_more,.header_more dt,.works_view dt,#add_f i,.works_link dt,.visit_site a i,.add_friend,.remove_friend,.rela_friend,.user_menu dt,#user_menu li a .fl i,.home_profile_local i,.home_profile_c a i,.remove_msg,.reply_msg_post {
	background: url('../images/icons.png') no-repeat;
	background-size: 500px 500px;
}
.hide-me{display:none;}
header{width:100%; display:block;}
header .fixed{ position:relative;z-index:100;width:100%;height:60px;background-color:#BE0405;}
header h2 {color: white;display: inline-block;font-size: 20px;font-weight: 500;line-height:60px;margin: 0;padding: 0;}
header .fixed .wrap{ margin: 0 auto;width:100%;}
header .fixed .wrap.float h1{position:absolute;top:0;left:0;width:100%;margin:0;padding:0;font-size:20px;line-height:50px;color:#fff;text-align:center}
header .fixed .wrap.float .left-icon{float:left;display: inline-block;height: 41px;line-height: 40px;}
header .fixed .wrap.float .left-icon img {max-height:58px;position: relative;top: -2px;}
header .fixed .wrap.float .right-icon{float:right}
header .fixed .wrap.float:before,header .fixed .wrap.float:after{content:" ";display:table}
header .fixed .wrap.float:after{clear:both}
header .home{background:url(../images/kongjian.png)}
header .srh{background:url(../images/zhuanye.png)}
header .app{background:url(../images/jiuye.png)}
header .map{background:url(../images/dizhi.png)}
header .my1{background:url(../images/huanjing.png)}
header .set{background:url(../images/weibo.png)}
header .my{background:url(../images/home.png)}
header .more{ background:url(../images/index.png)}
.header-home .icon{color:#666;}
.header-home .fixed{background-color:#f7f7f7;}
header .icon{width:40px;padding-top:32px;display:inline-block;font-size:12px;color:white;text-align:center;background-size:22px 22px;background-position:center 7px;background-repeat:no-repeat;}
header .more-fn{position:absolute;top:60px;right:4px;width:210px;padding:10px;opacity:.9;background:#333;box-sizing: border-box;}
header .more-fn .icon{width:60px;margin:5px 0;}
header .more-fn em{position:absolute;top:-9px;right:10px;width:0;height:0;border-style:solid;border-color:#587eac #587eac #333 #587eac;border-width:0 6px 10px 6px;display:block;}
header .back {background: url("../images/fh.png") no-repeat scroll center center / 28px 28px #6C90BC;display: inline-block;float: left;height:60px;margin-right: 10px;overflow: hidden;text-indent: -10086px;width: 40px;}
.sdhb{
    width: 160px;
    height: 184px;
    position: fixed;
    top: 30%;
    left: 30%;
    z-index: 999;
}
.hb_a1{
    display: block;
    width: 55px;
    height: 55px;
    border-radius: 55px;
    position: absolute;
    left: 52.5px;
    bottom: 22px;
}
.hb_xj{
    width: 100%;
    height: 40px;
    line-height: 20px;
    text-align: center;
    font-size: 14px;
    position: absolute;
    bottom: 75px;
    color: #FFCC01;
}
.hbimg{
    width: 160px;
    height: 184px;
}
.hb_a2{
    display: block;
    width: 100px;
    height: 25px;
    background: #FFD00E;
    line-height: 25px;
    border-radius:5px;
    position: absolute;
    left: 30px;
    bottom: 15px;
    color: #FE243C;
    text-align: center;
    display: none;
}
.jine{
    width: 100px;
    height: 25px;
    text-align: center;
    line-height: 25px;
    color: #FFD00E;
    position: absolute;
    left: 30px;
    bottom: 50px;
    display: none;
}
.hdh{
    width: 100%;
    height: 226px;
    background: url(../images/hdh.png) no-repeat center center;
}
.jines{
    width: 100%;
    height: 60px;
    line-height: 60px;
    text-align: center;
    font-size: 30px;
    color: #FFD00E;
}
.zxbm{
	width: 100%;
	margin:0px auto;
	border:1px solid #ccc;
	height: 22em;
	clear: both;
}
.zxbm dl{
        width：95%;
	margin: 0px auto;
	margin-top: 1em;
	width: 80%;
}
.zxbm dl dd{
	height: 4em;
	position: relative;
}
.zxbm dl dd span{
	display: block;
	width:5em;
	font-size: 1.5em;
	font-weight: bold;
	line-height: 1.5em;
	position: absolute;
	right: 75%;
}
.zxbm dl dd input{
	width: 100%;
	height: 35px;
        text-indent:10px;
	border: 1px solid #ccc;
	border-radius: 5px;
	position: absolute;
	left: 0px;
}
.zxbm dl dd select{
	width:100%;
	height: 35px;
        padding-left:10px;
	border: 1px solid #ccc;
	border-radius: 5px;
	position: absolute;
	left: 0px;
}
.zxbm dl dd .sd{
	display: block;
	width:100%;
	font-size: 1.5em;
        text-align: center;
	border-radius: 5px;
	position: absolute;
	left: 0px;
        height:35px;
        padding: 0px;
        border: 1px solid #ccc;
	background:#3FBEE1;
	font-weight: bold;
	color: #FFF;
}
.had1{
     width:100%;
     height:40px;
     background:#00A2E6;
     font-size:13px;
     margin:0px auto;
     position: relative;
}
.ha1_a1{
     display:block;
     width:5em;
     height:26px;
     text-align:center;
     line-height:25px;
     color:#fff !important;
     background:orange;
     position: absolute;
     left:1em;
     top:7px;
}
.ha1_a2{
     display:block;
     width:5em;
     height:26px;
     text-align:center;
     line-height:25px;
     color:#fff !important;
     background:red;
     position: absolute;
     left:7em;
     top:7px;
}
.ha1_p{
     width:50%;
     height:3em;
     position: absolute;
     display:none;
     left:0px;
}
.ha1_p input{
     width:65%;
     height:3em;
     float:left;
     border:1px solid ##00B0F0;
}
.ha1_p a{
     display:block;
     width:35%;
     text-align:center;
     height:40px;
     border-bottom:1px solid red;
     line-height:3em;
     color:#fff;
     background:red;
     float:right;
}
.ha1_a3{
     display:block;
     width:50%;
     height:3em;
     line-height:1.5em;
     font-size:2em;
     color:#fff !important;
     float:right;
     text-align:center;
}
.tcbox{
      width:100%;
      height:50px;
      display:none;
      background:#fff;
      font-size:16px;
      position: absolute;
      top:40px;
      left:0px;
      z-index:1000;
}
.gb{
    width:15px;
    height:15px;
    position: absolute;
    left:60%;
}
#telInput{
     width:65%;
     height:100%;
     float:left;
}
#callBtn{
     width:35%;
     height:100%;
     text-align:center;
     line-height:50px;
     background:red;
     color:#fff;
     float:right;
}
.had2{
     width:100%;
     height:50px;
     margin:0px auto;
     margin-top:-38px;
     background:#BE0405;
     position: relative;
}
.ha2_p1{
     width:4em;
     height:40px;
     line-height:40px;
     letter-spacing:5px;
     text-align:center;
     font-size:16px;
     color:#fff;
     position: absolute;
     top:0px;
     left:70px;
} 
.ha2_p2{
     width:3em;
     height:30px;
      color:#fff;
     font-size:14px;
     text-indent:3px;
     line-height:30px;
     text-align:center;
     position: absolute;
     left:70px;
     top:20px;
}  
.ha2_p3{
     width:13em;
     height:60px;
      color:#fff;
     padding-left:10px;
     line-height:50px;
     font-size:18px;
     text-align:center;
     position: absolute;
     right:0px;
     top:0px;
} 
.ha2_p4{
    width:60px;
    height:41px;
    position: absolute;
    left:10px;
    top:0px;   
}  
.hdas{
      width:100%;
      position: relative;
      margin:0px auto;
} 
.zxa{
    display:block;
    width:6em;
    height:2em;
    position: absolute;
    top:0.8em;
    right:9em;
    z-index;100;
} 
.zxt{
    display:block;
    width:6em;
    height:2em;
    position: absolute;
    top:0.8em;
    right:1.5em;
    z-index;100;
}     
.zy{
	width: 100%;
	height: auto;
	position: relative;
} 
.sk{
	width: 46%;
	height: 100%;
        margin-left:2.5%;
}
.sk1{
	width: 46%;
	height: 50%;
	position: absolute;
	right: 2.5%;
	top: 0px;
}
.sk2{
	width: 46%;
	height: 50%;
	position: absolute;
	right: 2.5%;
	top: 51%;
}  
.yu{
    width: 100%;
    height: 200px;
}
.yu tr{
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
}
.yu td{
    text-align: center;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
} 
.yu td a:hover{
    color: orange;
}       
.chuanye{
    width: 100%;
    margin: 0px auto;
}
.t_bt{
    width: 100%;
    height: 3em;
    line-height: 1.5em;
    text-align: center;
    font-size: 24px;
}
.cy_p1{
    width: 100%;
    text-align: center;
    font-size: 1.6em;
    font-weight: bold;
    color: red;
    line-height: 1.8em;
    margin-top: 20px;
}  
.cy_p2{
    margin-top: 1.5em;
    width: 100%;
    text-align: center;
    font-size: 1.2em;
    color: red;
    line-height: 1.58em;
}  
.cy_p3{
    margin-top: 1.5em;
    width: 90%;
    margin: 0px auto;
    font-size: 1.3em;
    line-height: 1.8em;
    text-indent: 1.5em;
    margin-top: 1em;
} 
.cy_dv1{
    width: 80%;
    margin: 0px auto;
    margin-top: 1em;
}
.cy_dv1 img{
    border: 1px solid orange;
}  
.bg_b{
    height: 1.8em;
    color: #fff;
    background: #FF7A7A;
}
.cy_p4{
    width: 60%;
    font-size: 22px;
    text-align: center;
    height: 50px;
    letter-spacing: 7px;
    color: #fff;
    background: #FF4242;
    line-height: 50px;
    margin: 0px auto;
    margin-top: 1.5em;
}
.cy_h3{
    width: 90%;
    margin: 0px auto;
    margin-top: 20px;
    text-align: center;
    color: red;
    font-size: 22px;
}
.cy_p5{
    width: 90%;
    margin: 0px auto;
    font-size: 1.3em;
    line-height: 1.8em;
    margin-top: 0.5em;
} 
.cy_pl{
    width: 98%;
    margin: 0px auto;
    margin-top: 20px;
}
.cy_pl li{
    width: 100%;
    height: 180px;
    border: 1px solid #ccc;
    margin-top: 10px;
    font-size: 16px;
    line-height: 30px;
    position: relative;
} 
.cy_hf{
    display: block;
    width: 50px;
    height: 25px;
    border: 1px solid #ccc;
    text-align: center;
    line-height: 25px;
    color: #666;
    position: absolute;
    bottom: 15px;
    right: 10px;
} 
.cy_tx{
    width: 100%;
    height: 30px;
    position: relative;
    font-size: 14px;
}  
.cy_tx img{
    width: 30px;
    height: 30px;
    position: absolute;
    top: 5px;
    left: 10px;
}
.cy_tx span{
    width: 30%;
    position: absolute;
    left: 45px;
    top: 5px;
} 
.cy_tx b{
    width: 50%;
    position: absolute;
    left: 100px;
    top: 5px;
    font-weight: normal;
    color: #ccc;

}  
.cy_p6{
    padding-left: 20px;
}  
.cy_p7{
    width: 85%;
    height: 80px;
    position: absolute;
    bottom: 10px;
    right: 10px;
    border: 1px solid #ccc;
    text-indent: 40px;
    line-height: 40px;
    background: url(../images/t6.jpg) no-repeat 5px 5px;
}   
.d_u{
    width: 95%;
    margin: 0px auto;
    margin-top: 20px;
    font-size: 18px;
}
.d_u li{
    width: 100%;
    height: 120px;
    position: relative;
    padding-top: 10px;
    padding-left: 10px;
}
.u_o{
    width: 95%;
    margin: 0px auto;
    margin-top: 20px;
}
.u_o li{
    width: 30%;
    float: left;
    border: none;
}
.u_o li input{
    font-size: 20px;
}
.mx{
    display: block;
    width:100%;
    font-size: 1.5em;
    text-align: center;
    border-radius: 5px;
    position: absolute;
    left: 0px;
    height:35px;
    padding: 0px;
    border: 1px solid #ccc;
    background:#3FBEE1;
    font-weight: bold;
    color: #FFF;
}
.tcb{
    width: 275px;
    height: 180px;
    background: #fff;
    border: 1px solid #ccc;
    z-index: 999;
    position: fixed;
    top: 40%;
    left: 42px;
    border-radius: 15px;
    box-shadow: 5px 5px 5px #888888;
    display: none;
}
.tp1{
    width: 100%;
    height: 30px;
    line-height: 30px;
    text-align: center;
    position: absolute;
    top: 20px;
    font-size: 22px;
    font-weight: bold;
}
.tp2{
    width: 100%;
    height: 30px;
    line-height: 30px;
    text-align: center;
    position: absolute;
    top: 105px;
    font-weight: bold;
    font-size: 16px;
}
.tp3{
    width: 260px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    position: absolute;
    top: 65px;
    left: 3%;
}
 .inputs{
    width: 179px;
    height: 30px;
    float: left;
    border: 1px solid #ccc;
    border-right: none;
    border-radius: 15px 0 0 15px;
    text-indent: 10px;
}
.sbq{
    display: block;
    width: 78px;
    height: 31px;
    float: right;
    border: 1px solid #ccc;
    border-radius: 0px 15px 15px 0px;
    background: #000;
    color: #fff;
}
.ul{
    width: 100%;
    height: 40px;
    border-radius: 20px;
    position: absolute;
    bottom: 0px;
}
.ul li{
    width: 50%;
    text-align: center;
    line-height: 40px;
    float: left;
}
.ul li a{
    color: #fff;
}
.clos{
    width: 35px;
    height: 35px;
    position: absolute;
    right: -10px;
    top: -10px;
}
.clos img{
    width: 100%;
    height: 100%;
}
        
.focussy { width: 100%; height: auto; position: relative;  }
.focussy .hdsy { width: 100%; height: 2rem; position: absolute; z-index: 1; text-align: center; bottom:.1rem;}
.focussy .hdsy ul { display: inline-block; height: 2rem;}
.focussy .hdsy ul li { display: inline-block; width: 0.8rem; height:0.8rem;border-radius: 0.06rem; text-indent:-999em; background:#fff; margin: 0 0.2rem; vertical-align: top; overflow: hidden; border-radius:5px;  }
.focussy .hdsy ul .on { background: red; }
.focussy .bdsy { position: relative; z-index: 0;}
.focussy .bdsy li { height: auto; overflow: hidden; }
.focussy .bdsy li img { width: 100%; height: auto; display: block; margin: 0; padding: 0; }