@charset "utf-8";
/* CSS Document */
@charset "utf-8";::-webkit-scrollbar {width: 12px;height: 12px;background-color: #F5F5F5;}
::-webkit-scrollbar-track {border-radius: 12px;background-color: #E2E2E2;}
::-webkit-scrollbar-thumb {border-radius: 12px;-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);background-color: #555;}
::selection {background-color: #7a322c;color: #fff;}
::-moz-selection {background-color: #7a322c;color: #fff;}
::-webkit-selection {background-color: #7a322c;color: #fff;}
#wjdh-kefu .wjdh-kefu-qq p,
#wjdh-kefu .wjdh-kefu-qq a,
#wjdh-kefu .wjdh-kefu-tel p,
#wjdh-kefu .wjdh-kefu-tel img,
#wjdh-kefu .wjdh-kefu-erweima img{box-sizing: content-box;}
* {padding: 0;margin: 0;font-family: 'Microsoft YaHei', arial, helvetica, clean, sans-serif;}
body {font: 14px/1.231 'Microsoft YaHei', arial, helvetica, clean, sans-serif;color: #333;margin: 0;line-height: 1.5;}
*:before, *:after {box-sizing: content-box;}
:focus {outline: 1;}
article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary {display: block;}
a {color: #333;text-decoration: none;}
a:link,a:hover,a:active,a:visited {text-decoration: none;}
ins {background-color: #ff9;color: #000;text-decoration: none;}
mark {background-color: #ff9;color: #000;font-style: italic;font-weight: bold;}
del {text-decoration: line-through;}
table {border-collapse: collapse;border-spacing: 0;}
hr {display: block;height: 1px;border: 0;border-top: 1px solid #cccccc;margin: 1em 0;padding: 0;}
input,select {vertical-align: middle;}
li,ul {list-style-type: none;}
img {border: none;}
input,textarea {outline: 0;border: 0;resize: none;}
h1,h2,h3,h4,h5,h6,dl,dd,dt,i,em {font-weight: normal;font-style: normal;}
.fl{ float:left}
.fr{ float:right}
.top{ width:100%;float:left; position:relative;background:url(../images/top_nav.jpg) no-repeat top center;height:206px; }
.top .txt{ width:1200px; margin:0 auto; height:79px; color:#fff;line-height:32px; padding-top:10px;  }
.txt .r{ text-align:right}
.txt a{ color:#fff}
.txt i{ font-size:22px; font-family:Arial; font-style:normal}
.wap{width:1200px; margin:0 auto;}

.logo{ position:absolute; left:50%;width:230px; margin-left:-115px; z-index:3;}
.nav{ width:1200px; margin:0 auto;}
.nav li{ width:10%; float:left; background:url(../images/nav_bg.png) no-repeat top center; height:100px;}
.nav li a{ float:left;width:100%;padding-top:52px; text-align:center; font-size:16px; color:#333;}
.nav li:nth-child(5){ margin-left:240px;}
.nav li:hover{ background:url(../images/nav_bg_n.png) no-repeat top center}
.nav li:hover a{ color:#fff}

.gallery {background: #fff; padding:0; margin:0; width:100%; float:left; }
.gallery-cell {width: 100%;  }
.gallery-cell img {display: block;width: 100%; }


.about{ width:100%; float:left; position:relative; background:url(../images/about_bg.jpg) no-repeat top center; height:800px;}
.about .logo_sy{ position:absolute; margin-top:-70px; }
.about .text{ padding-top:200px; }
.text .tit{ width:220px; float:right; text-align:right; margin-right:20px;}
.text .a_nav{ width:40px; float:right; }
.a_nav a{writing-mode: vertical-rl; background:url(../images/ab_a.jpg) no-repeat center; width:33px; padding-right:7px; height:120px; text-align:center; font-size:16px; color:#333; margin-top:40px; float:right}
.a_nav a:hover,.a_nav a.on{ background:url(../images/ab_bg.jpg) no-repeat; color:#fff}
.text p{writing-mode: vertical-rl; color:#333333; line-height:54px; font-weight:500; letter-spacing:2px; width:860px; float:left; height:400px; font-size:16px;}
.more{ float:left; width:100%;background:url(../images/more.png) no-repeat center; height:60px; line-height:60px;margin-top:60px;}
.more a{ color:#fff; width:190px; float:left; margin-left:330px; font-size:16px}
.more span{ float:left; margin-left:7px; line-height:60px; color:#7c6151; font-weight:800}
.more span i{ font-size:22px; color:#c2231f; font-style:normal; font-weight:bold }
.more em{ font-style:normal; color:#7c6151; font-size:16px; margin-left:50px;}

.pro{ width:100%; float:left; background:#eee url(../images/pro_bg.jpg) no-repeat center bottom; padding-bottom:70px;}
.pro_top{ width:100%; float:left; background:url(../images/d_bg.png) no-repeat center; height:206px; padding-top:50px; margin-bottom:40px;}
.pro_top p,.pro_top h3{ width:100%; float:left; text-align:center; color:#fff; font-size:16px;}
.pro_top h3{ padding:35px 0 50px;}
.pro .img{ margin:20px 0; float:left;}
.pro .ck{ width:100%; float:left; height:140px;}

.jm{ width:100%; float:left; background:url(../images/jm.jpg) no-repeat center bottom; padding-bottom:50px;}
.jm .jm_l{ width:46%; float:left; margin-top:120px; margin-bottom:50px; padding-left:10px;}
.jm .jm_r{ width:51.5%; float:right; margin-top:50px; }
.jm .jm_r p{width:100%;float:left;color:#333;font-size:20px;font-weight:700;margin-top:20px;margin-bottom:10px;text-indent:10px}
.jm .jm_r p i{ font-size:14px; color:#999; font-style:normal}
.jm .jm_r ul{ width:100%; float:left; }
.jm .jm_r ul li{ width:48%; float:left;  padding:5px 0}
.jm .jm_r ul li .sr{ width:90%; font-size:16px; line-height:34px; background:#ecedf0; text-indent:1em; border-radius:5px;}
.jm .jm_r ul li:nth-child(5){ width:96%; }
.jm .jm_r ul li .nr{ width:96%; float:left; height:90px;background:#ecedf0;border-radius:5px; padding:8px 2% }
.tj{width:120px;height:40px;background:#7c6151;color:#fff;text-align:center;line-height:40px;float:left;border-radius:20px; margin-top:10px;}


.why{ width:100%; float:left; background:url(../images/why_bg.jpg) no-repeat top center; padding-bottom:90px;}
.why h3{width:100%; float:left; text-align:center; padding-top:20px; margin-bottom:80px;}
.why li{ width:32%; float:left; background:url(../images/why_jm.png) no-repeat center top; height:221px; text-align:center} 
.why li:nth-child(2){ margin:0 1%; width:32%;}
.why li h4{ font-size:26px; text-align:center; color:#fff; padding-top:15px; margin-bottom:30px;}
.why li p{ width:60%; float:left; margin-left:20%; color:#fff; line-height:28px; font-size:16px;}
.jm_sq{ width:100%; float:left; background:url(../images/jm_sq.jpg) no-repeat center;  height:524px; }

.case{ width:100%; float:left; background:url(../images/case_bg.jpg) no-repeat center top #000; padding-bottom:90px }
.case .tit_case{ width:50%; float:left; color:#fff; padding-top:35px; padding-bottom:20px}
.case .tit_case h4{ font-size:16px; color:#fff; line-height:28px; float:left; width:100%;}
.case .tit_case h3,.case .tit_case p{ font-size:32px; line-height:72px; float:left; width:100%;}
.case .tit_case p{ color:#f9efc6; font-size:18px; line-height:24px; font-weight:700}
.case .tit_fr{ width:50%; float:right; text-align:right; padding-top:60px; color:#333; font-size:26px;}
.case .tit_fr p{ color:#8f8f8f; font-size:18px; padding-top:5px; font-weight:700}
.case  ul{ width:47%; margin-top:60px; float:right;}
.case  ul li{ width:48%; float:left; text-align:center; font-size:16px; color:#333; margin:10px 1%;}
.case  a{ width:100%; float:left; text-align:center; margin-top:30px;}

.news{ width:100%; float:left; background:url(../images/news_bg.jpg) no-repeat top center; padding-top:80px; padding-bottom:40px} 
.news h4{ width:100%; float:left; font-size:48px; color:#806354;}
.news h4 i{ font-size:16px; line-height:22px; font-style:normal}
.news h4 a{ float:right; font-size:16px; padding-top:20px}
.news ul,.news ul li{ width:100%; float:left; margin-top:20px; }
.news ul li span{ width:543px; float:left; position:relative} 
.news ul li .news_ri{ width:680px; margin-left:480px;  background:#efefef; padding:30px 20px; margin-top:60px; position:absolute; }
.news ul li .news_ri h3{ font-size:18px; color:#333; position:relative; margin-bottom:20px}
.news_ri h3 i{ float:right; color:#000; font-style:normal}
.news_ri p{ font-size:14px; color:#666; line-height:24px;}
.news_ri p em{ float:right; font-size:16px; color:#333}

.news ul li:hover .news_ri{ background:#a17e69}
.news ul li:hover .news_ri h3,.news ul li:hover .news_ri h3 i,.news ul li:hover .news_ri p, .news ul li:hover .news_ri p em{ color:#fff}


.news ul li:nth-child(2) span{float:right;}
.news ul li:nth-child(2) .news_ri{margin-left:0;}

.fot{ width:100%; float:left; background:url(../images/fot_bg.jpg) no-repeat top center; padding-top:185px; height:235px;}
.fot span{ color:#fff; padding-left:30px; float:left; font-size:18px; line-height:36px; width:700px}
.fot span img{ float:right}
.fot p{ width:800px; color:#fff;padding-left:30px;font-size:18px; margin-top:65px; padding-bottom:5px; float:left }

.about .text_ny{ padding-top:140px; }
.text_ny .t_ny,.zz_t{ width:100%; float:left; font-size:16px;color:#999;font-family:"Arial";margin-bottom:20px;text-align:center }
.t_ny h3,.zz_t h3{ width:100%; float:left;color:#7c6151; font-size:30px; line-height:54px;font-weight:600;}
.zz_t p{ font-size:16px;}
.text_ny p{ font-size:16px;}
.zz_ny{ width:100%; float:left; padding:20px 0 40px}
.zz_ny ul{ width:100%; float:left; margin-top:5px;}
.zz_ny ul li{ width:25%; float:left; text-align:center; line-height:28px;}

.pro_n{ width:100%; float:left; padding:130px 0 40px; position:relative; }
.pro_n ul,.pro_xq,.newsnav,.pro_l h4,.pro_l li,.pro_l span,.pro_l p i,.pro_r h4,.news_n,.news_nav,.news_xq,.contact_n{ width:100%; float:left; }
.pro_n ul li{ width:22.5%; margin:10px 1%; float:left; text-align:center; border:1px #ccc solid}
.pro_n ul li p{ font-size:16px; line-height:46px; }
.pro_n ul li p img{ width:100%}
.pro_n ul li a:hover p{ background:#7c6151; color:#fff}
 
.pro_xq { margin:20px 0 40px;}
.newsnav{ font-size:16px; color:#333; border-bottom:1px #ccc solid; padding:15px 0; margin-bottom:20px; }
.newsnav i{ width:8px; height:20px; float:left; background:#7c6151; margin-top:2px; margin-left:5px; margin-right:10px}
.pro_xq .pro_l{ width:260px; float:left; text-align:center; margin-bottom:20px;}
.pro_l h4{ background:#7c6151; padding:15px 0; font-size:24px;color:#fff}
.pro_l li{ padding:10px 1%; width:98%;border-bottom:1px #fff solid;  background:#eee;}
.pro_l li a{ line-height:38px; font-size:15px;}
.pro_l span,.pro_l p{ background:#333; text-align:center; margin-top:20px}
.pro_l p{width:100%; float:left; margin-top:0; padding:20px 0; color:#fff}
.pro_l p i{ font-size:26px; }

.pro_xq .pro_r{ width:890px; float:right;margin-bottom:20px; }
.pro_r h4{ font-size:24px; margin-bottom:10px; padding-bottom:10px; border-bottom:1px #ccc solid}
.pro_r img{ max-width:100%;}
.pro_r p{ padding:10px 0}

.news_n{ padding:30px 2% 10px; width:96%; background:#fff; position:relative; margin-bottom:40px; margin-top:-120px; }
.news_n .news_nav{ padding:10px 0; text-align:center;}
.news_nav a{ background:url(../images/news_l_bg.jpg) no-repeat; text-align:center; color:#333; font-size:16px;padding:10px 30px;  margin:5px 20px;}
.news_nav a.on,.news_nav a:hover{ background:url(../images/new_h.jpg) no-repeat; color:#fff;}
.news_n ul{ margin-bottom:70px;}
.news_n ul,.news_n ul li{ width:100%; float:left; margin-top:10px; }
.news_n ul li{ margin-top:40px;}
.news_n ul li span{ width:400px; float:left; position:relative} 
.news_n ul li span img{ width:100%;}
.news_n ul li .news_ri2{ width:680px; margin-left:360px;  background:#efefef; padding:20px 20px; margin-top:32px; position:absolute; }
.news_n ul li .news_ri2 h3{ font-size:18px; color:#333; position:relative; margin-bottom:20px}
.news_ri2 h3 i{ float:right; color:#000; font-style:normal}
.news_ri2 p{ font-size:14px; color:#666; line-height:24px;}
.news_ri2 p em{ float:right; font-size:16px; color:#333}

.news_n ul li:hover .news_ri2{ background:#a17e69}
.news ul li:hover .news_ri h3,.news ul li:hover .news_ri h3 i,.news ul li:hover .news_ri p, .news ul li:hover .news_ri p em{ color:#fff}
.news_n ul li:hover .news_ri2{ background:#a17e69}
.news_n ul li:hover .news_ri2 h3,.news_n ul li:hover .news_ri2 h3 i,.news_n ul li:hover .news_ri2 p, .news_n ul li:hover .news_ri2 p em{ color:#fff}

.news_xq,.contact_n{ margin-top:-100px; padding:30px 2% 50px; background:#fff; margin-bottom:50px; position:relative; width:96%;}
.news_xq h2{ font-size:26px; text-align:center}
.news_xq h3{ font-size:16px; color:#666; padding-bottom:20px; border-bottom:1px #ccc dashed; text-align:center; padding-top:20px; margin-bottom:20px;}
.news_xq p{ text-indent:2em; line-height:32px; font-size:16px; }


.contact_n .con_tit{ width:100%; background:url(../images/f_logo.png) no-repeat center right; margin-bottom:30px;}
.con_tit h3{ font-size:28px; color:#a17e69}
.con_tit h4{ font-size:32px; font-weight:700; font-family:Arial}
.contact_n .con_l{ width:280px; float:left; padding:15px 0 15px 10px; position:relative}
.con_l:after{ content:""; width:1px; height:150px; float:right;background:#eee; position:absolute; top:20px }
.con_l h3,.con_l h4,.con_l p{ width:100%; float:left; font-size:16px; }
.con_l h3 img,.con_c p img{ float:left; margin-right:8px;}
.con_l h4{ font-size:32px; color:#333;font-family:Arial; font-weight:800; padding-top:5px; margin:10px 0 15px; }
.con_l p{ font-size:14px; color:#666; line-height:26px;}
.con_c{ width:360px; float:left; padding-left:30px; padding-top:15px;}
.con_c p{ width:100%; float:left; padding-bottom:13px; font-size:16px; color:#000}

.con_r{ width:450px; float:right; padding:30px 0; background:#ff0000; text-align:center}