@charset "utf-8";
/* 头部1 */
.top{ position: relative; z-index: 1; overflow: hidden;}
.top_box{ position: absolute; z-index: 2;  top: 0px; width: 100%; /*left: 50%; margin-left: -595px;*/}
.top_up{ height:34px; line-height:34px; background:transparent; border-bottom:solid 1px rgba(255,255,255,.2);}
.top_up_l{ float:left; color:#666;}
.top_up_l span{ display: inline-block; margin-right: 20px;}
.top_up_l a{ display: inline-block; font-size: 14px; color:#999; margin-right: 10px;}
.top_up_r{ float: right; color:#999;}
.index_navbox{ padding: 24px 0; }
.index_navbox *{ color: #fff; line-height: 32px;}
.nav_on a{ color: #3469ff;}
.index_location{ margin: 0 20px 0 56px; padding-left: 16px; background: url(../images/index_location.png) no-repeat left center;}
.index_nav{ margin: 0 50px;}
.index_nav li{ float: left; margin: 0 10px; font-size: 16px;}
.index_sign{ font-size: 14px; padding-left: 30px; background: url(../images/index_sign.png) no-repeat left center;}

.index_banner{ position: relative; left: 50%; margin-left: -960px;}
.index_search{ font-size: 64px; color: #fff; text-align: center; font-weight: bold; margin-top: 100px}
.index_search span{ color: #ffce26;}

.index_search_box{ width: 760px; margin: 40px auto 0px;}
.index_search_title{ width: 156px; margin: 0 auto 24px; overflow: hidden;}
.index_search_title li{ float: left; font-size: 16px; color: #fff; margin: 0 10px; cursor: pointer;}
.index_search_title .on{ color: #ff9d03;}
.index_search_item input,.inp_btn{ height: 50px; line-height: 50px;}
.index_search_item input{ box-sizing:border-box; width: 640px; font-size: 16px; color: #999; padding: 0 0px 0 60px; background: url(../images/search_class.png) no-repeat 20px center #fff;}
.inp_btn{ width: 120px; font-size: 20px; color: #fff; background: #ff9d03; cursor: pointer;}
/* 头部2 */
.inner_top_bg{ background: #f3f3f3;}
.inner_top *{ font-size: 13px; line-height: 36px; color: #999;}
.inner_location{ padding-left: 18px; background: url(../images/inner_location.png) no-repeat left center; margin-right: 20px;}
.inner_sign a{ margin: 0 10px;}
.inner_top_tel{ margin-left: 40px;}
.inner_top_tel span{ color: #666;}
.inner_nav{ box-shadow: 0px 5px 5px rgba(68, 68, 68,.15); margin-bottom: 5px;}
.inner_nav{ line-height: 32px; height: 32px; padding: 24px 0;}

    /*  */
.top_sear input{ float:left;}
.top_sear .inp_t{ width:230px; height:34px; padding:0 12px; border:1px solid #346aff; border-left:none; color:#b7b7b7; font-size:14px; line-height: 34px; outline:medium;}
*+html .top_sear .inp_t{ line-height:32px;}
.top_sear .inner_btn{ height:36px; line-height:36px; padding: 0 24px; background:#346aff; font-size:14px; color:#fff; cursor:pointer; outline:medium;}
/* .top_sear_xl{ position: relative;} */
.top_sear_xl .onclick_top{ display: inline-block; width:30px; height:34px; line-height:34px; padding:0 32px 0 18px; border:1px solid #346aff; border-right:1px solid #eee; color:#666; font-size:14px; background: #fff; cursor: pointer; outline: medium;}
.top_sear_xl i{background: url(../images/sprite.png) no-repeat -55px -7px #fff; display: block; width: 8px; height: 4px; position: absolute; left: 56px; top: 19px;}   
.top_sear_xl .onclickdiv_top{ display:none; padding:0; background:#fff; text-align:left; border:solid 2px #e7e7e7; border-top:none; position:absolute; top:38px; left:0; z-index:999;}
.top_sear_xl .onclickdiv_top ul{ width:79px;}
.top_sear_xl .onclickdiv_top li a{ color:#666; font-size:14px;}
.top_sear_xl .onclickdiv_top li a:hover{ background:#fff; color:#333;}

.xl_lb_top{ float:left; position:relative; z-index:1;}
.xl_lb_top select{ display:none;}
/* .onclickdiv_top{ display:none; padding:0; background:#fff; text-align:left; border:solid 1px #e1e1e1; position:absolute; z-index:999;} */
.onclickdiv_top ul{ width:200px; max-height:300px; overflow:auto;}
li .onclickdiv_top li{ line-height:28px; padding:0 0px; margin:0; float:none; cursor:pointer; border:none;}
.onclickdiv_top li a{ display:block; height:28px;line-height:28px; padding:0 18px; white-space:nowrap;}
.onclickdiv_top li a:hover{ background:#0099cc; color:#fff;}


/* 底部 */
.footer_bg{ background: #121212;}
.footer{ padding: 44px 0 32px;}

.footer_menu{ width: 820px; margin-right: 74px;}
.footer_menu dl{ float: left; width: 136px;}
.footer_menu dt{ font-size: 14px; color: #fff; margin-bottom: 14px;}
.footer_menu dl a{ font-size: 12px; color: #888; line-height: 24px; -webkit-transition: .2s; transition: .2s;}
.footer_menu dl a:hover{ color: #ccc;}

.footer_code{ width: 266px; margin-top: 15px;}
.footer_code div{ float: left; margin-left: 10px; width: 123px; height: 123px; overflow: hidden;}

.footer_msg_bg{ background: #0f0f0f; padding: 28px 0; }
.footer_msg_bg *{ font-size: 12px; text-align: center; line-height:22px; color: #444;}

/*.layui-nav .layui-nav-child dd.layui-this a, .layui-nav-child dd.layui-this {
    background-color: red;
    color:forestgreen;
}*/

.layui-nav .layui-nav-child dd.layui-this a, .layui-nav-child dd.layui-this {
    background-color: #22242c
}