@charset "utf-8";
/* CSS Document */

/*全局*/
*{ margin:0; padding:0;}
body{font:12px '微软雅黑',Arial, Helvetica, sans-serif; color:#636262; background: url(../images/web-bg.jpg);}
ul,li{ list-style:none}
img{ border:0px;}
.clear{ clear:both; overflow:hidden; height:0;}
a{ text-decoration:none; color:#1c1c1c; font-size:12px;}
a:hover,a:active{text-decoration:none; color:#cf0202;}

.welcom{ margin:0px auto; background-color:#ececec; height:33px;}
.welcom-item{ margin:0px auto; width:1200px; overflow:hidden;}
.welcom-left{ float:left; height:33px; line-height:33px;}
.welcom-right{ float:right; color:#777; height:33px; line-height:33px;}
.welcom-right a{ margin:0px 5px 0px 5px; color:#777;}
.welcom-right a:hover{ color:#ba012a;}

.hread{ margin:0px auto; background:url(../images/hread-bg.jpg); height:102px; overflow:hidden;}
.hread-item{ margin:0px auto; width:1200px; overflow:hidden;}
.logo{ padding-top:15px; float:left; height:102px;}
.phone-hread{ padding-top:32px; float:right;}

.nav{ margin:0px auto; background:url(../images/nav-bg.jpg); height:53px;}
.nav-item{ margin:0px auto; width:1200px; overflow:hidden;}
.nav-mess{ float:left;}
.nav-mess li{ float:left; width:112px; text-align:center;}
.nav-mess li a{ font-size:14px; height:53px; line-height:53px; color:#fff;}
.nav-mess li:hover{ background:url(../images/nav-bg2.jpg);}
.nav-mess ul li::after{content:"";height:53px; background:url(../images/fenge.jpg) no-repeat center; width:2px; display:block; float:right;}
.red-bg{background:url(../images/nav-bg2.jpg); height:53px; width:111px; line-height:53px;display:block;}

.top-phone{ margin:13px 0px 0px 0px; float:right; background-color:#fff; width:175px; height:26px; border-radius:3px; color:#ac0404; font-size:14px; text-align:center; line-height:26px;}


.key-word{ margin:0px auto; background:url(../images/key-bg.jpg); height:39px; overflow:hidden;}
.key-text{ margin:0px auto; width:1200px; height:39px; line-height:39px; color:#212121; font-size:13px;}
.key-text a{ margin:0px 10px; color:#7f7f7f; font-size:13px;}

.banner{ margin:0px auto; overflow:hidden; width:100%;}
.banner .swiper-slide a,
.banner .swiper-slide img{
	display: block;
	width: 100%;
}

.middle{ margin:15px auto; width:1200px; overflow:hidden;}
.clothes{ padding:5px 20px 20px 20px; background-color:#fff; overflow:hidden;}

.clothes-show-title{ background:url(../images/show-title-bg.jpg); height:42px;}
.show-title{ margin:8px 0px 0px 10px; padding:0px 5px 0px 5px; float:left; border-bottom:2px solid #4a4a4a; height:32px; color:#ba012a; font-size:18px;}
.more{ padding:3px 0px 0px 7px; margin:8px 7px 0px 0px; float:right; background:url(../images/more-bg.jpg); width:68px; height:24px;}
.more a{ color:#fff;}

.show-list{ width:1200px; overflow:hidden;}
.show-list ul li{ margin:20px 12px 0px 0px; float:left; width:220px; height:220px; border:1px solid #cfcfcf;}

.recommend{ margin-top:30px; overflow:hidden;}
.product-class{ float:left; width:217px;}
.product-title{ background-color:#ba012a; height:32px; line-height:32px; color:#fff; font-size:16px; text-align:center;border-top-right-radius:3px;border-top-left-radius:3px;}
.product-title span{ font-size:12px;}

.product-class-list{ margin-top:10px; margin-bottom:30px; padding:0px 10px 40px 10px;border:1px solid #e5e5e5; overflow:hidden;}
.product-class-list ul li{ padding-left:35px; border-bottom:1px dashed #b3b3b3;line-height:34px; background:url(../images/sanjiao.jpg) no-repeat 7px 11px;}
.product-class-list li a{ font-size:14px;}

.recommend-right{ margin-top:-10px; float:right; width:894px;}
.recomm-top{background:url(../images/show-title-bg.jpg); height:42px;}

.recom-list{}
.recom-list ul li{ margin:20px 13px 0px 10px; float:left; width:275px; height:322px;}
.recom-img{ padding:1px;  border:1px solid #e5e5e5; text-align:center; overflow:hidden;}
.recom-img img{height:265px;}
.recom-product-title{ padding:8px 0px 0px 0px; height:20px; overflow:hidden; line-height:22px;}
.recom-product-title a{ font-size:13px; color:#6c6c6c;}
.recom-number{ padding-top:8px; font-size:13px;}
.recom-number strong{ font-weight:normal; color:#eb9205;}
.recom-number span{ padding-left:15px; color:#bebebe;}


.custom{ margin-top:30px; overflow:hidden;}
.custom-list{}
.custom-list ul li{ margin:20px 10px 0px 5px; float:left; width:275px;}

.home-info{ margin:0px auto; margin-top:30px; width:1200px; overflow:hidden;}
.about-info{ float:left; width:482px;}
.about-top{ background:url(../images/about-bg.jpg); width:482px; height:33px;}
.about-title{ padding-left:50px; float:left; color:#fff; font-size:14px; height:33px; line-height:33px;}
.about-more{ padding-right:10px; float:right;}
.about-img{ margin-top:15px;}
.about-mess{ margin-top:15px; line-height:29px; font-size:13px; height:240px; overflow:hidden;}

.home-news{ padding-bottom:20px; float:right; width:690px; background-color:#fff;}
.news-top{ padding:20px 15px 0px 20px; width:670px;  font-size:18px; color:#494949;}
.news-top span{ padding-left:15px;  font-size:14px; color:#7f7f7f;}


.news-hread{ width:690px; overflow: hidden;	}
.home-news-left{ margin:20px 0px 0px 20px;height:120px; border:1px solid #dfdfdf; position:absolute;}
.home-news-right{ margin:20px 0px 0px 190px; width:464px;}
.right-title{font-size:18px; color:#a40000; height:20px; overflow:hidden; line-height:22px;}
.right-title a{font-size:18px; color:#a40000;}
.right-detail{ margin-top:30px; line-height:24px; height:70px; overflow:hidden; font-size:13px; color:#8f8f8f;}

.news-list{ margin:30px 0px 0px 20px; padding:10px 0px 0px 0px; width:612px; border-top:1px solid #ebebeb;}
.news-list ul{overflow: hidden;}
.news-list ul li{ padding:8px 0px 5px 10px; float:left; width:296px; height:20px;background:url(../images/sj-news.jpg) no-repeat 0px 15px; overflow:hidden; line-height:22px;}
.news-list li a{ color:#8f8f8f;}
.news-list li a:hover{ color:#a40000; font-size:13px;}

.more-new{float: right;}
.more-new a{padding-right:20px; color:#7f7f7f;}

.case{ margin:0px auto; margin-top:30px; width:1200px; overflow:hidden;}
.case-top{background:url(../images/case-bg.jpg); width:1200px; height:33px;}

.case-list{ margin-top:10px; padding:10px 0px; background-color:#fff; overflow:hidden; width:100%;}
.case-list ul li{ margin:0px 0px 0px 7px; float: left; width:190px; height:105px; border:1px solid #e0e0e0;}

/*关于我们*/
.inder-banner{ margin:0px auto;max-width:1400px;overflow:hidden;}
.inder-title{ padding-top:20px; font-size:20px; color:#211d1a; line-height:20px;}
.inder-title span{ color:#d6d6d6; font-size:14px;}
.inder-page{ padding-bottom:5px; text-align:right; border-bottom:1px solid #d9d9d9; font-size:13px;}
.inder-page a:hover{color:#a40000;}  
.select-red a{ color:#a40000; font-weight:bold;}

.contact-us{padding:10px 0 10px 10px; border-bottom:1px solid #d9d9d9; border-top:1px solid #d9d9d9;font-size:14px;}
.contact-item{ padding-top:15px; line-height:26px;}

/*分页样式*/
.pages{ width:100%; text-align:center; padding:40px 10px 20px 0px; clear:both;}
.page{text-align:center;}
.page span,.page a{padding-left:20px;padding-right:20px;font-size:12px;color:#141414;line-height:37px;display:inline-block;border-radius:5px;background-color:#e5e5e5;margin-right:3px;}
.page .current,.page a:hover{background-color:#f5302a;color:#fff;}
.page em{display:inline-block;margin-left:10px;}
/*分页样式*/


/*新闻资讯*/
.inder-news-list{ margin:10px 0px 30px 0px;}
.inder-news-list ul li{ padding:20px 0px;border-bottom:1px dotted #ccc;}
.news-picture{ width:156px; position:absolute;}
.news-picture img{ width:156px; height:128px;}
.news-right{ margin-left:190px;width:703px;}
.news-inder-title{width:703px;}
.news-inder-title a{ font-size:1.1rem;}
.news-inder-title span{ float:right;}
.news-inder-detail{ margin-top:15px;line-height:24px; height:50px; overflow:hidden; font-size:0.8rem;}
.look-detail{ margin-top:13px; padding:5px 30px;background-color:#f1f1f1; width:50px;}

.inder-detail{margin:10px 0px 30px 0px;}
.inder-detail h1{ padding:30px 0px 10px 0px;text-align:center; font-size:1.7rem;}
.edit{text-align:center; color:#a7a7a7;}

/*新闻资讯详细页*/
.conten-detail{ margin-top:20px; padding-top:20px;line-height:27px; font-size:0.8rem; border-top:1px dashed #ccc;}
.previous{ margin-top:30px; padding:10px 0px 0px 0px;border-top:1px dashed #ccc;font-size:0.9rem;}
.previous span{padding-right:5px;color:#325ba9;}
.previous a{ font-size:0.9rem; color:#626262;} 
.next-article{ padding:10px 0px 10px 0px;border-bottom:1px dashed #ccc;font-size:0.9rem;}
.next-article span{ padding-right:5px;color:#325ba9;}
.next-article a{font-size:0.9rem; color:#626262;}



.inder-about-mess{ padding-top:20px; margin:10px 0px 30px 0px; font-size:0.9rem; line-height:27px;}

/*产品详细页*/
.product-detail{}
.detail-top{ overflow:hidden;}
.big-img{ margin-top:10px; float:left; width:420px; }
.product-info{ margin-top:10px; float:right; width:430px;}
.inder-pro-title{ padding-bottom:10px; border-bottom:1px dashed #ccc; font-size:20px;}

.parameter-inder{ padding:15px 0px;}
.parameter-inder {font-size:14px;line-height: 30px;}

.order_hotline{ font-size:20px; color:#5f5f5f;}
.order_hotline span{ color:#af0000;}
.consultation{ margin:40px 0px 0px 60px;width:159px; height:43px; background-color:#a70000; text-align:center; line-height:43px;}
.consultation a{ font-size:16px; color:#fff;}

.detail-title-bg{ margin-top:30px; background-color:#efefef; height:35px;}
.cp-title{ float:left; width:105px; height:36px; background-color:#d3d3d3; text-align: center; line-height:36px; font-size:16px;}
.cp-mess{ padding:20px 0px; font-size:0; }


/*在线下单*/
.message-top{ margin-left:30px; padding:10px 0px 5px 0px;border-bottom:1px dashed #ccc; width:800px;}
.message-top p{ padding:5px 0px; line-height:24px; font-size:15px;}
.mess-table{margin-left:30px; margin-top:20px; overflow:hidden; width:800px;}

.server-style{ padding:20px 0px; width:403px; font-size:16px; float:left;}
.style-fuzhuan{ margin-left:5px;width:300px; border:1px solid #ccc; height:30px;}
.shurulx{ position:absolute; width:120px; border:1px solid #ccc; height:28px; border-left:none;}

.nunber-right{padding:20px 0px;font-size:16px; float:right;}
.number{ margin-left:5px; width:250px; border:1px solid #ccc; height:30px;}


.copyright{padding:20px 0px; width:403px; font-size:16px; float:left;}
.company{margin-left:5px;width:319px; border:1px solid #ccc; height:30px;}
.complete{padding:20px 0px; margin-right:42px; float:right; font-size:16px;}
.complete-time{margin-left:5px;width:253px; border:1px solid #ccc; height:30px;}
.contacts-men{padding:20px 0px;width:403px; font-size:16px; float:left;}
.contacts-text{margin-left:7px;width:319px; border:1px solid #ccc; height:30px;}

.contacts-right{padding:20px 0px;font-size:16px; float:right;}
.number-conten{margin-left:5px; margin-right:42px;width:251px; border:1px solid #ccc; height:30px;}

.beizhu-title{ padding:20px 0px;float:left; width:513px; font-size:16px;}
.text-item{ float:left; width:796px; border:1px solid #ccc; height:150px;}

.yazhenma{padding:20px 0px;float:left; width:513px; font-size:16px;}
.yanzheng{margin-left:7px;width:200px; border:1px solid #ccc; height:30px;}
.yazhenma img{ margin-left:20px; position:absolute;}

.xiadan{ margin-top:20px; padding:10px 50px; font-size:18px; float:right; background-color:#ba012a; border:none; color:#fff; cursor:pointer;}





.footed{ margin:0px auto; margin-top:40px; background:url(../images/foot-bg.jpg); height:167px; overflow:hidden;}
.foot-item{ margin:0px auto; width:1200px; overflow:hidden;}
.foot-left{ float:left;}
.foot-nav{ margin:20px 0px 10px 0px;color:#b2b2b2;}
.foot-nav a{ padding:0px 5px; color:#b2b2b2;}
.foot-left p{ margin-left:5px; padding:5px 0px; color:#b2b2b2;}
.address{ margin-left:5px; padding-top:35px; color:#b2b2b2;}

.foot-right{ float:right; width:415px;}
.fot-phone{ margin-top:20px; }
.server-phone{color:#fff; font-size:26px; width:200px; float:left;}
.server-phone span{ font-size:13px; color:#b2b2b2;}

.erweima{ float:right; width:180px;}
.erweima span{ margin:30px 0px 0px 3px; position:absolute; color:#b2b2b2;}
.jishu{ padding-top:35px; float:left; width:415px; text-align:right;color:#b2b2b2;}
.jishu a{ color:#b2b2b2;}

.em2{
	display: inline-block;
	padding-top: 1em;
	padding-left: 2em;
}

.side{position:fixed;width:54px;height:275px;right:0;top:214px;z-index:100;}
.side ul li{width:54px;height:54px;float:left;position:relative;border-bottom:1px solid #444;}
.side ul li .sidebox{position:absolute;width:54px;height:54px;top:0;right:0;transition:all 0.3s;background:#000;opacity:0.8;filter:Alpha(opacity=80);color:#fff;font:14px/54px "微软雅黑";overflow:hidden;transition: .5s;-webkit-transition: .5s;}
.side ul li .sidetop{width:54px;height:54px;line-height:54px;display:inline-block;background:#000;opacity:0.8;filter:Alpha(opacity=80);transition:all 0.3s;}
.side ul li .sidetop:hover{background:#ae1c1c;opacity:1;filter:Alpha(opacity=100);}
.side ul li img{float:left;}
.side ul li:hover .sidebox{
	width: 124px;
	opacity: 1;
	background-color: rgb(174,28,28);
}
.side .weixin:hover .weixin-cover{
	display: block;
}
.side .weixin-cover{
	position: absolute;
	width: 124px;
	height: 120px;
	left: -70px;
	top: 100%;
	background-color: #fff;
	border: 1px solid #444;
	z-index: 99;
	display: none;
}
.side .weixin-cover img{
	width: 100%;
	height: 100%;
}