@charset "utf-8";

/*全局控制*/
body{margin:0;padding:0;font-size:12px;line-height:22px;font-family:"微软雅黑",Arial,"宋体";-webkit-text-size-adjust:none;background-color: #f7f8fa;}
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,p{margin:0;padding:0;}
input,select,textarea{font-size:12px;line-height:16px;}img{border:0;}ul,li{list-style-type:none;}
a{color:#333;text-decoration:none;}
a:hover{text-decoration:underline;}
.tc{text-align:center;}.tl{text-align:left;}.tr{text-align:right;}
.dis{display:block;}.undis{display:none;}
.fl{float:left;}.fr{float:right;}.cl{clear:both;}.fb{font-weight:bold;}.fnb{font-weight:200;margin-left:-1px;}
.hr_1,.hr_10{font-size:1px;line-height:1px;clear:both;}
.hr_1{height:1px;}.hr_10{height:10px;}
input[type="text"]:focus,input[type="password"]:focus,textarea:focus{outline:none;}
a:link,a:hover,a:visited{text-decoration:none}



/********************* 以下(结束标识)代码请在实际开发中删除 *********************/





.wrapp {
    width: 1200px;
    margin: 0 auto;
	position: relative;
	
}
.right{float:right;}
.fff{background:#fff}
.cl{clear:both;}
/*头部区域*/
.top_nav {
    height: 33px;
    width: 100%;
    border-bottom: 1px solid #e6e6e6;
    font-size: 13px;
}
.top_nav .title,.top_nav .right {
    letter-spacing: 0;
    color: #444;
    display: inline-block;
	height:33px;
	line-height:33px;
}
.top_nav .right{
	width: 450px;
	height:33px;
	line-height:33px;
    text-align: right;
	}
.top_nav .right span{
display: inline-block;
padding: 0 9px;
border-left:solid 1px #fff;
border-right:1px solid #fff;
}
.top_nav .show{
	position:relative;
}
.top_nav .show:hover{
border-left:1px solid #e6e6e6;
border-right:1px solid #e6e6e6;
}
.top_down{
	position:absolute;
	right:-1px;
	top:34px;
	width:130px;
	padding:5px;
	height:130px;
	z-index:999;
	border:1px solid #e6e6e6;
	border-top:none;
	background:#fff;
	display:none;
}
.top_nav i{
	position:absolute;
	right:-1px;
	top:33px;
	width:100%;
	height:1px;
	background:#fff;
	display:none;
}
.top_nav .show:hover .top_nav .top_dow{
	display:block;
}
.top_nav .show:hover .i{
	display:block;
}


.head{
	width: 100%;
}
.head-logo {
    float: left;
    height: 63px;
    margin: 30px 0 31px 0;
}
.change{
	overflow: hidden;
    float: left;
    margin-top: 40px;
    padding-left: 15px;
    color: #6C6C6C;
	font-size: 16px;
}
.current-city {
    padding-left: 10px;
    float: left;
}
.change-city {
    float: left;
    padding-left: 10px;
    color: #FD961F;
}
.search {
    float: left;
    padding-top: 34px;
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    z-index: 98;
    top:0;
}
.search-block {
    width: 550px;
    height: 40px;
    background: #fff;
}
.search-input {
    border: 1px solid #E5E5E5;
        border-right-color: rgb(229, 229, 229);
        border-right-style: solid;
        border-right-width: 1px;
    border-right-color: rgb(229, 229, 229);
    border-right-style: solid;
    border-right-width: 1px;
    border-right: none;
    border-radius: 4px 0 0 4px;
    line-height: 100%;
    box-sizing: border-box;
    display: inline-block !important;
    padding: 15px;
    font-size: 14px;
    height: 100%;
    background: transparent;
    width: 85.45%;
}
.search-btn {
    outline: none;
    width: 14.55%;
    box-sizing: border-box;
    line-height: 100%;
    height: 100%;
    background: #ff1e32;
    border: none;
    float: right;
    color: #fff;
    cursor: pointer;
	font-size: 15px;
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
}
.shop{
    display: block;
    position: absolute;
    right: 0px;
    top: 34px;
    width: 146px;
    height: 36px;
    background-color: #fff;
    line-height: 36px;
    font-size: 14px;
    text-align: center;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 2px solid #ff1e32;
    background:#ff1e32;
    
	cursor:pointer;
}
.shop b{
    position: absolute;
    right: -8px;
    top:-10px;
    min-width: 14px;
    height: 14px;line-height: 14px;
    background:#ff1e32;
    border-radius: 19px;
    color: #fff;
    font-size: 12px;
    font-weight: normal;
    padding: 5px;
}
.shop i{
display: inline-block;
width: 20px;
height: 20px;
margin-right: 2px;
margin-bottom: -5px;
background: url('../images/shop.png') no-repeat 0 0;
}
.shop span{
	color: #fff;
    font-weight: bold;
}
/**报价**/
#baojia{
   background-color:rgba(0,0,0,0.7);
display: inline-block;
height: 40px;
line-height: 40px;
width: 240px;
text-align: center;
border-bottom: 1px solid #fff;
position:relative;
float: right;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
cursor: pointer;
font-size: 16px;
font-weight: bold;
}
input,textarea{
border:none;
-webkit-appearance:none;outline: none;
    
}
#baojia input,#baojia textarea{
    width: 170px;
height: 20px;
line-height: 20px;
padding: 4px 14px 4px 9px;
margin-bottom: 15px;
}
#baojia textarea{height: 120px;margin-top:20px;}
#baojia .tj{
    width: 198px;
    height: 40px;
    background: #ff1e32;
    line-height: 40px;
    color:#fff;
    margin: 0 auto;
}
#baojia span{color:#fff;}


/**导航**/
#right_top{
	position:fixed;
	bottom:150px;
	right:50%;
	margin-right:-653px;
	width:48px;
	height:48px;
	background: url('../images/nav/top.png') no-repeat 0 0 #ff1e32;
	border-radius: 3px;
	display:none;
	cursor:pointer;
}
.nav {
    height:40px;
    width: 100%;
    border-bottom: 1px solid #e6e6e6;
    font-size: 13px;
}
.menu{
background: linear-gradient(90deg,#D71518,#ff1e32);
display: none;
height: 40px;
line-height: 40px;
width: 164px;
text-align: left;
border-bottom: 1px solid #ff5160;
position:relative;
float: left;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
cursor: pointer;
}
.lineicon {
    display: inline-block;
    *zoom: 1;
    *display: inline;
    margin: 0 24px 0 15px;
    width: 15px;
    height: 12px;
    overflow: hidden;
}
.menu i{
    width: 15px;
    height: 0;
    border-top: 2px solid #ddd;
    display: block;
    margin-bottom: 3px;
}
.menu span{
	color:#fff;
}
.menu ul{
	background: linear-gradient(90deg,#D71518,#ff1e32);
	position:absolute;
	left:0;
	top:41px;
	width:100%;
	z-index:999;
}
.menu ul li{
	background:url('../images/arr.png') no-repeat right center;
	text-align:center;
	cursor:pointer;
	border-left:solid 1px #ff3264;
	border-bottom: 1px solid #ff5160;
	font-size:14px;
}
.menu ul li a{
	display:block;
	width:100%;
	background-size:15px 15px;
	color:#fff;
}
.menu ul li a:link{
	color:#fff;
}
.menu ul li:hover a{
	color:#D71518;
}
.menu ul li:hover{
	background:url('../images/arr_on.png') no-repeat right center #fff;
}
.nav_1{background:url('../images/nav/1.png') no-repeat 14px center;}
.nav_2{background:url('../images/nav/2.png') no-repeat 14px center;}
.nav_3{background:url('../images/nav/3.png') no-repeat 14px center;}
.nav_4{background:url('../images/nav/4.png') no-repeat 14px center;}
.nav_5{background:url('../images/nav/5.png') no-repeat 14px center;}
.nav_6{background:url('../images/nav/6.png') no-repeat 14px center;}
.nav_7{background:url('../images/nav/7.png') no-repeat 14px center;}
.nav_8{background:url('../images/nav/8.png') no-repeat 14px center;}
.nav_9{background:url('../images/nav/9.png') no-repeat 14px center;}
.nav_10{background:url('../images/nav/10.png') no-repeat 14px center;}

.nav_1:hover{background:url('../images/nav/1-1.png') no-repeat 14px center;background-size:15px 15px;}
.nav_2:hover{background:url('../images/nav/2-1.png') no-repeat 14px center;background-size:15px 15px;}
.nav_3:hover{background:url('../images/nav/3-1.png') no-repeat 14px center;background-size:15px 15px;}
.nav_4:hover{background:url('../images/nav/4-1.png') no-repeat 14px center;background-size:15px 15px;}
.nav_5:hover{background:url('../images/nav/5-1.png') no-repeat 14px center;background-size:15px 15px;}
.nav_6:hover{background:url('../images/nav/6-1.png') no-repeat 14px center;background-size:15px 15px;}
.nav_7:hover{background:url('../images/nav/7-1.png') no-repeat 14px center;background-size:15px 15px;}
.nav_8:hover{background:url('../images/nav/8-1.png') no-repeat 14px center;background-size:15px 15px;}
.nav_9:hover{background:url('../images/nav/9-1.png') no-repeat 14px center;background-size:15px 15px;}
.nav_10:hover{background:url('../images/nav/10-1.png') no-repeat 14px center;background-size:15px 15px;}




.dh{
float:left;
margin-left:20px;
}
.dh .on a{
color:#D71518;
}
.dh li{
float:left;
height:40px;
line-height:40px;
font-size:16px;
color:#000;
font-weight: bold;
}
.dh li a{
	margin:0 30px;
}
.dh li a:hover{
	color:#D71518;
}
/**产品板块**/
.p_line{
	height: 50px;
	padding-top: 25px;
	line-height:40px;
}
.p_line .title{
	font-size:22px;
	font-weight:700;
}
.p_line b{
	background:url('../images/more.png') no-repeat right center;
	color:#333;
	float:right;
	padding-right:10px;
	font-size: 14px;
	font-weight:100;
}

/**page**/
.page_list {
    height: 24px;
    line-height: 24px;
    text-align: center;
    letter-spacing: 0;
    font-family: "微软雅黑";
    font-size: 13px;
    margin-top: 20px;
    margin-bottom: 10px;
}

.page_list a {
    display: inline-block;
    color: #898989;
    border: 1px solid #e8e8e8;
    background: #fff;
    text-align: center;
    padding: 0 8px;
    margin: 0 3px;
}

.page_list a:hover {
    color: #fff;
    border: 1px solid #f00;
    background: #f00;
}

.page_list a.on {
    color: #fff;
    border: 1px solid #f00;
    background: #f00;
}

/**foot**/
.foot{margin-top:30px;}
.foot .wrapp{border-top:solid 1px #e9e9e9;padding:25px 0 15px;}
.foot a{display:block;margin:10px 0 0;}
.foot .bz{float:left;width:200px;}
.foot .last{text-align:center;}
.foot .bq{color:#9c9c9c;text-align:center;padding:10px 0;}