/*重置*/
*{margin:0;padding:0;list-style-type:none;}
a,img{border:0;}
body{font:12px/180% Arial, Helvetica, "Microsoft YaHei"; color:#666;-webkit-font-smoothing:antialiased;}
html, body{height: 100%;margin: auto;padding: 0;}
html, body, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, img, p, span, a{margin:0px;padding:0px;}
ul, li, dl, dt, dd{list-style:none;}
ol{list-style-type: decimal; list-style-position: outside;}
input, select, option {margin:0;}
q:before,q:after{content:'';}
a{text-decoration:none;outline:none;}
a:hover{ color:#e12c23;transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;}
.clear{clear:both;}
.fl{float:left;}
.fr{float:right;}
.text_c{text-align:center}
.text_r{text-align:right}
.cb:after,.f_cbli li:after{display:block;clear:both;visibility:hidden;height:0;overflow:hidden;content:".";}
.cb li{zoom:1;}
article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}

/*公共*/
.range,.project,.build,.case,.client,.drop,.page_frame,.in_page,.page_frame2,.in_page2,.contact,.contact02_n{ margin:0 auto;width:1000px; overflow:hidden;}

/*头部*/
.top_box{ height:32px; width:100%; background-color:#f6f6f6;}
.top{ height:32px; line-height:32px; margin:0 auto;width:1000px;}
.top_l{ float:left;}
.top_r{ float:right;}
.top_r a{ color:#666;display:inline-block;}
.top_r a:hover{ color:#e12c23;}
.top_icon01{ background:url(../images/top_icon01.png) no-repeat right 4px; margin-right:22px; padding-right:15px;}
.top_icon02{  background:url(../images/top_show.png) no-repeat right 14px; padding-right:13px; position:relative;}
.top_icon02:hover{ background:url(../images/top_hide.png) no-repeat right 14px;}
.top_show{ position:absolute; right:0; top:32px;height:0;z-index:999; background:#f6f6f6; overflow:hidden;}
.top_show img{ margin:3px;}
.top_icon02:hover .top_show{ width:108px; height:108px;transition:all 0.5s ease-in-out;}


.logo_box{ height:120px; width:100%; background-color:white;}
.logo{ height:120px;margin:0 auto;width:1000px; }
.logo_l{ float:left; width:534px; height:53px; background:url(../images/logo.png) no-repeat; margin-top:33px;}
.logo_l span{ font-size:12px;color: rgb(225, 44, 35); margin-left:210px;line-height:24px;}
.logo_l p{font-size:12px;color: rgb(51, 51, 51); font-weight: bold;margin-left:210px; line-height:28px;}
.logo_c{float:left; margin:34px 0 0 0px; font-size:14px;}
.logo_c .lang{ text-align:right;}
.logo_c .lang a{ color:#666; padding:0 5px;}
.logo_c .lang a:hover{color:#e12c23;}
.logo_c .lang .act{ color:#e12c23;}
.logo_show{position:relative; margin:5px 5px 0 27px;}
.logo_chick{color:#e12c23; background:url(../images/logo_show.png) no-repeat right 7px; cursor:pointer;}
.logo_chick:hover{ background:url(../images/logo_down.png) no-repeat right 7px;}
.logo_down{ position:absolute; right:10px; top:22px; padding-right:6px; background-color:white; text-align:right; z-index:9999; width:560px; height:0; overflow:hidden;transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;}
.logo_down a{color:#666; display:block; line-height:21px; font-size:12px;}
.logo_down a:hover{ text-decoration:underline; color:#e12c23;}
.logo_show:hover  .logo_down{ height:105px;}
.logo_r{ float:right; background:url(../images/top_phone.png) no-repeat; width:180px; height:23px; font-size:20px; font-weight:bold; padding:35px 0 0 67px; margin-top:28px;}
.logo_r a{color:#333; font-style:italic;}

.nav_box{ height:60px; width:100%; background:url(../images/navbox_bg.jpg) repeat-x;}
.nav{ width:1000px; height:60px; margin:0 auto; background:url(../images/nav_bg.png) no-repeat center center;}
.nav>ul>li{ float:left; width:100px; height:60px; text-align:center; line-height:60px; position:relative;}
.nav ul li a span{ font-size:14px; color:white;}
.nav>ul>li:hover{ background:url(../images/nav_act.png) no-repeat;}
.nav>ul>li:hover  .nav_span{ color:#424242;transition:all 0.2s ease-in-out;}
.nav .ali{ background:url(../images/ali_w.png) no-repeat left center; padding-left:27px;}
.nav>ul>li:hover .ali{background:url(../images/ali_b.png) no-repeat left center;}
.nav_show{ position:absolute;left:0; top:60px; text-align:left; z-index:999999; background:#f0f2f3; overflow:hidden;height:0;width:530px;}
.nav_show_l{ float:left;width:210px; margin:30px 0 30px 37px;}
.nav_show_l>span{ font-size:14px; color:#323232;}
.nav_show_l ul li{ background:url(../images/nav_show_l_li.png) no-repeat 2px center; padding-left:17px; line-height:30px;}
.nav_show_l ul li a{ color:#666;}
.nav_show_l ul li a:hover{ color:#e12c23;}
.nav_show_r{ float:left; margin:30px 0; padding-left:30px; width:223px; border-left:1px solid #cfcfcf; }
.nav_show_r a span{ display:block;width:221px; height:150px; overflow:hidden; border:1px solid #ddd;  background-color:white;}
.nav_show_r a span div{ width:219px; height:148px; overflow:hidden; margin:1px;}
.nav_show_r a p{ display:block; width:221px; line-height:19px; height:57px; overflow:hidden; color:#585858; margin:6px 0 0 2px;}
.nav>ul>li:hover  .nav_show{height:auto;  transition:all 0.5s ease-in-out;}
#nav_box{ height:60px; width:100%; background:url(../images/navbox_bg.jpg) repeat-x;position: fixed; top: 0; left: 0; display: none; _position:absolute; _top: expression(document.documentElement.scrollTop+(parseInt(this.currentStyle.marginTop,10)||0)); z-index: 99999999;}
.nav_show2{ position:absolute;left:0; top:60px; text-align:left; z-index:999999; background:#f0f2f3; overflow:hidden;height:0;width:184px;}
.nav_show2 ul{margin:22px 0 20px 20px;}
.nav_show2 ul li{ background:url(../images/nav_show_l_li.png) no-repeat 2px center; padding-left:17px; line-height:30px;}
.nav_show2 ul li a{ color:#666;}
.nav_show2 ul li a:hover{ color:#e12c23;}
.nav>ul>li:hover  .nav_show2{height:auto;  transition:all 0.5s ease-in-out;}
.nav>ul>li.act {background: url(/images/nav_act.png) no-repeat;}
.nav>ul>li.act a span {
    color: #424242;
}

.nav_scroll {margin: 0 auto;position: fixed;top: 0;width: 100%;max-width: 1920px; z-index: 9999;background: url(../images/navbox_bg.jpg) repeat-x;}
.nav_scroll ul{width:1000px; margin:0 auto;}

/*banner*/
.slides{width:100%;height:540px;position:relative;overflow:hidden;}
.slideInner{height:540px;position:relative;left:0;margin-left:0;}
.slideInner a{display:block;height:540px;background-size:cover;background-position:center center;position:relative;text-align:center;z-index:1;}
.navListBox{position:absolute;left:50%; bottom:17px;z-index:99; margin-left:-50px;}
.navListBox li{width:15px;height:15px;float:left;margin:0 5px;overflow:hidden;background:url(../images/banner_btn.png) no-repeat; cursor:pointer;}
.navListBox .act{background:url(../images/banner_btn_act.png) no-repeat;}


/*搜索*/
.search_box{ height:75px; width:100%; background:url(../images/search_box.jpg) repeat-x;}
.search{ margin:0 auto;width:1000px; overflow:hidden;}
.search_l{ float:left; line-height:75px;}
.search_l span{ color:#999; margin-right:20px;}
.search_l a{ color:#333; margin-right:16px;}
.search_l a:hover{ color:#e12c23;}
.search_r{ float:right; margin-top:27px;}
.search_r .text{ height:19px; padding:0 10px; border:1px solid #d9d9d9; border-right:none; width:304px; line-height:19px; font-size:12px; color:#999; font-family:"Microsoft YaHei"; float:left;}
.search_r .submit{ height: 21px; float:left;
    border: 1px solid #d9d9d9;
    border-left: none;
    background: url(../images/search.png) no-repeat center center;
    text-indent: 99999px;
    width: 33px;
    vertical-align: middle;
    margin-left: -5px;}

/*聚焦*/
.focus{height:160px; position:relative; margin:50px auto;}
.focus img{ position:absolute; left:50%; margin-left:-720px;}


/*标题01*/
.index_tit{ width:1000px; margin:0 auto; overflow:hidden; background:url(../images/tit_bg.png) no-repeat left bottom;}
.index_tit span{ display:block; margin:0 9px 6px 14px;float:left; border-bottom:2px solid #e12c23; color:#333; padding:0 2px; font-size:22px; font-weight:bold; line-height:31px;}
.index_tit p{margin-top:14px;font-size:12px; color:#cdcdcd; float:left; text-transform:uppercase; line-height:12px;}
.index_tit>a{ color:#666; float:right; font-size:14px;  text-transform:uppercase; margin:10px 8px 0 0;}
.index_tit>a:hover{ color:#e12c23;}


/*应用领域*/
.range_l{ float:left; margin-right:4px; overflow:hidden; width:468px; margin-top:20px; margin-bottom:48px;}
.range_l ul li{ float:left; margin:0 12px 12px 0; width:220px; height:110px; overflow:hidden;}
.range_l_l{ float:left; padding-left:12px; padding-top:12px; width:138px; height:98px; background:url(../images/range_act.png) no-repeat 12px 82px #e6e6e6;}
.range_l_l span{font-size:14px; color:#333; line-height:21px; text-transform:uppercase;}
.range_l_r{ float:left; width:70px; height:110px; background-color:#d7d7d7; overflow:hidden;}
.range_l_r>div{width:70px; height:110px;overflow:hidden;}
.range_icon01{ background:url(../images/range_icon.png) no-repeat 0 0;}
.range_icon02{ background:url(../images/range_icon.png) no-repeat -70px 0;}
.range_icon03{ background:url(../images/range_icon.png) no-repeat 0 -110px;}
.range_icon04{ background:url(../images/range_icon.png) no-repeat -70px -110px;}
.range_icon05{ background:url(../images/range_icon.png) no-repeat 0 -220px;}
.range_icon06{ background:url(../images/range_icon.png) no-repeat -70px -220px;}
.range_l ul li:hover .range_l_l span{ color:white;transition:all 0.3s ease-in-out;}
.range_l ul li:hover .range_l_l p{ color:white;transition:all 0.3s ease-in-out;}
.range_l ul li:hover .range_l_r{ background-color:#c22626;transition:all 0.3s ease-in-out;}
.range_l ul li:hover .range_l_l{ color:white;background:url(../images/range_hover.png) no-repeat 18px 82px #cc2222;transition:all 0.3s ease-in-out;}
.range_l ul li:hover .range_icon01{background:url(../images/range_icon_hover.png) no-repeat 0 0;transition:all 0.3s ease-in-out;}
.range_l ul li:hover .range_icon02{background:url(../images/range_icon_hover.png) no-repeat -70px 0;transition:all 0.3s ease-in-out;}
.range_l ul li:hover .range_icon03{background:url(../images/range_icon_hover.png) no-repeat 0 -110px;transition:all 0.3s ease-in-out;}
.range_l ul li:hover .range_icon04{background:url(../images/range_icon_hover.png) no-repeat -70px -110px;transition:all 0.3s ease-in-out;}
.range_l ul li:hover .range_icon05{background:url(../images/range_icon_hover.png) no-repeat 0 -220px;transition:all 0.3s ease-in-out;}
.range_l ul li:hover .range_icon06{background:url(../images/range_icon_hover.png) no-repeat -70px -220px;transition:all 0.3s ease-in-out;}

.range_r{ float:left; margin-top:20px; position:relative; height:354px; overflow:hidden}
.range_r ul li{position:relative; width:528px; height:354px; overflow:hidden;}
.range_r_img{ width:528px; height:354px; overflow:hidden;}
.range_down{ position:absolute; left:0; bottom:0;padding:7px 0 0 30px; width:498px; height:83px; background:url(../images/range_r_bg.png); color:white;}
.range_down span{ font-size:14px; line-height:28px;}
.range_down p{ display:block; line-height:24px; height:42px; width:456px; overflow:hidden;}
.range_btn{ position:absolute; right:14px; bottom:9px;}
.range_btn .cell{ color:#ee5050; font-style:italic; font-size:26px; display:inline-block;}
.range_btn em{ color:white;}
.range_pan{ position:absolute; left:5px; top:153px;width:518px; overflow:hidden;}
.range_pan .prev,.range_pan .next{ display:block; cursor:pointer;width:49px; height:49px; background:url(../images/range_r_prev.png) no-repeat;}
.range_pan .prev:hover{ background:url(../images/range_r_prev.png) no-repeat -49px 0;}
.range_pan .next:hover{ background:url(../images/range_r_prev.png) no-repeat -49px 0;}
.range_btn01{ width:30px; height:26px; margin:12px auto; display:block; background:url(../images/range_r_next.png) no-repeat;}
.range_btn02{ width:30px; height:26px; margin:12px auto; display:block; background:url(../images/range_r_next.png) no-repeat -30px -26px;}
.range_btn01:hover{ background:url(../images/range_r_next.png) no-repeat 0 -26px;}
.range_btn02:hover{background:url(../images/range_r_next.png) no-repeat -30px 0;}


/*墙体方案*/
.project_box{ height:270px; width:100%; background-color:#f9f9f9; padding-top:30px;}
.project{ padding:0 60px; background:url(../images/project_bg.png) no-repeat; margin-top:30px;}
.project ul{ overflow:hidden;}
.project ul li{ width:112px; height:170px; background:url(../images/project_li.png) no-repeat center bottom; overflow:hidden; float:left; margin-right:36px; text-align:center;}
.project ul li a{padding-top:120px; text-transform:uppercase; display:block; line-height:18px; font-size:12px; color:#333;}
.project ul>li:first-child + li + li + li + li +li + li{ margin-right:0;}
.project ul li a:hover{ color:#e12c23;}


/*产品直通车*/
.tit_nav{ position:absolute; right:100px; top:0;}
.tit_nav a{ display:block; float:left; width:100px; padding:5px 6px 9px; background:url(../images/tit_nav_a.png) no-repeat right 13px; line-height:15px; height:30px; text-align:center; font-size:12px; color:#333;}
.tit_nav a:hover{ background:url(../images/tit_nav_hover.png) center top; color:white;transition:all 0s ease-in-out;}
.tit_nav .act{ background:url(../images/tit_nav_hover.png) center top; color:white;transition:all 0s ease-in-out;}
.index_tit .cur{ color:#e12c23; margin-top:3px; font-size:12px;}

.product{ margin:50px auto; width:1000px; position:relative; padding-top:6px; min-height:332px;}
.product ul { margin-top:36px;height:332px;overflow:hidden;}
.product ul li{ width:1000px; overflow:hidden;}
.pro_l{ float:left;}
.pro_l div{ width:468px; height:322px; overflow:hidden; border:5px solid #f1f1f1;}
.pro_r{ float:right; width:488px; overflow:hidden;}
.pro_r_up span{ width:380px; display:block; overflow:hidden;-o-text-overflow:ellipsis;white-space:nowrap;text-overflow:ellipsis; color:#333; font-size:16px; line-height:38px;}
.pro_r_up span:hover{ color:#e12c23;transition:all 0.5s ease-in-out;}
.pro_r_up p{ font-size:14px; display:block; width:465px; height:78px; overflow:hidden; line-height:26px; margin-top:9px; margin-bottom:41px;}
.pro_r_down div{ width:224px; height:156px; border:5px solid #f1f1f1;}

.pro_btn{ position:absolute; width:76px; right:6px; top:86px;}
.pro_btn .prev{ width:30px; height:26px;display:block; background:url(../images/range_r_next.png) no-repeat; float:left; margin-right:16px;}
.pro_btn .next{ width:30px; height:26px;display:block; background:url(../images/range_r_next.png) no-repeat -30px -26px; float:right;}
.pro_btn .prev:hover{ background:url(../images/range_r_next.png) no-repeat 0 -26px;}
.pro_btn .next:hover{background:url(../images/range_r_next.png) no-repeat -30px 0;}


/*产品直通车*/
.build_box{ width:100%; overflow:hidden; background:url(../images/build_bg.png) no-repeat top center; padding-top:46px;}
.build{ padding-top:6px;}
.build ul{ padding-top:26px;}
.build ul li{ width:1000px; height:390px; overflow:hidden;}
.build ul li .fl{ width:320px; height:340px; border:1px solid #ccc; position:relative; margin-right:17px;}
.build ul li .fl:hover{border:1px solid #c4261d;transition:all 0.5s ease-in-out; }
.build ul li .fl>a>div{ width:320px; height:220px; overflow:hidden;}
.build ul li .fl>a>span{ display:block; overflow:hidden;-o-text-overflow:ellipsis;white-space:nowrap;text-overflow:ellipsis; width:290px; margin:10px auto 5px; color:#333; font-size:16px;}
.build ul li .fl p{ display:block; overflow:hidden; width:290px; margin:0 auto;  font-size:14px; line-height:25px;}
.build_more{ display:block; position:absolute; left:110px; bottom:-14px; width:98px; height:27px; border:1px solid #ccc; background-color:white; line-height:27px;  text-align:center; font-size:14px; color:#666;}
.build ul li .fl>a>span:hover{ color:#c4261d;transition:all 0.5s ease-in-out;}
.build ul li .last{ margin-right:0;}
.build ul li .fl:hover .build_more{ border:1px solid #c4261d; background-color:#c4261d; color:white;transition:all 0.5s ease-in-out;}
.build_banner{ width:1000px; height:160px; position:relative; background:url(../images/join_bg.jpg) no-repeat;}
.build_banner>a>p{ position:absolute; font-size:17px; color:#333; font-weight:bold;}
.build_banner .p1{ left:10px; top:114px;}
.build_banner .p2{ left:148px; top:65px;}
.build_banner .p3{ left:243px; top:114px;}
.build_banner .p4{ left:397px; top:65px;}
.build_banner .p5{ left:519px; top:114px;}


/*客户见证*/
.case_box{ width:100%; height:775px; background:url(../images/case_box.png); margin:60px 0;}
.case{ padding:36px 0; overflow:hidden;}
.case .cell{ float:left; margin-right:5px;}
.case .cell span{ display:block;  padding-left:10px; width:178px; height:54px;  margin-bottom:8px;line-height:54px; color:#333; font-size:14px; background:url(../images/range_act.png) no-repeat 165px center #e6e6e6; cursor:pointer;}
.case .cell span a{ color:#333;}
.case .cell .act{ background:url(../images/range_hover.png) no-repeat 165px center #cc2222; color:white;}
.case .cell .act a{color:#fff}
.case ul{ float:left;}
.case ul li{ float:left; margin-left:11px; position:relative; width:258px; height:364px; overflow:hidden;}
.case ul li span{ display:block; height:35px;padding:0 15px; width:228px; background:url(../images/range_r_bg.png); line-height:35px; text-align:center; color:white; font-size:14px; position:absolute; left:0; bottom:0; overflow:hidden;-o-text-overflow:ellipsis;white-space:nowrap;text-overflow:ellipsis;}


/*大客户列表*/
.client{ position:relative;}
.client_btn{ position:absolute; width:76px; right:6px; top:10px;}
.client_btn .prev{ width:30px; height:26px;display:block; background:url(../images/range_r_next.png) no-repeat; float:left; margin-right:16px;}
.client_btn .next{ width:30px; height:26px;display:block; background:url(../images/range_r_next.png) no-repeat -30px -26px; float:right;}
.client_btn .prev:hover{ background:url(../images/range_r_next.png) no-repeat 0 -26px;}
.client_btn .next:hover{background:url(../images/range_r_next.png) no-repeat -30px 0;}
.client ul{ height:160px; overflow:hidden}
.client ul li{ width:180px; height:160px; background-color:white; float:left; margin:0 10px;}
.client ul li a div{ width:120px; height:96px; overflow:hidden; margin:20px auto 6px;}
.client ul li a span{ display:block; width:140px; margin:0 auto; overflow:hidden;-o-text-overflow:ellipsis;white-space:nowrap;text-overflow:ellipsis; color:#333; font-size:14px; text-align:center;}
.client ul li:hover .client_span{ color:#c4261d;transition:all 0.5s ease-in-out;}



/*首页新闻*/
.news{ width:960px; margin:0 auto; overflow:hidden;}
.news_l{ float:left; width:640px; overflow:hidden;}
.news_l_tit{ width:640px; height:38px; background:url(../images/news_tit.png) repeat-x left bottom;}
.news_l_tit>a{ color:#666; float:right; font-size:14px;  text-transform:uppercase; margin:5px 0 0 0;}
.news_l_tit>a:hover{color:#e12c23;}
.news_l_tit .cell{ width:242px; height:38px; background-color:white; float:left;}
.news_l_tit .cell span{ display:block; width:108px; height:34px; border:2px solid #e12c23; cursor:pointer; line-height:34px; text-align:center; float:left; margin-right:18px;color:#e12c23; background-color:transparent;}
.news_l_tit .cell .act{   background-color:#e12c23;color:white;}

.news_down{ overflow:hidden;}
.news_down dl{ overflow:hidden; margin:25px 0;}
.news_down dl dt{ width:220px; height:146px; overflow:hidden; float:left; margin-right:20px;}
.news_down dl dd{ float:left;}
.news_down dl dd a span{ display:block; width:334px; overflow:hidden;-o-text-overflow:ellipsis;white-space:nowrap;text-overflow:ellipsis; color:black; font-size:14px;}
.news_down dl dd a span:hover{ color:#e12c23;transition:all 0.5s ease-in-out;}
.news_down dl dd p{ display:block; line-height:24px; width:334px; height:96px; overflow:hidden; margin-bottom:4px;}
.news_down dl dd .more{ font-size:14px;color:#e12c23;}
.news_down dl dd .more:hover{color:black;}
.news_down ul{ width:620px; height:146px; background:url(../images/news_list.png) no-repeat;}
.news_down ul li{ float:left; padding-left:50px; width:255px; overflow:hidden;-o-text-overflow:ellipsis;white-space:nowrap;text-overflow:ellipsis; margin-right:5px; line-height:39px; margin-bottom:12px;}
.news_down ul li a{ color:#555555}
.news_down ul li a:hover{ color:#e12c23; }

.news_r{ float:right; width:300px;}
.news_r_tit{ width:300px; height:38px; background:url(../images/news_tit.png) repeat-x left bottom;}
.news_r_tit p{ display:block; float:left;width:3px; height:13px; background-color:#c4261d; margin-top:5px;}
.news_r_tit span{ display:block; float:left; font-size:18px; font-weight:bold; color:#333; padding:0 9px;}
.news_r_tit>a{ display:block; float:right;color:#666;font-size:14px; text-transform:uppercase; margin-top:8px; line-height:14px;}
.news_r_tit>a:hover{color:#e12c23;}
.news_r ul{ margin-top:24px; overflow:hidden;}
.news_r ul li{ background:url(../images/qanda.png) no-repeat; padding-left:27px; border-bottom:1px solid #ccc;margin-bottom:24px; height:148px;}
.news_r ul li span{display:block; width:254px; line-height:19px; overflow:hidden;-o-text-overflow:ellipsis;white-space:nowrap;text-overflow:ellipsis; color:#333; font-size:14px;}
.news_r ul li span:hover{ color:#e12c23;transition:all 0.5s ease-in-out;}
.news_r ul li p{ font-size:12px; display:block; line-height:24px;width:254px; height:96px; overflow:hidden; margin-top:12px;}



/*关于我们*/
.about_us{ height:212px; background:url(../images/about_us.jpg) no-repeat top center; padding-top:222px; margin:50px 0;}
.about_us>p{ font-size:14px; color:#4e4e4e;  text-align:center; line-height:27px; height:81px; width:446px; margin:0 auto; display:block;}
.about_us>div>a{ display:block; float:left; width:118px; height:34px; border:1px solid #878787; border-radius:4px; font-size:16px; color:black; text-align:center; line-height:34px;}
.about_us>div{ width:350px; margin:20px auto;}
.share{ float:left;height:29px; margin-top:3px;}
.share span{ float:left;margin-right:18px; margin-left:38px; line-height:29px;}
.share a{ display:inline-block; display:inline-block; padding:0 9px; }
.about_us>div>a:hover{ background-color:#878787; color:white;}


/*底部*/
.footer{ width:100%; background-color:#f2f2f2; overflow:hidden;padding-top:28px;}
.foot{ width:1200px; overflow:hidden; margin:0 auto;}
.foot_nav{ overflow:hidden;}
.foot_nav ul li{float:left; margin-right:16px;}
.foot_nav ul li a span{ display:block; border-bottom:1px solid #d9d9d9; width:186px; line-height:29px; font-size:14px; color:#333; margin-bottom:7px;}
.foot_nav ul li a span:hover{ color:#e12c23;transition:all 0.5s ease-in-out;}
.foot_nav ul li p a{ display:block; line-height:24px; color:#666;}
.foot_nav ul li p a:hover{ color:#e12c23;}
.foot_nav ul .last{ margin-right:0;}
.foot_nav ul li .last_s{ width:150px;}
.guan_up{ margin:12px 0; overflow:hidden;}
.guan_up a{ float:left; margin-right:10px;}
.guan_down{}
.guan_down img{ float:left;}
.guan_down span{ display:block; float:left; background:url(../images/sao.png) no-repeat; width:12px; height:68px; margin:21px 0 0 9px;}

.foot_down{ overflow:hidden; border-top:1px solid #d9d9d9; padding-top:18px; width:1200px; margin-top:20px;}
.foot_down .fr{ margin-top:10px;}
.links,.foot_d_nav{ width:858px; overflow:hidden; color:#c8c6c6; line-height:25px;}
.links a{ padding:0 13px; color:#777; display:inline-block;}
.links a:hover{color:#e12c23;}
.foot_d_nav{ margin:6px 0;}
.foot_d_nav a{ color:#333;padding:0 13px; }
.foot_d_nav a:hover{color:#e12c23;}
.foot_info{ color:#999; padding-left:12px;}
.foot_info span{ color:#333; margin-right:14px;}

.foot_drop{ width:100%; height:50px; background-color:#424242; line-height:50px; color:white; margin-top:40px;}
.drop p a{ color:white;}
.drop p a:hover{ text-decoration:underline;}
.drop p{ float:left;}
.drop .top{ display:block; width:77px; height:39px; background:url(../images/top.png) no-repeat; float:right;}



/*漂浮*/
#float{ overflow:hidden; background:url(../images/navbox_bg.jpg) repeat-x;position: fixed; top:110px; right:30px; display: none; _position:absolute; _top: expression(document.documentElement.scrollTop+(parseInt(this.currentStyle.marginTop,10)||0)); z-index: 99999999;}
#float ul li{ width:90px; height:53px; padding-top:16px; border-bottom:1px solid #2b2b2b; background-color:#424242; text-align:center;}
#float ul li a span{ display:block; width:20px; height:24px; margin:0 auto;}
#float ul li a p{ color:#999; line-height:24px; font-size:12px;}
.float_i01{ background:url(../images/float_bg.png) no-repeat 0 0;}
.float_i02{ background:url(../images/float_bg.png) no-repeat 0 -70px;}
.float_i03{ background:url(../images/float_bg.png) no-repeat 0 -139px;}
.float_i04{ background:url(../images/float_bg.png) no-repeat 0 -209px;}
.float_i05{ background:url(../images/float_bg.png) no-repeat 0 -280px;}
.float_i06{ background:url(../images/float_bg.png) no-repeat 0 -350px;}
.float_i07{ background:url(../images/float_bg.png) no-repeat 0 -419px;}

#float ul li:hover .float_i01{ background:url(../images/float_bg_hover.png) no-repeat 0 0;transition:all 0.5s ease-in-out;}
#float ul li:hover .float_i02{ background:url(../images/float_bg_hover.png) no-repeat 0 -70px;transition:all 0.5s ease-in-out;}
#float ul li:hover .float_i03{ background:url(../images/float_bg_hover.png) no-repeat 0 -139px;transition:all 0.5s ease-in-out;}
#float ul li:hover .float_i04{ background:url(../images/float_bg_hover.png) no-repeat 0 -209px;transition:all 0.5s ease-in-out;}
#float ul li:hover .float_i05{ background:url(../images/float_bg_hover.png) no-repeat 0 -280px;transition:all 0.5s ease-in-out;}
#float ul li:hover .float_i06{ background:url(../images/float_bg_hover.png) no-repeat 0 -350px;transition:all 0.5s ease-in-out;}
#float ul li:hover .float_i07{ background:url(../images/float_bg_hover.png) no-repeat 0 -419px;transition:all 0.5s ease-in-out;}
#float ul li:hover  .float_p{ color:white;transition:all 0.5s ease-in-out;}
#float ul li:hover{background-color:#e12c23;transition:all 0.5s ease-in-out;}

/*关于我们-漂浮*/
#float2{ overflow:hidden;position: fixed; top:167px; left:30px; display: none; _position:absolute; _top: expression(document.documentElement.scrollTop+(parseInt(this.currentStyle.marginTop,10)||0)); z-index: 99999999;}
#float2 ul li a p{ display:block; width:126px; height:70px; border:1px solid #666; color:#333; text-align:center; line-height:70px; font-size:14px; border-radius:3px;}
#float2 ul li{ margin-bottom:4px;}
#float2 ul li a p:hover{ border-color:#e12c23; background-color:#e12c23; color:white;transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;}

/*内页banner*/
.n_banner{ position:relative; height:340px; overflow:hidden;}
.n_banner img{ position:absolute; left:50%; margin-left:-960px;}


/*内页侧导航*/
.page_frame{ margin:30px auto;}
.frame_l{ float:left; width:230px; overflow:hidden;}
.page_nav{ width:230px; background:#e12c23; padding-bottom:1px; margin-bottom:20px; overflow:hidden; border-radius:2px;}
.page_l_tit{ width:230px; height:54px; background:url(../images/page_tit.png) no-repeat; line-height:54px; text-align:center; color:white; font-size:24px;}
.page_nav dl{ width:228px; overflow:hidden; background-color:white; padding:7px 0 13px; margin:0 auto;}
.page_nav dl dt a span{ display:block;color:white; width:172px; padding-left:32px; height:38px; border-radius:2px; line-height:38px; background:url(../images/page_nav_dt.png) no-repeat 16px center #898989; margin:6px auto; font-size:16px;}
.page_nav dl dt a span:hover{ background-color:#e12c23;transition:all 0.5s ease-in-out;}
.page_nav dl dt a .act{ background-color:#e12c23;transition:all 0.5s ease-in-out;}
.page_nav dl dd a span{display:block;width:184px; height:35px; line-height:35px;margin:0 auto; font-size:12px; color:#666; border-bottom:1px dashed #cdcdcd; overflow:hidden;-o-text-overflow:ellipsis;white-space:nowrap;text-overflow:ellipsis; padding-left:12px;}
.page_nav dl dd a .act{ color:#e12c23;transition:all 0.5s ease-in-out;}
.page_nav dl dd a span:hover{ color:#e12c23;transition:all 0.5s ease-in-out;}

.phone{ background:url(../images/page_phone.png) no-repeat; width:230px; height:95px;}
.phone span{ color:white; padding:10px 0 0 80px; display:block; text-transform:uppercase; font-size:14px;}
.phone p{  font-size:24px; width:230px; text-align:center; color:white; line-height:30px;}

/*内页标题和面包屑*/
.frame_r{ float:right; width:750px; background-color:white; overflow:hidden; padding:12px 0 30px;}
.page_r_tit{ border-bottom:1px solid #f4f4f4; width:730px; margin:0 auto 30px; overflow:hidden;}
.page_r_tit .fl{ position:relative; margin:0 0 0 10px; text-align:center; min-width:174px;}
.page_r_tit .fl h2{ font-size:40px; color:#e12c23;  text-transform:uppercase; line-height:60px;}
.page_r_tit .fl .above{ position:absolute; left:50%; margin-left:-87px; top:35px; line-height:22px; color:#333; font-weight:bold; width:174px; height:22px; background:url(../images/above.png) no-repeat; font-size:18px;}
.page_r_tit .fr{max-width:450px; overflow:hidden;-o-text-overflow:ellipsis;white-space:nowrap;text-overflow:ellipsis; line-height:60px; background:url(../images/bre_nav.png) no-repeat left center; padding-left:20px;}
.page_r_tit .fr span{ color:#999;}
.page_r_tit .fr a{ padding:0 10px; color:#666;}
.page_r_tit .fr a:hover{ color:#e12c23;}

/*产品列表*/
.pro_list{ overflow:hidden;}
.pro_list ul li{ width:710px; height:200px;background-color:#ededed; margin:0 auto 20px;}
.pro_list ul li a div{ width:220px; height:150px; border:5px solid #dadada; overflow:hidden; margin:20px; float:left;}
.pro_list ul li a div:hover{ border-color:#e12c23;transition:all 0.5s ease-in-out;}
.pro_list ul li .fl a span{ width:268px; display:block; overflow:hidden;-o-text-overflow:ellipsis;white-space:nowrap;text-overflow:ellipsis; color:#333; font-size:16px; line-height:40px; margin-top:24px;}
.pro_list ul li .fl a span:hover{ color:#e12c23;transition:all 0.5s ease-in-out;}
.pro_list ul li .fl p{ display:block; width:268px; height:100px; line-height:25px; overflow:hidden;}
.pro_list ul li .pro_list_more{ display:block; float:right; width:107px; height:107px; overflow:hidden; background:url(../images/pro_list_fr.png) no-repeat; margin:46px 32px 0 0;}
.pro_list ul li:hover  .pro_list_more{background:url(../images/pro_list_fr_hover.png) no-repeat;transition:all 0.5s ease-in-out;}
.pro_list ul li:hover{box-shadow: 2.5px 4.33px 13px 0px rgba(0, 0, 0, 0.14);transition:all 0.5s ease-in-out;}


/*热门推荐*/
.n_tit{ width:980px; margin:0 auto; overflow:hidden; background:url(../images/tit_bg.png) no-repeat left bottom;}
.n_tit span{ display:block; margin:0 9px 6px 14px;float:left; border-bottom:2px solid #e12c23; color:#333; padding:0 2px; font-size:18px; font-weight:bold; line-height:31px;}
.n_tit p{margin-top:14px;font-size:12px; color:#cdcdcd; float:left; text-transform:uppercase; line-height:12px;}

.hot_box{ width:1000px;  overflow:hidden; margin:0 auto 30px; background-color:white; padding:20px 0;}
.hot{ width:960px; margin-left:24px;overflow:hidden;}
.hot_r{ float:right; margin-top:20px;}
.hot_r dl{ width:400px; overflow:hidden;}
.hot_r dl dt{ display:block; width:395px; height:84px; overflow:hidden;text-align:center; background-color:#e6e6e6;}
.hot_r dl dt a{ display:inline-block; color:#333; font-size:18px; padding-right:38px; line-height:84px; background:url(../images/hot_r_dt.png) no-repeat right center ; }
.hot_r dl dt a:hover{ color:#e12c23;}
.hot_r dl dd{ display:block; text-align:center; float:left; margin:5px 5px 6px 0;}
.hot_r dl dd a{ display:block; width:95px; height:71px; padding-top:14px;color:#333; font-size:14px; line-height:18px; background:url(../images/hot_r_li.png) no-repeat 37px 54px #e6e6e6;}
.hot_r dl dd a:hover{ background:url(../images/hot_r_li_hover.png) no-repeat 37px 54px #e12c23; color:white;transition:all 0.5s ease-in-out;}


/*墙体问答*/
.ans_list{ overflow:hidden;}
.ans_list ul li{ width:658px; height:90px;margin:0 auto 20px; padding-left:52px; padding-top:18px; border:1px solid #d6d6d6; background:url(../images/qanda.png) no-repeat 23px 17px;}
.ans_list ul li a span{ width:632px; display:block; overflow:hidden;-o-text-overflow:ellipsis;white-space:nowrap;text-overflow:ellipsis; color:#333; font-size:16px; line-height:16px;}
.ans_list ul li a span:hover{color:#e12c23;transition:all 0.5s ease-in-out;}
.ans_list ul li a p{ width:632px; height:48px; overflow:hidden; line-height:24px; font-size:14px; color:#666; margin-top:14px;}
.ans_list ul li:hover{ background:url(../images/qanda.png) no-repeat 23px 17px #f2f2f2;transition:all 0.5s ease-in-out;}


/*达权资讯*/
.news_list{overflow:hidden;}
.news_list ul li{ width:710px; height:146px;margin:0 auto 20px;}
.news_list ul li a div{ width:220px; height:146px; overflow:hidden; float:left; text-align:center}
.news_list ul li .fl{ width:442px; height:128px; overflow:hidden; background-color:#f1f1f1; padding:18px 0 0 21px;}
.news_list ul li .fl a span{ display:block; width:414px; overflow:hidden;-o-text-overflow:ellipsis;white-space:nowrap;text-overflow:ellipsis; font-size:14px; color:black; line-height:14px; margin-left:7px;}
.news_list ul li .fl a span:hover{ color:#e12c23;transition:all 0.5s ease-in-out;}
.news_list ul li .fl p{ width:414px; display:block; font-size:14px; line-height:24px; height:72px; overflow:hidden; margin:6px 0 4px 7px;}
.news_list ul li .fl .more{ font-size:14px; color:#e12c23;margin-left: 7px;}
.news_list ul li .fl .more:hover{ color:black;}



/*集团子公司*/
.sub_list{ width:720px; margin:0 auto; overflow:hidden;}
.sub_list ul li{ width:348px; height:68px; border:1px solid #6e6e6e; float:left; margin:0 5px 20px; text-align:center;  font-size:14px; border-radius:2px; padding-top:12px;}
.sub_list ul li a{color:#333; line-height:21px;}
.sub_list ul li a p{ line-height:14px; color:#666; margin-top:2px;}
.sub_list ul li:hover{border:1px solid #e12c23; background-color:#e12c23;transition:all 0.5s ease-in-out;}
.sub_list ul li:hover .sub_list_p{ color:white;transition:all 0.5s ease-in-out;}


/*工程案例*/
.case_list{ width:710px; overflow:hidden; margin:0 auto; background:url(../images/case_list.png) no-repeat 27px 29px; }
.case_list ul li{ border:1px solid #bcbcbc; border-top:3px solid #bcbcbc; width:615px; height:214px; overflow:hidden; margin-bottom:20px; padding:20px 0 0 93px;}
.case_list ul li a div{ width:138px; height:194px; overflow:hidden; float:left;}
.case_list ul li .fl{ margin-left:30px;}
.case_list ul li .fl a span{display:block; width:420px; overflow:hidden;-o-text-overflow:ellipsis;white-space:nowrap;text-overflow:ellipsis; font-size:16px; color:#e12c23; line-height:24px; }
.case_list ul li .fl a span:hover{ color:black;transition:all 0.5s ease-in-out;}
.case_list ul li .fl p{ line-height:24px; width:420px; display:block; height:48px; overflow:hidden; margin:4px 0 10px;}
.case_list ul li .fl b{ font-weight:normal; font-size:14px; color:#333;}
.case_list ul li .fl>span{ line-height:24px; width:420px; display:block; height:48px; overflow:hidden;margin:4px 0 10px;}
.case_list ul li .fl em{ color:#999; font-size:14px; font-style:normal;}


/*墙体方案和适用领域列表*/
.plan_list{ padding-left:70px; width:640px; overflow:hidden; margin:0 auto; background:url(../images/plan_list.png) no-repeat;}
.plan_list ul li{ height:202px; margin-bottom:68px; overflow:hidden;}
.plan_list ul li .fl{ width:280px; overflow:hidden;}
.plan_list ul li .fl em{ font-style:normal; font-size:14px;  line-height:21px;}
.plan_list ul li .fl a span{display:block; width:280px; overflow:hidden;-o-text-overflow:ellipsis;white-space:nowrap;text-overflow:ellipsis; font-size:16px; color:#333; line-height:16px;}
.plan_list ul li .fl a span:hover{color:#e12c23;transition:all 0.5s ease-in-out;}
.plan_list ul li .fl p{ display:block; font-size:14px; line-height:25px; height:100px; width:280px; overflow:hidden; margin:13px 0 10px;}
.plan_info{ width:128px; height:16px; background:url(../images/plan_list_info.png) no-repeat;}
.plan_info span{display:inline-block; width:36px; overflow:hidden;-o-text-overflow:ellipsis;white-space:nowrap;text-overflow:ellipsis; font-size:12px; color:#b2b2b2; line-height:16px; margin:0 6px 0 22px;}
.plan_list ul li .fl .more{ display:block; float:right;background:url(../images/plan_list_more.png) no-repeat left 3px; padding-left:18px; font-size:14px; color:#666; text-decoration:underline; line-height:16px;}
.plan_list ul li .fl .more:hover{color:#e12c23;}
.plan_list ul li a div{ float:right; width:304px; height:202px; overflow:hidden;}



/*通用详情页*/
.page_frame2{ margin-bottom:30px;}
.bre_nav{width:1000px; overflow:hidden;-o-text-overflow:ellipsis;white-space:nowrap;text-overflow:ellipsis; line-height:55px; background:url(../images/bre_nav.png) no-repeat left center; padding-left:20px;}
.bre_nav span{ color:#999;}
.bre_nav a{ padding:0 10px; color:#666;}
.bre_nav a:hover{ color:#e12c23;}

.in_page{ background-color:white; padding-bottom:30px;}
.page_tit{ border-bottom:1px dotted #ccc; overflow:hidden; padding:35px 0 20px; width:968px; margin:0 auto;text-align:center; }
.page_tit h1{ font-size:22px; color:#333; line-height:28px; max-width:800px; margin:0 auto;}
.page_info{ width:500px; margin:15px auto 0; overflow:hidden;}
.page_info p{color:#999; margin-right:14px; line-height:16px;}
.fenxiang{ float:right;}
.page_content{width:960px; margin:24px auto; overflow:hidden; font-size:14px;}

.page_next{ width:884px; height:30px; line-height:30px; margin:0 auto 40px; background:#fcfcfc; border-top:1px dotted #ccc;border-bottom:1px dotted #ccc; padding:0 20px;}
.page_next a{ color:#333;}
.page_next .prev{ width:320px; display:block; overflow:hidden;-o-text-overflow:ellipsis;white-space:nowrap;text-overflow:ellipsis; text-align:right; float:left;}
.page_next p{ float:left; margin:0 18px;}
.page_next .back{ text-align:center; float:left; width:100px;}
.page_next .next{width:320px; display:block; overflow:hidden;-o-text-overflow:ellipsis;white-space:nowrap;text-overflow:ellipsis; float:left;}
.page_next a:hover{ color:#e12c23;}

.rec_news{ width:980px; margin:0 auto; overflow:hidden; }
.rec_news_l{ width:720px; height:243px; background-color:#f4f4f4; overflow:hidden; padding-top:12px; float:left; }
.rec_news_l ul{width:664px; margin:0 auto;}
.rec_news_l ul li{ border-bottom:1px dotted #ccc; margin-bottom:4px; line-height:40px; overflow:hidden;}
.rec_news_l ul li a span{ width:500px; display:block; overflow:hidden;-o-text-overflow:ellipsis;white-space:nowrap;text-overflow:ellipsis; float:left; color:#666;}
.rec_news_l ul li a span:hover{ color:#e12c23;transition:all 0.5s ease-in-out;}
.rec_news_l ul li p{ float:right; color:#999;}

.keyword{ width:664px; margin:28px auto;}
.keyword span{ display:block; float:left;overflow:hidden;-o-text-overflow:ellipsis;white-space:nowrap;text-overflow:ellipsis; }
.keyword i{ font-style:normal; float:right;}
.keyword p{ display:inline-block; padding:0 10px;}

.rec_news_r{ float:right; overflow:hidden;}
.rec_news_r ul li{ overflow:hidden; margin-bottom:1px;}
.rec_news_r ul li a{ display:block; width:152px; height:52px; background:url(../images/rec_news_r.png) no-repeat 185px center #f4f4f4; line-height:23px; color:#333; padding-left:26px; padding-right:60px;font-size:14px; padding-top:11px;}
.rec_news_r ul li a:hover{background:url(../images/rec_news_r_hover.png) no-repeat 185px center #e12c23; color:white;}

/*推荐方案*/
.rec_pro{ overflow:hidden; margin-top:24px; margin-bottom:10px;}
.rec_pro ul li{ float:left; width:282px; height:190px; border:5px solid #f6f6f6; overflow:hidden; margin-left:31px; position:relative;}
.rec_pro ul li span{ display:block; width:282px; height:40px; text-align:center; line-height:40px; font-size:14px; color:white; position:absolute; left:0; bottom:-40px; overflow:hidden; background:url(../images/range_r_bg.png);}
.rec_pro ul li:hover{ border-color:#c7c7c7;transition:all 0.3s ease-in-out;}
.rec_pro ul li:hover .rec_pro_span{ bottom:0;transition:all 0.3s ease-in-out;}



/*产品详情*/
.pro_det{ overflow:hidden; width:960px; margin:0 auto;}
.pro_det>h1{font-size:16px; color:#333; line-height:26px; overflow:hidden; margin:24px auto; font-weight:normal;}
.det_l{ float:left; width:478px; overflow:hidden;}
.det_l dl{ width:478px; height:332px; overflow:hidden;}
.det_l dl dt{ border:5px solid #f1f1f1; width:468px; height:322px; overflow:hidden;}
.det_l .cell{ margin-top:14px; overflow:hidden; position:relative; height:90px}
.det_l .cell .prev{ float:left; display:block; width:18px; height:27px; background:url(../images/det_l_p.png) no-repeat;  position:absolute; left:0; top:31px;}
.det_l .cell .next{float:left; display:block; width:18px; height:27px; background:url(../images/det_l_n.png) no-repeat;position:absolute; right:0; top:31px;}
.det_l .cell>div{ position:absolute; left:24px; top:0;}
.det_l .cell ul li{ width:124px; height:85px; overflow:hidden; border:2px solid #f1f1f1; float:left; margin:0 8px; cursor:pointer;}
.det_l .cell ul .act{ border:#f1655e 2px solid;}

.det_r{ float:left; margin-left:30px; width:450px; overflow:hidden; background:url(../images/det_r.png) no-repeat left 200px;}
.det_r>h2{ font-size:20px; width:450px; color:black; overflow:hidden;-o-text-overflow:ellipsis;white-space:nowrap;text-overflow:ellipsis; font-weight:normal; line-height:44px;}
.det_r dl{ overflow:hidden; width:100%; height:210px; line-height:21px; margin-bottom:10px; height:340px}
.det_r dl dt{ color:#333; font-size:14px;font-weight:bold;}
.det_r dl dd{ line-height:21px; display:block; width:320px; height:126px; overflow:hidden; margin-bottom:20px;}
.zix{ line-height:43px; }
.zix .con{ display:block; float:left; width:154px; height:43px;border:1px solid #e12c23; text-align:center; color:white; font-size:16px; background-color:#e12c23; border-radius:2px; margin-right:25px;}
.zix span{ float:left; font-size:14px;}
.zix a img{ float:left; margin-right:10px; margin-top:12px;}
.zix .con:hover{ background-color:transparent; color:#333; border:1px solid #ccc;}

.in_page2{background-color:white; padding:24px 0; margin-top:30px;}
.det_case{ width:924px; overflow:hidden; margin:20px auto;}
.det_case ul{ overflow:hidden;}
.det_case ul li{ width:258px; height:364px; overflow:hidden; float:left; margin:0 25px; position:relative;}
.det_case ul li .det_show{ padding-left:18px; height:120px; width:240px; background:url(../images/range_r_bg.png); position:absolute; left:0; bottom:0; color:white;}
.det_case ul li .det_show span{ display:block; border-bottom:1px dashed white; width:222px; overflow:hidden;-o-text-overflow:ellipsis;white-space:nowrap;text-overflow:ellipsis; font-size:14px; line-height:38px; margin-top:2px;}
.det_case ul li .det_show p{ display:block; width:222px; height:63px; overflow:hidden; line-height:21px; margin-top:6px;}
.det_case>p{ font-size:14px; width:874px; margin:40px auto 0;}
.det_case>p>strong{ color:#e12c23;}



/*达权视界*/
.exp_center{ overflow:hidden;}
.exp_tab{ width:960px; height:198px;border-bottom:1px solid #e0e0e0; margin:0 auto; padding:20px 0;}
.tab{ overflow:hidden; float:left;}
.tab a{display:block;width:38px;height:98px; float:left;}
.tab .prev{background:url(../images/video_btn.png) no-repeat 0 -98px; margin:50px 0 0 0;}
.tab .next{background:url(../images/video_btn.png) no-repeat -38px -98px; margin:50px 0 0 0;}
.tab .fl{ float:left;overflow:hidden; margin-top:16px;}
.tab .cell{}
.tab .cell span{ display:block; cursor:pointer; width:235px; height:160px; overflow:hidden; float:left; margin:0 26px;-moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; border:3px solid white;}
.tab .cell .act{ border-color:#10a6fb;transition:all 0.5s ease-in-out;}
.exp_video{background-color:white; margin:30px auto; padding:0 40px;}
.exp_video ul{ width:820px; overflow:hidden; margin:0 auto;}
.exp_video ul li{}
.exp_video ul li h2{font-size: 36px;color: rgb(0, 0, 0);text-align: center; font-weight:normal; line-height:36px; margin-bottom:40px;}

.news_list2{ overflow:hidden; width:896px; margin:20px auto;}
.news_list2 dl{ float:left; width:400px; overflow:hidden;font-size: 14px;}
.news_list2 dl dt{ width:400px; height:206px; overflow:hidden;}
.news_list2 dl dt img{transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s;}
.news_list2 dl dt img:hover{transform:rotate(10deg) scale(1.4);-moz-transform:rotate(10deg) scale(1.4);-ms-transform:rotate(10deg) scale(1.4);-o-transform:rotate(10deg) scale(1.4);-webkit-transform:rotate(10deg) scale(1.4);}
.news_list2 dl dd strong{ display:block; width:100%; color: rgb(51, 51, 51); overflow:hidden;-o-text-overflow:ellipsis;white-space:nowrap;text-overflow:ellipsis; line-height:47px;}
.news_list2 dl dd span{ color: rgb(102, 102, 102); line-height:12px; color:#999;}
.news_list2 dl dd p{ color: rgb(102, 102, 102); width: 400px;height:81px; overflow:hidden; line-height:27px; margin-top:16px; font-size:12px;}
.news_list2 dl dd strong:hover{ color:#e12c23;transition:all 0.5s ease-in-out;}
.news_list2 ul{ float:left; width:460px; overflow:hidden;font-size: 14px; margin-left:36px;}
.news_list2 ul li{ height:30px; overflow:hidden; background:url(../images/news_list_li.png) no-repeat; padding-left:43px; line-height:30px; margin-bottom:24px;}
.news_list2 ul li a p{ display:block; width:304px; overflow:hidden;-o-text-overflow:ellipsis;white-space:nowrap;text-overflow:ellipsis; float:left; color:#666;}
.news_list2 ul li span{font-size: 12px; color: rgb(153, 153, 153); float:right;}
.news_list2 ul li:hover{background:url(../images/news_list_li_hover.png) no-repeat;transition:all 0.5s ease-in-out;}
.news_list2 ul li a p:hover{ color:#e12c23;transition:all 0.5s ease-in-out;}


/*关于我们*/
.h_nav{ width:1000px; text-align:center; background:url(../images/h_nav.png) no-repeat left center; height:30px; margin:30px 0;}
.h_nav a{ display:inline-block; margin:0 10px; border:1px solid #c8c8c8; border-radius:2px; width:124px; height:28px; line-height:28px; color:black; font-size:14px;}
.h_nav a:hover{ background-color:#e12c23; border-color:#e12c23; color:white;}

.about{ width:1000px; overflow:hidden;}
.about01,.about02,.about03,.about04{ overflow:hidden;}
.about01 img{ margin-bottom:20px;}
.about01 p{ text-indent:30px; width:950px; margin:0 auto; font-size:14px; line-height:24px; letter-spacing:1px;}

.about02{ margin:60px 0; background:url(../images/about02.png) no-repeat; padding-top:7px; height:394px; position:relative;}
.about_tit{ height:24px; width:993px; border-left:7px solid #e12c23; overflow:hidden; color:black;}
.about_tit span{ font-size:24px; line-height:24px; margin:0 12px;}
.about_tit p{ font-size:16px; display:inline; text-transform:uppercase;}
.about02_p p{text-indent:30px; width:678px;font-size:14px; line-height:24px;}
.about02_p{ position:absolute; left:32px; top:170px;}

.date { clear:both; overflow:hidden; margin-bottom:70px; }
.dta_t { height:75px; overflow:hidden; margin-top:24px; }
.dta_t li{ line-height:50px;height:60px; display:block; float:left; text-align:center; width:249px; overflow:hidden;font-size:18px; color:#fff; background:url(../images/date_t.png) repeat-x left top; cursor:pointer; margin-right:1px;}
.dta_t li:hover{background:url(../images/date_t_c.png) center top no-repeat; }
.dta_t .act{background:url(../images/date_t_c.png) center top no-repeat; }
.dat_c { clear:both; }
.dat_c dl { padding:39px 0 10px; overflow:hidden; border-bottom:1px #cfcfcf dashed; font-size:30px; color:#656565;  }
.dat_c dl dt { float:left; text-align:center; width:107px; height:93px; line-height:90px; background:url(../images/date_bg1.png) center top no-repeat; }
.dat_c dd { float:right; width:890px; overflow:hidden; padding:3px 0 0; }
.dat_c dd li { line-height:30px; overflow:hidden; font-size:14px; width:360px; display:inline; float:left; margin:0 56px 0 26px; }
.dat_c dd li a, .dat_c dd li a:hover { color:#656565; }
.dat_c dd li span { display:inline-block; float:left; width:66px;  }

.about04{ background:url(../images/about04.jpg) no-repeat left 20px; height:793px;}


/*联系我们*/
.contact{ margin-top:50px; overflow:hidden;}
.contact_tit{ line-height:24px; font-size:24px; width:1000px; color:#333; background:url(../images/contact_tit.png) no-repeat right center; margin:30px 0;}
.contact01{}
.contact01 ul{ overflow:hidden;width:960px; margin:0 auto;}
.contact01 ul li {  border-bottom:1px solid #ccc; padding-bottom:20px; margin-top:28px; overflow:hidden;}
.contact01 ul li div{float:left; padding-left:24px; width:456px; overflow:hidden;}
.contact01 ul li div span{ font-size:16px; color:#141414; line-height:21px; display:block; float:left;}
.contact01 ul li div span::after{ clear:both;}
.contact01 ul li div img{ margin-right:6px; float:left;}
.contact01 ul li div p{ line-height:24px; display:block; overflow:hidden; font-size:14px; padding-top:6px;}
.contact02{ width:1440px; height:350px; background-color:#f7f7f7; margin:30px auto; overflow:hidden;}
.contact02 ul{ overflow:hidden;width:960px; margin:0 auto;}
.contact02 ul li {padding-bottom:20px; margin-top:28px; overflow:hidden;}
.contact02 ul li div{float:left; padding-left:72px; width:408px; overflow:hidden;}
.contact02 ul li div span{ font-size:18px; color:#141414; line-height:46px; display:block; float:left;}
.contact02 ul li div span::after{ clear:both;}
.contact02 ul li div img{ margin-right:6px; float:left;}
.contact02 ul li div p{ line-height:32px; display:block; overflow:hidden; font-size:16px; padding-top:6px; color:#3b3b3c;}


/*品质认证*/
.honor{ overflow:hidden; padding-top:20px;}
.honor>p{ display:block; margin:20px auto; color:black; width:950px; line-height:24px; font-size:14px; background:url(../images/honor_p.png) no-repeat; padding-top:20px; }
.honor ul{ overflow:hidden; width:964px; margin:0 auto;}
.honor ul li{float:left; width:199px; overflow:hidden; margin:15px 21px; text-align:center;font-size:14px; line-height:18px;}
.honor ul li a div{ width:199px; height:139px; overflow:hidden; background:url(../images/honor_bg.png) no-repeat;}
.honor ul li a div span{ display:block; width:187px; height:127px; overflow:hidden; margin:6px; }
.honor ul li>span{ display:block; width:100%;  color:#333; overflow:hidden;-o-text-overflow:ellipsis;white-space:nowrap;text-overflow:ellipsis;margin-top:12px;}
.honor ul li>p{display:block; width:100%;overflow:hidden;-o-text-overflow:ellipsis;white-space:nowrap;text-overflow:ellipsis;}

.patent{ overflow:hidden;}
.patent ul{ overflow:hidden; width:964px; margin:0 auto;}
.patent ul li{float:left; width:199px; height:279px; overflow:hidden; margin:24px 21px; text-align:center;font-size:14px; line-height:18px;background:url(../images/patent_bg.png) no-repeat;}
.patent ul li a div{ width:187px; height:267px; overflow:hidden; margin:6px; }

.br_list { overflow:hidden; zoom:1; width:960px; margin:20px auto; }
.br_list li { float:left;position:relative; border-bottom:1px solid #d4d4d4; width:192px; height:168px; text-align:center; padding-top:32px; }
.br_list li img { width:80px; height:80px; margin:0 auto; }
.br_list li span { display:block; text-align:center; color:#646464; font-size:14px; font-weight:bold; margin-top:20px; height:66px; overflow:hidden }
.br_list li span { font-weight:bold; display:block; font-size:16px; line-height:33px; color:#535353; }
.br_list li:hover span, .cho_c li:hover { color:#e12c23; text-decoration:none; }

.equipment ul li{width: 320px; height:265px;border: 1px solid #ccc; margin:0 25px 20px 25px; float:left}
.equipment ul li div{width: 320px;height: 220px;overflow: hidden; text-align:center}
.equipment ul li span{overflow: hidden;-o-text-overflow: ellipsis;white-space: nowrap;text-overflow: ellipsis;width: 290px;margin: 10px auto 5px; color: #333; font-size: 16px; line-height:30px; height:30px; text-align:center; display:block}
.equipment ul li span a{color:#000}


.sear_list{ overflow:hidden; clear:both; margin-top:40px}
.sear_list ul li{ width:960px; height:90px;margin:0 auto 20px; padding-left:20px; padding-top:18px; border:1px solid #d6d6d6; }
.sear_list ul li a span{ width:960px; display:block; overflow:hidden;-o-text-overflow:ellipsis;white-space:nowrap;text-overflow:ellipsis; color:#333; font-size:16px; line-height:16px;}
.sear_list ul li a span:hover{color:#e12c23;transition:all 0.5s ease-in-out;}
.sear_list ul li a p{ width:960px; height:48px; overflow:hidden; line-height:24px; font-size:14px; color:#666; margin-top:14px;}
.sear_list ul li:hover{ background:#f2f2f2;transition:all 0.5s ease-in-out;}
.sear_list ul li a span em{ font-style:normal;color:#e12c23}



/*代理加盟*/
.join_box{ width:730px; overflow:hidden; margin:30px auto;}
.join_form{ width:688px; padding:20px; border:1px solid #cbcbcb; overflow:hidden; background:url(../images/join_form_bg.jpg) no-repeat right bottom; margin:30px auto 0;}

.join_form h2 {font-family: "Microsoft YaHei";font-size: 24px;color: #333333;}
.join_form .srwb_box {overflow: hidden;}
.srwb_box .srwb_left {float: left;width:400px;}
.lbtm td { padding-bottom:5px;}
.srwb_a input{border:1px solid #666;line-height:22px; height:22px;}
.srwb_a textarea{border:1px solid #666;line-height:22px; height:90px; width:298px;}
.bm_01,.bm_02{width:138px;height:30px; border:1px solid #e12c23; background-color:#e12c23;color:#fff;font-size:14px;line-height:30px;}
.bm_01{   margin-right:16px;}
.bm_01:hover,.bm_02:hover{color:#333;border:1px solid #ccc; background-color:transparent;}
.srwb_a p{color:#f00}
.srwb_box .srwb_right {float: right;width:275px; overflow:hidden;}
.srwb_right h4 {font-size: 21px;color: #e12c23;font-weight: normal;}

.bat3 {margin-top:12px;-moz-border-radius: 7px;-webkit-border-radius: 7px;border-radius:7px;font-size: 16px;line-height: 35px;color: #FFFFFF;background-color: #e12c23;text-align: center;display: block;height: 35px;width: 140px; border:1px solid #e12c23}
.bat3:hover{ text-decoration:underline; background-color:transparent;}
.clear_a {clear:both;height:25px;}
.srwb_phone{ background:url(../images/srwb_phone.png) no-repeat; overflow:hidden; margin:20px 0;}
.srwb_phone span{ font-size:21px; padding-left:35px; line-height:23px;}
.srwb_phone p{ font-size:28px; color:#e12c23; line-height:36px;}
.srwb_right>p{ font-size:16px; line-height:28px; color:#333;}

/*大客户列表*/
.client_list ul{ width:720px; overflow:hidden; margin:0 auto;}
.client_list ul li{ width:178px; height:158px; background-color:white; float:left; margin:0 30px 30px; border:1px solid #ccc;}
.client_list ul li a div{ width:120px; height:96px; overflow:hidden; margin:20px auto 6px; text-align:center}
.client_list ul li a span{ display:block; width:140px; margin:0 auto; overflow:hidden;-o-text-overflow:ellipsis;white-space:nowrap;text-overflow:ellipsis; color:#333; font-size:14px; text-align:center;}
.client_list ul li:hover .client_span{ color:#c4261d;transition:all 0.5s ease-in-out;}





.apage {margin-top: 20px;padding: 0 5px;clear:both; text-align:center; height:30px }
.apage a,.apage span { padding:10px 15px;  margin-right:5px; background:#f2f2f2; color:#000; font-size:14px}
.apage .num_btns {float:right;}
.apage a:hover, .apage .current {background-color:#f00; color:#fff; text-decoration:none;}
.apage .cust_txt { float:left;}
.apage .oran_pg_fp { background:url(/images/first_page.gif) 4px 4px no-repeat; padding-right:9px;}
.apage .oran_pg_pp { background:url(/images/pre_page.gif) 4px 4px no-repeat; padding-right:5px;}
.apage .oran_pg_np { background:url(/images/next_page.gif) 8px 4px no-repeat; padding-right:12px;}
.apage .oran_pg_lp { background:url(/images/last_page.gif) 8px 4px no-repeat; padding-right:12px;}
.apage select { font-size:8px; margin-top:5px; }
.apage .oran_pg_txt { height:15px; border:solid 1px #d4e3e9; width:20px; margin-left:5px;}
.apage .oran_pg_btn { height:15px; border:solid 1px #d4e3e9; margin-left:5px; font-size:9px; background:#5984ac; color:#fff; }