.headerbann {
}
#focus {margin:0px auto;background:#ffffff;}
#focus .owl-item img {display:block;width:100%;height:auto;}
#focus .owl-item .item { position:relative; overflow:hidden;}
#focus .owl-pagination {position:absolute;bottom:20px;display:table;margin:0px auto;z-index:100;width:100%;text-align:center;}
#focus .owl-page {display:inline-block;zoom:1;padding:0 3px;}
#focus .owl-page span {width:10px;height:10px;font-size:2px;overflow:hidden;display:inline-block;background:#000;cursor:pointer;text-indent:-9999px;border-radius:50%;opacity:0.3;filter:alpha(opacity=30);}
#focus .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span {background:#18A092;opacity:1;filter:alpha(opacity=100);}
#focus .owl-buttons div {display:block;width:56px;height:56px;position:absolute;z-index:100;top:50%;margin-top:-21px;text-indent:-9999em;overflow:hidden;cursor:pointer;background-repeat:no-repeat;background-position:center center;opacity:0.5;}
#focus .owl-prev {background-image:url(../images/lbtn.png);left:15px;}
#focus .owl-next {background-image:url(../images/rbtn.png);right:15px;}
#focus .owl-prev:hover, #focus .owl-next:hover {opacity:1;}





.index-title{width:1200px; margin:50px auto; text-align:center;}
.index-title h3{line-height:40px; font-size:30px;}
.index-title i{color:#666;text-transform : uppercase;font-style: normal;font-size:14px;}
.index-title a{ display:block;margin-top:10px;font-size:16px;}

.hotpro {width:1200px;margin:0px auto; margin-top:60px;}
.hotprol {width:600px;float:left;}
.hotpror {width:600px;float:right;}
.hotpro1 {width:600px;height:424px;background-color: #F7F7F7; position:relative;}
.hotpro1 .ad{ position:absolute; text-align:right; font-size:20px; top:50px; right:50px;color:#333;}
.hotpro1 .ad h3{color:#F0862F;}


.hotprol li{width:300px;height:450px; float:left;background-color: #F1F1F1;position:relative;}
.hotprol .pname{ position:absolute; text-align:right; font-size:20px; top:20px; left:20px;color:#333;}
.hotprol .pname p{display:block; width:50px; height:1px;background:#666; margin:10px 0px;}
.hotprol li.bg{background-color: #FCFCFC;}
.hotpror ul{height:550px;}
.hotpror li{width:300px;height:550px; float:left;background-color: #F1F1F1;position:relative;}
.hotpror li.bg{background-color: #FCFCFC;}
.hotpror .pname{ position:absolute; text-align:right; font-size:20px; top:20px; left:20px;color:#333;}
.hotpror .pname p{display:block; width:50px; height:1px;background:#666; margin:10px 0px;}


.hotpro2 {height:364px; position:relative;}
.hotprolast {width:600px;height:324px;background-color: #EAEAEA;position:relative;}
.hotprolast .pname{ position:absolute; text-align:right; font-size:20px; top:20px; left:20px;color:#333;}
.hotprolast .pname p{display:block; width:50px; height:1px;background:#666; margin:10px 0px;}

.showpro {width:100%; height:100%;background:rgba(24,160,146,0.8); position:absolute; left:0px; top:0px;transition: all .5s ease;-webkit-transition: all .5s ease;-ms-transition: all .5s ease;-moz-transition: all .5s ease;-o-transition: all .5s ease;opacity: 0;-moz-opacity: 0;filter:alpha(opacity=0);transform: scale(0);-webkit-transform: scale(0);-ms-transform: scale(0);-moz-transform: scale(0);-o-transform: scale(0);}

.showpro p{ padding:50px 20px 20px; color:#FFFFFF; line-height:30px; font-size:14px;}
.showpro p b{ display:block;font-size:20px; margin-bottom:20px;}

.hotpro a:hover .showpro {transform: scale(1);-webkit-transform: scale(1);-ms-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);opacity: 1;-moz-opacity: 1;filter:alpha(opacity=100);}




.brand{position:relative;}
.brand ul{}
.brand li{float:left;width:1240px;height:610px;}
.brand li a{
display: block;
width:266px;
height:245px;
text-align:center;
margin-right:40px;
margin-bottom:30px;
float:left;
border:2px solid #f7f7f7;
}
.brand li a.mr0{margin-right:0px;}
.brand li a p{width:266px;height:205px;
display: table-cell;
vertical-align:middle;
text-align:center;
overflow:hidden;
}
.brand li a img{max-width:266px;max-height:205px;-webkit-transition: transform 0.3s linear;-moz-transition: transform 0.3s linear;-ms-transition: transform 0.3s linear;-o-transition: transform 0.3s linear;transition: transform 0.3s linear;}
.brand li a:hover img{-webkit-transform: scale(1.3,1.3);-moz-transform: scale(1.3,1.3);-ms-transform: scale(1.3,1.3);-o-transform: scale(1.3,1.3);transform: scale(1.3,1.3);}
.brand li a b{font-size:14px; line-height:30px; height:30px; overflow:hidden;padding:5px 10px;display:block;background-color:#f7f7f7;
}

.vip{position:relative;width:1200px;margin:0px auto;}
.vip .hd{ position:absolute; height:30px; line-height:30px; bottom:0; left:50%; -webkit-transform: translate(-50%,0); transform: translate(-50%,0); z-index:1; }
.vip .hd li{ display:inline-block; width:15px; height:15px; border-radius:15px; background:#cbcbcb; text-indent:-9999px; overflow:hidden; margin:0 10px; cursor:pointer;}
.vip .hd li.on{ background:#18A092; }



.haboutbg {
	min-width:1200px;
	background-color: #FaFaFa;
	background-image: url(../images/bg11.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	margin-top:20px;
}
.habout {width: 1200px;}
.haboutl {width: 500px; float:left}
.habout-cont { height:300px; line-height:30px; overflow:hidden;font-size:14px;}
.hmore { margin-top:30px;height:50px;}
.hmore a{display:inline-block;font-size:14px; height:40px; line-height:40px; padding:0px 20px;border-radius:5px;border:1px solid #117B6F;}
.hmore a:hover{background-color: #117B6F;color: #fff;}

.haboutpic {width: 620px; float:right; position:relative;}
.haboutpic img{border-radius:10px;box-shadow: 0px 0px 20px rgba(0,0,0,0.1);}


.hnlist{
	width:543px;
	float:left;
	margin-right:50px;
	border:1px solid #e5e5e5;
	padding:10px 15px;
	background-image: url(../images/pic9.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
.hnlist dl{}
.hnlist dl dt {height:160px;color: #fff; padding:10px;}
.hnlist dl dt p{display:inline-block; width:70px; height:2px;background:#fff; margin:10px 0px;}
.hnlist dl dt span{font-size:30px; display:block;}
.hnlist dl dt h3 {text-transform : uppercase;font-size:14px; font-weight:normal;}


.hnlist dl dd{ height:30px; line-height:30px; margin-top:5px; border-bottom:1px dashed #e5e5e5; padding-bottom:5px; font-size:14px;}
.hnlist dl dd a{
	background-image: url(../images/ico1.gif);
	background-repeat: no-repeat;
	background-position: left center;
	float:left;
	padding-left:10px;
}
.hnlist dl dd span{ float:right;}

.hnlistr{
	margin-right:0px;
	background-image: url(../images/pic13.jpg);
}
.nmore1{height:32px; margin:15px 0px;}
.nmore1 a{
float:right;
	display:inline-block;
	font-size:14px;
	text-transform : uppercase;
	background-image: url(../images/nmore1.gif);
	background-repeat: no-repeat;
	background-position: right top;
	height:32px;
	line-height:32px;
	width:130px;
	padding-left:10px;
	text-align:left;
}
.nmore1 a:hover{background-color:#EA5821; color:#ffffff;-webkit-transition: all 0.35s ease-in-out;-moz-transition: all 0.35s ease-in-out;  	transition: all 0.35s ease-in-out;
}
.nmore2{height:32px; margin:15px 0px;}
.nmore2 a{
float:right;
	display:inline-block;
	font-size:14px;
	text-transform : uppercase;
	background-image: url(../images/nmore2.gif);
	background-repeat: no-repeat;
	background-position: right top;
	height:32px;
	line-height:32px;
	width:130px;
	padding-left:10px;
	text-align:left;
}
.nmore2 a:hover{background-color:#7E9E2C; color:#ffffff;-webkit-transition: all 0.35s ease-in-out;-moz-transition: all 0.35s ease-in-out;  	transition: all 0.35s ease-in-out;
}
.video-img{
	position: absolute;
    top: 50%;
    left: 50%;
	margin-top:-50px;
	margin-left:-50px;
    width: 100px;
	height:102px;
    background: url(../images/v.png) no-repeat;
	cursor:pointer
}


.kf_main{position:relative;width:1200px;margin:0 auto;overflow:hidden;margin-top: 40px;}
.kf_left{width:80px;height:340px;background:url(../images/lbtn.gif) left center no-repeat;cursor:pointer;float:left;}
.kf_right{width:80px;height:340px;background:url(../images/rbtn.gif) right center no-repeat;cursor:pointer;float:right;}
.kf_inner{position:relative;float:left;width:1040px;overflow:hidden;}
.kf_ul{position:relative;float:left;}
.kf_ul li{float:left;width:316px;height:340px;overflow:hidden;margin-right:40px;background:#F4F4F4; border:2px solid #F4F4F4;}
.kf_ul li p{
display: table-cell;
vertical-align:middle;
width:316px;
height:244px;
text-align:center;
overflow:hidden;
}
.kf_ul li img{max-width:316px;max-height:244px;-webkit-transition: transform 0.3s linear;-moz-transition: transform 0.3s linear;-ms-transition: transform 0.3s linear;-o-transition: transform 0.3s linear;transition: transform 0.3s linear;}
.kf_ul li img:hover{-webkit-transform: scale(1.3,1.3);-moz-transform: scale(1.3,1.3);-ms-transform: scale(1.3,1.3);-o-transform: scale(1.3,1.3);transform: scale(1.3,1.3);}

.kf_ul li span{display:block; padding:15px 20px; line-height:25px;font-size:14px;}
.kf_ul li b{ font-size:16px; display:block;line-height:35px;height:35px; overflow:hidden;}
