@charset "utf-8";
body{margin:0;padding:0;color:#333;font-size:12px;font-family: "微软雅黑", Arial, Helvetica, sans-serif;}
html{margin:0;padding:0;}
div,ul,li,h1,h2,h3,h4,h5,h6,span,p,form,input{margin:0;padding:0;}
h1,h2,h3,h4,h5,h6{font-weight:500;}
h1{font-size:36px;}
h2{ font-size:30px;}
h3{ font-size:24px;}
h4{ font-size:18px;}
h5{ font-size:14px;}
h6{ font-size:12px;}
ul,li{list-style:none;}
div{margin:0 auto;padding:0;}
img{border:none 0;}
a{color:#333;text-decoration:none;outline:none 0;}
a:hover{color:#c00;text-decoration:none;outline:none 0;}
.left{float:left;}
.right{float:right;}
.table_pro{font-size:12px;border:1px solid #eee; background:#f6f6f6; padding:5px 10px;}
a.table_pro2{font-size:12px;border:1px solid #c00;background:#c00;padding:5px 10px; color:#fff;}

.trans{ -webkit-transition:all ease-in-out .4s; -moz-transition:all ease-in-out .4s; -o-transition:all ease-in-out .4s; transition:all ease-in-out .4s;}

/* css清除浮动 */
.clearfix:before,.clearfix:after {
	display: table;
  	content: " ";
}
.clearfix:after{
	clear: both;
}

/**********************
***** margins *********
**********************/
.top_1{margin-top:1px;}
.top_5{margin-top:5px;}
.top_10{margin-top:10px;}
.top_11{margin-top:11px;}
.top_15{margin-top:15px;}
.top_20{margin-top:20px;}
.top_25{margin-top:25px;}
.top_30{margin-top:30px;}
.top_40{margin-top:40px;}

.public_wrap{width:100%;height:auto;overflow:hidden;}/**/
.public_box{width:1000px;height:auto;overflow:hidden;}/*̶*/
.container{ width:998px; padding:0 25px;}
.white{ background-color:#fff;}

/**********************
***** top-head ********
**********************/
.logo{width: 710px;}
.top-right{width: 280px;}
/**********************
***** language ********
**********************/
.language_tab{height:25px;overflow:hidden;padding-top:20px;}
.language_tab ul li{float:right;padding-left:35px;margin-left:10px;line-height:25px;display:inline-block;}
.language_tab ul li.cn{background:url(../images/o_05.jpg) no-repeat left;font-family:"宋体";}
.language_tab ul li.en{background:url(../images/o_07.jpg) no-repeat left;}
.language_tab ul li a{color:#6e6e6e;text-decoration:none;}
.language_tab ul li a:hover{color:#c00;text-decoration:none;}

/**********************
***** search form *****
**********************/
.search_main{height:30px;overflow:hidden;padding-top:15px;}
.s_text{width:173px;height:30px;overflow:hidden;}
.s_input{width:171px;height:28px;line-height:28px;border:1px solid #a4a4a4;text-indent:6px;color:#30323e;outline:none 0; font-size:12px;}
.s_btm{width:44px;height:30px;overflow:hidden; margin-left:3px;}

/**********************
*** nav'nt submenu ****
**********************/
.full-nav{width:100%; min-width:998px; height:46px; background:url(../images/o_10.jpg) repeat-x;}
.nav{
	width: 998px;
	height:46px;
}
.nav > ul > li{
	width: 198px;
	height:46px;
	float:left;
	position:relative;
	z-index:888;
}
.nav > ul > li.line{width:2px; background:url(../images/o_12.jpg) no-repeat center center;}
.nav > ul > li > h3{
	display:block;
	height:46px;
	line-height:46px; 
	text-align:center;
	font-size:16px; 
	text-transform: uppercase;
}
.nav > ul > li > h3 a{
	color:#fff;
	display: block;
}
.nav > ul > li:hover h3 a{
	background: url(../images/o_1.jpg) repeat-x;
	color:#fff;
}

.nav ul li ul{
	display:none;
	width:198px;
	height:auto; 
	overflow:hidden;
	position:absolute;
	top:46px;
	left:0;
	z-index:9999 !important;
	background: url(../images/subnav-bg.png) repeat;
}
.nav ul li ul li{
	height:30px;
	line-height:30px;
	font-size:12px;
	z-index: 999;
	text-align: center;
}
.nav ul li ul li a{
	display:block;
	color:#666;
	height:30px;
}
.nav ul li ul li a:hover{
	color:#fff;
	background: #ff6c00;
}
.nav ul li:hover ul{
	display:block;
}

/**********************
*** footer nav ********
**********************/
.full-ft{width:100%; min-width:998px; border-top:5px solid #d70050; padding:20px 0; background-color:#e5e5e5;}
.ft-lt{width:590px;}
.ft-nav{ color:#000; font-size:14px; text-transform:uppercase; line-height:2;}
.ft-nav a{ color:#000; display:inline-block;  margin:0 20px;}
.ft-nav a:hover{ color:#c00;}
.ft-cnt{ color:#a2a2a2; line-height:2; margin-top:10px;}
.ft-cp{ color:#6a6a6a; line-height:1.8; margin-top:10px;}
.ft-wx{width:140px; height:140px;}
.ft-wx img{ display:block; width:140px; height:140px;}
.ft-icon{width:220px; padding-top:50px;}
.ft-icon ul li{width:35px; float:left; margin-right:20px;}
.ft-icon ul li img{ display:block; width:35px; height:35px;}

.big-full{width:100%; min-width:1048px; background:#ff1169 url(../images/o_18.jpg) repeat-x top;}

.hat-top{ text-align:center; padding-top:35px;}
.hat-c{height:39px; background:#e5e5e5; margin-top:25px;}
.hat-h3{ display:inline-block; float:left; color:#fff; text-transform:uppercase; font-size:20px;width:220px; height:39px; line-height:39px; text-align:center;}
.hat-bg-1{ background:#d700b0;}
.hat-bg-2{ background:#005ed7;}
.hat-bg-3{ background:#46cb0c;}
.hat-more{ display:inline-block; float:right; padding-right:10px; height:19px; padding-top:10px;}
.hat-more a{ display:block; color:#fff; text-transform:uppercase; width:50px; height:19px; text-align:center; background:#a7a7a7; line-height:19px; font-size:11px;}
.hat-more a:hover{color:#fff;}
.hat-list{width:998px; overflow:hidden;}
.hat-list ul{width:1044px;}
.hat-list ul li{width:215px; height:auto; overflow:hidden; float:left; margin-right:46px;}
.hat-list ul li img{ display:block; width:215px; height:193px;}
.hat-list ul li h5{ height:30px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; line-height:30px; text-align:center;}

.cloth-c{height:40px; margin-top:25px; padding-left:94px;}
.cloth-bg-1{ background:#e300ab url(../images/o_75.jpg) no-repeat left;}
.cloth-bg-2{ background:#9be300 url(../images/o_81.jpg) no-repeat left;}
.cloth-bg-3{ background:#006ee3 url(../images/o_84.jpg) no-repeat left;}
.cloth-bg-4{ background:#00e38b url(../images/o_89.jpg) no-repeat left;}
.cloth-h3{ display:inline-block; float:left; height:40px; line-height:40px; color:#fff; font-size:20px; text-transform:uppercase;}
.cloth-more{ display:inline-block; float:right; padding-right:10px; height:20px; padding-top:10px;}
.cloth-more a.a1,.cloth-more a.a2,.cloth-more a.a3,.cloth-more a.a4{ display:block; text-transform:uppercase; width:50px; height:20px; text-align:center; background:#edebec; line-height:20px; font-size:11px;}
.cloth-more a:hover{ text-decoration:underline;}
.cloth-more a.a1{ color:#e300ab;}
.cloth-more a.a2{ color:#9be300;}
.cloth-more a.a3{ color:#006ee3;}
.cloth-more a.a4{ color:#00e38b;}

.ab-bg{ background:#fff url(../images/o_94-cn.jpg) no-repeat center bottom; height:470px; padding-top:15px;}
.ab-top{ text-align:right; padding-top:50px;}
.ab-info{ padding-left:418px;}
.ab-h3{ padding-top:10px; color:#000; margin-bottom:25px;}
.ab-de{ color:#000; line-height:2;}
.cnt-pic{width:473px;}
.cnt-f{width:417px; margin-left:15px;}
.cnt-h1{ color:#d70050; font-weight:bold; text-transform:uppercase;}
.cnt-info{ color:#454545; font-size:14px; padding-top:5px; line-height:1.6;}
.cnt-form{ padding-top:2px;}
.form-g{ margin-top:10px;}
.form-input{width:395px; border:1px solid #c0c0c0; height:28px; line-height:28px; font-size:14px; color:#b9b9b9; padding:0 10px;}
input[placeholder],textarea[placeholder]{ text-transform:uppercase;}
input:focus,textarea:focus{ box-shadow:0 0 2px #ccc;}
.form-textarea{width:395px; border:1px solid #c0c0c0; padding:0 10px; line-height:1.5; font-size:14px; color:#b9b9b9;}
.form-btm{ display:inline-block; cursor:pointer; color:#fff; font-size:14px; text-transform:uppercase; padding:5px 20px; float:right; border:none; background:#d70050;}
.form-btm:hover{ background:#c00;}

/************************
** left-right structs ***
************************/
.list_left{width:230px; height: auto; overflow: hidden;}
.list_left h1{display:block;height:34px;line-height:34px;color:#fff;background:#d70050; font-size:15px; text-indent:20px; text-transform:uppercase;}
.list_left ul{border:1px solid #ccc;}
.list_left ul li{height:30px;line-height:30px;text-indent:20px;font-size:12px;color:#fff; border-bottom:1px dotted #ccc;}
.list_left ul li a{color:#333; display:block;}
.list_left ul li a:hover{color:#d70050;}
.list_left ul li a.cls_curr{color:#d70050; font-weight:bold;}

.list_contact{width:218px;height:auto;overflow:hidden;padding:5px;line-height:22px;border:1px solid #ccc;border-top:none;}
.list_contact img{max-width:100%;padding-bottom:5px;}

.list_right{ width:750px; height: auto; overflow:hidden; border:1px solid #ccc;}
.right_top{width:100%;height:31px;background: url(../images/right_title.jpg) repeat-x center; line-height:31px;}
.right_top h2{display:inline-block;float:left;padding-left:10px; padding-right:5px;height:31px;line-height:31px;font-size:14px; font-weight:bold;}
.right_top span{display:inline-block;float:right;height:31px;line-height:31px;color:#333;font-size:12px;padding-right:10px;}
.right_top span a{color:#333;}
.right_top span a:hover{color:#6db543;}

.list_left-pro{width:230px; height: auto; overflow: hidden;}
.list_left-pro h1{display:block;height:34px;line-height:34px;color:#fff;background:#d70050; font-size:15px; text-indent:20px; text-transform:uppercase;}
.list_left-pro ul{border:1px solid #ccc;}
.list_left-pro ul li.lv1{height:30px;line-height:30px;text-indent:30px;font-size:14px;border-bottom:1px solid #c00; text-transform:uppercase; font-weight:bold; background:url(../images/open.png) no-repeat left;}
.list_left-pro ul li.lv2{height:30px;line-height:30px;text-indent:30px;font-size:12px; border-bottom:1px dashed #ccc;}
.list_left-pro ul li a{color:#333; display:block;}
.list_left-pro ul li a:hover{color:#d70050;}
.list_left-pro ul li a.cls_curr{color:#d70050; font-weight:bold;}

/************************
*** pages-info **********
************************/
.page_content{height:auto;overflow:hidden; padding:20px;}
.page_title{ text-align:center; color:#222; font-size:18px;padding-top:15px;padding-bottom:15px;}
.page_other{text-align:center;background:#f2f2f2;border:1px dashed #ccc;text-align:center;font-size:12px;padding-top:10px;padding-bottom:10px; color:#888}
.page_info{line-height:30px;}
.page_info img{max-width:100%;}

/************************
*** news ****************
************************/
.news_list{height:auto;overflow:hidden;padding:20px;}
.news_list ul li{width:100%;display:block;border-bottom:1px dashed #b2b2b2;padding:10px 0; background:url(../images/t_18.png) no-repeat 5px; text-indent:20px; font-size:13px;}
.news_list ul li span{display:block;line-height:22px;float:right;padding-right:5px; color:#bbb;}
.news_list ul li:hover{ border-bottom-color:#5aa710;}

.pages_foot{height:auto; overflow:hidden;padding:10px 0 30px; text-align:center;}

/************************
*** products ************
************************/
.pro_list{width:100%;height:auto;overflow:hidden;}
.pro_list ul{}
.pro_list ul li{width:230px;height:auto;display:block;float:left;margin-left:15px;overflow:hidden;}
.pro_list ul li img{width:230px;height:206px;display:block;}
.pro_list ul li span{width:100%;display:block;text-align:center;padding:15px 0;overflow:hidden;}
.pro_list ul li a{color:#000;}
.pro_list ul li a:hover{color:#c00;}

/************************
*** products detail *****
************************/
.product_info_main{height:auto;overflow:hidden;padding:20px;}
.product_pics_box{width:100%;height:auto;overflow:hidden;}
.product_pics_lt{width:320px;height:auto;}
.product_pics_rt{width:370px;height:auto;overflow:hidden;}
.product_name{height:auto;overflow:hidden;color:#000;font-weight:bold;background:#f0f0f0;padding:10px;font-size:15px;}
.product_times{width:100%;height:auto;overflow:hidden;color:#666;line-height:30px;border-bottom:1px dashed #ccc;padding:2px 0;}
.product_infos_box{width:100%;height:auto;overflow:hidden;}
.product_desp{width:100%;height:auto;overflow:hidden;line-height:30px;}

/************************
*** big pictures ********
************************/
.clearfix:after{ visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0;}
*html .clearfix{ zoom:1;}
.preview{width:302px; height:320px; float:left;}
/* smallImg */
.smallImg{position:relative; height:52px; margin-top:1px; padding:6px 0; width:302px; overflow:hidden;float:left;}
.scrollbutton{width:14px; height:50px; overflow:hidden; position:relative; float:left; cursor:pointer; }
.scrollbutton.smallImgUp , .scrollbutton.smallImgUp.disabled{background:url(../img/lt_01.png) no-repeat;}
.scrollbutton.smallImgDown , .scrollbutton.smallImgDown.disabled{background:url(../img/rt_01.png) no-repeat; margin-left:285px; margin-top:-50px;}

#imageMenu {height:50px; width:270px; overflow:hidden; margin-left:0; float:left;}
#imageMenu li {height:50px; width:50px; overflow:hidden; float:left; text-align:center;margin-left:4px;}
#imageMenu li img{width:50px; height:50px;cursor:pointer;}
#imageMenu li#onlickImg img, #imageMenu li:hover img{ width:48px; height:48px; border:1px solid #e3e3e3;}
/* bigImg */
.bigImg{position:relative;float:left;width:300px;height:256px;overflow:hidden;border:1px solid #e3e3e3;}
.bigImg #midimg{width:300px; height:256px;}
.bigImg #winSelector{width:100px; height:85px;}
#winSelector{position:absolute; cursor:crosshair; filter:alpha(opacity=15); -moz-opacity:0.15; opacity:0.15; background-color:#000; border:1px solid #fff;}
/* bigView */
#bigView{position:absolute;border: 1px solid #e3e3e3; overflow: hidden; z-index:999;}
#bigView img{position:absolute;}
/* product info end */

/************************
*** tabs changes ********
************************/
.tabBox{width:100%;height:auto;overflow:hidden;}
.tabBox .tabNav { overflow:hidden; _zoom:1;text-align:center;width:100%;margin:0 auto; background:#f0f0f0;}
.tabBox .tabNav li{padding:0 10px;margin-right:10px;text-align:center;float:left;cursor:pointer;line-height:32px;background:#d2d2d2;color:#000;font-size:14px;}
.tabBox .tabNav li.now {color:#fff;background:#d70050;}
.tabBox .tabCont {width:100%; display:none;height:auto;}

/************************
*** form buttom *********
************************/
.txtf{width:400px;border:1px solid #ddd;height:20px;line-height:20px;text-indent:10px;color:#555}
.txtf:focus{box-shadow:0 0 2px #ccc;}
.txtf_2{width:400px;border:1px solid #ddd;line-height:20px;color:#555;font-size:12px;}
.txtf_2:focus{box-shadow:0 0 2px #ccc;}

.ctus_btm{width:90px;height:30px;line-height:28px;border:1px solid #d70050;outline:none 0;background:#d70050;display:inline-block;margin-right:20px;color:#fff;font-family:'Verdana';-webkit-transition:0.6s;-moz-transition:0.6s;-o-transition:0.6s;transition:0.6s;border-radius:5px; cursor:pointer;}
.ctus_btm:hover{background:#fff;border:1px solid #d70050;color:#d70050;}

/***********************************
*** product cate more level ********
***********************************/
.pro_cate{width:240px;height:auto;}
.pro_cate_top{width:100%;height:33px;line-height:33px;color:#fff;font-size:16px;background:#666;text-indent:12px;}

.pro_cate_list{width:240px;height:auto;}
.pro_cate_list ul li{margin-top:1px;background:url(../images/vcamlni_52.jpg) repeat-x;height:30px;line-height:30px;text-indent:26px;display:block;position:relative;}
.pro_cate_list ul li a{background:url(../images/vcamlni_42.png) no-repeat 8px;display:block;color:#000;font-size:14px;position:relative;z-index:1000;}
.pro_cate_list ul li a:hover{color:#000;text-decoration:underline;display:block;}

.pro_cate_list ul li ul{width:240px;position:absolute;display:none;top:0;padding:0;z-index:9999;left:240px;}
.pro_cate_list ul li:hover ul{display:block;}
.pro_cate_list ul li ul li{display:block;padding:0;width:100%;position:relative;line-height:30px;height:30px;border-top:1px solid #888;font-size:12px;background:#666 none;margin-top:0;}
.pro_cate_list ul li ul li a{width:100%;display:block;color:#fff;text-decoration:none;z-index:1000;position:relative;line-height:30px;background:url(../images/vcamlni_48.png) no-repeat 8px;}
.pro_cate_list ul li ul li a:hover{color:#fff;text-decoration:none;background:#222 url(../images/vcamlni_48.png) no-repeat 8px;}

.pro_cate_list ul li.sub2{background:#f7f7f7;}
.pro_cate_list ul li.sub2 a{background:url(../images/vcamlni_48.png) no-repeat 11px;color:#757575;font-size:12px;}
.pro_cate_list ul li.sub2 a:hover{color:#757575;text-decoration:underline;}

.pro_cate_list ul li.sub3{background:#f7f7f7;}
.pro_cate_list ul li.sub3 a{color:#000;font-size:12px;background: url(../images/vcamlni_05.png) no-repeat 11px;}
.pro_cate_list ul li.sub3 a:hover{color:#757575;text-decoration:underline;}

.pro_cate_list ul li.sub4{background:#f7f7f7;}
.pro_cate_list ul li.sub4 a{color:#333;font-size:12px;background:none;}
.pro_cate_list ul li.sub4 a:hover{color:#757575;text-decoration:underline;}

/**********************
*** inner banner ******
**********************/
.b_about{width:100%;height:230px;overflow:hidden;background:url(../images/about.jpg) center no-repeat;}
.b_contact{width:100%;height:230px;overflow:hidden;background:url(../images/contact.jpg) center no-repeat;}
.b_mulu{width:100%;height:230px;overflow:hidden;background:url(../images/mulu.jpg) center no-repeat;}
.b_news{width:100%;height:230px;overflow:hidden;background:url(../images/news.jpg) center no-repeat;}
.b_product{width:100%;height:230px;overflow:hidden;background:url(../images/product.jpg) center no-repeat;}
.b_service{width:100%;height:230px;overflow:hidden;background:url(../images/service.jpg) center no-repeat;}
.b_feedback{width:100%;height:230px;overflow:hidden;background:url(../images/feedback.jpg) center no-repeat;}