﻿body { color:#333; font-size:14px; font-family:'Microsoft YaHei','MSYH','微软雅黑'; margin:0; padding:0;}
img {border:none;}
ul { padding:0; margin:0; list-style:none;}
a:link{ text-decoration:none; color:#333;}
a:visited{ color:#555; text-decoration:none;}
a:hover{ color:#BF9761; text-decoration:none;}
.hidden { display:none;}

/*header*/
.header { width:96%; margin:20px auto 0 auto; overflow:hidden;}
.header_left { width:75%; float:left; overflow:hidden;}
.header_logo { width:200px; float:left; overflow:hidden;}
.header_nav { float:left; overflow:hidden; font-size:15px; font-weight:bold; padding:10px 0px 0px 40px;}
.header_nav ul li { float:left; margin-right:30px;}

.header_right { width:25%; float:right; overflow:hidden; text-align:right; padding-top:10px;}
.header_search .iptSearch { width:255px; border:1px #ccc solid; height:30px; vertical-align:middle; padding-left:5px; outline:none; font-size:14px;}
.header_search .btnSearch {  border:none; width:30px; height:30px; vertical-align:middle; background:url(/images/web/btnsearch.jpg) no-repeat;}
.header_navright { padding-top:15px; font-size:15px; font-weight:bold;}
.header_navright ul li { display:inline; margin-left:10px;}
.header_navright ul li a { display:inline-block;}
.header_navright ul li a.navright_home { background:url(/images/web/if-home.png) no-repeat; width:65px; height:30px; line-height:30px; padding-right:30px; background-position:40px 0px;}
.header_navright ul li a.navright_member { background:url(/images/web/if-member.png) no-repeat; width:110px; height:30px; line-height:30px; padding-right:30px; background-position:85px 0px;}
.header_navright ul li a.navright_contact { background:url(/images/web/if-contact.png) no-repeat; width:95px; height:30px; line-height:30px; padding-right:30px; background-position:70px 0px;}

/*index_load*/
.index_load_logo { width:400px; height:300px; text-align:center; margin:200px auto 0 auto; overflow:hidden;}
.index_load_box { position:absolute; bottom:50px; width:100%;}
.index_loading { width:250px; margin:0 auto; overflow:hidden; height:6px; border:1px #ccc solid;}
.index_load_tip { width:250px; margin:8px auto 0 auto; overflow:hidden; text-align:center; color:#aaa;}
.index_loading_bar { width:0%; background:#eee; height:5px;}
.index_beian { width:250px; margin:15px auto 0 auto; overflow:hidden; text-align:center;}
.index_beian a:link,.index_beian a:visited,.index_beian a:hover { color:#aaa;}

/*scenes*/
.scenes_prev { position:absolute; top:45%; left:2%; z-index:99;}
.scenes_next { position:absolute; top:45%; right:2%; z-index:99;}
.scenes_main_box { width:900px; margin:0 auto; overflow:hidden;}

/*weather*/
.wea_box { height:50px; line-height:50px; position:absolute; bottom:20px; left:2%; color:#666;}
.wea_box img { width:48px; height:48px; margin-right:10px;}
.bottom_beian { height:50px; line-height:50px; position:absolute; bottom:20px; right:2%;}
.bottom_beian a:link,.bottom_beian a:visited,.bottom_beian a:hover { color:#888;}

/*index main*/
.shop_index_mainbox { width:96%; margin:10px auto 0px auto; overflow:hidden; border-top:1px #999 solid;}
.shop_index_prolist { width:100%; overflow:hidden; padding-top:10px;}
.shop_index_prolist_t { height:40px; line-height:36px; text-align:center; color:#BF9761; border-bottom:1px #bf9761 solid; font-size:15px;}
.shop_index_prolist_l { width:100%; overflow:hidden; padding-bottom:30px;}
.shop_index_prolist_l ul li { width:20%; float:left; overflow:hidden; text-align:center; padding-bottom:5px;}
.shop_index_prolist_l ul li img { max-width:95%; box-shadow:2px 2px 2px #ccc;}
.shop_index_prolist_viewall { width:100%; text-align:right; height:35px; line-height:32px;}

/*inner main*/
.shop_inner_prolist { width:100%; overflow:hidden; padding-top:30px;}
.shop_inner_prolist_l { width:100%; overflow:hidden; padding:30px 0px 0px 0px;}
.shop_inner_prolist_l ul li { width:20%; float:left; overflow:hidden; text-align:center; padding-bottom:35px;}
.shop_inner_prolist_l ul li img { max-width:95%; box-shadow:2px 2px 2px #ccc;}

/*shop proshow*/
.shop_proshow_box { overflow:hidden;}
.shop_proshow_left { width:20%; float:left; overflow:hidden;}
.shop_proshow_detail_t { text-align:center; height:40px; line-height:40px; border-bottom:1px #BF9761 solid; width:80%; margin:20px auto 0 auto; font-style:italic; font-size:15px;}
.shop_proshow_detail_c { width:80%; margin:0 auto; padding:15px 0px 0px 0px; line-height:26px; color:#666;}

.shop_proshow_main { width:60%; float:left; overflow:hidden;}
.shop_proshow_imglist {}
.shop_proshow_imglist_tip { text-align:center; height:40px; line-height:40px; color:#BF9761; font-size:15px; padding-top:5px;}
.shop_proshow_imglist_l { width:100%; position:relative;}
.shop_proshow_imglist_prev { position:absolute; left:10px; top:250px; cursor:pointer;}
.shop_proshow_imglist_next { position:absolute; right:10px; top:250px; cursor:pointer;}
.shop_proshow_imglist_big { width:400px; margin:35px auto 5px auto; text-align:center;}
.shop_proshow_imglist_big img { border:2px #ddd solid;}
.shop_proshow_imglist_small { width:50%; margin:20px auto 20px auto; overflow:hidden;}
.shop_proshow_imglist_small ul li { float:left; text-align:center; margin-right:10px; padding:1px; border:1px #ddd solid; cursor:pointer; margin-bottom:10px;}
.shop_proshow_imglist_small ul li img { max-width:90px;}
.shop_proshow_imglist_small ul li.focus { border:1px #f5ca8e solid;}

.shop_proshow_right { width:20%; float:right; overflow:hidden;}
.shop_proshow_right_t { text-align:center; height:40px; line-height:40px; border-bottom:1px #BF9761 solid; width:80%; margin:20px auto 0 auto; font-style:italic; font-size:15px;}
.shop_proshow_right_c { text-align:center; width:80%; margin:0 auto; padding:15px 0px 0px 10px; line-height:26px; color:#666;}
.shop_proshow_right_c ul li { float:left; width:35px; height:35px; background:#eee; margin-right:10px; text-align:center; line-height:35px; cursor:pointer; margin-bottom:10px;}
.shop_proshow_right_c ul li.focus { background:#BF9761; color:#eee;}

.errmsg_size { overflow:hidden; width:96%; margin:0 auto 10px auto; color:#FF4646; border:1px #FF4646 solid; line-height:35px; text-align:center; display:none;}

.shop_proshow_right_buy { width:80%; margin:0px auto 0px auto; overflow:hidden; padding:15px 0px 0px 0px;}
.shop_proshow_right_buy a { display:block; text-align:center;}
.shop_proshow_right_buy a.proshow_buy { width:96%; height:50px; background:#BF9761; box-shadow:2px 2px 2px #ccc; margin:0 auto; padding-top:8px; line-height:18px; font-size:15px; font-weight:bold; color:#f1f1f1;}
.shop_proshow_right_buy a.proshow_cart { width:96%; height:50px; background:#999; box-shadow:2px 2px 2px #ccc; margin:10px auto 0 auto; line-height:50px; font-size:15px; font-weight:bold; color:#f1f1f1;}

/*zoomy*/
.zoomybox{ width:310px; height:465px; margin:0px auto;}
.zoomy{ position:absolute; display:none; background-repeat:no-repeat; -webkit-box-shadow:3px 3px 10px #000; -moz-box-shadow:3px 3px 10px #000; border:0; cursor:move; line-height:100px; text-align:center; background:rgba(255,255,255,0.5); z-index:1000;}
.zoomy span{ display:block; margin:5px auto; background:-webkit-gradient(linear, 0% 100%, 0% 0%, color-stop(0.50, rgba(255, 255, 255, 0)), to( rgba(255, 255, 255, .5))); background:-moz-linear-gradient(bottom center, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, .5) 100%);}
.zoomy img{ opacity:0; filter:alpha(opacity=0);}
.zoomy a{ color:#333; text-decoration:none;}
.broke a{ display:block; height:100%; width:100%;}
#brokeZoomy{ display:block; position:absolute; width:30px; height:30px; top:0px; left:0px; -webkit-border-radius:0px; -moz-border-radius:0px; background:#fff url(broke.gif) center no-repeat;}

/*pop window*/
.bodymask { width:100%; height:100%; background:rgba(204,204,204,0.3); position:absolute; top:0; left:0; display:none; z-index:999999;}
.window_zoomimg { width:1000px; margin:-800px auto 0px auto; background:url(/images/web/loading.gif) no-repeat center #fff; box-shadow:2px 2px 2px #ccc; position:relative; overflow-x:hidden; height:600px;}
.window_show { width:1000px;}
.window_show img { height:1500px;}
.window_close { position:absolute; top:15px; right:15px; width:36px; height:36px; cursor:pointer;}

/*user*/
.shop_index_regbox { width:1000px;overflow:hidden; padding-top:10px; margin:0 auto;}
.regbox_t { line-height:40px; border-bottom:1px #555 solid; text-align:center; font-size:15px; font-weight:bold;}
.regbox_l { padding:25px 0 0 0;}
.regbox_l p { padding:5px 0;}
.regbox_l p i { font-style:normal; width:250px; text-align:right; line-height:40px; display:inline-block;}
.regbox_l p span.tips_reg { padding-left:40px; background:url(/images/web/if-tips.png) no-repeat; line-height:40px; display:inline-block; background-position:10px 3px; color:#888;}
.regbox_l p span.errmsg_reg { padding-left:40px; background:url(/images/web/if-err.png) no-repeat; line-height:40px; display:inline-block; background-position:10px 3px; color:#eb4f38;}
.regbox_l p span.okmsg_reg { padding-left:40px; background:url(/images/web/if-ok.png) no-repeat; line-height:40px; display:inline-block; background-position:10px 3px; color:#888;}
.iptReg { width:300px; border:1px #ddd solid; height:40px; padding-left:5px; outline:none;}
.w150 { width:150px;}
p.regbox_tk { padding-left:250px;}
.btnReg { border:none; background:#BF9761; color:#fff; width:300px; height:45px; outline:none;}
.btnEmailCode { width:140px; margin-left:10px; height:40px; background:#BF9761; border:none; color:#fff; outline:none;}
.code_wait { background:#ddd; color:#555;}

.loginbox_t { line-height:40px; border-bottom:1px #555 solid; text-align:center; font-size:15px; font-weight:bold;}
.loginbox_l { padding:30px 0 0 0; width:300px; margin:0 auto;}
.loginbox_l p { padding:10px 0;}
.loginbox_l p .iptLogin { width:300px; height:40px; text-align:center; border:1px #ddd solid;}
.loginbox_l p .btnLogin { width:300px; height:40px; border:none; background:#BF9761; color:#fff;}
.loginbox_l p.loginbox_cr { padding:0px;}
.loginbox_l p.loginbox_cr a { display:block; width:300px; height:40px; text-align:center; background:#ccc; line-height:40px;}
.errmsg_login { text-align:center; color:#FF4646;}

/*brand main*/
.brand_index_mainbox { width:96%; margin:10px auto 0px auto; overflow:hidden;}
.brand_index_nav { width:250px; margin:80px auto 0px auto; text-align:center; min-height:500px;}
.brand_index_nav p.back a:link,.brand_index_nav p.back a:visited,.brand_index_nav p.back a:hover { color:#333;}
.brand_index_nav h2 { border-bottom:1px #888 solid; font-size:20px; line-height:50px; font-weight:bold; margin:0 0 15px 0;}
.brand_index_nav h3 { font-size:16px; line-height:30px; margin:0px;}
.brand_index_nav_s { width:250px; margin:10px auto 0px auto; text-align:center; min-height:700px;}
.brand_index_nav_s p.back a:link,.brand_index_nav_s p.back a:visited,.brand_index_nav_s p.back a:hover { color:#333;}

.main_box_brandoutdoor { width:1000px; overflow:hidden; position:absolute; top:220px; left:50%; margin-left:-500px; text-align:center; height:500px;}
.main_box_brand360 { width:800px; overflow:hidden; position:absolute; top:220px; left:50%; margin-left:-400px; text-align:center; height:600px; box-shadow:4px 4px 5px #aaa; background:url(/images/web/loading.gif) no-repeat #f1f1f1; border:4px #ddd solid; background-position:300px 150px;}

#slideBox_qjd { width:1000px; height:480px; overflow:hidden; position:relative;}
#slideBox_qjd .bd{ width:720px; position:relative; height:100%; z-index:0; margin:0 auto;}
#slideBox_qjd .bd li{ zoom:1; vertical-align:middle;}
#slideBox_qjd .bd img{ width:720px; height:480px; display:block;}

#slideBox_qjd .prev,
#slideBox_qjd .next{ position:absolute; left:1%; top:50%; margin-top:-30px; display:block;}
#slideBox_qjd .next{ left:auto; right:1%;}
#slideBox_qjd .prev:hover,
#slideBox_qjd .next:hover{ filter:alpha(opacity=100);opacity:1;  }
#slideBox_qjd .prevStop{ display:none;}
#slideBox_qjd .nextStop{ display:none;}

/*about main*/
.about_index_mainbox { width:96%; margin:10px auto 0px auto; overflow:hidden;}
.about_index_nav { width:250px; margin:80px auto 0px auto; text-align:center; min-height:500px;}
.about_index_nav p.back a:link,.about_index_nav p.back a:visited,.about_index_nav p.back a:hover { color:#333;}
.about_index_nav h2 { border-bottom:1px #888 solid; font-size:20px; line-height:50px; font-weight:bold; margin:0 0 15px 0;}
.about_index_nav h3 { font-size:16px; line-height:30px; margin:0px;}
.about_index_nav_s { width:250px; margin:10px auto 0px auto; text-align:center;}
.about_index_nav_s p.back a:link,.about_index_nav_s p.back a:visited,.about_index_nav_s p.back a:hover { color:#333;}
.about_index_mainbox h2 { border-bottom:1px #888 solid; font-size:20px; line-height:50px; font-weight:bold; width:250px; margin:0 auto 15px auto; text-align:center;}
.main_box_about { width:820px; height:400px; margin:20px auto 60px auto; line-height:28px; overflow:hidden; padding-right:20px;}
.main_box_abouta { width:820px; margin:20px auto 60px auto; line-height:28px; overflow:hidden; padding-right:20px;}
.linian { margin-top:30px; position:relative;}
.middleline { height:1px; border-bottom:1px #ccc solid; position:absolute; width:100%; top:41px; z-index:-1;}
.linian ul { overflow:hidden; height:60px;}
.linian ul li { width:110px; float:left; overflow:hidden; text-align:center; cursor:pointer;}
.linian ul li p { line-height:24px; width:15px; height:15px; border:1px #bbb solid; border-radius:50%; margin:5px auto 0 auto; background:#fff;}


.linianshow { padding-left:0px; padding-top:10px;}
.linianshow #d1 { margin-left:0px;}
.linianshow #d2 { margin-left:30px;}
.linianshow #d3 { margin-left:170px;}
.linianshow #d4 { margin-left:250px;}
.linianshow #d5 { margin-left:390px;}
.linianshow #d6 { margin-left:460px;}
.linianshow #d7 { margin-left:406px;}
.liniandetail { display:none;}

.contact_index_mainbox { width:96%; margin:10px auto 0px auto; overflow:hidden;}
.contact_index_mainbox h2 { font-size:20px; line-height:50px; font-weight:bold; width:250px; margin:30px auto 45px auto; text-align:center;}
.main_box_contact { width:540px; height:480px; margin:20px auto 10px auto; line-height:50px; overflow:hidden; padding-right:20px; padding-left:48px; background:url(/images/web/contactbg.png) no-repeat;}
.main_box_contact img { vertical-align:top;}
.main_box_contact p { margin: 0;}

/*proshow*/
.proshow_mainbox { width:96%; margin:0px auto 0px auto; overflow:hidden;}
.proshow_nav_s { width:250px; margin:0px auto 0px auto; text-align:center;}
.proshow_nav_s p.back a:link,.proshow_nav_s p.back a:visited,.proshow_nav_s p.back a:hover { color:#333;}
.proshow_box {}
.proshow_imglist { width:1000px; margin:0 auto; position:relative;}
.proshow_imglist_prev { position:absolute; left:150px; top:220px; cursor:pointer;}
.proshow_imglist_next { position:absolute; right:150px; top:220px; cursor:pointer;}
.proshow_imglist_big { width:400px; margin:35px auto 5px auto; text-align:center;}
.proshow_imglist_big img { border:2px #ddd solid;}
.proshow_imglist_small { width:900px; margin:20px auto 20px auto; overflow:hidden; height:150px; position:relative;}
.proshow_imglist_small ul { width:9999px; padding-left:10px; position:absolute; left:0;}
.proshow_imglist_small ul li { float:left; text-align:center; margin-right:18px; padding:1px; border:1px #ddd solid; cursor:pointer; margin-bottom:10px;}
.proshow_imglist_small ul li img { max-width:90px;}
.proshow_imglist_small ul li.focus { border:1px #f5ca8e solid;}
.proshow_imglist_tip { line-height:40px; font-size:15px; position:absolute; left:700px; top:430px;}
.proshow_imglist_left { position:absolute; left:0px; bottom:60px; cursor:pointer;}
.proshow_imglist_right { position:absolute; right:0px; bottom:60px; cursor:pointer;}

/*curing*/
.curing_index_mainbox { width:96%; margin:0px auto 0px auto; overflow:hidden;}
.curing_index_nav_s { width:250px; margin:0px auto 0px auto; text-align:center;}
.curing_index_nav_s p.back a:link,.curing_index_nav_s p.back a:visited,.curing_index_nav_s p.back a:hover { color:#333;}
.curing_index_mainbox h2 { border-bottom:1px #888 solid; font-size:20px; line-height:50px; font-weight:bold; width:250px; margin:0 auto 15px auto; text-align:center;}
.main_box_curing { width:1000px; margin:0px auto 0px auto; line-height:28px; overflow:hidden; position:relative; height:250px;}
.main_box_curing img { width:130px;}
.main_box_curing h3 { margin:0; font-size:15px; line-height:24px;}
.main_box_curing .cur1 { width:200px; position:absolute; text-align:center; left:0px; top:100px;}
.main_box_curing .cur2 { width:200px; position:absolute; text-align:center; left:200px; top:100px;}
.main_box_curing .cur3 { width:200px; position:absolute; text-align:center; left:400px; top:100px;}
.main_box_curing .cur4 { width:200px; position:absolute; text-align:center; left:600px; top:100px;}
.main_box_curing .cur5 { width:200px; position:absolute; text-align:center; left:800px; top:100px;}
.main_box_curing_detail { width:800px; margin:0 auto; line-height:28px; min-height:100px; padding:10px 0px 20px 0px;}
.main_box_curing_detail #cur1 { display:none;}
.main_box_curing_detail #cur2 { display:none;}
.main_box_curing_detail #cur3 { display:none;}
.main_box_curing_detail #cur4 { display:none;}
.main_box_curing_detail #cur5 { display:none;}

/*fashion*/
.fashion_index_mainbox { width:96%; margin:0px auto 0px auto; overflow:hidden;}
.fashion_index_nav_s { width:250px; margin:0px auto 0px auto; text-align:center;}
.fashion_index_nav_s p.back a:link,.fashion_index_nav_s p.back a:visited,.fashion_index_nav_s p.back a:hover { color:#333;}
.fashion_index_mainbox h2 { border-bottom:1px #888 solid; font-size:20px; line-height:50px; font-weight:bold; width:250px; margin:0 auto 15px auto; text-align:center;}
.main_box_fashion {}
.main_box_fashion_c { width:800px; margin:0 auto; line-height:28px;}
.main_box_fashion_c p { text-indent:2em;}

.dg-container{width: 100%;height: 880px;position: relative; margin:0 auto;}
.dg-wrapper{width: 600px;height: 845px;margin: 0 auto;position: relative;-webkit-transform-style: preserve-3d;-moz-transform-style: preserve-3d;-o-transform-style: preserve-3d;-ms-transform-style: preserve-3d;transform-style: preserve-3d;-webkit-perspective: 1000px;-moz-perspective: 1000px;-o-perspective: 1000px;-ms-perspective: 1000px;perspective: 1000px;}
.dg-wrapper a{width: 600px;height: 845px;display: block;position: absolute;margin: 0px 0px 0px 0px;left: 0;top: 0;}
.dg-wrapper a.dg-transition{-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}
.dg-wrapper a img{display: block; box-shadow:2px 2px 2px #ddd; border:1px #ddd solid;}
.dg-wrapper a.dg-center div{/*	display: block;*/}
.dg-container nav{width: 100%;height:845px;position: absolute;z-index: 1000;top:0;}
.dg-container nav span{text-indent: -9000px;cursor:pointer;width: 500px;height: 845px;display:block;opacity: 0.8;}
.dg-prev {width: 500px;height: 845px;display:block;position: absolute;top:0;left:0px;cursor:pointer;}
.dg-next {}
.dg-container nav span:hover{opacity: 1;}
.dg-container .dg-next{width: 500px;height: 845px;display:block;position: absolute;top:0;right:0;background-position: top right;cursor:pointer;}

/*footer*/
.footer { width:96%; margin:15px auto 0 auto; overflow:hidden; height:50px; text-align:center; border-top:1px #999 solid; color:#888; padding-top:15px;}

/*video*/
.video_box { width:1000px; margin: 0 auto; overflow:hidden; text-align:center;}
.video_box video { border:1px #ddd solid; margin:20px auto 20px auto;}

/*news*/
.news_index_nav { width:500px; margin:80px auto 0px auto; text-align:center; min-height:500px;}
.news_index_nav p.back a:link,.news_index_nav p.back a:visited,.news_index_nav p.back a:hover { color:#333;}
.news_index_nav h2 { border-bottom:1px #888 solid; font-size:20px; line-height:50px; font-weight:bold; margin:0 0 15px 0; margin:0 auto 15px auto;}
.news_index_nav h3 { font-size:16px; line-height:30px; margin:0px;}
.news_index_nav_s { width:250px; margin:10px auto 0px auto; text-align:center;}
.news_index_nav_s p.back a:link,.news_index_nav_s p.back a:visited,.news_index_nav_s p.back a:hover { color:#333;}
.news_index_mainbox { width:96%; margin:10px auto 0px auto; overflow:hidden;}
.news_index_mainbox h2 { border-bottom:1px #888 solid; font-size:20px; line-height:50px; font-weight:bold; width:500px; margin:0 auto 15px auto; text-align:center;}
.main_box_news { width:810px; height:400px; margin:0px auto 50px auto; line-height:28px; overflow:hidden; padding-right:20px; padding-left:20px;}
