@charset "utf-8";



html, body{

    width: 100%;

    height: auto;

    overflow-y: auto;

    overflow-x: hidden;

    font-family:"思源黑体 CN Regular", "Microsoft Yahei","PingFang SC", Arial, sans-serif;

    -webkit-font-smoothing: antialiased;

}

*{

    padding: 0;

    margin: 0;

    box-sizing: border-box;

}

ul, li{

    list-style: none;

}

a{

    text-decoration: none;

}

b, strong{

    font-weight: normal;

}

img{

    border: 0;

}

.zq-header, .zq-container{

    width: 100%;

}

.footer-container, .feature-left, .nav-container{

    display: none;

}

.zq-container{

    background-color: rgba(242, 242, 242, 1);

}

@-webkit-keyframes circle-spread {

    0% {

        -webkit-transform: scale(.3);

        opacity: 0;

        transform: scale(.3)

    }



    5% {

        opacity: .6

    }



    to {

        -webkit-transform: scale(1);

        opacity: 0;

        transform: scale(1)

    }

}



@keyframes circle-spread {

    0% {

        -webkit-transform: scale(.3);

        opacity: 0;

        transform: scale(.3)

    }



    5% {

        opacity: 1

    }



    to {

        -webkit-transform: scale(1);

        opacity: 0;

        transform: scale(1)

    }

}

/*首页*/

/*nav导航*/

.m-logo {

    width: 80px;

    height: 32px;

    margin: 3px auto;

    float: left;

}

.zq-nav{

    border-bottom:0 !important;

    margin-bottom: 48px;

}

.m-logo a{

    width: auto;

    height: auto;

    display: block;

	margin-top: 3px;	

}

.m-header{

    width: 100%;

    position: fixed;

    top: 0;

    left: 0;

    z-index: 1000;

}

.m-header .m-logo img{

    width: 66px;

    margin: 0 auto;

}

.am-offcanvas-bar{

    width: 300px;

    background: #f9f9f9 !important;

    opacity: .98;



}

.am-offcanvas-bar:after{

    background: none;

}

.am-icon-bars{

    font-size: 20px;

    color: #999999 !important;

}

.zq-nav .m-header{

    padding: 3px 0;

    background: #111111;

}

.am-menu-offcanvas1 .am-menu-toggle {

    position: absolute;

    right: 5px;

    top: -47px;

    display: block;

    width: 44px;

    height: 44px;

    line-height: 44px;

    text-align: center;

    color: #000;

}



.m-header .am-menu-offcanvas1 .am-menu-nav > .am-open > a, .m-header .am-menu-offcanvas1 .am-menu-nav > li > a:hover, .am-menu-offcanvas1 .am-menu-nav > li > a:focus {

    background-color: #f5f5f5 !important;

    color: #555555 !important;

    outline: none;

}

.m-header .am-menu-offcanvas1 .am-menu-sub{

    background-color: #f5f5f5 !important;

}

.m-header .am-menu-sub{

    padding: 0;

}

.m-header .am-menu-sub li{

    border-top: 1px solid rgba(0, 0, 0, 0.3);

    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);

    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);

    padding-left: 36px;

}

.m-header .am-menu-offcanvas1 .am-menu-nav > li > a{

    color: #333 !important;

    font-size: 0.95em;

}

.m-header .am-menu-sub li a{

    color: #555555 !important;

    text-shadow:none !important;

}

.am-menu-offcanvas1 .am-menu-nav>li>a{

    border-top:1px solid #eeeeee;

}

.m-header .am-menu-sub li{

    border-top:1px solid #eeeeee;

}

.am-menu-offcanvas1 .am-menu-nav{

    border-bottom:1px solid #eeeeee;

}

.am-menu-offcanvas1 .am-menu-nav>li>a{

    text-shadow:none;

}

.m-menu-bars{

    display:  block;

    margin-top: 3px;

}



/*header*/

.zq-header{

    height: 56rem;

}

.zq-banner{

    height: 56rem;

    background: url("../img/banner_bg.jpg") no-repeat center 100%;

    position: relative;

}

.banner-bg{

    width: 100%;

    height: 100%;

    margin: 0 auto;

    position: absolute;

    top: 0;

    left: 0;

    overflow: hidden;

    background: black;

}

.popup-iframe{

    width: 90%;

    height: 80%;

    position: fixed;

    top: 10%;

    left: 5%;

    z-index: 118;

}

.popup-close{

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background-color: rgba(0, 0, 0, .6);

    z-index: 16;

}

.banner-canvas{

    position: relative;

    width: 100%;

    height: 100% !important;

}

.m-news-mq{

    width: 100%;

    height: 30px;

    margin: 0 auto;

    position: relative;

    top: 30px;

    left: 0;

    z-index: 100;

}

#news_mq{

     position: absolute;

     top: 20px;

     right: 20px;

     color: #ffFFFF;

     font-size: 12px;

     line-height: 14px;

     opacity: .8;

}

.banner-con{

    width: 100%;

    padding-top: 16rem;

    position: relative;

    top: 0;

    left: 0;

    text-align: center;

    color: #ffffff;

}

.banner-top{

    width: 90%;

    height: 12rem;

    margin: 0 auto;

    border-bottom: 1px solid rgba(255,255,255,.3);

    border-left: 1px solid rgba(255,255,255,.3);

    border-right: 1px solid rgba(255,255,255,.3);

}

.banner-top p{

    font-size: 36px;

    position: relative;

    top: -32px;

}

.banner-top span, .banner-top b{

    display: block;

    width: 4rem;

    height: 1px;

    background-color: rgba(255,255,255,.3);

}

.banner-top span{

    float: left;

}

.banner-top b{

    float: right;

}

.banner-top div{

    line-height: 10px;

    font-size: 12px;

    letter-spacing: 3px;

}

.banner-bottom{

    height: 10rem;

    margin-top: 6rem;

    font-size: 16px;

}

.banner-bottom a{

    display: block;

    width: 160px;

    height: 42px;

    cursor: pointer;

    background-color: rgba(255,255,255,.2);

    color: white;

    line-height: 42px;

    margin: 0 auto;

    border-radius: 3px;

}

.banner-bottom a.apply-btn{

    margin-top:15px;

}



/*container*/

.zq-container{

    width: 100%;

    background-color: rgba(242, 242, 242, 1);

}

.feature{

    width: 100%;

    /*height: 20rem;*/

    margin: 0 auto;

    transition: all .3s ease;

}



.feature:after {

    clear:both;

    content:'.';

    display:block;

    width: 0;

    height: 0;

    visibility:hidden;

}



.feature-right{

    width: 100%;

    /*height: 20rem;*/

    float:  left;

}

.feature-camera, .feature-arithmetic{

    width: 50%;

    /*height: 20rem;*/

    float: left;

}

.feature-arithmetic img, .feature-camera img{

    width: 100%;

    border-top:1px solid #666666;

    /*height: 20rem;*/

}



.title-eng-h3{

    font-size: 14px;

    color: #333333;

    letter-spacing: 5px;

    display: inline-block;

    font-weight:normal;

    padding-left: 6px;

}

.title-eng-h3-2{

    font-size: 14px;

    color: #cccccc;

    letter-spacing: 5px;

    display: inline-block;

    font-weight:normal;

    padding-left: 6px;

}





.showcase{

    margin: 0 auto;

    width: 100%;

    height: auto;

}

.showcase a{

    display: block;

    /*position: absolute;*/

    /*top: 0;*/

    /*left: 0;*/

    z-index: 20;

}

.showcase span{

    display: block;

}

.showcase h2{

    width: 100%;

    font-size: 2.4rem;

    font-weight: normal;

    text-align: center;

    padding-top: 60px;

}

.showcase h4{

    width: 88%;

    font-weight: normal;

    text-align: center;

    margin: 1em auto 2.4rem;

    color: #666666;

}

.showcase-top{

    width: 100%;

    /*height: auto;*/

    /*overflow: hidden;*/

}

.showcase-lease{

    width: 100%;

    /*height: 27rem;*/

    /*position: relative;*/

}

.showcase-lease:after {

    clear:both;

    content:'.';

    display:block;

    width: 0;

    height: 0;

    visibility:hidden;

}

.showcase-right{

    width: 100%;

    /*height: 14rem;*/

    /*position: relative;*/

}

.showcase-right:after {

    clear:both;

    content:'.';

    display:block;

    width: 0;

    height: 0;

    visibility:hidden;

}

.showcase-lease a, .showcase-lease img{

    width: 100%;

    /*height: 27rem;*/

    display: block;

}

.showcase-house, .showcase-hotel{

    width: 50%;

    /*height: 14rem;*/

    float: left;

}

.showcase-house a, .showcase-hotel a{

    width: 100%;

    /*height: 14rem;*/

}

.showcase-house img, .showcase-hotel img{

    width: 100%;

    /*height: 14rem;*/

    display: block;



}

.showcase-bottom{

    overflow: hidden;

}

.showcase-bottom:after {

    clear:both;

    content:'.';

    display:block;

    width: 0;

    height: 0;

    visibility:hidden;

}

.showcase-bottom div a{

    width: 100%;

    height: 100%;

    display: block;

}

.showcase-lease, .showcase-house, .showcase-hotel{

    position: relative;

}

.showcase-bottom img{

    width: 100%;

    /*height: 100%;*/

}

.showcase-bottom div{

    width: 50%;

    position: relative;

    /*height: 14rem;*/

    float: left;

}

.showcase p{

    width: 120px;

    position: absolute;

    left: 20px;

    color: #dddddd;

    font-size: 22px;

    z-index: 3;

    font-weight: normal;

    margin: 0;

}

.showcase-top p, .showcase-bottom p{

    top: 30px;

    z-index: 22;



}

.showcase-shy{

    position: relative;

    /*top: 0;*/

    /*left: 0;*/

    width: 100%;

    height: 100%;

    background-color: rgba(0, 0, 0, 1);

    z-index: 2;

    border-top:.5px solid #999999;

    border-right:.5px solid #999999;

}

.showcase a img{

    opacity: .5;

    transition: all .5s ease;

}

.showcase a img:hover{

    opacity: 1;

}



.technological{

    width: 100%;

    height: auto;

    background-color: rgba(252, 252, 252, 1);

    text-align: center;

    padding-bottom: 3rem;

}

.technological-con{

    margin: 0 auto;

}

.technological h2{

    width: 100%;

    line-height: 26px;

    font-size: 26px;

    font-weight: normal;

    text-align: center;

    padding-top: 80px;

}

.technological-desc{

    font-size: 16px;

    color: #666666;

}

.technological p{

    margin: 0 auto;

    color: #666;

}

.technological ul{

    margin: 0 auto;

    padding-top: 15px;

    width:34rem;

    position: relative;

}

.technological ul li{

    font-size: 24px;

    overflow: hidden;

    margin: 20px 0;

    display: block;

    position: relative;

    z-index:1;

}

.technological ul li:nth-child(2n) img{

    display: none;

}

.technological ul li img{

    width: 60px;

    height: 60px;

    margin-left: 40px;

    float: left;

    display: inline-block;

}

.technological ul li h3{

    margin: 0;

    font-size: 20px;

    display: inline-block;

    position: absolute;

    top: 5px;

    left: 120px;

}

.technological-con{

    margin-top:2rem;

}

.technological-con p{

    font-size: 24px;

    font-weight: bold;

}

.technological-con span{

    font-size: 14px;

    position: absolute;

    margin: 0;

    top: 40px;

    left: 120px;

    line-height: 14px;

}

.technological-info{

    font-weight: normal;

    font-size: 14px;

    padding-bottom: 3rem;

    margin: 4rem 0 0 0;

}

.technological-con span.technological-line{

    width:1px;

    height: 29rem;

    background-color: #999999;

    position: absolute;

    left:102px;

    top:38px;

    display: block;

    z-index: 0;

}



/*合作伙伴*/

.partner{

    width: 100%;

    background-color: rgba(30, 30, 30, 1);

}

.partner h2{

    width: 100%;

    line-height: 26px;

    font-size: 26px;

    font-weight: normal;

    text-align: center;

    padding-top: 80px;

    color: #f2f2f2;

}

.partner-list{

    width: 100%;

    margin: 0 auto;

    padding:2rem 0 4rem;

}

.partner ul{

    overflow: hidden;

    margin-bottom: 0;

    padding: 5px 20px 20px;

}

.partner ul li{

    float: left;

    width: 33.3%;

    height: auto;

    padding: 0 10px 15px;

}

.partner ul li:nth-child(4n){

    margin-right: 0;

}

.partner ul li img{

    width: 98%;

    height: auto;

}







/*footer*/

.zq-bottom{

    background-color: rgba(18, 19, 19, 1);

    color: rgba(204, 204, 204, 1);

    font-size: 14px;

    padding-bottom: 40px;

}

.zq-bottom a{

    color: rgba(204, 204, 204, 1);

}

.m-category ul{

    overflow: hidden;

    display: flex;

    justify-content: space-around;

    padding: 60px 0 40px;

    margin: 0;

    max-width: 400px;

    margin: 0 auto;

}

.m-category ul li{

    float: left;

}

.m-footer-message{

    margin: 20px 0 30px;

}

.m-footer-message p{

    margin: 3px 0;

    text-align: center;

}

.m-weChat-code{

    text-align: center;

}

.m-weChat-code p{

    margin: 0 0 1rem 0;

}

.m-weChat-code img{

    width: 90px;

    height: 90px;

}

.m-footer .footer-legal{

    border-top: 1px solid #333333;

    margin: 30px auto 0;

    padding:20px 0 20px;

}

.m-footer .footer-legal p{

    font-size: 12px;

    line-height: 26px;

    text-align: center;

    margin: 0;

}



/*产品介绍*/

.products-container{

    width: 100%;

    overflow: hidden;

}





/*产品云平台header*/

.pro-header{

    width: 100%;

    height: 260px;

    background: url("../img/products/pro_banner_3dyun.jpg") center no-repeat;

}

.pro-summary{

    width: 100%;

    height: 150px;

    padding-top: 90px;

}





/*camera*/

.pro-camera{

    width: 100%;

    height: 660px;

    background: url("../img/pro_camera_banner_m.jpg") center no-repeat;

    background-size: cover;

    color: #ffffff;

}

.pro-camera-jg{

    background: url("../img/pro_jg_banner_m.jpg") center no-repeat;

    background-size: cover;

}

.pro-camera-title{

    width: 100%;

    font-size: 40px;

    padding-top: 100px;

    text-align: center;

    letter-spacing: 5px;

}

.pro-camera-rail{

    margin: 0 auto;

}

.pro-camera-central{

    text-align: center;

    width: 100%;

}

.pro-camera-caption, .pro-camera-desc{

    font-size: 18px;

    font-weight: lighter;

    display: inline-block;

    letter-spacing: 5px;

    color: #cccccc;

    margin: 0;

}

.pro-camera-central span, .pro-camera-central b{

    display: none;

}

.pro-camera-central span{

    float: left;

}

.pro-camera-central b{

    float: right;

}

.pro-camera a{

    display: block;

    color: #ffffff;

    margin: 0 auto;

    position: relative;

    top: 440px;

    left: 50%;

    margin-left: 32px;

    text-decoration: underline;

    font-size: 18px;

}



.pro-scan{

    width: 100%;

    height: auto;

    margin: 0 auto;

    background-color: rgba(242, 242, 242, 1);

    text-align: center;

    display: flex;

    flex-direction: column;

    align-items: center;

    color: #333333;

    padding-bottom: 80px;

}

.pro-scan h2{

    font-size: 32px;

    line-height: 32px;

    padding: 100px 0 20px 0;

    font-weight: normal;

    letter-spacing: 3px;

}

.pro-scan img{

    width: 95%;

    height: auto;

    margin:30px 0;

}

.pro-scan p{

    font-size: 22px;

    color:#666;

    font-weight: lighter;

    letter-spacing: 3px;

}

.pro-scan span{

    display: block;

    width: 90%;

    font-size: 14px;

    line-height: 30px;

    color: #666;

    text-align: left;

    margin:0 auto;

}

.pro-arithmetic{

    width: 100%;

    height: 600px;

    position: relative;

    color: #ffffff;

}

.pro-arit-canvas{

    width: 100%;

    height: 600px;

    background: url("../img/products/c_canvas.png") no-repeat center 100%;

    background-size: cover;

}

.pro-arithmetic h2{

    width: 100%;

    text-align: center;

    position: absolute;

    top: 180px;

    left: 0;

    font-size: 24px;

    line-height:  36px;

    font-weight: normal;

}

.pro-arithmetic span{

    display: block;

    width: 80%;

    height: 1px;

    position: absolute;

    top: 290px;

    left: 10%;

    background-color: #999999;

}

.pro-arithmetic p{

    width: 80%;

    text-align: center;

    position: absolute;

    top: 280px;

    left: 10%;

    font-size: 14px;

    display: inline-block;

    color: #cccccc;

}

.pro-arithmetic b{

    width: 80%;

    text-align: left;

    position: absolute;

    top: 360px;

    left: 10%;

    font-size: 16px;

    display: inline-block;

    color: #cccccc;

}



.pro-roam{

    width: 100%;

    background-color: rgba(242, 242, 242, 1);

    text-align: center;

    color: #666666;

    padding-bottom: 50px;

}

.pro-roam h2{

    padding: 100px 0 30px 0;

    font-size: 28px;

    line-height: 42px;

    font-weight:normal;

    color:#333333;

    margin: 0;

}

.pro-roam p{

    font-size: 18px;

    font-weight:lighter;

    margin: 0 0 30px;

}

.pro-roam iframe{

    width: 98%;

    height: 400px;

    margin: 0 auto;

    display: block;

    margin-bottom: 20px;

}

.pro-roam span{

    display: block;

    padding-bottom: 24px;

    font-size: 16px;

}



.pro-scene{

    width: 100%;

    text-align: center;

    color: #666666;

    background: #fafafa;

    padding-bottom: 50px;

}

.pro-scene h2{

    font-size: 32px;

    line-height: 32px;

    padding: 100px 0 20px 0;

    font-weight: normal;

    letter-spacing: 3px;

}

.pro-scene .pro-scene-desc{

    font-size: 18px;

    font-weight: lighter;

    margin: 0 0 30px;

}



.pro-scene ul{

    width: 100%;

    display: block;

    margin: 0 auto;

    padding: 0 0 50px 0;

    overflow: hidden;

}

.pro-scene ul li{

    width: 33.3%;

    float: left;

    margin-bottom: 20px;

}

.pro-scene ul li img{

    width: 60px;

    height: 60px;

    margin: 60px 0 20px;

}

.pro-scene ul li span{

    font-weight: bold;

    font-size: 18px;

    line-height: 48px;

    display: block;

}

.pro-scene ul li p{

    font-size: 10px;

    margin: 3px;

}

.pro-scene a{

    color: #797979;

    font-size: 18px;

    text-decoration: underline;

}



.pro-edit{

    width: 100%;

    background-color: rgba(50, 56, 64, 1);

    position: relative;

    margin-bottom: 240px;

    text-align: center;

    /*padding-bottom: 80px;*/

}

.pro-edit h2{

    font-size: 30px;

    line-height: 30px;

    padding: 100px 0 20px 0;

    color: #ffffff;

    font-weight: normal;

}

.pro-edit p{

    font-size: 16px;

    color: #cccccc;

}

.pro-edit img{

    width: 88%;

    height: auto;

    position: relative;

    top: 4px;

    left: -5%;

    margin-top: 15px;

}

.pro-edit span, .pro-edit b{

    position: absolute;

    width: 90%;

    bottom: -120px;

    display: block;

    font-size: 14px;

    color: #666;

    line-height: 30px;

    left: 5%;

    text-align: left;

}

.pro-edit b{

    bottom: -160px;

    font-weight: normal;

}



/*VR看房*/

.vr-header-bg {

    width: 100%;

    height: 100%;

    background: url("../img/industry/qs_banner.jpg") no-repeat center;

    background-size: cover;

}

.vr-indus-summary{

    width: 260px;

    height: 80px;

    position: absolute;

    left: 50%;

    top: 1%;

    margin-left: -130px;

}

.vr-summary{

    width: 260px;

    height: 170px;

    background: rgba(4,65,97,0.6);

    color: #FFFFFF;

    margin-top: 46px;

}

.vr-indus-summary h2{

    padding: 6px 6px 0;

    font-size: 22px;

    font-weight: normal;

}

.vr-indus-summary p{

    padding: 0 10px 0;

    font-size: 12px;

    margin: 4px;

}

.mobile_title{

    width: 300px;

    position: absolute;

    color: #555;

    font-weight: bold;

    font-size: 16px;

    margin-top: 30px;

    left: 50%;

    margin-left: -150px;

}

.mobile_title span {

    margin-bottom: 8px;

    height: 26px;

    display: block;

    text-align: center;

}

.mobile_title p {

    font-size: 12px;

    font-weight: normal;

    text-align: center;

    margin: 1px;

}

.mobile_indus-vessel {

    width: 80%!important;

    height: 300px;

    padding: 0 30px;

    margin: 0 auto;

    display: flex;

    position: relative;

}

.mobile_indus-vessel .vr_item {

    flex: 1;

    margin-top: 140px;

}

.vr_item img {

    width: 60px;

    margin: 10px 4px;

}

.indus-content {

    width: 100%;

    height: 300px;

    padding: 0 30px;

    margin: 0 auto;

    position: relative;

}

.white-bg {

    background-color: #ffffff!important;

}

.iframe-wrapper {

    width: 600px;

    height: 200px;

    /* background: #333; */

    position: absolute;

    top: 50%;

    left: 50%;

    margin-top: -117px;

    margin-left: -340px;

}

#vr-iframe {

    position: absolute;

    height: 535px;

    top: -96px;

    border: none;

    width: 301px;

    left: 198px;

}

#screen6-content {

    height: 860px;

}

#iframe-bg-img {

    width: 116%;

    background-size: cover;

    position: absolute;

    -webkit-transform: rotate(-90deg);

    transform: rotate(-90deg);

}

#circle {

    height: 40px;

    width: 40px;

    background-color: #06fbfb;

    left: 440px;

    border-radius: 50%;

    bottom: -208px;

    position: absolute;

    animation: circle-spread 1.6s linear 0s infinite;

    z-index: 10000;

}

/*#circle:hover{*/

    /*visibility: hidden;*/

/*}*/

.hidden {

    display: none!important;

}

.indus-screen7 .indus-screen7_bg {

    position: absolute;

    width: 100%;

}

.screen7_item, .screen8_item {

    flex: 1;

}

.screen7_item .screen7_bg {

    width: 60px;

    background-size: contain;

    position: absolute;

}

.screen7_item .screen7_bg1{

    margin: 100px 40px;

}

.screen7_item .screen7_bg2{

    margin: 70px 10px;



}

.screen7_text {

    /*top: 50%;*/

    /*left: 50%;*/

    margin-top: 80px;

    /*margin-left: -20px;*/

}

.screen7_text .screen7_text_wrapper {

    margin-bottom: 4px;

    text-align: center;

}

.screen7_text .screen7_text_wrapper p {

    font-size: 12px;

    margin: 0;

}

.screen8_item {

    text-align: center;

    margin: 60px 0 0;

}

.screen8_item .line_1, .screen8_item .line_3 {

    font-size: 14px;

    font-weight: bold;

    height: 16px;

}

.screen8_item .line_2 {

    font-weight: bolder;

    font-size: 24px;

    height: 40px;

    line-height: 30px;

}

.screen8_item .line_4 {

    margin: 10px;

}

.screen8_item .line_4 p {

    margin: 1px;

    font-size: 12px;

}

.screen8_item .line_5 img {

    margin: 10px 0;

    width: 200px;

}

.screen8-vessel {

    margin-top:50px!important;

    display: flex;

    /*height: 900px!important;*/

    flex-direction: column;

}

.screen9_item {

    margin-top: 40px;

    height: 190px;

}

.indus-screen9 .indus-vessel{

    padding: 30px 0 0 0;

}

.screen9_item .screen9_line1, .screen9_item .screen9_line2 {

    text-align: center;

    font-size: 16px;

    height: 38px;

}

.screen9_item .screen9_line2 img {

    width: 200px;

}

.screen9_text {

    /*position: absolute;*/

    margin-top: 20px;

    padding:20px 20px 50px 20px; 

    /*left: 50%;*/

    /*margin-left: -220px;*/

    text-align: center;

    font-size: 14px;

}



.partner_title {

    margin-left: -150px!important;

}

.vr_partner {

    width: 100%;

    height: 240px;

    background-color: rgba(230, 230, 230, 1);

}

.vr_partner .logo_wrapper {

    width: 400px;

    /* height: 200px; */

    position: relative;

    top: 36%;

    /*padding: 0 30px;*/

    margin: 0 auto;

    /* display: flex; */

}

.vr_partner .logo_wrapper img {

    margin: 10px;

    background-size: cover;

    height: 40px;

}





/*虚拟屋*/

.vs-header-bg {

    width: 100%;

    height: 100%;

    background: url("../img/virtualspace/vs_banner.jpg") no-repeat center;

    background-size: cover;

}

.vs-indus-summary{

    width: 260px;

    height: 80px;

    position: absolute;

    left: 50%;

    top: 1%;

    margin-left: -130px;

}

.vs-summary{

    width: 260px;

    height: 170px;

    background: rgba(0,0,0,0.6);

    color: #FFFFFF;

    margin-top: 46px;

    text-align: center;

}

.vs-indus-summary h2{

    padding: 15px 0 0 0;

    font-size: 32px;

    letter-spacing: 3px;

    font-weight: normal;

}

.vs-indus-summary p{

    font-size: 12px;

    line-height: 24px;

}

.vs_mobile_title{

    width: 300px;

    position: absolute;

    color: #555;

    font-weight: bold;

    font-size: 16px;

    margin-top: 10px;

    left: 50%;

    margin-left: -150px;

    margin-top: 30px;

}

.vs_mobile_title span {

    margin-bottom: 8px;

    height: 26px;

    display: block;

    text-align: center;

}

.vs_mobile_title p {

    font-size: 12px;

    font-weight: normal;

    text-align: center;

    margin: 1px;

}



.vs_mobile_title2{

    width: 300px;

    position: absolute;

    color: #555;

    font-weight: bold;

    font-size: 16px;

    margin-top: 10px;

    left: 50%;

    margin-left: -150px;

    margin-top: -10px;

}

.vs_mobile_title2 span {

    margin-bottom: 8px;

    height: 26px;

    display: block;

    text-align: center;

}







.iframe-wrapper {

    width: 600px;

    height: 200px;

    position: absolute;

    top: 50%;

    left: 50%;

    margin-top: -117px;

    margin-left: -340px;

}

#vr-iframe {

    position: absolute;

    height: 535px;

    top: -96px;

    border: none;

    width: 301px;

    left: 198px;

}

#screen6-content {

    height: 860px;

}

#iframe-bg-img {

    width: 116%;

    background-size: cover;

    position: absolute;

    -webkit-transform: rotate(-90deg);

    transform: rotate(-90deg);

}

#circle {

    height: 40px;

    width: 40px;

    background-color: #06fbfb;

    left: 440px;

    border-radius: 50%;

    bottom: -208px;

    position: absolute;

    animation: circle-spread 1.6s linear 0s infinite;

    z-index: 10000;

}

/*#circle:hover{*/

    /*visibility: hidden;*/

/*}*/

.hidden {

    display: none!important;

}



.vs_screen8_item {

    text-align: center;

    margin: 30px 0 0;

}

.vs_screen8_item .line_1, .vs_screen8_item .line_3 {

    font-size: 14px;

    font-weight: bold;

    height: 16px;

}

.vs_screen8_item .line_2 {

    font-weight: bolder;

    font-size: 24px;

    height: 40px;

    line-height: 30px;

}

.vs_screen8_item .line_4 {

    margin: 10px;

}

.vs_screen8_item .line_4 p {

    font-size: 12px;

    width: 220px;

    margin:1px auto;

    text-align: left;

}

.vs_screen8_item .line_5 img {

    margin: 10px 0;

    width: 220px;

    border-radius: 5px; 

}



.vs_screen8-vessel {

    margin-top:50px!important;

    display: flex;

    height: 1150px!important;

    flex-direction: column;

}

.vs_indus-screen9{

    height: 800px!important;

}

.vs_screen9_item {

    margin-top: 20px;

    text-align: center;

    font-size: 14px;

}

.edit_tag{

    padding-top:60px; 

}

.vs_screen9_item img{

    width: 220px;

    border-radius: 5px;

    text-align: center;

    margin:5px auto;

}

.vs_screen9_item .screen9_line1{

    font-weight: bold;

}

.vs_screen9_item .screen9_line2{

    font-size: 12px;

}

.vs_screen9_text{

    margin:50px auto 0;

    width: 90%;

    font-size: 14px;

    text-align: center;

    padding-bottom: 50px;

}





/*——VR带看——*/

.vrlink-container a{

    color: rgba(68, 68, 68, 1);



}

.vrlink-header{

    width: 100%;

    height: 900px;

    background-image: url("../img/vrlink/vrlink_banner_bg.jpg");

    background-size: cover;

}

.vrlink-indus-summary{

    width: 100%;

    height: 700px;

}

.vrlink-summary-txt{

    width: 90%;

    color: #FFFFFF;

    padding: 150px 0 0 0;

    margin: 0 auto;

}

.vrlink-indus-summary img.vrlink-summary-title{

    width: 90%;

}

.vrlink-indus-summary p{

    padding: 20px 0 0 0;

    line-height: 28px;

    font-size: 14px;

    letter-spacing: 1px;

    font-weight: normal;

}

.vrlink-summary-img{

    width: 100%;

    margin-top: 50px;

}

.vrlink-summary-img img{

    width: 100%;

}

.vrlink-screen6{

    

    padding: 50px 0 50px 0;

}

.vrlink-screen6-title{

    width: 100%;

    margin: 0 auto;

    padding: 0 0 30px 0;

    text-align: center;

}

.vrlink-screen6-title h2{

    font-size: 28px;

    color: #333333;

}

.vrlink-video{

    width: 90%;

    margin: 0 auto;

}

.vrlink-video video{

    width: 100%;

}

.vrlink-screen8 {

    width: 100%;

    height: 800px;

    background-image: url("../img/vrlink/vrlink_bg2.jpg");

    background-size: cover;

    color: #fff;

}

.vrlink-screen8-title{

    width: 100%;

    padding: 50px 0 20px 0;

    text-align: center;

}

.vrlink-screen8-title h2{

    font-size: 28px;

    color: #ffffff;

}

.vrlink-screen8-title h4{

    font-size: 12px;

    color: #666666;

    letter-spacing: 3px;

}



.vrlink-vessel{

    width: 100%;

    margin: 0 auto;

}

.vrlink_screen8_item {

    height: 200px;

    align-items: center;

}



.vrlink_ys1{

    width: 100%;

    text-align: center;

}

.vrlink_ys1 img{

    width: 100px;

}

.vrlink_ys2{

    display: none;

}

.vrlink_ys2 span{

    display: none;

}

.vrlink_ys2 img{

    display: none;

}





.vrlink_ys3{

    width: 100%;

}

.vrlink_ys3 p{

    text-align: center;

    margin: 30px 0 0 0;

    font-size: 14px;

}



/*-------VRlite开始----------*/

.vrlite-header{

    width: 100%;

    min-height: 660px;

    background-image: url("../img/vrlite/vrlite_banner_bg.jpg");

    background-size: cover;

}

.vrlite-indus-summary{

    width: 100%;

    min-height: 600px;

    padding-top: 50px;

    margin:0 auto;

}

.vrlite-summary-txt{

    width: 80%;

    color: #FFFFFF;

    text-align: center;

    margin: 0 auto;

}

.vrlite-summary-txt h1{

    font-size: 36px;

    letter-spacing: 3px;



}

.vrlite-summary-txt h3{

    font-size: 24px;

    font-weight: normal;

    margin: 5px 0 0 0;

}

.vrlite-summary-txt p{

    line-height: 24px;

    margin: 10px 0 0 0;

    font-size: 14px;

    color: #999999;

}

.vrlite-summary-txt img{

    display: none;

}

.vrlite-summary-txt p span{

    display: inline;

}



.vrlite-summary-img{

    width: 90%;

    margin: 20px auto;

    text-align: center;

}

.vrlite-summary-img img{

    width: 90%;

}





.vrlite-screen6{

    min-height: 100%;

}

.vrlite-screen6-title{

    width: 90%;

    margin: 0 auto;

    padding: 30px 0 20px 0;

    text-align: center;

}

.vrlite-screen6-title h2{

    font-size: 24px;

    color: #333333;

    letter-spacing: 3px;

}

.vrlite-screen6-title h3{

    color: #333333;

    font-size: 14px;

    font-weight: normal;

    margin: 5px 0 0 0;

}

/*.vrlite-screen6-title h4{

    font-size: 12px;

    color: #666666;

    letter-spacing: 3px;

    font-weight: lighter;

}*/

.vrlite-video{

    width: 90%;

    height: auto;

    margin: 0 auto;

    text-align: center;

}

.vrlite-video video{

    width: 100%;

}

.vrlite-screen6-desc{

    width: 90%;

    margin: 20px auto;

    text-align: center;

}

.vrlite-screen6-desc p{

    margin: 0 auto;

    line-height: 28px;

    color: #666666;

    font-size: 14px;

}



.vrlite-screen8 {

    width: 100%;

    height: 500px;

    background-color: #f2f2f2;

    background-size: cover;

    color: #fff;

}

.vrlite-screen8-title{

    width: 90%;

    margin: 0 auto;

    padding: 30px 0 30px 0;

    text-align: center;

}

.vrlite-screen8-title h2{

    font-size: 24px;

    color: #333333;

}

.vrlite-screen8-title h3{

    font-size: 14px;

    color: #333333;

    font-weight: normal;

    margin: 5px 0 0 0;

}



.vrlite-vessel{

    width: 90%;

    margin: 0 auto;

}

.vrlite-vessel ul{

    margin: 0 auto;

    padding: 0;

}

.vrlite-vessel ul li{

    width: 50%;

    float: left;

    text-align: center;

    margin: 10px 0 0 0;

}

.vrlite-vessel ul li img{

    width: 96%;

}



/*-------VRlite结束----------*/



/*行业应用*/



.industry-container a{

    color: rgba(68, 68, 68, 1);



}

.indus-more-more{

    padding: 8px 20px;

    background: #dddddd;

    color: #000000;

    cursor: pointer;

    border-radius: 3px;

    margin-top: 15px;

    font-size: 12px;

    display: inline-block;

}

.indus-header{

    width: 100%;

    height: 260px;

}

.header-bg{

    width: 100%;

    height: 100%;

    background: url("../img/industry/hycj_banner.jpg") no-repeat center;

    background-size: cover;

}

.indus-summary{

    width: 100%;

    height: 150px;

    margin: -170px auto 0;

}

.summary{

    width: 88%;

    background: rgba(0, 0, 0, .4);

    padding: 20px;



}

.summary .smmary-eng{

    font-size: 14px;

    letter-spacing: 4px;

    margin-top:-4px;

    color: #999999;

    padding-left: 2px;

    display: block;

}

.summary h2{

    font-size: 28px;

    font-weight: normal;

    margin: 0;

    color: #eeeeee;

}

.summary p{

    font-size: 14px;

    line-height: 24px;

    margin: 0;

    color: #999999;

    margin-top:15px;

}



.indus-anchor{

    width: 100%;

    padding-bottom: 20px;

}

.indus-anchor ul{

    width: 100%;

    margin: 0 auto;

    display: block;

    overflow: hidden;

    padding: 2%;

}

.indus-anchor ul li{

    width: 24%;

    height: 160px;

    float: left;

}

.indus-anchor ul li a{

    display: block;

    width: 100%;

    height: 100%;

    text-align: center;

}

.indus-anchor li a img{

    width: 48px;

    height: 48px;

    margin: 50px 0 20px;

}

.indus-anchor li a p{

    margin: 0;

}





.indus-left{

    width: 100%;

    background-color: #eee;

}

.indus-right{

    width: 100%;

    background-color: rgba(255, 255, 255, 1);

}

.indus-vessel{

    width: 100%;

    padding: 0 20px;

    margin: 0 auto;

    position: relative;

}



.indus-details{

    width: 100%;

    padding-bottom: 20px;



}

.indus-details h2 a{

    display: block;

    padding: 60px 0 0;

    font-size: 30px;

    line-height: 32px;

    font-weight: normal;

}

.indus-details p{

    font-size: 18px;

}

.indus-details span{

    font-size: 14px;

    color: rgba(102, 102, 102, 1);

    margin: 248px 0 16px;

    display: block;

}

.indus-details ul{

    width: 100%;

    height: 165px;

    padding: 0 0 0 20px;

}

.indus-details ul li{

    display: block;

    height: 60px;

}

.indus-details li img{

    float: left;

    width: 30px;

    height: 30px;

    margin: 12px 15px 0 0;

}

.indus-details li span{

    height: 55px;

    float: left;

    color: rgba(51, 51, 51, 1);

    width: 80%;

    display: flex;

    flex-direction: column;

    justify-content: center;

    margin: 0;

    padding: 0;

    text-align: left;

}

.indus-details a{

    /*display: none;*/



}

.indus-details a.indus-case-btn{

    padding:8px 20px;

    background: #dddddd;

    color: #000000;

    cursor: pointer;

    border-radius: 3px;

    margin-left: 62px;

    margin-top:15px;

    font-size: 12px;

    /*font-weight: bold;*/

    display: inline-block;

    }

.indus-img{

    width: 90%;

    height: auto;

    position: absolute;

    top: 170px;

    left: 20px;

    max-height: 220px;

    overflow:hidden;

}

.indus-img a{

    display: block;

    height: auto;

    width: 100%;

}

.indus-img a img{

    display: block;

    width: 100%;

    height: auto;

    /*max-width: 440px;*/

}

.indus-decoration .indus-img{

    max-height: 220px;

    overflow: hidden;

}

.indus-decoration .indus-img a{

    width: 100%!important;



}

.indus-vessel .m-vessel{

    margin: 180px 0 16px;

}





/*--更多应用--*/

.indus-more{

   padding-bottom: 50px;

}

.indus-more h2{

    display: block;

    padding: 94px 0 12px;

    font-size: 30px;

    line-height: 30px;

}

.indus-details-more{



}

.indus-details-more h2{

    font-size: 30px;

    font-weight: normal;

}

.indus-img-more a{

    display: block;

    margin: 30px auto 30px;

}

.indus-img-more a img{

    display: block;

    width: 100%;

    height: auto;

}

.indus-more-more{

    text-align: center;

}







/*服务方案*/

.service-container{

    width: 100%;

}



.ser-header{

    width: 100%;

    height: 260px;

    background: url("../img/service/fw_banner2.jpg") center no-repeat;

    background-size: cover;

    padding-top: 200px;

}

.ser-summary{

    width: 100%;

    height: 150px;

    margin: -110px auto 0;

}



.ser-3don, .ser-purchasing, .ser-visit, .ser-customization{

    margin: 0 auto;

    padding: 0 0 30px 0;

    position: relative;



}

.ser-con h2{

    padding: 70px 20px 0;

    font-size: 30px;

    margin-bottom: 18px;

    font-weight: bold;

    background-size: 30px;

}

.ser-con h4{

    margin: 0 0 260px 20px;

    color: #333;

    font-size: 16px;

    font-weight: normal;

}

.ser-con p{

    line-height: 16px;

    margin: 10px 0;

    margin-left: 20px;

    color: #666;

    font-size: 14px;

}

.ser-con span{

    width: 100%;

    margin-left: 30px;

    font-size: 14px;

    line-height: 16px;

    display: block;

    margin-top:20px;

    color: #666;

}

.ser-image{

    position: absolute;

    top: 180px;

    left: 0;

}

.ser-image a{

    width: 92%;

    display: block;

    margin-left: 4%;

}

.ser-image a img{

    width: 100%;

    height: auto;

}

.ser-visit{

    width: 100%;

    background-color: #f7f7f7;

}



/*3D展廊*/



/*case页面*/

.case_zb{

    width:25px;

    height:25px;

    background:url(../images/case_loaction.png) no-repeat center bottom;

    background-size: 75%;

    display:inline-block;

}

.case_banner2{

    width:100%;

    background: #f7f7f7;

}

.case_bn2_nr{

    padding: 15px 0;

    margin: 0 auto;

    overflow: hidden;

}

.case_btn {

    width: 100%;

    height: auto;

    padding: 20px 0 30px 0;

    overflow: hidden;

}

.case-header{

    display: none;

}

.case-desc{

    text-align: center;

    color: #666;

    font-size:16px;

    margin-bottom: 15px;

}



.list-card {

    /*position: relative;*/

    float: left;

    width: 80%;

    margin: 20px 10% 0;

    padding: 0 0 10px 0;

    border: 1px solid #ebf0f4;

    background: #fff;

    box-sizing: border-box;

    -webkit-transition: all 0.3s ease-in-out;

    -moz-transition: all 0.3s ease-in-out;

    transition: all 0.3s ease-in-out;

}



.list-card .list-photo {

    position: relative;

    width: 100%;

    overflow: hidden;

    cursor: pointer;

}

.list-card .list-photo a {

    width: 100%;

    display: block;

}



.list-card .list-photo img {

    display: block !important;

    width: 100%;

    min-height: 200px;

    font-size: 0;

    margin: 0 auto;

    -webkit-transform: scale(1);

    -webkit-transition: 1s transform ease;

    transform: scale(1);

    transition: 1s transform ease

}



.list-card .list-photo .list-title {

    position: absolute;

    bottom: 0;

    width: 100%;

    height: 55px;

    padding: 25px 20px 0 15px;

    font-size: 16px;

    box-sizing: border-box

}



.list-card .list-photo .list-title a {

    display: block;

    color: #fff;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis

}



.list-card .list-icon {

    padding: 20px 0;

    font-size: 0

}



.list-card .list-icon .icon-link {

    position: relative;

    float: left;

    width: 20%;

    display: inline-block;

    text-align: center;

    cursor: pointer;

    line-height: 1;

    color: #2d404d

}



.list-card .list-icon .icon-link::before {

    position: absolute;

    top: 50%;

    left: 50%;

    padding: 1em 2em;

    background: #fff;

    color: transparent;

    content: attr(data-title);

    white-space: nowrap;

    line-height: 1;

    opacity: 0;

    font-size: 14px;

    -webkit-transition: all 0.3s ease-in-out;

    -moz-transition: all 0.3s ease-in-out;

    transition: all 0.3s ease-in-out;

    transition: all 0s ease-in-out \0;

    -webkit-transform: translate(-50%, -50%) scale(0.5);

    transform: translate(-50%, -50%) scale(0.5);

    box-shadow: 0 1px 5px #ccd2d6

}



.list-card .list-icon .icon-link .glyphicon {

    font-size: 34px;

    display: block

}



.list-card .list_line {

    border-bottom: 1px dashed #ebf0f4;

    margin: 0 20px

}



.list-card .info {

    padding: 10px 0 0;

    overflow: hidden

}



.list-card .info span {

    float: left;

    display: inline-block;

    width: 20%;

    text-align: center;

    box-sizing: border-box;

    color: #818f99;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis

}



.list-card .info span:first-child {

    width: 60%;

    padding: 0 20px;

    text-align: left

}



.list-card .info span .glyphicon {

    padding-right: 3px;

    font-size: 12px

}



.list-card .info span.thumb {

    border-left: 1px solid #d7e0e7

}



.list-card .info span.thumb em {

    font-style: normal

}

.list-card .info span a {

    color: #818f99

}



.list-card .info span a em {

    font-style: normal

}





.case_fenye{

    width: 100%;

    margin:0 auto;

    padding-top: 20px;

}



.case_fenye ul{

    overflow: hidden;

}



.case_fenye ul li.case_fyli{

    width: 40px;

    height: 35px;

    line-height: 35px;

    text-align:center;

    float:left;

    border:1px solid #ebf0f4;

    margin: 10px 2px;

    border-radius: 3px;

}

li.case_fyli a{

    color: #818f99;

}



.case_fenye ul li.anav {

    width: 40px;

    height: 35px;

    background: #ec7a00;

    border-color: #ec7a00;



}

.case_fenye ul li.anav a{

    color: #fff;

}



.case_fenye ul li.anav {

    width: 40px;

    height: 35px;

    background: #ec7a00;

    border-color: #ec7a00;

}

.case_fenye ul li.anav a{

    color: #fff;

}



/*技术支持*/

.support-container{

    width: 100%;

}



.sup-header{

    width: 100%;

    height: 260px;

    background: url("../img/support/jszc_banner2.jpg") center no-repeat;

}

.sup-summary{

    width: 100%;

    height: 150px;

    padding-top: 90px;

}





.sup-operate{

    margin: 0 auto;

}

.operat-title{

    width: 100%;

    height: 80px;

}

.operat-title span, .document-title span{

    width: 8px;

    height: 32px;

    display: block;

    background: #000;

    margin: 48px 12px 0 0;

    float: left;

}

.operat-title h2, .document-title h2{

    margin-top: 48px;

    font-size: 30px;

    font-weight: normal;

    line-height: 30px;

    color: rgba(51, 51, 51, 1);

    float: left;

}

.operat-video{

    display: block;

}

.operat-video div{

    width: 100%;

}

.operat-video img{

    width: 92%;

    height: auto;

    display: block;

    margin: 0 4%;

}

.operat-video video{

    position: fixed;

    width: 88%;

    height: 60%;

    top: 20%;

    left: 6%;

    z-index: 1800;

    background-color:rgba(0,0,0,.9);

}

.operat-video .video-overlay{

    position: fixed;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    z-index: 1600;

    background-color: rgba(0, 0, 0, .3);

}

.operat-video p{

    font-size: 18px;

    line-height: 18px;

    margin-top: 20px;

    text-align: center;

    color: rgba(102, 102, 102, 1);

}

.sup-document{

    margin: 0 auto;

    padding-bottom: 20px;

}

.document-title{

    width: 100%;

    height: 80px;

}

.document-download a{

    color: rgba(102, 102, 102, 1);

    font-size: 14px;

    line-height: 30px;

    display: block;

    margin-left: 26px;

    width: fit-content;

    width: -moz-fit-content;

}

.document-download a:nth-child(1){

    margin-top: 38px;

}

.sup-document-info{

    margin-left:26px;

    margin-top:24px;

    font-size: 12px;

    color: #999999;

}



/*百问百答*/

.answers-container{

    width: 100%;

}

.ans-header{

    width: 100%;

    height: 260px;

    background: url("../img/support/bwbd_banner.jpg") no-repeat center 100%;

    -webkit-background-size: cover;

    background-size: cover;

}



.ans-summary{

    width: 100%;

    height: 150px;

    padding-top: 90px;

}





.ans-introduction{

    margin: 50px auto 0;

    overflow: hidden;

}

.ans-navigation{

    width: 260px;

    height: 48px;

    color: rgba(51, 51, 51, 1);

    background: rgba(249, 249, 249, 1);

    margin: 0 auto 30px;

}

.ans-navigation p{

    text-align: center;

    line-height: 48px;

    width: 100%;

    height: 48px;

}

.ans-navigation a{

    width: 50%;

    height: 48px;

    display: block;

    float: left;

    color: rgba(51, 51, 51, 1);

}

.nav-question{

    background: rgba(242, 242, 242, 1);

}

.ans-detail{

    float: left;

    margin: 10px 0;

}

.detail-guide{

    width: 100%;

    margin-bottom: 60px;

    padding-left: 20px;

}

.detail-question{

    width: 100%;

    height: 36px;

    display: flex;

    align-items: center;

}

.detail-question span{

    width: 36px;

    height: 36px;

    display: inline-block;

    float: left;

    border-radius: 5px;

    background-color: #333333;

    font-size: 12px;

    text-align: center;

    line-height: 36px;

    color: #FFFFFF;

}

.detail-question p{

    width: 280px;

    float: left;

    margin: 0 0 0 15px;

    font-weight: bold;

    font-size: 14px;

    line-height: 16px;

}

.detail-answer{

    width: 100%;

    overflow: hidden;

    margin-top: 20px;

}

.detail-answer span{

    width: 36px;

    height: 36px;

    display: inline-block;

    float: left;

    border: 1px solid rgba(204, 204, 204, 1);

    border-radius: 5px;

    font-size: 12px;

    text-align: center;

    line-height: 36px;

    color: #000000;

}

.detail-answer div{

    width: 280px;

    margin-left: 15px;

    color: #666666;

    line-height: 20px;

    float: left;

    font-size: 14px;

}

.detail-answer div p{

    margin: 5px 0;

}

.detail-answer div b{

    margin-left: 2px;

    display: block;

}



.detail-answer p a,.detail-answer b a{

    color: #ff3718;

    text-decoration: underline;

}





/*关于我们*/



.about-container{

    width: 100%;

}

.abo-header{

    width: 100%;

    height: 260px;

    background: url("../img/about/about_banner.jpg") center no-repeat;

    padding-top: 90px;

}



.abo-summary{

    width: 100%;

}





.abo-introduction{

    margin: 50px auto 0;

    overflow: hidden;

    background: url("../img/about/about_bg.jpg") no-repeat center 57px;

    background-size: 90% ;

}

.abo-navigation{

    width: 300px;

    height: 48px;

    color: rgba(51, 51, 51, 1);

    background: rgba(249, 249, 249, 1);

    margin: 0 auto 30px;

}

.abo-navigation p{

    text-align: center;

    line-height: 48px;

    width: 33%;

    height: 48px;

    margin: 0;

    float: left;

}

.abo-navigation p a{

    width: 100%;

    height: 48px;

    display: block;

    float: left;

    color: rgba(51, 51, 51, 1);

}



.abo-detail{

    width: 94%;

    float: left;

    margin: 0 3%;

}

.abo-detail p{

    color: rgba(116, 116, 116, 1);

    line-height: 24px;

    margin-bottom: 30px;

}

.detail-team, .ab0-h2{

    margin: 60px 0 30px;

    font-size: 24px;

    font-weight: normal;

}

.detail-leader{

    width: 100%;

    height: auto;

    margin-bottom: 12px;

}

.detail-leader img{

    display: none;

}

.detail-leader div{

    width: 100%;

    padding: 8px;

    background: rgba(247, 247, 247, 1);

}

.detail-leader div h2{

    font-size: 18px;

    line-height: 48px;

    font-weight: bold;

    margin: 0;

}

.detail-leader div span{

    display: block;

    margin-bottom: 8px;

    line-height: 22px;

    color: rgba(102, 102, 102, 1);

    font-size: 14px;

}



.detail-team-info{

    width: 100%;

}

.team-info-desc{

    padding-left: 10px;

    vertical-align: middle;

    height: 100px;

    display: flex;

    align-items: center;

}

.detail-team-info img{

    width: 100%;

    height: auto;

}

.team-info-desc p{

    width: 735px;

    font-size: 16px;

    line-height: 26px;

    color: rgba(116, 116, 116, 1);

    margin-bottom: 0;

}



.detail-course{

    position: relative;

    top: 0;

    left: 0;

    border-left: 1px solid #cccccc;

    margin-left: 20px;

}

.course{

    overflow: hidden;

    margin-bottom: 15px;

}

.course b{

    width: 18px;

    height: 12px;

    background-color: #999999;

    /*-webkit-border-radius: 8px;*/

    /*-moz-border-radius: 8px;*/

    /*border-radius: 8px;*/

    float: left;

    margin: 7px 6px 0 0;

    position: relative;

    z-index: 10;

}

.course span{

    font-size: 18px;

    float: left;

    font-weight: bold;

    /*margin: 0 45px 0 25px;*/

}

.course div{

    clear: both;

    overflow: hidden;

    padding: 2% 0 0 6%;

}

.course div p{

    text-indent: 0;

    line-height: 18px;

    width: fit-content;

    width: -moz-fit-content;

    margin: 0 0 10px 0;

}

.course-line{

    display: none;

}

.detail-honor{

    margin-bottom: 50px;

    /*height: 90px;*/

}

.honor-awards{

    margin:20px 0 0 15px;

    min-height: 32px;

}

.honor-awards p{

    line-height: 32px;

    float: left;

    padding-left: 48px;

    background: url("../img/about/icon_honor.png") no-repeat left;

}



/*新闻资讯*/



.news-container{

    width: 100%;

}

.news-header{

    width: 100%;

    height: 260px;

    background: url("../img/about/about_banner.jpg") center no-repeat;

    padding-top: 90px;

}



.news-introduction{

    margin: 50px auto;

    overflow: hidden;

}

.news-navigation{

    width: 300px;

    height: 48px;

    color: rgba(51, 51, 51, 1);

    background: rgba(249, 249, 249, 1);

    margin: 0 auto 15px;

}

.news-navigation p{

    text-align: center;

    line-height: 48px;

    width: 33%;

    height: 48px;

    margin: 0;

    float: left;

}

.news-navigation p a{

    width: 100%;

    height: 48px;

    display: block;

    float: left;

    color: rgba(51, 51, 51, 1);

}



/*.news-detail{*/

    /*width: 800px;*/

    /*float: left;*/

    /*margin: 10px 0 0 70px;*/

/*}*/

.nws_ct_lf{

    height:auto;

    /*overflow:hidden;*/

    margin:10px 0 0 10px;

    float: left;

}

.nws_ct_lf .news ul{

    padding: 0;

}

.news li{

    margin-top: 20px;

    padding-bottom: 6px;

    border-bottom: #F7F7F7 1px solid;

    height: auto;

    position: relative;

}

.news li:first-child{

    margin-top: 0;

}

.news li h3{

    margin-bottom: 0;

    height: 50px;

}

.news li p{

    position: absolute;

    padding-left: 35% !important;

    font-size: 14px !important;

    top: 50px;

    left: 0;

    height: 66px;



    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 3;

    overflow: hidden;

}

.news li h4{

    text-align: right;

    padding: 90px 20px 10px 0;

    font-weight: normal;

    color: #999;

    margin: 0;

    font-size: 14px;

}

.news li img{

    width: 33%;

    height: auto;

    position: absolute;

    top: 60px;

    z-index: 9;

}

.news li p{

    color:#999;

    line-height:22px;

}



/*加入我们*/

.join-container{

    width: 100%;

}

.join-header{

    width: 100%;

    height: 260px;

    background: url("../img/about/about_banner.jpg") center no-repeat;

    padding-top: 90px;

}



.join-summary{

    width: 100%;

}



.join-introduction{

    margin: 50px auto 0;

    overflow: hidden;

    background: url("../img/about/about_bg.jpg") no-repeat center 57px;

    background-size: 90% ;

}

.join-navigation{

    width: 300px;

    height: 48px;

    color: rgba(51, 51, 51, 1);

    background: rgba(249, 249, 249, 1);

    margin: 0 auto 30px;

}

.join-navigation p{

    text-align: center;

    line-height: 48px;

    width: 33%;

    height: 48px;

    margin: 0;

    float: left;

}

.join-navigation p a{

    width: 100%;

    height: 48px;

    display: block;

    float: left;

    color: rgba(51, 51, 51, 1);

}

.nav-join{

    font-weight: bold;

    background: rgba(242, 242, 242, 1);

}

.join-detail{

    width: 94%;

    float: left;

    margin: 10px 3% 70px;

}



.detail-team, .ab0-h2{

    margin: 60px 0 30px;

    font-size: 24px;

    font-weight: normal;

}



.join-item{

    margin-bottom: 60px;

    font-weight: normal;

    font-size: 18px;

    line-height: 28px;

    color: rgb(112,112,112);

}

.join-item div{

    margin-bottom: 20px;

}

.join-item div p{

    font-weight: bold;

}

.join-item div span{

    font-size: 16px;

    display: block;

}

.join-item .join-title{

    font-size: 20px;

    font-weight: bold;

    color: #000;

}

.parts-floating{

    display: none;

}



@media (min-width: 376px) and (max-width: 640px){

   /* .products-container .pro-edit span, .pro-edit b{

        top: 520px;

    }

    .products-container .pro-edit b{

        top: 650px;

    }*/

    .indus-vessel .m-vessel{

        margin: 220px 0 16px;

    }

    .indus-details span{

        margin: 270px 0 16px;

    }

    .ser-con h4{

        margin: 0 0 300px 20px;

    }

}

/***** 移动端导航 *****/

@media screen and (max-width: 640px){

    .nav-container{

        display: none;

    }

    .m-logo {

        width: 80px;

        margin: 5px auto;

    }

    .m-header .m-logo img {

        width: 80px;

        margin: 0 auto;

    }

    .am-offcanvas-bar {

        width: 300px;

        background: #383d61;

    }

    .am-icon-bars {

        font-size: 20px;

        color: #262626;

    }



    .m-header{

        padding: 10px 0;

        background: #fFF;

    }

    .m-header .am-menu-offcanvas1 .am-menu-nav > .am-open > a, .m-header .am-menu-offcanvas1 .am-menu-nav > li > a:hover, .am-menu-offcanvas1 .am-menu-nav > li > a:focus {

        background-color: #383d61;

        color: #fff;

        outline: none;

    }

    .m-header .am-menu-offcanvas1 .am-menu-sub{

        background-color: #383d61;

    }

    .m-header .am-menu-sub{

        padding: 0;

    }

    .m-header .am-menu-sub li{

        border-top: 1px solid rgba(0, 0, 0, 0.3);

        -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);

        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);

        text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);

        padding-left: 36px;

    }

    .m-header .am-menu-offcanvas1 .am-menu-nav > li > a{

        color: #fff;

    }

    .m-header .am-menu-sub li a{

        color: rgba(255,255,255,0.3);

        text-shadow:none !important;

    }

}



@media screen and (max-width: 640px){

    .footer-container{

        display: none;

    }

    /*footer*/

    .zq-bottom{

        background-color: rgba(18, 19, 19, 1);

        color: rgba(204, 204, 204, 1);

        font-size: 14px;

    }

    .zq-bottom a{

        color: rgba(204, 204, 204, 1);

    }

    .m-category ul{

        overflow: hidden;

        display: flex;

        justify-content: space-around;

        padding: 60px 0 40px;

        margin: 0 auto;

        max-width: 400px;

    }

    .m-category ul li{

        float: left;

    }

    .m-footer-message{

        margin: 10px 0 15px;

    }

    .m-footer-message p{

        margin: 3px 0;

        text-align: center;

    }

    .m-weChat-code{

        text-align: center;

    }

    .m-weChat-code p{

        margin: 0 0 1rem 0;

    }

    .m-weChat-code img{

        width: 90px;

        height: 90px;

    }

    .m-footer .footer-legal{

        border-top: 1px solid #333333;

        margin: 30px auto 0;

    }

    .m-footer .footer-legal p{

        font-size: 12px;

        line-height: 26px;

        text-align: center;

        margin: 0 auto;

        width: 245px;

        color: #555555;

    }

}