@charset "utf-8";
/* CSS Document */


.about { padding:60px 0; background:#f6f6f6; min-height:450px; height:auto; overflow:hidden;}
.timeline-bg { height:auto; overflow:hidden; background:#fff; border:1px solid #e7e7e7;}
.timeline { margin:45px 50px 60px 70px; background:url(../../img/about/timeline.png;vpn_img) repeat-y 9px;}
.timeline .title-01 { padding:0 0 0 55px; width:127px; height:41px; line-height:41px; text-align:center; font-size:16px; color:#fff; background:url(../../img/about/title-01.png;vpn_img) no-repeat;}
.timeline .start { background: url(../../img/about/title-01.png;vpn_img) no-repeat 0 -41px;}
.timeline .end { background: url(../../img/about/title-01.png;vpn_img) no-repeat 0 -82px;}
.timeline p { padding:0px 0 0 54px; line-height:30px; font-size:14px; color:#270002;}
.timeline p .red { color:#dc2229;}
.timeline .white { background:#fff;}

.bookshelf { padding-left:74px; height:295px; background:url(../../img/about/bookshelf.png;vpn_img) no-repeat bottom center;}
.book { float:left; width:286px; height:200px; overflow:hidden; background:url(../../img/about/magazine-bg.png;vpn_img) no-repeat 122px 35px;}
.book h1 { height:35px; line-height:24px; font-size:18px; color:#c6ad56; font-style:italic;}
.book .cover { float:left; padding-right:7px; width:122px; height:164px; position:relative;}
.book .cover a { display:block; width:122px; height:164px; position:absolute; z-index:0; background:url(../../img/about/magazine-hover.png;vpn_img) no-repeat 0 0;outline:none;}
.book .cover a:hover,.book .cover a:active { background-position:0 -164px;outline:none;}
.book .cover a:active { background-position:0 -328px;outline:none;}
.book .btns { float:left; margin:1px 0 0 6px; height:163px;}
.book .btn-book { width:104px; height:45px;}
.book .btn-book a { display:block; width:104px; height:28px; line-height:26px; text-align:center; text-decoration:none; font-size:14px; color:#fff; background:url(../../img/about/magazine-btn.png;vpn_img) no-repeat 0 0;outline:none;}
.book .btn-book a:hover { background-position:0 -28px;outline:none;}
.book .btn-book a:active { background-position:0 -56px; color:#948636;outline:none;}
.book .btn-android,.book .btn-apple { float:left; margin:6px 0 0 14px; width:28px; height:34px;}
.book .btn-android a,.book .btn-apple a { float:left; width:28px; height:34px; background:url(../../img/about/magazine-btn-2.png;vpn_img) 0 0;outline:none;}
.book .btn-android a:hover { background-position:0 -50px;outline:none;}
.book .btn-android a:active { background-position:0 -100px;outline:none;}
.book .btn-apple a { background-position: -40px 0;outline:none;}
.book .btn-apple a:hover { background-position:-40px -50px;outline:none;}
.book .btn-apple a:active { background-position:-40px -100px;outline:none;}

.title-2 { margin-bottom:10px; padding-bottom:10px; height:16px; border-bottom:1px dashed #b0b0b0;}
.title-2 h1 { line-height:16px; color:#dc2229; font-size:16px;}
.title-2 a { line-height:16px; color:#dc2229; font-size:16px; text-decoration:none;outline:none;}
.title-2 a:hover { color:#800105;outline:none;}
.title-2 a:active { color:#800105; font-weight:bold;outline:none;}

.magazine-title { padding-left:30px; height:40px; line-height:28px; font-size:24px; color:#dc2229; font-style:italic;}
.contents { float:left; width:400px; height:auto; overflow:hidden;}
.contents li { display:inline;}
.contents li a { display:block; padding:0 30px; width:340px; height:30px; line-height:30px; overflow:hidden; font-size:14px; color:#dc2229; text-decoration:none;outline:none;}
.contents li a:hover { color:#800105; text-decoration:underline;outline:none;}
.contents li a:active { color:#800105; text-decoration:none;outline:none;}
.contents li a:visited { color:#969696; text-decoration:none;outline:none;}
.contents li a.current { color:#969696; background: url(../images/about/dot-red.png;vpn_img) no-repeat 12px 11px;outline:none;}
.details { float:right; width:542px; height:auto; overflow:hidden;}
.details .top { height:5px; background: url(../images/about/details-top.png;vpn_img) no-repeat;}
.details .bottom { height:5px; background: url(../images/about/details-bottom.png;vpn_img) no-repeat;}
.details .mid { padding:15px 25px; width:490px; background:#fff; border:1px solid #e7e6e6; border-width:0 1px 0 1px; color:#646464;}
.details .mid h1 { line-height:30px; font-size:16px; text-align: center;}
.details .mid h2 { padding-bottom:20px; line-height:30px; font-size:14px; text-align: center;}
.details .mid p { font-size:14px; line-height:30px;}

.title-3-red,.title-3-yellow { height:45px;}
.title-3-red a,.title-3-yellow a { display:block; padding-left:30px; width:370px; height:45px; line-height:45px; font-size:18px; color:#fff; text-decoration:none; background:url(../images/about/title-3.png;vpn_img) no-repeat 0 0;outline:none;}
.title-3-red a { background-position:-400px 0;outline:none;}
.title-3-red a:hover { background-position:-400px -45px;outline:none;}
.title-3-red a:active { background-position:-400px -90px; color:#dc2229;outline:none;}
.title-3-red a:visited { background-position:-400px -135px;outline:none;}
.title-3-red a.unfold { background-position:-400px -135px;outline:none;}
.title-3-red a.unfold:hover { background-position:-400px -180px;outline:none;}
.title-3-red a.unfold:active { background-position:-400px -225px; color:#dc2229;outline:none;}
.title-3-red a.unfold:visited { background-position:-400px 0;outline:none;}
.title-3-yellow a:hover { background-position:0 -45px;outline:none;}
.title-3-yellow a:active { background-position:0 -90px; color:#948636;outline:none;}
.title-3-yellow a:visited { background-position:0 -135px;outline:none;}
.title-3-yellow a.unfold { background-position:0 -135px;outline:none;}
.title-3-yellow a.unfold:hover { background-position:0 -180px;outline:none;}
.title-3-yellow a.unfold:active { background-position:0 -225px; color:#948636;outline:none;}
.title-3-yellow a.unfold:visited { background-position:0 0;outline:none;}
.mt6 { margin-top:6px;}

.title-5 { margin-bottom:8px; height:43px;outline:none;}
.title-5 a { display:block; padding-left:25px; width:935px; height:43px; line-height:43px; font-size:14px; color:#fff; text-decoration:none; background:url(../../img/about/title-5.png;vpn_img) no-repeat 0 0;outline:none;}
.title-5 a:hover { background-position:0 -43px; color:#800105;}
.title-5 a:active { background-position:0 -86px; color:#800105;}
.title-5 a.visited { background-position:0 -129px; color:#646464;}
.title-5 a.fold { background-position:0 -129px; color:#646464;}
.title-5 a.fold:hover { background-position:0 -172px; color:#800105;}
.title-5 a.fold:active { background-position:0 -217px; color:#800105;}
.title-5 a.fold.visited { background-position:0 0; color:#fff;}
.company { padding:15px 40px 35px 0px; height:auto; overflow:hidden; line-height:30px; font-size:14px; color:#646464;}
.company .text-1 { padding-left:340px;}
.mb30 { margin-bottom:30px;}

.title-4 { margin:20px 0 15px 0; height:auto; overflow:hidden;}
.title-4-left,.title-4-right { width:500px; height:40px; float:left;}
.title-4-right { margin-left:-40px;}
.title-4-left a,.title-4-right a { display:block; padding:0 90px 0 0; width:410px; height:40px; line-height:40px; text-align:center; text-decoration:none; font-size:18px; color:#8a8a8a; background: url(../../img/about/title-4.png;vpn_img) no-repeat 0 0;outline:none;}
.title-4-left a:hover { background-position:0 -40px; color:#800105;outline:none;}
.title-4-left a:active { background-position:0 -80px; color:#fff;outline:none;}
.title-4-left a.visited { background-position:0 -120px; color:#fff;outline:none;}
.title-4-right a { padding:0 0 0 90px; background-position:0 -160px;outline:none;}
.title-4-right a:hover { background-position:0 -200px; color:#800105;outline:none;}
.title-4-right a:active { background-position:0 -240px; color:#fff;outline:none;}
.title-4-right a.visited { background-position:0 -280px; color:#fff;outline:none;}

.padding0 { padding:0;}
.video { padding:30px 0 54px 0; height:auto; overflow:hidden; background:#f6f6f6;}
.video-l { float:left; width:740px; height:490px;}
.video-l h1 { padding:0 0 7px 18px; height:26px; line-height:26px; font-size:18px; font-family:"黑体"; color:#272727;}
.video-r { float:right; width:198px; height:490px;}
.video-r h2 { height:33px; line-height:33px; font-size:14px; font-family:"黑体"; color:#272727;}
.video-list { height:457px; overflow-y:scroll;position:relative;}
.video-list ul { height:auto; overflow:hidden;position:relative;}
.video-list li { padding:15px 0; display:block; width:172px; height:130px; position:relative;}
.video-list li a { display:block; width:172px; height:130px; font-size:12px; color:#272727; text-decoration:none; line-height:34px; position:absolute; z-index:50px; background:url(../../img/about/video-hover.png;vpn_img) no-repeat 0 0;outline:none;}
.video-list li a:hover { color:#dc2229; background-position:0 -150px;outline:none;}
.video-list li a:active { color:#800105; background-position:0 -300px;outline:none;}
.video-list li img { display:block; width:172px; height:96px; border:none;}
.video-list li a span { position:absolute; z-index:0; bottom:0;outline:none;}
.print-l { float:left; /*padding-bottom:64px;*/ width:740px; height:508px; position:relative;text-align: center;background: #eeeeee;}
.print-l img { /*display:block;*/ max-width:700px; max-height:508px; border:none; /*position:absolute;*/ z-index:0; left:20px;}
.print-l .btn-l,.print-l .btn-r { width:41px; height:84px; position:absolute; z-index:50px; top:200px;}
.print-l .btn-l { left:0;}
.print-l .btn-r { right:0;}
.print-l .btn-l a,.print-l .btn-r a { display:block; width:41px; height:84px; background:url(../../img/about/btn-01.png;vpn_img) no-repeat 0 0;outline:none;}
.print-l .btn-l a:hover { background-position:0 -100px;outline:none;}
.print-l .btn-l a:active { background-position:0 -200px;outline:none;}
.print-l .btn-r a { background-position:-50px 0;outline:none;outline:none;}
.print-l .btn-r a:hover { background-position:-50px -100px;outline:none;}
.print-l .btn-r a:active { background-position:-50px -200px;outline:none;}
.time-shaft { float:left; padding:7px 0; width:29px; height:494px; background:url(../images/about/time-bg.png;vpn_img) no-repeat;}
.btn-time { display:block; width:29px; height:29px;}
.btn-time-up a { display:block; width:29px; height:15px; background:url(../images/about/btn-time.png;vpn_img) 0 0;outline:none;}
.btn-time-up a:hover { background-position:0 -30px;outline:none;}
.btn-time-up a:active { background-position:0 -60px;outline:none;}
.btn-time-down a { display:block; width:29px; height:15px; background:url(../images/about/btn-time.png;vpn_img) -30px 0;outline:none;}
.btn-time-down a:hover { background-position:-30px -30px;outline:none;}
.btn-time-down a:active { background-position:-30px -60px;outline:none;}
.print-r { float:right; width:164px; height:508px; overflow:hidden;}
.print-r .cover { margin-bottom:7px; width:164px; height:121px; position:reletive;background: #eeeeee ;text-align: center;}
.print-r .cover a { display:block; width:164px; height:121px; line-height:121px; position:absolute; z-index:0; background:url(../../img/about/print-hover.png;vpn_img) no-repeat 0 0;outline:none;}
.print-r .cover a:hover { background-position:0 -121px;outline:none;}
.print-r .cover a:active { background-position:0 -242px;outline:none;}
.print-r .cover img {/* display:block; */max-width:164px;  border:none;}

.news-list { padding:5px 40px; height:auto; overflow:hidden;}
.news-list li a { display:inline-block; width:100%; height:32px; line-height:32px; color:#646464; font-size:14px;outline:none;}
.news-list li a:hover { color:#800105; text-decoration:underline;outline:none;}
.news-list li a:active { color:#dc2229;outline:none;}
.news-list li a:visited { color:#9b9a9a;outline:none;}
.news-list li span:hover,.news-list li span:active { text-decoration:underline;}

/*	page	*/
.page { margin-top:10px; height:50px; background:url(../../img/about/page-left.png;vpn_img) no-repeat left;}
.page-right { padding:0 10px; background:url(../../img/about/page-right.png;vpn_img) no-repeat right;}
.page-content { padding:11px 2px 11px 15px; height:26px; line-height:26px; font-size:14px; color:#646464; border:1px solid #dbd9d9; border-left:none; border-right:none; background:#ecebeb;}
.btn-page { width:112px; height:26px;}
.btn-page a { display:block; text-align:center; line-height:26px; color:#fff; font-size:14px; text-decoration:none; background:url(../../img/about/btn-page.png;vpn_img) no-repeat 0 0;outline:none;}
.btn-page a:hover { background-position:0 -26px;outline:none;}
.btn-page a:active { background-position:0 -26px; color:#948636;outline:none;}
.btn-page a:visited { background-position:0 0;outline:none;}
.page-content .space { margin-left:12px;}
.page-content input { padding:0 6px; width:100px; height:26px; border:none; color:#d8ce98; font-family:Arial; background:url(../../img/credit/page-input.png;vpn_img) no-repeat 0 0;}
.page-content input:hover { background-position:0 -26px; color:#c7bb77;}
.page-content input:active { background-position:0 -26px; color:#948636;}
.page-content input:visited { background-position:0 0; color:#d8ce98;}

.space1 { margin-left:13px;}
.contact-r1{ width:266px; height:94px; background-color:#ececec;overflow:hidden;}
.contact-r2{ width:266px; height:94px;}
.contact-l { float:left; padding:0 0 60px 0; width:650px; height:auto; overflow:hidden; position:relative;}
.btn-radio1 { padding:14px 0 0 0; height:32px;}
.btn-radio1 li { float:left;}
.btn-radio1 li a { display:block; padding-left:19px; height:16px; line-height:16px; font-size:16px; color:#646464; text-decoration:none; background:url(../../img/service/btn-radio.png;vpn_img) no-repeat 0 1px;outline:none;}
.btn-radio1 li a:hover { background-position: 0 -18px;outline:none;}
.btn-radio1 li a:active { background-position: 0 -37px;outline:none;}
.btn-radio1 li a.visited { background-position: 0 -56px;outline:none;}
.contact-l .space { margin-left:100px;}
.contact-l .map { width:647px; height:360px; border:1px solid #bdbdbd;}
.contact-l .north { width:32px; height:46px; background:url(../../img/about/connect-us/north.png;vpn_img) no-repeat; position:absolute; z-index:0; top:16px; left:308px;}
.contact-r { float:right; padding:40px 0 0 0; width:280px; height:auto; overflow:hidden;}
.contact-r p { padding:0 0 0 15px; color:#646464; font-size:14px; line-height:30px;}
.contact-r .dot { background: url(../../img/about/connect-us/dot-red-s.png;vpn_img) no-repeat 2px 13px;}
.contact-r .line { border-bottom:1px dashed #aaaaaa;} 
.contact-r .space { padding-bottom:43px;} 
.contact-r .address { padding:40px 0 0 15px; color:#646464; font-size:14px; line-height:30px;}
.contact-r .tel { font-size:18px; font-family:"黑体"; font-weight:bold;}
.contact-r a { color:#dc2229; text-decoration:underline;outline:none;}
.contact-r a:hover { color:#800105;outline:none;}
.contact-r a:active { color:#800105; text-decoration:none;outline:none;}
.contact-r a:visited { color:#dc2229;outline:none;}
.contact-b{clear: both;}
.contact-b .address{    padding: 0 0 0 300px;color: #646464;  font-size: 14px; line-height: 30px;}
.k-infor_content{ float:left; width:35px; margin-top:19px;}
.k-infor_content div{position:relative;}
.k-ej_box_in{margin:0 auto; width:962px; height:auto; overflow:hidden; font-family: "微软雅黑", "宋体", Arial; font-size:14px; }
.k-left{ float: left; width:1px; height:1px;}

.k-right{ float:left;width:755px;height:510px;overflow:hidden}
.k-time0{ width:66px; height:555px; float:left;}
.Scrollbar-Track{float:left;width:37px; height:510px; background:url(../../img/about/time-bg.png;vpn_img) no-repeat center top; padding-top:7px;}
#dv_scroll_bar .Scrollbar-Handle{float:left;width:29px; height:29px; background:url(../../img/about/information-drag_pic1.png;vpn_img) no-repeat;cursor:pointer; left:4px;overflow:hidden;padding-bottom:25px;}

.k-right_news{float: left; width:150px;  height: 510px; border:none;}
.k-right_news ul{ padding:0;}
.k-right_news li{ /*float:left; width:550px; height:121px;*/}

.k-left_menuList{float: left; width:1px;  height: auto;}

.z-about-fzjg-table-head{ background:url(../../img/about/table3.png;vpn_img) top; width:960px; height:53px; margin-top:5px}
.z-about-fzjg-table-body ul li{ line-height:25px; float:left; min-height:32px; overflow:visible;  vertical-align:middle; display: block; font-size:16px; margin-right:9px;  color:#646464;  padding:10px 20px; text-align:center}
.z-about-fzjg-table-body ul{ background:url(../../img/about/table3.png;vpn_img) left bottom no-repeat; float:left; overflow:visible; width:1411px; clear:both;  margin-bottom:0px; }
.z-about-fzjg-table-body{ width:960px; overflow:hidden;}
.z-about-fzjg-table-body ul li a{ color:#dc2229; text-decoration:underline;outline:none;}
.z-about-fzjg-table-body ul li a:hover { color:#800105;outline:none;}
.z-about-fzjg-table-body ul.odd li a{ color:#dc2229;outline:none;}
.z-about-fzjg-table-body ul.odd li{color:#dc2229;}