html { overflow-x:hidden;}
body { background:#FFF; font-family:'microsoft yahei'; font-size:14px; overflow-x:hidden;}
img { vertical-align:bottom;}
a { color:#333; text-decoration:none;}


.banner .swiper-container-horizontal>.swiper-pagination { bottom: 10px;}
.swiper-pagination-bullet { background: #FFF; opacity: 1; vertical-align: middle;}
.swiper-pagination-bullet-active{ background: #fa700b; width: 12px; height: 12px; transition: all .3s;}

.menu-cont { width: 50vw; position: fixed; height: 100%; left: -50vw; background: #404248; z-index: 1000; transition: all .3s;}
.menu-cont.on { left: 0px;}
.menu-cont .close { padding: 20px; text-align: right;}
.menu-cont .close img { width: 30px;}
.menu-cont .list { line-height: 50px; overflow:auto; position:absolute; bottom: 0px; left: 0px; top: 80px; right: 0px; border-top: #5c5e63 solid 1px;}
.menu-cont .list li a { background-image: url(skin/icon-more.png); background-repeat: no-repeat; background-position: right 10px center; background-size: 20px auto;  display:block; height: 100%; color: #FFF; padding-left: 30px; border-bottom: #5c5e63 solid 1px; border-left: #404248 solid 5px;}

.head { position: relative; font-size: 18px; font-weight: bold; min-height: 60px; line-height: 60px; text-align: center;}
.head .menu-icon { width: 6vw; height: 6vw; background:url(skin/menu-icon.png); background-size: 100%; position: absolute; left: 20px; top: 50%; margin-top: -3vw;}

.slide { position: relative;}
.slide .name { height: 50px; line-height: 50px; background: #07913b url(skin/icon-down.png) right 21px center no-repeat; background-size: 20px; text-align: center; color: #FFF;}
.slide .list { z-index: 1000; display: none; background: #64bc4c; position: absolute; width: 100%; top: 50px; }
.slide .list a { display: block; height: 45px; line-height: 45px; text-align: center; color: #FFF; border-bottom: #aad69e solid 1px;}
.slide .list li:last-child a { border: 0px;}

.menu { padding: 20px; background: #f7f7f7;}
.menu .item img { display: block; width: 50%; margin: auto;}
.menu .item span { display: block; text-align: center;}
.menu .show { padding: 20px 0px; border: 0px;}

.col { display: flex;}
.col .item { flex: 1;}

.about,.show,.praise { border-bottom: #f4f4f4 solid 10px;}
.about .name { text-align: center; font-weight: bold; padding-top: 20px;}
.about .html { padding: 20px; text-align: justify; line-height: 26px; color: #9b9b9b;}

.title { color: #9c9c9c; line-height: 50px; height: 50px; padding:0px 20px; border-left:#e68201 solid 5px;}
.title span { color: #e68201;}
.title a { float: right; font-size: 12px; padding: 3px 10px; border: #9c9c9c solid 1px; border-radius: 100px; line-height: 18px; margin-top: 10px; color: #9c9c9c;}

.show .name { padding:10px 20px; color: #FFF; background: #c6aa66; display: block;}
.show .swiper-container-horizontal>.swiper-pagination { bottom: 10px; text-align: right; padding-right: 20px;}

.txt-list .item { border-top: #f4f4f4 solid 5px;}
.txt-list .item a { display: flex; padding: 10px;}
.txt-list .time { background: #c6aa66; margin-right: 10px; width: 60px; padding: 10px; border-radius: 5px;}
.txt-list .time strong,.txt-list .time span { display: block; text-align: center; color: #FFF;}
.txt-list .time strong { font-size: 16px; padding-bottom: 5px;}
.txt-list .time span { padding-top: 8px; font-size: 12px; border-top: #FFF solid 1px;}
.txt-list .info { flex: 1;}
.txt-list .info .tit { color: #4f4e4e;}
.txt-list .info .tit span { float: right;}
.txt-list .info .txt { color: #929292; line-height: 20px; font-size: 12px; padding-top: 5px;}

.copyright { padding: 20px 0px; background: #f4f4f4; line-height: 24px; text-align: center; color: #9e9e9e;}

.foot-height { height: 60px;}
.foot { padding: 10px 5px; height: 60px; position:fixed; bottom: 0px; width: 100%; background: #FFF; border-top: #b6b6b6 solid 1px; z-index: 1000;}
.foot img { width: 20px; margin: auto; display: block;}
.foot span { display: block; text-align: center; padding-top: 5px; font-size: 12px;}
.foot .item a { text-align: center; margin: 0px 5px; background: #c6aa66; color: #FFF; display: block; line-height: 40px;}
.foot .item:last-child a { background: #e68201;}

.nav { border-top: #f4f4f4 solid 1px; padding-bottom: 20px;}
.nav li a { display: block; text-align: center; line-height: 85px; background: url(skin/menu-li.jpg); background-size: auto 85px; border-bottom: #dbdbdb solid 5px; margin: 20px; margin-bottom: 0px; border-radius: 10px;}

.img-list .item { padding: 20px; padding-bottom: 0px;}

.img-list .item a { padding: 10px; border: #b9b9b9 solid 1px; font-size: 12px; display: flex;}
.img-list .item .show { width: 100px; border-bottom: 0px;}
.img-list .item img { border-radius: 100px;}
.img-list .item .info { line-height: 18px; flex: 1;}
.img-list .item .info .txt { height: 54px;}
.img-list .item .info .url { padding-top: 10px; color: #c6aa66;}

.contact .item { padding: 20px;}
.contact .item img { width: 50%; display: block; margin: auto;}
.contact .item strong, .contact .item span { display: block; text-align: center;}
.contact .item strong { padding-top: 15px;}
.contact .item span { color: #909090; font-size: 12px; padding-top: 5px;}

.map { margin: 20px; border:#c2c2c2 solid 1px; margin-top: 0px;}

.content { padding: 20px;}
.content .name { text-align: center;}
.content .time { padding-top: 10px; text-align: center; color: #929292; padding-bottom: 10px;}
.content .html { text-align: justify; line-height: 30px; color: #8d8d8d;}

#from { padding: 20px 0px;}
#from .title { padding: 30px 0px 20px 0px; text-align: center;}
#from .title strong { font-size: 24px; display: block;}
#from .title span { display: block;}
#from .msg { width: 100%; padding: 0px 20px;}
#from .msg table { width: 100%;}
#from .msg td { padding: 10px; line-height: 44px;}
#from .msg td input,#from .msg td select { height: 44px; line-height: 44px; padding: 0px 10px; width: 100%; border: #333 solid 1px; border-radius: 3px;}
#from .msg td textarea { box-sizing: border-box; height: 120px; line-height: 24px; padding: 10px; width: 100%; border: #333 solid 1px; border-radius: 3px; resize: none;}
#from .submit { display: block; font-size: 18px; text-align: center; border-radius: 5px; padding: 5px 0px; background: #e68201; color: #FFF;}

video { width: 100%;}

.wechat { position: fixed; width: 100vw; height: 100vh; background:rgba(0,0,0,.8); left: 0px; top: 0px; z-index: 1000; align-items: center; justify-content:center; display: none;}
.wechat.on { display: flex;}
.wechat .close { position: absolute; right: 20px; top: 20px; width: 30px; }

.pager { height:65px; line-height:35px; margin-top:10px; padding-top:10px; text-align:center;}
	.pager a { margin:0px 5px; background:#fff; color:#333; padding:3px 10px; border:#CCC solid 1px; border-radius:3px;}
    .pager span { color:#FFF; background:#c6aa66; border:#c6aa66 solid 1px; margin:0px 5px; padding:3px 10px; border-radius:3px;}