body{}
.container{
  margin:0 auto;max-width:1450px;width: 94%;
  
}
.wrap,.mshow{
  display: none;
}
.pc,.pcshow{
  display: inline-block;
}
.top_r{
  display: none;
}
.alltit h2{position: relative;font-size: 26px;line-height: 36px;font-weight: 600;text-align: center;padding-bottom: 15px;}
.alltit h2::after {content: "";position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);height: 4px;width: 40px;background: #06599b;border-radius: 4px;}
header{
  height: 100px;
  position: fixed;
  left: 0;right: 0;top: 0;
  background: #ffffff;
  z-index: 999;
  -webkit-transition:all .5s; -moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s
}
header.on{box-shadow: 0 0 20px rgba(0, 0, 0, .2);
}


header .container{
  height: 100%;
}
header .logo{
  float: left;
  max-width: 300px;
  position: relative; 
  top: 50%;
  transform:translateY(-50%);
  -webkit-transform:translateY(-50%);
  -webkit-transition:all .5s; -moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s
}
header .logo img{
  width: 100%;
}



header .lang{
  float: right;
  top: 50%;
  transform:translateY(-50%);
  -webkit-transform:translateY(-50%);
  position: relative;
}
header .lang li{
  position: relative;
  float: left;
  margin-left: 25px;
  height: 28px;
}
header .lang li:after{content:" ";position:absolute;bottom:0;left:0%;width:0%;height:2px;border-radius:3px;background-color:#009cdf;-webkit-transition:all 250ms ease-out 0ms;transition:all 250ms ease-out 0ms;opacity:0;visibility:hidden;}
header .lang li:hover:after{
  -webkit-transform:none !important;transform:none !important;
    -webkit-transition:all 250ms ease-out 0ms;
    transition:all 250ms ease-out 0ms;opacity:1;visibility:visible;width: 100%;
}


/*导航*/
header .menu{
  float: right;
  height: 100%;
  
}
header .menu > ul >  li {

  float: left;
  margin-left: 35px;
 
  color: #4c5150;
  font-size: 16px;
}
header .menu > ul >  li > span a:hover{
  color: #4c5150 !important;
}
header .menu > ul >  li > span{
  line-height:100px;
}


header .menu > ul >  li.item.active span a{
  color: #009cdf;
}
header .menu > ul >  li.item.active span i{
  color: #009cdf;
}

header .menu > ul >  li.item span:hover a{
  color: #009cdf !important;
}
header .menu > ul >  li.item span:hover i{
  color: #009cdf !important;
}



header .menu > ul >  li  .secNav{
  position: absolute;
  left: 0;right: 0;top: 100%;background: #ffffff; 
  padding: 30px 0; overflow: hidden;opacity: 0;visibility: hidden;height:0;
  box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
      z-index: 5;
}
header .menu > ul >  li  .secNav.on{
	 -webkit-transition:all 1s;transition:all 1s;
	  opacity: 1;
    visibility: visible;height:600px;
}
header .menu > ul >  li  .secNav .box{max-width: 1300px;width: 90%;margin: 0 auto;}
header .menu > ul >  li  .secNav.ot .box{max-width: 1200px;width: 90%;}
header .menu > ul >  li  .secNav.ot .box .leftMenu li{float: left; width: 50%;  padding: 5px 0;}
header .menu > ul >  li  .secNav.ot .box .leftMenu li a{font-size: 14px;}
header .menu > ul >  li  .secNav.ot .box .leftMenu{width: 600px;}
header .menu > ul >  li  .secNav.ot .box .midMenu{width: 300px;}

header .menu > ul >  li  .secNav.ot.on{
    visibility: visible;height:330px;
}

header .menu > ul >  li  .secNav .box .tit{
  margin-top: 20px;
}
header .menu > ul >  li  .secNav .box .tit i{
  display: inline-block;
  transform:rotate(-90deg); -ms-transform:rotate(-90deg);
}


header .menu  .leftMenu{
  float: left;
  width: 300px;
  height: auto; min-height: 210px; border-right: 1px solid #dadada;
}
header .menu  .leftMenu::-webkit-scrollbar {
  width: 4px;
  background: #f1f1f1;
  border-radius: 10px;
}

header .menu  .leftMenu::-webkit-scrollbar-thumb {
  background-color: #06599b;
  border-radius: 10px;
}

header .menu  .midMenu::-webkit-scrollbar {
  width: 4px;
  background: #f1f1f1;
  border-radius: 10px;
}

header .menu  .midMenu::-webkit-scrollbar-thumb {
  background-color: #06599b;
  border-radius: 10px;
}





header .menu  .leftMenu li{
  padding: 8px 0;
}
header .menu  .leftMenu li a{font-size: 16px;}
header .menu  .leftMenu li i{
  transform:rotate(-90deg); -ms-transform:rotate(-90deg);
  display: inline-block;
}

header .menu  .midMenu{
  float: right;
  width: calc(100% - 350px);
  
}

header .menu  .midMenu > ul > li{
  float: left;
  width: 33.33%;
  margin-bottom: 20px;padding: 0;margin-top: 0;

}
header .menu  .midMenu >ul > li.on ,header .menu  .midMenu > ul > li.on  a{
  color: #06599b;
}


header .menu  .midMenu > ul{
  width: 96%;
  margin: 0 auto;
}
header .menu  .midMenu > ul > li a{
  font-size: 14px;font-weight: 400;
}
header .menu  .midMenu > ul{
  display: none;
}
header .menu  .midMenu > ul.on{
  display: block;
}
header .menu  .midMenu  .con {
float: right;
}
header .menu  .midMenu  ul li  h4{
  padding: 10px 0;
  display: block;
}
header .menu  .midMenu  > ul  > li  h4 a{font-weight: 600 !important
}

header .menu  .midMenu  > ul  > li  h4 a i{
  display: inline-block;
  transform:rotate(-90deg); -ms-transform:rotate(-90deg);
}




header .menu  .midMenu  ul li ul li{
  height: 30px;line-height: 30px;
}
header .menu  .midMenu  ul li ul li a{
  font-size: 14px;font-weight: 400;
}

header .menu  .midMenu.pc{
  height: auto;
}

@media screen and (min-width: 1200px) {
header .menu .l-pro{padding-right:20px;}
header .menu .l-pro li a{position: relative; padding: 0px 15px; width:100%; display: block; }
header .menu  .l-pro li.on a,header .menu  .l-pro li.on{background: #06599b;color: #ffffff;}
} 

/*banner*/
.bannerHome {margin-top: 100px;
  position: relative;z-index: 1;
}
.bannerHome img{width: 100%;}
.bannerHome .swiper-pagination-bullet{ 
  width:10px; height:10px; border-radius:50%; 
 background:rgba(255, 255, 255,.5); opacity: 1;
 margin: 0 5px;
}
.bannerHome .swiper-pagination-bullet-active{ 
  width: 10px;
  height: 10px;
  background: #ffffff;
  border-radius: 5px;
  position: relative;
}
.bannerHome .swiper-pagination{
  bottom: 6%;width: auto;
  left: 50%;
  transform:translateX(-50%);
-webkit-transform:translateX(-50%);
}
.bannerHome  .swiper-button-next{
  background:none;right: 30px;
}
.bannerHome  .swiper-button-next i{
    font-size: 55px;  color: #ffffff;
    transform:rotate(180deg); -ms-transform:rotate(180deg);
    display: inline-block;
}


.bannerHome  .swiper-button-prev{
  background:none;left: ;: 30px;
}

.bannerHome  .swiper-button-prev i{
    font-size: 55px;  color: #ffffff;
    display: inline-block;
}

/* 多个语言 */
.H-lang {position: relative;float: right;
  top: 50%;
  transform:translateY(-50%);
  -webkit-transform:translateY(-50%);
}
.H-lang .Hlang-menu {display: block;width: auto;height: 100%;transition: none;-webkit-transition: none;font-size: 16px;text-align: center;color: #666;line-height: 80px;}
.H-lang .Hlang-menu i{
  display: inline-block;vertical-align: middle;
  float: left;margin-left: 20px;margin-right: 5px;
}

.H-lang  .Hlang-box {padding: 16px 0px;z-index: 4;width: 128px;box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.2);background: #fff;position: absolute;top: 80px;left: 50%;display: none;margin-left: -64px;}
.H-lang  .Hlang-box:before {content: "";display: block;width: 0px;height: 0px;border-style: solid;border-width: 0 8px 8px;border-color: transparent transparent #efefef transparent;position: absolute;top: -8px;left: 50%;margin: 0 0 0 -4px;}
.H-lang  .Hlang-box a {display: block;padding: 5px 10px 5px 44px;line-height: 30px;background-repeat: no-repeat !important;background-position: 14px center !important;font-size: 16px;color: #666;}
.H-lang  .Hlang-box a:hover {color: #fff !important;background: #1f5dcb;}
.H-lang  .Hlang-box a.CN {background-image: url('../images/icon-cn.png');}
.H-lang  .Hlang-box a.JP {background-image: url('../images/icon-jp.png');}
.H-lang  .Hlang-box a.EN {background-image: url('../images/icon-en.png');}
.H-lang  .Hlang-box a.ES {background-image: url('../images/icon-es.png');}
.H-lang   .Hlang-box a.FR {background-image: url('../images/icon-fr.png');}
.H-lang  .Hlang-box a.RU {background-image: url('../images/icon-ru.png');}
.H-lang  .Hlang-box a.BR {background-image: url('../images/icon-br.png');}
.H-lang  .Hlang-box a.DE {background-image: url('../images/icon-de.png');}
.H-lang.ontrue .Hlang-box {display: block;animation: fadeInUpV .6s ease-in-out;-webkit-animation: fadeInUpV .6s ease-in-out;}

/*如何购买*/
.H-lang_buy {
float: right;height: 100%;
position: relative;
}
.H-lang_buy .Hlang-menu {display: block;width: 116px;transition: none;-webkit-transition: none;font-size: 16px;text-align: center;color: #666;line-height: 35px;}
.H-lang_buy .Hlang-menu i{
  display: inline-block;vertical-align: middle;
  float: left;margin-left: 20px;
}
.H-lang_buy .Hlang-menu  b{
  display: inline-block;
  margin-left: 5px;
}
.H-lang_buy .Hlang-menu{
  border: 1px solid #dedede;border-radius: 100px;
  height: 35px;line-height: 30px;
  display: inline-block;
  float: right;
  position: relative;
  top: 50%;
  transform:translateY(-50%);
  -webkit-transform:translateY(-50%);
   
}
.H-lang_buy .Hlang-box {padding: 16px 10px;z-index: 4;width: 128px;box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.2);background: #fff;position: absolute;top: 90%;left: 50%;display: none;margin-left: -64px; }
.H-lang_buy .Hlang-box a{font-size: 14px}
.H-lang_buy .Hlang-box:before {content: "";display: block;width: 0px;height: 0px;border-style: solid;border-width: 0 8px 8px;border-color: transparent transparent #efefef transparent;position: absolute;top: -8px;left: 50%;margin: 0 0 0 -4px;}
.H-lang_buy.ontrue .Hlang-box {display: block;}
.H-lang_buy.ontrue .Hlang-box a{
  display: block;line-height: 30px;background-repeat: no-repeat !important;background-position: 14px center !important;font-size: 16px;color: #666;
  padding-left: 10px;
}

/*搜索*/
.Header-search{float: right;
  top: 50%;
  transform:translateY(-50%);
  -webkit-transform:translateY(-50%);
  position: relative;z-index: 2;
}
.Header-search-click{width: 48px;height: 80px;background:transparent url('../images/search.png') no-repeat center;cursor: pointer;user-select: none;}
.Header-search-click.ontrue{background:transparent url('../images/close.png') no-repeat center;}


.Header-search-message{width:800px;height: 80px;position: absolute;
  z-index: 99;background: #ffffff;right: 0;top: 0;display: none;
  transform:translateX(calc(-100% + 48px));
  left: 0;
}
.Header-search-words{width: 100%;margin: 0 auto;background: #009cdf;}
.Header-search-wordsform{float: right;height: 80px;line-height: 80px;font-size: 0;width: 100%;}
.Header-search-submit{width: 54px;height: 80px;background: url('../images/search.png') no-repeat center center;cursor: pointer;display: inline-block;vertical-align: middle; border: none;}
.Header-search-input{width:calc(100%  - 150px);height: 40px;display: inline-block;vertical-align: middle;outline: none;border: none;font-size: 16px;color: #333;margin-right: 40px;border-bottom: 1px solid #dadada;}
.Header-search input{outline: none;}

.Header-search-close{width: 54px;height: 80px;background: url('../images/close.png') no-repeat center center;cursor: pointer;display: inline-block;vertical-align: middle;user-select: none;
float: right;
}













.titMax {
  margin-top: 60px;overflow: hidden;
}
.titMax h1{
  display: inline-block;
  float: left;
  font-size: 35px;color: #333333;
}
.titMax  .nav{
  float: right
}

.titMax  .nav a{
  display: inline-block;font-size: 14px;color: #888888;
  height: 40px;line-height: 40px;
  border: 1px solid #dddddd;padding: 0 10px;
  margin-left: 15px;
}
.titMax  .nav a.on{
  background: #06599b;color: #ffffff;
}
.titMax  .nav a.on:hover{
  color: #ffffff !important;
}
.titMax .more{
  display: inline-block;
  float: right;
  background-image: url(../images/ico_c.png);
  background-position: right center;
  background-repeat: no-repeat;
  padding-right: 180px;
  color: #055a9d;font-size: 18px;
}




.rvcImg{position: relative;margin-top: 60px;z-index: 1; display: none;}
.rvcImg.show{display: block;}
.rvcImg .swiper-container{
  padding-bottom: 10px;
}

.rvcImg .swiper-slide{

  padding-bottom: 10px;
  background: #f2f2f2;
  padding: 15px;

}
.rvcImg .swiper-slide h3{
  font-size: 16px;
  margin-top: 15px;
}

.rvcImg .swiper-slide p{
  font-size: 12px;
  color:#999999;
  margin-top: 5px;
}



.rvcImg .swiper-slide i{
  display: flex;
  height: 250px;
  justify-content: center;
  align-items: center;  background: #ffffff;
  border-radius: 5px;
}
.rvcImg .swiper-slide img{
  display: block;max-width: 100%;
  max-height: 200px;
}



.rvcImg  .swiper-button-next{

  width: 50px;
  height: 50px;
  transform:translateX(110%);
  -webkit-transform:translateX(110%);

  background-image: url(../images/ico_right.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  right: 0;
}

.rvcImg  .swiper-button-prev{
  width: 50px;

  height: 50px;
  transform:translateX(-110%);
  -webkit-transform:translateX(-110%);

  background-image: url(../images/ico_left.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  left: 0;

}


.bgs{
  background: #f2f2f2;
  overflow: hidden;
  margin-top: 50px;
  padding-bottom: 50px;
}

.about{margin-top: 40px; overflow: hidden;}
.about .js{float: left; width: 60%;}
.about .js p{line-height: 2; text-indent: 2em;}
.about .pic{float: right; width: 35%;}
.about .pic img{width: 100%;}
.about-more{margin-top: 30px; margin-bottom:10px;}
.about-more a {border: 1px solid #e5e9ed; padding: 10px 20px;transition: all 0.6s;}
.about-more i {padding-left: 8px;}
.about-more a:hover{border: none; background-color: #06599b; color: #fff;}

/*新闻资讯*/
.carousel{
  position: relative;
  overflow: hidden;
  margin-top:50px;
}
.carousel{
  float: left;width: 430px;
}
.carousel .img img{
  display: block;width: 100%;max-height: 237px;
}

.carousel .swiper-slide{
  background: #ffffff;
  height: 460px;
}
.carousel .swiper-pagination-bullet{ 
  width:10px; height:10px; border-radius:50%; 
 background:#b2b2b2; opacity: 1;
 margin: 0 5px;
}
.carousel .swiper-pagination-bullet-active{ 
  width: 10px;
  height: 10px;
  background: #06599b;
  border-radius: 5px;
  position: relative;
}
.carousel .swiper-pagination{
  bottom: 2%;width: auto;
  left: 5%;

}
.carousel .swiper-slide .title{
   font-size: 18px;color: #333333;
   padding: 20px 20px;
   line-height: 1.5;
}

.carousel .swiper-slide .desc{
   font-size: 16px;color: #999999;
   padding: 0px 20px;
   line-height: 1.5;
}

.newsBox{
  float: right;
  width: calc(100%  - 460px);
  margin-top:50px;
}

.newsBox li{
  float: left;
  margin-right: 30px;
  margin-bottom: 30px;
  background: #ffffff;
  height: 215px;
  width: calc((100% - 30px)/2);
  padding: 25px;
}
.newsBox li:nth-child(2n){
  margin-right: 0;
}
.newsBox li .title a{
  font-size: 18px;
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
  display: inline-block;
  width: 100%;
}

.newsBox li .date{
  color: #bfbfbf;font-size: 16px;
  margin: 10px 0;
}

.newsBox li i{
  font-size: 20px;
}

.newsBox li .desc{
  font-size: 16px;color: #999999;
  line-height: 1.5;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;

}

.project{
  position: relative;
  margin: 80px 0;z-index: 1; overflow: hidden;
}
.project .swiper-slide{
  overflow: hidden;
  width: 25%;transition: all 0.4s;
  position: relative;
}
.project .swiper-slide img{min-width: auto;display:block;}

.project  .swiper-slide.swiper-slide-active{

   
}

.project  .swiper-slide:hover{
  width:600px;
}

.project  .swiper-button-next{

  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.3);
  color: #ffffff;
  font-size: 20px;
  display: flex;align-items: center;
  justify-content: center;

}

.project  .swiper-button-prev{
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.3);
  color: #ffffff;
  font-size: 20px;
  display: flex;align-items: center;
  justify-content: center;
}

.project .box{
position: absolute;
    bottom: -75%;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    display: block;
    padding: 9% 50px 0;
    transition: bottom .3s;
}
.project .box h1{
  font-size: 20px;color: #ffffff;
}



.project .desc{
  color: #ffffff;font-size: 16px;
  line-height: 1.5;
  margin-top: 20px;

}

.project .more{

  background: rgba(0, 0, 0, 0.3);
  color: #ffffff;
  font-size: 20px;
  display: flex;align-items: center;
  justify-content: center;
  border-radius: 50%;
  width: 30px;height: 30px;
  border: 1px solid rgba(255, 255, 255,.5);
  margin-top: 20px;
}
.project .swiper-slide:hover  .box{bottom:-25%;}
.project .swiper-slide .bg {
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        background: #fff;
        z-index: 1;
        opacity: 0;
        filter: alpha(opacity=0)
    }

.project .swiper-slide .font-bg {
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        background: #000;
        z-index: 1;
        opacity: 0;
        filter: alpha(opacity=0);
        transition-property: opacity;
        transition-duration: .3s;
        transition-delay: .2s
    }
.project .swiper-slide:hover .font-bg {
        opacity: .3;
        filter: alpha(opacity=30)
    }
/*右侧客服*/



.customer{
  position: fixed;
  right: 0;top: 50%;
  margin-top: -50px;
  z-index: 2;
}

  
  
.customer .box{
  width: 70px;
  height: 70px;
  background: #a95c27;
  margin-bottom: 10px;
  position: relative;

}
.customer .box .box2{
  position: absolute;
  right: 0;top: 0;bottom: 0;
  background: #ffffff;
  -webkit-transition:all .9s;transition:all .9s;
  box-shadow:0px 0px 10px 0px #cccccc;
  
}
.customer .box .box2{
  overflow: hidden;width: 0;
}
.customer .box .box2 .box3{
  padding-right: 75px;line-height: 70px;
  padding-left: 10px;
  position: relative;
}
.customer .box .box3 span{
  position: absolute;
  display: inline-block;
  width: 120px;
}

  
.customer .box i{
  display:flex;
  width: 70px;
  height: 70px;
  background: #ffffff;
  align-items: center;
  justify-content: center;
  position: relative;z-index: 2;
  color: #808695;font-size: 25px;
  box-shadow:0px 0px 10px 0px #cccccc;
  cursor: pointer;
}
.customer .box:hover i{

}
.customer .box.back i{
  background: #ffffff;color: #808695;
}
.customer .box:hover .box2{
  width: 200px;
}

.customer .box2pic{
  position: absolute;
  width: 120px;right: 80px;top: 0;
  display: none;
}
.customer .box .box2pic img{
  width: 100%;
}
.customer .box:hover  .box2pic{
  display: block;
}



/*底部*/
footer{
  background-image: url(../images/footbg.png);
  background-position: center top;
  background-repeat: no-repeat;
  background-size:  100% 100%;
  padding-top: 50px;
  min-height: 300px;
  overflow: hidden;
  padding-bottom: 30px;
}



.footnav{
  float: left;
  width: 80%;
}
.footnav > ul >li{
  float: left;
  width: 100px;
  margin-right: 80px;
}
.footnav > ul >li:last-child(1){
  margin-right: 0;
}
.footnav > ul >li:last-child{margin-top: 20px;}
.footnav > ul >li a{
  font-size: 16px;color:#888888
}
.footnav > ul >li .tit{
  font-size: 16px;color: #888888;

  height: 35px;position: relative;
}
.footnav > ul >li .tit::after{
  content: '';
  position: absolute;
  left: 0;width: 33px;
  height: 1px;
  background: #333333;bottom: -1px
}
.footnav   ul ul {
  margin-top: 15px;
}
.footnav   ul ul li{
  line-height: 30px;
}
.footnav   ul ul li a{
  font-size: 14px;color: #888888;
}



footer .address{
  float: right;
  width: 20%;
  font-size: 16px;
  line-height: 2;
}
footer .address .tit i{
  margin-left: 25px;
}
footer .address p{
  font-size: 14px;color: #888888;
}
footer .address p i{
  color: #333333;font-size: 20px;
  margin-right: 5px;
}
footer .address .code{
  margin-top: 20px;
}

footer .address .code img{max-width:100% ;}
.copyright{
  background: #252525;
  border-top: 1px solid rgb(255, 255, 255,.3);
  padding: 20px  0;line-height: 1.3;
  color: rgb(255, 255, 255,.8);
  text-align: center;font-size: 12px;

}
.copyright p{
  padding: 5px 0;
}
.copyright p a{color: #fff;
}
.copyright .share{
  margin-bottom: 5px;
}
.copyright .share span{
  display: inline-block;
  padding: 0 15px;
  position: relative;
}
.copyright .share i{
  display: none;
  position: absolute;
  top: 0;
  left: 50%;
  transform:translate(-0%,-100%);
  -webkit-transform:translate(-50%,-100%);
}
.copyright .share span:hover i{
  display: inline-block;
}

/*内页通用*/
.app-banner{margin-top: 100px;position: relative; height: 400px; overflow: hidden;}
.app-banner .bg.pc {background-size: cover;background-repeat: no-repeat;background-position: center;}
.app-banner .bg {width: 100%;height: 100%;background-size: cover;background-repeat: no-repeat;background-position: center center;animation: scaleDraw 5s ease infinite;-webkit-animation: scaleDraw 5s ease 1;-ms-animation: scaleDraw 5s ease 1;}
@keyframes scaleDraw {
    0% {
        transform: scale(1.3)
    }

    100% {
        transform: scale(1)
    }
}

.app-banner .container {display: flex;align-items: center;justify-content: center;height: 100%;}
.app-banner-inner {position: absolute;z-index: 1;top: 0;left: 0;right: 0;bottom: 0;}
.app-banner-inner .inner {color: #fff;padding-right: 40%;width: 100%;}
.app-banner-inner h1 {font-weight: 600;letter-spacing: 5px; margin-bottom: 15px;}

.app-submenu {height: 80px;background-color: #fff;border-bottom: 1px solid #eaeaea;position: relative;}
.app-submenu .container {display: flex;align-items: center;height: 100%;}

.wrapper-grey {background: #fafafa;}
.wrapper-grey.chanpin {padding: 40px 0; overflow: hidden;}
.wrapper-grey.chanpin .pleft{float: left; width: 25%;}
.wrapper-grey.chanpin .pright{float: right; width: 70%;}

/*Menu002306*/
.pleft{overflow:hidden;}
.pleft .nav{padding-top: 20px;background: #fff;}
.pleft .side-title{position: relative;margin-left: -10px; padding: 18px 0 18px 20px;border-bottom: 1px solid #f7f7f7; }
.pleft .side-title span{position: relative;font-weight: bold; z-index: 4; display: block;font-size: 20px;color: #fff;line-height: 1em;padding-left: 15px;}
.pleft .side-title:after{position: absolute; content: '';  height: 100%; background: #06599b; top: 0; right:0; left: 0;}
.pleft .side-title i{position: absolute;}
.pleft .side-title i.jiao{ border:8px solid transparent; border-left-color: #004479;  left: 2px; top: -8px; transform: rotate(45deg);-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);}

.pleft .side-menu{border-radius: 0 0 0px 0;background-color: #fff;overflow:hidden;}
.pleft .side-menu li{}
.pleft .side-menu li a{ display:block;line-height:27px;}
.pleft .side-menu > ul > li{}
.pleft .side-menu > ul > li >a{ padding:0 27px;color:#333; font-size: 16px; line-height:59px; position:relative;border-bottom: 1px solid #f7f7f7;}
.pleft .side-menu > ul > li >a:hover{font-weight: 600;background-color: #06599b; color: #fff;}
.pleft .side-menu > ul > li >a i{font-weight: 700;}
.pleft .side-menu > ul > li >a::after{content:'';position:absolute;width: 8px;height: 8px;top:50%;right: 20px;margin-top: -4px;overflow:hidden;font-size: 0;cursor: pointer;border: 0;background: none;padding: 0;border-top: 2px solid #06599b;border-left: 2px solid #06599b;transform: rotate(135deg);}
.pleft .side-menu > ul > li >a:hover::after{border-top: 2px solid #fff;border-left: 2px solid #fff;}
.pleft .side-menu > ul > li ul{ display:none; padding:10px 8px;}
.pleft .side-menu > ul > li > ul{ padding-left:30px; padding-right:30px;}
.pleft .side-menu > ul > li > ul > li{margin:10px 0;}
.pleft .side-menu > ul > li > ul > li > a{background:url(../images/Menu002306-a_off.png) no-repeat left center; padding-left:18px;}
.pleft .side-menu ul li ul li ul li{margin:8px 0; }

.pleft .side-menu > ul > li > ul > li >ul > li > ul > li > a{font-size:14px;color:#666;background:url(../images/dian.png) no-repeat left top 12px; padding-left:10px;}
.pleft .side-menu > ul > li > ul > li >ul > li > ul > li > ul > li a{font-size:14px;color:#666; background: none;}


.pleft .side-menu ul li ul li ul li.on a{color: #06599b}
.pleft .side-menu li.select > a{ }
.pleft .side-menu li.select > a::after{ transform:rotate(-135deg);}
.pleft .side-menu ul li ul li.select > a{ background-color:transparent; background-image:url(../images/Menu002306-a_on.png); font-weight:bold; color:#06599b;}
.pleft .side-menu ul li ul li ul li.select > a{ background-color:transparent; background-image:url(../images/Menu002306-a2_on.png); font-weight:bold; color:#06599b;}
.pleft .side-menu ul li ul li ul li ul li.select > a{ background-color:transparent; background-image:url(../images/dian.png); font-weight:bold; color:#06599b;}

.pleft .side-open_menu{ display:none;}

.pleft .sou{    position: relative;width: 92%;height: 40px;border: 1px solid #d1d1d1;margin-top: 5%;margin-left: 4%;margin-bottom: 2%;}
.pleft .sou input{width: 100%;height: 40px;line-height: 40px;padding: 0 56px 0 10px;background: none;color: #666;}
.pleft .sou input  {font-size: 12px;border: none;color: #333;border-radius: 0;-webkit-border-radius: 0;font-family: arial, sans-serif;}
.pleft .sou .btn {cursor: pointer;position: absolute;right: 0;top: 0;width: 56px;height: 100%;background: url(../images/search.png) no-repeat center center;padding: 0;}

.pright .con1{background: #fff; padding: 30px; min-height: 500px;}
.pright .con1 img{max-width: 100%;}

.pright .product-list{overflow: hidden;}
.pright .product-list li{width: 31.7%;margin-right:2.45%;background: #fff;border: 1px solid #eee;float: left;margin-bottom: 35px;}
.pright .product-list li:nth-child(3n) {margin-right: 0;}
.pright .product-list li img{width: 100%;height: 200px; transition: all .3s; padding: 0 15px;}
.pright .product-list li:hover img {transform: scale(1.1);}
.pright .product-list li .pic {width: 100%;position: relative;overflow: hidden;border-bottom: 1px solid #eee;}
.pright .product-list li .con {width: 100%;padding: 21px 6% 23px;display: block;}
.pright .product-list li .con h3 {font-size: 16px;color: #333333; font-weight: 400;line-height: 36px;height: 36px;overflow: hidden;}
.pright .product-list li .con h4{font-size: 16px;}
.pright .product-list li .con p{color: gray;margin: 16px 0 20px;line-height: 22px;height: 44px;font-size: 14px;display: -webkit-box;word-break: break-all;text-overflow: ellipsis;overflow: hidden;white-space: pre-line;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.pright .product-list li:hover .con span{color: #fff;background: #06599b;}
.pright .product-list li .con span{color: #06599b;padding: 4px 20px;font-size: 14px;border: 1px solid #06599b;border-radius: 4px;}


.pright .newlist{overflow: hidden;}
.pright .newlist li{margin-bottom: 20px; float: left; width: 100%;  border-top: 1px solid #eaeaea; padding-top: 20px;}
.pright .newlist li:first-child{border: none;}
.pright .newlist li .img {width: 30%; float: left;}
.pright .newlist li .img img {width: 100%; max-height: 230px;}
.pright .newlist li .txt {float: right; width: 65%; padding-right: 3%;}
.pright .newlist li h2{font-size: 18px;color: #333;font-weight: bold;display: block;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.pright .newlist li time {margin-top: 15px;color: #999;display: inline-block;font-size: 14px;}
.pright .newlist li p{color: #999;margin: 10px 0 20px;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;word-break: break-all;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.pright .newlist li .more {display: block;width: 120px;border: 1px solid #eaeaea;text-align: center;font-size: 14px;}
.pright .newlist li a:hover .more {background: #06599b; color: #fff;}

.pright .newshow h2{text-align: center; padding: 0 10%; font-size: 28px;color: #131e3b;line-height: 50px;}
.pright .newshow .ndetail_i {text-align: center;margin: 20px auto 25px auto;font-size: 16px;color: #999999;line-height: 28px;}
.pright .newshow .ndetail_i span{padding: 0 10px;}
.pright .newshow .ndetail_i i{padding-right:5px; font-size: 18px}
.pright .newshow .ndetail_c {padding: 50px 0; border-top: 1px #e0e0e0 solid;border-bottom: 1px #e0e0e0 solid;}

.pright .ndetail_p {padding-top: 50px; overflow: hidden;}
.pright .ndetail_p  .ndetail_pl {float: left; width: 453px; height: 52px;line-height: 52px; padding-right: 20px; overflow: hidden;}
.pright .ndetail_p .ndetail_pr {float: right; width: 390px;height: 52px;line-height: 52px;text-align: right;padding-left: 20px; overflow: hidden;}
.ndetail_pm {float: left;width: 150px;height: 52px;}
.pright  .ndetail_p a {height: 52px;line-height: 52px;text-indent: 72px;font-size: 14px;}
.ndetail_pm a {display:block;background: url(../images/ndetail_backlist.png) no-repeat 30px 50% #06599b;color: #fff;}

.photo{overflow: hidden; }
.photo figure{width: 33.33%; float:left; position: relative; margin: 0;}
.photo figure .box{margin: 20px; background-color: #fff;}
.photo figure .box .img{display: flex;height: 200px;justify-content: center;align-items: center;background: #ffffff;}
.photo figure .box .img img {display: block;max-width: 100%;max-height: 200px;}

.photo h3{text-align: center;padding: 15px 0; font-size: 16px;}

.joblist{float: left;position: relative;min-height: 1px;padding-right: 15px;padding-left: 15px;margin-bottom:30px;width: 33.33333333%;}
.joblist dl{background-color: #fff;padding: 30px;box-shadow: 0 2px 20px rgba(0, 0, 0, .1);}
.joblist dl dt p{color: #888888;}
.joblist dl dt h2{font-size: 18px;color: #383838;}
.joblist hr {background: #F7F7F7;color: #EBEBEB;clear: both;float: none;width: 100%;height: 1px;margin: 10px 0;border: 0;-moz-box-sizing: content-box;box-sizing: content-box;}
.joblist dd{color: #888888;}
.joblist dd span{border: 1px #e0e0e0 solid; border-radius: 4px;font-size: 14px;padding:0px 20px;margin: 0;display: inline-block;}

.jobshow .text-gray{margin: 10px 0;}
.jobshow .text-gray span{padding-right: 10px;}
.jobshow ul{margin-top: 15px;}
.jobshow ul li {padding: 0 0 5px 20px;position: relative;}
.jobshow ul li:before {content: '';position: absolute;top: 13px;left: 0;background: #888888;width: 7px;height: 7px;border-radius: 50%;}

.normal-list li{position:relative;display:block;background:#f1f1f1;margin-bottom:20px;transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;}
.normal-list li a{display:block;padding:10px 20px;color:#333;transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;}
.normal-list li span{color:#888888;position:absolute;right:30px;top:10px}
.normal-list li:hover{background:#06599b;color:#FFF;transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;}
.normal-list li:hover a,.normal-list li:hover span{color:#FFF}
.normal-list li.dot:hover a:before {background:#fff;}
.normal-list li.dot a{position:relative}


.liuyan{ padding: 18px 0 20px; color: #333;}
.liuyan h3{font-size: 16px; margin-bottom: 40px;}
.liuyan .hang{ float: left; width: 49%; height: 40px; line-height: 40px; margin-bottom: 20px;}
.liuyan .hang.long{ float: none; width: 100%;}
.liuyan .hang.first{ margin-right: 2%;}
.liuyan .hang.fat{ width: 100%; height: auto;}


.liuyan input[type=text]{ width: 100%; height: 38px; border:1px solid #d7d7d7;
	 line-height: 38px; text-indent: 18px; font-size: 14px; margin-left: -2px;}
.liuyan p {height: 100%;}
.liuyan p label{float: left; margin-left: -90px; width: 80px; text-align: right;  display: none;}
.liuyan textarea{ padding: 2%; height: 150px; border:1px solid #d7d7d7; resize:none;
	vertical-align: top; width:100%; line-height: 30px; font-size: 14px; margin-left: -2px;}
.liuyan input[type=text]:focus,.liuyan textarea:focus{ border-color: #06599b;}
.liuyan input[type=text],.liuyan textarea{ transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; 
	-webkit-transition: 0.3s; -o-transition: 0.3s;}

.liuyan i.v{ display: inline-block; width: 100%; height: 100%; vertical-align: top;}
.liuyan .hang2{ height: 40px; line-height: 40px; margin-bottom: 20px;}
.liuyan .hang2>div{ float: left; height: 100%;}
.liuyan .hang2 i.v{ width: 220px;}
.liuyan .verifyImg{ width: 98px; height: 38px; cursor: pointer; vertical-align: top; border: 1px solid #d7d7d7; margin-left: 10px;}
.liuyan input#tj{ float: right; width: 160px; height: 38px; font-size: 14px; line-height: 38px;	background-color: #06599b; color: #fff; border: 1px solid #06599b;}
.liuyan input#tj:hover{ background-color: #fff; color: #06599b;}
.clearfloat {clear: both;height: 0;font-size: 0px;line-height: 0px;overflow: hidden;visibility: hidden;}

.app-pro{padding-top:80px;overflow: hidden;}
.prlist{border: 1px solid #D5D5D5; margin-bottom: 30px; float: left; width: 100%;min-height: 327px;}
.prlist .box{padding: 25px;}
.prlist h1{margin-bottom: 25px; font-size: 20px; font-weight: 600; color: #333333; border-left: 5px solid #06599b;line-height: 1;padding-left: 5px;}
 .prlist h2{margin: 15px 0;}
.prlist h2 a{font-size: 16px; font-weight: 600; color: #06599b; padding-left: 15px;}
.prlist ul{overflow: hidden; margin: 15px 0; padding-left: 25px;} 
.prlist li{float: left; width: 20%;} 

@media screen and (min-width: 1400px) {
.pleft .side-menu ul li ul li ul li a{display: initial;}
.pleft .side-menu ul li ul li ul li a:hover{background-color: #06599b; color: #fff; padding: 3px 8px;}
.prlist:nth-child(3){float: left; width:calc(50% - 15px);margin-right: 30px;} 
.prlist:nth-child(4){float: left; width:calc(50% - 15px);} 
.prlist:nth-child(6){float: left; width:calc(25% - 23px);margin-right: 30px;} 
.prlist:nth-child(7){float: left; width:calc(25% - 23px);margin-right: 30px;} 
.prlist:nth-child(8){float: left; width:calc(25% - 23px);margin-right: 30px;} 
.prlist:nth-child(9){float: left; width:calc(25% - 23px);} 
} 

/*分页 begin*/
.blank-middle {height: 15px;line-height: 15px;clear: both;font-size: 0;}
.text-center {text-align: center;}
.pagination {list-style: none;margin: 0;padding: 0;display: inline-block;vertical-align: bottom;}
.pagination li {display: inline-block!important;margin: 20px 5px 20px 5px;font-size:14px;border:none;border-radius:4px;}
.pagination .current {border-radius:4px;color:#6e6e6e;background:#fff;padding:12px 16px;border:1px solid #DCDCDC;}
.pagination li a {border-radius:4px;color:#6e6e6e;background:#fff;padding:12px 16px;border:1px solid #DCDCDC;}
.pagination li.active a,.pagination li a:hover {background:#06599b;color:#fff;border:1px solid #06599b;}
.blank-large {clear: both;font-size: 0;}
/*分页 end*/

.pro_top {width: 100%; display: flex; flex-wrap: wrap; margin-top: 60px; }
.pro_top .lf{width: 55%;float: left;}
.pro_top .rt{float: right; width: 43%;}
.pro_top .view img{border-radius: 30px;}
.pro_info h1{font-size: 28px; font-weight: 600; margin-bottom:15px;}
.pro_info h3{font-size: 20px;}
.pro_info h5{font-size: 18px;line-height: 1; border-left: 3px solid #06599b; padding-left: 5px;margin-top: 30px;}
.pro_info .des{color: #7e7e7e;margin: 10px 0;}


.pro_info .labels1{margin-top:60px;}
.pro_info .labels1 a{padding: 13px 70px;margin-right: 15px;background-color: #06599b; color: #fff;border-radius: 15px;text-transform: uppercase;}
.pro_info .labels1 a:last-child {margin: 0;}
.pro_info .labels1 a:hover {background-color: #fff; border: 1px solid #06599b; color: #06599b;transition: 0.4s;}

.align-middle {-webkit-box-align: center !important;-ms-flex-align: center !important;align-items: center !important;-ms-flex-item-align: center !important;align-self: center !important;vertical-align: middle !important;}
.row-large{width: 100%;-js-display: flex;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-flow: row wrap;/* flex-flow: row wrap; */}
.product-footer .col-inner h3{position: relative;font-size: 28px;line-height: 36px;font-weight: 600;text-align: center;padding-bottom: 20px;padding-top: 50px; margin-bottom: 30px;}
.product-footer .col-inner h3::after {content: "";position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);height: 5px;width: 40px;background: #06599b;border-radius: 4px;}
.product-footer img{max-width: 100%;}
.product-footer .section_1{max-width: 100%;}
.stcky_box_con{width: 100%;-js-display: flex;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-flow: row wrap;/* flex-flow: row wrap; */}
.stcky_box_content {list-style: none;display: flex;align-items: center;justify-content: flex-end;margin: 35px 20px;border-bottom: 1px solid #dadada; padding-bottom: 15px;}
.stcky_box_content li {margin: 0 18px; font-size: 18px;}
.stcky_box_content li .cur{font-weight: 700;}
.fix_class {background: #fff;display: block;position: fixed;top: 0px;z-index: 999;width: 100%;left: 0;webkit-box-shadow: 1px 1px 10px rgba(0,0,0,.15);box-shadow: 1px 1px 10px rgba(0,0,0,.15);}
.fix_class .stcky_box_content{border:none; padding-bottom: 0px;}
.w1260{max-width: 1260px; margin: 0 auto;}
.w1000{max-width: 1000px; margin: 0 auto;}

#section_1{padding-top: 0px;padding-bottom: 0px;}
#section_1 .one li{list-style-type:disc; margin-left: 1.3em; margin-bottom: .6em;}
#section_1 .desimg{ margin: 25px 0;}
#section_1 .destxt{padding: 50px;}

#section_2{background-color: rgb(255,255,255);}
#section_2 table {border-collapse: collapse;border-spacing: 0;width: 100%; margin-bottom: 30px;}
#section_2 table td {border: 1px solid #e6e4e4;color: #404060;padding: 15px;}
#section_2 table tr:nth-child(odd){background-color: rgba(0,0,0,0.04);}

.fangan{padding: 50px 0; overflow: hidden;}
.fangan ul{margin-top: 30px;}
.fangan li{float: left; width: 33.33%;}
.fangan li .box{padding: 20px;}
.fangan li .box .inner {height: 100%;overflow: hidden;display: block;background-color: #fff;}
.fangan li .box .inner .single {height: 100%;display: flex;align-items: stretch;flex-direction: column;}
.fangan li .box .inner .single .image {flex: 0 0 auto;position: relative;overflow: hidden;}
.fangan li .box .inner img {display: block;width: 100%;-webkit-object-fit: cover;-moz-object-fit: cover;-o-object-fit: cover;-ms-object-fit: cover;object-fit: cover;-ms-transition: 1s ease transform;transition: 1s ease transform}
.fangan li .box .inner:hover img {-ms-transform: scale(1.1);transform: scale(1.1)}
.fangan li .box .inner .single .content {flex: 1 1 auto;display: flex;flex-direction: column;justify-content: space-between;padding: 20px;transition: 300ms background ease;background-color: #fafafa;}
.fangan li .box .inner .single .content .head {margin-bottom: 15px;}
.fangan li .box .inner .single .content .head h4{font-size: 20px; color:#333}
.fangan li .box .inner .single .content .intor {margin-top: 15px; font-size: 14px; color: #666;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;}
.fangan li .box .inner .single .content  .more {display: flex;align-items: center;}
.fangan li .box .inner .single .content  .more i{font-size: 12px; padding-left: 3px;}
.fangan li .box .inner .single:hover .content {background-color: #06599b;transition: 300ms background ease}
.fangan li .box .inner .single:hover .content .tag,
.fangan li .box .inner .single:hover .content .time,
.fangan li .box .inner .single:hover .content .title,
.fangan li .box .inner .single:hover .content .intor,
.fangan li .box .inner .single:hover .content .more a,
.fangan li .box .inner .single:hover .content .more{color: #fff;}

.xslx{overflow: hidden;}
.xslx li {width: 44%;float: left;margin-right: 12%;margin-bottom: 3%;border-bottom: 1px solid #e7e7e7;height: 155px;padding-right: 1%;}
.xslx li:last-child{width: 100%;margin-right: 0;}
.xslx li:nth-child(2n) {margin-right: 0;}
.xslx li h2 {margin-bottom: 15px; font-size: 18px;font-weight: 600; border-left:3px solid #06599b;line-height: 1;padding-left: 5px;}
.xslx li p{margin-bottom: 10px;}

.region_list{overflow: hidden; background: #fafafa;padding: 20px;margin-bottom: 30px;}
.region_list:hover{box-shadow:0px 0px 10px 0px #cccccc;;transition: all .5s;}
.region_list .message{width: 55%; float: right; padding-left: 20%; padding-top: 30px;}
.region_list .region{width: 40%; float: left;}
.region h3{font-size: 18px; font-weight: 600; padding-bottom: 16px;margin-bottom: 24px;border-bottom: 1px solid #dbdbdb;}
.region h3:before,.region_list .message p:before{padding-right: 10px;}
.region ul{width: 100%;}
.region ul li{float: left;font-size: 12px;margin-right: 8px;margin-bottom: 8px;}
.region ul li a{display:block;padding: 4px 18px;background: #efefef;color:black;}
.message{font-size: 16px;}
.region ul .pitch a{background:#b01f24;color: white;}

/*浮动客服*/
.toolbar{position: fixed;top: 60%;right: 0;z-index: 100;}
.toolbar dd{position: relative;width: 50px;height: 50px;background: #06599b;margin-top: 2px;border-radius: 5px;color: #fff;font-size: 14px;line-height: 21px;text-align: center;cursor: pointer;transition: all .5s;}
.toolbar dd:first-child{margin-top: 0;}
.toolbar dd i{font-size: 20px; padding-top: 16px; padding-bottom: 5px; display: block;}
.toolbar dd span{display: block;color: #fff;}
.toolbar dd.tel .box{position: absolute;top: 0;width: 220px;right: -200px;height: 265px;margin-right: 10px;border-radius: 5px;background: #06599b;display: none;transition: all .5s; text-align: left; padding: 15px;}
.toolbar dd.tel .box p{font-size: 12px;margin:5px auto 5px;}
.toolbar dd.tel .box h1{font-size: 16px; margin-top: 10px; border-top: 1px dashed rgb(255,255,255,.8); padding-top: 6px;}
.toolbar dd.tel .box h1:first-child{border: transparent; padding-top: 0;}
.toolbar dd.tel .box:after{display: block;content: " ";border-style: solid dashed dashed dashed;border-color: transparent  transparent transparent #06599b;border-width: 9px;width: 0;height: 0;position: absolute;top: 15%;right: -18px;}
.toolbar dd.code .box{position: absolute;top: 0;width:150px;right: -172px;height: 162px;padding: 11px; margin-right: 10px;border-radius: 5px;background: #06599b;display: none;transition: all .5s;}
.toolbar dd.code .box img{width: 120px;height: 120px;}
.toolbar dd.code .box:after{display: block;content: " ";border-style: solid dashed dashed dashed;border-color: transparent  transparent transparent #06599b;border-width: 9px;width: 0;height: 0;position: absolute;top: 30px;right: -18px;margin-left: -12px;}
.toolbar dd:hover{background: #333;}
.toolbar dd.tel:hover .box{display:block;right: 55px;}
.toolbar dd.code:hover .box{display:block;right: 55px;}