@charset "utf-8";
/* CSS Document */
.topbar{ width:100%; min-width: 1200px; height:95px; background-color:#000000;}
.topcon .top_ad{ margin-top:28px; margin-left:10px;}
.topcon .topnav{ margin-top:15px; margin-right: 10px;}
.topcon .topnav .navlist li{ float:left; height:24px; line-height:24px; padding:0 3px;}
.topcon .topnav .navlist li a{ font-size:13px; color:#969696;}
.topcon .topnav .navlist li a:hover{ color:#e49b6b;}
.topcon .topnav .navlist .space{ padding:0 5px;}
.topcon .topnav .navlist .service{ position:relative;}
.topcon .topnav .navlist .service{ width:66px;}
.topcon .topnav .navlist .service:hover{ background-color:#000000;}
.topcon .topnav .navlist .service .serbox{ position:absolute; top:24px; left:0; background-color:#000000; padding-bottom:3px; display:none;z-index:9;}
.topcon .topnav .navlist .service .serbox a{ color:#787878;}
.topcon .topnav .navlist .service .serbox a:hover{ color:#e49b6b;}
.topcon .topnav .navlist .ph{ position:relative;}
.topcon .topnav .navlist .ph .mic{ position:absolute; top:24px; left:0; z-index:3; display:none;}
.searchbox{ position:relative; float:right; margin-top:10px;}
.searchbox .search_unit{ display: inline-block; position:relative;}
.searchbox .search_unit input{ background:#000000; border: 1px solid #a0a0a0; height: 24px; margin: 0 auto; padding: 0 30px 0 5px; width: 210px; color:#787878;}
.searchbox .search_unit .go { background: rgba(0, 0, 0, 0) url(../img/search_icon.png) no-repeat scroll 50% 50%; cursor: pointer; display: block; height: 26px; position: absolute; right: 15px; top: 0; width: 30px;}
.searchbox .car{ position:absolute; right:15px; top:6px;}
.searchbox .car .shapcar{ display:block; width:16px; height:16px; background:url(../img/top_car.png) no-repeat; position:relative;}
.searchbox .car .shapcar .carnum{ display:block; width:18px; height:18px; line-height:18px; text-align:center; border-radius:9px; background-color:#e49b6b; position:absolute; top:-10px; right:-13px; color:#fff;}
.menu_bg{ width:100%; border-bottom:1px #dcdddd solid; margin-top: 50px; background: #fff;}
.toplogo{ height:48px; padding-top:10px;}
.toplogo ul li{ float:left;}
.toplogo ul li a{ display:block; height:30px; line-height:30px; padding:0 5px; margin:0 20px; font-size:15px; border-top:2px #fff solid;}
.toplogo ul li a:hover{ border-top:2px #efa263 solid;}
.toplogo .bd_logo{ width:190px; padding-left:15px;}
.toplogo .bd_logo a{ border:none; margin:0; padding:0;padding-top: 6px;}
.toplogo .bd_logo a:hover{ border:none;}
.banner_layer{ background-color:#f4f4f4; width:100%;}
.banner_box{ position:relative; z-index:1;}
.banner_list img{ vertical-align:top;}
.navbox{ position:absolute; top:0; left:0; z-index:99; width:180px; background:rgba(55, 52, 55, 0.8); background-color:#373437\9; filter:Alpha(opacity=80)\9; height:425px;}
.navbox h2{ font-size: 15px;
    font-weight: normal;
    /* background-color: #f3a36d; */
    color: #F09E5F;
    height: 36px;
    line-height: 36px;
    /* text-indent: 15px; */
    margin-left: 30px;
    margin-top: 15px;
    margin-right: 30px;
    border-bottom: 1px solid #F09E5F;
    text-indent:0;}
.navbox ul li{ width:100%; height:31px; line-height:27px; cursor:pointer; font-size:14px; text-indent:15px; margin-top:8px;}
/*.navbox ul li:hover{ background:rgba(238,168,71,0.2); background-color:#eea847\9; filter:Alpha(opacity=20)\9;}*/
.navbox ul li:hover>a{ color:#f09e5f;}
.navbox ul li span{ color:#fff; float:right; margin-right:10px;}
.navbox ul li a{ color:#fff;}
.navbox ul li .pad-20 {margin-left: 25px;}
.navbox .dis_none{ position:absolute; top:0; left:180px; background:#ffffff; width:1000px; padding-top:25px; min-height:390px; display:none; padding-bottom:10px;}
.dis_left{ float:left; width:780px;}
.dis_right{ float:right; width:171px; margin-right:14px; margin-top:-9px; text-indent:0;}
.dis_right .dis_ul{ background-color:#fff; margin-bottom:10px;}
.dis_right .dis_ul li{ width:85px; height:36px; line-height:36px; border-right:1px #ccc solid; border-bottom:1px #ccc solid; float:left; text-align:center; margin-top:0; text-indent:0;}
.dis_right .dis_ul li:hover{ background-color:#fff;}
.dis_right .dis_ul .rc{ border-right:none;}
.dis_right .dis_ul li img{ vertical-align:top;}
.navbox .dis_none a{ color:#6a6768;}
.navbox .dis_none a:hover{ color:#f09e5f;}
.navbox .dis_none dl{ line-height:30px;}
.navbox .dis_none dl dt{ font-size:14px; width:110px; position:relative; text-align:right; padding-right:20px;}
.navbox .dis_none dl dd{ text-indent:0; margin-left:115px;}
.navbox .dis_none dl dd a{ display:inline-block; border-left:1px #e0e0e0 solid; padding:0 10px; font-size:12px; line-height:16px; height:16px; font-size:13px; margin:7px 0;}
.navbox ul li span{display: none; color:#fff; float:right; margin:11px 25px 0 0;/* display:inline-block;*/ width:4px; height:11px; font-weight: 400; font-size: 9px; line-height: 14px;}
.navbox .dis_none small{ position:absolute; top:9px; right:15px; display:inline-block; width:4px; height:11px;  font-weight: 400; font-size: 9px; line-height: 14px;}
.banner_txt { position:absolute; bottom:0; right:0; background:rgba(79,78,81,0.56); width:310px; height:195px; z-index:2;}
.banner_txt a{ color:#fff;}
.banner_txt a:hover{ color:#f09e5f;}
.banner_txt .news{ height:32px; line-height:32px; padding:0 15px; border-bottom:1px #dfdfdf solid;}
.banner_txt .news h2{ font-weight:normal; font-size:14px; color:#fff;}
.banner_txt .news_cont{ padding:8px 15px 0;}
.banner_txt .news_cont ul li{ height:28px; line-height:28px; width:265px; overflow: hidden;}
.banner img{ vertical-align:top;}
.service_now .ci-right{ background:url(../img/zsdown_x.png) no-repeat; display: inline-block !important; height: 6px; overflow: hidden; position:absolute; top:9px; right:1px; width: 10px; transform: rotate(0deg); transform-origin: 50% 20% 0; transition: -moz-transform 0.2s linear 0s; margin-left:3px;}
.service_on .ci-right{ transform: rotate(180deg); transform-origin: 50% 50% 0; transition: -moz-transform 0.2s linear 0s;}
 .navitems_group li a.on{ border-top:2px #efa263 solid;}
 .bd_head{
	width: 100%;
	background: #8b8b8b;
	height: 50px;
	min-width: 1200px;
	position:fixed;
	top: 0;
	left: 0;
	z-index: 9999;
}
.bd_head_scoll{
	 filter:alpha(opacity=80);  
     -moz-opacity:0.8;  
     -khtml-opacity: 0.8;  
     opacity: 0.8;
}
.head_left{
	float: left;
	margin-right: 20px;
}
.head_left a{
	display: -webkit-flex;
	-webkit-align-items:center;
	height: 50px;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -o-box;
	display: box;
	display: -webkit-flex; /* Safari */
	display: flex;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;	
}
.head_left img{
	display: block;
}
.head_left h2{
	
	font-size: 18px;
	color: #F09E5F;
	line-height: 50px;
	font-weight: normal;
}
.head_right{
	float: right;
	margin-right: 15px;
}
.head_right li{
	line-height: 50px;
	float: left;
	position: relative;
}
.head_right .line{
	color: #e3e3e3;
	width: 21px;
	text-align: center;
	line-height: 50px;
}
.head_right li a{
	display: block;
	line-height: 50px;
	color: #e3e3e3;
	
	font-size: 15px;
}
.head_right li a:hover{
	color: #F09E5F;
}
/* .bd_xia{
	padding-right: 13px;
} */
.h_now .xia{
	transform: rotate(180deg);
    transform-origin: 50% 50% 0;
    transition: -moz-transform 0.2s linear 0s;
}
.xia{
	display: inline-block !important;
    height: 6px;
    overflow: hidden;
    position: absolute;
    top: 22px;
    right: 0px;
    width: 10px;
    transform: rotate(0deg);
    transform-origin: 50% 20% 0;
    transition: -moz-transform 0.2s linear 0s;
    background: url(../img/zsdown_x.png) no-repeat;
}
.bd_xia:hover .dd_list{
	display: block;
}
.dd_list{
	display: none;
	width: 95px;
    position: absolute;
    top: 50px;
    left: -10px;
    background: #282828;
    padding: 5px 0;
    z-index: 9;
}
.dd_list dd{
	height: 25px;
	line-height: 25px;
	font-size: 15px;
	padding: 0 10px;
}
.dd_list dd a{
	display: block;
	line-height: 25px;
	font-size: 15px;
	color: #C8C8C8;
}
.dd_list dd a:hover{
	color: #F09E5F;
}
.image{
	display: none;
	position: absolute;
	top: 50px;
	left: -15px;
	z-index: 9;
	width: 100px;
	height: 100px;
}
.image img{
	display: block;
	width: 100px;
	height: 100px;
}
.app:hover .image{
	display: block;
}
.nav{
	background: #FFFFFF;
	width: 100%;
	min-width: 1200px;
	margin-top: 50px;
}
.nav_left{
	float: left;
}
.nav_left li{
	line-height: 60px;
	float: left;
	margin-left: 7px;
}
.nav_left li a{
	display: block;
	line-height: 60px;
	color: #282828;
	font-size: 15px;
	
	margin-right: 20px;
}
.nav_left li a:hover{
	color: #F09E5F;
}
.nav_right{
	float: right;
	/*margin-right: 15px;*/
	 margin-right: -50px; 
	margin-top: 3px;
}
.index_search{
	width: 355px;
}
.submit_search{
	width: 320px;
}
.submit_search input{
	height: 32px;
	border: 1px solid #f2f2f2;
	background: #f2f2f2;
	font-size: 15px;
	padding-left: 10px;
	
	color: #666666;
	width: 200px;
	float: left;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}

.submit_search input:hover{
	background: #fff;
}
.index_search input{
	height: 32px;
	border: 1px solid #f2f2f2;
	background: #f2f2f2;
	font-size: 15px;
	padding-left: 10px;
	
	color: #666666;
	width:245px;
	float: left;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}

.index_search input:hover{
	background: #fff;
}
.nav_sub{
	display: inline-block;
	width: 43px;
	height: 34px;
	background: url(../img/icon_search.png) no-repeat center #f2f2f2;
	float: left;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}
.searchCart{
	display: inline-block;
	width: 38px;
	height: 34px;
	background: url(../img/icon_buy.png) no-repeat;
	float: left;
	position: relative;
	margin-left: 15px;
	margin-top: -15px;
}
.searchCart span{
	display: block;
	position: absolute;
	top: -10px;
	right: -10px;
	line-height: 20px;
	text-align: center;
	border-radius: 12px;
	background: #ff8425;
	color: #fff;
	font-size: 12px;
	
	padding:2px;
	width: 20px;
	height: 20px;
}
.xl-ectc {
  /* width: 75px; */
  max-width: 75px;
}
input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset !important;
}