.wq {
    width: 100%;
}

.w {
    width: 1200px;
    margin: 0 auto;
}
.banners{height:300px;text-align:center}
.clearfix {
    display: flex;
    justify-content: flex-end;
    height: 40px;
    background: #999;
}

.clearfix a {
    padding: 0 10px;
    line-height: 40px;
    font-size: 12px;
    color: #fff;
    border-left: 1px solid #333;
}

.clearfix a span {
    display: inline-block;
    width: 60px;
    text-align: center;
}


/* 顶部菜单 css */

.main-header {
    height: 100px;
}

.header-bottom {
    display: flex;
    justify-content: space-between;
    height: 100px;
    align-items: center;
}

.logo img {
    height: 64px;
}

.header-nav {
    display: flex;
    position: relative;
}

.header-navul {
    display: flex;
	margin-bottom: 0;
	/* overflow: hidden; */
	
}

.header-navul li {
	position: relative;
    width: 90px;
    height: 100px;
	text-align: center;
}

.header-navul  a {	
	line-height: 100px;
    color: #333;
	font-size: 16px;
	
}
/* 下拉菜单 */
.header-navulxl {
	width: 180px;
	height: 0;
	overflow: hidden;
	position: absolute;
	top: 100px;
	left: 0;
	background: #eee;
	transition: 0.5s;
	z-index: 999;
	/* display: none; */
}
.header-navulxl a {
	display: block;
	color: #333;
	height: 40px;
	line-height: 40px;
	padding: 5px 20px;
	border-bottom:1px solid #EBEBEB ;
	font-size: 14px;
}
.hui {
    background-color: #999;
}

.header-seach {}

.header-seachbtn {
    width: 90px;
    height: 100px;
    line-height: 100px;
    text-align: center;
    background-color: #407b4f;
    background-image: url(../images/XSearch.png);
    background-repeat: no-repeat;
    background-position: center;
}

.sousuo {
    position: absolute;
    top: 0;
    right: 90px;
    width: 0;
    padding: 25px 0;
    background-color: #ebebeb;
	z-index: -1;
	overflow: hidden;
}

.sousuo input {
	margin-left: 3%;
    width: 94%;
    height: 50px;
    border: 0;
    border-bottom: 2px solid #999;
    background-color: #ebebeb;
    font-size: 14px;
}

.sousuobtn {
    position: absolute;
    top: 50%;
    margin-top: -15px;
    right: 10px;
}
/* banner部分css */
.banner_imgs {
	width: 100%;
	height: 340px;
}
.banner_imgs img {
	width: 100%;
	height: 340px;
}
/* 底部 */
.foot {
	position: relative;
	height: 210px;
	background-image: url(http://www.bjsola.com/TempUpload/20200626171950057.png);
	margin-top: 60px;
	padding-top: 40px;
}
.footNav {
	display: flex;
}
.footNav a {
	display: block;
	padding-right: 20px;
	
}
.footNavlis {
	display: flex;
	padding: 13px 0;
}
.footNavlis li {
	
	height: 24px;
	line-height: 24px;
	border-right: 1px solid #fff;
}
.footNavlis li:last-child{
	border-right: none;
}
.footNavlis li a {
	padding: 0 24px;
	color: #929393;
	font-size: 18px;
}
.footCopy {
	display: flex;
	height: 30px;
	line-height: 30px;
}
.footCopy span,.footCopy a {
	color: #929393;
	font-size: 16px;
	padding: 0 10px;
}
.footTel {
	display: flex;
	justify-content: space-between;
}
.footAddIph {
	height: 36px;
	line-height: 36px;
}
.footAddIph span {
	font-size: 16px;
	color: #929393;
	padding: 0 10px;
}
.foorFx {
	display: flex;
	
}
.foorFx span{
	display: block;
	width: 36px;
	height: 36px;
	margin-right: 6px;
}
.foorFx span:nth-of-type(1){
	background: url(http://www.bjsola.com/Images/Public/index/CgAGe1qeekqAcWpTAAAEzb9TuM4209.png) no-repeat center;
}
.foorFx span:nth-of-type(2){
	background: url(http://www.bjsola.com/Images/Public/index/CgAGe1qeekuAYJ5FAAAEp1ooB9I306.png) no-repeat center;
}
.foorFx span:nth-of-type(3){
	background: url(http://www.bjsola.com/Images/Public/index/CgAGe1qeekyAa8GZAAAER3BzS7Q845.png) no-repeat center;
}
.ftop {
	position: absolute;
	right: 24px;
	bottom: 20px;
}


@media screen and (max-width: 767px) {
	*{box-sizing: border-box;}
    .w {
        width:100%
	}
	.header-bottom{
		height:auto;
		display:block;
		

	}
	.main-header{
		height:auto;
	}
	.html,.body{margin:0;padding:0;width:100%}
	
    h1.logo{align-items:center;display:flex;justify-content: space-between;margin:1px 0}
	h1.logo a{width:300px;}
	h1.logo a img{width:100%}
	span.popmenu{display:block;width:30px;height:30px;position:relative;background:#999099;margin-right:5px;}
	span.popmenu::before{content:"";display:block;height:2px;width:24px;box-shadow: 0 8px 0 #cccccc,0 16px 0 #cccccc;
	position:absolute;top:5px;left:3px;background:#ccc}
	
	.header-nav{display:block;position:absolute;left:-50vw;top:0;background:#333033;width:50vw;z-index:9999;height:100vh;transition:0.5s}
	.header-seach{display:none}
	.banner_imgs img{height:auto}
	.banner_imgs{height:auto}
	.header-navul{display: flex;flex-direction: column;justify-content: flex-start;align-items:flex-start;}
	.header-navul li{height:auto;width:calc(100% - 10px);padding:15px 12px 15px 12px;background:#666066;text-align:right;border-radius:5px;margin:5px 0 0 0;}
	.header-navul li a:link,.header-navul li a:visited{color:#eee0ee;line-height:100%;display:block;}



	 /* 产品部分 */
	 .product_imgs{
		 flex-direction: column;
		 height:auto!important;
	 }
	 .product_imgs_left{width:100%!important}
	 .product_imgs_left img{height:auto!important;}
	 .product_imgs_right{width:100%!important}
	 .product_imgs_right img{height:auto!important;}


	.foot{display:block}

	/* 产品页面 */
	.banners{    
		background-size: 100% 100%!important;
		height: 119px;
	}
.footNav{justify-content: center;}
.footNav a{margin:0;padding:0}
.footNav img{margin:0 auto;}
.footTel{display:none}
.ftop{display:none}
.footNavlis{display:none}
.foot{margin:10px 0 20px 0;padding:10px 10px 0 10px}
.footCopyBa:nth-of-type(3){display:none}
.footCopy{display:block;text-align:center}

.UserLis img{width:100%!important;height:auto!important}
.UserLisContent{width:100%!important;}
.UserLisContentBot{width:100%!important;text-align:left!important}
.UserLisContent a{font-size:14px!important;}
	/* 内容页样式 */

}