/* 
* @Title:  重置样式表
* @Author: 陈晓勉
* @Date:   2015-12-03 15:43:52
*/

/* 重置 */
html { -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; font-size: 62.5%; }
body { margin: 0; font-size: 1.4rem; line-height: 1.8rem; color: #565559; background-color: white; height: 100%; overflow-x: hidden; -webkit-overflow-scrolling: touch; }
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; }
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 { line-height: normal; outline: #ffee00; }
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 { 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 { line-height: 2rem; font-weight: normal; }
h1 { font-size: 1.8rem; }
h2 { font-size: 1.6rem; }
h3 { font-size: 1.4rem; }
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; }
.fl { float: left; }
.fr { float: right; }
.dn { display: none; }
.ov { overflow: hidden; }
.pb15 { padding-bottom: 1.5rem; }
.pt13 { padding-top: 1.3rem; }

/* 字体 */
@font-face{font-family:"DincondMedium";src: url('../fonts/dincond-medium-webfont.eot');    src: url('../fonts/dincond-medium-webfont.eot?#iefix') format('embedded-opentype'),url('../fonts/dincond-medium-webfont.woff2') format('woff2'),url('../fonts/dincond-medium-webfont.woff') format('woff'),url('../fonts/dincond-medium-webfont.ttf') format('truetype'),url('../fonts/dincond-medium-webfont.svg#dincond-boldalternateregular') format('svg');}

/* 公共 */
body { background: #fff; max-width: 750px; margin: 0 auto; }
img { max-width: 100%; height: auto; }
.wrappage { max-width: 750px; position: relative; }
#main { background: #fff; }
.container { font-size: 1.4rem; line-height: 2rem; color: #565559; }
.container p { margin-bottom: 2rem; }
h2.pagetitle { font-size: 2.4rem; text-align: center; color: #565559; font-weight: normal; padding: 2.4rem 0; }

/*头部 */
#header { height: 6rem; background: #fff; width: 100%; line-height: 6rem; }
.logo { width: 40%; float: left; margin-left: 3%; vertical-align: middle; }
.icon-menu { width: 6%; float: right; margin-right: 6%; vertical-align: middle; }
.icon-return { width: 4%; float: right; margin-right: 8%; vertical-align: middle; }

/*正文*/
.content { width: 100%; overflow: hidden; position: relative; }
.content .top_img { width: 100%;position:relative; }
.content .top_img img { width: 100%; height: auto; }
.content p { line-height: 2rem; font-size: 1.4rem; text-align: justify; }

/* 底部 */
#footer { width: 100%; background-color: #34333b; overflow: hidden; padding: 1.8rem 1.5rem; }
#footer .share_btn { width: 100%; height: 6.5rem; line-height: 6.5rem; background-color: #ffa200; text-align: center; }
#footer .share_btn a { color: #fff; font-size: 2.0rem; /*font-family:ltzh;*/ }
#footer .jiathis_style_m { width: 250px; line-height: 3.5rem; /*text-align: center;*/margin:0 auto;}
#footer .jiathis_style_m .jiathis_style_32x32 .jiathis_txt { font-size: 1.4rem; }
#footer .footer_info { width: 100%; padding-top: 2.5rem; padding-bottom: 3.0rem; }
#footer .footer_info p { display: block; line-height: 2rem; color: #d1d0d2; font-size: 1.5rem; text-align: center; /*font-family:ltzh;*/ }
#footer .footer_info p.cy { color: rgba(255, 162, 0, 0.71); /*font-size:1.6rem;*/ margin-top: 1.5rem; line-height: 2.5rem; }
#footer .footer_info p.cy span { font-size: 4.0rem; font-family: DincondMedium; }
#footer .footer_info .mark { width: 3.5rem; height: 4rem; margin: 1.5rem auto 0.5rem auto; background: url(../img/remark.png) no-repeat center center; background-size: cover; display: block; }

/*#wrappage{width:100%;}*/

/* 侧边栏 */
.sidenav { width: 56%; height: 100%; position: fixed; top: 0; right: 0; background: #34333b; z-index: 110; -webkit-transform: translateX(100%); transform: translateX(100%); -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
.mask { width: 100%; height: 100%; background: rgba(0,0,0,0.5); position: fixed; top: 0; left: 0; z-index: 100; display: none; }
.open-side-nav .sidenav { -webkit-transform: translateX(0%); transform: translateX(0%); }
.open-side-nav .mask { display: block; }
.sidenav-cont { padding-left: 10%; padding-top: 1.5rem; padding-bottom: 1rem; }
.icon-close { display: block; width: 11%; }
.sidenav-list { margin-top: 2rem; }
.sidenav-list li a { font-size: 1.4rem; color: #b2a394; line-height: 3.3rem; }
.sidenav-link a { display: block; font-size: 1.3rem; color: #b2a394; line-height: 3rem; }
.sidenav-black { padding-left: 10%; padding-top: 1rem; background: #2e2d34; padding-bottom: 1.5rem; }
.sidenav-tel { color: #80b75c; padding-left: 23%; background: url(../img/icon-nav-tel.png) no-repeat left; background-size: auto 90%; margin-top: 1rem; width: 85%; }
.sidenav-tel span { display: block; text-align: right; line-height: 2.2rem; }
.sidenav-tel .tt { font-size: 1.4rem; }
.sidenav-tel .num { font-size: 1.8rem; font-weight: bold; }
/*.jiathis_style_m { width: 60%; margin: 0 auto; font-size: 1.4rem; text-align: center; }
.jiathis_style_m .jiathis_style_32x32 .jiathis_txt { font-size: 1.4rem; }*/

@media screen and (max-width:375px) {
    .jiathis_style_m { width: 70%; }
    .sidenav-tel .tt { font-size: 1.2rem; }
    .sidenav-tel .num { font-size: 1.6rem; font-weight: bold; }
    .sidenav-tel span { line-height: 2rem; }
}

@media screen and (max-width:320px) {
    .jiathis_style_m { width: 80%; }
    .sidenav-tel { background-size: auto 70%; margin-top: .5rem; }
    .sidenav-list li a { line-height: 2.5rem; }
    .sidenav-link a { line-height: 2.5rem; }
    .sidenav-tel .num { font-size: 1.4rem; font-weight: bold; }
}