@charset "utf-8";
body{ background-color: #f2f2f4; font-family: "Microsoft YaHei"; font-size: 16px; }
.fl{ float: left; }
.fr{ float: right; }
a{ color: #666; }
a img{ width: 100%; }
a:hover{ cursor: pointer; }
div.header{ height: 244px; background: url("../../images/zyyszd_pc/headbg_hkzyy.jpg") no-repeat center; position: relative; }
div.header div.head-centent{ width:960px; margin: 0 auto; overflow: hidden; }
div.head-centent #like-tip{ display: none; padding: 0 20px; height: 40px; border: 10px solid #a0caf3; position: absolute; left: 50%;  margin: 0 -80px; top: 120px; background-color: #D7E0FF; text-align: center; line-height: 40px; }
div.lanmu-info{ width: 550px; margin-left: 30px; position: absolute; top: 60px; padding-left: 145px; background: url("../../images/zyyszd_pc/hkzyylogo.png") no-repeat 5px 0; height: 175px; }
div.lanmu-info h1.lanmu-name{ font-size: 36px; font-weight: bold; color: #fff; display: inline-block; margin-bottom: 15px; }
div.lanmu-info p{ color: #fff; font-size: 16px; margin-top: 5px; }
div.lanmu-info ul{ overflow: hidden; position: absolute; width: 500px; bottom: 5px; }
div.lanmu-info ul li{ float: left; font-size: 16px; margin-right: 35px; position: relative; padding-left: 30px; line-height: 30px; }
div.lanmu-info ul li a{ display: inline-block; width: 28px; height: 28px; position: absolute; top: 0; left: 0; color: #08104e; }
div.lanmu-info ul li a.i1{ background: url("../../images/zyyszd_pc/icons.png") no-repeat 0 0; }
div.lanmu-info ul li a.i1:hover{ cursor: default; }
div.lanmu-info ul li a.i2{ background: url("../../images/zyyszd_pc/icons.png") no-repeat 0 -35px; }
div.lanmu-info ul li a.i3{ background: url("../../images/zyyszd_pc/icons.png") no-repeat 0 -70px; width: 100px; padding-left: 28px; }
div.lanmu-info ul li a.i3:hover{ color: #fff; }
div.code-box{ margin-right: 40px; margin-top: 44px; width: 125px; }
div.code-box img{ width: 121px; height: 121px; border: 2px solid #659fc9; }
div.code-box p{ color: #fff; text-align: center; font-size: 16px; line-height: 24px; }

div.section-box{ width: 960px; margin: 30px auto; background-color: #fff; border-radius: 5px; }
div.section{ width: 900px; position: relative; margin: 20px auto; }
div.section1{ width: 960px; position: relative; margin: 15px auto; }
div.box1{ height: 358px; }
div.title-box{ padding: 10px 0; }
div.title-box h2{ font-size: 30px; text-align: center; color: #666; display: inline-block; margin: 10px auto; font-weight: bold; }
div.title-box h2.t1{ width: 560px; }
div.title-box h2.t2{ width: 140px; }
div.section1 div.title-box h2{ color: #fff;}
div.title-box i,
div.title-box i{ margin-top: 13px; display: inline-block; height: 40px; }
div.title-box:after{ content: ' '; height: 0; display: block; clear: both; }
div.section1 div.title-box i.lbg0{ width: 200px; background: url("../../images/zyyszd_pc/titlebg.png") no-repeat 10px -2px; }
div.section1 div.title-box i.rbg0{ width: 200px; background: url("../../images/zyyszd_pc/titlebg.png") no-repeat -290px -2px; }
div.section div.title-box i.lbg1{ width: 170px; background: url("../../images/zyyszd_pc/titlebg.png") no-repeat -20px -40px; }
div.section div.title-box i.rbg1{ width: 170px; background: url("../../images/zyyszd_pc/titlebg.png") no-repeat -290px -40px; }
div.section div.title-box i.lbg2{ width: 380px; background: url("../../images/zyyszd_pc/titlebg.png") no-repeat 155px -82px; }
div.section div.title-box i.rbg2{ width: 380px; background: url("../../images/zyyszd_pc/titlebg.png") no-repeat -255px -82px; }
div.lunbo{ height: 358px; width: 960px; position: relative; overflow: hidden;}
ul.lunbo_box{ position: relative; width: 100%; height:358px; }
.lunbo_box li{ float: left; position: absolute; top: 0; left: 0; width: 100%; height:358px; opacity: 0;filter:alpha(opacity=0);}
.lunbo_box li img{ width: 100%; height: 358px;}

/*圆点*/
.cir_box{ overflow: hidden; position: absolute; z-index: 100; left: 50%; margin-left: -117px; bottom: 6%; }
.cir_box li{ float: left; width: 8px; height: 8px; margin:0 5px; cursor: pointer; background: url("../../images/zyyszd_pc/carousel-btn-bg.png") no-repeat -13px 0; }
.cir_box li.cir_on{ background-position: 0 0; }
/*按钮*/
.lunbo_btn{ position: absolute; width: 100%; top: 140px;}
div.live-info{ width: 360px; height: 50px; position: absolute; bottom: 60px; left: 205px; }
div.live-info p{ color: #002e8a; font-size: 14px; }
div.live-info p em{ font-weight: bold; }
div.live-info p a{ color: #002e8a; }
div.live-info p a:hover{ text-decoration: underline; }
div.box1 #btn-prev,
div.box1 #btn-next{ width: 40px; height: 74px; position: absolute; background-image: url("../../images/zyyszd_pc/slidebtnbg.png");z-index: 20; }
div.box1 #btn-prev{ left: 0; background-position: -80px 0; }
div.box1 #btn-next{ right: 0; background-position: -41px 0;}
div.box1 #btn-next:hover,
div.box1 #btn-prev:hover{ background-color: #999; }
div.live-box{ width: 900px; height: 600px; }
div.live-box ul.contents{ width: 900px; height: 510px; overflow: hidden; }
div.live-box ul.contents li{ float: left; width: 211px; height: 150px; margin: 10px 7px; }
div.live-box ul.contents li a{ display: block; height: 100%; width: 100%; vertical-align: middle; color: #333; }
div.live-box ul.contents li a img{ width: 211px; height: 97px; }
div.live-box ul.contents li a h4{ font-size: 14px; line-height: 24px; }
div.live-box ul.contents li a p{ font-size: 12px; color: #4d4d4d; }
div.live-box ul.contents li a:hover,
div.live-box ul.contents li a:hover p{ color: #ff7e00; }
ul.live-box li a h4,
ul.live-box li a p{ width: 100%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.pagination{ margin-top: 40px; overflow: auto;zoom: 1; text-align: center;cursor: default;width: 100%;margin-top: 40px; }
.pagination li, .pagination li .page-item{display: inline-block;font-size: 14px; line-height: 25px;vertical-align: middle; padding:0 10px;color: #aeaeae;}
.pagination li{ display:inline-block; *zoom:1;*display:inline;}
.pagination li .page-item{font-weight: bold;margin: 0 3px;}
.pagination li .page-item:hover{background:#ff7e00;color: #fff;}

.pagination li .page-more{display: inline-block;font-size: 14px; line-height: 25px;vertical-align: middle; padding:0 10px;color: #aeaeae;font-weight: bold;margin: 0 3px;}
.pagination li .page-more:hover{color: #aeaeae;}

.pagination li .page-item.page-current{background:#ff7e00;color: #fff;}
.pagination .pages-go{background:#ff7e00;color: #fff;}
.pagination .pages-go:hover{cursor: pointer;}
.pagination .btn-pre, .pagination .btn-next{border-bottom:3px solid #dedede; padding:0;}
.pagination .btn-pre:hover, .pagination .btn-next:hover{color: #ff7e00;border-bottom-color: #ff7e00; cursor: pointer;}
.pagination .total-pages .pages-num{color: #ff7e00;font-weight: bold; margin:0 6px;}
.pagination .pages-value input{display: inline-block; width: 40px; line-height: 25px; height: 25px; vertical-align: middle; margin: 0 10px; text-align: center;}
.pagination .pages-value input[type="text"] {padding:0;-webkit-appearance: none;border:1px solid #aeaeae;outline: none;outline-offset:0;}
.pagination .pages-value input[type="text"]:focus {border-color:#ff7e00;}
.pagination .pages-value input[type="text"]:hover {*border-color:#ff7e00;}

#vv_comment{width: 820px; margin: 15px auto; min-height: 240px;}
#vv_comment .talk_box{min-height: 175px; _height: 175px;}

/*分享*/
*html,
*html body { background-image: url(about:blank); background-attachment: fixed; }
.shareTop{ width: 36px; position: fixed; right: 0; bottom: 150px; z-index: 500; height: 291px; }
.shareTop{ _position: absolute; _bottom: auto; _margin-bottom:150px; _top: expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0))); }
.shareTop .top,
.shareTop .bdshare_b a.img,
.shareTop .tecentWeibo{ background: url("../../images/zyyszd_pc/sharebtnbg.png") no-repeat center; }
.shareTop a.top{ display: block; background-position: -54px 0; width: 36px; height: 36px; }
.shareTop a.top:hover{ background-position: 0 0; }
.shareTop .bdshare_b a.img{ display: block; background-position: -54px -46px; width: 36px; height: 76px; margin: 0; margin-top: 10px;}
.shareTop .bdshare_b a.img:hover{ background-position: 0 -46px; }
.shareTop .tecentWeibo{ display: block; width: 36px; background-position: -54px -132px; height: 140px; margin-top: 10px; }
.shareTop .tecentWeibo:hover{ background-position: 0 -132px; }
.shareTop .tecentWeibo a{display: none; width: 130px;height: 130px; border:5px solid #84cfff; position: absolute; top: 132px; left: -140px; _filter: alpha(opacity=0);}
.shareTop .tecentWeibo:hover a{display: block; _filter: alpha(opacity=100);}