@charset "utf-8";
body{margin:0;padding:0;color:#333;font-size:12px;font-family:"微软雅黑", "宋体", Arial, Helvetica, sans-serif;}
html{margin:0;padding:0;}
html,body{ height:100%;}
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:#70b742;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;}

/**********************/
a {
	color: #333;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	text-decoration:none;
}
a:hover {
	color: #e12423;
	text-decoration:none;
}
a:focus,
a:active {
	outline: none;
}

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

/**********************
***** 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:1200px;height:auto;overflow:hidden;}

/*************************************************
**************  焦点图SupperSlide  ***************
*************************************************/
.fullSlide{ width: 100%; min-width: 1200px; position:relative;}
.fullSlide .bd{ width: 100%; position:relative; z-index:0; }
.fullSlide .bd li{ height:508px;}
.fullSlide .bd li a{ display:block; height:508px;}
.fullSlide .bd li img{width:100%; vertical-align:top; } 
.fullSlide .hd{position:relative; z-index:1; margin-top:-30px; height:30px; line-height:30px;  text-align:center;}
.fullSlide .hd ul{ text-align:center; padding-top:5px; }
.fullSlide .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:8px; height:8px; margin:5px 3px; background:url(../images/inc/tg_flash_p.png) -18px 0; overflow:hidden; font-size:0;}
.fullSlide .hd ul .on{ background-position:0 0; }
.fullSlide .prev,.fullSlide .next{ z-index:1; display:block; width:55px; height:55px; position:absolute; background:url(../images/inc/arrow.png) 0 0 no-repeat; filter:alpha(opacity=40);opacity:0.4; top: 50%; margin-top: -28px;}
.fullSlide .prev{ left: 20px;}
.fullSlide .next{ background-position:right 0; right: 20px;}
.fullSlide .prev:hover,.fullSlide .next:hover{ filter:alpha(opacity=100);opacity:1; }

/*************************************************
**************图片滚动  *******************
*************************************************/
.picScroll-left{ width:1216px; position:relative;}
.picScroll-left .prev,.picScroll-left .next{ display:block;  width:30px; height:30px; overflow:hidden; cursor:pointer; background-repeat:no-repeat; background-position:50% 50%; position:absolute; top:85px;}
.picScroll-left .prev{ background-image:url(../images/x_12.png); left:-30px;}
.picScroll-left .next{ background-image:url(../images/x_14.png); right:-30px;}

.picScroll-left .bd{ padding:10px 0;}
.picScroll-left .bd ul{ overflow:hidden; zoom:1;}
.picScroll-left .bd ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.picScroll-left .bd ul li .pic{ text-align:center; }
.picScroll-left .bd ul li .pic img{ width:286px; height:214px; display:block; border:1px solid #c7c7c7; }
.picScroll-left .bd ul li .pic a:hover img{ border-color:#d11c0f;  }
.picScroll-left .bd ul li .title{ font-size:14px; height:40px; line-height:40px; overflow:hidden; text-align:center; color:#4e4e4e;}

/*************************************************
**************  在线客服  *************************
*************************************************/
#kefu{width:120px;height:auto;position:fixed;top:120px;right:5px;z-index:8888;background:#fff;border:1px solid #ca2d25;border-top:2px solid #ca2d25;display:none; border-radius:4px; padding-bottom:15px;}
#kefu .top{width:100%;height:35px;line-height:35px;font-size:14px;color:#fff;font-weight:bold;text-align:center; background:url(../kf/redTitleBg.gif) repeat-x;}
#kefu .middle{font-size:12px;width:110px; margin:0 auto;}
#kefu .close{float:right;margin-right:10px;margin-top:5px;cursor:pointer;-webkit-transition:all 0.8s ease-out;}
#kefu .close:hover{-webkit-transform:scale(1) rotate(360deg);}
.right_bar{width:31px;height:110px;position:fixed;top:120px;right:0;z-index:9999;}
.right_bar img{cursor:pointer;}
.kfcode{ width:100px; height:100px; overflow:hidden; margin:15px auto 0 auto;}
.kfcode img{ display:block; width:100px; height:100px;}
.kflist{ width:110px; margin:0 auto; height:auto; overflow:hidden;}
.kflist ul li{ height:22px; line-height:22px; overflow:hidden; border-bottom:1px dotted #ccc; padding: 6px 0;}
.kflist ul li a{ display: inline-block; height:22px; line-height:22px; overflow:hidden; color:#333;}
.kflist ul li a:hover{ color:#c00;}
.kflist ul li span{ display:inline-block; float:left; width:23px; height:16px; padding-top:4px; padding-bottom:4px;}
.kflist ul li span img{ display:block; float:right;}
.kflist ul li p{ display:inline-block; float:left; margin-left:8px; height:22px; line-height:22px;}


/**********************
***** top-head ********
**********************/
.header{
	width:100%;
	min-width:1200px;
	background-color:#fff;
	position:relative;
	z-index:999;
}
.header.fixed{
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
}
.fulltop{ width:100%; min-width:1200px; height:38px; background-color:#7e7e7e;}
.weltop{ width:450px; height:38px; line-height:38px; color:#fff; font-size:14px; overflow:hidden;}
.toptel{ width:450px; height:38px; line-height:38px; color:#fff; font-size:14px; text-align:right; overflow:hidden;}
.toptel i{ line-height:38px; font-size:16px; padding-right: 10px;}

.logo{width: 240px;}

/**********************
***** search form *****
**********************/
.search_main{height:30px;overflow:hidden; width:170px; margin-top:30px; background:url(../images/l_09.jpg) no-repeat center;}
.s_text{width:140px;height:30px;overflow:hidden;}
.s_input{width:120px;height:30px;line-height:30px;border:0; background:none;color:#6c6c6c; font-size:12px;outline:none 0;margin:0; padding:0 10px; vertical-align:middle; display:block;}
.s_btm{width:30px;height:30px;overflow:hidden;}

/**********************
*** nav'nt submenu ****
**********************/
.nav{
	width: 756px;
	height:90px;
	margin-left:15px;
}
.nav > ul > li{
	width: 125px;
	height:90px;
	float:left;
	position:relative; z-index:444;
	background: url(../images/shu.jpg) no-repeat right;
}
.nav > ul > li:last-child{ border-right:none;}
.nav > ul > li > h3{
	display:block;
	height:90px;
	line-height:90px; 
	text-align:center;
	font-size:14px; 
	text-transform: uppercase;
}
.nav > ul > li > h3 a{
	color:#2d2d2d;
	display: block;
}
.nav > ul > li:hover h3 a{
	color:#e42228;
}

.nav ul li ul{
	display:none;
	width:125px;
	height:auto; 
	overflow:hidden;
	position:absolute;
	top:90px;
	left:0;
	z-index:9999 !important;
	background: #fff;
	opacity: 0.8;
}
.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:#000;
	height:30px; line-height:30px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding:0 10px;
}
.nav ul li ul li a:hover{
	color:#fff;
	background: #000;
}
.nav ul li:hover ul{
	display:block;
}

/**********************
*** footer nav ********
**********************/
.full-ft{ width:100%; min-width:1200px; height:50px; background-color:#7e7e7e; margin-top:30px;}
.ft-navs{ text-align:center; color:#ababab; height:50px; line-height:50px; overflow:hidden; font-size:14px;}
.ft-navs a{ display:inline-block; color:#fff; margin:0 25px;}
.ft-navs a:hover{ color:#eee;}

.ft-cnt{ width:500px; color:#595959; font-size:14px; line-height:2;}

/**********************
*** copyright *********
**********************/
.copyright{
	line-height: 2;
	color: #595959;
	font-size:14px;
	width:500px;
}

.full-about{ width:100%; min-width:1200px; padding:30px 0; background-color:#efefef;}
.ab-top{ text-align:center; color:#2a2a2a; font-size:30px;}
.ab-en{ text-align:center; background:url(../images/l_18.jpg) repeat-x center; margin-top:10px;}
.ab-en span{ display:inline-block; color:#8d8d8d; font-size:18px; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif; background:#efefef; padding:0 15px;}
.ab-pic{ width:481px; padding:10px; background-color:#fff;}
.ab-pic img{ display:block; max-width:100%; height:auto;}
.ab-rt{ width:670px;}
.ab-web{ color:#e22526; font-size:24px;}
.ab-info{ color:#3e3e3e; font-size:14px; line-height:2; margin-top:10px;}
.ab-more{ margin-top:20px; font-size:14px;}
.ab-more a{ display:inline-block; color:#646464; border:1px solid #646464; padding:8px 20px;}
.ab-more a:hover{ color:#fff; background-color:#e22526; border-color:#e22526;}

.gg-box{ width:380px;}
.gg-mgn{ margin-left:30px;}
.gg-top{ border-bottom:1px solid #909090; line-height:30px; color:#000; font-size:20px; padding-bottom:6px;}
.gg-top a{ display:inline-block; float:right; font-size:10px; background-color:#7e7e7e; color:#fff; font-family:Arial, Helvetica, sans-serif; height:22px; line-height:22px; margin-top:4px; padding:0 5px; text-transform:uppercase; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;}

.gg-pro-list{ overflow:hidden; margin-top:15px;}
.gg-pro-list ul li{ height:auto; overflow:hidden; padding:10px 0;}
.gg-pic{ width:107px; height:82px; overflow:hidden;}
.gg-pic img{ display:block; width:105px; height:80px; border:1px solid #d8d8d8;}
.gg-rt{ width:260px;}
.gg-ttl{ height:24px; line-height:24px; font-size:14px; overflow:hidden;}
.gg-info{ color:#999; height:44px; line-height:22px; overflow:hidden; margin-top:5px;}

.gg-pplist{ overflow:hidden;}
.gg-pplist ul{ width:392px;}
.gg-pplist ul li{ width:184px; height: auto; overflow:hidden; float:left; margin-right:12px; margin-top:25px;}
.gg-pplist ul li a{ display:block;}
.gg-pplist ul li img{ display:block; width:182px; border:1px solid #c9c9c9; height:76px;}

.hzz-list{ overflow:hidden; padding-bottom:30px;}
.hzz-list ul{}
.hzz-list ul li{ width:184px; height: auto; overflow:hidden; float:left; margin-left:40px;}
.hzz-list ul li a{ display:block;}
.hzz-list ul li img{ display:block; width:182px; height:76px; border:1px solid #ccc; margin-top:25px;}

/************************
** left-right structs ***
************************/
.list_left{width:230px; height: auto; overflow: hidden;}
.list_left h1{display:block;height:34px;line-height:34px;color:#fff;background:#000; font-size:15px; text-indent:20px; text-transform:uppercase;}
.list_left ul{border:1px solid #ddd;}
.list_left ul li{height:40px;line-height:40px;font-size:12px;color:#fff; border-bottom:1px solid #ddd; border-top:1px solid #fff;}
.list_left ul li a{color:#333; display:block; background-color:#f5f5f5; padding:0 15px; height:40px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.list_left ul li a:hover{color:#c00;}
.list_left ul li a.cls_curr{color:#c00; background-color:#fff;}

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

.list_right{ width:950px; height: auto; overflow:hidden; border:1px solid #ccc;}
.right_top{width:100%; border-bottom:1px solid #ddd; height:auto; overflow:hidden;}
.right_top span{display:inline-block;float:left;height:32px;line-height:32px;color:#666;font-size:13px;padding-right:10px; background:url(../images/map.png) no-repeat left center; padding-left:20px; margin-left:15px;}


/************************
*** 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; font-size:14px;}
.page_info img{max-width:100%;}

/************************
*** news ****************
************************/
.news_list{height:auto;overflow:hidden;padding:0 20px;}
.news_list ul li{border-bottom:1px dashed #b2b2b2;padding:20px 0; height:auto; overflow:hidden;}
.news_list ul li img{ display:block; float:left; width:200px; height:120px;}
.nwert{width:490px; height:auto; overflow: hidden;}
.nwettl{ color:#333; font-size:14px; height:auto; overflow:hidden;}
.nwedesp{ color:#888; line-height:1.65; margin-top:5px;}
.nwedate{ color:#aaa; margin-top:5px;}


.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:212px;height:auto;display:block;float:left;margin-left:20px;overflow:hidden;}
.pro_list ul li img{width:210px;height:158px;display:block;border:1px solid #efeeee;}
.pro_list ul li span{width:100%;display:block;text-align:center;overflow:hidden; height:46px; line-height:46px; white-space:nowrap; text-overflow:ellipsis;}
.pro_list ul li a{color:#555;}
.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:580px;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:#e42228;}
.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{border:1px solid #5aa710;}
.txtf_2{width:400px;border:1px solid #ddd;line-height:20px;color:#555;font-size:12px;}
.txtf_2:focus{border:1px solid #5aa710;}

.ctus_btm{width:90px;height:30px;line-height:28px;border:1px solid #5aa710;outline:none 0;background:#5aa710;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;}
.ctus_btm:hover{background:#fff;border:1px solid #5aa710;color:#5aa710;}

/***********************************
*** 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 ******
**********************/
.inbanner{ width:100%; min-width:1000px; height:280px; background-repeat:no-repeat; background-position:50% 50%;}

.photo-list{ overflow:hidden; margin-top:20px;}
.photo-list ul li{ width:230px; margin-left:15px; float:left;}
.photo-list ul li img{ display:block; width:230px; height:152px;}
.photo-list ul li span{ display:block; height:40px; line-height:40px; text-align:center; overflow:hidden;}

.full-search{
	height: 31.75rem;
	overflow: hidden;
	/* background-image: url(../images/search-bg.jpg);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover; */
	position: relative;
}
#full-search-video{
	width: 100%;
	height: auto;
	position: absolute;
	left:0;
	top:50%;
	transform: translateY(-50%);
	z-index: -1;
}