﻿.toub{padding-top: 100px;padding-bottom: 2%}

.mobMenu{ position: fixed; left: 0px; right: 0px; bottom: 0px; z-index: 99; background: #666;padding-bottom:5px;}
.mobMenu>.foot_nav{width:25%;float:left;text-align:center;color:#898989;font-size:14px; margin: 5px auto;}
.mobMenu>.foot_nav>a>i.iconfont{display:block;padding:3px 0 0 0;font-size:14px;line-height:24px;color:#fff}
.mobMenu>.foot_nav>a>.hamburger{position:inherit;float:none;margin:0 auto;width:100%;color:#fff}


.nBanner {float:left;width:100%;height:550px}
@media (max-width: 767px){
    .nBanner {float:left;width:100%;height:60px;display:none}
    .breadcrumbs{margin-top: 0}
    .contMain table, .news1con table{
          table-layout: fixed;
    }
    .contMain table td, .news1con table td{
          word-wrap:break-word; 
          width: auto !important;
    }
    .container img{
      max-width: 100% !important;
    }
}
@media (max-width: 1025px){
   .toub{padding-top: 0;}
}
@media (min-width: 768px) and (max-width: 991px){
   .nBanner {height:260px}
}
@media (min-width: 992px) and (max-width: 1199px) {
   .nBanner {height:320px}
}
@media (min-width: 1200px) and (max-width: 1280px) {
   .nBanner {height:360px}
}
@media (min-width: 1281px) and (max-width: 1366px) {
   .nBanner {height:380px}
}
@media (min-width: 1367px) and (max-width: 1440px) {
   .nBanner {height:420px}
}

.breadcrumbs {float:left;width:100%;margin:.3rem 0 .3rem;background:url(../images/location.png) no-repeat left center;padding-left:28px;}
.breadcrumbs a{text-decoration:underline}
.breadcrumbs a:hover{color:#32336c}
@media (max-width: 767px){
    .breadcrumbs {font-size:12px;margin-top:0;margin-bottom:10px; margin-top:0px;padding-bottom:20px;padding-top:20px; border-bottom:1px solid #ececec}
}

/*¹ØÓÚÎÒÃÇ*/
.about1{padding:1vw 0 4.5vw ;background: url(../images/about1bg.jpg);background-size: cover;background-position: center;}
.about1 .title{font-size:1.666vw;color: #f08200;text-transform: uppercase;font-weight: bold;margin-bottom: 4.5vw;}
.about1box{display: flex;align-items: flex-start;}
.about1box .title1{font-size:.26rem;color: #333;width: 15%;font-family:"Montserrat"}
.about1box .content{padding-bottom:.08rem;padding-left:2.5vw;border-left:1px solid #e8e8e8;color:#32336c}
.about1box .content p{font-size:16px;line-height: 1.625;margin-bottom:.55vw;}

.about2{padding: 3.8vw 0 3.5vw;background: url(../images/about2bg.jpg);background-size: cover;}
.about2 .title{font-size: 1.666vw;margin-bottom:4vw;text-align: center;color: #fff}
.about2box .col-sm-3{padding:0 .5vw;}
.about2box .row{margin:0 -.5vw;}
.about2box .item{padding:1.2vw 1.6vw 1.6vw;background: #f4f4f6;height: 2.5rem}
.about2box .item img{width: .48rem;}
.about2box .item .h1{font-size:.2rem;color: #333;line-height: .6rem;position: relative;margin-top:.75vw;font-weight: bold;}
.about2box .item .h1:after{content:"";width: .14rem;height: .02rem;background: #32336c;position: absolute;bottom: 0;left: 0}
.about2box .item p{font-size: .18rem;color: #333;line-height: 1.556;margin-top: .1rem;word-break: break-all;}

@media (max-width: 767px){
  .about1{padding: 0 0 5vw}
  .about1box{display: block;}
  .about1 .title{font-size: 16px;margin-bottom: 4vw}
  .about1box .title1{width: auto;font-size: 16px;margin-bottom: 15px}
  .about1box .content{padding: 0;padding-top:15px;border:0;border-top:1px solid #e8e8e8;}
  .about1box .content p{font-size: 14px;margin-bottom: 10px}
    .about2{padding: 8vw 0 6.5vw}
  .about2 .title{font-size: 16px;margin-bottom: 6vw}
  .about2box .col-sm-3{padding:1.5vw;}
  .about2box .row{margin:-1.5vw}
  .about2box .item{padding: 15px;height: 2.8rem}
  .about2box .item img{width: 30px}
  .about2box .item .h1{font-size: 14px;margin-top: .1rem}
  .about2box .item p{font-size: 13px}
  .about2box .item .h1:after{height: 1px}
  .about3>img{height:280px;width: 100%;object-fit: cover;}
}

/*¶þ¼¶µ¼º½*/

.subnavbox{position: relative;margin-bottom:.3rem}
.subnav{position: absolute;top: -.4rem;left: 0;right: 0;z-index: 2;}
.subnav .col{padding: 0 .05rem;float: left;width:25%;}
.subnav .col1{padding: 0 .05rem;float: left;width:33.333333333333%;}
.subnav .row{margin: 0 -.05rem;}
.subnav .item{display: block;line-height: .8rem;background: #fff;text-align: center;font-size: 0;box-shadow: 0px .1rem .4rem 0px rgba(126, 134, 138, 0.2);border-radius: .04rem;position: relative;}
.subnav .item .icon{display: inline-block;vertical-align: middle;width: .22rem;height: .22rem;position: relative;margin-right:.1rem;z-index: 2;}
.subnav .item span{font-size: .2rem;color: #333;display: inline-block;vertical-align: middle;position: relative;z-index: 2;transition: all .3s ease;max-width: 80%;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.subnav .item .icon img{position: absolute;left: 0;top: 0;transition: all .3s ease}
.subnav .item .icon img:nth-child(2){opacity: 0;}
.subnav .item:after{content:"";position: absolute;left: 0;top: 0;bottom: 0;width: 0;transition: all .3s ease;border-radius: .04rem}
.subnav .item:after{background-image: -moz-linear-gradient( 0deg, rgb(198,40,30) 0%, rgb(198,40,30) 100%);background-image: -webkit-linear-gradient( 0deg, rgb(198,40,30) 0%, rgb(198,40,30) 100%);background-image: -ms-linear-gradient( 0deg, rgb(198,40,30) 0%, rgb(198,40,30) 100%);}
.subnav .item.on:after{width: 100%}
.subnav .item.on span{color: #fff}
.subnav .item.on img:nth-child(1){opacity: 0;}
.subnav .item.on img:nth-child(2){opacity: 1;}

@media (min-width:1000px){
.subnav .item:hover:after{width: 100%}
.subnav .item:hover span{color: #fff}
.subnav .item:hover img:nth-child(1){opacity: 0;}
.subnav .item:hover img:nth-child(2){opacity: 1;}
}
@media (max-width: 1600px){
  .subnav .item span{font-size: .16rem}
}
@media (max-width: 1000px){
  .subnav .item span{max-width: 60%}
}

.subnav .item{overflow: hidden;}
.subnav .item:before{content:"";width: .6rem;height: .6rem;background: url(../images/subnavicon.png);background-size: cover;position: absolute;bottom:-.1rem;right:0rem;z-index: 2;}
@media (max-width: 767px){
    .subnavbox{margin-bottom:0;margin-top:60px;float:left;width:100%;position:relative;}
  .subnav{top: 0px;position:inherit;z-index:9999}
  .subnav .col{width:100%;margin-bottom:0}
  .subnav .col1{width:100%;margin-bottom:0}
  .subnav .item span{font-size: 13px;}
  .subnav-menu{display: flex;padding: 0 15px;font-size: 14px;height:42px;background: #32336c;align-items: center;color: #fff}
    .subnav .container{position: absolute;top: 42px;margin: 0 -15px;left: 0;padding: 0;right: 0;background: #fff;display: none;box-shadow: 0px 0px 5px 1px rgba(0,0,0,.15)}
    .subnav .item{width:100%;line-height: 42px;    border-bottom: 1px solid rgba(0,0,0,.05);float: none;display: block;box-shadow:none;}
    .subnav .item span{font-size: 13px;color: #333}
    .subnav .item.on span{color: #32336c}
    .subnav .item .icon{display: none;}
    .subnav .item:after{display: none;}
    .subnav-menu .icon{width: 16px;height: 16px;background: url(../images/open.png);background-size: cover;transition: all .5s ease;}
    .subnav-menu.on .icon{transform: rotate(180deg);}
}

.apply1{padding: 0vw 0 2vw;}
.apply1 .title1{font-size: .32rem;color: #111;text-align: center;margin-bottom: .28rem;}
.apply1 .title2{max-width: 10.2rem;font-size: .16rem;color: #666;line-height: 1.625;margin: 0 auto;text-align: center;margin-bottom: 3vw}
@media (max-width: 767px){
  .apply1{padding: 0 0 8vw}
  .apply1 .title1{font-size: 18px;margin-bottom: 4vw}
  .apply1 .title2{font-size: 12px;margin-bottom: 5vw}
}

.probox .row{margin: -.16rem;}
.probox .col-sm-4{padding: .1rem}

.probox .boxer{padding: 1%}
.probox .boxer .h1{font-size: 14px;text-align: center;line-height: 2;font-weight: bold;}
.probox .item5{padding:1%;display: block;margin-bottom:10px;}
.probox .item5 .imgbox{position: relative;}
.probox .item5 .imgbox .img1{max-width: 100%;}



@media (min-width: 1000px){



   
   
}
@media (max-width: 1000px){
  
}
@media (max-width: 767px){
  .probox .col-sm-4{padding: 5px}
  .probox .item5 .h1{font-size: 13px}
  .probox .row{margin: -5px}
  .probox .item5 .content{height:50px}
  .probox .item5 p{line-height: 1.6}
}


.about5{margin:.4rem 0}
.about5box{position:relative;background:#000}
.about5title{text-align:center;width:2.45rem;height:2.45rem;border-radius:50%;background:#32336c;display:flex;align-items:center;justify-content:center;position:absolute;top:-.66rem;right:4vw}
.about5title .cn{color:#fff}
.about5title .line{background:#fff;opacity:.5;margin:.12rem auto}
.about5title .en{color:#fff;font-size:.18rem;text-transform:uppercase}
.about2-1{position:absolute!important;top:0;left:0;right:0;height:87.5%}
.about2-1 .item .h1{font-size:3vw;color:#fff;font-family:"Montserrat";font-weight:600}
.about2-1 .item .h2{font-size:.16rem;color:#fff;line-height:1.857;margin-top:2.5vw;word-break:break-all;}
.about2-1 .item{width:60%;text-align:center;position:absolute;top:50%;left:20%;opacity:0;transform:translateY(-30%);transition:all .5s}
.about2-2{position:absolute;bottom:0;left:0;right:0;height:12.5%;display:flex;align-items:center;justify-content:center}
.about2-2 .item{font-size:.18rem;color:#fff;height:100%;display:flex;align-items:center;cursor:pointer;position:relative;transition:all .3s;font-family:"Montserrat";width:.4rem;margin:0 auto}
.about2-2 .item:after{content:"";position:absolute;left:0;top:0;background:#32336c;height:.04rem;width:0;transition:all .3s}
.about2-2  img.prev{margin-right:0.5rem}
.about2-2   img.next{margin-left:0.5rem}
.about2-2 .swiper-container{width:70%;margin:0;height:100%}
.about2-2 img{width:.22rem}
.about2-2 .swiper-slide-thumb-active .item{color:#32336c}
.about2-2 .swiper-slide-thumb-active .item:after{width:100%}
.about2-1 .swiper-slide-active .item{opacity:1;transform:translateY(-50%)}

@media (min-width:1000px){.about2-2 .item:hover{color:#32336c}
.about2-2 .item:hover:after{width:100%}
}@media (max-width:1400px){.about1-2{top:30vw}
.about2{margin-top:-1.2rem}
.about5box>img{height:6.36rem;object-fit:cover}
.about5title .abouttitle .cn{font-size:14px}
.about5title .abouttitle .en{font-size:14px}
.about5title{top:-1rem}
.about2-2 .item{font-size:13px;width:28px}
.about2{margin-top:-.6rem}
.about2-1 .item{left:0;margin-left:0;padding:0 10vw;right:0;width:auto}
.about2-1 .item .h2{font-size:12px;margin-top:12px}
.about2-1 .item .h1{font-size:7vw}
}
 

 .news-list{ border-left: 1px solid #e8e8e8;margin:0;padding:0;}
.news-list li{ float: left; display: block; width: 33.333333333%;}
.nitem{ padding: 34px 40px; border-right: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8; border-top: 1px solid #e8e8e8; margin-top: -1px; position: relative; cursor: pointer;}
.nitem:before{ content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 2px; background-color:#32336c; z-index: -1; transform-origin:100%; -webkit-transform-origin:100%; -webkit-transition:-webkit-transform .42s cubic-bezier(.4,0,.2,1); transition:transform .3s cubic-bezier(.4,0,.2,1); transform:scaleX(0); -webkit-transform:scaleX(0);  visibility:hidden\9; }
.nitem .img{ overflow: hidden; position: relative; margin-bottom: 15px;}
.nitem .img img{ width: 100%; display: block; -webkit-transition:all 4s linear;transition:all 4s linear;}
.nitem .blue-20{ background: url(../images/blue_40.png) repeat; background: none rgba(243,196,28,0.4); position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; visibility: hidden\9; transition: 0.3s; -webkit-transition: 0.3s;}
.nitem h4{ font-size: 18px; line-height: 1.5; font-weight: normal; margin-bottom: 20px; height: 54px; overflow: hidden;}
.nitem .c{ height: 50px; overflow: hidden; margin-bottom: 28px; color: #999999;line-height:25px;overflow:hidden;}
.nitem .time{ background: url(../images/time_ico1.png) no-repeat scroll left 7px; padding-left: 20px; font-size: 12px; font-family: arial, helvetica, sans-serif; color: #666666;}
.nitem:hover .blue-20{ opacity: 1; visibility: visible\9;}
.nitem:hover h4{ color: #32336c;}
.nitem:hover:before{ transform:scaleX(1); -webkit-transform:scaleX(1); -moz-transform:scaleX(1); transform-origin:0; -webkit-transform-origin:0; visibility:visible\9; }
.nitem:hover .img img{ -webkit-transform:scale(1.15);transform:scale(1.15);-webkit-transition:all 4s linear;transition:all 4s linear;}


@media screen and (max-width:1441px){.nitem{ padding: 30px;}}
@media screen and (max-width:1370px){.news-list li{ width: 33.33%;}}
@media screen and (max-width:1260px){.nitem{ padding: 25px;}}
@media screen and (max-width:1024px){.nitem h4{ font-size: 16px; height: 48px;}.ibox-new .time,.nitem .time,.info-t .time,.download-list .time{ background: none; padding-left: 0;}}
@media screen and (max-width:860px){.news-list li{ width: 50%;}}
@media screen and (max-width:641px){.nitem{ padding: 20px;}}
@media screen and (max-width:481px) {.nitem h4{ font-size: 15px; height: auto; margin-bottom: 15px;}.nitem .c{ height: auto; margin-top: 20px; font-size: 12px;}.news-list li{ float: none; width: 100%;}}


.news2box{background: #fff;box-shadow: 0.349px 9.994px .3rem 0px rgba(179, 179, 179, 0.15);}
.news2box{padding:3.5vw 9vw 4.5vw}
.news2box .contentbox{padding: .3rem 0;line-height:.4rem;font-size:15px;min-height:300px;}
.news2box .contentbox img{display:inline-block;}
.news2box .contentbox strong{font-weight:bold;}
.news2top .h1{font-size: .28rem;color: #2f2f2f;margin-bottom: .25rem}
.news2top{text-align: center;padding-bottom: .5rem;border-bottom: .02rem solid #cccccc}
.news2top .h2{font-size:14px;color: #2f2f2f}
.news2top .share {margin-top:.2rem}
.news2bottom .item{float: left;width: 50%;text-align: center;font-size: 0;background: #f8f8f8;line-height: .7rem;transition: all .3s ease-in-out}
.news2bottom .item span{display: inline-block;vertical-align: middle;font-size:14px;color: #333;transition: all .3s ease-in-out;margin: 0 .15rem}
.news2bottom .item .txt{max-width: 65%;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
@media (min-width: 1000px){
  .news1tab .item:hover{background: #32336c;color: #fff}
  .news2bottom .item:hover{background: #32336c}
  .news2bottom .item:hover span{color: #fff}
  .news1tab2 .item:hover{background: #32336c;color: #fff}
}

@media (max-width: 1000px){
  .news2top .h2{font-size:12px;color: #2f2f2f}
  .news2bottom .item{float: left;width: 100%;}
  .news2bottom .item span {font-size:12px;}
  .news2con{padding: .45rem 0 .5rem;background: #fbfbfb}
  .news2box{padding:3.5vw 6vw 4.5vw}
}

/*ÎÊ´ð*/
.iframe {float:left;width:100%;margin-bottom:.6rem;}
.faqItem {float:left;width:100%;border:1px solid #ddd;margin-bottom:20px; /*padding:10px 20px;*/}
.faqItem .title {float:left;width:100%;cursor:pointer;padding:10px 20px}
.faqItem .title .lbl {float:left;width:calc(100% - 30px)}
.faqItem .title .bts {float:right;width:30px}
.faqItem .title .bts img:last-child{display:none}
.faqItem .title.on img:last-child{display:block;}
.faqItem .title.on img:first-child{display:none;}
.faqItem .title.on .lbl {color:#1e51a2;font-weight:bold;}
.faqItem .content {float:left;width:100%;padding:10px 20px;display:none}

.join5 .col-sm-6{padding: .15rem .18rem;margin-bottom:0}
.join5 .row{margin: 0 -.18rem}
.join5box input{height: .52rem;box-shadow: 0px .06rem .35rem 0px rgba(123, 123, 123, 0.14);background: #e7e7e7;display: block;width: 100%;font-size:14px;color: #333;padding: 0 .2rem}
.join5box input::placeholder{color: #666}
.join5box select{height: .52rem;color: #666;box-shadow: 0px .06rem .35rem 0px rgba(123, 123, 123, 0.14);display: block;width: 100%;font-size: .18rem}
.join5box select{appearance:none;-moz-appearance:none;-webkit-appearance:none;background: url(../images/down2.png) no-repeat 96% center #fff;padding: 0 .2rem}
.join5box .btn1{transition: all .3s ease-in-out;width: 2.2rem;line-height: .6rem; background: #1e51a2;font-size: .16rem;color: #fff;text-align: center;border-radius: .4rem;display: block;margin: 0 auto;margin-top: .65rem}
.join5box2 .title{font-size: .18rem;color: #333;padding: .2rem 0 .15rem;}
.join5box2 .input{margin-bottom: .24rem;position:relative;}
.join5box .input1{position:relative;}
.join5box .input1 span{position: absolute;left: .1rem;top: .1rem;color: red;}
.join5box2 .input span{position: absolute;left: .1rem;top: .1rem;color: red;}


.contMain {width:100%;background:#fff;padding:48px;float:left;margin-bottom:.5rem}
.contMain .top1 {float:left;width:100%;}

.contMain .grid {float:left;width:31%;margin-right:2%;border:1px solid #dddddd;padding:32px 20px;margin-bottom: 2%}

.contMain .grid:last-child {margin-right:0%;margin-bottom:0px;}
.contMain .grid .dizhi{border-radius: 50px;width: 55px;height: 55px;background-color: #1e51a2;text-align: center;line-height:55px;margin:0 auto;color: #fff;font-size: .3rem}
.contMain .grid .dizhi img {float:left;margin-left:13px;margin-top:15px;}
.contMain .grid h1{font-size: 16px;text-align: center;color:#333;margin-top:30px;line-height:24px;height:48px;}
.contMain .grid h1 a{color:#333;}

.feedItem {float:left;width:100%;margin-bottom:20px;}
.feedItem span{float:left;width:100%;font-size:14px;color:#797979}
.txtInput3 {float:left;width:100%;border:1px solid #9c9c9c;margin-top:10px;padding:10px;height:140px;}
.txtInput4 {float:left;width:100%;border:1px solid #9c9c9c;margin-top:10px;padding:10px;}
.txtInput5 {float:left;width:50%;border:1px solid #9c9c9c;margin-top:10px;padding:10px;}
.btnSubmit2 {float:left;width:250px;height:42px;line-height:42px;background:#1e51a2;text-align:center;color:#fff;}
.btnSubmit2:hover {background:#1e51a2}

.contMain .top2 {float:left;width:100%;margin-top:20px;}
.contMain .top2 .dl{float:left;width:60%;}
.contMain .top2 .top2Tit {float:left;width:100%;font-size:.24rem;line-height:.8rem}

.contMain .top2 .dr{float:left;width:40%;padding-left:40px;}

@media (max-width: 767px){
    .contMain .grid {float:left;width:100%;margin-right:0%;margin-bottom:20px;}
    .contMain {width:100%;background:#fff;padding:18px;float:left;}
    .contMain .top2 .dl{float:left;width:100%;}
    .contMain .top2 .dr{float:left;width:100%;padding-left:0px;}
    .txtInput5 {float:left;width:100%;border:1px solid #9c9c9c;margin-top:10px;padding:10px;}
    .btnSubmit2 {float:left;width:100%;height:42px;line-height:42px;background:#1e51a2;text-align:center;color:#fff;}
}

.con_map{float:left;width:100%;border:2px solid #1e51a2;margin-top:30px;}
.mapContent{float:left;width:100%;height:500px;}
.con_map img {max-width:initial}
.contact-map-focus {  position: fixed; top: 300px;  left: 15px;  width: 35px; height: 35px;  opacity: 0; background: url(../images/map_focus.png) no-repeat; background-size: 35px 35px; z-index: 1; cursor: pointer;}
.BMap_stdMpPan{ top: 88px;}
.BMap_stdMpZoom{ top: 133px !important;}
  
.BMap_bubble_content{ padding: 5%; font-size: 18px; line-height: 24px;}
.BMap_bubble_content span{ font-size: 15px; margin-top: 5px; display: block;}



.news1con .col-sm-4{padding: .24rem;}
.news1con .row{margin:0 -.24rem}
.news1con{}

.pro_main {float:left;width:100%;}

/*²úÆ·À¸Ä¿*/
.pro_main .pro_nav_box{float: left;width: 345px;border-bottom: 0px;}
.pro_main .pro_nav_box .nav_item{width:100%;border-bottom: 1px solid #ebebeb;}
.pro_main .pro_nav_box .nav_item .top_item{transition: all .3s linear; line-height: 52px;position: relative;background:url(../images/pro_sub_arrow_on.png) 20px center no-repeat #fff}
.pro_main .pro_nav_box .nav_item .top_item a{width: 100%;height: 100%;display: block;padding: 0px 20px 0px 60px;}

.pro_list_box {float:right;width:calc(100% - 365px);}

/*Êó±ê¾­¹ý*/
.pro_main .pro_nav_box .nav_item:hover .top_item{background: #1e51a2;background-size: 100% auto;}
.pro_main .pro_nav_box .nav_item:hover .top_item a{width: 100%;height: 100%;display: block; font-weight: bold;color: #FFFFFF;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
/*µã»÷Õ¹¿ª*/
.pro_main .pro_nav_box .nav_item.on .top_item{background: #1e51a2;background-size: 100% auto;}
.pro_main .pro_nav_box .nav_item.on .top_item a{width: 100%;height: 100%;display: block; font-weight: bold;color: #FFFFFF;}

/*×ÓÀ¸Ä¿¶¨Î»*/
.pro_main .pro_nav_box .nav_item.active .top_item{background: #1e51a2;background-size: 100% auto;}
.pro_main .pro_nav_box .nav_item.active .top_item a{width: 100%;height: 100%;display: block; font-weight: bold;color: #FFFFFF;}


.pro_main .pro_nav_box .nav_item .top_item .plus{transition: all .3s linear; cursor: pointer; color: #cdcdcd;font-size: 28px; width: 52px;height: 52px;line-height: 52px; position: absolute;top: 0px;right: 0px;z-index: 999; text-align: center;}

.pro_main .pro_nav_box .nav_item .top_item:hover .plus{color:#FFFFFF;}
.pro_main .pro_nav_box .nav_item.active .top_item .plus{color:#FFFFFF;}
.pro_main .pro_nav_box .nav_item.on .top_item .plus{color:#FFFFFF;transform: rotate(45deg);}

.pro_main .pro_nav_box .nav_item .sub{padding: 0px;/*display: none;*/background:#fff;margin-bottom:0px}
.pro_main .pro_nav_box .nav_item .sub li{padding: 0px 60px;line-height: 45px;}
.pro_main .pro_nav_box .nav_item .sub li a{transition: all .3s linear; width: 100%;padding-right: 30px;box-sizing: border-box; height: 100%;display: block;background: url(../images/pro_sub_arrow.png) right center no-repeat;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.pro_main .pro_nav_box .nav_item .sub li:hover a{text-indent: 10px;font-weight: bold;color: #32336c;background: url(../images/pro_sub_arrow_on.png) right center no-repeat;}
.pro_main .pro_nav_box .nav_item .sub li.on a{text-indent: 10px;font-weight: bold;color: #32336c;background: url(../images/pro_sub_arrow_on.png) right center no-repeat;}

@media only screen and (max-width:1440px ) {
  .pro_main .pro_nav_box{width: 300px;}
    .pro_list_box {float:right;width:calc(100% - 325px);}
}
@media only screen and (max-width:1200px ) {
  /*.pro_main .pro_nav_box{width: 280px;}
    .pro_list_box {float:right;width:calc(100% - 305px);}*/
}

@media only screen and (max-width:900px ) {
  .pro_main .pro_nav_box{width: 260px;}
    .pro_list_box {float:right;width:calc(100% - 280px);}
  .pro_main .pro_nav_box .nav_item .top_item{line-height: 60px;}
  .pro_main .pro_nav_box .nav_item .sub li{line-height: 35px;}
  .pro_main .pro_nav_box .nav_item .top_item .plus{width: 60px;height: 60px;line-height: 60px;font-size: 26px;}
}
@media only screen and (max-width:768px ) {
  .pro_main .pro_nav_box{width: 100%;margin-bottom: 30px;}
  .pro_main .pro_nav_box .nav_item .top_item{line-height: 50px;}
  .pro_main .pro_nav_box .nav_item .sub li{line-height: 30px;}
  .pro_main .pro_nav_box .nav_item .top_item .plus{width: 50px;height: 50px;line-height: 50px;font-size: 26px;}
  
  .pro_main .pro_nav_box .nav_item .top_item a{padding: 0px 20px;}
  .pro_main .pro_nav_box .nav_item .sub li{padding: 0px;}
    .pro_main {padding:10px 0px}
    .pro_list_box {float:right;width:100%;}
    .pro_list_box .col-sm-3 {padding-right:5px;padding-left:5px;}
}

.brand1 .nav{padding: .2rem 0;border-bottom: 1px solid #e2e2e2}
.brand1 .nav .left a{color:#999;transition: all .3s}
.brand1 .nav .left a.on{color:rgb(53, 53, 53)}
.brand1 .nav .left span{color: #32336c;font-size: .18rem;}
.brand1 .nav .right img{display: inline-block;margin-right: 5px;height: .18rem}
.brand1 .nav .right span{font-size: .18rem;color: rgb(102, 102, 102);display: inline-block;vertical-align: middle;transition: all .3s}
.brand1 .one{display: flex;padding: 0 0 .3rem 0;}
.brand1 .one .left{flex: 1;}
.brand1 .one .right{flex: 1;padding-left: 3.2vw;padding-top:5vw}
.brand1 .one .imgbox{position: relative;}
.brand1 .one .brandimg{width:11vw;height:8vw;position: absolute;background: #fff;top: -4vw;left: -6.6vw;box-shadow: 0px .09rem .59rem 0px rgba(0, 0, 0, 0.04);}
.brand1 .one .brandimg img{position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;}
.brand1 .one .left h1{font-size: .3rem;color: rgb(51, 51, 51);margin-bottom: .3rem}
.brand1 .one .left h1:before{content:"";width: .07rem;height: .32rem;display: inline-block;background:#32336c;vertical-align: middle;margin-right: .15rem}
.brand1 .one .left h2{font-size: .36rem;color: rgb(51, 51, 51);}
.brand1 .one .left .collect img{display: inline-block;}
.brand1 .one .left .collect span{font-size: .16rem;color:rgb(102, 102, 102);display: inline-block;vertical-align: middle;}
.brand1 .one .left .collect{display: inline-block;cursor: pointer;margin: .2rem 0;font-size: 0}
.brand1 .one .left p{font-size: .18rem;color: rgb(102, 102, 102);line-height:24px;}
.brand1 .one .left .supplier .txt{font-size: .24rem;color: rgb(51, 51, 51);}
.brand1 .one .left .supplier .btn1{transition: all .3s;font-size: .18rem;color: #fff;width: .78rem;line-height: .36rem;text-align: center;background: #f2b13e;border-radius: 25px;display: block;}
.brand1 .one .left .supplier{padding: .35rem 0 .15rem;position: relative;margin-top: 3vw}
.brand1 .one .left .supplier:before{content:"";height: 4px;width: 100%;left: 0;top: 0;background: url(../images/border.png);-webkit-background-size: cover;background-size: cover;position: absolute;}
.brand1 .one .left img{width: .35rem;margin-right: .1rem;}

.brand-title{font-size: .24rem;color: rgb(51, 51, 51);margin-bottom: .2rem}
.brand-title:before{content:"";width: .07rem;height: .32rem;display: inline-block;background:#32336c;vertical-align: middle;margin-right: .15rem}

@media (max-width: 1600px){
  .brand1 .one{align-items: center;}
}
@media (max-width: 767px){
  .brand1 .one{display: block;}
  .brand1 .one .left .collect span{font-size: 14px}
  .brand1 .one .left p{font-size: 14px}
  .brand1 .one .left{padding: 0;;padding-bottom: .3rem}
  .brand1 .one .right{padding: 0}
  .brand1 .one .left .supplier .btn1{font-size: 14px;line-height:.4rem;width: .9rem}
  .brand1 .one .brandimg{display: none;}
}

.pcpItem {float:left;width: calc((100% - 60px) / 3); margin-right:30px;margin-bottom:30px;box-shadow:0 1px 2px 0 rgba(0,0,0,0.1);border-right: solid 1px #dcdcdc}
.pcpItem:nth-child(3n) {margin-right:0;border-right: 0px}
.pcpItem a {width:100%;display:block;}
.pcpItem .img {float:left;width:100%;overflow:hidden;}
.pcpItem .img img {transition: all 1s;_transition: all 1s;}
.pcpItem .txtBox {float:left;width:100%;-webkit-transition: all 1s; transition: all 1s;}
.pcpItem .txtBox .proTitle {float:left;width:100%;}
.pcpItem .txtBox .proTitle h3{float:left;/*width:calc(100% - 30px);*/width:100%;font-size:16px;line-height:2;overflow:hidden;text-align:center;}
.pcpItem .txtBox .proTitle span{float:left;width:30px;height:30px;display:block;background:url(../images/eye.png);background-position:30px 0px;display:none}
.pcpItem .txtBox .line {width:30px;float:right;border-bottom:1px solid #999;margin-top:5px;-webkit-transition: all 1s; transition: all 1s;}
.pcpItem a:hover .img img{transform: scale(1.1);}
.pcpItem a:hover .txtBox{background:#32336c}
.pcpItem a:hover .txtBox h3{color:#fff;}
.pcpItem a:hover .txtBox span{background:url(../images/eye.png);background-position:0px 0px;}
.pcpItem a:hover .line{width:100%;border-bottom:1px solid #fff;}

@media (max-width: 767px){
    .pcpItem {float:left;width: calc((100% - 12px) / 2); margin-right:12px;margin-bottom:20px;}
    .pcpItem:nth-child(3n) {margin-right:12px;}
    .pcpItem:nth-child(2n) {margin-right:0;}
    .pcpItem .txtBox {padding:10px;}
    .pcpItem .txtBox .proTitle {margin:0}
    .pcpItem .txtBox .proTitle h3{float:left;width:100%;font-size:12px;line-height:20px;height:40px;overflow:hidden;}
    .pcpItem .txtBox .proTitle span {display:none}
    .pcpItem .txtBox .line {width:100%;}
}
@media (min-width: 768px) and (max-width: 991px){
    .pcpItem {float:left;width: calc((100% - 20px) / 2); margin-right:20px;margin-bottom:20px;}
    .pcpItem:nth-child(3n) {margin-right:20px;}
    .pcpItem:nth-child(2n) {margin-right:0;}
    .pcpItem .txtBox {padding:10px;}
    .pcpItem .txtBox .proTitle {margin:8px 0}
    .pcpItem .txtBox .proTitle h3{font-size:14px;}
}
@media (min-width: 992px) and (max-width: 1199px) {
    .pcpItem {float:left;width: calc((100% - 40px) / 3); margin-right:20px;margin-bottom:20px;}
    .pcpItem:nth-child(3n) {margin-right:0;}
    .pcpItem .txtBox {padding:15px;}
    .pcpItem .txtBox .proTitle {margin:8px 0}
    .pcpItem .txtBox .proTitle h3{font-size:14px;}
}
@media (min-width: 1200px) and (max-width: 1280px) {
    .pcpItem .txtBox {padding:15px;}
    .pcpItem .txtBox .proTitle {margin:8px 0}
    .pcpItem .txtBox .proTitle h3{font-size:14px;}
}
@media (min-width: 1281px) and (max-width: 1366px) {
    .pcpItem .txtBox {padding:15px;}
    .pcpItem .txtBox .proTitle {margin:8px 0}
    .pcpItem .txtBox .proTitle h3{font-size:14px;}
}

.prodetails{}
.prodetails .nav{padding: .42rem 0;}
.prodetails .nav .left a{color:#999;transition: all .3s}
.prodetails .nav .left a.on{color:rgb(53, 53, 53)}
.prodetails .nav .left span{color: #32336c;font-size: .18rem;}
.prodetails .nav .right img{display: inline-block;margin-right: 5px;height: .18rem}
.prodetails .nav .right span{font-size: .18rem;color: rgb(102, 102, 102);display: inline-block;vertical-align: middle;transition: all .3s}

.pro-title{font-size: .24rem;color: rgb(1, 51, 51);padding-left: .3rem;position: relative;}
.pro-title:before{content: "";width: .07rem;height: .3rem;position: absolute;left: 0;top: 50%;margin-top: -.15rem;background: #32336c}

.prodetails .three{background: #fff;margin-bottom: .2rem;padding: .5rem 0}
.prodetails .three .btn-box a{font-size: .18rem;color: #fff;display: inline-block;width: 2.5rem;line-height: .6rem;text-align: center;border-radius: 30px;cursor:pointer;transition:all .3s}
.prodetails .three .btn-box .btn2{background: #32336c;margin-right: .16rem}
.prodetails .three .btn-box .btn3{background: #32336c}
.prodetails .three .btn-box{font-size: 0;text-align: center;margin-top: .4rem}
.prodetails .three .name{font-size: .24rem;color: rgb(51, 51, 51);text-align: center;margin-top: .5rem}
.prodetails .three .swiper{display: flex;align-items: center;position: relative;}
.prodetails .three .swiper-container{width: 50%;padding-bottom: .4rem}
.prodetails .three .swiperbtn{width: 25%;}
.prodetails .three .btn1{width: .9rem;height: .9rem;position: relative;background: #f4f5f6;border-radius: 50%;margin: 0 auto;cursor: pointer;margin-top: -.4rem;user-select:none;}
.prodetails .three .btn1 img{position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;width: .28rem}
.prodetails .three .swiper-pagination-bullet{width: .3rem;height:4px;opacity: 1;border-radius: 0;background: #eeeff0;margin: 0 3px;}
.prodetails .three .swiper-pagination-bullet-active{background: #32336c}
.prodetails .three .swiper-pagination{bottom: 0}
.prodetails .three .btn1 img{opacity: 0.3;transition:all .25s;}
.prodetails .three .ask1{height: 3rem;background:rgba(247, 180, 38,0.929);position: absolute;z-index: 10;top: 50%;margin-top: -1.7rem;width: 32vw;left: 50%;margin-left: -16vw;}
.prodetails .three .ask1{padding: 0 2.5vw;z-index: 20;display: none;}
.prodetails .three .ask1 .col{float: left;width: 50%;padding: 0 .1rem}
.prodetails .three .ask1 .row{margin: 0 -.1rem}
.prodetails .three .ask1 .input{border-bottom: 1px solid #fff;position: relative;margin-top: .2rem}
.prodetails .three .ask1 .input input{width: 100%;color: #fff;font-size: .16rem;height: .32rem;background: transparent;padding: 0 5px}
.prodetails .three .ask1 .input input::-webkit-input-placeholder{color:#fff;}
.prodetails .three .ask1 .input:before{content:"";height: .05rem;width: 1px;background: #fff;position: absolute;left: 0;bottom: 0}
.prodetails .three .ask1 .input:after{content:"";height: .05rem;width: 1px;background: #fff;position: absolute;right: 0;bottom: 0}
.prodetails .three .ask1 h1{font-size: .3rem;color: #fff;text-align: center;}
.prodetails .three .ask1 .submit{background: none;padding: 0;display: block;margin: .28rem auto 0}
.prodetails .three .ask2{height: 3rem;background:rgba(247, 180, 38,0.929);position: absolute;z-index: 10;top: 50%;margin-top: -1.7rem;width: 32vw;left: 50%;margin-left: -16vw;}
.prodetails .three .ask2{padding: 0 6vw;display: none;z-index: 20}
.prodetails .three .ask2 img{margin: 0 auto;width: .69rem}
.prodetails .three .ask2 p{font-size: .16rem;color: #fff;line-height: 1.316;margin-top: .35rem}


.prodetails .three{padding: .35rem 0;background: #fff;margin-bottom: .2rem;}
.prodetails .three .right span{font-size: .24rem;color: rgb(102, 102, 102);display: inline-block;vertical-align: middle;}
.prodetails .three .right img{display: inline-block;margin-right:5px;width: .48rem}

.prodetails .four{padding-top: .4rem;background: #fff;padding-bottom: .32rem}
.prodetails .four .imgbox{overflow: hidden;padding:30px;line-height:30px;font-size:15px;}

@media (min-width: 1000px){
.prodetails .three .btn-box a:hover{transform:translateY(-5px)}
.platform .four .next:hover img{transform:translateX(8px)}
.platform .four .prev:hover img{transform:translateX(-8px)}
.prodetails .three .btn1:hover img{opacity:1}
.prodetails .three .prev .btn1:hover img{transform:translateX(-5px)}
.prodetails .three .next .btn1:hover img{transform:translateX(5px)}
}
@media (max-width: 767px){
    .prodetails .three{padding-top:0}
    .prodetails .four .imgbox{padding:0px 15px;}
    .pro-menu .item{width:1.2rem}
  .pro-menu .item p{font-size:5px;}

  .search-box .right{padding: 0 10px}
  .search-box .right span{font-size: 14px;}
  .search-box input{font-size: 14px;}
  .prodetails .three .btn-box a{width: 40%}
  .prodetails .three .swiper-container{flex: 1;margin: 0 15px}
  .prodetails .three .name{font-size: 18px;}
  .prodetails .three .swiperbtn{position: absolute;z-index: 10;    width: auto;padding: 0 15px;}
  .prodetails .three .prev{left: 0;}
  .prodetails .three .next{right: 0;}
  .prodetails .three .btn1{background: rgba(255,255,255,.1)}
  .prodetails .three .ask1 .input input{font-size: 14px;}
  .prodetails .three .ask1 .col{width: 100%}
  .pro-menu{display: none;}
  .prodetails .three .ask1{height: 3.6rem;top: 0;margin:0;left: 0;right: 0;width: auto;}
  .prodetails .three .ask2{height: 3.6rem;top: 0;margin:0;left: 0;right: 0;width: auto;}
}
.text-content table{border-collapse:collapse; border:0px none; border-top:1px solid #464646 !important; border-left:1px solid #464646 !important; border-spacing:0; table-layout:fixed;}
.text-content table tr{height:auto !important;}
.text-content table td{/*width:100% !important;*/ height:auto !important; border:0px none !important; line-height:1.5; padding:5px 5px !important; text-align:left; border-right:1px solid #464646 !important; border-bottom:1px solid #464646 !important; font-size:13px;}
.text-content table td p{display:block; margin:0;/*word-break:break-all;*/width:100%;}
.text-content table td span{display:inline-block; margin:0;}
.text-content table tr{transition:all .2s;}
.text-content table tr:hover{background:#e7f1fc;}
.text-content .con {float:left;width:100%;overflow-x:scroll}
/*.text-content p {word-break:break-all;}*/
.text-content .con img {max-width:100%;}
@media (min-width: 767px){
    .text-content table{width:100% !important; }
    .text-content .con {float:left;width:100%;overflow-x:hidden;}
}

@media (max-width: 767px){
    .text-content table{width:860px !important; }
}
.p_problemCategory {float:left;width:100%;text-align:center;background:#32336c;color:#fff;height:50px;line-height:50px;margin-bottom:15px;cursor:pointer;}

#fh5co-contact {margin-top:10px;float:left; width:100%;margin-top:.3rem}
#fh5co-contact p{ font-size:16px; line-height:30px;}
#fh5co-contact .contact-info {margin: 0;padding: 0;margin-top:20px;float:left;}
#fh5co-contact .contact-info li {list-style: none;margin: 0 0 15px 0;position: relative;width:100%;float:left;}
#fh5co-contact .contact-info li span {width:62px;display:block;float:left;}
#fh5co-contact .contact-info li div {float:left;}
#fh5co-contact .contact-info li a {font-weight: 400 !important;}
#fh5co-contact .form-control {-webkit-box-shadow: none;-moz-box-shadow: none;-ms-box-shadow: none;-o-box-shadow: none;box-shadow: none;border: none;border: 1px solid rgba(0, 0, 0, 0.1);font-size: 14px;font-weight: 400;-webkit-border-radius: 0px;-moz-border-radius: 0px;-ms-border-radius: 0px;border-radius: 0px;}
#fh5co-contact .form-control:focus, #fh5co-contact .form-control:active {border-bottom: 1px solid rgba(0, 0, 0, 0.5);}
#fh5co-contact input[type="text"] {height: 50px;}
#fh5co-contact .form-group {margin-bottom: 30px;}
@media (max-width: 767px){
    #fh5co-contact .col-md-12 {padding:0;}
    #fh5co-contact .col-md-12 .form-group{margin-bottom:10px;}
    #fh5co-contact .col-md-6 {padding:0;}
    #fh5co-contact .col-md-6 .form-group{margin-bottom:10px;}
}

.idxtitle{text-align: center;}
.idxtitle .h1{font-size:.32rem;font-weight: bold;text-transform: uppercase;font-family:"DIN";line-height: 1}
.idxtitle .line{width: .4rem;height: 2px;background: #585858;margin-top: .25rem;display: inline-block;vertical-align: top;}

.prode3{padding: 2% 0 2%;background: #f7f7f7}
.prode3 .item{background: #fff}
.prode3 .idxtitle{margin-bottom: .5rem;}
.prode3box{position: relative;}
.prode3box .swiperbtn{width:.14rem;height: .24rem;position: absolute;top: 50%;margin-top: -.12rem;left: -.45rem;z-index: 10;}
.prode3box .swiperbtn.next{left: auto;right: -.45rem;}
.prode3box .swiperbtn img{position: absolute;left: 0;top: 0;transition: all .3s;}
.prode3box .swiperbtn img:nth-child(2){opacity: 0;}


@media (min-width: 1000px){
    .reviewbox .item:hover{box-shadow:0px 0px 5px rgba(0,0,0,.15)}
    .protabitem .item:hover{color: #fff;background: #699cff}
    .probox .item:hover .img1{transform:scale(1.1)}
  .probox .item:hover{background: rgba(0,0,0,.2);}
  .probox .item:hover .content{background:rgba(0,0,0,.2);transform: translateY(-5px);padding:.15rem .1rem 0;}
    .probox .item:hover .img2{opacity: 1;}
    .probox .item:hover .content:before{opacity: 0;}
    .probox .item:hover .h1{color: #fff}
    .probox .item:hover p{color: #fff}
    .prode1right .btnbox a:hover{border-color: #699cff;color: #fff}
    .prode1right .btnbox a:hover:after{width: 100%}
    .prode2 .tagbox .itembox .item:hover{background: #699cff;color: #fff}
    .prode3box .swiperbtn:hover img:nth-child(1){opacity: 0;}
    .prode3box .swiperbtn:hover img:nth-child(2){opacity: 1;}
    .about3 .item:hover .imgbox img{transform: scale(1.05);}
}
@media (max-width: 1200px){
  .protabitem .itemsbox{padding-right: 10vw}
}
@media (max-width: 1000px){
  .probox .item .content{height:160px}
}
@media (max-width: 767px){
.proroute .more{float:right;display: none!important;}
.review-more{font-size:13px;width: 200px;line-height:36px;}
  .subnav{top: -21px}
  .subnav .col{width:100%;margin-bottom:0}
  .subnav .item span{font-size: 13px;}
  .subnav-menu{display: flex;padding: 0 15px;font-size: 14px;height:42px;background: #699cff;align-items: center;color: #fff}
    .subnav .container{position: absolute;top: 42px;margin: 0 -15px;left: 0;padding: 0;right: 0;background: #fff;display: none;box-shadow: 0px 0px 5px 1px rgba(0,0,0,.15)}
    .subnav .item{width:100%;line-height: 42px;    border-bottom: 1px solid rgba(0,0,0,.05);float: none;display: block;box-shadow:none;}
    .subnav .item span{font-size: 13px;color: #333}
    .subnav .item.on span{color: #699cff}
    .subnav .item .icon{display: none;}
    .subnav .item:after{display: none;}
    .subnav-menu .icon{width: 16px;height: 16px;background: url(../images/open.png);background-size: cover;transition: all .5s ease;}
    .subnav-menu.on .icon{transform: rotate(180deg);}
  .protabitem{display: block;padding: 8px 0}
  .protabitem .title1{width: auto;font-size: 13px;line-height:22px;padding-left: 0;margin-bottom: 5px}
  .protabitem .item{font-size: 13px;line-height: 22px;margin: 5px 8px 5px 0;padding: 0 6px}
  .protabitem .itemsbox{padding-right: 0}
  .probox .col-sm-4{padding: 5px}
  .probox .item .h1{font-size: 13px}
  .probox .row{margin: -5px}
  .probox .item .content{height:120px}
  .probox .item p{line-height: 1.6}
  .prode3box{margin: 0 .8rem}
  .prode3box .item{padding: 8px;}
  .prode3box .swiperbtn{width: 12px;}
  .prode3{padding: .6rem 0}
  .prode2 p{font-size: 13px;}
  .prode2 .tagbox{display: block;}
  .prodetab .col-sm-3{padding:2px;}
  .prodetab{padding: .1rem 0}
  .prodetab .item{font-size: 13px;}
  .prode2 .tagbox .title1{font-size: 13px;line-height: 24px;margin-bottom: 8px;}
  .prode2 .tagbox .itembox .item{font-size: 13px;line-height: 24px;padding:0 8px;margin-right: 8px;margin-bottom: 8px;}
  .prode1box{padding: .3rem;}
  .prode1left{float: none;width: 100%}
  .prode1right{float: none;width:100%}
  .prode1right{padding-top: 15px;padding-left: 0}
  .prode1right .infobox .item{width: 100%;padding: .16rem 0}
  .prode1right .infobox .item .title1{font-size: 13px;width: 100px}
  .prode1right .infobox .item .txt1{font-size: 13px;}
  .prode1right .h1{font-size: 16px;}
  .prode1right .btnbox a{font-size: 13px;margin-right: .3rem}
  .proroute2 .container{display: block;height: auto;padding: 10px 0;font-size: 0}
  .proroute2 .container>a{display: inline-block;vertical-align: middle;margin-bottom: 5px}
  .proroute2 .container>div{display: inline-block;vertical-align: middle;margin-bottom: 5px}
  .proroute .more img{width: 12px;}
  .about2-1box .item .imgbox{width: 100%;float: none!important;}
  .about2-1box .item .txtbox{position: relative;top: 0;transform:none;width: 100%;margin-top: 15px;}
  .about2-1box .item .txtbox p{font-size: 13px;}
  .about2-1box .item{margin-bottom: .6rem}
  .about2-1{padding-bottom: 0}
  .about2-2box{display: block;}
  .about2-2box img{width: 100%}
  .about2-2box .txtbox{padding: 0;margin-top: 15px;}
  .about2-2box .txtbox .item{font-size: 13px;padding: 0;margin-bottom: 10px}
  .about2-2{padding: .6rem 0}
  .about3 .col{width: 100%}
  .about3 .item .h1{font-size: 16px;}
  .about3 .item .item1{font-size: 13px;}
  .about3{padding-bottom: .6rem}
  .about4box .item{padding: .5rem}
  .about4box .item .h1{font-size: 15px;}
  .about4box .item p{font-size: 12px;}
  .banner2 .h1{font-size: 30px;}
  .banner2 .h2{font-size: 14px;}
  .about1-2box .item{width: 100%;font-size:13px;}
  .about1-2box .item .num{font-size: 18px;}
  .about1-2box .item .title1:before{width: 8px;height: 8px;margin-top: -4px;left: .15rem}
  .about1-1 .content{font-size: 13px;}
}

.divLanguage {float:left;width:100%;margin-top:5px;}
.dmList {display:table;margin:0 auto;}
.gj{ float:left;margin-right:8px; }
.gj img{ float:left;margin-right:8px; margin-top:10px}
.gj a{ color:#000000}


.kf{transition:.8s;z-index:999999;background-color:transparent;position:fixed;bottom: 20%;right:0;width:50px;border-radius:5px;}
.kf span{z-index:1000001;transition:.5s;cursor:pointer;position:relative;display:block;width:50px;height:50px;border-radius:5px 0 0 5px;margin-bottom:3px;background-color:#a7afb9}
.kf span:hover{background-color:#32336c}
.kf .zx{background-position:0 0;background:#a7afb9 url(../images/kf/kefu-zx.png)no-repeat center top 12px}
.kf .back_top{border:none;background:#a7afb9 url(../images/kf/kf-top.png)no-repeat center top 13px}
.kf span a{transition:.5s;display:block;color:#fff;line-height:24px;font-size:14px;text-align:center;padding-top:22px}
.kfimgr{position:absolute;bottom:23px;right:-9px}
.kf span div i{display:block;position:absolute;width:15px;height:200px;right:-15px;top:0}
.kf .freetel{background:#a7afb9 url(../images/kf/kefu-qq.png)no-repeat center}
.kf .zxlya{background:#a7afb9 url(../images/kf/kf-wx_03.png)no-repeat center}
.kf span:nth-child(4) div{white-space:nowrap}
.kf a{display:block;height:68px;position:absolute;top:0;right:0;width:100%}
.nav_center div,.index_nav_center div,.shou,.zhan{-webkit-box-shadow:0 2px 18px rgba(0,0,0,0.25);box-shadow:0 2px 18px rgba(0,0,0,0.25)}
.kf .zxlya .erweima{display:none;right:62px;position:absolute;top:-72px;background:#fff;padding:5px;text-align:center;box-shadow:0 2px 13px rgba(0,0,0,0.25);border-radius:5px}
.kf .zxlya .erweima p img {width: 110px;height: 110px;display: block;max-width: 110px;max-height: 110px;}
.kf .zxzx{display:none;right:86px;position:absolute;top:6px;background:#fff;padding:10px 20px;text-align:center;box-shadow:0 2px 13px rgba(0,0,0,0.25);border-radius:5px;width:110px;font-size:14px;color:#333}
.kfimgr{position:absolute;bottom:23px;right:-9px}
.kf-ly{background:#a7afb9 url(../images/kf/kf-ly_03.png)no-repeat center}
    

.kf-contact{background:#a7afb9 url(../images/kf/kf-ly_03.png)no-repeat center}
.kf-phone{background:#a7afb9 url(../images/kf/kf-phone1.png)no-repeat center}
.kf-phone1,.zxwb{display:none;font-size:15px;color:#333;background-color:#fff;position:absolute;right:60px;box-shadow:0 0 20px rgba(0,0,0,0.2);padding:10px 12px;background:#fff;border-radius:5px;white-space:nowrap}
.kf-phone1 .kfimgr,.zxwb .kfimgr{bottom:10px}
.kf-shqi{width:100%;height:40px}
.kf-shqi .m-icon{display:block;margin:0 auto;width:30px;height:30px;border-radius:50%;background:#a7afb9 url(../images/kf/kf-close.png) no-repeat center;background-size:15px;cursor:pointer;transform:rotate(45deg);transition:all 0.3s}
.kf-shqi .m-icon:hover{background-color:#32336c}
.kf.show .m-icon{transform:rotate(0)}
.nav_center div,.index_nav_center div,.shou,.zhan{-webkit-box-shadow:0 2px 18px rgba(0,0,0,0.25);box-shadow:0 2px 18px rgba(0,0,0,0.25)}
.kf .zxlya .erweima{display:none;right:66px;position:absolute;top:-115px;background:#fff;padding:20px;text-align:center;box-shadow:0 2px 13px rgba(0,0,0,0.25);border-radius:5px}
.kf .zxzx{display:none;right:86px;position:absolute;top:6px;background:#fff;padding:20px;text-align:center;box-shadow:0 2px 13px rgba(0,0,0,0.25);border-radius:5px;width:150px;font-size:14px;color:#333}
.kfimgr{position:absolute;bottom:23px;right:-9px}
.kffixed{position:fixed;display:none;bottom:0;z-index:20;width:100%;height:49px;overflow:hidden}
.kufuul{text-align:center;padding:2px 0;width:100%;height:49px;position:absolute;bottom:0;left:0;display:inline-block}
.kefu{padding:0}
.kefu li{float:left;height:45px;text-align:center;color:#fff;line-height:45px;color:#fff;transition:all .4s}
.kfzx-tigg{width:49.5%;height:45px;display:block;float:left;line-height:45px;opacity:1;transition:1s opacity}
.kfzx-enter{opacity:0}
.kf-zx{display:block;width:100%;height:100%;color:#fff;line-height:45px;text-align:center;background:#32336c}
.kf-zx img{display:inline-block;vertical-align:middle;margin-right:10px}