@charset "utf-8";
/* CSS Document */
html,body{font-size:14px;background:#F7F8FA; color:#000000; font-family:微软雅黑, 'Microsoft YaHei','宋体' , Arial, Helvetica, sans-serif;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,iframe,label{ margin:0px; padding:0px; }
table{ border-collapse:collapse; border-spacing:0; }
fieldset,img,abbr,acronym{ border:none; }
ol,ul,li{ list-style:none; }
img{ border:0;}
img a{ margin:0px; padding:0px;}
acption,th{ text-align:left; }
h1,h2,h3,h4,h5,h6{ font-size:100%; font-weight:normal; }
q:before,qafter{ content:''; }
a{ color:#000000; text-decoration:none; outline:none; }
a:hover{ text-decoration:none;}
.h{width:100%; height:25px; font-size:1px; line-height:25px;clear:both;}
/*头部*/
#logo{ width:100%; height:130px; background:url(../images/logo_bg.jpg) center;}
#logo .logo{ width:1200px; margin:0 auto;  height:130px; background:url(../images/logo.jpg) center no-repeat;}
#logo .logo p{ float:right; margin-right:15px; line-height:50px; color:#949494;}
#logo .logo p a{ color:#949494; font-size:12px;}
/*导航栏*/
.nav_bg{ width:100%; height:48px; background:url(../images/nav_bg.jpg) center;}
.nav{ width:1200px; margin:0 auto;}
.nav ul{float:left; padding-left:10px;}
.nav ul li{ width:115px; float:left;line-height:48px;}
.nav ul li a{ display:block; text-align:center;color:#ffffff; font-weight:bold;}
.nav ul li a:hover{width:100%; color:#000000; background:#ffffff;}
.nav ul .on a{}
.search{ height:24px; float:right; margin-top:12px;}
.text{ width:140px; height:22px; border:1px solid #ccc; float:left; padding-left:5px; border-right:0px; line-height:22px; color:#555; margin-right:5px;}
.button_sear{ float:left; background:#0284BE; border:0px; color:#ffffff; display:block; text-align:center; margin-top:2px; outline:none;}


/*顶部大图*/
.banner{ width:100%; margin:0 auto;}
.banner img{margin:0 auto; text-align:center; width:100%;}
.banner .bd{ position:relative;}
.banner .hd {position: absolute;text-align: center; bottom:0;padding-bottom:15px;width: 100%;z-index:8;}
.banner .hd ul {margin:0 auto;}
.banner .hd ul li{cursor: pointer;display:inline-block;margin:0 5px;width:40px;height:10px;background:#000000;}
.banner .hd ul .on{background: #FF9900;}
/*中部*/
#mid{ width:100%; float:left;}
.mid{ width:1200px; margin:0 auto; overflow:hidden;}
/*首页产品展示*/
#mid-1 {float:left; margin-top:30px;}
#mid-1 .cp-left{ width:287px; float:left;}
#mid-1 .cp-left ul{width:100%; float:left; margin-top:5px;}
#mid-1 .cp-left ul li { width:100%; height:45px;line-height:45px; float:left; background:url(../images/cp_left_ul_li_bg.jpg) center no-repeat;  margin-bottom:5px;}
#mid-1 .cp-left ul li a{ display:block; text-align:center; color:#404040;}
#mid-1 .cp-left ul li a:hover{ width:100%;background:url(../images/cp_left_ul_li_hover.jpg) center no-repeat; color:#ffffff;}
#mid-1 .cp-right{width:875px; float:left; margin-left:38px;}
#mid-1 .cp-right .top{height:42px; line-height:42px; margin-left:0px; background:url(../images/cp_right_top.jpg) center no-repeat;}
#mid-1 .cp-right .top p{ float:right; margin-right:10px;}
#mid-1 .cp-right .top p a{ color:#ffffff;}
#mid-1 .cp-right  ul{float:left;  padding:15px 0; border-top:0px;}
#mid-1 .cp-right ul li {float:left; margin:0 3px;}
#mid-1 .cp-right ul li img { width:200px; height:160px; padding:5px; border:1px solid #CFCFCF;}
#mid-1 .cp-right ul li img:hover{display:block; border:1px solid #0E65B4;}
#mid-1 .cp-right ul li span{ width:180px; text-align:center; display:block; line-height:25px; padding:10px 0;}
#mid-1 .cp-right ul li span a{ color:#8E8E8E;}

/*关于我们*/
.mid-about{ width:100%; height:266px; float:left; background:url(../images/index_about.jpg) center no-repeat;}
.mid-about p{ width:600px; padding-top:75px; padding-left:550px; color:#ffffff; font-size:12px; line-height:25px;}

/*联系我们*/
#mid-2 { width:100%; float:left;}
#mid-2 .left{ width:286px; float:left;}
#mid-2 .left .top{ float:left; height:44px; background:url(../images/about_top.jpg) center no-repeat;}
#mid-2 .left .top p { float:right; line-height:44px; margin-right:10px;}
#mid-2 .left p { line-height:30px; padding-left:5px;}
#mid-2 .left p a{ color:#ffffff;}
#mid-2 ul{float:left; margin:30px 20px 10px 20px; padding:10px;}
#mid-2 ul li {float:left; margin:0 13px; padding-top:10px;}
#mid-2 ul li img{ width:260px; height:220px;}
#mid-2 ul li span{ width:260px; text-align:center; display:block; line-height:35px;}

/*新闻动态*/
#mid-2 .middle{ width:875px;float:left; margin-left:38px;}
#mid-2 .middle .top{float:left; height:44px; background:url(../images/hydt_top.jpg) center no-repeat; width:426px; margin:0px; margin-bottom:20px;}
#mid-2 .middle .top p{float:right; line-height:44px; margin-right:10px;}
#mid-2 .middle .top p a{ color:#ffffff;}
#mid-2 .middle ul{ width:426px;padding:0px; margin:0px;}
#mid-2 .middle ul li{line-height:22px; height:22px;width:100%; background:url(../images/new_ul_li_bg.jpg) center no-repeat; margin:0px;padding:4px 0; float:left;color:#3E3E3E;}
#mid-2 .middle ul li a{float:left; padding-left:10px; color:#3E3E3E;}
#mid-2 .middle ul li a:hover{ color:#0E65B4; text-decoration:underline;}
#mid-2 .middle ul li span { float:right; line-height:26px; width:90px;}

/*工程案例*/
#mid-3 { width:100%; float:left;}
#mid-3 .top{ float:left; height:44px; background:url(../images/anli_top.jpg) center no-repeat; width:100%; margin-bottom:10px;}
#mid-3 .top p { float:right; line-height:44px; margin-right:10px;}
#mid-3 .top p a{ color:#ffffff;}
#mid-3 ul{ border:1px solid #D2D2D4; float:left; padding:30px 14px 10px 14px;}
#mid-3 ul li{ width:210px; float:left; margin:0 12px;}
#mid-3 ul li img{ width:200px; height:160px; border:1px solid #CFCFCF; padding:5px;}
#mid-3 ul li img:hover{display:block; border:1px solid #0E65B4;}
#mid-3 ul li span{ display:block; text-align:center; width:100%; line-height:30px; margin-bottom:10px;}

/*友情链接*/
#mid-4 {float:left; width:1198px;border:1px solid #CFCFCF;}
#mid-4 img{ float:left;}
#mid-4 ul{ margin-top:5px;}
#mid-4 ul img{ float:left; width:116px; height:50px;border:1px solid #CFCFCF; margin:8px 13px;}
/*底部*/
#footer{ width:100%; float:left; background:#303030;height:108px; font-size:13px;}
#foot{ width:1200px; margin:0 auto;}
#foot img{ float:left;  margin-right:40px;}
#foot p{ float:left; color:#7A7A7A; margin-top:20px;line-height:25px;}
#foot p a{ color:#7A7A7A;}
/*内页*/
.cast{ width:100%; float:left;background:#fff; padding-top:30px; padding-bottom:20px;}
#left{ width:238px; float:left;}
#left ul{ width:100%; margin:0 auto;}
#left ul li {width:100%; height:62px; line-height:62px; float:left; background:url(../images/cp_left_ul_li_bg.jpg) center no-repeat; margin:3px 0; font-size:15px;}
#left ul li a{display:block; text-align:center;color:#FFFFFF;}
#left ul li a:hover{background:url(../images/cp_left_ul_li_hover.jpg) center no-repeat; color:#ffffff;}
/*内页右侧*/
#right{ width:896px; float:left; margin-left:36px;}
#right .top{height:62px; line-height:62px; background:url(../images/right_top.jpg)}
#right .top dl{float:left; color:#7EC0E2; font-size:20px; padding-left:20px; font-weight:bold;}
#right .top p { float: right;line-height:45px;margin-right:35px;}
/*内页产品展示*/
#right .product{ width:922px; float:left;}
#right .product .middle { width:100%; border:0px;}
#right .product .middle img{ width:500px;padding:30px; float:left;}
#right .product .middle span{ width:280px; float:left; line-height:40px;margin-right:20px; padding:60px 0;}
#right .product .middle P{ width:240px; float:left; padding:10px 0; border-top:1px solid #cccccc;border-bottom:1px solid #cccccc; display:block; text-align:center; color:#FF4F01; font-size:18px; font-weight:bold;}
#right .product P{ width:94%; margin:0 auto; line-height:30px; border:0px; padding:0px;}
/*内页新闻动态*/
#right .new{width:100%; float:left;}
#right .new ul{ width:92%; margin:0 auto;}
#right .new ul li{ line-height:35px; height:35px; padding:10px 0; border-bottom:1px dashed #e5e5e5;  background:url(../images/new_ul_li_bg.jpg) left no-repeat; width:100%;}
#right .new ul li a{ padding-left:30px; float:left;}
#right .new ul li a:hover{ color:#FF4F01;}
#right .new ul li span{ float:right;}
#right .new dl{ width:100%; text-align:center; line-height:35px; padding:5px 0; font-size:20px; margin:0 auto; color:#FF4F01; display:block;}
#right .new dt{ width:40%; text-align:center; padding:5px 0;margin:0 auto; border-bottom:1px dashed #ccc; display:block;}
#right .new p{ width:90%; margin:0 auto; line-height:30px;}
/*内页关于我们*/
#right .about{width:100%; margin:0 auto; padding:20px 0;}
#right .about p{ line-height:30px; width:96%; margin:0 auto;}
/*内页成功案例、荣誉资质*/
#right .new .imgbg{ width:100%; text-align:center; display:block; padding-top:10px;}
#right .new .imgbg img{ max-width:600px;}


.navi{ width:100%;line-height:35px;padding:20px 0;}