/*header*/
.header{position:fixed;background:rgba(0,0,0,.6);top:0;left:0;width:100%;z-index:18}
.header .nav-box{display: flex;justify-content: space-between;align-items: center;height:.9rem;width:100%}
.header .nav-box .logos{padding-left:.6rem;}
.header .nav-box .logos img {max-height:.63rem;transition:none}
.header .nav-box .menu-box {position: relative;display: flex;line-height: .9rem;    flex-direction: row;    align-items: center;}
.header .nav-box .menu-box>ul {padding-right:1.2rem;}
.header .nav-box .menu-box>ul>li {display:inline-block;margin:0 .29rem;vertical-align:top;position:relative}
.header .nav-box .menu-box>ul>li>a{font-size: .18rem;color: #FFF;display: block;position: relative;font-weight: bold;font-family: 'Poppins-Bold';}
.header .nav-box .menu-box>ul>li>a:after{content: '';
position: absolute;
bottom: 0;
left: 50%;
width: 0;
height: 4px;
background: #0385d8;transition: 0.3s ease;
-webkit-transition: 0.3s ease;
-moz-transition: 0.3s ease;
-ms-transition: 0.3s ease;
-o-transition: 0.3s ease;}
.header .nav-box .menu-box>ul>li:hover>a{color: #0385d8;}
.header .nav-box .menu-box>ul>li:hover>a:after {width:100%;left:0}
.header .nav-box .menu-box>ul>li>dl {margin:0;padding:0;position: absolute;top: 100%;left: 0;width: 1.8rem;background: #0385d8;text-align: left;z-index: 101;display: none;transition:none}
.header .nav-box .menu-box>ul>li>dl dd {
transition: 0.2s ease-in;
-webkit-transition: 0.2s ease-in;
-moz-transition: 0.2s ease-in;
-ms-transition: 0.2s ease-in;
-o-transition: 0.2s ease-in;
line-height: normal;
position: relative;}
.header .nav-box .menu-box>ul>li>dl dd a{font-size: .15rem;color: #fff;display: block;padding: .1rem .18rem;text-transform: capitalize;}
.header .nav-box .menu-box>ul>li>dl dd:hover>a{background:#000}
.header .nav-box .menu-box>ul>li>dl dd>ul {position: absolute;top: 0;left: 100%;width: 1.8rem;background: #0385d8;text-align: left;z-index: 101;display: none;transition:none}
.header .nav-box .menu-box>ul>li>dl dd>ul>li {transition: 0.2s ease-in;
-webkit-transition: 0.2s ease-in;
-moz-transition: 0.2s ease-in;
-ms-transition: 0.2s ease-in;
-o-transition: 0.2s ease-in;
line-height: normal;
position: relative;}
.header .nav-box .menu-box>ul>li>dl dd>ul>li>a:hover{background:#000;}
.header .nav-box .menu-box>div{line-height:normal;}
.header .nav-box .menu-box .language{margin:0 .3rem}
.header .nav-box .menu-box .h-search input[type="text"]{width: .85rem;
border: none;border-bottom: 1px solid #666;
padding: 0 5px;
font-size: .12rem;
color: #6b6b6b;height:.15rem;display:inline-block;vertical-align:middle}
.header .nav-box .menu-box .h-search button {border:0;width:.19rem;height:.19rem;background:none;padding:0;display:inline-block;vertical-align:middle;margin:0 5px 0 0}
.header .nav-box .menu-box .language a{display: flex;
align-items: center;
font-size: .12rem;
color: #FFF;
font-weight: bold;}
.header .nav-box .menu-box .language a img {width: .3rem;margin-right: 5px;transition:none;}
/*banner*/
.tem_banner{}
.tem_banner .swiper-slide .txt{position:absolute;top:50%;left:0;transform:translateY(-50%);z-index:1;width:100%}
.tem_banner .swiper-slide .txt>div{display:inline-block;vertical-align:middle;width:50%}
.tem_banner .swiper-slide .txt .left {padding:0 .35rem 0 2.5rem;}
.tem_banner .swiper-slide .txt .left h1 {font-size: 1.63rem;font-weight: bold;color: #0385d8;}
.tem_banner .swiper-slide .txt .left h2{font-size: .92rem;font-weight: bold;color: #ffffff;text-align: right;text-transform: uppercase;}
.tem_banner .swiper-slide .txt .left h3{font-size: .51rem;line-height: 1;color: #ffffff;text-transform: uppercase;padding-left: .5rem;
margin-bottom: 5px;}
.tem_banner .swiper-slide .txt .left p {font-size: .16rem;
color: #fff;
font-weight: normal;
line-height: 1.2;margin:0}
.tem_banner .swiper-slide .txt .left p.p {text-align:right;}
.tem_banner .swiper-slide .txt .left .more {margin:.15rem 0 0;text-align:center}
.tem_banner .swiper-slide .txt .left .more>a{display: inline-block;
font-size: .21rem;
font-weight: bold;
color: #fff;
padding: 5px .2rem;
text-transform: uppercase;
background: #fe9a14;}
.tem_banner .swiper-slide .txt .left .more>a:hover {
  background: #0385d8;
}
.tem_banner .swiper-slide .txt .right {padding:0 0 0 .35rem}
.tem_banner .slide-pagination {bottom:.3rem;position:absolute;text-align:center;left:0;width:100%;z-index:1}
.tem_banner .slide-pagination span{opacity:1;outline:none;width:.11rem;height:.11rem;background:#FFF;opacity:1;margin:0 8px;}
.tem_banner .slide-pagination span.swiper-pagination-bullet-active{background:#0385d8}
/**/
#index-body {}
.containers{max-width:1350px;margin:0 auto;padding:0 .15rem;width:100%}
#index-body .i-hot{padding: 1.2rem 0;
background: #eee}
#index-body .i-hot .top h1 {font-size: .54rem;line-height: 1;color: #000000;font-weight: bold;}
#index-body .i-hot .top h1 span{display: inline-block;padding: 5px .1rem 5px .35rem;background: #0385d8;color: #fff;margin-right: 5px;}
#index-body .i-hot .top p{color: #363636;margin-top: .1rem;}
#index-body .i-hot .hotBox{margin:1rem 0 0}
#index-body .i-hot .hotBox .swiper-slide .hot-img {display: block;overflow: hidden;height: 4rem;padding-bottom: 1rem;text-align: center;background: url(../images/hot-item-bg.png) no-repeat center bottom;background-size:100% auto;}
#index-body .i-hot .hotBox .swiper-slide .hot-img img {width:auto;}
#index-body .i-hot .hotBox .swiper-slide h2{font-size: .2rem;
color: #000000;
line-height: 1.2;
text-align: center;}
#index-body .i-hot .hotBox .swiper-slide .hot-img:hover img {
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
}
#index-body .i-hot .hotBox .swiper-slide h2:hover {
  color: #0385d8;
}

#index-body .i-product {padding-bottom: .58rem;background: url(../images/product-bg.jpg) 0 0 no-repeat;background-size: 100% 100%;}
#index-body .i-product .top ul{display: flex;justify-content: center;}
#index-body .i-product .top ul li{width:2.5rem;}
#index-body .i-product .top ul li a{display: block;
padding: .15rem 0;
font-size: .18rem;
color: #000000;
text-align: center;
background: #fff;transition: 0.3s ease;
-webkit-transition: 0.3s ease;
-moz-transition: 0.3s ease;
-ms-transition: 0.3s ease;
-o-transition: 0.3s ease;}
#index-body .i-product .top ul li:nth-child(1),#index-body .i-product .top ul li:last-child{position:relative}
#index-body .i-product .top ul li:nth-child(1)::after{position: absolute;
content: "";
bottom: 0;
left: -.17rem;
width: 0;
height: 0;
border-bottom: .57rem solid #cdcdcd;
border-left: .17rem solid transparent;
transition: 0.3s ease;
-webkit-transition: 0.3s ease;
-moz-transition: 0.3s ease;
-ms-transition: 0.3s ease;
-o-transition: 0.3s ease;}
#index-body .i-product .top ul li:nth-child(2n+1) a{background: #cdcdcd;}
#index-body .i-product .top ul li:last-child::after {
  position: absolute;
  content: "";
  bottom: 0;
  right: -.17rem;
  width: 0;
  height: 0;
  border-bottom: .57rem solid #cdcdcd;
  border-right: .17rem solid transparent;
  transition: 0.3s ease;
  -webkit-transition: 0.3s ease;
  -moz-transition: 0.3s ease;
  -ms-transition: 0.3s ease;
  -o-transition: 0.3s ease;
}
#index-body .i-product .top ul li a:hover {
  background: #0385d8;
  color: #ffffff;
}
#index-body .i-product .top ul li:nth-child(2n+1) a:hover{background: #0385d8;color: #ffffff;}
#index-body .i-product .top ul li:nth-child(odd) a:hover {
  background: #0385d8;
  color: #ffffff;
}
#index-body .i-product .top ul li:nth-child(1):hover::after {
  border-bottom: .57rem solid #0385d8;
}
#index-body .i-product .top ul li:last-child:hover::after {
  border-bottom: .57rem solid #0385d8;
}
#index-body .i-product .productBox{padding: 0 8%;position: relative;}
#index-body .i-product .productBox .swiper {position:relative;z-index:2}
#index-body .i-product .productBox .swiper-slide{background: #0385d8;padding: .7rem .2rem;}
#index-body .i-product .productBox .swiper-slide:nth-child(2n+1){background: #0163a2;}
#index-body .i-product .productBox .swiper-slide .product-img{display:block;overflow:hidden}
#index-body img{width: auto;
transition: 0.5s ease;
-webkit-transition: 0.5s ease;
-moz-transition: 0.5s ease;
-ms-transition: 0.5s ease;
-o-transition: 0.5s ease;}
#index-body .i-product .productBox .swiper-slide p.p{color: #ffffff;
margin: .25rem 0 0;
text-align: center;
line-height: 1.2;}
#index-body p.p{font-size: .16rem;
transition: 0.3s ease;
-webkit-transition: 0.3s ease;
-moz-transition: 0.3s ease;
-ms-transition: 0.3s ease;
-o-transition: 0.3s ease;}
#index-body .i-product .productBox .swiper-slide p.p > a{display: block;height: .38rem;color:#FFF}
#index-body .i-product .productBox .swiper-slide p.p span{display:block}

#index-body .i-product .productBox .slide-button-next, #index-body .i-product .productBox .slide-button-prev{opacity: 1;width: .53rem;height: 1.04rem;position: absolute;top:50%;transform:translateY(-50%);}
#index-body .i-product .productBox .slide-button-prev{background: url(../images/left.png) no-repeat center center;left: 6.2%;background-size:.35rem 1.04rem}
#index-body .i-product .productBox .slide-button-next {
  background: url(../images/right.png) no-repeat center center;
  right: 6.2%;background-size:.35rem 1.04rem}
#index-body .i-product .productBox .swiper-slide .product-img:hover img {
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
} 

#index-body .i-why{padding: 1rem 0;background: #f0f1f3;}
#index-body .i-why .top h1{font-size: .59rem;color: #000000;font-weight: bold;text-transform: uppercase;line-height: 1.2;}
#index-body .i-why .top p{text-transform: uppercase;max-width: 7.4rem;line-height: 1.5;margin: 0 auto;}
#index-body .i-why .whyBox{margin:.7rem 0 0;padding:0 1rem}
#index-body .i-why .whyBox .swiper {padding:.1rem}
#index-body .i-why .whyBox .swiper .swiper-slide{text-align:center}
#index-body .i-why .whyBox .swiper .swiper-slide .content{padding: 0 0 .3rem;
transition: 0.3s ease;
-webkit-transition: 0.3s ease;
-moz-transition: 0.3s ease;
-ms-transition: 0.3s ease;
-o-transition: 0.3s ease;
position: relative;}
#index-body .i-why .whyBox .swiper .swiper-slide .content::before {
  position: absolute;
  content: "";
  width: 0px;
  height: 80%;
  background: #aaa;
  bottom: 0;
  transition: 0.3s ease;
  -webkit-transition: 0.3s ease;
  -moz-transition: 0.3s ease;
  -ms-transition: 0.3s ease;
  -o-transition: 0.3s ease;
  left: 0;
}
#index-body .i-why .whyBox .swiper .swiper-slide .content::after {
  position: absolute;
  content: "";
  width: 1px;
  height: 80%;
  background: #aaa;
  bottom: 0;
  transition: 0.3s ease;
  -webkit-transition: 0.3s ease;
  -moz-transition: 0.3s ease;
  -ms-transition: 0.3s ease;
  -o-transition: 0.3s ease;
  right: 0;
}
#index-body .i-why .whyBox .swiper .swiper-slide .content h4{height:1.3rem;background-size:1.28rem 1.28rem !important;}

#index-body .i-why .whyBox .swiper .swiper-slide .content h2{margin-top: .2rem;
font-size: .28rem;
FONT-WEIGHT: BOLD;
color: #363636;
line-height: 1;}
#index-body .i-why .whyBox .swiper .swiper-slide .content h2 span{display: block;
transition: 0.3s ease;
-webkit-transition: 0.3s ease;
-moz-transition: 0.3s ease;
-ms-transition: 0.3s ease;
-o-transition: 0.3s ease;}
#index-body .i-why .whyBox .swiper .swiper-slide p{margin: 30px 0 0;opacity: 0;}

#index-body .i-why .whyBox .swiper .swiper-slide:nth-child(1) h4 {
  background: url(../images/why1.png) no-repeat center center;
}
#index-body .i-why .whyBox .swiper .swiper-slide:nth-child(2) h4 {
  background: url(../images/why2.png) no-repeat center center;
}
#index-body .i-why .whyBox .swiper .swiper-slide:nth-child(3) h4 {
  background: url(../images/why3.png) no-repeat center center;
}
#index-body .i-why .whyBox .swiper .swiper-slide:nth-child(4) h4 {
  background: url(../images/why4.png) no-repeat center center;
}
#index-body .i-why .whyBox .swiper .swiper-slide:nth-child(1):hover h4{
  background: url(../images/why1-1.png) no-repeat center center;
}
#index-body .i-why .whyBox .swiper .swiper-slide:nth-child(2):hover h4{
  background: url(../images/why2-2.png) no-repeat center center;
}
#index-body .i-why .whyBox .swiper .swiper-slide:nth-child(3):hover h4{
  background: url(../images/why3-3.png) no-repeat center center;
}
#index-body .i-why .whyBox .swiper .swiper-slide:nth-child(4):hover h4{
  background: url(../images/why4-4.png) no-repeat center center;
}
#index-body .i-why .whyBox .swiper .swiper-slide:last-child .content::after {
  display: none;
}
#index-body .i-why .whyBox .swiper .swiper-slide:hover:last-child .content::after {
  display: block;
}
#index-body .i-why .whyBox .swiper .swiper-slide:hover .content {
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
}
#index-body .i-why .whyBox .swiper .swiper-slide:hover .content::after {
  width: 5px;
  background: #0385d8;
  right: -2.5px;
}
#index-body .i-why .whyBox .swiper .swiper-slide:hover .content::before {
  width: 5px;
  background: #0385d8;
  left: -2.5px;
}
#index-body .i-why .whyBox .swiper .swiper-slide:hover .content h2 span {
  font-size: .3rem;
}
#index-body .i-why .whyBox .swiper .swiper-slide:hover p {
  opacity: 1;
}

#index-body .i-about {
  background-repeat:no-repeat;
  background-position:center;
  background-size: cover;
  background-attachment: fixed;
  padding: 1.15rem 0;
}
#index-body .i-about .title {margin:0 0 .46rem;padding:0 0 .3rem;position:relative}
#index-body .i-about .title:after{content:'';width:.44rem;height:2px;background:#ccd0d4;position:absolute;bottom:0;left:0}
#index-body .i-about .title h3 {font-size:.42rem;color:#FFF;font-weight:bold;}
#index-body .i-about .title p{font-size:.42rem;color:#FFF;}
#index-body .i-about .editor{font-size:.16rem;color:#FFF;line-height:1.75;text-indent:2em;margin:0 0 .65rem}
#index-body .i-about .editor .nums {margin:.55rem 0 0;font-size:0;display:flex;width:100%}
#index-body .i-about .editor .nums>div{display:inline-block;vertical-align:top;width:20%;text-align:center;}
#index-body .i-about .editor .nums h5 {font-size:.16rem;color:#FFF;}
#index-body .i-about .editor .nums h5 em {display:inline-block;vertical-align:bottom;font-size:.52rem;font-weight:bold}
#index-body .i-about .editor .nums p{font-size:.14rem;color:#FFF;margin:.1rem 0}
#index-body .i-about .editor .nums p img {height:.74rem;transition:none;}
#index-body .i-about .more a{display:inline-block;background:#0089e1;font-size:.14rem;color:#FFF;padding:8px .3rem;border-radius:35px;}


#index-body .i-news {
  padding: 1.33rem 12% 1.2rem;
  background: url(../images/news-bg.jpg) no-repeat;
  background-size: 100% 100%;
  display: flex;
}
#index-body .i-news .left {
  width: 18%;
}
#index-body .i-news .left h1 {
  font-size: .59rem;
  color: #343a48;
  font-weight: bold;
  line-height: 0.8;
  margin-bottom: .1rem;
}
#index-body .i-news .right {
  width: 82%;
  padding-right: .7rem;
}
#index-body .i-news .right .swiper-slide .news-img {
  display: block;
  overflow: hidden;
}
#index-body .i-news .right .swiper-slide .news-img img {
  width: 100%;
}
#index-body .i-news .right .swiper-slide .news-img:hover img {
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
}
#index-body .i-news .right .swiper-slide .time {
  padding: .35rem 0 .25rem;
  font-size: .52rem;
  line-height: 0.8;
  font-weight: bold;
  color: #343a4a;
  display: flex;
  align-items: flex-end;
  border-bottom: 1px solid #d8d8d8;
}
#index-body .i-news .right .swiper-slide .time span {
  display: inline-block;
  font-size: .24rem;
  line-height: 1;
  color: #d8d8d8;
  margin-left: .3rem;
}
#index-body .i-news .right .swiper-slide h2 {
  color: #343a4a;
  font-size: .2rem;
  line-height: 1.2;
  padding: .25rem 0 .15rem;
}
#index-body .i-news .right .swiper-slide h2:hover {
  color: #0385d8;
}
#index-body .i-news .right .swiper-slide p.pp {
  color: #7f7f7f;
}
#index-body .i-news .right .swiper-slide .more {
  display: inline-block;
  margin-top: .2rem;
}
#index-body p.pp{font-size: 14px;}

#index-body .i-honor {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
#index-body .i-honor{padding: 1rem 0;background: #f0f1f3;}
#index-body .i-honor .top h1{font-size: .59rem;color: #000000;font-weight: bold;text-transform: uppercase;line-height: 1.2;margin:0 0 .3rem}
#index-body .i-honor .top p{text-transform: uppercase;max-width: 7.4rem;line-height: 1.5;margin: 0 auto;}
#index-body .i-honor .lists {margin:.45rem 0 0;font-size:0}
#index-body .i-honor .lists>div{display:inline-block;padding:0 .15rem;margin:0 0 .3rem;text-align:center;width:20%}
#index-body .i-honor .lists p{font-size:.16rem;color:#333;margin:.15rem  0 0}



.layui-layer-move,.layui-layer-msg,.layui-layer-msg * {transition:none;}


#index-body .i-contact {
  padding: .55rem 0 .4rem;
  background: url(../images/contact-bg.jpg) no-repeat;
  background-size: 100% 100%;
}
#index-body .i-contact .contact-box {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
#index-body .i-contact .contact-box h2 {
  font-size: .4rem;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  text-transform: uppercase;
}
#index-body .i-contact .contact-box .left {
  width: 50%;
}
#index-body .i-contact .contact-box .left h2 {
  margin-bottom: .4rem;
}
#index-body .i-contact .contact-box .left p {
  font-size: .16rem;
  margin-bottom: .14rem;
  line-height: 1.2;
  color: #fff;
  opacity: 0.8;
}
#index-body .i-contact .contact-box .right {
  width: 50%;
  padding-left: 12%;
}
#index-body .i-contact .contact-box .right p.pp {
  color: #f1f1f1;
  line-height: 1;
  margin: .1rem 0 8px;
}
#index-body .i-contact .contact-box .right form input[type="text"] {
  width: 100%;
  height: 36px;
  border: none;
  border-radius: 3px;
  padding: 0 .1rem;
  margin-bottom: .1rem;
  font-size:.14rem;
  font-family: 'poppins-regular';
}
#index-body .i-contact .contact-box .right form input[name="checkcode"] {width:50%;margin:0 .15rem 0 0}
#index-body .i-contact .contact-box .right form img {width:20%;height:36px;margin:0 0 .1rem}
#index-body .i-contact .contact-box .right form .form-text {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#index-body .i-contact .contact-box .right form .form-text input[type="text"] {
  width: 49.5%;
}
#index-body .i-contact .contact-box .right form textarea {
  width: 100%;
  height: 1.1rem;
  border: none;
  border-radius: 3px;
  padding: .1rem;
  margin-bottom: .1rem;
  font-size:.14rem;
  font-family: 'poppins-regular';
}
#index-body .i-contact .contact-box .right form button {
    display: block;
  border: none;
  background: #000;
  width: .9rem;
  height: 36px;
  color: #fff;
  text-transform: uppercase;
  font-size: .2rem;
  border-radius: 3px;
  font-family: 'poppins-regular';
}
#index-body .i-contact .contact-box .right form input::-webkit-input-placeholder{ 
  font-size: .14rem;
      color: #424242; 
      font-family: 'poppins-regular';        
}   
#index-body .i-contact .contact-box .right form input::-moz-input-placeholder{ 
		font-size: .14rem;
      color: #424242;   
      font-family: 'poppins-regular';      
} 
#index-body .i-contact .contact-box .right form input::-moz-placeholder {
      font-size: .14rem;
      color: #424242;   
      font-family: 'poppins-regular'; 
}
#index-body .i-contact .contact-box .right form input::-ms-input-placeholder{
      font-size: .14rem;
      color: #424242; 
      font-family: 'poppins-regular';      
}

#index-body .i-contact .contact-box .right form textarea::-webkit-input-placeholder {
       font-size: .14rem;
      color: #424242;   
      font-family: 'poppins-regular';   
}

#index-body .i-contact .contact-box .right form textarea:-moz-placeholder {
       font-size: .14rem;
     color: #424242;    
     font-family: 'poppins-regular'; 
}
#index-body .i-contact .contact-box .right form textarea::-moz-placeholder {
          font-size: .14rem;
      color: #424242; 
      font-family: 'poppins-regular';
}
#index-body .i-contact .contact-box .right form textarea::-ms-input-placeholder {
       font-size: .14rem;
      color: #424242; 
      font-family: 'poppins-regular';  
}

#footer {
  position: relative;
}

#footer img {
  width: auto;
  transition: 0.5s ease;
  -webkit-transition: 0.5s ease;
  -moz-transition: 0.5s ease;
  -ms-transition: 0.5s ease;
  -o-transition: 0.5s ease;
}
#footer p {
  font-size: .12rem;
  color: #4a4a4a;
  line-height: 1.8;
  transition: 0.3s ease;
  -webkit-transition: 0.3s ease;
  -moz-transition: 0.3s ease;
  -ms-transition: 0.3s ease;
  -o-transition: 0.3s ease;
}
#footer h2 {
  font-size: .22rem;
  color: #3e3e3e;
  padding: .2rem 0 .3rem;
  font-weight: bold;
  text-transform: uppercase;
}
#footer .more {
  font-size: .12rem;
  color: #0385d8;
  font-weight: bold;
}
#footer .f-footer {
  margin-bottom: .2rem;
}
#footer .top {
  padding: .7rem 0;
  background-color: #f4f4f4;
}
#footer .top .topBox {
  display: flex;
  justify-content: space-between;
}
#footer .top .topBox .content ul li {
  font-size: .14rem;
  color: #424242;
  margin-bottom: 5px;
  transition: 0.3s ease;
  -webkit-transition: 0.3s ease;
  -moz-transition: 0.3s ease;
  -ms-transition: 0.3s ease;
  -o-transition: 0.3s ease;
  font-weight: bold;
}
#footer .top .topBox .content ul li:hover {
  color: #0385d8;
}
#footer .top .topBox .one {
  max-width: 3.8rem;
}
#footer .top .topBox .qr ul {
  text-align: center;
}
#footer .top .topBox .qr ul img {
  width: 2rem;
  height: auto;
}
#footer .bottom {
  padding: .4rem 0;
  background: #3f3f3f;
}
#footer .bottom .bottom-box {
  display: flex;
  justify-content: space-between;
}
#footer .bottom .bottom-box p {
  font-size: .14rem;
  color: #dbdbdb;
  opacity: 1;
}
#footer .bottom .bottom-box p a{color:#dbdbdb}
#footer .bottom .bottom-box p img {
  margin-left: 5px;
  display: inline-block;
  vertical-align: middle;
  width: 2rem;
  height: auto;
}
#footer .Stick {
  position: absolute;
}
/*通用内页*/
.inner-banner {position: relative;
padding-top: 2.3rem;
height: 6rem;
background: url("../images/inner-banner.jpg") no-repeat center;
background-size: cover;
text-align: center;
overflow: hidden;}
.inner-banner .inner-tit{color: #fff;
font-size: .56rem;
text-transform: capitalize;line-height:1.5}
.inner-banner .bread-crumbs{font-size: .18rem;text-transform: capitalize;color:#FFF}
.inner-banner .bread-crumbs a,.inner-banner .bread-crumbs  span{color:#FFF;font-size:.14rem;}
.inner-banner .bread-crumbs a:first-child+a{display:none;}
.sideBar {
  box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.1);
  position: relative;
  z-index: 5;
  background: #0385d8;
  height: .61rem;
}
.sideBar .inner-main-tit{line-height: .61rem;
color: #fafafc;
font-size: .256rem;
text-transform: capitalize;float:left;}
.sideBar .side-menu {
  position: relative;
  padding-top: .27rem;
  cursor: pointer;
  height: .61rem;
  float:right;
}
.sideBar .side-menu span.line {
  transition: 0.5s ease;
  -webkit-transition: 0.5s ease;
  -moz-transition: 0.5s ease;
  -ms-transition: 0.5s ease;
  -o-transition: 0.5s ease;
  display: block;
  width: 14px;
  height: 1px;
  background: #fff;
  margin-bottom: 3px;
}
.sideBar .side-menu.active span.line:first-of-type {
  transform: translate(0, 0) rotate(45deg) scale(1, 1) skew(0, 0) rotateX(0) rotateY(0);
  -webkit-transform: translate(0, 0) rotate(45deg) scale(1, 1) skew(0, 0) rotateX(0) rotateY(0);
  -moz-transform: translate(0, 0) rotate(45deg) scale(1, 1) skew(0, 0) rotateX(0) rotateY(0);
  -ms-transform: translate(0, 0) rotate(45deg) scale(1, 1) skew(0, 0) rotateX(0) rotateY(0);
  -o-transform: translate(0, 0) rotate(45deg) scale(1, 1) skew(0, 0) rotateX(0) rotateY(0);
  margin-bottom: -1px;
  margin-top: 6px;
}
.sideBar .side-menu.active span.line:nth-of-type(2) {
  display: none;
}
.sideBar .side-menu.active span.line:last-of-type {
  transform: translate(0, 0) rotate(-45deg) scale(1, 1) skew(0, 0) rotateX(0) rotateY(0);
  -webkit-transform: translate(0, 0) rotate(-45deg) scale(1, 1) skew(0, 0) rotateX(0) rotateY(0);
  -moz-transform: translate(0, 0) rotate(-45deg) scale(1, 1) skew(0, 0) rotateX(0) rotateY(0);
  -ms-transform: translate(0, 0) rotate(-45deg) scale(1, 1) skew(0, 0) rotateX(0) rotateY(0);
  -o-transform: translate(0, 0) rotate(-45deg) scale(1, 1) skew(0, 0) rotateX(0) rotateY(0);
}
.sideBar .side-menu .cat-list{position: absolute;
right: 0;
top: 100%;
background: #f7f7f7;
width: 1.84rem;
display: none;
z-index: 103;transition:none;}
.sideBar .side-menu .cat-list li{font-size:.16rem}
.sideBar .side-menu .cat-list li a{display: block;
line-height: .35rem;
color: #101010;
padding-left: .14rem;}
.sideBar .side-menu .cat-list li a:hover,.sideBar .side-menu .cat-list li.active a { color: #fff;  background: #0385d8;}
/*关于我们*/
.about-page .about-1{padding: .8rem 0;}
.inner-page h2{text-align: center;
font-size: .48rem;
color: #2b2b2b;
font-family: "bebasneue";
display: block;}
.grid-box{display: inline-block;width: 100%;}

.about-page .about-1 h2 {margin:0 0 .55rem;font-weight:bold}
.about-page .about-1 .box .grid-box{margin: 0 -.15rem;}
.about-page .about-1 .box .box2{padding-top: .4rem;}
.grid-box .column{float:left;}
.grid-box.two > .column{width:50%}
.about-page .about-1 .box .grid-box .column{  padding: 0 .15rem;  vertical-align: middle;}
.inner-page p{color: #525252;line-height: .4rem;font-size: .14rem;}
.inner-page video {max-width:100%;background:#000;}
.about-page .about-1 .box .box2 .right img{width:100%;transition:none}
.about-page .about-1 .box  	ul.four {padding:.3rem 0 0}
.about-page .about-1 .box  	ul.four li{text-align:center;float:left;width:20%;padding:0 .15rem;}
.about-page .about-1 .box 	ul.four li h3{font-size: .54rem;font-family: "bebasneue";}
.about-page .about-1 .box 	ul.four li h3 em {color: #0385d8;}
.about-page .about-1 .box 	ul.four li h3 sup{margin-left: 8px;font-size: .2rem;vertical-align:middle;}
.about-page .about-1 .box 	ul.four li p {font-size: .14rem;color: #666666;line-height: .24rem;margin: .1rem 0 0;}

.about-page .about-4{background: #eff6fa;
padding: .8rem 0;
text-align: center;}
.about-page .about-4 p{padding: .4rem 5%;}
.about-page .about-4 h2 {margin:0 0 .35rem;line-height:normal;}
.about-page .about-4 .box{padding: 0 .8rem;text-align:left}
.about-page .about-4 .box>div{display:inline-block;vertical-align:top;width:33.333%}
.about-page .about-4 .box .pic a{display:block;padding:.1rem .2rem;}
.about-page .about-4 .box .pic .imgs{}
.about-page .about-4 .box .pic .imgs img {width: 100%;
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
display: block;}
.about-page .about-4 .box .pic h4 {font-size: .2rem;font-family: "Roboto-Bold";color: #333;margin: .2rem 0 .1rem;}

.about-page .about-2{  background: #fff;  padding: .8rem 0;  text-align: center;}
.about-page .about-2 p{margin: .3rem 0 .4rem;padding: 0 5%;}
.about-page .about-2 .box .swiper-slide{padding:0 7px;}
.about-page .about-2 .box .swiper-slide a{display:block;}
.about-page .about-2 .box .swiper-slide img{width:100%;transition:none;}
.about-page .about-2 .box .swiper-slide p{font-size:.16rem;color:#333;text-align:center;margin:.15rem 0 0}

.factory-page{}
.factory-page .about-2 h2 {line-height:normal;font-weight:bold;}
.factory-page .about-2 .editor p{font-size:.18rem;color:#333;line-height:1.7}
.factory-page .box .item {display:flex;width:100%;    flex-direction: row;    align-items: center;}
.factory-page .box .item>div{width:50%;padding:5px 10px;}
.factory-page .box .item>div.text {padding:5px 10px 5px 30px}
.factory-page .box .item>div.text h5 {font-size:.28rem;color:#525252;line-height:.4rem;font-weight:bold;margin:0 0 5px;}
.factory-page .box .item.two{flex-direction: row-reverse;}
/**/
.product-page{padding:.7rem 0}
.inner-page .sidebar-box .sidebar-left{width: 34%;padding:.1rem .15rem .1rem .1rem;}
.inner-page .sidebar-box .sidebar-right{width: 66%;padding:.1rem .1rem .1rem .15rem;}
.inner-page .sidebar-box .sidebar-left .sidebar-nav{padding: .3rem;background: #edeff2;}
.inner-page .sidebar-box .sidebar-left .sidebar-nav ul li{margin:5px 0}
.inner-page .sidebar-box .sidebar-left .sidebar-nav ul li a{display: block;
text-transform: uppercase;
color: #072948;
font-family: "poppins-regular";
font-size: .14rem;
padding: .15rem .2rem;
background: #fff;
border-left: 4px solid #333;
-webkit-transition: .5s;
-moz-transition: .5s;
-ms-transition: .5s;
-o-transition: .5s;
transition: .5s;}
.inner-page .sidebar-box .sidebar-left .sidebar-nav ul li a i{float: right;font-size: .2rem;}
.inner-page .sidebar-box .sidebar-left .sidebar-nav ul li li a{background: #fbf9f7;border-color: #d7d7d7;}
.inner-page .sidebar-box .sidebar-left .sidebar-nav ul li li a::before{content: '-';
display: inline-block;
vertical-align: middle;
margin-right: 5px;}

.inner-page .sidebar-box .sidebar-left .sidebar-nav ul li:hover > a,
.inner-page .sidebar-box .sidebar-left .sidebar-nav ul li.active > a {
    background: #0385d8 none repeat scroll 0 0;
    color: #fff;
    border-left: 4px solid #072948;
}

.inner-page .sidebar-box .sidebar-left .sidebar-pdf{margin:.3rem 0}
.inner-page .sidebar-box .sidebar-left .sidebar-info{padding: .3rem;
background: url("../images/sidebar-info.jpg") center center;
  background-size: auto;
background-size: cover;
position: relative;
z-index: 1;
text-align: center;
color: white;}
.inner-page .sidebar-box .sidebar-left .sidebar-info h4{color: #fff;
font-size: .25rem;
text-transform: capitalize;
line-height: .3rem;
font-family: "poppins-regular";
font-weight: bold;
margin-bottom: .15rem;}
.inner-page .sidebar-box .sidebar-left .sidebar-info p{color: inherit;}
.inner-page .sidebar-box .sidebar-left .sidebar-info a.tel{color: #fff;
font-weight: 600;
font-family: 'Ubuntu', sans-serif;
letter-spacing: 1px;
margin: .2rem 0;
display: block;
font-size: .2rem;}
.inner-page .sidebar-box .sidebar-left .sidebar-info a.contact{display: inline-block;
text-align: center;
text-transform: uppercase;
font-family: 'poppins-regular', sans-serif;
font-weight: 600;
font-size: .14rem;
border: 2px solid #fff;
color: #0385d8;
background: #fff none repeat scroll 0 0;
padding: .12rem .35rem;
letter-spacing: 1px;
margin-top: .1rem;
-webkit-transition: .5s;
-moz-transition: .5s;
-ms-transition: .5s;
-o-transition: .5s;
transition: .5s;}
/*
.inner-page .sidebar-box .sidebar-left .sidebar-info::after{position: absolute;
content: "";
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #0385d8;
z-index: -1;
opacity: .83;}
*/
.product-page .product-list ul{margin:0}
.product-page .product-list ul li{padding:.1rem;width:33.3333%}
.product-page .product-list ul li .box{display: block;
background: white;
-moz-box-shadow: 0 0 8px rgba(125, 125, 125, 0.2);
-o-box-shadow: 0 0 8px rgba(125, 125, 125, 0.2);
box-shadow: 0 0 8px rgba(125, 125, 125, 0.2);}
.product-page .product-list ul li .box a.img-box{display:block}
.product-page .product-list ul li .box .content{display: block;
padding: .2rem .1rem;
text-align: center;}
.product-page .product-list ul li .box .content h3{
font-size: .16rem;
color: #111;
font-family: "poppins-regular";
-webkit-transition: .5s;
-moz-transition: .5s;
-ms-transition: .5s;
-o-transition: .5s;
transition: .5s;}
.product-page .product-list ul li .box .content h3 a{display:block;font-size: .16rem;color:#111}
.product-page .product-list ul li .box .content p{display: block;
font-size: .12rem;
color: #888;
line-height: .2rem;
font-family: "OpenSans-Regular";
margin: 5px 0;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;height:.2rem;}
.product-page .product-list ul li .box .content h5{display: block;
font-size: .14rem;
color: #0385d8;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
text-transform: uppercase;
font-family: "poppins-regular";
font-weight: bold;
margin: .1rem 0;}
.product-page .product-list ul li .box .content h5 a{color: #0385d8}
.product-page .product-list ul li .box .content a.more{display: inline-block;
vertical-align: middle;
line-height: .28rem;
height: .28rem;
padding: 0 .1rem;
border: 1px solid #0385d8;
font-size: .12rem;
font-family: "Poppins-Bold";
-webkit-transition: .5s;
-moz-transition: .5s;
-ms-transition: .5s;
-o-transition: .5s;
transition: .5s;
color: #0385d8;}
.product-page .product-list ul li .box .content a.more:hover{color: white;background: #0385d8;}
/**/
.inner-page .m-page{text-align:right;margin:.3rem 0 0;padding:.45rem 0;font-size:.16rem;}
.inner-page .m-page a{
display: inline-block;
text-align: center;
width: .45rem;
height: .35rem;
font-size: .15rem;
line-height: .35rem;
border-radius: 5px;
color: #fff;
font-weight: 500;
-moz-box-shadow: 0 2px 10px 0 #d8dde6;
-o-box-shadow: 0 2px 10px 0 #d8dde6;
box-shadow: 0 2px 10px 0 #d8dde6;
-webkit-transition: .5s;
-moz-transition: .5s;
-ms-transition: .5s;
-o-transition: .5s;
transition: .5s;
margin: 5px;
background-image: -webkit-linear-gradient(top, #575e63, #404549);
}
.inner-page .m-page a:hover {
    background: #0385d8 none repeat scroll 0 0;
    color: #fff;
}
.inner-page .m-page a.page-num-current{background-image: -webkit-linear-gradient(top, #adcae0, #3e505e);box-shadow: 0 2px 10px 0 #d8dde6;}
/*产品详情*/
.prodet-page{padding:.7rem 0}
.prodet-page .product-box .prodet-1 .left{width:60%;padding:.1rem}
.prodet-page .product-box .prodet-1 .left .big {position:relative}
.prodet-page .product-box .prodet-1 .right{padding:.1rem .1rem .1rem .15rem;width: 40%;}
.prodet-page .product-box .prodet-1 .right h3.title{font-size:.24rem;line-height:1.5}
.prodet-page .product-box .prodet-1 .right .text{font-size:.14rem;}
.prodet-page .product-box .prodet-1 .right .share{padding:.1rem 0}
.prodet-page .product-box .prodet-1 .right .share h4{display: inline-block;
vertical-align: middle;
font-size: .14rem;
font-family: "poppins-regular";}
.prodet-page .product-box .prodet-1 .right .share ul{display:inline-block;vertical-align:middle;}
.prodet-page .product-box .prodet-1 .right .share ul li{width: auto;
color: #666;
margin: 5px;
-webkit-transition: .5s;
-moz-transition: .5s;
-ms-transition: .5s;
-o-transition: .5s;
transition: .5s;
display: inline-block;padding:.1rem;}
.prodet-page .product-box .prodet-1 .right .share ul li a{font-size:.14rem;color:#666}
.prodet-page .product-box .prodet-1 .right a.tel{font-size: .18rem;
font-family: "poppins-regular";
color: #0385d8;
display: block;}
.prodet-page .product-box .prodet-1 .right a.contact{  display: inline-block;
  vertical-align: middle;
  line-height: .32rem;
  height: .32rem;
  background: #0385d8;
  color: white;
  padding: 0 .25rem;
  font-size:.14rem;
  margin-top: .1rem;text-transform:capitalize;
}
.prodet-page .product-box .prodet-1 #thumbs .swiper-slide {padding:5px;height:1.15rem;text-align:center;}
.prodet-page .product-box .prodet-1 #thumbs .swiper-slide img {height:1.15rem;object-fit:cover;transition:none;}

.prodet-page .product-box .prodet-1 .left .big .swiper-page>div{
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
text-indent: -9999em;
width: .4rem;
height: .4rem;
border: none;
background-color: rgba(0, 0, 0, 0.3);
z-index: 1;
background-size: 8px;
background-position: center center;
background-repeat: no-repeat;}
.prodet-page .product-box .prodet-1 .left .big .swiper-page>div.slide-button-prev{background-image: url("../images/banner-btn-l.png");left:.1rem;}
.prodet-page .product-box .prodet-1 .left .big .swiper-page>div.slide-button-next {background-image: url("../images/banner-btn-r.png");right: .1rem;}

.prodet-page .product-box .prodet-2{padding:.3rem 0}
.prodet-page .product-box .prodet-2 .options ul{background: #f8f8f8;}
.prodet-page .product-box .prodet-2 .options ul li{
width: auto;
margin-bottom: 0;
-webkit-transition: .5s;
-moz-transition: .5s;
-ms-transition: .5s;
-o-transition: .5s;
transition: .5s;
cursor: pointer;
cursor: hand;}
.prodet-page .product-box .prodet-2 .options ul li a{line-height: .4rem;
height: .4rem;
padding: 0 .2rem;
color: #3d474a;
border-radius: 0;
font-size: .15rem;
font-weight: 400;
text-transform: capitalize;display:block;}
.prodet-page .product-box .prodet-2 .options ul li a:hover, .prodet-page .product-box .prodet-2 .options ul li#current a{color: white;background: #0385d8;}
.prodet-page .product-box .prodet-2 .ret{padding:.2rem 0 0}
.prodet-page .product-box .prodet-2 .ret .content {font-size:.14rem;color:#000;line-height:1.5}
.prodet-page .product-box .prodet-2 .ret table{margin:5px 0}
table {
  margin-bottom: .2rem;
  word-break: break-word;
  width: 100% !important;
  height: auto !important;
  display: block;
  overflow: auto;
}
table tbody{display: table;
width: 100% !important;}
table tr{width: auto !important;
height: auto !important;}
table td, table th{padding: 5px .1rem;
width: auto !important;
height: auto !important;}
table tr:nth-child(2n){background: #eee;}
.prodet-page .product-box .prodet-2 .ret table td{border: 1px solid #eee;
font-size: .14rem;}
.prodet-page .product-box .prodet-2 .ret table tr:nth-child(2n){background: #f9f9f9;}

.prodet-page .product-box .prodet-3 h3.title{font-size:.24rem;}
.prodet-page .product-box .prodet-3 .swiper-slide {padding:.1rem;}
.prodet-page .product-box .prodet-3 .swiper-slide .box {display: block;
background: white;
-moz-box-shadow: 0 0 8px rgba(125, 125, 125, 0.2);
-o-box-shadow: 0 0 8px rgba(125, 125, 125, 0.2);
box-shadow: 0 0 8px rgba(125, 125, 125, 0.2);}
.prodet-page .product-box .prodet-3 .swiper-slide .box a.img-box {display:block}
.prodet-page .product-box .prodet-3 .swiper-slide .box a.img-box:hover img {transform:scale(1.1)}
.prodet-page .product-box .prodet-3 .swiper-slide .box .content {display: block;
padding: .2rem .1rem;
text-align: center;}
.prodet-page .product-box .prodet-3 .swiper-slide .box .content h3 a{
  font-size: .16rem;
  color: #111;
  font-family: "poppins-regular";
  -webkit-transition: .5s;
  -moz-transition: .5s;
  -ms-transition: .5s;
  -o-transition: .5s;
  transition: .5s;
  display:block;line-height:1.5
}
.prodet-page .product-box .prodet-3 .swiper-slide .box .content h5 a{display: block;
font-size: .14rem;
color: #0385d8;
text-transform: uppercase;
font-family: "poppins-regular";
font-weight: bold;}
.prodet-page .product-box .prodet-3 .swiper-slide .box .content p {
display: block;
font-size: .12rem;
color: #888;
line-height:.2rem;
font-family: "OpenSans-Regular";
margin: 5px 0 .1rem;
height: .6rem;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;}
.prodet-page .product-box .prodet-3 .swiper-slide .box .content a.more {display: inline-block;
vertical-align: middle;
line-height: .28rem;
height: .28rem;
padding: 0 .1rem;
border: 1px solid #0385d8;
font-size: .12rem;
font-family: "Poppins-Bold";
-webkit-transition: .5s;
-moz-transition: .5s;
-ms-transition: .5s;
-o-transition: .5s;
transition: .5s;
color: #0385d8;}
.prodet-page .product-box .prodet-3 .swiper-slide .box .content a.more i {
    margin-left: 5px;
}
.prodet-page .product-box .prodet-3 .swiper-slide .box .content a.more:hover {
    color: white;
    background: #0385d8;
}

.news-page .new-list {
  padding-top: .78rem !important;
}
.news-page .new-list li {
  padding-bottom: .52rem;
  margin-bottom: .65rem;
  border-bottom: 2px solid #777777;
}
.news-page .new-list li:last-child {
  margin-bottom: 0;
}
.news-page .new-list li .new-con .tit a {
    max-height: .48rem;
    overflow: hidden;
    font-weight: bold;
    display: block;
    color: #2f2f2f;
    font-size: .25rem;
    line-height: .24rem;
}
.news-page .new-list li .new-con .tit a:hover {
  color: #0385d8;
}
.news-page .new-list li .new-con .abst {
  color: #525252;
    font-size: .14rem;
    line-height: .3rem;
    margin: .35rem 0 .45rem;
}
.news-page .new-list li .new-con .abst a {
  color: #0385d8;
  font-weight: bold;
}
.news-page .new-list li .new-con .date span {
  color: #777777;
  font-size:.14rem;
}
.news-page .new-list li .new-con .date span:last-child {
  margin-left: .2rem;
  text-transform: capitalize;
}
.news-page .new-list li:last-child {
  margin-bottom: .5rem;
}
.news-page .new-list li .new-pic.five {
  width: 30%;
}
.news-page .new-list li .new-con.eleven {
  width: 100%;
}
.newdet-page .news {
  padding: .5rem 0 .6rem!important;
  color: #777777;font-size:.14rem;
}
.newdet-page .news .news_title h1 {
  padding-bottom: .1rem;
  font-size: .3rem;
  text-align: center;
  color: #222;
}
.newdet-page .news .news_date {
  text-align: center;
  line-height: .22rem;
  border-bottom: 1px solid #555;
  padding-bottom: 5px;
}
.newdet-page .news .news_abst {
  border-bottom: 1px solid #555;
  padding: .1rem 0;margin:0 0 .35rem;
}
.newdet-page .news .news_abst p {
  display: inline-block;
}
.newdet-page .news .imgs {margin:0 0 .35rem}
.newdet-page .news .news_contents {
  color: #555;
  line-height: .24rem;
  clear: both;
  margin-top: .1rem;
  border-bottom: 1px solid #555;
  padding: .2rem 0 .4rem;
}
.newdet-page .news .news_contents a {
  color: #555;
  font-size: .16rem;
  line-height: .24rem;
}
.newdet-page .news .news_contents p, .newdet-page .news .news_contents div, .newdet-page .news .news_contents span, .newdet-page .news .news_contents table {
  color: #555;
  font-size: .14rem;
  line-height: .24rem;
  clear: both;
}
.newdet-page .news .news_next {
  width: 99%;
  margin-top: 0px;
  padding-left: 5px;
  border-top: 0px solid #CCC;
  text-align: left;
  padding-top: .1rem;
}
.newdet-page .news .news_next a {
  width: 100%;
  height: .25rem;
  line-height: .25rem;
  color: #777;
  font-size: .15rem;
  margin-left: 5px;
}
.newdet-page .news .news_next a:hover {
  width: 100%;
  height: .25rem;
  line-height: .25rem;
  color: #000;
}
.newdet-page .news .newsnav {
  margin-bottom: .3rem;
}

.faq-page .editor h2 {text-align:center;padding:.7rem 0 .3rem}
.faq-page .editor p{font-size:.14rem;color:#525252;text-align:justify;line-height:2;padding:5px 0 0;margin:.2rem 0 0}
.faq-page .faq-list{padding:.88rem 0 1.15rem;}
.faq-page .faq-list dt{box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.5);
-webkit-box-shadow: 0 0 6px 0 rgb(199, 199, 199);
-moz-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.5);
-ms-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.5);
-o-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.5);
padding: .16rem .3rem .14rem;
background-color: #eaeaea;
font-size: .18rem;
cursor: pointer;
color: #0e0e0e;
margin-bottom: .12rem;
transition: 0.5s ease;position:relative}
.faq-page .faq-list dt:before,.faq-page .faq-list dt:after{content:"\f067";font:normal normal normal 14px/1 FontAwesome;position:absolute;right:.3rem;top:50%;transform:translateY(-50%);font-size:.18rem;color:#0e0e0e;transition:all .35s ease-in-out}
.faq-page .faq-list dt:after{content:"\f068";opacity:0}
.faq-page .faq-list dt:hover, .faq-page .faq-list .opens dt{background: #0385d8;color: #fff;}
.faq-page .faq-list dt:hover:before,.faq-page .faq-list .opens dt:before,.faq-page .faq-list .opens dt:after{color:#FFF}
.faq-page .faq-list .opens dt:before{opacity:0}
.faq-page .faq-list .opens dt:after{opacity:1}
.faq-page .faq-list dd{font-size: .14rem;
line-height: .22rem;
color: #757575;
background: #eee;
padding: .15rem .3rem;
margin-bottom: .12rem;
display: none;transition:none}

.contact-page .map {position:relative}
.contact-page .map #container {height:3.92rem;}
.button-group{position: absolute;
bottom: .2rem;
right: .2rem;
font-size: .12rem;
padding: .1rem;}
.button-group .button{
height: .28rem;
line-height: .28rem;
background-color: #0385d8;
color: #FFF;
border: 0;
outline: none;
padding-left: 5px;
padding-right: 5px;
border-radius: 3px;
margin-bottom: 4px;
cursor: pointer;}

.contact-page .c-info{padding: .98rem 0 1.1rem;background: #fafafc;}
.contact-page .c-info .c-info-box{width:50%;float:left}
.contact-page .c-info .c-info-box h3 {color: #0385d8;font-size: .48rem;font-family: bebasneue;margin:0 0 .2rem}
.contact-page .c-info .c-info-box p{font-size: .16rem;color: #000;padding-right: .1rem;line-height: .25rem;}
.contact-page .c-info .c-info-box h5 {font-size: .24rem;color: #000;font-weight: bold;padding-bottom: .15rem;line-height:.4rem}
.contact-page .c-info .c-info-box .text p{font-size:.14rem;}
.contact-page .c-info .c-info-box .text p em {display:inline-block;margin:0 .1rem 0 0}

.contact-page .cn-form{width: 48%;
padding: .25rem .35rem .65rem;
border: 1px solid #dddddd;
background: #fff;float:right}
.cn-form .formtit{margin-bottom: .26rem;
font-size: .22rem;
font-weight: bold;
line-height: .23rem;
color: #545454;
text-align: center;
padding-bottom: .18rem;}
.cn-form .m-form-l{width:49%;float:left}
.cn-form .m-form-r{width:49%;float:right}
.cn-form li{margin:0 0 13px;color:#444;font-size:.14rem;}
.cn-form li label{font-weight: 600;display: block;margin-bottom: 5px;font-size: .14rem;}
.cn-form .m-form-l li .iptTxt{
font-size: .13rem;
padding: 0 .15rem;
transition: 0.2s linear;
-webkit-transition: 0.2s linear;
-moz-transition: 0.2s linear;
-ms-transition: 0.2s linear;
-o-transition: 0.2s linear;
width: 100%;
border: 1px solid #dedede;
height: 40px;
outline: none;
background: #fff;
color: #777;}
.cn-form .yzm{font-size:0}
.cn-form .yzm input{font-size: .13rem;
padding: 0 .15rem;
width: 63.6%;
border: 1px solid #dedede;
height: 30px;
outline: none;
background: #fff;
color: #777;display:inline-block;vertical-align:middle;}
.cn-form .yzm img{width: 36.4%;
display: inline-block;height:30px;vertical-align:middle;}
.cn-form .btnTjly{font-size: .15rem;
transition: 0.4s ease;
-webkit-transition: 0.4s ease;
-moz-transition: 0.4s ease;
-ms-transition: 0.4s ease;
-o-transition: 0.4s ease;
width: 100%;
height: 38px;
background: #0385d8;
border: none;
cursor: pointer;
color: #fff;}
.cn-form .btnTjly:hover {background:#000}
.cn-form .m-form-r textarea{height: 315px;
width: 100%;
border: 1px solid #dedede;
font-size: .13rem;
padding: .1rem .15rem;
transition: 0.2s linear;
-webkit-transition: 0.2s linear;
-moz-transition: 0.2s linear;
-ms-transition: 0.2s linear;
-o-transition: 0.2s linear;}
/********<=767 mobile nav style css********/
.fl-page{position:relative;top:-1.5rem;}

.m-header {background:#FFF;box-shadow:0 0 12px rgba(0,0,0,0.2)}
.m-header >.col-xs-6>div {color:#333}
.m-header >.col-xs-6 img {max-height:45px;}
.st-container .st-menu {background:#0e6eb8;
	-webkit-transition: all .6s cubic-bezier(.77,0,.175,1) 0s;
    -o-transition: all .6s cubic-bezier(.77,0,.175,1) 0s;
     transition: all .6s cubic-bezier(.77,0,.175,1) 0s;
}
.st-container .st-menu ul li a {color:#FFF;position:relative;font-size:.25rem}
.st-container .st-menu ul li>a:hover,.st-container .st-menu ul li.active>a {background:#f39800;box-shadow:0 4px 8px rgba(0,0,0,0.2);border-radius:5px;color:#FFF}
.st-container .st-menu ul li>a>i {position:absolute;right:1em;top:50%;transform:translateY(-50%);color:#FFF}
.st-container .st-menu ul li.active>a>i,.st-container .st-menu ul li>a:hover>i {color:#FFF}
.st-container .st-menu ul li>dl {transition:none;margin:0}
.st-container .st-menu ul li>dl dd a {background:none;box-shadow:none;color:#FFF;padding-left:0}
.st-container .st-menu ul li>dl dd a i {padding-right:10px;}
.st-container .st-menu ul li>dl dd.on2 a,.st-container .st-menu ul li>dl dd a:hover {color:#f39800}
.st-container .st-menu ul li>dl dd.on2 a i,.st-container .st-menu ul li>dl dd a:hover i {padding-right:16px}
.st-effect-1.st-menu {display:block;}
/********<=767 mobile nav style css 2********/

/**************************/
@media(max-width:1440px){
	.tem_banner .swiper-slide .txt .left{padding:0 .35rem;}
}
/******ipad****/
@media(max-width:990px){
	body{overflow-x:hidden;}
	.st-menu {display:block;}	
	.header {display:none;}
	.m-header,.m_header2  {top:0;opacity:1;}
	
	.tem_banner{padding:50px 0 0}
	
	.cn-form .m-form-l li .iptTxt,.cn-form .m-form-r textarea,.cn-form .btnTjly,.cn-form .yzm input{font-size:12px;}
	
}
/********mobile*********/
@media(max-width:767px){
	.tem_banner .swiper-slide .txt .left h1{font-size:.6rem}
	.tem_banner .swiper-slide .txt .left h2{font-size:.4rem}
	.tem_banner .swiper-slide .txt .left h3{font-size:.2rem}
	.tem_banner .swiper-slide .txt .left .more > a{font-size:.18rem}
	#index-body .i-product .productBox .slide-button-prev{left:2.2%;z-index:1}
	#index-body .i-product .productBox .slide-button-next{right:2.2%;z-index:1}
	#index-body .i-why .whyBox{padding:0}
	#index-body .i-news,#index-body .i-honor,#index-body .i-contact .contact-box{display:block;}
	#index-body .i-news .left,#index-body .i-honor .left,#index-body .i-honor .right{width:100%}
	#index-body .i-news .right{width:100%;padding:.7rem 0 0}
	#index-body .i-contact .contact-box .left,#index-body .i-contact .contact-box .right{width:100%}
	#index-body .i-contact .contact-box .right{padding:.7rem 0 0}
	#footer .top{display:none;}
	.about-page .about-1 .box ul.four li{width:50%;margin:0 0 .35rem      }
	.inner-page .sidebar-box .sidebar-left{display:none}
	.inner-page .sidebar-box .sidebar-right{width:100%}
	.prodet-page .product-box .prodet-1 .left,.prodet-page .product-box .prodet-1 .right,.news-page .new-list li .new-pic.five,.news-page .new-list li .new-con.eleven {width:100% !important;}
	.news-page .new-list li .new-con.eleven{padding:0}
	.contact-page .c-info .c-info-box,.contact-page .cn-form{width:100%}
	.cn-form li label{font-size:12px;}
	
	#index-body .i-about .editor .nums>div,#index-body .i-honor .lists>div{width:50%}
	#index-body .i-about .editor .nums{    flex-direction: row;    flex-wrap: wrap;}
	.product-page .product-list ul li{width:50%}
	.about-page .about-4 .box{padding:0}
	.about-page .about-4 .box>div{width: 50%;	}
	.inner-page video{height:auto;width:100%}
	.about-page .about-1 .box .grid-box{margin:0 auto;}
}