@charset "utf-8";
img, object, embed, video {	max-width: 100%;}
img{border:none;}
a{ color:#fff; text-decoration:none}
a:hover{ color:yellow; text-decoration:none}
ul, li{ list-style:none;margin:0;padding:0;}
.clear{clear:both; height:0; line-height:0; overflow:hidden;}
.ie6 img { width:100%;}
html{ margin:0; padding:0; font-size:100%; }
body{ margin:0 auto; padding:0; font-family:LiHei Pro,Microsoft YaHei, sans-serif; font-size:14px; background:url(../images/bk.jpg) top left; background-size:auto; overflow-x:hidden}
.contenter{overflow-x:hidden}
.mar{ margin-left:0; margin-right:0;}
.t-cen{ text-align:center;}
.t-left{ text-align:left}
.t-right{ text-align:right}
/*phone*/
/*header*/
.hid_sm{ display:none;}
.hid_lg{ display:block;}
.col-xs-12{ padding-left:0; padding-right:0;}
.lang{ position:absolute; top:5px; right:5px; text-align:right}
.lang a{ display:none; width:60px; line-height:26px; text-align:center;}
.lang a.op{ display:inline-block}
header{ background:#512b14;}
.navbar-toggle{ border:1px solid white; margin:35px 30px 0 0;}
.navbar-toggle .icon-bar{ background:white;}
ul.nav{ margin:0 -15px;}
ul.nav a{ padding-left:5%; background:#996633; color:white; border-bottom:1px solid white; line-height:40px;}
ul.nav a:hover{ background-color:#5e330d;}
a.logo{ display:block; width:auto; height:50px; margin:15px auto 10px; background:url(../images/logo.png) center center no-repeat; background-size: 100% auto;}
.flash{ font-size:16px;}
img.bk1, img.bk2, img.bk2{ width:100%;}
img.bk1, img.bk2{ left:0;}
img.bk3{ margin:0;}
/*section*/
section.content-wrap{ width:100%; margin:0 auto; }
.left-nav{ display:none;}
.article{ float:none; padding:10px 0 30px; color:#231815; font-size:14px; background:white;}
.article .site{ display:none; }
.article H3{ display:inline-table; min-width:150px; margin:15px 0; padding:0 25px; font-size:18px; line-height:40px; background-color:#5e330d; color:white;}
.article P{ margin:0 20px; line-height:26px;}
.article a.pro-pic{ display:block; width:100%; margin:0 auto 20px;}
.article a.pro-pic img{ width:100%;}
.article span.pro-txt{ display:block; width:100%; margin:0 auto; background:#5e330d; line-height:34px; text-align:center}
ul.newlist{ width:auto; margin:0 10px; line-height:30px; color:#996633 }
ul.newlist li{ width:100%; padding:15px 0; border-bottom:2px dashed #666; position:relative;}
ul.newlist li span.news_time{ width:100%; color:#996633;}
ul.newlist li P{ margin:5px 20px; color:#231815;}
ul.newlist li span.more{ display:block; position:absolute; right:0; bottom:15px; color:#231815; font-family: Arial, sans-serif;}
ul.newlist li img{ display:none;}
/*item*/
.item{ width:90%; margin:0 auto;}
.item .item-image{ width:100%;}
.item .item-desc{ padding:30px 0 2px 0; background:none;}
#wrap{position:relative;top:0px;z-index:999;}
.item-image .cloud-zoom img{ width:100%;}
.item-image .cloud-zoom{position: relative; display: block;}
.item-image .mousetrap{ width:240px; height:320px; position:absolute; left:0; top:0; z-index:99; cursor: move; }
.item-desc a.cloud-zoom-gallery{ float:left; width:33%; text-align:center; display:inline-block;}
.item-desc a.cloud-zoom-gallery img{ width:90%; border:1px solid rgb(158,158,158);}
.item-intro{ width:88%; margin:20px auto 0;}
.item-intro span.item-tit{ display:block; width:100%; margin:0 auto; line-height:1.8em; color:#5e330d}
.item-intro P.item-con{ width:100%; margin:0 0 10px 0; line-height:1.4em;}
.contact{ width:90%; margin:0 auto 30px;}
.contact .table{ width:100%; margin:0 auto 15px; }
.contact .table label{ display:block; width:100%; margin:0 auto; height:24px; line-height:24px; font-weight:normal }
.contact .table font{ display:inline-block; width:12px; color:red;}
.contact .table input, .contact .table textarea{ width:96%; margin:0 12px; padding:0 2px; line-height:28px; border:1px solid rgb(158,158,158); border-radius:5px; outline:none;}
.contact .table input{ height:28px;}
.contact .table textarea{ height:130px;}
.contact a{ display:block; width:96%; margin:10px auto; background:#ccc; text-align:center;}
.contact a.code img{ margin:0 auto; }
input:focus, textarea:focus{ outline:none;}
a.botton, a.btn, a.btn:hover, a.btn2, a.btn2:hover{ font-size:16px; color:white; border-radius:5px; background:#5e330d; }
a.btn, a.btn:hover{ display:block; width:90px; margin:20px auto; padding:6px 20px; }
a.botton{ display:inline-block; margin-top:30px; padding:10px 20px;}
a.btn2, a.btn2:hover{ display:block; width:120px; margin:20px auto; padding:10px 0;}

a.botton{ margin-top:30px;}
.map{ width:86%; margin:0 auto 30px;}
.map img{ width:100%;}
/*footer*/
.foot-bk{ background:#5e330d; padding:10px; color:white}
.foot-bk img{ width:100%;}
.foot-ibk{ padding:20px 10px; color:#050505; line-height:1.8em;}
.foot-nav{ display:none;}
footer span.sp0{ font-size:16px;}
footer span.sp0, footer span.sp1, footer span.sp2, footer span.sp3{ display:inline-block; width:97%; padding-left:3%;}
/*page*/
.page_num{ margin:0 auto; padding:20px 0; font-size:14px; line-height:28px; text-align:center; letter-spacing:1px;}
.page_num span{ width:20px; margin-right:8px;}
.page_num a{ display:inline-block; width:30px; margin-right:8px; text-align:center; }
.page_num a.cur, .page_num a.cur:hover, .page_num a.cur:visited, .page_num a.page, .page_num a.page:visited{ border:#fff 1px solid; background:#5e330d; color:#fff;}
.page_num a.page:hover{ background:#996633; }
/*layer*/
.black_overlay{display:none;width:100%;height:100%;position:fixed;top:0;left:0;z-index:1001; background:black; opacity:0.8 }  
.nav_content {display:none; width:100%;position:absolute;top:0;left:0;background:#996633; z-index:1002;}  
.nav_content a.NavClose{ display:block; width:100%; margin:0 auto; text-align:center; line-height:40px; background:#5e330d; }
.nav_content ul{ width:100%; margin:0 auto; }
.nav_content ul li{ width:100%; margin:0 auto;}
.nav_content ul li a{ display:block; padding-left:15px; line-height:40px; color:white; border-bottom:1px solid white; }

@media only screen and (min-width: 600px) {
a.logo{ height:50px; margin:15px auto 10px; background:url(../images/logo.png) center center no-repeat; background-size: auto 100%;}
.flash{ font-size:18px;}
}
/*pad*/
@media only screen and (min-width: 768px) {
body{background-size:100%; }
/*header*/
.lang{ position:inherit; width:100%; margin:0; padding:15px 0; text-align:right;}
.lang a{ display:inline-block; width:65px; line-height:26px; text-align:center; border:2px solid #5e330d;}
.lang a.ch{ background:#5e330d; color:white;}
.lang a.en{ color:#231815}
ul.nav{ margin:6px 0 0;}
ul.nav a{ padding-left:5px; background:none; color:white; border-bottom:0; font-size:16px; line-height:20px;}
ul.nav a:hover{ background:none;}
a.logo{ width:250px; height:45px; margin:9px 0; background:url(../images/logo.png) left center no-repeat; background-size: auto 100%;}
.flash{ font-size:24px;}
/*secont*/
.article{ float:none; width:100%; padding:10px 20px 30px; color:black; font-size:14px; background:white;}
.article H3{ display:inline-table; min-width:120px; height:50px; margin:15px 0; padding:0 25px 10px; line-height:40px; background:url(../images/tit_b.png) left top no-repeat white; color:white; color:yellow;}
.map{ width:90%; margin:0 auto 30px; text-align:center}
.map img{ width:auto}
/*footer*/
.foot-ibk{ color:#050505; }
.foot-bk img{ width:70%;}
footer span.sp0, footer span.sp1{ display:inline-block; width:50%; padding:0;}
footer span.sp2{ display:inline-block; width:50%; padding:0;}
footer span.sp3{ display:inline-block; width:100%; padding:0;}
/*layer*/
.nav_content{width:80%;left:10%;}  
}
/*pc*/
@media only screen and (min-width: 1200px) {
html{background:#5e330d;}
.hid_sm{ display:block;}
.hid_lg{ display:none;}
.col-xs-12{ padding-left:15px; padding-right:15px}
/*header*/
.lang{ position:inherit; width:100%; margin:0; padding:15px 0; text-align:right;}
.lang a{ display:inline-block; width:65px; line-height:26px; text-align:center; border:2px solid #5e330d;}
.lang a.ch{ background:#5e330d; color:white;}
.lang a.en{ color:#231815}
.icon-bar{ background:white}
ul.nav{ margin:0;}
ul.nav a{ background:none; color:white; border-bottom:0; font-size:18px; line-height:40px;}
ul.nav a:hover{ background-color:none; color:yellow}
a.logo{ width:250px; height:50px; margin:10px 0; }
.flash{ font-size:26px;}
img.bk1, img.bk2, img.bk2{ width:90%;}
img.bk1, img.bk2{ left:5%;}
img.bk3{ margin:0 auto;}
/*index*/
.langu{ width:100%; margin:0; padding:10px 0; text-align:center;}
.langu a{ display:inline-block; width:65px; line-height:26px; text-align:center; border:2px solid #5e330d;}
.langu a.ch{ background:#5e330d; color:white;}
.langu a.en{ color:#231815}
/*section*/
.content-wrap{ width:100%; margin:0 auto; }
.main{ background:rgba(226,208,187,0.5);}
.left-nav{ display:block; float:left; width:20%;}
.left-nav h2{ width:100%; text-align:center; font-size:26px;}
.left-nav ul{ width:90%; margin:0 auto; }
.left-nav ul li{ border-bottom:1px solid #5E330D; padding:2px;}
.left-nav ul li span{ font-family:LiHei Pro,Microsoft YaHei, sans-serif; font-weight:700; }
.left-nav ul li a, .left-nav ul li a:visited{ display:block; padding-left:15px; line-height:36px; color:#231815; }
.left-nav ul li a:hover, .left-nav ul li a.op{ background:#996633; color:white;}
.article{ float:right; width:80%; min-height:520px; padding:30px; font-size:14px; background:white;}
.article .site{ display:block; margin:0 auto; }
.article .site span{ display:inline-block; margin-right:10px; padding:2px 4px; color:white; background:#e30d14; border-radius:3px; }
.article P{ margin:10px; line-height:26px;}
ul.newlist{ width:auto; margin:0; }
ul.newlist li img{ display:block;}
.item{ width:100%; padding:20px 0 40px;}
.item .item-image{ width:96%;}
.item .item-desc{ padding:30px 0 2px 50px; background:url(../images/pic_item.png) left -20px no-repeat;}
.item-image .cloud-zoom img{ width:100%;}
.item-desc a.cloud-zoom-gallery{ width:auto; margin-left:10px;}
.item-intro{ width:96%; }
.item-intro P.item-con{ margin:0 0 15px 0; line-height:1.5em}
.contact{ width:96%; margin:0 auto 30px;}
.contact .table label{ display:block; float:left; width:90px; margin:0; line-height:30px;}
.contact .table input.long, .contact .table textarea{ width:650px;}
.contact .table input.short{ width:350px;}
.contact a{ display:inline-block; width:auto; margin:0; background:none}
.contact a.code img{ margin:0 5px 0 0; border:1px solid rgb(158,158,158); border-radius:5px;}
a.botton{ margin-top:30px;}
a.btn, a.btn:hover{ display:inline-block; width:auto; margin:0; padding:6px 20px;background:#5e330d;}
.map{ width:96%; margin:0 auto 30px; text-align:left}
/*footer*/
footer{ text-align:center; line-height:28px; color:#fff;}
footer ul.foot{ width:100%; margin:0 auto; padding:0; background:#5e330d;}
footer ul.foot li{ width:19%; padding:0; display:inline-block}
.relative{ position:relative}
.f-left, .f-right{ width:20px; height:30px; position:absolute; top:0;}
.f-left{ background:url(../images/f-l.png) left top no-repeat; left:-5px;}
.f-right{ background:url(../images/f-r.png) right top no-repeat; right:-5px;}
.foot-nav{ display:block;}
.foot-bk, .foot-ibk{ background:#5e330d;}
.foot-ibk{ color:#fff;}
footer span.sp0, footer span.sp1{ display:inline-block; width:33%; padding:0;}
footer span.sp2{ display:inline-block; width:50%; padding:0;}
footer span.sp3{ display:inline-block; width:100%; padding:0;}
}