﻿@charset "utf-8";
/***************全局样式*************/
*{ margin:0px; padding:0px; font-family:"微软雅黑"; border:none;}
a{text-decoration:none;}
ul{ list-style-type:none;}
img{ max-width: 100%;}
p{ margin:0rem;}
body { min-width:320px; margin:0; padding:0; margin:0 auto;}

.show{
	display: block;
}
.hide{
	display: none;
}
/********************头部*******************/
.header{ width:100%; float:left; margin:0px; padding:0px;}
.header .top{ width:100%; float:left; border-bottom:1px solid #E1E1E1;}

/*======底部======*/
.bottom{ width:100%; float:left; overflow:hidden; margin:0px; padding:0px;}
.bottom .top{ width:100%; float:left; background:url(../images/bottom.jpg) center; padding-bottom:34px;}


.bottom .top .midle .left_t .s1{ display:block; width:100%; float:left; color:#FFF; font-size:20px; margin-top:64px;}
.bottom .top .midle .left_t .s2{ width:80px; height:1px; float: left; background:#FFF; margin-top:10px;}
.bottom .top .midle .left_t .text_1{ width:100%; float:left; margin-top:30px;}
.bottom .top .midle .left_t .text_1 .in_1{ display:block; float:left; width:80%; height:50px; background:#FFF; line-height:50px; font-size:18px; text-indent:1em; color:#404040;}
.bottom .top .midle .left_t .text_1 textarea{ line-height:50px; text-indent:1em; font-size:18px; width:80%;}
.bottom .top .midle .left_t .text_1 .in_2{ width:148px; height:50px; float:left; background:#00487A; color:#FFF; line-height:50px; text-align:center; font-size:18px; border-radius:5px;}
.bottom .top .midle .left_t .text_1 .in_2:hover{ background: #0365aa;}
.bottom .top .midle .left_t .text_1 .tub_1{ width:23px; height:23px; float:left; display:block; background: url(../images/phone.png) center no-repeat; margin-right:15px;}
.bottom .top .midle .left_t .text_1 .tub_2{ width:23px; height:23px; float:left; display:block; background: url(../images/qq.png) center no-repeat;margin-right:15px;}
.bottom .top .midle .left_t .text_1 .tub_3{ width:23px; height:23px; float:left; display:block; background: url(../images/mail.png) center no-repeat;margin-right:15px;}
.bottom .top .midle .left_t .text_1 .tub_4{ width:23px; height:23px; float:left; display:block; background: url(../images/adree.png) center no-repeat;margin-right:15px;}
.bottom .top .midle .left_t .text_1 p{ display:block; float:left; line-height:23px; color:#FFF; font-size:16px;}
.bottom .top .midle .left_t .text_1 a{ display:block; float:left; color:#FFF; font-size:16px;}
.bottom .top .midle .left_t .text_1 a:hover{ color:#00487A; text-decoration:underline;}
.bottom .top .midle .left_t .text_1 .s3{ display:block; float:left; color:#FFF; font-size:16px; text-align:center; width:20px;}
.bottom .top .midle .left_t .text_1 img{ display:block; float:left; margin-right:10px;}

.phone-red-wei{
	color: red;
	font-weight: bold;
}

.bottom .down{ width:100%; float:left; background:#222222;}
.bottom .down p{ display:block; width:100%; float:left; text-align:center; color:#909090; font-size:16px; line-height:60px;}

     /***屏幕宽度大于1200px***/
@media screen and (min-width: 1200px) {
	.header .top .mid{ width: 1200px; margin:0rem auto;}
	.header .top .mid .p1{ display:block; float:left; font-size:18px; margin:0rem; color:#9c9c9c; line-height:35px;}
	.header .top .mid .phone{ float:right;}
	.header .top .mid .phone p{ display:block; float:left; line-height:35px;}
	.header .nav{ width:1200px; margin:0px auto;}
	.header .nav .logo{ height:80px; float:left;} 
	.header .nav .logo a{ display:block; float:left; width:100%; height:100%;}
	.header .nav .logo a img{ float:left; width:100%; height:100%;}
	.header .nav .menu{ float:right; height:80px;}
	.header .nav .menu ul li{ height:80px; display:block; float:left; font-size:18px; width:125px; position: relative;}
	.header .nav .menu ul li > a{ height:100%; line-height:25px; padding-top:20px; text-align:center; display:block; float:left; font-size:18px; color:#000000; width:125px;}
	.header .nav .menu ul li > a:hover{ color:#FFFFFF; background:#004777; text-decoration:none;}
	.header .nav .menu ul li .drop-down{ width: 100%; position: absolute; top: 100%; z-index: 100;}
	.header .nav .menu ul li .drop-down > a{
		 display: block;float: left;width: 100%;text-align: center;height: 50px;
	     line-height: 50px;color: #000000;background: #FFFFFF;
	     border-bottom: 1px solid #e5e5e5;
	}
	.header .nav .menu ul li .drop-down > a:hover{
		background: #148cdf;
		color: #FFFFFF;
	}
	
	.header .nav .nav_b{ display:none;}
	.header .low_nav{ display:none;}
	.header .low_nav ul{ display:none;}
	
	/*底部*/
	.bottom .top .midle{ width:1200px; margin:0px auto;}
	.bottom .top .midle .left_t{ width:50%; float:left; overflow:hidden;}
	}
	/***屏幕宽度小于1200px，大于800px***/
@media screen and (max-width: 1199px) and (min-width: 800px) {
	.header .top .mid{ width:90%; margin:0em auto;}
	.header .top .mid .p1{ display:block; float:left; font-size:18px; margin:0rem; color:#9c9c9c; line-height:35px;}
	.header .top .mid .phone{ float:right;}
	.header .top .mid .phone p{ display:block; float:left; line-height:35px;}
	.header .nav{ width:90%; margin:0px auto;}
	.header .nav .logo{ height:70px; float:left;} 
	.header .nav .logo a{ display:block; float:left; width:100%; height:100%;}
	.header .nav .logo a img{ float:left; width:100%; height:100%;}
	.header .nav .menu{ float:right; height:70px;}
	.header .nav .menu ul li{ height:70px; display:block; float:left; font-size:16px; color:#000000; width:90px; position: relative;}
	.header .nav .menu ul li > a{ height:100%; line-height:20px; padding-top:18px; text-align:center; display:block; float:left; font-size:16px; color:#000000; width:90px;}
	.header .nav .menu ul li > a:hover{ color:#FFFFFF; background:#004777; text-decoration:none;}
	.header .nav .menu ul li .drop-down{ width: 100%; position: absolute; top: 100%; z-index: 100;}
	.header .nav .menu ul li .drop-down > a{
		 display: block;float: left;width: 100%;text-align: center;height: 50px;
	     line-height: 50px;color: #000000;background: #FFFFFF;
	     border-bottom: 1px solid #e5e5e5;
	}
	.header .nav .menu ul li .drop-down > a:hover{
		background: #148cdf;
		color: #FFFFFF;
	}
	
	.header .nav .nav_b{ display:none;}
	.header .low_nav{ display:none;}
	.header .low_nav ul{ display:none;}
	
	/*底部*/
	.bottom .top .midle{ width:90%; float:left; margin-left:5%}
	.bottom .top .midle .left_t{ width:50%; float:left; overflow:hidden;}
	}
	/***屏幕宽度小于800px***/
@media screen and (max-width:799px) {
	.header .top .mid{ width:100%; margin:0px auto;}
	.header .top .mid .p1{ display:none;}
	.header .top .mid .phone{ float:right;}
	.header .top .mid .phone p{ display:block; float:left; line-height:35px; font-size:14px;}
	.header .nav{ width:90%; margin:0px auto;}
	.header .nav .logo{ height:60px; float:left;} 
	.header .nav .logo a{ display:block; float:left; width:100%; height:100%;}
	.header .nav .logo a img{ float:left; width:100%; height:100%;}
	.header .nav .menu{ display:none;}
	.header .nav .nav_b{ height:100%; float:right;}
	.header .nav .nav_b a{ width:46px; height:36px; float:left; display:block; background:url(../images/nav_b.png); margin-top:25%;}
	.header .low_nav{ width:100%; float:left; border-top:1px solid #E1E1E1; display:none;}
	.header .low_nav ul{ float:left; width:100%; padding:0px;}
	.header .low_nav ul li{ width:100%;}
	.header .low_nav ul li a{ display:block; float:left; width:100%; text-align: center; line-height:30px; font-size:16px; color:#666;}
	.header .low_nav ul li a:hover{ color:#004677; background:#E1E1E1; text-decoration:none;}
	
	/*底部*/
	.bottom .top .midle{ width:90%; float:left; margin-left:5%}
	.bottom .top .midle .left_t{ width:100%; float:left; overflow:hidden;}
	}
	
/********************main*******************/
.main{ width:100%; float:left; overflow:hidden; margin:0px; padding:0px;}
	
	
/********弹窗**********/	
.am-modal-dialog{
	clear: both;
	background: url(../images/bottom.jpg);
	border-radius: 5px;
}
.am-modal-dialog .am-modal-hd{
	color: #FFFFFF;
}
.font-ff{
	color: #FFFFFF;
}
.am-modal-dialog .am-modal-bd input{
	margin-top: 10px;
	height: 40px;
	line-height: 40px;
}
.am-modal-dialog .am-modal-bd textarea{
	width: 80%;
	margin-top: 10px;
	text-indent: 5px;
}	
.footer-select{
	width: 80%;
	height: 40px;
	line-height: 40px;
	background: #FFFFFF;
	margin-top: 10px;
	color: #919191;
}
