@charset "utf-8";

html {
  font-family:"CENTURYGOTHIC","Microsoft YaHei","simsun";
  line-height:1.15;
  -ms-text-size-adjust:100%;
  -webkit-text-size-adjust:100%;
}
article,aside,canvas,datalist,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
audio,video {display:inline-block}
abbr[title] {border-bottom:none;text-decoration:underline;text-decoration:underline dotted}
b,strong {font-weight:inherit}
b,strong {font-weight:bolder}
dfn {font-style:italic}
mark {background-color:#ff0;color:#000}
small {font-size:80%}
sub,sup {font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sub {bottom:-0.25em}
sup {top:-0.5em}
audio:not([controls]) {display:none;height:0}
svg:not(:root) {overflow:hidden}

@font-face {
  font-family:'fontello';
  src:url('fonts/fontello.eot?58861341');
  src:url('fonts/fontello.eot?58861341#iefix') format('embedded-opentype'),
  url('fonts/fontello.woff2?58861341') format('woff2'),
  url('fonts/fontello.woff?58861341') format('woff'),
  url('fonts/fontello.ttf?58861341') format('truetype'),
  url('fonts/fontello.svg?58861341#fontello') format('svg');
  font-weight:normal;
  font-style:normal;
}

[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family:"fontello";
  font-style:normal;
  font-weight:normal;
  speak:none;
  display:inline-block;
  text-decoration:inherit;
  width:1em;
  margin-right:.2em;
  text-align:center;
  font-variant:normal;
  text-transform:none;
  line-height:1em;
  margin-left:.2em;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}
.icon-user:before{content:'\e800';}
.icon-lock-1:before{content:'\e801';}
.icon-heart-circled:before{content:'\e802';}
.icon-heart:before{content:'\e803';}
.icon-heart-1:before{content:'\e804';}
.icon-arrows-cw:before{content:'\e805';}
.icon-up-circle:before{content:'\e806';}
.icon-thumbs-up:before{content:'\e807';}
.icon-left-open-big:before{content:'\e808';}
.icon-right-open-big:before{content:'\e809';}
.icon-videocam:before{content:'\e80a';}
.icon-mail:before{content:'\e80b';}
.icon-mail-1:before{content:'\e80c';}
.icon-phone:before{content:'\e80d';}
.icon-link:before{content:'\e80e';}
.icon-mobile:before{content:'\e80f';}
.icon-search:before{content:'\e810';}
.icon-address:before{content:'\e811';}
.icon-clock:before{content:'\e812';}
.icon-eye:before{content:'\e813';}
.icon-search-1:before{content:'\e814';}
.icon-down-open-big:before{content:'\e815';}
.icon-phone-circled:before{content:'\e816';}
.icon-up-open-big:before{content:'\e817';}
.icon-cancel-circled-outline:before{content:'\e818';}
.icon-cancel-circled:before{content:'\e819';}
.icon-doc:before{content:'\e81a';}
.icon-ok-circled:before{content:'\e81b';}
.icon-ok-circled2:before{content:'\e81c';}
.icon-minus:before{content:'\e81d';}
.icon-plus:before{content:'\e81e';}
.icon-picture:before{content:'\e81f';}
.icon-thumbs-down:before{content:'\e820';}
.icon-thumbs-up-1:before{content:'\e821';}
.icon-thumbs-down-1:before{content:'\e822';}
.icon-link-1:before{content:'\e823';}
.icon-attach:before{content:'\e824';}
.icon-user-add:before{content:'\e825';}
.icon-trash-empty:before{content:'\e826';}
.icon-basket:before{content:'\e827';}
.icon-doc-text:before{content:'\e828';}
.icon-cog:before{content:'\e829';}
.icon-zoom-in:before{content:'\e82a';}
.icon-zoom-out:before{content:'\e82b';}
.icon-zoom-in-1:before{content:'\e82c';}
.icon-zoom-out-1:before{content:'\e82d';}
.icon-down-open-mini:before{content:'\e82e';}
.icon-left-open-mini:before{content:'\e82f';}
.icon-right-open-mini:before{content:'\e830';}
.icon-up-open-mini:before{content:'\e831';}
.icon-home:before{content:'\e832';}
.icon-login:before{content:'\e833';}
.icon-logout:before{content:'\e834';}
.icon-shop-1:before{content:'\e835';}
.icon-key:before{content:'\e836';}
.icon-info-circled:before{content:'\e837';}
.icon-info-circled-1:before{content:'\e838';}
.icon-star:before{content:'\e839';}
.icon-star-empty:before{content:'\e83a';}
.icon-edit:before{content:'\e83b';}
.icon-info:before{content:'\e83c';}
.icon-plus-1:before{content:'\e83d';}
.icon-ok:before{content:'\e83e';}
.icon-home-outline:before{content:'\e83f';}
.icon-truck:before{content:'\e840';}
.icon-calculator:before{content:'\e841';}
.icon-truck-1:before{content:'\e842';}
.icon-plus-circled:before{content:'\e843';}
.icon-location:before{content:'\e844';}
.icon-doc-text-1:before{content:'\e845';}
.icon-doc-text-inv:before{content:'\e846';}
.icon-key-1:before{content:'\e847';}
.icon-keyboard-1:before{content:'\e848';}
.icon-key-2:before{content:'\e849';}
.icon-coffee:before{content:'\e84a';}
.icon-spin3:before{content:'\e84b';}
.icon-download-alt:before{content:'\e84c';}
.icon-down-circle:before{content:'\e84d';}
.icon-left-circle:before{content:'\e84e';}
.icon-right-circle:before{content:'\e84f';}
.icon-up-circle-1:before{content:'\e850';}
.icon-up-circled2:before{content:'\e851';}
.icon-plus-2:before{content:'\e852';}
.icon-down-small:before{content:'\e853';}
.icon-left-small:before{content:'\e854';}
.icon-right-small:before{content:'\e855';}
.icon-up-small:before{content:'\e856';}
.icon-left:before{content:'\e857';}
.icon-right:before{content:'\e858';}
.icon-up:before{content:'\e859';}
.icon-down:before{content:'\e85a';}
.icon-link-2:before{content:'\e85b';}
.icon-print:before{content:'\e85c';}
.icon-minus-circle:before{content:'\e85d';}
.icon-plus-circle:before{content:'\e85e';}
.icon-menu-1:before{content:'\e85f';}
.icon-cw:before{content:'\e860';}
.icon-cancel:before{content:'\e861';}
.icon-play-circled2:before{content:'\e862';}
.icon-down-open:before{content:'\f004';}
.icon-up-open:before{content:'\f005';}
.icon-right-open:before{content:'\f006';}
.icon-left-open:before{content:'\f007';}
.icon-download:before{content:'\f02e';}
.icon-upload:before{content:'\f02f';}
.icon-location-2:before{content:'\f031';}
.icon-info-circled-2:before{content:'\f085';}
.icon-info-circled-alt:before{content:'\f086';}
.icon-link-ext:before{content:'\f08e';}
.icon-bookmark-empty:before{content:'\f097';}
.icon-phone-squared:before{content:'\f098';}
.icon-menu:before{content:'\f0c9';}
.icon-mail-alt:before{content:'\f0e0';}
.icon-coffee-1:before{content:'\f0f4';}
.icon-plus-squared:before{content:'\f0fe';}
.icon-angle-double-left:before{content:'\f100';}
.icon-smile:before{content:'\f118';}
.icon-keyboard:before{content:'\f11c';}
.icon-code:before{content:'\f121';}
.icon-play-circled-1:before{content:'\f144';}
.icon-minus-squared:before{content:'\f146';}
.icon-minus-squared-alt:before{content:'\f147';}
.icon-dollar:before{content:'\f155';}
.icon-yen:before{content:'\f157';}
.icon-renren:before{content:'\f18b';}
.icon-plus-squared-alt:before{content:'\f196';}
.icon-fax:before{content:'\f1ac';}
.icon-cube:before{content:'\f1b2';}
.icon-file-pdf:before{content:'\f1c1';}
.icon-file-code:before{content:'\f1c9';}
.icon-tencent-weibo:before{content:'\f1d5';}
.icon-qq:before{content:'\f1d6';}
.icon-wechat:before{content:'\f1d7';}
.icon-newspaper-1:before{content:'\f1ea';}
.icon-calc:before{content:'\f1ec';}
.icon-commenting:before{content:'\f27a';}
.icon-commenting-o:before{content:'\f27b';}
.icon-user-o:before{content:'\f2c0';}
.icon-renren-1:before{content:'\f33c';}
.icon-sina-weibo:before{content:'\f33f';}
.icon-paypal:before{content:'\f342';}
.icon-newspaper:before{content:'\f4f0';}
.icon-search-2:before{content:'\f50d';}
@font-face {
  font-family:'CENTURYGOTHIC';
  src:url('enfonts/CENTURYGOTHIC.eot');
  src:url('enfonts/CENTURYGOTHIC.eot') format('embedded-opentype'),
  url('enfonts/CENTURYGOTHIC.woff2') format('woff2'),
  url('enfonts/CENTURYGOTHIC.woff') format('woff'),
  url('enfonts/CENTURYGOTHIC.ttf') format('truetype'),
  url('enfonts/CENTURYGOTHIC.svg#CENTURYGOTHIC') format('svg');
}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;outline:none;list-style:none}
img,a img{border:0px;vertical-align:bottom}
table{border-collapse:collapse}

input{outline:none}
input::-webkit-search-decoration,
input::-webkit-search-cancel-button{display:none}
input,select,textarea,button{font-size:12px;font-family:"Microsoft YaHei";}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {border-style:none;padding:0}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {color:#888}
input:-moz-placeholder,
textarea:-moz-placeholder {color:#888}
input::-moz-placeholder,
textarea::-moz-placeholder {color:#888}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {color:#888}

body{word-break:break-all;font-size:1em;line-height:22px;color:#000;background:#ebf7fc url(../images/Piececool_bgroud.png) no-repeat top center;}
a{background-color:transparent;-webkit-text-decoration-skip:objects;}
a:link{text-decoration:none;color:#333}
a:visited{text-decoration:none;color:#333}
a:hover{outline-width:0;text-decoration:none;color:#000;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s}
a:active{outline-width:0;text-decoration:none;color:#000}

.clearfix:after{clear:both;content:"";display:block;height:0;visibility:hidden}
.clearfix{}
.clear{clear:both;margin:0;padding:0;height:0;overflow:hidden}
.line10{clear:both;margin:0;padding:0;height:10px;overflow:hidden}
.line20{clear:both;margin:0;padding:0;height:20px;overflow:hidden}
.left{float:left}
.right{float:right}
.hide {display:none}
.invisible {visibility:hidden;}
.txtC {text-align:center !important;text-indent:0 !important;}
.txtL {text-align:left !important;text-indent:0 !important;}
.txtR {text-align:right !important;text-indent:0 !important;}
.mb5 {margin-bottom:5px}
.mb10 {margin-bottom:10px}
.mb15 {margin-bottom:15px}
.mb20 {margin-bottom:20px}
.mr20 {margin-right:20px}

.head_top {width:100%;height:120px;}
.head_t {position:relative;width:1260px;height:120px;margin:0 auto;font-size:16px;}
.head_tl {float:left;width:295px;height:120px;}
.head_tl a {display:block;width:295px;height:72px;margin-top:24px;overflow:hidden;position:relative;}
.head_tl a img {position:absolute;left:0;top:0;height:72px;transition:top .5s;}
.head_tl a span {position:absolute;left:0;right:0;top:72px;background-color:white;transition:top .3s;font-family:'Microsoft YaHei UI Light';}
.head_tc {float:left;width:790px;height:120px;padding-left:136px;padding-top:38px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}



.head_tr {float:left;width:175px;height:80px;line-height:80px;margin-top:20px;padding-left:25px;border-left:1px solid white;box-sizing:border-box;}
.head_tr li {float:left;position:relative;margin-right:25px;font-size:14px;}
.head_tr li:last-child {margin-right:0;}
.head_tr li a {color:white;}
.head_tr li a:hover {color:#000;}

.animenu {display:block;}
.animenu ul {font-family:'CENTURYGOTHIC','Microsoft YaHei','simsun';}
.animenu li,
.animenu a {display:inline-block;font-size:18px;text-decoration:none;color:white;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.animenu__nav > li {position:relative;}
.animenu__nav > li > a {padding:10px 19px;text-transform:uppercase;}

.animenu__nav > li:hover > ul {opacity:1;visibility:visible;margin:0;}
.animenu__nav > li:hover > a {color:white;text-shadow:0 1px 1px rgba(0,0,0,.5);}
.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 > a i {display:block;font-size:11px;font-style:normal;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.animenu__nav__child > li:last-child {border:0;}
.animenu__nav__child a {width:100%;padding:10px;font-size:14px;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);}

.memberInfo {float:left;width:175px;height:80px;margin-top:20px;border-left:1px solid white;box-sizing:border-box;}
.memberInfo li {position:relative;z-index:6;height:80px;font-size:14px;margin:0;padding:0;text-align:center;box-sizing:content-box;}
.memberInfo li span {display:inline-block;width:40px;height:40px;margin:0;padding:2px;border-radius:3px;border:1px solid #ddd;background-color:white;font-size:0;line-height:0;text-align:center;box-sizing:content-box;}
.memberInfo li span img {max-width:40px;max-height:40px;border-radius:0;vertical-align:middle;}
.memberInfo li a {display:block;padding:0 8px;color:#666;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}
.memberInfo li:hover ul {display:block;left:26px;top:75px;background-color:white;}
.memberInfo li ul {display:none;position:absolute;width:120px;border:1px solid #ddd;box-shadow:3px 3px 3px rgba(0,0,0,0.1)}
.memberInfo li ul li {height:auto;line-height:26px;font-size:12px;text-align:left;border-bottom:1px solid #ddd}
.memberInfo li ul li:last-child {border:none}
.memberInfo li ul li a {display:block;padding:0 10px}
.memberInfo li ul li a:hover {background-color:#eee}
.memberInfo em {font-style:normal;font-size:14px;vertical-align:middle;color:#c44600;}
.memberInfo .mtips {width:9px;height:9px;overflow:hidden;background-color:#da2824;border-radius:50%;position:absolute;z-index:7;left:91px;top:14px;}

table.card {border:1px solid #ccc;background-color:white}
table.card caption {text-align:left;padding:5px 10px;border:1px solid #ccc;border-bottom:none;font-weight:bold;background-color:white}
table.card th {padding:5px 10px;border:1px solid #ccc;font-weight:normal;color:#444}
table.card td {padding:5px 10px;border:1px solid #ccc;font-weight:normal;color:#444}

.flexslider{position:relative;height:700px;overflow:hidden;background:url(../images/loading.gif) center center no-repeat}
.slides{position:relative;z-index:1}
.slides li{height:700px}
.slides li a{display:block;width:100%;height:600px}
.flex-control-nav{position:absolute;z-index:2;bottom:66px;width:100%;text-align:center}
.flex-control-nav li{display:inline-block;width:20px;height:20px;margin:0 5px}
.flex-control-nav a{display:inline-block;width:14px;height:14px;background-color:white;border:3px solid white;border-radius:50%;overflow:hidden;cursor:pointer;text-indent:-10000em}
.flex-control-nav .flex-active{background-color:#333}
.flex-direction-nav{position:absolute;z-index:3;width:100%;top:50%;margin-top:-40px}
.flex-direction-nav li a{position:absolute;display:block;width:46px;height:80px;overflow:hidden;cursor:pointer;text-align:center;background-color:#fecf00}
.flex-direction-nav li a:before {
  font-family:"fontello";
  font-style:normal;
  font-weight:normal;
  speak:none;
  font-variant:normal;
  text-transform:none;
  display:inline-block;
  margin:0 auto;
  text-align:center;
  line-height:80px;
  font-size:18px;
  color:black;
  text-decoration:inherit;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}
.flex-direction-nav li a.flex-prev{left:0}
.flex-direction-nav li a.flex-prev:before{content:'\f007'}
.flex-direction-nav li a.flex-next{right:0}
.flex-direction-nav li a.flex-next:before{content:'\f006'}
.flex-direction-nav li a:hover{background-color:rgba(0,0,0,0.5)}
.flex-direction-nav li a:hover:before{color:#fecf00}

.banner {position:relative;margin:0 auto 28px;width:1260px;}
.banner .swiper-container {padding-bottom:43px;}
.banner .swiper-pagination {left:0;bottom:0;margin:0;padding:0;width:100%;line-height:0;font-size:0;}
.banner .swiper-pagination-bullets .swiper-pagination-bullet {width:15px;height:15px;opacity:1;margin:0 3px;line-height:0;font-size:0;background-color:#ccc;border:none;border-radius:50%;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s}
.banner .swiper-pagination-bullets .swiper-pagination-bullet-active {background-color:#ffcc00;border-radius:8px;width:117px;}
.banner .swiper-button-prev {left:-60px;width:45px;height:45px;background:url(/index/images/wm_button_icon.png) no-repeat;background-position:0 0;background-size:100%;}
.banner .swiper-button-prev:hover {background-position:0 -46px;background-size:100%}
.banner .swiper-button-next {right:-60px;width:45px;height:45px;background:url(/index/images/wm_button_icon.png) no-repeat;background-position:0 -93px;background-size:100%;}
.banner .swiper-button-next:hover {background-position:0 -139px;background-size:100%}

.swiper-news {position:relative;width:1258px;height:40px;margin:0 auto 25px;background-color:#d2f4ff;border:1px solid #ccc;}
.swiper-news .tit {position:absolute;left:-1px;top:-1px;width:110px;height:42px;background:url(../images/swiper-news-bg.gif) no-repeat;font-size:16px;line-height:42px;padding-left:15px;}
.swiper-news .swiper-news-list {position:absolute;right:25px;top:0;text-align:right;line-height:40px;}
.swiper-news .swiper-news-list .swiper-wrapper {height:40px;}

.qvideo {width:1260px;margin-left:auto;margin-right:auto;margin-bottom:35px;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-right:30px;}
.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 {width:100%;height:100%;content:'';background:url(/index/images/play.png) no-repeat center center;background-size:100px 100px;}
.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%);}

.recomm-list {width:1260px;margin:0 auto 30px;overflow:hidden;}
.recomm-list .tit {position:relative;font-size:33px;line-height:1.2em;color:#999;margin-bottom:15px;}
.recomm-list ul {float:left;width:1280px;}
.recomm-list li {float:left;width:300px;margin-right:20px;}
.recomm-list .bg {width:300px;height:300px;overflow:hidden;background:linear-gradient(#33ccff,#e2f7ff);}
.recomm-list .photo {position:relative;width:300px;height:300px;overflow:hidden;}
.recomm-list .photo img {width:100%;transition:transform 0.25s ease 0s}
.recomm-list .photo:after {position:absolute;z-index:1;content:"";left:10px;top:10px;width:120px;height:54px;background:url(../images/logo_q_threekingdoms.png) no-repeat;background-size:120px 54px;}
.recomm-list li a:hover img {transform:scale(1.15,1.15)}
.recomm-list .desc {position:relative;height:80px;padding:10px 15px 0;color:#ccc;background-color:#ffffff;}
.recomm-list .desc i {display:block;font-style:normal;font-size:14px;line-height:19px;}
.recomm-list .desc em {display:block;font-style:normal;font-size:19px;line-height:19px;text-transform:uppercase;}
.recomm-list .desc b {display:block;font-weight:normal;font-size:33px;line-height:33px;}
.recomm-list .desc .chn {position:absolute;top:0;left:0;height:80px;padding:10px 15px 0;color:#ccc;background-color:#ffffff;opacity:0;-webkit-transition:opacity 0.3s 0s;-moz-transition:opacity 0.3s 0s;transition:opacity 0.3s 0s;}
.recomm-list .desc .chn em {font-size:22px;line-height:26px;font-weight:normal;font-family:'Microsoft YaHei UI Light';}
.recomm-list .desc .chn b {display:block;font-weight:normal;font-size:17px;line-height:22px;}
.recomm-list li:hover .desc .chn {opacity:1;}

.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;}

.footerOuter {background-color:black;}
.footer {width:1260px;margin:0 auto;font-size:14px;}
.footer ul {float:left;width:1260px;height:291px;position:relative;}
.footer li {float:left;padding-right:100px;height:291px;box-sizing:content-box;}
.footer li:nth-of-type(6) {padding-right:0;position:relative;z-index:2;}
.footer li strong {display:block;font-size:16px;color:white;text-decoration:underline;margin-top:48px;}
.footer li strong a {display:block;font-size:16px;color:white;padding-bottom:6px;text-decoration:underline;box-sizing:content-box;}
.footer li p a {display:block;color:#ccc;line-height:26px;}
.footer li p a:hover {color:#fecf00;}
.footer li p a.new {background:url(/index/images/icon_new.png) no-repeat right center;padding-right:40px;}
.footer li:last-child {position:absolute;float:none;right:0;top:0;z-index:0;}
.footer li:last-child {text-align:right;width:415px;height:291px;padding:0;background:url(/index/images/2018.png) no-repeat right -150px;}
.footer li:last-child p a {text-align:center;font-size:12px;color:#666666;position:absolute;box-sizing:content-box;}
.footer li:last-child p:nth-of-type(1) a {width:105px;height:0;padding-top:65px;overflow:hidden;position:absolute;top:93px;right:0;}
.footer li:last-child p:nth-of-type(2) a {width:136px;height:37px;padding-top:46px;top:208px;right:0;}
.footer li:last-child p:nth-of-type(3) a {width:95px;height:37px;padding-top:46px;top:208px;right:181px;}
.footer li:last-child p:nth-of-type(4) a {width:89px;height:37px;padding-top:46px;top:208px;right:326px;}
.footer li:last-child p a:hover {color:#fecf00!important;}
.footer a .erweima {display:none;position:absolute;top:-15px;left:-115px;}
.footer a .erweima img {width:95px;height:95px;}
.footer a:hover .erweima {display:block;}

.copy {background-color:black;}
.copy .L {float:left;}
.copy .R {float:right;}
.copyInner {width:1260px;height:101px;padding:14px 0;border-top:1px solid #666;border-bottom:1px solid #666;margin:0 auto;font-size:14px;box-sizing:content-box;}
.copyInner .L {width:150px;height:75px;margin:13px 0;}
.copyInner .L a {display:block;width:100%;height:100%;overflow:hidden;background:url(/index/images/wist_logo.png) no-repeat left top;transition:background-position .3s;}
.copyInner .L a:hover {background-position:left bottom;}
.copyInner .R {width:1017px;height:101px;border-left:1px solid #666;color:#999;font-size:12px;line-height:20px;text-align:right;box-sizing:content-box;}
.copy footer {width:1260px;margin:0 auto;font-size:12px;padding:10px 0 100px;box-sizing:content-box;}
.copy footer em {color:white;font-style:normal;}
.copy footer img {vertical-align:middle;}
.copy a {color:white;}

.input{margin-bottom:8px;margin-left:60px;font-size:12px}
.input-text{width:200px;height:32px;line-height:32px;padding:0px 10px;color:#555;background-color:#fff;border:1px solid #ccc;border-radius:5px;box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}
.form-control{
  -webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
  -o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}
.form-control:focus{
  border-color:#fecf00;
  outline:0;
  -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(254,207,0,.6);
  box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(254,207,0,.6)}
.reveal-modal label:first-child{display:inline-block;display:-moz-inline-stack;zoom:1;*display:inline;width:60px;padding-right:8px;line-height:32px;text-align:right;vertical-align:middle}
.reveal-modal textarea{width:340px;min-height:130px;padding:10px;color:#555;background-color:#fff;border:1px solid #ccc;border-radius:5px;box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}
.errtips{color:#f00;margin-left:68px;padding-top:5px}
.reveal-modal .code{width:auto}











.popup {
    position:fixed;left:0;top:0;
    width:100%;height:100%;
    background-color:rgba(0,0,0,0.5);
    opacity:0;visibility:hidden;
    -webkit-transition:opacity 0.3s 0s, visibility 0s 0.3s;
    -moz-transition:opacity 0.3s 0s, visibility 0s 0.3s;
    transition:opacity 0.3s 0s, visibility 0s 0.3s;
    z-index:10;
}
.popup.is-visible {
    opacity:1;visibility:visible;
    -webkit-transition:opacity 0.3s 0s, visibility 0s 0s;
    -moz-transition:opacity 0.3s 0s, visibility 0s 0s;
    transition:opacity 0.3s 0s, visibility 0s 0s;
}
.popup-container {
    position:absolute;
    width:460px;height:330px;
    position:fixed;z-index:10;left:50%;top:50%;
    margin:-165px 0 0 -230px;
    box-shadow:0 0 20px rgba(0,0,0,0.2);
    -webkit-transform: translateY(60px);
    -moz-transform: translateY(60px);
    -ms-transform: translateY(60px);
    -o-transform: translateY(60px);
    transform: translateY(60px);
    -webkit-backface-visibility: hidden;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -ms-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
}
.is-visible .popup-container {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}
form.html5-form {
    background-color:#fff;
    background-image:-webkit-linear-gradient(to bottom,#fff,#eee);
    background-image:-moz-linear-gradient(to bottom,#fff,#eee);
    background-image:-ms-linear-gradient(to bottom,#fff,#eee);
    background-image:-o-linear-gradient(to bottom,#fff,#eee);
    background-image:linear-gradient(to bottom,#fff,#eee);
    width:400px;height:280px;padding:20px 30px 30px;
    border-radius:3px;
    box-shadow:0 0 0 1px #999,0 0 6px rgba(0,0,0,0.5);
}
form.html5-form div.tit {
    position:relative;
    font-weight:normal;text-transform:uppercase;
    color:#444;
    font-size:30px;line-height:40px;letter-spacing:0px;margin:0 0 20px 0;
}
form.html5-form div.tit span {font-size:14px;float:right;}
form.html5-form div.tit a {color:#cc0033;}

form.html5-form fieldset {
    padding:0;margin:0;border:0;
}
form.html5-form div.username,
form.html5-form div.password {
    position:relative;
    width:400px;
}
form.html5-form input {font-family:"Inconsolata","Microsoft YaHei";}
form.html5-form input[type="text"],
form.html5-form input[type="password"] {
    width:353px;
    height:30px;
    line-height:30px;
    border:1px solid #ccc;
    border-radius:5px;
    margin:0 0 10px 0;
    padding:6px 15px 6px 30px;
    background-color:#f1f1f1;
    box-shadow:0 1px 1px #ccc inset,0 1px 0 #fff;
}
form.html5-form div.username:before,
form.html5-form div.password:before {
    position:absolute;z-index:2;top:0;
    font-family:"fontello";
    font-style:normal;
    font-weight:normal;
    speak:none;
    display:inline-block;
    text-decoration:inherit;
    width:30px;height:44px;line-height:44px;
    
    text-align:center;
    font-variant:normal;
    text-transform:none;
    font-size:18px;
    color:#999;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
}
@-moz-document url-prefix(){
    form.html5-form div.username:before,
    form.html5-form div.password:before {}
}
form.html5-form div.username:before {content:'\e800';}
form.html5-form div.password:before {content:'\e801';}

form.html5-form input:focus {
    background-color:#f9f9f9;
    outline:none;
}
form.html5-form input[type="submit"] {
    background-color:#ffb94b;
    background-image:-webkit-linear-gradient(top, #fddb6f, #ffb94b);
    background-image:-moz-linear-gradient(top, #fddb6f, #ffb94b);
    background-image:-ms-linear-gradient(top, #fddb6f, #ffb94b);
    background-image:-o-linear-gradient(top, #fddb6f, #ffb94b);
    background-image:linear-gradient(top, #fddb6f, #ffb94b);
    border-width:1px;
    border-style:solid;
    border-color:#d69e31 #e3a037 #d5982d #e3a037;
    border-radius:3px;
    text-shadow:0 1px 0 rgba(255,255,255,0.5);
    -webkit-box-shadow:0 0 1px rgba(0, 0, 0, 0.3),0 1px 0 rgba(255, 255, 255, 0.3) inset;
    -moz-box-shadow:0 0 1px rgba(0, 0, 0, 0.3),0 1px 0 rgba(255, 255, 255, 0.3) inset;
    box-shadow:0 0 1px rgba(0, 0, 0, 0.3),0 1px 0 rgba(255, 255, 255, 0.3) inset;
    width:120px;height:35px;padding:0;
    cursor:pointer;
    font-weight:bold;
    font-size:15px;
    letter-spacing:2px;
    color:#8f5a0a;
}
form.html5-form input[type="submit"]:active {
    background-color:#fddb6f;
    background-image:-webkit-linear-gradient(top, #ffb94b, #fddb6f);
    background-image:-moz-linear-gradient(top, #ffb94b, #fddb6f);
    background-image:-ms-linear-gradient(top, #ffb94b, #fddb6f);
    background-image:-o-linear-gradient(top, #ffb94b, #fddb6f);
    background-image:linear-gradient(top, #ffb94b, #fddb6f);
}
form.html5-form input[type="submit"]::-moz-focus-inner {border:none;}
fieldset#actions a {float:right;line-height:37px;margin-left:10px;font-size:12px;color:#888;text-decoration:none;}

@keyframes hover-color {
  from {border-color:#444}
  to {border-color:#cc0000}
}
.magic-checkbox {position:absolute;display:none}
.magic-checkbox + label {
    position:relative;

    display:inline-block;vertical-align:middle;
    padding-left:26px;cursor:pointer;margin:0 0 0 10px;font-size:12px;line-height:18px;color:#888;
}
.magic-checkbox + label:before {position:absolute;bottom:0;left:0;display:inline-block;width:16px;height:16px;content:"";border:1px solid #999;border-radius:3px;}
.magic-checkbox + label:hover:before {animation-name:hover-color;animation-duration:0.4s;animation-fill-mode:both}

.magic-checkbox[disabled] + label {cursor:not-allowed;color:#e4e4e4}
.magic-checkbox[disabled] + label:before {cursor:not-allowed;border-color:#e4e4e4}
.magic-checkbox[disabled] + label:hover:before {animation-name:none;border:1px solid #e4e4e4}
.magic-checkbox[disabled] + label:hover{cursor:not-allowed}

.magic-checkbox + label:after {
  display:none;content:"";position:absolute;top:3px;left:7px;box-sizing:border-box;
  width:5px;height:10px;border-width:2px;border-style:solid;border-color:white;border-top:0;border-left:0;
  transform:rotate(45deg);
}
.magic-checkbox[disabled] + label:after {cursor:not-allowed}
.magic-checkbox:checked + label:before {animation-name:none}
.magic-checkbox:checked + label:after {display:block}
.magic-checkbox:checked + label:before {border:1px solid #444;background:#444}
.magic-checkbox:checked[disabled] + label:before {border:1px solid #ddd;background:#ddd}

fieldset#third p {font-size:14px;margin:20px 0 10px;color:#888}
fieldset#third a {display:inline-block;margin-right:10px}
fieldset#third a.hide {display:none;}

.site {width:1260px;height:30px;line-height:30px;margin:0 auto;font-size:12px;color:#616161;}

.bannProOuter {width:100%;height:150px;background:url(../images/banner-pro.jpg) no-repeat center center;margin-top:-25px}
.bannPro {position:relative;width:1260px;height:150px;margin:0 auto}
.bannPro ul {position:absolute;left:0;bottom:0;color:white;font-size:20px}
.bannPro li {float:left;margin-right:20px}
.bannPro li a {float:left;height:40px;line-height:40px;padding-bottom:5px;color:white;border-bottom:5px solid transparent}
.bannPro li a:hover {border-color:#fecf00}
.bannPro li a.current {border-color:#fecf00}
body.instructions .bannPro li a.current {border-color:#009933}

.proOuter {background-color:#eee}
.proInner {width:1260px;margin:0 auto;padding:20px 0px 30px}

.proSort {height:70px;line-height:70px;margin-bottom:20px;background-color:white}
.proSort ul {}
.proSort ul li {float:left;width:252px;height:70px;font-size:20px;text-align:center}
.proSort ul li a{float:left;display:block;width:251px;height:69px;border:1px solid #ddd;border-right:none}
.proSort ul li.lastChild a {width:250px;border-right:1px solid #ddd}
.proSort ul li a:hover{color:black;background-color:#fecf00}
.proSort ul li a.current{color:black;background-color:#fecf00}


.selectNumberScreen {width:1258px;margin:20px 0;font-size:14px;background-color:white;border:1px solid #ddd;border-bottom:none}
.screenBox dl {width:1258px;border-bottom:1px solid #ddd;overflow:hidden}
.screenBox dl dt {float:left;width:160px;line-height:50px;border-right:1px solid #ddd;text-align:center}
.screenBox dl dd {float:left;width:1077px;line-height:30px;padding:10px}
.screenBox dl dd a {display:inline-block;margin:0px 2px;padding:0 10px}
.screenBox dl dd a:hover {color:black;background-color:#fecf00}
.screenBox dl dd a.selected {color:black;background-color:#fecf00}

.hasBeenSelected {width:1258px;overflow:hidden}
.hasBeenSelected dl {width:1258px;border-bottom:1px solid #ddd;overflow:hidden}
.hasBeenSelected dl dt {float:left;width:160px;line-height:50px;border-right:1px solid #ddd;text-align:center}
.hasBeenSelected dl dd {float:left;width:1077px;padding:10px}

a.selectedInfor {float:left;display:block;position:relative;height:28px;line-height:28px;white-space:nowrap;border:1px solid #dedede;margin-right:8px;padding:0px 22px 0px 8px;background:#fff}
a.selectedInfor em {cursor:pointer;display:block;width:13px;height:13px;overflow:hidden;position:absolute;right:5px;top:8px;background:url("../images/close.gif") no-repeat}
a.selectedInfor:hover {color:black;background-color:#fecf00}




.proContent {width:1260px;margin:0 auto;padding:20px 0px;background:url(../images/line.gif) repeat-y 940px 0;}

.proContentLeft {float:left;width:890px;overflow:hidden}
.proContentLeft .tit {font-size:32px;line-height:50px;clear:both}
.proContentLeft .tit h1 {font-size:36px;line-height:50px;font-weight:normal}
.proContentLeft .tit p {font-family:'CENTURYGOTHIC'}

.proContentLeft .zoomOuter {float:left;width:500px}
.proContentLeft .zoomOuter .sp-loading {width:500px;height:500px;line-height:500px;text-align:center;border:none;margin:0;padding:0;font-size:14px;border-radius:0;}
.proContentLeft .zoomOuter .sp-loading img {vertical-align:middle}
.proContentLeft .zoomOuter .sp-wrap {width:500px;height:500px;text-align:center;border:none;margin:0;padding:0;}
.proContentLeft .zoomOuter .sp-wrap img {width:500px;height:500px}

.loading:after {
  font-family:'fontello';
  content:'\e84b';
  font-style:normal;
  font-weight:normal;
  speak:none;
  position:absolute;left:50%;top:50%;width:1em;line-height:1em;margin-left:-0.5em;margin-top:-0.5em;
  display:inline-block;
  text-decoration:inherit;
  text-align:center;
  font-variant:normal;
  text-transform:none;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  -moz-animation:spin 2s infinite linear;
  -o-animation:spin 2s infinite linear;
  -webkit-animation:spin 2s infinite linear;
  animation:spin 2s infinite linear;
  display:inline-block;
}

.proPara {float:right;width:350px}
.proPara ul {padding-top:20px;border-top:1px solid #ccc}
.proPara li {color:#666;font-size:16px}
.proPara li.line {padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid #ccc}
.proPara li a {display:inline-block;font-size:15px;margin:0 10px 10px 0;padding:0px 6px;border:1px solid #bbb;background-color:#f1f1f1;color:#666}
.proPara div.line {padding-bottom:20px;border-bottom:1px solid #ccc}
.proPara div.line .dianzan {float:left;color:#999}
.proPara div.line .dianzan a {color:#999}
.proPara div.line .dianzan em {font-style:normal}
.proPara div.line .bdsharebuttonbox {float:right}
.proPara span.icon-star:before,
.proPara span.icon-star-empty:before {color:#888;margin-left:0;margin-right:.1em;}

.proTab {clear:both}

ul.proTabList {padding:30px 0 0;border-bottom:5px solid #666;}
ul.proTabList li {float:left;width:150px;height:60px;line-height:60px;text-align:center;font-size:20px;margin-right:1px}
ul.proTabList li a {display:block;width:150px;height:60px;color:white;background-color:#ccc;}
ul.proTabList li a.on {background-color:#666}

.proTabContent {padding:20px 0;overflow:hidden;font-size:14px;color:#666;}
.proTabContent a {color:#666;}
.proTabContent.groupImg a {float:left;padding:15px;border:1px solid #ccc;margin:0 15px 15px 0;}
.proTabContent.groupImg a:last-child {margin-right:0;}
.proTabContent.groupImg a img {width:130px;height:130px;}

.related {border-top:5px solid #666;font-size:14px;}
.related .tit {font-size:20px;line-height:40px;font-weight:bold;}
.related ul {list-style-position:outside;list-style-type:disc;list-style-image:none;padding-left:20px}
.related li {display:list-item;list-style-position:outside;list-style-type:disc;list-style-image:none;color:#666}
.related li span {float:right}
.related li a {color:#666}
.related li a:hover {color:#ee4433}

.proContentRight {float:right;width:320px}
.proSidebar .tit {font-size:22px;line-height:26px;margin:20px 0 10px;padding-left:15px;border-left:5px solid #fecf00}
.proSidebar ul {padding-left:20px;color:#666;line-height:24px;font-size:16px;}
.proSidebar li {display:block;margin-bottom:8px;}
.proSidebar li a {display:inline-block;color:#666;text-decoration:none;background:url(../images/underline.gif) repeat-x left bottom;}
.proSidebar li a:hover {color:black;}

.page2{padding-top:20px;clear:both;font-size:14px}
.page2 a,
.page2 strong{margin-left:5px;padding:3px 8px;overflow:hidden;border:1px solid #ccc;border-radius:5px;background-color:white}
.page2 strong{font-weight:normal;background-color:#666;border-color:#666;color:#fff}
.page2 a:hover{text-decoration:none;background-color:#666;border-color:#666;color:#fecf00}
.newsLeft .page2 {padding:0 0 20px;font-size:12px}

.newsList {width:1220px;margin:0 auto 25px;padding:20px 20px 30px;background-color:rgba(255,255,255,.85);border-radius:13px;}
.newsList li {padding-bottom:25px;margin-bottom:25px;border-bottom:1px solid #fff;}

.newsList li.nomar {margin-right:0}
.newsList li a span {display:block;height:24px;color:#242424;font:22px/24px "Microsoft YaHei";}
.newsList li .time {font-size:12px;height:24px;line-height:24px}
.newsList li .remark {color:#888;font-size:14px;line-height:23px;text-align:left}

.newsOuterBg {width:1220px;margin:0 auto 25px;padding:20px 20px 30px;background-color:rgba(255,255,255,.85);border-radius:13px;}
.newsOuter {width:1260px;margin:0 auto;padding:20px 0px 30px}
.newsLeft {float:left;width:810px}
.newsRight {float:right;width:385px}

.newsInfo {padding-bottom:20px}
.newsInfo h1 {font-size:28px;line-height:60px;font-weight:normal}
.newsInfoInner {height:22px;line-height:22px;padding:10px 0;border-top:1px solid #ddd;border-bottom:1px solid #ddd;font-size:12px}
.newsInfoInner span {float:left;height:22px;margin-right:30px;padding-right:30px;border-right:1px solid #ddd}
.newsInfoInner em {font-style:normal}
.newsInfoInner span[class^="icon-"]:before {font-size:14px}
.newsInfoInner .bdsharebuttonbox {float:right}

.format {clear:both;overflow:hidden;font-size:15px;color:#444}
.format p {overflow:hidden;clear:both;margin-bottom:20px;letter-spacing:0;text-indent:2em;}
.format p a {background:url(../images/underline.gif) repeat-x left bottom;}
.format ul {margin-bottom:20px;list-style-position:outside;list-style-type:disc;list-style-image:none;padding-left:20px;margin-left:2em;}
.format ul li {display:list-item;list-style-position:outside;list-style-type:disc;list-style-image:none}
.format table {-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%}
.format table th,
.format table td {padding:3px 6px}

.format dl.mulu {background-color:#f1f1f1;border:1px solid #ddd;margin-bottom:20px;padding:5px 10px}
.format dl.mulu ul {margin-bottom:0}
.format dl.mulu ul li {margin-bottom:0;padding-bottom:0}
.format dl.mulu ul li a {display:block;color:#444;text-decoration:none;background-image:none;}
.format dl.mulu ul li a:hover {color:#cc0033}
.format dl.mulu ul li a.current::after {
  font-family:"fontello";
  font-style:normal;
  font-weight:normal;
  speak:none;
  display:inline-block;
  vertical-align:text-top;
  text-decoration:inherit;
  width:1em;
  margin-right:.2em;
  text-align:center;
  font-variant:normal;
  text-transform:none;
  line-height:1em;
  margin-left:.2em;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  content:'\f031';
}

.preNext {display:none;font-size:14px;margin-bottom:20px;padding:10px 0;border-top:1px solid #ddd;border-bottom:1px solid #ddd;color:#666}
.preNext span {display:block;line-height:30px}
.preNext a {color:#666}
.preNext a:hover {color:#000}

.newsSidebar .tit {font-size:22px;line-height:26px;margin:20px 0 10px;padding-left:15px;border-left:5px solid #fecf00}
.newsSidebar .tit a {font-size:14px;color:#999;padding-left:15px;}
.newsSidebar ul.list {padding-left:20px;color:#666;line-height:24px;font-size:16px;}
.newsSidebar ul.list li {display:block;margin-bottom:8px;}
.newsSidebar ul.list li span {display:none}
.newsSidebar ul.list li a {display:inline-block;color:#666;text-decoration:none;background:url(../images/underline.gif) repeat-x left bottom;}
.newsSidebar ul.list li a:hover {color:black}
.newsSidebar ul.listimg {padding-left:20px}
.newsSidebar ul.listimg li {float:left;width:175px;margin:0 15px 25px 0;text-align:center}
.newsSidebar ul.listimg li.nomar {margin-right:0}
.newsSidebar ul.listimg li img {width:175px;height:175px}
.newsSidebar ul.list.fs14 {font-size:14px;}

.focus {position:relative;width:365px;height:365px;overflow:hidden;margin:20px 0px 20px 20px}
.focus .tab {position:absolute;left:0;bottom:0;z-index:2;width:365px;height:40px;line-height:40px;overflow:hidden;text-align:center;background-color:#333;background-color:rgba(0,0,0,0.7)}
.focus .tab a {display:inline-block;width:10px;height:10px;margin:15px 3px 0;border-radius:50%;background-color:#cbcbcb}
.focus .tab a:hover {background-color:#ee4433}
.focus .tab a.on {background-color:#ee4433}
.focus .content {position:relative;width:365px;height:365px;overflow:hidden}
.focus .content ul {position:absolute;left:0;top:0;z-index:1;width:365px;height:365px;}
.focus .content li {float:left;width:365px;height:365px;}
.focus .content li img {width:365px;height:365px;}

.videoOuter {background-color:#eee}
.videoInner {width:1260px;margin:0 auto;padding:20px 0px;}

.videoList .hot-box {position:relative;float:left;width:400px;height:350px;margin:0 30px 20px 0;border-bottom:3px #ebebeb solid;background-color:#fff}
.videoList .hot-box.nomar {margin-right:0}
.videoList a.hot-link {width:400px;height:200px}
.videoList a.hot-link img.hot-bg-img {width:400px;height:200px}
.videoList a.hot-link div.hot-font div.bg:before{position:absolute;width:60px;height:60px;line-height:60px;text-align:center;left:50%;top:50%;margin-top:-30px;margin-left:-30px;color:#fff;color:rgba(255,255,255,0.7);font-size:60px}
.videoList div.hot-box dl {height:150px;position:relative}
.videoList div.hot-box dl dd p {min-height:60px;font-size:12px;line-height:20px;margin-bottom:8px;padding-bottom:8px;border-bottom:none}

.pageOuter {padding:10px 0 30px}
.pageInner {width:1260px;margin:0 auto;background-color:white}
.pageMenu {}
.pageMenu ul {float:left}
.pageMenu li {float:left;width:210px;text-align:center;font-size:16px}
.pageMenu li a {display:block;width:209px;height:60px;line-height:60px;border-right:1px solid #ddd;border-top:1px solid #ddd;color:#b0b0b0;border-bottom:1px solid #ddd;background-color:#f1f1f1}
.pageMenu li:first-child a {border-left:1px solid #ddd;width:208px}
.pageMenu li a.current {border-bottom-color:white;background-color:white;color:#333}

.pageContent {width:1260px;margin:0 auto 25px;overflow:hidden;background-color:white;}
.danye6 {width:1100px;margin:0px auto;padding:60px 0 20px;overflow:hidden}
.danye6 .L {float:left}
.danye6 .R {float:right}
.danye6 p a.icon-link-ext {font-size:16px;border-bottom:1px solid #ccc;}




.danye6 h1 {font-size:28px;line-height:40px}
.danye6 h2 {font-size:20px;line-height:40px}
.danye6 h3 {font-size:15px;color:#666}

.danye6 p {font-size:15px;padding-bottom:20px;color:#666}
.danye6 p span {display:inline-block;margin-right:15px}




.floater {position:fixed;right:10px;bottom:30px}
.floater a.hideOnline {position:absolute;right:0;top:-10px;width:28px;height:28px;background-image:url("/index/images/close.png");text-indent:-10000em;cursor:pointer}
.floater a.hideOnline:hover {background-image:url("/index/images/close_hover.png")}
.floater a.openButton {display:block;width:60px;height:47px;border-radius:50%;font-size:14px;line-height:16px;padding-top:13px;text-align:center;color:black;background-color:#fecf00;box-shadow:0 0 2px rgba(0,0,0,0.2)}
.floater a.arrow {float:right;clear:both;display:none}
.floater a.arrow span {display:block;margin:6px 12px 0;width:36px;height:36px;line-height:36px;text-align:center;background-color:#fecf00;border-radius:50%;box-shadow:0 0 2px rgba(0,0,0,0.2);-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s}
.floater a.arrow span:hover {background-color:#333;color:#fecf00}





.tran-ease-in {
    -webkit-transition:all .3s ease-in;
    -moz-transition:all .3s ease-in;
    -ms-transition:all .3s ease-in;
    -o-transition:all .3s ease-in;
    transition:all .3s ease-in;
}
.tran-linear {
    -webkit-transition:all .3s linear;
    -moz-transition:all .3s linear;
    -ms-transition:all .3s linear;
    -o-transition:all .3s linear;
    transition:all .3s linear;
}




body.bg {background-color:#f5f5f5}
.t-step {width:80%;margin:0 auto;padding:40px 0;}
.t-step .line {position:relative;}
.t-step .line .unfinished {float:right;width:100%;height:2px;background-color:#e3e3e3;}
.t-step .line .finished {position:absolute;height:4px;background-color:#009933;}

.t-step ul.step {position:relative;top:-12px;}
.t-step li {float:left;text-align:center;}
.t-step li .pointer {width:19px;height:19px;margin:0 auto 10px auto;border-radius:11px;border:1px solid #bbb;background-color:#fff;box-sizing:content-box;}
.t-step li .inner-pointer {width:11px;height:11px;margin:4px auto;background-color:#bbb;border-radius:13px;}
.t-step li p {font-size:14px;color:#8b8b8b;}

.t-step li.complete .inner-pointer {background-color:#009933;}
.t-step li.complete p {color:#000;}

.t-step.item-4 li{width:25%}
.t-step.item-4 .line{margin:0 12%}
.t-step.item-4 .finish-2{width:33.3333%}
.t-step.item-4 .finish-3{width:66.6666%}
.t-step.item-4 .finish-4{width:100%}

.t-step.item-3 li{width:33%}
.t-step.item-3 .line{margin:0 17%}
.t-step.item-3 .finish-2{width:50%}
.t-step.item-3 .finish-3{width:100%}

.t-step.item-2 li{width:50%}
.t-step.item-2 .line{margin:0 25%}
.t-step.item-2 .finish-2{width:100%}

div.form {width:460px;margin:50px auto 50px}
div.form .line {position:relative;margin:8px 0}
div.form .line .msg {position:absolute;height:39px;line-height:39px;top:0;left:400px;white-space:nowrap;font-size:12px;color:#666;}
div.form .line .msg i {font-size:16px}
div.form .line .msg i.error {color:#f81111}
div.form .line .msg i.right {color:#009900}
div.form .line .forget {font-size:12px;padding-left:160px}
div.form .line img {vertical-align:middle}
div.form img.userpic {display:block;width:60px;margin:8px 0 0 100px}

div.form label {display:inline-block;width:100px;font-size:14px;text-align:right;color:#555}
div.form label.forchkbox {width:auto;font-size:12px}

div.form input[type="text"],
div.form input[type="password"],
div.form textarea {width:270px;padding:10px 8px;border:1px solid #e3e3e3;border-radius:2px;vertical-align:baseline;color:#666}
div.form input[type="text"].key {width:auto;margin-right:10px}
div.form input[type="checkbox"] {margin:0 0 0 100px}

div.form input[type="submit"] {cursor:pointer;border-radius:2px;padding:6px 0px;font-size:16px;margin:0 0 0 100px;border:0;width:288px;background-color:rgb(253,126,41);color:white}
div.form input[type="submit"]:active,
div.form input[type="submit"]:hover,
div.form input[type="submit"]{background-color:rgb(232,107,29)}
div.form input[type="submit"][disabled] {background-color:#e5e5e5;cursor:not-allowed}

div.form.ChRegForm {margin:0 auto 50px}
div.form.ChRegForm label {text-align:center;}
div.form.ChRegForm input[type="submit"] {margin:0;width:100px}

.bind_wrap {width:900px;margin:0 auto;font-size:14px}
.bind_wrap p {display:block;width:440px;margin:0 auto 20px;background-color:#eee;padding:6px 10px;font-size:12px;color:#555;vertical-align:middle;}
.bind_wrap p img {display:inline-block;width:30px;height:30px;margin-right:10px;vertical-align:middle;border-radius:50%}
.bind_wrap p span {display:inline-block;width:400px;vertical-align:middle;}    

.bind_wrap ul.tab_list {position:relative;z-index:1}
.bind_wrap ul.tab_list li {float:left;display:block;width:450px;padding:15px 0px;text-align:center;font-size:18px;border-bottom:2px solid #ececec;color:#888;cursor:pointer;}
.bind_wrap ul.tab_list li span {color:#888}
.bind_wrap ul.tab_list li.on {border-bottom:2px solid #bbb;color:#333}
.bind_wrap ul.tab_list li.on span {color:#333}

.popup-wx {display:none;position:fixed;z-index:10;left:50%;top:50%;margin-left:-108px;margin-top:-138px;width:200px;height:260px;border-radius:5px;background-color:rgba(0,0,0,0.2);padding:8px}
.popup-container-wx {width:100%;height:100%;background-color:white;text-align:center;font-size:12px;color:#555}
.popup-container-wx img {vertical-align:middle}
.popup-wx h3 {height:20px;line-height:20px;padding:10px 10px 0px 10px}
.popup-wx h3 em {float:left;font-size:14px;font-style:normal;font-weight:700;color:#336699}
.popup-wx h3 em.icon-wechat:before {margin-right:5px;color:#3cb034}
.popup-wx h3 span {float:right}
.popup-wx h3 a {float:left;width:20px;height:20px;cursor:pointer;text-indent:-9999px;overflow:hidden;background:url("/bbs/static/image/common/cls.gif") no-repeat scroll 0 0}
.popup-wx h3 a:hover {background-position:0 -20px}

.myorder-tips {padding:10px 20px;font-size:12px;font-family:arial;color:#DB7C22;background-color:#FFFCEF;border:solid 1px #FFBB76;}
.myorder-tips b {font-weight:normal;}

form.myorder {padding:0px 20px;}
form.myorder .otit {font-size:14px;color:#666;padding-top:10px}
form.myorder dl dt {font-size:14px;color:#000}
form.myorder dl dd {padding-left:1em;margin-bottom:10px;overflow:hidden;}
form.myorder dl dd span {font-weight:bold;cursor:pointer;}
form.myorder input[type="text"],
form.myorder textarea {display:block;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;}
form.myorder ul {margin-bottom:10px}
form.myorder li {font-size:12px;}
form.myorder dt span.must {display:inline-block;vertical-align:top;margin-left:5px;font-size:10px;color:#da2824;}

.upload_append_list {float:left;position:relative;border:1px solid #ccc;margin:8px 8px 0px 0px;}
.upload_image {width:200px;height:200px;text-align:center;display:table-cell;vertical-align:middle;}
.upload_image img {max-width:200px;max-height:200px;vertical-align:middle;}



.four-banner-2 li {float:left;width:300px;height:150px;margin-top:30px;margin-right:20px;background-color:rgba(255,255,255,0.5)}
.four-banner-2 li:last-child {margin-right:0;}
.four-banner-2 li a {color:#999;}

.button {display:block;position:relative;width:300px;height:150px;line-height:150px;font-size:18px;text-align:center;overflow:hidden;}
.button:before,
.button:after {
  display:block;position:absolute;content:"";
  -webkit-transition:-webkit-transform 0.3s;
  transition:-webkit-transform 0.3s;
  transition:transform 0.3s;
  transition:transform 0.3s,-webkit-transform 0.3s;
  background-color:#cc3344;
}
/*水平方向*/
.button.horizontal:before,
.button.horizontal:after {
  left:0;
  width:100%;
  height:3px;
  -webkit-transform:scaleX(0);
          transform:scaleX(0);
}
.button.horizontal:before {top:0;}
.button.horizontal:after {bottom:0;}
 
.button.horizontal:hover:before,
.button.horizontal:hover:after {
  -webkit-transform:scaleX(1);
          transform:scaleX(1);
}
.button.horizontal.clockwise:before {
  -webkit-transform-origin:right center;
          transform-origin:right center;
}
.button.horizontal.clockwise:after {
  -webkit-transform-origin:left center;
          transform-origin:left center;
}
/*
当鼠标指针移动(指向)到该元素时，改变该元素的伪元素(:before和:after)的变形基准点，使得:before伪元素从左边中间开始变形(伸展/延长)到右边中间，:after伪元素从右边中间开始变形到左边中间，从而形成顺时针方向的变形效果。
*/
.button.horizontal.clockwise:hover:before {
  -webkit-transform-origin:left center;
          transform-origin:left center;
}
.button.horizontal.clockwise:hover:after {
  -webkit-transform-origin:right center;
          transform-origin:right center;
}
/*垂直方向*/
.button.vertical:before,
.button.vertical:after {
  top:0;
  width:3px;
  height:100%;
  -webkit-transform:scaleY(0);
          transform:scaleY(0);
}
.button.vertical:before {left:0;}
.button.vertical:after {right:0;}
 
.button.vertical:hover:before,
.button.vertical:hover:after {
  -webkit-transform:scaleY(1);
          transform:scaleY(1);
}
.button.vertical.clockwise:before {
  -webkit-transform-origin:top center;
          transform-origin:top center;
}
.button.vertical.clockwise:after {
  -webkit-transform-origin:bottom center;
          transform-origin:bottom center;
}
/*
当鼠标指针移动(指向)到该元素时，改变该元素的伪元素(:before和:after)的变形基准点，使得:before伪元素从底部中间开始变形(伸展/延长)到顶部中间，:after伪元素从顶部中间开始变形到底部中间，从而形成顺时针方向的变形效果。
*/
.button.vertical.clockwise:hover:before {
  -webkit-transform-origin:bottom center;
          transform-origin:bottom center;
}
.button.vertical.clockwise:hover:after {
  -webkit-transform-origin:top center;
          transform-origin:top center;
}
/*四周(水平加垂直)*/
.button.both:before,
.button.both:after {
  left:0;
  width:100%;
  height:3px;
  -webkit-transform:scaleX(0);
          transform:scaleX(0);
}
.button.both:before {top:0;}
.button.both:after {bottom:0;}
.button.both:hover:before,
.button.both:hover:after {
  -webkit-transform:scaleX(1);
          transform:scaleX(1);
}
.button.both.clockwise:before {
  -webkit-transform-origin:right center;
          transform-origin:right center;
}
.button.both.clockwise:after {
  -webkit-transform-origin:left center;
          transform-origin:left center;
}
.button.both.clockwise:hover:before {
  -webkit-transform-origin:left center;
          transform-origin:left center;
}
.button.both.clockwise:hover:after {
  -webkit-transform-origin: right center;
          transform-origin: right center;
}
.button .inner {
  position:absolute;top:0;left:0;
  width:100%;height:100%;
}
.button .inner:before,
.button .inner:after {
  position:absolute;
  content:"";
  display:block;
  -webkit-transition:-webkit-transform 0.3s;
  transition:-webkit-transform 0.3s;
  transition:transform 0.3s;
  transition:transform 0.3s,-webkit-transform 0.3s;
}
.button.both .inner:before,
.button.both .inner:after {
  top:0;
  width:3px;
  height:100%;
  -webkit-transform:scaleY(0);
          transform:scaleY(0);
}
.button.both .inner:before {left:0;}
.button.both .inner:after {right:0;}
.button.both .inner:hover:before,
.button.both .inner:hover:after {
  -webkit-transform:scaleY(1);
          transform:scaleY(1);
}
.button.both.clockwise .inner:before {
  -webkit-transform-origin:top center;
          transform-origin:top center;
}
.button.both.clockwise .inner:after {
  -webkit-transform-origin:bottom center;
          transform-origin:bottom center;
}
.button.both.clockwise:hover .inner:before {
  -webkit-transform-origin:bottom center;
          transform-origin:bottom center;
}
.button.both.clockwise:hover .inner:after {
  -webkit-transform-origin:top center;
          transform-origin:top center;
}
.button .inner:before,
.button .inner:after {background-color:#cc3344;}

.animate-spin {
  -moz-animation:spin 2s infinite linear;
  -o-animation:spin 2s infinite linear;
  -webkit-animation:spin 2s infinite linear;
  animation:spin 2s infinite linear;
  display:inline-block;
}
@-moz-keyframes spin {
  0% {-moz-transform:rotate(0deg);-o-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
  100% {-moz-transform:rotate(359deg);-o-transform:rotate(359deg);-webkit-transform:rotate(359deg);transform:rotate(359deg);}
}
@-webkit-keyframes spin {
  0% {-moz-transform:rotate(0deg);-o-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
  100% {-moz-transform:rotate(359deg);-o-transform:rotate(359deg);-webkit-transform:rotate(359deg);transform:rotate(359deg);}
}
@-o-keyframes spin {
  0% {-moz-transform:rotate(0deg);-o-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
  100% {-moz-transform:rotate(359deg);-o-transform:rotate(359deg);-webkit-transform:rotate(359deg);transform:rotate(359deg);}
}
@-ms-keyframes spin {
  0% {-moz-transform:rotate(0deg);-o-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
  100% {-moz-transform:rotate(359deg);-o-transform:rotate(359deg);-webkit-transform:rotate(359deg);transform:rotate(359deg);}
}
@keyframes spin {
  0% {-moz-transform:rotate(0deg);-o-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
  100% {-moz-transform:rotate(359deg);-o-transform:rotate(359deg);-webkit-transform:rotate(359deg);transform:rotate(359deg);}
}

body.instructions .newsOuter {width:1260px;margin:0 auto;padding:20px 0px 30px;
-webkit-box-shadow:inset 940px 0 0 #ffffff, inset 941px 0 0 #cccccc;
-moz-box-shadow:inset 940px 0 0 #ffffff, inset 941px 0 0 #cccccc;
box-shadow:inset 940px 0 0 #ffffff, inset 941px 0 0 #cccccc;}
body.instructions .newsLeft {width:920px;}
body.instructions .newsRight {width:300px;}

.instructions_intro {padding:20px 0;color:#009933;}
.instructions_intro h1 {font-size:36px;line-height:48px;margin-bottom:10px;}
.instructions_intro p {line-height:20px;}

.instructions_intro_right {width:260px;padding:50px 20px 80px;color:white;background-color:#009933;}
.instructions_intro_right h1 {font-size:36px;line-height:44px;margin-bottom:100px;}
.instructions_intro_right p {line-height:20px;font-family:"Microsoft YaHei UI Light","Microsoft YaHei","simsun";}

.clause .layui-layer-content {padding:10px 15px;text-align:left;max-height:480px;overflow-x:hidden;overflow-y:scroll;}
.clause .layui-layer-content dl dt {}
.clause .layui-layer-content dl dd {line-height:20px;}
.clause .layui-layer-title {color:#000;background-color:#FFB900;}
.clause .layui-layer-btn .layui-layer-btn0 {background-color:#009933;border-color:#009933;color:white;}

.freeparts .layui-layer-title {color:white;background-color:#009933;font-size:1rem;font-family:"Microsoft YaHei UI Light","Microsoft YaHei","simsun";}

body.instructions .t-step {width:100%;padding:40px 0 0;}
body.instructions .t-step li p {font-size:inherit;}





.subWrap {width:1260px;margin:0 auto 25px;padding-top:28px;}

.subanner {height:120px;width:1260px;overflow:hidden;margin:0 auto 1px;padding:25px 15px;color:white;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;background:linear-gradient(#ffbf00,#ffff99);}
.subanner h1 {font-size:24px;font-weight:normal;font-family:"Microsoft YaHei UI Light";}
.subanner span {display:block;font-size:40px;line-height:48px;font-weight:normal;font-family:"CENTURYGOTHIC";}

.subcontent {background-color:white;width:876px;padding:80px 192px;overflow:hidden;margin:0 auto 25px;color:#666;font-family:"Microsoft YaHei UI Light";}
.subcontent h2 {font-weight:normal;font-size:40px;line-height:48px;margin-bottom:10px;}
.subcontent p {font-size:18px;line-height:28px;}
.subcontent p.mb {margin-bottom:125px;}

.sidebar {float:left;width:300px;}
.sidebar .tit {font-size:32px;line-height:70px;height:70px;background-color:#f5f5f5;padding-left:17px;color:#999;font-family:'Microsoft YaHei UI Light';}
.sidebar .qlogo-list {margin-bottom:7px;}
.sidebar .qlogo-list li {margin-bottom:2px;}
.sidebar .release-date li:first-child {margin-top:1px;}
.sidebar .release-date li {height:80px;line-height:80px;padding-left:18px;color:#ccc;font-size:32px;background-color:white;margin-bottom:1px;font-family:"Microsoft YaHei UI Light";}
.sidebar .release-date li.current {font-size:48px;color:#FFCC00;}

.rightContent {float:right;width:943px;}
.rightContent .tit {background-color:white;height:56px;line-height:56px;padding:14px 17px 0;color:#666;overflow:hidden;}
.rightContent .tit h2 {float:left;font-size:18px;font-weight:normal;}
.rightContent .tit span {float:right;display:inline-block;font-size:14px;}
.rightContent .tit span b {font-size:28px;font-weight:normal;position:relative;top:4px;display:inline-block;font-family:"Microsoft YaHei UI Light";margin-right:5px;}

.proList ul {float:left;}
.proList li {float:left;width:313px;}
.proList li:nth-child(2n) {border-left:1px solid transparent;border-right:1px solid transparent;}
.proList .bg {width:313px;height:313px;overflow:hidden;background:linear-gradient(#33ccff,#e2f7ff);}


.proList .desc {position:relative;height:80px;padding:10px 15px 0;color:#ccc;background-color:#ffffff;}
.proList .desc i {display:block;font-style:normal;font-size:14px;line-height:19px;}
.proList .desc em {display:block;font-style:normal;font-size:19px;line-height:19px;text-transform:uppercase;}
.proList .desc b {display:block;font-weight:normal;font-size:33px;line-height:33px;}

.proList .desc .chn {position:absolute;top:0;left:0;height:80px;padding:10px 15px 0;color:#ccc;background-color:#ffffff;opacity:0;-webkit-transition:opacity 0.3s 0s;-moz-transition:opacity 0.3s 0s;transition:opacity 0.3s 0s;}
.proList .desc .chn em {font-size:22px;line-height:26px;font-weight:normal;font-family:'Microsoft YaHei UI Light';}
.proList .desc .chn b {display:block;font-weight:normal;font-size:17px;line-height:22px;}
.proList li:hover .desc .chn {opacity:1;}
.proList .photo {position:relative;width:313px;height:313px;overflow:hidden;background-repeat:no-repeat;background-size:contain;background-position:center center;}
.proList .photo img {width:100%;transition:transform 0.25s ease 0s}
.proList li a:hover img {transform:scale(1.15,1.15)}

.site {font-size:16px;color:#FFFF99;margin-top:-20px;padding-bottom:10px;}
.pc-slide {float:left;width:900px;}
.view .swiper-container {width:900px;height:600px;text-align:center;}
.view .swiper-container .swiper-slide {width:900px;height:600px;background:linear-gradient(#33ccff,#FFFEF8 70%,#F7EEE1);}
.view .swiper-container img {width:900px;height:600px;}

.preview {position:relative;width:100%;margin-top:10px;margin-bottom:10px;}
.preview .swiper-container {width:770px;height:82px;margin-left:65px;}
.preview .swiper-slide {width:86px;height:82px;cursor:pointer;}
.preview .swiper-slide:last-child {width:82px;}

.preview .arrow-left {position:absolute;z-index:10;left:0;top:0;width:60px;height:80px;border:1px solid #eaeaea;background:white url(/index/images/left.gif) no-repeat center center;}
.preview .arrow-right {position:absolute;z-index:10;right:0;top:0;width:60px;height:80px;border:1px solid #eaeaea;background:white url(/index/images/right.gif) no-repeat center center;}
.preview .arrow-left:hover,
.preview .arrow-right:hover {border-color:#ccc;}

.preview p {width:80px;height:80px;display:table-cell;text-align:center;vertical-align:middle;border:1px solid #eaeaea;background-color:rgba(255,255,255,.5);}
.preview img {max-width:80px;height:auto;}
.preview .active-nav p {border-color:#ccc;background-color:white;}

.pc-slide dl {position:relative;width:900px;height:120px;background:url(/index/images/parabg.png) no-repeat;margin-bottom:39px;}
.pc-slide dl dt {position:absolute;left:0;top:0;width:27px;height:100px;padding:20px 10px 0;font-size:18px;text-align:center;color:white;line-height:20px;}
.pc-slide ol {padding-left:47px;}
.pc-slide ol li {float:left;height:120px;padding-top:16px;color:#999;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.pc-slide ol li p {font-size:12px;}
.pc-slide ol li b {font-weight:normal;}
.pc-slide ol li:nth-child(1) {width:230px;padding-left:28px;}
.pc-slide ol li:nth-child(2) {width:155px;padding-left:37px;}
.pc-slide ol li:nth-child(3) {width:133px;text-align:center;}
.pc-slide ol li:nth-child(4) {width:144px;padding-left:37px;}
.pc-slide ol li:nth-child(5) {width:191px;padding-left:35px;}
.pc-slide ol li i {font-style:normal;font-size:12px;color:#999;display:block;}
.pc-slide ol li:nth-child(1) b {display:block;line-height:54px;font-family:"CENTURYGOTHIC";font-size:54px;margin-top:-3px;}
.pc-slide ol li:nth-child(2) b {display:block;line-height:50px;font-family:"CENTURYGOTHIC";font-size:54px;margin-left:52px;}
.pc-slide ol li:nth-child(3) b {display:inline-block;line-height:50px;font-family:"CENTURYGOTHIC";font-size:54px;}
.pc-slide ol li:nth-child(4) b {display:block;width:65px;height:62px;line-height:59px;text-align:center;font-family:"CENTURYGOTHIC";font-size:28px;color:white;}
.pc-slide ol li:nth-child(5) b {display:block;line-height:48px;font-family:"CENTURYGOTHIC";font-size:54px;}

.right-info {float:right;width:350px;height:600px;background:linear-gradient(#33CCFF,#A9E9FF);}
.right-info li:nth-child(1) {width:350px;height:120px;display:table-cell;vertical-align:middle;font-size:0;text-align:center;background:linear-gradient(#FFBF00,#FFFF99);}
.right-info li:nth-child(1) img {width:200px;}
.right-info li {border-bottom:1px solid #b1ecff;color:white;}
.right-info li:last-child {border:none;}
.right-info li i {background:#cccccc;color:white;font-size:12px;display:inline-block;font-style:normal;margin-top:13px;padding:0px 10px 0px 5px;}
.right-info li:nth-child(3) i {margin-top:16px;}
.right-info li:nth-child(4) i {margin-top:21px;}
.right-info li span {display:block;font-size:14px;padding-left:20px;padding-top:5px;}
.right-info li strong {display:block;font-size:40px;padding-left:20px;line-height:40px;padding-bottom:15px;}
.right-info li b {display:block;font-size:20px;padding-left:20px;padding-bottom:15px;text-transform:uppercase;font-weight:normal;}
.right-info li em {display:block;font-size:48px;line-height:50px;padding-top:5px;padding-left:20px;padding-bottom:15px;text-transform:uppercase;font-weight:normal;font-style:normal;}
.right-info li p {font-size:16px;padding:20px 0 0 20px;}

.tabs {clear:both;width:1260px;height:54px;line-height:54px;background:linear-gradient(#999999,#cccccc);}
.tabs span {float:left;display:block;position:relative;width:252px;height:54px;text-align:center;font-size:18px;color:white;}
.tabs span.active {background:linear-gradient(#FFFF99, #FFF076, #FFBF00);font-size:24px;color:black;font-weight:bold;}
.tabs span.active:after {content:'';position:absolute;bottom:-8px;left:50%;margin-left:-4px;border:8px solid transparent;border-bottom:0;border-top-color:#FFBF00;}

#tabs-container {width:1260px;overflow:hidden;background-color:white;}
#tabs-container .content-slide {padding:35px;font-size:18px;color:#666666;line-height:32px;}
#tabs-container table th {font-size:16px;color:#666666;font-weight:normal;text-align:left;line-height:20px;padding:15px 55px;}
#tabs-container table td {font-size:16px;color:#666666;font-weight:normal;padding:15px 55px;}

#tabs-container .swiper-slide:nth-child(5) .content-slide a {display:block;text-align:center;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #eee;}
#tabs-container .swiper-slide:nth-child(5) .content-slide a:last-child {margin:0;padding:0;border:none;}

.sharebox {float:right;width:328px;height:199px;border:1px solid #d6d6d6;background:linear-gradient(#d2f4ff,#ffffff);margin-top:11px;padding:0 10px 10px;}
.sharebox b {font-size:48px;line-height:82px;color:#a1a1a1;font-weight:normal;}

.diyShare {width:100%;margin:0 auto;text-align:center}
.diyShare .bdsharebuttonbox {display:table;margin:0 auto}
 
.diyShare .bdsharebuttonbox a {float:left;font-size:0.75em;display:block;padding:0 12px;height:32px;line-height:32px;margin:0 5px 10px;border-radius:5px;text-decoration:none;color:#FFF;text-indent:0;width:auto}
.diyShare .bdsharebuttonbox a:hover {color:#FFF}
.diyShare .bdsharebuttonbox .bds_count {width:48px;padding:0;text-align:center;color:#333}
.diyShare .bdsharebuttonbox .bds_count:hover{color:#000}
 
.diyShare .bdsharebuttonbox .bds_more{color:#444;padding:0;margin:0;background:none}
.diyShare .bdsharebuttonbox .bds_more:hover{color:black}
 
.diyShare .bdsharebuttonbox a.bds_weixin {background:#3CB034}
.diyShare .bdsharebuttonbox a.bds_sqq {background:#2384CC}
.diyShare .bdsharebuttonbox a.bds_tsina {background:#E6162D}
.diyShare .bdsharebuttonbox a.bds_qzone {background:#FFCE00}
.diyShare .bdsharebuttonbox a.bds_tqq {background:#45AAF2}
.diyShare .bdsharebuttonbox a.bds_renren {background:#217DC6}
.diyShare [class*=" icon-"]:before{font-size:1.25em;margin-right:0.3em}

.guanxiWrap {width:1260px;margin:0 auto 25px;min-height:1150px;background-color:white;}
.guanxi {position:relative;width:1080px;margin:0 auto;padding-top:336px;background:url(/index/images/guanxi.png) no-repeat top center;font-family:"CENTURYGOTHIC","Microsoft YaHei","simsun";}
.guanxi dl {position:absolute;top:333px;width:130px;background-color:white;}
.guanxi dl dt {text-align:center;font-size:16px;border:2px solid #d9d9d9;color:#333746;padding:5px 0;border-top-left-radius:5px;border-top-right-radius:5px;}
.guanxi dl:nth-child(1) {left:24px;}
.guanxi dl:nth-child(2) {left:170px;}
.guanxi dl:nth-child(3) {left:316px;}
.guanxi dl:nth-child(4) {left:461px;}
.guanxi dl:nth-child(5) {left:645px;}
.guanxi dl:nth-child(6) {right:26px;}

.guanxi ul {width:130px;text-align:center;}
.guanxi ul li {display:block;}
.guanxi ul li a {display:block;color:#333746;font-size:14px;text-decoration:none;width:100px;padding:10px 13px;color:#333;border:2px solid #d9d9d9;border-top:none;transition:background-color 0.25s ease 0s;}
.guanxi ul li:last-child a {border-bottom-left-radius:5px;border-bottom-right-radius:5px;}
.guanxi ul li img {width:100px;height:100px;transition:transform 0.25s ease 0s;margin-bottom:5px;}
.guanxi ul li a:hover {box-shadow:0 0 18px rgba(0,0,0,0.1) inset;transition:all .15s ease;}
.guanxi ul li a:hover img {transform:scale(1.1,1.1);}

.relevant .tit {color:#999;font-size:26px;padding:35px 0 15px;line-height:30px;font-family:'Microsoft YaHei UI Light';}
.relevant .relevant-box {position:relative;width:1260px;height:190px;overflow:hidden;background-color:white;}
.relevant .swiper-button-next,
.relevant .swiper-button-prev {position:absolute;width:52px;height:101px;z-index:2;top:65px;background:url(/index/images/relarrow.gif);}
.relevant .swiper-button-prev {left:25px;}
.relevant .swiper-button-next {right:25px;background-position:right top;}
.relevant .swiper-container {width:1050px;padding:25px 0 0;height:165px;background-color:rgba(255,255,255,.9);text-align:center;}
.relevant .swiper-container .swiper-slide {width:120px;}
.relevant .swiper-container .swiper-slide p {text-align:center;}