@charset "utf-8";
@import "common.css";
@import "page.css";
.page1{position:relative;}
.fp-viewing-page1 .global-background .lines,.fp-viewing-page4 .global-background .lines{opacity:0;}
.global-background .lines{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;}
.global-background .lines img{display:block;position:absolute;width:15%;}
#particles-js,#particles-js2,#particles-js3,#particles-js6{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none;}
#particles-js canvas,#particles-js2 canvas,#particles-js3 canvas,#particles-js6 canvas{width:100vw!important;height:100vh!important;}
.m-culture{margin-left:275px;width:650px;}
.page2 .img{position:absolute;right:0;top:5%;height:90%;z-index:2;}
.page2 .img img{height:100%;}
.m-culture .tit{margin-bottom:48px;}
.m-culture .tit h3{font-weight:normal;font-size:40px;}
.m-culture .tit h3 span{display:block;font-size:16px;text-transform:uppercase;letter-spacing:11px;color:#666666;margin-bottom:5px;}
.m-culture p{font-size:16px;line-height:37px;color:#535353;margin-bottom:85px;}
.btn-more{position:relative;z-index:10;font-weight:lighter;display:block;width:253px;height:51px;line-height:49px;text-transform:uppercase;border-radius:25px;padding-left:41px;background:url(../images/icon-more.png) no-repeat 94px center;border:1px solid #e7c462;color:#e7c462;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;}
.btn-more:hover{background-color:#e7c462;background-image:url(../images/icon-more-on.png);color:#ffffff;}
.ul-pro{overflow:hidden;}
.ul-pro li{float:left;width:33.33%;}
.ul-pro li a{position:relative;display:block;height:100vh;background-repeat:no-repeat;background-position:center;-webkit-background-size:cover;background-size:cover;}
.ul-pro li a:after{content:'';position:absolute;top:0;bottom:0;left:0;right:0;background-color:rgba(0,0,0,.6);z-index:2;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;}
.ul-pro li a:before{content:'';position:absolute;top:20px;bottom:32px;left:22px;right:22px;border:1px solid #ffffff;z-index:2;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;opacity:0;}
.ul-pro .con{position:absolute;left:0;right:0;bottom:16%;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;z-index:3;}
.ul-pro .con .img{text-align:center;margin-bottom:54px;opacity:0;}
.ul-pro .con h3{font-size:28px;text-align:center;color:#ffffff;}
.ul-pro .con h3 span{display:block;text-transform:uppercase;font-size:30px;margin-top:11px;}
.ul-pro li a:hover{border-color:#fff;}
.ul-pro li a:hover:after{background-color:rgba(255,255,255,0.76);}
.ul-pro li a:hover:before{opacity:1;}
.ul-pro li a:hover .con{bottom:32%;}
.ul-pro li a:hover .con .img{opacity:1;}
.ul-pro li a:hover .con h3{color:#202020;}
.ul-pro li a:hover h3 span{font-size:30px;color:#8b8b8b;}
.m-art{position:relative;height:100vh;}
.m-art > a{position:absolute;width:50%;padding:7% 0 0 16%;}
.m-art > a:hover em{background-image:url(../images/icon-more2-on.png);background-color:#e7c462;color:#ffffff;}
.m-art .con1{top:0;bottom:0;left:0;background-repeat:no-repeat;background-position:center;-webkit-background-size:cover;background-size:cover;padding:15% 0 0 5%;}
.m-art .con1:after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(231,195,98,0.9);z-index:2;}
.m-art .con2{top:0;right:0;height:50%;}
.m-art .con3{bottom:0;right:0;height:50%;background-color:#f3f3f3;}
.m-art h4{position:relative;font-size:40px;margin-bottom:18px;}
.m-art h4 span{display:block;text-transform:uppercase;font-size:36px;letter-spacing:1px;color:#ffffff;}
.m-art p{font-size:16px;line-height:26px;color:#737272;width:430px;margin-bottom:42px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;max-height:104px;overflow:hidden;}
.m-art .con1 h4,.m-art .con1 p{color:#ffffff;position:relative;z-index:3;}
.m-art .con1 h4{padding:0 0 22px;margin-bottom:23px;}
.m-art .con1 h4:after{content:'';position:absolute;left:0;bottom:0;width:37px;height:3px;background-color:#fff;}
.m-art .btn-more{width:169px;height:34px;line-height:32px;padding-left:22px;background-position:72px center;background-image:url(../images/icon-more2.png);}
.m-art .btn-more:hover{background-image:url(../images/icon-more2-on.png);}
.m-art .con2 h4:after{content:'';position:absolute;top:-5px;left:-100px;width:79px;height:79px;background:url(../images/c.png) no-repeat center;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;}
.m-art .con3 h4:after{content:'';position:absolute;top:-5px;left:-100px;width:79px;height:79px;background:url(../images/m.png) no-repeat center;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;}
.m-art .con2:hover h4:after{background-image:url(../images/c-on.png);}
.m-art .con3:hover h4:after{background-image:url(../images/m-on.png);}
.page5{padding-left:33.33%;background:url(../images/yuan2.png) no-repeat left center;background-color:#f6f6f6;}
.page5 h3{position:absolute;left:0;top:20%;font-size:40px;text-align:right;}
.page5 h3 span{display:block;font-size:166px;line-height:1;color:#eae9e8;}
.ul-news{overflow:hidden;margin-bottom:30px;}
.ul-news li{float:left;width:33.33%;background:#ffffff;}
.ul-news li a{display:block;height:100vh;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;}
.ul-news .pic{position:relative;padding-top:90%;opacity:0;margin-bottom:45px;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;}
.ul-news .pic img{position:absolute;top:0;left:0;width:100%;height:100%;}
.ul-news .time{font-weight:bold;position:relative;display:block;font-size:40px;text-align:center;padding:0 0 30px;border-bottom:1px solid #dddbd9;}
.ul-news .time:after{content:'';position:absolute;left:50%;margin-left:-28px;bottom:-3px;width:55px;height:5px;background-color:#cacaca;}
.ul-news .txt{padding:30px 70px 0;}
.ul-news .txt h4{font-weight:normal;font-size:20px;margin-bottom:25px;color:#212121;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.ul-news .txt p{font-size:16px;line-height:30px;color:#858585;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;max-height:120px;overflow:hidden;}
.ul-news .btn-add{position:absolute;bottom:10px;left:50%;margin-left:-23px;width:46px;height:46px;background:url(../images/icon-add2.png) no-repeat center;opacity:0;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;}
.ul-news a:hover{background-color:#f6f6f6;}
.ul-news a:hover .btn-add{opacity:1;}
.ul-news a:hover .pic{opacity:1;padding-top:130%;}
.ul-news a:hover .time{padding:0 0 10px;border-bottom-color:transparent;}
.footer{position:relative;height:100vh;background:url(../images/footer.jpg) no-repeat center / cover;}
.footer:after{content:'';position:absolute;top:0;bottom:0;left:11%;width:31%;background-color:rgba(0,0,0,.5);transform:skew(-10deg);}
.fd-contact{position:absolute;top:20%;left:13%;z-index:10;}
.fd-contact h3{font-weight:normal;font-size:22px;letter-spacing:1px;color:#ffffff;margin-bottom:30px;padding-left:100px;}
.fd-contact h3 span{display:block;text-transform:uppercase;font-size:16px;color:#ffffff;opacity:0.28;margin-top:5px;}
.ul-contact li{padding-left:60px;font-size:15px;line-height:72px;color:#ffffff;text-transform:uppercase;background-repeat:no-repeat;background-position:left center;}
.ul-contact .li1{padding-left:105px;background-position:45px center;background-image:url(../images/icon-tel.png);}
.ul-contact .li2{padding-left:90px;background-position:30px center;background-image:url(../images/icon-hr.png);}
.ul-contact .li3{padding-left:75px;background-position:15px center;background-image:url(../images/icon-xf.png);}
.ul-contact .li4{background-image:url(../images/icon-copy.png);}
.fd-gps{position:absolute;bottom:20%;right:20%;}
.fd-gps .img{width:373px;height:373px;margin:0 auto 30px;}
.fd-gps .img img{display:block;width:100%;height:100%;}
.fd-gps p{font-size:14px;line-height:2;color:#ffffff;text-align:center;}
.copyright{position:absolute;bottom:5%;right:3%;text-transform:uppercase;color:#ffffff;}
.global-background .line{position:absolute;top:0;left:0;bottom:0;right:0;}
.page2 .pic{width:256px;height:256px;z-index:-1;}
.page2 .pic img{display:block;width:100%;height:100%;}
.page2 .pic1{position:absolute;left:210px;bottom:-120px;}
.page2 .pic2{position:absolute;top:10%;right:24%;}

/*20190603 内页*/
.page-in{padding-top:109px;}
.main-in{overflow:hidden;padding-left:302px;position:relative;min-height:calc(100vh - 109px);}
.side-nav{position:absolute;left:0;top:0;height:100%;width:350px;border-right:2px solid rgba(44,44,44,.2);background-color:#fff;padding-top:45px;}
.side-nav_item{position:relative;height:50px;}
.side-nav_item a{width:255px;position:absolute;left:62%;-webkit-transform:translateX(-80%);-moz-transform:translateX(-80%);-ms-transform:translateX(-80%);-o-transform:translateX(-80%);transform:translateX(-80%);height:100%;line-height:50px;font-size:16px;color:#6a6a6a;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s;}
.side-nav_item:hover a,.side-nav_item.on a{-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);color:#e7c462;}
.side-nav_item:after{content:'';background-color:#e7c462;width:0;height:1px;position:absolute;left:0;top:50%;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s;}
.side-nav_item:hover:after,.side-nav_item.on:after{width:42px;}
.m-team{padding:54px 39px 30px 29px;overflow:hidden;}
.team-list{overflow:hidden;margin:0 -13px -44px;padding-bottom:42px;}
.team-item{float:left;width:25%;margin-bottom:44px;}
.team-con{display:block;margin:0 13px;position:relative;padding:0 50px 0 50px;}
.team-con:after{content:'';width:100%;height:62.7%;position:absolute;top:28px;left:0;border:1px solid #bbb;z-index:2;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s;}
.team-con:before{content:'';width:100%;height:62.7%;position:absolute;top:28px;left:0;border:1px solid #bbb;z-index:2;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s;}
.team-face{position:relative;overflow:hidden;padding-top:146.56%;z-index:1;}
.team-face img{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;-webkit-transition:all 1s;-moz-transition:all 1s;-ms-transition:all 1s;-o-transition:all 1s;transition:all 1s;}
.team-name{font-size:18px;color:#505050;font-weight:bold;   /* width: 30px;
        position: absolute;
        top: 50px;
        right: 20px;writing-mode: tb-rl;*/z-index:3;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s;}
    .team-post{font-size:12px;color:#999999;font-weight:bold;width:30px;   /* position: absolute;
            bottom: 0;
            right: 17px;
            writing-mode: tb-rl;*/z-index:3;border-bottom:1px solid #bbb;   /* padding-left: 15px;*/padding-top:10px;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s;}
        .team-con:hover:after{border-color:#E7C462;}
        .team-con:hover .team-name{color:#e7c462;-webkit-transform:translateY(5px);-moz-transform:translateY(5px);-ms-transform:translateY(5px);-o-transform:translateY(5px);transform:translateY(5px);}
        .team-con:hover .team-post{border-color:#E7C462;}
        .team-con:hover .team-face img{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05);}
        .page-bot{overflow:hidden;}
        .page-bot .next{display:block;float:right;font-size:14px;color:#999999;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s;}
        .page-bot .next:hover{color:#e7c462;}
        .pages{overflow:hidden;}
        .pages li{float:left;margin:0 3px;}
        .pages li a{font-size:12px;color:#999999;}
        .pages li a:hover,.pages .on a{border-bottom:1px solid #E7C462;color:#e7c462;}
        .m-proj{padding:62px 40px 40px 95px;}
        .proj-list{padding-bottom:20px;}
        .proj-item{float:left;width:25%;border:1px solid #fff;}
        .proj-con{display:block;position:relative;}
        .proj-pic{position:relative;overflow:hidden;padding-top:152.38%;-webkit-transition:all .5s cubic-bezier(.75,.38,.74,.93);-moz-transition:all .5s cubic-bezier(.75,.38,.74,.93);-ms-transition:all .5s cubic-bezier(.75,.38,.74,.93);-o-transition:all .5s cubic-bezier(.75,.38,.74,.93);transition:all .5s cubic-bezier(.75,.38,.74,.93);}
        .proj-pic img{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;}
        .proj-txt{opacity:0;position:absolute;z-index:2;width:100%;height:100%;top:0;left:0;background-color:rgba(230,187,69,1);color:#ffffff;text-align:center;-webkit-transition:all .5s cubic-bezier(.75,.38,.74,.93);-moz-transition:all .5s cubic-bezier(.75,.38,.74,.93);-ms-transition:all .5s cubic-bezier(.75,.38,.74,.93);-o-transition:all .5s cubic-bezier(.75,.38,.74,.93);transition:all .5s cubic-bezier(.75,.38,.74,.93);-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-ms-transform:rotateY(180deg);-o-transform:rotateY(180deg);transform:rotateY(180deg);}
        .proj-name{font-size:20px;position:relative;top:34%;}
        .proj-country{font-size:20px;position:relative;top:50%;}
        .proj-info{position:relative;top:60%;font-size:14px;    /*line-height: 40px;*/white-space:pre-line;}
        .proj-con:hover .proj-txt{opacity:1;-webkit-transform:rotateY(0);-moz-transform:rotateY(0);-ms-transform:rotateY(0);-o-transform:rotateY(0);transform:rotateY(0);}
        .proj-con:hover .proj-pic{opacity:0;-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-ms-transform:rotateY(180deg);-o-transform:rotateY(180deg);transform:rotateY(180deg);}
        .m-news{padding:60px 40px 70px 30px;}
        .news-list{padding-bottom:50px;}
        .news-item{float:left;width:33.3%;padding:13px;position:relative;margin-bottom:4px;}
        .news-con{display:block;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;overflow:hidden;position:relative;}
        .news-pic{padding-top:59.59%;position:relative;overflow:hidden;}
        .news-pic img{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;}
        .news-txt{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);z-index:2;color:#ffffff;}
        .news-txt_in{position:relative;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);text-align:center;z-index:3;font-size:20px;line-height:2;}
        .news-txt_tit{width:98%;margin:auto;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s;-webkit-transform:translateY(30px);-moz-transform:translateY(30px);-ms-transform:translateY(30px);-o-transform:translateY(30px);transform:translateY(30px);}
        .news-txt_desc{width:80%;margin:auto;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;opacity:0;-webkit-transform:translateY(30px);-moz-transform:translateY(30px);-ms-transform:translateY(30px);-o-transform:translateY(30px);transform:translateY(30px);-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s;}
        .news-con:hover .news-txt{color:#e6c460;}
        .news-con:hover .news-txt_tit,.news-con:hover .news-txt_desc{opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);}
        .news-item:after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s;z-index:5;pointer-events:none;-webkit-transform:scale(1,0);-moz-transform:scale(1,0);-ms-transform:scale(1,0);-o-transform:scale(1,0);transform:scale(1,0);-webkit-transform-origin:100% 0;-moz-transform-origin:100% 0;-ms-transform-origin:100% 0;-o-transform-origin:100% 0;transform-origin:100% 0;border-left:1px solid #e6c460;border-right:1px solid #e6c460;}
        .news-item:before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s;z-index:5;pointer-events:none;-webkit-transform:scale(0,1);-moz-transform:scale(0,1);-ms-transform:scale(0,1);-o-transform:scale(0,1);transform:scale(0,1);border-top:1px solid #e6c460;border-bottom:1px solid #e6c460;-webkit-transform-origin:0 100%;-moz-transform-origin:0 100%;-ms-transform-origin:0 100%;-o-transform-origin:0 100%;transform-origin:0 100%;}
        .news-item:hover:after,.news-item:hover:before{-webkit-transform:scale(1,1);-moz-transform:scale(1,1);-ms-transform:scale(1,1);-o-transform:scale(1,1);transform:scale(1,1);-webkit-transition:all .8s;-moz-transition:all .8s;-ms-transition:all .8s;-o-transition:all .8s;transition:all .8s;}
        .m-actor{padding:54px 39px 28px 27px;}
        .ovh{overflow:hidden;}
        .actor-list{padding-bottom:45px;}
        .actor-item{overflow:hidden;margin-bottom:27px;position:relative;}
        .actor-item.pos-r{padding-right:50%;}
        .actor-item.pos-l{padding-left:50%;}
        .actor-item.pos-r .ovh{position:absolute;top:0;right:0;height:100%;}
        .actor-item.pos-l .ovh{position:absolute;top:0;left:0;height:100%;}
        .actor-item .pic-out{width:100%;}
        .actor-item .ovh{width:50%;}
        .actor-pic{padding-top:53.84%;position:relative;overflow:hidden;}
        .actor-pic img{position:absolute;top:0;left:0;width:100%;height:100%;-webkit-transition:all 2s;-moz-transition:all 2s;-ms-transition:all 2s;-o-transition:all 2s;transition:all 2s;}
        .actor-item:hover img{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05);}
        .actor-txt{    /*height: 413px;*/
        height:100%;position:relative;}
        .actor-tit{height:184px;line-height:184px;width:476px;background-color:#e7c462;position:absolute;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);color:#000000;-webkit-transition:all 1s;-moz-transition:all 1s;-ms-transition:all 1s;-o-transition:all 1s;transition:all 1s;}
        .actor-tit h3{display:inline-block;vertical-align:middle;font-size:24px;font-weight:normal;}
        .actor-tit em{display:inline-block;vertical-align:middle;font-size:20px;padding:0 10px;}
        .actor-tit span{display:inline-block;vertical-align:middle;font-size:16px;}
        .actor-item.pos-r .actor-tit{left:0;padding-left:50px;}
        .actor-item.pos-l .actor-tit{right:0;padding-left:79px;}
        .actor-con{display:block;opacity:0;position:absolute;top:0;bottom:0;border:8px solid #e7c462;padding:34px 25px 65px;background-color:#fdf9ef;-webkit-transition:all 1s;-moz-transition:all 1s;-ms-transition:all 1s;-o-transition:all 1s;transition:all 1s;}
        .actor-item.pos-r .actor-con{left:27px;right:0;}
        .actor-item.pos-l .actor-con{right:27px;left:0;}
        .actor-con_name{font-size:24px;color:#000000;font-weight:normal;}
        .actor-con_info{height:39px;line-height:39px;background-color:#feefd1;padding-left:20px;color:#666666;font-size:18px;margin:21px 0 15px;}
        .actor-con_desc{font-size:14px;line-height:2;overflow:hidden;display:-webkit-box;-webkit-line-clamp:8;-webkit-box-orient:vertical;}
        .actor-item.pos-r:hover  .actor-tit{opacity:0;-webkit-transform:translate(-100%,-50%);-moz-transform:translate(-100%,-50%);-ms-transform:translate(-100%,-50%);-o-transform:translate(-100%,-50%);transform:translate(-100%,-50%);}
        .actor-item.pos-l:hover  .actor-tit{opacity:0;-webkit-transform:translate(100%,-50%);-moz-transform:translate(100%,-50%);-ms-transform:translate(100%,-50%);-o-transform:translate(100%,-50%);transform:translate(100%,-50%);}
        .actor-item:hover .actor-con{opacity:1;}
        .footer-in{text-align:center;line-height:45px;height:45px;background-color:#000;color:#ffffff;font-size:14px;}