.fh_icon{display: inline-block; vertical-align: middle; background: url(../img/fh_icon_big.png); background: url(../img/fh_icon_small.png)\9; background-size: 250px;}
.fh_icon_building{ width: 56px; height: 48px; background-position: 0 0; }
.fh_icon_script{ width: 39px; height: 48px; background-position: -56px 0; }
.fh_icon_movie{ width: 57px; height: 44px; background-position: -97px 0; }
.fh_icon_gold{ width: 43px; height: 49px; background-position: -156px 0;}
.fh_first_icon{ width: 51px; height: 51px; background-position: -0 -71px;}
.fh_second_icon{ width: 51px; height: 51px; background-position: -52px -71px;}
.fh_three_icon{ width: 51px; height: 51px; background-position: -105px -71px;}
.fh_four_icon{ width: 51px; height: 51px; background-position: -157px -71px;}
.fh_good_icon{ width: 27px; height: 19px; background-position: 0 -50px;}
.fh_film_superhero{width: 154px; height: 23px; background-position: 0 -194px;}
.fh_film_action{width: 120px; height: 18px; background-position: 0 -218px;}
.fh_film_sci{width: 120px; height: 18px; background-position: 0 -237px;}
.fh_film_drama{width: 170px; height: 18px; background-position: 0 -257px;}
.fh_film_animation{width: 150px; height: 18px; background-position: 0 -276px;}
.fh_film_intell{width: 182px; height: 22px; background-position: 0 -295px;}
.fh_arrow_bottom{width: 47px; height: 47px; background-position: 0 -123px;}
.fh_close_btn{ width: 19px; height: 19px; background-position: -39px -50px; }
.fh_help_icon{ width: 38px; height: 38px; background-position: -49px -123px;  }
.fh_arrow_red{ width: 8px; height: 14px; background-position: -29px -50px;}
.fh_choose_grey{ width: 22px; height: 22px; background-position: -113px -123px; }
.fh_choose_red{ width: 22px; height: 22px; background-position: -89px -123px; }

.w_264{ width: 264px; }
.w_250{ width: 250px; }
.w_376{ width: 376px; }

.page_fh_home{ color: #333; }

.fh_kv{position: relative; height: 500px; overflow: hidden; text-align: center;}
.fh_kv_bgs li{ display: none; position: absolute;  left: 0; top: 0; width: 100%; height: 500px; z-index: 5; overflow: hidden; }
.fh_kv_bgs li img{position: absolute; left: 50%; top: 0; margin-left: -1280px; width: auto; height: 500px;}
.fh_kv_bgs li:first-child{display: block;}
.fh_kv_con{position: relative; z-index: 10; width:1200px; margin:0 auto;}
.fh_movie_icon{display: block; margin: 66px auto 0; width: 72px; height: 54px; }
.fh_kv h6{padding-top: 30px; font-size: 38px; line-height: 46px; font-weight: bold; color: #fff;}
.fh_kv p{padding-top: 18px; padding-bottom: 45px; font-size: 16px; line-height: 30px;  color: #fff;}

.fh_advan{padding: 45px 0 40px; text-align: center;}
.fh_advan h3{padding-bottom: 25px; font-size: 36px; line-height: 36px;}
.fh_advan_list{ margin: 0 auto; width: 1180px; overflow: hidden; }
.fh_advan_list li{float: left; padding-top: 20px; width: 25%; height: 150px;box-sizing: border-box; font-size: 16px; line-height: 24px; font-weight: bold;}
.fh_advan_list li p{padding-top: 18px;}
.fh_advan h4{padding-top: 50px; font-size: 20px; }
.choose_fh_benefit{ margin: 0 auto; padding-top: 25px; width:  700px; overflow: hidden;}
.choose_fh_benefit li{ float: left; width: 330px; margin-right: 20px; line-height: 30px;  text-align: left; }
.choose_fh_benefit li span{margin-right: 15px; font-size: 22px; line-height: 30px; font-weight: bold; color: #6a6969; vertical-align: middle;}
.choose_fh_benefit li p{display: inline-block; vertical-align: middle;}
.fh_advan_logos{margin: 30px auto 0; width: 1080px; overflow: hidden;}
.fh_advan_logos li{float: left;}
.fh_advan_logos li img{vertical-align: middle;}

.fh_cooperate{padding: 45px 0 50px; text-align: center;}
.fh_cooperate h3{padding-bottom: 20px; font-size: 36px; line-height: 36px;}
.fh_coope_flow_bg{margin: 0 50px; overflow: hidden;} 
.fh_coope_flow_bg li{float: left; width: 25%; font-size: 16px; line-height: 24px; }
.fh_coope_flow_bg .fh_coope_bgbox{height: 80px;}
.fh_coope_flow_bg .fh_coope_bgbox span{position: relative; top: 14px; z-index: 100;}
.fh_coope_line{position: absolute; left: 0; top: 40px; z-index: 10; width: 100%; height: 1px; background: #ff2b62; }
.fh_coope_btns {padding-top: 40px; font-size: 0;}
.fh_coope_btns li{display: inline-block; margin: 0 10px; padding: 0 20px; border: 1px solid #f36; border-radius: 5px; cursor: pointer; line-height: 46px; font-size: 16px; color: #f36;}

.fh_film{background: #2a2a2a;}
.fh_film_even{ background: #333; }
.fh_film h3{ color: #ff4370; }
.fh_film h3 p{display: inline-block; margin-left: 10px; font-size: 20px; vertical-align: middle;}
.fh_film_box{padding: 60px 0;height: auto;display: inline-block;}
.fh_film_title h4{ font-size: 36px; line-height: 36px; color: #fff; }
.fh_film_title h4 span{ margin-top: 4px; font-size: 0; vertical-align: top;}
.fh_film_list{width: 1200px; margin: 0 auto; overflow: hidden; font-size: 0;}
.fh_film_item{display: inline-block; margin: 10px 6px; padding: 4px; text-align: left;}
.fh_film_item:hover{background: #3a3a3a;}
.fh_film_item a{display: block; color: #b1b1b1; }
.fh_film_item img{vertical-align: top;}
.fh_film_item  .fh_film_tags{overflow: hidden; padding-top: 20px;}
.fh_film_tags span{float: left; padding: 0 6px; margin-right: 5px; border-radius: 3px; font-size: 14px; line-height: 26px; text-align: center; color: #fff; }
.fh_tag_bg_red{ background: #f36; }
.fh_tag_bg_yellow{ background: #f83; }
.fh_tag_bg_purple{ background: #944ccc; }
.fh_film_item  .fh_film_info{padding: 10px 0; width: 220px; line-height: 26px; font-size: 14px; color: #b1b1b1; }
.fh_film_more{margin: 20px auto 0; width: 47px; height: 47px; cursor: pointer; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
.fh_film_more.open_btn{ -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }

.fh_info{padding: 60px 0;}
.fh_info p{line-height: 30px;}
.fh_coope_company {font-size: 0;}
.fh_coope_company li{display: inline-block;}


.fh_inner_kv{ height: 610px; background: url(../images/movie/fh_inner_kv.jpg) no-repeat; background-size: cover; overflow: hidden; }
.fh_inner_logo{ padding-top: 20px; font-size: 12px; font-weight: normal;}
.fh_inner_logo p{ padding-top: 10px;  line-height: 18px; color: #ccc6c6; }
.fh_inner_film_info{position: relative; margin-left: 330px; font-size: 16px; line-height: 30px; color: #fff;}
.fh_inner_film_info h4{padding-top: 10px; font-size: 24px; line-height: 64px;}
.fh_inner_film_info .fh_film_tags{display: inline-block; vertical-align: middle;}
.fh_inner_synopsis{ width: 736px; line-height: 24px; font-size: 14px;  color: #ccc6c6; }
.fh_share_box{position: absolute; right: 0; top: 12px; font-size: 0; }
.fh_share_box a{margin-left: 5px;}
.fh_inner_help{ position: absolute; right: 0; top: 270px; height: 38px; line-height: 38px; font-size: 12px; color: #ccc6c6; cursor: pointer;}

.fh_send_coope{ padding: 20px; border-bottom: 1px solid #f1f1f1; background: #fff; text-align: center;}
.fh_send_coope a{ display: inline-block; margin: 0 10px;  width: 160px; border: 1px solid #f36; border-radius: 5px; font-size: 16px; line-height: 46px; font-weight: bold; color: #f36; text-align: center;}
.fh_zan_btn{ display: inline-block; margin: 0 10px;  width: 160px; border: 1px solid #f83; border-radius: 5px; font-size: 16px; line-height: 46px; font-weight: bold; color: #f83; text-align: center; cursor: pointer; }
.fh_article_work_list{display: inline-block;}
.fh_article_work_list li{ display: inline-block; margin: 0 3px;}
.fh_article_work_list li p{ width: 264px; }

.fh_inner_article{font-size:0.875em; width: 700px; z-index:1; line-height:2em; margin:0 auto;}
.fh_inner_article img {max-width:800px; }
.fh_inner_article i,.fh_inner_article em{ font-style:italic;}
.fh_inner_article p{ line-height:2em; margin-bottom:20px;}
.fh_inner_article span{ white-space:normal;}
.fh_inner_article a{color:#2c66ee;}
.fh_inner_article a:hover{text-decoration:underline;}
.fh_inner_article h1,.fh_inner_article h2,.fh_inner_article h3,.fh_inner_article h4{font-family:"Hiragino Sans GB","Microsoft YaHei UI","Microsoft Yahei","Microsoft Jhenghei","Arial"; line-height:2em; margin-bottom:30px;}
.fh_inner_article h1{ font-size:32px; margin-bottom:30px;}.fh_inner_article h2{ font-size:24px; margin-bottom:30px;}.fh_inner_article h3{ font-size:18px; margin-bottom:30px;}.fh_inner_article h4{ font-size:16px;line-height:2em; margin-bottom:30px;}
.fh_inner_article ul,.fh_inner_article ol{ margin-bottom:10px;}
.fh_inner_article ul li{ list-style:disc; line-height:2em;}
.fh_inner_article ol li{ list-style:decimal; line-height:2em;}
.fh_inner_article h5{ font-weight:normal; font-size:12px;}
.fh_inner_article ul,.fh_inner_article ol{ padding-left:30px;}
.fh_inner_article blockquote{ display:block; margin-left:20px; }
.fh_inner_article pre{ max-width:660px; *width:660px;white-space: pre-wrap; /* css-3 */ white-space: -moz-pre-wrap; /* Mozilla, since 1999 */ white-space: -pre-wrap; /* Opera 4-6 */ white-space: -o-pre-wrap; /* Opera 7 */ word-wrap: break-word; /* Internet Explorer 5.5+ */ }
.fh_inner_article pre ol li{ line-height:1.6em;}



.page_fh_inner .fh_form_box{ background: #faf8f8; }
.fh_form{padding: 45px 0 60px; margin: 0 auto; width: 700px;}
.fh_form_title{ font-size: 26px; line-height: 36px; text-align: center;}
.fh_form_title p{ font-size: 16px; font-weight: normal; color: #f00; }
.fh_form_list{ margin-bottom: 10px; }
.fh_form_list_title{ float: left; width: 66px; }
.fh_form_list_con{ margin-left: 80px; }
.fh_form_list_con input{ padding: 0 15px; height: 50px; box-sizing: border-box; border: none; font-size: 16px; line-height: 50px; }
.fh_form_list_con textarea{ padding: 15px;  height: 160px; border: none; box-sizing: border-box; font-size: 16px; }
.fh_form_select_box{ float: left; padding: 0 13px;  width: 112px; box-sizing: border-box; background: #fff; }
.fh_form_select_box select{ width: 100%; height: 30px; border: none; box-sizing: border-box; font-size: 16px;}
.fh_form_btns{ margin-right: 5px; padding: 0 45px 0 60px; height: 46px; border: 1px solid #ccc; border-radius: 5px; line-height: 46px; cursor: pointer; }
.fh_form_btns.active{ border-color: #f00; color: #f00; }
.fh_form_btns .fh_icon{position: absolute; left: 11px; top: 12px; }
.page_fh_inner .fh_advan{ background: #faf8f8; }
.fh_form_submit{ width: 200px; height: 50px; background: #f00; border-radius: 6px; line-height: 50px; text-align: center; color: #fff; font-size: 16px; cursor: pointer; }
.fh_form_tip{ font-size: 14px; }
.fh_form_help{ text-decoration: underline; cursor: pointer; }
.fh_popup_box_help  .fh_popup_btn{ margin: 10px auto 0; }

.page_fh_inner .vm_placeholder label{height: 50px; line-height: 50px; left: 15px; font-family: microsoft yahei; font-size: 16px;}

.fh_popup{ position: fixed; left: 0; top: 0; z-index: 1000; width: 100%; height: 100%;  }
.fh_popup_bg{ display: block; width: 100%; height: 100%; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEUAAACnej3aAAAAAXRSTlNNSIvlSwAAAApJREFUCNdjYAAAAAIAAeIhvDMAAAAASUVORK5CYII=); }
.fh_popup_box{position: fixed; left: 50%; top: 50%; z-index: 1100; margin-top: -250px; margin-left: -350px; width: 750px; background: #fff;  }
.fh_popup_title{padding: 0 30px; height: 60px; background: #faf8f8; line-height: 60px;}
.fh_close_popup{cursor: pointer;}
.fh_flow_orders{position: relative; padding-left: 90px;}
.fh_flow_orders img{vertical-align: top;}
.fh_flow_nums{position: absolute; left: 40px ; top: 45px; text-align: center; font-size: 16px; line-height: 22px;}
.fh_flow_second{ width: 150px; left: 190px; }
.fh_flow_three{width: 140px; left: 360px; }
.fh_flow_four{ left: 530px; }
.fh_flow_five{ left: auto; right: 85px; top: 147px; }
.fh_flow_six{ left: 530px; top: 85px; }
.fh_flow_seven{ left: 405px; top: 85px; }
.fh_flow_eight{ left: 230px; top: 85px; }
.fh_flow_nine{ left: 30px; top: 85px; }
.fh_popup_btn{display: block; margin: 80px auto 0;  width: 160px; height: 46px; border: 1px solid #f36; border-radius: 5px; font-weight: bold; text-align: center; color: #f36; line-height: 46px; cursor: pointer;}



.weixin_qrs_box{ bottom:-50px;right:130px;font-size:16px;}
.h_line_16{ height:16px; line-height:16px;}

.fh_back{ display: inline-block; margin:30px 0 ;  width: 80px; border: 1px solid #666; border-radius: 5px; font-size: 16px; line-height: 35px; color: #999; text-align: center;}
.fh_back:hover{color:#ff3366; border: 1px solid #ff3366;}