@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0;}
a{ text-decoration:none;color:#555;}
a:hover{color:#f07c00;}
li{ list-style:none;}
img{ border:none;}
body{ min-width:1300px;overflow-x:hidden;overflow-y:auto;background: #F2F2F2;}
.fl {float: left;}
.fr { float: right;}
.w1200 { width: 1240px;margin: 0 auto;}
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix {
    *zoom: 1;
}
.gray_f5 {  background: #F2F2F2;}
.primary {color:#f07c00;}
/*---顶部---*/
.head_box{ height:32px; background-color:#f9f9f9; border-bottom:1px solid #ededed;}
.head{ margin:0 auto; text-align: right; color:#dddddd; padding-top:3px; font-family:"Microsoft Yahei";}
.head span{ font-size:14px; color:#666666;float:left;}
.head a{ font-size:12px;  margin:0 6px;}
.head a:hover{color:#f07c00;}
.collect{ background:url(../images/ico_01.png) no-repeat left; padding-left:20px;}
.coltel{ background:url(../images/icon-call.png) no-repeat left;color:#666; padding-left:20px;font-family:Arial;font-weight:600;}



/*---top2---*/
.top_box{ overflow:hidden;  margin:0 auto;background:#fff;}
.logo{float:left;margin-top:25px;}
.logo img{ /* height:29px;*/}
.se_ad{float:right;}
.se_ad .douyin {text-align: center;margin: 10px 0;float:left;margin-left:50px;}
.se_ad .douyin a { display: block;}
.se_ad .douyin img {height: 80px;}
.se_ad .douyin p { font-size: 12px;color: #555555; margin-top: 3px;}


.se_1{float:left; margin-left:180px; padding-top:35px;}
.se_1 dt{ overflow:hidden;border-top:3px solid #2e488c; border-left:3px solid #2e488c; border-bottom:3px solid #2e488c; border-right:none; }
.se_1 dt input{float:left; width:403px; height:32px; padding:0 10px;border: none;}
.se_1 dt button{float:left; background:#2e488c; width:71px; height:32px; border:none; cursor:pointer; font-size:14px; color:#fffff6; font-weight:bold;}
.se_1 dd{ margin-top:9px; font-size:13px; font-family:"Microsoft Yahei"; color:#666666;}
.se_1 dd a{color:#3f62bc; margin-left:9px;}
.se_1 dd a:hover{color:#f07c00; text-decoration:underline;}
.se_1 dt .pic {float:left; width: 32px; height: 32px; position: relative; }
.se_1 dt .pic img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
}

/*----------主页导航----------*/
.nav_box{ height:42px; background-color:#f07c00;}
.nav_in{ width:1240px; margin:0 auto;}

.all_t{float:left;  background-color:#2e488c; position:relative;}
.all{ display:block; width:235px; height:31px;  padding-top:11px; text-align:center; font-size:15px; color:#fff;text-shadow:2px 2px 5px #444;}
.all_t:hover{ background-color:#203467;}


.nav{float:left; padding-left:18px; padding-right:18px; padding-top:11px;  height:31px;text-align:center; font-size:15px; color:#fff; /*text-shadow:2px 2px 5px #666;*/}
.nav:hover{ background-color:#203467;color:#fff}
/*购物车*/
.cart{float:right; width:255px; height:42px; background-color:#282828; position:relative;}
.cart img{float:left; margin-top:12px; margin-left:9px;}
.cart span{float:left; background:url(../images/gw_06.png) no-repeat right; font-size:14px; color:#fff; margin-left:10px; margin-top:10px; padding-right:14px;}
.cart b{ color:#fffc00;font-size:18px; margin:0 2px;}
.cart a{float:right; background-image:url(../images/gw_01.png); width:59px; height:28px; margin-top:7px; margin-right:10px; font-size:14px; color:#fff; text-align:center; line-height:26px;}
.cart a:hover{ text-decoration:underline;}
.ca_two{ position:absolute; width:100%; top:42px; background-color:#f9f9f9; display:none; z-index:10;}
.list{ border-collapse:collapse; border-style:solid; border-width:1px; width:100%;}
.li_01{ text-align:center; font-size:14px; font-family:"Microsoft Yahei"; border:1px solid #dcdcdc; background-color:#d9d9d9; color:#262626; padding:5px 0;}
.li_02{ font-size:12px; color:#262626; padding:5px; border:1px solid #dcdcdc;}
.cart:hover .ca_two{ display:block;}
/*---通栏---*/
.banner_box{ width:1240px; height:455px; margin:0 auto; overflow:hidden; position:relative;}
.subpage{ overflow:hidden; width:377px; position:absolute;}
/*左导航*/
.left_nav{width:235px; height:454px;background:#fff; float:left; border:1px solid #e0e0e0;border-top:none;}
.nav_y{/*background:url(../images/nav_nr.gif) no-repeat 230px center;*/}
.nav_y:hover{background:#4975cc; color:#f9f9f9;}
.all_t {position: relative;} 
.all_t .left_nav {
        position: absolute;
        visibility: hidden;
        opacity: 0;
        z-index: 999;
    }
.all_t:hover .left_nav {opacity: 1;  visibility: visible;}


.n{ display:block;/* width:204px; */line-height:32px; padding-top:6px; overflow:hidden; font-size:14px; color:#464b5e; }
.n img{float:left; margin-left:13px; margin-right:11px; margin-top:3px;}
/*二级导航*/
.second {
    position: absolute;
    top: 0px;
    left: 235px;
    height: 452px;
    width: 620px;
    padding: 0 20px;
    border-right: 1px solid #dcdcdc;
    border-bottom: 1px solid #dcdcdc;
    background-color: #fff;
    padding-top: 2px;
    display: none;
    z-index: 10;
}
.ea_title{  margin-top:12px; width: 100%; border-bottom: 1px solid #CCC; padding:4px 0; font-size:12px; float:left}
.ea_title a{ color:#000;}
.ea_title a:hover{ text-decoration:underline;}
.ea_txt{ float:left}
.ea_cp{ overflow:hidden;  margin-top:5px;}
.ea_cp a{float:left; margin-right: 30px; font-size:12px;line-height:30px; color:#7f8180;}
.ea_cp a:hover{ text-decoration:underline; color:#4975cc;}
.nav_y:hover .second{ display:block;}



/*中区*/
.middle_box{float:left; width:730px; height:445px; margin-top:8px; margin-left:8px;}
/*轮播*/
.banner{ width:100%; max-height:340px; overflow:hidden; position:relative; border-bottom:1px solid #dddddd;}
.banner img{ display:block; width:100%; height:340px;}
.ba_1{ position:absolute; bottom:10px; left:5%;}
.ba_2{width:10px;height:10px;float:left;margin:0 4px; background-image:url(../images/ico_07_05.png); cursor:pointer;}
.whiteLi{ background-image:url(../images/ico_07_03.png);}

.mi_1{ overflow:hidden;}
.mi_1 li{ overflow:hidden; width:239px; float:left;position: relative;margin-top:6px;}
.mi_1 li:nth-child(2){ margin-left:6px;margin-right:6px;}
.mi_1 li span{height: 100%; left: 0;padding: 15px; position: absolute;top: 0; width: 100%;}
.mi_1 li h4{ font-size:16px; color:#373536; margin-top:23px;}
.mi_1 li p{font-size:14px; color:#f70a28; margin-top:12px;}
.mi_1 li a{font-size:12px; color:#797979;}
.mi_1 li a:hover{ color:#e70222; text-decoration:underline;}
.mi_1 li img{  height:124px;}

/*右区*/
.right_box{float:right; width:254px; height:454px;background:#fff;  border-left:1px solid #dcdcdc; border-right:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc;}
.ri_img img{ width:256px; height:160px; display:block;}
.ri_img img:hover{ filter:alpha(opacity=70); opacity:0.7;}
.notice{ overflow:hidden;}
.no{float:left; width:126px; height:36px; border-top:1px solid #d3d3d3; border-bottom:1px solid #d3d3d3; background-color:#fff; font-size:14px; color:#303030; line-height:36px; cursor:pointer; text-align:center;}
.noT{ background-color:#f2f2f2; border-top-color:#4975cc; border-bottom-color:#f2f2f2;}
.sx{ border-right:1px solid #d3d3d3;}
.n_each dd{ overflow:hidden; margin-top:12px;}
.n_each dd a{float:left; width:192px; padding:0 5px; font-size:12px; color:#666;white-space:nowrap;overflow:hidden;}
.n_each dd a:hover{color:#f65c09; text-decoration:underline;}
.n_each dd span{float:right; width:40px; font-size:12px; color:#999;}
.n_each dt{ text-align:right; padding-right:19px; margin-top:10px;}
.n_each dt a{font-size:12px; color:#4975cc;}
.n_each dt a:hover{ color:#e70222; text-decoration:underline;}

/*--品牌--*/

.floor-top {height:36px;margin: 0px 0 16px;position: relative;}
.floor-title {float:left; height:36px;line-height: 36px;font-weight:600;font-size:20px;color:#333;}
.floor-title:before {
    height: 3px;
    width: 96%;
    background-color: #555;
    border-left: 50px solid #f07c00;
    position: absolute;
    display: block;
    top: 40px;
    content: "";
    z-index: inherit;
}
.floor-nav-list {
	float:right;
	height:36px;
	line-height: 36px;
	margin-right:20px;
	overflow:hidden;
}
.floor-nav-item {
	float:left;
	height:35px;
	margin-right: 20px;
	font-size:14px;
	color:#777;
}
.floor-nav-item:hover {
	color:#e23435;
}

/* 品牌图片 */
.brand{ width:100%; margin:0 auto;margin-bottom:20px; }
.apply{width:100%;margin:20px auto 0 auto;overflow:hidden;}
.apply_array{width:145px;float:left;margin-right:6px;background: #ededed;}
.apply_last{margin-right:0px}
.apply_img{text-align:center;width:145px;height:60px;display:table-cell;font-size:15px;vertical-align:middle}
.apply_img img{width:100%;height:60px;}
.apply_array a{text-decoration:underline}
.apply_array a:hover{color:#e01111}

.apply_nav{position:relative;width:1195px;float:left;height:102px;overflow:hidden}
.apply_w{position:absolute;margin-top:22px;width:1000px;float:left;left:0px}
.apply .img_l{padding:22px 0px 0 0px;float:left;cursor:pointer;}
.apply .img_r{padding:22px 0px 0 0px;float:left;cursor:pointer;}


.adver {margin-top: 20px;}

/*--产品--*/
.bargain {margin: 25px auto;}
.ba_details {overflow: hidden;margin-top: 5px; background: #fff;padding:25px 20px;}
.ba_c { float: left; width: 19.2%; height: 320px; margin-right:1%;margin-bottom:1%;text-align: center; background-color: #fff; box-shadow: 0px 0px 11px 3px rgb(238, 234, 234);}
.ba_c:nth-child(5n){margin-right:0;}

.ad_1 { text-align: center; padding: 20px 0;}
.ad_1 img {   width: 200px; height: 200px; }
.ad_1 img:hover {  filter: alpha(opacity=70);  opacity: 0.7;}
.ad_2 { font-size: 14px;  margin: 0 10px; height: 40px;  overflow: hidden;}
.ad_2 a {font-size: 14px; color: #4A4A4A; font-weight:500;height:40px;overflow:hidden}
.ad_2 a:hover { color: #f07c00;   }
.ad_3 { font-size: 14px;color: #f07c00;padding-left: 12px;margin-top: 6px;}
.ad_4 { padding-top: 15px;}
.ad_4 a {padding: 5px 0;width: 150px; display: block;margin: 0 auto;text-align: center;font-size: 14px;color: #fff;background-color: #c10000;}
.ba_ad_1 { float: left;} .ba_ad_2 img { width: 254px; height: 330px; display: block; }
.ba_ad_1 img:hover { filter: alpha(opacity=70);  opacity: 0.7;  }

.indexCategoryList-title{position:relative}
.indexCategoryList-title h1{color:#222;font-size:20px;font-weight:400;margin-bottom:20px;padding-top:20px;text-align:center}
.indexCategoryList-title a{color:#72777d;font-size:12px;height:30px;line-height:30px;position:absolute;right:15px;top:35px}
.indexCategoryList-title a i{margin-left:8px}

.indexCategoryList-all {display: flex;  justify-content: flex-start;}
.indexCategoryList-con {padding: 30px 20px 30px 20px;background:#fff;-moz-column-count: 4;column-count: 4;-moz-column-gap: 10px;column-gap: 10px;margin: 0 auto;overflow: hidden;}
.indexCategoryList-item{position:relative; -moz-column-break-inside:avoid;break-inside:avoid;margin-bottom:10px;margin:0 15px;page-break-inside:avoid}
.indexCategoryList-item h2 {padding-left:10px;}
.indexCategoryList-item h2:before{width: 3px; height:20px;
    background-color: #2e488c;
    position: absolute;
    display: block;
    top: 10px;
    left:0px;
    content: "";
    z-index: inherit;}
.indexCategoryList-item .title{border-bottom:1px solid #d8d8d8;color:#222;font-size:16px;font-weight:600;height:40px;line-height:40px;margin-bottom:5px}
.indexCategoryList-item a{align-items:center;color:#222;display:flex;font-size:14px;height:30px;line-height:30px}
.indexCategoryList-item a img{height:22px;margin-right:5px;width:22px}
.indexCategoryList-item a:hover{background:linear-gradient(90deg,#f9f3eb,#fff)}

/*--新闻--*/
.news{margin: 25px 0; }
.index-info{background: #fff;padding:20px;}
.index-info .list2{margin-top:25px;overflow:hidden;}
.index-info .list2 .box{width: 24.25%;    border-bottom: 1px solid #999;margin-right: 1%;margin-bottom: 1%;}
.index-info .list2 .box:nth-child(4n){margin-right: 0%;}
.index-info .list2 .box .txt{margin-bottom: 10px;box-sizing: border-box;padding: 5px 0 0;}
.index-info .list2 .box .txt .sta{width: 46px;line-height: 24px;margin-bottom: 5px;background: #f07c00;font-size: 14px;color: #fff;text-align: center;}
.index-info .list2 .box .txt .name{height: 55px;font-size: 14px;font-family: "OpenSans-Bold";}
.index-info .list2 .box .txt .time{padding-top: 7px;font-size: 12px;color: #555;font-family: "OpenSans-Regular";}
.index-info .list2 .box .img{}


/*---footer---*/
.footer{background: #3d3d3d;padding: 40px 0 10px;}
.footer .footer1{padding-bottom: 20px;margin-bottom: 10px;border-bottom: 1px solid #4b4b4b;}
.footer .footer1 .fnav{	}
.footer .footer1 .fnav li{margin-right: 120px;}
.footer .footer1 .fnav li:last-child{margin-right: 0;}
.footer .footer1 .fnav li .title{margin-bottom: 10px;}
.footer .footer1 .fnav li .title a{font-size: 14px;color: #aaaaaa;font-weight: bold;display: inline-block;vertical-align: top;line-height: 24px;}
.footer .footer1 .fnav li p{}
.footer .footer1 .fnav li p a{font-size: 14px;color: #aaaaaa;display: inline-block;vertical-align: top;line-height: 24px;}
.footer .footer1 .finfo{text-align: center;}
.footer .footer1 .finfo .flogo{margin-bottom: 8px;}
.footer .footer1 .finfo .flogo img{height: 59px;}
.footer .footer1 .finfo .tel{font-size: 0;}
.footer .footer1 .finfo .tel span{font-size: 14px;color: #999999;display: inline-block;vertical-align: middle;}
.footer .footer1 .finfo .tel font{font-size: 24px;color: #edb301;font-weight: bold;display: inline-block;vertical-align: middle;margin-left: 5px;}
.footer .footer1 .finfo .address{font-size: 14px;color: #999999;line-height: 24px;margin-top: 6px;}
.footer .footer2{text-align: center;font-size: 14px;color: #999999;line-height: 24px;}
.footer .footer3{text-align: center;}
.footer .footer3 a{font-size: 14px;color: #999999;display: inline-block;vertical-align: top;line-height: 24px;}

/*浮动客服*/
#floatDivBoxs{width:150px;background:#fff;position:fixed;top:40%;right:0;z-index:999;}
#floatDivBoxs .floatDtt{width:100%;height:35px;line-height:35px; background:#f08326;color:#fff;font-size:16px;text-indent:22px;position:relative;}
#floatDivBoxs .floatDqq{padding:0 14px;}
#floatDivBoxs .floatDqq li{height:45px;line-height:45px;font-size:15px;border-bottom:1px solid #e3e3e3; padding:0 0 0 50px;}
#floatDivBoxs .floatDtxt{font-size:18px;color:#333;padding:12px 14px;}
#floatDivBoxs .floatDtel{padding:0 0 15px 10px;}
#floatDivBoxs .floatDtel img{display:block;}
#floatDivBoxs .floatDbg{width:100%;height:20px;background:url(../images/online_botbg.jpg) no-repeat;box-shadow:-2px 0 3px rgba(0,0,0,0.25);}
.floatShadow{ background:#fff;box-shadow:-2px 0 3px rgba(0,0,0,0.25);}
#rightArrow{width:35px;height:35px;background:url(../images/online_arrow.jpg) no-repeat;position:fixed;top:40%;right:150px;z-index:999;}
#rightArrow a{display:block;height:35px;}