@charset "utf-8";
body{
	padding:0;
	margin:0;
	font:14px/1.5 '\5FAE\8F6F\96C5\9ED1',tahoma,'\5b8b\4f53',sans-serif;
	color:#444;
}
ul,li,p,dl,dt,dd,h1,h3,h2,h4,h5,strong,span,em{
	padding:0;
	margin:0;
	list-style:none;
	font-style:normal;
}
img{
	border:0;
	display: block;
}
a{
	color:#444;
	transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
	text-decoration:none;
	-webkit-tap-highlight-color:transparent;
}

a:hover {
	text-decoration:none;
	color:#4b3b2e;
}
.clear{ clear:both} 
/*------foot-------*/
.foot{ width:100%; overflow: hidden; background: #202020; margin-top:60px;}
.footkj{
	width:1440px;
	margin:0 auto;
	overflow: hidden;
}
.footop{
	width: 100%;
	overflow: hidden;
	border-bottom: 1px solid #464646;
	padding-bottom: 30px;
}
.fleft{
	width:1000px; 
	float: left;
}
.flogo{
	width:550px;
	height: 86px;
	margin-top:30px;
}
.fleft ul{ width: 100%; overflow: hidden; margin-top:20px;}
.fleft ul li{
	float: left;
	width: calc((100% / 7) - 20px);
	margin-right:20px;
}
.fleft ul li p{
	width: 100%;
	overflow: hidden;
}
.fleft ul li p a{
	display: block;
	font-size:16px; 
	height:48px; 
	line-height:48px;
	border-bottom:2px solid #fff;
	color: #fff;
}
.fleft ul li p a:hover{
	letter-spacing: 2px;
}
.fnav{ margin-top:10px !important;}
.fnav li{
	width:100% !important;
}
.fnav a{ color:#999999; font-size:14px; line-height: 30px;}
.fnav a:hover{letter-spacing: 2px; color: #fff;}
.fright{ width:400px; float: right;}
.fright ul { width: 100%; overflow: hidden;}
.fright ul li{
	width:158px;
	float: left;
	margin: 0 30px 0 0;
}
.frtop{
	margin-top:30px;
}
.frtop p{
	display: block;
}
.frtop span{
	display: block;
	text-align: center;
	color: #999999;
	font-size:16px;
}
.frtop p img{
	width:158px; height:158px;
}
.frbt{
	width: 100%;
	overflow: hidden;
}
.frbt p {
	font-size:16px;
	line-height:36px; 
	color: #fff;
}
.footbt{
	height: 72px; 
	line-height: 72px;
	color: #464646;
	font-size:12px;
	text-align: center;
}
/*-------产品搜索------*/
.ss{ max-width:600px; margin:15px auto; }
.ss input{ width:calc(100% - 182px); height:42px; border-radius:10px; line-height:42px; font-size:16px; border:1px solid #1864ae; padding:0 10px;  }
.ss button{ width:140px; border:none; background:#1864ae; color:#fff;border-radius:10px; height:44px; line-height:44px; font-size:16px;}
.ssbt{
    font-size:16px;
}
.ssbt span{ color:#ff0909;}
/*-----------列表页样式-------------*/
#list{ width: 90%; margin:0 auto; overflow: hidden;}
.dh{ height: 40px; width: 100%; line-height: 40px; border-bottom:1px solid #dfdfdf; }
.list_top{ padding:60px 0 30px; border-bottom:2px solid #1864ae;}
.list_top h2{ font-size:36px; text-align:center; height: 80px; line-height: 80px; color: #444; width: 100%; position: relative;}
.list_top h2:after{ content: "" ; position: absolute; display: block; background: #1864ae; height: 3px; width:80px; left:50%; margin-left:-40px; bottom:0;}
.list_top ul{ width: calc(100% + 20px); overflow: hidden; text-align: center;}
.list_top ul li{ display: inline-block; width:calc((100% / 7) - 22px); margin-top:10px;padding:0 5px; overflow: hidden;}
.list_top ul li a{ overflow:hidden; display: block; height: 40px; line-height: 40px; border:1px solid #dfdfdf; border-radius: 20px;}
.list_top ul li a:hover{ border:1px solid #1864ae; background: #1864ae; color: #fff;}
.cur{ border:1px solid #1864ae !important; background: #1864ae; color: #fff;}

#page{ width: 100%; margin-top:30px; text-align: center;}
#page span,#page a{ display: inline-block; margin:0 5px; padding:6px 12px; border:1px solid #dfdfdf; border-radius: 5px;}
#page a:hover,.page-num-current{ background: #1864ae; border:1px solid #1864ae !important; color: #fff;}
@media screen and (max-width:1460px){
	.logo {
		width: 340px;
		height: 53px;
		padding: 23px 0 20px 20px;
	}
	.logo img{ width:340px; height: 53px;}
	.footkj{
		width:1200px;
	}
	.fleft{
		width:760px; 
		float: left;
	}
	.fnav a:hover{ letter-spacing:normal; color:#fff;}
	.fnav a{ display: block; height: 30px; overflow: hidden;}

    }
    @media screen and (max-width:1290px){
		.lona{ position: fixed;}
        .top{padding-top:calc(47% + 100px)}
        #cp,#zz,#xw,#hzhb{ 
            width: 96%;
            margin:30px auto 0;
        }
        .logo{ 
            width: 386px;
            height: 60px;
            padding: 20px 0 20px 20px;
            float: left;
        }
        .logo img{ width: 386px;
            height: 60px;}
        .snav,.dj,.qh{ display: none;}
        .pbnav{display: block;}
        .pbnr{
            position: fixed;
            background:url(/ys/img/hbg.png);
            width:100%;
            height:100%;
            z-index: 10;
            cursor: pointer;
        }
        .pbgb{
            width:50px; height:50px;
            margin:30px auto 0;
            background: url(/ys/img/gb.png) no-repeat;
        }
        .pbsj,.zyqh{ 
            color:#fff;
            width:80%;
            margin:20px auto 0; 
            text-align: center;
            font-size:20px;
        }
        .zyqh a{
            color:#fff;
            display: inline-block;
            width:30%;
            border:1px solid #fff;
            background:#000;
            font-size:20px;
            height:40px;
            line-height: 40px;
        }
        .pbnr ul{
            width: 80%;
            margin:20px auto 0;
        }
        .pbnr ul li {
            font-size:16px; 
            text-align: center;
            border-bottom:1px solid #999;
        }
        .pbnr ul li a{
            color: #fff;
            line-height:40px;
        }
        .slideBox .hd{
            display: none;
        }
    }
    
    @media screen and (max-width:1220px){
		.lona{ position: fixed;}
        .top{padding-top:calc(47% + 100px)}
        #cp,#zz,#xw,#hzhb{ 
            width: 96%;
            margin:30px auto 0;
        }
        .logo{ 
            width: 386px;
            height: 60px;
            padding: 20px 0 20px 20px;
            float: left;
        }
        .logo img{ width: 386px;
            height: 60px;}
        .snav,.dj,.qh{ display: none;}
        .pbnav{display: block;}
        .pbnr{
            position: fixed;
            background:url(/ys/img/hbg.png);
            width:100%;
            height:100%;
            z-index: 10;
            cursor: pointer;
        }
        .pbgb{
            width:50px; height:50px;
            margin:30px auto 0;
            background: url(/ys/img/gb.png) no-repeat;
        }
        .pbsj,.zyqh{ 
            color:#fff;
            width:80%;
            margin:20px auto 0; 
            text-align: center;
            font-size:20px;
        }
        .zyqh a{
            color:#fff;
            display: inline-block;
            width:30%;
            border:1px solid #fff;
            background:#000;
            font-size:20px;
            height:40px;
            line-height: 40px;
        }
        .pbnr ul{
            width: 80%;
            margin:20px auto 0;
        }
        .pbnr ul li {
            font-size:16px; 
            text-align: center;
            border-bottom:1px solid #999;
        }
        .pbnr ul li a{
            color: #fff;
            line-height:40px;
        }
        .slideBox .hd{
            display: none;
        }
        .footkj{
			width:96%;
		}
		.fleft {
			width: 100%;
			float: none;
		}
		.fright {
			width: 100%;
			float: none;
		}
		.frtop {
			margin: 30px auto 0;
		}
		.fright ul {
			text-align: center;
		}
		.fright ul li{
			float: none;
			display: inline-block;
		}
		.frbt p{
			text-align: center;
		}
		.fleft ul,.flogo{ display: none;}
    
    }
    
    @media screen and (max-width:890px){
    .listbt{ font-size:26px;}
   
    }
    @media screen and (max-width:580px){
    /*--------------listxp------*/
    #listxp{width:90%;}
    }