@media screen and (max-width:480px){
.myart p {
    margin: 10px 0 0 0;
    text-align: left;
}
  .main{
  padding:20px 0 45px 0 !important;
  }
}

/*清除浮动*/
.clearfix{
  overflow: hidden;
  clear: both;
}
.newsnr p{
  margin-top: 20px;
  font-size: 16px;
  font-family: 'Montserrat-Regular';
  color: #333;
  line-height: 30px;
}
.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;
  }
}

/*滚动条整体粗细样式*/
::-webkit-scrollbar {
    /*高宽分别对应横竖滚动条的尺寸*/
    width: 8px;
    height: 8px;
}

/*滚动条里面小方块*/
::-webkit-scrollbar-thumb {
    border-radius: 10px !important;
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2) !important;
    /* 颜色 */
    /* background:#b6b6b6!important; */
    /* 线性渐变背景 */
    background: #18469d !important;
}

/*滚动条轨道*/
::-webkit-scrollbar-track {
    border-radius: 10px !important;
    background: #ededed !important;
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-flex;
    display: flex;
    transition-property: transform;
    box-sizing: content-box;
}
.swiper-container{
  width: 100%;
  overflow: hidden;
}
.swiper-slide {
    flex-shrink: 0;
    position: relative;
    transition-property: transform;
}
.swiper-pagination-progress .swiper-pagination-progressbar{
    background:#e93e25;
    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;
  border-radius: 16px;
}
.swiper-pagination {
    text-align: center;
    margin-top: 50px;
    margin-left: 6px;
    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: 1;
}
.swiper-pagination-progress{
  display: inline-block;
    width: 282px;
    height: 4px;
  background: #eeeeef;
  border-radius: 16px;
  overflow: hidden;
}

/* CSS Document */

:root {
--color-primary: #18469d;
/* 区块 */
--bg-color: #212121;
--bg-color-second: #bf4c46;
/* 文字 */
--text-color-active: #18469d;
/* 文字链接、导航 */
--link-color-selected: #18469d;
--link-color-hover: #18469d;
/* --link-color-second-hover: #ccc; */
/* 按钮 */
--btn-bg: #18469d;
--btn-bg-hover: #18469d;
/* 轮播图 */
--swiper-btn-color: #18469d;
--swiper-btn-color-hover: #18469d;
/* 字体 */
--font-family: 'Open Sans', sans-serif;
}

/*顶部*/
.head-top{
position: relative;
z-index: 15;
width: 100%;
height: 56px;
background: var(--color-primary);
}
.head-fl{
line-height: 56px;
}
.head-fl span{
margin-right: 20px;
}
.head-fl span img{	
margin-top: 10px;
margin-right: 12px;
vertical-align: top;
}
.head-fl span b{
font-size: 16px;
font-weight: 500;
color: #fff;
}
.head-searchbg{
float: left;
width: 204px;
height: 32px;
margin-top: 11px;
border-radius: 50px;
background: rgba(255,255,255,0.24);
}
.head-searchbg input{
float: left;
width: 160px;
height: 32px;
padding-left: 24px;
font-size: 14px;
color: #fff;
border:none;
outline: none;
background: none;
outline: none;
}
.head-searchbg button{
float: right;
width: 44px;
height: 32px;
background:url(../images/search.png) no-repeat center 9px;
border-top-right-radius: 16px;
border-bottom-right-radius: 16px;
outline: none;
}
.lang-show{
position: relative;
float: left;
padding: 17px 0 15px 0;
}
.lang-show .show-current{
padding-left: 30px;
}
.lang-show .show-current img{
margin-right: 12px;
}
.lang-show .show-current span{
display: inline-block;
padding-right: 18px;
margin-top: 2px;
font-size: 14px;
color: #fff;
background: url(../images/lan-down.png) no-repeat right center;
vertical-align: top;
}
.lang-show .lang-hide{
display: none;
position: absolute;
left: 0;
top: 50px;
z-index: 9;
min-width: 120px;
padding: 5px 15px 15px 15px;
background: #fff;
box-shadow: 1px 3px 5px 2px rgba(0,0,0,0.1);
}
.lang-show .lang-hide{
margin-top: 5px;
}
.lang-show .lang-hide a{
display: block;
margin-top: 10px;
font-size: 14px;
}
.lang-show .lang-hide img{
border-radius: 50%;
margin-right: 10px;
}
.lang-show .lang-hide a:hover span{
color: var(--color-primary);
}

.header-height{
height: 90px;
}
.header{
position: relative;
width: 100%;
height: 90px;
background: #fff;
z-index: 10;
font-size: 0;
box-shadow: 1px 2px 10px 2px rgba(0,0,0,0.08);
}
.fixed{
position: fixed;
top: 0;
z-index: 10;
}
.head-logo{
width: 16%;
margin-top: 13px;
vertical-align: top;
}
.head-nav{
width: 66%;
margin-top: 38px;
text-align: center;
}
.head-nav ul{
width: 100%;
}
.head-nav li{
position: relative;
display: inline-block;
padding: 0 30px;
height: 52px;
}
.head-nav li h3.down{
padding-right: 20px;
background: url(../images/down.png) no-repeat right 7px;
  -webkit-transition: .3s all; 
  -moz-transition: .3s all; 
  -ms-transition: .3s all; 
  transition: .3s all;
}
.head-nav li a{
display: block;
padding: 0 2px;
font-size: 16px;
}
.head-nav li h3 a{
color: var(--bg-color);
font-family: 'Montserrat-Medium';
}
.head-nav li h3 a:hover{
text-decoration: none;
}

.head-nav li h3:hover,.head-nav li h3.current{
border-bottom: 1px solid #7490c4;
}
.head-nav li h3 a:hover,.head-nav li h3.current a{
color: var(--color-primary);
padding-bottom: 3px;
}
.head-nav li h3.down:hover,.head-nav li h3.down.current{
background: url(../images/downs.png) no-repeat right 7px;
}
.nav-slidedown{
display: none;
position: absolute;
width: 260px;
top: 47px;
left: 0;
padding: 0px 20% 18px 20%;
background: #fff;
text-align: left;
z-index: 2;
box-shadow: 2px 3px 6px 2px rgba(0,0,0,0.1);
}
.head-nav li .nav-slidedown a{
height: auto;
padding-top: 18px;
font-size: 15px;	
color: #333;
}
.head-nav li .nav-slidedown a:hover{
color: var(--color-primary);
}
.header .href{
margin-top: 22px;
}
.href a{
display: inline-block;
padding: 14px 48px;
background: var(--color-primary);
font-size: 15px;
color: #fff;
}
.href a:hover{
background: #2054b5;
text-decoration: none;
}

/*手机端导航*/
.mobile-height{
display: none;
height: 60px;
}
.mobile-nav{
display: none;
width: 100%;
height: 60px;
background: #fff;
z-index: 999;
box-shadow: 0 0 25px 0 rgba(0,0,0,0.1);
}
.m-navico{
line-height: 60px;
}
.m-navico img{
width: 22px;
}
.m-navlist{
position: fixed;
left: -80%;
top: 0;
bottom: 0;
width: 76%;
padding: 0 0 20px 0;
background: #fff;
box-shadow: 1px 2px 8px 3px rgba(0,0,0,0.2); 
z-index: 999;
}
.m-navlist h1{
padding:20px;
font-size: 24px;
}
.m-navlist h1 img{
width: 130px;
}
.m-navlist h1 span{
float: right;
font-size: 40px;
color: #999;
font-weight: 100;
line-height: 40px;
opacity: 0.8;
}
.m-navlistcon{
margin-left: 20px;
}
.m-navlistcon ul{
display: none;
}
.m-navlistcon span {
display: block;
border-bottom: 1px solid #dedede;
overflow: hidden;
}
.m-navlistcon span a{
display: inline-block;
width: 70%;
padding: 15px 0;
font-size: 16px;
color: #000009;
float: left;
}
.m-navlistcon span a.on,.m-navlistcon li a.on{
color: var(--color-primary);
}
.m-navlistcon span i{
text-align: right;
width: 24%;
float: right;
padding: 15px 6% 15px 0;
}
.m-navlistcon ul li{
margin-left: 20px;
border-bottom: 1px solid #dedede;
}
.m-navlistcon ul li a{
display: block;
padding: 15px 0;
font-size: 15px;
color: #333;
}
.m-navlistcon ul li a b{
padding-left: 10px;
}
.m-navlistcon .xla-three{
border-top: 1px solid #dedede;
padding-left: 20px;
}
.m-navtap{
padding-left: 6%;	
}
.m-navtap,.m-navcenter{
float: left;
}
.m-navcenter {
width: 57%;
margin-top: 13px;
padding-left: 36px;
text-align: center;
}
.m-navcenter img{
width: 110px;
}
.m-navright{
float: right;
}
.m-navright .href a{
margin-top: 12px;
margin-right: 20px;
padding: 12px 12px;
font-size: 12px;
}
/*询盘*/
.cd-popup.is-visible{
opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
  -moz-transition: opacity 0.3s 0s, visibility 0s 0s;
  transition: opacity 0.3s 0s, visibility 0s 0s;
}
.cd-popup{
display: block;
position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
  -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;
  transition: opacity 0.3s 0s, visibility 0s 0.3s;
  z-index: 1000;
}
.cd-popup .div_info{
position: absolute;
top: 120px;
left: 50%;
margin-left: -15%;
float: none;	
max-height: 80%;
overflow: auto;
}
.div_info{
width: 30%;
padding: 55px;
background: #fff;
box-shadow: 2px 3px 10px rgba(0,0,0,0.1);
}
.div_info h3{
padding-bottom: 20px;
font-size: 28px;
color: #333;
line-height: 24px;
  letter-spacing: 1px;
}
.div_info input,.div_info textarea{
display: block;
width: 100%;
height: 62px;
margin:0 auto;
margin-top: 20px;
padding-left: 30px;
font-size: 16px;
border:none;
background: #fafafa;
border: 1px solid #eee;
outline: none;
}
.div_info button{
width: 100%;
height: 66px;
font-size: 15px;
color: #fff;
background: var(--color-primary);
margin-top:36px;
border:none;
outline: none;
  letter-spacing: 1px;
  font-family: 'Montserrat-Bold';    
-webkit-transition: .3s all; 
-moz-transition: .3s all; 
-ms-transition: .3s all; 
transition: .3s all;
}
.div_info button:hover{
background: #2054b5;
cursor: pointer;
}
.div_info textarea{
height: 197px;
padding: 20px 30px 20px 30px;
  line-height: 30px;
}
.cd-popup-close{
position: absolute;
right: 7%;
top: 41px;
font-size: 42px;
color: #999;
}
.cd-popup-close:hover{
text-decoration: none;
}
.crmFormVali-error {
  color: #a94442;
  font-size: 12px;
  line-height: 1;
  position: absolute;
  right: 20px;
  top: calc(50% - 6px);
}
.input-position{
position: relative;
}
/*banner*/
.banner{
position: relative;
  width: 100%;
height: 100vh;
min-height: 794px;
padding-top: 146px;
margin-top: -146px;
z-index: 2;
box-sizing: border-box;
}
.banner .swiper-container{
height: 100%;	
}
.banner li{	
text-align: center;
overflow: hidden;
}
.banner li span img{
min-width: 100%;
min-height: 100%;
}
.banner-text{
  position: absolute;
left: 0%;
top: 13%;
width: 62%;
min-height: 504px;
padding: 60px 0;
text-align: left;
z-index: 1;
/*	background: url(../images/bg03.jpg) no-repeat;*/
background-size: 100% 100%;
}
.banner-text h1{
font-size: 53px;
color: #fff;
line-height: 78px;
text-shadow: 3px 2px 12px rgba(0,0,0,0.3);
}
.banner-text p{
margin-top: 20px;
font-size: 18px;
color: #fff;
line-height: 36px;
font-family: 'Montserrat-Bold';
text-shadow: 2px 2px 8px rgba(0,0,0,0.3);
}
.main-href {
margin-top: 50px;
text-align: center;
}
.banner .main-href{
text-align: left;
}
.banner .main-href a{
box-shadow: 2px 2px 8px rgba(0,0,0,0.2);	
}
.main-href a{
display: inline-block;
padding: 15px 60px;
background: var(--color-primary);
color: #fff;
font-size: 16px;
cursor: pointer;
}
.main-href a:hover{
background: #2054b5;
text-decoration: none;
}

.mouse{
display: inline-block;
margin-right: 18px;
-webkit-animation: bounce-down 1s linear infinite;
  animation: bounce-down 1s linear infinite;
}
.banner-bottom{
position: absolute;
right: 0;
bottom: 0;
width: 34.2%;
height: 118px;
padding: 28px 0 0 60px;
background: rgba(24,70,157,0.79);
z-index: 9;
}
.banner-bottom p{
display: inline-block;
color: #fff;
font-size: 16px;
font-family: 'Montserrat-Medium';
}
.banner .container{
position: relative;
height: 100%;
top: 0;
}
.banner .swiper-pagination{
position: absolute;
left: 0;
bottom: 64px;
}
.banner .swiper-pagination span{
display: inline-block;
width: 12px;
height: 12px;
margin-right: 20px;
background: #fff;
border-radius: 20px;
cursor: pointer;
-webkit-transition: .5s all; 
-moz-transition: .5s all; 
-ms-transition: .5s all; 
transition: .5s all;
}
.banner .swiper-pagination span.swiper-pagination-bullet-active{
background: var(--color-primary);
width: 28px;
}
.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(../images/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(../images/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(../images/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(../images/ico01.png) no-repeat center;
}
.home-why ul li:nth-child(2) span{
background: url(../images/ico02.png) no-repeat center;
}
.home-why ul li:nth-child(3) span{
background: url(../images/ico03.png) no-repeat center;
}
.home-why ul li:nth-child(4) span{
background: url(../images/ico04.png) no-repeat center;
}
.home-why ul li:nth-child(1):hover span{
background: url(../images/ico01s.png) no-repeat center;
}
.home-why ul li:nth-child(2):hover span{
background: url(../images/ico02s.png) no-repeat center;
}
.home-why ul li:nth-child(3):hover span{
background: url(../images/ico03s.png) no-repeat center;
}
.home-why ul li:nth-child(4):hover span{
background: url(../images/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(../images/bg04.jpg) no-repeat;
background-size: 100% 100%;
}
.home-processcon {
margin-top: 30px;
background: url(../images/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(../images/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(../images/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(../images/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(../images/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(../images/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(../images/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;
}
.quality-list{
margin-top: 40px;
}
.quality-list li span{
display: block;
overflow: hidden;
}
.quality-list li span img{
width: 100%;
}
.quality-list li span img:hover{
-webkit-transform: scale(1.03);
-moz-transform: scale(1.03);
-ms-transform: scale(1.03);
transform: scale(1.03);
}
.quality-list li h3{
margin-top: 24px;
}
.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(../images/left.png) no-repeat center;
}
.home-ny .swiper-button-next{
margin-left: 18px;
background: url(../images/right.png) no-repeat center;
}
.home-ny .swiper-button-prev:hover{
background: url(../images/lefts.png) no-repeat center;
border:none;
}
.home-ny .swiper-button-next:hover{
background: url(../images/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(../images/righta.png) no-repeat;
}
.about-partnerhd .swiper-button-next{
background: url(../images/lefta.png) no-repeat;
}
.about-partnerhd .swiper-button-prev:hover{
background: url(../images/rightas.png) no-repeat;
}
.about-partnerhd .swiper-button-next:hover{
background: url(../images/leftas.png) no-repeat;
}
.about-certifications{
position: relative;
overflow: hidden;
width: 100%;
margin-top: 80px;
background: url(../images/bg06.jpg) no-repeat;
background-size: 100% 100%;
}
.about-certifications .swiper-slide{
width:56%;
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(../images/arrowsl1a.png) no-repeat center;
}
.fs_gallery_next {
  right: 0;
  top: 0;
  bottom: 0;
  background: url(../images/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,R0lGODlhIAAgAPMAABkZGXd3dy0tLUVFRTIyMj09PWJiYlZWViYmJiIiIjAwMGpqanV1dQAAAAAAAAAAACH+GkNyZWF0ZWQgd2l0aCBhamF4bG9hZC5pbmZvACH5BAAKAAAAIf8LTkVUU0NBUEUyLjADAQAAACwAAAAAIAAgAAAE5xDISWlhperN52JLhSSdRgwVo1ICQZRUsiwHpTJT4iowNS8vyW2icCF6k8HMMBkCEDskxTBDAZwuAkkqIfxIQyhBQBFvAQSDITM5VDW6XNE4KagNh6Bgwe60smQUB3d4Rz1ZBApnFASDd0hihh12BkE9kjAJVlycXIg7CQIFA6SlnJ87paqbSKiKoqusnbMdmDC2tXQlkUhziYtyWTxIfy6BE8WJt5YJvpJivxNaGmLHT0VnOgSYf0dZXS7APdpB309RnHOG5gDqXGLDaC457D1zZ/V/nmOM82XiHRLYKhKP1oZmADdEAAAh+QQACgABACwAAAAAIAAgAAAE6hDISWlZpOrNp1lGNRSdRpDUolIGw5RUYhhHukqFu8DsrEyqnWThGvAmhVlteBvojpTDDBUEIFwMFBRAmBkSgOrBFZogCASwBDEY/CZSg7GSE0gSCjQBMVG023xWBhklAnoEdhQEfyNqMIcKjhRsjEdnezB+A4k8gTwJhFuiW4dokXiloUepBAp5qaKpp6+Ho7aWW54wl7obvEe0kRuoplCGepwSx2jJvqHEmGt6whJpGpfJCHmOoNHKaHx61WiSR92E4lbFoq+B6QDtuetcaBPnW6+O7wDHpIiK9SaVK5GgV543tzjgGcghAgAh+QQACgACACwAAAAAIAAgAAAE7hDISSkxpOrN5zFHNWRdhSiVoVLHspRUMoyUakyEe8PTPCATW9A14E0UvuAKMNAZKYUZCiBMuBakSQKG8G2FzUWox2AUtAQFcBKlVQoLgQReZhQlCIJesQXI5B0CBnUMOxMCenoCfTCEWBsJColTMANldx15BGs8B5wlCZ9Po6OJkwmRpnqkqnuSrayqfKmqpLajoiW5HJq7FL1Gr2mMMcKUMIiJgIemy7xZtJsTmsM4xHiKv5KMCXqfyUCJEonXPN2rAOIAmsfB3uPoAK++G+w48edZPK+M6hLJpQg484enXIdQFSS1u6UhksENEQAAIfkEAAoAAwAsAAAAACAAIAAABOcQyEmpGKLqzWcZRVUQnZYg1aBSh2GUVEIQ2aQOE+G+cD4ntpWkZQj1JIiZIogDFFyHI0UxQwFugMSOFIPJftfVAEoZLBbcLEFhlQiqGp1Vd140AUklUN3eCA51C1EWMzMCezCBBmkxVIVHBWd3HHl9JQOIJSdSnJ0TDKChCwUJjoWMPaGqDKannasMo6WnM562R5YluZRwur0wpgqZE7NKUm+FNRPIhjBJxKZteWuIBMN4zRMIVIhffcgojwCF117i4nlLnY5ztRLsnOk+aV+oJY7V7m76PdkS4trKcdg0Zc0tTcKkRAAAIfkEAAoABAAsAAAAACAAIAAABO4QyEkpKqjqzScpRaVkXZWQEximw1BSCUEIlDohrft6cpKCk5xid5MNJTaAIkekKGQkWyKHkvhKsR7ARmitkAYDYRIbUQRQjWBwJRzChi9CRlBcY1UN4g0/VNB0AlcvcAYHRyZPdEQFYV8ccwR5HWxEJ02YmRMLnJ1xCYp0Y5idpQuhopmmC2KgojKasUQDk5BNAwwMOh2RtRq5uQuPZKGIJQIGwAwGf6I0JXMpC8C7kXWDBINFMxS4DKMAWVWAGYsAdNqW5uaRxkSKJOZKaU3tPOBZ4DuK2LATgJhkPJMgTwKCdFjyPHEnKxFCDhEAACH5BAAKAAUALAAAAAAgACAAAATzEMhJaVKp6s2nIkolIJ2WkBShpkVRWqqQrhLSEu9MZJKK9y1ZrqYK9WiClmvoUaF8gIQSNeF1Er4MNFn4SRSDARWroAIETg1iVwuHjYB1kYc1mwruwXKC9gmsJXliGxc+XiUCby9ydh1sOSdMkpMTBpaXBzsfhoc5l58Gm5yToAaZhaOUqjkDgCWNHAULCwOLaTmzswadEqggQwgHuQsHIoZCHQMMQgQGubVEcxOPFAcMDAYUA85eWARmfSRQCdcMe0zeP1AAygwLlJtPNAAL19DARdPzBOWSm1brJBi45soRAWQAAkrQIykShQ9wVhHCwCQCACH5BAAKAAYALAAAAAAgACAAAATrEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiRMDjI0Fd30/iI2UA5GSS5UDj2l6NoqgOgN4gksEBgYFf0FDqKgHnyZ9OX8HrgYHdHpcHQULXAS2qKpENRg7eAMLC7kTBaixUYFkKAzWAAnLC7FLVxLWDBLKCwaKTULgEwbLA4hJtOkSBNqITT3xEgfLpBtzE/jiuL04RGEBgwWhShRgQExHBAAh+QQACgAHACwAAAAAIAAgAAAE7xDISWlSqerNpyJKhWRdlSAVoVLCWk6JKlAqAavhO9UkUHsqlE6CwO1cRdCQ8iEIfzFVTzLdRAmZX3I2SfZiCqGk5dTESJeaOAlClzsJsqwiJwiqnFrb2nS9kmIcgEsjQydLiIlHehhpejaIjzh9eomSjZR+ipslWIRLAgMDOR2DOqKogTB9pCUJBagDBXR6XB0EBkIIsaRsGGMMAxoDBgYHTKJiUYEGDAzHC9EACcUGkIgFzgwZ0QsSBcXHiQvOwgDdEwfFs0sDzt4S6BK4xYjkDOzn0unFeBzOBijIm1Dgmg5YFQwsCMjp1oJ8LyIAACH5BAAKAAgALAAAAAAgACAAAATwEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiUd6GGl6NoiPOH16iZKNlH6KmyWFOggHhEEvAwwMA0N9GBsEC6amhnVcEwavDAazGwIDaH1ipaYLBUTCGgQDA8NdHz0FpqgTBwsLqAbWAAnIA4FWKdMLGdYGEgraigbT0OITBcg5QwPT4xLrROZL6AuQAPUS7bxLpoWidY0JtxLHKhwwMJBTHgPKdEQAACH5BAAKAAkALAAAAAAgACAAAATrEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiUd6GAULDJCRiXo1CpGXDJOUjY+Yip9DhToJA4RBLwMLCwVDfRgbBAaqqoZ1XBMHswsHtxtFaH1iqaoGNgAIxRpbFAgfPQSqpbgGBqUD1wBXeCYp1AYZ19JJOYgH1KwA4UBvQwXUBxPqVD9L3sbp2BNk2xvvFPJd+MFCN6HAAIKgNggY0KtEBAAh+QQACgAKACwAAAAAIAAgAAAE6BDISWlSqerNpyJKhWRdlSAVoVLCWk6JKlAqAavhO9UkUHsqlE6CwO1cRdCQ8iEIfzFVTzLdRAmZX3I2SfYIDMaAFdTESJeaEDAIMxYFqrOUaNW4E4ObYcCXaiBVEgULe0NJaxxtYksjh2NLkZISgDgJhHthkpU4mW6blRiYmZOlh4JWkDqILwUGBnE6TYEbCgevr0N1gH4At7gHiRpFaLNrrq8HNgAJA70AWxQIH1+vsYMDAzZQPC9VCNkDWUhGkuE5PxJNwiUK4UfLzOlD4WvzAHaoG9nxPi5d+jYUqfAhhykOFwJWiAAAIfkEAAoACwAsAAAAACAAIAAABPAQyElpUqnqzaciSoVkXVUMFaFSwlpOCcMYlErAavhOMnNLNo8KsZsMZItJEIDIFSkLGQoQTNhIsFehRww2CQLKF0tYGKYSg+ygsZIuNqJksKgbfgIGepNo2cIUB3V1B3IvNiBYNQaDSTtfhhx0CwVPI0UJe0+bm4g5VgcGoqOcnjmjqDSdnhgEoamcsZuXO1aWQy8KAwOAuTYYGwi7w5h+Kr0SJ8MFihpNbx+4Erq7BYBuzsdiH1jCAzoSfl0rVirNbRXlBBlLX+BP0XJLAPGzTkAuAOqb0WT5AH7OcdCm5B8TgRwSRKIHQtaLCwg1RAAAOwAAAAAAAAAAAA==);
  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(../images/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(../images/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(../images/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(../images/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(../images/ico14.png) no-repeat center;
}
.goods-service ul li:hover span{
background: #fff url(../images/ico14s.png) no-repeat center;
}
.goods-service ul li:nth-child(2) span{
background: var(--color-primary) url(../images/ico15.png) no-repeat center;
}
.goods-service ul li:nth-child(2):hover span{
background: #fff url(../images/ico15s.png) no-repeat center;
}
.goods-service ul li:nth-child(3) span{
background: var(--color-primary) url(../images/ico16.png) no-repeat center;
}
.goods-service ul li:nth-child(3):hover span{
background: #fff url(../images/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(../images/dian.png) no-repeat left 10px;
}
.goods-service ul li:hover p{
background: url(../images/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(../images/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(../images/ico17.png) no-repeat center;
  cursor: pointer;
}
.faq-sideMenu h3.on em{
background: url(../images/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(../images/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(../images/ico22s.png) no-repeat;
}
.goods-listfl h3.on em{
background: url(../images/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(../images/ico21.png) no-repeat 10px center;
}
.goods-listfl div a:hover{
text-decoration: none;
background: url(../images/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(../images/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(../images/jt01.png) no-repeat bottom;
}
.page span a.page-right{
margin-left: 52px;
background: url(../images/jt02.png) no-repeat bottom;
}
.page span a.page-left:hover{
background: url(../images/jt01s.png) no-repeat bottom;
}
.page span a.page-right:hover{
background: url(../images/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(../images/lefta.png) no-repeat left center;
background-size: 10px 17px;
}
.product-detailhd a.next{
background: url(../images/righta.png) no-repeat right center;
background-size: 10px 17px;
}
.product-detailhd a.prev:hover{
background: url(../images/leftas.png) no-repeat left center;
background-size: 10px 17px;
}
.product-detailhd a.next:hover{
background: url(../images/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(../images/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(../images/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(../images/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(../images/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(../images/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(../images/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(../images/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(../images/ico13s.png) no-repeat 25px 28px;
    background-size:28px 28px;
}
.goods-stephd ul li{
  background: url(../images/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;
}
}



h3.tit{font-size:36px;color:#333;line-height:88px;height:88px;text-align:center;text-transform:uppercase;border-bottom:1px solid #D9D9D9;position:relative;}
h3.tit::after{content:"";display: block;height:3px;background:#1C63B8;width:110px;position:absolute;bottom:-2px;left:50%;margin:0 0 0 -55px;z-index: 1;}

.indexA{padding:48px 0 80px;background:#F2F2F2;}
.indexA .tit h3{font-size:36px;color:#242424;font-family:Arial;font-weight:bold;position:relative;display:inline-block;}.indexA .tit hr{width:43px;height:2px;background:#003B8F;margin:15px 0 0;}.indexA .tit p{font-size:17px;color:#707070;line-height:31px;margin:12px 0 0;}

.indexA .list{}
.indexA .list ul{margin:0 0 0 -2%;}
.indexA .list ul li{float:left;width:31.3333%;margin:20px 0 0 2%;position:relative;cursor:pointer;box-sizing:border-box;}
.indexA .list ul li .pic{width:100%;position:relative;display:block;overflow:hidden;box-sizing:border-box;}
.indexA .list ul li .pic img{width:100%;transition:all 0.5s ease 0s;}
.indexA .list ul li .pic::after{content:"";background:rgba(0,0,0,0.5) url("../images/i1.png") no-repeat center;width:100%;height:100%;position:absolute;top:0;right:0;left:0;bottom:0;-webkit-transition: background-color 0.35s;transition: background-color 0.35s;opacity: 0;-webkit-transition:opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s;-webkit-transform: scale(0);transform: scale(0);}
.indexA .list ul li h5{text-transform:uppercase;font-weight:bold;font-size:17px;margin:20px 0 0;}
.indexA .list ul li h5 a{color:#161616;}
.indexA .list ul li h5 a:hover{color:#FF7F0E;}
.indexA .list ul li hr{border:none;width:50px;height:2px;background:#9B9B9B;margin:15px 0 0;transition:all 0.6s ease 0s;-webkit-transition:all 0.6s ease 0s;}

.indexA .list ul li:hover .pic img{opacity: 1;-webkit-transform:scale(1.06);transform:scale(1.06);}
.indexA .list ul li:hover h5 a{color:#18469d;}
.indexA .list ul li:hover hr{width:200px;background:#18469d;}

.indexB{padding:70px 0;background:#F5F5F5;}.indexB .box{box-shadow:rgba(0,0,0,0.5) 0px 4px 10px 0px;background:#fff;}.indexB .v{float:left;display:block;width:740px;overflow:hidden;position:relative;z-index:99;}.indexB .v::after{content:'';background:url("../images/video.png") no-repeat center;width:100%;height:100%;position:absolute;left:0;top:0;display:block;}.indexB .v img {width:100%;transition:all 0.3s ease 0s;}.indexB .v:hover img{transform: scale(1.04);}.indexB .v:hover::after{background-color:rgba(0,0,0,0.5);}.indexB .txt{float:right;width:460px;padding:40px 45px 0;box-sizing:border-box;}.indexB .txt h3{font-size:25px;color:#333;}.indexB .txt hr{width:43px;height:2px;background:#003B8F;margin:20px 0 0;}

.indexB .txt p{line-height:30px;font-size:16px;color:#484848;margin:20px 0 0;}.indexB .txt .more{text-align:right;margin:10px 0 0;}.indexB .txt .more a{color:#003b8f;font-size:17px;}.indexB .txt .more a:hover{color:#EE1D23;}


.indexC{padding:80px 0;position:relative;}
.indexC .txt{float:left;width:330px;padding:40px 45px;box-sizing:border-box;box-shadow: rgba(0,0,0,0.1) 0px 15px 35px 0px,rgba(0,0,0,0.07) 0px 3px 10px 0px;}
.indexC .txt h6{text-transform:uppercase;font-size:25px;color:#414141;}
.indexC .txt p{font-size:14px;color:#414141;line-height:25px;margin:15px 0 0;text-transform:uppercase;height: 150px;overflow:hidden;}
.indexC .txt .more{text-align:right;margin:10px 0 0;}.indexC .txt .more a{color:#003b8f;font-size:17px;}
.indexC .txt .more a:hover{color:#EE1D23;}
.indexC .list{float:right;width:840px;}

.indexC ul{}
.indexC ul li{float:left;width:50%;height:152px;padding:30px 0 0;box-sizing:border-box;cursor:pointer;margin:0;}

.indexC ul li i{float:left;width:100px;text-align:center;padding:10px 0 0;box-sizing:border-box;}

.indexC ul li .ico{float:left;width:100px;height:68px;text-align:center;margin:10px 0 0;box-sizing:border-box;}

.indexC ul li .t{margin:0 0 0 100px;}
.indexC ul li h5{font-size:24px;color:#2a2a2a;}

.indexC ul li p{font-size:15px;color:#999;line-height:20px;margin:6px 0 0 0;}


.indexC ul li:hover{box-shadow:rgba(0,0,0,0.2) 0px 4px 10px 0px;}

.indexC ul li:nth-child(1) .ico{background:url("../images/i21.png") no-repeat center;}
.indexC ul li:nth-child(2) .ico{background:url("../images/i22.png") no-repeat center;}
.indexC ul li:nth-child(3) .ico{background:url("../images/i23.png") no-repeat center;}
.indexC ul li:nth-child(4) .ico{background:url("../images/i24.png") no-repeat center;}

.indexC ul li:nth-child(1):hover .ico{background:url("../images/i21-1.png") no-repeat center;}
.indexC ul li:nth-child(2):hover .ico{background:url("../images/i22-1.png") no-repeat center;}
.indexC ul li:nth-child(3):hover .ico{background:url("../images/i23-1.png") no-repeat center;}
.indexC ul li:nth-child(4):hover .ico{background:url("../images/i24-1.png") no-repeat center;}



.indexD{padding:50px 0;background:#F2F2F2;}.indexD .list{position:relative;}.indexD .swiper-slide{}.indexD .swiper-slide img{width:100%;display:block;}.indexD .swiper-button-prev,.indexD .swiper-button-next{width:50px;height:40px;background:transparent;color:#fff;margin-top:-20px;text-align:center;}.indexD .swiper-button-prev i,.indexD .swiper-button-next i{font-size:35px;line-height:40px;color:#AEAEAE;}.indexD .swiper-button-prev,.indexD .swiper-container-rtl .swiper-button-next{left:-60px;right:auto;}.indexD .swiper-button-next,.indexD .swiper-container-rtl .swiper-button-prev{right:-60px;left:auto;}.indexD .swiper-button-prev:hover i,.indexD .swiper-button-next:hover i{color:#003B8F;}.indexE{padding:50px 0;}.indexE .tit{border-bottom:1px solid #E6E6E6;padding:0 0 29px;margin:0 0 40px 0;}.indexE .tit h3{font-size:36px;line-height:1;color:#000;position:relative;}.indexE .tit h3::after{content:"";position:absolute;z-index:1;bottom:-30px;left:0;width:59px;height:2px;background:#003B8F;}

.indexE .topnews{float:left;width:580px;display:block;position:relative;overflow:hidden;}
.indexE .topnews img{width:100%;transition:all 0.5s ease 0s;}
.indexE .topnews .txt{position:absolute;bottom:0;left:0;height:75px;overflow:hidden;background:rgba(24,70,157,0.75);padding:15px 17px 17px;box-sizing:border-box;transition:all 0.3s ease 0s;-webkit-transition:all 0.3s ease 0s;}

.indexE .topnews .txt h5{font-size:17px;color:#fff;margin:0 0 10px 0;}

.indexE .topnews .txt em{color:#f4f4f4;font-size:14px;display:block;}

.indexE .topnews .txt p{font-size:14px;color:#fff;line-height:18px;margin:10px 0 0;}

.indexE .topnews:hover .txt{height:170px;}.indexE .topnews:hover img{opacity: 1;-webkit-transform:scale(1.06);transform:scale(1.06);}.indexE .indexnews{float:right;width:550px;}
.indexE .indexnews hr{height:1px;background:#DFDFDF;width:100%;margin:40px 0;}
.indexE .indexnews ul{}
.indexE .indexnews ul li{box-sizing:border-box;position:relative;}
.indexE .indexnews ul li .pic{float:left;width:250px;overflow:hidden;}.indexE .indexnews ul li .pic img{width:100%;display:block;transition:all 0.5s ease 0s;}.indexE .indexnews ul li .t{margin:0 0 0 265px;box-sizing:border-box;}.indexE .indexnews ul li .t h5{color:#333;font-size:17px;}.indexE .indexnews ul li .t h5 a:hover{color:#18469d;text-decoration:underline;}.indexE .indexnews ul li .t em{color:#666;font-size:14px;display:block;margin:8px 0 0 0;}.indexE .indexnews ul li .t p{color:#4c4c4c;font-size:14px;line-height:20px;margin:8px 0 0 0;}.indexE .indexnews ul li .t .more{text-align:right;margin:10px 0 0;}.indexE .indexnews ul li .t .more a{color:#003b8f;font-size:17px;}.indexE .indexnews ul li .t .more a:hover{color:#EE1D23;}.indexE .indexnews ul li .pic:hover img{opacity: 1;-webkit-transform:scale(1.06);transform:scale(1.06);}

.indexE .indexnews ul hr:nth-of-type(2){display:none;}

/*------------------------------------------------------------*/
.sidebanner{height:146px;background:url(../images/sidebanner.jpg) no-repeat center;padding:50px 0 0;box-sizing:border-box;}
.sidebanner h3{font-size:36px;color:#fff;}

.path{}
.path p{color:#000;font-size:12px;margin:23px 0 0;font-family:Arial;text-transform:uppercase;}
.path p a{color:#000;}
.path p a:hover{color:#18469d;}
.path p i{font-size:12px;color:#000;margin-right:5px;}

.main{padding:40px 0 90px 0;}

.mainRight {width:860px;float:right;}
.mainRight .title,.main .title{color:#525252;font-weight:bold;font-size:30px;padding-bottom:10px;border-bottom:1px solid #e0e0e0;line-height:1;}

.mainleft{float:left;width:300px;}
/*----------------------------------------*/

.aside .title {font-size:20px;font-weight:bold;display:block;color:#fff;padding:15px 0 15px 20px;background:#1F60A4;text-transform:uppercase;}
.aside dl{margin-bottom:5px;border:1px solid #E8E8E8;border-top:none;}
.aside dl dd{height:40px;line-height:40px;border-bottom:1px dashed #ddd;margin:0 20px;font-family:Arial;}
.aside dl dd:last-child{border-bottom:none;}
.aside dl dd a{color:#555;font-size:15px;display:block;-webkit-transition: 0.5s;transition: 0.5s;background:url("../images/i15.png") no-repeat left center;padding-left:15px;}
.aside dl dd a:hover{text-decoration:underline;}
.aside dl dd.active a{color:#E65400;}


.sidemenu{margin:0 0 15px 0;}
.sidemenu h3{font-size:18.75px;display:block;color:#333;height:46px;line-height:46px;font-family:Arial;position:relative;}
.sidemenu h3::after{display:none;content: "+";position:absolute;top:5px;right:0;width:36px;height:36px;line-height:36px;text-align:center;font-size:25px;-webkit-transition: -webkit-transform .3s ease;transition: -webkit-transform .3s ease;transition: transform .3s ease;transition: transform .3s ease, -webkit-transform .3s ease;}
.sidemenu h3.active::after{-webkit-transform: rotate(45deg) scale(1.08);-ms-transform: rotate(45deg) scale(1.08);transform: rotate(45deg) scale(1.08);}

.sidemenu ul{}
.sidemenu ul li{margin:5px 0 0;}
.sidemenu ul li h5{height:45px;line-height:45px;display:block;border-bottom:1px solid #D9D9D9;padding:0 10px;font-size:14px;color:#666;font-family:Arial;cursor:pointer;}
.sidemenu ul li h5 span{float:right;display:block;line-height:45px;font-size:12px;color:#888;}

.sidemenu dl{display:none;}
.sidemenu dl dd{line-height:24px;border-bottom:1px dashed #DCDCDC;background:#fff;padding:8px 10px;}
.sidemenu dl dd:last-child{border-bottom:none;}
.sidemenu dl dd a{font-size:14px;color:#666;display:block;font-family:Arial;background:url(../images/i10.png) no-repeat left center;padding:0 0 0 15px;}
.sidemenu dl dd.active a,.sidemenu dl dd a:hover{color:#003B8F;background:url(../images/i10-1.png) no-repeat left center;}

.sidemenu ul li.active h5{color:#fff;background:#003B8F;border-radius:3px;border-bottom:none;}
.sidemenu ul li.active h5 a{color:#fff;background:#003B8F;border-radius:3px;border-bottom:none;}
.sidemenu ul li.active span{color:#fff;}
.sidemenu ul li.active dl{}


.left_nav{margin:0 0 20px 0;}
.left_nav h3{font-size:18px;font-weight:bold;display:block;color:#fff;height:50px;line-height:50px;padding:0 0 0 20px;background:#FF7F0E;text-transform:uppercase;position:relative;}
.left_nav h3::after{display:none;font-family:"qico";content: "\e727";position:absolute;top:5px;right:5px;width:40px;height:40px;line-height:40px;text-align:center;font-size:20px;-webkit-transition: -webkit-transform .3s ease;transition: -webkit-transform .3s ease;transition: transform .3s ease;transition: transform .3s ease, -webkit-transform .3s ease;}
.left_nav h3.active::after{-webkit-transform: rotate(45deg) scale(1.08);-ms-transform: rotate(45deg) scale(1.08);transform: rotate(45deg) scale(1.08);}
.left_nav dl{}
.left_nav dl dd{height:45px;line-height:45px;border:1px solid #e2e2e2;margin:6px 0 0 0;padding:0 10px 0 20px;}
.left_nav dl dd a{color:#555;font-size:15px;display:block;-webkit-transition: 0.5s;transition: 0.5s;background:url("../images/i10-1.png") no-repeat left center;padding-left:15px;}
.left_nav dl dd.active a{color:#015198;background:url("../images/i10.png") no-repeat left center;}


.news-right{float:right;width:260px;}
.news-left{float:left;width:880px;}

.side-search{margin:0 0 38px 0;position:relative;height:40px;border-top:1px solid #D9D9D9;border-bottom:1px solid #D9D9D9;position:relative;}
.side-search .submit_text{width:100%;height:40px;line-height:40px;padding:0 50px 0 10px;color:#000;font-size:11px;font-family:Arial;background:none;box-sizing:border-box;}
.side-search .submit_btn{position:absolute;right:0;top:0;width:40px;height:40px;display:block;float:left;cursor:pointer;background:none;}
.side-search .submit_btn i{font-size:21px;color:#888;}

.left_contact{margin:0 0 20px 0;padding:30px 25px;background:#003B8F;font-family:Arial;}
.left_contact h5{font-size:24px;font-weight:bold;color:#fff;padding:0 0 15px;}
.left_contact p{padding:5px 0;font-size:15px;color:#fff;}
.left_contact p a{color:#fff;}


/*---------news-----------*/

.newslist{margin:0;}
.newslist ul{margin:-20px 0 0 0;}
.newslist ul li{height:140px;margin:20px 0 0 0;box-sizing:border-box;position:relative;}

.newslist ul li .pic{float:left;width:210px;}
.newslist ul li .pic img{width:100%;display:block;}

.newslist ul li .t{height:140px;margin:0 0 0 210px;border:1px solid #E7E7E7;border-left:none;box-sizing:border-box;padding:18px 140px 0 20px;}
.newslist ul li .t h5{color:#333;font-size:18px;}
.newslist ul li .t h5 a:hover{color:#FF7F0E;text-decoration:underline;}
.newslist ul li .t p{color:#888;font-size:14px;line-height:18px;margin:10px 0 0 0;}

.newslist ul li .d{position:absolute;right:12px;top:11px;width:118px;height:118px;background:#F5F5F5;text-align:center;padding:20px 0 0;box-sizing:border-box;}
.newslist ul li .d span{color:#ff7f0e;font-size:38px;font-family:Arial;}
.newslist ul li .d p{color:#666;font-size:16px;}

.newslist ul li:hover{box-shadow:rgba(0,0,0,0.09) 0px 6px 9px 0px;}


.newslist{}
.newslist h3{font-size:35px;color:#484848;text-align:center;font-family:Arial;}
.newslist h6{font-size:17px;color:#999;margin:15px 0 0;text-align:center;}

.cntl{position:relative;width:100%;margin:40px 0 0 0;box-sizing:border-box;}

.cntl .cate{position:absolute;left:0;top:-17px;z-index:2;background:#003B8F;width:80px;height:24px;padding:5px 0;border-radius:3px;font-family:Arial;}
.cntl .cate em{display:block;float:left;width:50px;height:24px;line-height:24px;text-align:center;color:#fff;font-size:14px;}
.cntl .cate p{float:left;width:30px;font-size:15px;}
.cntl .cate p a{height:12px;line-height:12px;display:block;text-align:center;color:#fff;}
.cntl .cate p a.prev{transform:rotate(-180deg);-webkit-transform:rotate(-180deg);}
.cntl .cate p a i{color:#fff;font-size:10px;}
.cntl .cate p a:hover i{color:#BFCEE3;}

.cntl .box{width:100%;height:1252px;}
.cntl hr{width:30px;height:3px;margin:0 auto;border:none;background:#003B8F;}
.cntl-center {}
.cntl-state {position:relative;width:100%;padding:30px 15px;box-sizing:border-box;}
.cntl-state::after {display:block;content:' ';clear:both;}
.cntl-state::before{content:'';position:absolute;width:6px;top:0;bottom:0;left:50%;margin-left:-3px;background-color:#ddd;height:100%;}
.cntl-state:nth-child(1)::before{background:#ddd url(../images/ibg5.jpg) no-repeat;}
.cntl-state .cntl-icon{position:absolute;top:50%;left:0;right:0;margin-left:auto;margin-right:auto;margin-top:-14px;border-radius:50%;width:28px;height:28px;background:#fff;padding:5px;text-align:center;box-sizing:border-box;}
.cntl-state .cntl-icon b{border-radius:50%;width:18px;height:18px;display:block;background:#003B8F;}

.cntl-state .cntl-content{width:45%;padding:15px 0;float:left;position:relative;text-align:right;font-family:Arial;margin:30px 0 0;}
.cntl-state .cntl-content em{font-size:22px;color:#484848;}
.cntl-state .cntl-content p{font-size:18px;color:#878787;line-height:35px;margin:10px 0 0;}

.cntl-state .cntl-image{float:right;width:45%;padding:30px;background:#fff;box-sizing:border-box;box-shadow:rgba(0,0,0,0.12) 0px 3px 13px 1px;border-radius:10px;font-family:Arial;}
.cntl-state .cntl-image img{float:left;width:180px;}
.cntl-state .cntl-image .t{margin:0 0 0 200px;}
.cntl-state .cntl-image .t h5{font-size:19px;}
.cntl-state .cntl-image .t h5 a{color:#484848;}
.cntl-state .cntl-image .t h5 a:hover{color:#003B8F;}
.cntl-state .cntl-image .t p{font-size:12px;color:#999;line-height:19px;margin:10px 0 0;}
.cntl-state .cntl-image .t .more{color:#003b8f;font-size:12px;display:inline-block;margin:10px 0 0;}

.cntl-state:nth-child(2n+2) .cntl-content {float:right;text-align:left;}
.cntl-state:nth-child(2n+2) .cntl-image {float:left;text-align:right;}
.cntl-state:nth-child(2n+2) .cntl-image img{float:right;width:180px;}
.cntl-state:nth-child(2n+2) .cntl-image .t{margin:0 200px 0 0;}
.cntl-state:nth-child(2n+2) .cntl-image .t h5{font-size:19px;}
.cntl-state:nth-child(2n+2) .cntl-image .t h5 a{color:#484848;}
.cntl-state:nth-child(2n+2) .cntl-image .t h5 a:hover{color:#003B8F;}
.cntl-state:nth-child(2n+2) .cntl-image .t p{font-size:12px;color:#999;line-height:19px;margin:10px 0 0;}
.cntl-state:nth-child(2n+2) .cntl-image .t .more{color:#003b8f;font-size:12px;display:inline-block;margin:10px 0 0;}

.cntl-bar-fill,.cntl-content,.cntl-image {-webkit-transition:all 500ms ease;-moz-transition:all 500ms ease;transition:all 500ms ease;}
.cntl-state:nth-child(2n+2).cntl-animate .cntl-content {margin-right:0%;}



.newsnr{}
.newsnr h1{font-size:22px;line-height:1;margin:30px 0 0;color:#333;text-align:center;font-family:Arial;}

.newsnr .artInfo{padding:15px 0 20px;border-bottom:1px solid #D9D9D9;text-align:center;margin:25px 0 0;position:relative;}
.newsnr .artInfo::after{content:"";display:block;height:3px;background:#0B3A7B;width:200px;position:absolute;bottom:-2px;left:50%;margin:0 0 0 -100px;z-index: 1;}
.newsnr .artInfo span{margin:0 10px;line-height:20px;display:inline-block;font-size:15px;color:#666;}
.newsnr .artInfo span.time{background:url(../images/time.png) no-repeat left center;padding:0 0 0 20px;}
.newsnr .artInfo span.hit{background:url(../images/hit.png) no-repeat left center;padding:0 0 0 23px;}

.myart{margin:20px 0;line-height:26px;font-size:16px;color:#666;font-family:Arial;}
.myart p{margin:10px 0 0 0;}

.pnbar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;margin-top:30px;}
.pnbar p{width:48%;line-height:44px;height:44px;background:#fff;border:1px solid #D9D9D9;font-size:16px;text-align:center;}
.pnbar p:last-child{float:right;}
.pnbar p a{color:#666;font-family:Arial;}
.pnbar p a>span{display:inline-block;max-width:calc(90% - 20px);text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.pnbar p a i{color:#666;font-size:12px;vertical-align:top;}
.pnbar p:hover a{color:#0B3A7B;}
.pnbar p:hover a i{color:#0B3A7B;}


/*-----about------*/

.history {position:relative;overflow:hidden;padding:60px 0 65px;}
.history h3{font-size:30px;color:#484848;text-align:center;background:url(../images/hr03.png) no-repeat center bottom;padding:0 0 24px;}

.history .list{position:relative;margin:40px 0 0;}
.history .swiper-container{height:400px;}
.history .swiper-container:after {content:'';width:100%;height:2px;background:#B0B0B0;position:absolute;right:0;top:199px;z-index:10;}
.history .swiper-wrapper{z-index:100;}

.history .swiper-slide .item{position:absolute;width:500px;}
.history .swiper-slide .item .t{width:500px;position:absolute;padding:30px 0;}
.history .swiper-slide .item .t p{position:absolute;left:0;width:200px;font-size:15px;color:#0051a4;line-height:20px;}
.history .swiper-slide .item .t img{float:right;width:246px;border-radius:10px;box-shadow:2px 2px 2px rgba(0,0,0,.2);}
.history .swiper-slide .item h6{color:#0051a4;font-size:30px;display:inline-block;position:absolute;}

.history .swiper-slide .item1{left:0;top:200px}
.history .swiper-slide .item2{left:350px;bottom:199px;}
.history .swiper-slide .item3{left:695px;top:200px;}

.history .swiper-slide .item:nth-child(2n+1)::after{content:'';background:url(../images/ibg7.png) no-repeat;width:71px;height:231px;position:absolute;z-index:200;top:-32px;left:185px;}
.history .swiper-slide .item:nth-child(2n)::after{content:'';background:url(../images/ibg8.png) no-repeat;width:71px;height:231px;position:absolute;z-index:200;bottom:-32px;left:185px;}

.history .swiper-slide .item:nth-child(2n+1) .t{top:0;left:0;}
.history .swiper-slide .item:nth-child(2n) .t{bottom:0;left:0;}

.history .swiper-slide .item:nth-child(2n+1) h6{top:-70px;left:191px;}
.history .swiper-slide .item:nth-child(2n) h6{bottom:-70px;left:191px;}

.history .swiper-slide .item:nth-child(2n+1) .t p{bottom:30px;border-bottom:1px solid #5B8EC7;padding:0 0 10px;}
.history .swiper-slide .item:nth-child(2n) .t p{top:30px;border-top:1px solid #5B8EC7;padding:10px 0 0;}

.history .swiper-button-prev,.history .swiper-button-next{width:48px;height:48px;top:50%;margin-top:-24px;text-align:center;background:#18469D;border-radius:3px;}
.history .swiper-button-prev,.history .swiper-container-rtl .swiper-button-next{left:-76px;right:auto;}
.history .swiper-button-next,.history .swiper-container-rtl .swiper-button-prev{right:-76px;left:auto;}
.history .swiper-button-prev i,.history .swiper-button-next i{color:#fff;font-size:25px;line-height:46px;}
.history .swiper-button-prev:hover,.history .swiper-button-next:hover{background:#3E6AA9;}


.about{padding-top:40px;padding-bottom:40px;}.about .txt{float:left;width:570px;font-family:Arial;}.about .txt h3{color:#484848;font-size:30px;}.about .txt hr{width:73px;height:2px;background:url(../images/hr2.png) no-repeat;margin:25px 0;}.about .txt p{color:#484848;font-size:13px;line-height:24px;}.about .pic{float:right;width:562px;position:relative;}.about .pic .t{position:absolute;right:0;top:170px;background:rgba(0,0,0,0.7);width:300px;padding:30px 20px;box-sizing:border-box;text-align:center;font-family:Arial;}.about .pic .t h5{font-size:20px;color:#fff;}.about .pic .t p{font-size:13px;line-height:24px;color:#fff;margin:10px 0 0;}

.about2{padding:70px 0;background:#F6F6F6;}.about2 h3{font-size:30px;color:#484848;text-align:center;background:url(../images/hr03.png) no-repeat center bottom;padding:0 0 24px;}.about2 h4{font-size:16px;color:#484848;margin:15px 150px 0;line-height:28px;text-align:center;font-family:Arial;}
.about2 .list{position:relative;margin:40px 0 0;}
.about2 .swiper-container{}
.about2 .swiper-container .swiper-wrapper{}
.about2 .swiper-container .swiper-slide{position:relative;text-align:center;cursor:pointer;box-sizing:border-box;}
.about2 .swiper-container .swiper-slide img{width:100%;display:block;}
.about2 .swiper-container .swiper-slide .t{position:absolute;bottom:0;left:0;width:100%;background:rgba(0,0,0,0.7);font-family:Arial;height:110px;transition:all 0.3s ease 0s;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;}
.about2 .swiper-container .swiper-slide .t .box{}
.about2 .swiper-container .swiper-slide .t h6{font-size:20px;color:#fff;}
.about2 .swiper-container .swiper-slide .t p{font-size:13px;color:#fff;margin:10px 0 0;line-height:24px;}

.about2 .swiper-container .swiper-slide:hover .t{height:100%;}
.about2 .swiper-container .swiper-slide:hover .more a{background:#FE9900;}
.about2 .swiper-button-prev,.about2 .swiper-button-next{width:48px;height:48px;top:50%;margin-top:-24px;text-align:center;background:#18469D;border-radius:3px;}

.about2 .swiper-button-prev,.about2 .swiper-container-rtl .swiper-button-next{left:-76px;right:auto;}
.about2 .swiper-button-next,.about2 .swiper-container-rtl .swiper-button-prev{right:-76px;left:auto;}
.about2 .swiper-button-prev i,.about2 .swiper-button-next i{color:#fff;font-size:25px;line-height:46px;}
.about2 .swiper-button-prev:hover,.about2 .swiper-button-next:hover{background:#3E6AA9;}

.business{background:#E7F0F7;box-shadow:inset 0 1px 10px rgba(45,73,59,0.1);padding:26px 0;position:relative;z-index:10;}
.business .tit{text-align:center;}
.business .tit h3{font-size:32px;color:#202020;padding:27px 0;position:relative;display:inline-block;}
.business .tit h3::after{content:"";display:block;width:20px;height:2px;background:#0350A2;position:absolute;bottom:-1px;left:50%;margin-left:-10px;z-index: 1;}
.business .tit hr{border:none;width:222px;height:1px;background:#D9D9D9;margin:0 auto;transition:all 0.6s ease 0s;-webkit-transition:all 0.6s ease 0s;}

.business .box{margin:40px 0 0;position:relative;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items: center;align-items: center;}

.business .txt{width:200px;background:url(../images/global.png) no-repeat right top 20px;}
.business .txt h5{display:block;font-size:18px;color:#0051a4;}
.business .txt i{display:block;font-size:37px;color:#0051a4;margin:15px 0 0;}
.business .txt p{font-size:20px;color:#202020;margin:15px 0 0;}
.business .txt hr{background:#0052A3;width:100%;border:none;height:1px;margin:19px 0 0;}
.business .txt span{display:block;font-size:19px;color:#0051a4;margin:27px 0 0;}

.business .list{width:858px;}
.business .list ul{margin:-30px 0 0 -30px;}
.business .list ul li{float:left;width:81px;margin:30px 0 0 30px;}
/*
.business{background:#fff;padding:26px 0;position:relative;z-index:10;}
.business h3{font-size:30px;color:#484848;text-align:center;background:url(../images/hr03.png) no-repeat center bottom;padding:0 0 24px;}
.business .box{background:url(../images/global.png) no-repeat center top;height:591px;margin:40px 0 0;position:relative;}
.business .box .mo-pic{display:none;}
.business .box .global{position:absolute;cursor:pointer;}
.business .box .global .pic{width:29px;height:31px;box-sizing:border-box;padding:1px 0 0 2px;position:relative;z-index:1;}
.business .box .g1{left:174px;top:141px;}
.business .box .g2{left:533px;top:76px;}
.business .box .g3 {left:568px;top:86px;}
.business .box .g4 {left:600px;top:86px;}
.business .box .g5{left:552px;top:104px;}
.business .box .g6 {left:547px;top:122px;}
.business .box .g7 {left:586px;top:125px;}
.business .box .g8{left:665px;top:142px;}
.business .box .g9{left:828px;top:59px;}
.business .box .g10{left:714px;top:208px;}
.business .box .g11{left:749px;top:205px;}
.business .box .g12{left:836px;top:216px;}
.business .box .g13{left:938px;top:289px;}
.business .box .g13{left:858px;top:79px;}
.business .box .g14{left:941px;top:306px;}
.business .box .g15{left:981px;top:316px;}
.business .box .g16{left:1038px;top:159px;}
.business .box .g17{left:1068px;top:157px;}

.business .txt{position:absolute;left:0;top:320px;width:271px;}
.business .txt h5{display:block;font-size:16px;color:#0051a4;}
.business .txt em{display:block;font-size:32px;color:#0051a4;margin:5px 0 0;}
.business .txt p{font-size:16px;color:#202020;margin:5px 0 0;}
.business .txt hr{background:#0052A3;width:168px;border:none;height:1px;margin:19px 0 0;}
.business .txt span{display:block;font-size:14px;color:#0051a4;margin:27px 0 0;}

.business .txt ul{margin:0 0 0 -9px;}
.business .txt ul li{float:left;width:26px;margin:13px 0 0 9px;}
*/
.about3{padding:80px 0 80px 0;background: url(../images/logobg.jpg) no-repeat center top;}
.about3 h3{font-size:30px;color:#484848;text-align:center;background:url(../images/hr03.png) no-repeat center bottom;padding:0 0 24px;}

.about3 .list{position:relative;margin-top:40px;}
.about3 .swiper-slide{text-align:center;}
.about3 .swiper-slide img{display:inline-block;border:1px solid #E8E8E8;box-sizing:border-box;box-shadow: 0 0 4px 0 rgba(0,0,0,0.1);}
.about3 .list .swiper-container{padding: 10px 0;}
.about3 .list .swiper-button-prev,.about3 .list .swiper-button-next{width:46px;height:46px;margin-top:-23px;text-align:center;background:#406CAB;border-radius:4px;}
.about3 .list .swiper-button-prev i,.about3 .list .swiper-button-next i{color:#fff;font-size:25px;line-height:46px;}
.about3 .list .swiper-button-prev:hover,.about3 .list .swiper-button-next:hover{background:#003B8F;}
.about3 .list .swiper-button-prev,.about3 .list .swiper-container-rtl .swiper-button-next{left:-70px;right:auto;}
.about3 .list .swiper-button-next,.about3 .list .swiper-container-rtl .swiper-button-prev{right:-70px;left:auto;}

.certlist{text-align:center;padding:60px 0;}
.certlist h3{font-size:30px;color:#484848;text-align:center;background:url(../images/hr03.png) no-repeat center bottom;padding:0 0 24px;}.certlist .list{text-align:center;position:relative;margin-top:30px;}.certlist .swiper-box{overflow:hidden;}.certlist .swiper-slide {width:300px;height:416px;margin:20px 0;background:#fff;box-shadow:rgba(0,0,0,0.4) 0px 4px 10px 0px;}.certlist .swiper-slide a{width:100%;display:block;}.certlist .swiper-slide img {width:100%;display:block;}.certlist .list .swiper-button-prev,.certlist .list .swiper-button-next{width:46px;height:46px;margin-top:-23px;text-align:center;background:#406CAB;border-radius:4px;}.certlist .list .swiper-button-prev i,.certlist .list .swiper-button-next i{color:#fff;font-size:25px;line-height:46px;}.certlist .list .swiper-button-prev:hover,.certlist .list .swiper-button-next:hover{background:#003B8F;}.certlist .list .swiper-button-prev,.certlist .list .swiper-container-rtl .swiper-button-next{left:-70px;right:auto;}.certlist .list .swiper-button-next,.certlist .list .swiper-container-rtl .swiper-button-prev{right:-70px;left:auto;}

/*-----video------*/
.support ul{margin:0 0 0 -75px;}
.support ul li {background:#fff;float:left;width:350px;overflow:hidden;margin:30px 0 5px 75px;border-radius:10px;box-shadow: 0 6px 12px rgba(0,0,0,0.176);}
.support ul li a{display:block;width:100%;height:auto;position:relative;}
.support ul li img{width:100%;height:auto;}
.support ul li h6{text-align:center;font-size:18px;margin:30px 0 0 0}
.support ul li p{background:#838280;height:40px;line-height:40px;text-align:center;font-size:16px;margin:30px 0 0 0;color:#fff;}
.support ul li p img{width:auto;height:auto;vertical-align:middle;margin:0 0 0 10px;}
.support ul li a:hover{color:#F38001;}
.support ul li:hover p{background:#F38001;color:#fff;}


/*-----faq------*/
.faq ul{}
.faq ul li {margin:0 0 20px 0;background:#fff;padding:15px;position:relative;border:1px solid #eee;box-sizing:border-box;box-shadow:rgba(0,0,0,0.09) 0px 6px 9px 0px;}
.faq ul li .tit{height:40px;overflow:hidden;font-family:Verdana, Geneva, sans-serif;color:#fff;cursor:pointer;position:relative;z-index:888;}
.faq ul li .tit span{float:right;display:block;width:40px;text-align:center;border-radius:2px;background:#eee;}
.faq ul li .tit span i{color:#333;width:40px;line-height:40px;height:40px;font-size:20px;}
.faq ul li .tit h4{float:left;font-size:16px;color:#333;line-height:40px;height:40px;font-weight:bold;}

.faq ul li .con{font-size:14px;line-height:23px;color:#666;}
.faq ul li .con p{margin:10px 0 0 0;}

.faq ul li.active{border:2px solid #1E8E44;padding:14px;}
.faq ul li.active .tit span{background:#1E8E44;}
.faq ul li.active .tit span i{color:#fff;}

/*-----products------*/

.productlist ul{margin:0 0 0 -2%;}
.productlist ul li{float:left;width:31.3333%;margin:0 0 20px 2%;border:2px solid #ddd;box-sizing:border-box;position:relative;}
.productlist ul li .pic{width:100%;display:block;overflow:hidden;position:relative;}
.productlist ul li .pic img{width:100%;display:block;transition:all 0.3s ease 0s;}
.productlist ul li .pic ins{display:block;position:absolute;bottom:0;left:0;z-index:100;width:100%;height:34px;line-height:34px;font-size:15px;color:#fff;text-align:center;box-sizing:border-box;background:rgba(0,59,143,0.7);font-family:Arial;-webkit-transition: background-color 0.35s;transition: background-color 0.35s;opacity:1;-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s;-webkit-transform: scale(1);transform: scale(1);}

.productlist ul li .t{position:absolute;top:0;left:0;width:100%;height:100%;z-index:99;background:rgba(0,59,143,0.67);-webkit-transition:background-color 0.35s;transition:background-color 0.35s;opacity:0;-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition:opacity 0.35s, transform 0.35s;-webkit-transform:scale(0);transform:scale(0);}
.productlist ul li .t p{display:table;font-size:17px;color:#fff;text-align:center;width:100%;height:100%;}
.productlist ul li .t p a{color:#fff;display:table-cell;vertical-align:middle;}
.productlist ul li .t p i{display:inline-block;color:#fff;font-size:25px;}
.productlist ul li .t p a em{display:block;font-size:15px;margin:5px 0 0;font-weight:bold;font-family:Arial;}
.productlist ul li .t p a:hover{color:#fff;}

.productlist ul li:hover img{transform:scale(1.11);-webkit-transform:scale(1.11);}

.productlist ul li:hover .pic ins{opacity:0;-webkit-transform:scale(0);transform:scale(0);}
.productlist ul li:hover .t{opacity: 1;-webkit-transform: scale(1);transform: scale(1);}

/*-----pro-view----*/

div.zoomdiv {z-index:100;position:absolute;top:0px;left:0px;background:#ffffff;border:1px solid #ccc;display:none;text-align: center; overflow: hidden;}
img.jqzoom{cursor:crosshair;position:relative;}

.pro_view_top{overflow:hidden;}
.pro_img{float:left;width:420px;position:relative;}

.pro_img .view{width:418px;border:1px solid #D9D9D9;position:relative;}
.pro_img .view .swiper-container{width:100%;}
.pro_img .view .arrow-left,.pro_img .view .arrow-right{background:rgba(0,59,143,0.5);position:absolute;top:50%;width:30px;height:50px;margin-top:-25px;text-align:center;z-index:10;display:block;}
.pro_img .view .arrow-left i,.pro_img .view .arrow-right i{color:#fff;font-size:15px;line-height:50px;}
.pro_img .view .arrow-left {left:0;}
.pro_img .view .arrow-right {right:0;}


.preview {width:420px;margin-top:10px;}
.preview .swiper-container {}
.preview .swiper-slide {cursor:pointer;border:1px solid #D9D9D9;padding:1px;box-sizing:border-box;}
.preview .active-nav {padding:0;border:2px solid #003B8F;}


.pro_view_inner{float:right;width:400px;}
.pro_view_inner h1{color:#333;font-size:22px;line-height:36px;margin:5px 0 15px 0;font-family:Arial;}

.pro_view_inner .t{margin:20px 0 0 0;}
.pro_view_inner .t h5{float:left;color:#333;font-size:16px;}
.pro_view_inner .t span{float:right;color:#666;font-size:16px;}

.pro_view_inner .pro_para{margin:10px 0 0 0;}
.pro_view_inner .pro_para p{font-size:16px;color:#666;line-height:26px;}
.pro_view_inner .pro_para table{max-width:100%;border:1px solid #D5D5D5;color:#333;}.pro_view_inner .pro_para table tr > td{padding:7px 8px;line-height:1.42857143;font-size:12px;vertical-align:middle;border: 1px solid #D5D5D5;}.pro_view_inner .pro_para table tr > td:first-child{width:115px;}

.pro_view_inner .tools{margin:15px 0 0 0;}
.pro_view_inner .tools a.book{float:left;height:36px;line-height:36px;width:160px;text-align:center;font-size:16px;color:#fff;display:block;background:#003B8F;font-family:Arial;}
.pro_view_inner .tools a.book i{font-size:14px;}
.pro_view_inner .tools a.book:hover{background:#3E6AA9;}
.pro_view_inner .tools a.pdf{float:right;height:36px;width:155px;display:block;background:url(../images/pdf.png) no-repeat center;text-indent:-9999px;}

.pro_view_inner .share{margin:20px 0 0;}

.pro_text{margin:38px 0 0 0;position:relative;}

.pro_tab_box{height:50px;margin:0 0 20px 0;}
.pro_tab{height:50px;border:1px solid #E8E8E8;background:#fff;width:860px;box-sizing:border-box;z-index:99;}
.pro_tab ul li{float:left;margin:-1px 0 0 0;width:20%;text-align:center;line-height:48px;cursor:pointer;font-size:16px;color:#666;text-align:center;font-family:Arial;}
.pro_tab ul li:hover{color:#003B8F;}
.pro_tab ul li.pro_menu_over{border-top:2px solid #003B8F;color:#003B8F;}

.pro-scroll{padding:0 0 20px;}
.pro-scroll .tit{margin:25px 0 25px 0;background:url(../images/ibg6.png) no-repeat center bottom;text-align:center;}
.pro-scroll .tit h5{position:relative;font-style:italic;color:#202020;font-family:Arial;height:70px;line-height:70px;cursor:pointer;font-size:18px;font-family:Arial;}
.pro-scroll .tit h5 b{font-size:30px;font-style:italic;}

.pro-scroll .tit2{margin:25px 0 25px 0;background:#003B8F;text-align:center;}
.pro-scroll .tit2 h5{font-style:italic;color:#fff;font-family:Arial;height:45px;line-height:45px;cursor:pointer;font-size:16px;}
.pro-scroll .tit2 h5 b{font-size:24px;font-style:italic;}

.pro-scroll .pro-content{font-size:16px;line-height:30px;margin:10px 0 0 0;color:#666;font-family:Arial;}
.pro-scroll .pro-content p{margin:0 0 15px 0;}
.pro-scroll .pro-content .table-response{width:100%;max-width: 100%;overflow-x:auto;}
.pro-scroll .pro-content table{width:100%;max-width:100%;margin-bottom: 20px;border:1px solid #D9D9D9;color:#666;}
.pro-scroll .pro-content table tr > th{padding:8px 8px;line-height:1.42857143;vertical-align:middle;border:1px solid #D9D9D9;font-weight:bold;}
.pro-scroll .pro-content table tr > td{padding:8px 8px;line-height:1.42857143;vertical-align:middle;border:1px solid #D9D9D9;}

.pro-scroll .pro-content .pic-list-2{margin:-15px 0 0 -2%;}
.pro-scroll .pro-content .pic-list-2 li{float:left;width:48%;margin:15px 0 0 2%;position:relative;cursor:pointer;}
.pro-scroll .pro-content .pic-list-2 li img{width:100%;display:block;}
.pro-scroll .pro-content .pic-list-2 li p{display:none;background:rgba(0,0,0,0.5);font-size:24px;color:#fff;text-align:center;position:absolute;width:100%;height:100%;top:0;left:0;text-transform:uppercase;margin:0;text-align:center;box-sizing:border-box;padding:98px 0 0;}
.pro-scroll .pro-content .pic-list-2 li p em{vertical-align:middle;}
.pro-scroll .pro-content .pic-list-2 li:hover p{display:block;}


.pro-scroll .pro-content .qlist{color:#666;}
.pro-scroll .pro-content .qlist li{border-bottom:1px solid #ccc;padding:20px 0;font-family:Arial;}
.pro-scroll .pro-content .qlist li h6{font-size:16px;color:#333;padding:5px 0 0 0;text-transform:uppercase;}
.pro-scroll .pro-content .qlist li p{font-size:14px;line-height:24px;color:#333;}

.pro-scroll .pro-content .applist{color:#333;margin:0 0 0 -2%;}
.pro-scroll .pro-content .applist li{float:left;width:48%;margin:0 0 0 2%;position:relative;}
.pro-scroll .pro-content .applist li img{width:100%;display:block;}
.pro-scroll .pro-content .applist li p{display:none;position:absolute;top:50%;width:100%;height:44px;line-height:44px;color:#fff;margin-top:-22px;font-size:16px;font-style:italic;text-align:center;background:rgba(0,0,0,0.5);}
.pro-scroll .pro-content .applist li:hover p{display:block;}

.pro-inquiry .inquirShow .row{margin-bottom:20px;}
.pro-inquiry .inquirShow input[type="text"],.pro-inquiry .inquirShow textarea{padding:10px 15px 10px 40px;font-size:14px;border:1px solid #ddd;width:100%;line-height:25px;color:#000;}
.pro-inquiry .c_name{background:url(../images/i14.png) no-repeat 14px center;}
.pro-inquiry .c_tel{background:url(../images/i13.png) no-repeat 14px center;}
.pro-inquiry .c_email{background:url(../images/i12.png) no-repeat 14px center;}
.pro-inquiry .c_cnt{background:url(../images/i15.png) no-repeat 14px 17px;}
.pro-inquiry .inquirShow input.btn{background:#003B8F;line-height:40px;width:140px;font-size:17px;margin:0;border-radius:0;}



.related-pro{margin-top:15px}
.related-pro .tit{height:37px;line-height:36px;margin:0 0 0 0;border-bottom:2px solid #E0E0E0;}
.related-pro .tit h4{font-size:20px;color:#444;font-family:Arial;}
.related-pro ul{margin:25px 0 0 -2%;}
.related-pro ul li{float:left;width:23%;margin:0 0 0 2%;}
.related-pro ul li img{display:block;width:100%;border:1px solid #DADADA;}
.related-pro ul li p{height:30px;line-height:30px;text-align:center;font-size:14px;white-space:nowrap;text-overflow: ellipsis;overflow: hidden;}
.related-pro ul li:hover a{color:#18469D;}


/*contact*/

.certbox{}
.certbox h3{line-height:50px;font-size:20px;color:#333;font-family:Arial;text-align:center;}
.certbox table{width:100%;border:1px solid #ddd;border-top:5px solid #EE8301; background:#fff;border-collapse: collapse;}
.certbox table th{text-align:center;border:1px solid #ddd;border-bottom:none;font-weight:bold;padding:12px 0;font-size:15px;color:#333;}
.certbox table th td{text-align:center;border:1px solid #ddd;border-bottom:none;font-weight:bold;padding:8px;}
.certbox table td{text-align:center;border:1px solid #ddd;border-bottom:none;padding:8px;}
.certbox table td img{width:120px;}
.certbox table td a.t{font-size:16px;color:#333;}
.certbox table td a.t:hover{color:#FF7F0E;text-decoration:underline;}
.certbox table td a.jian,.certbox table td a.jia{display:inline-block;width:30px;height:30px;line-height:30px;border:1px solid #E6E6E6;vertical-align:top;cursor:pointer;}
.certbox table td a.jian:hover,.certbox table td a.jia:hover{background:#FF7F0E;color:#fff;}
.certbox table td a.jian i,.certbox table td a.jia i{font-size:13px;}
.certbox table td input{display:inline-block;width:30px;height:30px;line-height:30px;font-family:Arial;padding:0;margin:0 2px;font-size:13px;border:1px solid #E6E6E6;color:#333;text-align:center;vertical-align:top;}

.certbox-form{border:1px solid #ddd;padding:0px 15px 15px;margin:20px 0 0 0;}

/*contact*/

.stit{padding:30px 0 0 0;}
.stit h3{font-size:46px;color:#333;line-height:50px;text-align:center;text-transform:uppercase;}
.stit hr{width:232px;height:21px;background:url(../images/hr1.png);border:none;margin:15px auto 0;}


.contact-top{margin:20px 0 0 0;}
.contact-top ul{}
.contact-top ul li{float:left;width:33.333333%;padding:20px 15px 0;box-sizing:border-box;text-align:center;border-right:1px solid #EBEBEB;}
.contact-top ul li:last-child{border-right:none;}
.contact-top ul li em{background:url(../images/ibg3.png) no-repeat;width:118px;height:118px;text-align:center;display:inline-block}
.contact-top ul li em i{font-size:50px;color:#003B8F;line-height:118px;}
.contact-top ul li h6{font-size:20px;color:#333;margin:15px 0 0 0;font-weight:bold;}
.contact-top ul li p{color:#666;margin:10px 0 0 0;font-size:17px;line-height:24px;font-family:Arial;}
.contact-top ul li p a{color:#666;}
.contact-top ul li p a:hover{color:#FF7F0E;}

.contact-top hr{width:100%;background:#D9D9D9;height:1px;border:none;margin:50px 0 0;}


.contact{margin:50px 0 0;}
.map{margin:50px 0 0;}
.map img{width:100%;box-shadow: rgba(0,0,0,0.2) 0px 2px 6px 0px;}

.inquirbox{margin:50px 0 0;padding:50px 150px;box-sizing:border-box;box-shadow: rgba(0,0,0,0.2) 0px 2px 6px 0px;}
.inquirbox h4{color:#484848;font-size:24px;text-align:center;font-family:Arial;font-weight:bold;}
.inquirbox p{color:#484848;font-size:17px;text-align:center;font-family:Arial;margin:15px 0 0;}

.inquirbox .inquirShow{margin:40px 0 0;}
.inquirShow .row{margin-bottom:34px;font-family:Arial;}
.inquirShow .row em{font-size:17.87px;color:#484848;margin:0 0 13px 0;display:block;}
.inquirShow input[type="text"], .inquirShow textarea{padding:13px 10px;font-size:16px;border:1px solid #D2D2CF;width:100%;line-height:24px;text-align:left;color:#666;box-sizing:border-box;}
.inquirShow textarea {display:block;max-width:100%;width:100%;resize:none;}
.inquirShow input[type="text"]:focus,.inquirShow textarea:focus{box-shadow:0 0 5px #999;border-color:#999;}
.inquirShow .red{color:#f00;font-weight:bold;}
.inquirShow .yzm { width:70%; margin-right:10px;}
.inquirShow img {cursor: pointer; margin-left: 3px; display: inline-block;vertical-align: middle;}

.inquirShow input.submit{padding:0;border:none;display:block;background:#003B8F;color:#fff;line-height:60px;width:200px;font-size:14px;text-align:center;border-radius:4px;cursor:pointer;margin:0 auto;font-weight:600;}


@media screen and (max-width: 768px) {
  .pnbar p {
    width: 100%;
    margin:0;
  }
}