h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,th,p,a,li,td,div,footer{font:normal 12px "Open Sans", "Lucida Sans Unicode", "Arial";color:#000;}
.pw1200{ max-width:1200px; width:92%; margin-left:auto; margin-right:auto;}
.pw1040{ max-width:1040px; width:92%; margin-left:auto; margin-right:auto;}
.btn{  display:inline-block; vertical-align:middle; text-decoration:none; transition:all linear 0.3s; -webkit-transition:all linear 0.3s; -moz-transition:all linear 0.3s; -o-transition:all linear 0.3s; -ms-transition:all linear 0.3s; margin-top:10px;}
.btn:hover{ transform:translateY(-5px);}
.filmhome_title h2{font-size: 36px; font-weight:bold; font-family: "OpenSansRoman Bold";}
/* banner */
.filmhome_banner{ width:100%; height:940px; background:url(../filmforth/img/filmnew_banner.jpg) top center no-repeat; background-size:cover; overflow:hidden; display: flex; align-items: center;}
.filmhome_bancnt{ margin:0 auto; position:relative; display: flex; align-items: center; flex-direction: row; margin-top: -80px;}
.filmhome_bantext{ width:580px;}
.filmhome_bantext h1{ font-size:44px; margin-top: 20px; font-weight:bold; font-family: "OpenSansRoman Bold"; position: relative; z-index: 2; color: #000000;}
.filmhome_bantext p{ font-size:22px; line-height:1.7; color:#000000; margin-top:20px;}
.filmhome_btn_dl{margin-left: 14px;}
.filmhome_install{ width:180px; height:64px; text-align:center; line-height:64px; font-size:20px; color:#fff; border-radius:8px; background-color:#4267ff; margin-left:32px; border: 2px solid #214cff; font-family: "arial";}
.filmhome_install:after{width: 9px; height: 16px; content: ""; display: inline-block; position: relative; background:url(../filmforth/img/filmnew_arrow_small.png) left center no-repeat; background-size:cover; margin: -2px 0 0 6px; vertical-align: middle;}
.filmhome_reviws{ font-size:20px; display:block; margin-top:32px; color:#000000;}
.filmhome_reviws img{ display:inline-block; vertical-align:middle; margin:-4px 16px 0 0;}
.filmhome_reviws a{font-size: inherit; color: inherit;}
.filmhome_reviws b{ font-weight:bold; font-size:inherit; color:inherit;}
.filmhome_banimg{position:absolute; right: -80px;}


/* video */
.filmhome_video{width: 100%; height: 980px; background:url(../filmforth/img/filmnew_video2.jpg) #2c6075 top center no-repeat; background-size:cover; background-size:cover; overflow:hidden; background-attachment:fixed; position: relative; background-position: 50%; transition: all 0.3s linear;}
.filmhome_video1{background:url(../filmforth/img/filmnew_video1.jpg) #2c6075 top center no-repeat; background-size:cover; background-attachment:fixed;}
.filmhome_video2{background:url(../filmforth/img/filmnew_video2.jpg) #2c6075 top center no-repeat; background-size:cover; background-attachment:fixed;}
.filmhome_videomp{width: 100%; height: 100%; z-index: 2; opacity: 0; object-fit: fill;}
.filmhome_video_cont{position: absolute; top: 160px; left: 0; right: 0; margin: auto; z-index: 3;}
.filmhome_video_title{max-width: 1060px;}
.filmhome_video_title h2{font-size: 36px; color: #ffffff; transform: translateY(120px); opacity: 0;}
.filmhome_video_title p{font-size: 20px; color: #ffffff; line-height: 1.6; margin-top: 40px; transform: translateY(120px); opacity: 0;}
.filmhome_video.fixed{position: fixed; top: -20px; left: 0; z-index: 5;}
.filmhome_video.fixed .filmhome_videomp{opacity: 1;}
.filmhome_video.fixed .filmhome_video_title h2.showed{transform: translateY(0); opacity: 1; transition: all 0.3s linear;}
.filmhome_video.fixed .filmhome_video_title p.showed{transform: translateY(0); opacity: 1; transition: all 0.3s linear;}
.filmhome_video.opcity{opacity: 0;}
/* before */
.filmhome_before{width: 100%; height: 315px; background:url(../filmforth/img/filmhome_before.jpg) #8197fe top center no-repeat; background-size:cover; overflow:hidden; position: relative; display: flex; justify-content: center; align-items: center;}
.filmhome_before_cont{display: flex; flex-direction: row; justify-content: space-between; align-items: center;}
.filmhome_before_text h2{color: #fff; width: 386px; height: 76px; line-height: 76px; background:url(../filmforth/img/filmnew_textbg.png) center center no-repeat; background-size:cover;}
.filmhome_before_text p{color: #fff; font-size: 20px; line-height: 1.6;}
.filmhome_before_text .filmnew_microsoft{margin-top: 20px;}
.filmnew_baby{margin-right: 86px;}
/* feature */
.filmhome_feature{margin-top: 60px;}
.filmhome_feature_title h2{color: #072e75;}
.filmhome_feature_title p{font-size: 22px; color: #072e75; line-height: 1.6; margin-top: 12px;}
.filmhome_feature_title a.seemore{margin-top: 30px; padding: 14px 28px; border-radius: 5px; background: #325bff; font-size: 16px; font-weight:bold; font-family: "OpenSansRoman Bold"; color: #fff; display: inline-block; text-transform: uppercase;}
.filmhome_feature_cont{margin-top: 80px; display: flex; justify-content: space-between; flex-wrap: wrap;}
/* .filmhome_feature_items{display: flex; justify-content: space-between;}
.filmhome_feature_items:last-child{justify-content: flex-start;} */
.filmhome_feature_cont a{width: 174px; height: 186px; box-sizing: border-box; padding: 10px 10px; /* border: 1px solid rgba(212,212,212,.45); */box-shadow: 0 0 6px rgba(212,212,212,.45); border-radius: 10px; text-align: center; display: flex; align-items: center; flex-direction: column; justify-content:center; margin: 10px 10px; transition: all 0.3s linear;}
.filmhome_feature_cont a:hover{transform: translateY(-10px);}
.filmhome_feature_cont a h5{font-size: 14px; color: #072e75; margin-top: 16px; font-weight:bold; font-family: "OpenSansRoman Bold";}
.filmhome_feature_cont a p{font-size: 12px; color: #072e75; margin-top: 6px; line-height: 1.6;}
.filmhome_feature_cont a:nth-child(odd){margin-top: 40px;}
.filmhome_feature_cont a:nth-child(even){margin-top: -20px;}
.filmhome_feature_cont a.null{box-shadow: none;}
/* moreword */
.filmhome_moreword{width: 100%; margin-top: 90px; padding-bottom: 96px; background: #f9fafe; overflow: hidden;}
.filmhome_moreword_cnt{margin-top: 50px; text-align: center; position: relative;}
.filmhome_moreword_cnt h2{color: #072e75;}
.filmhome_moreword_item{max-width: 780px; width: 100%; height: 330px; margin: 40px auto 0; opacity:0; display: none; position: relative;}
.filmhome_moreword_item.showed{display: block; animation: banshow linear 1s forwards;}
.filmhome_moreword_item_photo{width: 120px; height: 120px; display: flex; justify-content: center; align-items: center; border-radius: 120px; border: 4px solid #ededed; box-shadow: 0 1px 21px rgba(104,104,104,.25); margin: 0 auto; position: relative;}
.filmhome_moreword_item_photo a{width: 100%; height: 100%; position: absolute; display: block; left: 0; top: 0;}
.filmhome_moreword_item time{position: absolute; bottom: 0; left: 0; right: 0; margin: auto; font-size: 18px; color: #3c3c3c;}
.filmhome_moreword_score{width: 171px; height: 24px; background-size: cover; margin: 56px auto 0;}
.score4{background:url(../filmforth/img/filmnew_starcom4.png) left center no-repeat; background-size:cover;}
.score5{background:url(../filmforth/img/filmnew_starcom5.png) left center no-repeat; background-size:cover;}
.filmhome_moreword_item_cont>p{font-size: 20px; color: #072e75; line-height: 1.7; margin-top: 28px;}
.filmhome_moreword_cooper{margin-top: 50px; text-align: center;}
.filmhome_moreword_cooper_icon{ display: inline-block; vertical-align: middle; height: 58px; margin: 5px 15px; cursor: pointer; background-size:cover;}
.filmhome_moreword_cooper_icon.checked{background-position: 0 -58px;}
.ytbicon{width: 172px; background:url(../filmforth/img/filmnew_comment_ytbicon.png) left center no-repeat; background-position: 0 0;}
.tikicon{width: 152px; background:url(../filmforth/img/filmnew_comment_tiktokicon.png) left center no-repeat; background-position: 0 0;}
.insicon{width: 192px; background:url(../filmforth/img/filmnew_comment_insicon.png) left center no-repeat; background-position: 0 0;}
.softicon{width: 180px; background:url(../filmforth/img/filmnew_comment_softicon.png) left center no-repeat; background-position: 0 0;}
.techicon{width: 180px; background:url(../filmforth/img/filmnew_comment_techicon.png) left center no-repeat; background-position: 0 0;}
.wareicon{width: 356px; background:url(../filmforth/img/filmnew_comment_wareicon.png) left center no-repeat; background-position: 0 0;}
.filmnew_arrow_pre{position: absolute; left: 0; top: 80%; width: 44px; height: 44px; background:url(../filmforth/img/filmnew_arrow_pre_gray.png) left center no-repeat; background-size:cover; cursor: pointer; transition: all 0.2s linear; z-index: 5;}
.filmnew_arrow_pre:hover{background:url(../filmforth/img/filmnew_arrow_pre.png) left center no-repeat;}
.filmnew_arrow_next{position: absolute; right: 0; top: 80%; width: 44px; height: 44px; background:url(../filmforth/img/filmnew_arrow_next_gray.png) right center no-repeat; background-size:cover; cursor: pointer; transition: all 0.2s linear; z-index: 5;}
.filmnew_arrow_next:hover{background:url(../filmforth/img/filmnew_arrow_next.png) right center no-repeat;}
@keyframes banshow{
	0%{opacity: 0;}
	100%{opacity: 1;}
}


/* foot */
.filmhome_footdown{width: 100%; height: 413px; background:url(../filmforth/img/filmhome_footdown.jpg) #5d80fe top center no-repeat; background-size: cover; display: flex; justify-content: center; align-items: center;}
.filmhome_footdowncnt{display: flex; flex-direction: row; align-items: center;}
.filmhome_foottext{margin-left: 100px;}
.filmhome_foottext h2{color: #ffffff; line-height: 1.5;}
.spilt{display: block;}
.filmhome_footdown .filmhome_install{background: linear-gradient(to right,#3fbbfe,#4f73ff); border: 2px solid #85d1ff;}
@media screen and (max-width: 1680px){
.filmhome_video{height: calc(100% + 20px);}
.filmhome_banner{height: 988px;}
.filmhome_video1{height: 1080px;}
.filmhome_videomp{height: 1045px;}
}
@media screen and (max-width: 1440px){
.filmhome_banner{height: 840px;}
.filmhome_video1{height: 920px;}
.filmhome_videomp{width: 106%; height: 970px;}
}
@media screen and (max-width: 1330px){
.filmhome_banimg{right: -180px;}
}

@media screen and (max-width: 1280px){
.filmhome_feature_cont a{width: 160px;}
.filmhome_banner{height: 800px;}
.filmhome_video1{height: 820px;}
.filmhome_videomp{height: 870px;}
}
@media screen and (max-width: 1190px){
.filmhome_feature_cont a:nth-child(odd),.filmhome_feature_cont a:nth-child(even){
	margin-top: 10px;
}
.filmhome_feature_cont a.null{display: none;}
.filmhome_videomp{display: none;}
.filmhome_video.opcity{opacity: 1;}
.filmhome_video{height: auto; background-attachment:inherit; background: #000; border-bottom: 1px solid #999; transition: none;}
.filmhome_video.fixed{position: relative;}
.filmhome_video_cont{position: relative; padding: 50px 0; top: 0;}
.filmhome_video_cont h2,.filmhome_video_cont p{opacity: 1; transform: translateY(0);}
}

@media screen and (max-width: 980px){
.filmhome_banner{height: auto; padding: 60px 0; background: linear-gradient(to bottom,#e9e9eb,#d7a595);}
.filmhome_bancnt{margin-top: 0;}
/* .filmhome_bancnt{flex-direction: column;}
.filmhome_banimg{position: relative; right: auto; width: 60%; max-width: 831px; height: auto; margin: 30px auto 0;}
.filmhome_banimg>img{width: 100%; display: block;} */
.filmhome_banimg{display: none;}
.filmhome_bantext{width: 100%; height: auto; text-align: center;}
.filmhome_bantext h1{display: inline-block; font-size: 30px;}
.filmnew_icon{display: block; margin: 0 auto;}
/* .filmhome_feature_items{flex-wrap: wrap;} */
.filmhome_footdown{height: auto; padding: 50px 0;}
.filmhome_footdowncnt{flex-direction: column;}
.filmnew_proicon{max-width: 369px; width: 100%; height: auto; margin: 30px auto 0;}
.filmhome_foottext{width: 100%; margin: 30px auto 0; text-align: center;}
.filmhome_before{height: auto; padding: 50px 0; background: linear-gradient(to right,#2778ff,#cec1fd);}
.filmhome_before_cont{flex-direction: column; justify-content: center; align-items: center; text-align: center;}
.filmhome_before_text h2{text-align: center; margin: 0 auto;}
.filmhome_before_text a.btn{margin: 0 auto 10px; display: block;}
.filmnew_baby{margin: 20px auto 0; max-width: 432px; width: 92%;}

}
@media screen and (max-width: 710px){

} 
@media screen and (max-width: 568px){
.filmhome_btn a{display: block; margin-left: auto;}
.filmhome_install{margin: 10px auto 0;}
.filmhome_title h2{font-size: 28px;}
.filmhome_moreword_item{height: 430px;}
.filmhome_feature_cont a{width: 140px; justify-content: flex-start;}
.filmnew_proicon{width: 60%;}
.filmnew_arrow_next{opacity: 1;}
.filmnew_arrow_next:hover{opacity: 0.8;}
} 
@media screen and (max-width: 414px){
.filmhome_feature_cont a{width: 160px;}
.filmhome_before_text h2{width: 300px; height: 60px; line-height: 60px;}
.ytbicon{width:120px; height: 40px; background-size: cover;}
.tikicon {width:106px; height: 40px; background-size: cover;}
.insicon{width:134px; height: 40px; background-size: cover;}
.softicon{width:126px; height: 40px; background-size: cover;}
.techicon{width:126px; height: 40px; background-size: cover;}
.wareicon{width:246px; height: 40px; background-size: cover;}
.filmhome_moreword_cooper_icon.checked{background-position: 0 -40px;}
} 
@media screen and (max-width: 375px){
.filmhome_feature_cont a{width: 150px;}

} 
@media screen and (max-width: 325px){
.filmhome_feature_cont a{width: 120px; height: 210px;}
}