@charset "gb2312";

input:-webkit-input-placeholder,
textarea:-webkit-input-placeholder,
input:-moz-placeholder,
textarea:-moz-placeholder,
input:-ms-input-placeholder,
*{font-family:΢ÈíÑźÚ,microsoft yahei,Arial,Helvetica,sans-serif}

fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var {font-weight:normal;font-style:normal;}
strong{font-weight:bold;}

caption,th{text-align:left;}

abbr,acronym{border:0;}
.clear{clear:both;height:0px;overflow:hidden}

.section,.slide{background-size:100% 100%;background-position:center center;text-align:center;background:url(/images/loader.gif) no-repeat #000 center;}


body{


	margin:0px
}
.logotop{position:fixed;z-index:999;width:200px;left:0px;right:0px;top:0px;height:80px;padding-top:30px;padding-left:3%;}

.top{
	position:fixed;
	z-index:899;
	left:0px;
	right:0px;
	top:0px;
	height:80px;
	display:none;
}
.top>ul{height:100%;float:right;}
.top>ul>li{float:left;padding-left:30px;padding-right:30px;}
.top>ul>li>a{line-height:80px;display:block;text-align:center;font-family:΢ÈíÑźÚ,microsoft yahei,Arial,Helvetica,sans-serif;text-decoration:none;}
.top>ul>li>a>div{display:none;}
.top>ul>li>a>p{color:#333333;font-size:14px;}
.top>ul>li.active>a>div,.top>ul>li>a:hover>div{display:none;	color:#000000;}
.top>ul>li>a:hover>p{
		color:#000000;
	text-decoration:none;
}


.top>ul>li.active>a>p{
	color:#990000;
	text-decoration:none;
}
.hefr15{
	color:#ffffff;
	text-decoration:none;
	font-size: 15px;
	font-weight: bold;	
	width:63%;position: absolute;z-index:888;top:20%;left:0px;padding-left:61px;
}



.top>ul>li.search{width:48px;}
.top>ul>li .search_bg{height: 48px;width:48px;background: url(../images/search_icon.png) no-repeat 50% 50%;}
.top .search-box{/* display:none; */width:180px;background:#121114;position:absolute;bottom:-51px;right:0;z-index:999999999999999999999999999999999999999999999999999;padding:12px 0;border-radius:5px;border-top-left-radius:0;border-top-right-radius:0;}
.top .search-box input{display:block;width:80%;height:25px;line-height:25px;padding:0 5px;margin:0 auto;background:#fff;border-radius:3px;border:1px solid #d4d4d4;font-size:14px;outline:none;}
.top .search-box #topSearchBtn{display:block;width:20px;height:20px;background:url(../images/search_icon_b.png) no-repeat 50% 50%;position:absolute;top:15px;right:17px;background-color:none;border:none;text-indent:-99999px;}

.drop-bg{position:absolute;background-color:rgba(0,0,0,0.7);top:48px;left:0px;right:0px;z-index:9999;border-top:1px #000 solid;color:#fff;padding:20px;text-align:center;display:none}
.drop-bg a{color:#fff;display:inline-block;margin:0px 20px;}
.drop-bg a:hover,.drop-bg a.set{color:#ccc;text-decoration:underline;}

.infiniteCarousel .arrow {display:block;height:76px;width:41px;background:url(../images/arrow.png) no-repeat 0 0;text-indent:-999px;position:absolute;top:112px;cursor:pointer;}
.infiniteCarousel .forward {background-position:0 0;right:0;}
.infiniteCarousel .back {background-position:0 -152px;left:0;}
.infiniteCarousel .forward:hover {background-position:0 -76px;}
.infiniteCarousel .back:hover {background-position:0 -228px;}

.single .slick-list,
.single .slick-track{height:100%;}
.single .slick-arrow{display:none}


.single .slick-dots>li{display:inline-block;background:#858585;width:10px;height:10px;margin:8px 8px;border-radius:100%;background:#fff;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50);opacity:0.5;border-radius:5px;cursor:pointer;}
.single .slick-dots>li.slick-active{opacity:1;}
.single .slick-dots>li>button{display:none}
.single .single_bg{background-size:cover;background-position:center;}
.single .single_bg2{background-size:contain;background-position:center;background-repeat:no-repeat;}
.slide-slick,
.slide-slick img{width:100%;height:100%;}
.single .slick-dots{position:absolute;text-align:center;}
.single .slick-arrow{width:23px;height:46px;background:url(/images/btn_lr.png) no-repeat;border:none;position:absolute;top:50%;overflow:hidden;z-index:99;line-height:180px;outline:none;cursor:pointer;}
.single .slick-prev{background-position:0px 0px;left:10px;}
.single .slick-next{background-position:-23px 0px;right:10px;}
.single .slick-prev:hover{background-position:0px -46px;}
.single .slick-next:hover{background-position:-23px -46px;}
.single .slick-dots{bottom:10px;right:40px;}




#about1>div{position:relative;top:21.77%;left:0px;right:0px;height:67.3%;}
#about1>div>label{position:relative;}
#about1>div>label>div{position:absolute;left:27%;right:0px;}
#about1>div>label>div>div{padding-bottom:28%;position:relative;margin-top:35%;}
#about1>div>label>div>div>dl{position:absolute;left:0px;text-align:left;top:0px;bottom:0px;overflow:auto;}
#about1>div>label>div>div>dl>dt{font-size:18px;}

#about2>.left{background:url(/images/about2_1.jpg) no-repeat;background-size:cover;float:left;height:100%;width:100%;}
#about2>.right{float:right;height:100%;width:43.5%;position:relative;}
#about2>.right>div{padding:0px 10%;}
#about2>.right>.list{position:absolute;top:12.63%;left:0%;right:0%;height:26.86%;}
#about2>.right>.list>div.left{width:50%;height:100%;float:left;background:url(../images/about/about2_2.jpg) no-repeat left;background-size:100% 100%;}
#about2>.right>.list>div.right{width:45%;height:100%;float:right;overflow:auto;}
#about2>.right>.list>div.right>dl{border-left:1px #b1b1b1 solid;text-align:left;margin-left:5px;line-height:24px;}
#about2>.right>.list>div.right>dl>dt{background:url(../images/about/about2_3.jpg) no-repeat left;padding-left:24px;margin-left:-5px;}
#about2>.right>.list>div.right>dl>dd{padding-left:19px;}
#about2>.right>.list2{position:absolute;top:42%;left:0%;right:0%;height:23.75%;}
#about2>.right>.list2>.left{width:50%;height:100%;float:left;}
#about2>.right>.list2>.left>.photo{height:50%;background:url(../images/about/about2_4.jpg) no-repeat center;background-size:90% 70%;}
#about2>.right>.list2>.left>.text{width:100%;height:50%;text-align:left;overflow:auto;}
#about2>.right>.list2>.right{width:45%;height:100%;float:right;text-align:left;overflow:auto;}
#about2>.right>.list3{position:absolute;top:68%;bottom:5%;left:0%;right:0%;}
#about2>.right>.list3>div{height:100%;background:url(../images/about/about2_5.jpg) no-repeat center;background-size:100% 100%;}

#about3>.left{background:url(/images/about3.jpg) no-repeat;background-size:cover;float:left;height:100%;width:100%;}
#about3>div>label{position:relative;}
#about3>div>label>div{position:absolute;left:27.5%;right:31.5%;}
#about3>div>label>div>div{padding-bottom:40%;position:relative;margin-top:50%;}
#about3>div>label>div>div>div{position:absolute;left:0px;text-align:left;top:0px;bottom:0px;overflow:auto;}

#about6>.right{background:url(../images/about/about6_2.jpg) no-repeat;background-size:cover;float:right;height:100%;width:48.79%;}
#about6>.left{float:left;height:100%;width:51.21%;position:relative;}
#about6>.left>div{padding:0px 14%;}
#about6>.left>.list1{position:absolute;top:12.27%;left:0%;right:0%;height:41.8%;}
#about6>.left>.list1>.photo{width:47.24%;height:100%;float:left;background:url(../images/about/about6_1.png) no-repeat left;background-size:81.78% auto;}
#about6>.left>.list1>.scrollable-element{width:50%;height:100%;float:right;text-align:left;overflow:auto;line-height:24px;}
#about6>.left>.list1>.scrollable-element dt{font-size:18px;}
#about6>.left>.list2{position:absolute;top:54.07%;left:0%;right:0%;height:40.06%;text-align:left;}
#about6>.left>.list2>.left{width:47.24%;height:100%;float:left;}
#about6>.left>.list2>.left>dl{height:100%;}
#about6>.left>.list2>.left>dl>dt{height:10%;font-size:18px;}
#about6>.left>.list2>.left>dl>dd{height:90%;overflow:auto;line-height:24px;}
#about6>.left>.list2>.right{width:50%;height:100%;float:right;}
#about6>.left>.list2>.right>dl{height:100%;}
#about6>.left>.list2>.right>dl>dt{height:10%;border-bottom:1px #929292 dotted}
#about6>.left>.list2>.right>dl>dd{height:90%;overflow:auto;line-height:24px;border-bottom:1px #929292 dotted}

#material3>.left{background:url(../images/material/material3.jpg) no-repeat right;background-size:100% 100%;position:absolute;top:21.06%;left:3.52%;bottom:25.89%;right:37.9%;}
#material3>.right{position:absolute;top:21.06%;right:3.52%;bottom:25.89%;width:30.86%;overflow:auto;border-bottom:1px #8a8a8a solid;text-align:left;line-height:24px;}
#material5>.left{background:url(../images/material/material5.jpg) no-repeat right;background-size:100% 100%;position:absolute;top:19.95%;left:3.52%;bottom:21.38%;right:37.9%;}
#material5>.right{position:absolute;top:19.95%;right:3.52%;bottom:21.38%;width:30.86%;overflow:auto;text-align:left;line-height:24px;}

#design5>.list{position:absolute;top:12.46%;right:0px;left:0px;bottom:4.75%;}
#design5>.list>div{width:64.45%;min-width:1260px;margin:0px auto;height:100%;overflow:hidden;}
#design5>.list>div>dl{float:left;width:20%;height:100%;position:relative;}
#design5>.list>div>dl>dt{text-align:center;}
#design5>.list>div>dl>dt>img{width:87.19%;}
#design5>.list>div>dl>dd{width:87.19%;margin:0px auto;overflow:auto;text-align:left;}

#contact1>.left{width:50%;height:32%;min-height:300px;position:absolute;left:0px;top:31.67%;background-color:#eeeeee}
#contact1>.left>div{text-align:left;line-height:24px;position:absolute;left:10.16%;right:0px;top:50%;margin-top:-82px;}
#contact1>.left>div>img{float:left; margin-right:10px;}
#contact1>.right{width:50%;height:32%;min-height:300px;position:absolute;right:0px;top:31.67%;}
#contact1>.right td{padding:10px 15px;}
.red{color:red}
.input,.textarea{width:100%;height:24px;padding:5px 10px;-moz-border-radius:15px;-webkit-border-radius:15px;border-radius:15px; background:#fff;border:1px #ddd solid;outline:none;}
.textarea{height:80px;}
.btn1{color:#fff; font-size:14px; padding:10px 60px;background:#996c33;border:none;}




.product_box{width:1260px;height:39.39%;margin:0px auto;padding-top:4%;overflow:hidden;position:relative;}
.product_box>li{width:30%;height:100%;margin:0px 5% 0px 0px;float:left;background-position:center;background-repeat:no-repeat;position:relative;overflow:hidden;}
.product_box>li:nth-child(3),.product_box>li:nth-child(6){margin-right:0px;}
.product_box>li>a>img{max-width:100%;height:100%;}
.product_box>li>a>figcaption{position:absolute;top:0px;left:0px;right:0px;bottom:0px;background:url(../images/product_icon2.png) right bottom no-repeat rgba(0,0,0,0.65);display:none;}
.product_box>li>a>figcaption>a{position:absolute;top:0px;left:0px;right:0px;bottom:0px;}
.product_box>li>a>figcaption>p{font-size:30px;line-height:38px;color:#fff;text-align:left;position:absolute;top:50%;left:50%;width:200px;padding-left:38px;margin-left:-70px;margin-top:-19px;background:url(../images/product_icon.png) left no-repeat}
.product_box>li>a:hover>figcaption{display:block;}

.product_box_link{font-size:14px;position:absolute;width:160px;height:24px;left:50%;margin-left:-80px;bottom:16%;text-align:center;}
.product_box_link>a{font-size:14px;text-decoration:underline;}


.infiniteCarousel {width:1260px;height:40%;margin:0px auto;padding-top:2%;position:relative;}
.infiniteCarousel>li{width:23%;height:48%;margin:1% 1%;float:left;background-position:center;background-repeat:no-repeat;position:relative;}
.infiniteCarousel>li>a{position:relative;}
.infiniteCarousel>li>a>img{max-width:100%;height:100%;}
.infiniteCarousel>li>a>p{position:absolute;left:0px;right:0px;bottom:0px;padding:10px 10px 10px 30px;font-size:14px;color:#fff;line-height:24px;text-align: left;background:url(../images/news_icon.png) 10px 14px no-repeat rgba(0,0,0,0.65);display:none;}
.infiniteCarousel>li>a:hover>p{display:block;}


.news_box{width:1260px;height:44%;margin:0px auto;padding-top:2%;position:relative;}
.news_box>li{width:23%;height:100%;margin:0px 1%;float:left;position:relative;background:#fff;}
.news_box_img{height:36%;text-align:center;margin:20px;overflow:hidden;background-position:center;background-repeat:no-repeat;background-size:cover;}
.news_box_img>img{max-width:100%;height:100%;}
.news_box_bg{height:36%;margin:0px 20px;overflow:hidden;}
.news_box_title{font-size:18px;line-height:24px;color:#7f7f7f;text-align:left;}
.news_box_content{font-size:12px;line-height:24px;color:bababa;text-align:left;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}
.news_box_link{text-align:right;height:14%;margin:0px 20px;overflow:hidden;line-height:24px}
.news_box_link>a{color:#b4b4b4;border:1px #b4b4b4 solid;float:left;padding:0px 10px;}


.contact_box{width:900px;height:100%;margin:0px auto;position:relative;}
.contact_box>form{padding:20% 0 0 0px;}
.contact_text1{width:190px;height:190px;float:left;}
.contact_text2{width:450px;background:url(../images/tel.png) no-repeat 70px top;padding-top:45px;padding-left:70px;font-size:14px;color:#505050;line-height:24px;text-align:left;float:left;}
.contact_text3{width:190px;padding-top:45px;font-size:14px;color:#505050;line-height:24px;text-align:left;float:left;}
.contact_box td{text-align:left;padding:10px 0px 0px 0px}

.webcontent{min-width:1260px;margin:0px auto;background-color:#fff;position:relative;top:60px;}
.content_top{padding-top:30px;}
.content_top>li{float:left;height:45px;}
.content_top>li>a{padding:10px 20px;background:#918d8a;color:#FFF; margin-right:30px;}
.content_top>li>a:hover,.content_top>li.on>a{background:#000;}
.content_body{clear:both;padding-top:30px;line-height:24px;}

#scrollbar1 {width:1040px;clear:both;margin:20px 0 10px;}
#scrollbar1 .viewport { width:1020px;height:400px;overflow:hidden;position:relative; }
#scrollbar1 .overview { list-style: none; position: absolute; left: 0; top: 0; }
#scrollbar1 .thumb .end,
#scrollbar1 .thumb {background-color: #918d8a; }
#scrollbar1 .scrollbar {position: relative; float: right; width: 5px; }
#scrollbar1 .track { background-color: #fefefc;  width:3px; position: relative; padding: 0 1px; }
#scrollbar1 .thumb { height: 20px; width: 3px; cursor: pointer; overflow: hidden; position: absolute; top: 0; }
#scrollbar1 .thumb .end { overflow: hidden; height: 5px; width: 3px; }
#scrollbar1 .disable{ display: none; }
.noSelect { user-select: none; -o-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; }


#pro{width:100%;text-align:left;padding:0px;}
#pro ul{width:33%;overflow:hidden;text-align:center; margin:0px 0px 5px 0px; float:left; list-style-type:none;}
.pro_img{overflow:hidden;width:80%;position:relative;background-color:#fff; margin:0px auto;border:1px #fff solid;padding:20px;}
.pro_img:hover{border:1px #ddd solid}
.pro_img img{width:100%;}
.pro_img1{
	overflow:hidden;
	width:100%;
	height:40px;
	position:absolute;
	
	bottom:20px;
	filter:alpha(opacity=62);
	opacity:0.62;

	margin-right:20px;
	
}


.pro_txt{
	width:100%;
	height:30px;
	line-height:30px;
	text-align:center;
	color:#666666;
	position: relative;
	font-size: 16px;
}
#pro_mune {width:100%;text-align:center;clear:both;}
#pro_mune a{display:inline-block;line-height:20px;}
#pro_mune .red{display:inline-block;line-height:20px;width:20px;}

#show1{width:100%;height:100%;position:relative;}
#show1>.left{position:absolute;width:64.61%;left:0px;top:50px;bottom:0px;}
#show1>.right{float:right;position:relative;width:35.39%;height:100%;background:#eeeeee;text-align:left;}
.pro_infoima {
	padding-top:26.13%;
	padding-left:20px;
	font-size: 13px;
	color: #333333;
	text-decoration: none;
}
.pro_infoima img{max-width:90%;
max-height:300px;}



#show1>.right>.pro_info2{position:absolute;top:26.13%;left:6%;right:6%;bottom:50%;overflow:auto;}
#show1>.right>.pro_info{position:absolute;top:62.57%;left:6%;right:6%;bottom:5%;overflow:auto;}
.slide-group-btn {position:absolute;bottom:20px;left:20px;z-index:99;padding:0.2rem;}
.slide-group-btn .return-list-btn i{display:inline-block;vertical-align:middle;vertical-align:middle;margin-top:-3px;margin-right:5px;width:14px;height:14px;background:url(../images/return.png) no-repeat 50% 50%;background-size:100%;color:#333;}

#mouse{position:fixed;z-index:99;left:48.77%;bottom:5.82%;width:2.46%;height:5.82%;}
#copyright,#support{position:fixed;z-index:99;bottom:10px;color:#fff;font-family:΢ÈíÑźÚ,Arial}
#copyright{left:10px;}
#copyright>span{color:#fbb301;font-family:Arial}
#support{right:10px;}
#support>a{color:#fff;}
#copyright.colorB,#support.colorB,#support.colorB>a{color:#333;}