@charset "utf-8";
/* CSS Document */

@media (min-width: 1025px){
	.view{
		max-width: 1200px;
		padding: 0;
		margin: 0 auto;
		padding: 0 30px;
	}
	.product-box{
		padding: 30px 0 60px;
	}
	.bread a,
	.bread span{
		font-size: 16px;
		line-height: 26px;
	}

	.bread span{
		margin: 0 5px;
	}
	.types-box .tit{
		font-size: 18px;
		line-height: 70px;
	}
	.types-box .types .swiper-slide a{
		line-height: 70px;
		transition: all .3s linear;
	}
	.product-box .list .con-box{
		padding: 40px 45px;
	}
	.product-box .list .con-box .img{
		overflow: hidden;
	}
	.product-box .list .con-box .img img{
		transition: all .3s linear;
	}
	.product-box .list .con-box .text-box{
		padding-top: 25px;
		margin-top: 30px;
	}
	.product-box .list .con-box .text-box .text .tit{
		font-size: 20px;
		line-height: 30px;
	}
	.product-box .list .con-box .text-box .text .desc{
		font-size: 16px;
		line-height: 26px;
		margin-top: 0;
	}
	.product-box .list .con-box .text-box .detail{
		width: 134px;
		height: 38px;
		line-height: 38px;
		margin-top: 10px;
		position: relative;
		overflow: hidden;
	}
	.product-box .list .con-box .text-box .detail:before{
		content: "";
		position: absolute;
		left: 0;
		bottom: 0;
		width: 100%;
		height: 100%;
		background-color: #ef7317;
		transform: scaleX(0);
		transform-origin: right bottom;
		transition: transform 0.25s ease-out;
	}
	.product-box .list .con-box .text-box .detail:hover{
		color: #fff;
	}
	.product-box .list .con-box:hover .text-box .detail span{
		position: relative;
		z-index: 3;
	}
	.product-box .list .con-box:hover img{
		transform: scale(1.05);
	}

	.product-box .list .con-box .text-box .detail:hover:before{
		transform: scaleX(1);
		transform-origin: left bottom;
	}
	.types-box .types .swiper-slide:hover a{
		border-color: #ef7317;
	}
	/* product end */
	header{
		height: 130px;
	}
	.header-view{
		padding: 0 3.125%;
	}
	.header-top{
		display: block;
		border-bottom: 1px solid #ebebeb;
		padding: 10px 0;
	}
	.header-top .search-box{
		float: left;
		margin-top: 0;
	}
	.header-top .search-box input[type=text]{
		width: 50px;
		padding: 0 10px 0 30px;
		height: 24px;
		line-height: 24px;
		border: 1px solid #ececec;
		background-repeat: no-repeat;
		background-position: 10px center;
		background-image: url('../img/search-btn.png');
		border-radius: 18px;
		font-size: 12px;
		font-family: arial;
		display: block;
	}
	.header-top .search-box input[type=submit]{
		display: none;
	}
	
	.header-top .tel{
		float: right;
		font-size: 13px;
		color: #666;
		font-family: "微軟正黑體";
		padding-left: 40px;
		background-repeat: no-repeat;
		background-position: left center;
		background-image: url('../img/tel.png');
	}
	.header-top .tel span{
		font-size: 18px;
		color: #ef7317;
		line-height: 28px;	
		font-weight: bold;
	}
	header .icon-box{
		margin-top: 10px;
		margin-right: 20px;
	}
	header .store{
		float: right;
		font-size: 14px;
		line-height: 24px;
		color: #333;
		margin-top: 4px;
		transition: all .3s;
	}
	header .store:hover{
		color: #ef7317;
	}
	.header-bottom .icon-box,
	header .navbtn{
		display: none;
	}
	header .logo{
		width: 280px;
	}
	.nav{
		display: block;
		float: right;
		font-size: 0;
	}
	.nav li{
		display: inline-block;
		*display: inline;
		zoom: 1;
		margin-left: 1.5vw;
		vertical-align: top;
	}
	.nav li:first-child{
		margin-left: 0;
	}
	.nav li .tit{
		position: relative;
		padding: 0 2px;
	}
	.nav li.new .tit{
		padding-right: 30px;
	}
	.nav li.service .tit{
		padding: 0 20px;
		height: auto;
		line-height: 36px;
		margin-top: 22px;
		background-color: #eb6100;
		color: #fff;
		border-radius: 18px;
	}
	.nav li.service .tit:after{
		display: none;
	}

	.nav li.new .tit:before{
		content: "New";
		position: absolute;
		right: 5px;
		top: 25px;
		font-size: 12px;
		color: #ef7317;
		font-family: arial;
		line-height: 12px;
	}
	.nav li .tit:after{
		content: "";
		position: absolute;
		left: 0;
		bottom: -1px;
		width: 100%;
		height: 3px;
		background-color: #ef7317;
		transform-origin: center bottom;
		transform: scaleX(0);
		transition: transform .2s ease-out;
	}
	.nav li:hover .tit:after,
	.nav li.cur .tit:after{
		transform: scaleX(1);
		/* transform-origin: left bottom; */
	}
	.nav li .navson{
		display: none;
		position: absolute;
		left: 0;
		width: 100%;
		padding: 30px 0;
		text-align: center;
		top: 130px;
		background-color: #fff;
		border-top: 1px solid #e7e7e7;
	}
	.nav li .navson .item{
		display: inline-block;
		*display: inline;
		zoom: 1;
		vertical-align: top;
		width: 200px;
		position: relative;
	}
	.nav li .navson .item:before{
		content: "";
		position: absolute;
		right: 0;
		top: 0;
		width: 1px;
		height: 120px;
		background: #dcdcdc;
	}
	.nav li .navson .item:last-child:before{
		display: none;
	}
	.nav li .navson .img img{
		width: 100%;
	}
	.nav li .navson .item .text{
		margin: 5px 0 0;
	}
	.nav li .navson .item .title{
		font-size: 16px;
		line-height: 26px;
		color: #333;
		transition: all .3s linear;
	}
	.nav li .navson .item .desc{
		font-size: 14px;
		line-height: 24px;
		color: #888888;
		transition: all .3s linear;
	}
	.nav li .tit{
		font-size: 14px;
		line-height: 24px;
		color: #333;
		display: block;
		line-height: 80px;
	}

	.nav li .navson .item:hover .title,
	.nav li .navson .item:hover .desc{
		color: #ef7317;
	}
	.clearfixed{
		height: 130px;
	}
	/* header end */

	.footer-view{
		padding: 0 6.25%;
	}
	footer .f-nav a{
		margin-right: 50px;
	}

	/* footer end */
	.banner .prev,
	.banner .next{
		transition: all .3s linear;
	}	
	
	.banner .prev:hover,
	.banner .next:hover{
		background-color: rgba(255, 102, 0, .5);
	}
	.index-view{
		max-width: 1400px;
	}
	.water-box{
		padding: 80px 0;
	}
	.water-box .img-box{
		width: 47%;
		margin-left: 1.8%;
		position: relative;
	}
	.water-box .text-box,
	.water-box .index-tit,
	.water-box .btns,
	.water-box .buttons{
		width: 36.5%;
		right: 7.85%;
	}
	.water-box .text-box{
		margin-right: 7.85%;
	}
	.index-tit .cn{
		font-size: 26px;
		line-height: 36px;
		font-weight: normal;
	}
	.index-tit .en{
		font-size: 18px;
		line-height: 28px;
	}
	.pub-index-tit{
		font-size: 18px;
		line-height: 28px;
	}
	.water-box .btns{
		bottom: 23%;
	}
	.water-box .buttons{
		bottom: 11%;
	}
	.water-box .text-box{
		margin-top: 26%;
	}
	.water-box .buttons a{
		margin-right: 30px;
	}
	.water-box .img-box .detail-box{
		margin-top: 30px;
	}
	.index-tit .cn{
		font-size: 36px;
		line-height: 46px;
	}
	.wow{
		visibility: hidden;
		opacity: 0;
		filter: alpha(opacity=0);
	}
	.kitchen-box{
		padding: 80px 0;
	}
	.kitchen-box .text-box{
		width: 42.85%;
		margin-left: 7.85%;
	}
	.kitchen-box .img-box{
		width: 47.14%;
	}
	.kitchen-box .text-box .text{
		margin: 15px 0 0;
	}
	.kitchen-box .simg .item{
		width: 150px;
	}
	.kitchen-box .img-box .detail-box{
		margin-top: 30px;
	}
	.heater-box{
		padding: 80px 0;
	}
	.heater-box .img-box{
		width: 47.14%;
	}
	.heater-box .img-box:before{
		width: 220px;
		right: -85px;
	}
	.heater-box .text-box{
		width: 42.85%;
		margin-top: 20px;
	}
	.heater-box .text-box .icon-box .item{
		width: 150px;
		height: 150px;
	}
	.heater-box .text-box .icon-box .icon{
		width: 40px;
	}
	.i-news-box{
		padding: 80px 0;
	}
	.i-news-wrap{
		padding: 0 4.3%;
	}
	.i-news-box .left .text-box{
		padding: 25px;
	}
	.i-news-box .left .tit{
		font-size: 20px;
		line-height: 30px;
	}
	.i-news-box .left .detail-box{
		display: block;
		margin-top: 30px;
		text-align: left;
	}
	.i-news-box .right{
		width: 50%;
	}
	.i-news-box .right .item{
		padding: 27px 10px;
	}
	.i-news-box .right .item .con{
		font-size: 15px;
		line-height: 25px;
	}
	.index-detail{
		transition: all .3s linear;
	}
	.index-detail:hover{
		background-color: #ef7317;
		color: #fff;
		background-image: url('../img/detail-arrow2.png')
	}
	/* welcome end */
	.about-box{
		padding: 80px 0;
	}
	.about-box .top-box .pub-con{
		line-height: 30px;
	}
	.about-box .top-box .left .pub-con{
		height: 150px;
	}
	.about-box .top-box .right{
		width: 65%;
	}
	.about-box .left{
		width: 32.85%;
	}
	.about-tit .line{
		margin-top: 30px;
	}
	.about-box .bottom-box{
		margin: 50px 0 0;
	}
	.about-tit .sm-tit{
		font-size: 28px;
		line-height: 38px;
	}
	.about-box .top-box .left .pub-con{
		margin-top: 30px;
	}
	.about-box .bottom-box h3{
		font-size: 24px;
		line-height: 34px;
	}
	.about-box .bottom-box .text-box{
		width: 42%;
		right: 8%;
		line-height: 30px;
	}
	.strength-box{
		padding: 80px 0;
	}
	.strength-box .con{
		width: 75%;
	}

	.strength-box .strength-tab{
		margin-top: 60px;
	}
	.tech-box .top-box{
		padding: 80px 0;
	}
	.tech-box .top-box .icon-box .icon{
		width: 53px;
	}
	.tech-box .top-box .icon-box .tit{
		font-size: 16px;
		line-height: 26px;
	}
	.tech-box .bottom-box{
		padding: 70px 0;
	}
	.tech-box .bottom-box .item{
		width: 42.85%;
	}
	.tech-box .bottom-box .item .tit{
		font-size: 16px;
		line-height: 26px;
	}
	.strength-box .strength-tab .buttons{
		/* margin: 30px 0 0; */
	}
	.strength-box .strength-tab .prev,
	.strength-box .strength-tab .next{
		transition:all .3s linear;

	}
	.strength-box .strength-tab .prev:hover,
	.strength-box .strength-tab .next:hover{
		background-color: #eb6100;
	}
	.strength-box .strength-tab .prev:hover{
		background-image: url('../img/strength-prev2.png');
	}
	.strength-box .strength-tab .next:hover{
		background-image: url('../img/strength-next2.png');
	}
	/* about end */
	.service-box{
		padding: 30px 0 80px;
	}
	.support-box{
		padding: 50px;
	}
	.network-tit{
		font-size: 18px;
		line-height: 28px;
	}
	.support-box .list{
		margin-top: 40px;
	}
	.support-box .list .row{
		margin-left: -20px;
		margin-right: -20px;
	}
	.support-box .list .item{
		width: 33.33%;
		margin-bottom: 40px;
		padding: 0 20px;
	}
	.support-box .list .item:last-child{
		margin-bottom: 40px;
	}
	.support-box .list .con-box{
		border-radius: 10px;
		padding: 35px 20px;
		transition: all .3s linear;
	}
	.support-box .list .con-box .tit,
	.support-box .list .con-box .con{
		transition: all .3s linear;
	}
	.support-box .list .con-box:hover{
		background-color: #eb6100;
		border-color: #eb6100;
	}
	.support-box .list .con-box:hover .tit,
	.support-box .list .con-box:hover .con{
		color: #fff;
	}
	.support-box .list .con-box:hover .con{
		opacity: .8;
		filter: alpha(opacity=80);
	}
	.contact-box{
		padding: 50px;
	}
	.china{
		margin-top: 35px;
	}
	.table-box{
		margin-top: 30px;
	}
	.table-box .thead li{
		padding:15px 0;
	}
	.table-box .tbody li{
		padding: 25px 20px;
	}

	/* network end */
	.problem-box{
		padding: 50px 0 0;
	}
	.problem-box .con-box .tit,
	.problem-box .con-box .con{
		width: 89%;
	}

	/* problem end */
	.function-box .left{
		padding: 50px;
	}
	.function-box .left .tit{
		font-size: 20px;
		line-height: 30px;
	}
	.function-box .left .pc-tab{
		margin-top: 20px;
	}
	.function-box .right{
		padding: 50px;
	}
	.function-box .right .tit{
		font-size: 24px;
		line-height: 34px;
		padding-bottom: 20px;
		margin-bottom: 20px;
	}

	/* function end */
	.step-view{
		max-width: 1280px;
	}
	.service-wrap .item .txt{
		width: 280px;
		margin: -15px auto 0;
	}

	/* service end */
	.require-box{
		padding: 90px 0;
	}
	.require .con-box .con{
		margin-top: 10px;
	}
	.join-tit .tit{
		font-size: 38px;
		line-height: 48px;
		padding-left: 10px;
		letter-spacing: 10px;
	}
	.join-tit .line{
		margin-top: 20px;
	}
	.require .con-box{
		padding: 40px 30px;
	}
	.require .con-box .num{
		font-size: 30px;
		line-height: 40px;
		transition: all .2s linear;
	}
	.require .con-box .con{
		transition: all .2s linear;	
	}
	.require .con-box:hover{
		background-color: #de5f0c;
		transition: all .2s linear;
	}
	.require .con-box:hover .num,
	.require .con-box:hover .con{
		color: #fff;
		opacity: 1;
		filter: alpha(opacity=100);
	}
	.business-box{
		padding: 70px 0;
	}
	.business-box .list{
		margin-top: 40px;
	}
	.business-box li .txt{
		font-size: 14px;
		line-height: 24px;
		width: 170px;
	}
	.business-box li .pc-arrow{
		left: -60px;
	}

	/* join end */
	.productinfo-view{
		max-width: 1700px;
	}
	.e2-box .icon-box{
		width: 80%;
	}
	.e1-box .text{
		top: 17.85%;
		transform: translateY(0);
	}
	.lg-tit{
		font-size: 48px;
		line-height: 58px;
	}
	.mid-tit{
		font-size: 30px;
		line-height: 40px;
	}
	.series{
		font-size: 16px;
		padding: 10px 20px;
		margin-top: 20px;
	}
	.e2-box .mid-tit{
		letter-spacing: 10px;
		padding-left: 10px;
	}
	.e2-box .lg-tit2{
		font-size: 38px;
		line-height: 48px;
		letter-spacing: 10px;
		padding-left: 10px;
		margin-top: 10px;
	}
	.e2-box .icon-box .item .txt{
		font-size: 16px;
		line-height: 26px;
	}
	.e3-box .prev,
	.e3-box .next{
		transition: all .3s linear;
	}
	.e3-box .prev{
		background-image: url('../img/productinfo-prev.png')
	}
	.e3-box .next{
		background-image: url('../img/productinfo-next.png')
	}
	.e3-box .prev:hover{
		background-image: url('../img/productinfo-prev2.png');
	}

	.e3-box .next:hover{
		background-image: url('../img/productinfo-next2.png');
	}
	.e3-box .btns{
		bottom: 3%;
	}
	.e3-box .btns .swiper-pagination-bullet{
		width: 35px;
	}
	.e3-box .btns .swiper-pagination-bullet-active{
		width: 85px;
	}
	.product-tit{
		font-size: 40px;
		line-height: 50px;
	}
	.e4-box .top-tit{
		padding: 40px 0;
	}
	.e4-box .text .pub-con,
	.e4-box .text .true-box{
		width: 50%;
	}
	.e4-box .text .true-box{
		margin-top: 30px;
	}
	.e4-box .text .true-box .item{
		font-size: 18px;
		line-height: 40px;
		background-size: 39px;
		padding-left: 50px;
		margin-right: 40px;
	}
	.e5-box .text .pub-con,
	.e6-box .text .pub-con,
	.e7-box .text .pub-con{
		width: 50%;
		margin-top: 20px;
	}
	.param-box{
		padding: 70px 0;
	}
	.productinfo-tab{
		padding: 70px 0;
	}
	.productinfo-tab.on{
		padding: 70px 0;
	}
	.tab-box .swiper-slide{
		padding: 0 30px;
	}
	/* .tab-box .btns{
		margin-top: 20px;
	}
	.tab-box .btns .swiper-pagination-bullet{
		width: 35px;
	}
	.tab-box .btns .swiper-pagination-bullet-active{
		width: 85px;
	} */
	.tab-box .prev,
	.tab-box .next{
		transition: all .3s linear;
	}
	.tab-box .prev{
		background-image: url('../img/productinfo-prev.png');
	}
	.tab-box .next{
		background-image: url('../img/productinfo-next.png');
	}
	.tab-box .prev:hover{
		background-image: url('../img/productinfo-prev2.png');
	}
	.tab-box .next:hover{
		background-image: url('../img/productinfo-next2.png');
	}
	/* 1e end */
	.kdr-2e1-box .text .txt-wrap{
		width: 35.8%;
		right: 8.3%;
	}
	.kdr-2e1-box .text .con{
		font-size: 16px;
		line-height: 26px;
	}
	.kdr-2e1-box .text .icon-box{
		margin-top: 30px;
	}
	.lg-tit2{
		font-size: 38px;
		line-height: 48px;
	}
	.kdr-2e1-box2 .desc{
		font-size: 24px;
		line-height: 34px;
	}
	.kdr-2e1-box2 .sm-txt{
		margin-top: 50px;
	}
	.save-box{
		background: none;
	}
	.save-box>img{
		display: block;
	}
	.save-box .text{
		padding: 0;
		position: absolute;
	}
	.e5-box .icon-box .item .icon{
		width: 80px;
	}
	.e5-box .icon-box .txt{
		margin-top: 15px;
		padding: 0 25px;
	}
	.model-box .text .pub-con,
	.save-box .text .pub-con{
		line-height: 24px;
		margin-top: 25px;
	}

	/* 2e-3 end */
	.e5-box1 .con{
		font-size: 20px;
		line-height: 30px;
	}

	.six-box{
		padding: 70px 0;
	}
	.six-box .list .con-box{
		padding: 30px 15%;
	}
	.six-box .list .con-box .txt{
		width: 50%;
	}
	.six-box .list .con-box .cn{
		font-size: 20px;
		line-height: 30px;
	}
	.six-box .list .con-box .en{
		font-size: 16px;
		line-height: 26px;
	}
	.six-box .desc{
		font-size: 20px;
		line-height: 30px;
		letter-spacing: 4px;
		padding-left: 4px;
		margin-top: 15px;
	}
	.six-box .list{
		margin-top: 40px;
	}
	.fast-box .text{
		top: 40%;
		transform: translateY(-50%);
	}
	.temp-box .text .pub-con,
	.rotate-wrap .text .pub-con,
	.operate-box .text .pub-con{
		margin-top: 10px;
		font-size: 16px;
		line-height: 26px;
	}
	.operate-box .text .pub-con{
		font-size: 18px;
		line-height: 28px;
	}
	.operate-box .text .sub-tit{
		font-size: 28px;
		line-height: 38px;
		letter-spacing: 5px;
		padding-left: 5px;
	}
	.operate-box .text .product-tit{
		letter-spacing: 20px;
		padding-left: 20px;
	}
	.save-box2 .list{
		width: 720px;
		margin: 30px -30px 0;
	}
	.save-box2 .list .item{
		padding: 0 30px;
		margin-bottom: 25px;
	}
	.save-box2 .list .icon .txt{
		font-size: 18px;
		line-height: 28px;
	}
	.save-box2 .list .pub-con{
		width: 65%;
	}
	.save-box2 .list .icon{
		width: 73px;
		height: 73px;
	}
	.save-box2 .list .icon .txt{
		font-size: 20px;
		line-height: 30px;
	}

	/* 2e4 end */
	.product-con{
		font-size: 16px;
		line-height: 26px;
	}
	.e7-box1 .product-con,
	.e7-box3 .product-con,
	.save-box3 .product-con{
		margin-top: 15px;
	}
	.e7-box1 .series{
		margin-top: 30px;
	}
	.e7-box2 .txt-wrap{
		padding-left: 5.4%;
	}
	.e7-box2 .desc{
		font-size: 20px;
		line-height: 30px;
	}
	.e7-box2 .product-con{
		width: 28%;
	}
	.save-box3{
		padding: 70px 0;
	}
	.save-box3 .product-con{
		width: 50%;
		margin: 15px auto 0;
	}
	.save-box3 .model-con{
		width: 100%;
	}
	.save-box3 .list{
		margin-top: 60px;
	}
	.save-box3 .list .item{
		margin: 0 20px;
	}
	.save-box3 .list .txt{
		font-size: 16px;
		line-height: 26px;
	}

	/* 7e end */
	.e6-box2 .product-con{
		margin-top: 20px;
	}
	.e6-box3 .product-tit{
		letter-spacing: 5px;
	}
	.e6-box3 .text .txt-wrap{
		margin-right: -5%;
		width: 49%;
	}
	.e6-box3 .pub-con{
		font-size: 16px;
		line-height: 26px;
	}

	/* 6e end */
	.d1-box1 .lg-tit2 .num{
		font-size: 80px;
		line-height: 80px;
	}
	.d1-box1 .lg-tit2 sup{
		font-size: 30px;
		line-height: 40px;
	}
	.d1-box1 .con{
		font-size: 20px;
		line-height: 30px;
	}
	.d1-box1 .list{
		width: 520px;
		margin-top: 30px;
	}
	.d1-box1 .list .item{
		width: 155px;
		height: 48px;
		line-height: 48px;
		font-size: 18px;
	}
	.d1-box2 .circle{
		width: 350px;
		height: 350px;
	}
	.d1-box2 .mid-tit{
		font-size: 30px;
		line-height: 40px;
	}
	.d1-box2 .num{
		font-size: 90px;
		line-height: 100px;
	}
	.d1-box2 .txt-wrap{
		width: 200px;
	}
	.d1-box2 .con{
		font-size: 18px;
		line-height: 28px;
	}
	.d1-box3{
		padding:20% 0 10%;
	}
	.d1-box3 .text .list{
		margin: 50px -20px 0;
	}
	.d1-box3 .text .list .item{
		padding: 0 20px;
	}
	.d1-box3 .text .list .icon{
		width: 102px;
	}
	.d1-box3 .text .list .txt{
		margin-top: 20px;
	}
	.d1-box3 .text .list .txt .tit{
		font-size: 20px;
		line-height: 30px;
	}
	.d1-box3 .text .list .txt .pub-con{
		font-size: 16px;
		line-height: 26px;
	}

	/* 8d11 end */
	.e18-box1 .list .icon{
		width: 104px;
	}
	.e18-box1 .text .txt-wrap{
		width: 380px;
	}
	.e18-box1 .tit2{
		font-size: 20px;
		line-height: 30px;
	}
	.e18-box1 .lg-tit2{
		letter-spacing: 10px;
		padding-left: 10px;
	}
	.e18-box1 .text .txt-wrap>.product-con{
		margin-top: 15px;
	}
	.e18-box2 .text{
		bottom: 10%;
		margin: 0;
	}
	.e18-box2 .product-con{
		width: 54%;
	}
	.e18-box2 .tit2{
		margin-top: 10px;
	}
	.e18-box3 .list{
		width: 220px;
		margin-top: 40px;
	}
	.e18-box3 .desc{
		margin-top: 15px;
	}
	.e18-box4 .product-con{
		margin: 10px 0 0;
	}
	.e18-box5{
		padding: 70px 0;
	}
	.e18-box5 .product-con{
		margin-top: 10px;
	}
	.e18-box5 .list{
		width: 81.25%;
		margin: 40px auto 0;
	}
	.e18-box5 .list .txt{
		width: 75%;
	}
	.e18-box5 .list .item{
		margin-bottom: 40px;
	}
	.e18-box5 .con,
	.save-box3 .model-con{
		font-size: 16px;
		line-height: 26px;
	}


	/* 18e end */
	.e20-box1 .text{
		padding: 5% 0 25.26%;
	}
	.e20-box1 .text .img{
		width: 36.875%;
	}
	.e20-box1 .text .txt-wrap{
		width: 50%;
	}
	.e20-box1 .text .product-con,
	.e20-box2 .product-con,
	.e20-box3 .product-con,
	.e20-box4 .product-con,
	.e20-box5 .product-con{
		font-size: 16px;
		line-height: 26px;
	}
	.e7-box1 .product-con,
	.e7-box2 .product-con,
	.e7-box3 .product-con,
	.save-box3 .product-con{
		font-size: 16px;
		line-height: 26px;
	}
	.e20-box2{
		padding: 12.76% 0 5.2%;
	}
	.e20-box2 .list{
		margin-top: 30px;
	}
	.e20-box2 .list .item{
		margin: 0 30px;
	}
	.e20-box2 .list .txt{
		margin-top: 10px;
	}
	
	.e20-box3 .txt-wrap{
		width: 35%;
		padding: 0;
	}
	.e20-box3 .product-con{
		width: 100%;
	}
	.e20-box4{
		padding: 6.77% 0 29.6875%;
	}
	.e20-box4 .product-con{
		width: 100%;
	}
	.e20-box4 .product-img{
		width: 55.729%;
	}

	/* 20e end */
	.e10-box1 .text{
		top:50%;
		transform: translateY(-50%);
	}
	.e10-box1 .icon-box{
		margin-top: 20px;
	}
	.e10-box1 .icon-box .item{
		margin-right: 30px;
	}
	.e10-box1 .icon-box .icon{
		width: 80px;
	}
	.e10-box2 .icon-box{
		width: 73.6%;
		margin-top: 30px;
	}
	.e10-box2 .icon-box .item{
		margin-bottom: 30px;
	}
	.e10-box2 .icon-box .txt .cn{
		font-size: 16px;
		line-height: 26px;
	}
	.e10-box2 .icon-box .txt .en{
		font-size: 14px;
		line-height: 20px;
		margin-top: 5px;
	}
	.e10-box3 .img{
		margin-top: 50px;
	}
	.e10-box3 .text{
		top: 17.7%;
		transform: translateY(0);
	}
	.e10-box3 .pub-con{
		width: 70%;
	}

	/* 10e end */
	.d2-box1 .list{
		width: 490px;
	}

	/* 8d22 end */
	.news-box{
		padding: 80px 0;
	}
	.news-box .list .row{
		margin: 0 -20px;
	}

	.news-box .list .tit{
		transition: all .3s linear;
	}
	.news-box .list .item{
		padding: 0 20px;
	}
	.news-box .list .time {
	    margin-top: 5px;
	}
	.news-box .list .con {
	    font-size: 15px;
	    line-height: 25px;
	}
	.news-box .list .con-box:hover .tit{
		color: #ef7317;
	}
	.page a{
		width: 40px;
		height: 40px;
		line-height: 40px;
		font-size: 16px;
		transition:all .3s linear;
	}
	.page a.prev,
	.page a.next{
		background-size: auto;
	}
	.page a:hover{
		color: #fff;
	    border-color: #ef7317;
	    background-color: #ef7317;
	}
	.page a.prev:hover{
		background-image: url(../img/page-prev2.png);
	}
	.page a.next:hover{
		background-image: url(../img/page-next2.png);
	}
	.news-box .page{
		margin-top: 50px;
	}

	/* news end */
	.newsdtl{
		padding:60px 0;
	}
	.newsdtl .infotit{
		padding-bottom: 20px;
		border-bottom:1px solid #ccc;
	}
	.newsdtl .infotit h2{
		font-size: 28px;
	}
	.newsdtl .infotit p{
		font-size: 16px;
	}
	.newsdtl .infotx{
		font-size: 14px;
		margin:20px 0 0;
	}
	.infoctrl{
		margin-top:40px;
		padding-top: 20px;
	}
	.infoctrl .pagectrl a,
	.infoctrl .pageback{
		transition:all .3s linear;
	}
	.infoctrl .pagectrl a{
		margin-bottom: 10px;
	}
	.infoctrl .pagectrl a:hover{
		color:#eb6100;
	}
	.infoctrl .pageback:hover{
		background: transparent;
		color:#eb6100;
	}
	.newsdtl .vtl video{
		height: 500px;
	}
	/***********newsdtl end************/

	.require .con-box .con{
		height: 48px;
	}
	.develop-box .prev,
	.develop-box .next{
		display: block;
	}
	.develop-box .swiper-button-disabled{
		display: none;
	}
	.develop-box .prev{
		left: 1%;
	}
	.develop-box .next{
		right: 1%;
	}
}
@media (min-width: 1367px){
	.product-box{
		padding: 30px 0 110px;
	}
	.ban-product .text .tit{
		font-size: 36px;
		line-height: 46px;
	}
	.ban-product .text .con{
		font-size: 16px;
		line-height: 26px;
		margin-top: 5px;
	}
	.ban-product .text .more{
		font-size: 16px;
	}
	
	/* product end */
	header .logo{
		width: 427px;
	}
	.nav li{
		margin-left: 2vw;
	}
	.nav li .tit{
		font-size: 16px;
	}
	.nav li .navson .item{
		width: 240px;
	}
	.nav li .navson .item:before{
		height: 165px;
	}
	.nav li .navson .item .text{
		margin-top: 10px;
	}
	/* header end */
	.water-box{
		padding: 110px 0 120px;
	}
	.water-box .index-tit{
		top: 36%;
	}
	.water-box .text-box{
		margin-top: 25%;
	}
	.water-box .btns{
		bottom: 31%;
	}
	.water-box .buttons{
		bottom: 19%;
	}
	.kitchen-box{
		padding: 90px 0 140px;
	}
	.kitchen-box .text-box{
		margin-top: 60px;
	}
	.kitchen-box .text-box .pub-con{
		margin-top: 15px;
	}
	.kitchen-box .text-box .simg{
		margin-top: 50px;
	}
	.kitchen-box .simg .item{
		width: 204px;
		margin-right: 35px;
	}
	.heater-box .text-box{
		margin-top: 100px;
	}
	.heater-box .text-box .pub-con{
		margin-top: 15px;
	}
	.heater-box .text-box .icon-box{
		margin-top: 30px;
	}
	.heater-box .text-box .icon-box .item{
		width: 204px;
		height: 204px;
		margin-right: 35px;
	}
	.heater-box .text-box .icon-box .icon{
		width: 60px;
	}
	.heater-box .img-box:before{
		width: 270px;
	}
	.i-news-box{
		padding: 70px 0 140px;
	}
	.i-news-box .i-news{
		margin: 40px 0 0;
	}
	.i-news-box .right .item{
		padding: 20px 15px;
	}
	.i-news-box .right .item .tit{
		font-size: 22px;
		line-height: 32px;
	}
	.i-news-box .left .text-box{
		padding: 35px;
	}
	.i-news-box .left .tit{
		font-size: 24px;
		line-height: 34px;
	}
	.i-news-box .right .item{
		padding: 37px 15px;
	}

	/* welcome end */
	.about-box{
		padding: 100px 0 165px;
	}
	.about-box .bottom-box{
		margin: 90px 0 0;
	}

	.strength-box{
		padding: 100px 0;
	}
	.strength-box .num-box{
		margin-top: 40px;
	}
	.strength-box .num-box .item{
		margin-right: 80px;
	}
	.strength-box .num-box .num{
		font-size: 72px;
		line-height: 82px;
	}
	.strength-box .strength-tab{
		margin-top: 130px;
	}
	.tech-box .top-box{
		padding: 200px 0;
	}
	.tech-box .top-box .icon-box{
		margin-top: 60px;
	}
	.tech-box .top-box .icon-box .item{
		width: 33.33%;
		margin-bottom: 30px;
	}
	.tech-box .top-box .icon-box .text{
		margin-left: 20px;
		width: 68%;
	}

	/* about end */

	.service-box{
		padding: 30px 0 120px;
	}
	.service-nav{
		margin-top: 40px;
	}
	.service-nav .swiper-slide a{
		height: 70px;
		line-height: 70px;
		font-size: 16px;
		padding: 0 25px;
		transition: all .3s linear;
	}
	.service-nav .swiper-slide a:hover{
		border-color: #ef7317;
	}
	.support-box{
		padding: 80px 100px 40px;
	}
	.network-tit{
		font-size: 20px;
		line-height: 30px;
	}
	.support-box .list{
		margin-top: 60px;
	}
	.support-box .list .row{
		margin-left: -45px;
		margin-right: -45px;
	}
	.support-box .list .item{
		padding: 0 45px;
	}
	.support-box .list .tit{
		font-size: 20px;
		line-height: 30px;
	}
	.support-box .list .item,
	.support-box .list .item:last-child{
		margin-bottom: 50px;
	}
	.contact-box{
		padding: 40px 100px 70px;
	}
	.network-tit{
		font-size: 20px;
		line-height: 30px;
	}

	/* network end */
	.problem-box .item{
		margin-bottom: 40px;
	}
	.problem-box .con-box .tit,
	.problem-box .con-box .con{
		width: 90%;
	}

	/* problem end */
	.function-box .left .pc-tab a{
		font-size: 15px;
		line-height: 25px;
		margin-bottom: 10px;
	}
	.function-box .right{
		padding-bottom: 90px;
	}
	.function-box .right .tit{
		font-size: 38px;
		line-height: 48px;
		padding-bottom: 20px;
		margin-bottom: 30px;
	}

	/* function end */
	.service-wrap .item .txt{
		font-size: 16px;
	}

	/* service end */
	.require-box{
		padding: 100px 0 150px;
	}
	.require{
		margin-top: 80px;
	}
	.require .con-box{
		padding: 40px;
	}
	.require .con-box .num{
		font-size: 36px;
		line-height: 46px;
	}
	.require .con-box .con{
		font-size: 18px;
		line-height: 28px;
		margin-top: 20px;
		height: 56px;
	}

	.business-box{
		padding: 90px 0 110px;
	}
	.business-box .list{
		margin-top: 65px;
	}
	.business-box li .txt{
		width: 220px;
	}
	.business-box li .pc-arrow{
		left: -83px;
	}
	
	/* join end */
	.lg-tit{
		font-size: 58px;
		line-height: 68px;
	}
	.mid-tit{
		font-size: 36px;
		line-height: 50px;
	}
	.e2-box .icon-box .icon{
		width: 135px;
	}
	.series{
		font-size: 22px;
		line-height: 32px;
		margin-top: 30px;
	}
	.e2-box .text{
		top: 16.7%;
	}
	.e2-box .lg-tit2{
		margin-top: 15px;
	}
	.e2-box .icon-box{
		margin-top: 70px;
	}
	.e2-box .lg-tit2{
		font-size: 48px;
		line-height: 58px;
		margin: 30px 0 0;
	}
	.e2-box .icon-box .item .txt{
		margin-top: 20px;
	}
	.e4-box .top-tit{
		padding: 45px 0;
	}
	.product-tit{
		font-size: 48px;
		line-height: 60px;
	}
	.e4-box .text .pub-con{
		font-size: 16px;
		line-height: 30px;
	}
	.e4-box .text .true-box{
		margin-top: 55px;
	}
	.e4-box .text .pub-con,
	.e4-box .text .true-box{
		width: 42%;
	}
	.e5-box .text .pub-con,
	.e6-box .text .pub-con,
	.e7-box .text .pub-con{
		font-size: 16px;
		line-height: 30px;
		width: 44%;
	}

	.param-box{
		padding: 90px 0;
	}

	.productinfo-tab{
		padding: 90px 0;
	}
	.productinfo-tab.on{
		padding: 90px 0;
	}
	/* .tab-box .btns{
		margin-top: 55px;
	} */
	.tab-box .swiper-slide{
		padding: 0 40px;
	}
	.tab-box .swiper-slide .img{
		padding: 30px 0;
	}
	.tab-box .swiper-slide .txt-box{
		padding: 20px 0;
	}
	.tab-box .swiper-slide .tit{
		font-size: 24px;
		line-height: 34px;
	}
	.tab-box .swiper-slide .desc{
		font-size: 16px;
		line-height: 26px;
	}

	/* 1e end */
	.kdr-2e1-box .text .txt-wrap{
		width: 430px;
	}
	.lg-tit2{
		font-size: 48px;
		line-height: 58px;
	}
	.kdr-2e1-box2 .text .txt-wrap{
		padding-left: 90px;
	}
	.kdr-2e1-box2 .lg-tit2 span{
		font-size: 48px;
		line-height: 58px;
	}
	.kdr-2e1-box2 .good span{
		font-size: 20px;
		line-height: 30px;
	}
	.kdr-2e1-box2 .good .divide{
		margin: 0 20px;
	}
	.kdr-2e1-box2 .desc{
		font-size: 30px;
		line-height: 50px;
		margin-top: 60px;
	}
	.kdr-2e1-box2 .sm-txt{
		margin-top: 90px;
	}
	.e5-box .icon-box .item .icon{
		width: 126px;
	}
	.e5-box .icon-box .txt .tit{
		font-size: 24px;
		line-height: 34px;
	}
	.save-box .icon-box .txt .con{
		font-size: 14px;
		line-height: 24px;
	}

	/* 2e-3 end */
	.e5-box1 .lg-tit3{
		font-size: 97px;
		line-height: 107px;
	}
	.e5-box1 .con{
		font-size: 26px;
		line-height: 36px;
	}

	.six-box{
		padding: 70px 0 100px;
	}
	.six-box .list .con-box .txt{
		width: 52%;
	}

	.six-box .desc{
		font-size: 22px;
		line-height: 32px;
	}
	.six-box .list{
		margin-top: 65px;
	}
	.save-box2 .list{
		width: 55%;
		margin-top: 70px;
	}
	.save-box2 .mid-tit{
		font-size: 36px;
		line-height: 50px;
	}
	.save-box2 .text{
		top: 40%;
	}
	.save-box2 .list .pub-con{
		margin-top: 5px;
	}

	/* 2e4 end */
	.product-con{
		font-size: 18px;
		line-height: 28px;
	}
	.e7-box1 .product-con{
		margin-top: 20px;
	}
	.e7-box1 .series{
		margin-top: 50px;
	}
	.e7-box2 .desc{
		font-size: 24px;
		line-height: 34px;
	}
	.save-box3{
		padding: 130px 0 140px;
	}
	.save-box3 .list{
		margin-top: 80px;
	}
	.save-box3 .list .item{
		margin: 0 35px;
	}
	.save-box3 .list .txt{
		margin-top: 15px;
	}

	/* 7e end */
	.e6-box2 .product-con{
		margin-top: 30px;
	}
	.e6-box3 .text .txt-wrap{
		width: 48%;
	}
	.e6-box3 .pub-con{
		font-size: 18px;
		line-height: 28px;
	}

	/* 6e end */
	.d1-box1 .lg-tit2 .num{
		font-size: 118px;
		line-height: 118px;
	}
	.d1-box1 .con{
		font-size: 22px;
		line-height: 32px;
	}
	.d1-box2 .circle{
		width: 527px;
		height: 527px;
	}
	.d1-box2 .txt-wrap{
		width: 290px;
	}
	.d1-box2 .mid-tit{
		font-size: 36px;
		line-height: 50px;
	}
	.d1-box2 .num{
		font-size: 140px;
		line-height: 140px;
	}
	.d1-box2 .num sup{
		font-size: 60px;
		line-height: 60px;
	}
	.d1-box2 .con{
		font-size: 20px;
		line-height: 30px;
		margin-top: 20px;
	}
	.d1-box3{
		padding: 25% 0 10%;
	}
	.d1-box3 .text .list{
		margin: 70px -30px 0;
	}
	.d1-box3 .text .list .item{
		padding: 0 30px;
	}
	
	/* 8d11 end */
	.e18-box1 .text .txt-wrap{
		width: 420px;
	}
	.e18-box1 .tit2{
		font-size: 26px;
		line-height: 36px;
	}
	.e18-box1 .list{
		margin-top: 70px;
	}
	.e18-box1 .list .item{
		margin-bottom: 50px;
	}
	.e18-box1 .list .txt{
		margin-top: 20px;
	}
	.e18-box3 .list{
		margin-top: 50px;
	}
	.e18-box3 .list .item{
		margin-bottom: 30px;
	}
	.e18-box5 .list .item{
		margin-bottom: 75px;
	}
	.e18-box5{
		padding: 100px 0 50px;
	}
	.e18-box5 .con,
	.save-box3 .model-con{
		font-size: 18px;
		line-height: 28px;
	}

	/* 18e end */
	.e20-box1 .text .tit3{
		font-size: 34px;
		line-height: 44px;
	}
	.e20-box1 .text .lg-tit{
		margin: 0;
	}
	.e20-box1 .text .product-con{
		margin-top: 20px;
	}
	.e20-box2 .list .txt{
		font-size: 16px;
		line-height: 26px;
	}
	.e20-box2 .list{
		margin-top: 60px;
	}
	.e20-box4{
		padding: 6.77% 0 29.6875%;
	}
	.e20-box1 .text .product-con,
	.e20-box2 .product-con,
	.e20-box3 .product-con,
	.e20-box4 .product-con,
	.e20-box5 .product-con{
		font-size: 18px;
		line-height: 28px;
	}
	.e7-box1 .product-con,
	.e7-box2 .product-con,
	.e7-box3 .product-con,
	.save-box3 .product-con{
		font-size: 18px;
		line-height: 28px;
	}
	/* 20e end */
	.e10-box1 .desc{
		font-size: 22px;
		line-height: 32px;
		margin-top: 20px;
	}
	.e10-box1 .icon-box{
		margin-top: 70px;
	}
	.e10-box1 .series{
		margin-top: 45px;
	}
	.e10-box1 .icon-box .item{
		margin-right: 50px;
	}
	.e10-box2 .desc{
		font-size: 30px;
		line-height: 40px;
	}
	.e10-box2 .icon-box .txt{
		width: 78%;
	}
	.e10-box2 .icon-box .txt .cn{
		font-size: 20px;
		line-height: 30px;
	}
	.e10-box2 .icon-box{
		width: 80%;
		margin-top: 45px;
	}
	.e10-box2 .icon-box .item{
		margin-bottom: 35px;
	}
	.e10-box3 .pub-con{
		margin-top: 30px;
		font-size: 16px;
		line-height: 30px;
		width: 65%;
	}
	.e10-box3 .img{
		margin-top: 120px;
	}

	/* 10e end */
	.news-box{
		padding: 80px 0 100px;
	}
}