﻿BODY {
	FONT-SIZE: 0.875em;
	MARGIN: 0px auto;
	WIDTH: 100%;
	HEIGHT: auto;
	color:#383838;
	font-family:Microsoft YaHei,sans-serif; 
	line-height:24px;
	background:#f4f4f4;
}
*{ margin:0; padding:0}
ul li{list-style:none;
}
A {
	COLOR:#383838;
	TEXT-DECORATION: none
}
A:hover {
	COLOR: #383838;
	TEXT-DECORATION: none
}
h1{font-size:14px;color:#333;}
img{border:none;}
.clearfloat { clear:both; height:0; font-size: 1px; line-height: 0px;}
.height10{clear:both;height:12px;font-size:12px;line-height:12px;}

.top_bg{width:100%;height:846px;background:url(../images/banner.jpg) repeat-x center top; overflow:hidden; }
.top{width:1200px;height:59px; background:#fff;margin:0 auto;margin-top:50px;}
.logo{width:22.83%;height:55px;float:left;padding-left:1em;}
.nav{width:60%;line-height:59px;float:right;}
.nav li{float:left;width:16%;text-align:center;font-size:14px;font-weight:bold;}
.bar{widtH:100%;height:217px;background:rgba(55,151,186,0.9); position:absolute;bottom:98px;}
.bar ul{width:1200px;margin:20px auto;}
.bar li{width:294px;height:auto;float:left;color:#fff;margin-left:0.5%;}
.bar span{font-size:12px; text-transform:uppercase;}
.bar p{font-size:16px;font-weight:bold;}
.ourproduct{width:100%;height:auto;margin:0 auto;background:#f4f4f4;padding-top:50px;}
.op_title{text-align:center;height:100px;}
.op_title h2{font-size:20px;font-weight:bold;text-align:center;line-height:60px;}
.op_title p{width:800px;text-align:center;margin:0 auto;}
.op_box{width:100%;text-align:center;}
.op_box li{display:block;float:left;}
.op_box ul{width:700px;margin:20px auto;}
.li_c1 a:link{width:113px;height:26px;line-height:26px;text-align:center;display:block;background:url(../images/bt.jpg) no-repeat center;}
.li_c1 a:hover{display:block;width:113px;height:26px;line-height:26px;background:url(../images/bt_m.jpg) no-repeat center;color:#fff;}
.good{width:100%;height:auto;}
.gd_bg{width:100%;height:413px;background:url(../images/sky.jpg) no-repeat fixed;background-size:100% 100%;}
.gd_box{width:1200px;margin:0 auto;}
.fh{width:35%;height:296px;float:left;}
.gt{float:right;color:#fff;font-size:18px;font-weight:bold;width:55%;margin-top:40px;}
.gd_box h2{font-size:30px;font-weight:bold;text-align:center;color:#fff;padding-top:40px;}
.g1{background:url(../images/01.png) no-repeat left;padding-left:40px;}
.gt li{height:40px;line-height:40px;}
.g2{background:url(../images/02.png) no-repeat left;padding-left:40px;}
.g3{background:url(../images/03.png) no-repeat left;padding-left:40px;}
.g4{background:url(../images/04.png) no-repeat left;padding-left:40px;}
.g5{background:url(../images/05.png) no-repeat left;padding-left:40px;}
.info{width:1200px;height:297px;margin:0 auto;background:url(../images/info.jpg) no-repeat center; position:relative;top:-40px;}
.news{width:348px;height:auto;float:left;margin:20px 20px;}
.about{width:460px;height:auto;float:left;}
.contact{width:267px;height:auto;float:right;}
.news_t{width:100%;height:30px;line-height:30px;border-bottom:solid #ccc 1px;}
.news_t h2{font-weight:normal;float:left;}
.news_t a{float:right;}
.news_l{width:100%;height:auto;padding-top:20px;}
.news_l li{height:26px;line-height:26px;border-bottom:dashed #ccc 1px;}
.news_name{float:left;}
.news_time{float:right;}
.about{width:446px;height:auto;float:left;margin:20px 25px;}
.about_t{width:100%;height:30px;line-height:30px;border-bottom:solid #ccc 1px;}
.about_t h2{font-weight:normal;float:left;}
.about_t a{float:right;}
.about_b{width:100%;padding:20px 0px;}
.about_b img{width:182px;height:126px;float:left;}
.contact{width:267px;height:auto;float:right;margin:20px 20px;}
.contact_t{width:100%;height:30px;line-height:30px;border-bottom:solid #ccc 1px;}
.contact_t h2{font-weight:normal;float:left;}
.contact_t a{float:right;}
.contact_b{width:100%;padding:20px 10px;}

.footer{width:100%;height:186px;background:#eee;}
.f_box{width:1200px;margin:0 auto;}
.f_box li{float:left;width:50%;}
.f_m{margin-top:20px;float:left;}
.f_box ul{width:70%;float:left;margin-top:20px;}
.code{float:right;}
.link{text-align:center;}
.top_bg_in{width:100%;height:581px;background:url(../images/banner_2.jpg) repeat-x center top; overflow:hidden; }
.main{margin:0 auto;padding:30px 30px;background:#fff;width:1200px;height:100%;height:auto!important;
min-height:600px;
overflow:hidden;}
.pro_l{width:20%;border-right:solid #f4f4f4 1px;float:left;}
.pro_r{width:77%;float:right;}
.pro_tit{border-bottom:solid #f4f4f4 1px;padding-bottom:20px;}
.pro_tit p{ text-transform:uppercase;}
.leftnav li{margin-top:10px;}
.li_c2{text-indent:2em;border-bottom:dashed #ccc 1px;}
.right_title{width:100%;height:40px;line-height:40px;border-bottom:solid #f4f4f4 1px;}
.right_title h1{float:left;font-size:20px;}
.right_title span{float:right;}
.right_box{padding:30px 0 30px 0;line-height:30px;}
.list_pic li{width:24%;float:left;margin-left:1%;height:200px;text-align:center;}
.list_pic li img{width:100%;height:150px;border:solid #ccc 1px;}
.news_ot li{height:30px;line-height:30px;border-bottom:dashed #ccc 1px;}
.pro_ot li{width:15%;height:auto;float:left;text-align:center;background:#f4f4f4;}
.pro_ot img{width:100%;height:100%;}
.newscon li{width:100%;line-height:30px;border-bottom:dashed #ccc 1px;}
.newst{height:40px;margin-top:30px;}
.photo li{width:24%;height:180px;float:left;margin-left:1%;text-align:center;}
.photo li img{width:auto;height:100%;border:solid #ccc 1px;}