﻿@charset "utf-8";
@import url("iconfont.css");
/*全局样式
---------------------------------------------*/
body{ margin:0 auto; padding:0;font:12px/1.5 Arial,"Microsoft Yahei"; -webkit-font-smoothing:antialiased; background:#eee}
input,button,select,textarea,img,p,h1,h2,h3,h4,h5{ margin:0; padding:0; border:0; font-family:'Microsoft YaHei','微软雅黑'; }
a{text-decoration:none; color:#333 }
ol,ul,li,dl,dd{ margin:0 auto; padding:0; list-style-type:none; }
i,em{ font-style:normal; }
table { border-collapse:collapse; border-spacing:0; }

/*Clear Fix*/ 
.clear{ clear:both; font-size:0px; height:0px; overflow:hidden; }
.box{width:1200px; margin:0 auto}




/*手机站首页
****************************************/		
.mobile{ width:100%}
.index_title{ background-image:url(../Images/ico_title.png); background-repeat:no-repeat; background-position:center top; height:60px; margin-bottom:30px;}
.index_title p{ text-align:center; font-size:12px; text-transform:uppercase; color:#999; line-height:20px}
.index_title h2{ font-size:20px; text-align:center; color:#039a41; line-height:40px}
.index_img{ height:46.5vw; overflow:hidden;}

/*头部样式*/
.index_header{ background:#fff}
.index_header img{ width:100%; height:100%}

/*焦点广告*/
.index_banner{ width:100%; overflow:hidden;background:#fff;}
.index_banner .swiper-slide{ background-repeat: no-repeat; background-position:center top}
.index_banner img{ width:100%; height:100%}


/*项目列表*/
.index_project{background:#fff; margin-bottom:10px}
.index_project_list li{ float:left; width:25%; text-align:center; padding-top:30px;padding-bottom:20px;}
.index_project_list li div{ max-width:89px; margin:0 auto; margin-bottom:10px}
.index_project_list li img{ width:100%; height:100%;}

/*产品展示*/
.index_product{ background:#fff; padding-top:30px; margin-bottom:10px}
.index_product_list{ width:98%; margin:0 auto}
.index_product_list li{ float:left; width:46.5%; margin-right:1%; border:1px solid #039a41; padding:1%; margin-bottom:15px}
.index_product_list li:nth-of-type(even){ margin-right:0px;}
.index_product_list li img{ width:100%; height:100%}
.index_product_list li p{ text-align:center; font-size:12px; line-height:40px; overflow:hidden; height:40px;}

/*工程案例*/
.index_case{ background:#fff; padding-top:30px; margin-bottom:10px}
.index_case_list{ width:98%; margin:0 auto}
.index_case_list li{ float:left; width:46.5%; margin-right:1%; border:1px solid #039a41; padding:1%; margin-bottom:15px}
.index_case_list li:nth-of-type(even){ margin-right:0px;}
.index_case_list li img{ width:100%; height:100%}
.index_case_list li p{ text-align:center; font-size:12px; line-height:40px;overflow:hidden; height:40px;}

/*关于我们*/
.index_about{ background:#fff;padding-top:30px;  margin-bottom:10px;}
.index_about_content{ width:95%; margin:0 auto;}
.index_about_content img{ width:100%}
.index_about_content p{ line-height:25px; text-indent:2em; font-size:14px;}
.index_about_content a{ margin:20px auto; width:120px; height:40px; line-height:40px; text-align:center; font-size:16px; background:#039a41; color:#fff; display:block;border-radius:6px;-moz-border-radius:6px; /* Old Firefox */}

/*荣誉证书*/
.index_certificate{ background:#fff; padding-top:30px; margin-bottom:10px;}
.index_certificate_list .swiper-slide img{ width:100%;}
.index_certificate_list .swiper-slide a{ display:block;}
.index_certificate_list .swiper-slide p{ line-height:30px; display:block}
.index_certificate_a a{margin:20px auto; width:120px; height:40px; line-height:40px; text-align:center; font-size:16px; background:#039a41; color:#fff; display:block;border-radius:6px;-moz-border-radius:6px;}

/*新闻资讯*/
.index_news{ background:#fff;padding-top:30px; margin-bottom:10px;}
.index_news_list{ width:90%; margin:0 auto;}
.index_news_list li{ padding-bottom:10px; margin-bottom:10px; border-bottom:1px solid #999;}
.index_news_list li h2{ line-height:40px; height:40px; font-size:14px; overflow:hidden}
.index_news_list li h2 i{ float:left; width:5px; height:5px;  background:#039a41; margin-top:18px; margin-right:5px}
.index_news_list li p{ line-height:24px; height:48px; overflow:hidden;}
.index_news_list li p span{ float:right;}

/*底部样式*/
.footer{ margin-bottom:60px;height:70px;padding-top:10px;}
.footer p{text-align:center; line-height:24px; }



/*手机站内页
****************************************/	
.content{ width:100%; background:#fff}
.box{ width:95%; margin:0 auto;}
.banner img{ width:100%; height:100%;}
/*面包导航*/
.category_nav{ width:95%; margin:10px auto;}
.category_nav h2{ font-size:12px; font-weight:normal; line-height:18px;}

/*内容页列表 单级菜单*/
.content_list{ padding:15px 0 5px 0;}
.content_list li{ width:47%; margin-right:1%; float:left; border:1px solid #f1f1f1; line-height:30px; margin-bottom:10px}
.content_list li a{display:block;}
.content_list li a:hover{ color:#039a41}
.content_list li i{ width:5px; height:5px; float:left; margin:12px 5px 0 15px; background:#039a41;}
.content_list li:hover i{ background:#1d5578;}
.content_title{ background:#039a41; height:50px; line-height:50px; padding-left:30px; font-size:16px; color:#fff}

/*内容页列表 多级菜单*/
.content_list dl{ width:47%; margin-right:1%; float:left; }
.content_list dt{border:1px solid #f1f1f1; line-height:30px; margin-bottom:10px}
.content_list dt a:hover{ color:#039a41}
.content_list dt i{width:5px; height:5px; float:left; margin:12px 5px 0 15px; background:#039a41;}
.content_list dt:hover i{ background:#1d5578;}
.content_list dd{border:1px solid #f1f1f1; line-height:30px; margin-bottom:10px; padding-left:30px}
.content_list dd a:hover{ color:#039a41}

/*文章页面*/
.content_show{ line-height:24px; font-size:14px; padding:10px}
.content_show img{ width:100%}
.content_show h1{ text-align:center; font-size:20px; line-height:40px}
.content_show h2{ text-align:center; font-size:12px; line-height:30px; font-weight:normal; margin-bottom:15px; border-bottom:1px solid #eee}



/*图片页面*/
.content_exhibition{ margin-top:20px}
.content_exhibition li{ float:left; width:46.5%; margin-right:1%; border:1px solid #039a41; padding:1%; margin-bottom:15px}
.content_exhibition li:nth-of-type(even){ margin-right:0px;}
.content_exhibition li img{ width:100%; height:100%}
.content_exhibition li p{ text-align:center; font-size:12px; line-height:40px;overflow:hidden; height:40px;}

/*内容新闻页面*/
.content_news{ margin:10px}
.content_news li{ padding-bottom:10px; margin-bottom:10px; border-bottom:1px solid #999;}
.content_news li h2{ line-height:40px; height:40px; font-size:14px; overflow:hidden}
.content_news li h2 i{ float:left; width:5px; height:5px;  background:#039a41; margin-top:18px; margin-right:5px}
.content_news li p{ line-height:24px; height:48px; overflow:hidden;}
.content_news li p span{ float:right;}




/*兼容样式
****************************************/
@media (max-width:479px)
{
.index_project_list li a{ font-size:10px; }
.index_project_list li img{ width:80%; height:80%;}
    
    }