﻿﻿.tc {
  text-align: center;
}
.tr {
  text-align: right;
}
.tl {
  text-align: left;
}
.vc {
  vertical-align: middle;
}
/*浮动*/
.fl {
  float: left;
}
.fr {
  float: right;
}
/* 行内、块级 */
.block {
  display: block;
}
.inline {
  display: inline-block;
}
.none {
  display: none;
}
/* 定位 */
.rel {
  position: relative;
}
.abs {
  position: absolute;
}
.fix {
  position: fixed;
}
/* 圆角 */
.radius0 {
  border-radius: 0;
}
.radius3 {
  border-radius: 3px;
}
.radius4 {
  border-radius: 4px;
}
.radius5 {
  border-radius: 5px;
}
.radius6 {
  border-radius: 6px;
}
.radius10 {
  border-radius: 10px;
}
.radius20 {
  border-radius: 20px;
}
.radius50 {
  border-radius: 50%;
}
/* 宽度 */
.wid100 {
  width: 100%;
}
.wid50 {
  width: 50%;
}
.wid40 {
  width: 40%;
}
.wid30 {
  width: 30%;
}
.wid20 {
  width: 20%;
}
.wid15 {
  width: 15%;
}
.wid10 {
  width: 10%;
}
.wid8 {
  width: 8%;
}
.wid5 {
  width: 5%;
}
/* 高度 */
.higt100 {
  height: 100%;
}
/* 边线  */
.b-none {
  border: none;
}
.b-b-none {
  border-bottom: none;
}
.b-l-none {
  border-left: none;
}
.b-r-none {
  border-right: none;
}
.b-all-c-t {
  border-color: transparent;
}
.b-all-w8 {
  border-width: 8px;
}
.b-all-w7 {
  border-width: 7px;
}
.b-all-t0 {
  border-top-width: 0;
}
.b-all-s-s {
  border-style: solid;
}
.flex-l {
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
}
.flex {
  box-flex: 1;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -ms-box-flex: 1;
  -o-box-flex: 1;
  flex: 1;
}
/* 一行显示 */
.row-shows {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  word-break: keep-all;
}
.txt-ln1 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
/*两行文字，多余超出省略*/
.txt-ln2 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
/*三行文字，多余超出省略*/
.txt-ln3 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
/*四行文字，多余超出省略*/
.txt-ln4 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
}
/*五行文字，多余超出省略*/
.txt-ln5 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
}
/*九行文字，多余超出省略*/
.txt-ln9 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 9;
}
/* 字体粗细 */
.normal {
  font-weight: normal;
}
.bold {
  font-weight: bold;
}
.fw300 {
  font-weight: 300;
}
.opc8 {
  opacity: 0.8;
}
.opc1 {
  opacity: 1;
}
/* 文字加线 */
.underline {
  text-decoration: underline;
}
/*去掉li的点*/
li {
  list-style-type: none;
}
/*鼠标手势*/
.cursor {
  cursor: pointer;
}
/* 溢出隐藏  */
.overflow {
  overflow: hidden;
}
.nowrap {
  white-space: nowrap;
}
.word {
  word-break: keep-all;
}
.clearfix:after {
  visibility: hidden;
  display: block;
  height: 0;
  font-size: 0;
  content: "";
  clear: both;
}
/*隐藏、显示(没有占位符)*/
.v-h {
  visibility: hidden;
}
.v-v {
  visibility: visible;
}
/* 去除填充 */
.pdNone {
  padding: 0 !important;
}
.x-img-box.pd-bottom10:before {
  padding-bottom: 10%;
}
.x-img-box.pd-bottom20:before {
  padding-bottom: 20%;
}
.x-img-box.pd-bottom30:before {
  padding-bottom: 40%;
}
.x-img-box.pd-bottom35:before {
  padding-bottom: 35%;
}
.x-img-box.pd-bottom40:before {
  padding-bottom: 40%;
}
.x-img-box.pd-bottom50:before {
  padding-bottom: 50%;
}
.x-img-box.pd-bottom60:before {
  padding-bottom: 60%;
}
.x-img-box.pd-bottom70:before {
  padding-bottom: 70%;
}
.x-img-box.pd-bottom50:before {
  padding-bottom: 80%;
}
.x-img-box.pd-bottom60:before {
  padding-bottom: 90%;
}
.x-img-box.pd-bottom70:before {
  padding-bottom: 100%;
}
.clearfix:after {
  visibility: hidden;
  display: block;
  height: 0;
  font-size: 0;
  content: "";
  clear: both;
}
img {
  max-width: 100%;
}
.x-header-v3 header .x-head-logo {
  float: left;
  margin-top: 60px;
  margin-right: 20px;
  width: auto;
  margin-bottom: 35px;
}
.x-header-v3 header .x-head-logo .img-1 {
  width: auto;
  height: auto;
}
.x-header-v3 header .x-head-logo .img-1 img {
  width: auto;
  height: auto;
}
.x-header-v3 header .u-title {
  float: left;
  margin-top: 60px;
  border-left: 1px solid #dddddd;
  padding-left: 20px;
  margin-bottom: 35px;
}
.x-header-v3 header .u-title p {
  font-size: 15px;
  margin: 0 0 20px;
}
.x-header-v3 header .u-title h6 {
  font-size: 15 px;
  font-weight: bold;
  margin-bottom: 0px;
}
.x-header-v3 header .x-head-right {
  margin-top: 60px;
}
.x-header-v3 header .x-head-right .x-right-phone {
  margin: 0px;
}
.x-header-v3 header .x-head-right .x-right-phone span {
  color: #56ac23;
}
.x-header-v3 header .x-head-right .x-right-phone .x-phone-info {
  margin-top: 15px;
}
.x-header-v3 header .x-head-right .x-right-phone .x-phone-info h3 {
  display: inline-block;
  margin-left: 15px;
  color: #56ac23;
}
.x-header-v3 header .x-head-right .x-right-phone .x-phone-info p {
  display: inline-block;
  font-size: 15px;
  font-weight: normal ;
  color: #666666;
}
.x-header-v3 .nav-box {
  background: #414141;
}
.x-header-v3 .nav-box nav {
  margin-bottom: 0px;
}
.x-header-v3 .nav-box nav .container-fluid {
  background: #414141;
  margin-bottom: 0px;
}
.x-header-v3 .nav-box nav .container-fluid .navbar-collapse .navbar-nav li {
  width: 12.2%;
}
.x-header-v3 .nav-box nav .container-fluid .navbar-collapse .navbar-nav li a span:before {
  border-left: 0px solid #1b8bf0;
}
.x-header-v3 .nav-box nav .container-fluid .navbar-collapse .navbar-nav li a span:after {
  border-left: 0px solid #1b8bf0;
}
.x-header-v3 .nav-box nav .container-fluid .navbar-collapse .navbar-nav a:hover {
  background: #56ac23;
  border-left: 0px solid #1676cd;
}
.x-header-v3 .nav-box nav .container-fluid .navbar-collapse .navbar-nav a:focus {
  background: none;
  border-left: 0px solid #1676cd;
}
.x-header-v3 .nav-box nav .container-fluid .navbar-collapse .active a {
  color: #ffffff;
  background: #56ac23;
  border-left: 0px solid #1676cd;
}
.banner-md.carousel .carousel-inner {
  height: 429px;
}
.banner-md.carousel .carousel-inner > .item {
  height: 429px;
  position: relative;
}
.banner-md.carousel .carousel-inner > .item > img {
  position: absolute;
  left: 50%;
  height: 100%;
  width: initial;
  max-width: initial;
}
@media (min-width: 1200px) {
  .container {
    width: 1230px;
  }
}
.w-cm1 {
  margin-top: 80px;
  margin-bottom: 70px;
}
.w-cm1 .u-right .x-tab-v1 #x-myTab-1 > li.active > a {
  border: 0px solid #1676cd;
  background: #56ac23;
  color: #ffffff;
  font-size: 18px;
}
.w-cm1 .u-right .x-tab-v1 .x-wrapper-v1 {
  border-bottom: 0px solid #49d9fc;
  margin-bottom: 20px;
}
.w-cm1 .u-right .x-tab-v1 .x-wrapper-v1 .scroller #x-myTab-1 li a {
  font-size: 18px;
  border: 0px solid #1676cd;
}
.w-cm1 .u-right .x-tab-v1 .x-wrapper-v1 .scroller #x-myTab-1 li a:hover {
  border: 0px solid #1676cd;
  background: none;
  color: #000000;
}
.w-cm1 .u-right .x-tab-v1 .tab-content {
  padding: 0px;
  border-radius: 10px;
  border-top: 1px solid #f2f2f2;
  padding-top: 15px;
}
.w-cm1 .u-right .x-tab-v1 .tab-content .x-list-wrap {
  display: none;
  margin-top: 0px;
}
.w-cm1 .u-right .x-tab-v1 .tab-content .x-list-wrap.active {
  display: block;
}
.w-cm1 .u-right .x-tab-v1 .tab-content .x-list-wrap .x-list-item {
  border: 0px solid #e5e5e5;
  border-bottom: 3px solid #f2f2f2;
  margin-left: 13.25px;
}
.w-cm1 .u-right .x-tab-v1 .tab-content .x-list-wrap .x-list-item .x-list-img img {
  border-radius: 7px;
}
.w-cm1 .u-right .x-tab-v1 .tab-content .x-list-wrap .x-list-item .x-list-bottom .x-list-desc h4 {
  font-size: 14px;
}
.w-cm1 .u-right .x-tab-v1 .tab-content .x-list-wrap .x-list-item:hover {
  box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.3);
  border-bottom: 3px solid #56ac23;
}
.w-cm2 {
  background: #f2f2f2;
  padding-top: 55px;
  padding-bottom: 65px;
}
.w-cm2 .u-hd .x-content span {
  float: left;
  font-size: 50px;
  margin-top: 5px;
  margin-right: 10px;
}
.w-cm2 .u-hd .x-content .u-word {
  float: left;
}
.w-cm2 .u-hd .x-content .u-word h6 {
  margin: 0px;
  font-size: 21px;
  font-weight: bold;
}
.w-cm2 .u-hd .x-content .u-word p {
  margin: 0px;
  font-size: 18px;
}
.w-cm2 .u-hd .x-more {
  width: 77px;
}
.w-cm2 .u-hd .x-more a {
  color: #FFFFFf;
  padding: 5px 10px;
  background: #56ac23;
  border-radius: 7px;
}
.w-cm2 .u-bd .x-list-wrap .x-list-item {
  border: 0 solid #e5e5e5;
  border-bottom: 3px solid #f2f2f2;
}
.w-cm2 .u-bd .x-list-wrap .x-list-item .x-list-img img {
  border-radius: 7px;
}
.w-cm2 .u-bd .x-list-wrap .x-list-item .x-list-bottom .x-list-desc h4 {
  font-size: 14px;
}
.w-cm2 .u-bd .x-list-wrap .x-list-item:hover {
  box-shadow: 0 0 0 rgba(0, 0, 0, 0.3);
  border-bottom: 3px solid #56ac23;
}
.w-cm3 {
  margin-top: 50px;
  margin-bottom: 70px;
}
.w-cm3 .u-hd .x-content span {
  float: left;
  font-size: 50px;
  margin-top: 5px;
  margin-right: 10px;
}
.w-cm3 .u-hd .x-content .u-word {
  float: left;
}
.w-cm3 .u-hd .x-content .u-word h6 {
  margin: 0px;
  font-size: 21px;
  font-weight: bold;
}
.w-cm3 .u-hd .x-content .u-word p {
  margin: 0px;
  font-size: 18px;
}
.w-cm3 .u-hd .x-more {
  width: 77px;
}
.w-cm3 .u-hd .x-more a {
  color: #FFFFFf;
  padding: 5px 10px;
  background: #56ac23;
  border-radius: 7px;
}
.w-cm3 .u-bd {
  margin-top: 25px;
}
.w-cm3 .u-bd .col-md-4 {
  padding: 0px;
}
.w-cm3 .u-bd .col-md-4 .x-img-box-repeat {
  width: 81%;
}
.w-cm3 .u-bd .col-md-4 .x-img-box-repeat img {
  border-radius: 7px;
}
.w-cm3 .u-bd .col-md-4 .x-img-box-repeat:before {
  padding-bottom: 65%;
}
.w-cm3 .u-bd .col-md-8 .u-content {
  text-indent: 2em;
  color: #666666;
  line-height: 34px;
  margin: 30px 0;
}
.w-cm4 {
  background: #f2f2f2;
  padding-top: 55px;
  padding-bottom: 25px;
}
.w-cm4 .col-md-4 .u-hd {
  border-bottom: 0px solid #e5e5e5;
}
.w-cm4 .col-md-4 .u-hd .x-content p {
  font-weight: bold;
  font-size: 18px;
  margin: 0px;
  text-indent: 0em;
  display: inline-block;
}
.w-cm4 .col-md-4 .u-hd .x-content span {
  font-size: 14px;
  color: #adadad;
}
.w-cm4 .col-md-4 .u-hd .x-more {
  width: 77px;
}
.w-cm4 .col-md-4 .u-hd .x-more a {
  color: #FFFFFf;
  padding: 5px 10px;
  background: #56ac23;
  border-radius: 7px;
}
.w-cm4 .col-md-4 .u-bd {
  margin-top: 8px;
}
.w-cm4 .col-md-4 .u-bd .u-top {
  margin-bottom: 35px;
}
.w-cm4 .col-md-4 .u-bd .u-top .x-img-box-repeat img {
  border-radius: 7px;
}
.w-cm4 .col-md-4 .u-bd .u-top .x-img-box-repeat:before {
  padding-bottom: 49%;
}
.w-cm4 .col-md-4 .u-bd .u-bottom ul li {
  margin-top: 15px;
  font-size: 15px;
  border-bottom: 1px dashed #bbbbbb;
}
.w-cm4 .col-md-4 .u-bd .u-bottom ul li a {
  display: flex;
  color: #666666;
}
.w-cm4 .col-md-4 .u-bd .u-bottom ul li a .u-left {
  flex: 1;
}
.w-cm4 .col-md-4 .u-bd .u-bottom ul li a .u-left p {
  display: inline-block;
}
.w-cm4 .col-md-4 .u-bd .u-bottom ul li a i {
  width: 45px;
  font-size: 12px;
}
.u-footer {
  height: 100px;
  background: #333333;
}
.u-footer .u-footer-1 {
  text-align: center;
  padding-top: 25px;
  font-size: 12px ;
  color: #abafb8;
}
.u-footer .u-footer-1 div {
  margin-bottom: 0px;
}
.u-footer .u-footer-1 a {
  color: #abafb8;
  margin: 0 6px;
}
.x-pagination.x-pagination-v1 {
  margin: 40px 0 50px 0;
}
.cont-in {
  min-height: 800px;
  margin-bottom: 30px;
}
.cont-in .x-title-box {
  padding: 0px;
}
.cont-in .x-title-box .x-title2 {
  line-height: 17px;
  padding: 0;
  height: 34px;
  border-bottom: 1px solid #dddddd;
}
.cont-in .x-title-box .x-title2 .x-content {
  color: #3d3d3d;
  max-width: 40%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  display: inline-block;
  font-size: 18px;
  padding-left: 15px;
  border-left: 3px solid #3d3d3d;
}
.cont-in .x-title-box .x-title2 p {
  max-width: 60%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  float: right;
  display: inline-block;
  font-size: 12px;
  color: #999999;
}
.cont-in .x-title-box .x-title2 p a {
  color: #999999;
}
.cont-in.cont-in-prod .x-list-wrap {
  margin-top: 30px;
}
.cont-in.cont-in-prod .x-list-wrap .x-list-item {
  border: 0 solid #e5e5e5;
  border-bottom: 3px solid #f2f2f2;
}
.cont-in.cont-in-prod .x-list-wrap .x-list-item .x-list-img img {
  border-radius: 7px;
}
.cont-in.cont-in-prod .x-list-wrap .x-list-item .x-list-bottom .x-list-desc h4 {
  font-size: 14px;
}
.cont-in.cont-in-prod .x-list-wrap .x-list-item:hover {
  box-shadow: 0 0 0 rgba(0, 0, 0, 0.3);
  border-bottom: 3px solid #56ac23;
}
.cont-in.cont-in-prod .x-list-item:hover {
  box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.3);
}
.cont-in.cont-in-page .x-content p {
  color: #555555;
  font-size: 14px;
}
.cont-in.cont-in-news .cont-box .cont-news .x-column-format.x-list-wrap {
  border-bottom: 1px dashed #c3c3c3;
}
.cont-in.cont-in-news .cont-box .cont-news .x-column-format.x-list-wrap .x-list-item .x-list-img {
  width: 225px;
}
.cont-in.cont-in-news .cont-box .cont-news .x-column-format.x-list-wrap .x-list-item .x-list-img:before {
  padding-bottom: 65%;
}
.cont-in.cont-in-news .cont-box .cont-news .x-column-format.x-list-wrap .x-list-item .x-list-bottom .x-list-desc .u-he {
  display: flex;
  margin-top: 16px;
}
.cont-in.cont-in-news .cont-box .cont-news .x-column-format.x-list-wrap .x-list-item .x-list-bottom .x-list-desc .u-he p {
  line-height: 36px;
  border-bottom: 1px solid #eeeeee;
  font-size: 12px;
  width: 15%;
}
.cont-in.cont-in-news .cont-box .cont-news .x-column-format.x-list-wrap .x-list-item .x-list-bottom .x-list-desc .u-he p i {
  font-size: 12px;
}
.cont-in.cont-in-news .cont-box .cont-news .x-column-format.x-list-wrap .x-list-item .x-list-bottom .x-list-desc .u-he h4 {
  flex: 1;
}
.cont-in.cont-in-news .cont-box .cont-news .x-column-format.x-list-wrap .x-list-item:first-child {
  margin-bottom: 30px;
  margin-top: 20px;
}
.cont-in.cont-in-news .cont-box .cont-news .x-column-format.x-list-wrap .x-list-item:first-child .x-list-bottom .x-list-desc h4 {
  height: 18px;
  font-size: 16px;
  font-weight: bold;
}
.cont-in.cont-in-news .cont-box .cont-news .x-column-format.x-list-wrap .x-list-item:first-child .x-list-bottom .x-list-desc p {
  border: none;
  height: 42px;
  line-height: 20px;
}
.cont-in.cont-in-news .cont-box .cont-news .x-column-format.x-list-wrap .x-list-item:first-child .x-list-bottom .x-list-desc p.news-date {
  height: initial;
  font-size: 13px;
  text-align: left;
}
.cont-in.cont-in-news .cont-box .cont-news .x-column-format.x-list-wrap .x-list-item:first-child .x-list-bottom .x-list-desc p.news-date i {
  display: block;
  margin-right: 10px;
  font-size: 18px;
  display: inline-block;
}
.cont-in.cont-in-news .cont-box .cont-news .x-column-format.x-list-wrap .x-list-item:first-child .x-list-bottom .x-list-desc p span {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-height: 24px;
}
.cont-in.cont-in-news .cont-box .cont-news .x-column-format.x-list-wrap .x-list-item:first-child .x-list-bottom .x-list-desc .u-he1 {
  line-height: 30px;
  margin-top: 15px;
  color: #484848;
}
.cont-in.cont-in-news .cont-box .u-list-box {
  padding: 35px 0;
  border-top: 1px dashed #999999;
}
.cont-in.cont-in-news .cont-box .u-list-box .u-list-left {
  padding: 11px 16px;
  text-align: center;
  border: 1px solid #666666;
  color: #666666;
  margin-right: 20px;
  display: inline-block;
  float: left;
}
.cont-in.cont-in-news .cont-box .u-list-box .u-list-left h3 {
  font-weight: bold;
  font-size: 33px;
  margin-top: 0px;
}
.cont-in.cont-in-news .cont-box .u-list-box .u-list-left p {
  margin: 0 0 0px;
}
.cont-in.cont-in-news .cont-box .u-list-box .u-list-right .u-hd {
  display: flex;
}
.cont-in.cont-in-news .cont-box .u-list-box .u-list-right .u-hd p {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  flex: 1;
  font-weight: bold;
  font-size: 15px;
  margin: 0px;
}
.cont-in.cont-in-news .cont-box .u-list-box .u-list-right .u-hd span {
  width: 67px;
  display: inline-block;
  line-height: 17px;
  text-align: center;
  font-size: 12px;
  border: 1px solid #dcdcdc;
}
.cont-in.cont-in-news .cont-box .u-list-box .u-list-right .u-hd span a {
  color: #CCCCCC;
}
.cont-in.cont-in-news .cont-box .u-list-box .u-list-right .u-bd {
  margin-top: 25px;
  font-size: 12px;
  line-height: 24px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.cont-in.cont-in-news .cont-box .u-list-box:hover .u-list-right .u-hd p {
  color: #414141;
}
.cont-in.cont-in-news .cont-box .u-list-box:hover .u-list-right .u-hd span {
  background: #414141;
  border: 1px solid #414141;
}
.cont-in.cont-in-news .cont-box .u-list-box:hover .u-list-right .u-hd span a {
  color: #FFFFFF;
}
.cont-in.cont-in-news .cont-box .u-list-box:hover .u-list-left {
  background: #414141;
  border: 1px solid #414141;
}
.cont-in.cont-in-news .cont-box .u-list-box:hover .u-list-left h3 {
  color: #FFFFFF;
}
.cont-in.cont-in-news .cont-box .u-list-box:hover .u-list-left p {
  color: #FFFFFF;
}
.cont-in-news .col-md-9 {
  padding-left: 30px;
  margin-top: 60px;
}
.cont-in-prod .col-md-9 {
  padding-left: 30px;
  margin-top: 60px;
}
.cont-in-page .col-md-9 {
  padding-left: 30px;
  margin-top: 60px;
}
/* 大屏幕（大桌面显示器，大于等于 1200px） */
@media (min-width: 1200px) {
  .cont-in-prod .u-left .x-leftnav-v4,
  .cont-in-page .u-left .x-leftnav-v4,
  .cont-in-news .u-left .x-leftnav-v4 {
    margin-top: 50px;
    background: #e4e4e4;
    border-radius: 7px;
    border: 0px solid #56ac23;
  }
  .cont-in-prod .u-left .x-leftnav-v4 .subMenu-box,
  .cont-in-page .u-left .x-leftnav-v4 .subMenu-box,
  .cont-in-news .u-left .x-leftnav-v4 .subMenu-box {
    margin-bottom: 45px;
  }
  .cont-in-prod .u-left .x-leftnav-v4 .subMenu-box .submenu,
  .cont-in-page .u-left .x-leftnav-v4 .subMenu-box .submenu,
  .cont-in-news .u-left .x-leftnav-v4 .subMenu-box .submenu {
    padding: 20px 70px 20px 70px;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
    background: #56ac23;
  }
  .cont-in-prod .u-left .x-leftnav-v4 .subMenu-box .submenu a i,
  .cont-in-page .u-left .x-leftnav-v4 .subMenu-box .submenu a i,
  .cont-in-news .u-left .x-leftnav-v4 .subMenu-box .submenu a i {
    float: left;
    padding-top: 12px ;
    overflow: visible;
  }
  .cont-in-prod .u-left .x-leftnav-v4 .subMenu-box .submenu a i span,
  .cont-in-page .u-left .x-leftnav-v4 .subMenu-box .submenu a i span,
  .cont-in-news .u-left .x-leftnav-v4 .subMenu-box .submenu a i span {
    font-size: 50px;
  }
  .cont-in-prod .u-left .x-leftnav-v4 .subMenu-box .submenu a .u-word,
  .cont-in-page .u-left .x-leftnav-v4 .subMenu-box .submenu a .u-word,
  .cont-in-news .u-left .x-leftnav-v4 .subMenu-box .submenu a .u-word {
    float: right;
  }
  .cont-in-prod .u-left .x-leftnav-v4 .subMenu-box .submenu a .u-word p,
  .cont-in-page .u-left .x-leftnav-v4 .subMenu-box .submenu a .u-word p,
  .cont-in-news .u-left .x-leftnav-v4 .subMenu-box .submenu a .u-word p {
    font-size: 19px;
    font-weight: bold;
  }
  .cont-in-prod .u-left .x-leftnav-v4 .subMenu-box .submenu a .u-word h6,
  .cont-in-page .u-left .x-leftnav-v4 .subMenu-box .submenu a .u-word h6,
  .cont-in-news .u-left .x-leftnav-v4 .subMenu-box .submenu a .u-word h6 {
    font-size: 16px;
    opacity: 0.4;
  }
  .cont-in-prod .u-left .x-leftnav-v4 .subMenu-box .secondMenu .secondSubmenu,
  .cont-in-page .u-left .x-leftnav-v4 .subMenu-box .secondMenu .secondSubmenu,
  .cont-in-news .u-left .x-leftnav-v4 .subMenu-box .secondMenu .secondSubmenu {
    padding-top: 30px;
  }
  .cont-in-prod .u-left .x-leftnav-v4 .subMenu-box .secondMenu .secondSubmenu li,
  .cont-in-page .u-left .x-leftnav-v4 .subMenu-box .secondMenu .secondSubmenu li,
  .cont-in-news .u-left .x-leftnav-v4 .subMenu-box .secondMenu .secondSubmenu li {
    background: #ffffff;
    width: 80%;
    margin-left: 28px;
    margin-bottom: 15px;
    border-radius: 10px;
  }
  .cont-in-prod .u-left .x-leftnav-v4 .subMenu-box .secondMenu .secondSubmenu li a,
  .cont-in-page .u-left .x-leftnav-v4 .subMenu-box .secondMenu .secondSubmenu li a,
  .cont-in-news .u-left .x-leftnav-v4 .subMenu-box .secondMenu .secondSubmenu li a {
    padding: 7px 52px;
    border-bottom: 0px dotted #aaaaaa;
  }
  .cont-in-prod .u-left .x-leftnav-v4 .subMenu-box .secondMenu .secondSubmenu li a i span,
  .cont-in-page .u-left .x-leftnav-v4 .subMenu-box .secondMenu .secondSubmenu li a i span,
  .cont-in-news .u-left .x-leftnav-v4 .subMenu-box .secondMenu .secondSubmenu li a i span {
    margin-right: 10px;
  }
  .cont-in-prod .u-left .x-leftnav-v4 .subMenu-box .secondMenu .secondSubmenu li .thirdSubmenu,
  .cont-in-page .u-left .x-leftnav-v4 .subMenu-box .secondMenu .secondSubmenu li .thirdSubmenu,
  .cont-in-news .u-left .x-leftnav-v4 .subMenu-box .secondMenu .secondSubmenu li .thirdSubmenu {
    background: #e4e4e4;
  }
  .cont-in-prod .u-left .x-leftnav-v4 .subMenu-box .secondMenu .secondSubmenu li .thirdSubmenu li,
  .cont-in-page .u-left .x-leftnav-v4 .subMenu-box .secondMenu .secondSubmenu li .thirdSubmenu li,
  .cont-in-news .u-left .x-leftnav-v4 .subMenu-box .secondMenu .secondSubmenu li .thirdSubmenu li {
    margin-bottom: 0px;
    margin-top: 20px;
    border-bottom: 0px dashed #aaaaaa;
    margin-left: 43px;
  }
  .cont-in-prod .u-left .x-leftnav-v4 .subMenu-box .secondMenu .secondSubmenu li .thirdSubmenu li a,
  .cont-in-page .u-left .x-leftnav-v4 .subMenu-box .secondMenu .secondSubmenu li .thirdSubmenu li a,
  .cont-in-news .u-left .x-leftnav-v4 .subMenu-box .secondMenu .secondSubmenu li .thirdSubmenu li a {
    padding: 0px 0px;
  }
  .cont-in-prod .u-left .x-leftnav-v4 .subMenu-box .secondMenu .secondSubmenu li .thirdSubmenu li a i,
  .cont-in-page .u-left .x-leftnav-v4 .subMenu-box .secondMenu .secondSubmenu li .thirdSubmenu li a i,
  .cont-in-news .u-left .x-leftnav-v4 .subMenu-box .secondMenu .secondSubmenu li .thirdSubmenu li a i {
    margin-left: 10px;
  }
  .cont-in-prod .u-left .x-leftnav-v4 .subMenu-box .secondMenu .secondSubmenu li.active a,
  .cont-in-page .u-left .x-leftnav-v4 .subMenu-box .secondMenu .secondSubmenu li.active a,
  .cont-in-news .u-left .x-leftnav-v4 .subMenu-box .secondMenu .secondSubmenu li.active a {
    border-radius: 10px;
    background: #56ac23;
  }
  .cont-in-prod .u-left .x-leftnav-v4 .subMenu-box .secondMenu .secondSubmenu li:last-child,
  .cont-in-page .u-left .x-leftnav-v4 .subMenu-box .secondMenu .secondSubmenu li:last-child,
  .cont-in-news .u-left .x-leftnav-v4 .subMenu-box .secondMenu .secondSubmenu li:last-child {
    margin-bottom: 0px;
  }
  .cont-in-prod .u-left .x-leftnav-v4 .u-tp,
  .cont-in-page .u-left .x-leftnav-v4 .u-tp,
  .cont-in-news .u-left .x-leftnav-v4 .u-tp {
    margin-left: 24px;
  }
  .cont-in-prod .u-left .x-leftnav-v4 .u-tp .x-img-box-repeat,
  .cont-in-page .u-left .x-leftnav-v4 .u-tp .x-img-box-repeat,
  .cont-in-news .u-left .x-leftnav-v4 .u-tp .x-img-box-repeat {
    width: 228px;
  }
  .cont-in-prod .u-left .x-leftnav-v4 .u-bottom,
  .cont-in-page .u-left .x-leftnav-v4 .u-bottom,
  .cont-in-news .u-left .x-leftnav-v4 .u-bottom {
    text-align: center;
    margin-top: 35px;
    padding-bottom: 35px;
  }
  .cont-in-prod .u-left .x-leftnav-v4 .u-bottom p,
  .cont-in-page .u-left .x-leftnav-v4 .u-bottom p,
  .cont-in-news .u-left .x-leftnav-v4 .u-bottom p {
    font-size: 21px;
    color: #999999;
  }
  .cont-in-prod .u-left .x-leftnav-v4 .u-bottom h6,
  .cont-in-page .u-left .x-leftnav-v4 .u-bottom h6,
  .cont-in-news .u-left .x-leftnav-v4 .u-bottom h6 {
    font-size: 21px;
  }
  .cont-in-prod .u-left .x-leftnav-v4 .u-bottom div,
  .cont-in-page .u-left .x-leftnav-v4 .u-bottom div,
  .cont-in-news .u-left .x-leftnav-v4 .u-bottom div {
    background: #56ac23;
    display: inline-block;
    padding: 0px 38px;
    line-height: 30px;
    border-radius: 7px;
  }
  .cont-in-prod .u-left .x-leftnav-v4 .u-bottom div a,
  .cont-in-page .u-left .x-leftnav-v4 .u-bottom div a,
  .cont-in-news .u-left .x-leftnav-v4 .u-bottom div a {
    color: #ffffff;
  }
  .w-cm1 .u-left .x-leftnav-v4 {
    background: #e4e4e4;
    border-radius: 7px;
    border: 0px solid #56ac23;
  }
  .w-cm1 .u-left .x-leftnav-v4 .subMenu-box .submenu {
    padding: 20px 70px 20px 70px;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
    background: #56ac23;
  }
  .w-cm1 .u-left .x-leftnav-v4 .subMenu-box .submenu a i {
    float: left;
    padding-top: 12px ;
    overflow: visible;
  }
  .w-cm1 .u-left .x-leftnav-v4 .subMenu-box .submenu a i span {
    font-size: 50px;
  }
  .w-cm1 .u-left .x-leftnav-v4 .subMenu-box .submenu a .u-word {
    float: right;
  }
  .w-cm1 .u-left .x-leftnav-v4 .subMenu-box .submenu a .u-word p {
    font-size: 19px;
    font-weight: bold;
  }
  .w-cm1 .u-left .x-leftnav-v4 .subMenu-box .submenu a .u-word h6 {
    font-size: 16px;
    opacity: 0.4;
  }
  .w-cm1 .u-left .x-leftnav-v4 .subMenu-box .secondMenu .secondSubmenu {
    padding-top: 30px;
  }
  .w-cm1 .u-left .x-leftnav-v4 .subMenu-box .secondMenu .secondSubmenu li {
    background: #ffffff;
    width: 80%;
    margin-left: 28px;
    margin-bottom: 15px;
    border-radius: 10px;
  }
  .w-cm1 .u-left .x-leftnav-v4 .subMenu-box .secondMenu .secondSubmenu li a {
    padding: 7px 52px;
    border-bottom: 0px dotted #aaaaaa;
  }
  .w-cm1 .u-left .x-leftnav-v4 .subMenu-box .secondMenu .secondSubmenu li a i span {
    margin-right: 10px;
  }
  .w-cm1 .u-left .x-leftnav-v4 .subMenu-box .secondMenu .secondSubmenu li .thirdSubmenu {
    background: #e4e4e4;
  }
  .w-cm1 .u-left .x-leftnav-v4 .subMenu-box .secondMenu .secondSubmenu li .thirdSubmenu li {
    margin-bottom: 0px;
    margin-top: 20px;
    border-bottom: 0px dashed #aaaaaa;
    margin-left: 43px;
  }
  .w-cm1 .u-left .x-leftnav-v4 .subMenu-box .secondMenu .secondSubmenu li .thirdSubmenu li a {
    padding: 0px 0px;
  }
  .w-cm1 .u-left .x-leftnav-v4 .subMenu-box .secondMenu .secondSubmenu li .thirdSubmenu li a i {
    margin-left: 10px;
  }
  .w-cm1 .u-left .x-leftnav-v4 .subMenu-box .secondMenu .secondSubmenu li.active a {
    border-radius: 10px;
    background: #56ac23;
  }
  .w-cm1 .u-left .x-leftnav-v4 .subMenu-box .secondMenu .secondSubmenu li:last-child {
    margin-bottom: 0px;
  }
  .w-cm1 .u-left .x-leftnav-v4 .u-bottom {
    text-align: center;
    margin-top: 35px;
    padding-bottom: 35px;
  }
  .w-cm1 .u-left .x-leftnav-v4 .u-bottom p {
    font-size: 21px;
    color: #999999;
  }
  .w-cm1 .u-left .x-leftnav-v4 .u-bottom h6 {
    font-size: 21px;
  }
  .w-cm1 .u-left .x-leftnav-v4 .u-bottom div {
    background: #56ac23;
    display: inline-block;
    padding: 0px 38px;
    line-height: 30px;
    border-radius: 7px;
  }
  .w-cm1 .u-left .x-leftnav-v4 .u-bottom div a {
    color: #ffffff;
  }
}
/* 中等屏幕（桌面显示器，大于等于 992px） */
/* 小屏幕（平板，大于等于 768px） */
@media (max-width: 768px) {
  .banner-md.carousel .carousel-inner {
    height: 160px;
  }
  .banner-md.carousel .carousel-inner > .item {
    height: 160px;
  }
  .x-plugadv-v1 {
    display: none;
  }
  .x-title-box {
    display: none;
  }
  .w-cm3 .u-bd .col-md-4 .x-img-box-repeat {
    width: 100%;
  }
  .cont-in.cont-in-news .cont-box .cont-news .x-column-format.x-list-wrap .x-list-item .x-list-img {
    width: 140px;
  }
  .cont-in.cont-in-news .cont-box .cont-news .x-column-format.x-list-wrap .x-list-item:first-child .x-list-bottom .x-list-desc p.news-date {
    display: none;
  }
  .cont-in-prod,
  .cont-in-page,
  .cont-in-news,
  .w-cm1 {
    margin-top: 20px;
  }
  .cont-in-prod .x-img-box-repeat,
  .cont-in-page .x-img-box-repeat,
  .cont-in-news .x-img-box-repeat,
  .w-cm1 .x-img-box-repeat {
    display: none;
  }
  .cont-in-prod .u-left .u-bottom,
  .cont-in-page .u-left .u-bottom,
  .cont-in-news .u-left .u-bottom,
  .w-cm1 .u-left .u-bottom {
    display: none;
  }
  .cont-in-prod .u-word h6,
  .cont-in-page .u-word h6,
  .cont-in-news .u-word h6,
  .w-cm1 .u-word h6 {
    display: none;
  }
  .x-leftnav.x-leftnav-v4 .secondMenu {
    z-index: 999;
  }
  .subMenu-box .submenu .submenu-item .u-word p {
    margin: 0px;
  }
  .subMenu-box .submenu .submenu-item i {
    margin-right: 5px;
  }
  .x-leftnav.x-leftnav-v4 .submenu {
    background: #56ac23;
  }
  .selectMenu i span {
    background: #56ac23;
  }
  .container-fluid > .navbar-header {
    margin-right: 0px;
  }
  .x-header-v3 .nav-box nav {
    background: #414141;
  }
  .navbar-toggle {
    margin-top: 11px;
    margin-right: 0px;
  }
  .x-header-v3 .nav-box nav.navbar-default .container-fluid .navbar-header {
    padding: 0px;
  }
  .x-grid-format a:nth-child(2n+0) .x-list-item {
    margin-right: 0px;
  }
  .nav-box .container {
    padding: 0px!important;
  }
  .navbar-header {
    padding: 0 5px!important;
  }
  .w-cm1 .u-right .x-tab-v1 .x-wrapper-v1 {
    margin-top: 10px;
    margin-bottom: 0px;
  }
  .w-cm1 .u-right .x-tab-v1 .tab-content {
    border-top: 0px solid #f2f2f2;
    padding-top: 5px;
  }
  .w-cm1 {
    margin-top: 0px;
    margin-bottom: 10px;
  }
  .w-cm2 {
    padding-top: 5px;
    padding-bottom: 5px;
  }
  .w-cm3 {
    margin-top: 5px;
    margin-bottom: 5px;
  }
  .w-cm3 .u-bd {
    margin-top: 5px;
  }
  .w-cm3 .u-bd .col-md-8 .u-content {
    margin: 5px 0;
  }
  .w-cm2 .u-bd .x-list-wrap {
    margin-top: 5px;
  }
  .w-cm3 .u-bd .col-md-8 .u-content {
    line-height: 25px;
  }
  .w-cm4 {
    padding-top: 5px;
    padding-bottom: 5px;
  }
  .w-cm4 .col-md-4 .u-bd {
    margin-top: 0px;
  }
  .w-cm4 .col-md-4 .u-bd .u-top {
    margin-bottom: 5px;
  }
  .w-cm4 .col-md-4 .u-bd .u-bottom ul li a .u-left p {
    font-size: 16px;
    margin-bottom: 5px;
  }
  .w-cm4 .col-md-4 .u-bd .u-bottom ul li {
    margin-top: 5px;
  }
  .cont-in.cont-in-news .cont-box .cont-news .x-column-format.x-list-wrap .x-list-item:first-child {
    margin-bottom: 5px;
    margin-top: 5px;
  }
  .x-list-wrap {
    margin-top: 0px;
  }
  .cont-in-news .col-md-9 {
    margin-top: 20px;
  }
  .cont-in .x-title-box .x-title2 {
    height: 23px;
  }
  .cont-in-prod,
  .cont-in-page,
  .cont-in-news,
  .w-cm1 {
    margin-top: 0px;
  }
  .cont-in-page .col-md-9 {
    margin-top: 20px;
  }
  .cont-in.cont-in-prod .x-list-wrap {
    margin-top: 5px;
  }
  .cont-in-prod .col-md-9 {
    margin-top: 20px;
  }
  .u-footer {
    height: 53px;
    background: #333333;
  }
  .u-footer .u-footer-1 {
    padding: 16px;
  }
}
.messageBox .title {
  color: #fff;
  height: 66px;
  line-height: 46px;
}
.messageBox .title h3 {
  height: 46px;
  line-height: 46px;
  border-bottom: 2px solid #1d2089;
  display: inline-block;
  float: left;
  padding-right: 13px;
  font-size: 18px;
  font-weight: normal;
  margin-bottom: 0px;
}
.messageBox .form-common .form-group label {
  color: #333333;
}
.messageBox .form-common .form-group .err-msg label {
  color: #f7787a;
  font-weight: normal;
  background-color: transparent;
  font-size: 12px!important;
  margin-bottom: 0;
  margin-top: 2px;
}
.err-msg {
  margin-top: 0px;
  margin-bottom: 4px;
  height: 20px;
  line-height: 20px;
}
.form-common .form-group-tips {
  margin-bottom: 0;
}
.x-wap-footer {
  background: #56ac23;
}
.x-wap-footer {
  background: #56ac23;
}
.selectMenu i span {
  background: #56ac23;
}
.x-footer {
  border: none;
  background: #e3e3e3;
}
.w-cm1 .u-left .x-leftnav-v4 .subMenu-box .secondMenu .secondSubmenu li.active span {
  background: #56ac23;
}
.w-cm1 .u-left .x-leftnav-v4 .subMenu-box .secondMenu .secondSubmenu li.active {
  height: auto;
}
.w-cm1 .u-left .x-leftnav-v4 .subMenu-box .secondMenu .secondSubmenu li.active a {
  background: none ;
}
.w-cm1 .u-left .x-leftnav-v4 .subMenu-box .secondMenu .secondSubmenu li.active span {
  background: none ;
}
.w-cm1 .u-left .x-leftnav-v4 .subMenu-box .secondMenu .secondSubmenu li.cli a {
  background: #56ac23;
}
.isWrap {
  display: none !important;
}
.isPC {
  display: block !important;
}
@media only screen and (max-width: 768px) {
  .banner-md.carousel .carousel-inner > .item > img {
    margin-left: 0!important;
    left: 0!important;
    width: 100%!important;
  }
  .isWrap {
    display: block !important;
  }
  .isPC {
    display: none !important;
  }
}

.x-leftnav.x-leftnav-v4 a i {
    overflow: hidden;
    float: left;
    max-width: 144%;
}
@media (max-width: 768px)
.navbar-brand img {
    width: auto;
    max-width: 100%;
    height: 36px;
    margin-top: 10px;
}
.navbar-brand img {
    height: 36px;
    margin-top: 9px;
}

 .agl-hover {
                outline: 2px solid rgba(244,67,54,0.99) !important;
                background-color: rgba(244,67,54,0.2) !important;
                box-shadow: 0 2px 8px rgba(0, 0, 0, 0.8) !important;
            }
            .agl-highlight-current {
                outline: 2px solid rgba(255,87,34,0.99) !important;
                background-color: rgba(255,87,34,0.4) !important;
            }
            .agl-highlight-similar {
                outline: 2px dashed rgba(255,87,34,0.99) !important;
                background-color: rgba(255,87,34,0.4) !important;
            }
            .agl-highlight-group {
                outline: 4px double rgba(255,87,34,0.99) !important;
                background-color: rgba(255,87,34,0.4) !important;
            }
            .agl-cover-current {
                
                position: absolute !important;
                top: 0;
                left: 0;
                z-index: 9 !important;
        
                outline: 2px solid rgba(33,33,33,0.99) !important;
                background-color: rgba(33,33,33,0.6) !important;
            }
            .agl-cover-similar {
                
                position: absolute !important;
                top: 0;
                left: 0;
                z-index: 9 !important;
        
                outline: 2px dashed rgba(33,33,33,0.99) !important;
                background-color: rgba(33,33,33,0.6) !important;
            }
            .agl-cover-group {
                
                position: absolute !important;
                top: 0;
                left: 0;
                z-index: 9 !important;
        
                outline: 4px double rgba(33,33,33,0.99) !important;
                background-color: rgba(33,33,33,0.6) !important;
            }
            .agl-cover-focus {
                outline: 3px solid rgba(255,165,0,0.99) !important;
                background-color: rgba(255,165,0,0.4) !important;
            }