@charset "utf-8";
/* CSS Document */
body, html,div, h1, h2, h3, h4, h5, h6, table, tbody, th, tr, dl, dt, dd, p, a, form, input,span,button{
    border: 0 none;
    font-size: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    outline: none;
    font-family: "Source Han Sans CN","PingFangSC-Regular","arial","Microsoft YaHei","sans-serif";
    font-size: 16px; 
    font-style: normal; 
    -webkit-tap-highlight-color: transparent;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
input::-webkit-placeholder {color: #fff;}
body{ line-height:25px; color:#000;background: #fff;min-width: 1200px;}
a{ text-decoration:none; color:#434343;}
a:visited{ text-decoration:none;}
a:hover{ text-decoration:none; }
a:focus{ text-decoration:none !important; outline: none;}
ul, li{ list-style:none; margin:0; padding:0;}
img{ border:0;}
.clear{ clear:both;}
.clearfix:after{display: block;height: 0;overflow: hidden;content: ".";clear: both;}
.height10{height: 10px;}
.height30{height: 30px;}
.height50{height: 50px;}
.height70{height: 70px;}
.wid100{width: 1000px;margin: 0 auto;}
.wid110{width: 1100px;margin: 0 auto;}
.wid120{width: 1200px;margin: 0 auto;}
.padding0{padding: 0;}
.margin0{margin: 0;}
.hidden{display: none;}

*::selection { background:#F5A610; color: #FFFFFF;}
*::-moz-selection { background:#F5A610; color: #FFFFFF;}
a{ text-decoration:none; color:#434343;}
a:visited{ text-decoration:none;}
a:hover{ text-decoration:none; }
ul, li{ list-style:none; margin:0; padding:0;}
img{ border:0;}
.clear{ clear:both;}
@font-face{
    font-family: "SiYuan Black";
    src:url('../fonts/syr.ttf');
}



.header {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    width: 100%;
    background: #FFFFFF;
    /*border-bottom: 1px rgba(0,0,0,.2) solid;*/
    /*box-shadow: inset 0 1px 2px 0 rgba(0,0,0,.5);*/
}
.header .header-body{
    position: relative;
}
.header .header-body:after{
    content: "";
    position: absolute;
    display: block;
    pointer-events: none;
    top: 100%;
    width: 100%;
    height: 2px;
    left: 0;
    box-shadow: inset 0 1px 2px 0 rgba(0,0,0,.5);
    clear: both;
}
.navArea{
    background: none;
    border: none;
    transition: all 0.8s;
    margin-bottom: 0;
}
.logo{
    width: 240px;
    height: 75px;
    display: flex;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.logo a{
    display: block;
    width: 75%;
    margin: auto;
}
.logo img{
    width: 100%;
    margin: auto;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.search .show-search{
    border-radius: 0;
    background: none;
    line-height: 63px;
    width: 90px;
    font-size: 30px;
    outline: none;
    color: #E5E5E5;
    border: none;
    border-left: 1px #E5E5E5 solid;
    border-right: 1px #E5E5E5 solid;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.search .show-search:hover{
    border: none;
    border-left: 1px #E5E5E5 solid;
    border-right: 1px #E5E5E5 solid;
}
.search .show-search:active{
    background: #F5A714;
    outline: none;
}
.search .modal .modal-content{
    min-height: 300px;
}
.search .modal .modal-content .modal-title {
    font-weight: normal;
    text-indent: 15px;
}
.search .modal .modal-content .modal-content-body{
    min-height: 245px;
    position: relative;
    bottom: 0;
    display: flex;
}
.search .modal .modal-content .row{
    margin: auto;
}
.search .modal .modal-content .modal-content-body input {
    margin-bottom: 0;
    display: block;
    width: 100%;
}
.search .modal .modal-content .modal-content-body textarea {
    display: block;
    resize: none;
    width: 100%;
    height: 3rem;
    margin: 10px 0;
    outline: none;
}
.search .modal .modal-content .modal-content-body textarea:focus,
.search .modal .modal-content .modal-content-body input:focus {
    border: #F5A201 1px solid;
}
.search .modal .modal-content .modal-content-body img {
    height: 35px;
}
.search .modal .modal-content .modal-content-body .submit-btn {
    margin-left: 15px;
    margin-top: 10px;
}
.search .modal .modal-content .modal-content-body .submit-btn .btn {
    border-radius: 0;
    outline: none;
    background: #08005A;
    color: #FFFFFF;
    width: 120px;
}
.navbar-default .navbar-nav>li>a{
    line-height: 41px;
    font-size: 14px;
    color: #3A3075;
    text-transform: uppercase;
    font-weight: 600;
    font-family: "SiYuan Black";
    -webkit-tap-highlight-color: transparent;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    border-bottom: 5px #FFFFFF solid;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.navbar-default .navbar-nav>li>a:focus{
    opacity: 1;
    /*color: #FFFFFF;*/
}
.navArea-scroll a {
    opacity: 1 !important;
}
.navbar-default .navbar-nav>li>a:hover,
.navbar-default .navbar-nav>li.current > a{
    color: #3A3075;
    border-bottom: 5px #F4A000 solid;
}
.language button{
    border: none;
    line-height: 76px;
    width: 90px;
    background: #08005A;
    color: #FFFFFF;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.language button:hover{
    background: #F4A000;
}
.language ul li a {
    font-size: 14px;
    line-height: 35px;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.language ul li img {
    margin-right: 5px;
}
.language ul li a:hover {
    background: #F4A40C;
    color: #FFFFFF;
}

.header-scroll {
    background: rgba(255,255,255,0.9);
}
.header-scroll .logo{
    height: 65px;
    width: 208px;
}
.header-scroll .search .show-search {
    line-height: 53px;
    font-size: 25px;
}
.header-scroll .navbar-nav>li>a{
    padding: 10px 12px;
    border-color: rgba(255,255,255,0);
    transition: all 0.8s;
}
.header-scroll .language button{
    line-height: 66px;
}


/*.navArea .nav-hotline{
    float: right;
    line-height: 75px;
}
.navArea .nav-hotline a{
    display: block;
    color: #fff;
    font-size: 18px;
}
.navArea .nav-hotline a i{
    margin-right: 5px;
    font-size: 14px;
}*/
.navArea .navbar-toggle{
    border: none;
}
.navbar-default .navbar-toggle .icon-bar{
    height: 3px;
    background: #FFF;
}
.navArea .navbar-toggle:focus,.navArea .navbar-toggle:hover{
    background: none;
    border: none;
}


#banner{
    width:100%;
    height:600px;
    margin-top: 70px;
    overflow:hidden;
    position:relative;
}
#banner .swiper-container {
    height: 600px;
    position:absolute;
}
#banner .swiper-slide .detail{
    height:90px;
    background:rgba(0,0,0,.7);
    position:absolute;
    width:100%;
    bottom:0;
    color:#fff;
    opacity:0;
    transition:opacity .3s .3s;
}
#banner .swiper-slide-active .detail{
    opacity:1;
    }
#banner .swiper-slide .detail h3{
    width:950px;
    margin:15px auto 0;}
#banner .swiper-slide .detail p{
    width:950px;
    margin:5px auto 0;} 
#banner .swiper-slide .detail p span{
    width:650px;
    display:block;} 
/**/#banner .effect1 img{
    transform:scale(1.25,1.25) translate(10%,10%);
    transform:scale(1.1,1.1) translate(4.545%,4.545%);
    /*tr     =    (sc-1)/2sc*100%              */
    /* --1.25       0.25/2.5*100%=10%          */
}
        
#banner .leftUp img{
    -webkit-animation-name:leftUp;animation-name:leftUp;}
@-webkit-keyframes leftUp{
0%{transform:scale(1.1,1.1) translate(4.545%,4.545%); }
100%{transform:scale(1.1,1.1)  translate(-4.545%,-4.545%);}}
@keyframes leftUp{
0%{transform:scale(1.1,1.1) translate(4.545%,4.545%);}
100%{transform:scale(1.1,1.1)  translate(-4.545%,-4.545%);}}

#banner .moveRight img{-webkit-animation-name:moveRight;animation-name:moveRight;}
@-webkit-keyframes moveRight{
0%{transform:scale(1.1,1.1) translate(-4.545%,0); }
100%{transform:scale(1.1,1.1)  translate(4.545%,0);}}
@keyframes moveRight{
0%{transform:scale(1.1,1.1) translate(-4.545%,0);}
100%{transform:scale(1.1,1.1)  translate(4.545%,0);}}

#banner .moveDown img{-webkit-animation-name:moveDown;animation-name:moveDown;}
@-webkit-keyframes moveDown{
0%{transform:scale(1.1,1.1) translate(0,-4.545%); }
100%{transform:scale(1.1,1.1)  translate(0,4.545%);}}
@keyframes moveDown{
0%{transform:scale(1.1,1.1) translate(0,-4.545%);}
100%{transform:scale(1.1,1.1)  translate(0,4.545%);}}

#banner .centerBig img{-webkit-animation-name:centerBig;animation-name:centerBig;}
@-webkit-keyframes centerBig{
100%{transform:scale(1.1,1.1);}}
@keyframes centerBig{
100%{transform:scale(1.1,1.1);}}

#banner .rightDownBig img{-webkit-animation-name:rightDownBig;animation-name:rightDownBig;}
@-webkit-keyframes rightDownBig{
100%{transform:scale(1.1,1.1) translate(4%,4%);}}
@keyframes rightDownBig{
100%{transform:scale(1.1,1.1) translate(4%,4%);}}

#banner .swiper-slide img{
    animation-duration:5s;
    animation-timing-function:linear;
    animation-fill-mode: forwards;
    -webkit-animation-duration:5s;
    -webkit-animation-timing-function:linear;
    -webkit-animation-fill-mode: forwards;
}   
#banner .swiper-pagination{
    bottom:25px;
    right:10%;
}
#banner .swiper-pagination-bullet{
    width:15px;
    height:15px;
    background:#F4A000;
    margin:0 5px;
    border: 1px #fff solid;
}       

.modal-title h4{
    font-size: 30px;
    font-weight: normal;
    color: #090059;
    padding-left: 15px;
    height: 30px;
    position: relative;
    margin-bottom: 15px;
}
.modal-title h4:after{
    display: block;
    content: "";
    width: 4px;
    height: 100%;
    background: #F5A200;
    position: absolute;
    left: 0;
    top: 0;
}
.modal-title p{
    font-size: 16px;
    color: #999999;
}
.modal-title.white h4{
    color: #FFFFFF;
}
.modal-title.white h4:after{
    background: #FFFFFF;
}
.modal-title.white p{
    color: #999999;
}





#contact-form input[type="text"],
#contact-form input[type="email"],
#contact-form select,
#contact-form textarea {
    color: #fff;
    border-color: transparent; 
    resize: none;
    width: 100%;
    background: rgba(255,255,255,0.2);
    border-radius: 0;
    -webkit-appearance: none;
}
input[type="text"],
input[type="password"],
input[type="email"],
input[type="url"],
input[type="tel"],
input[type="number"],
input[type="date"],
input[type="search"],
select,
textarea {
    height: 38px;
    border: 1px solid #e6ebed;
    background-color: rgba(255,255,255,0.2);
    /*width: 100%;*/
    margin-bottom: 30px;
    padding: 0 16px;
    -webkit-transition: border-color 0.3s ease-in-out, background-color 0.3s ease-in-out;
    -moz-transition: border-color 0.3s ease-in-out, background-color 0.3s ease-in-out;
    -ms-transition: border-color 0.3s ease-in-out, background-color 0.3s ease-in-out;
    -o-transition: border-color 0.3s ease-in-out, background-color 0.3s ease-in-out;
    transition: border-color 0.3s ease-in-out, background-color 0.3s ease-in-out;
    color: #7a7a7a;
    font-size: 13px;
}
#contact-form select {
    height: 38px;
    font-weight: normal;
    /*border: 1px solid #e6ebed;*/
    margin-bottom: 30px;
    padding: 0 16px;
    -webkit-transition: border-color 0.3s ease-in-out, background-color 0.3s ease-in-out;
    -moz-transition: border-color 0.3s ease-in-out, background-color 0.3s ease-in-out;
    -ms-transition: border-color 0.3s ease-in-out, background-color 0.3s ease-in-out;
    -o-transition: border-color 0.3s ease-in-out, background-color 0.3s ease-in-out;
    transition: border-color 0.3s ease-in-out, background-color 0.3s ease-in-out;
    color: #7a7a7a;
    font-size: 13px;
}






.mobile-show{
    display: none !important;
}
.computer-show{
    display: block !important;
}
.modul-title{
    text-align: center;
    margin-bottom: 30px;
}
.modul-title h3{
    font-size: 32px;
    position: relative;
    margin-bottom: 20px;
}
.modul-title-white h3 {
    color: #FFF;
}
.modul-title h3:before{
    display: block;
    content: "";
    position: absolute;
    width: 8px;
    height: 8px;
    border-radius: 20px;
    background: #01123E;
    left: 49.6%;
    bottom: -15px;
    z-index: 9;
}
.modul-title-white h3:before {
    background: #FFFFFF;
}
.modul-title h3:after{
    display: block;
    content: "";
    position: absolute;
    bottom: -11px;
    height: 1px;
    background: #ccc;
    width: 200px;
    left: 50%;
    margin-left: -100px;
}
.modul-title p{
    font-size: 16px;
    color: #ccc;
    text-transform:uppercase;
}
.pagination ul li{
    display: inline-block;
    border: 1px #ccc solid;
    margin-right: 3px;
}
.pagination ul li a,
.pagination ul li span{
    padding: 5px 15px;
    display: block;
}
.pagination ul li.active,
.pagination ul li:hover a{
    background: #01123E;
    color: #fff;
    transition: all 0.5s;
}

.detail-page-down{
    margin: 30px 0;
    padding-top: 10px;
    border-top: 1px #ccc solid;
}

/*footer*/
.footer{
    padding: 50px 0 0;
    background: #242424;
    color: #D5D5D5;
}

.footer .footer-contact{
    letter-spacing: 1px;
}

.footer .footer-content .bot-logo img{
    display: block;
    width: 100%;
}

.footer .footer-content .bot-logo h5{
    text-align: center;
    font-size: 18px;
    margin-top: 20px;
}

.footer .authen-logo {
    text-align: center;
    margin: 10px 0 0;
    border-top: 1px #F1A001 solid;
    padding-top: 20px;
}

.footer .authen-logo img{
    display: inline-block;
    height: 30px;
    margin: 0 10px;
}

.footer .footer-follow {
    /*text-align: center;*/
    margin: 20px 0;
}

.footer .footer-follow span{
    display: inline-block;
    color: #919292;
    font-size: 14px;
}

.footer .footer-follow a{
    display: inline-block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    color: #919292;
    position: relative;
}

.footer .footer-follow a span{
    display: none;
    width: 150px;
    position: absolute;
    bottom: 30px;
    left: 0;
}

.footer .footer-follow a span img{
    display: block;
    width: 100%;
}

.footer .footer-bot{
    border-top: 1px #434343 solid;
    line-height: 20px;
    padding: 20px 0;
    color: #797979;
    font-size: 16px;
}
.footer .footer-bot .pull-left{
    font-size: 14px;
}
.footer .footer-bot .pull-right a{
    color: #CCCCCC;
    font-size: 14px;
}

.get-top{
    display: none;
    position: fixed;
    right: 50px;
    bottom: 120px;
    background: rgba(0,0,0,0.4);
    color: #FFFFFF;
    font-size: 28px;
    text-align: center;
    width: 50px;
    height: 50px;
    line-height: 50px;
    cursor: pointer;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.get-top:hover{
    background: rgba(0,0,0,0.8);
}




.footer-v5-copyright {
  background: #01123E;
  padding: 30px 0;
}

.footer-v5-copyright .footer-v5-copyright-logo {
  width: 120px;
  height: auto;
  margin: 0 auto 20px;
  display: block;
}

.footer-v5-copyright .footer-v5-copright-socials {
    text-align: center;
    margin: 15px 0;
}

.footer-v5-copyright .footer-v5-copright-socials .footer-v5-copright-socials-item {
    padding: 0 10px;
}

.footer-v5-copyright .footer-v5-copright-socials .footer-v5-copright-socials-item .footer-v5-copright-socials-link {
    color: #fff;
    text-decoration: none;
}

.footer-v5-copyright .footer-v5-copright-socials .footer-v5-copright-socials-item .footer-v5-copright-socials-link:hover {
    color: #eb3900;
}

.foot-contact{
    text-align: center;
    color: #FFFFFF;
    margin-bottom: 20px;
}

.foot-contact a{
    color: #FFFFFF;
    margin-right: 10px;
}

.footer-v5-copyright .footer-v5-copright-text {
    padding-top: 20px;
    border-top: 1px #d5d5d5 solid;
    font-size: 14px;
    color: #cccccc;
    text-align: center;
    margin-bottom: 0;
}

.footer-v5-copyright .footer-v5-copright-text a {
    color: #FFFFFF;
}

.footer-v5-copyright .footer-v5-copright-text a:hover {
    color: #DC3920;
}

.join-main-hd {
    text-align: center;
    margin: 30px 0;
}
.join-main-hd h3{
    line-height: 44px;
    font-size: 32px;
    color: #0989c5;
}
.join-main-hd p{
    margin-top: 10px;
    line-height: 36px;
    font-size: 18px;
    color: #666;
}



.side{position:fixed;width:54px;height:275px;right:0;top:214px;z-index:100;}
.side ul li{width:54px;height:54px;float:left;position:relative;border-bottom:1px solid #444;}
.side ul li .sidebox{position:absolute;width:54px;height:54px;top:0;right:0;transition:all 0.3s;background:#000;opacity:0.8;filter:Alpha(opacity=80);color:#fff;font:14px/54px "微软雅黑";overflow:hidden;}
.side ul li .sidetop{width:54px;height:54px;line-height:54px;display:inline-block;background:#000;opacity:0.8;filter:Alpha(opacity=80);transition:all 0.3s;}
.side ul li .sidetop:hover{background:#9B1A71;opacity:1;filter:Alpha(opacity=100);}
.side ul li img{float:left;}









@media screen and ( min-width: 1025px ){
    .navbar-default .navbar-nav>li>a{
        font-size: 16px;
    }
}
@media screen and ( max-width: 1025px ) and ( min-width: 768px ) {
    .navArea{
        top: 0;
    }
    .navbar-brand,.logo{
        width: 40%;
        padding: 0 1rem;
    }
    .navbar-brand img,
    .logo img{
        width: 100%;
    }
    .navbar-nav{
        float: none;
    }
    .navbar-default .navbar-nav>li>a{
        line-height: 1.2rem;
        color: #fff
    }
    .nav-hotline{
        float: none !important;
        line-height: 1.2rem !important;
        text-align: left;
        padding: 2em 0;
        display: none;
    }
}
@media screen and ( max-width: 767px ){
    .mobile-show{
        display: block !important;
    }
    .computer-show{
        display: none !important;
    }
    .navArea{
        top: 0;
    }
    .navbar-brand,.logo{
        width: 40%;
        padding: 0 1rem;
    }
    .navbar-brand img,
    .logo img{
        width: 100%;
    }
    .navbar-default .navbar-nav>li>a{
        line-height: 1.2rem;
        display: block;
        opacity: 1;
        border-bottom: 1px rgba(255,255,255,0.1) solid; 
        position: relative;
    }
    .navbar-default .navbar-nav>li>a i{
        position: absolute;
        right: 15px;
        top: 10px;
    }
    .nav-hotline{
        float: none !important;
        line-height: 1.2rem !important;
        text-align: left;
        padding: 2em 0;
    }
    .navbar-collapse {
        background: rgba(0,0,0,0.6);
    }
    .navbar-scroll{
        background: none;
    } 
    .modul-title h3{
        font-weight: 300;
    }
    .foot-contact a{
        display: block;
    }
}