body,
html {
  font-size: 14px;
  color: #333;
  font-family: Arial, "Microsoft YaHei", sans-serif;
  line-height: 24px;
}
div,
p,
ul,
li,
textarea,
ol,
h1,
h1,
h2,
h3,
h4,
h5,
h6,
a,
span,
img,
body,
html,
input,
button,
article,
aside,
dialog,
footer,
header,
section,
footer,
nav,
figure,
menu,
dl,
dt,
dd,
hr,
table,
th,
td,
tr {
  border: 0;
  padding: 0;
  margin: 0;
  list-style: none;
}
a {
  text-decoration: none;
  color: #333;
}
a:hover {
  color: #3471df;
}
input,
textarea,
button,
select {
  outline: none;
  border: 1px solid #ddd;
  background: #fff;
  margin: 0;
  padding: 0;
  list-style: none;
}
article,
aside,
dialog,
footer,
header,
section,
footer,
nav,
figure,
menu {
  display: block;
}
i,
em {
  font-style: normal;
}
.width {
  width: 1200px;
  margin: 0 auto;
}
.ip-stock,
.t-bluebg {
  background: #151e2d;
  min-width: 1200px;
}
.t-bannerbg {
  background-repeat: no-repeat;
  background-image: url(../images/banner-bg.png) #151e2d left bottom repeat-x;
}
.t-header {
  height: 100px;
  font-size: 16px;
}
.t-header .logo {
  float: left;
  margin: 30px 0 0 10px;
}
.t-header a {
  display: inline-block;
  text-decoration: none;
  line-height: 40px;
  color: #d8d8d8;
}
.t-header .t-nav {
  float: left;
  margin-left: 100px;
  line-height: 100px;
}
.t-header .t-nav li {
  display: block;
  float: left;
  margin: 0 20px;
}
.t-header .t-nav li a {
  border-bottom: 2px solid #151e2d;
}
.t-header .t-nav li a:hover,
.t-header .t-nav li.active + a,
.t-header .t-nav li.cur > a {
  color: #2385ff;
  border-bottom: 2px solid #2385ff;
}
.t-header .t-nav .nav-rpt {
  display: inline-block;
  position: relative;
}
.t-header .t-nav .nav-sub {
  display: none;
  background: #151e2d;
  position: absolute;
  z-index: 999;
  margin-top: -30px;
  margin-left: -12px;
  padding: 7px 12px;
  width: 190px;
}
.t-header .t-nav .nav-sub a {
  display: block;
  float: left;
}
.t-header .user {
  float: right;
  margin-right: 10px;
  line-height: 100px;
}
.t-header .user a {
  margin-left: 10px;
  color: #2385ff;
}
.t-header .user a:hover {
  text-decoration: underline;
}
.t-header .user .himg img {
  width: 30px;
  margin-right: 10px;
}
body,
html {
  margin: 0;
  padding: 0;
}
.t-width {
  width: 1200px;
  min-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}
.t-minwidth {
  min-width: 1200px;
}
.clear-fix {
  clear: both;
  float: none;
  height: 0;
  overflow: hidden;
}
div.t-bluebg {
  background: #3471df;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 10;
  width: 100%;
  height: 120px;
}
div.t-bluebg .logo img {
  display: none;
}
div.t-bluebg .logo .logo-title {
  color: #FFFFFF;
  letter-spacing: 2px;
  font-size: 24px;
  line-height: 25px;
  width: 220px;
}
div.t-bluebg .logo .logo-title .company-name {
  font-weight: bold;
  font-size: 18px;
  letter-spacing: 2px;
}
div.t-bluebg .logo .logo-title .company-sub {
  font-size: 12px;
}
div.t-bluebg .logo .logo-title:before {
  content: '';
  display: block;
  width: 58px;
  height: 52px;
  margin-right: 10px;
  float: left ;
  background: url('https://c.ocn.com.cn/static/images/logo-small.png');
  -webkit-background-size: 100% 100%;
  background-position-y: -5px;
  background-size: 100% 100%;
}
div.t-bluebg .t-header,
div.t-bluebg .t-nav {
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
div.t-bluebg a {
  color: #fff;
}
div.t-bluebg .user img {
  float: left;
}
div.t-bluebg .user a {
  color: #fff;
}
div.t-bluebg .t-header .t-nav li a:hover,
div.t-bluebg .t-header .t-nav li.active + a,
div.t-bluebg .t-header .t-nav li.cur > a {
  color: #ffc452;
  border-color: #ffc452;
}
div.t-bluebg .t-header .t-nav li a {
  border-color: #3471df;
}
div.t-bluebg.t-bluebg2 {
  background: #fff;
  -webkit-box-shadow: 0 0 10px #aaa;
  height: 120px;
  -moz-box-shadow: 0 0 10px #aaa;
  box-shadow: 0 0 10px #aaa;
}
div.t-bluebg.t-bluebg2 .t-header,
div.t-bluebg.t-bluebg2 .t-nav {
  height: 70px;
  line-height: 70px;
}
div.t-bluebg.t-bluebg2 .logo {
  margin-top: 0;
  margin-bottom: 0;
}
div.t-bluebg.t-bluebg2 .logo img {
  display: none;
}
div.t-bluebg.t-bluebg2 .logo .logo-title {
  margin-top: 18px;
  color: #0f51b3;
}
div.t-bluebg.t-bluebg2 .logo .logo-title:before {
  content: '';
  display: block;
  width: 64px;
  height: 35px;
  margin-right: 10px;
  float: left;
  background: url(../images/logo-w.png);
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
}
div.t-bluebg.t-bluebg2 a {
  color: #333;
}
div.t-bluebg.t-bluebg2 .user {
  line-height: 70px;
}
div.t-bluebg.t-bluebg2 .user img {
  float: left;
}
div.t-bluebg.t-bluebg2 .user a {
  color: #333;
}
div.t-bluebg.t-bluebg2 .t-header .t-nav li a:hover,
div.t-bluebg.t-bluebg2 .t-header .t-nav li.active + a,
div.t-bluebg.t-bluebg2 .t-header .t-nav li.cur > a {
  color: #3471df;
  border-color: #3471df;
}
div.t-bluebg.t-bluebg2 .t-header .t-nav li a {
  border-color: #fff;
}
body,
html {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.dataBaseDiv {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 0;
}
.dataBaseDiv .swiper-wrapper {
  width: 100%;
  height: 100%;
}
.dataBaseDiv .swiper-slide {
  width: 100%;
  height: 100%;
}
.dataBaseDiv .width {
  overflow: hidden;
  padding-top: 120px;
}
.threeBannerDiv {
  background: #fff url(../images/threebg1.png) left bottom;
  background-repeat: repeat-x;
}
.threeBannerDiv div,
.threeBannerDiv p,
.threeBannerDiv ul,
.threeBannerDiv li,
.threeBannerDiv textarea,
.threeBannerDiv ol,
.threeBannerDiv h1,
.threeBannerDiv h1,
.threeBannerDiv h2,
.threeBannerDiv h3,
.threeBannerDiv h4,
.threeBannerDiv h5,
.threeBannerDiv h6,
.threeBannerDiv a,
.threeBannerDiv span,
.threeBannerDiv img,
.threeBannerDiv body,
.threeBannerDiv html,
.threeBannerDiv input,
.threeBannerDiv button,
.threeBannerDiv article,
.threeBannerDiv aside,
.threeBannerDiv dialog,
.threeBannerDiv footer,
.threeBannerDiv header,
.threeBannerDiv section,
.threeBannerDiv footer,
.threeBannerDiv nav,
.threeBannerDiv figure,
.threeBannerDiv menu,
.threeBannerDiv dl,
.threeBannerDiv dt,
.threeBannerDiv dd,
.threeBannerDiv hr,
.threeBannerDiv table,
.threeBannerDiv th,
.threeBannerDiv td,
.threeBannerDiv tr {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.threeBannerDiv.threeBannerDiv1 {
  background: #3471df url(../images/threebg.png) left bottom;
  background-repeat: repeat-x;
}
.threeBannerDiv.threeBannerDiv1 div.fl,
.threeBannerDiv.threeBannerDiv1 a {
  color: #fff;
  float: left;
}
.threeBannerDiv.threeBannerDiv1 div.fl {
  width: 496px;
  padding-left: 15px;
}
.threeBannerDiv.threeBannerDiv1 h2 {
  font-size: 32px;
  text-align: center;
  line-height: 88px;
  margin-top: 108px;
}
.threeBannerDiv.threeBannerDiv1 h4 {
  font-weight: normal;
  font-size: 18px;
  line-height: 32px;
  margin-bottom: 60px;
  margin-top: 20px;
}
.threeBannerDiv.threeBannerDiv1 img {
  float: right;
  width: 590px;
  height: 543px;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
.threeBannerDiv.threeBannerDiv1 img:hover {
  -webkit-transform: translateX(15px);
  -moz-transform: translateX(15px);
  -ms-transform: translateX(15px);
  -o-transform: translateX(15px);
  transform: translateX(15px);
}
.threeBannerDiv.threeBannerDiv1 a {
  width: 210px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  font-size: 20px;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  border: 1px solid #3471df;
  position: relative;
  overflow: hidden;
}
.threeBannerDiv.threeBannerDiv1 a span {
  position: absolute;
  width: 210px;
  height: 50px;
  left: 0;
  top: 0;
  z-index: 2;
}
.threeBannerDiv.threeBannerDiv1 a:before {
  content: "";
  position: absolute;
  width: 210px;
  height: 50px;
  left: -210px;
  top: 0;
  z-index: 1;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
.threeBannerDiv.threeBannerDiv1 .freebtn {
  background: #fff;
  color: #3471df;
  margin-right: 54px;
}
.threeBannerDiv.threeBannerDiv1 .freebtn:hover {
  border-color: #fff;
  color: #fff;
}
.threeBannerDiv.threeBannerDiv1 .freebtn:hover:before {
  left: 0;
}
.threeBannerDiv.threeBannerDiv1 .freebtn:before {
  background: #3471df;
}
.threeBannerDiv.threeBannerDiv1 .buyBtn {
  border-color: #ffc452;
  background: #ffc452;
}
.threeBannerDiv.threeBannerDiv1 .buyBtn:hover {
  border-color: #fff;
  color: #fff;
}
.threeBannerDiv.threeBannerDiv1 .buyBtn:hover:before {
  left: 0;
}
.threeBannerDiv.threeBannerDiv1 .buyBtn:before {
  background: #3471df;
}
.macroData .threeBannerDiv2 ul {
  width: 920px;
  background: #f60;
  margin: 50px auto 0;
}
.macroData .threeBannerDiv2 li {
  width: 460px;
  float: left;
  text-align: center;
  height: 180px;
  margin-bottom: 70px;
}
.macroData .threeBannerDiv2 li:hover span {
  -webkit-transform: rotate(360deg);
  -moz-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  -o-transform: rotate(360deg);
  transform: rotate(360deg);
}
.macroData .threeBannerDiv2 span {
  display: block;
  width: 42px;
  height: 42px;
  background: url(../images/sprite1.png);
  margin: 0 auto;
  background-position: 0 0;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
.macroData .threeBannerDiv2 h5 {
  font-size: 20px;
  color: #3471df;
  line-height: 64px;
}
.macroData .threeBannerDiv2 p {
  font-size: 16px;
}
.macroData .threeBannerDiv2 .mocro-icon2 {
  background-position: -42px 0;
}
.macroData .threeBannerDiv2 .mocro-icon3 {
  background-position: 0 -42px;
}
.macroData .threeBannerDiv2 .mocro-icon4 {
  background-position: -42px -42px;
}
.macroData .threeBannerDiv3 .width {
  padding-top: 130px;
}
.macroData .threeBannerDiv3 ul {
  overflow: hidden;
  margin-left: 137px;
  width: 1063px;
}
.macroData .threeBannerDiv3 li {
  float: left;
  margin-right: 137px;
  width: 394px;
  text-align: center;
  margin-bottom: 60px;
}
.macroData .threeBannerDiv3 h5 {
  font-weight: normal;
  font-size: 16px;
  line-height: 54px;
}
.macroData .threeBannerDiv3 img {
  width: 353px;
  height: 232px;
  border: 1px solid #e5e5e5;
}
.investData .threeBannerDiv2 {
  text-align: center;
  color: #666666;
}
.investData .threeBannerDiv2 strong {
  font-size: 36px;
  color: #3471df;
  display: block;
  line-height: 64px;
}
.investData .threeBannerDiv2 span {
  font-size: 18px;
  display: block;
}
.investData .threeBannerDiv2 li {
  float: left;
  width: 400px;
  height: 168px;
}
.investData .threeBannerDiv3 .width,
.investData .threeBannerDiv6 .width {
  padding-top: 240px;
}
.investData .threeBannerDiv4 .width,
.investData .threeBannerDiv5 .width {
  width: 1000px;
}
.investData .threeBannerDiv4 h3,
.investData .threeBannerDiv5 h3 {
  overflow: hidden;
  height: 40px;
  border-bottom: 2px solid #3471df;
}
.investData .threeBannerDiv4 .width,
.investData .threeBannerDiv5 .width {
  padding-top: 220px;
}
h2.Data-title {
  font-size: 26px;
  line-height: 88px;
  margin-bottom: 70px;
  color: #666666;
  text-align: center;
}
.investDataBox {
  width: 479px;
  background: #f5faff;
  height: 368px;
  float: left;
  margin-left: 94px;
}
.investDataBox.investDataBox1 {
  height: 433px;
}
.investDataBox.investDataBox2 th,
.investDataBox.investDataBox2 td {
  width: 149px;
}
.investDataBox h3 {
  padding-left: 15px;
  height: 40px;
  line-height: 40px;
  width: 464px;
  background: #3471df;
  color: #fff;
  font-size: 16px;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  border-bottom: 8px solid #fff;
  clear: both;
}
.investDataBox > div {
  float: left;
  width: 50%;
  overflow: hidden;
}
.investDataBox .market-number {
  padding-top: 30px;
}
.investDataBox .market-number li {
  height: 102px;
  padding-left: 15px;
  padding-right: 11px;
  width: 203px;
}
.investDataBox .market-number strong {
  font-size: 18px;
  display: block;
  line-height: 30px;
}
.investDataBox .market-number h5 {
  font-size: 12px;
  line-height: 18px;
}
.investDataBox .market-number strong,
.investDataBox .market-number h5 {
  width: 100px;
  float: left;
  font-weight: normal;
}
.investDataBox .marketMood-curves {
  float: right;
  width: 95px;
  height: 49px;
}
.investDataBox .marketMood-curves1 {
  background-repeat: no-repeat;
  background-image: url(../images/index-cur01.png);
}
.investDataBox .marketMood-curves2 {
  background-repeat: no-repeat;
  background-image: url(../images/index-cur02.png);
}
.investDataBox .marketMood-curves3 {
  background-repeat: no-repeat;
  background-image: url(../images/index-cur03.png);
}
.investDataBox .marketMood-curves4 {
  background-repeat: no-repeat;
  background-image: url(../images/index-cur04.png);
}
.investDataBox .marketMood-curves5 {
  background-repeat: no-repeat;
  background-image: url(../images/index-cur05.png);
}
.investDataBox .marketMood-curves6 {
  background-repeat: no-repeat;
  background-image: url(../images/index-cur06.png);
}
.investDataBox .marketMood-curves7 {
  background-repeat: no-repeat;
  background-image: url(../images/index-cur07.png);
}
.investDataBox .marketMood-curves8 {
  background-repeat: no-repeat;
  background-image: url(../images/index-cur08.png);
}
.investDataBox .marketMood-curves9 {
  background-repeat: no-repeat;
  background-image: url(../images/index-cur09.png);
}
.investDataBox .marketMood-curves10 {
  background-repeat: no-repeat;
  background-image: url(../images/index-cur10.png);
}
.investDataBox .marketMood-curves11 {
  background-repeat: no-repeat;
  background-image: url(../images/index-cur11.png);
}
.investDataBox .marketMood-curves12 {
  background-repeat: no-repeat;
  background-image: url(../images/index-cur12.png);
}
.investDataBox .market-con {
  padding: 0 16px;
  float: none;
  width: 447px;
}
.investDataBox .market-table {
  width: 447px;
  text-align: center;
}
.investDataBox .market-table th {
  line-height: 64px;
  border-bottom: 1px solid #e5e5e5;
  font-weight: normal;
  text-align: center;
}
.investDataBox .market-table td {
  line-height: 72px;
  text-align: center;
}
.investDataBox .tal {
  text-align: left;
}
.investDataBox .tar {
  text-align: right;
}
.hotindustry-tit {
  float: left;
  width: 500px;
}
.hotindustry-tit span {
  float: left;
  text-align: center;
  height: 40px;
  line-height: 40px;
  cursor: pointer;
  border-right: 2px solid #fff;
  padding: 0 30px;
}
.hotindustry-tit span.cur,
.hotindustry-tit span:hover {
  background: #3471df;
  color: #fff;
  font-size: 16px;
}
.hotindustry-screen {
  width: 400px;
  float: right;
  text-align: right;
  line-height: 40px;
  font-size: 14px;
  font-weight: normal;
}
.hotindustry-screen span {
  margin-left: 40px;
  cursor: pointer;
}
.hotindustry-screen span.cur {
  color: #3471df;
}
.hotind-table {
  width: 1000px;
}
.hotind-table th {
  border-bottom: 1px solid #e5e5e5;
  line-height: 88px;
  font-weight: normal;
  color: #666666;
}
.hotind-table th,
.hotind-table td {
  text-align: center;
  min-width: 150px;
}
.hotind-table .pt-td1 {
  text-align: left;
}
.hotind-table th.pt-td1 {
  padding-left: 24px;
}
.hotind-table td.pt-td1 {
  padding-left: 15px;
}
.hotind-table td {
  line-height: 60px;
}
.listTogglePage {
  display: none;
}
.listTogglePage.currentPage {
  display: block;
}
.fl {
  float: left;
}
.fr {
  float: right;
}
.oh {
  overflow: hidden;
}
.landData .threeBannerDiv2 {
  text-align: center;
  color: #666666;
}
.landData .threeBannerDiv2 h2 {
  font-size: 26px;
  line-height: 88px;
  margin-bottom: 100px;
}
.landData .threeBannerDiv2 strong {
  font-size: 36px;
  color: #3471df;
  display: block;
  line-height: 64px;
}
.landData .threeBannerDiv2 span {
  font-size: 18px;
  display: block;
}
.landData .threeBannerDiv2 li {
  float: left;
  width: 400px;
  height: 168px;
}
.landData .bluetitle {
  line-height: 88px;
  color: #3471df;
  font-size: 18px;
}
.landData .threeBannerDiv3 div.oh,
.landData .threeBannerDiv4 div.oh {
  width: 986px;
  margin: 0 auto 20px;
}
.landData .threeBannerDiv3 p,
.landData .threeBannerDiv4 p {
  color: #666666;
  font-size: 14px;
}
.landData .threeBannerDiv3 div.fl,
.landData .threeBannerDiv4 div.fl {
  width: 465px;
}
.landData .threeBannerDiv3 div.fr,
.landData .threeBannerDiv4 div.fr {
  width: 504px;
}
.landData .threeBannerDiv3 img,
.landData .threeBannerDiv4 img {
  width: 100%;
  height: auto;
}
.landData .threeBannerDiv4 .width {
  padding-top: 210px;
}
.landData .threeBannerDiv4 div.oh {
  margin-bottom: 50px;
}
.threeBannerFooter {
  position: relative;
}
.threeBannerFooter .t-footerbg {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  color: #6d7b95;
}
.threeBannerFooter .t-footerbg a {
  color: #6d7b95;
}
.threeBannerFooter .t-footerbg a:hover {
  color: #eee;
}
.threeBannerFooter .t-report {
  margin-top: 60px;
}
.threeBannerFooter .t-rptlist1 {
  width: 100%;
  overflow: hidden;
  padding-top: 30px;
}
.threeBannerFooter.t-i .t-report .t-rptlist1 .t-rpt-box {
  text-decoration: none;
  float: left;
  width: 353px;
  height: 295px;
  border: 1px solid #e4e4e4;
  text-align: center;
  background-color: #f9fcff !important;
  cursor: pointer;
}
.threeBannerFooter.t-i .t-report .t-rptlist1 .t-land {
  background: url(../images/t-rpt-1n.png) center 26px no-repeat;
  margin: 0 67px;
}
.threeBannerFooter.t-i .t-report .t-rptlist1 .t-land a {
  padding-left: 90px;
}
.threeBannerFooter.t-i .t-report .t-rptlist1 .t-land a:before {
  left: 72px;
}
.threeBannerFooter.t-i .t-report .t-rptlist1 .t-finc {
  background: url(../images/t-rpt-2n.png) center 26px no-repeat;
}
.threeBannerFooter.t-i .t-report .t-rptlist1 .t-area {
  background: url(../images/t-rpt-0n.png) center 26px no-repeat;
}
.threeBannerFooter.t-i .t-report .t-rptlist1 .t-area a {
  padding-left: 90px;
}
.threeBannerFooter.t-i .t-report .t-rptlist1 .t-area a:before {
  left: 72px;
}
.threeBannerFooter.t-i .t-report .t-rptlist1 .t-tit {
  margin-top: 70px;
  color: #2385ff;
  font-size: 18px;
  font-weight: normal;
}
.threeBannerFooter.t-i .t-report .t-rptlist1 .t-rptdesc {
  margin-top: 0;
  font-size: 14px;
  color: #999999;
  margin-bottom: 10px;
}
.threeBannerFooter.t-i .t-report .t-rptlist1 a {
  position: relative;
  line-height: 30px;
  display: block;
  text-align: left;
  padding-left: 70px;
}
.threeBannerFooter.t-i .t-report .t-rptlist1 a:before {
  content: "";
  position: absolute;
  left: 52px;
  top: 12px;
  width: 6px;
  height: 6px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background: #3471df;
}