*{margin:0;padding:0}
body{ font-family:MAIAN;font-size:14px;color:#333}
@font-face{ font-family:MAIAN; src:url(../fonts/MAIAN.TTF);}
@font-face{ font-family:NIAGENG; src:url(../fonts/NIAGENG.TTF);}

body::scrollbar{width:10px;background:none}
body::scrollbar-thumb{background-color:#333}
body::-webkit-scrollbar{width:10px;background:none}
body::-webkit-scrollbar-thumb{background-color:#333}
body::-moz-scrollbar{width:10px;background:none}
body::-moz-scrollbar-thumb{background-color:#333}

p{padding:0;margin:0;line-height:22px; color:#666; font-size:15px;}
a{text-decoration:none;color:#333}
li{list-style:none}
h1,h2,h3,h4,h5,h6{margin:0;padding:0}
img{ border:none;}


.header{ width:100%; height:80px; overflow:hidden; border-bottom:1px solid #694d1c; margin:0; background:#010101;}
.header_main{ width:1000px; height:80px; overflow:hidden; margin:auto; text-align:center; vertical-align:middle;}
.header_main .logo{ width:273px; height:81px; margin:9px 0; float:left;}
.header_main nav{ margin:30px 0 40px 180px; text-align:center;}
.header_main nav ul{ width:100%;  margin:0;}
.header_main nav ul li{margin:5px; float:left;}
.header_main nav ul li a{ padding:8px 14px; color:#694d1c; transition-duration:1s;}
.header_main nav ul li .active{color:#FFFFFF;}
.header_main nav ul li a:hover{color:#FFFFFF; background:#101010;}

.header_1{ width:90%; height:80px;  border-bottom:2px solid #694d1c; margin:0 5%; background:#010101;}

.show-menu{color:#fff;background:url(../images/menu-bg.png) #333; width:42px;height:41px;margin:25px 0px 0 0px;padding:0;display:none;float:right}
nav input[type=checkbox]{display:none;-webkit-appearance:none}
nav input[type=checkbox]:checked ~ #menu{display:block;position:absolute;top:70px;right:0px;z-index:999;}
@media only screen and (min-width : 320px) and (max-width : 999px) {
nav{margin:0; background:none; position:relative;}
nav ul{display:none;float:left;width:235px !important; background:#333; padding:1px 0; overflow:hidden;}
nav ul li{float:left;margin:1px 0!important; padding:0 2px !important; width:230px !important; height:auto !important; line-height:inherit !important; border:none !important;}
nav ul li a{float:left; border:none; font-size:12px;padding:0;width:203px !important; height:auto; line-height:inherit; margin:0; background:#010101; color:#FFF;}
.show-menu{display:block;cursor:pointer}
}


.banner{ width:100%; min-height:430px; overflow:hidden; margin:0; background:#725729; position:relative;}
.banner_main{ width:1000px; height:430px; background:url(../images/flower_bg1.png) #725729; overflow:hidden; margin:auto; }
.banner_box{ width:1000px; height:298px; background:#010101; overflow:hidden; margin:66px 0; }
.banner_box .left_p{ width:500px; height:298px; margin:0; float:left;}
.banner_box p{ width:400px; height:128px; text-align:justify; margin:85px 50px; font-size:30px; font-family:NIAGENG; line-height:40px; color:#FFF; float:left; }


.bx-wrapper{position:relative;width:1000px; margin:auto;}
#slider-prev2{ position:absolute; left:70px; top:190px;}
#slider-next2{ position:absolute; right:70px; top:190px;}
.outside:nth-child(2)span{right:10px !important; top:45px;}
.outside span a{width:40px; float:left;}
.outside span a img{width:100%;}
.bx-controls{ display:none;}

#slider-prev{ position:absolute; left:70px; top:140px; opacity:.2}
#slider-next{ position:absolute; right:70px; top:140px; opacity:.2}

#back-to-top {position: fixed;bottom: 40px;right: 40px;z-index: 9999; padding:10px 18px; font-size:25px; text-align: center;line-height: 30px;background: #694d1c;color: #FFF;cursor: pointer;border: 0;border-radius: 2px;text-decoration: none;transition:.2s ease-out;
opacity:0;}
#back-to-top:hover {background: #333;}
#back-to-top.show { opacity:.1; -moz-animation-duration:.5s;-webkit-animation-duration:.5s;animation-duration:.5s;-moz-animation-name:show;-webkit-animation-name:show;animation-name:show}



.mid1{ width:100%; min-height:309px; overflow:hidden; margin:0; background:url(../images/left_img1.png) right bottom no-repeat #010101; border-bottom:1px solid #694d1c;}
.mid_main1{ width:1000px; height:309px; overflow:hidden; margin:auto; }
.text_left{ width:500px; text-align:justify; margin:85px 50px; float:left; }
.text_left h1{ width:auto; font-size:42px; font-family:NIAGENG; text-transform:uppercase; border-bottom:5px solid #333; padding-bottom:10px; margin-bottom:10px; line-height:40px; color:#FFF; float:left; font-weight:normal; }
.text_left p{ width:100%; font-size:18px; font-family:MAIAN; line-height:30px; color:#333; float:left; }

.mid2{ width:100%; min-height:109px; overflow:hidden; margin:0; background:url() left bottom no-repeat #010101; border-bottom: 3px solid #694d1c; }
.mid_main2{ width:1000px; height:109px;overflow:hidden; margin:auto; }
.text_right{ width:500px; text-align:justify; margin:85px 50px; float:right; }
.text_right h1{ width:auto; font-size:42px; font-family:NIAGENG; text-transform:uppercase; border-bottom:5px solid #333; padding-bottom:10px; margin-bottom:10px; line-height:40px; color:#FFF; float:left; font-weight:normal; }
.text_right p{ width:100%; font-size:18px; font-family:MAIAN; line-height:30px; color:#333; float:left; }


.bottom{ width:100%; min-height:430px; overflow:hidden; margin:0; background:#725729;}
.bottom_main{ width:1000px; height:430px; background:url(../images/flower_bg1.png) #725729; overflow:hidden; margin:auto; }
.bottom_main h1{ width:350px; text-align:center; font-size:50px;clear:both; font-family:NIAGENG; text-transform:uppercase; border-bottom:5px solid #EEE; padding-bottom:10px; margin:40px auto; line-height:40px; color:#FFF; font-weight:normal; }
.bottom_main p{ width:100%; font-size:18px; text-align:center; font-family:MAIAN;margin-bottom: 50px; line-height:30px; color:#FFF; opacity:.3; float:left; }
.bottom_main .read{margin:0; width:100%; text-align:center;}
.bottom_main .read a{ text-transform:uppercase; font-size:13px; font-family:MAIAN;  color:#FFF; background:#af7817; margin:auto; width:100px; padding:10px 20px; clear:both; }
.bottom_main .read a:hover{background:#010101;}


.slider{ width:100%; min-height:281px; overflow:hidden; margin:0; background:#010101; position:relative;}
.slider_main{ width:1000px; height:281px; overflow:hidden; margin:40px auto; }
.slider_main img{ width:190px; margin:5px; float:left; }

.footer{ width:100%; min-height:100px; overflow:hidden; margin:0; background:#010101;}
.footer_main{ width:1000px; height:auto; overflow:hidden; margin:0px auto; }
.footer_main .social{ width:150px; height:30px; overflow:hidden; padding-bottom:0px; margin:15px auto; }
.footer_main .social a.facebook{ font-size:30px; color:#694d1c; margin:0 5px;}
.footer_main .social a.facebook:hover{color:#3b5998;}
.footer_main .social a.twitter{ font-size:30px; color:#694d1c; margin:0 5px;}
.footer_main .social a.twitter:hover{color:#55acee;}
.footer_main .social a.instagram{ font-size:30px; color:#694d1c; margin:0 5px;}
.footer_main .social a.instagram:hover{color:#3f729b;}

.footer_main p{ width:100%; border-top:1px solid #a3a3a3; height:auto; color:#FFF; overflow:hidden; margin:0px; line-height:25px; }
.footer_main p span{ width:100%; float:none; color:#a3a3a3; font-size:12px; margin:0 40%;}
.footer_main p span a{color:#a3a3a3;}
.footer_main p span a:hover{color:#666;}


.inner_page{ width:100%; min-height:400px; overflow:hidden; margin:0; background:#010101;}
.inner{ width:998px; height:auto; overflow:hidden; margin:40px auto; border:1px solid #694d1c; }
.inner h1{ width:978px; font-size:16px; padding:10px; font-family:MAIAN; text-transform:uppercase;  margin:0; color:#FFF; background:#694d1c; font-weight:normal; }
.inner .contact_box{ width:45%; height:auto; margin:50px 20px;float:left; }
.inner .contact_box p{float:left; color:#a3a3a3; line-height:30px; font-size:15px; padding:40px; }
.inner .contact_box p a{color:#a3a3a3; font-size:17px}
.inner .contact_box p a:hover{color:#333;}

.inner_page{ width:100%; min-height:350px; overflow:hidden; margin:0; background:#010101;}
.inner_collection{ width:998px; height:auto; overflow:hidden; margin:40px auto; border:0px solid #694d1c; }
.inner_collection h1{ width:978px; font-size:30px; padding:10px; font-family:MAIAN; text-transform:uppercase;  margin-bottom:20px; color:#FFF; font-weight:normal; }
.inner_collection h1 span{ margin-left:10%}
.inner_collection h1.a{ width:978px; font-size:18px; padding:10px; font-family:MAIAN; text-transform:uppercase;  margin-bottom:20px; color:#FFF; font-weight:normal; }
.inner_collection table{ width:100%}
td{ padding:20px;}
td img{ width:500px; height:auto;}
td p{ font-family:inherit; font-size:34px; font-weight:bold; margin:40px; color:#CCCCCC;}

.inner .about_box{ width:95%; height:auto; margin:50px 20px;float:left; }
.inner .about_box p{float:left; color:#a3a3a3; line-height:30px; font-size:15px; padding:20px; text-align:justify; }
.inner .about_box p a{color:#666; font-size:17px}
.inner .about_box p a:hover{color:#333;}

.inner .contact_box table{float:right; color:#694d1c; line-height:22px; font-size:14px; width:45%; }
.inner .contact_box table td{ padding:5px;}
.inner .contact_box table td input[type=text]{ padding:5px; width:440px; border:0; background:#333;}
.inner .contact_box table td textarea{ padding:5px; width:438px; height:60px; border:0; background:#333;}
.inner .contact_box table td input[type=submit]{ padding:5px 10px; border:0; background:#694d1c; cursor:pointer; color:#FFF; font-size:14px;}
.inner .contact_box table td input[type=submit]:hover{background:#333;}

/*.gallery{ width:960px; margin:20px; float:left;}
.gallery img{ width:156px; opacity:.5;  }
.gallery img:hover{opacity:.8; width:150px; padding:2px; border:1px solid #694d1c; }
*/
.side1{ width:480px; min-height:450px; float:left; padding:10px; }
.side1 .box{ width:480px; min-height:250px; float:left;  margin-bottom:10px; }
.left{ width:80%;margin:10%;height:auto;float:left; overflow:hidden;}
.btn{list-style:none;background:#222;height:40px;}
.tabs{list-style:none;width:auto;height:25px; }
.tabs ul {list-style:none;}
.tabs li {list-style:none;display:inline; }
.tabs a {display:inline-block;text-decoration:none;font-size:14px;padding:11px 20px;color:#FFF;}
.tabs a.active {background:#694d1c;color:#FFF;}
#tab1{ width:94%; padding:3%;background:#111; min-height:150px;} 
#tab2{ width:94%; padding:3%;background:#111; min-height:150px;} 
#tab3{ width:94%; padding:3%;background:#111; min-height:150px;} 
#tab3 table{ width:100%; float:left; margin-bottom:10px;} 
#tab3 table td{ padding:2px 5px; font-size:11px;}
#tab3 table th{ text-align:left; padding:2px 5px; font-size:11px;}
.side1 .box h2{ width:460px; font-size:14px; padding:10px; font-family:MAIAN; text-transform:uppercase;  margin:0 0 15px 0; color:#FFF; border-bottom:1px solid #694d1c; font-weight:normal; }
.side1 .box table{float:left; color:#694d1c; line-height:22px; font-size:14px; width:100%; }
.side1 .box table td{ padding:5px;}
.side1 .box table td input[type=text]{ padding:5px; width:455px; border:0; background:#333;}
.side1 .box table td textarea{ padding:5px; width:455px; height:60px; border:0; background:#333;}
.side1 .box table td input[type=button]{ padding:5px 10px; border:0; background:#694d1c; cursor:pointer; color:#FFF; font-size:14px;}
.side1 .box table td input[type=button]:hover{background:#333;}
.side2{ width:478px; min-height:520px; float:left; padding:10px;}
.big_img{ width:478px; min-height:320px; float:left; }
.big_img img{ width:100%;}
.small_img{ width:100%; height:130px; float:left; background:#111;}
.small_img img{ width:130px; height:130px; float:left; cursor:pointer;}