@charset "utf-8";
.tb80{ padding: 80px 0; }
/*HeaderSTART*/
.header{ height:80px;line-height:80px; }
.header .logo-img{ display:table-cell;max-width:250px;max-height:80px;vertical-align:middle;text-align:center; }
.header .logo-img img{ max-height:77px;vertical-align: middle; }
.nav ul li{
    position: relative;
    float: left;
    -webkit-perspective: 60px;
    -moz-perspective: 60px;
    -ms-perspective: 60px;
    perspective: 60px;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
    z-index: 999
}
.nav ul li a{display:block; padding: 0 25px;}
.nav ul li:first-child a{background:none;}
.nav ul li:last-child a{ padding-right: 0; }
.nav ul li .childer{
    position: absolute;
    width: 160px;
    height: auto;
    top: 80px;
    left: 0;
    padding-bottom: 5px;
    background: transparent;border-bottom-left-radius: 3px;border-bottom-right-radius: 3px;
    -webkit-transform-origin: 0px 0px;
    -moz-transform-origin: 0px 0px;
    -ms-transform-origin: 0px 0px;
    transform-origin: 0px 0px;
    -webkit-transform: rotateX(-60deg);
    -moz-transform: rotateX(-60deg);
    -ms-transform: rotateX(-60deg);
    transform: rotateX(-60deg);
    -moz-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 9999;
}
.nav ul li .childer a{
    height: 35px;
    line-height: 35px;
    text-align: left;
    color:#fff;
    padding-left: 15px;
    border-left-width: 2px;
    border-right-width: 0;
    border-top-width: 0;
    border-bottom-width: 0;
    border-style: solid;
    border-color: transparent;
    overflow: hidden;
    font-weight: normal !important;
}
.nav ul li .childer a:hover{
    background: #fbfbfb;
    color: #0e94eb;
    border-left-width: 2px;
    border-right-width: 0;
    border-top-width: 0;
    border-bottom-width: 0;
    border-style: solid;
    border-color: #fff;
}
.nav ul li .childer,
.nav ul li .childer a,
.nav ul li .bot-bottom{
    transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
}
.nav ul li:hover .childer{
    -webkit-transform: rotateX(0deg);
    -moz-transform: rotateX(0deg);
    -ms-transform: rotateX(0deg);
    -ms-transform: rotateX(0deg);
    transform: rotateX(0deg);
}
.nav ul li.on .childer a{ color: #fff; }
.nav ul li.on a{ font-weight: bold;color:#333; }
/*HeaderNED*/
/*SlidesSTART*/
.swiper-container { min-width: 1180px; width: 100%;height: auto;background: #fff; }
.swiper-slide {min-width:1150px;text-align: center;font-size: 18px;background: #252c36;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;
    -webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;background-repeat: no-repeat;}
.swiper-slide img{display: block;max-width: 100%;height: auto;margin-left: auto;margin-right: auto;}
.slide-usezans .swiper-button-next,
.slide-usezans .swiper-button-prev{ width:50px !important;height:50px !important; background: none;}
.slide-usezans .swiper-button-next{right:2% !important;}
.slide-usezans .swiper-button-prev{left:2% !important;}
.slide-usezans .swiper-button-next .span-next,
.slide-usezans .swiper-button-prev .span-prev{ color: #fff;font-size: 50px; }
.slide-usezans.swiper-container .swiper-button-prev.swiper-button-disabled,
.slide-usezans.swiper-container .swiper-button-next.swiper-button-disabled{opacity:0;}
.slide-usezans.swiper-container-horizontal .swiper-pagination-bullets{ bottom: 5%; }
.slide-usezans.swiper-container-horizontal .swiper-pagination-bullets .swiper-pagination-bullet{ opacity: .4; }
.slide-usezans.swiper-container-horizontal .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active{ opacity: 1; }
.swiper-container .wrapper-intro{ position: relative; width: 1200px; margin: 0 auto; }
.swiper-container .wrapper-intro .text-slide{
    width: 900px;
    position: absolute;
    top: 50%;
    left: 0;
    text-align: left;
    transform: translate(0,-55%);
    -webkit-transform: translate(0,-55%);
}
.swiper-container .wrapper-intro p{ color: #fff;line-height: inherit; }
.swiper-container .wrapper-intro .p1,
.swiper-container .wrapper-intro .p2{ font-size: 48px;line-height: 55px; font-weight: bold; }
.swiper-container .wrapper-intro .p3{ font-size: 16px;color: rgba(255,255,255,.5);padding-top: 15px; }
.swiper-container .swiper-slide .url{display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 106;}
.swiper-container .wrapper-intro .go-bottom{
    position: absolute;bottom: 20%;left: 0; display:block;cursor: pointer;z-index: 110;
    -webkit-animation: scaleout 2s infinite ease-in-out;
    -moz-animation: scaleout 2s infinite ease-in-out;
    animation: scaleout 2s infinite ease-in-out;
}
@-webkit-keyframes scaleout {
    0% {
        -webkit-transform: scale(1.0);
        -moz-transform: scale(1.0);
        -ms-transform: scale(1.0);
        transform: scale(1.0);
    }
    100% {
        -webkit-transform: scale(1.5);
        -moz-transform: scale(1.5);
        -ms-transform: scale(1.5);
        opacity: 0;
    }
}
@keyframes scaleout {
    0% {
        -webkit-transform: scale(1.0);
        -moz-transform: scale(1.0);
        -ms-transform: scale(1.0);
        transform: scale(1.0);
    } 100% {
          -webkit-transform: scale(1.5);
          -moz-transform: scale(1.5);
          -ms-transform: scale(1.5);
          transform: scale(1.5);
          opacity: 0;
      }
}
/*SlidesNED*/
/*FooterSTART*/
.footer:after{ display: block;content: "";clear: both; }
.footer{ padding: 60px 0 0; }
.footer a{ color: #333; }
.footer-nav ul li{min-width: 185px;float: left;}
.footer-nav ul li h3{font-size: 16px;color: #333;}
.footer-nav ul li a{ color: #666;display: block;padding-top: 15px; }
.footer-right .phone{float: right;min-width: 220px;text-align:right;}
.footer-right img.code{margin-left: 20px;border: 6px solid #fff;}
.footer-right .phone span{display: block;color: #666;}
.footer-right .phone strong{font-size: 32px;color: #333;padding:3px 0;}
.footer-right .phone a.qq{float: right;display: block;width: 100px;height: 28px;line-height:27px;text-align: center;
    background: #7d7d7d;color: #fff;border-radius: 45px;}
.copyright{height: 55px;line-height: 55px;border-top: 1px solid #f0f0f0;color:#333}
.back-black .footer-nav ul li h3,
.back-black .phone strong{color:#fff;}
.back-black .footer-nav ul li a,
.back-black .footer-right .phone span{color: rgba(255,255,255,.8);}
.back-black .footer-right .phone a.qq{background: rgba(125,125,125,.8);}
.back-black .copyright,.back-black .copyright a{border-color:rgba(255,255,255,.3);color: rgba(255,255,255,.8);}
/*FooterNED*/
/*++------------------------
/*++  Plate-Module
/*++------------------------*/
.comm-title{ position: relative;margin-bottom: 30px; }
.comm-title .title h3{ font-size:36px;color:#333;padding-bottom:5px; }
.back-black .comm-title .title h3,
.back-black .comm-title .subcat a{ color: #fff; }
.back-black .comm-title .title p { color: rgba(255,255,255,.8); }
.comm-title .title p{ color: #333; }
.comm-title:after{ display: block;content: "";clear: both; }
.comm-title .title{ width: 50%;float: left; }
.comm-title .subcat{ width: 50%;float: right;margin-top:33px;text-align:right; }
.comm-title .subcat a{ padding:5px 15px;color:#333;cursor:pointer;border-radius:65px;margin-right:5px; }
.comm-title .subcat a:hover,
.comm-title .subcat a.on{ color:#fff; }/*Page-aSTART*/
.page-a.plate-page:after{ display: block;content: "";clear: both; }
.page-a.plate-page .page-gs{ height: 400px;overflow: hidden; }
.page-a .w50{ width: 50%;height: 100%; }
.page-a .text-info{ position: relative;float: left; }
.page-a .text-info .text-width{ width:90%;position:absolute;top:50%;left:0;-webkit-transform: translate(0,-50%);transform: translate(0,-50%);z-index: 66; }
.page-a .text-info h5{ font-size: 36px; }
.page-a .text-info em{ display: block;width: 70px;height: 2px;background: #000;margin: 30px 0; }
.page-a .text-info .remark{ line-height: 25px; }
.page-a .text-info .a-more{ display: block;width: 148px;height: 43px;margin-top: 40px;text-align: center;line-height: 43px; border: 1px solid #e6e6e6;border-radius: 65px; }
.page-a .page-img{ float: right; }
.page-a .page-img img{ display:block;width:100%;height:100%; }
.back-black.page-a .text-info h5{ color: #fff; }
.back-black.page-a .text-info em{ background: #fff; }
.back-black.page-a .text-info .remark{ color: rgba(255,255,255,.8); }
.back-black.page-a .text-info .a-more{ border-color: rgba(255,255,255,.6);color: #fff; }
.page-a .text-info .a-more:hover{ color: #fff; border-color: transparent; }
/*Page-aNED*//*Team-aSTART*/
.team-a .team-lists:after{ display: block;content: "";clear: both; }
.plate-team.team-a{ padding-bottom: 65px; }
.plate-team.team-a .comm-title{ margin-bottom: 15px; }
.team-a .team-lists{ position: relative; }
.team-a .team-lists .bd ul{ padding: 15px 0 !important; }
.team-a .team-lists ul li{ width:380px;float:left;margin-right:30px;background:#fff;-webkit-transition: all .4s ease-out;transition: all .4s ease-out; }
.team-a .team-lists ul li img{ cursor: pointer;display:block;width:100%; }
.team-a .team-lists ul li .remark{ padding:10px 20px 24px;border:1px solid #eee; }
.team-a .team-lists ul li .remark h5{ font-size:18px;color:#333;padding-bottom:10px;border-bottom:1px solid #eee; }
.team-a .team-lists ul li .remark h5 em{ font-size:14px;color:#666;padding-top:6px; }
.team-a .team-lists ul li .remark .desc{ padding:20px 0 25px; }
.team-a .team-lists ul li .remark a{ cursor: pointer; font-size:12px; }
.team-a .team-lists .hd a{ position:absolute;top:-55px;width:33px;height:33px;text-align:center;line-height:35px;border:1px solid #eee;background:#fff;cursor:pointer;font-size:25px; }
.team-a .team-lists .hd .prev{ right: 0; }
.team-a .team-lists .hd .next{ right: 45px; }
.team-a .team-lists .hd .prev.prevStop,
.team-a .team-lists .hd .next.nextStop{ opacity: .3; }
.team-a .dask-team:after,.team-a .dask-remark:after{ display: block;content: "";clear: both; }
.team-a .dask-team { position:fixed;top:30%;left:50%;width:675px;height:auto;background:#fff;margin:0 0 0 -337.5px;z-index:555; }
.team-a .dask-team .tit{ height:60px;line-height:60px; padding:0 25px;border-bottom:1px solid #eee; }
.team-a .dask-team .tit h5{ font-size: 18px;color: #333; }
.team-a .dask-team .tit span{ color: #666;font-size: 14px;padding-left: 10px; }
.team-a .dask-team .dask-remark{ padding: 20px 25px; }
.team-a .dask-team .dask-remark .t-left{ width: 280px;height: auto; }
.team-a .dask-team .dask-remark .t-left img{ width: 100%; }
.team-a .dask-team .dask-remark .t-right{ position: relative; width:325px; }
.team-a .dask-team .dask-remark .t-right h6{ font-size: 14px;color: #333;padding:20px 0 10px; }
.team-a .dask-team .dask-remark .t-right p{ font-size: 12px;color: #333; }
.team-a .dask-team .team-colse{ font-size:28px;position: absolute;top:15px;right:25px; width: 28px;height: 28px;z-index: 10;cursor: pointer; }
.team-a .team-lists ul li:hover{ box-shadow: 0 0 20px rgba(0,0,0,.3); }
.team-a.back-black .team-lists ul li:hover{ box-shadow: 0 0 15px rgba(255,255,255,.4); }
.team-a.back-black .team-lists ul li .remark{ border:1px solid transparent; }
.dask-team-ceng { position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,.8);z-index: 100;overflow: hidden; }
/*Team-aNED*//*Picture-eSTART*/
.picture-e.plate-pic{ padding-bottom: 57px; }
.picture-e .comm-title .title h2{ font-size:36px;color:#333;padding-bottom:5px; }
.back-black .comm-title .title h2{ color: #fff; }
.picture-e .picture-lists ul li{ width: 285px;float: left;margin: 0 20px 20px 0;overflow: hidden;-webkit-transition: all .4s ease-out;transition: all .4s ease-out; }
.picture-e .picture-lists ul li .posi-img{ position: relative; }
.picture-e .picture-lists ul li .posi-img img{ width: 100%;display: block; }
.picture-e .picture-lists ul li .remark{ padding:18px 15px;text-align: center; }
.picture-e .picture-lists ul li .remark h4{ font-size: 16px; font-weight: bold;color: #000; }
.picture-e .picture-lists ul li .remark p{ color: #666; }
.picture-e.back-black .picture-lists ul li .remark h4{ color: #fff; }
.picture-e.back-black .picture-lists ul li .remark p{ color: rgba(255,255,255,.7); }
.picture-e .picture-lists ul li:hover{ box-shadow: 0 0 20px rgba(0,0,0,.3) }
/*Picture-eNED*//*Article-bSTART*/
.plate-article.article-b{ padding-bottom: 40px; }
.plate-article.article-b .comm-title .title{ width: 100%; }
.plate-article.article-b .comm-title .title h2{ font-size:36px;color:#333;padding-bottom:5px; }
.back-black .comm-title .title h2{ color:#fff; }
.article-b .article-lists ul li{ float: left;width: 556px;height: 140px;margin: 0 85px 40px 0;background: #fff;overflow: hidden; }
.article-b .article-lists ul li:nth-of-type(even){ float: right; margin-right: 0; }
.article-b .article-lists ul li .bor-img{ display:block;float: right; width: 220px;height: 100%;overflow: hidden; }
.article-b .article-lists ul li img{ width: 100%; transition: all .4s ease-out;-webkit-transition: all .4s ease-out; }
.article-b .article-lists ul li .remark{ width: 290px;float: left; }
.article-b .article-lists ul li .remark .md,
.article-b .article-lists ul li .remark .y{ display: block; }
.article-b .article-lists ul li .remark .md{ font-size: 25px;color: #333; }
.article-b .article-lists ul li .remark .y{ color: #666; }
.article-b .article-lists ul li .remark h4{ font-weight: bold;color: #333;padding: 10px 0 6px; }
.article-b .article-lists ul li .remark .desc{ color: #666; }
.article-b .article-lists ul li:hover img{ -webkit-transform: scale(1.2);transform: scale(1.2); }
.article-b.back-black .article-lists ul li{ background: transparent; }
.article-b.back-black .comm-title .title p .arta-more,
.article-b.back-black .article-lists ul li .remark .y,
.article-b.back-black .article-lists ul li .remark .md,
.article-b.back-black .article-lists ul li .remark h4{ color: #fff; }
.article-b.back-black .article-lists ul li .remark .desc{ color: rgba(255,255,255,.8); }
/*Article-bNED*/