@CHARSET "UTF-8";

/*头部样式*/
#header{
	width:1000px;
	position: absolute;
	z-index: 9;
	left: 50%;
	margin-left: -500px;
}
#header1{
	width: 1000px;
	position: relative;
	left: 50%;
	margin-left: -500px;
	z-index: 9;
	height: 140px;
}
.top{}
.logo{float:left;}

.topLink{
	width:300px;
	float:left;
	text-align:left;
	position: relative;
	z-index: 9999;
	margin-left: 10px;
}
.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) 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:24px;
	
}
.topLink .k2{
	color:#074b91;
	font-size:24px;
	font-family:"微软雅黑";
	color: #794c47;
	background: url(../images/k2bg.png) no-repeat right;
	width: 185px;
	padding-top: 20px;
	margin-top: 30px;
}


#menu{}

/*热门搜索*/
.search{ 
	text-align:left;
	height:24px;
	background-color:#f8f8f8;
	padding:5px 10px 5px 10px;
	width: 1000px;
	margin: 0 auto;
}
#formsearch{
	width:203px;
	float:right;
	background: url(../images/sousuo.jpg) no-repeat;
	height: 40px;
	margin-top: 5px;
	position: relative;
}
.hotSearch{width:400px;float:left;height:24px;line-height:44px;font-weight:normal;}


/*主体样式*/

.sousuo{
	width: 1600px;
	left: 50%;
	margin-left: -800px;
	position: relative;
	height: 57px;
	border-bottom: 1px solid #dcdcdc;
	background-color: #f7f8f8;
}


.outabout{
	width: 1600px;
	left: 50%;
	margin-left: -800px;
	height: 400px;
	position: relative;
}
.aboutbox{
	width: 1000px;
	margin: 0 auto;
}
.ableft{
	float: left;
	width: 164px;
}
.aboutbox .content{
	width: 640px;
	height: 280px;
	float: left;
	margin-top: 42px;
}
.sto li{
	background:url(../images/anavbg.jpg) no-repeat;
	width: 82px;
	height: 26px;
	text-align: center;
	float: left;
}
.sto li a{
	display: block;
	height: 100%;
	line-height: 24px;
}
.sto li:hover{
	background:url(../images/ahanvbg.jpg) no-repeat;
}
.sto li:hover a{
	color: #fff;
}
.neibu{
	margin-top: 20px;
	width: 620px;
	height: 226px;
	line-height: 2em;
	font-size: 14px;
}
.neibu>a{
	display: block;
	width: 50px;
	height: 21px;
	line-height: 20px;
	margin-top: 15px;
	border-radius: 12px;
	border: 1px solid #b5b5b6;
	text-align: center;
	font-size: 12px;
}

.outpro{
	width: 1600px;
	left: 50%;
	margin-left: -800px;
	position: relative;
	height: 630px;
	background: url(../images/heng.jpg) no-repeat top;
}
.probox{
	width: 1016px;
	margin: 0 auto;
	padding-top: 45px;
}
.proleft {
	width: 120px;
	text-align: center;
	float: left;
}
.pro li a{
	line-height: 40px;
}
.proa{
	display: block;
	width: 50px;
	height: 20px;
	border-radius: 12px;
	border: 1px solid #b5b5b6;
	text-align: center;
	font-size: 12px;
	margin-left: 30px;
	margin-top: 30px;
}
.probox .content{
	width: 840px;
	float: right;
}
.product_listt{}
.product_listt li{float:left;margin:0 10px;padding-bottom:15px;_display:inline;}
.product_listt li a.img{padding:0px;}
.product_listt li a.img img{width:260px;height:265px;}
.product_listt li h3{ float:left; width:260px; text-align:center; position:relative; background:rgba(108,78,75,0.8);margin-top:-36px;height:36px;z-index:10; overflow:hidden;}
.product_listt li:hover h3{
	background: rgba(244,37,53,0.8);
}
.product_listt li h3 a{font-weight:normal;line-height: 34px;color: #fff;}
.product_listt li a.img{display:block;}
.product_listt li a.img:hover{border-color:#e87518;}

.outnews{
	width: 1600px;
	left: 50%;
	margin-left: -800px;
	position: relative;
	height: 530px;
	background: url(../images/newsbg.jpg) no-repeat;
	padding-top: 20px;
}
.newsbox{
	width: 1000px;
	margin: 0 auto;
}
.newsort{
	width: 1000px;
	margin: 0 auto;
	text-align: center;
	height: 60px;
}
.newsort a:nth-child(222){
	border-left:1px solid #dcdcdc;
	border-right:1px solid #dcdcdc; 
	padding-left: 10px;
	padding-right: 10px;
	margin: 0 6px;
	position: relative;
}
.newsort a{
	display: inline-block;
	margin-left: 25px;
	line-height: 60px;
	position: relative;
}
.newsort a:before{
	width: 1px;
	height: 12px;
	content: "";
	background: #dcdcdc;
	position: absolute;
	top: 50%;
	left: -14px;
	margin-top: -5px;
}
.newsort a:first-child{	margin-left:0;}
.newsort a:first-child:before{ display: none;}
.newleft{
	float: left;
}
.newleft h3{
	color: #000;
	display: block;
	width: 330px;
	float: left;
	margin-top: -40px;
	position: relative;
	z-index: 10;
	padding-left: 10px; 
}
.newleft h3 a{
	line-height: 40px;
	color: #fff;
	font-size: 14px;
	font-weight: normal;

}
.newright{
	width: 554px;
	height: 320px;
	float: right;
}

.news_listt{ margin-bottom:-5px;}
.news_listt li{
	line-height:27px;
	position:relative;
	padding-left:10px;
	float: left;
	width: 545px;
	border-bottom: 1px dashed #dcdcdc;
	padding-bottom: 16px;
}
.news_listt li:first-child{
	border:none;
}
.news_listt li .zxxw_b a{ float:left; width:100%; height:28px;font:200 14px/28px "微软雅黑"; overflow:hidden;}
.news_listt li .zxxw_b a:visited{text-decoration: none;color:#666;}
.news_listt li .zxxw_b a:hover{text-decoration:none;color:#e87518;}
.news_listt li span{color:#999;z-index:0;line-height:28px;float: right;}
.news_listt li span.info{color:#999;line-height:24px;margin-top:5px;}
.zxxw_b{float: right;width: 400px;}



.news_list1{
	padding-top: 10px;
}
.news_list1 li{
	line-height:30px;
	position:relative;
	padding-left:10px;
	background: url(../images/dian.jpg) no-repeat 4px 13px;
}
.news_list1 li a{float:left; width:100%; height:28px;line-height:28px;color:#666;overflow:hidden;}
.news_list1 li a:hover{text-decoration:none;color:#e87518;}
.news_list1 li span{color:#999;z-index:0;line-height:27px; float:right;}
.news_list1 li h3 {font-size:14px;}
.news_list1 li div{line-height:24px;}


.infoot{
	width: 720px;
	float: left;
}
.ewm{
	float: right;
	padding-top: 30px;
}


#container{width:1000px;margin:0 auto;margin-top:32px;}
.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;}




/*友情链接*/
.f_link{
	width:1000px;
	margin:0 auto;
	line-height:30px;
	height: 90px;
	
}
.f_link a{
    line-height: 14px;
    display: block;
    float: left;
    margin-left: 20px;
    padding-top: 19px;
}

/*页面底部*/
.foot{
	width: 1600px;
	left: 50%;
	margin-left: -800px;
	position: relative;
	background: #794c47;
	color: #fff;
	text-align: left;
	height: 160px;
}

#footer{
	position:relative;
	width:1000px;
	margin:0 auto;
	text-align:left;
	margin-bottom:10px;
	padding-top:8px;
	margin-top:15px;
}
#footer a{color:#fff;}
#footer a:hover{color:#e87518;text-decoration:none;}
.nav_foot{float:left;width:100%;height:24px;margin:20px 0;text-align:left;line-height:24px;color:#fff;}
.nav_foot span{ float:left; height:100%; padding-left:25px; position:relative;}
.nav_foot span:before{ width:1px; height:12px; content:""; background:#fff; position:absolute; top:50%; left:12px; margin-top:-5px;}
.nav_foot span:first-child{padding-left:0;}
.nav_foot span:first-child:before{ display:none;}
.nav_foot a{ float:left; height:100%;}
.copyright{float:left;width:100%;text-align:left;line-height:24px;}


/*------------内页-------------------*/
.left .box{margin-bottom:30px;}
.left .box h3{
	line-height:60px;
	text-align: center;
	font-weight:bold;
	font-family:"微软雅黑";
	background:url(../images/leftitle.jpg) no-repeat 0% 100%;
	font-size:22px;
	color:#794c47;
	border-top: 1px solid #794c47;
}
.left .box .content{
	padding:5px 0px;
	border: 1px solid #794c47;
	margin-top: 10px;
	padding-left: 10px;
}

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

.n_banner{width:1600px;margin:0 auto;}
.n_banner img{
	width:1600px;
	margin:0 auto;
}
.left{width:220px;float:left;}
.sort_menu{}
.sort_menu h3{background-color:#ececec;line-height:28px;font-weight:bold;}
.sort_product{margin-top:10px;}
.sort_product h3{background-color:#ececec;line-height:28px;font-weight:bold;}

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

.right{width:750px;float:right;padding-bottom:10px;}
.sitemp{line-height:50px;height:50px;overflow:hidden;border: 1px solid #794c47;width: 748px;background-color:#fbfaf9;}
.sitemp h2{	width:340px;float:left;line-height:50px;text-align:left;text-indent:15px;color:#794c47;font-size:14px;}
.sitemp .search_tongji{	float:left;line-height:50px;text-align:left;text-indent:15px;font-size:12px;}
.sitemp .search_tongji i{ color:#f00;}

.sitemp .site{float:right;text-align:right;line-height:50px;margin-right:10px;}
.sitemp .site span { font-family: "SimSun"}

.right .content{ float:left; width:100%; padding:10px 0;padding-top:20px;overflow:hidden;line-height:24px;}

#list .pages { width:calc(100% - 120px); height:28px; padding:10px 110px 10px 10px; margin-top:25px; background:#fff; border-radius:5px; text-align:right; position:relative; z-index:100;}
#list .pages:before { width:100%; height:100%; content:""; background:rgba(218,37,30,0.1); border-radius:5px; position:absolute; top:0; left:0; z-index:1;}
#list .pages>a,#list .pages span { height:26px; line-height:26px; padding:0 10px; margin-left:8px; background:#fff; border:#c9caca 1px solid; border-radius:3px; display:inline-block; position:relative; z-index:10;}
#list .pages>a:hover,#list .pages span { background:#794c47; border-color:#794c47; color:#fff;}
#list .pages .nums { float:left; height:100%; padding:0; margin:0 30px 0 0; background:none; border:0; line-height:28px; color:#595757;}
#list .pages .nums i { padding:0 3px;}
#list .pages .none { border-color:#ccc; color:#ccc; cursor:no-drop;}
#list .pages .none:hover { background:#fff; border-color:#ccc; color:#ccc;}

#list .pages .gotoPage { width:65px; height:28px; background:none; border:0; color:#595757; position:absolute; bottom:10px; right:10px;}
#list .pages .gotoPage em { font-style:normal; background:#fff; position:absolute;}
#list .pages .gotoPage em.value { width:calc(100% - 2px); height:calc(100% - 2px); line-height:26px; border:#c8cfd2 1px solid; border-radius:3px; text-align:left; text-indent:9px; font-size:12px; top:0; left:0; z-index:20; cursor:pointer;}
#list .pages .gotoPage em.value:after { width:0; height:0; content:""; border-right:transparent 6px solid; border-left:transparent 6px solid; border-top:#ccc 6px solid; display:block; position:absolute; top:50%; right:9px; margin-top:-3px; transition-duration:400ms;}
#list .pages .gotoPage em.open { border-color:#794c47;}
#list .pages .gotoPage em.open:after { transform:rotate(180deg);}
#list .pages .gotoPage dl { width:calc(100% - 2px); max-height:calc(27px * 6 - 1px); background:#fff; border:#794c47 1px solid; border-radius:3px; position:absolute; top:auto; bottom:calc(100% + 2px); right:0; cursor:auto; z-index:10; transition:all 0.3s; transform:translateY(10px); opacity:0; visibility:hidden; overflow-x:hidden; overflow-y:scroll;}
#list .pages .gotoPage dl dd { float:left; width:100%; height:26px; line-height:26px; border-top:#ddd 1px solid; text-indent:9px; overflow:hidden;}
#list .pages .gotoPage dl dd a { float:left; width:100%; height:100%; font-size:12px;}
#list .pages .gotoPage dl dd:first-child { border:0;}
#list .pages .gotoPage dl dd a:hover { background:rgba(83,56,47,0.5); color:#fff;}
#list .pages .gotoPage dl dd a.active { background:rgba(0,0,0,0.15); color:#794c47;}
#list .pages .gotoPage dl.open { transform:translateY(0); opacity:1; visibility:visible;}

#list .list_news { width:100%; margin:-22px 0; background:#fff; position:relative; z-index:90;}
#list .list_news li { width:100%; padding:20px 0 24px; border-top:#c9caca 1px dotted;}
#list .list_news li:first-child { border:0;}
#list .list_news li p { font-size:12px; overflow:hidden; position:relative; z-index:10;}
#list .list_news li .name { margin-bottom:12px; line-height:20px; font-size:16px; white-space:normal;}
#list .list_news li .name a { color:#3a3a3a;}
#list .list_news li .img { float:left; width:108px; height:80px; margin:-3px 15px -10px 0; overflow:hidden; z-index:20;}
#list .list_news li .img img { width:100%; min-height:100%; transition:all 0.8s;}
#list .list_news li .info { height:40px; line-height:20px; color:#777;}
#list .list_news li .date { margin-top:14px; line-height:14px; color:#898989;}
#list .list_news li .date span { height:100%; padding-left:21px; display:inline-block; position:relative;}
#list .list_news li .date span:before { width:1px; height:12px; content:""; background:#898989; position:absolute; top:50%; left:10px; margin-top:-6px;}
#list .list_news li .date span:first-child { padding:0;}
#list .list_news li .date span:first-child:before { display:none;}
#list .list_news li:hover a { color:#794c47;}
#list .list_news li:hover .imgs img { transform:scale(1.08);}

#list .form_msg { width:100%; height:365px; background:#e6e6e6; border:#efefef 0px solid; position:relative;}
#list .form_msg li { width:100%; height:40px; position:absolute; z-index:10;}
#list .form_msg li input { width:calc(100% - 2px); height:calc(100% - 4px); padding-bottom:2px; border:rgba(0,0,0,0.2) 1px solid; text-indent:9px;}
#list .form_msg li textarea { width:calc(100% - 20px); height:calc(100% - 20px); padding:9px 9px; border:rgba(0,0,0,0.2) 1px solid;}
#list .form_msg li input:focus,
#list .form_msg li textarea:focus { border-color:#794c47;}
#list .form_msg li.user { width:calc((100% - 75px) / 2); background:#fff; top:25px; left:25px;}
#list .form_msg li.tel { width:calc((100% - 75px) / 2); background:#fff; top:25px; right:25px;}
#list .form_msg li.detail { width:calc(100% - 50px); height:180px; background:#fff; top:90px; left:25px;}
#list .form_msg li.submit { width:126px; height:46px; background:#060100; border:0; border-radius:5px; text-align:center; line-height:44px; font-size:16px; color:#fff; bottom:25px; right:25px; cursor:pointer;}
#list .form_msg li.submit:hover { background:#794c47; color:#fff;}
#list .form_msg li.loading { width:100%; height:100%; background-color:rgba(0,0,0,0.1); border:0; top:0; left:0; z-index:30; display:none;}

#list .search_news { width:100%; margin:-22px 0; background:#fff; position:relative; z-index:90;}
#list .search_news li { width:100%; padding:20px 0 24px; border-top:#c9caca 1px dotted;}
#list .search_news li:first-child { border:0;}
#list .search_news li p { font-size:12px; overflow:hidden; position:relative; z-index:10;}
#list .search_news li .name { margin-bottom:16px; line-height:20px; font-size:16px; white-space:normal;}
#list .search_news li .name a { color:#3a3a3a;}
#list .search_news li .img { float:left; width:108px; height:80px; margin:-3px 15px -10px 0; overflow:hidden; z-index:20;}
#list .search_news li .img img { width:100%; min-height:100%; transition:all 0.8s;}
#list .search_news li .info { height:44px; line-height:22px; color:#777;}
#list .search_news li .date { margin-top:18px; line-height:14px; color:#898989;}
#list .search_news li .date span { height:100%; padding-left:21px; display:inline-block; position:relative;}
#list .search_news li .date span:before { width:1px; height:12px; content:""; background:#898989; position:absolute; top:50%; left:10px; margin-top:-6px;}
#list .search_news li .date span:first-child { padding:0;}
#list .search_news li .date span:first-child:before { display:none;}

#list .search_news li:hover a { color:#da251e;}
#list .search_news li:hover .imgs img { transform:scale(1.08);}

#detail .pages { width:100%; margin:30px 0 -6px; padding-top:10px; border-top:#ddd 1px solid;}
#detail .pages li { width:100%; margin-top:2px; height:24px; line-height:24px; text-overflow:ellipsis; white-space:nowrap;}
#detail .pages li .none { color:#9aa1a5;}

#detail .view_news_title { width:100%; margin-bottom:30px; border-bottom:#c4c4c4 1px solid;}
#detail .view_news_title h1,#detail .view_news_title li { float:left; width:100%; text-align:center;}
#detail .view_news_title h1 { margin:-6px 0 10px; line-height:30px; font-size:20px; font-weight:bold; color:#30363a;}
#detail .view_news_title li { margin-bottom:10px; line-height:20px; color:#898989;}
#detail .view_news_title li span { margin:0 10px; text-transform:none; display:inline-block;}
