.banner{width:100%;}
	.banner a{display:block;}
	.banner .swiper-slide{  text-align: center;
        display: flex;
        justify-content: center;
        align-items: center;
        overflow: hidden;}
	.banner img{height:auto;width: 100%;}
	.banner .iconfont{font-size:60px;}
		.banner .swiper-button-prev{left:2%;}
		.banner .swiper-button-next{right:2%;}

.search{background:#fff;border-bottom:1px solid #eee;}
	.searchhot{padding:20px 0;color:#999;line-height: 20px;}
		.searchhot i{float:left;margin-right:10px;font-size:16px;font-weight:bold;text-align:center;width:20px;height:20px;background:#0062b4;color:#fff;border-radius:20px;}
		.searchhot a{margin-right:10px;color:#999;}
        .searchhot a:hover{color:#0062b5;}
	.searchform{border-left:1px solid #eee;border-right:1px solid #eee;}
		.searchform form{}
		.searchform input{}
		.searchform input.txt{height:60px;line-height:60px;background:#fff;padding:0 20px;border:1px solid #fff;border-right:none;}
		.searchform input.txt::-webkit-input-placeholder{color:#ccc;font-size:12px;}
		.searchform input.btn{height:60px;background:#fff;padding:0 20px;border-left:1px solid #eee;cursor: pointer;}

.title{text-align:center;margin-bottom:40px;}
	.title i{font-family:'RobotoCondensed';text-transform:uppercase;font-size:50px;line-height:60px;opacity:0.1;font-style:normal;}
	.title h2{font-size:30px;line-height:40px;font-weight:normal;}
	.title h2 span{position:relative;display:inline-block;}
		.title h2 span:before{content:'';display:block;position:absolute;left:50%;top:50px;transform:translateX(-50%);width:60px;height:2px;background:#eee;}
		.title h2 span:after{content:'';display:block;position:absolute;left:50%;top:48px;width:6px;height:6px;background:#0062b4;border-radius:6px;animation:mch2 3s infinite ease-in-out;-webkit-animation:mch2 3s infinite ease-in-out;}
		@keyframes mch2{0% {transform:translateX(-25px);}50%{transform:translateX(20px);}100%{transform:translateX(-25px);}}

.product{padding:80px 0;}
	.productslide{margin-bottom:40px;}
		.productslide .hd{float:left;width:33%;background-image:linear-gradient(90deg,#f6f6f6 0,#fff 100%);box-sizing:border-box;padding:40px;}
			.productslide .hd h3{display:flex;margin-bottom:20px;}
				.productslide .hd span{display:block;width:50px;height:50px;text-align:center;background:#0062b5;color:#fff;font-family:RobotoCondensed;font-size:30px;line-height:50px;}
				.productslide .hd em{flex:1;display:block;color:#0062b5;font-size:24px;border:1px solid #0062b5;line-height:48px;padding:0 12px;}
			.productslide .hd ul{margin-bottom:30px;}
			.productslide .hd ul li{line-height:48px;border-bottom:1px dashed #eee;position:relative;}
			.productslide .hd ul li:before{content:'';display:block;position:absolute;top:50%;transform:translateY(-50%);left:0;width:3px;height:5px;background:#0062b5;transition:all 0.3s ease-out 0s;}
			.productslide .hd ul li:after{content:'';display:block;position:absolute;top:50%;right:5px;width:10px;height:10px;border-top:1px solid #333;border-right:1px solid #333;transform:rotate(45deg) translateY(-50%);transition:all 0.3s ease-out 0s;}
			.productslide .hd ul li a{font-size:16px;padding:0 20px;}
			.productslide .hd ul li.on:before{width:20px;}
			.productslide .hd ul li.on:after{border-top:1px solid #0062b5;border-right:1px solid #0062b5;right:-5px;}
			.productslide .hd ul li.on a{padding:0 30px;}
			.productslide .hd ol{margin:0 -5px;}
			.productslide .hd ol li{text-align:center;margin:0 0.5%;;border:1px solid #eee;float:left;width:24%;box-sizing:border-box;padding:24px 0;color:#999;}
			.productslide .hd ol li i{display:block;width:50px;height:50px;font-size:50px;line-height:50px;margin:0 auto;}
			.productslide .hd ol li p{}
			.productslide .hd ol li:hover{background:#0062b5;color:#fff;}
		.productslide .tempWrap{float:right;width:970px !important;}
		.productslide .bd{}
			.productslide .bd .productinfo{}
			.productslide .bd .productinfo figure{float:left;width:42%;overflow:hidden;}
			.productslide .bd .productinfo figure img{width:100%;}
			.productslide .bd .productinfo figure:hover img{transform:scale3d(1.05, 1.05, 1);}
			.productslide .bd .productinfo section{float:right;width:25%;max-height:600px;box-sizing:border-box;padding:40px;background-image:linear-gradient(90deg,#f6f6f6 0,#fff 100%);}
				.productslide .bd .productinfo section h3{font-size:18px;line-height:50px;color:#0062b5;margin-bottom:20px;position:relative;}
				.productslide .bd .productinfo section h3:after{content:'';display:block;position:absolute;bottom:0;left:0;width:30px;height:2px;background:#0062b4;}
				.productslide .bd .productinfo section p{color:#999;line-height:25px;height:100px;overflow:hidden;margin-bottom:40px;}
				.productslide .bd .productinfo section ol{line-height:25px;margin:20px 0;overflow:hidden; max-height: 175px;font-size:14px;color:#999; display: block;}
				.productslide .bd .productinfo section li{font-size:12px;color:#999;}
				.productslide .bd .productinfo section a{display:block;width:100px;line-height:38px;padding:0 15px;border:1px solid #0062b5;color:#0062b5;}
				.productslide .bd .productinfo section a i{float:right;font-size:20px;}
				.productslide .bd .productinfo section a:hover{background:#0062b5;color:#fff;}
	.productlist{float:right;}
		.productlist ul{display:flex;max-height: 430px;overflow: hidden;}
		.productlist li{overflow:hidden; width: 25%;}
        .productlist li.on{width: 50%;}
		.productlist li div{float:left;width:100%;background-image:linear-gradient(90deg,#f6f6f6 0,#fff 100%);box-sizing:border-box;padding:40px;transition: all ease-out 0s;}
        .productlist li.on div{width: 50%;}
			.productlist li div h3{display:flex;margin-bottom:20px;}
				.productlist li div span{display:block;width:50px;height:50px;text-align:center;background:#0062b5;color:#fff;font-family:RobotoCondensed;font-size:30px;line-height:50px;}
				.productlist li div em{flex:1;display:block;color:#0062b5;font-size:24px;border:1px solid #0062b5;line-height:48px;padding:0 12px;max-height: 48px;
                    overflow: hidden;}
			.productlist li div figure{overflow:hidden;}
				.productlist li div figure img{width:100%;}
			.productlist li div figure:hover img{transform:scale3d(1.05, 1.05, 1);transition:all ease-out 0.3s;}
		.productlist li section{float:left;opacity:0;width:0;box-sizing:border-box;padding:40px 0;position:relative;transition:all 0.3s ease-out 0s;}
		.productlist li section:before{content:'';display:block;position:absolute;top:0;left:0;bottom:0;width:1px;background:#f6f6f6;}
		.productlist li.on section{padding:40px;width:50%;opacity:1;}
			.productlist li section h3{font-size:18px;line-height:50px;color:#0062b5;margin-bottom:20px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;position:relative;}
			.productlist li section h3:after{content:'';display:block;position:absolute;bottom:0;left:0;width:30px;height:2px;background:#0062b4;}
			.productlist li section p{color:#999;line-height:25px;height:100px;overflow:hidden;}
			.productlist li section ol{line-height:25px;margin:20px 0;overflow:hidden;height:100px;font-size:14px;color:#999; display: block;}
			.productlist li section li{float:left;width:50%;font-size:12px;color:#999;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
			.productlist li section a{display:block;line-height:38px;width:100px;border:1px solid #0062b5;color:#0062b5;padding:0 15px;}
			.productlist li section a i{float:right;font-size:20px;}
			.productlist li section a:hover{background:#0062b5;color:#fff;}

.advan{padding:80px 0;background:#f9f9f9;}
	.advanslide{}
		.advaninfo{}
			.advaninfo .swiper-pagination{display:none;}
			.advaninfo section{display:flex;}
				.advaninfo section figure{flex:0 0 70%;min-width:0;}
				.advaninfo section div{flex:1;box-sizing:border-box;padding:40px;color:#fff;background-image:linear-gradient(-45deg,#003a6a 0,#0062b4 100%);}
					.advaninfo section div em{display:block;font-family:'sysfont';font-size:30px;line-height:40px;margin:0 0 40px;}
					.advaninfo section div i{display:block;width:40px;height:40px;font-size:40px;line-height:40px;}
					.advaninfo section div h3{font-size:22px;line-height:30px;font-weight:normal;margin:20px 0;}
					.advaninfo section div span{display:block;text-transform:uppercase;color:#999;}
					.advaninfo section div p{font-size:15px;margin:20px 0 0;}
		.advanclass{}
			.advanclass .swiper-pagination{display:none;}
			.advanclass .swiper-slide-active section{color:#0062b4;}
			.advanclass section{text-align:center;background:#fff;padding:20px 0;cursor: pointer;}
				.advanclass section i{display:block;width:40px;height:40px;font-size:40px;line-height:40px;margin:0 auto;}
				.advanclass section h3{font-size:14px;font-weight:normal;}
	.advanlist{}
		.advanlist ul{}
		.advanlist li{float:left;width:7%;position:relative;}
		.advanlist li:before{content:'';display:block;position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.5);}
		.advanlist li.on{width:51%;}
		.advanlist li.on:before{display:none;}
			.advanlist li div{position:absolute;z-index:1;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;opacity:1;transition:all ease-out 0.3s;}
			.advanlist li.on div{opacity:0;}
				.advanlist li div i{display: block;font-size: 14px;color: #8b8b8c;height: 26px;line-height: 26px;}
				.advanlist li div em{display: block;height: 27px;line-height: 27px;font-size: 20px;color: #fff;font-weight: bold;}
				.advanlist li div p{height: 67px;font-size: 24px;color: #fff;font-weight: bold;line-height: 58px;display: block;white-space:nowrap;}
				.advanlist li div strong{display:inline-block;margin-top:51px;color:#fff;}
			.advanlist li section{position:absolute;z-index:1;top:75px;bottom:75px;left:75px;width:300px;background:rgba(219,71,7,0.7);padding:30px;opacity:0;transition:all ease-out 0.3s;transform: scale(0);}
			.advanlist li.on section{opacity:1;transform: scale(1);}
				.advanlist li section i{display: block;height: 26px;font-size: 14px;color: #fff;line-height: 26px;opacity:0.6;}
				.advanlist li section h4{line-height: 45px;font-size: 30px;color: #fff;font-weight: bold;}
				.advanlist li section p{display: block;font-size: 16px;color: #fff;padding-top: 36px;margin-bottom:20px;}
				.advanlist li section strong{color:#fff;}
			.advanlist li figure{overflow:hidden;}
			.advanlist li figure img{}

.support{background:#333 url(../images/bgsupport.jpg) no-repeat center center;color:#fff;position:relative;}
	.support:after{content:'';display:block;position:absolute;top:0;left:0;bottom:0;right:0;background:rgba(0,0,0,0.6);}
	.support .w{position:relative;z-index:1;}
	.supportinfo{padding:100px 0;}
		.supportinfo h3{font-size:30px;line-height:40px;font-weight:normal;}
		.supportinfo section{line-height:30px;opacity:0.8;margin:30px 0;}
			.supportinfo section p{}
		.supportinfo ul{}
			.supportinfo ul li{float:left;line-height:40px;border-radius:5px;background:#0050be;color:#fff;padding:0 20px;margin-right:10px;}
	.supportcover{position:absolute;bottom:0;right:0;}

.application{padding:160px 0;background:#f9f9f9;position:relative;}
	.applicationx:before{content:'';display:block;position:absolute;top:160px;bottom:0;left:0;right:0;background-image:linear-gradient(110deg,#9dc419 20%,transparent 20%,transparent 100%);}
	.applicationx:after{content:'';display:block;position:absolute;top:0;bottom:160px;left:0;right:0;background-image:linear-gradient(110deg,transparent 55%,#9dc419 55%,#9dc419 100%);}
	.applicationlist{overflow:hidden;position:relative;z-index:3;height:480px;}
		.applicationlist .title{position:absolute;top:0;right:0;text-align:right;}
		.applicationlist .bd{width:70%;}
			.applicationlist .bd ul{}
			.applicationlist .bd li{}
			.applicationlist .bd li a{display:block;position:relative;}
			.applicationlist .bd li section{background:#fff;}
			.applicationlist .bd li figure{overflow:hidden;}
			.applicationlist .bd li figure img{height:480px;}
			.applicationlist .bd li dl{position:absolute;top:0;left:0;right:0;background-image:linear-gradient(180deg,rgba(0,0,0,0.8) 0,transparent 100%);color:#fff;padding:20px;}
			.applicationlist .bd li dt{font-size:17px;font-weight:bold;line-height:30px;}
			.applicationlist .bd li dd{}
			.applicationlist .bd li a:hover img{transform:scale3d(1.05, 1.05, 1);}
			.applicationlist .bd .pageState{position:absolute;top:140px;right:0;}
			.applicationlist .bd .pageState span{font-size:30px;}
		.applicationlist .hd{position:absolute;bottom:0;right:0;width:500px;}
			.applicationlist .hd ul{}
			.applicationlist .hd li{height:60px;padding:0 0 0 60px;cursor: pointer;}
			.applicationlist .hd li a{display:block;padding:10px 20px;background:#fff;height:40px;overflow:hidden;}
			.applicationlist .hd li i{float:right;width:40px;height:40px;font-size:40px;line-height:40px;}
			.applicationlist .hd li h3{font-size:16px;line-height:40px;font-weight:normal;}
			.applicationlist .hd li h3 i{float:left;font-size:20px;}
			.applicationlist .hd li.on{padding:0;}
			.applicationlist .hd li.on a,.applicationlist .hd li a:hover{background:#0062b4;color:#fff;}

.case{padding:80px 0;}
	.caseslide .swiper-container{padding-bottom:60px;}
	.caseslide a{display:block;text-align:center;}
		.caseslide a figure{margin-bottom:10px;overflow:hidden;position:relative;}
			.caseslide a figcaption{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:0;transition:all 0.3s ease-out 0s;}
			.caseslide a figcaption i{font-size:30px;display:inline-block;background:#0062b4;width:30px;height:30px;border-radius:30px;line-height:30px;color:#fff;padding:10px;}
		.caseslide a img{width:100%;}
		.caseslide a h3{font-size:16px;font-weight:normal;}
		.caseslide a:hover img{transform:scale3d(1.05, 1.05, 1);}
		.caseslide a:hover figcaption{opacity:1;}

.about{padding:160px 0;background:#eee;position:relative;background:url(../images/bgabout.jpg) no-repeat center center;}
.about:after{display:none;content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.6);}
	.aboutinfo{position:relative;z-index:1;flex:0 0 42%;min-width:0;}
		.aboutinfo i{font-family:'RobotoCondensed';text-transform:uppercase;font-size:50px;line-height:60px;opacity:0.2;font-style:normal;}
		.aboutinfo h2{font-size:24px;line-height:30px;margin-bottom:10px;font-weight:normal;}
		.aboutinfo h3{font-size:36px;line-height:40px;font-weight:normal;color:#9dc419;}
		.aboutinfo section{margin:30px 0;opacity:0.8;height:145px;overflow:hidden;}
		.aboutinfo ul{overflow:hidden;border-left:1px solid #eee;}
		.aboutinfo li{float:left;width:25%;}
		.aboutinfo li strong{font-family:'sysfont';font-size:55px;line-height:60px;background-image:linear-gradient(to bottom,#2167d3 0,#000 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
		.aboutinfo li p{margin-top:10px;opacity:0.6;}
		.aboutinfo li span{margin-left:10px;}
		.aboutinfo li i{display:block;width:80px;height:80px;line-height:80px;text-align:center;margin:40px auto 0;font-size:80px;opacity:0.4;}
		.aboutinfo a{display:inline-block;vertical-align:top;line-height:40px;padding:0 20px;background:#2167d3;color:#ffff;text-transform:uppercase;}
	.aboutnav{position:relative;z-index:1;flex:0 0 42%;min-width:0;}
		.aboutnav ul{margin:-20px 0;}
		.aboutnav li{float:left;width:44%;margin:20px 3%;}
			.aboutnav li a{display:block;position:relative;border:1px solid rgba(0,0,0,0.3);text-align:center;padding:20px 0;height:175px;box-sizing:border-box;}
			.aboutnav li a i{display:block;width:60px;height:60px;font-size:60px;line-height:60px;margin:0 auto;}
				.aboutnav li a section{transition:all 0.3s ease-out 0s;padding:5px 0;}
				.aboutnav li a section h3{font-size:17px;line-height:30px;font-weight:normal;position:relative;}
				.aboutnav li a section p{opacity:0.5;font-size:12px;text-transform:capitalize;}
				.aboutnav li a:hover{border:1px solid #9dc419;}
				.aboutnav li a:hover i{animation:mcscale 3s infinite ease-in-out;-webkit-animation:mcscale 3s infinite ease-in-out;}

.news{padding:80px 0;/*background:url(../images/bgnews.jpg) no-repeat center center;*/}
	.newsclass{width: 100%;max-width:720px;margin:0 auto 40px;}
		.newsclass h3{text-align:center;}
		.newsclass h3 a{display:inline-block;font-size:18px;line-height:40px;position:relative;}
		.newsclass h3 a:before{content:'';display:block;position:absolute;top:0;left:0;right:0;bottom:0;background:#fff;transform:skewX(-15deg);border:1px solid #eee;transition:all 0.3s ease-out 0s;}
		.newsclass h3 a span{display:inline-block;position:relative;z-index:1;padding:0 50px;transition:all 0.3s ease-out 0s;}
		.newsclass h3 a:hover,.newsclass .swiper-slide-active h3 a{color:#fff;}
		.newsclass h3 a:hover:before,.newsclass .swiper-slide-active h3 a:before{background:#0062b4;border:1px solid #0062b4;}
		.newsclass h3 a:hover span,.newsclass .swiper-slide-active h3 a span{padding:0 60px;}
		.newsclass .swiper-pagination{display:none;}
	.newsmain{}
		.newsmain .swiper-pagination{display:none;}
		.newslist{display:flex;justify-content:space-between;    width: 100%; max-width:1440px;margin:0 auto;}		
			.newslist section{flex:0 0 42%;min-width:0;margin:0 40px 0 0;}
				.newslist section a{display:block;position:relative;}
					.newslist section a:after{content:'';display:block;position:absolute;bottom:0;left:0;right:0;height:1px;background:#eee;}
					.newslist section figure{overflow:hidden;max-height: 453px;}
						.newslist section img{width:100%;}
					.newslist section div{position:absolute;bottom:0;left:0;right:0;background-image:linear-gradient(0deg,#000 0,transparent 100%);padding:20px;color:#fff;transition:all 0.3s ease-out 0s;}
						.newslist section div time{display:block;margin:10px 0;font-size:12px;opacity:0.6;}
						.newslist section div dl{}
							.newslist section div dt{font-size:18px;line-height:25px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}				
							.newslist section div dd{margin-bottom:10px;opacity:0.6;height:50px;overflow:hidden;}
						.newslist section div span{display:block;}
						.newslist section div span i{float:left;margin-right:10px;font-size:20px;}
				.newslist section a:hover img{transform:scale3d(1.05, 1.05, 1);}
				.newslist section a:hover div{background:rgba(255,255,255,0.8);color:#000;}
			.newslist ul{margin:0 -15px;}
				.newslist li{float:left;width:48%;margin:0 1% 2% 1%;}
				.newslist li a{display:block;position:relative;background:#fff;padding:20px;border:1px solid #eee;}
					.newslist li a dl{margin-bottom:14px;padding-bottom:13px;border-bottom:1px solid #eee;}
						.newslist li a dt{font-size:16px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;margin-bottom:14px;}
						.newslist li a dd{color:#999;font-size:14px;height:55px;overflow:hidden;}
				.newslist li a div{overflow:hidden;}
					.newslist li a time{float:left;display:block;width:50%;font-size:12px;color:#999;}
						.newslist li a span{display:block;color:#666;font-size:12px;}
						.newslist li a strong{display:block;font-size:24px;line-height:30px;}
					.newslist li a i{float:right;font-size:40px;line-height:50px;}
				.newslist li a:hover{box-shadow:0 0 10px rgba(0,0,0,0.1);}
				.newslist li a:hover i{animation:mctranslatex 1s infinite ease-in-out;-webkit-animation:mctranslatex 1s infinite ease-in-out;color:#20238a;}
				.newslist li a:hover img{transform:scale3d(1.05, 1.05, 1);}

.flink{padding:20px 0;}
	.flinklist{}
		.flinklist a{}
		.flinklist span{}
		.flinklist a:not(:last-child){margin-right:10px;}

@media (max-width:1370px){
    .application {padding: 100px 0;}
    .productslide .hd {padding: 5px; }
    .productslide .bd .productinfo section { padding:10px;}
    .productinfo section p {margin-bottom: 25px;    }
    .productslide .bd .productinfo section ol {margin: 10px 0;    }

}

@media (max-width:1030px){
    .application {padding: 60px 0;}
    .productslide {margin-bottom: 20px;}
    .productlist li section ol { height: 55px;}
}


@media (max-width:800px){
    .banner img{height:225px;width: auto;}
    .banner .swiper-button-prev,.banner .swiper-button-next {display: none;}

    .searchhot {padding: 5px 0;color: #999;width: 40%;height: 36px;font-size: 14px;
        overflow: hidden;}
    .searchhot i {margin: 10px; }
    .searchform { width: 60%;    }
    .searchform input.txt {padding: 0 5px; width: calc(100% - 75px); height: 50px; line-height: 50px;}
    .searchform input.btn { height: 50px; }







    /* 新闻 */
    .news {padding: 10px 0;    }
    .newsclass .swiper-slide{ width: 50%;    }
    .newslist{flex-direction: column;}	
    .newslist section figure{max-height:300px;}
    .newslist section { flex: 1; margin: 0 3%;    }	
    .newslist ul { margin: 3%; }
    .newslist li { width: 100%; margin: 5px 0;    }
    .newsclass h3 a span,.newsclass h3 a:hover span, .newsclass .swiper-slide-active h3 a span { padding: 0 25px; }

    /* 关于我们 */
    .column_box{ padding: 0 3%; flex-direction: column; }
    .about { padding: 10px 0; background-size: cover; }
    .aboutinfo { flex: 1; padding-bottom: 35px; }
    .aboutnav { flex: 1; }
    .aboutnav li { margin: 3%; }

    /* 案例 */
    .case { padding: 15px 0;}
    /* 行业应用 */
    .application {padding: 10px 0;    }
    .applicationlist {        height: auto;    }
    .applicationlist .title {
       position: static; 
        text-align: center;
    }
    .title {margin-bottom: 25px;}
    .title i {
        font-size: 40px;
        line-height: 50px;
      }
    .advan .title p {
        font-size: 36px;
        line-height: 48px;
        font-family: 'RobotoCondensed';
        text-transform: uppercase;
        opacity: 0.1;
        font-style: normal;
      }
      .title h2 {
        font-size: 28px;
        line-height: 40px;
    }
    .applicationlist .bd {        width: 100%;    }
    .applicationlist .bd li figure img {        height: 360px;    }
    .applicationlist .bd .pageState, .applicationlist .bd figcaption{display: none;    }
    
    .applicationlist .hd {
        position: absolute;
        bottom: 0;
        right: 0;
        width: 200px;
    }
    .applicationlist .hd li {
        height: 50px;
        padding: 0 0 0 30px;
    }
    .applicationlist .hd li a {
        display: block;
        padding: 10px;
        background: rgba(255,255,255,0.85);
        height: 30px;
        line-height: 30px;
        overflow: hidden;
    }
    .applicationlist .hd li i {
        float: right;
        width: auto;
        height: 30px;
        font-size: 30px;
        line-height: 30px;
        text-align: right;
    }
    .applicationlist .hd li h3 {
        font-size: 16px;
        line-height: 30px;
        font-weight: normal;
    }

    /* 服务 */
    .support { background-size: cover;margin: 10px 0;}
    .support .w { flex-direction: column;    }
    .supportinfo { padding: 3%; box-sizing: border-box;    }
    .supportinfo ul li {margin-bottom: 2px;    }
    .supportcover {padding-top: 30px; position: static;    }
    .supportcover img{max-width: 100%;}
    .supportinfo h3 {font-size: 24px;line-height: 40px;    }
    .supportinfo section {line-height: 26px;margin: 15px 0;}

    /* 优势 */
    .advan {padding: 10px 0;    }
    .advanclass section {
        padding: 10px 0;
    }
    .advaninfo section {display: block;position: relative;float: left;}
    .advaninfo section div {
        /* flex: 1; */
        box-sizing: border-box;
        padding: 5px;
        color: #fff;
        background-image: linear-gradient(-45deg,#003a6a 0,#0062b4 100%);
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        width: 40%;
        z-index: 11;
        height: 100%;
    }
    .advan img{max-width: 100%;}
    .advaninfo section figure {width: 100%; float: left;}
    .advaninfo section div em ,
    .advaninfo section div i {margin: 0;float: left;}
    .advaninfo section div h3 {margin: 2px 0;width: 100%;float: left;}
    .advaninfo section div span {display: none;}
    .advaninfo section div p {font-size: 14px;float: left;margin: 0;    }

    /* 产品1 */
    .productslide {
        margin-bottom: 0;
        border-bottom: 5px solid #F9F9F9;
        padding-bottom: 25px;
    }
    .productslide .hd { width: 100%; background-image: none; padding: 20px; background: #FFF;    }
    .productslide .hd h3 { margin-bottom: 5px;    }
    .productslide .hd ul { margin-bottom: 15px;    }
    .productslide .hd ol li { margin: 0 0.5%; width: 24%;    }
    .productslide .bd .productinfo figure{ width: 100%; box-sizing: border-box; padding: 0 3%;}
    .productslide .bd .productinfo figure img { width: 100%; }
    .productslide .bd .productinfo section {
        float: right;
        width: 100%;
        height: auto;
        box-sizing: border-box;
        padding: 0 3%;
       background-image: none;
    }
    .productslide .bd .productinfo section p {
        color: #666;
        line-height: 24px;
        height: 100px;
        overflow: hidden;
        margin-bottom: 0;
    }


    /* 产品3、4、5 */
    .product {padding: 0 0;}
    .productlist ul {
        display: flex;
        flex-direction: column;
        max-height: 3000px;
    }

    .productlist li {border-bottom: 5px solid #F9F9F9;width: 100%;}
    .productlist li.on{width: 100%;}
    .productlist li.on div{width: 100%;}
    .productlist li div {
        float: left;
        width: 100%;
        background-image: none; 
        box-sizing: border-box;
        padding:0 3%;
        background: #FFF;
    }
    .productlist li div h3 {
        margin: 10px 0 2px 0;
    }
    .productlist li div figure img {
        width: auto; max-width: 100%;
    }
    .productlist li section,.productlist li.on section {
        padding:0 3% 25px 3%;
        width: 100%;
        opacity: 1;
        box-sizing: border-box;
    }

}