@charset "utf-8";
.animenu {display:block;padding-top:29px;}
.animenu ul {font-family:"CENTURYGOTHIC","Microsoft YaHei","simsun";}
.animenu li,
.animenu a {display:inline-block;font-size:15px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.animenu a {text-decoration:none;color:#666;}

.animenu__nav {}
.animenu__nav > li {position:relative;}
.animenu__nav > li > a {padding:10px 30px;text-transform:uppercase;}
.animenu__nav > li > a:first-child:nth-last-child(2):before {content:'';position:absolute;top:50%;right:15px;margin-top:-2px;border:4px solid transparent;border-bottom:0;border-top-color:currentColor;}
.animenu__nav > li:hover > ul {opacity:1;visibility:visible;margin:0;}
.animenu__nav > li:hover > a {color:black;}
.animenu__nav__child {min-width:100%;position:absolute;z-index:999;left:0;top:100%;opacity:0;visibility:hidden;margin:20px 0 0 0;transition:margin .15s,opacity .15s;}
.animenu__nav__child > li {width:100%;border-bottom:1px solid #515151;}
.animenu__nav__child > li:last-child {border:0;}
.animenu__nav__child a {width:100%;padding:10px;border-color:#373737;color:#bbb;background-color:rgba(0,0,0,0.8);}
.animenu__nav__child a:hover {color:#fecf00;background-color:rgba(0,0,0,0.9);}

.con-wrap1 {width:100%;margin-top:-49px;}
.con-wrap1 .con-box {position:relative;z-index:2;width:1260px;height:400px;margin:0 auto;overflow:hidden;background:#2b2b2b;}

.banBox {float:left;width:800px;height:400px;overflow:hidden;}
.banBox .ctrl-box {float:left;width:200px;height:400px;background-color:#272a2c;}
.banBox .ctrl-box .ctrl {text-align:left;}
.banBox .ctrl-box .ctrl a {position:relative;display:block;height:69px;border-left:4px solid transparent;padding:15px 10px 15px 15px;color:#999;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;background:repeating-linear-gradient(to bottom,#272a2c 0px,#272a2c 68px,#3a3a3a 69px);}
.banBox .ctrl-box .ctrl a:hover,
.banBox .ctrl-box .ctrl a.cur {border-left-color:#cf0f32;background:#080909;}
.banBox .ctrl-box .ctrl a.cur em span {color:#c3c3c3;}
.banBox .ctrl-box .ctrl em {display:block;overflow:hidden;font-style:normal;}
.banBox .ctrl-box .ctrl em span {display:block;height:20px;line-height:20px;margin-bottom:3px;font-size:16px;color:#999;font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.banBox .ctrl-box .ctrl em i {display:block;height:16px;line-height:16px;overflow:hidden;font-size:12px;font-style:normal;white-space:nowrap;text-overflow:ellipsis;color:#555;}

.i-triangle {display:none;width:0;height:0;position:absolute;z-index:2;top:50%;right:-16px;border-style:solid;border-width:8px;border-color:transparent transparent transparent #080909;margin-top:-8px;}
.banBox .ctrl-box .ctrl a.cur .i-triangle,
.banBox .ctrl-box .ctrl a:hover .i-triangle {display:block;}

.banBoxWrap {position:absolute;left:200px;top:0;width:600px;height:400px;overflow:hidden;}
.banBoxWrap ul {position:absolute;left:0;top:0;width:600px;height:100%;list-style:none;margin:0;padding:0;}
.banBoxWrap ul li {position:relative;float:left;width:600px;height:100%;list-style:none;margin:0;padding:0;}
.banBoxWrap ul li p {display:block;padding:25px;font-size:14px;color:#c3c3c3;}

.g-listBox {position:absolute;right:15px;width:430px;height:400px;overflow:hidden;}
.g-listBox .title {height:46px;border-bottom:2px solid #3a3a3a;font-size:14px;}
.g-listBox .title-list {position:relative;}
.g-listBox .title-list li {float:left;display:inline;width:86px;text-align:center;color:#999;line-height:46px;}
.g-listBox .title-list li.on {color:#c3c3c3;}
.g-listBox .title-list p {position:absolute;z-index:3;top:46px;left:0px;width:86px;height:7px;border-top:2px solid #cf0f32;overflow:hidden;text-align:center;font-size:0;line-height:0;}
.g-listBox .title-list b {display:inline-block;width:0;height:0;border-style:solid;border-width:7px;border-color:#cf0f32 transparent transparent transparent;font-size:0;line-height:0;overflow:hidden;}

.g-listBox .listBox {display:none;}
.g-listBox .listBox-wrap .show {display:block;}
.g-listBox .listBox ul {padding-top:15px;}
.g-listBox .listBox li {height:33px;line-height:35px;}
.g-listBox .listBox li a {float:left;width:385px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#c3c3c3;font-size:13px;}
.g-listBox .listBox li a:before {font-size:10px;margin:0 6px 0 0;}
.g-listBox .listBox li a:hover {color:#fff;}
.g-listBox .listBox li a:hover:before {color:#fecf00;}
.g-listBox .listBox li span {float:right;font-size:11px;color:#727272;}

.accordion {position:relative;width:1010px;margin:0 auto;margin-top:-100px;overflow:hidden;font-size:16px;padding:0 0 35px 250px;background:url(/index/images/logo.jpg) no-repeat 0 230px;}
.accordion .tit {position:absolute;left:0;top:175px;font-size:33px;line-height:1.2em;color:#999;}
.accordion ul {float:left;width:9999999px;font-family:"CENTURYGOTHIC","Microsoft YaHei","simsun";}
.accordion li {position:relative;float:left;width:49px;height:480px;overflow:hidden;background:url(/index/images/whiteline.gif) repeat-x left bottom;}
.accordion li a.row {position:absolute;z-index:5;left:0;top:230px;bottom:0;display:block;width:48px;height:250px;border-right:1px solid #f4f4f4;cursor:default;line-height:19px;color:#666;background-color:#d6eff3;}
.accordion li a.row em {position:absolute;top:50%;right:-17px;border-style:solid;border-width:8px;border-color:transparent;border-left-color:inherit;margin-top:-8px;content:'';width:0;height:0;font-size:0;line-height:0;}
.accordion li a.row b {position:absolute;left:0;right:0;top:15px;writing-mode:horizontal-tb;text-align:center;font-size:23px;font-weight:700;}
.accordion li a.row i {position:absolute;left:16px;right:16px;bottom:27px;width:1em;text-align:center;font-style:normal;}
.accordion li div {position:absolute;z-index:4;left:80px;right:0;bottom:30px;white-space:nowrap;}
.accordion li span.hname,
.accordion li span.qname,
.accordion li span.ename,
.accordion li span.bianhao {display:block;color:#999;font-size:19px;}
.accordion li span.hname {font-size:14px;}
.accordion li div a {display:inline-block;margin-top:8px;padding:5px 9px;font-size:12px;color:#999;border:1px solid #ddd;}
.accordion li div a:hover {color:black;border-color:black;}
.accordion li img {position:absolute;z-index:3;right:-22%;bottom:-10%;opacity:0;width:450px;height:450px;}

.qvideo {width:1260px;margin-left:auto;margin-right:auto;overflow:hidden;}
.qvideo .tit {position:relative;font-size:33px;line-height:1.2em;color:#999;margin-bottom:15px;}
.qvideo .tit a {position:absolute;right:0;font-size:19px;color:#999;}
.qvideo ul {float:left;width:1290px;}
.qvideo li {float:left;width:400px; margin: 0 30px 30px 0;}
.qvideo .vthumb {position:relative;width:400px;height:250px;}
.qvideo .vthumb .bg,.qvideo .vthumb:after{position:absolute;width:100%;height:100%; top: 0;left: 0;}
.qvideo .vthumb:after{content:'';background:url(/index/images/play.png) no-repeat center center;background-size:100px 100px; top: 0;left: 0;}
.qvideo .vthumb:after{z-index: 1;}
.qvideo .vthumb .bg{background: rgba(0, 0, 0, 0.2);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = #90000000, endColorstr = #90000000);color: #FFF; overflow: hidden;}
.qvideo .vthumb .bg{z-index: 0;}

.qvideo li:nth-child(1) .vthumb {background:radial-gradient(#dcf8f8,#72e2e2);}
.qvideo li:nth-child(2) .vthumb {background:radial-gradient(#ffff99,#ffcc00);}
.qvideo li:nth-child(3) .vthumb {background:radial-gradient(#d5eabf,#99cc66);}
.qvideo .vdesc {display:table-cell;vertical-align:middle;width:400px;text-align:center;height:80px;background-color:#ccc;}
.qvideo .vdesc h2 {font-size:18px;font-weight:normal;display:none;}
.qvideo .vdesc p {font-size:16px;color:#f2f2f2;}

@keyframes evenflow_shake {
  0% {transform:scale(1)}
  50% {transform:scale(1.1)}
  100% {transform:scale(1)}
}
.qvideo .vthumb:after {transform:scale(1)}
.qvideo .vthumb:hover:after {
  animation-name:evenflow_shake;
  animation-duration:500ms;
  transform-origin:50% 50%;
  animation-iteration-count:infinite;
  animation-direction:alternate;
  animation-timing-function:ease;
}

.bk {width:1260px;margin:0 auto 30px;overflow:hidden;}
.bk .tit {position:relative;font-size:33px;line-height:1.2em;color:#999;margin-bottom:15px;}
.bk ul {float:left;width:1320px;}
.bk li {float:left;width:600px;height:300px;margin-right:60px;}
.bk li a {display:block;width:100%;height:100%;line-height:300px;text-align:center;font-size:38px;color:white;}
.bk li:nth-child(1) {background:radial-gradient(ellipse at 50% 85%,#DCF8F8 0%,#CCF5F5 35%,#72E2E2 100%);}
.bk li:nth-child(2) {background:radial-gradient(ellipse at 50% 85%,#F2E325 0%,#F4E01F 35%,#FFCC00 100%);}

.hot {width:1260px;margin-left:auto;margin-right:auto;overflow:hidden;}
.hot .tit {position:relative;font-size:33px;line-height:1.2em;color:#999;margin-bottom:15px;}

.h-listBox {width:1260px;height:700px;overflow:hidden;margin-bottom:35px;}
.h-listBox .title {float:right;width:630px;height:700px;background:radial-gradient(ellipse at 50% 85%,#DCF8F8 0%,#CCF5F5 35%,#72E2E2 100%);}
.h-listBox .title-list {padding:151px 0 0 16px;background:url(/index/images/qlogo.png) no-repeat center 31px;}
.h-listBox .title-list li {float:left;width:120px;text-align:center;margin:0 0 23px 23px;color:#666;}
.h-listBox .title-list li img {margin-bottom:8px;transition:transform 0.25s ease 0s;border-radius:50%;}
.h-listBox .title-list li.on img {transform:scale(1.1,1.1);}
.h-listBox .h-listBox-wrap {float:left;width:630px;height:700px;overflow:hidden;background:#ffcc00 url(/index/images/logo.png) no-repeat 25px 30px;}
.h-listBox .h-listBox-wrap .show {display:block;width:630px;height:700px;overflow:hidden;}
.h-listBox .listBox {display:block;}
.h-listBox .listBox a {position:relative;display:block;width:630px;height:700px;overflow:hidden;text-align:center;vertical-align:middle;}
.h-listBox em {display:block;color:white;font-style:normal;position:absolute;right:10px;top:30px;text-align:right;}
.h-listBox em span {display:block;font-weight:normal;}
.h-listBox em span.hname {font-size:20px;line-height:26px;}
.h-listBox em span.qname {font-size:28px;line-height:36px;}
.h-listBox em span.ename {font-size:31px;line-height:37px;}
.h-listBox em span.bianhao {font-size:36px;line-height:40px;}
.h-listBox p {position:absolute;bottom:18px;left:25px;right:25px;font-size:16px;color:white;}