@charset "utf-8";
body{}
.blank{height: 10px}
.clear:after { clear:both;content:'';display:block;width:0;height:0;visibility:hidden; }
#main{width: 100%; margin: 0 auto; position: relative}
#header{height: 115px; }
#footer{height: 90px;}



#header .logo{padding: 20px;}
.head-menu{float: right; margin-top: 30px; margin-right: 30px;}
.head-menu li{float: left;  font-size: 20px;}

.left-side-menu{ padding-top: 0px;}
.left-side-menu li{padding-left:10px;}
.left-side-menu li a{color: #fff; font-size: 20px; padding: 10px;
    display: block;}
.left-side-menu li:hover{background: #4c4c4c}




.foot{padding: 80px 0; text-align: center; font-family:"Arial","Microsoft YaHei","黑体","宋体",sans-serif;line-height: 23px;}

/*侧边栏*/
.left-side{width: 0px; left: 0px;
    display: none;
    height: 100%;background: #000}

.left-side-close{width: 30px;
    height: 30px;left: 170px;
    top: 10px; color: #000; position: relative; font-size: 20px;}

.head-menu-text a{color: #000 !important; font-size: 16px;}

/*首页*/
.banner-wap img{width: 100%}
.banner-wap div{float: left;}

/*work*/
.work-li li{height: 24.5vw; /*height: 33.33333vw;*/ overflow: hidden;
    background: #ccc; position: relative}
.work-li li a{
    overflow: hidden;}
.work-li li a img{width: 100%;}
.work-li li span{display: none; position: absolute; left: 0;
    right: 0; bottom: 0; top: 0;z-index: 1;}
.work-li li a:hover span{
    display: block;
    -moz-opacity: 0.5;
    filter: alpha(opacity=50);
    background: rgba(255,255,255,.7);
}
.work-li li a h3,.work-li li a h4{color: #202020;opacity: 1 }
.work-li li a h3{font-size: 22px; padding: 20px 0 0 20px; }
.work-li li a h4{font-size: 18px; padding: 10px 0 0 20px;}

/*联系我们*/
.join-us{max-width: 800px; margin: 0 auto;}
.join-us h2{padding: 20px 0;
    font-weight:  bold;}
.join-us-text{font-size: 16px; line-height: 23px;}

/*团队*/
.hezuo{max-width: 70%; margin: 0 auto}
.hezuo ul{padding: 70px 0; text-align: center}
.hezuo li{float: left; padding: 20px;  text-align: center}
.hezuo li img{max-height: 70px}


/*company*/
.company-top img{width: 100%}
.company-con{width: 80%; margin: 0 auto;padding: 50px 0}
.company-con .ttl{
    float: left; width: 30%; text-align: center}
.company-con .about{
    float: left; width: 50%; line-height: 30px; font-size: 16px;}

.awards{max-width: 1500px; margin: 0 auto; padding: 10px;}
.awards>h3{height: 50px; font-weight: bold; font-size: 20px;}
.awards li{float: left; width: 20%; padding-bottom: 50px;}
.awards-ttl{font-size: 18px;font-weight: bold; padding-bottom: 5px;}
.awards-text{line-height: 20px; font-size: 16px;}
.awards-text,.awards-ttl span{color: #a2a2a2}
.awards-ttl h4 span{color: #000}

.man{max-width: 1100px; margin: 0 auto; padding: 50px 0}
.man li{padding-bottom: 70px;}
.man .item{width: 50%;
    float: left;}
.main-item-left img{border-radius:100%; width: 100%}
.main-item-rig{}
.main-item-rig-text{padding-top: 150px; padding-left: 200px;}
.main-item-rig-text h3{padding-bottom: 10px; font-weight: bold}
.main-item-rig-text .text{font-size: 16px; line-height: 23px;}

/*work*/
.work-wrap{width: 1500px; margin: 0 auto; background: #fff}
.show-content{padding: 30px;}
.show-content h1{text-align: center; padding-top: 50px;}
.show-con{padding: 30px 0; color: #595959; font-size: 14px; line-height: 23px;}
.show-con p{word-break: break-all;word-wrap: break-word;}
.show-con .p-text{width: 66.6%}
.show-con p img{max-width: 100%}
.show-bottom{text-align: right;color:#c0c0c0;padding: 20px 0}


/*遮罩层*/
.body-shade{display: block; position: fixed; left: 0;top: 0; right: 0; bottom: 0; background-color: rgba(0,0,0,.3); z-index: 1000;
    display: none;}
/*漂浮在遮罩层上*/
.shade-side{position:fixed;z-index:1001}


/*响应式*/
@media screen and (min-width: 641px) {
    .head-menu-icon{display:none }
    .banner-wap{display: none}
}

/*layui兼容*/
.layui-nav-bar{background-color: #ff0000}

@media screen and (max-width: 640px) {
    #footer{height:auto}
    .foot{
      padding: 20px}
    .head-menu{margin-right: 10px;}
    .head-menu-text{display:none }
    .wrap{padding: 10px;}

    .work-wrap{width: 100%}


    .banner-pc{display:none}

    .company-con .ttl{float: none; padding-bottom: 30px; text-align: center}
    .company-con .about{
        float: none; width: 100%; padding-left: 10px}

    /*团队*/
    .hezuo{width: 100%;}
    .hezuo ul{padding: 0}
    .hezuo li,.awards li{width: 100%;}

    .main li{height: auto}
    .man .item{width: 100%}
    .main-item-left{text-align: center}
    .main-item-left img{width: 70%;}
    .main-item-rig-text{padding: 20px;}
    .main-item-rig-text h3{text-align: center}
    .main-item-rig-text .text{text-align: center}

    /*work*/
    .work-wrap{width: 100%}
    .show-content{}
    .show-bottom{text-align: center}

    .work-li li{height: auto}

    .show-con .p-text{width: 100%}
}