@charset "utf-8";
/* CSS Document */
.kgjtop { width:100%; min-height:250px; margin-top:90px; padding-top:40px;background:url(images/gkbanner.jpg) no-repeat center;}
.kgjtop-s { display:none;}
.container .kgj-top { background:rgba(0,0,0,.1); padding:10px; border-radius:10px; margin-top:20px;}
.container .kgj-top h1 { color:#05a3ad;}
.container .kgj-top p { color:#666; font-size:16px;}

.content h2 { line-height:36px; color:#01848c;}
.content h2,.content h3 { line-height:30px; color:#01848c; text-indent:1em;}
.content-m { border:2px #01848c dotted; clear:both; padding:20px; border-radius:20px;}
.content-m ol { margin:0; padding:0;}
.content-m .content-bx { clear:both; min-height:100px;}
.content-m .content-ww { width:44%; margin:0 3%; float:left; min-height:50px;}
.content p { background-color:#dde3fb; color:#30343d; margin:20px auto; padding:20px; border-radius:10px;}
.content p.lead { text-indent:2em;}
.content div img { display:block; width:60%; margin:0 auto; border-radius:10px; }

.gkzj { background-color:#eee; height:150px; border-radius:10px; margin-top:20px;}
.content .m-zj { width:60%; float:left; padding:10px; height:150px;}
.content .m-zj p { padding:10px;}
.content .m-zj .modal-body-img img { width:200px; height:200px; display:block; margin:10px auto; border-radius:10px;}
.content .m-zj .modal-body h3 { text-align:center;}
.content .m-zj .modal-body p { padding:10px;}
.content .m-zj .zjlist { width:170px; height:80px; margin-right:10px; border-radius:10px; float:left; cursor:pointer;box-shadow: 5px 5px 5px #dddddd;}
.content .m-zj .zjlist:hover { background-color:#09F;}
.content .m-zj .zjlist:hover p { color:#fff;}
.content .m-zj .zjlist .zj-pic { width:80px; height:80px; margin-right:8px; display:block; float:left; border:2px #cd3170 solid; border-radius:50%;}
.content .m-zj .zjlist:hover .zj-pic { border:2px #ffffff solid;}
.content .m-zj .djc p,.content .m-zj .lds p,.content .m-zj .gwy p { margin:0; background:none; font-size:12px;}
.content .m-zj .djc p strong { font-size:14px;}
.content .m-zj .djc .zj-pic {background:url(images/djc.jpg) no-repeat center; background-size:100% 100%;}
.content .m-zj .yfz p { margin:0; background:none;}
.content .m-zj .lds .zj-pic {background:url(images/lds.jpg) no-repeat center; background-size:100% 100%;}
.content .m-zj .gwy .zj-pic {background:url(images/gwy.jpg) no-repeat center; background-size:100% 100%;}
.content .m-zj .ghq { width:170px;}
.content .m-zj .ghq p { margin:0; background:none;}
.content .m-zj .ghq .zj-pic {background:url(images/gwy.jpg) no-repeat center; background-size:100% 100%;}
.content .m-zx { width:40%; float:left; height:180px; padding-top:15px; text-align:left;}
.content .m-zx .zjtd h6 { color:#666; font-weight:400;}
.content .m-zx .zjtd { padding-bottom:10px;}
.content .m-zx i { display:block; font-style:normal; font-size:18px; padding-top:15px;}
.content .m-zx i font { color:#cd3170;}
.content .m-zx a { padding:20px 30px; color:#fff;}
.content .m-zx a:nth-child(2) { background:url(images/zx.png) no-repeat; background-size:100% 100%;}
.content .m-zx a:nth-child(3) { background:url(images/yy.png) no-repeat; background-size:100% 100%;}
.content .m-zx a:nth-child(4) { background:url(images/ty.png) no-repeat; background-size:100% 100%;}
.content .m-zj .modal-body p { text-align:left;}
.modal-body { text-align:center;}

.container .cw p.lead { font-size:14px; line-height:30px;}
.container .cw p.lead strong { margin-right:2em; border-radius:5px;}

.gkxf { position:fixed; min-width:1140px; bottom:0; margin:0 auto; height:70px; background:rgba(16,198,209,.4); border-top-left-radius:10px; border-top-right-radius:10px; border:3px rgba(255,255,255,.8) solid; border-bottom:0; text-align:center;}
.gk-zjlist { height:70px; padding-top:10px;}
.gkxf span { height:50px; width:160px; display:block; background:url(images/s-gkzt.jpg) no-repeat center; background-size:100% 100%; line-height:50px; text-align:center; color:#fff; float:left;margin:0 6px; border-radius:5px; border:1px rgba(255,255,255,.8) solid; overflow:hidden;}
.gk-zjlist a { position:relative;}
.gk-zjlist a strong { position:absolute; width:100%; background:rgba(255,255,255,.3); font-size:12px; display:block; font-weight:300; text-align:center; color:#333; bottom:0;}
.gkxf a { height:50px; width:90px; display:block; float:left;margin:0 3px; border-radius:5px; border:1px rgba(255,255,255,.8) solid; overflow:hidden;}
.gkxf a:hover { border:1px #3280fc solid;}
.gkxf .gk-zjlist a:hover strong { background:rgba(50,128,252,.8); color:#fff;}
.gkxf .gk-zjlist a:nth-child(2) { background:url(images/s-kgj.jpg) no-repeat center; background-size:100% 100%;}
.gkxf .gk-zjlist a:nth-child(3) { background:url(images/s-jzcw.jpg) no-repeat center; background-size:100% 100%;}
.gkxf .gk-zjlist a:nth-child(4) { background:url(images/s-xtxxj.jpg) no-repeat center; background-size:100% 100%;}
.gkxf .gk-zjlist a:nth-child(5) { background:url(images/s-oxt.jpg) no-repeat center; background-size:100% 100%;}
.gkxf .gk-zjlist a:nth-child(6) { background:url(images/s-mtz.jpg) no-repeat center; background-size:100% 100%;}
.gk-fm { display:none;}

@media only screen and (max-width:800px) {
.content div img { display:block; width:100%; margin:0 auto; border-radius:10px; }
.content h2 { text-align:center;}
.kgjtop { display:none;}
.kgjtop-s { display:block; margin-top:13rem;}
.kgjtop-s img { display:block; width:100%;}
.content-m .content-ww { width:100%; margin:0 auto; float:none; margin-bottom:1rem;}
.content .m-zj { width:100%; float:none; padding:10px; height:28rem;}
.content .m-zj .zjlist { width:30%; text-align:center;}
.content .m-zj .zjlist .zj-pic { float:none; clear:both; margin:0 auto;}
.gkzj { height:30rem;}
.content .m-zx { display:none; width:100%; height:4rem; float:none; clear:both; margin:0 auto; padding-top:0; text-align:center;}
.content .m-zx a { padding:2rem 2rem; margin:0 .5rem;}
.content .m-zj .zjlist p { font-size:12px; color:#666;}
.content .m-zj .zjlist p strong { color:#333;}
.modal-open .modal { width:96%; margin:0 auto;}
.content .m-zj .modal-body-img img { width:8rem; height:8rem;}
.gkxf-m { display:none;}

.gk-fm { display:block; position:fixed; bottom:15rem; font-size:1.6rem; line-height:1.6rem; right:0; background:url(images/s-gkzt.jpg) no-repeat center; color:#fff; height:5rem; width:5rem; padding-top:1rem; text-align:center; border-top-left-radius:50%; border-bottom-left-radius:50%;}
.gk-ztlist-m a { margin:1rem; text-align:left; display:inline-block; padding:5px 5px; border-radius:5px; border:1px #666666 solid; overflow:hidden;}

}