﻿.wrap img{ width:100%;}	
/**/
.banner img { display: block;}
/**/
.zs { height: 7.96rem; overflow: hidden; font-family: "Microsoft YaHei", serif;}
.zs ul { margin: 0 3.1%;}
.zs li { float: left; width: 31.4%; height: 2.83rem; margin-bottom: 0.42rem; text-align: center; line-height: 2.83rem; border: 1px solid #999999; border-radius: 0.2rem;}
.zs li a { font-size: 1rem; color: #333333;}
.zs li:nth-child(2), .zs li:nth-child(5) { margin: 0 1.6%;}
/**/
.jg { height: 27.92rem; overflow: hidden; margin: 0 3.1%; font-family: "Microsoft YaHei", serif;}
.jg h4 { height: 2.54rem; text-align: center; line-height: 2.54rem; background: #424244;}
.jg h4 span { font-size: 1rem; color: #ffffff; padding-left: 5%; border-left: 2px solid #ffffff;}

.jgk { height: 24.13rem; border: 1px solid #d7d7d7;}
.jgk em { display: block; width: 100%;}
.jgk p { font-size: 0.92rem; color: #666666; margin: 0.8rem 2% 0 2%;  line-height: 1.6rem; }
.jgk p span { display: block; float: left;}
.jgk p i { display: block; float: left; font-style: normal;}
/**/
.fs { height: 25rem; overflow: hidden; font-family: "Microsoft YaHei", serif;}

.fs .m-cnts{ width:93.8%; display:block; height: 6.21rem; padding:0 3.1%;}
.fs .m-cnts li{ float: left; width: 30.8%; height: 2.29rem; margin-bottom: 0.42rem; text-align: center; line-height: 2.29rem; border: 2px solid #999999; font-size: 0.92rem; color: #333333;}
.fs .m-cnts li a{ display:block}
.fs .m-cnts li:nth-child(2), .fs .m-cnts li:nth-child(5) { margin: 0 1.6%;}
.fs .m-cnts li.z-on{ background:#ff8a01; border: 2px solid #ff8a01; color: #ffffff;}

.fs .fsk { display:inline; float:left;}
.fsk { width: 100%; margin: 0 auto;}
.fsk p { float: left; width: 44.2%;  margin: 0 2.8% 1rem;}
.fsk em { display: block; width: 100%; position:relative;}
.fsk em img { display: block; border: 1px solid #cfcfcf; width: 99.2%;}
.fsk p span { position:absolute; left:0; bottom:0; width: 100%; display: block; height: 1.79rem; background: #999999; text-align: center; line-height: 1.79rem; font-size: 0.92rem; color: #ffffff;}
/**/
.gg { width: 93.8%; height: 9.21rem; margin: 0 auto;}
/**/
.ms { height: 90.29rem; background: url(../Images/Index/msb.jpg) no-repeat; background-size: 100% 90.29rem; font-family: "Microsoft YaHei", serif; overflow: hidden;}

.mst { width: 93.3%; margin: 0 auto; text-align: center; padding-top: 1.71rem; font-size: 1rem; color: #333333; height: 7.35rem;}
.mst p { width: 100%;}

.msk { height: 19.7rem; margin: 0 auto; position: relative; text-align: center;}
.msk em { display: block; width: 93.3%; margin: 0 auto;}
.msk em img { display: block;}
.msk p { position: absolute; left: 38.3%; top: 8.75rem; width: 23.4%; height: 2.17rem; background: url(../Images/Index/msk.png) no-repeat; background-size: 100% 2.17rem; text-align: center; line-height: 2.17rem; font-size: 1rem; color: #ffffff;}
.msk h3 { font-size: 1.08rem; color: #000000; font-weight: bold; margin: 2rem 0 0.8rem;}
.msk h4 { font-size: 0.83rem; color: #666666; line-height: 1.67rem; text-align: left; margin-left: 2%}
.msk h4 span { color: #333333;}
/**/
.gg1 { width: 100%;}
.gg1 img { display: block;}
/**/
.qs { height: 28.13rem; overflow: hidden; font-family: "Microsoft YaHei", serif;}
.qs h4 { height: 5.87rem; font-size: 1.75rem; color: #ff8a01; font-weight: bold; text-align: center; padding-top: 1.8rem; background: url(../Images/Index/qs_03.jpg) no-repeat center 6.21rem; background-size: 13rem 0.25rem;}
.qs h4 p { font-weight: normal; font-size: 1rem; color: #666666; margin-top: 0.3rem;}
.qs .m-box .con { display:inline; float:left;}
.qs .m-box .con p { width: 93.6%; margin: 0 3.2%; position: relative;}
.qs .m-box .con p span { display: block; position: absolute; left: 0; bottom: 0; width: 100%; height: 2.21rem; background: url(../Images/Index/qstm.png) repeat-x; font-size: 1.08rem; color: #ffffff; text-align: center; line-height: 2.21rem;}
.qs .m-box .con p img { display: block;}
.qs .m-cnt{ width:58.1%; display:inline-block; padding:1.3rem 0 0 41.9%;}
.qs .m-cnt li{ width: 8.9%; height: 1.04rem; background: url(../Images/Index/qs_13.jpg) no-repeat; margin-right: 2.3%; background-size: 1.04rem 1.04rem; float: left;}
.qs .m-cnt li.z-on{ background: url(../Images/Index/qs_11.jpg) no-repeat; background-size: 1.04rem 1.04rem;}
/**/
.dz { height: 7.79rem; position: relative; margin: 0 3.1%; overflow: hidden; font-family: "Microsoft YaHei", serif;}
.dz h4 { float: left; width: 31.2%; height: 4.67rem; background: #ff8a01; font-size: 1rem; color: #ffffff; line-height: 1.5rem; padding: 1rem 0 0 5%;}
.dz .prev{ width:2.5%; position:absolute; top:2.25rem; left:40.3%;}
.dz .next{ width:2.5%; position:absolute; top:2.25rem; right:6.3%;}
.dz .nowarp { border: 1px solid #e8e8e8; border-left: 0; float: left; width: 44.5%;height: 5.58rem;padding: 0 9%;  overflow: hidden;}
.dz .m-box .con{ display:inline; float:left;}
.dz .m-box .con p { float: left; width: 40%;margin: 0 5%; padding-top: 1.52rem;}
/**/
.dk { height: 21.67rem; overflow: hidden; font-family: "Microsoft YaHei", serif; background: #f8f8f1; position: relative; padding-top: 2.08rem;}

.dk .m-cnt{ width:93.8%; display:block; margin:0 3.1%; height: 2.63rem; background: #f8f8f1; border: 1px solid #ececec;}
.dk .m-cnt li{ float: left; width: 29.9%; line-height: 2.63rem; font-size: 1.08rem; color: #333333; padding-left: 6%;}
.dk .m-cnt li.z-on{ background:#ff8a01 url(../Images/Index/dky.jpg) no-repeat 85% center; background-size: 1.38rem 1.38rem; color: #ffffff;}

.dk .m-box .con{ display:inline; float:left;}
.dkk { height: 16.75rem; border: 1px solid #ececec; border-top: 0; margin: 0 2.8% 0 3.3%; background: #ffffff;}
.dkk dl { padding: 1.54rem 0 0 5.9%; height: 7.7rem; overflow:hidden;}
.dkk dt { float: left; width: 43%;}
.dkk dd { width: 45%; float: left; margin-left: 5%;}
.dkk dd a { font-size: 0.92rem; color: #ff8a01;}
.dkk dd p { color: #6d6d6d; padding-top: 0.5rem; border-top: 1px solid #d8d8d8; margin-top: 0.8rem; line-height: 1.5rem;}
.dkk ul { margin: 0.5rem 5.9% 0 5.9%;float: left; width: 88%;}
.dkk li a { font-size: 0.92rem; color: #666666; line-height: 1.38rem;}
.dkk li a span { float: right; color: #999999;}

.dka { position: absolute; right: 6.6%; top: 2.08rem; font-size: 0.92rem; color: #333333; line-height: 2.71rem; text-transform: uppercase;}
/**/

/**/

/**/

/**/

/**/

/**/

/**/

/**/

/**/

/**/

/**/

/**/

/**/

/**/

/**/

/**/

/**/

/**/

@media screen and (min-width:320px) {
  html { font-size:75%;}
}
@media screen and (min-width:360px) {
  html { font-size:87%;}
}
@media screen and (min-width:480px) {
  html { font-size:112%;}

}
@media screen and (min-width:568px) {
  html { font-size:131%;}

}
@media screen and (min-width:639px) {
  html { font-size:150%;}
}