/* css reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td { margin:0; padding:0; }
body { background:#fff; color:#555; font-size:14px; font-family:"微软雅黑", Verdana, Arial, Helvetica, sans-serif ; }
td,th,caption { font-size:14px; }
h1, h2, h3, h4, h5, h6 { font-weight:normal; font-size:100%; }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal;}
a {  text-decoration:none; }
/* a:hover { text-decoration:none; } */
img {border:none;width: 100%;}
ol,ul,li { list-style:none; }
input, textarea, select, button { font-family:"微软雅黑", Verdana,Helvetica,Arial,sans-serif; }
/*table { border-collapse:0; border-collapse:collapse;}*/
html {overflow-y: scroll;} 
/* css common */
.clearfix:after {content: "."; display: block; height:0; clear:both; visibility: hidden;}
.clearfix { *zoom:1; }
input::-webkit-input-placeholder {
   color:red !important;
}
.clear:after{content: ".";display: block;height:0;clear: both;visibility: hidden;overflow: hidden;}
i{font-style:normal;}
/******************************************************************top frame******************************************************************/
#topFrame{
	background:#f8f7f7;
	width:100%;
	height:25px;
	border-bottom:1px solid #e9e8e8;
	float:left;
	position:fixed;
	top:0px;
	z-index:100;
}
	.topMiddle{
		width:1000px;
		margin:0px auto;
		height:100%;
	}
	.topMiddle>.tel, .topMiddle>.mail{
		height:100%;
		font-size:12px;
		color:#a09e9e;
		border:0px solid #000;
		line-height:25px;
		margin-right:4px;
		float:left;
	}
	.topMiddle>.tel>i, .topMiddle>.mail>i{
		font-size:14px;
		color:#d80104;
		margin-right:8px;
	}
	.topMiddle>.split{
		color:#a09e9e;
		line-height:25px;
		float:left;
		margin-right:4px;
	}
	.topMiddle>.register{
		 line-height:25px;
		 float:right;
		 font-size:12px;
		 color:#d80104;
		 padding:0px 8px;
		 border-right:1px solid #e9e8e8;
	 }
	.topMiddle>.login{
		line-height:25px;
		float:right;
		font-size:12px;
		color:#d80104;
		padding:0px 8px;
		border-right:1px solid #e9e8e8;
	}
      .topMiddle>.logOn{
		line-height:25px;
		float:right;
		font-size:12px;
		color:#d80104;
		padding:0px 8px;
		border-right:1px solid #e9e8e8;
	}
	.topMiddle>.register:hover,.topMiddle>.login:hover{
		text-decoration:underline;
	}
	.topMiddle>.weixin, .topMiddle>.weibo{
		line-height:25px;
		float:right;
		font-size:14px;
		color:#aeaeae;
		padding:0px 8px;
		border-right:1px solid #e9e8e8;
	}
	.topMiddle>.weixin:hover, .topMiddle>.weibo:hover{
		color:#d80104;
	}

/******************************************************************header******************************************************************/
#headerFrame{
	width:100%;
	text-align:center;
	float:left;
	position:fixed;
	top:0;
	background:#fff;
	box-shadow:0px 2px 3px 1px rgba(0,0,0,.1);
	z-index:100;
	min-width:640px;
}
	.headerMiddle{
		width:1000px;
		display: inline-block;
		border:0px solid #000;
		height:94px;
		position:relative;
	}
	.headerMiddle>.logo{
		    height: 100%;
		    width: 217px;
		    margin: 8px 51px 0 0;
		    float:left;
	} 
	.headerMiddle>.pcNav{
		position:relative;
		height:100%;
		border:0px solid red;
		float:left;
	}
	.headerMiddle>.pcNav>li{
		width:50px;
		height:100%;
		border:0px solid red;
		float:left;
		margin-left:12px;
		position:relative;
	}
	.headerMiddle>.pcNav>li>a.curr{
		border-top:3px solid #d80104;
		color:#d80104;
	}
	.headerMiddle>.pcNav>li>a{
                border-top:3px solid #fff;
		display:block;
		width:100%;
		height:91px;
		line-height:90px;
		color:#454545;
		font-size:14px;
	}
	.headerMiddle>.pcNav>li>a:hover{
                border-top:3px solid #d80104;
		color:#d80104;
	}
	.headerMiddle>.pcNav>li>i{
		position:absolute;
		bottom:7px;
		font-size:20px;
		left:50%;
		margin-left:-5px;
		color:#d80104;
		display:none;
	}
	.headerMiddle>.pcNav>li>ul{
		width:532px;
		/*min-height:160px;*/
		position:absolute;
		border:1px solid #e6e6e6;
		top:91px;
		background:#fff;
		left:-100px;
		padding:25px 18px 22px 20px;
		display:none;
	}
	.headerMiddle>.pcNav>li:nth-child(3)>ul{
		left:-210px;
	}
	.headerMiddle>.pcNav>li:nth-child(3)>ul>p{
		top:20px;
	}
	.headerMiddle>.pcNav>li:nth-child(4)>ul{
		left:-380px;
		width:592px;
	}
	.headerMiddle>.pcNav>li:nth-child(4)>ul>li{
		width:120px;
	}
	.headerMiddle>.pcNav>li:nth-child(4)>ul>p{
		top:20px;
	}
	.headerMiddle>.pcNav>li:nth-child(5)>ul{
		left:-490px;
		width:592px;
		min-height:140px;
	}
	.headerMiddle>.pcNav>li:nth-child(5)>ul>li{
		width:120px;
	}
	.headerMiddle>.pcNav>li:nth-child(5)>ul>p{
		top:20px;
	}
	.headerMiddle>.pcNav>li>ul>li{
		width:84px;
		height:24px;
		border-bottom:1px dashed #d6d4d4;
		margin-top:8px;
	}
	.headerMiddle>.pcNav>li>ul>li:nth-last-child(2){
		border-bottom:0px;
	}
	.headerMiddle>.pcNav>li>ul>li>a{
		display:block;
		width:100%;
		height:100%;
		text-align: center;
		font-size:14px;
		color:#454545;
	}
	.headerMiddle>.pcNav>li>ul>li>a:hover{
		color:#d80104;
	}
	.headerMiddle>.pcNav>li>ul>p{
		width:430px;
		height:150px;
		font-size:12px;
		text-align:left;
		position:absolute;
		right:20px;
		top:35px;
		color:#838383;
		line-height:24px;
		overflow:hidden;
		border:0px solid #000;
	}
	.headerMiddle>.pcNav>li>ul>p>.img{
		width:190px;
		height:135px;
		overflow:hidden;
		margin-right:20px;
		float:left;
		margin-top:5px;
	}
	.headerMiddle>.search{
		width:32px;
		height:32px;
		float:right;
		border:1px solid #e9e8e8;
		border-radius:1px;
		background:#f8f7f7;
		margin-top:30px;
		position:relative;
	}
	.headerMiddle>.search>i{
		width:100%;
		height:100%;
		color:#aeaeae;
		line-height:32px;
		text-align: center;
		cursor:pointer;
		/*transition:.3s;
		-webkit-transition:.3s;*/
	}
	.headerMiddle>.search>i:hover{
		color:#d80104;
	}
	.headerMiddle>.search>.searchInput{
		width:200px;
		height:40px;
		border:1px solid #e9e8e8;
		border-radius:1px;
		background:#f8f7f7;
		position:absolute;
		right:-1px;
		bottom:-42px;
		display:none;
	}
	.headerMiddle>.search>.searchInput.show{
		display:block;
	}
	.headerMiddle>.search>.searchInput>input{
		width:190px;
		height:30px;
		margin-top:5px;
		border-radius:2px;
		border:1px solid #ddd;
		-webkit-appearance:none;
	}
	.headerMiddle>.search>.searchInput>.searchSplit{
		width:32px;
		height:4px;
		position:absolute;
		right:0px;
		top:-2px;
		background:#f8f7f7;
	}

	.headerMiddle>.mobileNavBlock{
		width:32px;
		height:32px;
		float:left;
		margin-top:30px;
		position:relative;
		display:none;
		z-index:100;
	}
	.headerMiddle>.mobileNavBlock>i{
		width:100%;
		height:100%;
		color:#aeaeae;
		line-height:32px;
		text-align: center;
		font-size:32px;
		position:absolute;
		top:0px;
		z-index:2;
		/*transition:.3s;
		-webkit-transition:.3s;*/
		cursor:pointer;
	}
	.headerMiddle>.mobileNavBlock>i:hover{
		color:#d80104;
	}
	.headerMiddle>.mobileNavBlock>.mobileNav{
		position:absolute;
		top:-56px;
		width:572px;
		background:#454545;
		z-index:1;
		overflow:hidden;
	}
	.headerMiddle>.mobileNavBlock>.mobileNav>h1{
		width:100%;
		height:122px;
		background:#3b3b3b;
		color:#fff;
		font-size:30px;
		line-height:138px;
		text-indent:44px;
		text-align:left;
		border-bottom:1px solid #5a5a5a;
	}
	.headerMiddle>.mobileNavBlock>.mobileNav>li{
		width:100%;
		height:76px;
		border-bottom:1px solid #5a5a5a;
		text-indent:44px;
		line-height:76px;
		font-size:24px;
	}
	.headerMiddle>.mobileNavBlock>.mobileNav>li>a{
		display:block;
		width:100%;
		height:100%;
		color:#fff;
		text-align:left;
	}
	.headerMiddle>.mobileNavBlock>.mobileNav>ul{
		width:100%;
		display:none;
	}
	.headerMiddle>.mobileNavBlock>.mobileNav>ul>li{
		width:100%;
		height:50px;
		border-bottom:1px solid #5a5a5a;
		text-indent:65px;
		line-height:50px;
		font-size:22px;
	}
	.headerMiddle>.mobileNavBlock>.mobileNav>ul>li:hover{
		background:#3b3b3b;
	}
	.headerMiddle>.mobileNavBlock>.mobileNav>ul>li>a{
		display:block;
		width:100%;
		height:100%;
		color:#fff;
		text-align:left;
	}
/******************************************************************register******************************************************************/
#registerFrame{
	width:100%;
	height:100%;
	position:fixed;
	top:0px;
	left:0px;
	z-index: -1;
	display:none;
	/*display:block;*/
	/*z-index: 100;*/
	background:rgba(0, 0, 0, .5);
}
.formContent{
	width:540px;
	height:auto;
	border:0px solid #000;
	position:fixed;
	top:50%;
	left:50%;
	margin:-170px 0px 0px -270px;
	background:#fff;
	padding-bottom:20px;
	display:none;
}
.formContent.show{
	display:block;
}
	#registerFrame .formContent>h1{
		width:100%;
		background:#f6f6f6; 
		height:45px;
		border-bottom:1px solid #e9e8e8;
		color:#3e3d3d;
		font-size:18px;
		line-height:45px;
		text-align: center;
		letter-spacing:12px;
	}
	#registerFrame .formContent>h1>.close{
		display:block;
		float:right;
		width:20px;
		height:20px;
		background:#f6f6f6;
		cursor:pointer;
		border:1px solid #e9e8e8;
		font-size:14px;
		color:#8d8b8b;
		text-align:center;
		padding:0px;
		margin-top:10px;
		margin-right:10px;
		letter-spacing:0px;
		line-height: 20px;
	}#registerFrame .formContent>h1>.close:hover{
		color:#3e3d3d;
	}
	#registerFrame .formContent>ul{
		width:460px;
		border:0px solid #000;
		margin:0px auto;
		margin-top:20px;
	}
	#registerFrame .formContent>ul>li{
		margin-bottom: 8px;
	}
	#registerFrame .formContent>ul>li>span{
		display:block;
		width:90px;
		font-size:14px;
		color:#3e3d3d;
		height:38px;
		line-height: 38px;
		border:0px solid #000;
		float:left;
	}
	#registerFrame .formContent>ul>li>input[type='text']{
		width:365px;
		height:36px;
		-webkit-appearance:none;
		border:1px solid #c1c1c1;
		border-radius: 2px;
	}
	#registerFrame .formContent>ul>li>input[type='password']{
		width:365px;
		height:36px;
		-webkit-appearance:none;
		border:1px solid #c1c1c1;
		border-radius: 2px;
	}
	
	#registerFrame .formContent.login>ul>li>input[type='text']{
		width:280px;
	}
	#registerFrame .formContent.login>ul>li>input[type='password']{
		width:280px;
	}
	#registerFrame .formContent.login>ul>li>a{ color:#d80104;font-size:14px;margin-left:10px;}
	#registerFrame .formContent>ul>li.sp>input[type='text']{
		width:186px;
	}
	#registerFrame .formContent>ul>li>.send{
		display: block;
		float:right;
		width:172px;
		height:36px;
		border:1px solid #c1c1c1;
		border-radius: 2px;
		color:#a4a4a4;
		font-size:14px;
		text-align: center;
		line-height:36px;
		margin-right:3px;
	}
	#registerFrame .formContent>ul>li>.send:hover{
		color:#d80104;
	}
	#registerFrame .formContent>ul>li>p{
		color:#a4a4a4;
		font-size:12px;
		margin-top:10px;
		line-height:20px;
		border:0px solid #000;
	}
	#registerFrame .formContent>ul>li>p>input[type='checkbox']{
		margin-right:10px;
		margin-top:4px;
		float:left;
	}
	#registerFrame .formContent>ul>li>input[type='submit'] {
		width:112px;
		height:26px;
		background:#fff;
		border:1px solid #c1c1c1;
		cursor:pointer;
		display:inline-block;
		color:#3e3d3d;
		margin-top:20px;
		font-size:16px;
		letter-spacing:20px;
		text-indent:20px;
		line-height:24px;
		text-align: center;
	}
	#registerFrame .formContent>ul>li:last-child{
		text-align: center;
	}

/******************************************************************banner******************************************************************/
#bannerFrame{
	width:100%;
	height:485px;
	min-width:640px;
	float:left;
	border:0px solid #000;
	margin-top:94px;
	position:relative;
}
	#bannerFrame>.banner {
		width:100%;
		height:100%;
		overflow:hidden;
		/*background-image:url('../images/banner1.jpg');*/
		background-repeat:no-repeat;
		background-position: 50% 0px;
		background-size:cover;
		transition:.6s;
		-webkit-transition:.6s;
	}
	#bannerFrame>.banner>img{
		display:none;
	}

	#bannerFrame>.tips{
		position:absolute;
		left:50%;
		bottom:5%;
		width:200px;
		height:20px;
		display:inline-block;
		border:0px solid #000;
		text-align:center;
		margin-left:-100px;
	}
	#bannerFrame>.tips>.tipsDot{
		width:10px;
		height:10px;
		display: inline-block;
		border:1px solid #7fbfe0;
		border-radius:100%;
		margin:0px 15px;
		cursor:pointer;
	}
	#bannerFrame>.tips>.tipsDot.curr{
		background:#7fbfe0;
	}

/******************************************************************footer frame******************************************************************/
#footerFrame{
	background:#5d5d5d;
	width:100%;
	height:82px;
	float:left;
}
	.footerMiddle{
		width:1000px;
		margin:0px auto;
		height:100%;
		position: relative;
	}

	.footerMiddle>.infoI{
		width:100%;
		float:left;
		margin-top:25px;
	}
	.footerMiddle>.infoI>ul>li{
		width:48px;
		height:15px;
		padding:0px 5px;
		border-left:1px solid #acacac;
		float:left;
	}
	.footerMiddle>.infoI>ul>li:first-child{
		padding-left:0px;
		border:none;
	}
	.footerMiddle>.infoI>ul>li>a{
		display:block;
		width:100%;
		height:100%;
		font-size:12px;
		color:#acacac;
		line-height:12px;
	}

	.footerMiddle>.infoI>.weibo, .footerMiddle>.infoI>.weixin{
		float:right;
		color:#acacac;
		margin-left:10px;
	}
	.footerMiddle>.infoII{
		width:100%;
		margin-top:10px;
		float:left;
	}
	
	.footerMiddle>.infoII>.support{
		float:right;
		color:#acacac;
		font-size:12px;
		
	}
	.footerMiddle>.infoII>.copyright{
		float:left;
		color:#acacac;
		font-size:12px;
	}
/******************************************************************maps frame******************************************************************/
#mapsFrame{
	background:#818181;
	width:100%;
	/*height:158px;*/
	float:left;
	/*overflow:hidden;*/
	padding-bottom:20px;

	
}
	.mapsMiddle{
		width:1000px;
		margin:0px auto;
		height:100%;
		padding-top:36px;
	}

	.mapsMiddle>ul{
		float:left;
		margin-right:50px
	}
	.mapsMiddle>ul>li{
		margin-bottom:10px;
		font-size:12px;
		color:#fff;
	}
	.mapsMiddle>ul>li>a{
		font-size:12px;
		color:#fff;
	}
	.mapsMiddle>ul>li>a:hover{
		color:#d80104;
	}
.mapsMiddle .footnav{width:460px;}
	.mapsMiddle .footnav>li{width:57px;float:left;}
	.mapsMiddle .footnav>li>a{font-size:16px;}
	.mapsMiddle>ul>li>span{
		display:inline-block;
		width:24px;
		height:24px;
		border-radius:100%;
		background:#fff;
		margin-right:8px;
		color:#818181;
		text-align: center;
		line-height: 24px;
	}
	.mapsMiddle>ul.main>li{
		margin-bottom: 5px;
	}

	.mapsMiddle>.code {
		width:105px;
		float:right;
	}
	.mapsMiddle>.code>span{
		display:block;
		font-size:12px;
		color:#fff;
		margin-bottom:12px;
	}

#mapsBtnFrame{
	width:100%;
	height:40px;
	float:left;
}
	.mapsBtnMiddle{
		width:1000px;
		margin:0px auto;
		position:relative;
	}
	.mapsBtnMiddle>.mapsBtn{
		width:45px;
		height:28px;
		position:absolute;
		right:0px;
		background:#818181;
		border-top-left-radius: 5px;
		border-top-right-radius: 5px;
		line-height: 36px;
		color:#fff;
		text-align:center;
		padding-top:12px;
		cursor:pointer;
		transition:.6s, linear;
		-webkit-transition:.6s, linear;
	}
	.mapsBtnMiddle>.mapsBtn>i{
		transform-origin:50% 60%;
		transition:.6s;
		-webkit-transition:.6s;
	}
	
	.mapsBtnMiddle>.mapsBtn>i.show{
		transform:rotate(180deg);
		-webkit-transform:rotate(180deg);
	}
/******************************************************************bottom frame******************************************************************/
#mobileBottomFrame{
	background:#3f3f3f;
	width:100%;
	height:90px;
	position:fixed;
	bottom:0px;
	z-index:100;
	min-width:640px;
	display:none;
}
	#mobileBottomFrame>ul{
		width:100%;
		height:100%;
	}
	#mobileBottomFrame>ul>li{
		width:25%;
		height:100%;
		float:left;
	}
	#mobileBottomFrame>ul>li>a{
		display: block;
		width:100%;
		height:100%;
		text-align: center;
	}
	#mobileBottomFrame>ul>li>a:hover{
		background:#484848;
	}
	#mobileBottomFrame>ul>li>a>img{
		display:inline-block;
		width:auto;
		margin:15px 0px 10px 0px;
	}
	#mobileBottomFrame>ul>li>a>p{
		font-size:;
		color:#fff;
		font-size:18px;
	}

#mobileMarginBottom{
	width:100%;
	height:130px;
	float:left;
	display:none;
}


@media screen and (max-width:1024px){
	body {
		-webkit-text-size-adjust: none;
	}


	#topFrame {
		background:#fff;
		border-bottom: none;
	}

	.topMiddle{
		display:none;
	}

	#headerFrame{
		top:0px;
	}

	.headerMiddle{
		width:96%;
		min-width:600px;
	}
	.headerMiddle>.logo{
		display:inline-block;
		float:none;
	}
	.headerMiddle>.pcNav{
		display:none;
	}
	.headerMiddle>.search{
		border:none;
		background: none;
		
	}.headerMiddle>.search>i{
		font-size:32px;
	}.headerMiddle>.search>.searchInput>.searchSplit{
		display:none;
	}

	.headerMiddle>.mobileNavBlock{
		display:block;
	}

	#bannerFrame{
		height:300px;
	}

	#footerFrame{
		display:none;
	}

	#mapsBtnFrame{
		display:none;
	}

	#mapsFrame{
		display:none;
	}

	#mobileBottomFrame{
		/* display:block; */
	}

	#mobileMarginBottom{
		display:block;
	}

	#mobileBottomFrame>ul>li>a>p{
		font-size:24px;
	}
}