@charset "utf-8";
/* CSS Document */
* html{background:url(about:blank);}
* html .iefixed { position:absolute;　top:expression(eval(document.documentElement.scrollTop - this.offsetParent.offsetTop));}
body, html, main {height: 100%;}
body{margin:0 auto; padding:0; font-size:12px; color:#222; background:#FFF; overflow-x:hidden; min-width:1220px;}
body,h1,h2,h3,h4,h5,h6,hr,p,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,td,pre{margin:0;padding:0; outline:none;font-family:"\5FAE\8F6F\96C5\9ED1"}
h1,h2,h3,h4{font-size:14px; }
a{text-decoration:none; color:#222; outline:none;}
input{ outline:none;}
img{ border:0 none; vertical-align:top;}
ul li{list-style:none;}
i{ font-style:normal;}
.c{clear:both; overflow:hidden; zoom:1;}
.center{ text-align:center;}
.fl{ float:left; overflow:hidden;}
.fr{ float:right; overflow:hidden;}
.warp{width:1220px; margin:0 auto; clear:both;}
.mt8{ margin-top:8px;}
.mt10{ margin-top:10px;}
.mt15{ margin-top:15px;}
.mt18{ margin-top:18px;}
.mt20{ margin-top:20px;}
.mt25{ margin-top:25px;}
.mt30{ margin-top:30px;}
.mt35{ margin-top:35px;}
.mt40{ margin-top:40px;}
.mt50{ margin-top:50px;}
.mt60{ margin-top:60px;}
.mr13{ margin-right:13px;}

#top_bg{ height:32px; border-bottom:#e5e5e5 solid 1px; background:#f9f9f9; width:100%; line-height:33px; color:#444;}
#top_bg a{ color:#555; margin:0 8px; cursor:pointer;}
#top_bg a:hover{ color:#ec2948;}
#top_bg a.weixin{ background:url(../images/weixin.png) left center no-repeat; padding-left:22px; }
#top_bg a.phone{ background:url(../images/phone.png) left center no-repeat; padding-left:24px; color:#ff0000;}

.wx_erweima{ position:absolute; right:108px; top:35px; background:#FFF; width:100px; height:100px; padding:8px; -moz-box-shadow:0px 0px 8px rgba(0,0,0,.13); -webkit-box-shadow:0px 0px 8px rgba(0,0,0,.13); box-shadow:0px 0px 8px rgba(0,0,0,.13); display:none; z-index:1002;}
.wx_erweima img{ width:100px; height:100px; overflow:hidden;}
#top_bg .weixin:hover .wx_erweima{ display:block;}


/*header*/
#header_bg{ background:url(../images/hearder_bg.jpg) top center no-repeat; height:123px; width:100%;}
#header{height:123px; position:relative;}
#header #logo{ position:absolute; left:0; top:0;}
#header #logo img{ width:auto; height:105px; overflow:hidden;}
#tel{position:absolute; right:0; top:0; width:auto; height:60px; overflow:hidden; margin-top:30px; line-height:28px; font-size:15px; color:#555;}
#tel div.iconfont{ width:60px; height:60px; color:#333; overflow:hidden; font-size:50px; line-height:60px; margin-right:6px; margin-top:4px;}
#tel div.fl p em{ font-style:normal; font-size:16px; margin-right:4px; float:left; display:inline-block; margin-top:2px; color:#333;}
#tel div.fl p b{ color:#ff0000; font-size:27px;}

/*menu*/
#menu_bg{ background:url(../images/nav_bg.png) top center no-repeat; height:34px; padding:28px 0 18px 0; width:100%; margin-top:-18px; position:relative; z-index:1000;}
.nav{ clear:both;}
.nav ul:before,.nav ul:after { content: ""; display: table;}
.nav ul:after{ clear: both;}
.nav ul > li { width:135px; height:34px; line-height:34px; text-align:center; float:left; background:url(../images/menu_right.jpg) right center no-repeat; position:relative;}
.nav li a{color:#000; display: inline; border-radius:6px; font-size:15px; white-space: nowrap; overflow: hidden;}
.nav li:last-child{ background:none;}
.nav li a:hover{background:#6e6c66; color:#fff; overflow:hidden; display:inline-block; width:80%;}
.nav li ul { background:#fff; border-radius:6px; -moz-box-shadow:0px 2px 5px rgba(0,0,0,.3); -webkit-box-shadow:0px 2px 5px rgba(0,0,0,.3); box-shadow:0px 2px 5px rgba(0,0,0,.3);}
.nav li ul li {width:115px; height:34px; line-height:34px; overflow:hidden; white-space:nowrap; background:none; float:none;}
.nav li ul a { width:115px; text-align:center; font-size:13px; color:#222}
.nav li ul li a:hover{ width:100%; background:none; color:#6e6c66;}
.nav3 ul > li:hover ul{ padding:8px 0 8px 0}
.nav3 ul > li:hover ul li {height:34px; border-bottom:#eaeaea dashed 1px;}
.nav3 li ul {position: absolute; left:10px; top:37px; z-index: 1;}
.nav3 li ul li {overflow: hidden; height:0; -webkit-transition: height 300ms ease-in; -moz-transition: height 300ms ease-in; -o-transition: height 300ms ease-in; transition: height 300ms ease-in;}
.nav li:hover .mainlevel{background:#6e6c66; color:#fff; overflow:hidden; display:inline-block; width:80%;}
.nav3 li ul:after{content:""; display:block; position:absolute; top:-16px; left:51px; width:0; height:0; border:8px solid transparent; border-bottom-color:#fff; opacity:0}
.nav3 ul > li:hover ul:after{ opacity:1}

/*banner*/
#banner{min-width:1220px; max-height:600px; width:100%; clear:both; overflow:hidden; margin:-8px auto 0; position:relative;}
.slideBox{position:relative; min-width:1220px; max-height:600px; background:#FFF; width:100%; z-index:100;}
.slideBox .bd{ position:relative; z-index:0;border:0 none;}
.slideBox .bd li{ position:relative; text-align:center; }
.slideBox .bd li img{width:100%; max-height:600px; overflow:hidden; vertical-align:top; }
.slideBox .prev,.slideBox .next{width:40px;	height:70px; position:absolute; top:44%; cursor:pointer; z-index:102; background:url(../images/icon-slides.png) no-repeat rgba(0,0,0,.12); border-radius:2px;}
.slideBox .prev{left:6%; text-align:left; background-position:0 0;}
.slideBox .next{right:6%; text-align:right; background-position:-40px 0;}
.slideBox .prev:hover,.slideBox .next:hover{ background-color:rgba(0,0,0,.36);}

/*搜索*/
#ss_bg{ background:#f5f5f5; border-bottom:#ddd solid 1px; clear:both; height:64px; overflow:hidden;}
.ss_hot{ width:670px; height:64px; line-height:64px; font-size:15px; overflow:hidden; white-space:nowrap;}
.ss_hot b{ color:#333; font-size:15px;}
.ss_hot b em{ font-weight:normal; font-size:18px; float:left; display:inline-block; margin-right:6px;}
.ss_hot a{ margin:0 8px; color:#555;}
.ss_hot a:hover{ color:#333; text-decoration:underline;}
.ss_box{ width:430px; height:44px; overflow:hidden; margin-top:10px; overflow:hidden;}
.search_btn{ width:61px; height:44px; overflow:hidden;}
.search_btn input{width:61px; height:44px; border:0 none; background:url(../images/search.jpg) no-repeat #f5f5f5; overflow:hidden; cursor:pointer; text-indent:-999px; padding-top:10px; outline:none;}
.search_txt{ width:369px; height:44px;}
.search_txt input{ background:#f5f5f5; width:367px; height:42px; line-height:36px; border:#bdbdbd solid 1px; border-radius:8px 0 0 8px; color:#888; text-indent:13px; outline:none; font-size:14px;}
.search_txt input:focus{ color:#333;}

/*公司简介*/
.title{ text-align:center; clear:both;}
.title h3{position:relative; font-size:36px; display:inline-block; font-weight:normal; color:#333; padding-bottom:24px;}
.title h3::after, .title h3::before{content:""; width:220px; height:1px; background-color:#d0d0d0; bottom:0; position:absolute;}
.title h3::before{left:60%;}
.title h3::after{right:60%;}
.title h3 span::after{content:""; height:10px; width:10px; background:#333; display:block; bottom:-4px; position:absolute; left:46.5%;}
.title_tisp{ font-size:16px; color:#787878; clear:both; overflow:hidden; text-align:center;}

.in_about_pic{width:580px; height:440px; overflow:hidden;}
.in_about_pic img{width:580px; height:440px; overflow:hidden;}
.in_about_item{ width:608px; height:440px; overflow:hidden;}
.in_about_item p.about_con{ font-size:16px; color:#555; line-height:38px; height:380px; overflow:hidden;}
.in_about_item p.about_more a{ color:#FFF; background:#6e6e6e; border-radius:8px; text-align:center; width:140px; height:44px; line-height:44px; overflow:hidden; display:block; font-size:15px;}
.in_about_item p.about_more a:hover{ background:#333;}

/*产品*/
.bg01{ background:#f5f5f5; clear:both; overflow:hidden; width:100%;}
#in_case{ clear:both; overflow:hidden;}
#in_case .parHd{ width:100%; height:48px; overflow:hidden; text-align:center;}
#in_case .parHd li{ width:168px; height:46px; line-height:46px; display:inline-block; cursor:pointer; border:#dedede solid 1px; border-right:none; text-align:center; color:#333; font-size:16px; overflow:hidden;}
#in_case .parHd li:last-child{border-right:#dedede solid 1px;}
#in_case .parHd li:hover{ background:#474747; color:#FFF;}
#in_case .parHd li.on{ background:#474747; color:#FFF;}
#in_case .parBd{ width:100%; height:444px; overflow:hidden;}

.in_case{ width:100%; height:444px; clear:both; position:relative;}
.in_case ul{ overflow:hidden;}
.in_case li{width:392px; height:444px; overflow:hidden; float:left; margin-right:10px; background:#f5f5f5; text-align:center;}
.in_case li a{width:392px; height:388px; padding-top:309px; display:block; position:relative; overflow:hidden; transform: scale(1);transition: all .3s ease-out;}
.in_case_tu{width:392px; height:288px; overflow:hidden; position: absolute; top: 0; left: 0;}
.in_case_tu img{ transform: scale(1);transition: all 1s ease-out; width:392px; height:288px; overflow:hidden;}
.in_case li a:hover{ text-decoration:none;}
.in_case li a:hover img{transform: scale(1.1); transition: all 1s ease 0s; -webkit-transform: scale(1.1); -webkit-transform: all 1s ease 0s;}
.in_case_txt{ position:relative; bottom:0;}
.in_case li a:hover .in_case_txt{ height:180px; overflow:hidden; background:#6e6e6e; color:#FFF; padding-top:30px;}
.in_case li:hover a{ padding-top:234px;}
.in_case_txt h3{ font-size:18px; height:50px; line-height:50px; font-weight:normal; white-space:nowrap; display:block; overflow:hidden;}
.in_case_txt p{font-size:14px; line-height:26px; height:52px; overflow:hidden; text-align:justify; padding:0 34px; color:#555;}
.in_case li a:hover .in_case_txt p{ height:auto; max-height:52px; overflow:hidden; color:#FFF;}
.in_case .sprev,.in_case .snext{width:52px; height:49px; position:absolute; top:38%; cursor:pointer; z-index:10}
.in_case .sprev{left:6%;background:url(../images/btn_left.png) no-repeat; width:52px; height:49px;}
.in_case .snext{right:6%; background:url(../images/btn_right.png) no-repeat; width:52px; height:49px;}
.in_case_txt p.list_more{ display:none; text-align:center; margin-top:22px;}
.in_case li a:hover .in_case_txt p.list_more{ display:block;}
.in_case .sprev:hover,.in_case .snext:hover{ background-color:rgba(0,0,0,.5)}

/*优势*/
.in_ys{ clear:both; overflow:hidden;}
.in_ys li{ height:180px; overflow:hidden; clear:both;}
.in_ys li div.ys_item{ float:left; display:inline-block; width:560px; height:166px; overflow:hidden; padding-top:14px;}
.in_ys li div.ys_pic{ float:right; display:inline-block; width:610px; height:180px; overflow:hidden;}
.in_ys li div.ys_pic img{ width:610px; height:180px; overflow:hidden;}
.in_ys li:nth-child(2n) .ys_item{ float:right; display:inline-block;}
.in_ys li:nth-child(2n) .ys_pic{ float:left; display:inline-block;}
.in_ys li div.ys_item h3{ font-size:35px; line-height:70px; height:70px; overflow:hidden; color:#333;}
.in_ys li div.ys_item h3 em{ font-family:Impact; font-style:normal; font-weight:normal; font-size:45px; color:#6e6e6e; margin-right:15px; float:left; display:inline-block; margin-top:2px;}
.in_ys li div.ys_item p{ font-size:16px; color:#666; line-height:26px; height:78px; overflow:hidden; letter-spacing:1px;}

/*工程案例*/
#in_case_bg{ background:#fbfbfb; clear:both; overflow:hidden;}
.case_box{ width:1200px; height:590px; position:relative; margin:40px 0 60px 0;}
.case_01{ width:290px; height:440px; padding:33px; background:#f5f5f5; position:absolute; left:0; top:42px; border-radius:6px; z-index:1;}
.case_02{ width:430px; height:504px; padding:30px; background:#fff; position:absolute; left:355px; top:13px; border-radius:6px; -moz-box-shadow:0px 0px 13px #ddd; -webkit-box-shadow:0px 0px 13px #ddd; box-shadow:0px 0px 13px #ddd; z-index:2;}
.case_03{ width:290px; height:440px; padding:33px; background:#f5f5f5; position:absolute; right:0; top:42px; border-radius:6px; z-index:1;}
.case_pic{ width:290px; height:215px; overflow:hidden;border-radius:6px;}
.case_pic img{ width:290px; height:215px; overflow:hidden; transform:translate(0,0); transition:all .4s ease-in 0s;}
.case_one:hover img,.case_two:hover img,.case_three:hover img{transform: scale(1.1); transition: all 1s ease 0s; -webkit-transform: scale(1.1); -webkit-transform: all 1s ease 0s;}
.case_pic01{ width:430px; height:320px; overflow:hidden; border-radius:6px;}
.case_pic01 img{ width:430px; height:320px; overflow:hidden; transform:translate(0,0); transition:all .4s ease-in 0s;}
.case_pic01:hover img{transform: scale(1.1); transition: all 1s ease 0s; -webkit-transform: scale(1.1); -webkit-transform: all 1s ease 0s;}
.case_name{ font-size:17px; font-weight:600; width:290px; text-align:center; color:#333; white-space:nowrap; overflow:hidden;}
.case_name01{ font-size:20px; font-weight:600; width:430px; text-align:center;color:#333; white-space:nowrap; overflow:hidden;}
.case_xinxi{ width:290px; overflow:hidden; font-size:12px; color:#666; white-space:nowrap;}
.case_xinxi01{ width:430px; overflow:hidden; font-size:14px; white-space:nowrap; color:#666;}
.case_more{ width:170px; margin:50px auto 0;  text-align:center; line-height:46px;}
.case_more a{ display:block; font-size:16px; width:170px; height:46px; overflow:hidden; border:#ccc solid 1px; border-radius:6px; color:#333; background:#FFF;}
.case_more a:hover{border-color:#474747; background:#474747; color:#fff;;}
.case_more01{ width:180px; margin:30px auto 0;  text-align:center; line-height:48px;}
.case_more01 a{ display:block; font-size:16px; width:180px; height:48px; overflow:hidden; border:#ccc solid 1px; border-radius:6px; color:#333;}
.case_more01 a:hover{ border-color:#474747; background:#474747; color:#fff;}

/*新闻资讯*/
.new_right{ width:500px; height:605px; overflow:hidden;}
.new_right li{ width:500px; height:295px; overflow:hidden; position:relative; margin-bottom:15px;}
.new_right li img{width:500px; height:295px; overflow:hidden; transform:translate(0,0); transition:all .3s ease-in 0s;}
.new_right div.txt_item{ position:absolute; left:0; bottom:0; width:470px; height:40px; line-height:40px; font-size:15px; background:rgba(0,0,0,.56); color:#FFF; padding:0 15px;}
.new_right div.txt_item span.fr{ color:#e5e5e5;}
.new_right li:hover img{transform: scale(1.1); transition: all 1s ease 0s; -webkit-transform: scale(1.1); -webkit-transform: all 1s ease 0s;}

.new_left{ width:660px; overflow:hidden;}
#in_new{ height:605px; overflow:hidden;}
#in_new .hd{ height:45px; overflow:hidden;}
#in_new .hd li{ width:135px; height:45px; line-height:45px; float:left; display:inline-block; margin-right:16px; cursor:pointer; background:#e5e5e5; text-align:center; color:#444; font-size:16px; overflow:hidden;}
#in_new .hd li:hover{ background:#474747; color:#FFF;}
#in_new .hd li.on{ background:#474747; color:#FFF;}
#in_new .bd{ width:660px; height:500px; overflow:hidden; margin-top:60px;}

#in_new .bd li{ height:166px; overflow:hidden;}
.new_time{ width:84px; overflow:hidden; font-family:Arial; font-size:30px; color:#333; display:inline-block; white-space:nowrap; margin-top:4px;}
.new_time p{ font-size:17px; color:#787878; line-height:36px; overflow:hidden; font-family:Arial;}
.new_con{ width:550px; overflow:hidden;}
.new_con a{ font-size:22px; line-height:38px; height:38px; overflow:hidden; color:#333; display:inline-block;}
.new_con a:hover{ color:#000;}
.new_con p{ font-size:15px; color:#888; line-height:30px; height:90px; overflow:hidden; margin-top:4px;}

/*友情链接*/
#link_bg{ background:#f2f2f2; width:100%; padding:15px 0; line-height:28px; clear:both; overflow:hidden;}
#link h3{ float:left; display:inline-block; font-size:15px; margin-top:-1px;}
#link a{ font-size:14px; color:#474747; margin:0 8px;}
#link a:hover{ color:#000;}

/*foot*/
.foot_bg{ background:#474747; padding:35px 0 45px 0; width:100%; clear:both; overflow:hidden; color:#FFF;}

.foot_contact{ width:300px; overflow:hidden; margin-right:46px;}
.foot_contact .iconfont{ color:#fff; font-size:54px; margin-right:22px; margin-top:18px;}
.foot_contact .fl p.cont_a1{ font-size:16px; color:#e5e5e5;}
.foot_contact .fl p.cont_a2{ font-size:30px; font-family:Impact; color:#FFF; line-height:48px;}
.foot_contact .fl p.cont_a3{ font-size:12px; color:#bdbdbd;}
.foot_contact .fl p.cont_a4 a{ background:#555; width:180px; height:38px; line-height:38px; border-radius:4px; color:#fff; font-size:13px; display:block; text-align:center; cursor:pointer;transform:translate(0,0); transition:all .3s ease-in 0s;}
.foot_contact .fl p.cont_a4 a:hover{ letter-spacing:1px;}
.foot_nav{ overflow:hidden; width:140px; margin-right:10px;}
.foot_nav dt{ font-size:15px; color:#FFF; overflow:hidden; margin-bottom:7px;}
.foot_nav dd a{ font-size:12px; line-height:24px; overflow:hidden; color:#ddd; cursor:pointer;}
.foot_nav dd a:hover{ color:#fff;}
.foot_erweima{ width:120px; text-align:center; overflow:hidden; color:#FFF;}
.foot_erweima img{ width:100px; height:100px; overflow:hidden; background:#FFF; padding:10px;}
.foot_erweima p{ font-size:13px; margin-top:12px; overflow:hidden;}

/*copy*/
#copy_bg{ background:#333; height:60px; width:100%; line-height:60px; color:#bdbdbd; font-size:13px; clear:both; overflow:hidden;}
#copy_bg a{ color:#bdbdbd;}
#copy_bg a:hover{ color:#FFF;}

/*右侧悬浮*/
.xuanfu_menu_box{display: block; width:74px; position: fixed; bottom:33%; right:5px; z-index:1001; display:none;}
.xuanfu_menu_box li{ width:72px; height:60px; background:#fff; border:#ddd solid 1px; cursor:pointer; color:#FFF; text-align:center; margin-top:2px; padding-top:10px;}
.xuanfu_menu_box li a{ color:#474747; display:block;}
.xuanfu_menu_box li a em{ font-size:30px; height:30px; line-height:30px; display:inline-block}
.xuanfu_menu_box li.zx a em{ font-size:34px;}
.xuanfu_menu_box li.wx a em{ font-size:24px;}
.xuanfu_menu_box li.tel a em{ font-size:28px;}
.xuanfu_menu_box li.go_top a em{ font-size:30px;}
.xuanfu_menu_box li a p{ margin-top:5px;}
.xuanfu_menu_box li:hover{ background:#333; border:#333 solid 1px;}
.xuanfu_menu_box li:hover a{ color:#FFF;}

.toolbar-item{ position:relative;}
.toolbar-item:hover .toolbar-layer{opacity:1;filter:alpha(opacity=100);transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);}
.toolbar-layer{background:#FFF; padding:5px; width:auto; display:block; -moz-box-shadow:0px 0px 5px rgba(0,0,0,.2); -webkit-box-shadow:0px 0px 5px rgba(0,0,0,.2); box-shadow:0px 0px 5px rgba(0,0,0,.2); position:absolute; right:80px; bottom:-1px; opacity:0; filter:alpha(opacity=0);transform-origin: 95% 95%;-moz-transform-origin: 95% 95%;-ms-transform-origin: 95% 95%; -o-transform-origin: 95% 95%;-webkit-transform-origin: 95% 95%;transform:scale(0.01);-moz-transform:scale(0.01);-ms-transform:scale(0.01);-o-transform:scale(0.01);-webkit-transform:scale(0.01);transition:all 1s;-moz-transition:all 1s;-ms-transition:all 1s;-o-transition:all 1s;-webkit-transition:all 1s;}
.toolbar-layer p{ width:140px; font-size:14px; text-align:center; line-height:30px; margin:0; padding:0; overflow:hidden; color:#000;}
.toolbar-layer img{ width:120px; height:120px; overflow:hidden; padding:10px; text-align:center;}
.xuanfu_menu_box li.tel .toolbar-layer{ padding:6px 18px 3px 18px; overflow:hidden; }
.xuanfu_menu_box li.tel .toolbar-layer p{ border-bottom:#e5e5e5 solid 1px; line-height:30px; color:#787878; font-size:13px; overflow:hidden; width:178px; overflow:hidden;}
.xuanfu_menu_box li.tel .toolbar-layer p:last-child{border-bottom: none;}
.xuanfu_menu_box li.tel .toolbar-layer p.ph{ color:#ec2949; font-size:24px; height:38px; line-height:38px; font-family:Arial;}


/*page*/
#page_banner{height:380px; width:100%; clear:both; overflow:hidden; margin:-8px auto 0;}

/*位置*/
#page_menu_bg{ background:#f5f5f5; clear:both; overflow:hidden; padding:20px 0}
.weizhi{ font-size:13px; color:#333;}
.weizhi span{ margin:0 6px; font-family:"\5B8B\4F53";}
.weizhi a{ color:#333; transform:translate(0,0); transition:all .4s ease-in 0s;}
.weizhi a:hover{ color:#000}
.weizhi em.iconfont{ margin-right:8px; float:left;}
.weizhi b{ color:#333;}

/*关于我们*/
.page_about_con{ font-size:16px; line-height:2.4; clear:both; overflow:hidden; padding:20px 0px 10px 0px;}
.page_about_con img{ max-width:1220px; height:auto; width:expression(this.width > 1220px ? "1220px" : this.width); overflow:hidden;}
.con_title{ font-size:32px; color:#444; font-weight:bold; line-height:52px;}
.con_auth{ clear:both; height:34px; font-size:14px; line-height:34px; overflow:hidden; margin-bottom:10px; margin-top:4px; color:#666; border-bottom:#ededed solid 1px; padding:5px 0;}
.con_auth span{ margin-right:25px; float:left}
.con_auth span em{ font-size:18px; margin-right:6px; float:left; color:#787878;}


/*新闻资讯*/
.page_menu{ clear:both; overflow:hidden; text-align:center; padding:16px 0 4px 0;}
.page_menu li{ height:36px; overflow:hidden; display:inline-block; text-align:center; margin:6px 6px; cursor:pointer;}
.page_menu li a{ color:#666; display:block; font-size:15px; border:#ddd solid 1px; padding:0 32px; background:#FFF; height:34px; line-height:34px; overflow:hidden; white-space:nowrap;}
.page_menu li a:hover{ background:#474747; border:#474747 solid 1px; color:#FFF;}
.page_menu li.on a{ background:#474747; border:#474747 solid 1px; color:#FFF;}

.news_list{ clear:both; overflow:hidden;}
.news_list li{ width:100%; clear:both; overflow:hidden; padding:40px 0; transform:translate(0,0); transition:all .4s ease-in 0s; margin:8px 0}
.news_list li:hover{ background:#f9f9f9; width:102%;}
.list_pic{ width:356px; height:210px; overflow:hidden;}
.list_pic img{ width:356px; height:210px; overflow:hidden; transform:translate(0,0); transition:all .3s ease-in 0s;}
.list_pic:hover img{ margin-left:0px;}
.list_con{ width:836px; height:210px; overflow:hidden;}
.list_con_xx{ clear:both; overflow:hidden; font-size:15px; height:120px; line-height:30px; color:#444;}
.list_con_au{ height:44px; line-height:44px; overflow:hidden; font-size:14px; color:#444; margin-top:6px;}
.list_con_au span{ margin-right:30px;}
.list_con_au span i{ font-size:16px; display:inline-block; color:#444; margin:0 10px 0 2px; display:inline-block;}
.box_con_title{ height:34px; line-height:34px; overflow:hidden;}
.box_con_title a{font-size:22px; vertical-align: middle; color:#333;}
.box_con_title a:hover{color:#000;}

/*翻页*/
#page{margin:40px 5% 0px 5%; text-align:center; font-size:14px; clear:both; overflow:hidden;}
#page .scott{ display:inline-block; margin:0 auto;overflow:hidden;}
#page .scott span,#page .scott a:hover{ background:#474747; border:1px solid #474747; color:#fff; display:inline; float:left; margin:5px 3px; padding:0 14px; height:34px; line-height:34px; text-decoration:none;}
#page .scott a{padding:0 14px; height:34px; line-height:34px; background-color:#fff; border:1px solid #ddd; margin:5px 3px; display:inline; float:left; color:#444;}
/**/
.page_back{ border-top:1px dotted #ddd; padding:20px 0 0 0; margin-top:20px; position:relative; min-height:50px; _height:50px; font-size:16px; line-height:40px; color:#333;}
.page_back a{ color:#474747;}
.page_back a:hover{ text-decoration:underline; color:#000;}
.page_back .bapage_back_up{ position:absolute; right:10px; top:40px;}
.bapage_back_up em.iconfont{ font-size:18px; font-style:normal; margin-right:6px; display:inline-block;}


/*在线留言*/
.message_tips{ font-size:12px; font-weight:normal; text-align:center; color:#999; margin-bottom:20px;}
.message_kk{ width:378px; height:48px; line-height:48px; background:#FFF; border:#e3e3e3 solid 1px; margin:10px 10px 20px 10px; color:#6e6e6e; font-size:14px; overflow:hidden;}
.message_name{ width:90px; float:left; display:inline; text-align:right; overflow:hidden; margin-right:3px;}
.message_input{ float:left; display:inline; width:235px;}
.message_input input{ width:235px; height:48px; border:0 none; color:#666;}
.message_icon{ width:50px; height:48px; overflow:hidden; float:right; display:inline;}
.message_kk1{ width:1178px; height:240px; line-height:48px; background:#fff; border:#e3e3e3 solid 1px; color:#6e6e6e; font-size:14px; clear:both; overflow:hidden; margin:0 10px;}
.message_textarea{ float:left; display:inline; width:1020px;}
.message_textarea textarea{ width:1020px; height:216px; background:none; line-height:1.6; padding:14px 0 8px 0; border:0 none; color:#666; font-size:14px; font-family:"微软雅黑"; resize:none;}
.message_btn{ background:#fbfbfb; color:#333; width:150px; height:42px; font-size:15px; border:#e5e5e5 solid 1px; outline:none; cursor:pointer; margin:0 25px;}
.message_btn:hover{ background:#474747; color:#FFF; border:#474747 solid 1px;}

/*产品*/
.pro_menu{ clear:both; overflow:hidden;}
.pro_menu li{ width:164px; height:44px; overflow:hidden; float:left; display:inline-block; text-align:center; margin:8px 12px 4px 0; cursor:pointer;}
.pro_menu li:nth-child(7n){ margin-right:0px;}
.pro_menu li a{ color:#666; display:block; font-size:15px; width:162px; border:#ddd solid 1px; background:#FFF; height:42px; line-height:42px; overflow:hidden; white-space:nowrap;}
.pro_menu li a:hover{ background:#474747; border:#474747 solid 1px; color:#FFF;}
.pro_menu li.on a{ background:#474747; border:#474747 solid 1px; color:#FFF;}

.pro_list{ clear:both; overflow:hidden;}
.pro_list li{ width:388px; float:left; display:inline-block; overflow:hidden; margin:10px 28px 18px 0; }
.pro_pic{ width:388px; height:288px; overflow:hidden;}
.pro_pic img{ width:388px; height:288px; overflow:hidden;transform: scale(1);transition: all .3s ease-out;}
.pro_list li:nth-child(3n){ margin-right:0px;}
.pro_list li p{ text-align:center; font-size:16px; height:54px; line-height:54px; overflow:hidden; margin-top:4px; background:#f5f5f5; color:#474747}
.pro_list li:hover .pro_pic img{transform: scale(1.1); transition: all 1s ease 0s; -webkit-transform: scale(1.1); -webkit-transform: all 1s ease 0s;}




.pagess {
    clear: both;
    margin: 20px;
    overflow: hidden;
    margin-left: 0px;
    text-align: center;
}
.pagess ul li {
    display: inline-block;
    border: 1px solid #ccc;
    padding: 2px 9px;
    margin: 0 3px;
    line-height: 20px;
    background: #fff;
    color: #999;
}
.pagess ul li a{ color:#a88156}
.pagess ul li.thisclass {
    display: inline-block;
    border: 1px solid #a88156;
    padding: 2px 9px;
    margin: 0 3px;
    background: #a88156;
    color: #fff;
}
.pagess ul li.thisclass a{color: #fff;}