.video-prod-wrap .banner{height: 550px;text-align: center;background: url(../images/video_production/banner.png) no-repeat center;overflow: hidden;}
.video-prod-wrap{line-height: 1;}
.video-prod-wrap .inner{width: 1200px;margin: 0 auto;height: 100%;}
.video-prod-wrap .banner  .t1{font-size: 48px;font-weight: bold;color: #fff;margin-top: 220px;margin-bottom: 38px;}
.video-prod-wrap .banner .t2{ font-size: 24px;color: #fff;}
.video-prod-wrap .part2{height: 610px;background-color: #fff;}
.video-prod-wrap .title{font-size: 30px;font-weight: bold;text-align: center;padding-top: 79px;}
.video-prod-wrap .en-title{font-size: 30px;color: #666;text-transform: uppercase;opacity: 0.1;text-align: center;margin-top: -45px;font-weight: 200;}
.video-prod-wrap .part2 .item-ul{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center; font-size: 0;margin-top: 65px ;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.video-prod-wrap .part2 .item-li{display: inline-block;width: 380px;height: 170px;-webkit-box-sizing: border-box;box-sizing: border-box;-webkit-box-shadow: 0px 0px 5px 0px rgba(51, 51, 51, 0.3);box-shadow: 0px 0px 5px 0px rgba(51, 51, 51, 0.3);
    border-radius: 5px;margin-right: 30px;margin-bottom: 30px;padding: 30px 25px;text-align: left;background: url(../images/video_production/icon1.png) no-repeat 325px 18px;
position: relative;cursor: pointer;overflow: hidden;}
.video-prod-wrap .part2 .item-li::after{content: "";position: absolute;width: 100%;top: 0;left: 0;height: 3px;background: #4A88FD;-webkit-transition: .3s;-o-transition: .3s;transition: .3s;opacity: 0;}
.video-prod-wrap .part2 .item-li:hover::after{opacity: 1;}
.video-prod-wrap .part2 .item-li:nth-of-type(2){background-image: url(../images/video_production/icon2.png);}
.video-prod-wrap .part2 .item-li:nth-of-type(3){background-image: url(../images/video_production/icon3.png);margin-right: 0;}
.video-prod-wrap .part2 .item-li:nth-of-type(4){background-image: url(../images/video_production/icon4.png);}
.video-prod-wrap .part2 .item-li:nth-of-type(5){background-image: url(../images/video_production/icon5.png);}
.video-prod-wrap .part2 .item-li:nth-of-type(n + 4) .point{margin-right: 0;width: 140px;}
.video-prod-wrap .part2 .item-li p{font-size: 20px;margin-bottom: 30px;}
.video-prod-wrap .part2 .item-li .point{font-size: 16px;color: #999;padding-left: 22px; float: left;margin-right: 55px;position: relative;margin-bottom: 18px;}
.video-prod-wrap .part2 .item-li .point::after{content: "";display: block;position: absolute;width: 5px;height: 5px;border-radius: 50%;background: #4A88FD;left: 0;top: 6px;}

.video-prod-wrap .part3{height: 700px;background: url(../images/video_production/part3-bg.png) no-repeat center;}
.video-prod-wrap .part3 .title{color: #fff;}
.video-prod-wrap .part3 .en-title{color: #fff;}
.video-prod-wrap .part3 img{margin: 83px auto 0; display: block;}
.video-prod-wrap .part4{height: 1095px;}
.video-prod-wrap .part4 .top{height: 185px;overflow: hidden;background-color: #fff;border-bottom: 1px solid #eee;}
.video-prod-wrap .part4 .top .tab{width: 730px;margin: 0 auto;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;margin-top: 32px; line-height: 60px;}
.video-prod-wrap .part4 .top .tab-item{cursor: pointer;position:relative}
.video-prod-wrap .part4 .top .tab-item.active{color: #4A88FD;}
.video-prod-wrap .part4 .top .tab-item.active::after{content: "";width: 60px;height: 2px;position: absolute;bottom: -1px;left: 50%;margin-left: -30px;background: #4A88FD;}
.video-prod-wrap .part4 .content{height: 640px;}
.video-prod-wrap .part4 .content ul{display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.video-prod-wrap .part4 .content ul .manage{height: 730px;margin: 0 auto;}
.video-prod-wrap .part4 .content li{width: 380px;height: 220px;margin-bottom: 30px;border-radius: 10px;overflow: hidden;margin-right: 30px;}
.video-prod-wrap .part4 .content li:nth-child(3n){margin-right: 0;}
.video-prod-wrap .part4 .content li img{height: 100%;width: 100%; }
.video-prod-wrap .part4 .content .c-title{font-size: 20px;font-weight: bold; line-height: 40px;margin: 30px 0;position: relative;}
.video-prod-wrap .part4 .content .c-title::after{content: "";width: 40px;height: 40px;position: absolute;left: -20px;top: 0;background: url(../images/video_production/c-title-bg.png) no-repeat left top;}
.video-prod-wrap .part4 .inner{display: none;}
.video-prod-wrap .part4 .inner:first-of-type{display: block;}
.video-prod-wrap .part5{height: 822px;background: url(../images/video_production/part5-bg.png) no-repeat center;}
.video-prod-wrap .part5 .title{color: #fff;}
.video-prod-wrap .part5 .en-title{color: #fff;}
.video-prod-wrap .part5 .video-wrap{width: 1125px;height: 600px;margin: 0 auto;background: #fff;border-radius: 10px;margin-top: 58px;position: relative;}
.video-prod-wrap .part5 .video-inner{width: 860px;margin: 0 auto; display: none;}
.video-prod-wrap .part5 .video-inner .v-title{font-size: 20px;font-weight: bold;text-align: center;height: 90px;line-height: 100px;}
.video-prod-wrap .part5 .video-cover{width:860px;height: 450px;position: relative;border-radius: 10px;overflow: hidden;cursor: pointer;}
.video-prod-wrap .part5 .video-cover .mask{width: 100%;height: 100%;position: absolute;left: 0;top: 0;
    background: url(../images/video_production/video-play.png) no-repeat center rgba(0, 0, 0, .4);}
    .video-prod-wrap .part5 .video-cover img{width: 100%;height: 100%;}
.video-prod-wrap .part5 .prev,
.video-prod-wrap .part5 .next{width: 29px;height: 51px;background: url(../images/video_production/video-arrow.png) no-repeat center;position: absolute;left: 50px; top: 45%;cursor: pointer;}
.video-prod-wrap .part5 .next{left: 1040px;-webkit-transform: rotate(180deg);-ms-transform: rotate(180deg);transform: rotate(180deg);}