/* common css */
html, body {font-family: 'Microsoft Yahei', 微软雅黑, sans-serif; min-height: 100%; font-size: 14px; height: 100%; background: #fafafa;}
* { -webkit-tap-highlight-color: rgba(0,0,0,0); outline: none; margin: 0;}

a, a:hover, a:active {text-decoration: none; color: #333;}
ul, ol {list-style: none; margin: 0; padding: 0;}

p {font-size: 14px;}

.fl {float: left;}
.fr {float: right;}
	
/* clear float */
.fn-clear:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.fn-clear { zoom: 1; /* for IE6 IE7 */ }

/* common style */
.page-width {width: 1200px; padding: 0 20px; margin: 0 auto; position: relative;}
h2.title, h3.title {font-size:  32px; font-weight: normal; color: #000; border-left:3px solid #e43032; padding-left: 15px; margin-bottom: 32px;}
h2.title span {color: #e43032; font-size: 12px; position: relative; top: -7px;}

.white-box {padding: 50px; box-sizing: border-box; background: #fff;}
/* header [[ */
#cp_box01.logBox{ z-index:200}
.header {background: #fff; border-bottom: 2px solid #e5e5e5; position: relative; z-index:100}
.top-row {padding: 25px 0 15px; position: relative; z-index: 5;}
.logo-text {color: #514f5a; font-family: "微软雅黑"; text-decoration: none; position: absolute; left: 210px; top: 32px; font-size: 24px;}
.logo-text:hover {color: #599ae5;}
.login-section {position: absolute; right: 0; top: 30px; font-size: 14px; color: #000;}
.login {background: #fff; display: inline-block; padding: 0 20px; line-height: 30px!important; font-size: 14px; color: #E6312E!important; height: 30px; border: 1px solid #E6312E; border-radius: 20px;}
.login:hover {background: #E6312E; color: #fff!important;}
.logged-in {font-size: 14px; color: #f0f0f0;}
.logged .logged-in {display: block;}
.logged .login {display: none;}
.logged-in span {color: #000;}
.logged-in a {color: #000;}
.btns {position: absolute; top: 40px; right: 0; width: 300px; text-align: right;}
.btns .btn {display: inline-block; border: 1px solid #a1a1a1; font-size: 14px; padding: 0 20px; height: 36px; line-height: 36px; border-radius: 18px; margin-left: 10px; background: #fff;}

.mainmenu {position: relative; z-index: 4;}
.mainmenu ul {position: relative; bottom: -2px;}
.mainmenu li {display: inline-block; box-sizing: border-box; text-align: center; float: left; height: 50px; line-height: 30px; padding: 10px 0; margin-right: 40px; border-bottom: 2px solid #e5e5e5;}
.mainmenu li.active, .mainmneu li:hover {border-bottom: 2px solid #e43032;}
.mainmenu li a {display: inline-block; padding: 0 10px; font-size: 18px; color: #000;}
.mainmenu li.active a {color: #E43335;}
.mainmenu li a:hover {color: #e43032;}

.submenu {padding: 30px 0;}
.submenu li {display: inline-block; box-sizing: border-box; float: left; height: 50px; line-height: 30px; margin-right: 60px; position: relative;}
.submenu li + li:before {position: absolute; left: -30px; top: 6px; content: ''; width: 2px; height: 20px; background: #ececec; transform: skew(-15deg);}
.submenu li a {display: inline-block; padding: 0 20px; font-size: 16px; color: #000; border: 1px solid #fafafa; border-radius: 20px;}
.submenu li.sel a, .submenu li a:hover {border-color: #e43032; color: #e43032;}
/* header ]] */

/* content [[ */
.content {padding-bottom: 40px; min-height: 480px;}
/*.content.home {background: #fff;}*/
/* sidebar */
.sidebar {width: 285px; background: #fff; text-align: center;}
.sidemenu li {border-bottom: 1px solid #f1f1f1; text-align: center;}
.sidemenu li.sel {background: #4a90e2; position: relative;}
.sidemenu li.sel:after {position: absolute; content: ''; right: -10px; top: 28px; width: 0; height: 0; border-top: 14px solid transparent; border-bottom: 14px solid transparent; border-left: 10px solid #4a90e2;}
.sidemenu a {display: inline-block; width: 100%; padding: 20px 0; height: 40px; line-height: 40px; color: #000; font-size: 16px;}
.sidemenu li.sel a {color: #fff;}

/* container */
.container {width: 800px; background: #fff; padding: 40px;}

/* content ]] */

/* homepage */
.content.home {padding: 80px 0;}
.home-banner {background: url(../../pic/home-banner.jpg) no-repeat 50% 0; height: 280px;}
.home-banner2 {background: url(../../pic/rzrq-banner.jpg) no-repeat 50% 0; height: 280px;}
.home-title {font-size: 46px; font-weight: normal; text-align: center; line-height: 50px; margin: 0 0 20px;}
.home-title span {position: relative;}
.home-title span:before {position: absolute; content: ''; width: 160px; height: 1px; background: #999; left: -200px; top: 24px;}
.home-title span:after {position: absolute; content: ''; width: 160px; height: 1px; background: #999; right: -200px; top: 24px;}

.biz-blocks {margin: 80px -10px 80px;}
.biz-blocks li {width: 25%; display: inline-block; box-sizing: border-box; padding: 0 10px; float: left; text-align: center;}
.ie7 .biz-blocks li {width: 260px;}
.biz-blocks a {display: block; width: 100%; height: 280px; box-sizing: border-box; padding-top: 170px; font-size: 26px; color: #000;}
.biz-blocks a:hover {box-shadow: 0 0 3px 5px rgba(0,0,0,.03);}
.biz-blocks .ico1 a {background: #fff url(../../pic/ico1.jpg) no-repeat 50% 50px;}
.biz-blocks .ico2 a {background: #fff url(../../pic/ico2.jpg) no-repeat 50% 50px;}
.biz-blocks .ico3 a {background: #fff url(../../pic/ico3.jpg) no-repeat 50% 50px;}
.biz-blocks .ico4 a {background: #fff url(../../pic/ico4.jpg) no-repeat 50% 50px;}

.home h3 {font-size: 24px; text-align: center; font-weight: normal;color:#262626;}

.biz-adv {margin: 80px -10px 100px;}
.biz-adv li {width: 33.3333%; display: inline-block; box-sizing: border-box; padding: 0 10px; float: left; text-align: center;}
.biz-adv a {display: block; width: 100%; box-sizing: border-box; font-size: 26px; color: #000; border: 1px solid #f4f4f4;overflow:hidden; position: relative;}
.biz-adv span {display: block; text-align: center; padding: 10px 0; font-size: 19px; line-height: 1.5; position: absolute; bottom: 0; width: 100%; background: rgba(0,0,0,.5); color: #fff;}
.ie7 .biz-adv LI {width: 360px;}
.home-news {margin: 80px -10px 100px;}
.home-news > li {width: 50%; display: inline-block; box-sizing: border-box; padding: 0 10px; float: left;}
.ie7 .home-news > li {width: 589px;}
.home-news .pic {position: relative; overflow: hidden;}
.home-news img {display: block;}
.home-news .pic span {position: absolute; left: 0; bottom: 0; width: 100%; height: 58px; line-height: 58px; color: #fff; font-size: 24px; box-sizing: border-box; padding: 0 15px; background: rgba(0,0,0,.5);}
.home-news ul li {padding: 0 10px;}
.home-news ul li a {display: block; position: relative; border-bottom: 1px dashed #dcdcdc; padding: 15px 100px 15px 0; color: #000; font-size: 14px;height: 40px}
.home-news ul li:last-child a {border-bottom: none;}
.home-news ul li a:hover, .home-news .more:hover {text-decoration: none; color: #4A90E2;}
.home-news ul li a span {position: absolute; right: 0; width: 100px; text-align: right;}
#jysgg, #gsgg {background: #fff;}
.home-news .more {display: block; background: #f1f1f1; height: 60px; line-height: 60px; text-align: center; font-size: 14px; color: #000;}

.dept-intro {position: relative; padding: 40px 40px 40px 615px; margin: 0 0 20px; height: 400px; background: #fff;}
.dept-intro img {position: absolute; left: 50px; top: 60px; width: 535px;}
.dept-intro h3 {font-size: 46px; color: #000; font-weight: normal;line-height: 1.8; padding-bottom: 10px; text-align: left; margin-bottom: 21px;}
.dept-intro p {font-size: 18px; text-indent: 2em; line-height: 2;}

/* margin trading */
.content.mt-bg {background: transparent;}
.mt-list {margin: 40px 0; background: #fff;}
.mt-list li {display: inline-block; float: left; width: 25%; height: 380px; box-sizing: border-box;}
.mt-list.mt-list-special li {height: 480px;}
.mt-list.three-cols li {width: 33.3333%;}
.mt-list li a {display: block; width: 100%; height: 100%; box-sizing: border-box; border-right: 1px solid #eee; text-align: center; position: relative; font-size: 26px; color: #000; padding-top: 130px;}
.mt-list li:last-child a {border-right: none;}
.mt-list li.two a {height: 190px; padding-top: 35px;}
.mt-list.mt-list-special li.two a {height: 240px; padding-top: 50px;}
.ie7 .mt-list li.two a {height: 175px;}
.mt-list li.two a+a {border-top: 1px solid #eee;}
.mt-list img {display: block; margin: 0 auto;}
.mt-list span {display: block; margin: 15px 0;}
.mt-list a:hover span {color: #4A90E2; transform: translateY(3px); transition: all ease 0.2s;}
.mt-list span:nth-child(3) {font-size: 16px; position: relative; top: -10px;}
.sml {font-size: 16px; position: relative; top: -10px;}
.mt-list li.big a {padding-top: 30px; height: 100%;}
.mt-list li.big span {font-size: 34px; margin: 40px 0;}
.mt-block {background: #fff; padding: 50px 10px 50px 50px;}
.mt-radios {margin-right: 40px; z-index: 99; position: relative;}
.mt-radios label {position: relative; padding-left: 5px; padding-right: 20px; font-size: 14px;}
.mt-radios span {display: inline-block; position: relative; width: 25px; height: 2px; background: #f00; top: -5px; margin-left: 5px;}
.mt-radios .line1 {background-color: #E03C3E;}
.mt-radios .line2 {background-color: #4A90E2;}
.mt-radios .line3 {background-color: #FFC462;}

.tab-row {background: #fff; text-align: center;}
.mt-tabs {margin-bottom: 0;}
.mt-tabs li {width: 33.3333%; float: left; display: inline-block; text-align: center; font-size: 16px; color: #000; padding: 27px 0 32px; line-height: 35px; position: relative; cursor: pointer;}
.mt-tabs li+li:before {position: absolute; left: 0; content: ''; width: 2px; height: 35px; font-size: 28px; top: 33px; background: #eee;}
.mt-tabs li.tab-nav-action a {color: #4A90E2;}
.mt-tabs li a {color: #6e6e6e;}
.mt-tabs span {display: inline-block; line-height: 35px; height: 35px; font-size: 28px;}
.mt-tabs em {display: inline-block; width: 35px; height: 35px; position: relative; top: 10px; margin-right: 10px;}
.mtt1 {background: url(../../pic/mtt1.png) no-repeat 50% 50%;}
.mtt2 {background: url(../../pic/mtt2.png) no-repeat 50% 50%;}
.mtt3 {background: url(../../pic/mtt3.png) no-repeat 50% 50%;}
.mt-tabs li.tab-nav-action .mtt1, .mt-tabs li:hover .mtt1 {background: url(../../pic/mtt1-active.png) no-repeat 50% 50%;}
.mt-tabs li.tab-nav-action .mtt2, .mt-tabs li:hover .mtt2 {background: url(../../pic/mtt2-active.png) no-repeat 50% 50%;}
.mt-tabs li.tab-nav-action .mtt3, .mt-tabs li:hover .mtt3 {background: url(../../pic/mtt3-active.png) no-repeat 50% 50%;}

.mt-query {padding: 40px; margin-top: 60px; background: #fff;}
.mtqb {width: 48.5%;}
.search-bar input {border: 1px solid #e0e0e0; height: 34px; line-height: 34px; width: 265px; font-size: 14px; background: url(../../pic/ico-search.jpg) no-repeat 97% 45%; padding: 0 10px;}
.search-bar .search-btn {display: inline-block; background: #4A90E2; height: 36px; line-height: 36px; padding: 0 30px; font-size: 14px; color: #fff; margin-left: 20px;}

.mtq-table {border: 1px solid #f1f1f1; margin: 30px 0 0;}
.mtq-table h4 {font-size: 16px; text-align: center; font-weight: normal; line-height: 1.5; padding: 10px 0;}
.mtq-table table {border-collapse: collapse;}
.mtq-table td {text-align: center; font-size: 14px; line-height: 1.5; padding: 12px 10px;}
.mtq-table-s td {
    width: 50%;
}
.mtq-table tbody tr:nth-child(2n), .mtq-table thead tr {background: #f1f1f1;}
.mtq-table a {color: #000;}

.mtb .white-box {width: 48.5%; margin-top: 40px; height: 520px; position: relative;}
.ie7 .mtb .white-box {width: 480px;}
.mtb .active, .mtb .open .default {display: none;}
.mtb .default, .mtb .open .active {display: block;}
.mtb-list {margin: 40px auto; text-align: center;}
.mtb-list li {display: inline-block; margin: 0 20px; text-align: center; background: #f7f7f7; font-size: 28px; width: 195px;}
.ie7 .mtb-list li {display: inline;}
.mtb-list li:nth-child(1) >div {background: #fc7a7a; height: 70px; line-height: 70px; color: #fff;}
.mtb-list li:nth-child(2) >div {background: #4a90e2; height: 70px; line-height: 70px; color: #fff;}
.mtl1 {background: #fc7a7a; height: 70px; line-height: 70px; color: #fff;}
.mtl2 {background: #4a90e2; height: 70px; line-height: 70px; color: #fff;}
.mtb-list span {padding: 48px 0; font-size: 50px; display: block;}
.mtb-list span em {font-size: 30px; font-style: normal;}
.mtb .btn {border: 1px solid #d8d8d8; padding: 20px; text-align: center; line-height: 24px; font-size: 16px; display: inline-block; min-width: 280px; margin: 0 auto;}
.mtb .default .btn {position: absolute; bottom: 40px; left: 50%; transform: translateX(-50%);}
.mtb .default .btn:hover, .mtb .btn:hover i {color: #4a90e2; border-color: #4a90e2;}
.ie7 .mtb .default .btn {left: 0; margin-left: 120px; display: block; transform: none;}
.mtb .btn i {color: #d8d8d8; margin-left: 11px;}
.mtb .active .btn {width: 100%; position: absolute; top: 0; left: 0; box-sizing: border-box; background: #4A90E2; color: #fff;}
.ie7 .mtb .active .btn {width: 540px;}
.ie7 .mtb .active {padding-top: 10px;}
.mtb .active .btn .layui-icon {color: #fff;}
.mtb .active .mtq-table {margin-top: 50px;}

.mtb-prog {margin: 46px 0;}
.mtb-prog li {padding: 22px 0 22px 255px; position: relative;}
.mtb-prog label {position: absolute; left: -30px; width: 275px; font-size: 14px; text-align: right;}
.mtb-prog div {width: 205px; height: 20px; background: #f7f7f7;}
.mtb-prog div em {background: #4a90e2; display: inline-block; height: 20px;}
.mtb-prog span {position: absolute; right: -10px;}

/* special margin */
.sm-box {background: #fff; padding: 50px 60px 60px 110px; margin-bottom: 100px;}
.sm-box h3 {font-size: 30px; font-weight: normal; margin: 40px 0 20px;}
.sm-box ul {padding-left: 1em;}
.sm-box ul li {list-style: disc; font-size: 16px; line-height: 1.8; padding: 4px 0;}

/* target stock pool */
.tsp-search label {display: inline-block; font-size: 16px; color: #000; line-height: 26px; text-align: right; padding-left: 15px;}
.tsp-search input {border: 1px solid #dbdbdb; height: 26px; line-height: 26px; padding: 0 10px; font-size: 14px; width: 100px;}
.tsp-search .btn {height: 26px; line-height: 26px; background: #E12E22; display: inline-block; padding: 0 30px; font-size: 14px; color: #fff; margin-left: 15px;}
.ie7 .tsp-search .btn {position: relative; top: -10px;}
.tsp-tableheader {margin: 40px 0 0;}
.tsp-tabs li {display: inline-block; height: 32px; line-height: 32px; border: 1px solid #E0E0E0; border-radius: 3px; padding: 0 30px; font-size: 18px; color: #000; margin-right: 10px; cursor: pointer;}
.ie7 .tsp-tabs li {display: inline;}
.tsp-tabs li.active {border-color: #E12E22; background: #E12E22; color: #fff;}

.tsp-tableheader > div {font-size: 14px; color: #000;}
.tsp-tableheader > div a {color: #4A90E2; margin-left: 10px;}
.tableStyle {border-collapse: collapse; border: 1px solid #f1f1f1}
.tableStyle td {text-align: center; font-size: 14px; line-height: 1.5; padding: 12px 10px;}
.tableStyle tbody tr:nth-child(2n), .tableStyle thead tr {background: #f1f1f1;}
.tableStyle a {color: #000;}
#pagination {text-align: center;}


#contents p, #contents span {text-align: left; font-size: 14px!important;}

/* ie8 css hack */
.ie8 #cp_box01.logBox, .ie8 .header, .ie8 .content {text-align: center;}
.ie8 .main2, .ie8 .page-width {text-align: left;}

.mtq-table.mt2 {border: none;}
.mtq-table.mt2 tr td:first-child {text-align: left; padding-left: 20px;}
.mtq-table.mt2 .note {padding: 20px; font-size: 12px;}