@charset "utf-8";
/* CSS Document */
body { font: 14px/22px Arial, "思源黑体";  margin: 0px;}
*{ padding:0; margin:0; font-family:"思源黑体" !important;}
ul,li,p{ list-style:none; padding:0; margin:0;}
a { color:#666; text-decoration:none;}
a:hover{ color:#1296E9; text-decoration:none !important;}
label {font-weight:200;}
.page{ text-align:center; margin:20px auto; width:100%;}
.page a{ background:#b3b3b3; color:#fff; margin:0 2px; padding:2px 8px;}
.page a.dq,.page a:hover{ background:#555;}
.clearboth { clear:both; }
.img-responsive{ margin:0 auto;}
#maskTop{ width:282px !important;}

/*头部开始*/
.header{ width:100%; border-top:10px solid #292b33; border-bottom:20px solid #ddd; background:#fff; padding:10px 0; position:relative;}
.header .logo{ text-align:left;}
.header .nav_right{ float:right;}
.header .nav_right .nav{ display:none;}
.header .nav_right .nav ul li{ float:left;}
.header .nav_right .nav ul li a{display: block;line-height:67px;padding-left: 15px;font-weight: bold;font-size:15px; color:#222;}
.header .nav_right .nav ul li a:hover,.header .nav_right ul li a.active{ color:#0f84f5;}
.header .nav1{ display:block;}
.header .nav1 ul{width:100%;display:none;}
.header .nav1 li{float:none;border-top:1px solid #ccc;padding-left:30px;}
.header .nav1 li a{display: block; height:42px;line-height: 42px; text-align:left;font-weight: bold; font-size:15px; color:#222;}
#pull{display:block;padding:0 30px;width: 24px;position: absolute;left: 48%; top:25px;}
.header .nav1 li a:hover,.header .nav1 li a.active{ color:#0f84f5;}
	
.header .nav_right .a2{ padding:0 15px; color:#fff; height:34px; line-height:34px; text-align:center;border-radius:17px;position:relative; display:inline-block; font-size:14px;background: #f35c39;margin-top:10px;}
.header .nav_right .a2 i{ padding-right:10px;}
/*头部结束*/

/*首页厂家排名开始*/
.box1{ margin:30px auto; margin-bottom:30px;}
.box1 .title{text-align: center;margin-bottom:30px;}
.box1 .title h1{ font-size:22px; color:#333; margin-top:0;}
.box1 .title p{ font-size:16px; color:#f00}
.box1 .con{}
.box1 .con .l{ margin-bottom:30px;}
.box1 .con .l .pic{ overflow:hidden;}
.box1 .con .l .pic img{ display:block; margin:0 auto; max-width:100%;}
.box1 .con .l h3{ color:#333; margin-bottom:0; font-size:16px;font-weight:bold; text-align:center;}
.box1 .con .l a:hover h3{color:#0f84f5;}
.box1 .con .l a:hover .pic img{transition: all 1s linear;-moz-transition: all 1s linear;
-o-transition: all 1s linear;-webkit-transition: all 1s linear;-webkit-transform: scale(1.12);-moz-transform: scale(1.12);-o-transform: scale(1.12);-m-transform: scale(1.12);transform: scale(1.12);}
/*首页厂家排名结束*/

/*首页厂家推荐开始*/
.box2{ margin-bottom:20px;}
.box2 .list{ margin-bottom:30px;}
.box2 .list .l1 .l_left{ width:100% !important;}
.box2 .list .l1 .pic{overflow:hidden;}
.box2 .list .l1 .pic img{ display:block; margin:0 auto; max-width:100%;}
.box2 .list .l1 .pic img:hover{transition: all 1s linear;-moz-transition: all 1s linear;
-o-transition: all 1s linear;-webkit-transition: all 1s linear;-webkit-transform: scale(1.12);-moz-transform: scale(1.12);-o-transform: scale(1.12);-m-transform: scale(1.12);transform: scale(1.12);}
.box2 .list .l1 h2{ font-size:16px; font-weight:bold; margin-top:15px;}
.box2 .list .l1 p span{ font-weight:bold;}
.box2 .list .l2{ margin-top:10px;}
.box2 .list .l2 p span{ font-weight:bold;}
.box2 .list .l3{/* margin:15px;*/ margin-top:15px; padding:15px; background:#f7f7f7;}
.box2 .list .l3 p span{ font-weight:bold;}


.footer{padding:20px 0;background: #111;text-align: left;margin-bottom: 60px;}
.footer .right{ margin:15px 0;}
.footer .right p{ color:#fff; line-height:22px;}
.footer .right p a{color:#fff;}
.footer1{ width:100%;  background:#262626; color:#fff; height: auto; line-height:30px; padding:5px 0;}
.footer1 p{ text-align:left; color:#fff; font-size:12px;}
.footer1 p a{color:#fff; padding:0 10px; font-size:12px;}

/*底部在线报价开始*/
.footer_fixed{position: fixed;width: 100%;bottom: 0px;left: 0;right: 0px;max-width: 750px;margin: 0 auto;z-index: 999;background-color: #ffffff;box-shadow: 0 0 0.32rem 0 rgba(0,0,0,0.19);overflow:hidden; padding:10px; display:block;}
.footer_fixed ul li{margin:5px 1%; width:48%; float:left;}
.footer_fixed ul li a{ display:block; width:100%;height:40px; line-height:40px; text-align:center;color:#fff; font-size:15px; border-radius: 20px; position:relative;}
.footer_fixed ul li a i{ padding-right:10px; font-size:20px;}
.footer_fixed ul li .a1{background:#068bf2;}
.footer_fixed ul li .a2{background:#f35c39;}
.footer_fixed ul li a .label {position: absolute;display: block;left:30%;line-height: 18px;top: 2px;width: 18px;height: 18px; line-height:16px;border-radius: 50%;background-color: #FF0000;color: #fff;font-size: 10px;}
.footer_fixed .biaodan{ position:fixed; width:80%; height: auto; background:#fff; top:50%; left: 50%;transform: translate(-50%, -50%);z-index: 9999; }
#shadow{ position:fixed;filter:alpha(opacity=50); bottom:0; left: 0; right: 0; top: 0;background: rgba(0, 0, 0, 0.70);z-index: 100; display: none; }
#shadow .menu-close {position: absolute;display: block;right:-10px;top: -10px;width:40px;height:40px;border-radius:20px; z-index:9999;background: url(../images/close3.png) no-repeat center #20b8ee;background-size: 30px;cursor: pointer;transition-duration: .5s; }
#shadow .menu-close:hover{transform: rotate(90deg); }
/*底部在线报价结束*/


/*右侧浮框样式开始*/
.fix_side{width: 110px;position: fixed;right: 0;box-shadow: 0 0 3px rgba(0,0,0,0.1); background-color: #fff;border-radius:8px;z-index:9999999999;top:210px;display:none;}
.fix_side ul li{}
.fix_side ul li i{padding-right:10px; font-size:22px; color:#0e84f1;}
.fix_side ul li a{display:block;background:#fff; color:#333; position:relative;border-bottom:1px solid #eef1f3;height:60px; line-height:60px; margin:0 10px; padding:0;}
.fix_side ul li a .label {position: absolute;display: block;left:13%;top:12px;width:18px;height:18px; line-height:16px;border-radius: 50%;background-color: #FF0000;color: #fff;font-size: 10px;}
.fix_side ul li:hover a{color:#fff; margin:0; padding:0 10px;}
.fix_side ul li:hover a i{color:#fff;}
.fix_side ul li:hover .a1{ border-radius:8px 8px 0 0;background: #068bf2;}
.fix_side ul li .a2{ border-radius:0 0 8px 8px;background: #f35c39; padding:0 10px; color:#fff; margin:0 0;}
.fix_side ul li .a2 i{color:#fff;}
/*右侧浮框样式结束*/

@media(min-width:780px){
	.header .nav_right .nav{display:block;}
	.header .nav1{ display:none;}
	.header .nav_right .a2{ padding:0 15px;height:38px; line-height:38px;border-radius: 20px;font-size:15px;margin-top:15px;}
	.box1{ margin:90px auto; margin-bottom:40px;}
	.box1 .title{margin-bottom: 50px;}
    .box1 .title h1{ font-size:26px;}
	.box1 .con .l h3{ text-align:left;}
	.box2{ margin-bottom:40px;}
	.box2 .list .l1 .l_left{ width:130px !important;}
	.box2 .list .l1 h2{margin-top:0;}
	.footer{ margin-bottom:0;}
	.footer_fixed{ display:none;} 
	.fix_side{ display:block;}
	}
@media(min-width:992px){
	}
@media(min-width:1200px){
	}