
body,input,ul,ol,p,h1,h2,h3,h4,h5,h6{ padding:0; margin:0; }
body{ background-color: #f9f9f9; min-width: 320px;font-family:arial;}
ul{ list-style:none; }
h1,h2,h3,h4,h5,h6{ font:inherit; }
img{ border:0; vertical-align:middle; }
a{ text-decoration:none; }
strong,b{ font-weight:normal; }
em,i{ font-style:normal; }
table{ border-collapse:collapse; border-spacing:0; }

header{ height: 44px; background: #222222; position: relative; z-index: 10; }
header .logo{ height: 100%; display: block; background: url(../images/wap/logo.gif) no-repeat 6px 7px; background-size: 138px;}
header nav{ position: absolute; left: 0; top: 44px; z-index: 10; width: 100%; display: none; }
header .nav-btn{ float: right; border-left:1px solid #444444; height: 100%; width: 43px; background: url(../images/wap/icons.png) no-repeat center -92px; box-shadow: 1px 0px 0px #666666 inset; background-size: 74px; z-index: 1;}
header nav ul li{ display: -webkit-box; text-align: center; border-bottom: 1px solid #e7e7e7; height: 38px; }
header nav ul li a{ -webkit-box-flex: 1; display: block; line-height: 34px; border-right: 1px solid #e7e7e7; background: #fff; color: #333; font-size: 14px; }
header nav ul li a:last-child{ border: none; }
header h1{ text-align: center; font-size: 16px; line-height: 36px; color: #fff; font-weight: bold;}

.btn-nav ul{ display: -webkit-box; margin-bottom: 5px; }
.btn-nav ul li{ -webkit-box-flex: 1; text-align: center; margin-right: 5px; border-radius: 3px; overflow: hidden; }
.btn-nav ul li:nth-child(1){ margin-left: 5px; }

.btn-nav ul:nth-child(3) li a{ background-position-y: -256px; }
/*.btn-nav ul:nth-child(1) li:nth-child(1) a{ background-position-y: 16px; background-color: #a4ce68; }
.btn-nav ul:nth-child(1) li:nth-child(2) a{ background-position-y: -224px; background-color: #5d9cec; }
.btn-nav ul:nth-child(1) li:nth-child(3) a{ background-position-y: -481px; background-color: #fb6e52; }
.btn-nav ul:nth-child(2) li:nth-child(1) a{ background-position-y: -67px; background-color: #e7b843; }
.btn-nav ul:nth-child(2) li:nth-child(2) a{ background-position-y: -307px; background-color: #ed5564; }
.btn-nav ul:nth-child(2) li:nth-child(3) a{ background-position-y: -565px; background-color: #61676b; }
.btn-nav ul:nth-child(3) li:nth-child(1) a{ background-position-y: -149px; background-color: #7fb845; }
.btn-nav ul:nth-child(3) li:nth-child(2) a{ background-position-y: -387px; background-color: #ac92ed; }
.btn-nav ul:nth-child(3) li:nth-child(3) a{ background-position-y: -646px; background-color: #d6a872; }*/


.btn-nav ul:nth-child(1) li:nth-child(1) a{ background-position-y: 16px; background-color: #0081ce; }
.btn-nav ul:nth-child(1) li:nth-child(2) a{ background-position-y: -307px; background-color: #0081ce; }
.btn-nav ul:nth-child(1) li:nth-child(3) a{ background-position-y: -481px; background-color: #0081ce; }
.btn-nav ul:nth-child(2) li:nth-child(1) a{ background-position-y: -67px; background-color: #0081ce; }
.btn-nav ul:nth-child(2) li:nth-child(2) a{ background-position-y: -224px; background-color: #0081ce; }
.btn-nav ul:nth-child(2) li:nth-child(3) a{ background-position-y: -565px; background-color: #0081ce; }
.btn-nav ul:nth-child(3) li:nth-child(1) a{ background-position-y: -149px; background-color: #0081ce; }
.btn-nav ul:nth-child(3) li:nth-child(2) a{ background-position-y: -387px; background-color: #0081ce; }
.btn-nav ul:nth-child(3) li:nth-child(3) a{ background-position-y: -646px; background-color: #0081ce; }


.btn-nav li a{ padding-top: 48px; padding-bottom: 7px; display: block; background-image: url(../images/wap/nav_icon.png); background-repeat: no-repeat; background-position-x: center; font-size: 14px; line-height: 28px; color: #fff; background-size: 48px;}

footer{ margin-bottom: 60px; text-align: center; }
footer .switch-to-pc{ color: #666; font-size: 14px; line-height: 36px; display: block; }
footer .copyright{ font-size: 10px; color: #bbb; text-transform: uppercase; }

.fixed-contact{ border-top: 1px solid #d4d4d4; position: fixed; bottom: 0; width: 100%; }
.fixed-contact .fixed-contact-tel{ border-top: 1px solid #f8f8f8; display: block; height: 43px; line-height: 43px; color: #999; text-align: center; background: #f2f2f2;}
.fixed-contact .fixed-contact-tel span{ font-size: 14px; margin-right: 5px; vertical-align: top; display: inline-block;}
.fixed-contact .fixed-contact-tel span:before{ content: ""; width: 40px; height: 43px; display: inline-block; background: url(../images/wap/icons.png) no-repeat 7px 8px; background-size: 74px;}
.fixed-contact .fixed-contact-tel em{ font-size: 18px; vertical-align: top; }

/*!slider*/
.ui-slider{ width:100%; overflow:hidden; position:relative; -webkit-user-select:none; -webkit-touch-callout:none; -webkit-tap-highlight-color:rgba(0,0,0,0); margin-bottom: 5px; margin-top: 5px;}.ui-slider-group{ overflow:hidden; position:relative; white-space:nowrap; -webkit-transform:translateZ(0); }.ui-slider-item{ background-color:#e3e3e3; text-align:center; position:relative; float:left; overflow:hidden; -webkit-box-sizing:border-box; }
.ui-slider-item img{ width:100%;}
.ui-slider-item cite{
    position: absolute;
    bottom: 0px;
    left: 0;
    font: normal normal 16px/30px sans-serif;
    color: #fff;
    background: rgba(0,0,0,.5);
    width: 100%;
    text-align: left;
    padding-left: 10px;
}
.ui-slider-dots{ font-size:0; line-height:0; padding-right: 18px; text-align: right; position: absolute; width: 100%; bottom: 12px; right: 0;}
.ui-slider-dots>b{ display:inline-block; width: 7px; height: 7px; margin: 0 2px; background: #fff; border-radius: 7px; box-shadow: 0px 1px 1px #aaa inset;}
.ui-slider-dots>b.ui-state-active{ background: #b00000; }

.overlay{ background: rgba(0,0,0,0.2); position: fixed; top: 0; left: 0; width: 100%; height: 100%; display: none; }

.back-btn{ float: left; background: url(../images/wap/icons.png) no-repeat 8px -176px; height: 44px; width: 47px; background-size: 74px;}
.tab-control{ height: 45px; line-height: 45px; display: -webkit-box; background: #fcfcfc; border-bottom: 1px solid #efefef; white-space: nowrap; box-sizing: border-box;}
.service .tab-control a{ width: 25%; display: inline-block; }
.tab-control a{ display: block; text-align: center; border-right: 1px solid #efefef; font-size: 16px; color: #333; -webkit-box-flex: 1; overflow: hidden; }
.tab-control a:last-child{ bordr-right:none; }
.tab-control .cur{ color: #b00000; border-bottom: 2px solid #b00000; }
.tab-content ul li{ display: none; }
.tab-content ul li .article{ padding:20px 12px 6px 12px; }
.tab-content ul li .article p{ font-size: 14px; line-height: 24px; margin-bottom: 12px; }
.more{ display: block; text-align: center; color: #aaa; border: 1px solid #e8e8e8; height: 29px; line-height: 29px; margin: 12px; font-size: 14px; background: url(../images/wap/icons.png) no-repeat center -167px #fdfdfd; background-size: 88px;}
.tab-content ul li .list{ padding: 0 12px; }
.tab-content ul li .list dl{ min-height: 66px; border-bottom: 1px solid #e8e8e8; border-top: 1px solid #fff; position: relative; margin: 10px 0;}
.tab-content ul li .list dl:first-child{ border-top: none; }
.tab-content ul li .list dl:last-child{ border-bottom: none; }
.tab-content ul li .list dl dt{ position: absolute; }
.tab-content ul li .list dl dt img{ width:66px; }
.tab-content ul li .list dl dd{ margin-left: 72px; }
.tab-content ul li .list dl dd h3{ font-size: 16px; color: #333; margin-bottom: 5px; }
.tab-content ul li .list dl dd h3 a{ color: #333; }
.tab-content ul li .list dl dd p{ font-size: 12px; color: #999; margin-bottom: 15px; }
.tab-content ul li .list dl dd p a{ color: #999; }

.ui-scroller .ui-navigator-list{ white-space: nowrap; }
.ui-scroller .ui-navigator-list .cur{ color: #333; }
/*.ui-scroller .ui-navigator-list .ui-state-active a{ border-bottom: 2px solid #e7452b; height: 42px; color: #e7452b; z-index: 1;}*/

.ui-scroller .ui-navigator-list a.cur { border-bottom: 2px solid #b00000; height: 42px; color: #b00000; z-index: 1;}
.ui-scroller .ui-navigator-list li{ display: inline-block; vertical-align: top; }
.ui-scroller .ui-navigator-list li a{ width: auto; padding: 0 10px; }

article h2{ color: #000; font-size: 16px; font-weight:bold;line-height: 20px; padding:20px 12px 6px 12px; }
article h3{ font-size: 12px; color: #999; border-bottom: 1px solid #fff; box-shadow: 0 -1px 0 #ededed inset; margin: 0 12px; padding-bottom: 12px; }
article h3 span{ margin-right: 10px; }
article p{ font-size: 14px; line-height: 24px; padding: 6px 12px; }
article p img { width:100%; } 

.newslist .title{ border-top: 2px solid #cecece; background: #ededed; }
.newslist .title h2{ line-height: 30px; font-size: 16px; color: #333; padding-left: 12px; }
.newslist ul li{ border-bottom: 1px solid #fff; box-shadow: 0 -1px 0 #ededed inset; padding: 6px 12px; font-size: 14px; }
.newslist ul li a{ font-size: 14px; line-height: 20px; color: #333; }
.newslist ul li .time{ display: block; color: #999; font-size: 14px; margin-top: 4px; }
.newslist ul img { width:100%;}
.newslist ul { line-height:24px; }

.form .tips{ font-size: 14px; border-bottom: 1px solid #dedede; padding: 0 12px; }
.form .tips i{ background: #0081ce; color: #fff; position: absolute; left: 0; width: 24px; height: 24px; line-height:24px;text-align: center; border-radius: 2px; }
.form .tips p{ position: relative; padding-left: 31px; border-bottom:1px dashed #d5d5d5; line-height: 28px; padding-bottom: 6px; padding-top: 9px; }
.form .tips p:last-child{ border: none; }
.form .tips p em{ color: #0081ce; }
.form form{ padding: 12px; }
.form form textarea{ font-size: 14px; border: 1px solid #e4e4e4; border-radius: 3px; box-sizing: border-box; width: 100%; padding: 6px; height: 76px; }
.form.ask form textarea{ height: 111px; }
.form form .input{ margin-top: 12px; border: 1px solid #e4e4e4; border-radius: 3px; overflow: hidden; }
.form form .input p{ border-bottom: 1px solid #e4e4e4; background: #fff; position: relative; }
.form form .input p:last-child{ border:none; }
.form form .input p input{ padding-right: 31px; padding-left: 6px;}
.form form .input p .cls{ position: absolute; width: 25px; height: 34px; right: 1px; top: 2px; background: url(../images/wap/icons.png) no-repeat -4px -269px #fff; background-size: 88px; z-index: 1;}
.form form input{ font-size: 14px; height: 42px; width: 100%; box-sizing: border-box; border: none; }
.form form input[type=submit]{ background:#0081ce; color: #fff; margin-top: 12px; border-radius: 3px; }
