/*==========全局定义=================*/
*{margin:0; padding:0}
/* body::-webkit-scrollbar{
    display: none;
} */
h1,h2,h3,h4,h5{font-weight:normal}
input,textarea,select,a:focus{ outline: none;}
body{font-size:2em;color:#333; background:#F5F5F5;font:12px/1.5 Microsoft YaHei,SimHei,Verdana,Arial,sans-serif}
i{font-style: normal;}
.w1028{max-width:1300px;margin:0 auto;padding-left:8px;}
.fr{float:right;}
.fl{float:left;}
.white{color:#fff}
.red{color:red}
.font18{font-weight:bold; font-size:18px}
.font14{font-size:14px}
a:link,a:visited,a:active{color:#333}
a:hover{color:#B7282C}
body{background:#fff}
li{list-style:none}
a{font-size:15px; color:#000; text-decoration:none}
img{border:none}
h3{font-size:15px}
em{font-style:normal}
dl{list-style:none}
.fontCenter{text-align: center}
.none_line{display:flex;justify-content:space-between;}  /*浮动一行*/
.fen_duan{justify-content:space-between;flex-wrap:wrap;}  /*分段*/
.fen_duan_wu{justify-content:left;flex-wrap:wrap;}  /*分段*/
.fen_duan_two{justify-content:space-around;flex-wrap:wrap;}  /*分段*/
.fen_duan_three{justify-content:center;flex-wrap:wrap;}  /*分段*/
.fen_duan_four{justify-content:flex-start;flex-wrap:wrap;align-items:center;}  /*分段*/
.page_center{margin:0 auto;}
.marginTop35{margin-top:35px}
.positionCenter{position:absolute;top:45%; left:0; right:0;bottom:0; margin:0 auto;z-index:820; text-align:center}
.more_shuanyin{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;} /*多出显示双引号*/
.moveTime{
	transition:All 0.5s ease-in-out;
	-moz-transition:All 0.5s ease-in-out;
	-webkit-transition:All 0.5s ease-in-out;
	-o-transition:All 0.5s ease-in-out;
	}

/*放大start*/
li .fan_da, .video_maskBox .video_fan_da{

	width:100%;
	transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transform:All 0.4s ease-in-out;
	 opacity:1;

	}

li:hover .fan_da, .video_maskBox:hover .video_fan_da
	{
	transform:rotate(5deg) scale(1.3);
	-webkit-transform:rotate(1deg) scale(1.3);
	-moz-transform:rotate(1deg) scale(1.3);
	-o-transform:rotate(1deg) scale(1.3);
	-ms-transform:rotate(1deg) scale(1.3);
    }
/*放大end*/

/*首页公用样式*/
.list_toubu{font-size:16px; height:60px; line-height:60px; padding-left:10px;clear:both;}
.index_h3{margin:0 auto;text-align: center; font-family: Abril Fatface; font-size:40px; font-weight:normal}
.index_h1{width:90px;border-bottom:3px solid red;margin:0 auto; heigh:20px; line-height:25px}
.index_h2{width:98%;font-size:16px;margin:0 auto; text-align:center;height:25px;line-height:25px; padding:10px  5px 0 5px;word-spacing: normal;color:#71787c}

/*首页头部*/
.header{height:100%;overflow:hidden;}
.index_header_box{height:80px; width:100%;background:#443f3f; position:absolute; top:0; left:0; right:0;z-index:77; overflow:hidden;background:#443f3f;}
.clarity{opacity: 0.8;moz-opacity:0.5;filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity:0.5;}
.nav_box{width:100%; clear:both;}
.header .logo{text-align:left; float:left;width:300px; height:80px;overflow:hidden}
.header .logo img{width:100%}
.header .head_tel{width:200px; float:right; color:#fff; height:80px;line-height:80px;background:url(../../../images/tel_icon.png) no-repeat 0 center;text-indent:26px;overflow:hidden;font-size:15px}
.nav{float:right;height:80px;width:600px;overflow:hidden}
.nav li{float:left; line-height:80px; height:80px; text-align:center; width:16.2%; overflow:hidden}
.nav li a span{
color:#fff;font-size:18px; padding-bottom:5px;position:relative;
/* transition:width 0.5s;-webkit-transition:width 0.5s;-o-transition:border 0.5s; */
}
.nav li a span:after{
	content:"";
	position:absolute;width:0;top:29px;left:0;height:2px; background:#fff;transition:width 0.2s;-webkit-transition:width 0.2s;-o-transition:border 0.2s;
}

.nav li a span:hover:after{
	width:100%;
}


/*首页视频*/
.vid-wrapper{
    width:100%;
    position:relative;
   /*  padding-bottom:56.25%; */    /*需要用padding来维持16:9比例,也就是9除以16*/
    height: 0;
	padding-bottom:35%;
	padding-top:80px;
}
.vid-wrapper video{
    position:absolute;
    top:0;
    left: 0;
    width: 100%;
    height:auto;
	z-index:1;
}

/*=body遮罩===*/
.body_wrap{position:fixed;top:0; left:0; width:100%;height:100%;z-index:899;background:rgba(0,0,0,0.8);text-align:center;display:none}

/*=遮罩视频底下===*/
.pswp_caption {
  position:fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  height:50px;line-height:45px;
  z-index:998;
  background-color: rgba(0,0,0,.5);
  text-align:center;font-size:1.8em; color:#fff;
}
.pswp_caption_top{top:0;background: rgb(0,0,0,.8);}
.pswp_caption_top .close{position:absolute;background:url(../../../images/close.png) 0 center no-repeat; right:25px; top:13px; cursor:pointer;opacity:0.5; width:23px; height:22px;}
.pswp_caption_top .xuhao{left:26px;top:1px; width:23px; height:22px; position:absolute;opacity:0.7;font-size:15px}
.close:hover, .fullscreen_icon:hover{opacity:1}

/*===遮罩商业摄影=====*/
.img_mask_box{position:fixed;z-index:990;width:100%;height:100%;top:0;display:none}
.left_arrow{position:fixed;background:url(../../../images/left_arrow.png) 0 center no-repeat;left:25px; top:45%; cursor:pointer;opacity:0.5; width:46px; height:68px;z-index:993}
.rigth_arrow{position:fixed;background:url(../../../images/rigth_arrow.png) 0 center no-repeat;right:25px; top:45%; cursor:pointer;opacity:0.5; width:46px; height:68px;z-index:992}
.show_pic{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:991}
.show_pic img{height:85vh;width:auto}

/*==========中间内容开始============*/
.content, .page_center{margin:0 auto;}
/*顶部广告动画样式*/
.advbox{width:72%; float:left; margin-top:30px;border: 1px solid #E3E3E3;box-shadow:#655c5c 0 1px 3px;padding:2px;height:348px}
.adv { position:relative; overflow:hidden; margin:0 auto; max-width:100%;/* 设置焦点图最大宽度 */ }
.adv .hd { position:absolute; height:28px; line-height:28px; bottom:-12px; right:0; z-index:1; }
.adv .hd li { display:inline-block; width:5px; height:5px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#333; text-indent:-9999px; overflow:hidden; margin:0 6px; float:left}
.adv .hd li.on { background:#fff;}
.adv .bd { position:relative; z-index:0; }
.adv .bd li { position:relative; text-align:center; }
.adv .bd li img { background:url(../images/loading.gif) center center no-repeat; vertical-align:top; width:100%;/* 图片宽度100%，达到自适应效果 */height:348px }
.adv .bd li a { -webkit-tap-highlight-color:rgba(0, 0, 0, 0); }  /* 去掉链接触摸高亮 */
.adv .bd li .tit { display:block; width:100%; position:absolute; bottom:0; text-indent:10px; height:28px; line-height:28px; background:rgba(0, 0, 0, 0.3); color:#fff; text-align:left; }
.bd li{float:left}  /*这个新添加的主要是让不兼容的插件不错位*/



/*=========品牌核心=========*/

.core_content{clear:both; position:relative}
.core_content .pinpai_hexin{text-align:center;line-height:25px; margin-top:30px; padding:2px;}
.pinpai_hexin .cat_content{
	display:flex;	
	display:-webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
	display:-moz-box; /* Firefox 17- */
	display:-webkit-flex;/* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
	display:-moz-flex; /* Firefox 18+ */
	display:-ms-flexbox; /* IE 10 */
	display:flex;/* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */
 }
.pinpai_hexin .cat_content dl{width:33%; flex:1; padding:15px; border:1px red solid;text-align:left; margin-left:15px; margin-right:15px;overflow:hidden;}
.cat_content dl dt{font-size:30px;color: #242e35}
.cat_content dl dd{font-size:16px;color: #71787c; height:35px;line-height:35px}
.cat_content dl .title_big{font-size:15px;color: #71787c; }




/*==首页影视制作板块===*/

  
/*==========影视制作=========*/
.vidio_make .cat_content {
margin-top:30px;
flex-wrap:wrap; /*换行*/
justify-content:left; /*两端对齐*/
display:-webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
display:-moz-box; /* Firefox 17- */
display:-webkit-flex;/* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
display:-moz-flex; /* Firefox 18+ */
display:-ms-flexbox; /* IE 10 */
display:flex;/* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */
width:100%;
overflow:hidden;
}

.vidio_make .cat_content ul{width:33%;margin:0.1%}
.vidio_make .cat_content ul .li_Img{ position:relative; height:auto; overflow:hidden}
.vidio_make .cat_content ul .li_Img div{display:flex;overflow:hidden}
.vidio_make .cat_content ul .li_Img:after
{
position:absolute;
background:#B7282C;
opacity:0;
content:"";
top:0;
left: 0;
right: 0;
bottom: 0;
margin:auto;
transition:All 0.4s ease-in-out;
}
.vidio_make .cat_content ul .li_Img .yuan
{
z-index:23;
opacity:0;
background: url(../../../images/fada.png)center center no-repeat #ca4c75;
letter-spacing:-1px;
width:45px; height:45px;
position:absolute;
top:0;
left: 0;
right: 0;
bottom: 0;
margin:auto;
border-radius:100%;line-height:40px;
transition:All 0.4s ease-in-out;
}

.vidio_make .cat_content ul .biaoti{
margin:10px 0 0 0;	
width:100%;
overflow:hidden;
transition:All 0.4s ease-in-out;
}
.vidio_make .cat_content ul .biaoti a{font: normal normal normal 20px / 32px "Roboto", Helvetica, Arial, Verdana, sans-serif;color:#242e35}
.vidio_make .cat_content ul li{width:100%; text-align:center;line-height:35px; font-size:15px}
.vidio_make .cat_content ul li .icon{position:relative;text-decoration: none; font-weight:700}
.vidio_make .cat_content ul li .icon::before{content:"\25ba";position:absolute;right:-24px;top:-7px;}
.vidio_make .cat_content ul li .icon:after
{
content:"";
position:absolute;
left:0;
width:0;
height:2px;
top:24px;
background:red;
transition:width 0.5s;
-webkit-transition:width 0.5s;
-o-transition:width 0.5s;
z-index:228;
}
.vidio_make .cat_content ul li .icon:hover:after
{

 width:100px;
 
}

/*鼠标放到遮罩背景图上*/

.vidio_make .cat_content ul .li_Img:hover:after, .vidio_make .cat_content ul .li_Img:hover .yuan{
   opacity:0.9;
   
}

.vidio_make .cat_content ul .vide_img{cursor:pointer;width:100%;}




/*==========商业摄影=========*/
.shanye_sheyin{background:0;clear:both;padding-top:2px; overflow:hidden}
.shanye_sheyin_box{width:100%;height:auto;background:0;margin-top:30px}
.shanye_sheyin_box ul{display:flex;/*justify-content:space-between;*/flex-wrap:wrap;}
.shanye_sheyin_box	li{position:relative;overflow:hidden;width:16.6%;display:flex}
.shanye_sheyin_box	li img{width:100%;object-fit:cover;will-change: auto}
.shanye_sheyin_box	li .sy-box img{width:100%;object-fit:none;}
.shanye_sheyin_box	li:after, .photo_list li a:after, .video_list li .video_maskBox:after{
	display:block;
    background:#B7282C;
    content:"";
    position:absolute;
    z-index:200;
    top: 0;
    left: 0;
    width:100%;
    bottom: 0;
	opacity:0;
	transition:All 0.5s ease-in-out;
	-moz-transition:All 0.5s ease-in-out;
	-webkit-transition:All 0.5s ease-in-out;
	-o-transition:All 0.5s ease-in-out;
  }
  
  /*鼠标放上去添加伪类*/
li:hover .sy-box, li:hover:after, .photo_list li:hover a:after, .video_list li .video_maskBox:hover:after{
  opacity:0.95;
  
}


.sy-box{
	position:absolute;top:0; left:0;right:0;bottom:0; margin:auto;z-index:201; background:0;
	max-height:100px; max-width:100px;vertical-align: middle;
	text-align: center;opacity:0;transition:All 0.8s ease-in-out;
	-moz-transition:All 0.8s ease-in-out;
	-webkit-transition:All 0.8s ease-in-out;
	-o-transition:All 0.8s ease-in-out;
/* 	display:none;*/
 } 
 .s-thumbn-1, .s-thumbn-3, .s-thumbn-2
 {
 background:#fff; position:absolute;top:10px; left:0;z-index:89;width:58px; height:58px;text-align:center; border-radius:50%
 }

.s-thumbn-2{left:25px !important;z-index:90 !important }
.s-thumbn-3{left:50px !important;z-index:91 !important }
 .sy-box img
{
	position: absolute;
	border-radius:50%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin:auto;
	width:50px !important;height:50px;
}

.jaizai{display:none}
.shangye_tite
{
	position:absolute;top:70px; left:0;z-index:89;width:100%; height:50px;
	text-align:center;font-size:15px;color:#fff
}


/*首页关于品麒文化*/
.list_about_content{width:90%; margin-top:35px}


/*首页匠心核心恒心*/
.list_heXin_content{display:flex; justify-content:space-between;flex-wrap:wrap; width:70%}
.list_heXin_content dl{ width:28%;text-align:center}
.list_heXin_content dt{ font-size:3.8em; font-weight:bold;height:35px;line-height:35px;margin-top:50px}
.list_heXin_content dd{ font-size:16px; margin-top:20px;color:#71787c}
.list_heXin_body{margin-top:35px}

/*首页小图标导航*/
.index_small_nav{width:100%;margin-top:35px;font-size:16px; color:#71787c}
.index_small_nav dl{width:16%}
.index_small_nav dt{text-align:center}
.index_small_nav dt img{max-width:80%;min-width:50%}

/*首页客户案例*/
.visitor_case{margin-top:100px; position:relative}
.visitor_case_line{border-bottom:solid 2px #ebebeb;width:100%;}
.visitor_case_tit{position:absolute;color:#a1a7ab;z-index:89; top:-18px; left:0; bottom:0;margin:0 auto; width:150px; height:35px; background:#fff;font-size:23px;right:0}
.visitor_case p{width:100%;height:50px;line-height:50px; font-size:16px; margin-top:26px;}
.visitor_case div ul{width:95%}
.visitor_case div ul li{width:16%;margin-top:30px}
.visitor_case div ul li img{width:100%}

/*首页比你还要关注*/
.index_follow{text-align:center; padding:0;position:relative;overflow:hidden}
.follow_img img{/* width:100% */; height:200px;will-change:auto; overflow:hidden}
.index_follow .follow_text{position:absolute;z-index:10;top:50%; left:0; right:0;bottom:0; margin:0 auto; width:90%; transform:translateY(-50%)}

/*首页拍摄花絮板块*/
.hua_xue{font-size:15px; color:#71787c; }
.hua_xue .dl_wrap{position:relative;height:477px;margin:26px 0 0 0;overflow:hidden}
.dl_box{display:flex;justify-content: space-between;flex-wrap: wrap; position:absolute; top:10px;left:0;right:0;transition:all 0.5s}
.yidong{top:-482px}
/* .yidong2{top:-646px} */
.yidong2{top:-974px}
.hua_xue .dl_box dl{width:33%;margin:0 0 80px 0; line-height:25px; }
.hua_xue a{font-size:17px}
.hua_xue dt{float:left; width:25%;height:80px; overflow:hidden; margin:5px 0 0 0; text-align:right}
.hua_xue dt img{width:70px; height:70px;object-fit: cover;will-change: auto}
.hua_xue dd{float:left; width:70%;height:35px;margin:0 0 0 5%;}
.hua_xue dd .miaoshu{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.hua_xue dd .huaxie_tit a, .hua_xue dd .time{display:block;max-width:168px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.hua_xue dd .time{font-size:13px}
.click_slidup{width:100%;text-align:center; margin:0 0 42px 0}
.click_slidup span{display:inline-block;height: 10px;width: 10px;margin: 5px 7px;border: #ebebeb solid 3px;border-radius: 50%;cursor: pointer;}
.currentYuan{background:#ebebeb;cursor:auto!important}

/*=========各页面样式============*/
/*拍摄花絮*/
.page_adv{position:relative;height:auto; width:100%;overflow:hidden}
.page_adv .page_adv_img{width:100%;height:auto;object-fit: cover; will-change: auto}
.page_adv .page_adv_box{color:#fff; font-size:30px;}
.page_adv_box .page_adv_text{letter-spacing:3px}
.page_adv_box .page_adv_english_text{font-size:15px;letter-spacing:0}
.page_adv_box .page_adv_nav, .page_adv_box .page_adv_nav a{font-size:14px;color:#fff}

.huaxu_box{margin-top:40px; clear:both}
.huaxu_box .huaxu_dongtai{text-align:center;font-size:25px;font-weight:bold; line-height:30px; height:30px;padding: 0 0 25px 0;}
.huaxu_list_box{margin-top:16px;text-align:left}
.huaxu_list_box dl{width:32.2%;overflow:hidden; margin:0 0 80px 0; font-size:16px;color:#7d7d7d; line-height:30px}
.huaxu_list_box dl dt img{width:100%;height:auto;object-fit:cover;will-change:auto}
.huaxu_list_box dl dd .news_t{width:90%;margin-top:15px;font-weight:bold; color:#000}
.huaxu_list_box dl dd .news_suoyin{width:90%;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:3;overflow: hidden;font-size: 15px;line-height: 25px;margin:5px 0 0 0}
.huaxu_list_box dl dd .news_more{background:#B7282C;width:100px;height:40px;line-height:40px;text-align:center; border-radius:12px;margin-top:9px}
.huaxu_list_box dl dd .news_more:hover{background:#e50050}
.huaxu_list_box dl dd .news_more a{color:#fff; }
.page_fenye{height:60px; line-height:30px; text-align:center; font-size:15px;color:#a9a5a4}
.page_fenye a{color:#052b99}

/*拍摄花絮详情页面*/
.content_info{margin:80px auto 80px auto}
.content_info .news_info{width:65%;background:#cad3d}
.content_info .news_info .fengxiang{width:100%; text-align:center; margin-top:28px; border-bottom:solid 1px #e3e4e4; padding:15px 0 45px 0}
.fengxiang dl{margin:10px auto;width:280px; border:solid 1px re;}
.fengxiang dl dt{color: #242e35; font-size:14px;font-weight:700;}
.fengxiang dl dd{width:50px;display:inline-block;margin:13px 0;border:solid 1px rgba(42,190,235,.3);padding:2px 0; transition:all 0.5s}
.fengxiang dl dd:hover{border:solid 1px rgba(42,190,235,1)}
.fengxiang dl dd:nth-child(4){border:solid 1px rgba(255,0,0,.2)}
.fengxiang dl dd:nth-child(4):hover{border:solid 1px rgba(255,0,0,.8)}
.fengxiang dl dd img{width:33%; text-align:center}
.news_right_box .xuan_chuang_pian, .news_list_info{background:#f7f7f7;padding:26px 0 26px 33px}
.news_right_box .xuan_chuang_pian dd{border-bottom:solid 1px #e3e4e4;height:40px; line-height:40px}
.news_right_box .xuan_chuang_pian dd a{color:#71787c;font-size:14px}
.news_right_box .xuan_chuang_pian dd a:hover{color:#B7282C}
.content_info .news_right_box{width:25%;background:gree; line-height:35px}
.content_info .news_right_box .news_list_info{margin-top:30px;}
.news_right_box .news_list_info{background:#f7f7f7; height:auto}
.news_list_info dl > dl{position:relative; height:60px}
.news_list_info dl > dl dt{width:40px;height:35px; position:absolute;top:16px; left:0}
.news_list_info dl > dl .dd_newstitle{width:75%; position:absolute;top:10px; left:50px;height:25px; line-height:25px; overflow:hidden}
.news_list_info dl > dl .dd_newstime{width:50%; position:absolute;top:35px; left:50px;height:25px; line-height:25px; overflow:hidden;color:#71787c}
.news_list_info dl > dl dt img{width:40px;height: 40px;border-radius:50%;will-change:auto;}
 
 
 /*页面底部*/
.wf-container{width:100%; height:auto; background:re; clear:both; margin:10px auto 40px auto}
.dibu_tel, .dibu_hexin, .dibu_tag{width:25%;}


/*===============底部版权============*/
.container_box{clear:both; border-top:solid 1px #f2f2f2;}
.wf-container{margin-top:35px}
.copryright{background:#f7f7f7;width:100%;height:auto; clear:both; overflow:hidden}
.banquan_box{font-size:15px}
.banquan, .copy_hexin{width:45%; float:left; text-align:left;margin:30px 0;}
.copy_hexin{float:right}



/*===关于我们页面====*/
.contact_box{padding:35px 0}
.contact_left{background:re; float:left; width:40%}
.contact_right{background:r; float:right; width:55%}
.contact_right .form_head{margin:0 0 25px 0;}
.contact_right .form_head h2{background:#b7262d;height:3px; width:100px;margin:4px 0 38px 0 }
.contact_right .form_head h3{font-size:15px;}
.contact_right .formBox{margin:0 0 25px 0}
.contact_right table{width:90%; border-collapse:collapse; border:0}
.contact_right table tr{border:solid 1px #e7e7e7;}
.contact_right table tr td{padding:25px 0; text-indent:15px; font-size:15px;}
.contact_right table tr td input::placeholder{color:#999aaa;}
.contact_right table input{border:none; width:50%;}
.contact_right .assistive-text{cursor:pointer;background:#b7262d;color:#fff; padding:10px; text-align:center; width:85px; height:40px; margin:0 auto; border-radius:50px}

/* 清除IE10及以上版本input的叉叉（X）和密码输入框的眼睛图标 */
input::-ms-clear {
display: none;
}
input::-ms-reveal {
display: none;
}
/*清除谷歌浏览器下的 search 叉号 */
input[type=search]::-webkit-search-cancel-button {
-webkit-appearance: none;
}
/*清除IE下的 search 叉号 */
input[type=search]::-ms-clear {
display: none;
}


/*===商业摄影页面===*/
.categories{flex-flow: row wrap; background:re;width:80%;}
.categories li{font-size:18px;font-weight:bold;text-align:center;height:35px;line-height:35px;overflow:hidden;margin:0 20px}
.categories li a{font-size:18px;font: bold 16px / 20px "Roboto", Helvetica, Arial, Verdana, sans-serif;text-transform: uppercase;display:block; color:#000}
.categories li a{line-height:35px; height:35px;padding: 0 15px}
.photo_list{margin:50px 0}
.photo_list li{width:20%; overflow:hidden;display:flex;position: relative;}
.photo_list li img{width:100%;object-fit:cover;will-change:auto;}

/*===商业摄影详情页面========*/
.photo_info_list{clear:both}
.photo_info_list ul{width:100%}
.photo_info_list li{width:25%;float:left;overflow:hidden;position:relative;display:flex;}
.photo_info_list li:nth-child(1){width:50%}
.photo_info_list li img{width:100%;height:240px;overflow:hidden;padding:1px; background:#fff;object-fit:cover;will-change:auto}
.photo_info_list li:nth-child(1) img{height:482px;padding-bottom:0px}
.photo_info_list li:after{
	content:"";
	background:red;
	position:absolute; top:0; left:0; right:0;bottom:0; margin:0 auto;opacity:.0;
	transition:All 0.5s ease-in-out;
	-moz-transition:All 0.3s ease-in-out;
	-webkit-transition:All 0.3s ease-in-out;
	-o-transition:All 0.3s ease-in-out;
}


/*===商业摄影详情页页面========*/
.photo_info_list li:hover:after{
	opacity:0.5;
}
/*未来的文章*/
.nextprev a{display:block; position:relative; height:75px; width:250px; overflow:hidden}
.nextprev span{display:block;}
.nextprev a:nth-of-type(1) i{display:block; width:200px; border:solid 1px re;position:absolute;top:11px;left:32px}
.nextprev a:nth-of-type(2) i{display:block; width:200px; border:solid 1px re;position:absolute;top:11px;right:32px;text-align:right}
.nextprev a i span:nth-of-type(2){font-size:20px; height:26px; overflow:hidden; margin:5px 0 0 0} 
.nextprev .next_titer{color:#a1a7ab;font-size:14px}
.nextprev .next_fl{background:url(../../../images/icon8.jpg) 0 center no-repeat;}
.nextprev .next_fr{background:url(../../../images/icon9.jpg) right center no-repeat;}



/*==影视制作页面===*/
.video_list li{width:31%; overflow:hidden; margin:10px 0.8%; position:relative}
.video_list li .video_maskBox{overflow:hidden;position:relative}
.video_iconBOX{top:0;opacity:0}
.video_iconBOX h1{background:url(../../../images/jia.png)center center no-repeat rgba(255,255,255,0.4);width:45px; height:45px;position:absolute;top:0;left:50px;right: 0;bottom: 0;
margin:auto;border-radius:50%;transition:all 0.3s}
.video_iconBOX h2{background:url(../../../images/fada.png)center center no-repeat rgba(255,255,255,0.4);;width:45px; height:45px;position:absolute;top:0;left:-50px;right: 0;bottom: 0;
margin: auto;border-radius:50%;transition:all 0.3s}

.video_iconBOX h1:hover, .video_iconBOX h2:hover, .vidio_make .cat_content ul .li_Img .yuan:hover{background-color:#70092b; cursor:pointer;opacity:0.5}
.video_list li .video_maskBox:hover .video_iconBOX{opacity:1}

.video_list li .video_titleBox{padding:16px 0;position:absolute:; top:0; text-align:center;/* background:#f0efef; */}
.video_titleBox h3, .video_titleBox h4, .video_titleBox h5{}
.video_titleBox h3 a{font-size:20px;  font-weight:normal;color:#242e35}
.video_titleBox h3 a:hover{color:#B7282C}
.video_titleBox h4, .video_titleBox h5{height:30px;line-height:30px;}
.video_titleBox h4 a{font-size:14px; color:#a1a7ab; font-weight:normal}
.video_titleBox h5{font-size:14px;font-weight:normal; color:#71787c; margin:6px 0 0 0}
.video_more{margin:25px 0 75px 0;text-align:center}
.video_more  a{width:220px; height:50px;line-height:50px;color:#242e35;font-size:14px;display:block; border:solid 2px #e9eaea; background:url(../../../images/more8.png) no-repeat 78px center;font-weight:bold;text-indent:23px}
.video_more  a:hover{border:solid 2px #d1d3d4}
 .page-video {
	display:none;
    z-index:5600;
    position:fixed;
    top: 50%;
    left: 50%;
   width: 50%;
    height: 50%;
    object-fit: fill;/*这里是关键,自动裁切*/
    width: auto;
    height: auto;
    -ms-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    background: url(../video/cover.jpg) no-repeat;
    background-size: cover;
}

.fullscreen_icon{
right:61px;
top:16px;
width: 24px;
height: 21px;
position: absolute;
opacity: 0.7;
font-size: 15px;
opacity:0.5;
background:url(../../../images/full_icon.png) center center no-repeat;
}
.video_info_box{width:68% !important}
.video_info_box .video_info h1{font-size:26px; color:#242e35;margin:30px 0 0 0}
.video_info_box .video_info h2 .video_box_info{width:80%; margin:15px 0 0 0}
.video_info_box .video_info h3{text-align:right; margin:15px 0 0 0;width:75%;color:#a1a7ab;font-size:13px}
.video_nextprev{width:100%;margin:30px 0 0 0}

/*==========客服中心=========*/

.kefu {
    width: 160px;
    position: fixed;
    right: 0;
    top: 20%;
    z-index:300;
    text-align: center;
}

/*=====返回顶部top==========*/

.toph{
	bottom: 10px;
    width: 44px;
    height: 44px;
    opacity: 0; cursor:pointer;
	position: fixed;
	right: 10px;
    opacity: 1;
    z-index:302;
	background:url(../../../images/arrow_top.png) center center no-repeat #6d6d6e;
	opacity:0.5;
	}
.toph:hover{opacity:1}


/*==手机屏幕自适应===*/
@media screen and (max-width:800px){  
     .copryright{justify-content:center;display:flex; overflow:hidden}
	 .banquan, .copy_hexin{width:250px;  line-height:25px;clear:both; text-align:center; margin:20px 0 0 0;clear:both;}
	 .copy_hexin{margin:0}
	 .wf-container{justify-content:space-around;}
	 .w1028{padding:0 20px !important;overflow:hidden}
	 .video_list li{width:100% !important }
	 .vidio_make .cat_content ul{width:100%;margin:0 0 30px 0;}
}






/* fullSlide */
.fullSlide {width:100%;position:relative;height:725px;background:#000000;}
.fullSlide .bd{margin:0 auto;position:relative;z-index:0;overflow:hidden;} 
.fullSlide .bd ul{width:100% !important;} 
.fullSlide .bd li{width:100% !important;height:725px;overflow:hidden;text-align:center;} 
.fullSlide .bd li a{display:block;height:725px;}
.fullSlide .hd{width:100%;position:absolute;z-index:1;bottom:10px;left:0;height:50px;line-height:50px;}
.fullSlide .hd ul{text-align:center;}
.fullSlide .hd ul li{cursor:pointer;display:inline-block;*display:inline;zoom:1;width:80px;height:3px;margin:5px;overflow:hidden;background:#FFF;filter:alpha(opacity=50);opacity:0.5;line-height:999px;}
.fullSlide .hd ul li img{ width: 100%;} 
.fullSlide .hd ul .on{background:#e62129; width: 80px;filter:alpha(opacity=100);opacity:1;}
.fullSlide .prev,.fullSlide .next{display:block;position:absolute;z-index:1;top:50%;margin-top:-30px;left:3%;z-index:1;width:40px;height:60px;background:url(../images/slider-arrow.png) -126px -137px no-repeat;cursor:pointer;filter:alpha(opacity=50);opacity:0.5;display:none;} 
.fullSlide .next{left:auto;right:3%;background-position:-6px -137px;} 



.z_banner{ left:0px; top:0px; width:100%; height:100%; margin: 0px; padding: 0px;} 
.z_banner img{ width: 100%;} 

@media screen and (max-width:1600px){
	
	.fullSlide { height:550px; }
	.fullSlide .bd li{height:550px;} 
	.fullSlide .bd li a{height:550px;}
	
} 














