﻿/*comm*/
body{background: #f5f5f5}
.box_In{width: 1200px;margin: 0 auto;}
.fl{float: left;}
.fr{float: right;}
.clear{overflow: hidden;}
/*title*/
.box_hd{overflow: hidden;margin-bottom: 35px;}
.box_hd .top{width: 780px;margin:54px auto 0; height: 90px;overflow: hidden;}
.box_hd .top img{width: 52px;float: left;margin-top: 10px;}
.box_hd .top p{float: left;width: 670px;font-size: 40px;font-weight: bold;color: #232323;text-align: center;line-height: 90px;}
.box_hd .p{font-size: 16px;text-align: center;color: #4E4E4E;line-height: 28px;}
/*button*/
.a_btn{width: 226px;height: 60px;display: block;border: 1px solid #fff;text-align: center;line-height: 60px;font-weight: bold;font-size: 20px;color: #fff;margin-top:40px;}
.hb-fill-top{width: 198px;height: 43px;border: 1px solid #D9D9D9;text-align: center;line-height: 43px;margin: 20px auto 0;display: block;font-size: 17px;color: #6F6F6F;background: #fff;position: relative;box-sizing: border-box;overflow: hidden;text-decoration: none;white-space: nowrap;z-index: 0;}
.hb-fill-top:before {position: absolute;content: '';background: #FFAB02;transition-duration: .3s;z-index: -1;top: auto;right: auto;bottom: 0;left: 0;width: 100%;height: 0;opacity: 1;}
.hb-fill-top:hover:before {width: 100%;height: 100%;opacity: 1;}
.hb-fill-top:hover {color: #fff;border-color:#FFAB02 ;}
.hb-top{width: 229px;height:60px;border: 2px solid #FFAB02;text-align: center;line-height:55px;margin: 40px auto 60px;display: block;font-size:20px;color: #fff;position: relative;box-sizing: border-box;overflow: hidden;text-decoration: none;white-space: nowrap;z-index: 0;font-weight: bold;}
.hb-top:before {position: absolute;content: '';background: #FFAB02;transition-duration: .3s;z-index: -1;top: auto;right: auto;bottom: 0;left: 0;width: 100%;height: 0;opacity: 1;}
.hb-top:hover:before {width: 100%;height: 100%;opacity: 1;}
.hb-top:hover {color: #fff;border-color:#FFAB02 ;}
/*btn-bg*/
.hb-fill-right-rev{width: 229px;height: 60px;font-weight: bold;margin:40px auto 60px; text-align: center;line-height: 60px;display: block;font-size: 20px;color: #fff;border: 2px solid #FFAB02;position: relative;box-sizing: border-box;overflow: hidden;text-decoration: none;white-space: nowrap;z-index: 0;}
.hb-fill-right-rev:before {position: absolute;content: '';background: #FFAB02;transition-duration: .3s;z-index: -1;top: 0;right: auto;bottom: auto;left: 0;width: 100%;height: 100%;opacity: 1;}
.hb-fill-right-rev:hover:before {width: 0;height: 100%;opacity: 1;}
.hb-fill-right-rev:hover {color: #333; }
/*ban开始*/

.ban{margin:0; background:url(../../movie/flash/movie.mp4) no-repeat center 0px;}
#bgvid{
	margin:auto;
	min-width:100%; 
	min-height:100%; 
	width: auto;
	height:auto;
	z-index:-100; 
	background-size:center;
}
.ban .con{width: 100%;  position: relative;overflow: hidden;}
.ban .con .mask{background: rgba(0,0,0,0.4);position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.ban .con img{margin-top:300px ;}
/*con3开始*/
.con3 .main{margin-bottom: 60px;}
.con3 .con_video{width: 1160px;margin: 0 auto;height: 600px;}
.con3 .con_video .fl{width: 209px;}
.con3 .con_video .fl li{margin-bottom: 10px;position: relative;height: 96px;overflow: hidden;cursor: pointer;}
.con3 .con_video .fr{width: 930px;}
.con3 .fl .top{width: 100%;background: url(../../movie/images/con3_hover.png) no-repeat 0;height: 96px;position: absolute;top:96px;left: 0;background-size:100%;}
.con3 .fl .top p{font-size: 16px;color: #FFBE02;margin-top: 22px;margin-left: 67px;}
.con3 .fl .top span{font-size: 14px;display: block;color: #FFBE02;margin-left: 150px;margin-top:10px;}
.con3 .fl .top.show{top: 0;}
.con3 .btn_box{width: 280px;margin:-30px auto 0;background: #fff;}
.con3 .hb-fill-right-rev{margin: 0 auto;}
/*con4开始*/ 
.con4{background: #F7F7F7;margin-top:-125px;}
.con4 .box_hd .top{width: 700px;}
.con4 .box_hd .top p{width: 580px;}
.con4 .main{width: 100%;padding-top: 20px;padding-bottom: 70px;}
.picMarquee-left{width:100%;  overflow:hidden; position:relative;}		
.picMarquee-left .bd ul{overflow:hidden; zoom:1; }
.picMarquee-left .bd ul li{margin-left:1px;float:left;overflow:hidden;text-align:center;width: 20%;}
.picMarquee-left .bd ul li img{/*width:385px;height:577px;*/display:block;width: 100%;}
/*con1开始*/
.con1{background: #fff url(../../movie/images/con1_bg.jpg) no-repeat center;padding-bottom: 60px;}
.con1 .box_hd .top{width: 770px;}
.con1 .box_hd .top p{width: 655px;}
.con1 ul{background: url(../../movie/images/con1_img1.png) no-repeat center;height: 300px;position: relative;}
.con1 ul li{width: 260px;position: absolute;top: 0;left: 0;overflow: hidden;}
.con1 ul li .fl{width:78px;height: 78px;border-radius: 50%;overflow: hidden;margin-right:10px;border: 5px solid #EEEEEE;}
.con1 ul li .fl img{width: 80px;height: 80px;margin: -1px;border-radius: 50%;}
.con1 ul li .fr{width: 160px;float: left;margin-top: 20px;}
.con1 ul li .fr h4{font-size: 18px;color: #000;}
.con1 ul li .fr p{font-size: 14px;color: #828282;}
.con1 ul li .fr span{font-size: 24px;color: #FFAB02;}
.con1 ul .li2{left: 450px;}
.con1 ul .li3{left: 900px;}
.con1 ul .li4{left: 209px;top: 210px;}
.con1 ul .li5{left: 740px;top: 210px;}
.con1 ul li:hover .fl{border-color: #FFAB02;}
.con1 ul li:hover h4{font-weight: bold;}
.con1 .btm{margin-top:110px;position: relative;}
.con1 .btm h3{overflow: hidden;}
.con1 .btm h3 span{width: 420px;border-top: 1px solid #ccc;display:block;float: left;margin-top: 20px;}
.con1 .btm h3 b{display: block;float: left;margin: 0 30px;font-size: 30px;}
.con1 .btm img{margin: 40px auto 0 ;display: block}
.con1 .btm .p2{font-size: 18px;color: #000;position: absolute;top: 303px;left:143px;}
/*con2开始*/
.con2{background: #000 url(../../movie/images/con2_2.jpg) no-repeat center top;padding-bottom:10px;}
.con2 .box_hd .top p{color: #F1B709;}
.con2 .box_hd .p{color: #fff;}
.con2 .img1{display: block;margin: 0 auto;}
.con2 .btm{overflow: hidden;margin-bottom: 50px;}
.con2 .btm li{float: left;width: 295px;margin-right:5px;margin-top: 50px;transition: all .5s ease;-moz-transition: all .5s ease;-webkit-transition:  all .5s ease;-o-transition:  all .5s ease;}
.con2 .btm li img{display: block}
.con2 .btm .con{width: 100%;height: 107px;background: #fff;text-align: center;overflow: hidden;}
.con2 .btm .con h3{font-size: 22px;color: #000;margin:26px 0 6px ;}
.con2 .btm .con p{color: #464646;font-size:18px ;}
.con2 .btm .con p span{color: #000;}
.con2 .btm li:hover{margin-top: 30px;}
/*con5开始*/
.con5{padding-bottom: 60px;margin-top: -53px;}
.con5 .box_hd .top{width: 700px;}
.con5 .box_hd .top p{width: 580px;}
.con5 .main {position: relative;}
.con5 .main .img1{display: block;margin: 0 auto;}
.con5 .main ul li{position: absolute;top:20px;left: 60px;width: 300px;height: 300px;border: 5px solid #fff;border-radius: 50%;}
.con5 .main ul li img{margin: 35px auto 15px;display: block}
.con5 .main ul li h2{font-size: 22px;color: #000;text-align: center;}
.con5 .main ul li p{font-size: 16px;color: #414141;text-align: center;line-height: 24px;margin-top: 10px;}
.con5 .main ul li span{font-size: 17px;color: #000;opacity: .4;display: block;text-align: center;}
.con5 .main ul .li2{left:833px;}
.con5 .main ul .li3{left:0px;top:340px ;}
.con5 .main ul .li4{left:885px;top:340px ;}
.box8 .main ul li:hover{border-color: #FFAB02;}
.con6 {height: 900px;}
.con6 .box_hd .top{width: 583px;}
.con6 .box_hd .top p{width: 464px;}
.con6 img{margin: 0 auto;display: block}
.con6 .jd_btn{margin: 50px auto;}
.boxjd{height: 444px;background:url(../../movie/images/boxjd_bg.jpg) no-repeat center;}
.boxjd .img1{margin-top: 47px;}
.boxjd h2{font-size: 30px;font-weight: bold;line-height: 56px;padding-left: 5px;}
.boxjd p{font-size: 18px;line-height: 26px;padding-left: 5px;}
.boxjd p span{font-size: 24px;}
.jd_btn{width: 216px;height: 65px;background: #FEAA02;border-radius: 30px;border-bottom: 5px solid #C77D07;display: block;text-align: center;line-height: 65px;font-size: 20px;color: #fff;margin-top: 40px;margin-left: 10px;}
.jd_btn:hover{border: none;position: relative;top: 3px;}

/*con7开始*/
.con7{background:#fff url(../../movie/images/con7_bg.jpg) no-repeat center bottom;padding-bottom: 1px;}
.con7 .main{width: 1200px;margin-top:40px;}
.con7 .main ol{overflow: hidden;height: 74px;margin-left: 10px;}
.con7 .main ol li{float: left;width: 218px;height: 74px;margin-right:15px ;position: relative;}
.con7 .main ol li .img{position: absolute;top: 74px;left: 0;}
.con7 .main ol li .img.show{top: 0;}
.con7 .main ul{margin:60px 10px 60px;background: #F6F6F6;box-shadow: 0 0 8px 1px #F5F5F5;}
.con7 .main ul li{height: 525px;display: none;}
.con7 .main ul li.on{display: block}
.con7 .fl{width: 380px;background: #fff;height: 525px;}
.con7 .fr{width: 700px;height: 475px;padding: 50px 50px 0;}
.con7 .fl .con7_hd{width: 215px;height: 47px;background:url(../../movie/images/con7_iocn.png) no-repeat center;margin:-15px auto 0;color: #fff;}
.con7 .fl .con7_hd b{font-size: 42px;opacity: .2;display: block;float: left;margin-left: 45px;margin-top:2px;}
.con7 .fl .con7_hd span{float: right;font-size: 18px;line-height:47px;display: block;margin-right: 45px;}
.con7 .fl img{display: block;margin: 16px auto;border-radius: 50%;}
.con7 .fl h3{font-size: 24px;color: #151515;text-align: center;font-weight:bold ;}
.con7 .fl .btm{margin-top:20px;padding: 0 10px;}
.con7 .fl .btm span{font-size: 15px;text-align: center;padding:8px 22px;color: #636363;border: 1px solid #FFAB02;border-radius: 50px;display: block;float: left;margin:0px 6px 12px;}
.con7 .con {margin-bottom: 30px;}
.con7 .fr .con_hd{background: url(../../movie/images/con7_icon1.jpg) no-repeat 0;height: 32px;margin-bottom: 15px;} 
.con7 .fr .con_hd span{font-size: 23px;color: #FF900C;padding-left:40px;}
.con7 .con p{font-size: 16px;color: #454545;line-height: 24px;margin-bottom: 10px;}
.con7 .con p b{font-size: 17px;}
.con7 .hb-top{border-color:#fff;}
/*con8开始*/
.con8{background: url(../../movie/images/con8_bg.jpg) no-repeat center;height: 917px;}
.con8 .box_hd .top p{color: #F1B708;}
.con8 .box_hd  .p{color: #fff;}
.con8 .main ol{overflow: hidden;padding-top: 30px;}
.con8 .main ol li{width: 175px;height: 55px;border: 1px solid #C9C7C9;margin-right: 27px;float: left;border-radius:10px;color: #B3B3B3;}
.con8 .main ol li img{width: 40px;margin-left:25px;margin-right: 7px;margin-top: 6px;}
.con8 .main ol li p{font-size: 18px;width:90px;float: left;line-height: 55px;}
.con8 .main ol li.cur{border-color: #F1B708;color: #fff;}
.con8 ul{width: 1200px;margin-top:85px;height:435px;}
.con8 ul li{position: relative;display: none;}
.con8 ul li .fr{width: 600px;height: 410px;background: #F8F8F8;padding-left: 150px;}
.con8 .con{margin-bottom:25px;}
.con8 ul li  h2{font-size: 28px;color: #000;margin-top:35px;font-weight: bold;margin-bottom: 20px;}
.con8 .con .top{background: url(../../movie/images/con8_icon6.jpg) no-repeat 0;height: 31px;padding-left: 35px;font-size: 18px;color: #000;line-height: 31px;}
.con8 .con  p{font-size:15px;color: #5F5E5E;margin-right: 50px;overflow: hidden;margin-left: 10px;}
.con8 .con p span{width: 230px;display: block;float: left;}
.con8 ul li .img1{position: absolute;left: 0;top: 24px;z-index: 2;}
.con8 ul li.show{display: block}

/*con9开始*/
.con9{background: #F6F6F6;padding: 1px;}
.con9 .hb-top{color: #333;}
.con9 .hb-top:hover{color: #fff;}
.con9 ul{overflow: hidden;margin:30px 0 90px;height: 265px;}
.con9 ul li{width: 186px;border: 1px solid #AAAAAA;height: 230px;float: left;margin: 0 6px;}
.con9 ul li img{display: block;margin: 37px auto 13px;transition: all 1s ease;-moz-transition: all 1s ease;-webkit-transition:  all 1s ease;-o-transition:  all 1s ease;}
.con9 ul li h3{font-size: 33px;color: #000;text-align: center;}
.con9 ul li p{color: #4E4E4E;font-size: 16px;text-align: center;margin-top:3px;}
.con9_btn{width: 140px;height: 45px;border: 2px solid #000;text-align: center;line-height: 45px;margin: 30px auto 0;display: block;font-size: 17px;color: #000;background: #fff;position: relative;box-sizing: border-box;overflow: hidden;text-decoration: none;white-space: nowrap;z-index: 0;box-shadow: 2px 2px 0 #F39B06;}
.con9_btn:before {position: absolute;content: '';background: #F39B06;transition-duration: .3s;z-index: -1;top: auto;right: auto;bottom: 0;left: 0;width: 100%;height: 0;opacity: 1;}
.con9_btn:hover:before {width: 100%;height: 100%;opacity: 1;}
.con9_btn:hover {color: #fff;}
.con9 ul li:hover h3{color: #FFAB02;}
.con9 ul li:hover img{transform: rotateY(180deg);-ms-transform: rotateY(180deg);-moz-transform: rotateY(180deg);-webkit-transform: rotateY(180deg);-o-transform: rotateY(180deg);}
/*con10开始*/
.con10{background: url(../../movie/images/con10_bg.jpg) no-repeat center;height: 645px;}
.con10 .box_hd .top p{color: #F1B708;}
.con10 .box_hd  .p{color: #fff;}
.con10 ul li{width: 280px;float: left;margin: 0 10px;background: #fff;}
.effect-3{max-height: 302px; min-height: 302px; overflow: hidden;}
.effect-3 h3{padding-top: 7px; line-height:26px;font-size: 20px;margin: 20px 0 0;text-align: center;}
.effect-3 .member-image{border-bottom: 5px solid #e5642b; transition: 0.4s; height: 206px; width: 100%; display: inline-block; float: none; vertical-align: middle;display: block;margin: 0 auto;}
.effect-3 .member-info{transition: 0.4s;}
.effect-3 .member-image img{width: 100%; vertical-align: bottom;}
.effect-3 .social-touch{background-color: #e5642b; float: left; left: 0; bottom: 0; overflow: hidden; padding: 5px 0; width: 100%; transition: 0.4s;}
.effect-3:hover .member-image{border-bottom: 0; border-radius: 0 0 50px 50px; height: 81px; display: inline-block; overflow: hidden; width: 109px; transition: 0.4s;display: block;margin: 0 auto;}
.con10 .effect-3 p {font-size: 16px;line-height: 26px; padding:20px  45px 0;height:115px;  color: #626262;text-align: center;}
.effect-3:hover h3{color: #000;}
