@charset "utf-8";
body,h1,h2,h3,h4,h5,h6,p,dl,dd,ul,ol{margin:0;padding:0}em,i{font-style:normal}li{list-style:none}a,a:hover{text-decoration:none;}img{border:0}table{border-collapse:collapse;border-spacing:0}label{cursor:default}body,button,input,select,textarea{font:12px/1.5 Tahoma,arial,'Hiragino Sans GB','microsoft yahei',\5b8b\4f53}textarea{resize:none}a,a:focus{outline:none}.clearfix:after{content:'\20';display:block;height:0;clear:both}.clearfix{*zoom:1}.clear{display:block;height:0;clear:both;font-size:0;line-height:0;overflow:hidden}.fl{float:left;display:inline}.fr{float:right;display:inline}.fn{float:none}.tl{text-align:left}.tr{text-align:right}.tc{text-align:center}.hide{display:none}.show{display:block}.mt10{margin-top:10px}.noBg{background:none!important}.noBorder{border:0!important}.yahei{font-family:'microsoft yahei'}.red{color:red}
/*.wrapper { width:100%; min-width:1300px; font-family:"微软雅黑"; }
.g-in { width:1200px; margin:0 auto;}
.topArea { height:100px;}
.logo { float:left; width:187px; height:35px; margin:30px 0 0 30px;}
.topArea ul { float:right;}
.topArea ul li { font-size:16px; color:#000; margin-top:10px;}
.topArea ul li span { font-size:18px; color:#ff2f2f;}
.topArea ul li input { float:left; width:165px; height:28px; padding-left:10px; border:1px solid #dddddd; border-right:none; outline:none; background:none; font-size:14px; color:#9c9b9b;}
.topArea ul li button { float:left; height:32px; width:33px;  border:1px solid #dddddd; border-left:none; outline:none; background:#ff2f2f url(ico1.jpg) center center no-repeat; cursor:pointer;}
.nav { height:50px; background:#ff2f2f;}
.nav ul li { float:left; }
.nav ul li a { display:block; padding:0 35px; height:50px; background:url(line1.jpg) left center no-repeat; font-size:16px; color:#fff; line-height:50px;}

.footer { margin-top:50px;}
.footer .ft-1 { height:54px; border-bottom:1px solid #cccccc; border-top:10px solid #ff2f2f;}
.footer .ft-1 ul { width:1200px; margin:0 auto; text-align:center; font-size:0;}
.footer .ft-1 ul li { display:inline-block; line-height:54px;}
.footer .ft-1 ul li a { font-size:14px; color:#313131; padding:0 32px;}
.footer .ft-1 ul li span {font-size:14px; color:#919191; }
.footer .ft-2 { height:180px; padding-top:25px;}
.footer .ft-2 .erweima { float:left;margin-left:130px; text-align:center;}
.footer .ft-2 .erweima .pic { padding:5px 6px; width:76px; height:76px; border-right:1px solid #eceff5; }
.footer .ft-2 .lix { width:285px; float:left; margin-left:125px;}
.footer .ft-2 .lix li { font-size:14px; color:#313131; line-height:28px;}
.footer .ft-2 .lix li span { font-size:24px; color:#ff2f2f;}
.footer .ft-2 .ban { width:510px; float:left;}
.footer .ft-2 .ban ul li { width:250px; float:left; font-size:14px; color:#313131; line-height:28px;}
.footer .ft-2 .ban ul li .qq-li { display:block; background:url(ico8.jpg) left center no-repeat; width:250px; height:28px;}
.footer .ft-2 .ban p { line-height:28px;font-size:14px; color:#313131;}
.footer .ft-2 .ban p a { font-size:14px; color:#313131;}
.footer .ft-2 .ban .p-1 { display:block; background:url(ico6.jpg) left center no-repeat; padding-left:20px;}
.footer .ft-3 { height:80px;}
.footer .ft-3 p {line-height:32px; margin-left:130px;font-size:14px; color:#313131;}
*/
.wrapper {width: 100%;min-width: 320px;font-family: "微软雅黑";height: 100%;overflow: hidden;}
.g-in { width:90%; margin:0 auto;}
.topArea { height:100px;}
.logo { float:left; width:620px; height:35px; margin:1% 0 0 2%;}
.logo img { width:100%;}
.topArea ul { float:right;}
.topArea ul li { font-size:16px; color:#000; margin-top:10px;}
.topArea ul li span { font-size:18px; color:#ff2f2f;}
.topArea ul li input { float:left; width:165px; height:28px; padding-left:10px; border:1px solid #dddddd; border-right:none; outline:none; background:none; font-size:14px; color:#9c9b9b;}
.topArea ul li button { float:left; height:32px; width:33px;  border:1px solid #dddddd; border-left:none; outline:none; background:#ff2f2f url(ico1.jpg) center center no-repeat; cursor:pointer;}
.nav { width:100%; height:50px; background:#ff2f2f;}
.nav ul li { float:left; width:12%; text-align:center;position: relative; }
.nav ul li a { display:block; width:100%; height:50px; background:url(line1.jpg) left center no-repeat; font-size:16px; color:#fff; line-height:50px;}
.nav ul li dl{position: absolute;width: 100%;top: 50px;left: 0;z-index: 999;background: #ff2f2f;padding: 5px 0;display: none}
.nav ul li dd a{color: #fff;height: 40px;line-height: 40px;border-bottom: 1px dashed #fff;background: none}
.nav ul li dd:last-child a{border: 0}
.nav ul li dd a:hover{background: #fff;color: #ff2f2f}

.footer { margin-top:5%;}
.footer .ft-1 { width:100%; border-bottom:1px solid #cccccc; border-top:10px solid #ff2f2f;}
.footer .ft-1 ul { width:90%; margin:0 auto; text-align:center; font-size:0;}
.footer .ft-1 ul li { display:inline-block; width:10%; line-height:54px;}
.footer .ft-1 ul li a { display:block; font-size:14px; width:100%;  text-align:center; color:#313131; background:url(line2.jpg) right center no-repeat;}

.footer .ft-2 { height:auto; width:1200px; margin:0 auto; padding-top:25px;}
.footer .ft-2 .erweima { float:left;margin-left:130px; text-align:center;}
.footer .ft-2 .erweima .pic { padding:5px 6px; width:76px; height:76px; border-right:1px solid #eceff5; }
.footer .ft-2 .lix { width:285px; float:left; margin-left:125px;}
.footer .ft-2 .lix li { font-size:14px; color:#313131; line-height:28px;}
.footer .ft-2 .lix li span { font-size:24px; color:#ff2f2f;}
.footer .ft-2 .ban { width:510px; float:left;}
.footer .ft-2 .ban ul li { width:250px; float:left; font-size:14px; color:#313131; line-height:28px;}
.footer .ft-2 .ban ul li .qq-li { display:block; background:url(ico8.jpg) left center no-repeat; width:250px; height:28px;}
.footer .ft-2 .ban p { line-height:28px;font-size:14px; color:#313131;}
.footer .ft-2 .ban p a { font-size:14px; color:#313131;}
.footer .ft-2 .ban .p-1 { display:block; background:url(ico6.jpg) left center no-repeat; padding-left:20px;}
.footer .ft-3 { height:80px;}
.footer .ft-3 p {line-height:32px; margin-left:130px;font-size:14px; color:#313131;}


@media only screen and (max-width: 1200px) {
	.logo {  width:50%;margin:2% 0 0 2%;}
	.footer .ft-2 { padding-top:2%; height:auto; width:90%; margin:0 auto;}
	.footer .ft-2 .erweima { float:none; width:100%; text-align:center;margin:0;}
	.footer .ft-2 .erweima .pic { padding:1%; margin:0 auto;height:auto; border:none;  }
	.footer .ft-2 .erweima .pic img { width:100%;}
	.footer .ft-2 .lix { width:100%; float:none; margin:0;}
	.footer .ft-2 .lix li { font-size:14px; color:#313131; line-height:28px; text-align:center;}
	.footer .ft-2 .lix li span { font-size:24px; color:#ff2f2f;}
	.footer .ft-2 .ban { width:100%; float:none;}
	.footer .ft-2 .ban ul li { width:100%; float:none; font-size:14px; color:#313131; text-align:center; line-height:28px;}
	.footer .ft-2 .ban ul li .qq-li { display:block; background:url(ico8.jpg) center center no-repeat; width:100%; height:28px;}
	.footer .ft-2 .ban p { line-height:28px;font-size:14px; color:#313131; text-align:center;}
	.footer .ft-2 .ban p a { font-size:14px; color:#313131; display:block; text-align:center; }
	.footer .ft-2 .ban .p-1 { display:block; background:none;}
	.footer .ft-3 { height:auto;}
	.footer .ft-3 p {line-height:32px; margin:0; text-align:center;font-size:14px; color:#313131;}
	
	
}
@media only screen and (max-width: 640px) {
	.logo {  width:60%;margin:3% 0 0 2%;}
	.topArea ul li { font-size:13px;}
	.topArea ul li span { font-size:15px; }
	.topArea ul li input { width:125px; height:18px; font-size:8px; }
	.topArea ul li button { float:left; height:22px; width:20px;  background:#ff2f2f url(ico1.jpg) center center no-repeat; background-size:100%;}
}
@media only screen and (max-width: 400px) {
	.topArea ul li { font-size:10px;}
	.topArea ul li span { font-size:13px; }
	.topArea ul li input { width:80px; height:18px; }
	
}


/* 分页 */
.page { padding:0 0 40px; line-height:24px; text-align:center; }
.page a { display:inline-block; margin:0 2px; padding:0 8px; border:1px solid #ddd; background:#ddd; color:#333; vertical-align:top; }
.page a:hover,.page .current { border:1px solid  #ff2f2f; background: #ff2f2f; color:#fff; }









