.pd-wrap{padding-top:150px}

.menu{position:fixed;top:0;left:0;bottom:0;padding-top:60px;width:20%;height:100%;background:rgba(0,0,0,.6)}
.menu ul{transform:translateX(-100px);opacity:0;transition:all .7s ease .3s}
.menu li{padding:15px 0 15px 80px}
.menu li a{color:#fff;display:block;line-height:40px;padding:.2px 0;position:relative}
.menu li:hover{background:rgba(89,86,86,.6)}
.menu li.shift-li{display: none\0;}
.menu .on a{color:#ffde01}
.menu .on a:after{position:absolute;top:.3px;right:60px;content:'';width:40px;height:40px;background:url(../images/arrow-yellow.png) 0 0 no-repeat;background-size:40px 40px}
.menu.load_finish ul{transform:translateX(0);opacity:1}

.main{transform:translateY(100px);opacity:0;transition:all 1s ease .3s}
.main.load_finish{transform:translateY(0);opacity:1}

.container{margin-left:20%}
.container .content .ad-img{position:relative;overflow:hidden;transition:all .8s ease;transform:translateY(80px);opacity:0}
.container .content .ad-img img{width:100%}
.container .content .load_finish.ad-img{transform:translateY(0);opacity:1}
.container .content .nav-title{position:absolute;top:80px;left:108px;transform:translateX(150px);opacity:0;transition:all .7s ease;z-index:9}
.container .content .nav-title span{color:#fff;display:block}
.container .content .nav-title.load_finish{transform:translateX(0);opacity:1}
.container .content .nav-pt{padding-right:240px;color:#fff;position:absolute;left:108px;top:200px;line-height:30px;transition:all .7s ease;transform:translateX(100px);opacity:0;opacity:1\0}
.container .content .nav-pt.load_finish{transform:translateX(0);opacity:1}
.container .content .intro{padding:66px 420px 103px 90px;line-height:30px;color:#fff}

.product-list{background:rgba(0,0,0,.6);height:100%;overflow:hidden}
.product-list li{height: 202px;text-align: center;position: relative;overflow: hidden;}
.product-list li .mask{position: absolute;top:100%;left:0;bottom:0;right:0;width: 100%;height: 100%;background-color: rgba(0,0,0,0.5)}
.product-list li a{position: relative;border:1px solid #fff;font-size: 20px;color:#fff;width: 30%;margin: 0 auto;height: 60px;line-height: 60px;margin-top: 90px;display: block;overflow: hidden}

.itembox{background:rgba(255,255,255,.8);padding:50px 80px 0 108px}
.itembox .itemA{padding-bottom:80px}
.itembox .itemA img{float:left;margin-top:10px;width:252px}
.itembox .itemA p{line-height:30px;padding-left:340px}
.itembox .itemB{width:100%;padding-bottom:50px;display:flex;flex-flow:row wrap}
.itembox .itemB a{margin:0 15px 30px;transition:all .4s;display: inline-block;}
.itembox .itemB a img{width:143px;height:143px}
.itembox .itemB a:hover{transform:rotate(360deg);opacity:.8}
.itembox .itemC h3{color:#ffde01;margin-bottom:80px}
.itembox .itemC li{float:left;box-sizing:border-box;width:420px;padding-left:120px;padding-right:60px;margin-bottom:45px;min-width:500px}
.itembox .itemC li span{display:block;color:#fff}
.itembox .itemC li span:nth-of-type(2){margin-top:10px;line-height:30px}
.itembox .itemC li:nth-of-type(1){background:url(../images/li-icon1.png) 0 0 no-repeat;background-size:91px 100px}
.itembox .itemC li:nth-of-type(2){background:url(../images/li-icon2.png) 0 0 no-repeat;background-size:91px 100px}
.itembox .itemC li:nth-of-type(3){background:url(../images/li-icon3.png) 0 0 no-repeat;background-size:91px 100px}
.itembox .itemC li:nth-of-type(4){background:url(../images/li-icon4.png) 0 0 no-repeat;background-size:91px 100px}
.txt-effect-1{opacity:0;transition:.3s all ease-in .5s}
.load_finish .txt-effect-1{opacity:1}
.teamList{padding-bottom:97px;padding-top:46px}
.teamList ul{display:flex;justify-content:center}
.teamList li{padding:94px 30px 30px;background:#fff;border-radius:5px;position:relative;transition:all .5s linear;float: left\0;}
.teamList li img{position:absolute;left:50%;top:-76px;width:152px;height:152px;margin-left:-76px}
.teamList li .name{border-bottom:2px solid #595656;text-align:center;padding-bottom:5px}
.teamList li .name span{display:block}
.teamList li .name span:nth-of-type(1){font-weight:700;padding-bottom:5px}
.teamList li p{margin-top:10px;line-height:34px}
.teamList li:nth-of-type(2n){margin-left:106px}
.teamList li:hover{background:#EDDDEF}

.about{background:rgba(255,255,255,.8);padding:50px 90px 50px 108px}
.about p{line-height:30px}
.brand{background:rgba(255,255,255,.8);padding:40px 100px 0 108px}
.brand-ul{padding-bottom:30px}
.brand-ul ul{display:flex;flex-flow:row wrap;justify-content:space-around;overflow:hidden}
.brand-ul li{flex-grow:0;padding-top:80px;margin-bottom:30px;width:245px;height:178px;text-align:center;background:url(../images/start.png) 0 0 no-repeat;background-size:245px 258px;float:left\0;margin-right:3px\0}
.brand-ul li b,.brand-ul li em,.brand-ul li span{display:block}
.brand-ul li b,.brand-ul li em{font-weight:700}
.brand-ul li em{margin-top:8px;color:#671372}
.brand-txt{position:relative;padding-bottom:55px;margin-top:-70px;z-index:9;overflow:hidden}
.brand-txt .honorImg{float:left}
.brand-txt .honorImg img{display:inline-block;margin-right:15px;width:185px;height:224px}
.brand-txt p{padding-top:70px;line-height:24px}
.brand-list{padding-bottom:40px}
.brand-list p{float:left;line-height:32px;margin-bottom:40px;margin-right:40px}
.brand-list a:hover img{transform:scale(1.2)}
.brand-list .img{float:left}
.brand-list .img img{display:block;margin-bottom:17px;width:410px;height:246px}
.brand-case{padding-bottom:30px}
.brand-case li{float:left;width:33.333%;padding-bottom:12px;height:45px}
.brand-case li a{display:block;padding:0 30px;height:41px;line-height:41px}
.brand-case li:hover a{border:2px solid #671372;color:#671372}
.brand-case li:hover a:after{content:'>';font-size:18px;float:right}
.hostory-dl{margin-top:80px}
.hostory-dl dl{padding-bottom:40px}
.hostory-dl dt{color:#ffde01}
.hostory-dl dd{color:#fff;margin-bottom:15px}
.voide-list ul {overflow:hidden}
.voide-list ul li{width:50%;overflow:hidden;position: relative;float:left;}
.voide-list ul li img{width:100%;display:block}
.voide-list ul li a,.voide-list ul li span{display:block;color:#fff}
.voide-list ul li a{position:absolute;top:0;bottom:0;left:0;right:0;height:100%}
.voide-list .voide-btn{width:80px;height:80px;margin:25% auto 0;overflow:hidden;background-image:url(../images/icon.png);background-position:-85px 0;background-repeat:no-repeat;background-size:170px 80px}
.voide-list a:hover{background:rgba(0,0,0,.5)}
.voide-list a:hover .voide-btn{background-position:0 0}
.voide-list .voide-tit{margin-top:25px;font-size:20px;text-align:center}
.voide-list .voide-intro{font-size:16px;line-height:30px;text-align:center;padding:0 15px;}


.launch-list{display:flex;flex-flow:row wrap}
.launch-list a{flex:0 1 50%;display:flex;align-items:center;background:rgba(0,0,0,.7);overflow:hidden;float:left;width:50%;}
.launch-list .first{width: 100%;}
.launch-list a img{width:100%;transition:all .3s;height:100%\0}
.launch-list a:hover img{transform:scale(1.1);opacity:.95}
.launch-list a:nth-of-type(1){flex:0 0 100%}

.activity-list .box{display:flex;flex-flow:row wrap}
.activity-list .box a{flex:0 0 50%;display:flex;align-items:center;background:pink;position:relative;overflow:hidden;color:#fff;float:left\0;width:50%;}
.activity-list .box .first{width: 100%\0;}
.activity-list .box a img{width:100%;transition:all .3s}
.activity-list .box a .title-bg{position:absolute;left:0;right:0;bottom:0;padding:20px 20px;background:rgba(0,0,0,.2)}
.activity-list .box a .title-bg span{display:block}
.activity-list .box a:hover{color:#ffde01}
.activity-list .box a:hover img{transform:scale(1.1);opacity:.95}
/*.activity-list .box a:nth-of-type(1){flex:0 0 100%}*/

.detail{background:rgba(255,255,255,.8);padding:38px 90px 90px 90px}
.detail p{line-height:30px}
.detail .title{text-align:center;margin-bottom:50px;color:#333}
.detail .title span{display:block;color:#777;margin-top:8px}
.detail img{max-width:90%}

@media (min-width:1500px){.container .content .nav-pt{padding-right:800px}
}
@media (max-width:860px){.container .content .nav-pt{padding-right:100px}
.brand-case li{width:50%}
}