.content-box .gallery,.content-box .gallery * {transition:all 0.3s ease-in-out;}
html,body,ul,li,div,table,span,img {margin:0px;padding:0px;}
html,body {margin:0px;padding:0px;height:100%;}
.slide_div {width:100%;height:100%;}
.slide_img_div {position:relative;}
.slide_img_ul {width:100%;height:100%;overflow:hidden;}
.slide_img_ul li img {width:100%;height:100%;position:absolute;left:0px;top:0px;}
.slide_option {position:absolute;z-index:1;bottom:0px;width:100%;opacity:0.5;text-align:center;display:block;list-style:none;}
.check_li {background:#0078D7 !important;opacity:1 !important;}
.slide_option li {width:20px;height:5px;background:#f0f0f0;margin:5px;display:inline-block;cursor:pointer;}
* {list-style:none;box-sizing:border-box;}
* {font-family:Helvetica Neue,PingFang SC,Helvetica,Arial,Hiragino Sans GB,Microsoft Yahei,\\5FAE\8F6F\96C5\9ED1,STHeiti,\\534E\6587\7EC6\9ED1,sans-serif;}
.slide_img_ul li .content {}
.slide_img_ul li .icon {position:absolute;top:50%;left:50%;z-index:1;height:500px;width:500px;margin-top:-250px;margin-left:-250px;}
.slide_img_ul li .description,.slide_img_ul li .description * {color:#fff;font-size:50px;}
.slide_img_ul li .description {position:absolute;top:50%;left:50%;z-index:1;height:600px;width:1400px;margin-top:-200px;margin-left:-700px;overflow:hidden}
.slide_img_ul li .description p {margin-bottom:100px;}
.slide_img_ul li .description p.en {font-size:30px;}
.banner-box .banner .icon {position:absolute;top:50%;left:50%;z-index:1;height:500px;width:500px;margin-top:-250px;margin-left:-250px;}
.banner-box .banner .description,.slide_img_ul li .description * {color:#fff;font-size:45px;}
.banner-box .banner .description {position:absolute;top:50%;left:50%;z-index:1;height:600px;width:1400px;margin-top:-150px;margin-left:-700px;overflow:hidden}
.banner-box .banner .description p {margin-bottom:10px;}
.banner-box .banner .description p.en {font-size:25px;margin-top:50px;}
.banner-box {position:fixed;top:0;width:100%;height:1000px;z-index:0;}
.banner-box .banner {background-size:cover;background-repeat:no-repeat;height:100%;}
.content-box {min-height:1200px;background-color:#F4F4F4;margin-top:1000px;z-index:999;position:relative;}
.content-box .menu-lists .logo {text-align:left;}
.content-box .menu-lists .navbar,.content-box .menu-lists .navbar * {text-align:left;}
.content-box .menu-lists {background-color:#222;padding:30px;}
.content-box .menu-lists,.content-box .menu-lists * {text-align:center;font-size:15px;color:rgba(255,255,255,.6);text-decoration:none;}
.content-box .menu-lists a:hover,.content-box .menu-lists a.active {color:#fff}
.content-box .menu-lists a.active {font-weight:bold;}
.content-box .menu-lists .menu-items span {margin:0 30px;}
.content-box .menu-lists .menu-items {margin-top:30px;}
.content-box .menu-lists h3 {font-size:18px;font-weight:bold;color:#fff;}
.content-box .menu-lists h3 span {font-size:16px;color:#fff;}
.content-box .gallery {padding:30px;}
.content-box .gallery .grid li {padding:30px;}
.content-box .gallery .grid li img {filter:grayscale(50%);}
.content-box .gallery .grid li img:hover {box-shadow:0 5px 20px rgba(0,0,0,.5);filter:grayscale(0%);}
.detail .content-box .gallery .grid li img:hover{box-shadow: none;}
.content-box .maps {height:500px;}
.content-box footer {padding:60px;position:relative;background-color:#fff;}
.content-box footer .item,.content-box footer .item p {color:#222;font-weight:normal;font-size:15px;}
.content-box footer .item .company {font-weight:bold;font-size:18px;}
.content-box footer .item {margin-bottom:60px;}
.content-box footer .icon {width:300px;height:300px;position:absolute;right:60px;bottom:120px;}
.content-box footer .icon img {width:100%;}
.content-box footer .adr {color:#222;}
.content-box footer .adr_en {font-size:12px;}
.content-box .copyright {background-color:#222;padding:30px;}
.content-box .copyright,.content-box .copyright * {font-size:12px;color:#ccc;font-weight:normal}
nav .contactus,nav .contactus a {color:#fff;text-decoration:none;}
.is-hide {transform:translateY(-100%);}
.header-box .content-title {overflow:hidden;}
.content-box {overflow:hidden;}
nav {transition:transform .5s;transform:translateZ(0);}
.top-nav {position:fixed;width:100%;top:0;z-index:999;}
nav.transparent {background-color:transparent}
nav {background-color:transparent;}
.gallery.padding {padding-top:168px;}
.detail .page-title {background-color:#222;padding:80px 30px;position:fixed;top:0px;z-index:1000;width:100%;transition:all 0.3s ease-in-out;font-size:32px;}
.detail .page-title,.detail .page-title * {text-align:center;font-size:28px;color:#fff;line-height:28px;}
.detail .page-title,.detail .page-title .en {font-size:14px;font-weight:bold;}
.detail .cover {position:fixed;top:0;width:100%;padding-top:100px;}
.detail .cover .cover-img {background-size:cover;background-repeat:no-repeat;background-position:center center;height:100%;}
.detail .cover img {width:100%;}
.page-title.top0 * {line-height:20px;}
.top0 {padding-top:50px !important;padding-bottom:50px !important;}
.top0 .en {font-size:12px !important;}
.top0,.top0 * {font-size:22px !important;line-height:20px;}
.detail .page-title,.detail .page-title * {transition:all 0.3s ease-in-out;}
.detail .content-box .desc {max-width:800px;padding:50px;margin:0 auto;}
.detail .content-box .desc * {font-size:16px;line-height:200%;color:#222;}
.detail .content-box .desc p {margin-bottom:20px;WORD-WRAP: break-word;TABLE-LAYOUT: fixed;word-break:break-all}
.detail .content-box .team {max-width:800px;margin:0 auto;padding-bottom:60px;}
.detail .content-box .team h3 {font-size:20px;font-weight:normal;padding:60px 40px;border-top:1px solid #ddd;text-align:center;}
.detail .content-box .team,.detail .content-box .team * {color:#222;text-align:center;}
.detail .content-box .team .team-box li img {width:100%;border-radius:100%;}
.detail .content-box .team .team-box li {margin-bottom:20px;padding:0 30px;}
.detail .content-box .team .team-box li * {font-size:14px;}
.detail .content-box .team .team-box li .name {font-size:16px;margin-top:10px;}
.detail .content-box .team .team-lists li {margin-bottom:20px;}
.detail .content-box .team .team-lists li .name {margin-top:10px;}
.header-box {overflow:hidden;}
.header-box .navbar {position:absolute;top:0;left:0;width:100%;}
.bannersmooth {transition:all 3s ease-in-out;}
.bannersmooth.transparent {opacity:0;transition:all 3s ease-in-out;}
.content-box .gallery .grid li .title {margin-top:10px;font-size:14px;line-height:21px;}
.content-box .gallery .grid li .en_title {font-size:12px;}
.content-box .gallery .grid li a,.content-box .gallery .grid li a * {color:#222;}
.content-box .gallery .grid li a .en_title {opacity:.5;}
.content-box .gallery .grid li a:hover {text-decoration:none !important;}
.content-box .gallery .grid li a:hover,.content-box .gallery .grid li a:hover * {}
.copyright .row .col-sm-4 * {text-align:left;font-size:14px;}
.copyright .row .col-sm-4 .logo {float:right;width:100px;}
a.back:hover img {opacity:.5;}
footer {overflow:hidden;}
footer .cols {float:left;width:50%;box-sizing:border-box;}
.detail .content-box .gallery .grid li img {filter:grayscale(0%);}
.detail .modal-backdrop.in {opacity:1;}
.detail .modal-backdrop {background-color:#fff;}
.detail .modal-lightbox .controller {position:fixed;top:142px;}
.modal.fade .modal-dialog {-webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;transform:none;}
.modal-dialog .lightbox-img{box-shadow: none !important;}
.detail .modal-lightbox .controller img {width:30px;opacity:.5;margin:0px 5px;line-height:0;margin-top:-100px;}
.modal-lightbox .close {width:15px;height:15px;}
.detail .modal-lightbox .controller img:hover {opacity:1;}
.modal-lightbox .close {position:fixed;z-index:99999;background-color:transparent !important;right:5px;top:152px;}
.modal-lightbox .close .close-icon {opacity:.5;}
.modal-lightbox .close .close-icon:hover {opacity:1}
.lightbox-img {box-shadow:0 5px 15px rgba(0,0,0,.5);}
#lightboxModal {padding:0px 0px;background-color:#3C3F41;top:142px;overflow:hidden}
.img-show {background-position:center center;background-repeat:no-repeat;background-size:cover;height:100%;}
.detail .content-box .gallery{background-color: #3C3F41;}
.modal-backdrop {top:142px;}
.copyright,.copyright *{font-family: "YaHei Consolas Hybrid";}
.content-box .copyright, .content-box .copyright * {
    font-size: 12px;
    color: #888;
    font-weight: normal;
}
@media (max-width:1199px) {.banner-box .banner .description,.slide_img_ul li .description * {color:#fff;font-size:30px;}
    .banner-box .banner .description p.en {font-size:20px;}
    .grid.col3 li {display:block;float:left;padding:7px;width:33% !important;opacity:0;}
    .navbar .logo img{width:80px !important;height:80px !important;}
    .img-show{background-size: contain;}
}
@media (max-width:979px) {.banner-box .banner .icon {position:absolute;top:50%;left:50%;z-index:1;height:120px;width:120px;margin-top:-60px;margin-left:-60px;}
    .banner-box .banner .description,.slide_img_ul li .description * {color:#fff;font-size:16px;}
    .banner-box .banner .description p.en {font-size:14px;}
    .banner-box .banner .description {position:absolute;top:50%;left:50%;z-index:1;height:300px;width:220px;margin-top:-150px;margin-left:-110px;overflow:hidden;}
    .content-box .menu-lists,.content-box .menu-lists * {text-align:center;font-size:14px;color:#888;text-decoration:none;}
    .content-box .menu-lists .menu-items span {margin:0 10px;}
    .content-box footer .icon img {display:none;}
    .content-box footer .item,.content-box footer .item p {color:#222;font-weight:normal;font-size:12px;}
    .content-box footer .item .company {font-weight:bold;font-size:14px;}
    .content-box .copyright {background-color:#222;padding:20px;}
    .detail .page-title {line-height:14px;}
    .page-title.top0 {padding:20px !important;}
    .detail .page-title,.detail .page-title * {text-align:center;font-size:14px !important;}
    .detail .page-title .en {font-size:12px !important;line-height:12px !important;margin-top:10px;display:block}
    .content-box .gallery {padding:0;}
    .content-box .gallery .grid li {padding:5px;}
    .grid.col3 li {display:block;float:left;padding:7px;width:100%;opacity:0;}
    .grid li {display:block;float:left;padding:7px;width:100%;opacity:0;}
    .detail .content-box .team .team-box li img {width:120px;border-radius:120px;margin:0 auto;}
    .collaborator-box img {width:120px;margin:0 auto;}
    .detail .content-box .desc {padding-bottom:0;}
    #lightboxModal {padding:0px 0px;background-color:#3C3F41;top:60px;overflow:hidden;}
    .modal-backdrop {top:60px;}
    .detail .modal-lightbox .controller{top:60px;}
    .modal-lightbox .close{top:72px;}
    nav.transparent {background-color:#222 !important;}
    nav {background-color:#222;}
    .copyright .row .col-sm-4 .logo {width:100px;float:none;margin:30px auto;}
    .grid.col3 li {display:block;float:left;padding:7px;width:50% !important;opacity:0;}
    .copyright {padding:60px 30px !important;}
    .img-show{background-size: contain;}
    .detail .page-title{padding:36px;font-size:18px;}
    /*.img-show {background-position:center;background-repeat:no-repeat;background-size:contain;height:100%;}*/
    .grid li a, .grid li img {
        width: 100%;
    }
    .detail .page-title .en{display: none;}
    .navbar{height:60px;}
    .navbar a img{width:50px !important;height:50px !important;}
    .detail .cover{padding-top:60px;}
}
