﻿ /* wmx80_css  */
body, h1, h2, h3, h4, h5, h6, p, ul, ol, li, form, img, dl, dt, dd, table, th, td, blockquote, fieldset, div, strong, label, em{margin:0; padding:0; border:0; }
ul, ol, li{list-style:none; }
input, button,textarea{margin:0; font-size:12px; vertical-align:middle; font-family:microsoft yahei, arial, helvetica, sans-serif  arial, helvetica, sans-serif;}
body,select{font:1rem microsoft yahei, arial, helvetica, sans-serif  arial, helvetica, sans-serif; margin:0; color:#515567;}
table{border-collapse:collapse; border-spacing:0; }
a{text-decoration:none; outline:none; color:#515567; -webkit-transition:all 400ms ease-out; -mozilla-transition:all 400ms ease-out; -ms-transition:all 400ms ease-out; -o-transition:all 400ms ease-out; transition:all 400ms ease-out; }
img{-webkit-transition:all 400ms ease-out; -mozilla-transition:all 400ms ease-out; -ms-transition:all 400ms ease-out; -o-transition:all 400ms ease-out; transition:all 400ms ease-out; }
a:hover{text-decoration:none; -moz-transition:color .4s linear; -webkit-transition:color .4s linear; transition:color .35s linear; }
.cl{height:0; font-size:1px; clear:both; line-height:0; }
a,img,button,textarea{-webkit-tap-highlight-color:rgba(255,255,255,0);-webkit-appearance:none; outline:none}
*{-webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;}
.none{display:none}
*:focus{outline:none}
i,em,ins,u{font-style:normal; text-decoration:none }	
nav,footer,section,header,article{display:block;}
.wrap{width:100%;margin:0 auto; max-width:640px;  min-width:320px }
.bgfff{ background:#fff}
.pt48{ padding-top:48px}
.fl{float:left}
.fr{float:right}
.pr{position:relative}
.pa{position:absolute}
.oh{ overflow:hidden}
.mt10{ margin-top:10px;}
.plr10{ padding:0 10px}
.ptb10{ padding:10px 0}
.pd10{ padding:10px;}
.bornone{ border:none !important}
.clearfix{*zoom:1; }
.clearfix:before,.clearfix:after{display:table;content:"";line-height:0; }
.clearfix:after{clear:both; }
input[type="submit"],
input[type="reset"],
input[type="button"],
button{-webkit-appearance:none;}
::-webkit-scrollbar{width:10px;height:10px; display:none}
::-webkit-scrollbar-track{background:#f1f1f1;}
::-webkit-scrollbar-track:hover{background:#eee;}
::-webkit-scrollbar-thumb{border-radius:10px;background:#b9b9b9; display:none}
::-webkit-scrollbar-thumb:hover{background:#747474;}
::-webkit-scrollbar-thumb:active{background:#555;}
@media (min-width:379px){html{font-size:15px;}}
@media (max-width:378px){html {font-size:13px;}}

.header{ padding:1rem; background: #fff;}
.header .logo{ width:50%}
.header .logo img{ display:block; height: 2.4rem;}
.header .tel{ text-align:right; width:50%; line-height:1.2rem; color: #fe9200; font-weight: bold; text-align: right;}
.header.bghs{ background:#fafafa; border-bottom:1px solid #dcdcdc}

.navsd{ text-align:center;font-size:1.1rem; position:relative; background: #fff}
.navsd ul{ border-top:1px solid #dedede; overflow:hidden}
.navsd ul li{ display:block; float:left; width:25%; color:#333333; height:3.6rem; line-height:3.6rem; overflow:hidden;}
.navsd .ctsd{ width:100%; background:rgba(255,255,255,0.8); position:absolute; top:3.6rem; border-top:1px solid #dedede; display:none; z-index: 9999;}
.navsd .ctsd ol{ padding:0.8rem 1rem}
.navsd .ctsd ol li{ display:block; float:left; width:33.33%; color:#333333; height:2.6rem; line-height:2.6rem; overflow:hidden;}

.formsmt{background:#fdf7e7; padding-bottom:1rem}
.formsmt .title{ background:url(../images/tlebg.jpg) no-repeat center; background-size:100% 100%; color:#fff; font-size:1.2rem; height:3rem; line-height:3rem; text-align:center}
.formsmt ul{ padding:1rem; font-size:1.1rem; color:#666666}
.formsmt ul li ins{ color:#333; display:block;}
.formsmt ul li{ padding-top:0.5rem; line-height:2.8rem;}
.formsmt ul li i{ float:left; display:block; width:4em}
.formsmt ul li .wms{ display:block; padding-left:4em}
.formsmt ul li .webtxt{ height:2.8rem; width:100%; box-sizing:border-box; padding-left:10px; border:1px solid #e5e5e5; line-height:2.8rem; font-size:1.1rem; padding-right:0}
.formsmt ul li .yq{ background:url(../images/yqico.png) no-repeat right center}
.formsmt ul li .webtxts{height:2.8rem; width:100%; float:left; width:80px;border:1px solid #e5e5e5; line-height:2.8rem; font-size:1.1rem; text-indent:10px;}
.formsmt ul li span{ display:block; height:2.8rem; border:1px solid #e5e5e5; line-height:2.8rem; background:#fff;}
.formsmt ul li span label{ padding-right:5px;}
.formsmt ul li span input{ margin:0 6px 0 10px}
.formsmt ul li .mks{ display:block; padding-left:4em; position:relative}
.formsmt ul li .mks em{ display:block;height:2.8rem; width:100%; text-indent:10px; border:1px solid #e5e5e5; line-height:2.8rem; font-size:1.1rem; background:url(../images/yqico.png) no-repeat right center; box-sizing:border-box; background:#fff}
.formsmt ul li .mks dl{ display:none; position:absolute; top:2.8rem; right:0;background:#fff; padding:8px 0; width:auto;border:1px solid #e5e5e5;box-sizing:border-box; z-index:999}
.formsmt ul li .mks dl dd{ cursor:pointer; height:34px; line-height:34px; padding:0 10px;}
.formsmt ul li .mks dl dd:hover{ background:#f1f1f1}
.formsmt ul li select{height:2.8rem; border:1px solid #e5e5e5; width:100%; font-size:1.1rem}
.formsmt .btn{ padding-top:10px}
.formsmt .btn a{display:block; background:#f8b500 url(../images/btnvf.png) no-repeat 2rem center; width:50%; height:3.4rem; text-align:center; line-height:3.4rem; border-radius:0.5rem; padding-left:2rem; margin:0 auto; font-size:1.2rem; color:#fff; background-size:2rem}
.formsmt .word{ text-align:center; padding-top:1rem; font-size:12px}

.graybg{ display:none; width:100%; height:100%; position:fixed; z-index:999999; background:#000; opacity:0.5; left:0; top:0}
.phonerre{ display:none; position:fixed; top:50%; left:50%; margin-left:-40%; margin-top:-5.5rem; width:80%; height:9.5rem; background:#fff; overflow:hidden; z-index:9999999}
.phonerre p{ display:block; height:6rem; line-height:6rem; text-align:center; font-size:1.2rem; color:#666666}
.phonerre .btns{ height:3.5rem; background:#f3f3f3; position:relative}
.phonerre .btns a{ display:block; top:0.6rem; right:20px; height:2.2rem; line-height:2.2rem; width:5rem; text-align:center; border:1px solid #b7b7b7; position:absolute; background:#fff; font-size:1rem; color:#333}

.hkpic{border-bottom:1px solid #dedede; padding:1.5rem 0rem}
.hkpic .wod{ color:#666666; line-height:2rem; padding:0 1rem}
.hkpic .wod b{ font-size:1.2rem; display:block;}
.hkpic .wod p{ padding-top:0.5rem; display:block; line-height:1.8rem;}
.hkpic ul{ padding:1rem 0.5rem 0}
.hkpic li{ width:50%; float:left;}
.hkpic li a{ display:block; margin:0 0.5rem;}
.hkpic li img{ display:block; width:100%; max-width:350px; margin:0 auto}
.hkpic li i{ height:3rem; line-height:3rem; text-align:center; display:block;}

.webtle{ padding-top:1.5rem; text-align:center;}
.webtle i{ display:block; font-size:1.2rem; color:#4a6e00}
.webtle em{display:block; font-weight:bolder; color:#f8b500; font-size:1.3rem; padding:0.2rem 0 0.8rem}
.webtle b{ display:block; width:4rem; height:0.3rem; overflow:hidden; margin:0 auto; background:#4a6e00}

.indps{border-bottom:1px solid #dedede; padding:1.5rem 1rem}
.indps .pic{ padding:1rem}
.indps .pic img{display:block; width:100%}
.indps .word{ color:#999999; line-height:1.8rem; padding-top:0.8rem}
.indpf{ border-bottom:1px solid #dedede; padding:1.5rem 1rem}
.indpf .word{ color:#999999; line-height:1.8rem;}
.indpf ul li{margin-top:0.7rem; background:#efefef}
.indpf ul li .pic{ width:11rem;}
.indpf ul li .pic img{ display:block; width:100%}
.indpf ul li .wd{ padding-left:12rem; line-height:1.5rem; font-size:1rem; color:#999; padding-right:0.6rem}
.indpf ul li .wd b{ display:block; font-size:1.1rem; color:#666; padding:0.6rem 0}
.btnsl{ padding:1rem 0 5rem; text-align:center;}
.btnsl a{display:block; background:#f8b500 url(../images/bookico.png) no-repeat 2rem center; width:50%; height:3.4rem; text-align:center; line-height:3.4rem; border-radius:0.5rem; padding-left:2rem; margin:0 auto; font-size:1.2rem; color:#fff; background-size:2rem}

.sucssmt{ color:#fe9200; font-size:1.2rem; padding-top:36%; text-align:center;}
.sucssmt img{ width:4rem; max-width:px; margin:0 auto; display:block;}
.sucssmt dd i{ display:block; padding:1.5rem 0 1rem}
.sucssmt dd a{ display:block; height:2.8rem; line-height:2.8rem; background:#fe9200; color:#fff; border-radius:0.5rem; width:9rem; margin:0 auto}

.ibanner img{display: block; width: 100%;}
.ibanner .slideBox{position:relative; overflow:hidden; width:100%;}
.ibanner .slideBox .hd{position:absolute; height:3rem; bottom:0; z-index:1; right:1rem; text-align:center; line-height: 3rem;}
.ibanner .slideBox .hd li{display:inline-block; width:8px; height:8px; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; border:1px solid #f8b300; text-indent:-9999px; overflow:hidden; margin:0 5px; opacity:0.8}
.ibanner .slideBox .hd li.on{background:#f8b300;}
.ibanner .slideBox .bd{position:relative; z-index:0;}
.ibanner .slideBox .bd li{position:relative; text-align:center;}
.ibanner .slideBox .bd li img{vertical-align:top; width:100%; }
.ibanner .slideBox .bd li i{display: block; position: absolute; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,.5); color:#fff; font-size: 1.2rem; padding: .5rem 1.2rem; line-height: 2.6rem; text-align: left;}
.ibanner .slideBox .bd li a{-webkit-tap-highlight-color:rgba(0,0,0,0);}
.ibanner .slideBox .bd li h1{ display: block; width: 100%; text-align: center; font-size: 1.8rem; color: #fff; position: absolute; top: 50%; margin-top: -3.4rem;}
.ibanner .slideBox .bd li ins{display: block; width:9rem; text-align: left; height: 3rem;line-height: 3rem; color: #fff; font-size: 1.2rem; padding-left:2.6rem; border-radius: 0.4rem; border: 1px solid #f8b300; background: rgba(248,179,0,0.8) url(../images/sjico.png) no-repeat 1rem center; position: absolute; top: 50%; left:50%; margin-left: -4.5rem;}

.sitled{ text-align: center; padding:2rem 0 1rem;}
.sitled span{display: block;}
.sitled h2{display: inline-block; padding: 1.2rem; background: url(../images/titlebg2.png) no-repeat top right; background-size:2.5rem ; font-size: 1.4rem; color: #008a7c;}
.sitled i{ display: block; margin: 0 auto; height: 2px; width: 80px; background: #008a7c;}
.ipert1{ background: url(../images/prbg1.jpg) no-repeat top center; background-size: cover;}
.ipert1 .sitled h2{ color: #fff;background: url(../images/blbg.png) no-repeat center bottom; background-size:6rem; padding-bottom: 1.5rem;}
.ipert1 .sitled i{background: #fff;}
.ipert1 .picl{ padding: 1rem;}
.ipert1 .picl li{ width: 20%; float: left;}
.ipert1 .picl li img{display: block; width: 100%;}
.ipert1 .picl li i{ color: #f8b300;}
.ipert1 p{ display: block; padding: 1rem; color: #fff; font-size: 1rem; text-align: center; line-height: 1.8rem;}
.ipert1 .btns{ padding: 1rem 1rem 2rem; text-align: center;}
.ipert1 .btns a{ display: inline-block; height:3rem; padding: 0 2rem; color: #fff; font-size: 1.1rem; background: #f8b300; line-height: 3rem; border-radius: .3rem; }

.ipert2{ background: url(../images/flowers.jpg) no-repeat top left; background-size:10rem;}
.ipert2 .sitled h2{ color: #008a7c;background: url(../images/blbgs.png) no-repeat center bottom; background-size:6rem; padding-bottom: 1.5rem;}
.ipert2 .words{ line-height: 1.8rem; font-size: 1.1rem; color: #666; padding: 1rem;}
.ipert2 .zprt{ padding:0.5rem 1rem;}
.ipert2 .zprt img{display: block; width: 100%;}
.ipert2 .btns{ padding: 1rem 1rem 2rem; text-align: center; background: url(../images/flowerm.jpg) no-repeat bottom right; background-size: 5rem;}
.ipert2 .btns a{ display: inline-block; height:3rem; padding: 0 3rem; color: #fff; font-size: 1.1rem; background: #f8b300; line-height: 3rem; border-radius: .3rem; }

.ipert3{ background: url(../images/infs.jpg) no-repeat top center;background-size: cover;}
.ipert3 .sitled h2{ color: #008a7c;background: url(../images/blbgs.png) no-repeat center bottom; background-size:6rem; padding-bottom: 1.5rem;}
.ipert3 .words{ line-height: 1.8rem; font-size: 1.1rem; color: #666; padding:0 1rem 1rem;}
.ipert3 .pics{padding: 1rem 2.6rem;}
.ipert3 .slideBox{position:relative; overflow:hidden; width:100%; padding-bottom: 4rem;}
.ipert3 .slideBox .hd{position:absolute; height:3rem; bottom:0; z-index:1; left:0; text-align: center; width: 100%; text-align:center; line-height: 3rem;}
.ipert3 .slideBox .hd li{display:inline-block; width:8px; height:8px; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; border:1px solid #f8b300; text-indent:-9999px; overflow:hidden; margin:0 5px; opacity:0.8; cursor: pointer;}
.ipert3 .slideBox .hd li.on{background:#f8b300; }
.ipert3 .slideBox .bd{position:relative; z-index:0;}
.ipert3 .slideBox .bd li{position:relative; text-align:center;}
.ipert3 .slideBox .bd li img{vertical-align:top; width:100%; }
.ipert3 .slideBox .bd li i{display: block; position: absolute; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,.5); color:#fff; font-size: 1.2rem; padding: .5rem 1.2rem; line-height: 2.6rem; text-align: left;}
.ipert3 .slideBox .bd li a{-webkit-tap-highlight-color:rgba(0,0,0,0);}
.ipert3 .btns{ padding: 1rem 1rem 2rem; text-align: center; }
.ipert3 .btns a{ display: inline-block; height:3rem; padding: 0 3rem; color: #fff; font-size: 1.1rem; background: #f8b300; line-height: 3rem; border-radius: .3rem; }

.ipert4 .sitled h2{ color: #008a7c;background: url(../images/blbgs.png) no-repeat center bottom; background-size:6rem; padding-bottom: 1.5rem;}
.ipert4 .words{ line-height: 1.8rem; font-size: 1.1rem; color: #666; padding:0 1rem 1rem;}
.ipert4 .btns{ padding: 1rem 1rem 2rem; text-align: center;}
.ipert4 .btns a{ display: inline-block; height:3rem; padding: 0 3rem; color: #fff; font-size: 1.1rem; background: #f8b300; line-height: 3rem; border-radius: .3rem; }
.ipert4 .tabtle{background: #d6d6d6; border: 1px solid #cccccc; border-right: none; margin-top:2rem;}
.ipert4 .tabtle li{font-size: 1.2rem; color: #666666; text-align: center; cursor: pointer; width: 33.33%; float: left; border-right: 1px solid #ccc; line-height: 3rem;}
.ipert4 .tabtle li.on{ background: #f4c433; color: #333;}
.ipert4 .tabcont .zprt{ position: relative;}
.ipert4 .tabcont .zprt img{display: block; width: 100%;}
.ipert4 .tabcont .zprt .word{position: absolute;  line-height:1.5rem; background: rgba(0,0,0,.5); font-size: 1rem; padding:1rem 1.5rem; color: #fff; bottom: 0; left: 0; right: 0;}
.ipert4 .btns{ padding: 2rem 1rem 2rem; text-align: center; }
.ipert4 .btns a{ display: inline-block; height:3rem; padding: 0 3rem; color: #fff; font-size: 1.1rem; background: #f8b300; line-height: 3rem; border-radius: .3rem; }

.ipert5{ background: url(../images/bgsod.jpg) no-repeat top center;background-size: cover;}
.ipert5 .sitled h2{ color: #008a7c;background: url(../images/blbgs.png) no-repeat center bottom; background-size:6rem; padding-bottom: 1.5rem;}
.ipert5 ul li{ padding: 0.6rem 0;}
.ipert5 ul li img{display: block; width: 100%;}
.ipert5 .btns{ padding: 2rem 1rem 2rem; text-align: center; }
.ipert5 .btns a{ display: inline-block; height:3rem; padding: 0 3rem; color: #fff; font-size: 1.1rem; background: #f8b300; line-height: 3rem; border-radius: .3rem; }

.ipert6{padding-bottom: 6rem;}
.ipert6 .sitled h2{ color: #008a7c;background: url(../images/blbgs.png) no-repeat center bottom; background-size:6rem; padding-bottom: 1.5rem;}
.ipert6 .btns{ padding: 1rem 1rem 2rem; text-align: center; }
.ipert6 .btns a{ display: inline-block; height:3rem; padding: 0 3rem; color: #fff; font-size: 1.1rem; background: #f8b300; line-height: 3rem; border-radius: .3rem; }
.ipert6 .slideBox{position:relative; overflow:hidden; width:100%; padding-bottom: 3rem;}
.ipert6 .slideBox .hd{position:absolute; height:3rem; bottom:0; z-index:1; left:0; text-align: center; width: 100%; text-align:center; line-height: 3rem;}
.ipert6 .slideBox .hd li{display:inline-block; width:8px; height:8px; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; border:1px solid #f8b300; text-indent:-9999px; overflow:hidden; margin:0 5px; opacity:0.8; cursor: pointer;}
.ipert6 .slideBox .hd li.on{background:#f8b300; }
.ipert6 .slideBox .bd{position:relative; z-index:0;}
.ipert6 .slideBox .bd li{position:relative; text-align:center;}
.ipert6 .slideBox .bd li img{vertical-align:top; width:100%; }
.ipert6 .slideBox .bd li i{display: block; position: absolute; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,.5); color:#fff; font-size: 1.2rem; padding: .5rem 1.2rem; line-height: 2.6rem; text-align: left;}
.ipert6 .slideBox .bd li a{-webkit-tap-highlight-color:rgba(0,0,0,0);}


.ftwrap{ position:fixed; width:100%; bottom:0; left:0; z-index:999}
.ftwrap .conts{ background: #ff9c00; color: #fff; text-align: center;}
.ftwrap .conts .tips{ font-size: 1.1rem; padding: 0.8rem 0;}
.ftwrap .conts .tips b{ font-weight: bold; margin: 0 .2rem;}
.ftwrap .conts ul{padding:0 0.5rem;}
.ftwrap .conts li{ float: left; width: 33.33%; padding:1rem 0.4rem;}
.ftwrap .conts li a{display: block; line-height: 2.6rem; border-radius: 3rem; color: #fff; background: #ffbb50; box-shadow: 1px 0 2px #666;}
.ftwrap .conts li:last-child a{color: #000; background: #ffe400;}




