@charset "utf-8";

html,
body {
  padding: 0;
  margin: 0;
  background: #fff;
}

* {
  margin: 0;
  padding: 0;
  font-family: Arial, Helvetica, Verdana, 'Microsoft YaHei';
  border: 0;
  outline: medium;
  text-shadow: none;
  text-decoration: none;
}

body {
  color: #444;
  font-size: 16px !important;
  line-height: 1.5;
  position: relative;
  -webkit-text-size-adjust: none;
  -ms-text-size-adjust: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

input {
  vertical-align: middle;
}

textarea {
  resize: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
  font-size: 15px;
}

hr {
  border-width: 1px;
  border-style: inset;
}

ul {
  list-style: none;
}

p {
  margin: 0;
  margin-bottom: 0px !important;
}

.left {
  float: left;
}

.right {
  float: right;
}

a,
a:link,
a:active,
a:visited,
a:hover {
  text-decoration: none !important;
}

a {
  text-decoration: none !important;
  color: #444 !important;
}

img,
{
display: block;
}

i,
em {
  font-style: normal;
}

html {
  height: 100%;
}

html,
body {
  width: 100%;
  min-height: 100%;
}

@media screen and (min-width:640px) and (max-width:1200px) {}

@media screen and (min-width:1200px) {
  .container {
    width: 1200px !important;
    margin: 0 auto;
  }
}

@media screen and (max-width:640px) {
  body {
    font-size: 14px !important;
  }

  .in_01 {
    padding: 4% 0 !important
  }

  .in_02 {
    padding: 4% 0 !important
  }

  .in_03 {
    padding: 4% 0 !important
  }

  .in_04 {
    padding: 4% 0 !important
  }

  .in_05 {
    padding: 4% 0 !important;
  }

  .in_06 {
    padding: 4% 0 !important
  }

  .in_07 {
    padding: 4% 0 !important
  }

  .in_08 {
    padding: 4% 0 !important
  }

  .in_09 {
    padding: 4% 0 !important
  }

  .in_10 {
    padding: 4% 0 !important
  }

  .intitb span {
    font-size: 22px !important;
    line-height: 35px !important
  }

  .intitb p {
    font-size: 16px !important;
    line-height: 25px !important
  }

  .in01a .slideTxtBox .hd ul li a {
    font-size: 16px !important;
  }

  .in02a {
    padding: 2% 0;
  }

  .in02ab span {
    font-size: 16px !important;
    line-height: 30px !important
  }

  .in02ab p {
    font-size: 22px !important
  }

  .in02ab a {
    width: 100% !important;
    line-height: 30px !important
  }

  .fontc p {
    font-size: 14px !important;
    line-height: 30px !important
  }

  .intitc span {
    font-size: 22px !important;
    line-height: 35px !important
  }

  .intitc p {
    font-size: 16px !important;
    line-height: 25px !important
  }

  .intitc b::before {
    left: 15% !important;
  }

  .intitc b::after {
    right: 15% !important;
  }

  .intitd strong {
    font-size: 22px !important;
    line-height: 45px !important
  }

  .intitd p {
    width: 100% !important;
  }

  .in06a .col-sm-12 {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }

  .in06a .col-xs-12 {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }

  .infontaa strong {
    font-size: 16px !important;
    line-height: 35px !important
  }

  .infonta i {
    width: 16% !important;
    font-size: 32px !important;
    height: 60px !important
  }

  .infontaa {
    width: 78% !important;
  }

  .in08aa span {
    font-size: 16px !important;
    line-height: 30px !important;
  }

  .in08aa p {
    line-height: 25px !important;
  }

  .in08b .left {
    width: 100% !important;
    margin-bottom: 2%;
  }

  .in08b .right {
    width: 100% !important;
  }

  .intite a {
    margin-top: 4% !important;
  }

  .in08c li {
    margin-bottom: 4% !important;
  }

  .in08c li span {
    line-height: 40px !important;
  }

  .inimgb {
    width: 100% !important;
  }

  .infontb {
    width: 100% !important;
  }

  .infontb p {
    line-height: 30px !important;
  }

  .in_09 .col-sm-12 {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }

  .in_09 .col-xs-12 {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }

  .intith span {
    font-size: 18px !important;
    line-height: 45px !important;
  }

  .de-message {
    width: 90% !important;
  }

  .footer {
    padding-bottom: 14% !important;
    padding-top: 4% !important;
  }

  .footer .col-sm-12 {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }

  .footer .col-xs-12 {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }

  .conban {
    padding-top: 6% !important;
    height: 160px !important;
  }

  .banfonta span {
    font-size: 22px !important;
    line-height: 45px !important;
  }

  .companyac strong {
    font-size: 16px !important;
  }

  .companyac p {
    line-height: 30px !important;
  }

  .companya_wh li p {
    font-size: 16px !important;
  }

  .companya_wh li span {
    font-size: 22px !important;
    line-height: 30px !important;
  }

  .hzhblist .col-sm-4 {
    padding-left: 0.5% !important;
    padding-right: 0.5% !important;
  }

  .hzhblist .col-xs-4 {
    padding-left: 0.5% !important;
    padding-right: 0.5% !important;
  }

  .dhlca {
    padding-left: 0px !important;
    background: none !important;
  }

  .dhlca p {
    font-size: 14px !important;
    line-height: 30px !important;
  }

  .intitb b::before {
    left: 15% !important;
  }

  .intitb b::after {
    right: 15% !important;
  }

  .prolist li span {
    font-size: 14px !important;
  }

  .proa .col-sm-12 {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }

  .proa .col-xs-12 {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }

  .proaa_a span {
    font-size: 14px !important;
  }

  .proaa_b p {
    font-size: 14px !important;
    line-height: 30px !important;
  }

  .proaa_c {
    font-size: 22px !important;
  }

  .proaa_c a {
    font-size: 16px !important;
  }

  .proba {
    line-height: 30px !important;
  }

  .probf li .left {
    width: 100% !important;
  }

  .probf li .left p {
    font-size: 14px !important;
    line-height: 30px !important;
  }

  .fonta p {
    font-size: 14px !important;
    line-height: 30px !important;
  }

  .ninfotit span {
    font-size: 22px !important;
  }

  .newsab .col-sm-12 {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }

  .newsab .col-xs-12 {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }

  .newsab li p {
    line-height: 30px !important;
  }

  .conb li {
    margin-bottom: 2%;
  }

  .conb .col-sm-6 {
    padding-left: 0.5% !important;
    padding-right: 0.5% !important;
  }

  .conb .col-xs-6 {
    padding-left: 0.5% !important;
    padding-right: 0.5% !important;
  }

  .contita span {
    font-size: 20px !important;
  }




























}

/* 无内容 */
#dituContent label {
  max-width: unset !important;
  text-align: center;
}

/*index_banner*/
.banner {
  position: relative;
  height: auto !important;
}

.banner .swiper-wrapper {
  height: auto !important;
}

.banner #bannerSwiper {
  height: auto !important;
}

.banner .swiper-slide {
  position: relative;
  height: auto !important;
  float: left;
}

.banner .swiper-slide a {
  display: block;
  width: 100%;
  height: auto !important;
}

.banner .swiper-slide a img {
  width: 100%;
  height: auto;
}

.banner .pagination {
  position: absolute;
  font-size: 0;
  left: 0;
  height: 50px;
  text-align: center;
  bottom: 13px;
  width: 100%;
  z-index: 9999;
}

.banner .pagination .swiper-pagination-switch {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  border: 2px solid #fff;
  opacity: 0.6;
  margin: 0 5px;
  cursor: pointer;
}

.banner .pagination .swiper-active-switch {
  background: #fff;
  opacity: 1;
}

/*头部*/
.topa {
  line-height: 45px;
  background: #333333;
  height: 45px;
  font-size: 15px;
  color: #adadad;
  overflow: hidden;
}

.topa a {
  color: #adadad !important;
  transition: .4s;
}

.topa a:hover {
  color: #fff !important;
}

.topa b {
  font-size: 18px;
  color: #fff;
}

.topa .right {
  width: 600px;
}

.topaa {
  float: right;
  width: 170px;
  border-left: 1px dashed #4d4d4d;
  margin-left: 4%;
  padding-left: 4%;
}

.topaa a {
  display: block;
  float: left;
  width: 70px;
  background: url(../images/china.png)
    /*tpa=http://www.chaojc.com/static/index/zm001/images/china.png*/
    left center no-repeat;
  padding-left: 26px;
  color: #fff !important;
}

.topaa a:nth-of-type(2) {
  background: url(../images/eng.png)
    /*tpa=http://www.chaojc.com/static/index/zm001/images/eng.png*/
    left center no-repeat;
}

.top {
  height: 140px;
  position: relative;
  z-index: 2;
}

.top ul {
  margin-bottom: 0px !important;
}

.top .left {
  width: 340px;
  padding-top: 3%;
}

.top .left img {
  display: block;
  max-width: 100%;
}

.top .right {
  width: 820px;
}

.top .right li {
  position: relative;
  float: left;
  width: 102px;
  padding: 4% 0 3% 0;
  text-align: center;
  transition: .4s;
}

.top .right li a {
  display: block;
}

.top .right li:hover {
  background: #0f61cd;
  color: #fff;
}

.top .right li:hover span {
  color: #fff;
}

.top .right li:hover p {
  color: #fff;
}

.top .right li:hover i {
  color: #fff;
}

.top .right li.active {
  background: #0f61cd;
  color: #fff;
}

.top .right li.active span {
  color: #fff;
}

.top .right li.active p {
  color: #fff;
}

.top .right li.active i {
  color: #fff;
}

.top .right li span {
  display: block;
  line-height: 40px;
}

.top .right li .menup {
  font-size: 13px;
  color: #a9a9a9;
  font-family: cursive;
}

.top .right li i {
  font-size: 15px;
  color: #fff;
}

.top .right li .submenu {
  width: 0;
  height: 0;
  background: rgba(255, 255, 255, 0.8);
  opacity: 0;
  position: absolute;
  top: 138px;
  z-index: 10000;
  border: solid 1px #eee;
}

.top .right li .submenul {
  width: 120px;
  height: 320px;
  padding-top: 20px;
  position: absolute;
  top: 0;
}

.top .right li .submenul a {
  display: block;
  height: 40px;
  line-height: 40px;
  text-align: center;
  color: #444;
  font-size: 14px;
  transition: .4s;
}

.top .right li .submenul a:hover {
  background: #0f61cd;
  color: #fff !important;
}

.top .right li .submenur {
  width: 520px;
  float: left;
  position: absolute;
  top: 30px;
}

.top .right li .submenur .suba {
  float: left;
  width: 300px;
  height: 320px;
  margin: 0 auto;
  padding-right: 25px;
  border-right: 1px solid #eee;
}

.top .right li .submenur .suba strong {
  display: block;
  font-size: 16px;
  line-height: 40px;
  color: #444;
}

.top .right li .submenur .suba img {
  display: block;
  margin-bottom: 10px;
  max-width: 100%;
}

.top .right li .submenur .suba p {
  line-height: 28px;
  color: #444;
  font-size: 14px;
}

.subc {
  float: right;
  width: 305px;
  height: 320px;
  margin: 0 auto;
  padding-left: 25px;
  border-left: 1px solid #eee;
}

.subc strong {
  display: block;
  font-size: 16px;
  line-height: 40px;
  color: #444;
}

.subc img {
  display: block;
  margin-bottom: 10px;
}

.subc p {
  line-height: 28px;
  color: #444 !important;
  font-size: 14px;
}

.subd {
  float: left;
  width: 160px;
}

.subd strong {
  display: block;
  font-size: 16px;
  line-height: 40px;
  color: #444;
}

.subd p {
  line-height: 28px;
  color: #444 !important;
  font-size: 14px;
}

.subb {
  float: right;
  width: 160px;
}

.subb strong {
  display: block;
  font-size: 16px;
  line-height: 40px;
  color: #444;
}

.subb img {
  display: block;
  max-width: 100%;
}

.subb p {
  line-height: 28px;
  color: #444 !important;
  font-size: 14px;
}

.mobmenu {
  line-height: 45px;
  height: auto;
  overflow: hidden;
  border: 1px solid #eee;
}

.mobmenu .container {
  padding-left: 0px !important;
  padding-right: 0px !important;
}

.mobmenu li {
  text-align: center;
  transition: .4s;
  border-right: 1px solid #eee;
  border-bottom: 1px solid #eee;
}

.mobmenu li:hover {
  background: #0f61cd;
}

.mobmenu li:hover a {
  color: #fff !important;
}

.mobmenu li a {
  display: block;
}

.mobmenu .col-sm-3 {
  padding-left: 0px !important;
  padding-right: 0px !important;
}

.mobmenu .col-xs-3 {
  padding-left: 0px !important;
  padding-right: 0px !important;
}

.swiper-pagination-bullet {
  width: 15px !important;
  height: 15px !important
}

/*手机站大图样式*/
.mtop {
  background: #333333;
  line-height: 35px;
  height: 35px;
  color: #adadad;
  overflow: hidden;
  text-align: center;
  font-size: 12px;
}

.mobtop {
  height: auto;
  overflow: hidden;
  padding: 3% 0;
  position: relative;
}

.mobtop .left {
  width: 60%;
  padding-left: 2%;
}

.mobtop .left p {
  margin-bottom: 0px !important;
  font-size: 12px;
  color: #777;
}

.mobtop .left img {
  float: left;
  display: block;
  max-width: 90%;
  margin-right: 2%;
}

.mobtop .left span {
  font-size: 16px;
  line-height: 25px;
}

.flex-control-nav {
  background: #ddd;
  float: left;
  width: 3%;
}

.code {
  -moz-border-radius: .3em;
  -webkit-border-radius: .3em;
  border-radius: .3em;
  color: #000;
  font-family: 'Fira mono', 'Courier New', Courier, monospace;
  font-size: 85%;
  letter-spacing: .05em;
  padding: 1em;
}

.aligncontent-center {
  text-align: center;
}

.main-header {
  text-align: center;
  font-weight: 300;
  font-size: 90%;
}

.menu-button {
  position: absolute;
  margin: 5px;
  height: 36px;
  width: 36px;
  right: 10px;
  top: 10%;
}

.menu-left {
  float: left;
}

.sidebar {
  display: none;
  width: 100%;
  height: 100%;
  margin: 0;
  position: fixed;
  top: 0;
  z-index: 9999;
}

.menu-button i {
  font-size: 30px;
  color: #0a7ee0
}

.sidebar>.bg-cover {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .5);
}

.sidebar.open nav {
  /* margin-left: 0;
  -webkit-transition: all 3s ease-in 1s;
  -o-transition: all 3s ease-in 1s;
  transition: all 3s ease-in 1s;*/
}

.sidebar nav {
  float: left;
  width: 140px;
  height: 100%;
  margin-left: -140px;
  color: white;
  background: rgba(1, 74, 153, 0.8);
}

.sidebar h6 {
  margin: 1.2em;
  padding: 0 2%;
  color: #fff;
  font-weight: bold;
  font-size: 16px;
}

.sidebar ul {
  padding: 0 5px
}

.sidebar li a {
  display: block;
  text-align: center;
  line-height: 40px;
  color: #fff !important;
  border-bottom: 1px solid rgba(255, 255, 255, .5);
  transition: .4s;
}

.sidebar li a:hover {
  background: #444;
}

.sidebar hr {
  margin: 1em auto;
  border: 0;
  padding: 0;
  width: 80%;
  height: 1px;
}

.topb {
  height: 70px;
  overflow: hidden;
  box-shadow: 0px 2px 2px #ddd;
}

.topba {
  line-height: 70px;
}

.topba a {
  padding-right: 2%;
  transition: .4s;
  color: #999 !important;
}

.topba a:hover {
  color: #0f61cd !important;
}

.search {
  padding-top: 15px;
}

.search .words {
  line-height: 35px;
  width: 200px;
  padding-left: 4px;
  border: 1px solid #cccccc;
  background: none;
  font-size: 14px;
  color: #999;
}

.search .btn {
  background: #0f61cd;
  line-height: 25px;
  color: #fff;
  border: none;
  border-radius: 0px;
  transition: .4s;
  margin-left: -4px;
}

.search .btn:hover {
  background: #444;
  color: #fff;
}

/*首页侧栏*/
.pub_sidea {
  height: auto;
  overflow: hidden;
}

.pub_stit {
  height: auto;
  overflow: hidden;
  background: #0f61cd;
  color: #fff;
  padding: 10% 8% !important;
}

.pub_stit i {
  display: block;
  float: left;
  font-size: 36px;
}

.pub_stit .sr {
  float: right;
}

.pub_stit .sr strong {
  display: block;
  font-size: 20px;
  line-height: 40px;
}

.pub_stit .sr p {
  color: #b8c2e8;
  line-height: 20px;
  letter-spacing: 2px;
}

.pub_sidea ul {
  height: auto;
  overflow: hidden;
  background: #fff;
  padding: 6%;
}

.pub_sidea ul li {
  line-height: 45px;
  border-bottom: 1px solid #dcdcdc;
  padding-left: 2%;
  transition: .4s;
}

.pub_sidea ul li a {
  display: block;
}

.pub_sidea ul li:hover {
  background: #0f61cd;
}

.pub_sidea ul li:hover a {
  color: #fff !important;
}

/*index_cp*/
.in_01 {
  height: auto;
  overflow: hidden;
  background: #f5f5f5;
  padding: 2% 0;
}

.in01a .slideTxtBox {
  width: 100%;
}

.in01a .slideTxtBox .hd {
  line-height: 35px;
  height: auto;
  overflow: hidden;
  margin: 3% 0 2% 0;
}

.in01a .slideTxtBox .hd .col-lg-3 {
  padding-left: 0.5% !important;
  padding-right: 0.5% !important;
}

.in01a .slideTxtBox .hd .col-md-3 {
  padding-left: 0.5% !important;
  padding-right: 0.5% !important;
}

.in01a .slideTxtBox .hd .col-sm-6 {
  padding-left: 0.5% !important;
  padding-right: 0.5% !important;
}

.in01a .slideTxtBox .hd .col-xs-6 {
  padding-left: 0.5% !important;
  padding-right: 0.5% !important;
}

.in01a .slideTxtBox .hd ul li {
  text-align: center;
  height: 50px;
  line-height: 50px;
  background: #fff;
  border-radius: 60px;
  border: 1px solid #ddd;
  margin-bottom: 4%;
}

.in01a .slideTxtBox .hd ul li a {
  display: block;
  font-size: 22px;
}

.in01a .slideTxtBox .hd ul li b {
  color: #b5b5b5;
  font-size: 26px;
}

.in01a .slideTxtBox .hd ul li.on {
  background: #0f61cd;
}

.in01a .slideTxtBox .hd ul li.on a {
  color: #fff !important;
}

.in01a .slideTxtBox .hd ul li.on b {
  color: #fff !important;
}

.in01a .slideTxtBox .bd {
  height: auto;
  overflow: hidden;
  margin-top: 2%;
}

.in01a .slideTxtBox .bd .col-lg-4 {
  padding-left: 0.5% !important;
  padding-right: 0.5% !important;
}

.in01a .slideTxtBox .bd .col-md-4 {
  padding-left: 0.5% !important;
  padding-right: 0.5% !important;
}

.in01a .slideTxtBox .bd .col-sm-6 {
  padding-left: 0.5% !important;
  padding-right: 0.5% !important;
}

.in01a .slideTxtBox .bd .col-xs-6 {
  padding-left: 0.5% !important;
  padding-right: 0.5% !important;
}

.in01a .slideTxtBox .bd li {
  position: relative;
  margin-bottom: 4%;
  height: auto;
  overflow: hidden;
}

.in01a .slideTxtBox .bd li img {
  max-width: 100%;
  transition: all 0.6s ease 0s;
}

.in01a .slideTxtBox .bd li:hover .infont {
  bottom: 0px;
  height: 110px;
  line-height: 40px;
  padding: 15px 0;
}

.in01a .slideTxtBox .bd li:hover img {
  transform: scale(1.05, 1.05);
}

.infont {
  display: block;
  position: absolute;
  height: 45px;
  line-height: 45px;
  background: rgba(225, 224, 227, 0.8);
  text-align: center;
  width: 100%;
  bottom: 0px;
  transition: .4s;
}

.infont span {
  display: block;
}

.infont p {
  width: 175px;
  margin: 2% auto;
}

.infont p a {
  float: left;
  display: block;
  width: 80px;
  line-height: 32px;
  background: #f9a931;
  color: #fff !important;
  margin: 0 2%;
  transition: .4s;
  font-size: 15px;
}

.infont p a:nth-of-type(2) {
  background: #0f61cd;
}

.infont a:hover {
  background: #0f61cd;
}

.infont a:nth-of-type(2):hover {
  background: #f9a931;
}

.inimg {
  height: auto;
  overflow: hidden;
  border: 1px solid #ddd;
  background: #fff;
}

/*index_02*/
.in_02 {
  height: auto;
  overflow: hidden;
  padding: 2% 0;
}

.intitb {
  height: auto;
  overflow: hidden;
  text-align: center;
}

.intitb span {
  display: block;
  font-size: 32px;
  line-height: 50px;
}

.intitb span em {
  color: #0f61cd
}

.intitb strong {
  display: block;
  font-size: 15px;
  font-weight: normal;
  color: #777;
}

.intitb p {
  font-size: 22px;
  line-height: 40px;
  color: #666;
  letter-spacing: 4px;
}

.intitb b {
  display: block;
  color: #999;
  position: relative;
  font-weight: normal;
}

.intitb b i {
  font-size: 22px;
  color: #dbdbdb;
}

.intitb b::before {
  content: '';
  position: absolute;
  top: 45%;
  left: 18%;
  width: 30%;
  background: #d8d8d8;
  height: 1px;
}

.intitb b::after {
  content: '';
  position: absolute;
  top: 45%;
  right: 18%;
  width: 30%;
  background: #d8d8d8;
  height: 1px;
}

.in_02 img {
  display: block;
  margin: 4% auto;
  max-width: 100%;
}

.in02a {
  height: auto;
  overflow: hidden;
  background: url(../images/in02a.jpg)
    /*tpa=http://www.chaojc.com/static/index/zm001/images/in02a.jpg*/
    center top no-repeat;
}

.in02a img {
  display: block;
  margin-top: 4%;
  max-width: 100%;
}

.in02aa {
  color: #fff;
}

.in02aa strong {
  display: block;
  font-size: 24px;
  line-height: 60px;
  border-bottom: 1px solid #fff;
  color: #fff;
  margin-bottom: 2%;
}

.in02aa p {
  line-height: 35px;
  letter-spacing: 1px;
}

.in02aa p i {
  font-size: 18px
}

.in02ab {
  border: 5px solid #fff;
  text-align: center;
  margin-top: 2%;
  color: #fff;
}

.in02ab span {
  display: block;
  font-size: 18px;
  line-height: 40px;
}

.in02ab p {
  font-size: 30px;
  font-weight: bold;
  line-height: 40px;
}

.in02ab a {
  display: block;
  width: 180px;
  line-height: 40px;
  background: #ffffff;
  text-align: center;
  margin: 4% auto;
  border-radius: 4px;
  transition: .4s;
}

.in02ab a:hover {
  background: #f9a931;
  color: #fff !important;
}

/*index_03*/
.in_03 {
  height: auto;
  overflow: hidden;
  padding: 2% 0;
}

.in_03 ul {
  height: auto;
  overflow: hidden;
  margin-top: 2%;
}

.in_03 .col-lg-2:nth-of-type(6) li::after {
  background: none
}

.in_03 .col-lg-2:nth-of-type(12) li::after {
  background: none
}

.in_03 li {
  position: relative;
  margin-bottom: 20%;
}

.in_03 li img {
  display: block;
  max-width: 100%;
}

.in_03 li::after {
  content: '';
  position: absolute;
  top: 35%;
  right: -15%;
  width: 28px;
  height: 47px;
  background: url(../images/in03a.png)
    /*tpa=http://www.chaojc.com/static/index/zm001/images/in03a.png*/
    right center no-repeat;
  z-index: 88;
}

.in_03 li i {
  display: block;
  width: 158px;
  height: 158px;
  position: absolute;
  z-index: 88;
  background: url(../images/inimgc.png)
    /*tpa=http://www.chaojc.com/static/index/zm001/images/inimgc.png*/
    center top no-repeat;
}

.in_03 li span {
  display: block;
  line-height: 25px;
  text-align: center;
  position: absolute;
  z-index: 89;
  bottom: 12px;
  left: 35%;
  color: #fff;
}

/*index_04*/
.in_04 {
  height: auto;
  overflow: hidden;
  padding: 2% 0;
  background: #f5f5f5;
}

.in_04 .swiper-container {
  width: 100%;
  height: 100%;
  margin-top: 4%;
  padding-bottom: 5%;
}

.in_04 .swiper-slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

.in_04 .swiper-slide {
  padding-bottom: 2%;
}

.in_04 .swiper-slide:hover .inimga i {
  background: rgba(0, 0, 0, 0.2);
}

.in_04 .swiper-slide:hover b {
  color: #0e6eb8
}

.in_04 .swiper-slide:hover strong {
  color: #0e6eb8
}

.in_04 .swiper-pagination-bullet {
  width: 70px;
  height: 5px !important;
  border-radius: 0px !important
}

.inimga {
  position: relative;
  height: auto;
  overflow: hidden;
}

.inimga img {
  width: 100%;
}

.inimga i {
  position: absolute;
  z-index: 8;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0);
  transition: all 0.6s ease 0s;
}

.fontc {
  height: auto;
  overflow: hidden;
  padding: 4%;
  background: #fff;
}

.fontc strong {
  display: block;
  line-height: 40px;
  height: 40px;
  overflow: hidden;
  letter-spacing: 1px;
}

.fontc p {
  line-height: 35px;
  color: #777;
  border-bottom: 1px solid #dcdcdc;
  padding-bottom: 4%;
  margin-bottom: 4%;
  font-size: 15px;
}

.fontc b {
  line-height: 40px;
  height: 40px;
  overflow: hidden;
  color: #777;
  transition: .4s
}

.fontc b i {
  float: right;
}

/*index_05*/
.in_05 {
  height: auto;
  overflow: hidden;
  padding: 2% 0;
  background: url(../images/in05bg.jpg)
    /*tpa=http://www.chaojc.com/static/index/zm001/images/in05bg.jpg*/
    center top no-repeat;
}

.intitc {
  height: auto;
  overflow: hidden;
  text-align: center;
}

.intitc span {
  display: block;
  font-size: 36px;
  line-height: 50px;
  color: #fff
}

.intitc p {
  font-size: 22px;
  line-height: 40px;
  color: #fff;
  letter-spacing: 4px;
}

.intitc b {
  display: block;
  color: #fff;
  position: relative;
  font-weight: normal;
}

.intitc b i {
  font-size: 22px;
  color: #fff;
}

.intitc b::before {
  content: '';
  position: absolute;
  top: 45%;
  left: 18%;
  width: 30%;
  background: #fff;
  height: 1px;
}

.intitc b::after {
  content: '';
  position: absolute;
  top: 45%;
  right: 18%;
  width: 30%;
  background: #fff;
  height: 1px;
}

.in05a {
  height: auto;
  overflow: hidden;
  margin-top: 4%;
}

.in05a li {
  height: auto;
  overflow: hidden;
  border-radius: 5px;
  margin-bottom: 6%;
}

.in05a .col-lg-2 {
  padding-left: 0.5% !important;
  padding-right: 0.5% !important;
}

.in05a .col-md-2 {
  padding-left: 0.5% !important;
  padding-right: 0.5% !important;
}

.in05a .col-sm-6 {
  padding-left: 0.5% !important;
  padding-right: 0.5% !important;
}

.in05a .col-xs-6 {
  padding-left: 0.5% !important;
  padding-right: 0.5% !important;
}

.in05a li {
  position: relative;
}

.in05a li img {
  display: block;
  max-width: 100%;
}

.in05a li i {
  position: absolute;
  z-index: 1;
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0);
  transition: all 0.6s ease 0s;
}

.in05a li:hover i {
  background: rgba(0, 0, 0, 0.2)
}

/*index_06*/
.in_06 {
  height: auto;
  overflow: hidden;
  padding: 2% 0;
}

.intitd {
  height: auto;
  overflow: hidden;
  text-align: center;
}

.intitd strong {
  display: block;
  font-size: 42px;
  line-height: 70px;
}

.intitd strong em {
  color: #0f61cd;
}

.intitd p {
  position: relative;
  line-height: 40px;
  color: #fff;
  background: #0f61cd;
  width: 470px;
  margin: 0 auto;
}

.intitd p::before {
  content: '';
  position: absolute;
  top: 45%;
  left: 100%;
  width: 100%;
  background: #d9d9d9;
  height: 1px;
}

.intitd p::after {
  content: '';
  position: absolute;
  top: 45%;
  right: 100%;
  width: 100%;
  background: #d9d9d9;
  height: 1px;
}

.in06a {
  height: auto;
  overflow: hidden;
}

.in06a li {
  position: relative;
  height: auto;
  overflow: hidden;
  padding: 4% 0;
  margin: 36px 50px;
  box-shadow: 0px 2px 8px #ddd;
}

.in06aa p {
  line-height: 40px;
  color: #666;
}

.in06aa p i {
  font-size: 18px;
}

.in06ab img {
  display: block;
  width: 100%;
}

.infonta {
  height: auto;
  overflow: hidden;
}

.infonta i {
  float: left;
  display: block;
  width: 10%;
  height: 70px;
  background: #0f61cd;
  text-align: center;
  margin-right: 15px;
  font-family: impact;
  font-size: 40px;
  color: #fff;
}

.infonta em {
  display: block;
  width: 30px;
  border-top: 2px solid #fff;
  margin: 0 auto;
}

.infontaa {
  float: right;
  width: 86%
}

.infontaa strong {
  display: block;
  font-size: 28px;
  color: #0f61cd;
  line-height: 50px;
  border-bottom: 1px dashed #999999;
}

.infontaa span {
  display: block;
  font-size: 12px;
  color: #777;
  line-height: 40px;
  height: 40px;
  overflow: hidden;
}

/*index_07*/
.in_07 {
  height: auto;
  overflow: hidden;
  background: url(../images/in07.jpg)
    /*tpa=http://www.chaojc.com/static/index/zm001/images/in07.jpg*/
    center top no-repeat;
}

.in_07 img {
  display: block;
  max-width: 100%;
  margin-top: 10%;
}

.in07a {
  color: #fff;
  padding: 2% 0;
  text-align: center;
}

.in07a strong {
  display: block;
  font-size: 22px;
  line-height: 60px;
  border-bottom: 1px solid #fff;
  color: #fff;
  margin-bottom: 2%;
}

.in07a span {
  display: block;
  line-height: 40px;
  font-size: 18px;
}

.in07a p {
  font-size: 12px;
  color: #679fe8;
  line-height: 20px;
}

/*index_08*/
.in_08 {
  height: auto;
  overflow: hidden;
  padding: 2% 0;
}

.in08a {
  position: relative;
  height: auto;
  overflow: hidden;
  padding: 0 4% 1% 4%;
}

.in08a i {
  display: block;
  position: absolute;
  z-index: 1;
  border: 2px solid #0f61cd;
  border-bottom: none;
  width: 250px;
  height: 165px;
  overflow: hidden;
}

.in08aa {
  height: auto;
  overflow: hidden;
  margin: 2% 0 0 6%;
  background: #fff;
  z-index: 8;
  position: relative;
}

.in08aa span {
  display: block;
  font-size: 24px;
  line-height: 50px;
}

.in08aa p {
  color: #777;
  line-height: 35px;
}

.in08aa p a {
  color: #0f61cd !important;
}

.in08b {
  height: auto;
  overflow: hidden;
}

.in08b .left {
  width: 54.5%;
}

.in08b .right {
  width: 44.5%;
}

.in08b img {
  display: block;
  max-width: 100%;
}

.in08c {
  height: auto;
  overflow: hidden;
  padding: 2% 0;
}

.in08c ul {
  height: auto;
  overflow: hidden;
  margin-top: 2%;
}

.in08c .col-lg-3 {
  padding-left: 0.5% !important;
  padding-right: 0.5% !important;
}

.in08c .col-md-3 {
  padding-left: 0.5% !important;
  padding-right: 0.5% !important;
}

.in08c .col-sm-6 {
  padding-left: 0.5% !important;
  padding-right: 0.5% !important;
}

.in08c .col-xs-6 {
  padding-left: 0.5% !important;
  padding-right: 0.5% !important;
}

.in08c li {
  height: auto;
  overflow: hidden;
  text-align: center;
}

.in08c li img {
  display: block;
  width: 100%;
}

.in08c li:hover span {
  background: #0f61cd;
  color: #fff;
}

.in08c li span {
  display: block;
  line-height: 50px;
  transition: .4s;
  background: #f7f7f7;
}

.intite {
  height: auto;
  overflow: hidden;
}

.intite span {
  float: left;
  color: #777;
  line-height: 60px;
  font-family: cursive;
}

.intite span i {
  color: #0f61cd;
  font-size: 18px;
}

.intite span b {
  font-size: 22px;
  color: #444;
}

.intite a {
  float: right;
  line-height: 25px;
  border: 1px solid #ccc;
  color: #777 !important;
  width: 80px;
  text-align: center;
  margin-top: 2%;
  transition: .4s;
}

.intite a:hover {
  background: #0f61cd;
  color: #fff !important
}

/*index_09*/
.in_09 {
  height: auto;
  overflow: hidden;
  padding: 2% 0;
  background: #f2f2f2;
}

.in09a {
  background: #fff;
  padding: 2%;
  height: auto;
  overflow: hidden;
}

.intitf {
  height: auto;
  overflow: hidden;
}

.intitf span {
  float: left;
  color: #777;
  line-height: 60px;
}

.intitf span i {
  color: #0f61cd;
  font-size: 18px;
}

.intitf span b {
  font-size: 18px;
  color: #444;
}

.intitf a {
  float: right;
  line-height: 25px;
  border: 1px solid #ccc;
  color: #777 !important;
  width: 80px;
  text-align: center;
  margin-top: 2%;
  transition: .4s;
}

.intitf a:hover {
  background: #0f61cd;
  color: #fff !important
}

.in09aa {
  height: auto;
  overflow: hidden;
  margin: 2% 0;
}

.in09aa:hover b {
  background: #f9a931;
}

.inimgb {
  float: left;
  width: 30%;
}

.inimgb img {
  display: block;
  width: 100%;
}

.infontb {
  float: right;
  width: 68%;
}

.infontb span {
  display: block;
  font-size: 18px;
  line-height: 40px;
}

.infontb p {
  color: #777;
  line-height: 35px;
  margin: 2% 0 !important;
}

.infontb b {
  display: block;
  width: 120px;
  background: #0f61cd;
  line-height: 35px;
  border-radius: 5px;
  text-align: center;
  color: #fff;
  font-weight: normal;
  transition: .4s;
}

.in09ab li {
  float: left;
  width: 49%;
  margin-right: 2%;
  line-height: 50px;
  height: 50px;
  overflow: hidden;
  border-bottom: 1px dashed #b0b0b0;
  transition: .4s;
}

.in09ab li a {
  display: block;
}

.in09ab li:hover {
  background: #0f61cd;
}

.in09ab li:hover a {
  color: #fff !important;
}

.in09ab li:nth-of-type(2n+0) {
  margin-right: 0px;
}

.in09b {
  height: auto;
  overflow: hidden;
  background: #fff;
  padding: 4%;
}

.in09b ul {
  height: auto;
  overflow: hidden;
  margin-bottom: 0px !important;
}

.in09b li {
  height: auto;
  overflow: hidden;
  border-bottom: 1px dashed #b0b0b0;
  padding-bottom: 2%;
  margin-top: 2%;
}

.in09b li:hover span {
  color: #0f61cd
}

.in09b li span {
  display: block;
  line-height: 40px;
  transition: .4s;
}

.in09b li p {
  color: #777;
  line-height: 30px;
  font-size: 15px;
}

.intitg {
  height: auto;
  overflow: hidden;
}

.intitg span {
  float: left;
  color: #777;
  line-height: 60px;
}

.intitg span i {
  color: #0f61cd;
  font-size: 18px;
}

.intitg span b {
  font-size: 18px;
  color: #444;
}

.intitg a {
  float: right;
  line-height: 25px;
  border: 1px solid #ccc;
  color: #777 !important;
  width: 80px;
  text-align: center;
  margin-top: 4%;
  transition: .4s;
}

.intitg a:hover {
  background: #0f61cd;
  color: #fff !important
}

/*index_10*/
.in_10 {
  height: auto;
  overflow: hidden;
  background: url(../images/in10bg.jpg)
    /*tpa=http://www.chaojc.com/static/index/zm001/images/in10bg.jpg*/
    center top no-repeat;
  padding: 2% 0;
}

.in10a {
  height: auto;
  overflow: hidden;
  background: url(../images/inimgd.jpg)
    /*tpa=http://www.chaojc.com/static/index/zm001/images/inimgd.jpg*/
    center top no-repeat;
  padding: 4%
}

.intith {
  height: auto;
  overflow: hidden;
  text-align: center;
}

.intith span {
  display: block;
  font-size: 28px;
  line-height: 60px;
}

.intith span i {
  color: #0f61cd;
}

.intith p {
  color: #777;
  font-size: 16px;
}

.de-message {
  width: 60%;
  margin: 0 auto;
}

.in_11 {
  height: 45px;
  line-height: 45px;
  background: #f2f2f2;
}

.in_11 span:first-child {
  display: block;
  float: left;
  width: 180px;
  text-align: center;
  background: #0f61cd;
  color: #fff;
}

.in_11 a {
  display: block;
  float: left;
  margin: 0 2%;
  transition: .4s;
}

.in_11 a:hover {
  color: #0f61cd !important;
}

/*footer*/
.footer {
  clear: both;
  height: auto;
  overflow: hidden;
  padding: 2% 0;
  background: #222;
}

.foota {
  height: auto;
  overflow: hidden;
}

.foota img {
  display: block;
  max-width: 100%;
}

.footab {
  height: auto;
  overflow: hidden;
  margin-top: 4%;
  color: #cccccc;
}

.footab i {
  color: #0f61cd;
}

.footab b {
  display: block;
  font-size: 32px;
  color: #0f61cd;
  line-height: 50px;
}

.footab p {
  display: block;
  line-height: 35px;
}

.footb {
  height: auto;
  overflow: hidden;
}

.footb li {
  float: left;
  width: 25%;
}

.footb li span {
  display: block;
  line-height: 40px;
  color: #fff;
}

.footb li span a {
  display: block;
}

.footbot {
  line-height: 40px;
  height: 40px;
  overflow: hidden;
  background: #333333;
  color: #6d6d6d;
  text-align: center;
  font-size: 15px;
}

.footbot a {
  color: #6d6d6d !important;
}

.footba {
  height: auto;
  overflow: hidden;
}

.footba p {
  line-height: 30px;
}

.footba p a {
  display: block;
  color: #999 !important;
  transition: .4s;
  font-size: 15px;
}

.footba p a:hover {
  color: #fff !important;
}

.footnav {
  right: 0;
  bottom: 0;
  float: left;
  width: 100%;
  position: fixed;
  background: #5d5b5b;
  color: #fff;
  z-index: 888;
}

.footnav li {
  float: left;
  text-align: center;
  width: 33.3%;
  text-align: center;
  color: #fff;
}

.footnav li:nth-of-type(1) {
  background: #3c3c3c
}

.footnav li:nth-of-type(3) {
  background: #6d6d6d
}

.footnav li i {
  font-size: 20px;
}

.footnav li span {
  display: block;
  line-height: 20px;
}

.footnav li a {
  display: block;
  color: #fff !important;
  padding-top: 4%;
}

.footnav li a:hover {
  color: #ffb40b
}

.imgsl {
  height: auto;
  overflow: hidden;
}

/*content*/
.conban {
  height: 300px;
  overflow: hidden;
  background: url(../images/conban.jpg)
    /*tpa=http://www.chaojc.com/static/index/zm001/images/conban.jpg*/
    center no-repeat;
  padding-top: 4%;
  color: #fff;
  position: relative;
  z-index: 1
}

.proban {
  height: 300px;
  overflow: hidden;
  background: url(../images/proban.jpg)
    /*tpa=http://www.chaojc.com/static/index/zm001/images/proban.jpg*/
    center no-repeat;
  padding-top: 4%;
  color: #fff;
  position: relative;
  z-index: 1
}

.proban1 {
  height: 300px;
  overflow: hidden;
  background: url(../images/proban1.jpg)
    /*tpa=http://www.chaojc.com/static/index/zm001/images/proban1.jpg*/
    center no-repeat;
  padding-top: 4%;
  color: #fff;
  position: relative;
  z-index: 1
}

.caseban {
  height: 300px;
  overflow: hidden;
  background: url(../images/caseban.jpg)
    /*tpa=http://www.chaojc.com/static/index/zm001/images/caseban.jpg*/
    center no-repeat;
  padding-top: 4%;
  color: #fff;
  position: relative;
  z-index: 1
}

.newsban {
  height: 300px;
  overflow: hidden;
  background: url(../images/newsban.jpg)
    /*tpa=http://www.chaojc.com/static/index/zm001/images/newsban.jpg*/
    center no-repeat;
  padding-top: 4%;
  color: #fff;
  position: relative;
  z-index: 1
}

.scxcban {
  height: 300px;
  overflow: hidden;
  background: url(../images/scxcban.jpg)
    /*tpa=http://www.chaojc.com/static/index/zm001/images/scxcban.jpg*/
    center no-repeat;
  padding-top: 4%;
  color: #fff;
  position: relative;
  z-index: 1
}

.cantactban {
  height: 300px;
  overflow: hidden;
  background: url(../images/cantactban.jpg)
    /*tpa=http://www.chaojc.com/static/index/zm001/images/cantactban.jpg*/
    center no-repeat;
  padding-top: 4%;
  color: #fff;
}

.banfonta {
  display: block;
  width: 240px;
  background: rgba(15, 97, 205, 0.8);
  border-left: 3px solid #ee2225;
  padding: 2% 3%;
}

.banfonta span {
  display: block;
  font-size: 26px;
  line-height: 55px;
}

.banfonta p {
  line-height: 20px;
  font-family: cursive;
  font-size: 18px;
}

.location {
  line-height: 50px;
  height: auto;
  overflow: hidden;
}

.location p {
  border-bottom: 1px solid #eaeaea;
  color: #777;
  font-size: 15px;
}

.location p a {
  transition: .4s;
}

.location p a:hover {
  color: #0f61cd !important;
}

.location p i {
  color: #0f61cd;
}

.location ul {
  height: auto;
  overflow: hidden;
  margin: 2% 0;
}

.location ul li {
  text-align: center;
  transition: .4s;
  margin-bottom: 2%;
}

/*.location ul li.active{background: #0f61cd;}
.location ul li.active a{color: #fff !important;}*/
.location ul .col-sm-3 {
  padding-left: 0.5% !important;
  padding-right: 0.5% !important;
}

.location ul .col-xs-3 {
  padding-left: 0.5% !important;
  padding-right: 0.5% !important;
}

.location ul .col-sm-4 {
  padding-left: 0.5% !important;
  padding-right: 0.5% !important;
}

.location ul .col-xs-4 {
  padding-left: 0.5% !important;
  padding-right: 0.5% !important;
}

.location ul li a {
  display: block;
  border: 1px solid #cccccc;
  border-radius: 5px;
}

.location ul li:hover {
  background: #0f61cd;
}

.location ul li:hover a {
  color: #fff !important;
}



/*content_company*/
.companya {
  height: auto;
  overflow: hidden;
  padding: 2% 0;
}

.companyaa {
  height: auto;
  overflow: hidden;
  margin: 2% 0;
}

.companyaa img {
  display: block;
  margin: 0 auto;
  max-width: 100%;
}

.companyac strong {
  display: block;
  line-height: 40px;
  font-size: 22px;
}

.companyac p {
  line-height: 40px;
  color: #777;
}

.companyad {
  height: auto;
  overflow: hidden;
  margin-top: 2%;
}

.companyad .left {
  width: 51.5%;
}

.companyad .right {
  width: 48%;
}

.companyad img {
  display: block;
  width: 100%;
}

.companya_wh {
  height: auto;
  overflow: hidden;
  padding: 2% 0;
  background: url(../images/companyd.png)
    /*tpa=http://www.chaojc.com/static/index/zm001/images/companyd.png*/
    bottom repeat;
}

.companya_wh li {
  height: auto;
  overflow: hidden;
  border-bottom: 1px solid #dfdfdf;
  text-align: center;
}

.companya_wh .container {
  border-left: 1px solid #dfdfdf;
  border-right: 1px solid #dfdfdf;
  padding-top: 4%;
  padding-bottom: 4%;
}

.companya_wh li span {
  display: block;
  font-size: 32px;
  line-height: 55px;
}

.companya_wh li em {
  display: block;
  color: #999;
  line-height: 25px;
  font-family: cursive;
}

.companya_wh li p {
  font-size: 22px;
  line-height: 40px;
  margin: 4% 0 !important;
  color: #666666;
}

.companya_wh li i {
  font-size: 42px;
  margin: 4% 0;
  color: #777;
}

.honora {
  height: auto;
  overflow: hidden;
  padding: 2% 0;
}

.honorlist {
  height: auto;
  overflow: hidden;
  margin-top: 2%;
}

.honorlist p {
  text-align: center;
  line-height: 40px;
  color: #777;
  margin: 4% 0 !important;
}

.honorlist .col-lg-4 {
  padding-left: 0.5% !important;
  padding-right: 0.5% !important;
}

.honorlist .col-md-4 {
  padding-left: 0.5% !important;
  padding-right: 0.5% !important;
}

.honorlist .col-sm-6 {
  padding-left: 0.5% !important;
  padding-right: 0.5% !important;
}

.honorlist .col-xs-6 {
  padding-left: 0.5% !important;
  padding-right: 0.5% !important;
}

.honorlist li {
  position: relative;
  text-align: center;
  margin-bottom: 2%;
  border: 1px solid #d5d5d5;
  padding: 2%;
  height: 255px;
  overflow: hidden;
}

.honorlist li img {
  display: block;
  margin: 0 auto;
  max-height: 100%;
  max-width: 100%;
}

.honorlist li:hover .honorfont {
  background: rgba(15, 97, 205, 0.8);
  opacity: 1;
  top: 0;
}

.honorfont {
  position: absolute;
  z-index: 8;
  background: rgba(15, 97, 205, 0);
  opacity: 0;
  color: #fff;
  top: 200px;
  left: 0;
  width: 100%;
  padding: 20% 0;
  transition: .4s
}

.honorfont i {
  font-size: 58px;
}

.honorfont span {
  display: block;
  font-size: 20px;
  line-height: 25px;
}

.hzhba {
  height: auto;
  overflow: hidden;
  background: url(../images/hzhba.jpg)
    /*tpa=http://www.chaojc.com/static/index/zm001/images/hzhba.jpg*/
    center bottom no-repeat;
  padding: 2% 0;
}

.hzhblist {
  height: auto;
  overflow: hidden;
  margin: 4% 0;
}

.hzhblist li {
  border: 1px solid #d5d5d5;
  height: auto;
  overflow: hidden;
  border-radius: 15px;
  text-align: center;
  background: #fff;
  margin-bottom: 6%;
}

.hzhblist li:hover span {
  background: #0f61cd;
  color: #fff;
}

.hzhblist li img {
  display: block;
  max-width: 100%;
}

.hzhblist li span {
  display: block;
  line-height: 40px;
  transition: .4s
}

.dhlca {
  height: auto;
  overflow: hidden;
  margin: 2% 0;
  background: url(../images/dhlca.png)
    /*tpa=http://www.chaojc.com/static/index/zm001/images/dhlca.png*/
    left no-repeat;
  padding-left: 110px;
}

.dhlca p {
  line-height: 56px;
  font-size: 22px;
}

.dhlcb {
  height: auto;
  overflow: hidden;
  padding: 2% 0;
}

.dhlcb img {
  display: block;
  margin: 2% auto;
  max-width: 100%;
}

/*产品*/
.plocation {
  line-height: 50px;
  height: auto;
  overflow: hidden;
}

.plocation .col-sm-4 {
  padding-left: 0.5% !important;
  padding-right: 0.5% !important;
}

.plocation .col-xs-4 {
  padding-left: 0.5% !important;
  padding-right: 0.5% !important;
}

.plocation p {
  border-bottom: 1px solid #eaeaea;
  color: #777;
  font-size: 15px;
}

.plocation p i {
  color: #0f61cd;
}

.plocation ul {
  height: auto;
  overflow: hidden;
  margin: 3% 0;
}

.plocation ul li {
  border: 1px solid #cccccc;
  text-align: center;
  border-radius: 5px;
  transition: .4s;
  margin-bottom: 8%;
}

.plocation ul li a {
  display: block;
}

.plocation ul li:hover {
  background: #0f61cd;
}

.plocation ul li:hover a {
  color: #fff !important;
}

.prolist {
  height: auto;
  overflow: hidden;
  margin-bottom: 2%;
}

.prolist .col-md-4 {
  padding-left: 0.5% !important;
  padding-right: 0.5% !important;
}

.prolist li {
  height: auto;
  overflow: hidden;
  /* margin-bottom: 4%; */
  padding: 2%;
}

.prolist li span {
  display: block;
  font-size: 16px;
  line-height: 50px;
  height: 50px;
  border-top: 1px solid #c6c8cf;
  margin-top: 2px;
  overflow: hidden;
  color: #777;
}

.prolist ul li article {
  border: 1px solid #c6c8cf;
  padding: 5%;
}

.prolist li span i {
  float: right;
  font-size: 18px;

}

.prolist li:hover img {
  transform: scale(1.05, 1.05);
}

.prolist li img {
  display: block;
  width: 100%;
  transition: all 0.6s ease 0s;
}

.pimga {
  height: 215px;
  overflow: hidden;
}


.proa {
  height: auto;
  overflow: hidden;
  padding: 2% 0;
}

.proab img {
  max-width: 100%;
  border: 1px solid #c6c8cf;
}

.proab ul {
  height: auto;
  overflow: hidden;
  margin-top: 2%;
}

.proab ul li {
  float: left;
  width: 33.3%;
  padding: 2px;
  border: 1px solid #ccc;
}

.proab ul li img {
  display: block;
  width: 100%;
  background: #ccc;
}

.proaa {
  height: auto;
  overflow: hidden;
}

.proaa_a {
  height: auto;
  overflow: hidden;
}

.proaa_a span {
  display: block;
  font-size: 16px;
  line-height: 35px;
}

.proaa_a strong {
  display: block;
  font-size: 26px;
  line-height: 40px;
  font-weight: normal;
}

.proaa_b {
  height: auto;
  overflow: hidden;
  padding: 2%;
  border: 1px solid #e6e6e6;
  background: #fafafa;
}

.proaa_b p {
  line-height: 37px;
  color: #666;
  font-size: 16px;
}

.proaa_c {
  height: auto;
  overflow: hidden;
  background: #0f61cd;
  color: #fff;
  margin: 2% 0;
  padding: 4%;
  font-size: 36px;
}

.proaa_c i {
  font-size: 30px;
}

.proaa_c a {
  padding: 3% 6%;
  background: #fff;
  border: 5px;
  font-size: 20px;
  border-radius: 5px;
  transition: .4s;
}

.proaa_c a:hover {
  background: #f9a931;
  color: #fff !important;
}

.proaa_d {
  height: auto;
  overflow: hidden;
  padding: 2%;
  border: 1px solid #e6e6e6;
  background: #fafafa;
}

.proaa_d ul {
  height: auto;
  overflow: hidden;
  margin-bottom: 0px !important
}

.proaa_d li {
  float: left;
  width: 25%;
  height: auto;
  overflow: hidden;
  text-align: center;
}

.proaa_d li i {
  display: block;
  font-size: 42px;
  color: #0f61cd;
}

.proaa_d li span {
  display: block;
  line-height: 40px;
}

.prob {
  position: relative;
  overflow: hidden;
  height: auto;
  background: #f2f2f2;
  padding: 2% 0;
}

.prob .col-lg-9 {
  padding-left: 0.5% !important;
  padding-right: 0.5% !important;
}

.prob .col-lg-3 {
  padding-left: 0.5% !important;
  padding-right: 0.5% !important;
}

.prob .col-md-9 {
  padding-left: 0.5% !important;
  padding-right: 0.5% !important;
}

.prob .col-md-3 {
  padding-left: 0.5% !important;
  padding-right: 0.5% !important;
}

.proba {
  line-height: 40px;
  height: auto;
  overflow: hidden;
  background: #fff;
  padding: 2%;
}

.proba ul li strong {
  text-indent: 2em;
}

.proba strong {
  display: block;
  font-size: 18px;
  line-height: 40px;
  background: url(../images/proba.png)
    /*tpa=http://www.chaojc.com/static/index/zm001/images/proba.png*/
    left no-repeat;
}

.probc {
  height: auto;
  overflow: hidden;
  background: url(../images/probc.jpg)
    /*tpa=http://www.chaojc.com/static/index/zm001/images/probc.jpg*/
    center no-repeat;
  color: #fff;
  zoom: 1.1;
  padding: 4% 0;
}

.probca {
  text-align: center;
}

.probca span {
  display: block;
  font-size: 30px;
  line-height: 40px;
}

.probca strong {
  display: block;
  font-size: 30px;
  line-height: 40px;
}

.probcb {
  text-align: right;
}

.probcb span {
  display: block;
  font-size: 22px;
  line-height: 40px;
}

.probcb a {
  background: #fff;
  padding: 2%;
  color: #0f61cd !important;
  transition: .4s;
  font-size: 14px;
}

.probcb a:hover {
  background: #f9a931;
  color: #fff !important;
}

.probd {
  height: auto;
  overflow: hidden;
  background: #fff;
  padding: 2%;
  text-align: center;
}

.ptit {
  height: auto;
  overflow: hidden;
  text-align: center;
}

.ptit span {
  display: block;
  font-size: 30px;
  line-height: 50px;
}

.ptit i {
  display: block;
  font-size: 28px;
  color: #0f61cd;
}

.probd p {
  color: #777;
  line-height: 40px;
}

.probd img {
  display: block;
  margin: 4% auto;
  max-width: 100%;
}

.probe img {
  width: 100%;
}

.probf {
  height: auto;
  overflow: hidden;
  padding: 2%;
  background: #fff;
}

.probf li {
  height: auto;
  overflow: hidden;
  margin-bottom: 2%;
}

.probf li .left {
  float: left;
  width: 40%;
  padding: 2%;
  padding-left: 0px !important;
}

.probf li:nth-of-type(2n+0) .left {
  float: right;
  padding-right: 0px !important;
}

.probf li:nth-of-type(2n+0) img {
  float: left;
}

.probf li .left span {
  display: block;
  background: #434343;
  color: #fff;
  line-height: 40px;
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 4%;
}

.probf li .left span b {
  float: left;
  display: block;
  background: #0f61cd;
  width: 60px;
  text-align: center;
  color: #fff;
  margin-right: 2%;
}

.probf li .left p {
  line-height: 40px;
  color: #777;
  font-size: 16px;
}

.probf li img {
  display: block;
  float: right;
}

.probg {
  height: auto;
  overflow: hidden;
  background: url(../images/probg.jpg)
    /*tpa=http://www.chaojc.com/static/index/zm001/images/probg.jpg*/
    center no-repeat;
  color: #fff;
  zoom: 1.1;
  padding: 4% 0;
}

.probga span {
  display: block;
  font-size: 20px;
  line-height: 40px;
}

.probga strong {
  display: block;
  font-size: 30px;
  line-height: 40px;
}

.probgb {
  text-align: right;
}

.probgb span {
  display: block;
  font-size: 22px;
  line-height: 40px;
}

.probgb a {
  background: #fff;
  padding: 2%;
  color: #0f61cd !important;
  transition: .4s;
  font-size: 14px;
}

.probgb a:hover {
  background: #f9a931;
  color: #fff !important;
}

.probh {
  height: auto;
  overflow: hidden;
  padding: 2%;
  background: #fff;
}

.probh ul {
  height: auto;
  overflow: hidden;
  margin-top: 2%;
}

.probh ul li {
  position: relative;
  margin-bottom: 2%;
  height: auto;
  overflow: hidden;
}

.probh ul li span {
  position: absolute;
  z-index: 8;
  bottom: -50px;
  background: rgba(0, 0, 0, 0.8);
  line-height: 50px;
  width: 100%;
  color: #fff;
  text-align: center;
  transition: .4s;
}

.probh ul li:hover span {
  background: rgba(15, 97, 205, 0.8);
  bottom: 0;
}

.probh .col-lg-6 {
  padding-left: 0.5% !important;
  padding-right: 0.5% !important;
}

.probh .col-md-6 {
  padding-left: 0.5% !important;
  padding-right: 0.5% !important;
}

.probh .col-sm-6 {
  padding-left: 0.5% !important;
  padding-right: 0.5% !important;
}

.probh .col-xs-6 {
  padding-left: 0.5% !important;
  padding-right: 0.5% !important;
}

.probi {
  height: auto;
  overflow: hidden;
  padding: 2%;
  background: #fff;
}

.probi ul {
  height: auto;
  overflow: hidden;
  margin-top: 2%;
}

.probi ul li {
  height: auto;
  overflow: hidden;
  text-align: center;
}

.probi ul li i {
  font-size: 42px;
  color: #0f61cd;
}

.probi ul li strong {
  display: block;
  font-size: 20px;
  line-height: 50px;
}

.probi ul li p {
  line-height: 40px;
}

.probj img {
  display: block;
  width: 100%;
}

.side {
  height: auto;
  overflow: hidden;
  padding: 4%;
  background: #fff;
}

.side li {
  height: auto;
  overflow: hidden;
  border: 1px solid #c6c8cf;
  margin-bottom: 4%;
  padding: 2%;
}

.side li span {
  display: block;
  font-size: 16px;
  line-height: 50px;
  height: 50px;
  overflow: hidden;
  border-top: 1px solid #c6c8cf;
  color: #777;
}

.side li span i {
  float: right;
  font-size: 18px;
}

.side li:hover img {
  transform: scale(1.05, 1.05);
}

.side li img {
  display: block;
  width: 100%;
  transition: all 0.6s ease 0s;
}

.sidea {
  height: auto;
  overflow: hidden;
  margin-top: 2%;
}

.stita {
  height: auto;
  overflow: hidden;
  background: #0f61cd;
  color: #fff;
  line-height: 45px;
  text-align: center;
  font-size: 22px;
}

.sideaa {
  height: auto;
  overflow: hidden;
  padding: 4%;
  background: #fff;
}

.sideaa span {
  display: block;
  font-size: 22px;
}

.sideaa span i {
  color: #0f61cd;
  font-size: 20px;
}

.sideaa strong {
  display: block;
  color: #0f61cd;
  font-size: 36px;
}

.sideaa p {
  line-height: 30px;
  margin-bottom: 0px !important;
  color: #777;
}

.stit {
  height: auto;
  overflow: hidden;
  margin-bottom: 2%;
}

.stit strong {
  display: block;
  font-size: 18px;
  line-height: 40px;
  background: url(../images/proba.png)
    /*tpa=http://www.chaojc.com/static/index/zm001/images/proba.png*/
    left no-repeat;
  padding-left: 30px;
}

/*新闻*/
.newsa {
  height: auto;
  overflow: hidden;
  padding: 2% 0;
}

.newsa .col-lg-9 {
  padding-left: 0.5% !important;
  padding-right: 0.5% !important;
}

.newsa .col-lg-3 {
  padding-left: 0.5% !important;
  padding-right: 0.5% !important;
}

.newsa .col-md-9 {
  padding-left: 0.5% !important;
  padding-right: 0.5% !important;
}

.newsa .col-md-3 {
  padding-left: 0.5% !important;
  padding-right: 0.5% !important;
}

.newsab li {
  height: auto;
  overflow: hidden;
  border-bottom: 1px solid #d9d9d9;
  padding-bottom: 2%;
  margin-bottom: 2%;
}

.newsab li:hover span {
  color: #0f61cd;
}

.newsab li:hover p {
  color: #0f61cd;
}

.newsab .col-lg-4 {
  padding-left: 0px !important;
}

.newsab .col-lg-8 {
  padding-right: 0px !important;
}

.newsab .col-md-4 {
  padding-left: 0px !important;
}

.newsab .col-md-8 {
  padding-right: 0px !important;
}

.newsab li img {
  display: block;
  width: 100%;
}

.newsab li span {
  display: block;
  line-height: 45px;
  transition: .4s;
  font-size: 16px;
}

.newsab li p {
  color: #777;
  line-height: 35px;
  margin: 2% 0 !important;
  font-size: 14px;
  transition: .4s;
}

.newsab li i {
  display: block;
  color: #777;
  line-height: 40px;
}

.snewsa {
  height: auto;
  overflow: hidden;
  border: 1px solid #e6e6e6;
  background: #fafafa;
  padding: 4%;
  margin-bottom: 2%;
}

.snewsa strong {
  display: block;
  font-size: 18px;
  line-height: 40px;
}

.snewsa li {
  height: auto;
  overflow: hidden;
  border-top: 1px solid #e6e6e6;
  padding: 3% 0;
}

.snewsa li:hover b {
  background: #0f61cd;
  color: #fff;
}

.snewsa li:hover span {
  color: #0f61cd
}

.snewsa li span {
  display: block;
  line-height: 35px;
  transition: .4s;
}

.snewsa li span b {
  display: block;
  float: left;
  text-align: center;
  transition: .4s;
  margin-right: 2%;
  background: #d9d9d9;
  width: 25px;
  line-height: 25px;
  margin-top: 5px;
  border-radius: 2px;
}

.snewsa li p {
  line-height: 40px;
  color: #777;
  padding-left: 13%;
}

.newsimg img {
  display: block;
  margin: 0 auto 2% auto;
  max-width: 100%;
}

.caseinfoa .col-sm-12 {
  padding-left: 0px !important;
  padding-right: 0px !important;
}

.caseinfoa .col-xs-12 {
  padding-left: 0px !important;
  padding-right: 0px !important;
}

.newscontent img {
  display: block;
  max-width: 100%;
}

/*生产现场*/
.scxca {
  height: auto;
  overflow: hidden;
  padding: 2% 0;
}

.scxclist {
  height: auto;
  overflow: hidden;
  margin-top: 2%;
}

.scxclist li {
  position: relative;
}

.scxclist li span {
  display: block;
  position: absolute;
  z-index: 1;
  bottom: 0;
  background: rgba(0, 0, 0, 0.8);
  width: 100%;
  color: #fff;
  line-height: 50px;
  text-align: center;
  transition: .4s;
}

.scxclist li:hover span {
  background: rgba(239, 125, 0, 0.8);
}

.scxclist li img {
  display: block;
  width: 100%;
}

.scxclist .col-lg-6 {
  padding-left: 0px !important;
  padding-right: 0px !important;
}

.scxclist .col-md-6 {
  padding-left: 0px !important;
  padding-right: 0px !important;
}

.tabbox {
  width: 1200px;
  background: #fff;
  height: auto;
  overflow: hidden;
  margin-top: 2%;
  padding: 4% 0;
}

.tabbox .tab {
  float: left;
  width: 300px;
  background: #f2f2f2;
  overflow: hidden;
}

.tabbox .tab a {
  display: block;
  line-height: 50px;
  height: 50px;
  border-bottom: 1px solid #e0e0e0;
  transition: .4s;
  text-indent: 2em;
}

.tabbox .tab a:hover {
  background: #0f61cd;
  color: #fff !important;
  border-radius: 0px 50px 50px 0;
}

.tabbox .tab a.on {
  background: #0f61cd;
  color: #fff !important;
  border-radius: 0px 50px 50px 0;
}

.tabbox .content {
  float: right;
  width: 900px;
  overflow: hidden;
  height: 500px;
  position: relative;
}

.tabbox .content ul {
  position: absolute;
  left: 0;
  top: 0;
  height: 500px;
}

.tabbox .content li {
  position: relative;
  width: 900px;
  height: 500px;
  float: left;
}

.scxcba {
  width: 900px;
  border: 1px solid #f1f1f1;
  height: 500px;
}

.scxcba img {
  width: 100%;
}

.mscxcb li {
  height: auto;
  overflow: hidden;
  margin-bottom: 2%;
  background: #f2f2f2;
}

.mscxcb li img {
  display: block;
  max-width: 100%;
}

.mscxcb li span {
  display: block;
  line-height: 45px;
  text-align: center;
}

.mscxcb .col-sm-6 {
  padding-left: 0.5% !important;
  padding-right: 0.5% !important;
}

.mscxcb .col-xs-6 {
  padding-left: 0.5% !important;
  padding-right: 0.5% !important;
}

/*新闻详情*/
.ninfotit {
  height: auto;
  overflow: hidden;
  padding: 2% 0;
  text-align: center;
  border-bottom: 1px dashed #ededed;
  margin-bottom: 2%;
}

.ninfotit span {
  display: block;
  font-size: 28px;
  line-height: 45px;
}

.ninfotit p {
  line-height: 30px;
  color: #777;
  margin-bottom: 0px;
}

.newscontenta p {
  color: #777;
  line-height: 40px;
}

.newscontenta img {
  display: block;
  margin: 0 auto;
  margin-bottom: 1%;
}

.newsPage {
  height: auto;
  overflow: hidden;
  padding: 2% 0;
  border-top: 1px dashed #ededed;
  margin-top: 2%;
  line-height: 35px;
}

/*案例*/
.casesa {
  height: auto;
  overflow: hidden;
}

.casesa li {
  height: auto;
  overflow: hidden;
  margin-top: 2%;
}

.casesa li:nth-of-type(2n+0) {
  background: #f2f2f2;
  padding: 2% 0;
}

.caselist {
  height: auto;
  overflow: hidden;
  margin-top: 2%;
}

.caselist .col-lg-3 {
  padding-left: 0.5% !important;
  padding-right: 0.5% !important;
}

.caselist .col-md-3 {
  padding-left: 0.5% !important;
  padding-right: 0.5% !important;
}

.caselist .swiper-slide {
  position: relative;
  float: left;
  border: 1px solid #ccc;
  text-align: center;
}

.caselist .swiper-slide:hover .imga i {
  background: rgba(0, 0, 0, 0.2)
}

.caselist .swiper-slide img {
  display: block;
  width: 100%;
}

.fonta {
  position: relative;
  bottom: 0px;
  padding: 6% 0;
  overflow: hidden;
  transition: .4s;
  background: #fff;
  z-index: 8;
}

.fonta span {
  display: block;
  width: 100%;
  line-height: 40px;
  height: 40px;
  overflow: hidden;
}

.fonta p {
  color: #777;
  line-height: 40px;
  margin-bottom: 6% !important;
  font-size: 16px;
}

.fonta i {
  font-style: normal;
  margin: 2% auto;
}

.fonta i a {
  display: block;
  float: left;
  width: 46%;
  font-size: 14px;
  border-radius: 5px;
  height: 35px;
  line-height: 35px;
  border: 1px solid #b3b3b3;
  margin: 0 2%;
  transition: .4s;
}

.fonta i a:hover {
  background: #f9a931;
  color: #fff !important;
  border: 1px solid #f9a931;
  transition: .4s;
}

.fonta i a:nth-of-type(1) {
  background: #0f61cd;
  color: #fff !important;
  border: 1px solid #0f61cd;
}

.fonta i a:nth-of-type(1):hover {
  background: #f9a931;
  border: 1px solid #f9a931;
}

.imga {
  position: relative;
  height: auto;
  overflow: hidden;
}

.imga i {
  position: absolute;
  z-index: 1;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0);
  transition: .4s;
}

.caseinfoa {
  height: auto;
  overflow: hidden;
  padding: 2% 0;
  background: #f2f2f2
}

.mcaselist {
  height: auto;
  overflow: hidden;
  margin-top: 2%;
}

.mcaselist .col-lg-3 {
  padding-left: 0.5% !important;
  padding-right: 0.5% !important;
}

.mcaselist .col-md-3 {
  padding-left: 0.5% !important;
  padding-right: 0.5% !important;
}

.mcaselist .swiper-slide {
  position: relative;
  float: left;
  border: 1px solid #ccc;
  text-align: center;
}

.mcaselist .swiper-slide:hover .imga i {
  background: rgba(0, 0, 0, 0.2)
}

.mcaselist .swiper-slide img {
  display: block;
  width: 100%;
}


/*联系*/
.cona {
  height: auto;
  overflow: hidden;
}

.cona ul {
  height: auto;
  overflow: hidden;
  margin-top: 3%;
}

.cona li {
  height: auto;
  overflow: hidden;
}

.cona li dd {
  border: 1px solid #eeeeee;
  height: auto;
  overflow: hidden;
  padding: 5% 3%;
  background: #f5f5f5;
}

.cona li span {
  display: block;
  float: left;
  width: 20%;
  text-align: center;
  border-right: 1px dashed #1062cd;
  margin-right: 4%;
}

.cona li span i {
  font-size: 48px;
}

.cona li strong {
  line-height: 40px;
  font-weight: normal;
}

.cona li b {
  display: block;
  font-size: 16px;
  color: #1062cd;
}

.cona li p {
  line-height: 30px;
}

.conb {
  height: auto;
  overflow: hidden;
  margin: 3% 0;
}

.conb li dd {
  border: 1px solid #eeeeee;
  ;
  height: auto;
  overflow: hidden;
  padding: 18% 5%;
  text-align: center;
  background: #f5f5f5;
}

.conb li dd span {
  display: block;
  font-size: 16px;
  line-height: 30px;
  margin-top: 6%;
}

.conb li dd i {
  font-size: 36px;
}

.conb li dd b {
  display: block;
  width: 30px;
  border-top: 2px solid #1062cd;
  margin: 4% auto;
}

.conb li dd p {
  line-height: 30px;
  color: #1062cd;
}

.conc {
  height: auto;
  overflow: hidden;
  margin: 3% 0;
}

.contita {
  height: auto;
  overflow: hidden;
  text-align: center;
}

.contita span {
  display: block;
  font-size: 32px;
  line-height: 50px;
}

.contita p {
  line-height: 30px;
  color: #777;
}

.contactca input {
  border: 1px solid #ccc;
}

.cond {
  height: auto;
  overflow: hidden;
  margin-top: 2%;
}

.cond .inner-right {
  height: auto;
  overflow: hidden;
  margin-top: 2%;
}

.contacta {
  height: auto;
  overflow: hidden;
  margin-top: 2%;
}


/* 更改layer样式 */
.layui-layer-btn {
  text-align: center !important;
  padding-bottom: 28px !important;
}

.layui-layer-btn .layui-layer-btn0 {
  display: block;
  margin: 0 auto !important;
  border-radius: 0 !important;
  width: 88px !important;
  text-align: center !important;
  height: 34px !important;
  line-height: 34px !important;
  border-color: #237ed2 !important;
  background-color: #237ed2 !important;
}

.layui-layer-btn .layui-layer-btn0:hover {
  background: #348eed !important;
  border-color: #348eed !important;
}

/**/