/* CSS Document */
body {min-width: 1200px; color: #5d5d5d; font-family: Arial, "Noto Sans SC", "Microsoft Yahei";}
a, a:hover {text-decoration: none;}
a {color: #5d5d5d;}
a:hover {color: #007abe;}
.ml05 {margin-left: 5px;}
.sblock {width: 1200px; margin: 0 auto;}

/* top-bar */
.top-bar {height: 65px; background: #fff;}
.top-con {width: 1200px; margin: 0 auto;}
.logo {float: left; width: 150px; height: 65px; font-size: 0; text-indent: -9999px; background: url(../image/logo1.png) no-repeat;}
.logo a {display: block; width: 150px; height: 65px;}
.language {float: right; margin-right: 18px; font-size: 20px; line-height: 65px;}
.language span {margin: 0 12px; color: #686868;}
.language a {color: #686868;}
.language .lang-on {color: #007abe;}

/* nav-bar */
.nav-bar {position: relative; z-index: 10; height: 40px; background: #282b2d;}
.nav-list {width: 1200px; margin: 0 auto; color: #fff;}
.nav-list ul {float: right;}
.nav-list li {position: relative; float: left;}
.nav-list li a {display: block; font-size: 14px; font-weight: 300;}
.nav-list .a-lead {height: 36px; padding: 2px 45px; color: #fff; line-height: 36px;}
.nav-list .a-lead:hover, .nav-list .cur {padding-top: 0; border-top: 2px solid #007abe; background-color: #080909;}
.nav-list .sub-nav {display: none; position: absolute; top: 40px; left: 0; width: 100%; padding: 2px 0 8px; text-align: center; background: rgba(37,37,37,0.8);}
.nav-list .sub-nav a {padding: 7px 0; color: #e2e2e2; font-size: 13px; line-height: 20px;}
.nav-list .sub-nav a:hover {color: #fff; text-decoration: underline;}

/* content */
.content {padding-top: 385px; background: url(../image/con_bg1.jpg) no-repeat center top;}
.main-box {width: 1200px; margin: 0 auto;}
.news-box {float: left; position: relative; width: 351px; height: 311px; padding: 20px 27px; color: #fff; background-color: #1975aa; overflow: hidden;}
.news-box a {color: #fff;}
.headline {padding-bottom: 12px; margin-bottom: 12px; font-size: 24px; line-height: 30px; font-weight: 700; border-bottom: 1px solid #228ac6;}
.recommend {margin-bottom: 15px; font-size: 16px; font-weight: 700; line-height: 29px; background-color: #2e91ca;}
.recommend b {position: relative; display: inline-block; width: 53px; margin-right: 14px; text-align: center; font-weight: 300; background-color: #3d3d3d;}
.recommend b:after {content: ""; position: absolute; top: 11px; right: -4px; width: 0; height: 0; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-left: 4px solid #3d3d3d;}
.recommend a {display: inline-block; width: 280px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; vertical-align: top;}
.news-list li {height: 36px; margin-left: 19px; color: #fff; font-size: 16px; line-height: 36px; font-weight: 300; list-style: square;}
.news-list li a {display: inline-block; width: 266px; color: #eee; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; vertical-align: top;}
.news-list li a:hover {color: #fff;}
.news-list li .time {float: right; color: #dbdbdb;}

.img-focus {float: right; position: relative; width: 795px; height: 351px; overflow: hidden;}
.focus-pic img {width: 795px; height: 351px;}
.focus-num {position: absolute; right: 22px; bottom: 16px; height: 14px; font-size: 0; text-align: right;}
.focus-num span {display: inline-block; width: 10px; height: 10px; margin-left: 5px; border-radius: 50%; border: 2px solid #fff; background: #fff; -moz-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}
.focus-num .on {background: #007abe;}

.tab-list {display: flex; justify-content: space-between; align-items: center; height: 105px; margin-bottom: 20px; background-color: #0d7fa8;}
.tab-list li {width: 100%; height: 105px; color: #fff; font-size: 19px; text-align: center; line-height: 105px;}
.tab-list li:nth-child(1) {background-color: #fa7f3c;}
.tab-list li:nth-child(2) {background-color: #e74c51;}
.tab-list li:nth-child(3) {background-color: #35aa62;}
.tab-list li:nth-child(4) {background-color: #0d7fa8;}
.tab-list li:nth-child(5) {background-color: #5267ae;}
.tab-list li:nth-child(6) {background-color: #363636;}
.tab-list li:nth-child(7) {background-color: #0e6938;}
.tab-list li a {position: relative; display: block; color: #fff; overflow: hidden;}
.tab-list li .tab-txt {position: relative; display: inline-block; z-index: 2; padding-top: 28px; line-height: 26px;}
.tab-list li .tab-icon {position: absolute; top: 50%; right: 0; width: 100px; height: 50px; opacity: .75; background: url(../image/icon_bg.png) no-repeat; -moz-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}
.tab-list li a:hover .tab-icon {opacity: 1;}
.tab-list li:nth-child(1) .tab-icon {right: -32px; width: 118px; height: 78px; margin-top: -30px;}
.tab-list li:nth-child(1) a:hover .tab-icon {right: -28px;}
.tab-list li:nth-child(2) .tab-icon {right: -17px; width: 92px; height: 82px; margin-top: -34px; background-position: 0 -83px;}
.tab-list li:nth-child(2) a:hover .tab-icon {right: -15px;}
.tab-list li:nth-child(3) .tab-icon {right: -23px; width: 104px; height: 98px; margin-top: -45px; background-position: 0 -171px;}
.tab-list li:nth-child(3) a:hover .tab-icon {right: -15px;}
.tab-list li:nth-child(4) .tab-icon {right: -6px; width: 85px; height: 89px; margin-top: -44px; background-position: 0 -660px;}
.tab-list li:nth-child(4) a:hover .tab-icon {right: 1px;}
.tab-list li:nth-child(5) .tab-icon {right: -11px; width: 86px; height: 86px; margin-top: -34px; background-position: 0 -280px;}
.tab-list li:nth-child(5) a:hover .tab-icon {right: -5px;}
.tab-list li:nth-child(6) .tab-icon {right: -15px; width: 104px; height: 78px; margin-top: -34px; background-position: 0 -372px;}
.tab-list li:nth-child(6) a:hover .tab-icon {right: -10px;}
.tab-list li:nth-child(7) .tab-icon {right: -44px; width: 148px; height: 82px; margin-top: -37px; background-position: 0 -462px;}
.tab-list li:nth-child(7) a:hover .tab-icon {right: -32px;}

.stock-info {height: 48px; padding: 0 10px; margin-bottom: 20px; border: 1px solid #ddd; line-height: 48px; font-size: 14px; font-weight: 300;}
.stock-info span, .stock-info strong, .stock-info em {vertical-align: top;}
#curPrice, #liftPrice {font-size: 24px; font-weight: 700;}
.icon-computer {display: inline-block; width: 26px; height: 26px; margin-right: 6px; background: url(../image/icon_bg.png) no-repeat -220px 0; vertical-align: middle;}
.range {margin-right: 10px; color: #f24444;}
.green {color: #0f990f;}
#percentPrice {padding-left: 25px; background: url(../image/icon_bg.png) no-repeat -230px -133px;}
.green #percentPrice {background-position: -230px -107px;}
#curDate {padding-left: 22px; background: url(../image/icon_bg.png) no-repeat -233px -36px;}

.follow-us {padding: 20px 25px; margin-bottom: 40px; border: 1px solid #ddd;}
.f-tile {float: left; width: 196px; padding-left: 10px; margin: 10px 0; border-left: 4px solid #007abe; color: #2b2b2b; font-size: 20px; font-weight: 400; line-height: 24px; letter-spacing: 0.4px;}
.f-list {float: left;}
.f-list li {position: relative; float: left; display: inline; padding: 10px 0; margin-right: 60px; font-size: 16px; line-height: 24px; font-weight: 300;}
.drop-code {position: absolute; top: 45px; left: 0; z-index: 100; display: none; padding: 10px; border: 1px solid #ddd; background: #fff;}

.sub-tool {position: fixed; bottom: 290px; right: 0; display: none;}
.btn-service, .back-toTop {display: block; width: 40px; height: 42px; margin-bottom: 2px; background: url(../image/icon_bg.png) no-repeat;}
.btn-service {background-color: #007abe; background-position: -140px -171px;}
.btn-service:hover {background-color: #0185cf;}
.back-toTop {background-color: #a0a0a0; background-position: -140px -215px;}
.back-toTop:hover {background-color: #adadad;}

.inner-con {padding-top: 90px; background: url(../image/top_banner.jpg) no-repeat center top;}
.lead-bar {height: 20px; padding: 15px 0; border-bottom: 1px solid #ddd;}
.lead-bar h6 {float: left; font-size: 16px;}
.lead-tab {float: right;}
.lead-tab a {position: relative; padding: 0 6px; margin-left: 18px; color: #333; font-size: 16px; font-weight: 500;}
.lead-tab a:after {content: ""; position: absolute; top: 33px; display: none; left: 0; width: 100%; height: 2px; background: #007abe;}
.lead-tab a:hover:after, .lead-tab .cur:after {display: block;}
.inner-con .main-box {padding: 78px 0 120px;}
.main-title {padding: 0 11px; margin-bottom: 26px; color: #2b2b2b; font-size: 24px; font-weight: 700; line-height: 24px; border-left: 3px solid #007abe;}
.s-more {margin-left: 5px; color: #6c6c6c; font-size: 14px; font-weight: 300;}
.sub-title {color: #000; font-size: 18px; font-weight: 700; line-height: 30px;}
.mb40 {margin-bottom: 40px;}
.t-center {text-align: center;}
.about-us p {font-size: 16px; line-height: 30px;}
.fb500 {font-weight: 500;}
.history {position: relative; height: 530px; background-color: #f7f7f7; overflow: hidden;}
.event-info {position: relative; height: 414px; padding: 58px 170px; color: #545454;}
.event-year {margin-bottom: 45px; font-size: 100px; line-height: 100px; font-weight: 900;}
.event-list li {font-size: 16px; line-height: 30px;}
.event-list li i {display: inline-block; width: 6px; height: 6px; margin-right: 12px; margin-bottom: 3px; background: #007abe; vertical-align: middle;}
.prev-year {position: absolute; bottom: -35px; left: 170px; color: #e8e8e8; font-size: 100px; line-height: 100px; font-weight: 900;}
.event-date {position: absolute; top: 0; right: 15px; height: 100%; padding: 45px 0; border-right: 2px solid #ddd; box-sizing: border-box;}
.event-date li {margin-bottom: 30px;}
.event-date li a {display: block; width: 66px; height: 30px; line-height: 30px; text-align: center; color: #9e9e9e; font-size: 14px;}
.event-date li a:hover, .event-date li .on {color: #fff; font-size: 16px; background-color: #313131;}
.leader-info {float: left; width: 390px;}
.leader-txt {padding: 30px 20px 65px 30px; color: #fff; background-color: #1975aa;}
.leader-txt h2 {margin-bottom: 20px; font-size: 24px; line-height: 24px; font-weight: 700;}
.leader-txt ul {padding-left: 22px;}
.leader-txt li {font-size: 15px; line-height: 30px; list-style: square; font-weight: 100;}
.speech-detail {position: relative; float: right; width: 760px; padding-top: 120px;}
.speech-detail:before {content: ""; position: absolute; top: 0; left: 0; width: 96px; height: 92px; background: url(../image/icon_bg.png) no-repeat -151px -280px;}
.speech-detail p {font-size: 20px; line-height: 40px;}
.s-txt {margin: 70px 0; text-align: right;}

/* jub */
.jub-proL {float: left; width: 240px;}
.jub-proL h3 {width: 240px; padding-left: 10px; margin-bottom: 35px; color: #2b2b2b; font-size: 24px; font-weight: bold; line-height: 24px; border-left: 3px solid #007abe;}
.jub-proL ul {border-top: 1px dashed #bfbfbf;}
.jub-proL ul li {padding: 25px 0 25px 23px; line-height: 20px; border-bottom: 1px dashed #bfbfbf;}
.jub-proL ul li a {padding-left: 17px; color: #1b1b1b; font-size: 18px; background: url(../image/icon_bg.png) no-repeat -241px -398px;}
.jub-proL ul li a:hover, .jub-proL ul li .cur {color: #007abe; background-position: -241px -435px;}
.jub-proR {float: right; width: 890px; padding-bottom: 40px;}
.jub-proR h3 {margin-bottom: 30px; color: #525252; font-size: 22px; line-height: 24px; text-align: center;}
.jub-proR .newmain {color: #525252; font-size: 15px; line-height: 28px; font-weight: 300;}
.jub-proR .newmain p {font-size: 15px; line-height: 28px; font-weight: 300;}
.jub-proR .newmain p span.c_red1 { color:#f92d2d;}
.jub-proR p.jub_img { text-align:center;}
.way-box {padding: 40px 50px 0 150px; margin-top: 35px; border-top: 1px dashed #ddd;}

/* inverstor */
.newmain table, .tou-tab {width: 100%; margin-bottom: 14px;}
.tou-tab td {padding: 10px; color: #fff; font-size: 15px; font-weight: 300; text-align: center; line-height: 29px; border: 1px solid #fff; background: #1a75aa;}
.tou-tab td a {color: #fff;}
.tou-tab td a:hover, .tou-tab td .cur {color: #fc0;}
.tou-tab01 td {padding: 16px 18px; font-size: 15px; line-height: 28px; font-weight: 300; border: 1px solid #dedede;}
.tou-tab01 tr:nth-child(even) td {background-color: #f7f7f7;}
.tou-tab01 thead th {padding: 10px 0; font-size: 15px; line-height: 28px; border: 1px solid #d2d2d2; background: #e7e7e7;}
.jub-proR .newmain p.in_1-3 {margin-bottom: 8px; font-size: 16px; font-weight: 400;}
.c_green { color: #090;}
.c_red { color: #f00;}
.stockbox { padding-top:110px; text-align:center;}
.stockbox a { color:#666;}
.stockbox a:hover { color:#f00;}
.btn-stock {display: inline-block; width: 100px; height: 40px; margin: 0 5px; font-size: 16px; line-height: 40px; text-align: center; border:1px solid #ccc; background:#f6f6f6;}

/* main-con */
.main-con {float: left; width: 760px;}
.n-title {margin-bottom: 40px; color: #2b2b2b; font-size: 30px; font-weight: bold; line-height: 36px;}
.newsnav {border-bottom: 1px solid #d2d2d2; overflow: hidden;}
.newsnav li { float: left;}
.newsnav a {display: inline-block; padding: 0 14px 16px; color: #5d5d5d; font-size: 16px; border-bottom: 4px solid #fff;}
.newsnav a:hover,.newsnav a.cur,.newsnav .on a { color: #007abe;  border-bottom: 4px solid #007abe;}

/* listbox */
.listbox {margin-bottom: 75px;}
.listbox li {font-size: 16px; line-height: 46px; border-bottom: 1px dashed #cec5b7; overflow: hidden;}
.listbox li span { float: right}
.listbox li a {display: block; width: 580px; padding-left: 15px; color: #5d5d5d; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; background: url(../image/icon_bg.png) no-repeat -242px -458px;}
.listbox li a:hover {background-position: -242px -494px;}
.listbox li a:hover ,.pagelist a:hover,.sider_01 ul li a:hover {color: #007abe;}

/* pagelist */
.pagelist {font-size: 16px; text-align: center;}
.pagelist a {margin: 0 8px; cursor: pointer;}
.pagelist b, .pagelist a.jp-current {color: #007abe; font-weight: bold;}
.pagelist em { font-weight: bold;}

/* news-detail */
.news-detail {min-height: 500px; color: #5d5d5d;}
.news-detail h1 {padding-bottom: 15px; margin-bottom: 18px; color: #2b2b2b; font-size: 30px; font-weight: bold; line-height: 36px; border-bottom: 1px solid #ddd;}
.news-time {height: 16px; padding-bottom: 18px; margin-bottom: 25px; font-size: 16px; line-height: 16px; border-bottom: 1px solid #ddd;}
.news-detail .article {padding-bottom: 50px;}
.news-detail .article, .news-detail .article p {font-size: 16px; line-height: 30px;}
.article img {max-width: 760px;}
.near-news {padding-top: 15px; font-size: 16px; border-top: 1px solid #ddd; overflow: hidden; zoom: 1;}
.near-news a {float: left; width: 50%; padding-left: 16px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #6c6c6c; background: url(../image/arrow.png) no-repeat 0 4px; box-sizing: border-box;}
.near-news a:last-child {padding-left: 0; padding-right: 16px; text-align: right; background-position: right -26px;}
.near-news a:hover {color: #007abe;}
.icon {display: inline-block; margin-right: 8px; background: url(../image/icon_bg.png) no-repeat; vertical-align: middle;}
.icon-time {width: 16px; height: 16px; margin-bottom: 4px; background-position: -232px -170px;}
.icon-prev {width: 9px; height: 11px; margin-bottom: 4px; background-position: -239px -204px;}
.icon-next {width: 9px; height: 11px; margin: 0 0 4px 8px; background-position: -239px -234px;}

/* side-con */
.side-con {float: right; width: 400px; padding: 40px 0; background-color: #f7f6f6;}
.sider-box {padding: 0 13px 40px;}
.side-news-list {padding: 0 13px;}
.side-news-list li {margin-bottom: 15px; font-size: 16px; line-height: 21px; overflow: hidden;}
.side-news-list em {float: left; width: 50px; height: 21px; margin-right: 12px; color: #000; text-align: center; background: url(../image/icon_bg.png) no-repeat -198px -561px;}
.side-news-list li a {float: left; width: 278px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #000;}
.side-news-list li a:hover {text-decoration: underline;}
.side-focus {position: relative; width: 348px; height: 154px; margin-left: 13px; overflow: hidden;}
.side-pic img {width: 348px; height: 154px;}
.side-num {position: absolute; right: 8px; bottom: 8px; height: 14px; font-size: 0; text-align: right;}
.side-num span {display: inline-block; width: 10px; height: 10px; margin-left: 5px; border-radius: 50%; border: 2px solid #fff; background: #fff; -moz-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}
.side-num .on {background: #007abe;}

.contact-box {width: 100%; padding-bottom: 30px; margin-bottom: 50px; border-bottom: 1px solid #ebebeb;}
.c-title {padding-left: 10px; margin-bottom: 20px; color: #2b2b2b; font-size: 28px; font-weight: bold; line-height: 28px; border-left: 4px solid #007abe;}
.c-list li {position: relative; padding-left: 15px; color: #5d5d5d; font-size: 16px; font-weight: 300; line-height: 28px;}
.c-list li:before {content: ""; position: absolute; top: 12px; left: 0; width: 5px; height: 5px; background-color: #007abe;}

/*------------------- footer -------------------*/
.foot-top {background: #f7f7f7;}
.foot-nav {display: flex; justify-content: space-between; padding: 40px 0 65px;}
.foot-nav dl {flex-grow: 1;}
.foot-nav dl:last-child {flex-grow: 0;}
.foot-nav dt {padding-bottom: 16px; margin-bottom: 10px; color: #2b2b2b; font-size: 18px; font-weight: 700; border-bottom: 1px solid #ddd;}
.foot-nav dt a {color: #2b2b2b;}
.foot-nav dd a {font-size: 15px; line-height: 30px; font-weight: 300;}
.foot-bom {padding: 30px 0; color: #767676; background: #eee;}
.foot-bom li {float: left; display: inline; padding-top: 20px; margin: 0 8px;}
.foot-bom .footer-txt {padding-top: 0;}
.foot-bom, .foot-bom li, .foot-bom p {font-size: 13px; font-weight: 300;}
.zqgame-link em {margin: 0 5px 0 8px;}
.sblock {width: 1200px; margin: 0 auto;}