/*头部样式*/
#header{width:1200px;margin:0 auto;height: 174px;}
.logo{float:left;}
.logo img{
margin-top: 32px;
background: url(../images/xian.png) no-repeat right center;
padding-right: 30px;
}
.logo_wen{
color: #575757;
font:500 18px/34px "微Y雅黑";
margin:51px 0 0 40px;
}
.head1{
height: 22px;
background: #353535;
}
.huan1,.k1,.k1 a{
color: #fff;
font:500 14px/22px "微Y雅黑";
}
.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;}
.topLink .k1{line-height:32px;padding-top:5px;}
.topLink .k2{
background: url(../images/tpl.png) no-repeat left center;
padding-left: 88px;
color: #868686;
font:500 16px/22px "微Y雅黑";
text-align: left;
margin-top: 52px;
}
#menu{
background: #fb8400;
height: 57px;
border:2px solid #fb8400;
}
.ssk1{
background: #fafafa;
height: 48px;
border-top: 1px solid #e5e5e5;
}
/*热门搜烦*/
.search{text-align:left;}
#formsearch{width:auto;float:right;margin-top: 8px;}
.hotSearch{width:auto;float:left;height:48px;line-height:48px;font-weight:normal;color: #7f7f7f;font-size: 14px;}
#search-type{float: left;width:100px;height: 24px;border: 1px solid #c8c8c8;margin-right: 5px;}
/*搜烦和热门搜?/
.hotSearch a{margin-right:6px;color: #7f7f7f;}
.hotSearch a:after{
content: "?;
}
.hotSearch a:last-child:after{
display: none;
}
.hotSearch a:hover{
color: #fb8400;
}
#formsearch input{height:28px;background:#fff;border:1px solid #e5e5e5;line-height:28px;}
#formsearch input#keyword{height:28px;line-height:28px;padding-left:4px;color:#b7b7b7;width: 168px;font-size: 14px;background: #fafafa;margin-right: -4px;}
#formsearch input#s_btn{width:50px;height:30px;line-height:30px;text-align:center;background:url(../images/aghghf1.jpg) no-repeat center top;color:#fff;border:none;cursor:pointer;}
.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;}
.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);}
/*M样式*/
#container{width:1200px;margin:0 auto;margin-top:10px;}
.container{width:1200px;margin:0 auto;}
.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;}
/*cont1*/
.cont1{
margin-top: 63px;
}
.title_a1{
background: url(../images/t1.png) no-repeat center top;
height: 100px;
}
.title_a1 h2{
color: #333;
font:500 30px/36px "微Y雅黑";
text-align: center;
padding-top: 67px;
}
.a1_c1 li{
float: left;
margin-right: 24px;
margin-bottom: 24px;
}
.a1_c1 li:nth-child(3),.a1_c1 li:nth-child(7){
margin-right: 0;
}
.a1_c1 li.cp_a1{
text-align: center;
border:1px solid #e5e5e5;
}
.a1_c1 li.cp_a1 h2 a{
display: block;
color: #4d4d4d;
font:500 14px/56px "微Y雅黑";
}
.a1_c1 li.cp_a1 img{
width: 280px;
height: 298px;
}
.a1_c1 li.cp_a1:hover h2 a{
background: #4c2c7e;
color: #fff;
}
.a1_c1 li.cp_tj{
position: relative;
width: 589px;
height: 363px;
margin-top: -7px;
margin-right: 23px;
}
.a1_c1 li.cp_tj h2{
position: absolute;
width: 235px;
right: 0px;
top: 105px;
}
.a1_c1 li.cp_tj h2 p{
color: #4d4d4d;
font:500 16px/36px "微Y雅黑";
}
.a1_c1 li.cp_tj h2 a{
display: block;
color: #fff;
width: 86px;
text-align: center;
font:500 14px/29px "Arial";
background: #4c2c7e;
margin-top: 56px;
}
.a1_b1 {
margin-top: 30px;
}
/*cont2*/
.cont2{
background: #eeeeee;
padding: 60px 0;
margin-top: 34px;
}
.title_a2{
background: url(../images/t2.png) no-repeat center 8px;
height: 78px;
}
.title_a2 h2{
color: #333;
font:500 35px/40px "微Y雅黑";
text-align: center;
}
.title_a2 h2 span{
display: block;
color: #727272;
font:500 16px/36px "微Y雅黑";
}
.a2_b1 li{
width: 200px;
background: #fb8400;
float: left;
position: relative;
height: 400px;
text-align: center;
}
.a2_b1 li .a2_c1,.a2_b1 li .a2_c2{
height: 200px;
position: absolute;
left: 0;
}
.a2_b1 li .a2_c1,.a2_b1 li:nth-child(2n) .a2_c2{
top: 0;
}
.a2_b1 li .a2_c2,.a2_b1 li:nth-child(2n) .a2_c1{
top: 200px;
}
.a2_b1 li .a2_c2{
width: 200px;
height: 200px;
overflow: hidden;
}
.fang img{
width: 200px;
height: 200px;
-webkit-transform: scale(1,1);
-moz-transform: scale(1,1);
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
.fang:hover img{
-webkit-transform:scale(1.1,1.1);
-moz-transform:scale(1.1,1.1);
transform:scale(1.1,1.1);
-webkit-transition:all 0.6s ease-out;
-moz-transition:all 0.6s ease-out;
transition:all 0.6s ease-out;
}
.a2_b1 li .a2_c1{
box-sizing: border-box;
padding: 34px 0 0;
width: 100%;
}
.a2_b1 li .a2_c1 i{
height: 94px;
display: inline-block;
}
.a2_b1 li .a2_c1 h2 a{
color: #fff;
font:500 19px/28px "微Y雅黑";
}
.a2_b1 li .a2_c1 h3{
color: #fff;
font:500 12px/14px "Arial";
padding: 0 48px;
}
.a2_b1 {
margin-top: 50px;
}
/*cont3*/
.cont3{
margin-top: 36px;
}
.title_a3{
background: url(../images/t3.png) no-repeat center top;
height: 100px;
}
.title_a3 h2{
color: #333;
font:500 30px/36px "微Y雅黑";
text-align: center;
padding-top: 67px;
}
.product_list1{
margin-top: 45px;
}
.product_list1 li{
float: left;
text-align: center;
margin: 0 20px;
}
.product_list1 li a.img{
display: block;
width: 268px;
height: 225px;
border:1px solid #e7e7e7;
overflow: hidden;
}
.product_list1 li a.img img{
width: 268px;
height: 225px;
}
.product_list1 li h3 a{
display: block;
color: #666;
font:500 16px/60px "微Y雅黑";
}
/*cont4*/
.cont4{
background: url(../images/bj1.jpg) no-repeat center top;
height: 1349px;
margin-top: 50px;
overflow: hidden;
border-bottom: 1px solid #e5e5e5;
}
.a4_c1{
width: 518px;
}
.a4_c2{
width: 585px;
}
.ys{
border-bottom: 1px dashed #dcdcdc;
}
.ys h2{
color: #2c2c2c;
font:600 30px/76px "微Y雅黑";
}
.ys h2 span{
color: #a8a8a8;
font:500 18px/76px "Arial";
}
.ys_a1 h2{
background: url(../images/01.png) no-repeat left center;
padding-left: 42px;
}
.ys_a2 h2{
background: url(../images/02.png) no-repeat left center;
padding-left: 42px;
}
.ys_a3 h2{
background: url(../images/03.png) no-repeat left center;
padding-left: 42px;
}
.ys_a4 h2{
background: url(../images/04.png) no-repeat left center;
padding-left: 42px;
}
.ysnr{
color: #646464;
font:500 14px/22px "微Y雅黑";
margin-top: 16px;
}
.ys_a2{
margin-top: 86px;
}
.a4_c2{
width: 577px;
}
.a4_b1 {
padding-top: 259px;
}
.a4_c4{
width: 641px;
}
.a4_c3{
width: 527px;
}
.ys_a3 {
margin-top: 55px;
}
.ys_a4{
margin-top: 50px;
}
/*cont5*/
.cont5{
margin-top: 95px;
}
.title_a4{
background: url(../images/t4.png) no-repeat center top;
height: 100px;
}
.title_a4 h2{
color: #333;
font:500 30px/36px "微Y雅黑";
text-align: center;
padding-top: 67px;
}
.abt_ab1{
color: #565656;
font:500 16px/37px "微Y雅黑";
margin-top: 44px;
}
.spzs{
margin-top: 30px;
}
/*cont6*/
.cont6{
background: #eeeeee;
padding: 62px 0 52px;
margin-top: 56px;
}
.a6_b1{
width: 698px;
border:1px solid #dedede;
}
.a6_b2{
width: 438px; border:1px solid #dedede;
}
.tablis{
background: #dedede;
padding: 0 20px;
}
.tablis li{
color: #535353;
font:500 20px/58px "微Y雅黑";
float: left;
}
.tablis li+li{
background: url(../images/xhah1.png) no-repeat left center;
padding-left: 10px;
}
.tablis li.cur{
color: #363636;
font-weight: 600;
}
.tablis a{
float: right;
color: #535353;
font:500 14px/58px "微Y雅黑";
}
.xw_a1{
padding: 27px 27px 0;
}
.xw_a1 a.img{
display: block;
width: 306px;
height: 218px;
border:1px solid #e5e5e5;
}
.xw_a1 a.img img{
width: 306px;
height: 218px;
}
.xw_aazs1{
width: 295px;
}
.xw_aazs1 h2 a{
color: #404040;
display: block;
font:600 20px/36px "微Y雅黑";
}
.xw_aazs1 h3{
color: #828282;
font:500 14px/19px "微Y雅黑";
margin-top: 32px;
}
a.xw_more1{
display: block;
float: right;
color: #fff;
width: 89px;
text-align: center;
font:500 14px/22px "微Y雅黑";
background: #fb8400;
margin-top: 72px;
}
.xw_a2 li{
float: left;
width: 332px;height: 50px;
background: #dedede;
margin-top: 14px;
}
.xw_a2 li span{
display: inline-block;
width: 50px;
height: 50px;
text-align: center;
font:600 30px/50px "Arial";
color: #fff;
background: #fb8400;
}
.xw_a2 li a{
display: inline-block;
color: #414141;
font-size:0;
font:500 16px/50px "微Y雅黑";
text-indent: 30px;
}
.xw_a2 li:nth-child(2n){
margin-left: 34px;
}
.xw_a2 li:hover span{
background: #320b6c;
}
.xw_tit_b{
background: #dedede;
padding: 0 20px;
}
.xw_tit_b h2{
color: #373737;
font:600 20px/58px "微Y雅黑";
float: left;
}
.xw_tit_b a{
color: #535353;
font:500 14px/58px "微Y雅黑";
float: right;
}
.a6_xwggs{
padding: 26px 20px;
}
.a6_xwggs li h2 a{
display: block;
color: #414141;
font:500 16px/32px "微Y雅黑";
background: url(../images/wen.png) no-repeat left center;
padding-left: 32px;
}
.a6_xwggs li h3{
color: #828282;
font:500 14px/19px "微Y雅黑";
background: url(../images/da.png) no-repeat left top;
padding-left: 32px;
margin-top: 6px;
}
.a6_xwggs li{
margin-bottom: 19px;
}
.a6_xwggs li+li{
border-top: 1px dashed #dcdcdc;
padding-top: 18px;
}
/*首页新闻*/
.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:15px;line-height:30px;}
/*面底部*/
.nav_foot{
background: #3b3b3b;
height: 57px;
}
.nav_foot a{
color: #fff;
font:500 16px/57px "微Y雅黑";
padding: 0 35px;
}
.nav_foot a+a{
background: url(../images/ajhghj.png) no-repeat left center;
}
.foot1{
background: #eeeeee;
}
.foo_a1{
padding: 44px 0 30px;
border-bottom: 1px solid #dcdcdc;
}
.foo_a1 .d_logo{
width: 308px;
margin-top: 20px;
}
.foo_a1 .d_lianxi{
width: 554px;
box-sizing: border-box;
padding-left: 67px;
border-left: 1px solid #dcdcdc;
border-right: 1px solid #dcdcdc;
color: #888888;
font:500 15px/25px "微Y雅黑";
}
.foo_a1 .d_erm{
width: 302px;
text-align: center;
color: #888888;
font:500 16px/38px "微Y雅黑";
}
.banquan{
color: #888888;
font:500 14px/46px "微Y雅黑";
text-align: center;
padding: 12px 0 22px;
}
.banquan a{
color: #888888;
}
.banquan a:hover{
color:#e87518;
}
#footer{position:relative;width:1200px;margin:0 auto;text-align:center;margin-bottom:10px;padding-top:8px;border-top:2px solid #eee;margin-top:15px;}
#footer a{color:#666;}
#footer a:hover{color:#e87518;text-decoration:none;}
.copyright{text-align:center;line-height:24px;}
.wrap{
width: 1920px;
margin-left: -960px;
left: 50%;
position: relative;
}
/*------------内页-------------------*/
.message2{z-index:100;}
.message2 .mess_wap{width:401px;margin-top:15px;margin-bottom:10px;}
.message2 input{vertical-align:middle;outline:none;}
.message2 #name{font-size: 14px;display:block;height:35px;line-height:35px;padding:0;padding-left:6px;border:1px solid #666666;width: 393px;}
.message2 #address{font-size: 14px;display:block;height:35px;line-height:35px;padding:0;padding-left:6px;border:1px solid #666666;width:393px;}
.message2 #contact{font-size: 14px;display:block;height:35px;line-height:35px;padding:0;padding-left:6px;border:1px solid #666666;width:393px;}
.message2 #mail{font-size: 14px;display:block;height:35px;line-height:35px;padding:0;padding-left:6px;border:1px solid #666666;width:200px;}
.message2 #content{font-size: 14px;outline:none;display:block;width: 387px;height:82px;padding:6px;border:1px solid #666666;margin-top:6px;}
.message2 .msgbtn{background:#fb8400;cursor:pointer;width: 132px;height:41px;line-height:41px;text-align:center;border:none;color:#fff;font-size:16px;border-radius:3px;margin-top:15px;font-family:"Microsoft YaHei";-moz-border-radius:0px;-webkit-border-radius:0px;}
.message2 #code{padding-top:0px;line-height:26px;}
.message2 #checkcode{height:32px;line-height:32px;width:100px;border:1px solid #666666;}
.message2 #message_main tr{position:relative;}
.message2 #message_main td{display:block;height:35px;line-height:35px;padding:0;padding-left:0px;width: 401px;color:#fff;font-size:16px;}
.message2 #message_main tr th{font-weight:normal;text-align: left;height:48px;line-height:48px;color:#fff;}
.message2 .m_label{position:absolute;width: 150px;text-align:left;line-height:35px;padding-left:8px;color:#ccc;z-index:1;cursor:text;}
.message2 .c_label{line-height:18px;padding-top:12px;}
.message2 a{color:#e30005;}
.left .box {
margin-top: 10px;
margin-bottom: 10px;
}
.left .box h3 {
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;
}
.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:0 auto;position: relative;left: 50%;margin-left: -960px;height: 390px;}
.n_banner img{width:1920px;margin:0 auto;height: 390px;}
.left{width:1200px;float:left;}
.sort_menu{border:1px solid #f3f3f3;background: url(../images/sort.jpg) bottom repeat-x #fff;border-bottom: none;height: 63px;}
.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:1200px;float:right;padding-bottom:10px;margin-top:30px;}
.sitemp{overflow:hidden;}
.sitemp h2{text-align:center;color:#585858;font-size:27px;background: url(../images/about_title.jpg) 50% 100% no-repeat;line-height:64px;height:64px;font-weight: normal;}
.site{text-align:right;line-height:69px;margin-right: 24px;color:#8e8e8e;padding-left: 25px;}
.site a{color:#8e8e8e;}
.right .content{padding-top:10px;overflow:hidden;line-height: 24px;/*margin-top:40px*/;}
.sitemp1 {
overflow: hidden;
position: absolute;
width: 1200px;
top: 20px;
}
.sitemp1 h2{text-align:center;color:#585858;font-size:27px;background: url(../images/about_title.jpg) 50% 100% no-repeat;line-height:64px;height:64px;font-weight: normal;}
.sort_album {
margin-top: 15px;
}
һ߹ۿ,ĻҹӰ,ߵ㲥պŷ,þþWWW,鶹91ŷһ,