@charset "UTF-8";
/**
 * 
 * @authors Your Name (you@example.org)
 * @date    2018-01-06 10:50:37
 * @version $Id$
 */

.footer .floatbox{display:none;}
.section1 .bannerSJ{display:none;}
.section1 .swiper-container{width:100%;height:100%;}
.section1 .swiper-container .swiper-wrapper{height:100%;}
.section1 .swiper-slide{height:100%;cursor:pointer;}
.section1 .swiper-container .pageOn{bottom:20px;text-align:left;padding-left:60px;box-sizing:border-box;}
.section1 .pageOn span{width:0.5rem;height:5px;opacity:1;background-color:#0066ab;border-radius:0px;}
.section1 .pageOn  .swiper-pagination-bullet-active{background-color:#d9261c;}
.section1{overflow:hidden;}
.section1 .swiper-slide{overflow:hidden;}
.section1 .swiper-slide-active .pic{transform:scale(1.2);-ms-transform:scale(1.2);-moz-transform:scale(1.2);-webkit-transform:scale(1.2);-o-transform:scale(1.2);animation:banner_act 6s forwards;-ms-animation:banner_act 6s forwards;-moz-animation:banner_act 6s forwards;-webkit-animation:banner_act 6s  forwards;-o-animation:banner_act 6s forwards;}


@keyframes banner_act {
	0%{transform:scale(1.2);-ms-transform:scale(1.2);-moz-transform:scale(1.2);-webkit-transform:scale(1.2);-o-transform:scale(1.2);}
	100%{transform:scale(1);-ms-transform:scale(1);-moz-transform:scale(1);-webkit-transform:scale(1);-o-transform:scale(1);}
}

@-webkit-keyframes banner_act {
  0%{transform:scale(1.2);-ms-transform:scale(1.2);-moz-transform:scale(1.2);-webkit-transform:scale(1.2);-o-transform:scale(1.2);}
  100%{transform:scale(1);-ms-transform:scale(1);-moz-transform:scale(1);-webkit-transform:scale(1);-o-transform:scale(1);}
}

@-moz-keyframes banner_act {
  0%{transform:scale(1.2);-ms-transform:scale(1.2);-moz-transform:scale(1.2);-webkit-transform:scale(1.2);-o-transform:scale(1.2);}
  100%{transform:scale(1);-ms-transform:scale(1);-moz-transform:scale(1);-webkit-transform:scale(1);-o-transform:scale(1);}
}

@-o-keyframes banner_act {
  0%{transform:scale(1.2);-ms-transform:scale(1.2);-moz-transform:scale(1.2);-webkit-transform:scale(1.2);-o-transform:scale(1.2);}
  100%{transform:scale(1);-ms-transform:scale(1);-moz-transform:scale(1);-webkit-transform:scale(1);-o-transform:scale(1);}
}

.section1 .pageSJ span{width:0.3rem;height:5px;opacity:1;background-color:#0066ab;border-radius:0px;}
.section1 .pageSJ  .swiper-pagination-bullet-active{background-color:#d9261c;}



.section2{}
.section2 .solution{height:100%;}
.section2 .solution ul{height:100%;}
.section2 .solution li{float:left;width:25%;height:100%;position:relative;overflow:hidden;cursor:pointer;box-sizing:border-box;border-right:1px solid #fff;top:66px;opacity:0;}
.section2 .solution li:last-child{border:none;}
.section2 .solution li .pic{height:100%;}
.section2 .solution li img{height:100%;width:100%;}
.section2 .solution li .mc{position:absolute;left:0px;top:0px;height:100%;padding:0px 8%;z-index:20;width:100%;box-sizing:border-box;}
.section2 .solution li .mc .intit{font-size:30px;text-align:center;color:#333;padding-bottom:26px;border-bottom:1px solid #ccc;}
.section2 .solution li .mc .inbod{width:66%;margin:0 auto;text-align:center;font-size:14px;line-height:30px;color:#555;padding-top:30px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;}


.section2 .solution li .mc .more{display:block;width:1.6rem;height:0.5rem;border:1px solid #b8b8b8;box-sizing:border-box;text-align:center;line-height:0.48rem;color:#888;margin:0 auto;font-size:14px;margin-top:60px;transition:all 0.3s linear;}

.section2 .solution li .mc .mc_c{position:relative;width:100%;height:100%;display:table;}
.section2 .solution li .mc .mc_c .caption{display:table-cell;vertical-align:middle;text-align:center;backface-visibility: hidden;position:relative;top:-80px;transition:all 0.3s linear;}
.section2 .solution li .mcbg{position:absolute;left:0px;top:0px;width:100%;height:100%;background:url(../images/hw.jpg);z-index:10;transition:all 0.6s;} 
.section2 .solution li:hover .mcbg{left:-100%;opacity:0;}
.section2 .solution li:hover .caption{transform:translateY(-10px);}
.section2 .solution li:hover .more{background-color:#d9261c;border:1px solid #d9261c;color:#fff;}
.section2 .solution li:hover .intit{color:#fff;border-bottom:1px solid rgba(255,255,255);transition:all 0.4s linear;}
.section2 .solution li:hover .inbod{color:#fff;transition:all 0.4s linear;}

.section3{background:url(../images/p.png) center 100% no-repeat;background-size:21% 61%;}
.section3 .product .pageOn{display:none;}
.section3 .product .a_group{margin-bottom:80px;}
.section3 .product .a_group a{display:block;float:left;font-size:24px;text-align:center;color:#0066ab;padding-bottom:24px;width:33.3333%;border-bottom:5px solid #f5f5f5;cursor:pointer;position:relative;}
.section3 .product .a_group a span{display:block;position:absolute;left:50%;bottom:-5px;width:0px;height:5px;background-color:#0066ab;transition:all 0.3s linear;}
.section3 .product .a_group .on span{width:100%;left:0px;}
.section3 .product .a_group a:hover span{width:100%;left:0px;}
.section3 .product .pic{width:50%;float:left;overflow:hidden;}
.section3 .product .pic img{transition:all 0.3s linear;}
.section3 .product .pic img:hover{transform:scale(1.08);}
.section3 .product .caption{width:50%;float:left;box-sizing:border-box;}
.section3 .product .caption .text{width:78.125%;float:left;margin-left:12.5%;height:100%;display:table;}
.section3 .product .caption .txt_i{display:table-cell;vertical-align:middle;backface-visibility: hidden;position:relative;top:-30px;}
.section3 .product .caption .intit{font-size:30px;color:#333;padding-bottom:18px;background:url(../images/prointitbg.gif) left bottom no-repeat;}
.section3 .product .caption .inbod{font-size:14px;color:#555;line-height:28px;margin-top:25px;text-align:justify;}
.section3 .product .caption .text .more{display:block;width:1.6rem;height:0.5rem;text-align:center;line-height:0.5rem;border-radius:2px;background-color:#0066ab;font-size:14px;color:#fff;margin-top:50px;transition:all 0.3s linear;}
.section3 .product .caption .text .more:hover{background-color:#d9261c;}

.section3 .product .swiper-slide:nth-child(1) .pic{position:relative;left:-60px;opacity:0;}
.section3 .product .swiper-slide:nth-child(1) .caption{position:relative;right:-60px;opacity:0;}

.section4{background:url(../images/n.png) center 100% no-repeat;background-size:26.38% 52.63%;}
.section4 .news{overflow:hidden;}
.section4 .news .swiper-slide{background-color:rgba(245,245,245,0.5);padding:6% 6.6%;box-sizing:border-box;overflow:hidden;}


.section4 .news .swiper-slide{overflow:hidden;}
.section4 .news .pic{width:46%;float:right;overflow:hidden;box-sizing:border-box;border:none;position:relative;/*right:-60px;opacity:0;*/}
.section4 .news .pic img{transition:all 0.3s linear;display:block;margin:0 auto;}
.section4 .news .pic img:hover{transform:scale(1.08);}
.section4 .news .caption{width:50%;float:left;box-sizing:border-box;position:relative;/*left:-60px;opacity:0;*/overflow:hidden;}
.section4 .news .caption .text{width:78.125%;float:left;height:100%;display:table;}
.section4 .news .caption .txt_i{display:table-cell;vertical-align:middle;backface-visibility: hidden;position:relative;top:0px;}
.section4 .news .caption .intit{font-size:24px;color:#0066ab;width:80%;position:relative;}
.section4 .news .caption .intit span{font-size:14px;color:#d9261c;padding-right:26px;background:url(../images/dataline.gif) right center no-repeat;position:absolute;left:-72px;top:-40px;}
.section4 .news .caption .inbod{font-size:14px;color:#555;line-height:28px;margin-top:26px;text-align:justify;height:140px;overflow-y:auto;padding-right:15px;}
.section4 .news .caption .text .more{display:block;width:1.6rem;height:0.5rem;text-align:center;line-height:0.5rem;border-radius:2px;background-color:#0066ab;font-size:14px;color:#fff;margin-top:20px;transition:all 0.3s linear;}
.section4 .news .caption .text .more:hover{background-color:#d9261c;}


/*滚动条样式*/
.section4 .news .caption .inbod::-webkit-scrollbar {/*滚动条整体样式*/
    width: 8px;     /*高宽分别对应横竖滚动条的尺寸*/
    height: 8px;
}
.section4 .news .caption .inbod::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
    border-radius: 0px;
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    background: #0066ab;
}

.section4 .news .caption .inbod::-webkit-scrollbar-track {/*滚动条里面轨道*/
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    border-radius: 0;
    background: rgba(255,255,255,0.6);
}




.section4{position:relative;cursor:pointer;}
.section4 .newCt{padding-bottom:36px;}
.section4 .newCt .pageOn1{bottom:0px;}
.section4 .pageOn1 span{width:0.4rem;height:4px;opacity:1;background-color:#0066ab;border-radius:0px;margin:0px 10px;}
.section4 .pageOn1  .swiper-pagination-bullet-active{background-color:#d9261c;}

.section5 .about .abLeft{width:41.79%;float:left;position:relative;}
.section5 .about .abLeft .intit{font-size:24px;color:#0066ab;padding-top:0.4rem;background:url(../images/abtit.gif) 3px top no-repeat;}
.section5 .about .abLeft .inbod{font-size:14px;color:#555;line-height:28px;margin-top:0.26rem;text-align:justify;}
.section5 .about .abLeft .more{display:block;width:1.6rem;height:0.5rem;text-align:center;line-height:0.5rem;border-radius:2px;background-color:#0066ab;font-size:14px;color:#fff;margin-top:0.35rem;transition:all 0.3s linear;}
.section5 .about .abLeft .more:hover{background-color:#d9261c;}
.section5 .about .abLeft .data{margin-top:0.6rem;}
.section5 .about .abLeft .data li{float:left;font-size:18px;color:#555;margin-right:60px;}
.section5 .about .abLeft .data li em{font-size:60px;color:#333333;font-family: BEBAS;}
.section5 .about .abLeft .data li p{text-align:center;margin-top:6px;}
.section5 .about .abLeft .data .l1{width:72px;}
.section5 .about .abLeft .data .l2{width:146px;}
.section5 .about .abLeft .data .l3{width:199px;}

.section5{position:relative;background:url(../images/a.png) center 110% no-repeat;background-size:30% 60%;}
.section5 .abRight{position:absolute;top:3.3rem;right:0.8rem;width:9.72rem;height:4.82rem;}
.section5 .abRight .yq{position:absolute;width:8px;height:8px;border-radius:50%;background-color:#fff;left:4.44rem;top:1.65rem;}
.section5 .abRight .yq span{display:block;width:0px;height:0px;border:1px solid #fff;box-sizing:border-box;position:absolute;border-radius:50%;left:50%;top:50%;}
.section5 .abRight .yq .sp1{animation: spOne 5s linear 0s infinite;}
.section5 .abRight .yq .sp2{animation: spOne 5s linear 1s infinite;}
.section5 .abRight .yq .sp3{animation: spOne 5s linear 2s infinite;}


.section5 .abRight .add{position:absolute;left:2.61rem;top:-1rem;width:598px;}
.section5 .abRight .add .mlogo{float:left;}
.section5 .abRight .add ul{float:left;font-size:14px;color:#555;line-height:26px;margin-left:40px;}
.section5 .abRight .add .line{display:block;width:1px ;height:1.5rem;background-color:#fff;position:absolute;left:1.87rem;top:1.2rem;}
.section5 .abRight .add .dot{display:none;width:8px;height:8px;background-color:#dbdbdb;border-radius:100%;position:absolute;left:2.25rem;top:0.2rem;}

.section5 .abRight .add .line .addC{position:absolute;left:-226px;top:-70px;width:598px;}

.solution1{display:none;}

.indexQQ{position:fixed;bottom:0px;right:0px;z-index:1200;}
.indexQQ li{float:left;height:50px;line-height:50px;font-size:14px;background-color:#212322;color:#fff;padding:0px 25px;position:relative;}
.indexQQ li .wxewm{}
.indexQQ .l1{background-color:#0066ab;padding:0px 20px;}
.indexQQ .l1 em{display:block;padding-left:34px;background:url(../images/rxbg.png) left center no-repeat;float:left;background-size:22px 22px;}
.indexQQ .l1 span{font-size:20px;font-weight:bold;display:block;float:left;}
.indexQQ li a{color:#fff;transition:all 0.3s linear;}
.indexQQ .l2 a:hover{color:#00864f;}
.indexQQ .l3 .wxewm{position:absolute;left:50%;margin-left:-60px;top:-120px;opacity:0;transition:all 0.3s linear;pointer-events:none;}
.indexQQ .l3 .wxewm:before{content:'';display:block;width:0px;height:0px;border-top:10px solid #fff;border-right:10px solid  transparent;border-left:10px solid transparent;border-bottom:0px solid #fff;position:absolute;left:50%;margin-left:-10px;bottom:-10px;}
.indexQQ .l3:hover .wxewm{top:-130px;opacity:1;}



@keyframes spOne{
	0%{opacity:1;width:0px;height:0px;margin-left:0px;margin-top:0px;}
	50%{opacity:0;width:60px;height:60px;margin-left:-30px;margin-top:-30px;}
	100%{opacity:0;width:0px;height:0px;margin-left:0px;margin-top:00px;}
}






.section5 .abRight img{}


@media(max-width:1600px){

	.section2 .solution li .mc .intit{font-size:22px;}
	.section3 .product .caption .intit{font-size:22px;}
	.section3 .product .caption .txt_i{top:0px;}
	.section3 .product .a_group a{font-size:22px;}
	.section4 .news .caption .intit{font-size:22px;}
	.section4 .news .caption .inbod{margin-top:16px;/*overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:4;-webkit-box-orient: vertical;*/height:120px;}	
	.section4 .news .caption .text .more{margin-top:20px;}


}

@media(max-width:1440px){

	.section4 .news .caption .intit span{left:0px;top:-30px;}
	.section5 .about .abLeft .data{margin-top:0.3rem;}
	.section5 .about .abLeft .data li{margin-right:30px;}
	.section5 .abRight{top:3.6rem;right:1rem;}

}


@media(max-width:1360px){

	.section5 .about .abLeft .data li em{font-size:50px;}

}




@media(max-width:1200px){
	
	.section3 .product .caption .inbod{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:4;-webkit-box-orient: vertical;}
	
	.section3 .product .caption .text .more{margin-top:30px;}
	.section4 .news .caption .intit{font-size:18px;}

}


@media(max-width:960px){
	.indexQQ{display:none;}
	.solution{display:none;}
	.solution1{display:block;padding:0px 15px;position:relative;}

	.solution1 .swiper-slide .pic{}
	.solution1 .swiper-slide .caption{padding:0px 0px;padding-top:0.3rem;}
	.solution1 .swiper-slide .caption .intit{font-size:0.40rem;}
	.solution1 .swiper-slide .caption .inbod{font-size:0.30rem;margin-top:0.2rem;text-align:justify;line-height:0.5rem;}
	.solution1 .pageOn{bottom:-30px;width:100%;text-align:center;left:0px;}
	.solution1 .pageOn span{width:0.6rem;height:4px;opacity:1;background-color:#0066ab;border-radius:0px;margin:0px 6px;}
	.solution1 .pageOn  .swiper-pagination-bullet-active{background-color:#d9261c;}

	.section3{background:none;}
	.section3 .product{padding-top:30px;}
	.section3 .product .a_group{margin-bottom:0.6rem;}
	.section3 .product .a_group a{display:block;float:left;font-size:0.30rem;text-align:center;color:#0066ab;padding-bottom:0.3rem;width:33.3333%;border-bottom:2px solid #f5f5f5;}
	.section3 .product .a_group a span{bottom:-2px;height:2px;}
	.section3 .product .a_group .on{border-color:transparent;}
	.section3 .g-in{width:100%;}

	.section3 .product .pic{width:100%;float:left;overflow:hidden;padding:0px 15px;box-sizing:border-box;}
	.section3 .product .pic img{transition:all 0.3s linear;}
	.section3 .product .pic img:hover{transform:scale(1.08);}
	.section3 .product .caption{width:100%;float:left;box-sizing:border-box;padding:0px 15px;box-sizing:border-box;}

	
	.section3 .product .caption{height:auto !important;padding-top:0.6rem;}
	.section3 .product .caption .text{width:100%;float:left;margin-left:0%;height:100%;display:table;}
	.section3 .product .caption .txt_i{display:table-cell;vertical-align:middle;backface-visibility: hidden;position:relative;top:0px;}
	.section3 .product .caption .intit{font-size:0.40rem;color:#333;padding-bottom:0.2rem;background:url(../images/prointitbg.gif) left bottom no-repeat;}
	.section3 .product .caption .inbod{font-size:0.3rem;color:#555;line-height:0.5rem;margin-top:0.3rem;text-align:justify;}
	.section3 .product .caption .text .more{display:none;}


	.section4{background:none;background-size:26.38% 52.63%;}
	.section4 .news{overflow:hidden;}
	.section4 .g-in{width:100%;}
	.section4 .news .swiper-slide{background-color:rgba(245,245,245,0.5);padding:6% 6.6%;box-sizing:border-box;overflow:hidden;}

	.section4 .news .pic{width:100%;float:right;overflow:hidden;box-sizing:border-box;border:4px solid #d7d4d3;margin-top:0.3rem;}
	.section4 .news .pic img{transition:all 0.3s linear;}
	.section4 .news .pic img:hover{transform:scale(1.08);}
	.section4 .news .caption{width:100%;float:left;box-sizing:border-box;height:auto !important;}
	.section4 .news .caption .text{width:100%;float:left;height:100%;display:table;}
	.section4 .news .caption .txt_i{display:table-cell;vertical-align:middle;backface-visibility: hidden;position:relative;top:0px;}
	.section4 .news .caption .intit{font-size:0.40rem;color:#0066ab;width:100%;position:relative;}
	.section4 .news .caption .intit span{font-size:14px;color:#d9261c;padding-right:26px;background:url(../images/dataline.gif) right center no-repeat;position:relative;left:0px;top:0px;display:none;}
	.section4 .news .caption .inbod{font-size:0.3rem;color:#555;line-height:0.5rem;margin-top:0.3rem;text-align:justify;}
	.section4 .news .caption .text .more{display:none;}

	
	.section5{background:none;}
	.section5 .g-in{width:100%;}
	.section5 .about{padding:0px 15px;box-sizing:border-box;}
	.section5 .abRight{display:none;}

	.section5 .about .abLeft{width:100%;float:left;}
	.section5 .about .abLeft .intit{font-size:0.4rem;color:#0066ab;padding-top:0.6rem;background:url(../images/abtit.gif) 0px top no-repeat;}
	.section5 .about .abLeft .inbod{font-size:0.3rem;color:#555;line-height:0.5rem;margin-top:0.26rem;text-align:justify;}
	.section5 .about .abLeft .more{display:block;width:2.4rem;height:0.8rem;text-align:center;line-height:0.8rem;border-radius:2px;background-color:#0066ab;font-size:14px;color:#fff;margin-top:0.35rem;transition:all 0.3s linear;}
	.section5 .about .abLeft .more:hover{background-color:#d9261c;}
	.section5 .about .abLeft .data{margin-top:0.6rem;}
	.section5 .about .abLeft .data li{float:left;font-size:14px;color:#555;margin-right:20px;}
	.section5 .about .abLeft .data li em{font-size:40px;color:#333333;font-family: BEBAS;}
	.section5 .about .abLeft .data li p{text-align:center;margin-top:6px;}
	.section5 .about .abLeft .data .l1{width:56px;}
	.section5 .about .abLeft .data .l2{width:112px;}
	.section5 .about .abLeft .data .l3{width:78px;}


	.section1 .bannerSJ{display:block;}
	.section1 .banner{display:none;}



}