/* 
* @Title:  重置样式表

*/

/* 重置 */
html { -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; font-size: 62.5%;max-width:1024px;margin:0 auto;}
body { margin: 0; font-size: 1.5rem; line-height: 2rem; height: 100%; overflow-x: hidden; -webkit-overflow-scrolling: touch;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;background:#eeeeee;max-width:1024px; }
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; }
audio, canvas, progress, video { display: inline-block; vertical-align: baseline; }
audio:not([controls]) { display: none; height: 0; }
[hidden], template { display: none; }
svg:not(:root) { overflow: hidden; }

a { background: transparent; text-decoration: none; -webkit-tap-highlight-color: transparent; color: #575b5f; }
a:active { outline: 0; }
/* a:active { color: #006699;  */}
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
dfn { font-style: italic; }
mark { background: #ff0; color: #000; }
small { font-size: 80%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
img { border: 0; vertical-align: middle; width:100%;}
hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; }
pre { overflow: auto; white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; }

button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; }
button { overflow: visible; }
button, select { text-transform: none; }
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }
button[disabled], html input[disabled] { cursor: default; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
input {outline:none;}
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; }
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }
legend { border: 0; padding: 0; }
textarea { overflow: auto; resize: vertical; }
optgroup { font-weight: bold; }

table { border-collapse: collapse; border-spacing: 0; }
td, th { padding: 0; }

html, button, input, select, textarea,body { font-family: "Microsoft YaHei","Helvetica Neue", Helvetica, STHeiTi, Arial, sans-serif; }
h1, h2, h3, h4, h5, h6, p, figure, form, blockquote { margin: 0; }
ul, ol, li, dl, dd { margin: 0; padding: 0; }
ul, ol { list-style: none outside none; }
h1, h2, h3,h4, h5, h6 {font-weight: normal; font-style:normal;}
i,em{font-style:normal;}

input::-moz-placeholder, textarea::-moz-placeholder { color: #939292; }
input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #939292; }
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #939292; }

* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

/* 通用 */
.clearfix{clear: both; content: ''; zoom:1;}
.clearfix:after,.clearfix:before{display: table;content: "";line-height: 0;}
.clearfix:after{clear:both;}




/* 头部 */
#header-box{ height:3.1rem; width:100%;line-height: 3.1rem;position: fixed;z-index: 500;top: 0;max-width:1024px;}

#header{ height:3rem; background: #FFF;width:100%;line-height: 3rem;    padding: 0 0 0 5%;}
.icon-menu{vertical-align: middle;  width: 3rem;text-align: center; height: 3rem; float: right;background:url(../img/menu.png) no-repeat center #36a699;background-size:35%;}
.icon-menu img {width: 40%;}
.icon-return{width:4%;float:right;margin-right: 8%;vertical-align: middle;}
.title{ text-align: center; color:#323232;font-size: 2rem;}
.logo { float: left; width: 10.5rem; overflow: hidden; height: 3rem; line-height: 3rem; font-size: 12px;}


.line01{width:100%;height:0.1rem;overflow:hidden;}
.line01 .line-left{float: left;display:inline-block;width:65%;background:#89bb23;height:0.1rem;}
.line01 .line-right{float: right;display:inline-block;width:35%;background:#36a699;height:0.1rem;}

/* 侧边栏 */
.sidenav{width:56%;height:100%;position:fixed;top: 0;right:0;background:#FFF;z-index: 600;-webkit-transform: translateX(100%); transform: translateX(100%);-webkit-transition: all .3s ease-in-out;transition: all .3s ease-in-out; display:block;overflow-y: scroll;}
.mask{width:100%;height:100%;background:rgba(0,0,0,0.7);position:fixed;top: 0;left:0;z-index: 600;display:none;}
.open-side-nav .sidenav{-webkit-transform: translateX(0%); transform: translateX(0%);}
.open-side-nav .mask{display:block;}
.sidenav-list{    padding: 0 0 0 8%;overflow-y: scroll;white-space: nowrap;}
.sidenav-list .sidenav-list-nav{font-size: 0.7rem;color: #36a699;border-bottom: 1px solid #bbbbbb;background:url(../img/z-btn.png) no-repeat 88%;background-size:auto 23%;}
.sidenav-list .sidenav-list-nav a { color: #36a699;}

.list-suv{display:block;}
.sidenav-list ul{display:none;}
.list-suv li{background:url(../img/point.png) no-repeat left;background-size: auto 8%; padding-left: 5%; font-size: 0.6rem;border-bottom: 1px solid #bbbbbb;}
.list-suv li:last-child{ border-bottom:none;}

.side-blue{ background: #36a699; border-bottom: 2px solid #1d7a15; padding: 0 8%; height: 3.6rem; line-height: 3.6rem;
position:relative;}
.side-blue h3{font-family: dincond-medium-webfont;color: #FFF;    font-size: 1.2rem;float: left;}
.side-blue .icon-close{display:inline-block;background:url(../img/close.png) no-repeat; width: 1.2rem; height: 1.2rem; background-size: 100%; /* float: right; */ position: absolute; right: 8%; top: 30%;}

.sidenav-list ul li a{color: #888888;}
/*底部*/

.bottom-box{ background: #f4f4f4; width: 100%; border-top: 2px solid #dddddd; overflow: hidden;height: 11rem;}
.bottom-box .lianxi{width:100%;overflow:hidden;border-bottom:1px solid #dddddd; padding: 0 5%;}
.bottom-box .lianxi .phone{font-family: dincond-medium-webfont;color: #36a699;font-size: 1.2rem;width:98%;float: left;  overflow: hidden;background:url(../img/t-btn.png) no-repeat left;background-size: auto 55%;padding-left: 9%;}

.bottom-box .lianxi .falv{float: right;width:40%;display:inline-block;}
.bottom-box .lianxi .falv a{float: left;font-size: 0.6rem;color:#666666;}

.bottom-box .banquan{width:100%;padding: 3% 5% 5% 5%;font-size: 0.6rem;color:#666666;}
.bottom-box .banquan p{line-height: 1.0rem;}

/*足部*/
.footer{width:100%;background:#36a699;padding:0 0;height:3rem;position: fixed;bottom: 0; z-index: 500;max-width:1024px;}
.footer ul li{text-align: center;width:20%;float: left;font-size: 0.6rem;height: 3rem;}
.footer ul li img{width:26%;vertical-align: middle;}
.footer ul li p{color:#FFF;line-height: 0.6rem; font-size: 0.6rem;}


/*共用banner*/

.banner {width: 100%;position: relative;margin-top: 3.1rem;overflow: hidden;}
#wrappage{max-width:1024px;}
div#main {width: 100%; position: relative;}

/* 字体 */


@font-face { font-family: 'novecentowide-bold'; src: url('../font/novecentowide-bold-webfont.eot'); src: url('../font/novecentowide-bold-webfont.eot?#iefix') format('embedded-opentype'), url('../font/novecentowide-bold-webfont.woff2') format('woff2'), url('../font/novecentowide-bold-webfont.woff') format('woff'), url('../font/novecentowide-bold-webfont.ttf') format('truetype'), url('../font/novecentowide-bold-webfont.svg#novecentowide-bold-webfont') format('svg'); }

@font-face { font-family: 'dincond-medium-webfont'; src: url('../font/dincond-medium-webfont.eot'); src: url('../font/dincond-medium-webfont.eot?#iefix') format('embedded-opentype'), url('../font/dincond-medium-webfont.woff2') format('woff2'), url('../font/dincond-medium-webfont.woff') format('woff'), url('../font/dincond-medium-webfont.ttf') format('truetype'), url('../font/dincond-medium-webfont.svg#novecentowide-bold-webfont') format('svg'); }

@font-face { font-family: 'dincond-boldalternate-webfont'; src: url('../font/dincond-boldalternate-webfont.eot'); src: url('../font/dincond-boldalternate-webfont.eot?#iefix') format('embedded-opentype'), url('../font/dincond-boldalternate-webfont.woff2') format('woff2'), url('../font/dincond-boldalternate-webfont.woff') format('woff'), url('../font/dincond-boldalternate-webfont.ttf') format('truetype'), url('../font/dincond-boldalternate-webfont.svg#novecentowide-bold-webfont') format('svg'); }

@font-face { font-family: 'ahkio_bold-webfont'; src: url('../font/ahkio_bold-webfont.eot'); 
src: url('../font/ahkio_bold-webfont.eot?#iefix') format('embedded-opentype'),
 url('../font/ahkio_bold-webfont.woff2') format('woff2'), 
 url('../font/ahkio_bold-webfont.woff') format('woff'), 
 url('../font/ahkio_bold-webfont.ttf') format('truetype'), 
 url('../font/ahkio_bold-webfont.svg#novecentowide-bold-webfont') format('svg'); }


@font-face {
    font-family: 'ralewayregular';
    src: url('../font/raleway-400-regular-webfont.woff2') format('woff2'),
         url('../font/raleway-400-regular-webfont.woff') format('woff'),
          url('../font/raleway-400-regular-webfont.ttf') format('truetype'), 
 url('../font/raleway-400-regular-webfont.svg#novecentowide-bold-webfont') format('svg'); 
    font-weight: normal;
    font-style: normal;}


    @font-face {
    font-family: 'engravers_mtregular';
    src: url('../font/engravers_mt-webfont.woff2') format('woff2'),
         url('../font/engravers_mt-webfont.woff') format('woff'),
     url('../font/engravers_mt-webfont.ttf') format('truetype'), 
 url('../font/engravers_mt-webfont.svg#novecentowide-bold-webfont') format('svg'); 
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'goboldregular';
    src: url('../font/gobold_regular-webfont.woff2') format('woff2'),
         url('../font/gobold_regular-webfont.woff') format('woff'),
         url('../font/gobold_regular-webfont.ttf') format('truetype'), 
         url('../font/gobold_regular-webfont.svg#novecentowide-bold-webfont') format('svg'); 
    font-weight: normal;
    font-style: normal;

}



@font-face {
  font-family: 'iconfont';
  src: url('//at.alicdn.com/t/font_1472119553_633919.eot'); /* IE9*/
  src: url('//at.alicdn.com/t/font_1472119553_633919.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('//at.alicdn.com/t/font_1472119553_633919.woff') format('woff'), /* chrome、firefox */
  url('//at.alicdn.com/t/font_1472119553_633919.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url('//at.alicdn.com/t/font_1472119553_633919.svg#iconfont') format('svg'); /* iOS 4.1- */
}


@font-face {
  font-family: 'iconfont';
  src: url('//at.alicdn.com/t/font_1472117662_6352134.eot'); /* IE9*/
  src: url('//at.alicdn.com/t/font_1472117662_6352134.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('//at.alicdn.com/t/font_1472117662_6352134.woff') format('woff'), /* chrome、firefox */
  url('//at.alicdn.com/t/font_1472117662_6352134.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android,iOS 4.2+*/
  url('//at.alicdn.com/t/font_1472117662_6352134.svg#iconfont') format('svg'); /* iOS 4.1- */
}

                    
                 
   .iconfont{
    font-family:"iconfont" !important;
    font-size:16px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;}

/* 
公共
body{max-width: 750px;margin: 0 auto;}
@media screen and (max-width:375px){}
@media screen and (max-width:320px){
} */