﻿/* CSS Document */
@charset "utf-8";
body{
	font-family:"微软雅黑";
	margin:0;
	padding:0;
	background:#fff;
	font-size:12px;
	color:#484848;
	
}
div,form,p,img,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6{
	margin:0;
	padding:0;
	border:0;
	font-weight:normal;
}
ul,ol,li {list-style-type:none;}
table,td,tr,th,input,select,button{font-size:12px; outline:none;}
input {font-family:Arial;}
table{border-collapse:collapse;}
i {font-size:14px;font-style:normal;}
/*link*/
a:link {color:#333;text-decoration:none}
a:visited {color:#000;text-decoration:none;}
a:hover {color:#36ccb7;text-decoration:none;}
a:active {color:#36ccb7;}
/*font*/
.f12{font-size:12px;}
.f14{font-size:14px;}
.fb{font-weight:800;}
.fl{float:left;}
.fr{float:right;}
.f300{font-weight:400;}
.p10{padding:10px;}
.p15{padding:15px;}
.p20{padding:20px;}
.clear { float:none;}
.clearfix{clear:both;}
.yelow{ color:#fef501;}

.text_right{text-align:right;}
.text_left{text-align:left;}
.text_center{text-align:center;}
/*area*/
#head,#main,#nav,#friend{
	width:1920px;
	margin:0 auto;}
.waps{width:1080px; margin:0 auto; position:relative;}
/*top*/
.top{height:34px; line-height:34px; margin:0 auto; color:#2c2c2c; border-bottom:2px #eaeaea solid;}
.top dl dt{ float:left; }
.top dl dd{ float:right;}
.top dl dd a{ color:#2c2c2c; margin:0 5px;}
.top a span{ color:#31bca7; }

/*header*/
.header{ width:100%; background:url(../images/top_02.jpg) no-repeat center center ; height: 107px;padding-top: 20px;}
.logo{float:left;width: 679px;}
.logo dt{ float:left;}
.logo dd{ float:left; font-size:18px; margin:9px 0 0 8px;line-height: 30px; color:#44c785;}
.logo dd p{ font-size: 16px; display:block;  color:#4d4d4d;  margin-top:5px;}
.logo dd b{ display:block; font-weight: bold;color: #4d4d4d; margin-top:5px;}
.phone{width: 158px;float:left;background:url(../images/logo-tell_06.jpg) no-repeat left top;padding-left: 67px;height: 69px;font-size:14px;margin-top:24px;}
.phone span{ font-size: 20px;}
.weima{width: 167px;float: left;text-align: center;}


/*nav*/
.nav .another{background:#0aab94;}
.nav{ width:100%; background:#36ccb7; height: 48px; line-height: 48px;}
.nav ul li{float:left;text-align:center;position:relative;}
.nav ul li:hover{ background:#0aab94; text-align:center; }
.nav ul li a{ color:#fff;padding: 0px 35px;font-size:16px;}
.nav ul .another a{ color:#fff;}
.nav li .submenu{display:none;position:absolute;top:48px;left:0; background:#36ccb7; width:134px;  z-index:9999;}
.nav li .submenu li{padding:0;background:none;height:36px; line-height:36px;}
.nav li .submenu li a{float:none;padding:0;text-align:left;  padding-left:16px;font-size:13px;width:118px;display:block;}
.nav li .submenu li a:hover{background:#0aab94; display:block;width:118px; }

.footer{ background:url(../images/foot_68.jpg) repeat-x center;  color: #FFFFFF; height: 297px;}
.footer .logo{width: 313px;position: absolute;top: 60px;}
.footer p{position:absolute;top: 179px;left: 86px;}
.footer-nav{height: 40px;position: absolute;top: 26px;width: 1180px; background:url(../images/foot-nav_145.jpg) center no-repeat;}
.footer-nav li{float:left;line-height: 17px;padding: -4px 2px 0px 0px;}
.footer-nav a{color:#e2e2e2;font-size:14px;padding: 0 28px;display:inline-block;}
.footer-nav a:link {color:#e2e2e2;text-decoration:none}
.footer-nav a:visited {color: #FFFFFF;text-decoration:none;}
.footer-nav a:hover{color:#FF0000;}
.footer-R {color: #e2e2e2;height: 140px;position: absolute;top: 79px;left: 321px; line-height: 36px;}
.footer-R a:link{color:#e2e2e2;display:inline-block;}
.footer-R a:visited{color:#e2e2e2;}
.footer-R a:hover{color:#FF0000; text-decoration:none;}



























































