@import url("reset.css");

.main_top{height:132px; background:url(images/main_top_bg.gif);}
.logo{float:left; width:140px; height:111px; background:url(/images/logo.gif);}
.main_top .search{float:right; width:254px; margin-top:-3px;}

.nav_main1{font-size:16px; color:#85898b; margin-left:120px; height:38px; padding-left:66px; padding-top:5px; background:url(images/main_top_icon.gif) 30px 3px no-repeat;}
.nav_main1 a{color:#85898b;}

.shop_link_tit{position:relative; cursor:pointer;}
.shop_link_con{position:absolute; z-index:99; width:140px; padding:15px 20px 10px 15px; line-height:30px; background-color:#e3eaf0; top:20px; left:-42px; display:none;}
.shop_link_con span{float:left; width:30px; height:30px; background:url(images/main_top_icon.gif) 242px top;}

.nav_main2{height:30px; margin-left:150px; font-size:16px; color:#a77d56; text-align:center;}
.nav_main2 a{float:left; width:160px; line-height:78px;}
.nav_main2 a:hover{background-color:#f4eee9;}
.nav_main2 .nav_line{float:left; border-right:1px dashed #a77d56; margin-top:28px;}
.nav_main2 .language{float:right; margin-top:25px; margin-right:6px; cursor:pointer; font-size:14px; font-style:italic; font-family:Constantia;}

.nav_ptit{position:relative; cursor:pointer; float:left; width:160px; line-height:78px;}
.nav_ptit:hover{background-color:#f4eee9;}
.nav_pcon{position:absolute; z-index:99; width:1104px; height:140px; padding:20px; background-color:#f4eee9; top:78px; left:-150px; display:none;}
.nav_pcon span{float:left; width:172px; padding-left:12px;}
.nav_pcon span a{line-height:36px;}

 /* main_image */
.main_visual{height:660px;border-top:1px solid #d7d7d7;overflow:hidden;position:relative;}
.main_image{height:660px;overflow:hidden;position:relative;}
.main_image ul{width:9999px;height:660px;overflow:hidden;position:absolute;top:0;left:0}
.main_image li{float:left;width:100%;height:660px;}
.main_image li span{display:block;width:100%;height:660px}
.main_image li a{display:block;width:100%;height:660px}

div.flicking_con{position:absolute;top:630px;left:50%;z-index:999;width:300px;height:21px;margin:0 0 0 -50px;}
div.flicking_con a{float:left;width:21px;height:21px;margin:0;padding:0;background:url('/images/banner/btn_main_img.png') 0 0 no-repeat;display:block;text-indent:-1000px}
div.flicking_con a.on{background-position:0 -21px}
#btn_prev,#btn_next{z-index:11111;position:absolute;display:block;width:73px!important;height:74px!important;top:48%;margin-top:-37px;}
#btn_prev{background:url(/images/banner/hover_left.png) no-repeat left top;left:0px;}
#btn_next{background:url(/images/banner/hover_right.png) no-repeat right top;right:0px;}


.clearfix::after {clear: both; content: "."; display: block; height: 0; visibility: hidden;}
.slide-content {padding-top: 30px; min-height:300px;}
.slide-title {text-align:center;}
.slide-item-body ul li {width: 33.333%; float: left; display: block; height: 200px; padding-top: 42px; margin-bottom: 30px; border: none; border-radius: 8px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; height: inherit; padding-top: 0; border-radius: 0; color: #000; z-index: 10002;}
.slide-item-body ul li a {display: block;box-shadow: 0 5px 5px 1px rgba(49, 49, 49, 0.1);}
.new-img img {width: 100%; height: 150px; border: none; display: block;}
.slide-item { width: 870px; position: relative; margin: 0 auto;}
.new-body {padding: 10px 20px 20px; background-color:#e3ebf0;}
.new-body-title {height: 30px;line-height: 30px; font-size: 18px; font-style:italic; overflow: hidden; color: #a77d56; letter-spacing: 1px;}
.new-body-text {height: 25px; line-height: 25px; color: #919191; overflow: hidden;}
.slide-item-body {margin-left: -45px;}
.slide-item-body ul li {margin-left: 2px; margin-right: 3px; padding-top: 20px;}
.slide-item-body ul {padding-top: 10px; overflow: visible;}

.next,.prev{position: absolute; top: 40%; z-index: 10; cursor: pointer; background-position: center; background-repeat: no-repeat; height: 60px; width: 60px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.next{right: auto; left: -120px;}
.next-bg {background-image: url("images/btn-fl1.png");}
.next:hover {background-image: url("images/btn-fl2.png");}
.prev{right: -120px;}
.prev-bg {background-image: url("images/btn-fr1.png");}
.prev-bg:hover {background-image: url("images/btn-fr2.png");}

.main{}
.main_left{float:left; width:230px; margin-right:10px;}
.main_right{float:right; width:720px;}
.main_left_tit{font-size:14px; font-weight:bold; color:#FFF; padding:5px; height:26px; line-height:26px; overflow:hidden; background-color:#333;}
.main_left_tit span{float:left; width:16px; height:16px; overflow:hidden; margin:4px 10px; background:url(images/icon.png) no-repeat;}
.main_right_tit{margin-top:2px; font-size:18px; font-weight:normal; color:#a77d56; border-bottom:1px solid #a77d56; margin-bottom:20px; margin-top:20px; padding:6px 10px; font-weight:bold;}
.main_right_tit .main_right_tit_icon{float:left; width:11px; height:18px; background:url(images/icon.png) left -30px; margin:1px 10px 0px 0px;}
.main_right_tit .main_right_nav{margin-top:2px; font-size:18px; font-weight:normal; color:#a77d56;}

.left_menu a{display:block; width:195px; height:20px; padding:7px 30px 7px 5px; overflow:hidden; background:url(images/icon.png) 300px -107px no-repeat #f6f6f6; border-bottom:1px solid #ddd; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; transition:all 0.5s;}
.left_menu a:hover,.left_menu_more a:hover,.left_menu .left_menu_on{color:#333; background:url(images/icon.png) right -107px no-repeat #fff;}
.left_menu a span{float:left; width:6px; height:8px; overflow:hidden; margin:6px 10px 0px; background:url(images/icon.png) left -60px no-repeat;}
.left_menu a .no_sub_menu,.left_menu a .have_sub_menu{width:10px; height:10px; margin:5px 10px 0px; background:url(images/icon.png) left -210px no-repeat;}
.left_menu a .have_sub_menu{background-position:left -180px;}
.left_menu .left_menu_more{text-align:right; background:url(images/icon.png) right -107px no-repeat #f6f6f6;}

.left_menu_sub{height:0px; overflow:hidden; transition:all 0.2s;}
.left_menu_sub_height{padding:8px 15px;}
.left_menu_sub a{display:block; width:170px; padding:3px 5px 3px 25px; border-bottom:1px dashed #CCC; background:url(images/icon.png) 10px -79px no-repeat; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; transition:all 0.5s;}
.left_menu_sub a:hover,.left_menu_sub .left_menu_sub_on{color:#333; background-color:#f6f6f6;}

.left_login{border:5px solid #eee; padding:10px;}
.left_login li{padding:5px;}
.left_login p{border-bottom:1px dashed #CCC; padding-bottom:5px; margin-bottom:5px;}
.left_login dd{padding:2px 5px 2px 20px; background:url(images/icon.png) 8px -80px no-repeat;}

.ind_about{height:170px; overflow:hidden; margin-bottom:20px;}
.ind_about .about span{float:right; width:200px; height:133px; margin-left:20px; border:5px solid #f8f8f8; background:url(../../images/about_bg2.jpg);}
.ind_about a{color:#999;}
.ind_about a:hover{text-decoration:underline;}

.ind_products{padding-top:10px; height:200px;}
.ind_products .product .team{margin:10px;}
#roll_l,#roll_r{float:left; width:12px; height:152px; overflow:hidden; margin-top:10px; background:url(images/roll_arrow.gif); cursor:pointer;}
#roll_r{background:url(images/roll_arrow.gif) -12px top;}
#roll_m{float:left; width:676px; height:200px; margin:0px 10px; overflow:hidden;}
.roll_m_con{width:1032px; height:200px;}

.about{font-size:16px; line-height:36px; letter-spacing:2px; padding:20px 0px;}
.about span{float:right; width:300px; height:230px; margin-left:20px; background:url(../../images/about_bg.jpg);}
.contact{font-size:16px; line-height:36px; letter-spacing:1px; background:url(/images/contact_bg.gif) right bottom no-repeat; padding:20px 20px 80px;}
.xswl{text-align:center; padding:20px 0px;}
.showroom{padding:20px;}

.regedit{padding:20px;}
.regedit p{text-align:center; color:#c00; font-weight:bold;}

.login{width:300px; margin:auto; margin-top:50px; border:8px solid #333; background-color:#f2f2f2; border-top-left-radius:8px;  border-top-right-radius:8px;}
.login_tit{text-align:center; background-color:#333; font-weight:bold; padding-bottom:3px; color:#fff; margin-bottom:10px;}
.login ul{padding:10px;}
.login li{padding:5px 0px 8px 20px;}
.login span{display:inline-block; width:60px;}
.login_str{color:#F30; padding-top:3px; text-align:center;}

.product{ margin-bottom:20px;}
.product .team{float:left; width:300px; margin:10px; background-color:#e5eaee;}
.product .team:hover{background-color:#a87546;}
.product .team:hover a{color:#FFF;}
.product .team table{margin-bottom:5px;}
.product .team td{width:300px; text-align:center; transition:all 0.5s;}
.product .team .td_on{border-color:#333;}
.product .team img{ width:300px; height:220px;}
.product .team p{text-align:center; width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; padding:5px 5px 10px;}
.products_detail_pic{text-align:center; padding-top:10px;}
.products_detail_pic img{width:960px;}
.products_detail_info{width:960px; margin:auto; padding:30px 0px; margin-top:20px;}
.products_detail_info p{background-color:#f8f8f8; padding:10px 20px;}
.products_detail_info li{ height:30px;}
.products_detail_info li span{ display:inline-block; width:120px; padding-left:10px;}
.products_other{ height:200px; padding:30px 0px;}
.products_other p{ text-align:center; font-size:16px; background-color:#f8f8f8; padding:10px; margin-bottom:20px;}
.products_other li{ float:left; width:160px; text-align:center;}
.products_other img{ width:120px;}

.cart,.carte{display:block; width:176px; height:44px; margin:10px auto; background:url(images/btn_bg.png);}
.carte{background:url(images/btn_bg.png) left -50px;}

.stock{width:760px; border:5px solid #eee; margin:10px auto;}
.stock th{padding:6px; background:#f2f2f2;}
.stock td{padding:8px; text-align:center;}
.stock .top{background-color:#333; color:#FFF; text-align:center; padding:10px; font-weight:bold;}
.stock span{float:left; width:100px; text-align:center;}
.stock .btn{margin-left:100px;}
.stock .btm{background-color:#800; height:10px; overflow:hidden;}

.news{padding:0px 0px 20px;}
.news li{padding:5px; background:url(images/icon.png) 8px -77px no-repeat;}
.news li span{float:right; width:80px; text-align:right; padding-right:10px; color:#999;}
.news_detail_tit{text-align:center; font-size:24px; color:#a77d56; letter-spacing:2px; padding:20px;}
.news_detail_info{text-align:center; color:#999999; border-top:1px dashed #CCCCCC; margin:0px; padding:5px 0px;}
.news_detail_con{font-size:16px; line-height:30px; letter-spacing:1px; color:#666; padding:10px 0px;}

.news .video{float:left; width:48%; margin-right:2%; height:130px; overflow:hidden; padding:0px 0px 8px; background:none !important; overflow:auto; zoom:1;}
.news .video img{float:left; width:180px; height:130px; margin-right:10px;}
.news .video .tit{font-size:16px; font-weight:bold; padding:5px 0px;}
.news .video .con{color:#999; height:30px; overflow:hidden;}

.job,.job_look,.job_jl{padding:10px;}
.job th{padding:6px; background:#f6f6f6;}
.job td{padding:8px; text-align:center; border-bottom:1px dashed #ddd;}
.job_look ul{padding:20px;}
.job_look li{padding:3px;}
.job_look .job_tit{background-color:#f2f2f2; padding:5px 20px;}
.job_look .job_con{padding:20px;}
.job_jl li{margin:0px 10px;}

.products_detail span,.feedback span,.regedit span,.job_jl span{float:left; width:100px; padding:2px 5px; overflow:hidden; white-space:nowrap;}
.products_detail li,.feedback li,.regedit li,.job_jl li{border-bottom:1px dashed #ddd; padding:8px;}
.feedback_but,.regedit_but,.job_jl_bot{padding:10px 10px 10px 118px !important; padding:10px 10px 10px 122px; color:#999;}

.case{padding:10px;}
.case .tit{text-align:center; font-size:14px; font-weight:bold; padding:10px; border-bottom:1px dashed #CCC; margin-bottom:10px;}
.case .con{padding:10px; font-size:14px;}

.download{ padding:10px;}
.download span{float:right; width:200px; text-align:right; font-weight:normal;}
.download_tit{background-color:#f2f2f2; padding:5px 10px; margin-top:10px; font-weight:bold;}
.download_con{border:2px solid #f2f2f2; padding:10px 10px 0px;}
.download_btm{border-top:1px dashed #CCC; margin-top:10px; padding:5px 0px; height:25px;}
.download_btm a{float:right; width:50px; height:22px; overflow:hidden; background:url(images/btn_bg.png) left -100px; padding:1px 5px 0px 25px; color:#FFF;}
.download_btm a:hover{color:#ddd;}
.download_none{text-align:center; color:#aaa;}

.friend{padding:20px;}
.friend_list{float:left; width:130px; text-align:center;}
.friend_list img{width:112px; height:42px; border:1px dashed #CCC; padding:2px; margin-bottom:5px;}

.feedback{padding:20px;}

.leave{}
.leave_form{background-color:#f4f4f4;}
.leave_form_tit{background-color:#333; text-align:center; font-weight:bold; padding:5px 2px; color:#FFFFFF;}
.leave_form_con{padding:15px; }
.leave_form_con li{padding:2px;}
.leave_form_con li span{float:left;}
.leave_list{}
.leave_list_t{border-top:5px solid #eee; padding:15px;}
.leave_list_l{float:left; width:120px; text-align:center; margin-right:10px; display:inline;}
.leave_list_l img{border:2px solid #eeeeee; padding:3px; margin-bottom:5px;}
.leave_list_r{float:left; width:560px;}
.leave_list_r_m{_height:90px; min-height:90px; border-bottom:1px dashed #CCCCCC;}
.leave_list_r_r{padding:5px 0px;}
.leave_list_r_d{text-align:right; padding:2px 10px; background-color:#fafafa;}

.bottom{text-align:center; border-top:1px solid #999; background-color:#e3ebf0; padding:10px 0px; margin-top:20px;}