﻿*{padding:0;margin:0; font-size:12px;}
dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,input,textarea,p{padding:0; margin:0;}
ul{list-style-type:none;}
select,input{vertical-align:middle;}
a:active,a:focus{outline:none; -moz-outline:none; -webkit-outline:none;} 
span:active,span:focus{outline:none; -moz-outline:none; -webkit-outline:none;}
.clearfix:after {visibility:hidden;display:block;font-size:0;content:"";clear:both;height:0;}
.clearfix{zoom:1;}
img{border:0;}
.conbg{ width:expression(document.body.clientWidth <= 970? "970px": "auto"); min-width:970px; background:url(http://pic9.qiyipic.com/common/20151214/8e9b84374e974f059fc0fb061dfcae17.jpg) no-repeat center 0 #020029;}
.content{ width:970px; margin:0 auto; padding:0 0 80px;}
.topbox{ height:425px; position:relative;}
.topbox a.link{ height:100%; display:block;}
/*视频区域*/
.vbox{ padding:15px 0 0 3px; height:729px; position:relative;}
.video{ width:860px; height:520px; background:#000; margin:0 auto;}
.vlistbox{ padding:35px 0 0 0;}
.jmlist{ position:relative; width:642px; height:127px; float:left; margin:25px 0 0 35px;}
.jmlist .prev,.jmlist .next{ background:url(http://pic0.qiyipic.com/marketing/20151123/qpdhp3.images/prevnext.png) no-repeat; width:39px; height:68px; cursor:pointer; position:absolute; top:20px; left:-33px; z-index:3;}
.jmlist .next{ background-position:-39px 0; right:-33px; left:auto;}
.jmlist .page_pre_no{ background-position:0 -68px; cursor:inherit;}
.jmlist .page_next_no{ background-position:-39px -68px; cursor:inherit;}
.jmlist .smalList{ width:642px; position:relative; overflow:hidden;}
.jmlist ul{ position:relative; width:999999px;}
.jmlist ul li{ float:left; display:inline; position:relative; width:214px; height:127px; position:relative;}
.jmlist ul li img{width:185px;height:92px; filter:alpha(opacity:80); opacity:0.80;-moz-opacity:0.80; position:absolute; top:11px;}
.jmlist ul li.s01{ background:url(http://pic0.qiyipic.com/marketing/20151123/qpdhp3.images/libg01.png) no-repeat;}
.jmlist ul li.s01 img{ left:18px;}
.jmlist ul li.s02{ background:url(http://pic0.qiyipic.com/marketing/20151123/qpdhp3.images/libg02.png) no-repeat;}
.jmlist ul li.s02 img{ top:18px; left:15px;}
.jmlist ul li.s03{ background:url(http://pic0.qiyipic.com/marketing/20151123/qpdhp3.images/libg03.png) no-repeat;}
.jmlist ul li.s03 img{ left:13px;}
.jmlist ul li.selected img{ filter:alpha(opacity:100); opacity:1;-moz-opacity:1;}
.jmlist ul li em{ background:url(http://pic0.qiyipic.com/marketing/20151123/qpdhp3.images/play.png) no-repeat 80px 40px; width:100%; height:118px; position:absolute; top:0; left:0; z-index:1; text-indent:-999999px; cursor:pointer;}
.jmlist ul li.selected em{ background:none; cursor:inherit;}
.jmlist ul li strong{ background:#c79320; width:25px; height:75px; position:absolute; top:11px; left:178px; z-index:1; color:#fff; font:16px/20px '微软雅黑'; text-align:center; padding:17px 0 0; font-weight:bold;}
.jmlist ul li.s02 strong{ top:18px;}
.jmlist ul li.s02 em{ background-position:80px 45px;}
.jmlist ul li.s02.selected .x1{ top:50px;}
.jmlist ul li h2{ width:100%; height:22px; color:#ffe760; font:14px/22px '微软雅黑'; z-index:2; text-align:center;}
.jmlist ul li h2.x1{ display:none;}
.jmlist ul li.selected .x1{ display:block; position:absolute; top:43px; font-size:13px; color:#fff; background:none;}
.zzsp{ width:231px; height:147px; position:relative; float:right; margin:9px 11px 0 0;}
a.anchor{ width:0px; height:0px; overflow:hidden; text-indent:-999999px; position:absolute; top:0px; left:0;}
/*通栏*/
.banner{ height:161px; padding:34px 0 0 125px;}
/*产品区域*/
.outBox{ padding:107px 19px 0 20px; height:577px; position:relative;}
.outBox .hd{ height:38px; position:relative;}
.outBox .hd ul{ position:absolute; left:32px; top:0px; height:38px;}
.outBox .hd ul li{ float:left; display:inline; cursor:pointer; background:url(http://pic0.qiyipic.com/marketing/20151123/qpdhp3.images/tabbg.png) no-repeat; width:105px; height:38px; text-align:center; color:#fff; font:20px/38px '微软雅黑'; font-weight:bold; margin:0 0 0 3px;}
.outBox .hd ul li.on{ background-position:-105px 0;}
.inBox{ width:931px; height:523px; position:relative; margin:2px 0 0;}
.inBox .inHd{ width:100%; height:12px; position:absolute; top:500px; left:0; z-index:99; display:block; text-align:right; font-size:0;}
.inBox .inHd ul{ overflow:hidden; zoom:1; padding:0 20px 0 0;}
.inBox .inHd ul li{ width:12px; height:12px; margin:0 2px; cursor:pointer; background:#fff; text-indent:-999999px; display:inline-block; *display:inline; *zoom:1; vertical-align:top; font-size:0; border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:6px; overflow:hidden;}
.inBox .inHd ul li.on{ background:#7b78fb; color:#fff;}
.inBox .inBd ul{ zoom:1; overflow:hidden; width:931px; height:523px;}
.inBox .inBd ul h2{ background:#01022a; width:100%; height:58px; font:26px/54px '微软雅黑'; text-indent:30px; color:#fff; position:absolute; top:467px; left:0; display:block; filter:alpha(opacity:70); opacity:0.70; -moz-opacity:0.70; border-bottom-left-radius:14px; -webkit-border-bottom-left-radius:14px; -moz-border-bottom-left-radius:14px; border-bottom-right-radius:14px; -webkit-border-bottom-right-radius:14px; -moz-border-bottom-right-radius:14px;}

/*剧照*/
.jzpicbox{ height:430px; padding:127px 18px 0 19px;}
.hs_container{ position:relative; width:100%; height:366px; clear:both;}
.hs_container .hs_area{ position:absolute;}
.hs_area img{position:absolute; top:0px; left:0px; display:none; cursor:crosshair;}
.hs_area img.hs_visible{ display:block; z-index:99;}
.hs_area1{ width:562px; height:366px; top:0px; left:0px;overflow:hidden;}
.hs_area2{ width:328px; height:160px; top:0px; right:0px; overflow:hidden;}
.hs_area3{ width:328px; height:160px; bottom:0px; right:0px; overflow:hidden;}

/*右侧浮层*/
#nav{ width:123px; height:192px; background:url(http://pic0.qiyipic.com/marketing/20150923/qpdhp2.images/menu.png) no-repeat;position:absolute; top:50%; right:13px; margin:-50px 0 0 0; z-index:101; padding:24px 0 0 11px;}
#nav a.close{ position:absolute; top:0px; left:104px; width:21px; height:21px; overflow:hidden; font:14px/20px Arial; text-indent:-99999px; color:#fff; text-align:center; cursor:pointer; display:block;}
.hidenav{ display:none;}
#nav a{ width:114px; height:32px; display:block; margin:0 0 5px; cursor:pointer; position:relative;}
#nav a em{ background:url(http://pic0.qiyipic.com/common/20150519/qpdhp.images/sanjiao.png) no-repeat; width:30px; height:39px; display:block; text-indent:-99999px; position:absolute; top:15px; left:-24px; z-index:202; display:none;}
#nav a.selected em{ display:block;}
/*返回按钮*/
#goTop {position:fixed; width:980px; height:0px; margin:0 auto; bottom:160px; z-index:99;}
#goTop a{ width:30px; height:30px; float:right; margin:0 -30px 0 0; cursor:pointer; display:block;}