@charset "utf-8";
/* CSS Document */
body { -webkit-text-size-adjust:100%; }
input.normalInput { height:24px; line-height:24px; font-size:12px; color:#b2b2b2; border:none; padding:0 5px;}
input.normalBotton { width:auto; height:40px; line-height:40px; font-size:14px; color:#fff; text-align:center; border:none; background:#ff3737; display:block; margin:0 auto; padding:0 10px; }

/*编辑器的默认样式*/
.content { line-height:180%; font-size:1em; font-weight:normal; }
.content pre { line-height:180%; border:none; padding-left:2em; }
.content blockquote { line-height:180%; border:none; padding-left:2em; }
.content p { max-width:100%;  line-height:180%; font-size:1em; font-weight:normal; }
.content img { max-width:100%; height:auto; margin-top:20px; margin-bottom:20px; }
.content h1 { line-height:180%; font-size:3em; font-weight:bold; }
.content h2 { line-height:180%; font-size:2em; font-weight:bold; }
.content h3 { line-height:180%; font-size:1.5em; font-weight:bold; }
.content h4 { line-height:180%; font-size:1.2em; font-weight:bold; }
.content ul { font-size:1em; font-weight:normal; padding-left:20px; }
.content ol { font-size:1em; font-weight:normal; padding-left:20px; }
.content dl { font-size:1em; font-weight:normal; padding-left:20px; }
.content u { font-size:1em; text-decoration:underline; font-weight:normal; }
.content i { font-size:1em; font-style:italic; font-weight:normal; }
.content strong { font-size:1em; font-weight:bold; }
.content b { font-size:1em; font-weight:bold; }
.content table { max-width:100%; font-size:1em; }
.content table p { max-width:auto; width:auto; height:auto; }
.content iframe { width:80%; display:block; margin:20px auto; }
.content video { width:80%; display:block; margin:20px auto; }

header { width:100%; height:80px; background:#0d0d0d url(../images/logo.png) center center no-repeat; background-size:auto 35px; }
.headerMenu { width:35px; height:20px; background:url(../images/header_menu.png) no-repeat; background-size:100% 100%; left:3%; top:30px; }
.headerMenuClose { background:url(../images/header_menu_close.png) no-repeat; background-size:auto 100%; }

.headerHiddenMenu { width:100%; height:auto; padding:20px 0; background:rgba(0,0,0,0.75); display:none; position:absolute; top:80px; left:0; right:0; z-index:99999; }
.headerHiddenMenu a { width:50%; height:auto; font-size:1em; color:#fff; display:inline-block; float:left; padding:10px 0 10px 10%; }

.indexCharlesInfo { width:92%; height:auto; line-height:180%; font-size:1em; color:#333; text-align:center; margin:10px auto; }

.infoArea { width:92%; height:auto; background:none; margin:20px auto; position:relative; }
.infoArea img { width:100%; height:auto; border-radius:20px; }
.infoArea span { width:90%; height:auto; line-height:140%; font-size:1.8em; color:#fff; text-align:center; font-weight:bold; display:block; position:absolute; left:5%; bottom:10%; }
.infoArea p { width:100%; height:auto; background:#fff; border-radius:0 0 20px 20px; padding:20px; -webkit-box-shadow:0 0 10px #d6d6d6;  -moz-box-shadow:0 0 10px #d6d6d6; box-shadow:0 0 10px #d6d6d6; }
.infoArea p a { font-size:1.1em; color:#333; }

.indexShop { width:92%; height:auto; background:#fff; border-radius:30px; -webkit-box-shadow:0 0 10px #d6d6d6;  -moz-box-shadow:0 0 10px #d6d6d6; box-shadow:0 0 10px #d6d6d6; margin:20px auto; padding:20px; }

.indexShopTitle { width:100%; height:auto; line-height:180%; font-size:1.6em; color:#333; text-align:center; }
.indexShopLine { width:60%; height:1px; background:#bfbfbf; margin:20px auto 0; }
.indexShopSubtitle { width:100%; height:auto; line-height:180%; font-size:1.3em; color:#4c4c4c; text-align:center; margin:20px auto 0; }
a.indexShopA { width:80%; height:50px; line-height:50px; font-size:1.3em; color:#fff; text-align:center; background:#c3ab67; display:block; margin:30px auto 8px; }
.indexContactUsIco { width:60%; height:auto; margin:20px auto; }
.indexContactUsIco1 img { width:auto; height:30px; }
.indexContactUsIco2 img { width:auto; height:30px; }

footer { width:100%; height:auto; background:#262626; margin:20px 0 0; padding:20px 0; }
footer p { max-width:90%; height:auto; line-height:180%; font-size:1em; color:#ccc; text-align:center; margin:20px auto; }

.aboutBg { width:100%; height:auto; background:url(../images/bg_about.jpg) no-repeat; }
body.aboutBg:before {
  content: ' ';
  position: fixed;
  z-index: -1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background:url(../images/bg_about.jpg) no-repeat;
  background-size: cover;
}

.aboutMain { width:92%; height:auto; color:#fff; margin:0 auto; }
.aboutTitle { width:100%; height:auto; line-height:140%; font-size:1.6em; color:#e7c14b; text-align:center; margin:10px 0; }
.aboutContentImg { width:40%; height:auto; margin:0 20px 20px 0; }

/*首页产品图切换*/
.silder-box { position:relative; margin:60px auto; }
.silder { margin:0 auto; border:2px solid #b6995d; }
.silder li { width:100px; height:100px; display:inline-block; float:left; }
.silder li img { width:100%; height:100%; }
.silder-button { top:0; width:41px; height:100px; position:absolute; cursor:pointer; }
.silder-button.btl { left:0; background:url(../images/about_photo_pre.png) no-repeat; }
.silder-button.btr { right:0; background:url(../images/about_photo_next.png) no-repeat; }
.silder-box-1 { width:100%; height:100px; }

.productsMain { width:92%; height:auto; margin:0 auto; }
.productsTitle { width:100%; height:auto; line-height:180%; font-size:1.3em; color:#e1bb49; text-align:center; margin:30px 0 20px; }
.productsSubmenu { width:100%; height:auto; margin:0 auto 20px; }
.productsSubmenu a { width:43%; height:40px; line-height:40px; font-size:1.2em; color:#a5a5a5; text-align:center; background:#373737; display:inline-block; margin:0 3% 10px; padding:0; }
.productsSubmenu a.current { color:#fff; background:#e1bb49; }

ul.productsList { width:100%; height:auto; margin:40px 0 100px; list-style:none; }
ul.productsList li { width:100%; height:auto; list-style:none; margin:0 0 20px; }
.productsLiImg { width:100%;  }
.productsLiImg img { width:100%; height:100%; margin:0; padding:0; }
.productsLiTitle { width:100%; height:auto; line-height:180%; font-size:1.1em; color:#333; text-align:center; margin:10px 0 0; }
.productsLiTitle a { font-size:1.1em; color:#333; }

.productDetailMain { width:92%; height:auto; margin:20px auto 100px; }

.productInformationMain { width:92%; height:auto; margin:20px auto 100px; }
h4.productInformationTitle { width:100%; height:auto; line-height:180%; font-size:1.5em; color:#333; text-align:center; margin:0 0 10px; }
.productInformationContent { width:100%; height:auto; line-height:180%; font-size:1.2em; color:#333; margin:0 0 10px; }
.productInformationImg { width:100%; height:auto; margin:0 0 10px; }
.productInformationImg img { width:100%; height:auto; }

.newsMain { width:92%; height:auto; margin:20px auto 100px; }
.newsLi { width:100%; height:auto; margin:0 0 20px; }
.newsLiImg { width:100%; height:auto; }
.newsLiImg img { width:100%; height:auto; }
.newsLiContent { width:100%; height:auto; }
.newsLiContent h4 { width:100%; height:auto; line-height:140%; font-size:1.2em; color:#333; margin:5px 0; }
.newsLiContent p { width:100%; height:auto; line-height:180%; font-size:1em; color:#333; }
.newsLiContentDate { width:100%; height:auto; line-height:180%; font-size:1em; color:#595959; }

.servicesMain { width:92%; height:auto; margin:20px auto 100px; }
.servicesTitle { width:100%; height:auto; }
.servicesTitle a { width:45%; height:40px; line-height:40px; font-size:1.2em; color:#a5a5a5; text-align:center; background:#373737; display:inline-block; margin:0 4% 10px 0; padding:0; }
.servicesTitle a.current { color:#fff; background:#e1bb49; }

.servicesList { width:100%; height:auto; margin:0 0 100px; }
.servicesList a { width:100%; height:auto; line-height:140%; font-size:1em; color:#333; border-bottom:1px solid #d9d9d9; padding:10px 0; display:block; }

.contactUsMain { width:92%; height:auto; margin:20px auto 100px; }

.servicesContent { width:100%; height:auto; margin:20px auto 100px; }

.searchShopBg { background:url(../images/bg_search_shop.jpg) no-repeat fixed; }
body.searchShopBg:before {
  content: ' ';
  position: fixed;
  z-index: -1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background:url(../images/bg_search_shop.jpg) no-repeat;
  background-size: cover;
}

.searchShopMain { width:92%; height:auto; margin:20px auto 100px; }
.searchShopTitle { width:100%; height:auto; line-height:140%; font-size:1.5em; color:#e7c14b; text-align:center; margin:0 0 10px; }
.searchShopSubtitle { width:100%; height:auto; line-height:140%; font-size:1.2em; color:#fff; text-align:center; margin:0 0 20px; }

.searchShopLi { width:100%; height:auto; margin:0 0 10px; }
.searchShopLi input { width:100%; height:50px; line-height:50px; font-size:1.2em; color:#fff; border:1px solid #fff; background:none; padding:0 0 0 5px; }
.searchShopTips { width:100%; height:auto; line-height:180%; font-size:1em; color:#fff; margin:20px 0 0; }
.searchShopBtn { width:40%; height:50px; margin:20px auto; }
.searchShopBtn input { width:100%; height:40px; line-height:40px; font-size:1em; color:#fff; text-align:center; border:none; border-radius:10px; background:#e1bc4a; }

body.guideBg { width:100%; height:100%; background:url(../images/bg_index.jpg) no-repeat fixed; background-size:cover; overflow:hidden; }

body.guideBg:before {
  content:' ';
  position:fixed;
  z-index:-1;
  top:0;
  right:0;
  bottom:0;
  left:0;
  background:url(../images/bg_index.jpg) no-repeat;
  background-size:cover;
}

.guideHeader { width:80%; height:auto; margin:50px 10% 30px; padding:0; overflow:hidden; }
img.guideHeaderImg1 { width:100%; height:auto; margin:0; padding:0; }
img.guideHeaderImg2 { width:60%; height:auto; margin:20px 20%; padding:0; }

.guideMain { width:30%; height:auto; margin:0 35%; padding:0; overflow:hidden; }
.guideMain a { width:100%; height:auto; display:block; margin:10px 0;  }
.guideMain a img { width:100%; height:auto; }

.guideFooter { width:60%; height:auto; margin:60px 20% 0; padding:0; overflow:hidden; }
.guideFooter img { width:100%; height:auto; margin:0; padding:0; }

section.tips { width:100%; height:100%; background:rgba(255,255,255,0.5); display:none; position:fixed; top:0; left:0; right:0; bottom:0; z-index:999999; }
.tipsMain { width:90%; height:auto; position:fixed; left:50%; top:50%; -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); transform:translate(-50%,-50%); text-align:center; }
.tipsMain p { height:auto; line-height:1.2em; font-size:1em; color:#fff; text-align:center; word-break:break-all; background:rgba(0,0,0,0.8); display:inline; width:auto; padding:0 1em; }