.swiper-kv {min-width: 1000px;}
.swiper-kv .windmill{position: absolute;left: 54.2%;top: 42.3%;}

.swiper-kv .swiper-prev:before,.swiper-kv .swiper-next:before {position: absolute;width: 4em; height: 4em;left: 50%; top: 50%; margin: -2em; background-repeat: no-repeat;background-position: center;background-color:#eee;background-color: rgba(0,0,0,0.3);border-radius: 5px;}
.swiper-kv .swiper-prev:before {background-image: url(../img/arrow-white-left.png);background-size: 40% auto;}
.swiper-kv .swiper-next:before {background-image: url(../img/arrow-white.png);background-size: 40% auto;}

.product-hd {text-align: center;padding: 1em 0;overflow: hidden;}
.product-hd a{float:right;color: #000;font-size: 1.4em;margin-top: 0.4em;}
.product-hd h2{float: left;font-size: 2.2em;width: 100%;margin-right: -8em;}
.product-bd {}
.product-bd ul {white-space: nowrap;letter-spacing: -0.35em;text-align: center; margin:0 -1.0%;}
.product-bd li { display: inline-block; vertical-align: top;width: 23%; margin: 0 1%; white-space:normal;position: relative;letter-spacing: 0;}
.product-bd li a { display: block;}
.product-bd li a img {width: 100%}
.product-bd li:hover .word{padding: 5em 0;}
.product-bd li .word {position:absolute;width: 100%;left: 0;top:0;padding: 1.2em 0;text-align: center; color: #fff;transition: padding 300ms 100ms;}
.product-bd li .word h2{font-size: 1.55em;}
.product-bd li.product-1 .word {background:#0fb7d4;}
.product-bd li.product-2 .word {background:#ffc742;}
.product-bd li.product-3 .word {background:#0b78bd;}
.product-bd li.product-4 .word {background:#0fb7d4;}


/* news */
.news {padding:2em 0;background-color: #f7f7f7; position: }
.news .news-head {position: relative;}
.news .news-more {position: absolute;right: 0;top:50%;margin-top: -0.5em;}
.news .news-more a {display: inline-block;margin: 0 0.8em;}
.news .news-more a.weixin {position: relative;}
.news .news-more a.weixin img {display: none;max-width: none;position: absolute;width: 123px;right: -10px;top: 100%;}
.news .news-more a.weixin:hover img {display: block}
.news .tab-hds {border-bottom: 4px #c7e8f7 solid;font-size: 1.4em;}
.news .tab-hds a{display: inline-block;color: #000;padding: 1em 1.5em;box-sizing: border-box; max-width: 30%; vertical-align:bottom;border-bottom: 4px #c7e8f7 solid;margin-bottom: -4px;cursor: pointer;}
.news .tab-hds a.active{border-bottom: 4px #0487d5 solid;}
.news .tab-bd {padding: 3em 0;overflow: hidden;display: none;}
.news .active {display: block;}
.news .tab-bd .news-img {float: left;margin-right: 3em;}
.news .tab-bd .news-word {display: block;overflow: hidden;padding-bottom: 0.5em;}
.news .tab-bd .news-hd h2 {font-size: 2.2em;}
.news .tab-bd .news-hd a {font-size: 1.3em;float: right;color: #000;margin-top: 0.3em;}
.news .tab-bd .news-hd a i{margin-right: 0.3em;}
.news .tab-bd .news-list li{margin: 1em 0!important;font-size: 1.2em;white-space: nowrap}
.news .tab-bd .news-list li a{color: #000;white-space: nowrap;overflow: hidden; text-overflow: ellipsis;display: inline-block; width: 100%; vertical-align: middle;margin-top: -.2em;text-indent: 0;}
.news .tab-bd .news-list li a:hover{color: #0088d5;}
.news .tab-bd .news-list li a span{margin-right: 1em;}

/* tools */
.tools {background-color:#f7f7f7;padding: 2em 0; margin-top: -4em;}
.tools ul {text-align: justify;}
.tools ul:before, .tools ul:after { content: "";display: inline-block; width: 100%;}
.tools li { display: inline-block; vertical-align: top;width: 24%; white-space:normal;position: relative;text-align: center;}
.tools li *{ width: 100%;}
.tools li a{font-size: 1.4em;color: #000;}
.tools li h2{margin-top: .5em;}
.tools a:hover{color: #0088d5;}
/*pc*/
@media (min-width: 769px){
	.imgword {padding: 1.5em 0;}
	.imgword .wrap {overflow: hidden;text-align: center;font-size: 1.2em;}
	.imgword-left {float:right;width: 50%;height: 0;padding-bottom:35%;margin-bottom:9%; }
	.imgword h2{font-size: 1.6em;}
	.imgword-left + div {float:left;width: 25%;}
	.imgword-left + div + div {float:left;width: 25%;}
	.imgword-right {float:left;width: 50%;text-align: center;}
	.imgword-right + div {float:left;width: 25%;margin-top: -9%;}
	.imgword-right + div + div {float:left;width: 25%;margin-top: -9%;}
	.imgword-left:before,.imgword-right:before {content: "";display: inline-block; width: 0;height:0;padding-bottom: 68%;vertical-align: middle;}
	.imgword-left .inside,.imgword-right .inside{display: inline-block; vertical-align: middle;width: 60%;}
}
/*ipad*/
@media only screen and (min-width: 768px) and (max-width: 1024px){	
	.product-hd a {margin-right: 1em;}
	.imgword {padding:0;}
	.imgword .wrap {overflow: hidden;text-align: center;font-size: 1.2em;}
	.imgword-left {float:right;width: 50%;height: 0;padding-bottom:35%;margin-bottom:9%; }
	.imgword h2{font-size: 1.6em;}
	.imgword-left + div {float:left;width: 25%;}
	.imgword-left + div + div {float:left;width: 25%;}
	.imgword-right {float:left;width: 50%;text-align: center;}
	.imgword-right + div {float:left;width: 25%;margin-top: -9%;}
	.imgword-right + div + div {float:left;width: 25%;margin-top: -9%;}
	.imgword-left:before,.imgword-right:before {content: "";display: inline-block; width: 0;height:0;padding-bottom: 68%;vertical-align: middle;}
	.imgword-left .inside,.imgword-right .inside{display: inline-block; vertical-align: middle;width: 60%;}
	.news .tab-bd{padding: 2em;}
	.news .tab-bd .news-img{width: 60%}
}
/*mobile*/
@media (max-width: 767px){
	.swiper-kv {min-width: 0;}
	.product-hd {padding: 0.5em 0;}
	.product-hd a{float:none;}
	.product-hd h2{float: none;margin: auto;}
	.product-bd {padding:0 10px;}
	.product-bd li:hover .word{padding: 2em 0;}
	.product-bd li .word {padding: 0.5em 0;}
	.product-bd li .word h2{font-size: 1em;}
	.product-bd li .word h2 i{display: none}
	.product-bd li .word h3{font-size: 0.5em;letter-spacing: -0.4px;display: none}
	
	.imgword {padding: 10px;text-align: center}
	.imgword .wrap {overflow: hidden;}
	.imgword .wrap > div {float:left;width: 50%;box-sizing: border-box;}
	.imgword .wrap > div * {width:100%;box-sizing: border-box;}
	.imgword .wrap > div a {margin-top: 1em;}
	.imgword .wrap > div.imgword-left,
	.imgword .wrap > div.imgword-right{width: 100%;padding:2em;}
	.imgword .wrap > div h2,
	.product-hd h2{font-size: 1.5em;}

	.btn-black-arrow {font-size:0.8em;}
	
	.news .tab-hds {text-align: center;}
	.news .tab-hds a{padding: 1em 1em;box-sizing: border-box; width: 32%;}
	.news .tab-bd {padding: 10px;}
	.news .tab-bd .news-img {float:none;margin: auto;}
	.news .tab-bd .news-img *{width: 100%;}
	.news .tab-bd .news-hd {margin-top: 1em;}
	
	.tools {padding: 10px; margin-top:-40px;}
	.tools li { width: 49%;margin-bottom: 1em;}
	.tools li a{font-size: 1.2em;}
}