
/*
	平台头部header样式表
*/
/*============ header ============*/

/*hd_bar*/
.hd_bar{color:#808080;background: #f8f8f8;border-bottom: solid 1px #e2e2e2;text-align:right;font-size:13px;padding:2px 0;overflow: hidden;}
.hd_bar a{color:#808080;display: inline-block;padding: 0 13px;border-right: solid 1px #e2e2e2;height:15px;line-height:1;}
.hd_bar a:last-child{border-right:none}
.hd_bar a:hover{color:#ff4d3c;}
.hd_bar a.hot{color: #fe5611;border-left: solid 1px #e2e2e2;margin-left: 10px;}
.hd_bar b{margin-left:8px;color: #666}
/*header*/
.header{background: #fff;height: 80px;}
.logo{width: 400px;height:80px;line-height: 80px;overflow: hidden;}
.logo img{max-width:100%;max-height:100%;vertical-align: middle;}

.pctel{height:80px;line-height: 80px;overflow: hidden; float:left;}

.searchbox{position:relative;z-index:999;width:440px;height:36px;border:2px solid #e2e2e2}
.mod_select{position:absolute;top:0;left:0;width:98px;}
.mod_select .select_box{position:relative;width:98px;height:34px;}
.mod_select .select_box .select_txt{display:inline-block;overflow:hidden;padding-left:25px;width:94px;height:32px;line-height:32px;font-size:14px;color: #929292;border-right: solid 2px #e2e2e2;cursor:pointer;background: #f3f3f3;}
.mod_select .select_box .select-icon{position:absolute;top:50%;right:10px;width:10px;height:10px;background:url(../images/search_ico.png) center no-repeat;transform:translate(0,-50%)}
.mod_select .select_box .option{position:absolute;top:32px;left:-2px;display:none;width:96px;border:2px solid #e2e2e2;border-top:0;background-color:#fff;background: #f3f3f3;}
.mod_select .select_box .option li{padding-left:25px;line-height:2;cursor:pointer;font-size:14px;color: #929292;}
.searchbox .import{margin-left:100px;padding-left:20px;width:250px;height:32px;outline:0;border:none}
.searchbox .import:focus{outline: none;box-shadow: none;}
.searchbox .btn-search{
    position:absolute;right:0;width:100px;height:35px;border:0;margin: -2px;color:#fff;cursor: pointer;
    background: -webkit-linear-gradient(bottom,#f20c0c, #d80000);
    background: -o-linear-gradient(bottom,#f20c0c, #d80000);
    background: -moz-linear-gradient(bottom,#f20c0c, #d80000);
    background: linear-gradient(to bottom,#f20c0c, #d80000);
}
.searchbox .btn-search:hover{background:#d80000;}
.header-search{float: left;margin:22px 0 0 1px;}


/*hd_nav*/
.hd_nav{background: url("../img/header_bg.png") top #4e4e4e;height: 45px;}
.hd_nav ul{display:block;width:auto;overflow: inherit;}
.hd_nav li{float:left; position:relative; z-index:9}
.hd_nav li a{display:block;padding: 0 40px; line-height:45px;color:#ddd;text-align:center;font-size:16px;cursor:pointer;}
.hd_nav li:hover a{color:#f2d0b1;}
.hd_nav li.active a{color:#fff;font-weight: bold;background: #353535;}
.hd_nav li.no_kjdh{
    width: 100px;
    margin-right: 15px;
    color: #fff;
    font-size: 16px;
    background: -webkit-linear-gradient(right,#005ac9, #047efa); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(left,#005ac9, #047efa); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(left,#005ac9, #047efa); /* Firefox 3.6 - 15 */
    background: linear-gradient(to left,#005ac9, #047efa); /* 标准的语法 */
}
.hd_nav li.no_kjdh a,.hd_nav li.no_kjdh a:hover{color: #fff;}
.hd_nav_icon{background: url("../img/hot01.gif") no-repeat;width: 21px;height: 15px;display: block;position:absolute;right: 0;top: 0}

.hd_ico_arr{background: url("../img/icons.png") 5px -37px no-repeat;display: inline-block;width: 15px;height:10px;}
.hd_nav_cont{display: none;width:1200px;margin-left: -600px;top:36px;left:0;clear: both; position: absolute;z-index:999;transition-duration:.3s;}
.hd_nav li:hover .hd_nav_cont {transition-duration:.3s;display: block;}
.hd_nav_cont .arrow{width:100%;height:9px;}
.hd_nav_cont .arrow i{width:0;height:0;border:7px solid transparent;border-bottom-color:#fff;position: absolute;top:-5px;left: 53.3%;}
.hd_nav_cont .header-subnav-top{ overflow: hidden;position: absolute;left: 50%; background:#fff;padding-bottom: 10px;padding-right: 10px;box-shadow: 0 3px 5px rgba(0,0,0,.1)}
.hd_nav_cont .header-subnav-con{margin:15px 0 0 25px;min-width:91px;float: left;}
.hd_nav_cont .header-subnav-con dt{ font-weight:bold;color:#333; display: block; height: 25px;font-size: 14px;}
.hd_nav_cont .header-subnav-con dd{position: relative;padding-right: 23px;}
.hd_nav_cont .header-subnav-con dd a{color:#666;display:inline-block;line-height: 30px;text-align: left;width: 100%;background: none!important;font-size: 14px;padding: 0}
.hd_nav_cont .header-subnav-con dd a:hover{color:#ff4d3c;text-decoration: underline;}
.header-subnav-hot{position: absolute;top:10px;right:0px;}

/*热门商标分类*/
.tm_menu{}

.tm_menu{position: absolute;height:0;overflow: hidden;transition-duration: .3s;background: rgba(0,0,0,.6);width: 222px;}
.index .tm_menu,
.nav_menu:hover .tm_menu{height:464px;transition-duration: .3s;}
.tm_menu>div{display: block;overflow: hidden; color:rgba(255,255,255,0.8);padding:12px 20px 11px;border-bottom:dashed 1px rgba(255,255,255,0.2)}
.tm_menu>div p{font-size:15px;font-weight: bold;line-height:18px;}
.tm_menu>div p a{color: #ffffff;}
.tm_menu>div p a:hover{color: #ffd3a0;}
.tm_menu>div span{font-size:12px;color:rgba(255,255,255,0.45);padding-left:0;float: left;line-height:1;padding-top:3px;}
.tm_menu>div span a{color:rgba(255,255,255,0.5);display: inline-block;width: 48px;margin-right: 5px;overflow: hidden;white-space: nowrap;}
.tm_menu>div span a:hover{color: #ffd3a0;}
.tm_menu>div i{background-image:url("../img/fuwu_icon.png");width: 22px;height: 22px; float: left;margin: 0 5px 10px -5px;}
.tm_menu .qyfw_01{background-position:-105px -8px;}
.tm_menu .qyfw_02{background-position:-105px -60px;}
.tm_menu .qyfw_03{background-position:-105px -119px;}
.tm_menu .qyfw_04{background-position:-105px -177px;}
.tm_menu .qyfw_05{background-position:-105px -235px;}
.tm_menu .qyfw_06{background-position:-105px -292px;}
.tm_menu .qyfw_07{background-position:-105px -347px;}
.tm_menu .qyfw_08{background-position:-105px -405px;}
.tm_menu>div.active{background:#000;color:#333}
.tm_menu>div.active span{color:#888}
.tm_menu>div.active i{color:#ea0030}



.tm_menu_con {display: none; position: absolute;overflow: hidden; background: #fff;left: 222px;top:45px;height:419px;width:978px;padding:10px 30px; box-shadow: 0 5px 5px rgba(0,0,0,.1)}
.tm-group{border-bottom:dashed 1px #ddd;padding: 10px;overflow: hidden;}
.tm-group-title{display: block;margin-bottom:7px;color: #333;float: left;width: 110px;margin-right:-110px; font-weight: bold;font-size: 16px;line-height:25px;}
.tm-group-tags{margin-left: 120px;}
.tm-group-tags a{float: left;border: none; border-left:dashed 1px #ddd;padding:0 15px; line-height:25px;margin-bottom:7px;color: #666;font-size: 14px;}
.tm-group-tags a:hover{color: #f45161}

/*服务分类*/
.nav_menu{float: left;position: relative;z-index: 5;}
.nav_menu_tit{
    line-height: 45px;height: 45px;text-align: center;width: 222px;color: #fff;font-size: 16px;
    background: -webkit-linear-gradient(bottom,#d2af90, #ae9077); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(bottom,#d2af90, #ae9077); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(bottom,#d2af90, #ae9077); /* Firefox 3.6 - 15 */
    background: linear-gradient(to bottom,#d2af90, #ae9077); /* 标准的语法 */
}
.nav_menu_con{position: absolute;height:0;overflow: hidden;transition-duration: .3s;background: rgba(0,0,0,.7);width: 222px;}
.index .nav_menu_con,
.nav_menu:hover .nav_menu_con {height:420px;transition-duration: .3s;padding-top:10px;}
.nav_menu_con a{color:rgba(255,255,255,0.8);display: block}
.nav_menu_box{color:rgba(255,255,255,0.8);padding:16px 20px;border-bottom:dashed 1px rgba(255,255,255,0.2)}
.nav_menu_box i{width:30px;height:30px;margin-bottom: 10px; display: block;float: left;background-image: url("../img/nav_menu_icon.png");}
.nav_menu_box i.i_sbfw{background-position:0px 0px;}
.nav_menu_box i.i_zlfw{background-position:0px -32px;}
.nav_menu_box i.i_bqfw{background-position:0px -66px;}
.nav_menu_box i.i_sbjy{background-position:0px -99px;}
.nav_menu_box i.i_zljy{background-position:0px -133px;}
.nav_menu_box i.i_bqjy{background-position:0px -165px;}
.nav_menu_box i.i_zxkf{background-position:0px -296px;}
.nav_menu_box i.i_zzzx{background-position:0px -232px;}
.nav_menu_box i.i_bzzx{background-position:0px -265px;}
.nav_menu_box i.i_lxfs{background-position:0px -329px;}
.nav_menu_box p{font-size: 16px;font-weight: bold;line-height:23px;}
.nav_menu_box span{font-size: 14px;color:rgba(255,255,255,0.5);}
.nav_menu_box:hover{background: rgba(0,0,0,.6);color: #369;}
.nav_menu_box:hover p{color: #fff;}











