/*header-top s*/
.header-top{height:125px;border-bottom:1px solid #dcdcdc}
.logo{width:500px;height:125px;}
.logo-l{height:100%;position:relative;}
.logo-l img{position: absolute;left:0;top:0;bottom:0;margin:auto;}
.logo-not{margin-left:170px;padding:30px 0 0 20px;border-left:1px solid #dcdcdc;height:95px;}
.logo-not h2{font-size:24px;color:#644646;font-weight:normal;margin-bottom:0;}
.logo-not p{font-size:18px;color:#666666;margin-top:5px}

.calls{width:150px;padding-top:40px;background:url(../images/call.png) no-repeat 50px center;padding-left:100px;height:85px;border-left:1px solid #dcdcdc;}
.calls p{font-size:14px;color:#666666;margin-bottom:0;}
.calls strong{font-size:24px;color:#644646;}
.navs{height:50px;border-bottom:3px solid #644646;position:relative;z-index:9999}
.navs ul{width:1200px;height:50px;margin:0 auto;}
.navs li{width:calc(100% / 11);float:left;text-align:center;line-height:50px;position:relative;}
.navs li a{color:#666666;display:block;width:1005;height:100%}
.navs li a:hover{background:#644646;color:#fff}
/*header-top e*/


/*banner s*/
.slideBox{height:800px; overflow:hidden; position:relative;}
.slideBox .hd{overflow:hidden;position:absolute;right:5px;bottom:30px;z-index:999;}
.slideBox .hd ul{zoom:1; float:left;  }
.slideBox .hd ul li{ display:inline-block;width:13px; height:13px; text-align:center; background:#fff; cursor:pointer;zoom:1;*display:inline;border-radius:50%;margin:0 10px;}
.slideBox .hd ul li.on{background:#3597cf;}
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; text-align:center; height:800px; }
.slideBox .bd a{display:block;width:100%;height:100%;}
.slideBox .prev,
.slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:75px; height:75px;}
.slideBox .prev{background:url(../images/left.png) no-repeat center;}
.slideBox .next{background:url(../images/right.png) no-repeat center;}
.slideBox .next{ left:auto; right:3%; background-position:8px 5px;font-size:40px;color:#fff;line-height:0.8 }
.slideBox .prev{background-position:8px 5px;font-size:40px;color:#fff;line-height:0.8 }
.slideBox{text-align:center;}
.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.btns{position: absolute;left:50%;bottom:0;}
/*banner e*/


/*about s*/
.about{height:600px;overflow:hidden;margin-top:60px;position:relative;}
.about-l{width:600px;}
.about-tit h2{font-size:30px;color:#0a0507;font-weight:normal;margin-bottom:0;}
.about-tit span{font-size:18px;color:#8b8b8b;text-transform:uppercase;text-transform:uppercase;}
.about-dsc{font-size:14px;color:#666666;line-height:1.8;text-align:justify;margin-top:40px;height:125px;overflow:hidden;display:none}
.about-video{width:47%;height:535px;background:#dedede;position: absolute;right:0;top:0;}

.about-btn{height:180px;background:#f5f5f5;position: absolute;left:0;top:305px}
.about-btn li{width:200px;float:left;padding-top:40px;height:140px;transition:all 0.6s;}
.about-btn li i{display:block;width:50px;height:50px;margin:0 auto;border-radius:50%;position:relative;}
.about-btn li i img{position: absolute;left:0;top:0;right:0;bottom:0;margin:auto;}
.defaults,.about-btn li:hover i .curr{z-index:999;opacity:1}
.curr,.about-btn li:hover i .defaults{z-index:0;opacity:0}
.about-btn li h2{text-align:center;font-size:16px;color:#666666;font-weight:normal;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-top:5px;margin-bottom:0;}
.about-btn li p{text-align:center;font-size:12px;color:#999999;margin-top:5px}
.about-btn li:hover{background:#644646}
.about-btn li:hover *{color:#fff}
.icon{position: absolute;left: 157px;bottom: -322px;}
/*about s*/

/*Administration s*/
.Administration{height:200px;overflow:hidden;}
.picScroll-leftsss{padding-top:30px}
.Administration-pic{width:900px;height:200px;background:#dedede;margin-left:50px}
.Administration-pic img{width:100%;height:100%;}
.Administration-list{height:495px;margin-top:20px}
.Administration-list ul{width:1210px;margin:0 auto;padding-top:30px}
.Administration-list li{width:285px;height:430px;background:#fff;float:left;margin-right:17px;}
.Administration-img{height:240px;overflow:hidden;}
.Administration-img img{width:100%;height:100%;transition:all 0.6s;}
.Administration-ms{text-align:center;margin-top:40px}
.Administration-ms h2{font-size:18px;color:#666666;font-weight:normal;border:1px solid #666666;display:inline-block;padding:5px 20px;transition:all 0.6s;}
.Administration-ms p{font-size:14px;color:#666666;margin-top:10px;padding:0 10px;line-height:1.8;height:50px;overflow:hidden;}
.Administration-list li:hover h2{background:#644646;color:#fff}
.Administration-list li:hover img{transform:scale(1.06);}
.picScroll-leftsss .tempWrap{margin:0 auto;}
/*Administration e*/

/*Project s*/
.Project{padding:80px 0;overflow:hidden;}
.Project-l{width:320px;height:560px;overflow:hidden;background: #dedede}
.Project-l img{width:100%;height:100%}
.Project-r{width:860px;}
.Project-r h2{margin:20px 0 0 -80px}
.Project-r p{width:550px;margin:35px 0 0 120px;font-size:14px;color:#666666;line-height:1.8}
.picScroll-left{ width:100%; position:relative;}
.picScroll-left .hd{margin-top:-70px}
.picScroll-left .hd .prev,.picScroll-left .hd .next{ display:block;  width:50px; height:50px;overflow:hidden;cursor:pointer;float:right;}
.picScroll-left .hd .next{background:url(../images/right.jpg) no-repeat center;}
.picScroll-left .hd .prev{background:url(../images/left.jpg) no-repeat center;}
.picScroll-left .hd .next:hover{background:url(../images/rights.jpg) no-repeat center;}
.picScroll-left .hd .prev:hover{background:url(../images/lefts.jpg) no-repeat center;}
.picScroll-left .hd{margin-bottom:80px}
.picScroll-left .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; zoom:1; }
.picScroll-left .hd ul li{ float:left;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer;}
.picScroll-left .bd{ padding:10px;   }
.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left .bd ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden;width:270px;height:330px;}
.Project-pic{height:265px;overflow:hidden;}
.Project-pic img{width:100%;height:100%;}
.picScroll-left .bd ul li h3{font-size:14px;color:#6f6f6f;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:normal;margin-top:15px}
.picScroll-left .bd ul li span{font-size:14px;color:#6f6f6f;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
/*Project e*/

/*panner s*/
.panner{height:360px;overflow:hidden;padding:70px 0 40px 0;}
.panner h2{text-align:center;}
.panner-list{height:240px;background:rgba(255,255,255,.2);margin-top:20px;padding-top:40px}
.panner-list li{width:200px;height:240px;overflow:hidden;float:left;margin:0 20px;}
.panner-pic{height:170px;overflow:hidden;}
.panner-pic img{width:100%;height:100%;border-radius:10px;}
.panner-list li p{text-align:center;color:#fff;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-top:15px;}
/*panner e*/

/*cooperation s*/
.cooperation{padding:60px 0;overflow:hidden;}
.cooperation-tit{text-align:center;}
.cooperation-tit h2{font-size:36px;color:#644646;margin-bottom:0;}
.cooperation-tit p{font-size:14px;color:#644646;text-transform:uppercase;margin-top:5px}

.picScroll-top{ margin:50px auto;  width:100%;  overflow:hidden; position:relative;}
.picScroll-top .hd{position: absolute;z-index:99}
.prevs,.nexts{ display:block;  width:90px; height:40px;overflow:hidden;cursor:pointer;position: absolute;z-index:9999}
.nexts{background:url(../images/next.jpg) no-repeat center;right: 550px;bottom: 0;}
.prevs{background:url(../images/prev.jpg) no-repeat center;right: 640px;bottom: 0;}
.nexts:hover{background:url(../images/nexts.jpg) no-repeat center;}
.prevs:hover{background:url(../images/prevs.jpg) no-repeat center;}
.picScroll-top .hd ul{position: absolute;left:0;top:0;}
.picScroll-top .bd ul{ overflow:hidden; zoom:1; }
.picScroll-top .bd ul li{zoom:1;width:730px;height:485px;float: right; }
.picScroll-top .tempWrap{width:1200px;margin:0 auto;}
.cooperation-pic{height:230px;overflow:hidden;}
.cooperation-pic img{width:100%;height:100%;}
.tits{font-size:24px;color:#39373a;margin-top:20px;border-bottom:1px solid #bfbfbf;background:url(../images/xt.png) no-repeat left bottom;padding-bottom:10px}
.tits span{font-size:18px;color:#7f7f7f;text-transform: uppercase;font-weight:normal;}
.picScroll-top .bd ul li p{font-size:14px;color:#666666;line-height:1.8;text-align:justify;margin-top:20px;height:50px;overflow:hidden;padding-right:70px}

.picScroll-top .hd ul li{ float:left; width:410px;height:150px;overflow:hidden; margin-right:5px;  cursor:pointer;background:#666;margin-bottom:15px }
.lists-l{width:170px;height:100%;background:#f5f5f5;transition:all 0.6s;}
.lists-r{width:240px;height:100%;overflow:hidden;}
.lists-r img{width:100%;height:100%;transition:all 0.6s;}
.lists-r img:hover{transform:scale(1.06);}
.lists li:hover .lists-l,.lists li.on .lists-l{background:#3597cf}
.lists-l i{display:block;width:80px;height:80px;margin:20px auto 0;}
.lists-l h2{text-align:center;font-size:18px;color:#39373a;font-weight:normal;margin-top:8px}
.lists li:hover h2,.lists li.on h2{color:#fff}
/*cooperation e*/

/*news s*/
.news{height:535px;overflow:hidden;padding-top:150px}
.news-l{width:260px;}
.news-tit{width:260px;height:105px;background:#644646;text-align:center;padding-top:75px;margin-bottom:0;}
.news-tit p{font-size:36px;color:#ffffff;font-weight:normal;}
.news-tit span{font-size:14px;color:#fff;text-transform:uppercase;font-weight:normal;}
.news-pic{width:260px;height:300px;overflow:hidden;}
.news-pic img{width:100%;height:100%;}

.news-r{width:790px;overflow:hidden;padding-top:200px;}
.news-r li{height:75px;overflow:hidden;margin-bottom:28px}
.news-r li span{width:70px;height:55px;border:1px solid #707070;font-size:18px;text-align:center;padding-top:15px}
.news-r li span font{display:block;text-align:center;font-size:14px;color:#373737}
.news-desc{width:690px;}
.news-desc h2{font-size:20px;color:#373737;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:normal;}
.news-desc p{font-size:14px;color:#808080;margin-top:5px;height:40px;overflow:hidden;text-align:justify;}
/*news e*/

/*map s*/
.maps{height:500px;overflow:hidden;position:relative;}
.mapss{background:#dedede;height:500px;overflow:hidden;}
.messagess{width:380px;height:500px;overflow:hidden;background:#644646;left:50%;margin-left:-600px;position: absolute;top:0;z-index:9999}
.messagess h2{padding:30px 0 0 30px;margin-bottom:10px}
.texts{width:320px;height:42px;background:#836b6b;margin:0 auto;display:block;text-indent:15px;line-height:42px;margin-bottom:10px;color:#fff}
.textareas{width:320px;height:90px;background:#836b6b;display:block;margin:0 auto;padding-top:10px;text-indent:15px;color:#fff}
.buttons{width:150px;height:50px;background:#3597cf;color:#fff;cursor:pointer;font-size:16px;margin:10px 0 0 30px;}
.buttons:hover{background:#1677af}

/*footer s*/
.footer{height:250px;background:#3d2a2a;overflow:hidden;padding-top:40px}
.foot-nav{text-align:center;background:url(../images/lines.png) no-repeat bottom;padding-bottom:30px;}
.foot-nav li{display:inline-block;*zoom:1;*display:inline;padding:0 40px;background:url(../images/xtss.png) no-repeat right;font-size:14px;}
.foot-nav li a{color:#fff;}
.foot-nav li:last-child{background:none}
.foot-cen{margin-top:40px}
.foot-l{width:210px;text-align:center;}
.foot-list{width:570px;margin-left:100px;}
.foot-list li{width:230px;font-size:14px;color:#fff;float:left;margin:10px;padding-left:35px;padding-bottom:7px}
.foot-list li.li1{background:url(../images/tb1.png) no-repeat left top;}
.foot-list li.li2{background:url(../images/tb2.png) no-repeat left top ;}
.foot-list li.li3{background:url(../images/tb3.png) no-repeat left top;}
.foot-list li.li4{background:url(../images/tb4.png) no-repeat left top;}
.foot-code img{width:90px;height:90px;border-radius:8px;overflow:hidden;}
.foot-code p{font-size:18px;color:#fff;margin:40px 0 0 10px}
.foot-code p span{font-size:14px;display:block;}
.margOuts{background:url(../images/liness.png) no-repeat center 100px;}
.copyright{height:50px;background:#000;overflow:hidden;}
.copyright p{line-height:50px;color:#fff;text-align:center;font-size:14px}
.copyright p a{color:#fff}
/*footer e*/

#hourse{width: 300px;margin-bottom: 10px;margin-left: 30px;height: 42px;background: #836b6b;color: #fff;padding-left: 10px;padding-right: 10px;}
.videos .img,.videos-main,#video_lists,.img{width:100%;height:100%;display:block;position:relative;}
.videos-main img{width:100%;height:100%;position: absolute;left:0;top:0;}
#video_lists span{width:80px;height:80px;position: absolute;left:0;top:0;right:0;bottom:0;margin:auto;background: url(../images/video.png) no-repeat center;z-index: 999;}

.vidMb{
    width: 100%;
    height: 0px;
    background-color: rgba(0, 0, 0, .5);
    overflow: hidden;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    z-index: -5000;
    opacity: 0;
    filter: alpha(opacity=0);

    -webkit-transition: 0.5s;
       -moz-transition: 0.5s;
        -ms-transition: 0.5s;
         -o-transition: 0.5s;
            transition: 0.5s;
}

.vidList{
    width: 740px;
    height: 481px;
    background-color: #000;
    overflow: hidden;
    position: relative;
    top: 50%;
    left: 50.22%;
    -webkit-transform: translate(-50%,-50%);
       -moz-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
         -o-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);    
}
.vidList > .vidGb{
    color: #e1e1e1;
    cursor: pointer;
    display: block;
    font-style: normal;
    font-size: 36px;
    position: absolute;
    top: 2px;
    right: 12px;
    z-index: 99;
    overflow: hidden;

    -webkit-transform: scaleY(0.8);
       -moz-transform: scaleY(0.8);
        -ms-transform: scaleY(0.8);
         -o-transform: scaleY(0.8);
            transform: scaleY(0.8);

    -webkit-transition: 0.3s;
       -moz-transition: 0.3s;
        -ms-transition: 0.3s;
         -o-transition: 0.3s;
            transition: 0.3s;
}
.vidList .vidCon{
    width: 100%;
    height: 100%;
    position: relative;
}
.vidCon > embed{
    width: 100%;
    height: 100%;
}
.videoTop{
    width: 1196px;
    height: 59px;
    padding-left: 34px;
    padding-right: 34px;
    background-color: #fff;
    margin: 0 auto;
}
.videoTop h4{
    font-size: 24px;
    color: #000;
    width: 100px;
    float: left;
    line-height: 38px;
}
.videoTop > span{
    display: block;
    float: right;
    height: 100%;
    font-size: 14px;
    line-height: 59px;
    color: #000;
}
.videoTop > span a {
    color: #222;
    font-size: 14px;
}
.videoTop > span a:hover {
    color: #029b41;
}
#videoCon{
    width: 100%;
    overflow: hidden;
    margin: auto;
    padding-top: 2px;
    padding-bottom: 80px;
}
.vidsListCon{
    width: 100%;
    height: auto;
    box-sizing: border-box;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
}

.vidsListCon > ul{
    width: 1197px;
    overflow: hidden;
    margin: auto;
    /* min-height: 600px; */
    border-top: 1px solid #efefef;
    border-left: 1px solid #efefef;
}
.vidsListCon > ul li{
    box-sizing: content-box!important;
    border-right: 1px solid #efefef;
    border-bottom: 1px solid #efefef;
    background: #fff;
    float: left;
    width: 298px;
    height: 286px;
    padding: 10px 10px 20px;
    box-sizing: border-box!important;
    overflow: hidden;
}
.vidsListCon > ul li a{
    height: 100%;
    display: block;
    overflow: hidden;
}
.vidsListCon > ul li a > .img{
    width: 100%;
    height: 188px;
    position: relative;
    overflow: hidden;
}
.vidsListCon > ul li a > .img img{
    max-width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
       -moz-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
         -o-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
}
.vidsListCon > ul li a >.liText{
    width: 100%;
    height: auto;
    margin-top: 9px;
    overflow: hidden;
}
.vidsListCon > ul li a >.liText h4{
    width: 100%;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    margin: 0;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.vidsListCon > ul li a >.liText span{
    display: block;
    font-size: 12px;
    width: 100px;
    margin: auto;
    text-align: center;
    border: 1px solid #efefef;
    border-radius: 50px;
    line-height: 30px;
    margin-top: 10px;
    color: #999;
}
.vidsListCon > ul li:hover{
    box-shadow: inset 0 0 12px #e6e6e6;
}
.vidsListCon > ul li:hover span{
    box-shadow: inset 0 0 12px #e6e6e6;
}
.vidsListCon > ul li,
.liText span{
    -webkit-transition: 0.3s;
       -moz-transition: 0.3s;
        -ms-transition: 0.3s;
         -o-transition: 0.3s;
            transition: 0.3s;
}
.vidMb video{
    width: 100%;
    height: 100%;
}
#video_list li img.videopic,.videos-pic img.videopic,.videos-pic{width:100%;height:100%}
.video-show{position: absolute;left:0;top:0;}
.videosss video,.vidCon,#mp4,.video-play,.video-show{width:100%;height:100%}
.play{position: absolute;left:0;top:0;right:0;bottom:0;margin:auto;z-index:999}
#video_list li{position:relative;width:100%;height:100%;overflow:hidden;background-repeat:no-repeat;background-position:center center;background-size: cover;cursor:pointer;}

    #gswj{
        display: block;
        width: 47px;
        height: 47px;
        position: absolute;
        bottom: 55px;
        left: 50%;
        z-index: 100;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);    
    }


  .mll li:hover p{background:rgba(61,42,42,1);}