/*头部样式*/
#header{width:1200px;margin:0 auto;}
.header{width:1200px;margin:0 auto;}
.top{
height: 37px;
line-height: 37px;
overflow: hidden;
border-bottom:1px solid #e8e8e8;
color: #999;
}
.top a{
color: #999;
}
.top a:hover{
color: #457e39;
}
.top2{
height: 113px;
}
.logo{
line-height: 113px;
width: 120px;
}
.k3{
width:780px;
margin-right: 35px;
}
.k2{
text-align:right;
color: #666;
margin-top: 15px;
}
.k2 strong{
font-weight:normal;
color: #457e39;
font-size:20px;
}
.k2 span{
vertical-align: middle;
}
.topLink{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) 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;}
/*热门搜烦*/
.search{width: 1200px;margin: 0 auto;}
#formsearch{float:right;margin-top: 8px;}
.hotSearch{float:left;height:46px;line-height:46px;font-weight:normal;color: #333;}
#search-type{float: left;width:100px;height: 31px;border: 1px solid #a7a7a7;margin-right: 10px;}
/*M样式*/
#container{width:1200px;margin:0 auto;margin-top:10px;}
.container{width:1200px;margin:0 auto;}
.nei1{
height: 46px;
overflow: hidden;
background:#f0f0f0;
}
.nei2{
margin-top: 35px;
}
.nei2tit{
text-align: center;
color: #222;
font-size:21px;
text-transform: uppercase;
line-height: 36px;
}
.nei2tit p{
color: #222;
font-size:18px;
background:url(../images/titline.png) no-repeat center center;
}
.nei2Con{
margin:0 -15px;
margin-top: 45px;
}
.nei2Con li{
width:380px;
float: left;
margin:0 15px;
margin-bottom: 30px;
position: relative;
text-align: center;
height: 230px;
}
.nei2Con li img{ width:100%; height:100%;}
.nei2Con li .img{
position: absolute;
top: 30px;
left: 0;
right: 0;
z-index:9999;
display: none;
}
.nei2Con li .intro{
background:rgba(69,156,51,0.8);
position: absolute;
top: 0;
width: 100%;
height: 100%;
display: none;
}
.nei2Con li h3{
font-weight:normal;
color: #fcfcfc;
font-size:16px;
position: absolute;
bottom: 20px;
text-align: center;
width: 100%;
display: none;
}
.nei2Con li:hover .intro{
display: block;
}
.nei2Con li:hover h3{
display: block;
}
.nei3{
width: 1920px;
position: relative;
left: 50%;
margin-left: -960px;
background:url(../images/nei3bac.png) no-repeat top center;
height: 560px;
margin-top: 25px;
}
.nei3tit{
text-align: center;
padding-top: 45px;
}
.nei3Con{
margin-top: 55px;
}
.nei3left{
width:550px;
text-align:justify;
}
.nei3left h2{
color: #202020;
font-size:18px;
padding-bottom: 20px;
background:url(../images/nei3line.png) no-repeat bottom left;
}
.nei3Box{
color: #202020;
font-size:14px;
margin-top: 18px;
line-height: 27px;
}
.nei3left>a{
display: block;
margin-top: 20px;
width: 123px;
height: 33px;
font-size:14px;
text-transform: uppercase;
color: #fff;
background:#457e39;
line-height: 33px;
text-align: center;
}
.nei3right{
width:600px;
}
.titN3{
margin-top: 45px;
height: 45px;
line-height: 45px;
position: relative;
overflow: hidden;
border-bottom:2px dashed #bababa;
color: #565656;
font-size:20px;
}
.titN3 span{
font-size:14px;
padding-left: 20px;
}
.titN3 i{
font-style:normal;
color: #457e39;
}
.titN3 a{
position: absolute;
right: 0;
top: 0;
color: #457e39;
font-size:18px;
}
.nei4{
width: 1920px;
position: relative;
left: 50%;
margin-left: -960px;
}
.nei5{
width: 1920px;
position: relative;
left: 50%;
margin-left: -960px;
height: 1240px;
background:url(../images/nei5bac.png) no-repeat top center;
}
.nei5tit{
text-align: center;
text-transform: uppercase;
color: #999;
font-size:30px;
font-family:"宋体";
padding-top: 40px;
}
.nei5tit h2{
font-size:30px;
color: #111;
font-family:"微Y雅黑";
}
.nei5tit p{
font-family:"微Y雅黑";
color: #666;
font-size:18px;
background:url(../images/nei5tit.png) no-repeat center center;
}
.nei5Con{
margin-top: 50px;
}
.nei5left{
width:559px;
margin-left: 23px;
}
.nei5right{
width:510px;
margin-right: 20px;
margin-top: 12px;
}
.titN5{
height: 45px;
line-height: 45px;
}
.titN5 img{
vertical-align: top;
float: left;
width: 45px;
}
.titN5 span{
width: 430px;
float: left;
display:block;
margin-left: 27px;
border-bottom:1px dashed #dbdbdb;
color:rgba(51,51,51,0.48);
font-size:20px;
font-family:"宋体";
text-transform: uppercase;
}
.titN5 strong{
font-family:"微Y雅黑";
color: #333;
padding-right: 10px;
}
.nei5Box{
color: #666;
margin-left: 80px;
line-height: 27px;
}
.nei5Con2{
margin-top: 10px;
}
.nei5Con2 .nei5right{
margin-left: 23px;
margin-right: 0;
}
.nei5Con2 .nei5left{
width:708px;
margin-right: -55px;
margin-left: 0;
margin-top: 50px;
}
.nei5tit2{
text-align: center;
color: #585858;
font-size:24px;
text-transform: uppercase;
margin-top: 50px;
}
.nei5tit2 b{
display: block;
color: #000;
}
.nei5Con2{
margin:0 -5px;
margin-top: 40px;
}
.nei5Con2 li{
width:292px;
float: left;
margin:0 5px;
position: relative;
text-align: center;
}
.nei5Con2 li .img{
position: absolute;
top: 30px;
left: 0;
right: 0;
z-index:9999;
}
.nei5Con2 li .intro{
background:rgba(78,149,63,0.6);
position: absolute;
top: 0;
width: 100%;
height: 100%;
display: none;
}
.nei5Con2 li h3{
font-weight:normal;
color: #ffffff;
font-size:22px;
position: absolute;
bottom: 40px;
text-align: center;
width: 100%;
display: none;
}
.nei5Con2 li:hover .intro{
display: block;
}
.nei5Con2 li:hover h3{
display: block;
}
.nei6{
height: 363px;
width: 1920px;
position: relative;
left: 50%;
margin-left: -960px;
background:url(../images/nei6bac.png) no-repeat top center;
}
.nei6tit{
height: 85px;
line-height: 85px;
position: relative;
overflow: hidden;
color: #444;
font-size:22px;
text-transform: uppercase;
background:url(../images/nei6tit.png) no-repeat 305px 40px;
padding-left: 40px;
}
.nei6tit span{
color:rgba(42,42,42,0.52);
font-size:14px;
padding-left: 10px;
}
.nei6tit a{
position: absolute;
right:40px;
top: 0;
}
.nei6Con{
position: relative;
margin-top: 5px;
padding:0 40px;
}
.nei6Con>a{
position: absolute;
display: block;
width: 22px;
height: 48px;
top: 50%;
margin-top: -45px;
background:url(../images/left.png) no-repeat top center;
left:0;
}
.nei6Con>a:hover{
background:url(../images/righth.png) no-repeat top center;
}
.nei6Con a.rightbtn{
background:url(../images/right.png) no-repeat top center;
left: auto;
right: 0;
}
.nei6Con a.rightbtn:hover{
background:url(../images/lefth.png) no-repeat top center;
}
.nei7tit{
text-align: center;
color: #151515;
font-size:24px;
font-weight:bold;
background:url(../images/nei7tit.png) no-repeat bottom center;
height: 80px;
line-height: 80px;
overflow: hidden;
margin-top: 35px;
}
.nei7left{
width:582px;
margin-left: 11px;
margin-top: 64px;
}
.nei7left a{
display: block;
}
.nei7left img{
width:582px;
height:282px;
}
.nei7left h3{
position: relative;
height: 45px;
line-height: 45px;
font-weight:normal;
font-size:16px;
}
.nei7left h3 a{
color: #333;
}
.nei7left h3 span{
position: absolute;
right: 0;
top: 0;
color: #666;
}
.nei7left p{
color: #333;
font-size:14px;
margin-top: 5px;
line-height: 22px;
}
.nei7right{
width:580px;
margin-right: 8px;
margin-top: 64px;
}
.nei7right li{
border:1px solid #e8e8e8;
height: 78px;
margin-bottom: 16px;
transition:all 0.5s;
-webkit-transition:all 0.5s;
-moz-transition:all 0.5s;
-ms-transition:all 0.5s;
-o-transition:all 0.5s;
}
.nei7right li .data{
width:80px;
text-align: center;
color: #333;
font-size:14px;
background:#e8e8e8;
height: 78px;
-webkit-transition:all 0.5s;
-moz-transition:all 0.5s;
-ms-transition:all 0.5s;
-o-transition:all 0.5s;
}
.nei7right li .data b{
display: block;
font-size:34px;
}
.nei7right li .intro{
width:480px;
margin-left: 5px;
color: #333;
font-size:14px;
float: left;
padding-top: 3px;
text-align:justify;
-webkit-transition:all 0.5s;
-moz-transition:all 0.5s;
-ms-transition:all 0.5s;
-o-transition:all 0.5s;
}
.nei7right li .intro a{
color: #333;
font-size:16px;
display: block;
margin-bottom: 4px;
}
.nei7right li:hover{
border-color:#4e953f;
box-shadow: 1px 1px 3px rgba(0,0,0,0.4);
}
.nei7right li:hover .data{
background:#4e953f;
width: 110px;
color: #fff;
}
.nei7right li:hover .intro{
width: 450px;
}
.menu_cate{width:220px;float:left;}
.cate_title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"微Y雅黑";
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:"微Y雅黑";
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:"微Y雅黑";
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:"微Y雅黑";
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:"微Y雅黑";
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:"微Y雅黑";
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:"微Y雅黑";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;}
/*品牌列表*/
.brand-list{margin: 20px 0px;display: flex;display: -webkit-flex;flex-wrap: wrap;}
.brand-list li{margin: 5px 8px;}
.brand-list li:hover{box-shadow: 2px 1px 5px;}
.brand-list li img {width: 150px;height: 120px;}
/*前台多页{?/
.news{width:1200px;float:left;margin-top: 10px;}
.tab{position:relative;}
.tab li{float:left;width:100px;height:30px;display:block;line-height:30px;border:1px solid #ccc;margin-right:8px;text-align:center;color:#333;font-size:12px;cursor: pointer;}
.tab li.cur{color:#fff;text-decoration:none;font-size:12px;background:#3a78c1;border-color: #3a78c1;}
.tt{display: none;}
.list1{padding:8px 10px;}
.list1 li{line-height:27px;position:relative;vertical-align: middle;}
.list1 li a{background:url(../images/list_dot1.gif) left center no-repeat;padding-left:12px;line-height:27px;color:#555555;}
.list1 li a:hover{color:#e87518;text-decoration:none;}
.list1 li span{position:absolute;right:0px;line-height:30px;top:0;color:#999;}
/*友情链接*/
.f_link{width:1200px;margin:0 auto;margin-top: 50px;}
.link{
text-align: center;
}
.f_link a{
color: #5e5e5e;
padding:6px 0;
padding-right: 10px;
}
/*面底部*/
.foot{
background:#242424;
margin-top: 25px;
border-bottom:1px solid #3b3b3b;
}
.footer{
width: 1200px;
margin: 0 auto;
}
.footleft{
width:710px;
position: relative;
}
.footright{
width:436px;
height:380px;
background:url(../images/footbac.png) no-repeat top center;
margin-top: -17px;
padding-left:43px;
padding-right: 47px;
box-sizing: border-box;
}
.footlogo{
padding-top: 64px;
}
.nav_foot{
color: #575757;
font-size:14px;
height: 45px;
line-height: 45px;
overflow: hidden;
margin-top: 10px;
border-bottom:1px solid #363636;
}
.nav_foot a{
color: #fff;
}
.lianxi{
color: #fff;
margin-top: 10px;
}
.lianxi span{
vertical-align: middle;
}
.lianxi strong{
font-weight:normal;
font-size:14px;
}
.lian{
color: #cbcbcb;
font-size:14px;
line-height: 24px;
margin-top: 10px;
}
.er{
position: absolute;
right: 0;
bottom: 0;
}
.footit{
color: #fff;
font-size:19px;
height: 55px;
line-height: 55px;
overflow: hidden;
margin-top: 40px;
}
.messa{
border-bottom:1px solid #242424;
height: 41px;
line-height: 41px;
background:#e9e9e9;
position: relative;
}
.messa .img{
width:40px;
text-align: center;
line-height: 41px;
}
.messa .intro{
position: relative;
width: 306px;
float: left;
}
.messa .intro .m_label{
color: #787878;
font-size:14px;
position: absolute;
left: 0;
line-height: 41px;
}
.messa .intro input{
border:none;
background:none;
height: 41px;
vertical-align: baseline;
line-height: 41px;
width: 100%;
box-sizing: border-box;
padding-right: 10px;
}
.messa .intro #content{
height: 55px;
border:none;
background:none;
box-sizing: border-box;
width: 100%;
padding:10px;
padding-left: 0;
font-size:14px;
}
.messa.messb{
height: 66px;
line-height: 24px;
}
.messc input{
width:100px;
width: 140px;
height: 33px;
border:none;
background:#e9e9e9;
text-align: center;
}
.messc a{
color: #fff;
}
.message1 .msgbtn{
margin-top: 10px;
width: 127px;
height: 38px;
line-height: 38px;
text-align: center;
background:#242424;
color: #fff;
font-size:16px;
font-weight:bold;
border:0;
}
.foot2{
background:#242424;
padding:15px 0;
color: #8e8e8e;
line-height: 24px;
}
.foot2 a{
color: #8e8e8e;
}
/*------------内页-------------------*/
.left {
width: 224px;
float: left;
}
.left .box {
margin-bottom: 10px;
}
.left .box h3 {
line-height: 60px;
padding-left: 34px;
background: #4e953f;
font-size: 18px;
color: #fff;
font-weight: 400;
position: relative
}
.left .box h3::after{
content:"";
position: absolute;
width:5px;
height:20px;
top:20px;
left:15px;
background: #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;margin-left:-960px;left:50%;position:relative;}
.n_banner img{width:1920px;margin:0 auto}
.left{width:225px;float:left;}
.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:940px;float:right;padding-bottom:10px;}
.sitemp {
border-bottom:1px solid #eee;
}
.sitemp h2 {
width: 340px;
float: left;
line-height: 40px;
text-align: left;
font-size: 18px;
color:#333;
}
.sitemp .site {
width: 380px;
float: right;
text-align: right;
line-height: 40px;
}
.right .content{padding:10px;padding-top:15px;overflow:hidden;line-height: 24px;}
.sort_album{margin-top: 15px;}
div.wrapper {
margin: 0 auto;
position: relative;
height: 650px;
}
.family_x {
position: absolute;
right: 400px;
top: 520px;
width: 200px;
z-index: 9999;
}
.family_x ul {}
.family_x ul li {
width: 100px;
float: left;
height: 22px;
line-height: 22px;
}
.family_x ul li a {
font: bold 14px/22px "微^雅黑";
color: #bcbcbc;
display: block;
padding-left: 30px;
}
.family_x ul li a:visited {
color: #bcbcbc;
}
.family_x ul li a:hover {
text-decoration: none;
color: #FFCC00;
}
.family_x ul li.fam_01 {
background: url(../images/zg.png) no-repeat 0px 50%;
}
.family_x ul li.fam_02 {
background: url(../images/yw.png) no-repeat 0px 50%;
}
.fn-clear {
zoom: 1;
}
.box_skitter {
position: relative;
background: none;
}
.box_skitter ul {
display: none;
}
.box_skitter .container_skitter {
overflow: hidden;
position: relative;
}
.box_skitter .image {
overflow: hidden;
}
.box_skitter .image img {
display: none;
width: 1920px;
height: 650px;
}
.box_skitter .box_clone {
position: absolute;
top: 0;
left: 0;
width: 100px;
overflow: hidden;
display: none;
z-index: 20;
}
.box_skitter .box_clone img {
position: absolute;
top: 0;
left: 0;
z-index: 20;
width: 1920px;
height: 650px;
}
.box_skitter .prev_button {
position: absolute;
top: 50%;
left: 15%;
z-index: 999;
width: 57px;
height: 62px;
overflow: hidden;
text-indent: -9999em;
margin-top: -25px;
background: url(../images/prev.png) no-repeat left top !important;
}
.box_skitter .next_button {
position: absolute;
top: 50%;
right: 15%;
z-index: 999;
width: 57px;
height: 62px;
overflow: hidden;
text-indent: -9999em;
margin-top: -25px;
background: url(../images/next.png) no-repeat left top !important;
}
.box_skitter .label_skitter {
z-index: 150;
position: absolute;
display: none;
}
.loading {
position: absolute;
top: 50%;
right: 50%;
z-index: 10000;
margin: -16px -16px;
color: #fff;
text-indent: -9999em;
overflow: hidden;
background: url(../images/ajax-loader.gif) no-repeat left top;
width: 31px;
height: 31px;
}
#slideshow {
width: 1920px;
height: 650px;
position: relative;
left: 50%;
margin-left: -960px;
overflow-x: hidden;
}
#slideshow ul {
display: none;
}
Ʒ˳ߵ,պa,ۺϼ_ҳ,ĻƷƵȫ