*{
    padding: 0;
    margin: 0;
}
body{
    font-family: 微软雅黑;
}
a{
    text-decoration: none;
}
ul{
    list-style: none;
}
.clearfix::after{
    content: '';
    display: block;
    clear: both;
}
.layout{
    width: 1080px;
    margin: 0 auto;
}
.icons{
    background: url("https://www.yesky.com/TLimages2009/lenovoAMD/images/icons.png") no-repeat;
}
.plate1{
    width: 100%;
    height: 783px;
    background: url("https://www.yesky.com/TLimages2009/lenovoAMD/images/bg1.jpg") top center no-repeat;
}
.plate1 .layout{
    position: relative;
}
.plate1 .logo{
    float: right;
    margin-right: 12px;
    margin-top: 40px;
}
.plate1 .title{
    padding-top: 225px;
}
.plate1 .title h2{
    font-size: 52.74px;
    color: #ffffff;
    text-shadow: -2px 1px 10px #5d7bba;
}
.plate1 .title h3{
    font-size: 39.56px;
    color: #ffffff;
    margin-top: 10px;
    text-shadow: -2px 1px 10px #5d7bba;
}
.plate1 .title p{
    font-size: 21.98px;
    color: #f7f9fd;
    margin-top: 10px;
    font-weight: 600;
    text-shadow: -2px 1px 10px #5d7bba;
}
.plate1 .bottom{
    float: right;
    margin-top: 190px;
}
.plate1 .rw1{
    position: absolute;
    top: 85px;
    left: -30px;
    -webkit-animation: up 3s infinite;
    -webkit-animation: up 3s infinite ease;
    -moz-animation: up 3s infinite ease;
    -o-animation: up 3s infinite ease;
    animation: up 3s infinite ease;
    -ms-animation: up 3s infinite ease;
}
.plate1 .rw2{
    position: absolute;
    top: 30px;
    right: -295px;
    -webkit-animation: up 3s infinite;
    -webkit-animation: up 3s infinite ease;
    -moz-animation: up 3s infinite ease;
    -o-animation: up 3s infinite ease;
    animation: up 3s infinite ease;
    -ms-animation: up 3s infinite ease;
}
/* 动画效果 */
@keyframes up{
    0% {
        transform: translate(-10px,-10px);
        -webkit-transform: translate(-10px,-10px);
        -moz-transform: translate(-10px,-10px);
        -ms-transform: translate(-10px,-10px);
        -o-transform: translate(-10px,-10px);
    }
    50% {
        transform: translate(10px,10px);
        -webkit-transform: translate(10px,10px);
        -moz-transform: translate(10px,10px);
        -ms-transform: translate(10px,10px);
        -o-transform: translate(10px,10px);
    }
    
    100% {
        transform: translate(-10px,-10px);
        -webkit-transform: translate(-10px,-10px);
        -moz-transform: translate(-10px,-10px);
        -ms-transform: translate(-10px,-10px);
        -o-transform: translate(-10px,-10px);
    }
}
@-webkit-keyframes up{
	0%{
		transform:translate(-10px,-10px);
		-webkit-transform:translate(-10px,-10px);
		-moz-transform:translate(-10px,-10px);
		-ms-transform:translate(-10px,-10px);
		-o-transform:translate(-10px,-10px);
}
	50%{
		transform:translate(10px,10px);
		-webkit-transform:translate(10px,10px);
		-moz-transform:translate(10px,10px);
		-ms-transform:translate(10px,10px);
		-o-transform:translate(10px,10px);
}
	100%{
		transform:translate(-10px,-10px);
		-webkit-transform:translate(-10px,-10px);
		-moz-transform:translate(-10px,-10px);
		-ms-transform:translate(-10px,-10px);
		-o-transform:translate(-10px,-10px);
}
}
@-o-keyframes up{
	0%{
		transform:translate(-10px,-10px);
		-webkit-transform:translate(-10px,-10px);
		-moz-transform:translate(-10px,-10px);
		-ms-transform:translate(-10px,-10px);
		-o-transform:translate(-10px,-10px);
}
	50%{
		transform:translate(10px,10px);
		-webkit-transform:translate(10px,10px);
		-moz-transform:translate(10px,10px);
		-ms-transform:translate(10px,10px);
		-o-transform:translate(10px,10px);
}
	100%{
		transform:translate(-10px,-10px);
		-webkit-transform:translate(-10px,-10px);
		-moz-transform:translate(-10px,-10px);
		-ms-transform:translate(-10px,-10px);
		-o-transform:translate(-10px,-10px);
}
}
@-moz-keyframes up{
	0%{
		transform:translate(-10px,-10px);
		-webkit-transform:translate(-10px,-10px);
		-moz-transform:translate(-10px,-10px);
		-ms-transform:translate(-10px,-10px);
		-o-transform:translate(-10px,-10px);
}
	50%{
		transform:translate(10px,10px);
		-webkit-transform:translate(10px,10px);
		-moz-transform:translate(10px,10px);
		-ms-transform:translate(10px,10px);
		-o-transform:translate(10px,10px);
}
	100%{
		transform:translate(-10px,-10px);
		-webkit-transform:translate(-10px,-10px);
		-moz-transform:translate(-10px,-10px);
		-ms-transform:translate(-10px,-10px);
		-o-transform:translate(-10px,-10px);
}
}
@-ms-keyframes up{
	0%{
		transform:translate(-10px,-10px);
		-webkit-transform:translate(-10px,-10px);
		-moz-transform:translate(-10px,-10px);
		-ms-transform:translate(-10px,-10px);
		-o-transform:translate(-10px,-10px);
}
	50%{
		transform:translate(10px,10px);
		-webkit-transform:translate(10px,10px);
		-moz-transform:translate(10px,10px);
		-ms-transform:translate(10px,10px);
		-o-transform:translate(10px,10px);
}
	100%{
		transform:translate(-10px,-10px);
		-webkit-transform:translate(-10px,-10px);
		-moz-transform:translate(-10px,-10px);
		-ms-transform:translate(-10px,-10px);
		-o-transform:translate(-10px,-10px);
}
}
.plate2{
    width: 100%;
    height: 1205px;
    background: url("https://www.yesky.com/TLimages2009/lenovoAMD/images/bg2.jpg") top center no-repeat;
}
.plate2 .title,.plate4 .title,.plate6 .title{
    text-align: center;
}
.title .left{
    width: 32px;
    height: 8px;
    display: inline-block;
    background-position: 0px 0px;
    vertical-align: middle;
}
.plate2 .title h2,.plate4 .title h2,.plate6 .title h2{
    font-size: 40px;
    color: #fff;
    display: inline-block;
    vertical-align: middle;
    padding: 0px 25px;
}
.title .right{
    width: 32px;
    height: 8px;
    display: inline-block;
    background-position: -36px 0;
}
.plate2 p.detail{
    font-size: 18px;
    color: #fff;
    line-height: 45px;
    margin-top: 28px;
    text-indent: 2em;
}
.plate2 a.more{
    display: block;
    font-size: 18px;
    color: #fff;
    width: 185px;
    height: 60px;
    line-height: 60px;
    background: #455dab;
    text-align: center;
    border-radius: 5px;
    margin: 28px auto 0px auto;
}
.activityInformation{
    width: 1005px;
    height: 80px;
    border: 1px solid #4c5893;
    margin: 43px auto 0 auto;
    border-radius: 40px;
    line-height: 80px;
    background: #212842;
}
.activityInformation p{
    display: inline-block;
    font-size: 24px;
    color: #fff;
    margin-left: 283px;
}
.activityInformation p .time{
    width: 23px;
    height: 23px;
    display: inline-block;
    background-position: -77px 0;
    vertical-align: middle;
    margin-top: -5px;
}
.activityInformation p strong{
    font-size: 20px;
    color: #fff;
    font-weight: 500;
    padding: 0px 15px;
}
.activityInformation a.partake{
    display: inline-block;
    width: 224px;
    height: 83px;
    background: #ff002d;
    border-radius: 0px 40px 40px 0px;
    float: right;
    text-align: center;
    font-size: 20px;
    color: #fff;
}
.activityInformation a.partake .gift{
    width: 33px;
    height: 33px;
    display: inline-block;
    background-position: -107px 0;
    margin-right: 10px;
    vertical-align: middle;
    margin-top: -5px;
}
.plate3{
    width: 100%;
    height: 720px;
    background: url("https://www.yesky.com/TLimages2009/lenovoAMD/images/bg3.jpg") top center no-repeat;
}
.plate3 video{
    width: 100%;
    height: 610px;
    margin-top: 60px;
}
.plate4{
    width: 100%;
    height: 1623px;
    min-width: 1080px;
    background: url("https://www.yesky.com/TLimages2009/lenovoAMD/images/bg4.jpg") top center no-repeat;
}
.plate4 .title{
    padding-top: 55px;
}
.plate4 .swiper ul li {
    text-align: center;
    width: 265px;
    margin-top: 63px;
    float: left;
    margin-left: 112px;
}
.plate4 .swiper ul li:nth-of-type(1),.plate4 .swiper ul li:nth-of-type(4){
    margin-left: 34px;
}
.plate4 .swiper ul li .pic{
    height: 200px;
    display: block;
    position: relative;
}
.plate4 .swiper ul li img{
    /* margin-top: 63px; */
    text-align: center;
    vertical-align: bottom;
    position: absolute;
    bottom: 0px;
    left: 50%;
}
.plate4 .swiper ul li h4{
    font-size: 20px;
    color: #fff;
    margin-top: 35px;
}
.plate4 .swiper ul li:nth-child(n+4){
    margin-top: 74px;
}
.plate4 .swiper ul li p{
    font-size: 16px;
    color: #cbdbff;
    line-height: 26px;
}
.plate4 .swiper ul li a{
    width: 130px;
    height: 40px;
    display: block;
    margin: 0 auto;
    background: -webkit-linear-gradient(top,#ff002d,#f90433);
    background: -moz-linear-gradient(top,#ff002d,#f90433);
    background: -o-linear-gradient(top,#ff002d,#f90433);
    background: -ms-linear-gradient(top,#ff002d,#f90433);
    background: linear-gradient(top,#ff002d,#f90433);
    font-size: 14px;
    color: #fff;
    line-height: 40px;
    margin-top: 20px;
}
.plate4 .swiper ul li a .icons{
    width: 8px;
    height: 10px;
    display: inline-block;
    background-position: -4px -13px;
    margin-left: 8px;
}
.swiper-button-prev{
    width: 38px !important;
    height: 65px !important;
    background-image: url("https://www.yesky.com/TLimages2009/lenovoAMD/images/prev.png") !important;
    position: absolute !important;
    top: 50% !important;
    margin-top: -32px !important;
    left: -25px !important;
    background-size: 38px 65px !important;
}
.swiper-button-next{
    width: 38px !important;
    height: 65px !important;
    background-image: url("https://www.yesky.com/TLimages2009/lenovoAMD/images/next.png") !important;
    position: absolute !important;
    top: 50% !important;
    margin-top: -32px !important;
    right: -25px !important;
    background-size: 38px 65px !important;
}
.plate4 .layout .swiperWrap{
    position: relative;
}
.plate4 .swiperBottom{
    margin-top: 70px;
}
.plate4 .swiperBottom ul li {
    width: 520px;
}
.plate4 .swiperBottom ul li h4{
    font-size: 22px;
    color: #fff;
    margin-top: 35px;
}
.plate4 .swiperBottom ul li h4::before{
    content: '';
    width: 11px;
    height: 11px;
    display: inline-block;
    background: #ff0000;
    border-radius: 50%;
    margin: 0px 12px 0px 10px;
}
.plate4 .swiperBottom ul li p{
    font-size: 18px;
    color: #b5bce2;
    line-height: 35px;
    margin-top: 10px;
    margin-left: 10px;
}
.plate4 .swiperBottom ul li p span{
    text-overflow: ellipsis;
    /* overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical; */
}
.plate4 .swiperBottom ul{
    display: flex;
    justify-content: space-between;
}
.plate4 .swiperBottom ul li p a{
    color: #b5bce2;
}
.plate4 .swiperBottom ul li video,.plate4 .swiperBottom ul li img{
    width: 520px;
    height: 293px;
}
/* 图集 */
.plate5{
    width: 100%;
    height: 614px;
    background: url("https://www.yesky.com/TLimages2009/lenovoAMD/images/bg5.jpg") top center no-repeat;
}
.plate5 .layout{
    overflow: hidden;
}
.plate5 .swiper_content{
    height: 470px;
    position: relative;
    margin-top: 75px;
}
.plate5 .swiper_content .left_btn{
    width: 38px !important;
    height: 65px !important;
    position: absolute;
    top: 50%;
    margin-top: -32px;
    left: 40px;
    cursor: pointer;
    overflow: hidden;
}
.plate5 .swiper_content .right_btn{
    width: 38px !important;
    height: 65px !important;
    position: absolute;
    top: 50%;
    margin-top: -32px;
    right: 40px;
    cursor: pointer;
}
.plate5 .swiper_content .poster-list .poster-item{
    width: 200px;
    height: 300px;
    position: absolute;
    top: 0;
    left: 0;
}
.plate5 .swiper_content .poster-list .poster-item img{
    width: 100%;
    height: 100%;
}
/* 经典案例  手册下载 */
.plate6{
    width: 100%;
    height: 720px;
    background: url("https://www.yesky.com/TLimages2009/lenovoAMD/images/bg6.jpg") top center no-repeat;
}
.plate6 div.left{
    float: left;
    width: 523px;
    margin-top: 60px;
}
.pull-left{
    float: left;
}
.pull-right{
    float: right;
}
.plate6 span.text{
    width: 264px;
}
.plate6 span.text h4{
    font-size: 18px;
    color: #fff;
    margin-top: 10px;
}
.plate6 span.text h4::before{
    content: '';
    display: inline-block;
    width: 7px;
    height: 7px;
    background: #ff0000;
    border-radius: 50%;
    margin-right: 14px;
}
.plate6 span.text p{
    font-size: 14px;
    color: #b5bce2;
    line-height: 28px;
    margin-top: 10px;
}
.plate6 span.text p a{
    color: #b5bce2;
}
.plate6 ul{
    padding-top: 20px;
}
.plate6 ul li{
    margin-top: 23px;
}
.plate6 div.right{
    margin-top: 60px;
    float: right;
    width: 505px;
}
.plate6 div.right ul li{
    width: 225px;
    margin-right: 50px;
    float: left;
    margin-bottom: 18px;
}
.plate6 div.right ul li:nth-child(2n){
    margin-right: 0px;
}
.plate6 div.right ul li .pdf{
    width: 26px;
    height: 28px;
    display: inline-block;
    background-position: -3px -37px;
    vertical-align: middle;
}
.plate6 div.right ul li h4{
    display: inline-block;
    font-size: 16px;
    color: #fff;
    font-weight: 500;
    vertical-align: middle;
    margin-left: 10px;
}
.plate6 div.right ul li .download{
    float: right;
    width: 14px;
    height: 16px;
    display: inline-block;
    background-position: -36px -13px;
    vertical-align: middle;
    margin-top: 7px;
    cursor: pointer;
}
.plate6 div.right ul li .download:hover{
    background-position: -54px -13px;
}
/* 浮层 */
.fc{
    width: 225px;
    height: 583px;
    border: 1px solid #4c5893;
    border-radius: 5px;
    background: #19244c;
    position: fixed;
    right: 65px;
    top: 50%;
    margin-top: -293px;
    text-align: center;
    z-index: 99;
}
.fc a.questionnaire{
    display: block;
    width: 167px;
    height: 54px;
    background: #ff002d;
    border-radius: 5px;
    margin: 0 auto;
    margin-top: 30px;
    line-height: 54px;
    font-size: 16px;
    color: #fff;
    text-align: center;
    vertical-align: middle;
}
.fc a.questionnaire span.icons{
    display: inline-block;
    width: 24px;
    height: 24px;
    background-position: -36px -36px;
    vertical-align: middle;
    margin-right: 6px;
}
.fc p{
    font-size: 16px;
    color: #c4d7f9;
    line-height: 30px;
}
.fc p:nth-of-type(1){
    margin-top: 20px;
}
.fc h4{
    font-size: 16px;
    color: #fff;
    padding-bottom: 20px;
    border-bottom: 2px solid #2a355e;
}
.fc a.register{
    width: 140px;
    height: 40px;
    display: block;
    background: #455dab;
    border-radius: 20px;
    font-size: 16px;
    color: #fff;
    line-height: 40px;
    margin: 15px auto 0px auto;
    vertical-align: middle;
}
.fc a.register span.icons{
    display: inline-block;
    width: 22px;
    height: 22px;
    background-position: -67px -36px;
    margin-right: 5px;
    vertical-align: middle;
}
.function img {
    margin-top: -2px;
}