@charset "utf-8";
.tb80{ padding: 80px 0; }
.trans{
    transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
}
/*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 18px;}
.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 a{ color: #333; }
.footer .footer-nav{ padding: 47px 0 0 60px; }
.footer .footer-nav ul li{ width: 114px;float: left; }
.footer .footer-nav ul li h3{ font-size: 16px;color: #333; }
.footer .footer-nav ul li a{ display: block;color: #333;margin-top: 10px; }
.footer .footer-text{ padding: 45px 0 35px; }
.footer .footer-text .feedabck{ width: 350px; }
.footer .footer-text .feedabck .titles{ font-size: 18px;padding-bottom: 25px;color: #333; }
.footer .footer-text .feedabck ul li{ float: left; width: 165px;margin-bottom: 14px; height: 28px;border: 1px solid rgba(0,0,0,.1); }
.footer .footer-text .feedabck ul li:nth-of-type(1),
.footer .footer-text .feedabck ul li:nth-of-type(3){ margin-right: 16px; }
.footer .footer-text .feedabck ul li input::placeholder,
.footer .footer-text .feedabck textarea::placeholder{ color: #999; }
.footer .footer-text .feedabck ul li input[type=text]{ width:calc(100% - 20px);padding: 0 10px; height: 28px;line-height: 28px;background: transparent;border: 0;color: #fff;
    outline: none; }
.footer .footer-text .feedabck textarea{ width:calc(100% - 20px);padding: 10px; height: 45px;background: transparent;outline: none;resize: none;
    border: 1px solid rgba(0,0,0,.1);color: #fff; }
.footer .footer-text .bth-submit{ display: block; width: 165px;height: 33px;line-height: 31px;text-align: center;color: #333;background: transparent;
    margin: 15px auto 0;border: 1px solid rgba(0,0,0,.1);cursor: pointer; }
.footer .footer-text .error-hides{ display: block; margin:10px 0 0 0; }
.footer-right{ width: 332px;padding-top: 52px; }
.footer-right .phone{float: right;min-width: 220px;text-align:right;}
.footer-right img.code{margin-left: 20px;border: 6px solid #999;}
.footer-right .phone span{display: block;color: #666;}
.footer-right .phone strong{font-size: 30px;color: #333;padding:3px 0;}
.footer-right a.qq{float: right;display: block;width: 100px;height: 28px;line-height:27px;text-align: center;
    background: #999;color: #fff;border-radius: 45px;}
.footer .copyright{ padding: 30px 0;border-top: 1px solid rgba(0,0,0,.1) }
.footer .copyright span{ margin-right: 15px; }
.footer .links{ padding: 30px 0;border-bottom: 1px solid rgba(0,0,0,.1) }
.footer .links span{ width: 73px; float: left; display: block; }
.footer .links .text-a{ display: block;float: left;width: calc(100% - 73px);  }
.footer .links .text-a a{  padding-right:15px;margin-bottom: 5px; }
.footer.back-black .footer-nav ul li h3,
.footer.back-black .footer-text .feedabck .titles,
.footer.back-black .footer-text .bth-submit,
.footer.back-black .footer-right .phone strong{ color: #fff; }
.footer.back-black .footer-text .feedabck ul li,
.footer.back-black .footer-text .feedabck textarea,
.footer.back-black .footer-text .bth-submit{ border: 1px solid rgba(255,255,255,.2); }
.footer.back-black .links{ border-bottom: 1px solid rgba(255,255,255,.2); }
.footer.back-black .footer-nav a,
.footer.back-black .copyright,
.footer.back-black .copyright a,
.footer.back-black .links,
.footer.back-black .links a,
.footer.back-black .footer-right .phone span,
.footer.back-black .footer-text .feedabck ul li input::placeholder,
.footer.back-black .footer-text .feedabck textarea::placeholder{ color:rgba(255,255,255,.8); }
.footer.back-black .copyright{ border-top: 1px solid rgba(255,255,255,.2); }
.footer.back-black .footer-right img.code{ border: 6px solid #fff; }
.footer.back-black .footer-right a.qq{ background: #fff;color: #333; }
.footer.back-black .footer-nav a:hover,
.footer.back-black .links .text-a a:hover,
.footer.back-black .copyright a:hover{ color:#fff; }
/*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; }/*Partner-bSTART*/
.plate-partner.partner-b{ padding-bottom: 52px; }
.partner-b .partner-lists:after{ display: block;content: '';clear: both; }
.partner-b .partner-lists ul li{ position: relative; width: 223px;height: 166px;float: left;border: 1px solid #f0f0f0;margin:0 18px 18px 0;overflow: hidden; }
.partner-b .partner-lists ul li:nth-of-type(5n){ margin-right: 0; }
.partner-b .partner-lists ul li img{ display: block;width: 100%;height: 100%; }
.partner-b.back-black .partner-lists ul li{ border-color: transparent; }
/*Partner-bNED*//*Article-cSTART*/
.plate-article.article-c{ padding-bottom: 40px; }
.plate-article.article-c .comm-title .title{ width: 100%; }
.article-c .article-lists ul li{ position: relative; float: left;width: 365px;margin: 0 52px 20px 0;background: #fff;overflow: hidden;-webkit-transition:all .4s ease-out;transition:all .4s ease-out; }
.article-c .article-lists ul li:nth-of-type(3n){ margin-right: 0; }
.article-c .article-lists ul li img{ display: block;width: 100%; }
.article-c .article-lists ul li .news-data{ position:absolute;left:10px;top:10px;width:70px;height:70px;background:#000;opacity:.8;text-align:center;
    -webkit-transition:all .4s ease-out;transition:all .4s ease-out;}
.article-c .article-lists ul li .news-data span.md{ display:block;color:#fff;padding-top: 15px; }
.article-c .article-lists ul li .news-data span.y{color:#fff}
.article-c .article-lists ul li .remark h5{ color: #333;padding: 15px 0 3px;font-weight: bold; }
.article-c .article-lists ul li .remark .desc{ color: #666; }
.article-c .article-lists ul li .remark .news-more{ display: block; font-size: 25px;margin-top: 15px; }
.article-c .article-lists ul li:hover .news-data{ opacity: 0; }
.article-c.back-black .comm-title .title p .arta-more{ color: #fff; }
.article-c.back-black .article-lists ul li .remark{ padding:0 15px 20px; }
.article-c.back-black .article-lists ul li:hover{ box-shadow: 0 0 20px rgba(255,255,255,.3); }
/*Article-cNED*//*Article-aSTART*/
.article-a.plate-article{ padding-bottom: 60px; }
.article-a.plate-article .comm-title .title{ width: 100%; }
.article-a .article-lists ul li{ float: left;width: 285px;margin: 0 20px 20px 0;background: #fff;transition: all .4s ease-out;-webkit-transition: all .4s ease-out; }
.article-a .article-lists ul li .imgs{ width: 100%;height: 200px;overflow: hidden; }
.article-a .article-lists ul li img{ display:block;width: 100%; }
.article-a .article-lists ul li .remark{ padding: 15px 15px 20px;border: 1px solid #e6e6e6;border-width: 0 1px 1px; }
.article-a .article-lists ul li .remark .md,
.article-a .article-lists ul li .remark .y{ display: block; }
.article-a .article-lists ul li .remark .md{ font-size: 25px;color: #333; }
.article-a .article-lists ul li .remark .y{ color: #666; }
.article-a .article-lists ul li .remark h5{ font-weight: bold;color: #333;padding: 10px 0; }
.article-a .article-lists ul li .remark .desc{ color: #666;padding-bottom: 20px; }
.article-a .article-lists ul li .remark .detail-a{ color: #666; }
.article-a.back-black .comm-title .title p .arta-more{ color: #fff; }
.article-a.plate-article .article-lists ul li:hover{ box-shadow: 0 0 20px rgba(0,0,0,.3); }
.article-a.plate-article .article-lists ul li:hover img{ -webkit-transform: scale(1.2);transform: scale(1.2); }
.article-a.plate-article.back-black .article-lists ul li:hover{ box-shadow: 0 0 15px rgba(255,255,255,.4); }
/*Article-aNED*//*Article-dSTART*/
.plate-article.article-d{ padding-bottom: 60px; }
.plate-article.article-d .comm-title .title{ width: 100%; }
.article-d .article-lists ul li{ float: left;width: 255px;margin: 0 20px 20px 0;background: #fff;padding:25px 15px;border: 1px solid #ededed;
    transition: all .4s ease-out;-webkit-transition: all .4s ease-out; }
.article-d .article-lists ul li .news-data span{ display: block; }
.article-d .article-lists ul li .news-data .y{ color: #666;}
.article-d .article-lists ul li .news-data .md{ font-size: 25px; color: #333; }
.article-d .article-lists ul li .news-detail .borh { display: block;width: 60px;height: 1px;background: #333;margin: 20px 0 30px; }
.article-d .article-lists ul li h5{ color: #333;font-weight: bold; }
.article-d .article-lists ul li p{ color: #666;padding: 10px 0 15px; }
.article-d.back-black .comm-title .title p .arta-more{ color: #fff; }
.article-d.back-black .article-lists ul li{ background: transparent;border:1px solid rgba(255,255,255,.4); }
.article-d.back-black .article-lists ul li .news-data .y{ color: rgba(255,255,255,.8); }
.article-d.back-black .article-lists ul li .news-data .md,
.article-d.back-black .article-lists ul li h5{ color: #fff; }
.article-d.back-black .article-lists ul li p,
.article-d.back-black .article-lists ul li .news-more{ color: rgba(255,255,255,.8); }
.article-d.back-black .article-lists ul li .news-detail .borh{ background: rgba(255,255,255,.4); }
.article-d .article-lists ul li:hover{ box-shadow: 0 0 20px rgba(0,0,0,.3); }
.article-d.back-black .article-lists ul li:hover{ box-shadow: 0 0 15px rgba(255,255,255,.3); }
/*article-dNED*/