@charset "utf-8";
/* banner */
.banner{width:100%; margin:0 auto; position:relative; height:490px;}
.fullSlide{width:100%;position:relative;height:100%;background:transparent}
.fullSlide .bd{margin:0 auto;height:100%;position:relative;z-index:0;overflow:hidden;}
.fullSlide .bd ul{height:100%;width: 100%;}
.fullSlide .bd li{height:100%;overflow:hidden;text-align:center;background-position:center;background-repeat:no-repeat;width: 100%;}
.fullSlide .bd li a{display:block;height:100%;width: 100%;}
.fullSlide .hd{width:100%;position:absolute;z-index:1;bottom:0;left:0}
.fullSlide .hd ul{text-align:center;margin-bottom:10px}
.fullSlide .hd ul li{background:#2b5c97;cursor:pointer;display:inline-block;*display:inline;zoom:1;width:42px;height:11px;margin:1px;overflow:hidden;*filter:alpha(opacity=50);*opacity:.5;line-height:999px}
.fullSlide .hd ul .on{background:#224f88}
.fullSlide .prev,.fullSlide .next{display:block;position:absolute;z-index:1;top:50%;margin-top:-30px;left:15%;z-index:1;width:40px;height:60px;background:url(../imagescn/klhx/slider-arrow.png) -126px -137px #000 no-repeat;cursor:pointer;*filter:alpha(opacity=50);*opacity:.5;display:none}
.fullSlide .next{left:auto;right:15%;background-position:-6px -137px}

.search {overflow:hidden;width: 100%; height: 40px;line-height: 40px;background: url(../imagescn/klhx/bg1.png);bottom:0;left:0;}
.search .hotkey span,.search .hotkey a  {color: #fff;}
.search .form  {float:right;height: 30px; line-height: 30px;color:#666;margin-top: 5px;}
.search .search-t {float: left; width: 217px; height: 20px; line-height: 15px; color: #fff; padding: 4px 4px 4px 10px; margin-bottom: 4px;outline: 0;font-size: 12px;background:none;font-family: 微软雅黑;}
.search .search-s {float: left; width: 40px; height: 30px;   font-size: 12px; cursor: pointer; background: url(../imagescn/klhx/search.gif) no-repeat center center;border:none;}

.empty {clear: both;height: 20px;}

.title {height: 55px; background: url(../imagescn/klhx/bg12.gif) repeat-x center center;border-right: 1px solid #ddd;}
.title h3 {width: 270px;height: 55px;line-height: 55px;text-align: center;font-size: 18px;font-weight: bold; background: url(../imagescn/klhx/bg11.jpg) no-repeat center center;}
.title h3 a {color: #fff;}
.title .more {font-size: 14px;color: #049df5;float: right;margin-right: 10px;line-height: 55px;}

.lefts ,.rights {display: block;width: 31px;height: 55px; position: absolute;top:60px; background: url(../imagescn/klhx/p_n.gif) no-repeat;}
.lefts {background-position: 0 0;left: -10px;}
.rights {background-position: -31px 0;right:0px;}

.span4 {margin: 20px auto;padding-top: 50px;background: url(../imagescn/klhx/bg136.jpg) no-repeat center top;}
.span4 ul li {float: left;width: 25%;background: url(../imagescn/klhx/bg6.jpg) repeat-y left center;}
.span4 ul li:first-child {background:none;}
.span4 ul li i {color: #c8c8c8;text-transform: uppercase;line-height: 20px;}
.span4 ul li img {
  -webkit-transition: all .2s;
  -moz-transition: all .2s;
  -o-transition: all .2s;
  -ms-transition: all .2s;
  transition: all .2s;
}
.span4 ul li:hover img {
  transform: translateY(-10px);
  -ms-transform: translateY(-10px);  
  -moz-transform: translateY(-10px);   
  -webkit-transform: translateY(-10px);  
  -o-transform: translateY(-10px);
}

.product {background: url(../imagescn/klhx/light_alu.png);}
.product .wrap {background: url(../imagescn/klhx/yy.png) no-repeat center top;padding-top: 35px;}
.product .pro-l {width: 270px;background: #68b52e;padding-bottom: 5px;}
.product .pro-l .pro-l-tit {background: url(../imagescn/klhx/bg7.jpg) no-repeat center top;height: 58px;padding-top: 25px;}
.product .pro-l .pro-l-tit h3 a {color: #fff;}
.product .pro-l .pro-l-tit i {color: #c3f79e;font-family: 'Times New Roman';}
.product .pro-l dl {background: #fff;width: 240px;margin: 0 auto;padding: 10px;}
.product .pro-l dl dt {background: url(../imagescn/klhx/bg9.gif) repeat-x center center;height: 33px;line-height: 33px;border:1px solid #ddd;margin-top: 10px;}
.product .pro-l dl dt a {background: url(../imagescn/klhx/bg8.gif) no-repeat 15px center;padding-left: 55px;color: #049df5; transition:all 0.3s;}
.product .pro-l dl dt a:hover{ padding-left:65px;}
.product .pro-l dl dd {background: url(../imagescn/klhx/bg10.gif) no-repeat 25px center;padding-left: 55px;height: 30px;line-height: 30px;border-bottom: 1px dashed #ccc;margin: 0 auto;}
.product .pro-r {width: 890px;}

.product .pro-r .major-list{margin-top:20px;width: 903px;}
.product .pro-r .major-list li{float:left;width: 209px;height: 186px;margin-right: 14px;margin-bottom:15px;overflow:hidden;position:relative; border:#000000 1px solid;}
.major-list li a span,.major-list li a{width:100%;height:100%;display:block;position:absolute;left:0;top:0}
.product .pro-r .front-face{z-index:2}
.product .pro-r .front-face img{width:110%;}
.product .pro-r .major-list li a span.back-face{z-index:0;background:url(../imagescn/klhx/bg1.png);text-align: center;color: #fff;}
.product .pro-r .major-list li a{overflow:hidden}
.product .pro-r .major-list li a:hover span.back-face{z-index:3;display:block}
.product .pro-r .major-list li a span em{display:block;margin-top:30px;padding:0 10px;font-size:18px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.product .pro-r .major-list li a span p{padding: 30px 20px 0 20px;line-height: 25px;height: 75px;overflow: hidden;}
.product .pro-r .major-list li a span i{display:block;width:30px;height:30px;background:url(../imagescn/klhx/more.png) no-repeat;margin:auto}
.product .pro-r .animated{-webkit-animation-duration:1s;-moz-animation-duration:1s;-ms-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-ms-animation-fill-mode:both;animation-fill-mode:both}

.ys1 {background: url(../imagescn/klhx/yy.png) no-repeat center top;padding: 45px 0 20px 0;}
.ys1 .wrap {background: url(../imagescn/klhx/bg13.png) no-repeat center top;padding-top: 100px;}
.ys1 .img {width: 460px;background: url(../imagescn/klhx/bg6.jpg) repeat-y right center; float:left;}
.ys1 .img a {width: 160px;height: 50px;line-height: 50px;color: #fff;}
.ys1 .img .online {left: 4px;top: 210px;}
.ys1 .img .buy {background: #049df5;left: 243px;top: 210px;}
.ys1 ul {top: 100px;left: 540px;line-height: 50px;}

.gg1 {height: 214px; background: url(../imagescn/klhx/gg1.jpg) no-repeat center center;}
.gg1 .tel {color: #fff;left: 930px;top: 30px;}
.gg1 .tel a {width: 170px;height: 40px;line-height: 40px;margin-top: 10px; background: #049df5;color: #fff;}

.ys2 {background: url(../imagescn/klhx/bg15.jpg) no-repeat center top;padding-top: 80px;text-align: center;}
.ys2 .content {width: 1071px; margin: 20px auto;-webkit-text-size-adjust:none;vertical-align: bottom;}
.ys2 .left-border,.ys2 .right-border {width: 34px; height:319px ;background: #2f2f2f;margin-top: 62px;}
.ys2 li {/*margin: 0 -15px;*/background: #fff;margin-bottom: 20px; margin-left:85px;}
.ys2 li > div{
  -webkit-transition: all .2s;
  -moz-transition: all .2s;
  -o-transition: all .2s;
  -ms-transition: all .2s;
  transition: all .2s;
}
.ys2 .ys2-tit {height:146px; background: url(../imagescn/klhx/bg16.jpg) no-repeat center center;}
.ys2 .tag {width: 300px;height: 381px;background: url(../imagescn/klhx/bg17.gif) no-repeat center top;overflow: hidden;}
.ys2 .tag span {font-size: 65px;color: #fff;font-family: 'Times New Roman';font-weight:bold;line-height: 85px;}
.ys2 .tag h4 {color: #fff;line-height: 25px; font-size:18px;}
.ys2 .tag p {color: #fff;height: 120px;overflow: hidden;}

@media screen and (max-width:600px){.ys2 .hide{display:inline-block!important;}}

.ys2 .selected .tag , .ys2 li:hover .tag {
    transform: translateY(22px);
  -ms-transform: translateY(22px);  
  -moz-transform: translateY(22px);   
  -webkit-transform: translateY(22px);  
  -o-transform: translateY(22px);  
}
.ys2 .selected .left-border ,.ys2 li:hover .left-border{
  background: #01b051;
  transform: skewY(33deg) translateY(20px);
  -ms-transform: skewY(33deg) translateY(11px);
  -moz-transform: skewY(33deg) translateY(20px);
  -webkit-transform: skewY(33deg) translateY(11px);
  -o-transform: skewY(33deg) translateY(20px);
}
.ys2 .selected .right-border ,.ys2 li:hover .right-border{
  background: #01b051;
  transform: skewY(-33deg) translateY(20px);
  -ms-transform: skewY(-33deg) translateY(11px);
  -moz-transform: skewY(-33deg) translateY(20px);
  -webkit-transform: skewY(-33deg) translateY(11px);
  -o-transform: skewY(-33deg) translateY(20px);
}

.gg2 {height: 214px;background: url(../imagescn/klhx/gg2.jpg) no-repeat center center;}
.gg2 .tel {color: #fff;left: 960px;top: 40px;}
.gg2 .tel a {width: 170px;height: 40px;line-height: 40px;margin-top: 10px; background: #049df5;color: #fff;}

.partner .content {padding-top: 20px;}
.partner li {float: left;width:258px;margin-right: 40px;}
.partner li img {width: 256px;height: 110px;border:1px solid #ccc;}
.partner li a {line-height: 30px;}

.customer {width: 670px;}
.customer .content {padding-top: 20px;}
.customer li {margin-bottom: 20px;clear: both;}
.customer li img {width: 145px;height: 107px;padding: 1px;border: 1px solid #ccc;}
.customer li .info {width: 510px;height: 107px;}
.customer li .info a {height: 35px;line-height: 35px;border-bottom: 1px solid #ccc;}
.customer li .info p {height: 50px; line-height: 25px;}
.customer li .info .more {border: 0;height: 25px;line-height: 25px;}

.honor {width:1180px;}
.honor .content {padding-top: 20px;}
.honor li {float: left;width:280px; text-align:center;}
.honor li img {height: 203px;	}
.honor li a {line-height: 30px;}
.honor .content .lefts ,.honor .content .rights {top: 90px;} 

.about {width: 670px;}
.about .content {padding-top: 20px;}
.about .content img {width: 255px;height: 166px;padding: 5px;background: url(../imagescn/klhx/bg18.gif);}
.about .content .info {width: 390px;}
.about .content .info p {height: 150px;line-height: 30px;overflow: hidden;text-indent: 2em;margin-bottom: 10px;}

.photo li {float: left;width:160px;margin-right: 40px;}
.photo li img {width: 160px;height: 120px;border:1px solid #ccc;}
.photo li a {line-height: 30px;}

.faq {width: 490px;}
.faq .content {height:389px;padding-top: 20px;position:relative;overflow: hidden;}
.faq .faq-c .faq-l {margin-bottom:20px;clear:both;overflow:hidden;}
.faq .faq-c .faq-l .faq-w span{width: 20px;height: 20px;line-height:20px;text-align:center;float:left;margin-right:5px;margin-bottom:10px;background:url(../imagescn/klhx/wd.gif) no-repeat center top;}
.faq .faq-c .faq-l .faq-d span{clear:both;color:#fff;width: 20px;height: 20px;line-height:20px;text-align:center;float:left;margin-right:5px;margin-bottom:10px;background:url(../imagescn/klhx/wd.gif) no-repeat center -20px;}
.faq .faq-c .faq-l .faq-w p {float:right;line-height: 20px;width: 450px;margin:0;color: #333;font-size: 14px;font-weight: bold;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.faq .faq-c .faq-l .faq-d p {float:right;width: 450px;height:80px;line-height:25px;margin:0;color: #333;overflow:hidden;}

.news .content {padding-top: 20px;}
.news .news-tit {height: 55px; background: url(../imagescn/klhx/bg12.gif) repeat-x center center;border-right: 1px solid #ddd;}
.news .news-tit h3 {float: left;width: 270px;height: 55px;line-height: 55px;text-align: center;font-size: 18px;font-weight: bold;}
.news .news-tit .active {background: url(../imagescn/klhx/bg11.jpg) no-repeat center center;}
.news .news-tit .active a {color: #fff;}
.news .news-tit h3 a {color: #333;}
.news .news-tit .more {font-size: 14px;color: #049df5;float: right;margin-right: 10px;line-height: 55px;}
.news .img {width: 410px;height: 258px;padding: 5px;background: url(../imagescn/klhx/bg18.gif);}
.news .list {width: 720px;}
.news .list .news-top {margin-bottom: 10px;}
.news .list .news-top a {line-height: 40px;}
.news .list .news-top p {height: 60px;line-height: 30px;overflow: hidden;}
.news .list .news-top .line {height: 5px;background:url(../imagescn/klhx/bg18.gif); }
.news .list li {float: left;height: 30px;line-height: 30px;width:40%;padding:0 5%;background: url(../imagescn/klhx/bg10.gif) no-repeat left center;}
.news .list li span {float: right;}
.news .list li a {font-weight: bold;}

.link {margin:10px;border: 1px solid #fff;padding: 10px;}
.link .link-tit {height:45px;line-height:30px;margin:0;font-size:24px;color:#ccc;text-transform: Uppercase;  font-family: "Times New Roman","微软雅黑";}
.link .link-tit h3 {color:#434343;float:left;margin: 0;font-size:24px;}
.link .link-tit h3 span {color:#fff;font-weight:bold;font-size:24px;}
.link .contant a {font-size:14px;color:#fff;margin-right:20px;}


/* 动画特效 */
@-webkit-keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
    
    40% {
        -webkit-transform: perspective(400px) rotateX(-10deg);
    }
    
    70% {
        -webkit-transform: perspective(400px) rotateX(10deg);
    }
    
    100% {
        -webkit-transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
}
@-moz-keyframes flipInX {
    0% {
        -moz-transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
    
    40% {
        -moz-transform: perspective(400px) rotateX(-10deg);
    }
    
    70% {
        -moz-transform: perspective(400px) rotateX(10deg);
    }
    
    100% {
        -moz-transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
}
@-ms-keyframes flipInX {
    0% {
        -ms-transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
    
    40% {
        -ms-transform: perspective(400px) rotateX(-10deg);
    }
    
    70% {
        -ms-transform: perspective(400px) rotateX(10deg);
    }
    
    100% {
        -ms-transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
}
@keyframes flipInX {
    0% {
        transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
    
    40% {
        transform: perspective(400px) rotateX(-10deg);
    }
    
    70% {
        transform: perspective(400px) rotateX(10deg);
    }
    
    100% {
        transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
}

.flipInX {
	-webkit-backface-visibility: visible !important;
	-webkit-animation-name: flipInX;
	-moz-backface-visibility: visible !important;
	-moz-animation-name: flipInX;
	-ms-backface-visibility: visible !important;
	-ms-animation-name: flipInX;
	backface-visibility: visible !important;
	animation-name: flipInX;
}

@-webkit-keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
	100% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
}

@-moz-keyframes flipOutX {
    0% {
        -moz-transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
	100% {
        -moz-transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
}

@-ms-keyframes flipOutX {
    0% {
        -ms-transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
	100% {
        -ms-transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
}

@keyframes flipOutX {
    0% {
        transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
	100% {
        transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
}

.flipOutX {
	-webkit-animation-name: flipOutX;
	-webkit-backface-visibility: visible !important;
	-moz-animation-name: flipOutX;
	-moz-backface-visibility: visible !important;
	-ms-animation-name: flipOutX;
	-ms-backface-visibility: visible !important;
	animation-name: flipOutX;
	backface-visibility: visible !important;
}

@-webkit-keyframes fadeIn {
	0% {opacity: 0;}	
	100% {opacity: 1;}
}

@-moz-keyframes fadeIn {
	0% {opacity: 0;}	
	100% {opacity: 1;}
}

@-ms-keyframes fadeIn {
	0% {opacity: 0;}	
	100% {opacity: 1;}
}

@keyframes fadeIn {
	0% {opacity: 0;}	
	100% {opacity: 1;}
}

.fadeIn {
	height: 100%;
	-webkit-animation-name: fadeIn;
	-moz-animation-name: fadeIn;
	-ms-animation-name: fadeIn;
	animation-name: fadeIn;
}

@-webkit-keyframes fadeOut {
	0% {opacity: 1;}
	100% {opacity: 0;}
}

@-moz-keyframes fadeOut {
	0% {opacity: 1;}
	100% {opacity: 0;}
}

@-ms-keyframes fadeOut {
	0% {opacity: 1;}
	100% {opacity: 0;}
}


@keyframes fadeOut {
	0% {opacity: 1;}
	100% {opacity: 0;}
}

.fadeOut {
	-webkit-animation-name: fadeOut;
	-moz-animation-name: fadeOut;
	-ms-animation-name: fadeOut;
	animation-name: fadeOut;
	height: 0;
}

@-webkit-keyframes tada {
	0% {-webkit-transform: scale(1);}	
	10%, 20% {-webkit-transform: scale(0.9) rotate(-3deg);}
	30%, 50%, 70%, 90% {-webkit-transform: scale(1.1) rotate(3deg);}
	40%, 60%, 80% {-webkit-transform: scale(1.1) rotate(-3deg);}
	100% {-webkit-transform: scale(1) rotate(0);}
}
@-moz-keyframes tada {
	0% {-moz-transform: scale(1);}	
	10%, 20% {-moz-transform: scale(0.9) rotate(-3deg);}
	30%, 50%, 70%, 90% {-moz-transform: scale(1.1) rotate(3deg);}
	40%, 60%, 80% {-moz-transform: scale(1.1) rotate(-3deg);}
	100% {-moz-transform: scale(1) rotate(0);}
}
@-ms-keyframes tada {
	0% {-ms-transform: scale(1);}	
	10%, 20% {-ms-transform: scale(0.9) rotate(-3deg);}
	30%, 50%, 70%, 90% {-ms-transform: scale(1.1) rotate(3deg);}
	40%, 60%, 80% {-ms-transform: scale(1.1) rotate(-3deg);}
	100% {-ms-transform: scale(1) rotate(0);}
}
@keyframes tada {
	0% {transform: scale(1);}	
	10%, 20% {transform: scale(0.9) rotate(-3deg);}
	30%, 50%, 70%, 90% {transform: scale(1.1) rotate(3deg);}
	40%, 60%, 80% {transform: scale(1.1) rotate(-3deg);}
	100% {transform: scale(1) rotate(0);}
}

@-webkit-keyframes flash {
	0%, 50%, 100% {opacity: 0;}	
	25%, 75% {opacity: 1;}
}
@-moz-keyframes flash {
	0%, 50%, 100% {opacity: 0;}	
	25%, 75% {opacity: 1;}
}
@-ms-keyframes flash {
	0%, 50%, 100% {opacity: 0;}	
	25%, 75% {opacity: 1;}
}
@keyframes flash {
	0%, 50%, 100% {opacity: 0;}	
	25%, 75% {opacity: 1;}
}

@-webkit-keyframes bounceInUp {
	0% {
		opacity: 0;
		-webkit-transform: translateY(2000px);
	}
	
	60% {
		opacity: 1;
		-webkit-transform: translateY(-30px);
	}
	
	80% {
		-webkit-transform: translateY(10px);
	}
	
	100% {
		-webkit-transform: translateY(0);
	}
}
@-moz-keyframes bounceInUp {
	0% {
		opacity: 0;
		-moz-transform: translateY(2000px);
	}
	
	60% {
		opacity: 1;
		-moz-transform: translateY(-30px);
	}
	
	80% {
		-moz-transform: translateY(10px);
	}
	
	100% {
		-moz-transform: translateY(0);
	}
}

@-ms-keyframes bounceInUp {
	0% {
		opacity: 0;
		-ms-transform: translateY(2000px);
	}
	
	60% {
		opacity: 1;
		-ms-transform: translateY(-30px);
	}
	
	80% {
		-ms-transform: translateY(10px);
	}
	
	100% {
		-ms-transform: translateY(0);
	}
}

@keyframes bounceInUp {
	0% {
		opacity: 0;
		transform: translateY(2000px);
	}
	
	60% {
		opacity: 1;
		transform: translateY(-30px);
	}
	
	80% {
		transform: translateY(10px);
	}
	
	100% {
		transform: translateY(0);
	}
}

.animated.bounceInUp {
	-webkit-animation-name: bounceInUp;
	-moz-animation-name: bounceInUp;
	-ms-animation-name: bounceInUp;
	animation-name: bounceInUp;
}
@-webkit-keyframes bounceInDown {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-2000px);
	}
	
	60% {
		opacity: 1;
		-webkit-transform: translateY(30px);
	}
	
	80% {
		-webkit-transform: translateY(-10px);
	}
	
	100% {
		-webkit-transform: translateY(0);
	}
}

@-moz-keyframes bounceInDown {
	0% {
		opacity: 0;
		-moz-transform: translateY(-2000px);
	}
	
	60% {
		opacity: 1;
		-moz-transform: translateY(30px);
	}
	
	80% {
		-moz-transform: translateY(-10px);
	}
	
	100% {
		-moz-transform: translateY(0);
	}
}

@-ms-keyframes bounceInDown {
	0% {
		opacity: 0;
		-ms-transform: translateY(-2000px);
	}
	
	60% {
		opacity: 1;
		-ms-transform: translateY(30px);
	}
	
	80% {
		-ms-transform: translateY(-10px);
	}
	
	100% {
		-ms-transform: translateY(0);
	}
}

@keyframes bounceInDown {
	0% {
		opacity: 0;
		transform: translateY(-2000px);
	}
	
	60% {
		opacity: 1;
		transform: translateY(30px);
	}
	
	80% {
		transform: translateY(-10px);
	}
	
	100% {
		transform: translateY(0);
	}
}

.animated.bounceInDown {
	-webkit-animation-name: bounceInDown;
	-moz-animation-name: bounceInDown;
	-ms-animation-name: bounceInDown;
	animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-2000px);
	}
	
	60% {
		opacity: 1;
		-webkit-transform: translateX(30px);
	}
	
	80% {
		-webkit-transform: translateX(-10px);
	}
	
	100% {
		-webkit-transform: translateX(0);
	}
}

@-moz-keyframes bounceInLeft {
	0% {
		opacity: 0;
		-moz-transform: translateX(-2000px);
	}
	
	60% {
		opacity: 1;
		-moz-transform: translateX(30px);
	}
	
	80% {
		-moz-transform: translateX(-10px);
	}
	
	100% {
		-moz-transform: translateX(0);
	}
}

@-ms-keyframes bounceInLeft {
	0% {
		opacity: 0;
		-ms-transform: translateX(-2000px);
	}
	
	60% {
		opacity: 1;
		-ms-transform: translateX(30px);
	}
	
	80% {
		-ms-transform: translateX(-10px);
	}
	
	100% {
		-ms-transform: translateX(0);
	}
}

@keyframes bounceInLeft {
	0% {
		opacity: 0;
		transform: translateX(-2000px);
	}
	
	60% {
		opacity: 1;
		transform: translateX(30px);
	}
	
	80% {
		transform: translateX(-10px);
	}
	
	100% {
		transform: translateX(0);
	}
}

.animated.bounceInLeft {
	-webkit-animation-name: bounceInLeft;
	-moz-animation-name: bounceInLeft;
	-ms-animation-name: bounceInLeft;
	animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
	0% {
		opacity: 0;
		-webkit-transform: translateX(2000px);
	}
	
	60% {
		opacity: 1;
		-webkit-transform: translateX(-30px);
	}
	
	80% {
		-webkit-transform: translateX(10px);
	}
	
	100% {
		-webkit-transform: translateX(0);
	}
}

@-moz-keyframes bounceInRight {
	0% {
		opacity: 0;
		-moz-transform: translateX(2000px);
	}
	
	60% {
		opacity: 1;
		-moz-transform: translateX(-30px);
	}
	
	80% {
		-moz-transform: translateX(10px);
	}
	
	100% {
		-moz-transform: translateX(0);
	}
}

@-ms-keyframes bounceInRight {
	0% {
		opacity: 0;
		-ms-transform: translateX(2000px);
	}
	
	60% {
		opacity: 1;
		-ms-transform: translateX(-30px);
	}
	
	80% {
		-ms-transform: translateX(10px);
	}
	
	100% {
		-ms-transform: translateX(0);
	}
}

@keyframes bounceInRight {
	0% {
		opacity: 0;
		transform: translateX(2000px);
	}
	
	60% {
		opacity: 1;
		transform: translateX(-30px);
	}
	
	80% {
		transform: translateX(10px);
	}
	
	100% {
		transform: translateX(0);
	}
}

.animated.bounceInRight {
	-webkit-animation-name: bounceInRight;
	-moz-animation-name: bounceInRight;
	-ms-animation-name: bounceInRight;
	animation-name: bounceInRight;
}

@-webkit-keyframes slideInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
  }

  100% {
  	opacity: 1;
    -webkit-transform: translateX(0);
  }
}
@-moz-keyframes slideInRight {
  0% {
    opacity: 0;
    -moz-transform: translateX(2000px);
  }

  100% {
  	opacity: 1;
    -moz-transform: translateX(0);
  }
}
@-ms-keyframes slideInRight {
  0% {
    opacity: 0;
    -ms-transform: translateX(2000px);
  }

  100% {
  	opacity: 1;
    -ms-transform: translateX(0);
  }
}
@keyframes slideInRight {
  0% {
    opacity: 0;
    transform: translateX(2000px);
  }

  100% {
  	opacity: 1;
    transform: translateX(0);
  }
}

@-webkit-keyframes slideOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
  }
}
@-moz-keyframes slideOutLeft {
  0% {
    opacity: 1;
    -moz-transform: translateX(0);
  }

  100% {
    opacity: 0;
    -moz-transform: translateX(-2000px);
  }
}
@-ms-keyframes slideOutLeft {
  0% {
    opacity: 1;
    -ms-transform: translateX(0);
  }

  100% {
    opacity: 0;
    -ms-transform: translateX(-2000px);
  }
}
@keyframes slideOutLeft {
  0% {
  	opacity: 1;
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    transform: translateX(-2000px);
  }
}

/* Above all are from animate.css by daneden http://daneden.me/animate/ */

.from-top{
	-webkit-transform-origin: 0% 0%;
	 -moz-transform-origin: 0% 0%;
	  -ms-transform-origin: 0% 0%;
	   transform-origin: 0% 0%;
}

.from-left{
	-webkit-transform-origin: 0% 100%;
	 -moz-transform-origin: 0% 100%;
	  -ms-transform-origin: 0% 100%;
	   transform-origin: 0% 100%;
}

.from-top, .from-left{
	-webkit-animation: enter-clockwise 0.23s ease-out;
	 -moz-animation: enter-clockwise 0.23s ease-out;
	  -ms-animation: enter-clockwise 0.23s ease-out;
	   animation: enter-clockwise 0.23s ease-out;
}

.from-right{
	-webkit-transform-origin: 100% 100%;
	 -moz-transform-origin: 100% 100%;
	  -ms-transform-origin: 100% 100%;
	   transform-origin: 100% 100%;
}

.from-bottom{
	-webkit-transform-origin: 0% 100%;
	 -moz-transform-origin: 0% 100%;
	  -ms-transform-origin: 0% 100%;
	   transform-origin: 0% 100%;
}

.from-right, .from-bottom{
	-webkit-animation: enter-anti-clockwise 0.23s ease-out;
	 -moz-animation: enter-anti-clockwise 0.23s ease-out;
	  -ms-animation: enter-anti-clockwise 0.23s ease-out;
	   animation: enter-anti-clockwise 0.23s ease-out;
}

.to-top{
	-webkit-transform-origin: 0% 0%;
	 -moz-transform-origin: 0% 0%;
	  -ms-transform-origin: 0% 0%;
	   transform-origin: 0% 0%;
}

.to-left{
	-webkit-transform-origin: 0% 100%;
	 -moz-transform-origin: 0% 100%;
	  -ms-transform-origin: 0% 100%;
	   transform-origin: 0% 100%;
}

.to-top, .to-left{
	-webkit-animation: leave-anti-clockwise 0.23s ease-out;
	 -moz-animation: leave-anti-clockwise 0.23s ease-out;
	  -ms-animation: leave-anti-clockwise 0.23s ease-out;
	   animation: leave-anti-clockwise 0.23s ease-out;
}

.to-right{
	-webkit-transform-origin: 100% 100%;
	 -moz-transform-origin: 100% 100%;
	  -ms-transform-origin: 100% 100%;
	   transform-origin: 100% 100%;
}

.to-bottom{
	-webkit-transform-origin: 0% 100%;
	 -moz-transform-origin: 0% 100%;
	  -ms-transform-origin: 0% 100%;
	   transform-origin: 0% 100%;
}

.to-right, .to-bottom{
	-webkit-animation: leave-clockwise 0.23s ease-out;
	 -moz-animation: leave-clockwise 0.23s ease-out;
	  -ms-animation: leave-clockwise 0.23s ease-out;
	   animation: leave-clockwise 0.23s ease-out;
}

@-webkit-keyframes enter-clockwise{
	from{
		z-index: 3;
		-webkit-transform: rotate(-90deg);
	}
	to{
		z-index: 3;
		-webkit-transform: rotate(0deg);
	}
}@-moz-keyframes enter-clockwise{
	from{
		z-index: 3;
		-moz-transform: rotate(-90deg);
	}
	to{
		z-index: 3;
		-moz-transform: rotate(0deg);
	}
}@-ms-keyframes enter-clockwise{
	from{
		z-index: 3;
		-ms-transform: rotate(-90deg);
	}
	to{
		z-index: 3;
		-ms-transform: rotate(0deg);
	}
}@keyframes enter-clockwise{
	from{
		z-index: 3;
		transform: rotate(-90deg);
	}
	to{
		z-index: 3;
		transform: rotate(0deg);
	}
}

@-webkit-keyframes enter-anti-clockwise{
	from{
		z-index: 3;
		-webkit-transform: rotate(90deg);
	}
	to{
		z-index: 3;
		-webkit-transform: rotate(0deg);
	}
}@-moz-keyframes enter-anti-clockwise{
	from{
		z-index: 3;
		-moz-transform: rotate(90deg);
	}
	to{
		z-index: 3;
		-moz-transform: rotate(0deg);
	}
}@-ms-keyframes enter-anti-clockwise{
	from{
		z-index: 3;
		-ms-transform: rotate(90deg);
	}
	to{
		z-index: 3;
		-ms-transform: rotate(0deg);
	}
}@keyframes enter-anti-clockwise{
	from{
		z-index: 3;
		transform: rotate(90deg);
	}
	to{
		z-index: 3;
		transform: rotate(0deg);
	}
}

@-webkit-keyframes leave-clockwise{
	from{
		z-index: 3;
		-webkit-transform: rotate(0deg);
	}
	to{
		z-index: 3;
		-webkit-transform: rotate(90deg);
	}
}@-moz-keyframes leave-clockwise{
	from{
		z-index: 3;
		-moz-transform: rotate(0deg);
	}
	to{
		z-index: 3;
		-moz-transform: rotate(90deg);
	}
}@-ms-keyframes leave-clockwise{
	from{
		z-index: 3;
		-ms-transform: rotate(0deg);
	}
	to{
		z-index: 3;
		-ms-transform: rotate(90deg);
	}
}@keyframes leave-clockwise{
	from{
		z-index: 3;
		transform: rotate(0deg);
	}
	to{
		z-index: 3;
		transform: rotate(90deg);
	}
}

@-webkit-keyframes leave-anti-clockwise{
	from{
		z-index: 3;
		-webkit-transform: rotate(0deg);
	}
	to{
		z-index: 3;
		-webkit-transform: rotate(-90deg);
	}
}@-moz-keyframes leave-anti-clockwise{
	from{
		z-index: 3;
		-moz-transform: rotate(0deg);
	}
	to{
		z-index: 3;
		-moz-transform: rotate(-90deg);
	}
}@-ms-keyframes leave-anti-clockwise{
	from{
		z-index: 3;
		-ms-transform: rotate(0deg);
	}
	to{
		z-index: 3;
		-ms-transform: rotate(-90deg);
	}
}@keyframes leave-anti-clockwise{
	from{
		z-index: 3;
		transform: rotate(0deg);
	}
	to{
		z-index: 3;
		transform: rotate(-90deg);
	}
}

@-webkit-keyframes slideDown{
	from{
		-webkit-transform: translateY(-75px);
	}
	to{
		-webkit-transform: translateY(0px);
	}
}@-moz-keyframes slideDown{
	from{
		-moz-transform: translateY(-75px);
	}
	to{
		-moz-transform: translateY(0px);
	}
}@-ms-keyframes slideDown{
	from{
		-ms-transform: translateY(-75px);
	}
	to{
		-ms-transform: translateY(0px);
	}
}@keyframes slideDown{
	from{
		transform: translateY(-75px);
	}
	to{
		transform: translateY(0px);
	}
}

@-webkit-keyframes slideUp{
	from{
		-webkit-transform: translateY(0px);
	}
	to{
		-webkit-transform: translateY(-75px);
	}
}@-moz-keyframes slideUp{
	from{
		-moz-transform: translateY(0px);
	}
	to{
		-moz-transform: translateY(-75px);
	}
}@-ms-keyframes slideUp{
	from{
		-ms-transform: translateY(0px);
	}
	to{
		-ms-transform: translateY(-75px);
	}
}@keyframes slideUp{
	from{
		transform: translateY(0px);
	}
	to{
		transform: translateY(-75px);
	}
}

@-webkit-keyframes bounceStrenth {
	0% {
		opacity: 0;
		-webkit-transform: scale(0);
	}
	
	60% {
		opacity: 1;
		-webkit-transform: scale(1.2);
	}
	
	100% {
		-webkit-transform: scale(1);
	}
}
@-moz-keyframes bounceStrenth {
	0% {
		opacity: 0;
		-moz-transform: scale(0);
	}
	
	60% {
		opacity: 1;
		-moz-transform: scale(1.2);
	}
	
	100% {
		-moz-transform: scale(1);
	}
}
@-ms-keyframes bounceStrenth {
	0% {
		opacity: 0;
		-ms-transform: scale(0);
	}
	
	60% {
		opacity: 1;
		-ms-transform: scale(1.2);
	}
	
	100% {
		-ms-transform: scale(1);
	}
}
@keyframes bounceStrenth {
	0% {
		opacity: 0;
		transform: scale(0);
	}
	
	60% {
		opacity: 1;
		transform: scale(1.2);
	}
	
	100% {
		transform: scale(1);
	}
}

@-webkit-keyframes bounceBigStrenth {
	0% {
		opacity: 0;
		-webkit-transform: scale(0);
	}
	
	60% {
		opacity: 1;
		-webkit-transform: scale(1.4);
	}
	
	100% {
		-webkit-transform: scale(1);
	}
}
@-moz-keyframes bounceBigStrenth {
	0% {
		opacity: 0;
		-moz-transform: scale(0);
	}
	
	60% {
		opacity: 1;
		-moz-transform: scale(1.4);
	}
	
	100% {
		-moz-transform: scale(1);
	}
}
@-ms-keyframes bounceBigStrenth {
	0% {
		opacity: 0;
		-ms-transform: scale(0);
	}
	
	60% {
		opacity: 1;
		-ms-transform: scale(1.4);
	}
	
	100% {
		-ms-transform: scale(1);
	}
}
@keyframes bounceBigStrenth {
	0% {
		opacity: 0;
		transform: scale(0);
	}
	
	60% {
		opacity: 1;
		transform: scale(1.4);
	}
	
	100% {
		transform: scale(1);
	}
}

@-webkit-keyframes spin {
	from {
		-webkit-transform: rotate(0deg);
	}

	to {
		-webkit-transform: rotate(360deg);
	}
}
@-moz-keyframes spin {
	from {
		-moz-transform: rotate(0deg);
	}

	to {
		-moz-transform: rotate(360deg);
	}
}
@-ms-keyframes spin {
	from {
		-ms-transform: rotate(0deg);
	}

	to {
		-ms-transform: rotate(360deg);
	}
}
@keyframes spin {
	from {
		transform: rotate(0deg);
	}

	to {
		transform: rotate(360deg);
	}
}






div.indexthreeback{ float:right; width:709px; height:353px;}
div.lijizixun{ width:180px; height:36px; background:url(../imagescn/klhx/lijizixun.png) center no-repeat;margin-left: 76px;
margin-top: -20px; position:relative; z-index:10;}
div.indexthreebacknav1{ width:174px; height:174px; float:left; margin-left:4px; margin-top:4px; overflow:hidden;transition:all 0.3s; background:url(../imagescn/klhx/indexthreeright1.jpg) center no-repeat;}
div.indexthreebacknav1 a{ width:100%; height:100%; display:block;}
div.indexthreebacknav1:hover{background:url(../imagescn/klhx/indexthreeright1h.jpg) center no-repeat;}
div.indexthreebacknav2{ width:174px; height:174px; float:left; margin-left:4px; margin-top:4px; overflow:hidden;transition:all 0.3s; background:url(../imagescn/klhx/indexthreeright2.jpg) center no-repeat;}
div.indexthreebacknav2 a{ width:100%; height:100%; display:block;}
div.indexthreebacknav2:hover{background:url(../imagescn/klhx/indexthreeright2h.jpg) center no-repeat;}
div.indexthreebacknav3{ width:174px; height:174px; float:left; margin-left:4px; margin-top:4px; overflow:hidden;transition:all 0.3s; background:url(../imagescn/klhx/indexthreeright3.jpg) center no-repeat;}
div.indexthreebacknav3 a{ width:100%; height:100%; display:block;}
div.indexthreebacknav3:hover{background:url(../imagescn/klhx/indexthreeright3h.jpg) center no-repeat;}
div.indexthreebacknav4{ width:174px; height:174px; float:left; margin-left:4px; margin-top:4px; overflow:hidden;transition:all 0.3s; background:url(../imagescn/klhx/indexthreeright4.jpg) center no-repeat;}
div.indexthreebacknav4 a{ width:100%; height:100%; display:block;}
div.indexthreebacknav4:hover{background:url(../imagescn/klhx/indexthreeright4h.jpg) center no-repeat;}
div.indexthreebacknav5{ width:174px; height:174px; float:left; margin-left:4px; margin-top:4px; overflow:hidden;transition:all 0.3s; background:url(../imagescn/klhx/indexthreeright5.jpg) center no-repeat;}
div.indexthreebacknav5 a{ width:100%; height:100%; display:block;}
div.indexthreebacknav5:hover{background:url(../imagescn/klhx/indexthreeright5h.jpg) center no-repeat;}
div.indexthreebacknav6{ width:174px; height:174px; float:left; margin-left:4px; margin-top:4px; overflow:hidden;transition:all 0.3s; background:url(../imagescn/klhx/indexthreeright6.jpg) center no-repeat;}
div.indexthreebacknav6 a{ width:100%; height:100%; display:block;}
div.indexthreebacknav6:hover{background:url(../imagescn/klhx/indexthreeright6h.jpg) center no-repeat;}
div.indexthreebacknav7{ width:174px; height:174px; float:left; margin-left:4px; margin-top:4px; overflow:hidden;transition:all 0.3s; background:url(../imagescn/klhx/indexthreeright7.jpg) center no-repeat;}
div.indexthreebacknav7 a{ width:100%; height:100%; display:block;}
div.indexthreebacknav7:hover{background:url(../imagescn/klhx/indexthreeright7h.jpg) center no-repeat;}
div.indexthreebacknav8{ width:174px; height:174px; float:left; margin-left:4px; margin-top:4px; overflow:hidden;transition:all 0.3s; background:url(../imagescn/klhx/indexthreeright8.jpg) center no-repeat;}
div.indexthreebacknav8 a{ width:100%; height:100%; display:block;}
div.indexthreebacknav8:hover{background:url(../imagescn/klhx/indexthreeright8h.jpg) center no-repeat;}







div.indexgongsiback{ width:1020px; height:321px; margin:auto;}
div.indexgongsinavaback{ width:340px; height:321px; float:left;}
div.indexgongsinavimg{ width:187px; height:187px; margin:auto;}
div.indexgongsinavtitle{ width:340px; height:46px; text-align:center; line-height:46px; color:#01aa4e; font-weight:bold; font-size:18px;}
div.indexgongsinavtitleback{ width:340px; height:30px; line-height:30px; text-align:center; color:#3a3a3a; font-weight:bold; font-size:14px;}
div.indexgongsinavtitleback a{ color:#3a3a3a;}
div.indexgongsinavsummaryback{ width:340px; height:24px; line-height:24px; text-align:center; color:#878787; font-size:12px;}