@CHARSET "UTF-8";

/*头部样式*/
#header{width:1200px;margin:0 auto;}
.top{}
.logo{float:left;}

.topLink{width:875px;float:right;text-align:right;position: relative;z-index: 9999;}
.translate{width:100px;position: absolute;left: 0;top:10px;z-index: 9999;}
.tran-in{left:120px;}
.translate li{border: 1px dashed #cccccc;line-height: 26px;text-align: left;background: #fff;}
.translate li a{display: block;padding-left: 10px;background: url("../images/dot4.png"/*images/dot4.png*/) no-repeat 88% 11px;}
.translate li a:hover{text-decoration: none;color:#275cea;cursor: pointer;}
.translate-en{display: none;padding: 6px;padding-top:0px;}
.translate li .translate-en a{padding-left: 0px;text-align: center;background: #fff;border-bottom: 1px solid #cccccc;}
.translate li .translate-en a:hover{font-weight: bold;}

.topLink .f_count{color:#ff0000;font-size:13px;font-weight:bold;}
.topLink .k1{line-height:32px;padding-top:5px;}
.topLink .k2{color:#074b91;font-size:14px;font-family:"微软雅黑";}

#menu{margin-top:35px;}

@font-face {
	font-family: 'constan';
    src:url("../fonts/constan.ttf"/*fonts/constan.ttf*/) format('truetype');
}

.hh{
	background: url("../images/top001.jpg") no-repeat center top;
	height: 158px;
}
.hh1{
	width: 450px;
	font:400 14px/43px "微软雅黑";
	color: #fff;
}
.k1{
	width: 350px;
	color: #ffffff;
	font:400 12px/43px "微软雅黑";
	text-align: right;
}
.k1 a{
	color: white;
}
.clearfix:before,.clearfix:after {    content:"";    display:table;}
.clearfix:after {    clear:both;}
.clearfix {    zoom:1; /* IE <8 */}

/*热门搜索*/
.search{text-align:left;height:24px;background-color:#f8f8f8;padding:5px 10px 5px 10px;}
#formsearch{    background-color: #750007;width:216px;float:left;margin-top: 5px;}
.hotSearch{width:400px;float:left;height:24px;line-height:24px;font-weight:normal;}


/*主体样式*/
#container{width:1200px;margin:0 auto;}


.nei{
	background: url("../images/nei.jpg") top center no-repeat;
	height: 2067px;
}
.ab{
	text-align: center;
}
.abti{
	font:500 36px/40px "微软雅黑";
	color: #89181C;
	text-transform: uppercase;
	padding-top: 55px;
}
.abzi{
	font:600 25px/30px "Microsoft Yahei";
	color: #333;
	padding-top: 10px;
	background: url("../images/left.png") center 28px no-repeat;
}
.abzi span{
	color: #89181C;
}
.abshit{
	color: #666;
	font:400 16px/35px "Microsoft Yahei";
	padding-top:5px;
}

.abnei{
	width: 600px;
	margin-top: 35px;
}
.anyu{
	font:400 16px/30px "Microsoft Yahei";
	color: #333;
	height: 248px;
	overflow: hidden;
}
.abmeou{
	    width: 95px;
    font: 400 14px/24px "Microsoft Yahei";
    color: white;
    border: #89181C 1px solid;
    border-radius: 10px;
    text-align: center;
    margin-top: 5px;
    float: left;
    text-transform: uppercase;
    background-color: #89181C;
    line-height: 30px;
}
.abshi{
	width: 530px;
	position: relative;
}
.shipinbz{
	position: absolute;
	top:0px;
	left:0px;
	background: url("../images/left1.png") no-repeat;
	width: 244px;
	height: 160px;
}
.shiing{
	padding:147px 0 0 28px;
	width: 480px;
	height: 299px;
	box-sizing: border-box;
}
.com-img{ display:inline; overflow:hidden;margin:0 auto;display: table;}
.com-img img{ transition:all 0.5s ease-in 0s; -webkit-transition:all 0.5s ease-in 0s; -moz-transition:all 0.5s ease-in 0s; -o-transition:all 0.5s ease-in 0s;width: 275px;
    height: 180px;}
.com-img:hover img{transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1);-ms-transform:scale(1.1);}

.product_list22 .com-img{width: 287px; height: 180px; overflow: hidden; display: block;}  
.product_list22 .com-img img{width: 287px; }


.cai{
	width: 896px;
	margin-top: 35px;
}
.product_list1{}
.product_list1 li{float:left;margin-left:0px;margin-right:0px;padding-bottom:15px;_display:inline;position: relative;}
.product_list1 li a.img{}
.product_list1 li a.img img{width:590px;height:180px;}
.product_list1 li h3{text-align:center;padding-top:5px;background: rgba(0,0,0,0.4);position: absolute;
bottom: 0px;
left:0px;
width: 590px;
font:400 14px/30px "微软雅黑";
}
.product_list1 li h3 a{color: #fff;}
.product_list1 li a.img{display:block;}
.product_list1 li a.img:hover{border-color:#e87518;}



.product_list2{position: relative;}
.product_list2 li{
   float: left;
    margin-left: 0px;
    margin-right: 30px;
        margin-bottom: 15px;
    _display: inline;
    position: relative;
    width: 275px;
    height: 180px;
    overflow: hidden;
}
.product_list2 li a.img img{width:287px;height:180px;}
.product_list2 li h3{text-align:center;padding-top:5px;background: rgba(0,0,0,0.4);position: absolute;
	bottom: 0px;
	left:0px;
	width: 287px;
	font:400 14px/30px "微软雅黑";
}
.product_list2 li h3 a{color: #fff;}
.product_list2 li a.img{display:block;}
.product_list2 li a.img:hover{border-color:#e87518;}

.product_list2 li:nth-child(3n+3){
	margin-right: 0px;
}

.product_list3{}
.product_list3 li{float:left;margin-left:0px;margin-right:0px;padding-bottom:15px;_display:inline;position: relative;    height: 375px;}
.product_list3 li a img{ height: 375px;    width: 286px;}
.product_list3 li a.img img{width:286px;height:378px;}
.product_list3 li h3{text-align:center;padding-top:5px;background: rgba(0,0,0,0.4);position: absolute;
bottom: 0px;
left:0px;
width: 286px;
font:400 14px/30px "微软雅黑";
}
.product_list3 li h3 a{color: #fff;}
.product_list3 li a.img{display:block;}
.product_list3 li a.img:hover{border-color:#e87518;}

.caijidi{
	width: 286px;
	margin-top: 35px;
}

.product_list4{}
.product_list4 li{float:left;margin-left:0px;margin-right:0px;padding-bottom:15px;_display:inline; transition: all .8s;}
.product_list4 li a.img img{width:1200px;height:517px;}
.product_list4 li h3{text-align:center;font:500 48px/60px "Microsoft Yahei";}
.product_list4 li h3 a{color: #000;}
.product_list4 li a.img{display:block;}
.product_list4 li a.img:hover{border-color:#e87518;}

.caomei{
	margin-top: 60px;
}
.neiz{
	width: 700px;
	margin:0 auto;
	font:400 18px/30px "Microsoft Yahei";
	color: #333;
	padding-top: 20px;
}
.product_list4 li:hover{    margin-top: -22px;}


/*优势*/

.nei1{

}
.youshi_box{    padding: 40px 0px 60px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;}
.youshi_li{    width: 23.5%;
    position: relative;cursor: pointer;transition: all .36s ease;}
.youshi_li:hover{margin-top:-15px}
.youshi_li>img{width: 100%;
    display: block;}
.youshi_li_div{position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    padding: 50px 20px;box-sizing:border-box}
.youshi_li_div p,.youshi_li_div a{    color: white;
    font-size: 20px;
    writing-mode: vertical-rl;
	width: 30px;
    letter-spacing: 12px;    font-weight: bold;}
.ys{
	text-align: center;
}
.ysti{
	font:500 36px/45px "微软雅黑";
	color:#333;
	text-transform: uppercase;
	padding-top: 70px;
}
.ysying{
	background: url("../images/left2.png") center 28px no-repeat;
	font:600 25px/40px "微软雅黑";
	color: #333;
}
.ysying2{
	background: url("../images/left2-2.png") center 28px no-repeat;
	font:600 25px/40px "微软雅黑";
	color: #333;
}
.ysdian{
	font:400 16px/30px "微软雅黑";
	color: #333;
}

.zuobi{
	width: 290px;
	text-align: right;
	color:#333;
}
.zyiti{
	font:500 30px/40px "微软雅黑";
	color:#333;
}
.zuonei{
	font:400 15px/30px "微软雅黑";
}

.youb{
	width: 290px;
	text-align: left;
	color:#333;
}
.dong:hover{
  transform: translateY(-10px);
}
.dong{
	transition: all .8s;
	display: block;
}
.dong1:hover{
  transform: translateY(-10px);
   
}
.dong1{
	transition: all .8s;
}

.dong2:hover{
  transform: translateY(-10px);
   
}
.dong2{
	transition: all .8s;
}
.dong3:hover{
  transform: translateY(-10px);
   
}
.dong3{
	transition: all .8s;
}

.nei3{
	
}

.i_cpjiesao .pic{
    overflow: hidden;
    width: 1200px;
    height: 450px;
    margin: 0 auto;
    padding-top: 30px;
    padding-bottom: 60px;
   
}
.i_cpjiesao .pic ul li{
    float: left;
    height: 450px;
    width: 100px;
    border-right: 1px solid white;
}


.i_cpjiesao .pic ul .pic1{

}
.i_cpjiesao .pic ul .pic2{
    
}
.i_cpjiesao .pic ul .pic3{
    
}
.i_cpjiesao .pic ul .pic4{
    
}


.i_cpjiesao .txt{
    height: 450px;
    width: 100px;
    background-color: #851219;
}
.i_cpjiesao .txt .txt_1{    height: 170px;
    text-align: center;
    writing-mode: vertical-rl;
    color: #ffffff;
    font-size: 25px;
    font-weight: bold;
    width: 68%;}
.i_cpjiesao .txt .txt_2{width: 30px;
    height: 30px;
    margin-left: 35px;}
.i_cpjiesao .txt .txt_3{    writing-mode: vertical-rl;
    max-height: 249px;
    width: 100px;
    padding: 20px 20px;
    box-sizing: border-box;
    color: #ffffff;word-break: break-word;}

.i_news_box{display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 30px 0px 60px;}
.inb_li{width: 24%;
    padding: 10px;
    box-sizing: border-box;border-radius:5px;
background-color: #00000030;
}
.inb_li a{}
.inb_li h3{    color: white;
    font-size: 18px;}
.inb_li hr{    width: 80px;
    margin-left: 0px;}
.inb_li h4{    color: white;
    font-size: 15px;}
.inb_li h2{font-size: 20px;
    color: white;
    margin: 15px 0px;
    text-overflow: ellipsis;
    display: -webkit-box;
    line-clamp: 1;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;}
.inb_li_d1{    color: white;
    font-size: 15px;
    height: 135px;
    overflow: hidden;}
.inb_li_d2{width: 40px;
    height: 40px;
    margin-top: 30px;}
.inb_li.on *{color:#666666 !important}
.inb_li.on{background-color:white}
.inb_li.on .inb_li_d2{background-position:0px -26px !important}

.product_list22{position: relative;}
.product_list22 li{float:left;margin-left:0px;margin-right:17px;margin-bottom:15px;_display:inline;position: relative;}
.product_list22 li a.img img{width:287px;height:180px;}
.product_list22 li h3{text-align:center;padding-top:5px;background: rgba(0,0,0,0.4);position: absolute;
	bottom: 0px;
	left:0px;
	width: 287px;
	font:400 14px/30px "微软雅黑";
}
.product_list22 li h3 a{color: #fff;}
.product_list22 li a.img{display:block;}
.product_list22 li a.img:hover{border-color:#e87518;}

.product_list22 li:nth-child(3n+3){
	float: right;
	width: 287px;
	margin-right: 0px;
}


.xw{
	width: 372px;
	margin-top: 30px;/* height: 422px; */
}
.xwti{
	background: url("../images/left3.jpg") left center no-repeat;
	font:400 18px/40px "微软雅黑";
	color:#333333;
	position: relative;
	padding-left: 15px;
}
.xwnei{
	background: url("../images/left4.jpg") left 11px no-repeat;

	margin-top: 20px;
}
.xwti span{
	font:400 12px/40px "微软雅黑";
	color:#999999;
	padding-left: 10px;
	text-transform: uppercase;
}
.xwti a{
	position: absolute;
	top:0px;
	right: 0px;
	font:400 14px/40px "微软雅黑";
	color:#999999;
	text-transform: uppercase;
}

/*新闻列表*/
.news_list hr{height:10px}
.news_list1{}
.news_list1 li{line-height:27px;position:relative;padding-left:40px;
	background: url("../images/xxw.jpg") left 21px no-repeat;
	height: 60px;
}
.news_list li a>img{width: 200px;float: left;}
.news_list li a>div{    line-height: 24px;width: 715px;float: right;}
.news_list1 li a{line-height:27px;color:#333;font:400 14px/27px "微软雅黑";}
.news_list1 li a:hover{text-decoration:none;color:#e87518;}
.news_list1 li span{color:#999;z-index:0;line-height:27px;position:absolute;left:40px;top:30px;}
.news_list1 li h3 {font-size:14px;}

.news_list1 li:hover{
	background: url("../images/xwtu.png") no-repeat;
}

.news_list1 li:hover a{
	color: #fff;
}
.news_list1 li:hover span{
	color: #fff;
}


.nav_foot{
	font:400 14px/30px "微软雅黑";
	color: #333;
margin: 0 auto;
    padding-top: 5px;
    padding-bottom: 5px;

}
.nav_foot a{
	background: url("../images/xian.png") center right no-repeat;
	color: #7d0f12;
	padding:0 64px;
	    font-weight: bold;
    font-size: 15px;
}

.menu_cate{width:220px;float:left;}
.cate_title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"微软雅黑";
background:url("../images/nav.png") no-repeat 0% 100%;font-size:14px;color:#000;}
.about{width:460px;float:left;margin-left:12px;padding-bottom:5px;}
.about_title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"微软雅黑";
background:url("../images/nav.png") no-repeat 0% 100%;font-size:14px;color:#000;}
.about .content{padding:5px;padding-bottom:12px;text-indent:20px;}
.navigation{float:right;width:100px;}

.index-title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"微软雅黑";
background:url("../images/nav.png") no-repeat 0% 100%;font-size:14px;color:#000;}
.index-table td{border:solid #add9c0; border-width:0px 1px 1px 0px; padding:10px 5px;}
.index-table{border:solid #add9c0; border-width:1px 0px 0px 1px;margin-top:10px;}

/*----- Common css ------*/
.fl{float:left;}
.fr{float:right;}
.di{_display:inline;}
.fwn{font-weight:normal;}
.dib{*display:inline;_zoom:1;_display:inline;_font-size:0px;}

/*首页新闻*/
.news_company{width:280px;float:right;}
.news1_title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"微软雅黑";
background:url("../images/nav.png") no-repeat 0% 100%;font-size:14px;color:#000;}
.news_company .content{padding:5px;}

/*首页左侧联系我们*/
.contact{width:218px;float:left;padding-bottom:5px;margin-top:10px;}
.contact_title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"微软雅黑";
background:url("../images/nav.png") no-repeat 0% 100%;font-size:14px;color:#000;}
.contact .content{padding:5px;padding-left:8px;}

/*工程案例*/
.case{width:460px;float:left;margin-left:12px;padding-bottom:5px;margin-top:10px;}
.case_title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"微软雅黑";
background:url("../images/nav.png") no-repeat 0% 100%;font-size:14px;color:#000;}
.case .content{padding:5px;padding-bottom:12px;text-indent:20px;}

.news2_company{margin-top:10px;}

/*产品推荐*/
.recommend_product{margin-top:10px;width:692px;float:left;}
.recommend_product .title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"微软雅黑";
background:url("../images/nav.png") no-repeat 0% 100%;font-size:14px;color:#000;}
.recommend_product .content{padding-top:15px;padding-bottom:14px;}
.roll_product li{padding-bottom:0px;}


.nei4{
	
	height: 303px;
}



/*友情链接*/
.f_link{line-height:30px;line-height:30px;background-color:#ececec;text-indent:20px;}

/*页面底部*/
#footer{position:relative;width:1200px;margin:0 auto;text-align:left;margin-bottom:10px;padding-top:8px;color:#575757}
#footer a{color:#575757;}
#footer a:hover{color:#575757;text-decoration:none;}
.copyright{text-align:left;font:400 14px/24px "微软雅黑";}


.ff{
	width: 480px;
	margin-top: 45px;
	text-align: left;
}

.ffti{ 
	font:400 16px/30px "微软雅黑";
 }
.ffting{
	font:400 20px/30px "微软雅黑";
	text-transform: uppercase;
}
.ffnei{
	font:400 14px/24px "微软雅黑";
	margin-top: 30px;
}

.you{
	font:400 14px/24px "微软雅黑";
}

.gggr{
	padding-top: 80px;
}
/*------------内页-------------------*/
.left .box{margin-bottom:10px;}
.left .box h3{line-height:35px;padding-left:15px;font-weight:bold;font-family:"微软雅黑";
background:#89181c;font-size:15px;color:#fff;}
.left .box .content{padding:5px 0px;}

.prodescription{border:1px solid #e5e5e5;background:#f9f9f9;line-height:24px;padding:10px;margin-bottom:15px;text-indent:20px;}

.n_banner{width:1920px;position: relative;left: 50%;margin-left: -960px;}
.n_banner img{width:1920px;margin:0 auto}
.left{width:225px;float:left;margin-top: 15px;}
.sort_menu{}
.sort_menu h3{background-color:#ececec;line-height:28px;padding-left:15px;font-weight:bold;}
.sort_product{margin-top:10px;}
.sort_product h3{background-color:#ececec;line-height:28px;padding-left:15px;font-weight:bold;}

.n_contact{margin-top:10px;}
.n_contact h3{background-color:#ececec;line-height:28px;padding-left:15px;font-weight:bold;}
.n_contact .content{padding:5px;line-height:24px;}

.right{width:960px;float:right;padding-bottom:10px;margin-top: 15px;}
.sitemp{line-height:31px;height:31px;overflow:hidden;padding-right:10px;border:#89181c 1px solid;}
.sitemp h2{width:340px;float:left;line-height:31px;text-align:center;text-align:left;text-indent:15px;color:#000;font-size:14px;}
.sitemp .site{width:380px;float:right;text-align:right;line-height:30px;}
.right .content{padding:10px;padding-top:15px;overflow:hidden;line-height: 24px;}