body{overflow-x:hidden;}
*{
	margin:0;
	padding:0;
	}
li{
	list-style:none;
	}
a{
	text-decoration:none;
	}
img{
	border:none;
	}
textarea{
	resize:none;
	}
.inner{
	width:1000px;
	margin:0 auto;
	}
#main h2{
	font-size:16px;
	color:#2866a9;
	padding:40px 0 0 14px;
	line-height:16px;
	display:block;
	background:url(../image/bg_head.png) no-repeat left 40px;
	}
#main h2 span{
	font-size:10px;
	color:#bbb;
	font-weight:normal;
	}
.banner_m{
	position:relative;
	} 
.banner_m .banner_bnt{
	display:block;
	width:248px;
	height:36px;
	font-size:20px;
	text-align:center;
	line-height:52px;
	letter-spacing:2px;
	position:absolute;
	left:27.1%;
	top:68%;
	z-index:2;
	}
.banner_m .banner_bnt a{
	display:block;
	width:110px;
	height:32px;
	font-size:18px;
	color:#fff;
	text-align:center;
	line-height:32px;
	border:#fd9d02 2px solid;
	}
.banner_bnt a:hover{
	background-color:#fd9d02;
	}
#bnt01{
	float:left;
	}
#bnt02{
	float:right;
	}
#nav ul{
	position:absolute;
	right:50%;
	bottom:20px;
	}
#nav ul li{
	width:14px;
	height:14px;
	margin-left:20px;
	font-size:12px;
	color:rgba(255,255,255,0.5);
	line-height:30px;
	text-align:center;
	float:left;
	border:1px #fff solid;
	cursor:pointer;
	border-radius:30px;
	text-indent:100px;
	overflow:hidden;
	}
#nav .navOn{
	background:#2866a9;
	font-size:16px;
	}
#main{
	width:1000px;
	margin:0 auto;
	}
.main_l{
	float:left;
	width:72%;
	}
.news{
	width: 100%;
	height: 372px;
	}
.headline{
	height:70px;
	margin-bottom:20px;
	}
.head_line{
	width:100% !important;
	height:70px !important;
	margin-bottom:20px !important;
	position:relative;
	}
.top h2{
	width:40%;
	display:block;
	float:left;
	}
.more{
	width:80px;
	height:24px;
	float:right;
	background-color:#fff;
	position:absolute;
	left:88.8%;
	top:40px;
	text-align:center;
	}
.more a{
	display:block;
	float:left;
	display:block;
	font-size:16px;
	color:#2866a9;
	line-height:22px;
	padding:0 0 2px 14px;
	}
.arrow{
	width:10px;
	height:10px;
	background:url(../image/bg_more.png) no-repeat left top;
	float:right;
	margin-top:8px;
	margin-right:12px;
	}
.news_inner{
	width:100%;
	}
.news_inner_l{
	width:44.4%;
	float:left;
	}
.news_pic {
	width: 400px;
	height: 160px;
	background: url(../image/news20.jpg) no-repeat;
	background-size: contain;
}	
.time{
	width:70px;
	height:70px;
	background-color:rgba(40,102,169,0.9);
	font-size:14px;
	color:#fff;
	line-height:18px;
	text-align:center;
	padding-top:4px;
	font-weight:normal;
	}
.time span{
	font-size:46px;
	line-height:44px;
	}	
.news_inner_l h3{
	display:block;
	font-size:15px;
	color:#333;
	line-height:30px;
	padding-top:9px;
	}	
.news_inner_l p{
	font-size:14px;
	color:#666;
	line-height:20px;
	}	
.news_inner_l a{
	display:block;
	width:80px;
	height:26px;
	background-color:#2866a9;
	font-size:14px;
	text-align:center;
	line-height:26px;
	color:#e4e4e4;
	margin-top:13px;
	}
.news_inner_l a:hover{
	background-color:#2e74c2;
	color:#fff;
	}	
.news_inner_r{
	width:53.6%;
	float:right;
	}
.news_top{
	height:77px;
	border-bottom:#e4e4e4 1px solid;
	}
.news_l{
	width:62px;
	height:62px;
	float:left;
	font-size:14px;
	color:#bbb;
	text-align:center;
	padding-right:2.5%;
	}	
.news_l span{
	font-size:46px;
	line-height:44px;
	padding-left:4px;
	}	
.news_r{
	width:100%;
	height:77px;
	}	
	
.news_r h3{
	font-size:15px;
	color:#333;
	line-height:16px;
	}	
.news_r p{
	font-size:14px;
	color:#666;
	line-height:20px;
	padding-top:8px;
	}	
.news_r p a{
	color:#2866a9;
	}
.news_r p a:hover{
	font-size:15px;
	color:#2e74c2;
    line-height:15px;
	}
.news_bot{
	padding-top:24px;
	width:100%;
	height:77px;
	border-bottom:#e4e4e4 1px solid;
	}
.service_inner{
	width:720px;
	height:330px;
	}
.service_l{
	float: left;
	width: 228px;
	margin-right: 18px;
	}
.service_r{
	float:left;
	width:228px;
	margin-right:0;
	}	
.service_pic{
	height:150px;
	}
.service_content{
	background-color:#f3f3f3;
	width:100%;
	padding-bottom:16px;
	}
.service_title{
	height:28px;
   width:204px;
	padding-top:9px;
	margin:0 12px;
        border-bottom:rgba(40 ,102 ,169 ,0.8) 2px solid;
	}
.service_title h3{
	font-size:14px;
	color:#333;
	line-height:28px;

	}
.service_content p{
	font-size:14px;
	color:#666;
	line-height:20px;
	padding:7px 12px 0 12px;
	}	
.service_content a{
	display:block;
	width:80px;
	height:26px;
	background-color:#2866a9;
	font-size:14px;
	color:#e4e4e4;
	margin-top:12px;
	text-align:center;
	line-height:26px;
	}
.service_content a:hover{
	background-color:#2e74c2;
	color:#fff;
	}
.product_inner{
    width:100%;
    height:220px;
    position:relative;
    margin:0 auto;
    overflow:hidden;
	}
.content{
    float:left;
	width:100%;
	height:220px;
	background:url(../image/cosmowf.jpg) no-repeat;
	position:relative;
	overflow:hidden;
	}
.contentwf{
	width:48%;
	float:right;
	height:220px;
	background:url(../image/index_pro02.png) no-repeat;
	position:relative;
	overflow:hidden;
	}
.txt{
    width:100%;
    height:50px;
    background:rgba(18,21,44,0.5); 
    position:absolute;
    left:0px;
    bottom:0px;
    }
.txt h4{
    font-size:16px;
	color:#fff;
	text-align:center;
	line-height:50px;
	font-weight:normal;
    }
.txt p{
    text-indent:28px;
	font-size:14px;
	color:#fff;
	line-height:20px;
	padding:0 5%;
    }
.product_bnt{
	display:block;
	width:80px;
	height:26px;
	background-color:#2866a9;
	font-size:14px;
	color:#e4e4e4;
	text-align:center;
	line-height:26px;
	margin:20px auto;
	}
.product_bnt:hover{
	background-color:#2e74c2;
	color:#fff;
	}
.clear{
	clear:both;
	}
.quality{
	width:100%;
	}
.main_r{
	float:right;
	width:25%;
	}
.cont{
	width:100%;
	}
.head{
	width:100%;
	height:68px;
	background:url(../image/bg_head.png) no-repeat left bottom;
	}
.cont_pic{
	height:140px;
	background:url(../image/img_cont.png) no-repeat left top;
	}
.cont_num{
	height:190px;
	background-color:#f3f3f3;
	}
.cont_icon{
	float:left;
	height:160px;
	width:12.8%;
	background:url(../image/cont_icon.png) no-repeat 10px 12px;
	}
.cont_num p{
	display:block;
	padding:5px 0 0 14%;
	font-size:14px;
	color:#333;
	line-height:28px;
	}
.cont_num p a{
	color:#333;
	}	
.cont_num p a:hover{
	color:#2966a9;
	text-decoration:underline;
	}
.mess{
	height: 440px;
	}
.mess_pic{
	height:110px;
	background:url(../image/img_mess.png) no-repeat left top;
	margin-top:20px;
	}
.mess_way{
	height: 220px;
	background-color: #f3f3f3;
	}
.mess_way_l{
	float:left;
	padding:18px 0 0 5.8%;
	}
.mess_way_l h6{
    display:block;
	font-size:14px;
	color:#333;
	line-height:24px;
	font-weight:normal;
    padding-bottom:8px;
	}
.mess_way_l .spacing{
	letter-spacing:1px;
	}
.mess_way_r{
	padding-left:28%;
	padding-top:18px;
	}
.mess_way_r input{
	display:block;
	width:80%;
	height:22px;
	border:#ddd solid 1px;
	margin-bottom:8px;
	}
.enter_word{
	padding-left:6px;
	}
.enter_txt{
	padding:6px;
	}
.mess_way_r textarea{
	display:block;
	width:77%;
	height:68px;
	border:#ddd 1px solid;
	margin-bottom:16px;
	}
.mess_way_r a{
	display:block;
	width:36%;
	height:24px;
	background-color:#2866a9;
	font-size:14px;
	color:#e4e4e4;
	margin-left:12.5%;
	line-height:20px;
	text-align:center;
	}
.mess_way_r a:hover{
	background-color:#2e74c2;
	color:#fff;
	}

#line01{
	display:block;
	}
#navi01{
	font-weight:bold;
	color:#2966a9;
	}
#index_side_nav{
	position:fixed;
	right:2px;
	top:25%;
	z-index:999;
	display:none;
    width:120px;
    text-align:right;
	
	}
#index_side_nav img {
    -webkit-box-shadow:0 1px 3px rgba(0,0,0,.3);
    -moz-box-shadow:0 1px 3px rgba(0,0,0,.3);
    box-shadow:0 1px 3px rgba(0,0,0,.3);
    

}
#index_side_nav ul li{
	text-align:center;
	margin-bottom:10px;
	}	
#index_side_nav ul li h5{
	font-size:14px;
	line-height:18px;
	color:#333;
	}