@charset "utf-8";

#mainCon {padding:40px 0 60px;}
#mainCon:after {display:block; content:""; clear:both;}
#mainCon>div.list {float:left; width:29%; margin-left:-20px; background:#f2f2f2;}
#mainCon>div.list>div {padding:18px 20px; border-top:1px solid #e2e2e2; overflow:hidden;}
#mainCon>div.list>div.on {background:#2f498e;}
#mainCon>div.list>div.on>a p, #mainCon>div.list>div.on>a span {color:#fff !Important;}
#mainCon>div.list>div:first-child {border-top:0;}
#mainCon>div.list>div>a {display:block; position:relative; padding-left:53%; line-height:1.2em;}
#mainCon>div.list>div>a img {position:absolute; left:0; width:48%; height:90px;}
#mainCon>div.list>div>a p.tit {height:50px; margin-top:3px; font-size:14px; line-height:24px; color:#666; overflow:hidden;}
#mainCon>div.list>div>a span {display:block; margin:25px 0 0; font-size:12px; letter-spacing:0; color:#999;}
#mainCon>div.con {position:relative; float:right; width:71.5%; height:664px; overflow:hidden;}
#mainCon>div.con>img {min-width:100%;}
#mainCon>div.con .tit {position:absolute; left:0; bottom:0; text-align:center; width:100%; padding:30px 0; background:rgba(0,0,0,.8);}
#mainCon>div.con .tit>p {font-size:25px; color:#fff;}
#mainCon>div.con .tit>a {position:absolute; bottom:50px; display:block; width:46px; height:46px; border-radius:50%; border:2px solid #fff; background-image:url('/headman/img/main/commitment_point.png'); background-repeat:no-repeat; background-position:center center;}
#mainCon>div.con .tit>a.prev {left:1.5%;}
#mainCon>div.con .tit>a.next {right:1.5%; transform:rotate(180deg); -webkit-transform:rotate(180deg);}
#mainCon>div.con .tit .list {width:85%; margin:20px auto 0; overflow:hidden;}
#mainCon>div.con .tit .list>ul {position:relative; font-size:0; line-height:0; white-space:nowrap;}
#mainCon>div.con .tit .list>ul>li {display:inline-block; width:19%; height:90px; margin-left:1%; overflow:hidden;}
#mainCon>div.con .tit .list>ul>li.on {border:2px solid #ff007d;}
#mainCon>div.con .tit .list>ul>li img {min-width:100%; min-height:100%;}
#mainCon>div.con .tit .list>ul>li:first-child {margin-left:.5%;}

#movie {position:relative; text-align:center; padding:60px 0 130px; border-top:1px solid #d5d5d5;}
/* #movie>div>h3 {position:absolute; top:60px; padding:0 20px;} */
#movie>div>h3 {text-align:center; font-size:32px;}
/* #movie>div:nth-of-type(1)>h3 {right:50%;}
#movie>div:nth-of-type(2)>h3 {left:50%;}
#movie>div:nth-of-type(2)>h3:before {display:block; content:""; position:absolute; left:0; top:15px; width:1px; height:20px; background:#d1d1d1;}
#movie>div.on>h3>a {font-weight:bold; color:#000;} */

#movie .list>a {position:absolute; top:47%; width:46px; height:46px; border-radius:50%; background-color:#333; background-image:url('/headman/img/main/commitment_point.png'); background-repeat:no-repeat; background-position:17px center; z-index:100;}
#movie .list>a:hover {background-color:#1545b7;}
#movie .list>a.prev {left:9%;}
#movie .list>a.next {right:9%; transform:rotate(180deg); -webkit-transform:rotate(180deg);}
#movie .list .page {position:absolute; bottom:70px; width:100%;}
#movie .list .page a {width:19px; height:19px; margin-left:5px; border-radius:50%; border:4px solid #333;}
#movie .list .page a.on {border-color:#1545b7; background:#1545b7;}

#movie .list {display:none; margin-top:30px; white-space:nowrap; overflow:hidden;}
#movie>div.on .list {display:block;}
#movie .list .incon {width:76%; margin:0 auto; overflow:hidden;}
#movie .list .incon>ul {font-size:0; line-height:0;}
#movie .list .incon>ul>li {display:inline-block; width:32%; max-width:460px; margin-left:2%; font-size:20px; line-height:30px;}
#movie .list .incon>ul>li:first-child {margin-left:0;}
#movie .list .incon>ul>li>a {position:relative; display:block; height:252px;}
#movie .list .incon>ul>li>a img {min-width:100%; min-height:100%;}
#movie .list .incon>ul>li>a>p {display:none; position:absolute; left:0; top:0; text-align:left; width:100%; height:100%; padding:30px; color:#fff; background:rgba(0,0,0,.77);}
#movie .list .incon>ul>li>a.on>p {display:block;}
#movie .list .incon>ul>li>a>span {position:absolute; left:50%; bottom:10px; margin-left:-50px; text-align:center; display:block; width:100px; padding:2px; letter-spacing:0; color:#000; font-size:15px; border-radius:30px; background:#fff; opacity:0; transition:.5s;}
#movie .list .incon>ul>li>a.on>span {bottom:40px; opacity:1;}

#linkBan {text-align:center; padding:50px 0; background:#f1f1f1; font-size:0; line-height:0;}
#linkBan>li {vertical-align:top; display:inline-block; width:32%;}
#linkBan .media>a, #linkBan .gallery>a {width:100%; height:250px;}
#linkBan .media>a {background:url('/tv/img/main/linkban01.jpg') no-repeat center top;}
#linkBan .gallery>a {background:url('/photo/img/main/linkban03.jpg') no-repeat center top;}
#linkBan .tvch {position:relative; height:250px; padding-top:35px; margin:0 2%; background:#fff;}
#linkBan .tvch .eng {padding:20px; letter-spacing:0; font-size:14px; line-height:25px;}
#linkBan .tvch .eng:before {display:block; content:""; position:absolute; left:30px; top:47px; width:25%; height:1px; background:#e7e7e7;}
#linkBan .tvch .eng:after {display:block; content:""; position:absolute; right:30px; top:47px; width:25%; height:1px; background:#e7e7e7;}
#linkBan .tvch .tit {width:236px; height:31px; margin-top:25px; margin-bottom:60px; background:url('/tv/img/main/tvch_tit.gif') no-repeat;}
#linkBan .tvch a:nth-of-type(2) {margin-left:30px;}



/*pc*/
@media all and (min-width:1400px){
	#linkBan>li {max-width:450px;}
}

/*pc_min*/
@media all and (max-width:1300px){
	#movie .list>a.prev {left:0;}
	#movie .list>a.next {right:0;}
	#movie .list .incon {width:100%;}
}


/*tablet*/
@media all and (max-width:800px){
	#mainCon {padding:0;}
	#mainCon>div.list {display:none;}
	#mainCon>div.con  {float:none; width:100%; height:auto;}

	#movie {overflow-x:hidden;}
	#movie .list .incon>ul {white-space:nowrap; margin-left:-25%;}
	#movie .list .incon>ul>li {width:40%;}

	#linkBan {padding:0;}
	#linkBan>li {width:100%; max-width:640px; margin:0 auto !important;}
	#linkBan>li:nth-child(2) {margin:20px auto !important;}
}


/*mobile*/
@media all and (max-width:640px){
	#mainCon>div.con>img {max-width:none !Important; height:400px; margin-left:-30%;}
	#mainCon>div.con .tit {padding:20px 0;}
	#mainCon>div.con .tit>p {font-size:18px;}
	#mainCon>div.con .tit .list {width:75%; margin-top:10px;}
	#mainCon>div.con .tit .list>ul>li {width:32.3%; height:70px;}
	#mainCon>div.con .tit>a {bottom:40px; width:40px; height:40px;}

	#movie {padding-top:30px; padding-bottom:50px;}
	#movie>div>h3 {top:40px;}
	#movie .list .incon>ul>li>a {height:160px;}
}