/*通用的颜色和一些样式工具*/
.numf {
  font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
}
.shadowhover {
  -webkit-box-shadow: 3px 3px 5px rgba(19, 27, 55, 0.15);
  -moz-box-shadow: 3px 3px 5px rgba(19, 27, 55, 0.15);
  box-shadow: 3px 3px 5px rgba(19, 27, 55, 0.15);
}
.basebg {
  background: #47558d;
  color: #fff;
}
.bd {
  border: 1px solid #e5e5e5;
}
.sm-filter {
  float: left;
  padding: 0 11px;
  height: 26px;
  line-height: 26px;
  color: #47558d;
  margin-right: 6px;
  background: #dadde8;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  font-size: 12px;
}
/*基本类名+设置*/
div,
p,
ul,
li,
textarea,
h1,
h1,
h2,
h3,
h4,
h5,
h6,
a,
span,
img,
body,
dl,
dt,
dd,
html,
input,
hr,
button,
article,
aside,
dialog,
footer,
header,
section,
footer,
nav,
figure,
menu,
dl,
dt,
dd {
  border: 0;
  padding: 0;
  margin: 0;
  list-style: none;
}
article,
aside,
dialog,
footer,
header,
section,
footer,
nav,
figure,
menu {
  display: block;
}
body,
html {
  width: 100%;
  height: auto;
  min-width: 1366px;
  font: 14px/1.5 Microsoft YaHei, tahoma, arial, Hiragino Sans GB, \\5b8b\4f53, sans-serif;
  color: #333;
  line-height: 24px;
}
select,
textarea,
input {
  outline: none;
}
em,
i {
  font-style: normal;
}
a {
  color: #333;
  text-decoration: none;
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #bbb;
}
input:-moz-placeholder,
textarea:-moz-placeholder {
  color: #bbb;
}
input::-moz-placeholder,
textarea::-moz-placeholder {
  color: #bbb;
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #bbb;
}
input,
button,
textarea {
  outline: none;
}
a:hover {
  color: #47558d;
}
.por {
  position: relative;
}
.cboth:after {
  content: "";
  clear: both;
}
.clear {
  width: 100%;
  height: 1px;
  clear: both;
}
.fl {
  float: left;
}
.fr {
  float: right !important;
}
.oh {
  overflow: hidden;
}
.dn {
  display: none;
}
.db {
  display: block;
}
.col3 {
  color: #333;
}
.fb {
  font-weight: bold;
}
.tac {
  text-align: center;
}
.points {
  font-style: normal;
}
.before {
  content: "";
  position: absolute;
}
.fwb {
  font-weight: bold;
}
.fwn {
  font-weight: normal;
}
.fz12 {
  font-size: 12px !important;
}
.fz14 {
  font-size: 14px !important;
}
.fz16 {
  font-size: 16px !important;
}
.fz18 {
  font-size: 18px !important;
}
.textind {
  text-indent: 2em;
}
.pictitle {
  text-align: center;
  line-height: 88px;
  margin-top: 20px;
}
.pictitlesm {
  font-weight: normal;
  text-align: center;
  margin: 10px 0 20px;
}
.pdb50 {
  padding-bottom: 50px !important;
}
.mgt50 {
  margin-top: 50px !important;
}
.mgt30 {
  margin-top: 30px !important;
}
.mgb30 {
  margin-bottom: 30px !important;
}
.lh30 {
  line-height: 30px !important;
}
.tal {
  text-align: left;
}
.basefont {
  color: #425597;
}
.yellfont {
  color: #fbe446;
}
.redfont {
  color: #d66262;
}
.greenfont {
  color: #57a077;
}
.pagetable table {
  margin: 0 auto;
  border-top: 1px solid #e5e5e5;
  border-right: 1px solid #e5e5e5;
}
.pagetable td,
.pagetable th {
  border-bottom: 1px solid #e5e5e5;
  min-width: 80px;
  border-left: 1px solid #e5e5e5;
}
.pagetable th {
  background: #e7e9f0;
  line-height: 50px;
  font-size: 16px;
}
.pagetable td {
  line-height: 30px;
  padding: 15px 5px ;
}
.tar {
  text-align: right;
}
.header-augu {
  left: 0;
  top: 0;
  width: 100%;
  height: auto;
  z-index: 1000;
  min-width: 1580px;
  border-bottom: 1px solid #e5e5e5;
}
.header-augu .top-bar-wrap1 {
  border-bottom: 1px solid #e5e5e5;
}
.header-augu .logo-w {
  display: none;
}
.header-augu .logo-blue {
  display: block;
}
.header-augu.home-topnav {
  border-bottom: none;
}
.header-augu.home-topnav .top-nav-wrap {
  background: none;
  color: #fff;
  margin-top: 10px;
}
.header-augu.home-topnav .logo-w {
  display: block;
}
.header-augu.home-topnav .logo-blue {
  display: none;
}
.header-augu.home-topnav .top-menu li > a {
  color: #fff;
}
.header-augu.home-topnav .top-bar-wrap1 {
  border-bottom: none;
}
.header-augu.home-topnav li:hover > a {
  border-color: #fff;
}
.header-augu.home-topnav .logo {
  padding: 10px 0 0;
}
.header-augu.home-topnav .top-nav-wrap,
.header-augu.home-topnav .top-nav-wrap .cenpage {
  height: 80px;
}
.header-augu.home-topnav .menu-slide {
  top: 90px;
}
.header-augu.home-topnav .searchbox,
.header-augu.home-topnav .searchbox input {
  background: none;
  color: #fff;
}
.header-augu.home-topnav .searchbox {
  border-color: #fff;
}
.header-augu.home-topnav .searchbox span:before {
  background: url(https://c.ocn.com.cn/static/images/searchicon1-white.png);
}
.header-augu.home-topnav .head-phone {
  color: #fff;
}
.header-augu.home-topnav .head-phone:before {
  background: url(https://c.ocn.com.cn/static/images/sprite.png) -309px -43px;
}
.header-augu.home-topnav input::-webkit-input-placeholder,
.header-augu.home-topnav textarea::-webkit-input-placeholder {
  color: #fff;
}
.header-augu.home-topnav input:-moz-placeholder,
.header-augu.home-topnav textarea:-moz-placeholder {
  color: #fff;
}
.header-augu.home-topnav input::-moz-placeholder,
.header-augu.home-topnav textarea::-moz-placeholder {
  color: #fff;
}
.header-augu.home-topnav input:-ms-input-placeholder,
.header-augu.home-topnav textarea:-ms-input-placeholder {
  color: #fff;
}
.cenpage {
  width: 90%;
  min-width: 1368px;
  margin: 0 auto;
  position: relative;
  height: auto;
}
.centerpage {
  width: 1368px;
  height: auto;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
}
.center1200 {
  width: 1200px;
  height: auto;
  margin: 0 auto;
  position: relative;
}
.top-bar-wrap1 {
  width: 100%;
  height: 36px;
  line-height: 36px;
  background: #fff;
}
.top-bar-wrap1 .top-bar {
  overflow: hidden;
}
.top-bar-wrap1 .hbanner-bg,
.top-bar-wrap1 .hbanner-bg img {
  width: 100%;
  height: 100%;
}
.top-bar-wrap1 .fl a {
  margin-right: 58px;
}
.top-bar-wrap1 .phone {
  color: #fbe446;
  font-size: 18px;
}
.top-bar-wrap1 .fr span {
  margin-left: 15px;
}
.top-nav-wrap {
  width: 100%;
  background: #fff;
  height: 90px;
}
.top-nav-wrap .cenpage {
  height: 90px;
}
.top-nav-wrap .logo,
.top-nav-wrap .logobox,
.top-nav-wrap .logo a {
  width: 226px;
  height: 70px;
  overflow: hidden;
}
.top-nav-wrap .logo {
  padding: 10px 0;
}
.top-nav-wrap .logobox {
  color: #47558d;
}
.top-nav-wrap .logobox img {
  float: left;
  width: 75px;
  height: 70px;
}
.top-nav-wrap .logobox h2 {
  color: #47558d;
  height: 70px;
  overflow: hidden;
  margin-left: 13px;
  width: 137px;
}
.top-nav-wrap .logobox strong {
  font-size: 30px;
  margin-top: 10px;
  display: block;
  line-height: 52px;
  letter-spacing: 4px;
}
.top-nav-wrap .logobox span {
  font-weight: normal;
  font-size: 18px;
  display: block;
  letter-spacing: 2px;
}
.top-nav-wrap .logobox.logo-w {
  color: #fff;
}
.top-nav-wrap .logobox.logo-w h2 {
  color: #fff;
}
.top-menu {
  float: right;
  height: 100%;
}
.top-menu li {
  float: left;
  margin-right: 30px;
  font-size: 16px;
  height: 100%;
}
.top-menu li > a {
  color: #333;
  line-height: 48px;
  height: 48px;
  display: block;
  padding: 0 4px;
  margin-top: 21px;
  font-size: 16px;
  text-decoration: none;
}
.top-menu li:hover > a {
  color: #47558d;
  border-bottom: 3px solid #47558d;
}
.top-menu .navList:hover .menu-slide {
  display: block;
}
.menu-slide {
  position: fixed;
  left: 0;
  top: 112px;
  width: 100%;
  height: auto;
  background: #fff;
  color: #47558d;
  min-height: 180px;
  border-top: 1px solid #e5e5e5;
  -webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
  display: none;
}
.menu-slide a,
.menu-slide h4 {
  color: #47558d;
}
.menu-slide .cenpage {
  height: auto;
}
.menu-slide a:hover {
  color: #f39800;
}
.top-bar-wrap1 {
  display: none;
}
.menu-slide {
  top: 90px;
}
.menu-slide .navicon1 i {
  background: url("https://c.ocn.com.cn/static/images/navicon/navicon1.png") no-repeat;
}
.menu-slide .anavicon1 i {
  background: url("https://c.ocn.com.cn/static/images/navicon/aicon1.png") no-repeat;
}
.menu-slide .navicon2 i {
  background: url("https://c.ocn.com.cn/static/images/navicon/navicon2.png") no-repeat;
}
.menu-slide .anavicon2 i {
  background: url("https://c.ocn.com.cn/static/images/navicon/aicon2.png") no-repeat;
}
.menu-slide .navicon3 i {
  background: url("https://c.ocn.com.cn/static/images/navicon/navicon3.png") no-repeat;
}
.menu-slide .anavicon3 i {
  background: url("https://c.ocn.com.cn/static/images/navicon/aicon3.png") no-repeat;
}
.menu-slide .navicon4 i {
  background: url("https://c.ocn.com.cn/static/images/navicon/navicon4.png") no-repeat;
}
.menu-slide .anavicon4 i {
  background: url("https://c.ocn.com.cn/static/images/navicon/aicon4.png") no-repeat;
}
.menu-slide .navicon5 i {
  background: url("https://c.ocn.com.cn/static/images/navicon/navicon5.png") no-repeat;
}
.menu-slide .anavicon5 i {
  background: url("https://c.ocn.com.cn/static/images/navicon/aicon5.png") no-repeat;
}
.menu-slide .navicon6 i {
  background: url("https://c.ocn.com.cn/static/images/navicon/navicon6.png") no-repeat;
}
.menu-slide .anavicon6 i {
  background: url("https://c.ocn.com.cn/static/images/navicon/aicon6.png") no-repeat;
}
.menu-slide .navicon7 i {
  background: url("https://c.ocn.com.cn/static/images/navicon/navicon7.png") no-repeat;
}
.menu-slide .anavicon7 i {
  background: url("https://c.ocn.com.cn/static/images/navicon/aicon7.png") no-repeat;
}
.menu-slide .navicon8 i {
  background: url("https://c.ocn.com.cn/static/images/navicon/navicon8.png") no-repeat;
}
.menu-slide .anavicon8 i {
  background: url("https://c.ocn.com.cn/static/images/navicon/aicon8.png") no-repeat;
}
.menu-slide .navicon9 i {
  background: url("https://c.ocn.com.cn/static/images/navicon/navicon9.png") no-repeat;
}
.menu-slide .anavicon9 i {
  background: url("https://c.ocn.com.cn/static/images/navicon/aicon9.png") no-repeat;
}
.menu-slide .navicon10 i {
  background: url("https://c.ocn.com.cn/static/images/navicon/navicon10.png") no-repeat;
}
.menu-slide .anavicon10 i {
  background: url("https://c.ocn.com.cn/static/images/navicon/aicon10.png") no-repeat;
}
.menu-slide .navicon11 i {
  background: url("https://c.ocn.com.cn/static/images/navicon/navicon11.png") no-repeat;
}
.menu-slide .anavicon11 i {
  background: url("https://c.ocn.com.cn/static/images/navicon/aicon11.png") no-repeat;
}
.menu-slide .navicon12 i {
  background: url("https://c.ocn.com.cn/static/images/navicon/navicon12.png") no-repeat;
}
.menu-slide .anavicon12 i {
  background: url("https://c.ocn.com.cn/static/images/navicon/aicon12.png") no-repeat;
}
.menu-slide .navicon13 i {
  background: url("https://c.ocn.com.cn/static/images/navicon/navicon13.png") no-repeat;
}
.menu-slide .anavicon13 i {
  background: url("https://c.ocn.com.cn/static/images/navicon/aicon13.png") no-repeat;
}
.menu-slide .navicon14 i {
  background: url("https://c.ocn.com.cn/static/images/navicon/navicon14.png") no-repeat;
}
.menu-slide .anavicon14 i {
  background: url("https://c.ocn.com.cn/static/images/navicon/aicon14.png") no-repeat;
}
.menu-slide .navicon15 i {
  background: url("https://c.ocn.com.cn/static/images/navicon/navicon15.png") no-repeat;
}
.menu-slide .anavicon15 i {
  background: url("https://c.ocn.com.cn/static/images/navicon/aicon15.png") no-repeat;
}
.menu-slide .navicon16 i {
  background: url("https://c.ocn.com.cn/static/images/navicon/navicon16.png") no-repeat;
}
.menu-slide .anavicon16 i {
  background: url("https://c.ocn.com.cn/static/images/navicon/aicon16.png") no-repeat;
}
.menu-slide .navicon17 i {
  background: url("https://c.ocn.com.cn/static/images/navicon/navicon17.png") no-repeat;
}
.menu-slide .anavicon17 i {
  background: url("https://c.ocn.com.cn/static/images/navicon/aicon17.png") no-repeat;
}
.menu-slide .navicon18 i {
  background: url("https://c.ocn.com.cn/static/images/navicon/navicon18.png") no-repeat;
}
.menu-slide .anavicon18 i {
  background: url("https://c.ocn.com.cn/static/images/navicon/aicon18.png") no-repeat;
}
.menu-slide .navicon19 i {
  background: url("https://c.ocn.com.cn/static/images/navicon/navicon19.png") no-repeat;
}
.menu-slide .anavicon19 i {
  background: url("https://c.ocn.com.cn/static/images/navicon/aicon19.png") no-repeat;
}
.menu-slide .navicon20 i {
  background: url("https://c.ocn.com.cn/static/images/navicon/navicon20.png") no-repeat;
}
.menu-slide .anavicon20 i {
  background: url("https://c.ocn.com.cn/static/images/navicon/aicon20.png") no-repeat;
}
.menu-slide .navicon21 i {
  background: url("https://c.ocn.com.cn/static/images/navicon/navicon21.png") no-repeat;
}
.menu-slide .anavicon21 i {
  background: url("https://c.ocn.com.cn/static/images/navicon/aicon21.png") no-repeat;
}
.planninglist-top {
  height: 62px;
  line-height: 62px;
  border-bottom: 1px solid #e5e5e5;
}
.planninglist-top h5,
.planninglist-top a {
  float: left;
  font-size: 14px;
}
.planninglist-top a {
  margin-left: 34px;
}
.planninglist-top h5 {
  margin-left: 20%;
}
.planninglist-top .cenpage {
  height: 62px!important;
}
.planninglist-bot {
  overflow: hidden;
  padding-bottom: 40px;
}
.planninglist-bot .cenpage div {
  padding-left: 20%;
  padding-top: 30px;
}
.planninglist-bot a {
  float: left;
  width: 25%;
  height: 26px;
  line-height: 26px;
  padding: 25px 0;
}
.planninglist-bot i {
  float: left;
  width: 32px;
  height: 26px;
}
.planninglist-bot span {
  float: left;
}
.shujulist .planninglist-bot a {
  width: 32%;
}
.searchbox {
  float: right;
  height: 33px;
  width: 37px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  overflow: hidden;
  margin-top: 27px;
  margin-right: 15px;
  background: #fff;
  border: 0px solid #e5e5e5;
}
.searchbox span {
  float: right;
  position: relative;
  width: 37px;
  height: 33px;
  cursor: pointer;
}
.searchbox span:before {
  content: "";
  width: 23px;
  height: 24px;
  background: url(https://c.ocn.com.cn/static/images/searchicon1.png);
  position: absolute;
  top: 4px;
  left: 7px;
}
.searchbox #searchForm,
.searchbox input {
  float: right;
  width: 130px;
  height: 32px;
  line-height: 32px;
}
.head-phone {
  float: right;
  font-size: 18px;
  font-weight: normal;
  padding-left: 34px;
  line-height: 90px;
  height: 90px;
  position: relative;
  margin-right: 1%;
  color: #f39800;
}
.head-phone:before {
  content: "";
  width: 21px;
  height: 21px;
  background: url(https://c.ocn.com.cn/static/images/sprite.png) -340px -43px;
  position: absolute;
  left: 0;
  top: 34px;
}
.fixedContact {
  position: fixed;
  right: 5px;
  bottom: 300px;
  z-index: 101;
}
.fixedContact li {
  width: 68px;
  height: 68px;
  border: 1px solid #dadee7;
  margin-bottom: 5px;
  background: #fcfcfc;
  cursor: pointer;
  position: relative;
}
.fixedContact .upShow {
  width: 100%;
  height: 100%;
  text-align: center;
}
.fixedContact .upShow img {
  margin: 12px auto 8px;
  display: block;
  width: 32px;
  height: 26px;
}
.fixedContact a.upShow {
  display: block;
}
.fixedContact .upShow span {
  display: block;
  line-height: 16px;
}
.fixedContact li.wechat .downShow {
  font-size: 12px;
  text-align: center;
  width: 392px;
}
.fixedContact .wechat .wechatfont {
  position: absolute;
  left: 180px;
  top: 10px;
  width: 20px;
  height: 140px;
  text-align: center;
  line-height: 15px;
}
.fixedContact li.wechat .downShow img {
  width: 125px;
  height: 125px;
  margin: 25px 35px 2px;
  display: block;
}
.fixedContact li.wechat .downShow .tac {
  line-height: 24px;
  padding-bottom: 5px;
}
.fixedContact li.telphone .downShow {
  height: 58px;
  padding-top: 10px;
  width: 152px;
  text-align: center;
  font-size: 14px;
  color: #ff4d39;
  font-weight: 700;
}
.fixedContact li.telphone .downShow em {
  display: block;
  line-height: 24px;
}
.fixedContact .downShow {
  position: absolute;
  bottom: 0;
  right: 82px;
  background: #fcfcfc;
  border: 1px solid #dadee7;
  display: none;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
.fixedContact li:hover .downShow {
  display: block;
}
.fixedContact li.returnTop img {
  margin-top: 22px;
}
.fixedContact li.returnTop:hover {
  background: #4d87f4;
}
.foot-base {
  background: #1d1f23;
  color: #c4c4c4;
  padding-top: 24px;
  padding-bottom: 80px;
}
.foot-augu {
  width: 100%;
  background: #23262a;
  color: #c4c4c4;
  padding-top: 40px;
  padding-bottom: 104px;
  overflow: hidden;
}
.foot-augu .centerpage {
  overflow: visible;
}
.foot-augu a {
  color: #c4c4c4;
}
.foot-augu .foot-link {
  float: left;
  margin-right: 8%;
  line-height: 36px;
}
.foot-augu a {
  display: block;
}
.foot-augu a:hover {
  color: #fff;
}
.foot-augu dt {
  font-size: 18px;
  color: #ffffff;
  margin-bottom: 10px;
}
.foot-augu .foot-infor {
  margin-right: 195px;
  width: 220px;
}
.foot-augu .foot-numf {
  height: 48px;
  line-height: 48px;
  text-align: center;
  width: 220px;
  margin-top: 12px;
  margin-bottom: 15px;
  display: block;
  background: #2e3448;
  color: #fff;
  font-size: 26px;
}
.foot-augu .foot-font {
  display: block;
  margin-bottom: 15px;
}
.foot-logo {
  margin-bottom: 20px;
}
.foot-code {
  height: 34px;
  margin-top: 30px;
}
.foot-code li {
  float: left;
  width: 36px;
  height: 34px;
  margin-right: 28px;
  position: relative;
}
.foot-code li:hover .foot-codeimg {
  display: block;
}
.foot-code span {
  width: 36px;
  height: 34px;
  background: url(https://c.ocn.com.cn/static/images/sprite.png);
  float: left;
  cursor: pointer;
}
.foot-code .foot-icon1 {
  background-position: -204px -37px;
}
.foot-code .foot-icon2 {
  background-position: -259px -37px;
}
.foot-code .foot-codeimg {
  position: absolute;
  left: 37px;
  top: 3px;
  width: 138px;
  height: 138px;
  z-index: 2;
  display: none;
}
.foot-code .foot-codeimg.footwetchat {
  height: 164px;
  top: -30px;
  background: #fff;
  overflow: hidden;
  width: 312px;
  color: #333;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  padding: 13px 20px;
}
.foot-code .foot-codeimg.footwetchat img {
  width: 120px;
  height: 120px;
}
.foot-code .foot-codeimg.footwetchat .wechat_codebox {
  padding: 2px 0;
}
.foot-code .foot-codeimg.footwetchat p {
  line-height: 10px 20px;
}
.foot-code .foot-codeimg.footwetchat .wechatfont {
  position: absolute;
  left: 168px;
  top: 10px;
  width: 16px;
  height: 150px;
  text-align: center;
  line-height: 15px;
  background: #fff;
  font-size: 14px;
}
.foot-code img {
  width: 140px;
  height: auto;
}
.morelink {
  height: 52px;
  padding-top: 50px;
  padding-bottom: 50px;
}
.morelink a {
  display: block;
  width: 284px;
  border: 1px solid #f39800;
  height: 50px;
  line-height: 50px;
  color: #f39800;
  margin: 0 auto;
}
.morelink span,
.morelink i {
  float: left;
  -webkit-transition: all 0.8s;
  -moz-transition: all 0.8s;
  -ms-transition: all 0.8s;
  -o-transition: all 0.8s;
  transition: all 0.8s;
}
.morelink span {
  margin-left: 74px;
  font-size: 20px;
}
.morelink i {
  width: 37px;
  height: 16px;
  background: url(https://c.ocn.com.cn/static/images/sprite.png) -95px -46px no-repeat;
  margin-top: 17px;
  margin-left: 10px;
}
.morelink a:hover span {
  margin-left: 104px;
}
.topfloorNav-n.topFloorNav {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 58px;
  line-height: 58px;
  width: 100%;
  background: none;
}
.topfloorNav-n.topFloorNav > div {
  background-color: #47558d;
  background: rgba(0, 0, 0, 0.4);
  width: 100%;
}
.topfloorNav-n.topFloorNav ul {
  width: 1200px;
  margin: 0 auto;
  overflow: hidden;
  color: #fff;
}
.topfloorNav-n.topFloorNav li {
  float: left;
  margin: 0 22px;
  cursor: pointer;
  line-height: 58px;
  font-size: 24px;
  padding: 0 15px;
}
.topfloorNav-n.topFloorNav li:hover,
.topfloorNav-n.topFloorNav li.current {
  background: none;
  color: #eac530;
}
.topFloorNav > div.fixedTopNav {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 1000;
  background: #47558d;
  width: 100%;
}
.topFloorNav > div.fixedTopNav li {
  line-height: 56px;
}
.topFloorNav > div.fixedTopNav li:hover,
.topFloorNav > div.fixedTopNav li.current {
  color: #47558d;
  background: #fff;
}
.topFloorNav.topFloorNav-re {
  height: 68px;
  line-height: 68px;
  background: #47558d;
  position: relative;
  z-index: 100;
}
.topFloorNav.topFloorNav-re > div {
  height: 68px;
  line-height: 68px;
  width: 100%;
  background: #47558d;
  position: relative;
  left: 0;
  top: 0;
  z-index: 100;
}
.topFloorNav.topFloorNav-re ul {
  width: 1368px;
  overflow: hidden;
  margin: 0 auto;
}
.topFloorNav.topFloorNav-re li {
  float: left;
  color: #fff;
  width: 154px;
  text-align: center;
  font-size: 22px;
  margin-left: 40px;
  cursor: pointer;
}
.topFloorNav.topFloorNav-re li:first-child {
  margin-left: 0;
}
.topFloorNav.topFloorNav-re li:hover,
.topFloorNav.topFloorNav-re li.currents {
  color: #eac530;
}
.topFloorNav.topFloorNav-re > div.fixedTopNav {
  position: fixed;
  left: 0;
  top: 0;
  background: #47558d;
  color: #fff;
  z-index: 30;
  line-height: 56px;
  height: 56px;
}
#fillIninformation {
  width: 100%;
  height: 885px;
  background: url((https://c.ocn.com.cn/static/image/floorFBG.png) no-repeat;
  background-color: #ddd;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  padding-top: 1px;
}
#fillIninformation .fillInbox {
  height: 476px;
  padding: 0 130px;
  overflow: hidden;
}
#fillIninformation .fillInbox h3 {
  font-size: 30px;
  color: #fff;
  margin-top: 30px;
  margin-bottom: 44px;
  text-align: center;
  line-height: 48px;
}
#fillIninformation .fillInbox .fillIntput {
  margin-bottom: 48px;
  font-size: 16px;
  position: relative;
}
#fillIninformation .fillInbox .fillIntput span.before {
  position: absolute;
  left: 20px;
  top: 0;
  height: 48px;
  line-height: 48px;
  color: #999;
}
#fillIninformation .fillInbox .smFill {
  background: #fff;
  border: 1px solid #fff;
}
#fillIninformation .fillInbox .smFill.redbdc {
  border-color: #f00 !important;
}
#fillIninformation .fillInbox input.smFill {
  width: 420px;
  padding-left: 16px;
  height: 48px;
  line-height: 48px;
}
#fillIninformation .fillInbox .textaread {
  clear: both;
}
#fillIninformation .fillInbox textarea.smFill {
  clear: both;
  height: 224px;
  padding: 16px;
  display: block;
  width: 908px;
  margin-bottom: 40px;
}
#fillIninformation .fillInbox .submitButton {
  font-size: 20px;
  font-weight: bold;
  color: #fff;
  border: 2px solid #fff;
  width: 180px;
  height: 44px;
  line-height: 44px;
  -webkit-border-radius: 22px;
  -moz-border-radius: 22px;
  border-radius: 22px;
  margin: 0 auto;
  display: block;
  cursor: pointer;
  text-align: center;
}
#fillIninformation .fillInbox .submitButton:hover {
  background: #fff;
  color: #47558d;
  border-color: #47558d;
}
.planning-banner .bannerDiv-news {
  width: 100%;
  height: auto;
  position: relative;
  min-width: 1368px;
}
.planning-banner .bannerDiv-news img {
  display: block;
  width: 100%;
  height: 683px;
  background: #f8f8f8;
}
.planning-banner .bannerDiv-news .bannerfont {
  width: 100%;
  height: auto;
  position: absolute;
  left: 0;
  top: 34%;
  text-align: center;
}
.planning-banner .bannerDiv-news h1,
.planning-banner .bannerDiv-news h2,
.planning-banner .bannerDiv-news h3,
.planning-banner .bannerDiv-news h4,
.planning-banner .bannerDiv-news p,
.planning-banner .bannerDiv-news span {
  color: #fff;
}
.planning-banner .bannerDiv-news .fz48 {
  font-size: 48px;
  letter-spacing: 4px;
  line-height: 168px;
}
.planning-banner .bannerDiv-news .fz26 {
  font-size: 26px;
  font-weight: normal;
  letter-spacing: 2px;
  line-height: 48px;
  margin-bottom: 55px;
}
.planning-banner .bannerDiv-news strong {
  color: #fbe446;
}
.planning-banner .bannerDiv-news span {
  margin-right: 20px;
}
.planning-banner .casein-banner .fz26 {
  font-weight: bold;
}
.planning-banner .casein-banner strong {
  font-size: 48px;
}
.planning-banner .casein-banner img {
  background: #f1f1f1;
}
.planning-banner.homebanner {
  width: 100%;
  height: 683px;
}
.planning-banner.homebanner {
  height: 683px;
}
.planning-banner.homebanner img,
.planning-banner.homebanner a {
  display: block;
}
.planning-banner.homebanner .h-pagination {
  position: absolute;
  z-index: 20;
  bottom: 4px;
  width: 100%;
  text-align: center;
}
.planning-banner.homebanner .swiper-pagination-switch {
  display: inline-block;
  width: 12px;
  height: 4px;
  border-radius: 6px;
  background: #fff;
  margin: 0 4px;
  cursor: pointer;
  border: none;
}
.planning-banner.homebanner .swiper-active-switch {
  background: #fbe446;
}
.homebanner .swiper-slide {
  width: 100%;
}
.research-banner h2 {
  width: 1200px;
  margin: 0 auto;
  font-size: 70px;
  font-weight: normal;
  letter-spacing: 2px;
  line-height: 250px;
}
.research-banner img {
  background: #f40;
}
.inverst-banner h1 {
  font-size: 52px;
  margin-top: 20px;
  line-height: 86px;
  letter-spacing: 2px;
  margin-bottom: 40px;
}
.inverst-banner h2 {
  font-size: 32px;
  font-weight: normal;
}
.inverst-banner img {
  background: #d44;
}
.cyjr-banner h1 {
  line-height: 140px;
  font-size: 60px;
  text-align: center;
  height: 140px;
  letter-spacing: 10px;
  color: #fff;
}
.cyjr-banner h2 {
  color: #fff;
  font-size: 36px;
  text-align: center;
  letter-spacing: 2px;
}
.cyjr-banner h3 {
  font-size: 38px;
  color: #fdf107;
  padding-left: 262px;
  line-height: 106px;
  width: 938px;
  margin: 0 auto;
}
.cyjr-banner h3 strong {
  float: left;
  margin-left: 80px;
}
.cyjr-banner img {
  background: #333;
}
.dowload-banner .bannerfont {
  top: 28% !important;
}
.dowload-banner h2 {
  font-size: 30px;
  letter-spacing: 2px;
}
.dowload-banner h3 {
  font-weight: normal;
  font-size: 22px;
  line-height: 72px;
  letter-spacing: 2px;
}
.dowload-banner h3 em {
  font-size: 30px;
  font-weight: bold;
}
.dowload-banner .oh {
  width: 1146px;
  margin: 20px auto;
  text-align: left !important;
}
.dowload-banner dd {
  width: 534px;
  height: 110px;
  position: relative;
}
.dowload-banner dl {
  width: 534px;
  height: 200px;
  border: 1px solid #7c8fab;
}
.dowload-banner dl a {
  position: absolute;
  right: 16px;
  bottom: 26px;
  width: 180px;
  line-height: 48px;
  height: 48px;
  background: #d9bf2b;
  color: #fff;
  cursor: pointer;
  -webkit-border-radius: 24px;
  -moz-border-radius: 24px;
  border-radius: 24px;
  font-size: 18px;
}
.dowload-banner dl a i {
  float: left;
  width: 25px;
  height: 20px;
  margin-top: 14px;
  margin-left: 26px;
  margin-right: 22px;
  background: url(https://c.ocn.com.cn/static/images/sprite.png) -281px -192px;
}
.dowload-banner dt {
  font-size: 20px;
  color: #fbf051;
  font-weight: bold;
  line-height: 54px;
  text-indent: 16px;
  margin-top: 20px;
}
.dowload-banner span.db {
  line-height: 30px;
  font-size: 16px;
}
.dowload-banner span.db i {
  float: left;
  margin-left: 16px;
  margin-right: 11px;
  font-size: 12px;
}
.dowload-banner img {
  background: #fbf051;
}
.datapagebanner h1 {
  font-size: 50px;
  letter-spacing: 2px;
  line-height: 120px;
  padding-top: 30px;
  color: #fff;
}
.datapagebanner h2 {
  width: 422px;
  height: 72px;
  line-height: 72px;
  border: 1px solid #fff;
  margin: 20px auto;
  font-size: 36px;
  font-weight: normal;
  color: #fff;
}
.datapagebanner img {
  background: green;
}
.newsmbanner {
  width: 100%;
  height: 292px;
  background: url(https://c.ocn.com.cn/static/images/newsmbanner.png) left top;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
}
#newsmbanner {
  color: #fff;
  height: 292px;
}
#newsmbanner .tac {
  font-size: 26px;
  line-height: 48px;
  margin-top: 72px;
  letter-spacing: 2px;
}
#newsmbanner .tac strong:first-child {
  color: #fff;
}
#newsmbanner .tac strong {
  font-size: 36px;
  color: #fbf051;
  letter-spacing: 2px;
}
#newsmbanner .oh {
  margin-top: 40px;
  padding-right: 70px;
  padding-left: 70px;
}
#newsmbanner .newsbannerlink {
  width: 524px;
  line-height: 56px;
  height: 56px;
  background: rgba(255, 255, 255, 0.2);
  color: #fff;
  font-size: 16px;
  text-indent: 58px;
  overflow: hidden;
  position: relative;
}
#newsmbanner .newsbannerlink span {
  float: left;
}
#newsmbanner .newsbannerlink span.fl {
  position: relative;
  padding-right: 24px;
  font-size: 14px;
  width: 60px;
  text-indent: 0;
  color: #fbf051;
  margin-left: 8px;
  cursor: pointer;
}
#newsmbanner .newsbannerlink span.fl:before {
  content: "";
  position: absolute;
  background-image: url(https://c.ocn.com.cn/static/images/sprite.png);
  width: 19px;
  height: 15px;
  right: 0;
  top: 20px;
  background-position: -250px -197px;
}
#newsmbanner .newsbannerlink:after {
  content: "";
  position: absolute;
  background-image: url(https://c.ocn.com.cn/static/images/sprite.png);
  width: 32px;
  height: 32px;
  background-position: -195px -188px;
  left: 14px;
  top: 12px;
}
#newsmbanner .newsbannerlink:hover {
  text-decoration: underline;
}
#newsmbanner .newsbannerlink:hover span.fr {
  text-decoration: underline;
}
#freepopboxbg {
  width: 100%;
  height: 100%;
  background: url(https://c.ocn.com.cn/static/images/blackbg1.png) left top repeat;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10001;
  display: none;
}
#freepopbox {
  margin: 200px auto;
  width: 1000px;
  height: 482px;
  background: #fff;
  border: 1px solid #ddd;
  position: relative;
}
#freepopbox .closebtn {
  width: 48px;
  height: 48px;
  background-image: url(https://c.ocn.com.cn/static/images/closeicon.png);
  position: absolute;
  right: 30px;
  top: 30px;
  cursor: pointer;
}
#freepopbox .wechatcode {
  width: 214px;
  height: 208px;
  background: url(https://c.ocn.com.cn/static/images/wechatcode.png) left top no-repeat;
  margin: 55px auto 40px;
}
#freepopbox h4 {
  text-align: center;
  font-size: 20px;
  color: #333;
  line-height: 32px;
  letter-spacing: 1px;
  font-weight: normal;
}
#freepopbox .redfont {
  color: #ce0909;
  font-weight: normal;
}
#freepopbox .closebtn2 {
  width: 168px;
  height: 48px;
  line-height: 48px;
  background: #5e87d7;
  text-align: center;
  margin: 40px auto;
  cursor: pointer;
  font-size: 20px;
  color: #fff;
}
#freepopbox .closebtn2:hover {
  text-decoration: underline;
}
.shisiwuBar {
  display: block;
  width: 100%;
  min-width: 1366px;
  height: 300px;
  background: url(https://c.ocn.com.cn/static/images/row_bannerbg.png) center top no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
}
.shisiwuBar img {
  margin: 0 auto;
  width: 1200px;
  height: 300px;
  display: block;
}
.hotnav {
  position: relative;
}
.hotnav .hoticon {
  position: absolute;
  right: -10px;
  top: 22px;
}
.yanjiulist {
  padding-bottom: 30px;
}
.yanjiulist .redfont {
  color: #f60;
}
.yanjiulist .cenpage {
  padding-top: 40px;
  overflow: hidden;
  height: auto !important;
}
.yanjiulist h5.fl {
  margin-left: 20%;
  width: 140px;
  font-size: 16px;
  text-align: right;
  margin-right: 10px;
  font-weight: normal;
}
.yanjiulist div.fl {
  width: calc(80% - 156px);
}
.menulide-line {
  overflow: hidden;
  margin-bottom: 15px;
}
.menulide-line a {
  margin-right: 30px;
  margin-bottom: 18px;
  font-size: 16px;
  white-space: nowrap;
  float: left;
}
.menulide-line .basefont {
  color: #f60;
}
.caselist {
  padding-bottom: 0;
}
.caselist .cenpage {
  padding-top: 40px;
  overflow: hidden;
  height: auto !important;
}
.caselist h5.fl {
  margin-left: 20%;
  width: 100px;
  font-size: 16px;
  margin-right: 10px;
  font-weight: normal;
}
.caselist div.fl {
  width: calc(80% - 116px);
}
.bannerDiv .xuanzhi-banner {
  text-align: left;
}
.bannerDiv .xuanzhi-banner div.fl {
  text-align: left;
  width: 684px;
  margin-left: 62px;
}
.bannerDiv .xuanzhi-banner h2 {
  font-size: 28px;
  color: #ffe11a;
  margin-bottom: 30px;
  letter-spacing: 1px;
}
.bannerDiv .xuanzhi-banner p {
  font-size: 16px;
  line-height: 30px;
  letter-spacing: 1px;
}
.xuanzhiImg {
  width: 521px;
  height: 328px;
  background: url(https://c.ocn.com.cn/static/images/xuanzhiImg.png) left top no-repeat;
  float: left;
  margin-left: 75px;
}
.topFloorNav-sm.topFloorNav > div.fixedTopNav {
  top: 90px;
  height: 44px;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
.topFloorNav-sm.topFloorNav > div.fixedTopNav li {
  font-size: 16px;
  font-weight: normal;
  line-height: 44px;
}
.chain_block {
  width: 100%;
  height: 720px;
}
.chain_block .centerpage {
  height: 700px;
  background: url(https://c.ocn.com.cn/static/images/chain-block.png) left top no-repeat;
}
.chain_block .chain_block_title {
  line-height: 100px;
  padding-top: 140px;
}
.chain_block .chain_block_title .orangefont {
  font-size: 46px;
  color: #f19d5f;
}
.chain_block .chain_block_title,
.chain_block .chain_block_title1 {
  color: #fff;
  font-size: 40px;
  text-shadow: 2px 2px 2px #333;
  text-align: right;
  letter-spacing: 4px;
}
.chain_block .chain_block_title1 {
  line-height: 50px;
}
.chain_block .chain_block_link {
  width: 326px;
  height: auto;
  overflow: hidden;
  padding-top: 40px;
  padding-bottom: 20px;
  min-height: 130px;
}
.chain_block .chain_block_link a {
  float: left;
  width: 140px;
  height: 32px;
  border: 1px solid #fff;
  color: #fff;
  text-align: center;
  line-height: 32px;
  -webkit-border-radius: 32px;
  -moz-border-radius: 32px;
  border-radius: 32px;
  margin-right: 20px;
  margin-bottom: 20px;
}
.chain_block .chain_block_link a:hover {
  background: #fff;
  color: #f19d5f;
}
.chain_block .chain_click_more {
  width: 280px;
  height: 46px;
  float: right;
  margin-right: 20px;
  border: 1px solid #fff;
  color: #fff;
  line-height: 46px;
  clear: both;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: -1px -1px 3px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: -1px -1px 3px rgba(0, 0, 0, 0.3);
  box-shadow: -1px -1px 3px rgba(0, 0, 0, 0.3);
}
.chain_block .chain_click_more img {
  margin-left: 5px;
  float: left;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
.chain_block .chain_click_more span {
  display: inline-block;
  float: left;
  margin-left: 90px;
  font-size: 18px;
}
.chain_block .chain_click_more:hover {
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}
.chain_block .chain_click_more:hover img {
  margin-left: 18px;
}
.chain_block .three_chain_link {
  width: 490px;
}
/*//2022-11-15 产业招商大脑悬浮fffffffffffff*/
.xuanfubox {
  z-index: 9999 !important;
  /*width: 670px !important;*/
  height: 49px;
  line-height: 49px;
  position: fixed;
  bottom: 40px;
  left: 20px;
  display: none;
  background: #FEFAFA;
  border: 2px solid #EAA094;
  border-radius: 10px;
  /*background-image: url(https://c.ocn.com.cn/static/image/xuanfu2.png);background-repeat: no-repeat; */
}
.dongtai {
  display: inline-block;
  width: 140px;
  font-size: 20px;
  text-align: center;
  color: #FFFFFF;
}
.xiaoxi {
  display: inline-block;
  margin: 0px 12px;
  font-size: 18px;
  color: #000000;
}
.xiaoxi a {
  color: #000000;
  display: inline-block;
}
.xiaoxi a:hover {
  color: #003B92;
}
.guanbi img {
  width: 18px;
  height: 18px;
  cursor: pointer;
}
.guanbi {
  font-size: 18px;
  color: #999999;
  cursor: pointer;
  margin-right: 10px;
}
.guanbi :hover {
  color: #6181dc;
}
.tupulistbox {
  padding-left: 20%;
  text-align: center;
  padding-top: 20px;
  padding-bottom: 30px;
}
.tupulistbox .basetitle {
  font-size: 16px;
  font-weight: normal;
  margin-bottom: 10px;
}
.tupulistbox .basetitle a {
  color: #f60 !important;
}
.tupulistbox .basetitle a:hover {
  color: #f00 !important;
}
.tupulistbox a {
  margin-bottom: 10px;
  font-size: 16px;
  white-space: nowrap;
  width: 100%;
  display: block;
}
.tupulistbox a:hover {
  color: #f39800;
}
.tupulistbox .flcss {
  float: left;
  width: calc(16% - 50px);
  margin-bottom: 30px;
}
.cydnMenu {
  width: 220px;
  height: 560px;
  background: #eee;
  position: fixed;
  left: -300px;
  top: 148px;
  z-index: 100;
  background: #fff;
  border: 1px solid #eee;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
.cydnMenu.fixedbox {
  left: 20px;
}
.cydnMenu .menutitle {
  background: #47558d;
  color: #fff;
  height: 48px;
  text-align: center;
  line-height: 48px;
}
.cydnMenu .menulist {
  padding: 0 15px 0;
  line-height: 28px;
  margin-top: 10px;
  height: 500px;
  overflow-y: scroll;
}
.cydnMenu .title {
  font-size: 16px;
  cursor: pointer;
  font-weight: bold;
  font-size: 18px;
  margin: 0;
}
.cydnMenu .title:hover,
.cydnMenu .title.current {
  color: #47558d;
}
.cydnMenu .smtitle {
  padding-left: 0;
  position: relative;
  cursor: pointer;
  color: #666;
  font-size: 14px;
  padding-left: 24px;
  display: block;
  margin-bottom: 1px;
}
.cydnMenu .smtitle:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  color: #aaa;
}
.cydnMenu .smtitle.current,
.cydnMenu .smtitle:hover {
  color: #47558d;
  background: #d1dbf0;
}
.cydnMenu .smtitle.current:before,
.cydnMenu .smtitle:hover:before {
  color: #47558d;
}
.cydnMenu li {
  margin-bottom: 15px;
  position: relative;
}
.cydnMenu li.showddd .smlist {
  display: block;
}
.cydnMenu .menuicon {
  width: 16px;
  height: 16px;
  cursor: pointer;
  position: absolute;
  left: 0;
  top: 5px;
}
.chanyedanaoList {
  min-height: 100px;
}
.chanyedanaoList .planninglist-bot a {
  float: left;
  width: 25%;
  height: 26px;
  line-height: 26px;
  padding: 25px 0;
}
.yanjiubaogaoList {
  min-height: 100px;
}
.yanjiubaogaoList .planninglist-bot a {
  width: 20%;
}
.foot-base a {
  color: #c4c4c4;
}
