body{
    background-color: #1e1e20;
}
.title {
    padding: 24px 0;
}
h2.fontUpper {
    text-transform: uppercase;
    font-size: 30px;
    color: #fff;
    font-weight: normal;
    line-height: 50px;
}
.title .fontUpper:after {
    display: block;
    content: "";
    width: 30px;
    height: 2px;
    background-color: #563418;
    margin: 0 auto;
}
.title .fontCapt {
    text-transform: capitalize;
    font-size: 16px;
    color: #828282;
}
/* 图标 adv  */
.adv{
    padding: 30px 0;
    background-color: #1e1e20;
}
.adv-cont{
    width: 96%;
    margin: 0 auto;
}
.adv-Item{
    width: 100%;
    margin: 0 auto;
}
.adv-Item h3{
    color: #e3e3e3;
}
.adv-Item:hover h3{
    color: #fb5901;
}

.adv-ItemLeft{
    width: 62px;
    height: 62px;
    margin: 0 auto;
}
.adv-ItemLeft img{
    width: 62px;
    height: 62px;
    border-radius: 5%;
}
.adv-ItemRight{
    width: calc(100% - 70px);
    float: left;
    margin-top: 0px;
}
.adv-ItemRight p{
    color: #b3b3b3;
    line-height: 20px;
}
/* 图标 adv end */
/*works start*/
.works{
    padding: 20px 0 0;
    background-color: #1e1e20;
}
.mytaber li {
    float: left;
    margin: 0 0;
    /* width: 25%; */
    padding: 0 10px;
}
/* .mytaber li {
    float: left;
    margin: 0 0;
    width: 33%;
} */
.mytaber li a {
    display: inline-block;
    color: #9d9d9d;
    /* width: 90%; */
    /* padding: 5px 10px; */
    margin: 3px;
    text-align: center;
    /* border: 1px solid #eee; */
}
/* .mytaber li a {
    display: inline-block;
    color: #9d9d9d;
    width: 90%;
    padding: 5px 10px;
    margin: 3px;
    text-align: center;
    border: 1px solid #eee;
} */
.mytaber li.active a, .mytaber li:hover a {
    color: #fff;
    background: #fb5901;
}
.myworksPro{
    margin: 20px auto;
}
.proItem {
    position: relative;
    margin-top: 20px;
}
.proItem .imgzz.zzpro {
    width: 100%;
}
.proItem.zzpro>img{
    width: 100%;
    transform: scale(1);
    transition: transform .3s linear;
}
.proItem:hover .zzpro>img{
    transform: scale(1.2);
    transition: transform .3s linear;
}

.proZZ{
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
}
.proItem .proZZImg {
    width: 100%;
    position: absolute;
    text-align: center;
    top: 0;
    left: 0;
    height: 100%;
    background-color: rgba(3,3,3,0);
    transition: background-color .3s linear;
}

.proItem:hover .proZZImg{
    text-align: center;
    background-color: rgba(3,3,3,0.3);
    transition: background-color .3s linear;
}
.proItem .proZZImg img{
    width: 50px;
    height: 50px;
    margin-top: calc((64% - 50px) / 2);
    transform: scale(3.2);
    opacity: 0;
    transition: all .3s linear;
}

.proItem:hover .proZZImg img{
    opacity: 1;
    transform: scale(1);
    transition: all .3s linear;
}
.proZZ .proZZP{
    width: 90%;
    margin: 0 auto;
    padding: 5px 0;
    color: #fff;
    height: 30px;
    line-height: 30px;
}
.proZZ p a{
    color: #fff;
    display: inline-block;
    /* width: 84%; */
    font-size: 14px;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.mymore {
    padding:0 0 20px;
    text-align: center;
}
.seeMore {
    color: #909090;
    font-size: 16px;
    line-height: 30px;
}
/*works end */
/* 关于服务机构 */
.myaboutBg{
    background-color: #2b2b2b;
    /* height: 400px;*/
}
.myaboutAll{
    position: relative;
}

.myaboutCont{
    padding: 10px 30px 10px 0;
    box-sizing: border-box;
}
.myabout h2{
    font-size: 20px;
    font-weight: normal;
    color: #fff;
    line-height: 46px;
}
.myabout p{
    font-size: 15px;
    line-height: 28px;
    font-family: Arial;
    color: #ababab;
    padding-bottom: 40px;
}
.myabout:after{
    display: block;
    width: 20px;
    height: 3px;
    background-color: #fe7600;
    content: "";
}
.myaboutC{
    margin: 30px auto 10px;
}
.myaboutC p,.myaboutA a{
    font-size: 13px;
    color: #848484;
    line-height: 28px;
}
.myaboutA{
    text-align: center;
}
.myaboutA a:hover{
    color:#ff7e00;
}
.myaboutRight{
    text-align: center;
}
.aboutbg img{
    width: 90%;
}
/* 关于服务机构end */
/* 视频*/
.m{
    width: 100%;
    height: calc(320px * 85 / 192);
    /*height: 119px;*/
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
}
#my-video{
    width: 100%;
    height: calc(320px * 85 / 192);
   /* height: 119px;*/
    margin: 0 auto;
}
/* 改 视频播放按钮 */
.video-js .vjs-big-play-button {
    display: none;
    font-size: 3em;
    line-height: 3em;
    height: 3em;
    width: 3em;
    /*display: block;*/
    position: absolute;
    top: 33%;
    left: 46%;
    padding: 0;
    cursor: pointer;
    opacity: 1;
    border: .2em solid #fff;
    background-color: #2b333f;
    background-color: rgba(43,51,63,0);
    -webkit-border-radius: .3em;
    -moz-border-radius: .3em;
    border-radius: 50%;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -ms-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
}
/* 视频end*/
/* 服务范围 */
.team-item h2{
    padding: 20px 0;
    font-size: 16px;
    font-weight: normal;
    color: #f5f5f5;
}
.team-item p{
    padding: 0 20px;
    font-size: 13px;
    line-height: 20px;
    color: #7b7b7b;
}
/* 服务范围 end*/
/* 合作客户展示 */
.friendAll{
    width: 96%;
    margin: 0 auto 10px;
}
.friendsS .carousel-indicators {
    bottom: -20px;
}
/* 合作客户展示 end */
/* 公司新闻 */
.aboutNews{
    margin: 20px auto;
}
.newst h3 {
    font-size: 30px;
    font-weight: normal;
    line-height: 56px;
    color: #cecece;
}
.newst h3:after {
    display: block;
    content: "";
    width: 30px;
    height: 1px;
    background-color: #c66008;
}
.newsLeft{
    width: 95%;
    margin: 0 auto;
}
.newsLeftItemL{
    margin: 10px auto;
}
.newsLeftcont{
    padding: 10px 0;
    margin: 10px auto;
    border-bottom: 1px dashed #504f4f;
}
.newsLeft  .newsLeftCImg{
    width:  180px;
    height: 105px;
    margin:  0 auto;
}
.newsLeft  .newsLeftCImg img{
    width: 100%;
    border-radius: 10px;
}
.newsLeftCInfo h4{
    color: #c7c7c7;
    font-size: 20px;
    height: 40px;
    line-height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    transition: color .6s linear;
}
.newsLeftCInfo .newsInfoP{
    display: block;
    width: 100%;
    height: 70px;
    font-size: 14px;
    color: #9d9d9d;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}
.newsRight{
    width: 95%;
    padding: 20px 0;
    margin: 0 auto;
    background-color: #2b2b2b;
}
.newsRightTit,.newsRightImg ,.newsRightInfo{
    width: 90%;
    margin: 10px auto;
}
.newsRightImg{
    width: 90%;
    height: auto;
    overflow: hidden;
    margin: 10px auto;
}
.newsRight .newsRightImg img{
    width: 100%;
}
.newsRightTit h4{
    font-size: 20px;
    color: #f5f5f5;
    border-left: 2px solid #ff7e00;
    padding-left: 10px;
}
.newsRightInfo ul li{
    height: 46px;
    line-height:46px;
    list-style: disc inside;
    border-bottom: 1px dashed #666666;
}
.newsRightInfo ul li a{
    display: inline-block;
    vertical-align: middle;
    width: 80%;
    font-size: 16px;
    color: #8c8c8c;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
   transition: color .6s linear;
}
.newsRightInfo ul li:hover a{
    color: #f98a00;
    transition: color .6s linear;
}
.newsRightInfo dd  a{
    display: block;
    margin-top: 10px;
    width: 100px;
    height: 40px;
    line-height: 40px;
    background: #787878;
    color: #fff;
    text-align: center;
}
/* 公司新闻end */
/* 请填写联系方式  */
.contact {
    margin: 30px auto;
}
.contTit h2{
    font-size: 24px;
    color: #fff;
    font-weight: normal;
    line-height: 56px;
}
.contTit p{
    font-size: 14px;
    line-height: 20px;
    color: #ababab;
}
.contTit .text-warning{
    color: #ff7e00;
}
.inputItem{
    width: 80%;
    margin: 20px auto;
}
.inputItem input{
    display: inline-block;
    width: 100%;
    line-height: 30px;
    color: #9d9d9d;
    text-indent: 18px;
    box-sizing: border-box;
    outline: none;
    border: 0;
    border-bottom: 1px solid #7b7b7b;
    background-color: #1e1e20;
}
.buts{
    width: 60%;
    border: 0;
    height: 62px;
    font-size: 14px;
    line-height: 62px;
    text-align: center;
    color: #fff;
    background-color: #444444;
}
/* 请填写联系方式 end */
/* 联系地址 */
.address{
    background-color: #2b2b2b;
}
.addInfo {
    width: 88%;
    margin: 30px auto;
    padding-bottom: 20px; font-size: 16px;
    margin: 26px auto;
    line-height: 31px;
    color: #eee;
} 
.addInfo strong{
    font-size: 18px;
    color: #ff9b00;
}
.addInfo p{
    font-size: 13px;
    color: #939393;
    line-height: 30px;

}

/* 联系地址end */

/* Bootstrap 中默认情况下没有媒体查询 */
/* 小型设备（手机，480px 起） */
@media (min-width: 480px) {
    .mytaber li {
        width: auto;
        padding: 0;
    }
    .adv-Item{
        width: 350px;
    }
    /* 中部服务机构介绍 start  */
    .aboutbg img{
        width: 386px;
    }
    /* 中部服务机构介绍 end  */
    /*视频 */
    .m{
       /* height: 139px;*/
        height: calc(480px * 85 / 192);
    }
    #my-video{
        height: calc(480px * 85 / 192);
        /*height: 139px;*/
        margin: 0 auto;
    }
    /*视频 end*/
    /* 合作展示 */
    /*公司新闻 */
    .newsLeft  .newsLeftCImg{
        width:  180px;
        height: 105px;
        margin:  0;
        float: left;
    }
    .newsLeftCInfo{
        margin-left: 20px;
        width: calc(100% - 200px );
        float: left;
    }
    /*公司新闻 end */
    /*联系方式获取*/
    .buts {
        width: 200px;
    }
    /* 联系地址*/
    .addInfo p{
        font-size: 16px;
        line-height: 40px;
    }
}
/* 小型设备（平板电脑，768px 起） */
@media (min-width: 768px) {
    .mytaber li { 
        width: auto;
    }
    .mytaber li a { 
        width: auto; 
    }
    .adv-Item{
        width: 100%;
        margin: 20px auto;
    }
    .adv-ItemLeft{
        float: left;
        margin-right: 8px;
    }
    .adv-Item {
        width: 100%;
    }
    .adv-ItemRight h3{
        font-size: 16px;
        font-weight: bold;
    }
    /* 中部服务机构介绍 start  */
    .myaboutAll{
        height: 360px;
    }
    .myaboutCont{
        float: left;
        width: 60%;
        position: relative;
        top: -102px;
    }
    .myaboutRight {
        float: right;
        width: 40%;
        position: relative;
        top: -120px;
        text-align: right;
    }
    .myaboutBg {
        margin-top: 191px;
    }
    .myaboutCont {
        top: -128px;
    }
    .myaboutC.overMoreElli{
        height: 148px;
        -webkit-line-clamp: 5;
    }
    .myaboutA {
        margin-top: 46px;
        text-align: left;
    }
    .myabout h2 {
        font-size: 26px;
    }
    .myabout p {
        font-size: 12px;
        line-height: 28px;
    }
    .aboutbg img{
        width: 96%;
    }
    /* 中部服务机构介绍 end  */
    /*视频 */
    .abvideo{
        margin-top: 0;
    }
    .m{
       /* height: 207px;*/
        height: calc(768px * 85 / 192);
    }
    #my-video{
        /*height: 207px;*/
        height: calc(768px * 85 / 192);
        margin: 0 auto;
    }
    /*视频 end*/
    /* 合作展示 */
    .news,.trade{
        width: 50%;
        float: left;
    }
    .newsDay{
        margin-left: 24px;
    }
    /*新闻动态 */
    .aboutNews{
        width: 96%;
        margin: 20px auto;
    }
    .newsLeft{
        width: calc(95% - 330px);
        margin:20px 5% 0 0;
        float: left;
        background-color: #2b2b2b;
        padding: 10px 46px;
        box-sizing: border-box;
    }
    .newsLeft  .newsLeftCImg{
        width:  180px;
        height: 105px;
    }
    .newsLeftcont:hover .newsLeftCInfo h4{
        color: #ff7e00;
        transition: color .6s linear;
    }

    .newsRight{
        margin-top: 20px;
        float: left;
        width: 322px;
        padding: 10px;
        box-sizing: border-box;
        background-color: #2b2b2b;
    }
    .newsRightImg,.newsRightTit,.newsRightInfo{
        width: 280px;
        margin: 10px auto;
    }
    .newsRightImg{
        width: 280px;
        height: 140px;
        overflow: hidden;
        margin: 10px auto;
    }
    /*新闻动态 end*/
    /*联系地址*/ 
    .addInfo{
        width: 75%;
        font-size: 16px;
        margin: 26px auto;
        line-height: 31px;
        color: #eee;
    } 
    .addInfo strong{
        font-size: 18px;
        color: #ff9b00;
    }
    .contTit h2{
        font-size: 28px;
    }
}

/* 中型设备（台式电脑，992px 起） */
@media (min-width: 992px) {
    .pad-mar2 {
        padding-left: 10px;
        padding-right: 10px;
    }
    .adv-ItemRight h3{
        font-size: 20px;
    }
    .myabout h2{
        font-size: 26px;
    }
    /*works start*/
    .mytaber li a {
        border: 0;
        padding: 0 8px;
    }
    .mytaber li:after {
        position: relative;
        top: -2px;
        content: ".";
        display: inline-block;
        width: 5px;
        height: 5px;
        line-height: 5px;
        color: #fff;
        text-align: center;
    }
    .mytaber li:last-child:after {
        display: none;
    }

    /*works end */
    /* 中部服务机构介绍 start  */
    .myabout h2{
        font-size: 28px;
        line-height: 46px;
    }
    .myabout p{
        font-size: 15px;
        line-height: 28px;
        padding-bottom: 40px;
    }
    .myaboutC {
        margin: 70px auto 10px;
    }
    .myaboutRight {
        top: -238px;
    }
    /* 中部服务机构介绍 end  */
    /* 视频 */
    .m{
       /* height: 268px;*/
        height: calc(992px * 85 / 192);
    }
    #my-video{
        /*height: 268px;*/
        height: calc(992px * 85 / 192);
    }
    /* 视频 end*/
    /* 服务范围 */
    .servAll{
        position: relative;
        width: 86%;
        margin: 10px auto;
    }
    .serbtn{
        position: absolute;
        width: 100%;
        top: 50px;
    }
    .serbtn .swiper-button-next-jt{
        position: absolute;
        top: 0;
        left: -3%;
    }
    .serbtn .swiper-button-prev-jt{
        position: absolute;
        top: 0;
        right: -3%;
    }
    /* 联系我们 */
    .addImg{
        width: 60%;
        height: 331px;
        -webkit-background-size: cover;
        background-size: cover;
        background-position: center right;
        float: left;
    }
    .addCont{
        width: 40%;
        float: left;
    }
    .addInfo {
        margin: 10px auto 0;
        padding-bottom: 0;
    }
}

/* 大型设备（大台式电脑，1200px 起） */
@media (min-width: 1200px) {
    .adv-Item {
        width:  360px;
    }
    .adv-ItemRight h3{
        font-size: 22px;
		line-height: 35px;
    }
    /*works start*/
    .mytaber{
        width: 90%;
        margin: 0 auto;
    }

    .mytaber ul {
        width: 1068px;
    }
    .myworksPro{
     width: 90%;
     margin: 20px auto;
 }
    /*works end */
    /* 中部服务机构介绍 start  */
    .myaboutAll{
        width: 88%;
        margin: 0 auto;
    }
    .myaboutBg{
        height: 400px;
    }
    .myaboutC{
        padding: 10px 60px 20px 0;
    }
    .aboutbg img{
        width: 472px;
        margin-right: 10px;
    }
    .myaboutRight {
        top: -212px;
    }
    /* 中部服务机构介绍 end  */
    /* 改视频*/
    .m{
        width: 100%;
        height: calc(1200px * 85 / 192);
    }
    #my-video{
        width: 100%;
        height: calc(1200px * 85 / 192);
        margin: 0 auto;
    }
    /* 改视频end*/
    /* 服务范围 */
    .service{
        width: 85%;
        margin: 0 auto;
    }
    .servAll{
        width: 94%;
    }
    /* 合作展示 */
    .friendAll{
        width: 85%;
    }
    /* 新闻  */
    .aboutNews {
        width: 85%;
        margin: 0px auto;
    }
    /* 新闻 end */
    /*联系我们 */
    /* 填写联系信息 */
    .contaForm{
        width: 85%;
        margin: 20px auto;
    }
    .inputItem{
        position: relative;
        margin-right: 2%;
        float: left;
    }
    .inputItem:nth-child(1){
        width: 20%;
    }
    .inputItem:nth-child(2){
        width: 20%;
    }
    .inputItem:nth-child(3){
        width: 34%;
    }
    .inputItem:nth-child(4){
        width: 20%;
        margin-right: 0;
        vertical-align: bottom;
    }
    .buts {
        position: absolute;
        top: -28px;
    }
    /*联系地址*/
    .addImg{
        height: 330px;
    }
    .addInfo {
        margin: 26px auto;
    }
    /*联系我们 end*/
}
/* 大型设备（大台式电脑，1400px 起） */
@media (min-width: 1400px) {
    .adv-cont {
        width: 1300px;
        margin: 0 auto;
    }
    /*works start*/
    .mytaber {
        width: 1300px;
        margin: 0 auto;
    }
    .myworksPro{
        width: 1330px;
    }
    .proItem {
        width: 100%;
        margin: 10px auto;
    }
    .proItem .proZZImg img {
        margin-top: calc((55% - 50px) / 2);
    }
    .works .zzpro>img {
        height: 231px;
        width: 423px;
    }
    /*works end */
    /* 中部服务机构介绍 start  */
    .myaboutAll{
        width: 1300px;
        margin: 0 auto;
    }
    .myaboutCont {
        width: 65%;
    }
    .myaboutRight {
        width: 35%;
    }
    .myaboutBg {
        height: 348px;
    }
    .aboutbg img{
        width: 457px;
        margin-right: 10px;
    }
    /* 中部服务机构介绍 end  */
    /* 改视频*/
    .m{
        width:  1300px;
        height: 575px;

    }
        #my-video{
            width: 100%;
            height: calc(1300px * 85 / 192);
            /*height: calc(1300px * 9 / 16);*/
           /* height: 351px;*/
        }
    /* 改视频end*/
    /* 其他服务*/
    .service {
        width: 1300px;
    }
    .friendAll,.aboutNews ,.contaForm{
        width: 1300px;
    }

}