/* 重置table属性 */
  img { transition: 1s all;}
  /*清除浮动*/
  .clearfix{
    overflow: hidden;
    clear: both;
  }
  .float-left{
    float: left;
  }
  .float-right{
    float: right;
  }
  
  .container{
    width: 1400px;
    margin:0 auto;
  }
  /* Chrome */
  ::-webkit-input-placeholder{
    color: #666;
  }
  /* IE 10+ */
  :-ms-input-placeholder{
    color: #666;
  }
  /* Firefox 4-18 */
  /* Firefox 19+ */
  :-moz-placeholder,
  ::-moz-placeholder{
    color: #666;
    opacity: 1;
  }
  /* Chrome */
  .newsletter input::-webkit-input-placeholder,.head-searchbg input::-webkit-input-placeholder{
    color: #fff;
  }
  /* IE 10+ */
  .newsletter input:-ms-input-placeholder,.head-searchbg input:-ms-input-placeholder{
    color: #fff;
  }
  /* Firefox 4-18 */
  /* Firefox 19+ */
  .newsletter input:-moz-placeholder,
  .newsletter input::-moz-placeholder,.head-searchbg input:-moz-placeholder,.head-searchbg input::-moz-placeholder{
    color: #fff;
    opacity: 1;
  }
  
  @keyframes fadeInLeft{from{opacity:0;transform:translate3d(-200px, 0, 0)}to{opacity:1;transform:none}}
  .fadeInLeft{
    animation-name:fadeInLeft
  }
  @keyframes fadeInRight{
    from{opacity:0;transform:translate3d(200px, 0, 0)}
    to{opacity:1;transform:none}}
  .fadeInRight{
    animation-name:fadeInRight
  }
  .animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
  
  .padding-top{
    padding-top: 100px;
  }
  .padding{
    padding: 100px 0;
  }
  .margin-top{
      margin-top: 100px;
  }
  @keyframes bounce-down {     
      25% {transform: translateY(-3px);}
      50%{transform: translateY(0);}
      75% {transform: translateY(3px);}
      100% {transform: translateY(0);}
  }
  @keyframes bounce-down2 {     
      25% {transform: translateY(-30px);}
      50%{transform: translateY(0);}
      75% {transform: translateY(15px);}
      100% {transform: translateY(0);}
  }
  @keyframes scale2 { 
  from {-webkit-transform:scale(1);transform:scale(1);}
    50% {-webkit-transform:scale(1.4);transform:scale(1.4);}
    to {-webkit-transform:scale(1);transform:scale(1);} 
  }
  @keyframes scale1 { 
  from {-webkit-transform:scale(0.6);transform:scale(0.6);}
    50% {-webkit-transform:scale(1);transform:scale(1);}
    to {-webkit-transform:scale(0.6);transform:scale(0.6);} 
  }
  
  .lg-01{
    width: 50%;
  }
  .lg-02{
    width: 49%;
  }
  .lg-03 li{
    width: 31%;
  }
  .lg-03 li{
    margin-left: 2.33%;
  }
  .lg-03 li:nth-child(3n+1){
    margin-left: 0;
  }
  .lg-04 li{
    width: 22.8%;
  }
  @media screen and (max-width: 1580px){
    .padding-top{
      padding-top: 80px;
    }
    .padding{
      padding: 80px 0;
    }
    .margin-top{
        margin-top: 80px;
    }
  }
  
  @media screen and (max-width: 1280px){
    .lg-04 li{
      width: 48%;
      margin-left: 4%;
    }
    .lg-04 li:nth-child(2n+1){
      margin-left: 0;
    }
    .lg-04 li:nth-child(1),.lg-04 li:nth-child(2){
      margin-bottom: 40px;
    }
  
    .padding-top{
      padding-top: 70px;
    }
    .padding{
      padding: 70px 0;
    }
    .margin-top{
        margin-top: 70px;
    }
  }
  @media screen and (max-width: 960px){
    .lg-01,.lg-02,.lg-03 li,.lg-04 li{
    width: 100%;
    }
    .lg-03 li,.lg-04 li{
      margin-left: 0;
    }
    .lg-04 li:nth-child(4){
      margin-top: 40px;
    }
    .padding-top{
      padding-top: 50px;
    }
    .padding{
      padding: 50px 0;
    }
    .margin-top{
        margin-top: 50px;
    }
  }
  

.width-auto{
	position: relative;
	width: 1400px;
	margin:0 auto;
}
.title{
	width: 94%;
	margin:0 auto;
	margin-top: -10px;
	text-align: center;
  font-size: 16px;
}
.home-our .title{
	margin-bottom: 40px;
}
.title h1,.title h1 a,.title h2,.title h2 a{
	font-size: 36px;
	line-height: 52px;
}
.title h1 a:hover,.home-ourtxt h3 a:hover,.title h2 a:hover{
	color: var(--color-primary);
	text-decoration: underline;
}
.title p{
	font-size: 17px;
}
.home-ourcon{
	text-align: center;
}
.home-ourpic{
	overflow: hidden;
}
.home-ourpic img{
	width: 100%;
}
.home-ourpic img:hover{
	-webkit-transform: scale(1.03);
	-moz-transform: scale(1.03);
	-ms-transform: scale(1.03);
	transform: scale(1.03);
}
.home-ourtxt{
	padding: 4% 6% 2% 6%;
}
.home-ourtxt:first-child{
	border-top: 1px solid #ddd;
}
.home-ourtxt:last-child{
	border-bottom: 1px solid #ddd;
}
.home-ourtxt h3 a{
}
.home-ourtxt h3 span{
	display: block;
	margin-top: 18px;
}
.home-ourtxt p{
	font-size: 17px;
}
.home-ourtxt .main-href{
	margin-top: 30px;
}
.tit-text .container{
	height: 70px;
	overflow: hidden;
	text-align: center;
	border-bottom: 1px solid #eaedef;
}
.tit-text h1{
	font-size: 97px;
	line-height: 86px;
	color: #fff;
	text-shadow: -1px -1px 0 #d6dcdf, 1px -1px 0 #d6dcdf, -1px 1px 0 #d6dcdf, 1px 1px 0 #d6dcdf;
}
.home-choose{
	margin-top: 60px;
}
.home-choosecon{
	position: relative;
	margin-top: 50px;
}
.home-choosecon ul{
	width: 100%;
}
.home-choosebd{
	overflow: hidden;
}
.home-choosecon .home-choosebd li img{
	width: 100%;
}
.home-choosehd{
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
}
.home-choosehd ul{
	height: 100%;
}
.home-choosehd li,.mobile-choose li{
	position: relative;
	width: 20%;
	border-right: 2px solid rgba(255,255,255,0.3);	
	-webkit-transition: .3s all; 
	-moz-transition: .3s all; 
	-ms-transition: .3s all; 
	transition: .3s all;
	overflow: hidden;
}
.home-choosehd li:last-child{
	border-right: none;
}
.home-choosehd li:hover{
	/*background: rgba(24,70,157,0.75);*/
}
.home-choosehd li div,.mobile-choose li div{
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 40px;
}
.home-choosehd li div h3 a,.mobile-choose li div h3 a{
	color: #fff;
	text-decoration: none;
}
.home-choosehd li div h3 a:hover,.mobile-choose li div h3 a:hover{
	text-decoration: none;
}
.home-choosehd li div p,.mobile-choose li div p{
	display: none;
	color: #fff;
	font-size: 16px;
}
.mobile-choose li div p{
	display: block;
}
.home-choosehd li div span,.mobile-choose li div span{
	display: block;
	margin-top: 20px;
}
.home-choosehd li div span i,.mobile-choose li div span i{
	display: inline-block;
	width: 26px;
	height: 26px;
	margin-right: 20px;
	border:1px solid #fff;
	border-radius: 50%;
	background: url(../image/ico11.png) no-repeat center;
	vertical-align: top;	
	-webkit-transition: .3s all; 
	-moz-transition: .3s all; 
	-ms-transition: .3s all; 
	transition: .3s all;
}
.home-choosehd li div span a,.mobile-choose li div span a{
	color: #fff;
	font-size: 14px;
	font-family: 'Montserrat-Medium';
	line-height: 26px;
}
.home-choosehd li div span a:hover i,.mobile-choose li div span a:hover i{
	background:#fff url(../image/ico11s.png) no-repeat center;
}
.mobile-choose{
	display: none;
	margin-top: 20px;
}
.mobile-choose li{
	position: relative;
	width: 100%;
	margin-top: 10px;
}
.mobile-choose li img{
	width: 100%;
}
.home-wearefl{
	position: relative;
	width: 47.8%;
	height: 100%;
	padding-left: 27px;
	text-align: right;
	background: url(../image/bg.jpg) no-repeat left center;

	background-size: 100% 70%;
}
.home-wearefl span{
	display: block;
	overflow: hidden;
}
.home-wearefl span img{
	width: 100%;
}
.home-wearefl:hover span img{
	-webkit-transform: scale(1.03);
	-moz-transform: scale(1.03);
	-ms-transform: scale(1.03);
	transform: scale(1.03);
}
.home-wearefr{
	width: 46.4%;
	padding-right: 45px;
}
.home-wearefr .title{
	width: 100%;	
	margin-top: 44px;
	text-align: left;
}
.home-wearefr .title p{font-size: 16px;}
.home-wearefr .main-href{
	text-align: left;
}
.home-wearefltxt{
	position: absolute;
	right: 0;
	bottom: 50px;
	display: inline-block;
	padding: 25px;
	background: rgba(0,0,0,0.75);
	cursor: pointer;
}
.home-wearefltxt img{
	margin-left: 20px;
}
.home-wearefltxt p{
	margin-top: 0;
	color: #fff;
	font-size: 17px;
}
.videos{
	display: none;
	position: fixed;
	left: 0;
	top: 0;
	bottom: 0;
	width: 100%;
	height: 100vh;    
	background: rgba(0,0,0,0.5);
	text-align: center;
	z-index: 999;
	overflow: hidden;
}
.videos #video{
	position: fixed;
	left: 10%;
	top: 10vh;
	 width:80%; 
	 height: 80vh;
	 background: #000;
	 z-index: 999;
}
.vclose { 
	position:absolute;
	right:3%; 
	top:5%; 
	width: auto;
	cursor: pointer; 
}

.home-why{
	padding-top: 60px;
}
.home-why span{
	display: inline-block;
	width: 80px;
	height: 80px;
	text-align: center;
}
.home-why ul{
	margin-top: 45px;
}
.home-why ul li{
	padding: 48px 30px 20px 30px;
	text-align: center;
	border:1px solid #d8e0ee;
	-webkit-transition: .3s all; 
	-moz-transition: .3s all; 
	-ms-transition: .3s all; 
	transition: .3s all;
}
.home-why ul li:nth-child(1) span{
	background: url(../image/ico01.png) no-repeat center;
}
.home-why ul li:nth-child(2) span{
	background: url(../image/ico02.png) no-repeat center;
}
.home-why ul li:nth-child(3) span{
	background: url(../image/ico03.png) no-repeat center;
}
.home-why ul li:nth-child(4) span{
	background: url(../image/ico04.png) no-repeat center;
}
.home-why ul li:nth-child(1):hover span{
	background: url(../image/ico01s.png) no-repeat center;
}
.home-why ul li:nth-child(2):hover span{
	background: url(../image/ico02s.png) no-repeat center;
}
.home-why ul li:nth-child(3):hover span{
	background: url(../image/ico03s.png) no-repeat center;
}
.home-why ul li:nth-child(4):hover span{
	background: url(../image/ico04s.png) no-repeat center;
}
.home-why ul li h3{
	margin-top: 30px;
}
.home-why ul li:hover{
	background: #2f58a7;
}
.home-why ul li:hover h3,.home-why ul li:hover p{
	color: #fff;
}
.home-tankmouse{
	text-align: center;
}
.home-tankmouse i{
	display: inline-block;
	width: 2px;
	height: 16px;
	background: #a3b5d8;
}
.home-tankmouse span{
	display: block;
	margin-top: 16px;
	-webkit-animation: bounce-down 1s linear infinite;
    animation: bounce-down 1s linear infinite;
}
.home-tanktit{
	margin-top: 40px;
	text-align: center;
}
.home-tanktit h1{
	font-size: 34px;
	line-height: 50px;
}
.home-tanktit h1 a{
	color: var(--color-primary);
	text-decoration: underline;
}
.home-tanktit .main-href{
	text-align: center;
}
.home-tank .container{
	position: relative;
}
.home-tank .container::after{
	content: 'NTTANK';
	position: absolute;
	top:-10px;
	width: 100%;
	font-size: 260px;
	color: #eff2f8;
	font-family: 'Montserrat-Bold';
	z-index: -1;
	text-align: center;
	letter-spacing: 15px;
}
.home-process{
	background: url(../image/bg04.jpg) no-repeat;
	background-size: 100% 100%;
}
.home-processcon {
	margin-top: 30px;
	background: url(../image/line04.png) no-repeat center 26px;
	background-size: 80% auto;
}
.home-processcon ul li{
	width: 24%;
	text-align: center;
	-webkit-transition: .5s all; 
	-moz-transition: .5s all; 
	-ms-transition: .5s all; 
	transition: .5s all;
}
.home-processcon ul li:hover{
	transform: translate(0,-8px);
	-webkit-transform: translate(0,-8px);
	-moz-transform: translate(0,-8px);
	-ms-transform: translate(0,-8px);
	-o-transform: translate(0,-8px);
}
.home-processcon ul li span{
	display: inline-block;
	width: 155px;
	height: 155px;
	border-radius: 50%;
	background: var(--color-primary);
	text-align: center;
	line-height: 155px;
}
.home-processcon ul li h3{
	margin-top: 30px;
}
.home-service ul{
	margin-top: 40px;
}
.home-service li span{
	display: block;
	-webkit-transition: .3s all; 
	-moz-transition: .3s all; 
	-ms-transition: .3s all; 
	transition: .3s all;
}
.home-service ul{
	margin-top: 40px;
}
.home-service ul li{
	position: relative;
	padding-bottom: 40px;
	text-align: center;
	border-bottom: 2px solid #d1daeb;
}
.home-service ul li h3{
	margin-top: 35px;
}
.home-service ul li::after {
    content: ' ';
    position: absolute;
    z-index: 2;
    bottom: -2px;
    left: 50%;
    width: 100%;
    height: 2px;
    transform: translate(-50%);
}
.home-service ul li:hover::after{
	animation: ad_width .5s linear forwards;
	background: #5274b6;
}
@keyframes ad_width {
	from {
	width: 0
	}
	to {
	width: 100%;
	}
}
.home-inspection .tit-text{
	margin-top: 30px;
}
.home-inspection .tit-text .container{
	border-bottom: none;
}
.devicecon{
	width: 100%;
	overflow: hidden;
}
.device-txtleft{
	position: relative;
	width: 51%;
	background: var(--color-primary);
	overflow: hidden;
}
.device-main{
	position: absolute;
	left: 0;
	overflow: hidden;
}
.device-txt{
	margin:58px 50px 46px 50px;
}
.device-txt span{
	display: block;
	height: 32px;
	font-size: 90px;
	color: #fff;
	line-height: 74px;
	font-family: 'Montserrat-Bold';  
	overflow: hidden;
}
.device-kehu{
	margin: 0 50px 30px 50px;
	padding-top: 26px;
	overflow: hidden;
	background: url(../image/kehuline.jpg) no-repeat left top;
}
.device-txt p{
	width: 100%;
	margin-top: 50px;
	color: #fff;
}
.kehu-con{
	width: 100%;
}
.kehu-toux span,.kehu-toux div{
	float: left;
}
.kehu-toux span{
	width: 69px;
	height: 69px;
	margin-right: 24px;
}
.kehu-toux div{
	margin-top: 21px;
}
.kehu-toux div h5{
	font-size: 16px;
	color: #fff;
}
.kehu-toux div p{
	margin-top: 0px;
	font-size: 14px;
	color: #fff;
}
.kehu-toux span img{
	width: 100%;
	border-radius: 50%;
}
.arrow{
	position: absolute;
	right: 50px;
	bottom: 44px;
	text-align: center;
	line-height: 45px;
}
.arrow a {
	float: left;
	background:rgba(255,255,255,0.1);
	width: 45px;
	height: 45px;
	line-height: 44px;
}
.arrow .next {
	margin-left: 5px;
}
.arrow a:hover{
	background:rgba(255,255,255,0.2);	
}

.device-txtright{
	width: 49%;
}
.device-txtright img{
	width: 100%;
}
.home-partner{
	margin-bottom: 100px;
}
.home-partner li{
	width: 14.28%;
	height: 90px;
	margin-top: 45px;
	line-height: 90px;
	text-align: center;
	border-right: 1px solid #e7eaeb;    
}
.home-partner img{
	max-width: 90%;
}

/*footer*/
.footer{
	padding: 70px 0;
	background: var(--color-primary);
}
.foot-logo{
    padding-bottom: 30px;
    border-bottom: 1px solid #466bb1;
}
.foot-logo span {
	display: block;
	margin-top: 38px;
}
.foot-logo span a{
	margin-left: 20px;
	opacity: 0.6;
}
.foot-logo span a:hover{
	opacity: 1;
}
.foot-con{
	display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin-top: 50px;
}
.foot-con div{
	 width: 24%;
	 margin-right: 8%;
}
.foot-con h3{
	margin-bottom: 50px;
	font-size: 22px;
	color: #fff;
}
.foot-con ul{
	display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}
.foot-con li a{
	display: block;
	margin-bottom: 15px;
	font-size: 17px;
	color: #fff;	
	opacity: 0.7;
}

.foot-con li a:hover{
	text-decoration: underline;
	opacity: 1;
}
.foot-con div.newsletter{
	width: 44%;
	margin-right: 0;
	margin-left: 4%;
}

.foot-con div.newsletter p{
	font-size: 15px;
	color: #fff;
	line-height: 32px;
	margin-top: -6px;
}
.newsletter form{
	display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin-top: 20px;
}
.newsletter input{
	width: 70%;
	height: 64px;
	padding-left: 34px;
	font-size: 13px;
	background: rgba(255,255,255,0.17);
	color: #fff;
	outline: none;
	border:none;
}
.newsletter button{
	width:30%;
	height: 64px;
	font-size: 13px;
	font-family: 'Montserrat-Bold';
	background: #fff;
	color: var(--color-primary);
	outline: none;
	border:none;
	cursor: pointer;
	-webkit-transition: .3s all; 
	-moz-transition: .3s all; 
	-ms-transition: .3s all; 
	transition: .3s all;
}
.newsletter button:hover{
	background: rgba(255,255,255,0.95);
}
.foot-txt{
	display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin-top: 60px;
}
.foot-txt p{
	margin-top: 0;
	font-size: 12px;
	color: #8ca3ce;
}
.foot-txt p a{
	margin-left: 150px;
	color: #8ca3ce;
	text-decoration: underline;
}
.foot-txt p a:hover{
	color: #fff;
}
.foot-gotop{
	font-size: 12px;
	color: #fff;
	cursor: pointer;
}
.foot-gotop img{
	margin-right: 10px;    
	-webkit-animation: bounce-down 1s linear infinite;
    animation: bounce-down 1s linear infinite;
}

.gotop {
	position: fixed;
    right: 10px;
    top: 50%;
    display: none;
    z-index: 2;
}
.gotop a {
    display: block;
    width: 46px;
    height: 46px;
    border-radius: 8px;
    background: var(--color-primary);
    margin: 10px 0;
    text-align: center;
    line-height: 44px;
    box-shadow: 1px 2px 6px 2px rgb(0,0,0,0.1);
    cursor: pointer;
}
.gotop a:hover{
	background: #2054b5;
}

/*手机端底部*/
.mobile-footer{
	display: none;
	position: fixed;
	left: 0; 
	bottom: 0px;
	width: 100%;
	height: 60px;
	background: var(--color-primary);
	z-index: 99;
	box-shadow: 1px 2px 8px 4px rgba(0,0,0,0.1);
}
.mobile-foot a{
	float: left;
	width: 25%;
	height: 60px;
	color: #fff;
	font-size: 16px;	
	text-align: center;
	border-right: 1px solid #2054b5;
	box-sizing: border-box;
}
.mobile-foot a:last-child{
	border-right:none;
}
.mobile-foot img{
	display: block;
	width: 28px;
	height: 28px;
	margin:5px auto 0 auto;
}

/*about page*/
.small-banner{
	width: 100%;
	overflow: hidden;
}
.small-banner img{
	width: 100%;
}
.crumbs{
	padding: 18px 0;
	border-bottom: 1px solid #ddd;
}
.crumbs span,.crumbs a,.crumbs i{
	font-size: 13px;
	color: #333;
}
.crumbs a:hover{
	text-decoration: underline;
	color: var(--color-primary);
}
.crumbs i{
	font-style: normal;
	margin: 0 6px;
}
.about-conpic{
	width: 45.1%;
	padding-right: 34px;
	background: url(../image/bg05.png) repeat-x right center;
	background-size: auto 82%;
}
.about-conpic span{
	display: block;
	overflow: hidden;
}
.about-conpic img{
	width: 100%;
}
.about-conpic img:hover{
	-webkit-transform: scale(1.03);
	-moz-transform: scale(1.03);
	-ms-transform: scale(1.03);
	transform: scale(1.03);
}
.about-contxt{
	width: 47.1%;
}
.about-contxt .title{
	margin-top: 40px;
	text-align: left;
}
.about-contxt .title h1{
	margin-bottom: 30px;
}
.about-contxt .title p{
	font-size: 16px;
	line-height: 30px;
}
.about-contxt .main-href{
	margin-top: 40px;
	text-align: left;
}
.about-tanktit{
	width: 100%;
	overflow: hidden;
}
.about-tanktitcon{
	position: relative;
	width: 92%;
	margin:0 auto;
	text-align: center;
}
.about-tanktitcon h1,.about-tanktitcon h2{
	padding-top: 60px;
	font-size: 34px;
	line-height: 52px;
}
.about-tanktitcon span{
	display: block;
	margin-top: 30px;
}
.about-tanktitcon::before{
	content: 'NTTANK';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	font-size: 260px;
	color: #fff;
	line-height: 210px;
	text-align: center;
	font-family: 'Montserrat-Bold';
	text-shadow: -1px -1px 0 #d6dcdf, 1px -1px 0 #d6dcdf, -1px 1px 0 #d6dcdf, 1px 1px 0 #d6dcdf;
	letter-spacing: 15px;
	z-index: -1;
}
.about-videofl{
	width: 46.8%;
}
.about-videofl span{
	display: block;
	height: 65px;
	font-size: 94px;
	font-family: 'Montserrat-Bold';
	color: var(--color-primary);
	line-height: 88px;
	overflow: hidden;
}
.about-videofr{
	position: relative;
	width: 44.4%;
	height: 100%;
}
.about-videofl p{
	margin-top: 0;
}
.about-videofr span{
	display: block;
	overflow: hidden;
}
.about-videofr span img{
	width: 100%;
	-webkit-transition: .5s all; 
	-moz-transition: .5s all; 
	-ms-transition: .5s all; 
	transition: .5s all;
}
.about-videofr:hover img{
	-webkit-transform: scale(1.02);
	-moz-transform: scale(1.02);
	-ms-transform: scale(1.02);
	transform: scale(1.02);
}
.about-videofr .pulse{
	left: auto;
	top: auto;
	left: -50px;
	bottom: -35px;
	margin:0;
}
.pulse {
	position: absolute;
	left: 50%;
	top: 50%;
	height: 100px;
	width: 100px;
	margin-top: -50px;
	margin-left: -50px;
	background: #0047a3;
	border-radius: 100%;
	cursor: pointer;
}
.pulse img{
	position: absolute;
	left: 50%;
	top: 50%;	
	margin-top: -9px;
	margin-left: -8px;
	z-index: 2;
}
.ring{
  position: absolute;
  background: inherit;
  height: 100%;
  width: 100%;
  border-radius: 100%;
  opacity: 0.2;
  animation: pulsing 2.5s ease-out infinite;
}
@keyframes pulsing { 
from {-webkit-transform:scale(1);transform:scale(1);}
  50% {-webkit-transform:scale(1.3);transform:scale(1.3);}
  to {-webkit-transform:scale(1);transform:scale(1);} 
}
.factory-development{
	width: 100%;
	background: url(../image/bg05.jpg) no-repeat;
	background-size: 100% 100%;
	overflow: hidden;
}
.factory-development .slideBox{
	display: none;
	width: 100%;
	padding: 50px 60px 120px 60px;
	background: #fff;	
	overflow: hidden;
}
.factory-development .slideBox:first-child{
	display: block;
}
.factory-pic{
	float: left;
	width: 48%;
	overflow: hidden;
}
.factory-pic img{
	width: 100%;	
	-webkit-transition: .5s all; 
	-moz-transition: .5s all; 
	-ms-transition: .5s all; 
	transition: .5s all;
}
.factory-pic img:hover{
	-webkit-transform: scale(1.02);
	-moz-transform: scale(1.02);
	-ms-transform: scale(1.02);
	transform: scale(1.02);
}
.factory-txt{
	float: right;
	width:46.4%;
	margin-top: 40px;
}
.factory-txt h3{
	padding: 0 10px 25px 10px;
	margin-bottom: 25px;
	font-size: 26px;
	border-bottom: 1px solid #b1c7e3;
}
.factory-txt p{
	padding: 0 10px;
}
.event_box{
	margin-top: 40px;
	overflow: hidden;
}
.parBd{
	position: relative;
	z-index: 1;
}
.parHdpd{
	padding: 0 60px;
}
.parHd{
	position: relative;
	width: 100%;
	height: 132px;
	padding: 0 150px;
	margin-top: -86px;
	overflow: hidden;
	background: #0047a3;
	z-index: 2;	
}
.parHd li.no_line:before{
	display:none;
}
.parHd li{
	width: 20%;
	float: left;
	display:inline-block;
	cursor:pointer;
	padding-top:30px;
	font-size:22px;
	text-align: center;	
	color: #99b5da;
	position:relative;
	-webkit-transition: .3s all; 
	-moz-transition: .3s all; 
	-ms-transition: .3s all; 
	transition: .3s all;
}
.parHd li::after{
	content:'';
	background:url(../image/dot_icos.png) no-repeat;
	width:13px;
	height:13px;
	position:absolute;
	z-index:20;
	top:48px;
	left:50%;
	margin-left:-5px;
}
.parHd li.act::after{
	background:url(../image/dot_ico.png) no-repeat;
}
.parHd .tempWrap{
	position: relative;
	width: 100%;
	margin:0 auto;
}
.parHd .tempWrap:after{
	content:'';
	width:100%;
	height:1px;
	background:#99b5da;
	position:absolute;
	right:0%;
	top:54px;
	z-index:10;
}
.parHd li.act span{
	display:block;
	width:13px;
	height:13px;
	overflow:hidden;
	background:url(../image/cat.png) no-repeat;
	position:absolute;
	top:12px;
	left:50%;
	margin-left:-5px;
	z-index:21;
}
.parHd li span,.parHd li.clone span{
	display:none;
}	
.parHd li b{
	display: block;
	font-size: 17px;
	font-weight: 500;
	margin-top: 50px;
}
.parHd li.act{
	color: #fff;
}
.sPrev,.sNext{
	width:44px;
	height:44px;
	display:block;
	position:absolute;
	top:50%;
	margin-top: -22px;
	background: rgba(255,255,255,0.75);
	text-align: center;
	line-height: 40px;
	cursor: pointer;
}
.sPrev{
	left:42px;
}
.sNext{
	right:42px;
}
.sPrev:hover,.sNext:hover{
	background: #fff;
}

.about-quality .title h2{font-size: 36px;font-weight:700;color:#333;}

.quality-list{position:relative;margin:60px 0 0;}
.quality-list .bd{overflow:hidden;}
.quality-list .bd ul{ overflow:hidden; zoom:1; }
.quality-list .bd ul li{padding:0 10px;width:25%; float:left; _display:inline; overflow:hidden; text-align:center;  }
.quality-list .bd ul li a{display:block;}
.quality-list .bd ul li a img{width:100%;}
		
.quality-list .prev,.quality-list .next{position:absolute;width:40px;height:40px;line-height:40px;top:calc(50% - 20px);display:block;overflow:hidden;cursor:pointer;}
.quality-list .prev{left:-50px;}
.quality-list .next{right:-50px;}		
.quality-list .prev i,.quality-list .next i{font-size:30px;color:#333;}



.home-scenarioshd{
	margin-top: 65px;
	text-align: center;
}
.home-ny{	
	display: inline-block;
	height: 15px;
	overflow: hidden;
}
.home-ny .swiper-button-prev,.home-ny .swiper-button-next{
	display: inline-block;
	width: 20px;
	height: 15px;
	cursor: pointer;
	-webkit-transition: .3s all; 
	-moz-transition: .3s all; 
	-ms-transition: .3s all; 
	transition: .3s all;
}
.home-ny .swiper-button-prev{
	position: relative;
	z-index: 1;
	background: url(../image/left.png) no-repeat center;
}
.home-ny .swiper-button-next{
	margin-left: 18px;
	background: url(../image/right.png) no-repeat center;
}
.home-ny .swiper-button-prev:hover{
	background: url(../image/lefts.png) no-repeat center;
	border:none;
}
.home-ny .swiper-button-next:hover{
	background: url(../image/rights.png) no-repeat center;	
	border:none;
}
.swiper-pagination-progress .swiper-pagination-progressbar{
    background:var(--color-primary);
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: left top;
    -moz-transform-origin: left top;
    -ms-transform-origin: left top;
    -o-transform-origin: left top;
    transform-origin: left top;
}

.swiper-pagination {
    text-align: center;
    margin-top: 7px;
    margin-left: 26px;
    vertical-align: top;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    -webkit-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    z-index: 10;
}
.swiper-pagination-progress{
	display: inline-block;
    width: 914px;
    height: 2px;
	background: #cbd2d5;
}
.about-customer{
	margin-top: 55px;
}
.about-customercon{
	margin-top: 45px;
	padding:35px;
	background: #e3ebf5;
}
.about-customercon li{
	border-bottom: 1px solid #bdcfe7;
}
.about-customercon li span{
	display: block;
	width: 12.5%;
	border-left: 1px solid #bdcfe7;
	text-align: center;
	line-height: 94px;
}
.about-customercon li span img{
	max-width: 90%;
	-webkit-transition: .3s all; 
	-moz-transition: .3s all; 
	-ms-transition: .3s all; 
	transition: .3s all;	
}
.about-customercon li span:hover img{
	transform: translate(0,-6px);
	-webkit-transform: translate(0,-6px);
	-moz-transform: translate(0,-6px);
	-ms-transform: translate(0,-6px);
	-o-transform: translate(0,-6px);	
}
.about-customercon li span:first-child{
	border-left: none;
}
.about-customercon li:last-child{
	border-bottom: none;
}
.about-partner{
	margin-top: 80px;
}
.about-partnerfl{
	width: 35.8%;
	margin-top: 90px;
}
.about-partnerfl .title{
	width: 100%;
	text-align: left;
}
.about-partnerfl .title h1{
	margin-bottom: 30px;
}
.about-partnerfl .title p{
	line-height: 30px;
}
.about-partnerfl .main-href{
	margin-top: 45px;
	text-align: left;
}
.about-partnerfr{
	width: 56.4%;
}
.about-partnerfr span{
	display: block;
	width: 27.6%;
	margin-top: 50px;
	line-height: 82px;
}
.about-partnerfr span{
	margin-left: 8.6%;
}
.about-partnerfr span:nth-child(1),.about-partnerfr span:nth-child(2),.about-partnerfr span:nth-child(3){
	margin-top: 0;
}
.about-partnerfr span:nth-child(3n+1){
	margin-left: 0;
}
.about-partnerfr span img{
	max-width: 100%;
}
.about-partnerhd{
	margin-top: 57px;
}
.about-partnerhd div{
	width: 11px;
	height: 19px;
	margin-top: 2px;
	cursor: pointer;	
	-webkit-transition: .3s all; 
	-moz-transition: .3s all; 
	-ms-transition: .3s all; 
	transition: .3s all;
}
.about-partnerhd i{
	display: block;
	width: 1px;
	height: 24px;
	margin:0 22px;
	background: #abc2e1;
}
.about-partnerhd .swiper-button-prev{
	background: url(../image/righta.png) no-repeat;
}
.about-partnerhd .swiper-button-next{
	background: url(../image/lefta.png) no-repeat;
}
.about-partnerhd .swiper-button-prev:hover{
	background: url(../image/rightas.png) no-repeat;
}
.about-partnerhd .swiper-button-next:hover{
	background: url(../image/leftas.png) no-repeat;
}
.about-certifications{
	position: relative;
	overflow: hidden;
	width: 100%;
	margin-top: 100px;
	background: url(../image/bg06.jpg) no-repeat;
	background-size: 100% 100%;
}
.about-certifications .title h2{font-size: 36px;font-weight:700;color:#333;}                                            
.about-certifications .list{margin:40px 0 0;position:relative;}                                            

.about-certifications .swiper-button-prev,.about-certifications .swiper-button-next{width:50px;height:50px;line-height:50px;overflow:hidden;border-radius:0;background:none;margin-top:-25px;text-align:center;color:#B5B5B5;}
.about-certifications .swiper-button-next::after,.about-certifications .swiper-button-prev::after {display:none;}
.about-certifications .swiper-button-prev i,.about-certifications .swiper-button-next i{color:inherit;font-size:40px;display:inline-block;margin-top:1px;}
.about-certifications .swiper-button-prev,.about-certifications .swiper-container-rtl .swiper-button-next{left:-70px;right:auto;}
.about-certifications .swiper-button-next,.about-certifications .swiper-container-rtl .swiper-button-prev{right:-70px;left:auto;}
.about-certifications .swiper-button-prev:hover.about-certifications .swiper-button-next:hover{color:#005BAC;}

.about-certifications .swiper-pagination-bullets{position:static;width:100%;display:none;margin-top:20px;}
.about-certifications .swiper-pagination-bullet {width:30px;height:4px;margin:0 3px;background:#C1C1C1;border-radius:0;opacity:1;box-sizing:border-box;}
.about-certifications .swiper-pagination-bullet-active{background:#005BAC;}                                
                                
.about-certifications .swiper-slide{
	width:30%;
	box-sizing:border-box;
	z-index: 0;
	-webkit-transition: transform 1.0s;
	-moz-transition: transform 1.0s;
	-ms-transition: transform 1.0s;
	-o-transition: transform 1.0s;
	-webkit-transform: scale(0.6);
	transform: scale(0.6);
}
.about-certifications .swiper-slide img{
	display:block;
	width:100%;
}

.about-certifications .swiper-slide-active{
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	z-index: 10;
}
.about-certifications .swiper-slide-prev,.about-certifications .swiper-slide-next{
	-webkit-transform: scale(0.8);
	-moz-transform: scale(0.8);
	-ms-transform: scale(0.8);
	transform: scale(0.8);
	z-index: 5;
}
.about-certifications .swiper-container{
	width: 47.2%;
}
.about-certifications .about-certificationstxt{
	width: 45%;
	margin-top: 100px;
}
.about-certifications .about-certificationstxt .title{	
	width: 100%;
	text-align: left;
}
.about-certifications .about-certificationstxt .title h1{
	margin-bottom: 30px;
}
.about-certifications .about-certificationstxt .title p{
	font-size: 16px;
	line-height: 32px;
}
.about-btn{
	margin-top: 60px;
	font-size: 0;
}
.about-btn a{
	display: inline-block;
    padding: 15px 33px;
    margin-right: 6px;
    background: var(--color-primary);
    color: #fff;
    font-family: 'Montserrat-Medium';
    font-size: 15px;
    letter-spacing: 1px;
}
.about-btn a:hover{
	background: #2054b5;
}
.about-btn a img{
	margin-top: 6px;
	vertical-align: top;
}
.about-btn a:nth-child(1) img{
	margin-right: 14px;
}
.about-btn a:nth-child(2) img{
	margin-left: 14px;
}
.fs_gallery {
    background: rgba(0,0,0, 0.9);
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1000;
}
.fs_gallery_close {
    position: absolute;
    top: 50px;
    right: 50px;
    width: 30px;
    height: 30px;
    color: #ccc;
    font-size: 52px;
    font-weight: 100;
    line-height: 30px;
    text-align: center;
    cursor: pointer;
    z-index: 102;
}
.fs_gallery_close:before {
    content: "×"
}
.fs_gallery_close:hover {
    color: #fff;
}

.fs_gallery_prev, .fs_gallery_next {
    position: absolute;
    width: 80px;
    color: #ccc;
    font-size: 30px;
    cursor: pointer;
    z-index: 101;
}
.fs_gallery_prev:hover,.fs_gallery_next:hover{
	opacity: 1;
}
.fs_gallery_prev {
    left: 0;
    top: 0;
    bottom: 0;
    background: url(../image/arrowsl1a.png) no-repeat center;
}
.fs_gallery_next {
    right: 0;
    top: 0;
    bottom: 0;
    background: url(../image/arrowsr1a.png) no-repeat center;
    opacity: 0.8;
}
.fs_gallery_prev:before {
    content: "";
    position: absolute;
    height: 30px;
    margin-top: -30px;
    top: 50%;
    left: 35px;
}
.fs_gallery_next:before {
    content: "";
    position: absolute;
    height: 30px;
    margin-top: -30px;
    top: 50%;
    left: 35px;
}

.fs_gallery_shuft {
    position: relative;
    width: 9999999px;
}
.fs_gallery_shuft:after {
    clear: both;
    content: "";
    display: block;
}
.fs_gallery_shuft_item {
    float: left;
    position: relative;
    background-image: url(data:image/gif;base64,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);
    background-position: center center;
    background-repeat: no-repeat;
}
.fs_gallery_shuft_item img {
    box-shadow: 0 0 8px rgba(0,0,0, 0.8);
    position: absolute;
    top: 50%;
    left: 50%;
    max-width: 100%;
}

/*goods page*/
.goods-iso ul li{
	margin-top: 40px;
	text-align: center;
}
.goods-iso ul li span{
	display: block;
	border:1px solid #eee;
	overflow: hidden;
}
.goods-iso ul li span img{
	width: 100%;
}
.goods-iso ul li span img:hover{
	-webkit-transform: scale(1.03);
	-moz-transform: scale(1.03);
	-ms-transform: scale(1.03);
	transform: scale(1.03);	
}
.goods-iso ul li h3{
	margin-top: 25px;
}
.goods-chara{
	margin-top: 55px;
}
.goods-step{
	position: relative;
	background: url(../image/bg07.jpg) no-repeat;
	background-size: 100% 100%;
	min-height: 738px;
}
.goods-stepbd{
	width: 51.4%;
	padding: 165px 160px 190px 0;	
}
.goods-stepbd .title{
	width: 100%;
	text-align: left;
}
.goods-stepbd .title p{
	font-size: 16px;
	line-height: 30px;
}
.goods-stepbd .main-href{
	margin-top: 40px;
    text-align: left;
}
.goods-stephd{
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	width: 49%;
	height: 100%;
}
.goods-stephd ul{
	height: 100%;
}
.goods-stephd ul li{
	position: relative;
	height: 33.33%;
	padding: 45px 52px 52px 110px;
	background: url(../image/ico13.png) no-repeat 38px 38px;
	border-left: 1px solid #ddd;
	border-bottom: 1px solid #ddd;	
	-webkit-transition: .2s all; 
	-moz-transition: .2s all; 
	-ms-transition: .2s all; 
	transition: .2s all;
}
.goods-stephd ul li p{
	width: 66%;
	font-size: 15px;
	line-height: 32px;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;

}
.goods-stephd ul li:first-child{
	border-top: 1px solid #ddd;
}
.goods-stephd ul li.on{
	background:rgba(24,70,157,0.75) url(../image/ico13s.png) no-repeat 38px 38px;
}

.goods-stephd ul li.on p,.goods-stephd ul li.on h3{
	color: #fff;
}
.goods-certifications .container{
	position: relative;
}
.goods-certifications .swiper-container{
	width: 91.4%;
	padding: 10px;
	margin:0 auto;
	margin-top: 30px;
}
.goods-certifications li img{
	width: 100%;
}
.goods-certifications .swiper-slide{
	width: 25.86%;	
	padding: 17px;
    background: #fff;
    box-sizing: border-box;
    box-shadow: 0 0 10px rgb(4 0 0 / 15%);
    z-index: 1;
    -webkit-transition: transform 1.0s;
    -moz-transition: transform 1.0s;
    -ms-transition: transform 1.0s;
    -o-transition: transform 1.0s;
    -webkit-transform: scale(0.8);
    transform: scale(0.75);
}
.goods-certifications .swiper-slide-active {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    z-index: 10;
}
.goods-certifications .swiper-slide-prev, .goods-certifications .swiper-slide-next {
    -webkit-transform: scale(0.85);
    -moz-transform: scale(0.85);
    -ms-transform: scale(0.85);
    transform: scale(0.85);
    z-index: 5;
}
.goods-certifications .cert-btn{
}
.goods-certifications .cert-btn a{
	position: absolute;
	top: 50%;
	margin-top: 46px;
	display: block;
	width: 45px;
	height: 45px;
	text-align: center;
	line-height: 45px;
	background: #4075ba;
	z-index: 2;
	margin-top: 80px;
}
.goods-certifications .cert-btn a:hover{
	background: var(--color-primary);
}
.goods-certifications .cert-btn a.swiper-button-prev{
	left: 0;
}
.goods-certifications .cert-btn a.swiper-button-next{
	right: 0;
}
.goods-customer .title{
	margin-top: 60px;
}
.goods-customer .swiper-container{
	margin-top: 40px;
	overflow: hidden;
}
.goods-customer ul{
	margin-top: -1px;
	margin-left: 1px;
}
.goods-customer ul li{
	width: 20%;
	line-height: 186px;
	border-right: 1px solid #eee;
	border-top: 1px solid #eee;
	text-align: center;
}
.goods-customer ul li img{
	max-width: 80%;
}
.goods-customer ul li:hover img{
	-webkit-transform: scale(1.04);
	-moz-transform: scale(1.04);
	-ms-transform: scale(1.04);
	transform: scale(1.04);	
}
.bt-auto{
	width: 100px;
	margin:50px auto 0 auto;
	overflow: hidden;
}
.bt-auto .swiper-button-prev,.bt-auto .swiper-button-next{
	float: left;
	width: 45px;
    height: 45px;
    margin:0 2px;
    text-align: center;
    line-height: 44px;
    cursor: pointer;
    background: var(--color-primary);
    -webkit-transition: .3s all;
    -moz-transition: .3s all;
    -ms-transition: .3s all;
    transition: .3s all;
}
.bt-auto .swiper-button-disabled{
	background: #4075ba;
}
.goods-service{
	background: url(../image/bg08.jpg) no-repeat;
	background-size: 100% 100%;
}
.goods-service ul li{
	margin-top: 40px;
	padding: 45px 50px;
	border:1px solid #cad5e4;
	-webkit-transition: .3s all; 
	-moz-transition: .3s all; 
	-ms-transition: .3s all; 
	transition: .3s all;
}
.goods-service ul li:hover{
	background: var(--color-primary);
}
.goods-service ul li h3{
	margin-bottom: 30px;
}
.goods-service ul li span{
	display: block;
	width: 99px;
	height: 99px;
	margin-bottom: 35px;
	border-radius: 50%;
	line-height: 99px;
	background: var(--color-primary) url(../image/ico14.png) no-repeat center;
}
.goods-service ul li:hover span{
	background: #fff url(../image/ico14s.png) no-repeat center;
}
.goods-service ul li:nth-child(2) span{
	background: var(--color-primary) url(../image/ico15.png) no-repeat center;
}
.goods-service ul li:nth-child(2):hover span{
	background: #fff url(../image/ico15s.png) no-repeat center;
}
.goods-service ul li:nth-child(3) span{
	background: var(--color-primary) url(../image/ico16.png) no-repeat center;
}
.goods-service ul li:nth-child(3):hover span{
	background: #fff url(../image/ico16s.png) no-repeat center;
}
.goods-service ul li:hover h3,.goods-service ul li:hover p{
	color: #fff;
}
.goods-service ul li p{
	padding-left: 24px;
	margin-top: 10px;
	background: url(../image/dian.png) no-repeat left 10px;
}
.goods-service ul li:hover p{
	background: url(../image/dians.png) no-repeat left 10px;
}
.goods-tanktit .about-tanktitcon::before{
	content: 'Contact us';
	font-size: 97px;
	line-height: 170px;
	letter-spacing: 5px;
}
.goods-tanktit .about-tanktitcon{
	width: 54.28%;
	margin:0 auto;
}
.goods-tanktit .about-tanktitcon h2{
	padding-top: 45px;
}
.goods-send{
	width: 81.6%;
	margin:0 auto;
}
.goods-send input{
	width: 90%;
	height: 90px;
	padding-left: 10px;
	font-size: 17px;
	color: #333;
	font-family: 'Montserrat-Medium';
	border:none;
	border-bottom: 2px solid #eee;
	outline: none;
}
.goods-send button{
	width: 10%;
	height: 90px;
	background: url(../image/send.png) no-repeat right center;
	outline: none;
}
.more-goods ul li{
	text-align: center;
}
.detail-faq{
	overflow: hidden;
}
.faq-sideMenu{
	width: 68%;
	margin:0 auto;
	margin-top: 20px;
	overflow: hidden;
}
.faq-sideMenu h3{	
	padding-top: 35px;
	padding-bottom: 35px;
	border-bottom: 1px solid #dfdfdf;
	cursor: pointer;
	overflow: hidden;
}
.faq-sideMenu h3 span{
	float: left;
	width: 82%;
	font-size: 18px;
	color: var(--bg-color);
	line-height: 30px;
	cursor: pointer;
	font-family: 'Montserrat-Medium';
	letter-spacing: 0;
}
.faq-txt{
	display: none;
	padding-bottom: 30px;
	border-bottom: 1px solid #dfdfdf;
	overflow: hidden;
}
.faq-txt p{
	margin-top: 0;
}
.faq-sideMenu h3.on{
	border:none;
}
.faq-sideMenu h3 em{
	float: right;
    width: 13px;
    height: 13px;
    margin-right: 20px;
    margin-top: 6px;
    background: url(../image/ico17.png) no-repeat center;
    cursor: pointer;
}
.faq-sideMenu h3.on em{
	background: url(../image/ico17s.png) no-repeat center;
}
.faq-sideMenu h3.on{
	padding-bottom: 20px;
}
.goods-faq{
	padding-bottom: 50px;
}
/*footother*/
.foot-other{
	padding: 90px 0;
	background: url(../image/foot-bg.jpg) no-repeat;
	background-size: 100% 100%;
	margin-top: 65px;
	
}
.footother-fl{
	width: 43%;
	margin-top: 30px;
}
.footother-fr{
	width: 44%;
}
.footother-fr .div_info{
	width: 100%;
}
.footother-fr .div_info input{
	height: 49px;
}
.footother-fr .div_info textarea{
	height: 142px;
}
.footother-top p {
    margin-top: 30px;
    color: #fff;
    font-size: 23px;
    letter-spacing: 1px;
}
.contact-listnameone{
	margin-top: 20px;
}
.contact-listnameone li{
	padding: 38px 0;
	border-bottom: 1px solid rgba(255,255,255,0.47);
}
.contact-listnameone li span{
	display: block;
	width: 59px;
	height: 59px;
	margin-right: 30px;
	line-height: 59px;
	background: rgba(255,255,255,0.16);
	border-radius: 50%;
	text-align: center;
	line-height: 59px;
}
.contact-listnameone li div{
	width: 80%;
}
.contact-listnameone li h3{
	margin-top: 5px;
	color: #fff;
	font-size: 15px;
	font-family: 'Montserrat-Regular';
}
.contact-listnameone li p,.contact-listnameone li p a{
	margin-top: 10px;
	color: #fff;
	font-size: 18px;
}
/*goods-list page*/
.goods-list{
	margin-top: 40px;
	margin-bottom: 100px;
}
.goods-listfl{
	width: 21.2%;
}
.goods-listfl h3{
	padding: 26px 0;
	border-bottom: 1px solid #eee;
	cursor: pointer;
	overflow: hidden;
}
.goods-listfl h3 span{
	float: left;
	width: 86%;
	padding-left: 10px;
	font-family: 'Montserrat-Medium';
	font-size: 18px;
}
.goods-listfl h3.on span{
	color: var(--color-primary);
}
.goods-listfl h3 em{
	float: right;
	width: 10px;
	height: 10px;
	margin-top: 4px;
	background: url(../image/ico22s.png) no-repeat;
}
.goods-listfl h3.on em{
	background: url(../image/ico22.png) no-repeat;
}
.goods-listfl div a{
	display: block;
	padding: 20px 20px 20px 30px;
	font-size: 13px;
	border-bottom: 1px solid #eee;
	background: url(../image/ico21.png) no-repeat 10px center;
}
.goods-listfl div a:hover{
	text-decoration: none;
	background: url(../image/ico21s.png) no-repeat 10px center;
}
.goods-listfr{
	width: 72.8%;
	text-align: center;
}

.goods-listpic{
	position: relative;
}
.goods-listpic span{
	display: block;
	overflow: hidden;
}
.goods-listpic span img{
	width: 100%;
}
.goods-listpic:hover span img{
	-webkit-transform: scale(1.03);
	-moz-transform: scale(1.03);
	-ms-transform: scale(1.03);
	transform: scale(1.03);
}
.goods-listpic .mb{
	display: none;
	position: absolute;
	right: 0;
	left: 0;
	top: 0px;
	bottom: 0;
}
.goods-listpic .mb a{
	display: block;
	width: 100%;
	height: 100%;
	background: rgba(24,70,157,0.6) url(../image/ico23.png) no-repeat center;
}
.goods-listfr ul li{
	margin-top: 28px;
}
.goods-listfr ul li h3{
	margin-top: 10px;
}
.goods-listfr ul li h3 a{
	font-size: 16px;
	font-family: 'Montserrat-Medium';
}
/*page style*/
.page {
	margin-top: 55px;
	text-align: center;
}
.page-link{
	display: inline-block;
}
.page-link a{
	display: inline-block;
	width: 28px;
	height: 28px;
	margin:0 6px;
	font-size: 15px;
	color: #999;
	line-height: 28px;
}
.page-link a:hover,.page-link a.on{	
	background: var(--color-primary);
	color: #fff;
	text-decoration: none;
}

.page span a{
	display: inline-block;
	width: 11px;
	height: 18px;
}
.page span a.page-left{
	margin-right: 52px;
	background: url(../image/jt01.png) no-repeat bottom;
}
.page span a.page-right{
	margin-left: 52px;
	background: url(../image/jt02.png) no-repeat bottom;
}
.page span a.page-left:hover{
	background: url(../image/jt01s.png) no-repeat bottom;
}
.page span a.page-right:hover{
	background: url(../image/jt02s.png) no-repeat bottom;
}

/*goods detail*/
.product-detail{
	margin-top: 70px;
}
.product-detailfl{
	width: 47.8%;
	height: 100%;
}
.product-detailbd li img{
	width: 100%;
}
.product-detailbd li img:hover{
	-webkit-transform: scale(1.03);
	-moz-transform: scale(1.03);
	-ms-transform: scale(1.03);
	transform: scale(1.03);	
}
.product-detailhd{
	width: 100%;
	margin-top: 14px;
	display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}
.product-detailhd a{
	display: block;
	width: 6.2%;
}
.product-detailhd a.prev{
	background: url(../image/lefta.png) no-repeat left center;
	background-size: 10px 17px;
}
.product-detailhd a.next{
	background: url(../image/righta.png) no-repeat right center;
	background-size: 10px 17px;
}
.product-detailhd a.prev:hover{
	background: url(../image/leftas.png) no-repeat left center;
	background-size: 10px 17px;
}
.product-detailhd a.next:hover{
	background: url(../image/rightas.png) no-repeat right center;
	background-size: 10px 17px;
}
.product-detailhd ul{
	width: 87.6%;
	overflow: hidden;
}
.product-detailhd ul li{
	float: left;
	width: 22.2%;
	margin-right: 22px;
	padding-top: 5px;
	overflow: hidden;
	cursor: pointer;
}
.product-detailhd ul li.on{		
	background: url(../image/ico24.png) no-repeat center top;
}
.product-detailhd ul li.on img{
	border:2px solid var(--color-primary);
	box-sizing: border-box;
}
.product-detailhd ul li img{
	width: 100%;
	-webkit-transition: 0s all; 
	  -moz-transition: 0s all; 
	  -ms-transition: 0s all; 
	  transition: 0s all;
}
.product-detailfr{
	width: 47.9%;
}
.product-detailfr h3{
	padding: 0 20px;
	margin-top: 30px;
	padding-bottom: 40px;
	font-size: 34px;
	line-height: 40px;
	color: var(--bg-color);
	border-bottom: 1px solid #eee;
}
.product-detailfr p{
	padding: 0 20px;
	margin-top: 15px;
}
.product-detailfr p:nth-child(2){
	margin-top: 26px;
}
.goods-features{
	padding: 0 20px;
	padding-bottom: 36px;
	border-bottom: 1px solid #eee;
}
.goods-features span{
	display: block;
	width: 26.2%;
	height: 44px;
	margin-top: 30px;
	margin-left: 20px;
	font-size: 15px;
	font-family: 'Montserrat-Medium';
	text-align: center;
	background: #e3ebf5;
	color: var(--color-primary);
	line-height: 44px;
}
.goods-features span:first-child{
	margin-left: 0;
}
.product-detail .main-href{
	padding-left: 20px;
	text-align: left;
}
.product-detail .main-href a{
	padding: 15px 40px;
}
.detail-height{
	width: 100%;
	height: 82px;
	margin-top: 70px;
}
.detail-maodian{
	width: 100%;
	height: 82px;
	border-top: 1px solid #f1f1f1;
	border-bottom: 1px solid #f1f1f1;
	background: #fff;
	font-size: 0;
	z-index: 20;
	text-align: center;
	box-sizing: border-box;
}

.sticky{
	position: fixed;
	top: 82px;
	z-index: 9;
}
.detail-maodian li{
	display: inline-block;
	margin:0 25px;
}
.detail-maodian li a{
	display: block;
	padding: 0 10px;
	line-height: 80px;
	color: #737373;
	font-size: 16px;
	-webkit-transition: .1s all; 
	-moz-transition: .1s all; 
	-ms-transition: .1s all; 
	transition: .1s all;
}
.detail-maodian li.current a,.detail-maodian li a:hover{
	border-bottom: 2px solid var(--color-primary);	
	color: var(--color-primary);
	text-decoration: none;
}
.detail-maodian li:last-child a{
	margin-right: 0;
}
.detail-title{
	padding-top: 50px;
	padding-bottom: 30px;
}
.detail-title h3{
	font-size: 24px;
	color: var(--bg-color);
}
.detail-title p{font-size: 17px;}
.detail-table td,.detail-table th{
	padding: 8px 0;
	line-height: 30px;
	text-align: left;
	border:1px solid #ddd;
}
.detail-table th{
	padding-left: 36px;
	font-size: 16px;
	color: var(--bg-color);
}
.detail-table td{
	padding-right: 20px;
	padding-left: 30px;
	font-size: 16px;
}
.scenario .device-txt h3{
	margin-top: 30px;
	color: #fff;
	font-size: 22px;
}
.scenario .device-txt p{
	margin-top: 10px;
}
.scenario .arrow{
	position: static;
	margin-left: 50px;
	overflow: hidden;
}
.scenario .swiper-pagination{
	float: right;
	margin-right: 50px;
	font-size: 20px;
	color: #c5d1e6;
}
.scenario .arrow a{
	background: #fff;
}
.scenario .arrow a
.process .home-processcon{
	margin-top: 10px;
}
.process .home-processcon ul li{
	width: 22%;
	padding: 0 20px 20px 20px;
	text-align: left;
	border-bottom: 1px solid #7f7faf;
}
.process .home-processcon{
	background: url(../image/line04.png) no-repeat 66px 26px;
}
.service .goods-service{
	background: none;
}
.service .goods-service ul li,.more-product .quality-list{
	margin-top: 0;
}
.detail-input{
	margin-bottom: 100px;
	margin-top: 65px;
}
.detail-input .div_info{
	width: 100%;
	box-shadow: none;
	border:1px solid #ddd;
}
.detail-input .div_info .input-position{
	width: 48%;
}
.detail-input .div_info input{
	height: 52px;
}
.detail-input .div_info textarea{
	height: 166px;
}
.detail-input .div_info button{
	width: 44%;
	height: 56px;
}

/*blog*/
.blog{
	margin-top: 70px;
}
.blog .container{
    padding-bottom: 100px;
    border-bottom: 1px solid #eee;
}
.blogfl{
	width: 48.2%;
	padding-bottom: 25px;
	border-bottom: 2px solid #eee;
	-webkit-transition: .5s all; 
	-moz-transition: .5s all; 
	-ms-transition: .5s all; 
	transition: .5s all;
}
.blogfl a,.blogfr li a{
	display: block;
	overflow: hidden;
}
.blogfl a img{
	width: 100%;
}
.blogfl:hover a img,.blogfr li:hover a img{
	-webkit-transform: scale(1.03);
	-moz-transform: scale(1.03);
	-ms-transform: scale(1.03);
	transform: scale(1.03);
}
.blogfl span,.blogfr li span{
	display: block;
	margin: 25px 0 10px 0;
	font-size: 14px;
	color: #999;
}
.blogfl:hover{
	border-bottom: 2px solid var(--color-primary);
}
.blogfl h3,.blogfr li h3,.blogfl h3 a,.blogfr li h3 a{
	font-size: 20px;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.blogfl h3,.blogfl h3 a{
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;	
}
.blogfr li h3 a{
	font-size: 18px;
}
.blogfl p{
	margin-top: 15px;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;

}
.blogfr{
	width: 49.3%;
}
.blogfr li div img{
	width: 100%;
}
.blogfr .main-href img{
	margin-left: 14px;
}
.blogfr li{
	display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin-bottom: 31px;
}
.blogfr li span{
	margin-top: 2px;
}
.blogfr li h3{
	padding-bottom: 15px;
	border-bottom: 2px solid #eee;
	line-height: 32px;
}
.blogfr li div:first-child{
	width: 65.5%;
	margin-right: 38px;
}
.blogfr li p{
	margin-top: 10px;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;

}
.blog .main-href{
	margin-top: 104px;
	text-align: right;
}
.latest-blog{
	margin-top: 80px;
}
.latest-blog .blogcon{
    margin-top: 40px;
}
.latest-blog .blogfl{
	width: 30%;
}
.latest-blog .blogfl h3, .latest-blog .blogfl h3 a{
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}
.latest-blog .blogfl p{
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}
.blog-bgtu{
	width: 100%;
	padding: 10px 0;
	margin-top: 40px;	
	overflow: hidden;
}
.blog-bgtu .container{
	background: #fff url(../image/bg09.jpg) no-repeat left center;	
}
.blog-dont .title span{
	display: block;
	margin-top: 20px;
}
.blog-bgtu .blog-pa{
	width: 100%;
	padding-left: 51%;
}
.blog-bgtu .blog-biaodan{
	width: 100%;
	padding: 10px 60px 60px 60px;
	background: #fff;
	box-shadow: 2px 3px 10px 3px rgba(0,0,0,0.1);
	box-sizing: border-box;
}
.blog-bgtu .blog-biaodan h3{
	margin-top: 40px;
	padding-left: 28px;
	font-size: 24px;
	background: url(../image/ico25.png) no-repeat left center;
}
.blog-bgtu .blog-biaodan p{
	margin-top: 20px;
	margin-left: 32px;
	overflow: hidden;

}
.blog-bgtu .blog-biaodan input{
	width: 100%;
	padding-left: 30px;
	height: 72px;
	outline: none;
	border:1px solid #bbb;
	font-size: 16px;
	margin-top: 50px;
	box-sizing: border-box;
}
.blog-bgtu button {
	width: 100%;
	margin-top: 20px;
	height: 72px;
	font-size: 16px;
	outline: none;
	background: var(--color-primary);
	border: none;
	color: #fff;
	cursor: pointer;
}
.blog-bgtu button:hover{
	background: #2054b5;
}
.blog-gou{
	margin-top: 30px;
	overflow: hidden;
}
.blog-gou b{
	float: left;
	width: 24px;
	height: 24px;
	margin-right: 20px;
	border: 1px solid #999;
	border-radius: 4px;
	cursor: pointer;
	line-height: 24px;
}
.blog-gou b.cilckgou{
	border-color: var(--color-primary);
	background: url(../image/ico61.png) no-repeat center;
}
.blog-gou span{
	float: left;
	width: 85%;
	color: #999;
	font-size: 17px;
	line-height: 26px;
}

.blog-gou span a{
	color: #333;
	font-family: 'Montserrat-Medium';
	text-decoration: underline;
}
/*blog list*/
.list-blog{
	margin-top: 30px;
	margin-bottom: 90px;
}
.list-blog .blogcon{
	margin-top: 0;
}
.list-blog .blogfl{
	width: 32%;
	margin-left: 2%;
	margin-top: 40px;
	border:none;
}
.list-blog .blogfl:nth-child(3n+1){
	margin-left: 0;
}
.list-blog .blogfl:hover{
	transform: translate(0,-6px);
	-webkit-transform: translate(0,-6px);
	-moz-transform: translate(0,-6px);
	-ms-transform: translate(0,-6px);
	-o-transform: translate(0,-6px);	
}
.list-blog .blogfl h3{
	font-size: 18px;
	font-family: 'Montserrat-Medium';
	line-height: 34px;
}
.list-blog .blogfl h3, .list-blog .blogfl h3 a{
	font-size: 18px;
    -webkit-line-clamp: 2;

}
.list-blog .blogfl p{
	height: 90px;
}
.p-href{
	margin-top: 25px;
}
.p-href a {
	display: inline-block;
    padding-right: 30px;
    font-size: 16px;
    color: var(--color-primary);
    line-height: 30px;
    font-size: 16px;
    font-weight: 500;
    background: url(../image/ico29.png) no-repeat right center;
    opacity: 0.8;
    border-bottom: 1px solid #fff;
}
.p-href a:hover{
	border-bottom: 1px solid var(--color-primary);
	text-decoration: none;
	opacity: 1;
}
.blog-wen{
	padding: 0px 30px 15px 30px;
	border:1px solid #eee;
	border-top: none;
	overflow: hidden;
}
.list-blog .page{
	margin-top: 25px;
}

/*contact page*/
.contact{
	margin-top: 70px;
}
.contact-left{
	width: 45%;
	margin-top: 30px;
}
.contact-right{
	width: 43.8%;
}
.contact-right .div_info{
	width: 100%;
	padding: 65px 55px 80px 55px;
}
.contact-right .div_info input,.contact-right .div_info textarea{
	margin-top: 25px;
}
.contact-listnameb{
	width: 42.5%;
}
.contact-listnameb:nth-child(1),.contact-listnameb:nth-child(2){
	margin-bottom: 60px;
}
.contact-listnameb span{
	display: block;
	width: 59px;
	height: 59px;
	margin-bottom: 30px;
	border-radius: 50%;
	background: #0047a3;
	text-align: center;
	line-height: 59px;
}
.contact-listnameb div{	
	padding-top: 25px;
	border-top: 1px solid #cbcbcb;
}
.contact-listnameb h3{
	font-family: 'Montserrat-Regular';
	font-size: 15px;
	color: #333;
}
.contact-listnameb p,.contact-listnameb p a{
	margin-top: 10px;
	font-size: 18px;
	color: var(--bg-color);
	font-family: 'Montserrat-Medium';
	line-height: 35px;
}
.contact-listnameb p a:hover{
	color: var(--color-primary);
}
.contact .container{
	position: relative;
}
.contact .container::after{
	content: '';
    position: absolute;
    right: 0;
    top: 45%;
    width: 1246px;
    height: 164px;
    background: url(../image/ico33.png) no-repeat;
    z-index: -1;
}
.contact-p{
	margin-top: 40px;
	padding: 28px 50px;
	font-size: 0;
	background: #4075ba;
	display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}
.contact-p span{
	display: block;
	margin-right: 30px;
	font-size: 46px;
	color: #fff;
	font-family: 'Montserrat-Bold';
}
.contact-p p{
	margin-top: 0;
	line-height: 36px;
	font-size: 19px;
	color: #fff;
	font-family: 'Montserrat-Medium';
}
.map img{
	width: 100%;
}


@media screen and (min-width: 1921px){
	.home-process,.factory-development,.about-certifications,.goods-step,.goods-service,.foot-other{
		background-size: 100% auto;
	}
	.foot-other{
		background-position: center bottom;
	}
	.banner-bottom{
		width: 40%;
	}
}
@media screen and (max-width: 1700px){
	.banner {
	    height: auto;
	    margin-top: 0;
	    padding-top: 0;
	    z-index: 0;
	    min-height: auto;
	}
	.banner li span img{
		width: 100%;
		min-height: auto;
	}
}
@media screen and (max-width: 1580px){
	.container,.width-auto{
		width: 82%;
	}
	.head-logo{
		width: 20%;
	}
	.head-nav{
		width: 60%;
	}
	.div_info{
		width: 46%;
	}
	.cd-popup .div_info{
		margin-left: -23%;
	}
	.goods-stephd ul li p{
		width: 82%;
	}
	.goods-stepbd{
		width: 60%;
	}
	.goods-certifications .swiper-slide{
		width: 27%;
	}
	.banner-text h1{
		font-size: 42px;
		line-height: 62px;
	}
	.home-wearefr .title{
		margin-top: 0px;
	}
	.device-txtright img{
		width: auto;
		height: 100%;
	}
	.device-txtright .swiper-container,.device-txtright .slideimg{
		height: 100%;
	}
	.about-contxt .title{
		margin-top: 0px;
	}
	.about-conpic,.about-videofr{
		height: 100%;
	}
	.about-tanktitcon::before{
		font-size: 220px;
	}
	.about-videofl p,.about-videofl span{
		margin-top: 0px;
	}
	.about-certifications .swiper-slide{
		width: 58%;
	}
	.product-detailfr h3{
		margin-top: 0;
	}
	.scenario .arrow{
		margin-bottom: 20px;
	}
	.blog-gou span{
		font-size: 15px;
	}
	.contact .container::after{
		width: 1000px;
		height: 132px;
		background-size: 100% 100%;
	}
	.contact-p{
		margin-top: 30px;
	}
	.contact-listnameb:nth-child(1), .contact-listnameb:nth-child(2){
		margin-bottom: 30px;
	}
	.contact-p{
		padding: 20px 50px;
	}
	.contact-left{
		margin-top: 20px;
	}
	.banner-text{
		min-height: auto;
	}
	.process .home-processcon{
		background-size: 80% auto;
	}

	.banner-text{
		top: 9%;
		padding: 40px 26px;
	}
	.banner-text p{
		margin-top: 20px;
		line-height: 28px;
	}
	.banner .main-href{
		margin-top: 30px;
	}
	.banner-bottom{
		height: 92px;
		padding: 16px 0 0 60px;
	}
	.banner .swiper-pagination{
		bottom: 36px;
	}
	.footer{
		padding: 40px 0;
	}
	/*.head-top{
		height: 46px;
	}*/
	.head-fl span img{
		margin-top: 6px;
	}
	.head-fl{
		line-height: 46px;
	}
	.head-fl span b{
		font-size: 14px;
	}
	.head-searchbg{
		margin-top: 7px;
	}
	.lang-show{
		padding: 12px 0 10px 0;
	}
	.header{
		height: 80px;
	}
	.head-nav{
		margin-top: 33px;
	}
	.head-nav li{
		height: 48px;
	}
	.header .href{
		margin-top: 18px;
	}
	.head-logo{
		width: 18%;
		margin-top:10px;
	}
	.header-height{
		height: 80px;
	}
	.banner{
		padding-top: 126px;
    	margin-top: -126px;
	}
	.lang-show .lang-hide{
		top: 40px;
	}
	.cd-popup .div_info{
		top: 80px;
	}
	.sticky{
		top: 80px;
	}
	.home-ourpic img{
		width: auto;
		max-height: 350px;
	}
	.title p{
		font-size: 16px;
	}
	.tit-text h1{
		font-size: 76px;
	}
	.home-tank .container::after{
		font-size: 240px;
	}
	.home-processcon ul li span{
		width: 140px;
		height: 140px;
		line-height: 140px;
	}
	.home-processcon ul li span img,.goods-service ul li span img{
		-webkit-transform: scale(0.9);
		-moz-transform: scale(0.9);
		-ms-transform: scale(0.9);
		transform: scale(0.9);
	}
	.device-txt span{
		font-size: 82px;
	}
	.home-partner{
		margin-bottom: 80px;
	}
	.foot-logo div:first-child img{
		width: 200px;
	}
	.foot-con h3{
		font-size: 20px;
		margin-bottom: 35px;
	}
	.foot-con li a{
		font-size: 16px;
	}
	.footer{
		padding: 50px 0 35px 0;
	}
	.head-logo img{
		width: 200px;
	}
	.title h1, .title h1 a, .title h2, .title h2 a{
		font-size: 34px;
	}
	.about-tanktitcon h1, .about-tanktitcon h2{
		font-size: 32px;
		line-height: 46px;
	}
	.about-videofl span{
		font-size: 72px;
	}
	.about-videofr{
		width: 47%;
	}
	.pulse{
		width: 86px;
		height: 86px;
	}
	.about-videofr{
		margin-top: 65px;
	}
	.about-videofr .pulse{
		left: -37px;
    	bottom: -28px;
	}
	p,.about-contxt .title p,.about-certifications .about-certificationstxt .title p{
		font-size: 15px;
		line-height: 26px;
	}
	.home-ourtxt p,.main-href a,.home-wearefr .title p,.div_info input, .div_info textarea{
		font-size: 15px;
	}
	.about-partnerfl .title p{
		line-height: 26px;
	}
	.div_info input{
		height: 52px;
	}
	.goods-service ul li span{
		width: 90px;
		height: 90px;
	}
	.about-tanktitcon h1, .about-tanktitcon h2{
		line-height: 42px;
	}
	.goods-faq {
	    padding-bottom: 30px;
	}
	.footother-top img{
		width: 200px;
	}
	.foot-other{
		padding: 60px 0;
	}
	.footother-top p{
		font-size: 20px;
	}
	.detail-maodian li a{
		font-size: 15px;
	}
	.detail-title p{
		font-size: 16px;
	}
	.detail-table td, .detail-table th{
		font-size: 15px;
	}
	.contact-listnameb p, .contact-listnameb p a{
		line-height: 26px;
	}
	.contact-listnameb p, .contact-listnameb p a{
		font-size: 17px;
	}
	.contact-p p{
		font-size: 18px;
	}
	.contact-right .div_info input, .contact-right .div_info textarea{
		margin-top: 18px;
	}
	.contact-right .div_info{
		padding: 60px 45px 65px 45px;
	}
	.blog .container{
		padding-bottom: 80px;
	}
	.blogfr li h3{
		line-height: 30px;
	}
	.blog-bgtu .blog-biaodan h3{
		font-size: 22px;
	}
	.blog-bgtu .blog-biaodan h3{
		background-size: 7px 7px;
	}
	.blog-gou b{
		width: 22px;
		height: 22px;
	}
	.blog-bgtu .blog-biaodan input,.blog-bgtu button{
		height: 66px;
	}
	.blog-bgtu .blog-biaodan h3{
		font-size: 20px;
	}
	.goods-stephd ul li p,.goods-stepbd .title p{
		line-height: 26px;
	}
	.goods-stepbd .title p{
		font-size: 15px;
	}

	.goods-certifications .cert-btn a{
		top: 45%;
	}

	.home-partner img,.goods-customer ul li img{
		-webkit-transform: scale(0.95);
		-moz-transform: scale(0.95);
		-ms-transform: scale(0.95);
		transform: scale(0.95);
	}
}
@media screen and (max-width: 1400px){
	.head-logo img{
		width: 100%;
	}
	.href a{
		padding: 14px 30px;
	}
	.head-nav li{
		padding: 0 25px;
	}
	.banner-text h1{
		font-size: 36px;
		line-height: 52px;
	}
	.goods-certifications .cert-btn a{
		top: 45%;
	}
	.home-ourpic img{
		max-height: 320px;
	}
	.home-ourtxt h3 span, .home-ourtxt p {
	    margin-top: 10px;
	}
	.home-ourtxt .main-href {
	    margin-top: 25px;
	}
	.home-ourtxt p{
		line-height: 22px;
	}
	.foot-con li a{
		font-size: 16px;
	}
	.about-certifications .swiper-slide{
		width: 64%;
	}
	.goods-certifications .swiper-slide{
		width: 27.5%;
	}
	.footother-fr{
		width: 48%;
	}
	.detail-maodian li{
		margin: 0 20px;
	}
	.blogfr li div:first-child{
		width: 36%;
	}
	.blogfr li div:nth-child(2){
		width: 64%;
	}

	.blog-gou span{
		width: 82%;
	}
	.blog-bgtu .blog-biaodan input{
		margin-top: 30px;
	}
	.blog-bgtu .blog-biaodan{
		padding: 10px 40px 40px 40px
	}
	.contact-p p{
		font-size: 18px;
	}
	.title h1, .title h1 a, .title h2, .title h2 a{
		font-size: 34px;
	}
	.product-detailfr h3{
		font-size: 32px;
	}
	.banner-text{
		width: 66%;
	}
	.banner-text h1 {
	    font-size: 28px;
	    line-height: 36px;
	}
	.banner-text p{
		font-size: 16px;
		line-height: 36px;
		overflow: hidden;
	    text-overflow: ellipsis;
	    display: -webkit-box;
	    -webkit-box-orient: vertical;
	    -webkit-line-clamp: 2;
	}
	.head-logo{
		width: 17%;
	}
	.tit-text h1{
		font-size: 64px;
	}
	.foot-logo div:first-child img{
		width: 178px;
	}
	.foot-con li a{
		font-size: 15px;
	}
	.about-tanktitcon h1, .about-tanktitcon h2{
		font-size: 28px;
		line-height: 38px;
	}
	.about-tanktitcon::before{
		font-size: 192px;
	}
	.gotop a img{
		-webkit-transform: scale(0.95);
		-moz-transform: scale(0.95);
		-ms-transform: scale(0.95);
		transform: scale(0.95);
	}
	.home-scenarioshd{
		margin-top: 50px;
	}
	p,.goods-stephd ul li p{
		line-height: 24px;
	}
	.goods-stephd ul li,.goods-stephd ul li.on{
		background-size: 34px 33px;
	}
	.tit-text h1{
		line-height: 96px;
	}
	.goods-step{
		min-height: 688px;
	}
	.about-tanktitcon h1, .about-tanktitcon h2 {
	    font-size: 24px;
	    line-height: 32px;
	}
	.goods-tanktit .about-tanktitcon{
		width: 66%;
	}
	.goods-send input{
		font-size: 15px;
	}
	.faq-sideMenu{
		width: 80%;
	}
	.goods-stephd ul li p, .goods-stepbd .title p,.detail-table td, .detail-table th{
		line-height: 24px;
	}
	.home-partner img{
		-webkit-transform: scale(0.9);
		-moz-transform: scale(0.9);
		-ms-transform: scale(0.9);
		transform: scale(0.9);
	}
	.goods-customer ul li:hover img {
	    -webkit-transform: scale(1);
	    -moz-transform: scale(1);
	    -ms-transform: scale(1);
	    transform: scale(1);
	}
}
@media screen and (max-width: 1280px){

	.goods-certifications .cert-btn a{
		top: 45%;
	}
	.head-nav li {
	    padding: 0 20px;
	}
	.href a{
		padding: 14px 14px;
	}
	.goods-service ul li p{
		margin-top: 4px;
	}
	.head-logo{
		margin-top: 18px;
	}
	.home-choosehd li div, .mobile-choose li div{
		padding: 20px;
	}
	.home-choosehd li div p{
		height: 120px;
		overflow: hidden;
	}
	.main-href a{
		padding: 15px 50px;
	}
	.home-wearefltxt p{
		font-size: 14px;
	}
	.home-wearefltxt{
		padding: 20px;
	}
	.foot-txt p a{
		margin-left: 80px;
	}
	.swiper-pagination-progress{
		width: 600px;
	}
	.about-partnerfl{
		margin-top: 30px;
	}
	.service .goods-service ul li,.goods-service ul li{
		margin-left: 0;
		margin-top: 5px;
	}
	.goods-tanktit .about-tanktitcon{
		width: 100%;
	}
	.faq-sideMenu{
		width: 80%;
	}
	.detail-maodian li{
		margin:0;
	}
	.home-processcon ul li span{
		width: 120px;
		height: 120px;
		line-height: 120px;
	}
	.detail-maodian li a{
		font-size: 14px;
	}
	.detail-table th{
		width: 34%;
	}
	.title h1, .title h1 a, .title h2, .title h2 a{
		font-size: 32px;
		line-height: 42px;
	}
	.home-ourpic img{
		max-height: 310px;
	}
	.tit-text h1{
		font-size: 64px;
	}
	.home-wearefl{
	}
	.home-why ul li span{
		-webkit-transform: scale(0.9);
		-moz-transform: scale(0.9);
		-ms-transform: scale(0.9);
		transform: scale(0.9);
	}
	.home-why ul li {
	    padding: 25px 25px 20px 25px;
	}
	.home-tank .container::after {
	    font-size: 180px;
	}
	.home-processcon ul li span img, .goods-service ul li span img{
		-webkit-transform: scale(0.8);
		-moz-transform: scale(0.8);
		-ms-transform: scale(0.8);
		transform: scale(0.8);
	}
	.home-service li span img{
		width: 44px;
		height: 44px;
	}
	.div_info{
		padding: 36px;
	}
	.cd-popup-close{
		top: 20px;
	}
	.div_info button{
		height: 52px;
	}
	.about-tanktitcon::before{
		font-size: 150px;
	}
	.pulse {
		width: 78px;
		height: 78px;
	}
	.pulse img{
		-webkit-transform: scale(0.9);
		-moz-transform: scale(0.9);
		-ms-transform: scale(0.9);
		transform: scale(0.9);
	}
	.about-customercon li span img{
		max-width: 82%;
	}
	.about-customercon li span{
		line-height: 76px;
	}
	.about-partnerfr span{
		margin-top: 30px;
	}
	.foot-logo div:first-child img{
		width: 140px;
	}
	.foot-logo span{
		margin-top: 14px;
	}
	.newsletter input,.newsletter button{
		height: 56px;
	}
	.goods-stepbd {
	    padding: 110px 120px 110px 0;
	}
	.goods-stephd ul li {
	    padding: 30px 35px 30px 97px;
	}
	.goods-step{
		min-height: 580px;
	}
	.goods-service ul li{
		padding: 30px 40px;
	}
	.goods-service ul li span{		
		-webkit-transform: scale(0.8);
		-moz-transform: scale(0.8);
		-ms-transform: scale(0.8);
		transform: scale(0.8);
	}
	.goods-service ul li span,.goods-service ul li h3{
		margin-bottom: 10px;
	}
	.goods-service ul li{
		margin-top: 10px;
	}
	.footother-top img{
		width: 130px;
	}
	.footother-fl{
		width: 48%;
	}
	.footother-top p{
		margin-top: 20px;
		font-size: 17px;
	}
	.contact-listnameone li span{
		margin-right: 10px;
	}
	.contact-listnameone li span{
		width: 50px;
		height: 50px;
		line-height: 50px;
	}
	.contact-listnameone li span img{
		-webkit-transform: scale(0.8);
		-moz-transform: scale(0.8);
		-ms-transform: scale(0.8);
		transform: scale(0.8);
	}
	.contact-listnameone li {
	    padding: 34px 0;
	}
	.device-txt span{
		font-size: 62px;
	}
	.div_info textarea{
		line-height: 24px;
	}
	.contact-p p{
		font-size: 16px;
		line-height: 26px;
	}
	.contact-listnameb span{
		width: 52px;
		height: 52px;
		line-height: 52px;
		margin-bottom: 20px;
	}
	.contact-listnameb span img{
		-webkit-transform: scale(0.8);
		-moz-transform: scale(0.8);
		-ms-transform: scale(0.8);
		transform: scale(0.8);
	}
	.contact .container::after{
		width: 700px;
		background-size: 100% auto;
	}
	.latest-blog{
		margin-top: 30px;
	}
	.foot-con div.newsletter p{
		line-height: 24px;
	}
}
@media screen and (max-width: 1100px){	
	.goods-step{
		min-height: auto;
	}
	.head-nav li {
	    padding: 0 15px;
	}
	.product-detailfl,.product-detailfr{
		width: 100%;
	}
	.product-detailfr{
		margin-top: 50px;
	}
	.list-blog .blogfl{
		margin-top: 30px;
	}

}
@media screen and (max-width: 1000px){
	.head-nav li {
	    padding: 0 10px;
	}
}

@media screen and (max-width: 960px){
	.swiper-pagination{
		margin-left: 0;
	}
	.service .goods-service ul li,.goods-service ul li{
		width: 100%;
	}
	.container,.width-auto{
		width: 88%;
	}
	.header,.header-top,.header-height{
		display: none;
	}
	.mobile-nav,.mobile-footer,.mobile-height{
		display: block;
	}
	.head-link{
		display: none;
	}
	.head-fl span b{
		font-size: 14px;
	}
	.lang-show .show-current{
		padding: 0px 0 0 24px;
	}
	.lang-show .lang-hide{
		left: auto;
		right: -42%;
	}
	.head-top{
		position: relative;
	}
	.head-searchbg{
		display: none;
	}
	.cd-popup .div_info{
		width: 86%;
		margin-left: -43%;
	}
	.div_info{
		padding: 30px;
	}
	.cd-popup-close{
		top: 15px;
	}
	.div_info button{
		margin-top: 28px;
	}
	.banner{
		height: auto;
		margin-top: 0;
		padding-top: 0;
		z-index: 0;
		min-height: auto;
	}
	.banner li span img{
		min-height: auto;
	}
	.mobile-height{
		position: relative;
		z-index: 12;
		overflow: hidden;
	}
	.banner-text{
		width: 88%;
		left: 6%;
	}
	.banner-text h3{
		font-size: 32px;
	}
	.main-href a{
		font-size: 14px;
		padding: 12px 42px;
	}
	.main-href a:nth-child(2){
		margin-left: 0;
		margin-top: 10px;
		padding: 15px 49px;
	}	
	p{
		margin-top: 16px;
		font-size:15px;
		line-height: 22px;
	}
	.home-processcon ul li span{
		width: 92px;
		height: 92px;
		line-height: 92px;
	}
	.home-processcon ul li span img{
		-webkit-transform: scale(0.6);
		-moz-transform: scale(0.6);
		-ms-transform: scale(0.6);
		transform: scale(0.6);		
	}
	.home-processcon ul li h3,.home-service ul li h3{
		margin-top: 20px;
	}
	.home-service li span img{
		-webkit-transform: scale(0.8);
		-moz-transform: scale(0.8);
		-ms-transform: scale(0.8);
		transform: scale(0.8);	
	}
	.home-service ul li{
		padding-bottom: 30px;
	}
	.home-why span{
		-webkit-transform: scale(0.8);
		-moz-transform: scale(0.8);
		-ms-transform: scale(0.8);
		transform: scale(0.8);
	}
	.home-why ul li {
	    padding: 25px 20px;
	}
	.home-why ul{
		margin-top: 30px;
	}
	.lg-04 li:nth-child(4){
		margin-top: 20px;
	}
	.lg-04 li:nth-child(1), .lg-04 li:nth-child(2) {
	    margin-bottom: 20px;
	}
	.home-why ul li h3{
		margin-top: 20px;
	}
	.home-choosecon{
		display: none;
	}
	.mobile-choose{
		display: block;
	}
	.footer{
		padding-top: 40px;
	}
	.foot-con div{
		width: 100%;
		margin-right: 0;
		margin-bottom: 20px;
	}
	.foot-con div.newsletter,.foot-txt p{
		width: 100%;
	}
	.foot-gotop{
		margin-top: 20px;
	}
	.small-banner {
	    padding: 60px 0 65px 0;
	}
	.banner-text{
		width: 100%;
		padding: 0;
		top: 14%;
		left: 0;
		background: none;
	}
	.banner-text h1{
		font-size: 28px;
		text-shadow: 5px 3px 10px rgba(0,0,0,0.5);
		line-height: 32px;
	}
	.banner-text p{
		display: none;
	}
	.mouse img{
		width: 16px;
	}
	.banner-bottom{
		width: 50%;
		height: 60px;
		padding: 0 0 0 28px;
	}
	.banner-bottom p{
		font-size: 14px;
	}
	.home-ourtxt {
	    padding: 40px 6%;
	}
	.home-ourpic img{
		width: 100%;
		height: auto;
	}
	.home-ourcon:last-child{
		margin-top: 20px;
	}
	.tit-text h1{
		font-size: 26px;
		line-height: 40px;
	}
	.tit-text .container {
    	height: 38px;
    }
    .tit-text h1 {
	    font-size: 44px;
	    line-height: 44px;
	}
	.title h1, .title h1 a, .title h2, .title h2 a{
		font-size: 26px;
		line-height: 30px;
	}
	h3, h3 a {
	    font-size: 18px;
	}
	.home-wearefl{
		width: 100%;
	}
	.home-wearefltxt{
		bottom: 20px;
	}
	.home-wearefltxt p{
		font-size: 12px;
	}
	.home-wearefltxt img{
		width: 50px;
	}
	.home-wearefr{
		width: 100%;
		margin-top: 30px;
		padding-right: 0;
	}
	.home-wearefr .title{
		text-align: center;		
	}
	.title p{
		font-size: 15px;
	}
	.home-wearefr .main-href{
		text-align: center;`
	}
	.home-tank .container::after{
		top: 56px;
		font-size: 80px;
		letter-spacing: 3px;
	}
	.home-processcon ul li{
		width: 100%;
		margin-top: 30px;
	}
	.home-processcon ul li:first-child{
		margin-top: 0;
	}

	.home-service ul li{
		margin-top: 40px;
	}
	.home-service ul li:first-child{
		margin-top: 0;
	}
	.device-txtleft,.device-txtright{
		width: 100%;
	}
	.device-txt {
	    margin:30px;
	}
	.device-txt p{
		margin-top: 20px;
	}
	.home-partner{
		margin-bottom: 50px;
	}
	.kehu-toux span{
		width: 55px;
		height: 55px;
		margin-right: 15px;
	}
	.kehu-toux div{
		margin-top: 15px;
	}
	.device-kehu {
	    margin: 0 30px 90px 30px;
	}
	.device-txt span{
		font-size: 56px;
	}
	.device-txtright img{
		width: 100%;
		height: auto;
	}
	.home-partner li{
		width: 33%;
	}
	.footer{
		padding-bottom: 100px;
	}
	.foot-con,.foot-txt{
		-webkit-flex-wrap: wrap;
    	flex-wrap: wrap;
	}
	.foot-con div.newsletter{
		margin-left: 0;
	}
	.foot-con{
		margin-top: 30px;
	}
	.foot-con h3{
		margin-bottom: 30px;
		font-size: 20px;
	}
	.foot-con li a{
		margin-bottom: 13px;
	}
	.newsletter input,.newsletter button{
		height: 56px;
	}
	.foot-txt{
		margin-top: 20px;
	}
	.foot-txt p a {
	    margin-left: 20px;
	}
	.foot-con div.newsletter p{
		line-height: 22px;
	}
	.small-banner{
		padding: 0;
		height: 160px;
		overflow: hidden;
	}
	.small-banner img{
		width: auto;
		height: 100%;
	}
	.about-conpic,.about-contxt{
		width: 100%;
	}
	.about-contxt{
		margin-top: 30px;
	}
	.about-tanktitcon::before{
		top: -68px;
		font-size: 66px;
    	letter-spacing: 3px;
	}
	.about-tanktitcon h1, .about-tanktitcon h2{
		padding-top: 40px;
		font-size: 22px;
		line-height: 30px;
	}
	.about-videofl{
		width: 100%;
	}
	.about-videofr{
		margin-top: 30px;
		width: 96%;
	}
	.about-videofr .pulse{
		right: -20px;
		left: auto;
		bottom: -25px;
		width: 60px;
		height: 60px;
	}
	.pulse img{
		width: 14px;
		margin-top: -8px;
    	margin-left: -5px;
	}
	.about-certifications .container{
		position: relative;
	}
	.about-certifications .about-btn{
		margin: 0;
	}
	.about-certifications .about-btn a{
		position: absolute;
		top: 25%;
		left: -15px;
		width: 45px;
		height: 45px;
		padding: 0;
		line-height: 46px;
		text-align: center;
		font-size: 0;
		z-index: 2;
	}
	.about-certifications .about-btn a.swiper-button-next{
		left: auto;
		right: -15px;
	}
	.about-certifications .about-btn a img{
		margin: 0;
		vertical-align: middle;
	}
	.factory-development .slideBox{
		padding: 30px 30px 96px 30px;
	}
	.factory-pic,.factory-txt{
		width: 100%;
	}
	.factory-txt h3{
		padding-bottom: 18px;
	}
	.faq-sideMenu h3 span{
		font-size: 17px;
		line-height: 22px;
	}
	.parHdpd{
		padding: 0;
	}
	.sPrev{
		left: 30px;
	}
	.sNext{
		right: 30px;
	}
	.parHd{
		padding: 0 80px;
	}
	.parHd li{
		width: 50%;
	}
	.swiper-pagination-progress{
		width: 160px;
	}
	.about-customercon li span{
		width: 50%;
	}
	.about-customercon li span:first-child{
		border-left: 1px solid #bdcfe7;
	}
	.about-customercon li span:nth-child(2n+2){
		border-right: 1px solid #bdcfe7;
	}
	.about-partner{
		margin-top: 20px;
	}
	.about-partnerfl,.about-partnerfr{
		width: 100%;
	}
	.about-partnerfr span{
		width: 48%;
		margin-left: 4%;
		margin-top: 20px;
	}
	.about-partnerfr span:nth-child(2n+1){
		margin-left: 0;
	}
	.about-partnerfr span img {
	    max-width: 96%;
	}
	.about-partnerfr span:nth-child(1), .about-partnerfr span:nth-child(2), .about-partnerfr span:nth-child(3){
		margin-top: 20px;
	}
	.about-certifications .swiper-container,.about-certifications .about-certificationstxt{
		width: 100%;
	}
	.about-certifications .about-certificationstxt{
		margin-top: 60px;
	}
	.goods-iso ul li{
		margin-top: 30px;
	}
	.title{
		width: 100%;
	}
	.goods-chara ul li{
		margin-top: 0;
	}
	.goods-step{
		padding: 60px 0; 
	}
	.goods-stepbd{
		width: 100%;
		padding: 0;
	}
	.goods-stephd{
		position: static;
		width: 100%;
		margin-top: 40px;
	}
	.goods-stephd ul li{
		padding: 30px 30px 30px 70px;
		border-right: 1px solid #ddd;
	}
	.goods-stephd ul li.on {
	    background: rgba(24,70,157,0.75) url(../image/ico13s.png) no-repeat 25px 28px;
	    background-size:28px 28px;
	}
	.goods-stephd ul li{
		background: url(../image/ico13.png) no-repeat 25px 28px;
		background-size:28px 28px;
	}
	.goods-service ul li span,.goods-service ul li:nth-child(2) span,.goods-service ul li:nth-child(3) span{
		width: 66px;
		height: 66px;
		margin-bottom: 25px;
		background-size: auto 36px;
	}
	.goods-tanktit .about-tanktitcon b img{
		width: 30px;
	}
	.goods-customer ul li{
		width: 50%;
	}
	.goods-service ul li{
		margin-top: 30px;
		padding: 30px 30px;
	}
	.goods-service ul li h3{
		margin-bottom: 20px;
	}
	.goods-tanktit .about-tanktitcon::before{
		top: 38px;
		font-size: 64px;
    	line-height: 52px;
	}
	.faq-sideMenu{
		width: 100%;
	}
	.footother-fl,.footother-fr{
		width: 100%;
	}
	.div_info h3{
		font-size: 26px;
		letter-spacing: 0;
	}
	.foot-other{
		padding-top: 30px;
	}
	.footother-top p{
		margin-top: 15px;
		font-size: 16px;
	}
	.foot-other .footother-top img{
		width: 140px;
	}
	.contact-listnameone{
		margin-top: 0;
	}
	.contact-listnameone li div{
		width: 72%;
	}
	.goods-list{
		margin-top: 20px;
		margin-bottom: 60px;
	}
	.goods-listfl{
		width: 100%;
	}
	.goods-listfr{
		width: 100%;
	}
	.page-link a{
		margin:0;
	}
	.page span a.page-right{
		margin-left: 20px;
	}
	.page span a.page-left{
		margin-right: 20px;
	}
	.product-detail{
		margin-top: 40px;
	}
	.product-detailhd ul li{
		margin-right: 10px;
	}
	.product-detailfr{
		margin-top: 40px;
	}
	.product-detailfr h3{
		padding-bottom: 20px;
		font-size: 24px;
	}
	.goods-features span{
		width: 100%;
		margin-left: 0;
	}
	.sticky{
		top: 60px;
	}
	.detail-maodian li{
		width: 50%;
	}
	.detail-height{
		margin-top: 60px;
	}
	.detail-height,.detail-maodian{
		height: 142px;
	}
	.detail-maodian li a{
		line-height: 46px;
	}
	.detail-table th{
		padding-left: 10px;
	}
	.process .home-processcon ul li{
		width: 100%;
	}
	.process .home-processcon{
		background: none;
	}
	.detail-input .div_info .input-position{
		width: 100%;
	}
	.detail-input{
		margin-bottom: 60px;
	}
	.blog{
		margin-top: 40px;
	}
	.blogfl,.blogfr{
		width: 100%;
	}
	.blogfr{
		margin-top: 20px;
	}
	.blogfr li div:first-child,.blogfr li div{
		width: 100%;
		margin-right: 0;
	}
	.blogfr li div{
		margin-top: 10px;
	}
	.blogfr li{
		-webkit-flex-wrap: wrap;
    	flex-wrap: wrap;
	}
	.blog .main-href{
		text-align: center;
		margin-top: 40px;
	}
	.blogfr li div:nth-child(2),.latest-blog .blogfl{
		width: 100%;
	}
	.latest-blog{
		margin-top: 60px;
	}
	.blog-bgtu .blog-biaodan{
		width: 100%;
		padding: 10px 30px 30px 30px;
	}
	.blog-gou span{
		width: 80%;
		font-size: 14px;
	}
	.blog-bgtu .blog-biaodan h3{
		margin-top: 25px;
	}
	.blog-bgtu .blog-biaodan input{
		margin-top: 30px;
	}
	.latest-blog{
		margin-top: 40px;
	}
	.list-blog .blogfl{
		margin-top: 0;
	}
	.contact{
		margin-top: 30px;
	}
	.contact-left,.contact-right{
		width: 100%;
	}
	.contact-listnameb{
		width: 100%;
	}
	.contact-p {
	    padding: 20px 30px;
	}
	.contact-right{
		margin-top: 30px;
	}
	.contact-right .div_info {
	    padding: 35px 30px 40px 30px;
	}
	.foot-logo div:first-child img{
		width: 140px;
	}
	.foot-logo{
		padding-bottom: 20px;
	}
	.foot-logo span{
		margin-top: 15px;
	}
	.foot-logo span a{
		margin-left: 10px;
	}
	.blog-bgtu .blog-pa{
		padding-left: 0;
	}
	.detail-maodian li a:hover{
		border-bottom: none;	
		color: #737373;
		text-decoration: none;
	}
	.detail-maodian li.current a{
	    border-bottom: 2px solid var(--color-primary);
	    color: var(--color-primary);
	    text-decoration: none;
	}
	.goods-chara .swiper-container{
		margin-top: 20px;
	}
	.about-partnerhd{
		display: none;
	}
	.home-scenarioshd{
		height: 15px;
		overflow: hidden;
	}
	.banner .swiper-pagination span{
		width: 8px;
		height: 8px;
		margin-right: 10px;
	}
	.banner .swiper-pagination span.swiper-pagination-bullet-active{
		width: 18px;
	}
	.banner .swiper-pagination {
	    bottom: 24px;
	}
	.gotop a{
		width: 42px;
		height: 42px;
		line-height: 40px;
	}
	.gotop img{
		max-width: 24px;
	}
	.div_info input,.div_info button{
		height: 46px;
	}
	.div_info input, .div_info textarea{
		margin-top: 15px;
	}
	.div_info textarea{
		height: 180px;
	}
	.cd-popup .div_info{
		top: 100px;
	}
	.contact-listnameb span{
		width: 50px;
		height: 50px;
		line-height: 50px;
	}
	.contact-listnameb span img{
		-webkit-transform: scale(0.8);
		-moz-transform: scale(0.8);
		-ms-transform: scale(0.8);
		transform: scale(0.8);
	}
	.contact-listnameb p, .contact-listnameb p a{
		font-size: 16px;
		line-height: 28px;
	}
	.contact-p span{
		margin-right: 20px;
		font-size: 36px;
	}
	.contact-p p{
		margin-top: 8px;
		font-size: 16px;
		line-height: 26px;
	}
	.contact-right .div_info input, .contact-right .div_info textarea{
		margin-top: 15px;
	}
	.blog .container{
		padding-bottom: 50px;
	}
	.blog-bgtu .blog-biaodan h3{
		font-size: 20px;
		background-size: 7px 7px;
	}
	.blog-bgtu .blog-biaodan p{
		font-size: 16px;
	}
	.blog-bgtu .blog-biaodan input,.blog-bgtu button{
		height: 56px;
	}
	.blog-gou b{
		width: 20px;
		height: 20px;
		margin-right: 15px;
	}
	.goods-features span{
		margin-top: 20px;
	}
	.home-wearefl{
		margin-top: 0;
	}
	.faq-sideMenu h3 span{
		width: 85%;
	}
	.goods-faq{
		padding-bottom: 0;
	}
	.scenario .arrow{
		margin-left: 35px;
	}
	.goods-service ul li span{
		width: 76px;
		height: 76px;
		line-height: 76px;
	}
	.foot-con h3{
		font-size: 18px;
	}
	.foot-logo div:first-child img{
		width: 126px;
	}
	p, .about-contxt .title p, .about-certifications .about-certificationstxt .title p{
		line-height: 22px;
	}
	.list-blog .blogfl h3, .list-blog .blogfl h3 a{
		line-height: 24px;
	}
	.goods-stephd ul li p, .goods-stepbd .title p, .detail-table td, .detail-table th,.about-partnerfl .title p{
		line-height: 22px;
	}
}
@media screen and (max-width: 600px){
	.mobile-choose li div{
		padding: 30px 40px;
	}
	.mobile-choose li div p{
		display: none;
	}
	.banner li span img{
		width: auto;
		height: 280px;
	}

    .tit-text .container{
    	height: 80px;
    }

}
@media screen and (max-width: 375px){	
	.mobile-choose li div{
		padding: 20px 40px;
	}
	.mobile-choose li div span{
		margin-top: 15px;
	}
}
@media screen and (max-width: 340px){	
	.head-fl span {
	     margin-right: 0; 
	}
	.m-navcenter{
		width: 48%;
	}
	.page span a.page-left{
		margin-right: 15px;
	}
	.page span a.page-right{
		margin-left: 15px;
	}
	.detail-maodian li a{
		padding: 0;
		font-size: 12px;
	}
}