﻿.wrap img{ width:100%; display: block;}
/**/
.banner { height: 14.17rem; overflow: hidden;}
/**/
.zs { height: 7rem; margin-top: 1px; overflow: hidden;}
.zs li { float: left; width: 32.8%; height: 3.475rem; background: #00a4e9; margin-bottom: 0.25rem; font-size: 1rem; text-align: center; line-height: 3.38rem;}
.zs li a { color: #ffffff;}
.zs li span { display: block;}
.zs li:nth-child(2), .zs li:nth-child(5) { margin: 0 0.8% 0.25rem;}
.zs li:nth-child(3) { line-height: 1.2rem; height: 3rem; padding-top: 0.48rem;}
/**/
.qs { height: 39.5rem; overflow: hidden; position: relative;}
.qs h3 { height: 4.7rem; text-align: center; background: url("../Images/Index/gxs.png") no-repeat 0 4.75rem; background-size: 100% 1.04rem; padding-top: 1.59rem; font-size: 0.58rem; color: #bcbcbc; text-transform: uppercase;}
.qs h3 p { font-size: 1.67rem; color: #333333; font-weight: bold;}
.qs h3 p span { color: #0895d7;}
.qs .c-list { height: 6.79rem; background: #00a4e9; overflow: hidden;}
.qs .c-list li { width: 24.75%; height: 3.38rem; font-size: 1rem; color: #feffff; text-align: center; line-height: 3rem; float: left; border-right: 1px solid #c4c4c4; border-bottom: 1px solid #c4c4c4;}
.qs .c-list li.z-on { background:#ffffff url("../Images/Index/qs_03.jpg") no-repeat center 2.63rem; background-size: 0.38rem 0.33rem; color:#00a4e9; height: 3.24rem; border-top: 1px solid #00a4e9; font-weight: bold;}
.qs .c-list li:nth-child(4), .qs .c-list li:nth-child(8) { border-right: 0;}
.qs .qsa { position: absolute; right: 3.1%; top: 10.67rem; width: 16.1%; height: 1.46rem; border: 1px solid #ffffff; font-size: 0.92rem; color: #ffffff; text-align: center; line-height: 1.46rem;}
.qs .m-cpcon { position:relative;}
.qs .m-cpcon .prev { position:absolute; top:5.42rem; left:1.6%; width:8.3%; z-index:99;}
.qs .m-cpcon .next { position:absolute; top:5.42rem; right:1.6%; width:8.3%; z-index:99;}

.qs .m-cpcon .no_ov { height: 26.42rem; background: url("../Images/Index/qsx.jpg") repeat-x; background-size: 2px 26.42rem;}
.qs .m-cpcon .no_ov .m-box .page { position:relative; float:left}
.qs dl { padding-top: 0.83rem; width: 93.8%; margin: 0 auto;}
.qs dt { position: relative;}
.qs dt p { position: absolute; left: 0; top: 14.04rem; width: 100%; height: 2.17rem; background: url("../Images/Index/qstm.png") repeat; font-size: 1rem; color: #ffffff; text-align: center; line-height: 2.17rem;}
.qs dd { font-size: 1rem; text-align: center; padding-top: 1rem;}
.qs dd em { display: block; width: 27.5%; height: 1.92rem; background: url("../Images/Index/qs_15.jpg") no-repeat; background-size: 100% 1.92rem; margin: 0 auto; color: #ffffff; line-height: 1.92rem; margin-top: 0.8rem;}
.qs dd a { color: #333333;}
/**/
body .fs {
    height: 100%;
   
}
.fs {background: url("../Images/Index/fsx.jpg") no-repeat center 7.54rem; background-size: 5px 13.83rem; position: relative;}
.fs h3 { height: 6rem; text-align: center; padding-top: 1.54rem; background: url("../Images/Index/gxs.png") no-repeat 0 4.71rem; background-size: 100% 1.04rem; font-size: 0.58rem; color: #bcbcbc; text-transform: uppercase;}
.fs h3 p { font-size: 1.67rem; color: #333333; font-weight: bold;}
.fs h3 p span { color: #0895d7;}
.fs .m-cnt{ width:93.6%; height: 15.25rem; display:block; margin: 0 auto;}
.fs .m-cnt li{ width: 42.75%; float: left; height: 1.83rem; background: #535353; font-size: 1rem; color: #ffffff; text-align: center; line-height: 1.83rem;}
.fs .m-cnt li:nth-child(odd) { margin-right: 14.5%;}
.fs .m-cnt li.z-on{ background:#0094e4;}
.fs .m-box .con{ display:inline; float:left;}
.fs .m-box .con ul { width: 88.6%; margin: 0 auto;}
.fs .m-box .con li { float: left; width: 46.35%; height: 14.79rem; font-size: 0.92rem; text-align: center; line-height: 1.5rem;}
.fs .m-box .con li a { color: #999999;}
.fs .m-box .con li p { width: 86%; padding: 0.58rem; border: 2px solid #e3e3e3;margin-bottom:0.75rem; }
.fs .m-box .con li:nth-child(odd) { margin-right: 7.3%;}
.fs .fsu1 { position: absolute; left: 3%; top: 9.8rem; width: 40.6%;}
.fs .fsu1 li { float: left; width: 48%; font-size: 0.92rem; line-height: 1.67rem;height:1.67rem;overflow:hidden;}
.fs .fsu1 li:nth-child(odd) { width: 52%;}
.fs .fsu1 li a { color: #666666;}
.fs .fsu2 { position: absolute; right: 3%; top: 9.8rem; width: 40%;}
.fs .fsu2 li { float: left; width: 40%; font-size: 0.92rem; line-height: 1.67rem;height:1.67rem;overflow:hidden;}
.fs .fsu2 li:nth-child(odd) { width: 60%;}
.fs .fsu2 li a { color: #666666;}
/**/
.ms { height: 43.83rem; background: #f3f3f3 url("../Images/Index/ms_10.jpg") no-repeat 0 40.46rem; background-size: 100% 2.46rem; overflow: hidden;}
.ms h3 { height: 6.21rem; overflow: hidden;}
.ms .m-box .con{ display:inline; float:left;}
.ms dl { height: 34.54rem;}
.ms dd h4 { height: 2.17rem; background: url("../Images/Index/ms_04.jpg") no-repeat; background-size: 100%; font-size: 1.25rem; color: #000000; font-weight: bold; margin-bottom: 1rem;}
.ms dd h4 span { display: block; float: left; font-size: 2rem; color: #009ee1; font-weight: normal; line-height: 2rem; padding-left: 3%;}
.ms dd h4 em { display: block; float: left; line-height: 2rem; margin-left: 1%;}
.ms dd p { width: 86%; font-size: 0.92rem; color: #333333; line-height: 1.08rem; margin-bottom: 1rem; margin-left: 3.1%; padding-left: 3.4%; background: url("../Images/Index/ms_07.jpg") no-repeat left 0.3rem; background-size: 0.54rem 0.54rem;}
.ms dd p span { color: #00a4e9;}
.ms .m-cnt{ width:20%; display:block; margin: 0 auto;}
.ms .m-cnt li{ width: 0.63rem; height: 0.63rem; border: 1px solid #747474; margin-right: 11%; border-radius: 100%; float: left; margin-top: 0.17rem;}
.ms .m-cnt li:last-child { margin-right: 0;}
.ms .m-cnt li.z-on{ background:#009ee1; width: 1rem; height: 1rem; border-color: #009ee1; margin-top: 0;}
/**/
.lr { height: 20.79rem; background: url("../Images/Index/lrb.jpg") no-repeat; background-size: 100%;}
.lr h3 { height: 4.7rem; text-align: center; padding-top: 0.8rem; background: url("../Images/Index/gxs.png") no-repeat 0 3.88rem; background-size: 100% 1.04rem; font-size: 0.58rem; color: #bcbcbc; text-transform: uppercase;}
.lr h3 p { font-size: 1.67rem; color: #333333; font-weight: bold;}
.lr h3 p span { color: #0895d7;}
.lr .lrt { width: 91.9%; padding: 0.21rem; border: 1px solid #d7d7d7; margin: 0 auto; background: #ffffff;}
/**/
.ws { height: 16.88rem; overflow: hidden; position: relative;}
.ws h3 { height: 2.46rem; background: #009ee1 url("../Images/Index/wso.jpg") no-repeat 10% bottom; background-size: 0.71rem 0.38rem; line-height: 2rem;}
.ws h3 p { float: left; font-size: 0.92rem; padding-left: 5%;}
.ws h3 p a { color: #ffffff;}
.ws h3 em { display: block; float: right; padding-right: 3%;}
.ws h3 em a { font-size: 0.92rem; color: #ffffff;}
.ws .prev{ width:5.2%; position:absolute; top:5.96rem; left:1.3%; z-index:88;}
.ws .next{ width:5.2%; position:absolute; top:5.96rem; right:1.3%; z-index:88;}
.ws .nowarp { width: 82.7%; margin: 0 auto; padding-top: 1.21rem;}
.ws .m-box .con{ display:inline; float:left;}
.ws li { float: left; width: 46.95%; text-align: center; font-size: 0.8rem; color: #333333;}
.ws li p { font-size: 0.92rem; color: #000000; font-weight: bold; margin: 0.2rem 0;}
.ws li:nth-child(odd) { margin-right: 6.1%;}
/**/
.dk { height: 16.25rem; overflow: hidden;}
.dk .m-cnt{ width:100%; display: block; height: 2.08rem; background: #009ee1;}
.dk .m-cnt li{ float: left; line-height: 2.08rem; font-size: 1rem; color: #ffffff; padding: 0 3%;}
.dk .m-cnt li.z-on{ background:#f37020; font-weight: bold;}
.dk .m-box .con{ display:inline; float:left;}
.dk .m-box .con ul { width: 90.6%; margin: 0 auto;}
.dk .m-box .con li { font-size: 0.92rem; line-height: 2.5rem; border-bottom: 1px dashed #666666;}
.dk .m-box .con li a { color: #666666;}


/**/

/**/

/**/

/**/

/**/

/**/

/**/

/**/

/**/

/**/

/**/

/**/

/**/

/**/

/**/

/**/

/**/

/**/

/**/

/**/

/**/

@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%;}
}