@import url("reset.css");

.main_top{padding:10px 0px; height:105px; background:url(images/top.jpg);}
.main_top span{float:right; width:700px; text-align:right;}
.main_top_en{background:url(images/top_en.jpg);}

.nav_main{height:28px; overflow:hidden; padding-top:9px;}
.nav_main a{float:left; width:103px; text-align:center; line-height:28px; color:#FFF; transition:all 0.2s; font-size:14px; font-weight:bold;}
.nav_main a:hover{color:#eef;}
.nav_main span{ float:left; width:24px; height:26px; background:url(images/nav_line.gif);}

.banner{height:350px;overflow:hidden; position:relative;}
.banner .d1{width:100%;height:350px;display:block;position:absolute;left:0px;top:0px;}
.banner .d2{width:100%;height:30px;clear:both;position:absolute;z-index:100;left:0px;top:320px;}
.banner .d2 ul{float:left;position:absolute;left:50%;top:0;margin:0 0 0 -96px;display:inline;}
.banner .d2 li{width:17px;height:15px;overflow:hidden;cursor:pointer;background:url(/images/img1.png) no-repeat center;float:left;margin:0 3px;display:inline;}
.banner .d2 li.nuw{background:url(/images/img1_1.png) no-repeat center;}

.main{}
.main_left{float:left; width:230px; margin-right:10px;}
.main_right{float:right; width:764px;}
.main_left_tit{font-size:14px; font-weight:bold; color:#333; padding:4px; height:26px; line-height:26px; overflow:hidden; border-bottom:1px solid #e5e5e5; border-top:1px solid #e5e5e5;}
.main_left_tit span{float:left; width:11px; height:18px; background:url(images/icon.png) left -30px; margin:1px 10px 0px 0px;}
.main_right_tit{border-bottom:1px solid #e5e5e5; border-top:1px solid #e5e5e5; padding:6px 10px; font-weight:bold; font-size:14px; font-weight:bold; color:#333;}
.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 .txt_en{font-size:10px; font-weight:normal; color:#999;}
.main_right_tit .main_right_nav{float:right; width:500px; text-align:right; margin-top:2px; font-size:12px; font-weight:normal; color:#666; cursor:auto;}

.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 dashed #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;}

.search{border:5px solid #eee; padding:10px;}

.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; padding:20px 0px; line-height:29px;}
.ind_about span{float:left; width:255px; height:162px; margin-left:0px; margin-right:10px; border:5px solid #f8f8f8; background:url(../../images/about_bg2.jpg);}
.ind_about a{color:#333;}

.ind_products{padding-top:20px; height:220px;}
.ind_products .product .team{margin:10px;}
#roll_l,#roll_r{float:left; width:12px; height:190px; 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:960px; height:200px; margin:0px 10px; overflow:hidden;}
.roll_m_con{width:1392px; height:200px;}

.about{line-height:28px; padding:20px; }
.about span{float:right; width:255px; height:162px; margin-left:0px; margin-left:10px; border:5px solid #f8f8f8; background:url(../../images/about_bg2.jpg);}
.contact{line-height:25px; padding:20px;}
.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{padding:15px 0px 10px;}
.product .team{float:left; width:212px; text-align:center; margin:10px 14px; display:inline;}
.product .team table{margin-bottom:5px;}
.product .team td{width:212px; height:190px; background:url(images/product_bg.gif); text-align:center; vertical-align:middle;  transition:all 0.5s;}
.product .team td img{width:180px; height:145px;}
.product .team .td_on{border-color:#333;}
.product .team p{text-align:center; width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.products_detail_pic{text-align:center; padding-top:10px;}
.products_detail_pic img{width:500px; margin:5px;}

.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:20px;}
.news li{border-bottom:1px dashed #ddd; padding:5px 5px 5px 20px; 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:14px; padding:20px;}
.news_detail_info{text-align:center; color:#999999; border-top:1px dashed #CCCCCC; margin:0px 10px; padding:5px;}
.news_detail_con{font-size:14px; line-height:26px; color:#666; padding:10px 20px;}
.news_detail_con img{display:block; margin:5px auto; }
.news_detail_con .p1{padding-left:60px;}
.news_detail_con .p2{text-align:right; padding-right:60px; border-bottom:1px dashed #cccccc; padding-bottom:5px; margin-bottom:5px;}

.news .video{padding:10px; background:none !important; overflow:auto; zoom:1;}
.news .video img{float:left; width:160px; height:90px; margin-right:10px;}
.news .video .tit{font-size:14px; font-weight:bold;}
.news .video .con{color:#999; height:60px; 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; background:url(images/footer_bg.gif); padding:10px 0px; margin-top:10px; color:#FFF;}
.bottom a{color:#FFF;}
.bottom a:hover{color:#eef;}