@charset "utf-8";
/* CSS Document */
/*----------------公共部分----------------*/
html{overflow-x:hidden; overflow-y:auto;font-size: 312.5%;}
body{ background-repeat:no-repeat; background-position:left top; position:relative;overflow-x: hidden; border:medium none; background-color:#fff; color:#333; font: normal 100% tahoma,arial,"Microsoft YaHei";}
body, li, ul, ol, dl, dt, dd, form, input, textarea, h1, h2, h3, h4, h5, h6, p, select{ margin: 0px; padding: 0px; list-style-type:none;outline: 0 none;}
em,i{font-style:normal;}
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight:normal;}
a{color:#333; text-decoration:none;}
a:hover{color:#FEC527; text-decoration:none;}
*{margin:0px; padding:0px;outline: none !important;}
img {-ms-interpolation-mode:bicubic; border:none;}

/*------共用样式------*/
.yuanz{width:100%; float:left; overflow:hidden;}
.height{height:100%;}
.yuanz_box, .foot_box{ margin:0 auto; overflow-x:hidden; max-width:1300px; min-width:320px;}
.foot_box{max-width:1200px;}
.yzbox{width:96%; padding:0 2%; overflow:hidden;}
.mar-1{margin-top:.25rem;}

/*--nav--*/

/*----------------------手机板式样式----------------------*/ 
@media screen and (min-width:641px) {
.top-box{width:96%; padding:2%; margin:0 auto; /*background:rgba(247,247,247,0.8) none repeat scroll; border-bottom:1px solid #dbdbdb;*/ position:fixed; left:0; top:0; z-index:999; background:#fff; border-bottom:1px solid #EAEAEA;}
.nav_box{width:100%;}
.logo{width:60%; float:left; margin-top:1.1%;}
.logo img{width:100%;}
.menu{width:6%; padding-top:1.5%; margin-right:2%; float:right;}
.menu img{width:100%;}
#nav-list{margin-top:2%;}
.nav-list{text-align:center; display:none; float:right;}
.nav-list li{float:left; width:24%; margin:0.5% 0.5% 1%; font-size:0.3em; background:#FEC527; color:#fff; border-radius:8px;}
#nav-list a{line-height: 0.6rem;color: #fff;}
}

/*----------------------平板板式样式----------------------*/
@media screen and (min-width:992px) {
.top-box{width:98%; padding:0 1%;}	
.logo{width:32%; margin-top:2.5%;}
.logo img{width:100%;}
.menu{padding-top:0%; margin-right:0%;display: none;}
#nav-list{width:64%; display:block; margin-top:0%;}
.nav-list{text-align: center; float:right;}
.nav-list li{float:left; width:14%; font-size:.11rem; color:#111; margin:0; background:none;}
#nav-list a{color: #111; display:block;}
#nav-list li a:hover{color:#fff; background:#FEC527;}
}

/*----------------------单电脑板式样式----------------------*/
@media screen and (min-width:1200px){
.top-box{width:96%; padding:0% 2% 0%;}
.nav_box{margin:0 auto; overflow:hidden; /*max-width:1300px;*/ min-width:320px;}
.logo{width:32%; margin-top:3%; margin-bottom:2%;}
.logo img{width:394px; height:36px;}
.menu{float:right; display: none;}
#nav-list{width:63%;}
.nav-list{text-align: center; float:right; background:#fff;}
.nav-list li{float:left;line-height:98px; width:14%; font-size:16px; color:#111;}
}
@media screen and (min-width:1600px){
	.top-box{padding:0 2%;}
.nav-list li{line-height: 0.6rem; font-size:18px; margin:0;}
}

/*about*/
@media screen and (min-width:641px) {
.about{background:#f5f5f5; padding:4% 4% 3%; width:92%; float:left; overflow:hidden;}
h1.title{font-size:.32rem; text-align:center; line-height:115%; font-weight:bold;}
h1.title p{font-size:.22rem; color:#666; font-weight:normal;} 
.ab-cont{float:left; width:92%; background:#FEC425; margin-top:3%; padding:5% 4%; color:#212121; font-size:.18em; line-height:.5rem;}
.ab-ul{float:left; width:100%; overflow:hidden; margin:0; padding:0;}
.ab-ul li{float:left; width:33.3%; position:relative;}
.ab-ul li img{width:100%; float:left;}
.ab-ul li h3{position:absolute; right:4%; bottom:8%; line-height:120%; color:#fff; font-size:.28em; text-align:right;}
.ab-ul li span{font-size:.6em;}
}
/*
@media screen and (min-width:992px) {
h1.title{font-size:.28rem;}
h1.title p{font-size:.15rem;}
.ab-p{margin:3% 0 0; width:100%; float:left; overflow:hidden;}
p.ab-cont{float:left; width:41%; padding:0% 4%; font-size:.17rem; line-height:187%; margin:0;}
}*/
@media screen and (min-width:1024px) {
.about{width:100%; float:left; overflow:hidden; padding:0; padding-top:4%;}
h1.title{font-size:32px;}
h1.title p{font-size:18px;}
/*
.ab-p{width:1200px; margin:auto; float:none; margin-top:3%;}
p.ab-cont{font-size:14px; padding:27px 30px 22px 35px; width:520px;}
.ab-ul{float:right; width:615px; overflow:hidden; margin:0 0 3% 0; padding:0;}
.ab-ul li{float:left; width:205px; position:relative;}
.ab-ul li img{width:205px; height:153px; float:left;}*/
.ab-p{width:96%; margin:auto; float:none; margin-top:3%;}
p.ab-cont{font-size:.05em; padding:1.5% 2% 1.3%; width:45%; line-height:205%; margin-top:0;}
.ab-ul{float:right; width:51%; overflow:hidden; margin:0 0 3% 0; padding:0;}
.ab-ul li{float:left; width:33%; position:relative;}
.ab-ul li img{width:100%; float:left;}
.ab-ul li h3{position:absolute; right:4%; bottom:8%; line-height:150%; color:#fff; font-size:.12em; text-align:right;}
.ab-ul li span{font-size:.1em;}
.ab-ul li:hover img{filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8;}
}
@media screen and (min-width:1301px) {
.ab-p{width:1300px;}
p.ab-cont{padding:32px 60px 24px 55px; width:519px; font-size:14px;}
.ab-ul{ width:666px;}
.ab-ul li{width:222px;}
.ab-ul li img{width:222px; height:168px;}
.ab-ul li h3{font-size:18px;}
.ab-ul li span{font-size:14px;}
}
@media screen and (min-width:1600px){
.ab-p{width:96%;}
p.ab-cont{padding:2.4% 4% 2.2%; width:41%;}
.ab-ul{width:51%;}
.ab-ul li{width:33%;}
.ab-ul li img{width:100%;}	
}
/*cp*/
.cpbox{margin-top:2%; background:#fff; width:100%; float:left; overflow:hidden;}
@media screen and (min-width:641px) {
.cpbox li{float:left; width:48%; margin:1%; text-align:center; overflow:hidden;}
.cpbox li img{width:100%;}
.cpbox li h3{line-height:245%; font-size:.26rem; background:#F5F5F5; color:#666;}
}
@media screen and (min-width:1024px) {
.cpbox li{width:24%; margin:0.5%;}
.cpbox li h3{font-size:16px; line-height:428%;}	
.cpbox li:hover h3{background:#FEC425; color:#222;}
}
/*new*/
.newbox{margin-top:2%; background:#fff; width:100%; float:left; overflow:hidden;}
@media screen and (min-width:641px) {
.newbox li{float:left; width:94%; border:1px solid #EAEAEA; background:#fff; margin:1% 0; overflow:hidden; padding:1% 2%;}
.newbox li p.time{display:none;}
.newbox li div.n-c{float:left; padding:2% 0 2% 0%;}
.newbox li div.n-c h3{font-size:.34rem; color:#333; line-height:160%;}
.newbox li div.n-c p{float:left; font-size:.24rem; line-height:165%;}	
.newbox li p.gd{display:none;}
.newbox li:hover div.n-c h3{color:#FEC425;}
.newbox li:hover div.n-c p{color:#333;}
}
@media screen and (min-width:1024px) {
.newbox li{padding:0% 2%;}
.newbox li p.time{float:left; background:#F5F5F5; color:#999; text-align:center; font-size:.18em; display:inline; line-height:105px; width:10%;}
.newbox li div.n-c{width:88%; padding:2% 0 2% 2%;}
.newbox li div.n-c h3{font-size:18px;}
.newbox li div.n-c p{font-size:14px; line-height:190%; padding-top:1%;}
	
}
@media screen and (min-width:1301px) {
.newbox li p.time{font-size:26px; line-height:115px;}
.newbox li div.n-c{width:72%; padding:2% 0 0% 2%;}	
.newbox li p.gd{float:right; display:block; background:#FEC425; text-align:center; line-height:120%; color:#333; width:8%; font-size:14px; padding:1% 2%; margin-top:3%;}
.newbox li:hover{background:#242F35; border:1px solid #242F35;}	
.newbox li:hover p.time{background:#242f35; color:#242f35;}
.newbox li:hover div.n-c h3, .newbox li:hover div.n-c p{color:#FEC425;}
}
@media screen and (min-width:1600px){
.newbox li p.time{ line-height:125px;}	
.newbox li p.gd{font-size:16px; margin-top:2.2%;}
}

/*foot*/
@media screen and (min-width:641px) {
.foot{ margin-top:32%; color:#aaa; padding:3% 2%; font-size:14px; background:#333; width:96%; overflow:hidden;position: fixed; bottom: 0;}
.f-nav, .weixin{display:none;}
.f-left{float:left; width:100%; overflow:hidden; color:#fff;}
.f-left h1{color:#fff; font-size:.25rem; line-height:220%; text-align:center;}
.f-cont{line-height:222%; float:left; text-align:center; font-size:.2rem; overflow:hidden; width:100%; padding:1% 0;}
.f-cont a{color:#fff;}
.f-cont a:hover{color:#fff; text-decoration:underline;}
}
@media screen and (min-width:992px) {
.foot{padding:3% 2% 2%; position:static; margin-top:3%;}
.f-left{width:70%;}
.f-left h1{color:#fff; text-align:left; font-size:30px; line-height:220%; padding-left:1%; font-weight:bold;}
.f-nav{float:left; width:85%; display:block; overflow:hidden;}
.f-nav li{float:left; padding:1% 1.5%; text-indent:0; border-bottom:none; font-size:14px;}	
.f-nav li a{line-height:200%; color:#fff;}
.f-nav li a:hover{color:#FEC527;}
.f-cont{text-align:left; font-size:14px; width:98%; padding:0.5% 1%;}
.f-cont a{color:#fff;}
.f-cont a:hover{color:#fff; text-decoration:underline;}
.weixin{line-height:230%; margin:0; width:20%; padding-top:1%; font-size:14px; display:block; float:right; margin-top:5%;}
.weixin li{float:right; text-align:center; width:42%; margin-left:8%;line-height:300%; color:#fff;}
.weixin img{width:100%;}
}