﻿/* CSS Document */

*{margin:0;padding:0;list-style-type:none;}
table{empty-cells:show;border-collapse:collapse;border-spacing:0;}
h1{font-weight:bold;} h2{ font-weight:normal;} h3{font-size:14px; font-weight:normal;}h4{font-size:13px; font-weight:normal;}
abbr,acronym{border:0;font-variant:normal}
address,caption,cite,code,dfn,th,var,optgroup,i,em,small,strong,ins,tt,big,p,tb{font-weight:normal;font-style:normal; text-decoration:none;}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}
input,button,textarea,select{*font-size:100%}
a{ text-decoration:none;}
a:hover{ text-decoration:underline;}
body{margin:0 auto; padding: 0px; font-family:"微软雅黑",Arial; font-size:14px;}
html{overflow-x:hidden;}
img{ border:none}

.fr{ margin: 0 auto; overflow: hidden; }
.hr{ position:relative;}
.ft{ float:left;}
.fy{ float:right;}

/*头部*/
.top{ width:1200px; height:112px;}
.logo{ float:left; margin-top:35px;}
.tel{ background:url(../images/tel.png) left no-repeat; margin-top:43px; padding-left:50px;}
.tel .no1{ color:#525252; font-size:14px;}
.tel .no2{ color:#000; font-size:27px;}


#nav{background:url(../images/nav.png) repeat-x; height:65px; z-index:1; position:relative;}
.nav{ width:1200px; padding-top:8px; height:50px;}
.nav li{ float:left; font-size:16px; width:12.5%; line-height:50px; text-align:center;}
.nav li a{ color:#fff; display:block;}
.nav li a:hover{}

.search{ margin-top:60px;}

/*banner*/
#banner{ top:-7px; position:relative;}

/*首页产品*/
.index_product{ width:1200px; padding:60px 0;}
.index_product_left{ width:264px;}
.index_product_left li{ width:264px; margin-bottom:2px; height:50px; background:url(../images/icon2.png)#f5f5f5 210px 17px no-repeat; line-height:50px; text-indent:2em;}
.index_product_left li a{ display:block; color:#000;}
.index_product_left ul h3{ width:264px; height:80px; color:#fff; font-size:28px; font-weight:bold; text-align:center; line-height:80px; background:url(../images/index_product_1.png) no-repeat;}
.index_product_left ul{ overflow:hidden;}
/*联系方式*/
.index_contact{ width:226px; border:#ccc solid 1px; margin-top:20px; padding:30px 18px;}
.index_contact .no1{ color:#010101; font-size:16px; text-indent:1em;}
.index_contact:before{ width:3px; height:17px; background-color:#383838; content:''; display:block; float:left; position:relative; top:2px;}
.index_contact .fobt{ background:url(../images/index_contact.jpg) left top no-repeat; color:#383838; font-size:20px; line-height:40px; text-indent:2.5em; margin-top:20px; margin-bottom:20px;}
.index_contact .no2{ color:#383838; font-size:27px; font-weight:bold; text-indent:0.3em; font-family:'Arial'}
.index_contact .no3{ color:#626262; font-size:14px; line-height:24px;}

/*推荐产品*/
.index_recommended{ overflow:hidden; text-align:center;}
.index_recommended span{ margin-top:20px; display:block;}
.index_recommended span img{
    width:100%;
}

/*首页产品列表*/
.index_product_right{ width:895px;}
.index_product_content{ overflow:hidden; padding-bottom:10px;}
.index_product_content .title{ background:url(../images/icon1.png) left no-repeat; color:#353535; font-size:18px; padding-left:30px;}
.index_product_content .title em{ text-transform:uppercase; font-size:16px; color:#858585; padding-left:10px;}
.index_product_content .content{ padding-top:14px; overflow:hidden;}
.index_product_content .content ul{ width:950px;}
.index_product_content .content li{ width:285px; height:175px; float:left; margin-right:20px;}
.index_product_content .content li h3{ width:285px; height:34px; color:#fff; text-align:center; line-height:34px; background: rgba(56,56,56,0.7) none repeat scroll; position:relative; top:-38px;}
.index_product_content .content li:hover{ text-decoration:none;}
.index_product_content .content li a{ display:block;text-decoration:none;height:100%;    text-align: center;}
.index_product_content .content li a img{
    height:100%;
}

/*五大理由*/
#reason{ background:url(../images/reason.jpg) center top no-repeat; padding-top:60px; overflow:hidden;}
.reason{ width:1200px;}
.reason .no{ text-align:center; padding-bottom:60px;}
.reason .no1{ overflow:hidden; margin-bottom:25px}
.reason .no1 span{}
.reason .no2{ margin-bottom:auto;}
.reason .no1 .content_left{ width:650px;}
.reason .no1 .down{ position:relative; top:80px;}
.reason .no1 .content_left .title{ background:url(../images/reason_13.png) no-repeat; font-weight:bold; font-size:38px; line-height:72px; text-align:center; width:646px;}
.reason .no1 .content_left .title_1{ background:url(../images/reason_14.png) right no-repeat; font-weight:bold; font-size:38px; line-height:72px; text-align:center; width:646px;}
.reason .no1 .content_left .content_news{ padding-top:35px;}
.reason .no1 .content_left .content_news p{ background:url(../images/reason_12.png) 0 22px no-repeat; color:#000; font-size:16px; padding-left:20px; line-height:50px;}

/*工程案例*/
#case{ background-color:#3f3f3f; padding:54px 0; overflow:hidden;}
.case{ width:1200px;}
.case .title{ background:url(../images/case.png) center top no-repeat; position:relative; }
.case .title p{ color:#fff;top:25px; text-align:center; font-size:24px; padding-top:10px;}
.case .title h3{ text-transform:uppercase; font-size:21px; text-align:center; color:#fff}
.case ul{ overflow:hidden; padding-top:35px;}
.case li{ float:left; margin-right:20px;}

/*荣誉证书*/
.certificate{ width:1200px; padding:50px 0;	}
.title{ background:url(../images/case.png) center top no-repeat; position:relative; }
.title p{ color:#333;top:25px; text-align:center; font-size:24px; padding-top:10px;}
.title h3{ text-transform:uppercase; font-size:21px; text-align:center; color:#333}
.certificate ul{ padding-top:50px; overflow:hidden;}
.certificate li{ float:left; margin:0 20px; padding-left:15px;width:218px;}
.certificate li img{
    width:100%;
}
.certificate .left{ position:relative; top:125px;}

/*公司简介*/
#index_about{ background:url(../images/index_about_1.jpg) center bottom no-repeat; height:372px; margin-top:50px;}
.index_about{ width:1200px; margin:0 auto;}
.index_about_content{ padding-top:30px;}
.index_about_content span{ position:relative; top:-29px; z-index:1; display:block; float:left; margin-right:40px;}
.index_about_content p{ color:#2d2d2d; font-size:24px; padding-top:40px;}
.index_about_content em{ padding-left:10px; text-transform:uppercase; font-size:21px;}
.index_about_content h3{ color:#464646; line-height:28px; font-size:14px; padding-top:25px;}
.index_about_content a{ width:130px; height:40px; background-color:#f7f7f7; text-transform:uppercase; text-align:center; font-size:16px; line-height:40px; display:block; float:left; color:#333; margin-top:20px;}

/*新闻动态*/
.index_news{ width:1200px; margin-top:50px; }
.index_news .title{ background:url(../images/case.png) center top no-repeat; position:relative; }
.index_news .title p{ color:#333;top:25px; text-align:center; font-size:24px; padding-top:10px;}
.index_news .title h3{ text-transform:uppercase; font-size:21px; text-align:center; color:#333}
.index_news_content{ padding-top:30px; overflow:hidden;}
.index_news_content ul{ float:left;}
.index_news_content li{ background-color:#f5f5f5; width:628px; height:137px; color:#636363; padding-right:20px; margin-bottom:6px;}
.index_news_content li h1{ padding-top:48px; font-size:28px; font-weight:normal; font-family:'Arial'; text-align:right}
.index_news_content li h2{ font-size:15px; text-align:right;}
.index_news_content li .no1{ width:75px; height:137px; float:left; padding:0 14px; border-right:#e5e5e5 solid 1px; margin-right:30px}
.index_news_content li p{ color:#000; font-size:17px; padding-top:30px; padding-bottom:10px;}
.index_news_content li h3{ font-size:14px; color:#6c6c6c; line-height:23px;}
.index_news_content li:hover{ background:url(../images/index_news.jpg)#f5f5f5 left no-repeat; color:#fff;}
.index_news_content li:hover a{ color:#fff;}
.index_news_content li a{ color:#333; text-decoration:none;}
.index_news_content_right .news_1{ background:url(../images/index_news_1.jpg) no-repeat; width:174px; height:277px; display:block; float:left;}
.index_news_content_right .news_1 a{ color:#595959; border:#d5d5d5 solid 1px; text-align:center; line-height:44px; font-size:14px; display:block; width:133px; position:relative; top:118px;}

/*联系我们*/
#contact{ margin-top:50px; overflow:hidden; background-color:#4a4b4e; color:#fff; height:300px;}
.contact{ width:50%; float:left; padding-top:62px;}
.contact_600{ width:600px;}
.contact_600 h3{ font-size:26px;}
.contact_600:before{ width:53px; height:6px; content:''; display:block; background-color:#fff;}
.contact_bottom{ margin-top:30px; background:url(../images/tel_bottom.jpg) left no-repeat;}
.contact_bottom p{ line-height:40px; font-size:16px; text-indent:2em;}
.contact_right_600{ width:50%; float:left;}

/*版权*/
#copy{ line-height:30px; background-color:#222; height:90px; text-align:center; padding-top:40px; color:#fff;}
#copy p a{ padding: 0 10px; color:#fff;}

/*公司简介*/
#about{ background:url(../images/about.jpg) bottom repeat-x;}
.about-center{ width:1200px; padding:50px 0;}
.about-content-editor{ padding-top:30px; overflow:hidden; color:#333; font-size:14px; line-height:30px;}
.about-content-editor p{ text-indent:2em;}
.about-content-editor span{ float:left; margin-right:20px;}

/*产品展示*/
.product{ width:889px;}
.product .title_1{ border-bottom:#c9c9c9 solid 1px; height:40px;}
.product .title_1 p{ color:#000; float:left; font-size:23px;}
.product .title_1 p:after{ color:#333; content:''; width:42px; height:4px; background-color:#333; display:block; position:relative; top:8px}
.product .title_1 em{ color:#797979;}
.product .title_1 em a{ color:#000;}
.product_content{ padding-top:50px}
.product_content li{ float:left; margin-right:20px; margin-bottom:20px; width:213px; height:227px;}
.product_content h3{ width:213px; color:#fff; text-align:center; line-height:34px; background: rgba(56,56,56,0.7) none repeat scroll; position:relative; top:-38px;}
.product_content h3:hover{ text-decoration:none;}
.product_content h3 a{ display:block;text-decoration:none;}

.product-3{ overflow:hidden; padding-top:30px;}
.product-3 dd{ width:330px; float:left; height:322px; margin:5px;box-shadow: 0 0 10px rgba(0,0,0,.2); text-align:center;}
.product-3 dd img{ padding-top:20px;}
.product-3 dt{ width:520px; float:right;	}
.product-3 dt h3{ border-bottom:#b3b2b2 1px dashed; color:#3b2d31; margin-bottom:10px; font-size:25px; line-height:50px;}
.product-3 dt .bt{ padding-bottom:15px;}
.product-3 dt h4{ color:#3b2d31; font-size:15px; line-height:25px;}
.product-3 dt h4 i{ color:#747474; font-size:14px; text-transform:uppercase;}

.product-4{ padding-top:50px; overflow:hidden;}
.product-4 li{ overflow:hidden; height:39px; background-color:#eae5e7; margin-bottom:30px;}
.product-4 li em{ background-color:#717171; line-height:39px; text-align:center; color:#fff; display:block; font-size:17px; float:left;}
.product-4 li em a{ padding: 0 30px; color:#fff; display:block; border-right:#fff solid 1px;}
.product-4 li em a:hover{ background-color:#0068b7; text-decoration:none; }
.product-4 li em .hover{ background-color:#0068b7; text-decoration:none; }
.product-4 h4{ color:#3b2d31; font-size:15px; line-height:28px;}
.product-4 h4 i{ color:#747474; font-size:14px; text-transform:uppercase;}
















