@charset "UTF-8";
body {
  overflow-x: hidden;
  font-family: "Microsoft YaHei";
}

ul {
  padding: 0;
  margin: 0;
}

ul li {
  list-style: none;
}

a {
  color: #337ab7;
  text-decoration: none;
}

h1, h2, h3, h4, h5 {
  margin: 0;
}

a:focus,
a:hover {
  color: #23527c;
  text-decoration: none;
}

a:focus {
  outline: none;
  outline-offset: -2px;
}

.hot-keys:after, .xypg-download-list .download-title:after, .xypg-download-list .download-item:after, .xypg-download-list .download-item .download-item-span:after, .xypg-job-list .job-title:after, .xypg-job-list .job-item:after, .xypg-job-list .job-item .job-item-span:after, .xypg-detail-info-bar:after, .xypg-detail-info-bar .xypg-file-down .file-down-list li:after, .xypg-detail-pn div:after, .xypg-detail-file-dwon:after, .product-detail-tab .product-detail-tabli:after, .tag-list-product .tag-wz .tab-fenli:after {
  content: "";
  display: table;
  clear: both;
}

.x-header-right .x-login .username, .x-product-list li h3, .x-case-item .wz h3, .x-news-top h3, .x-news-list li a, .latest-news li a, .hot-keys li a, .xypg-left-nav > li > a, .xypg-left-nav .xypg-left-subnav > li > a, .xypg-left-nav .xypg-left-threenav > li > a, .xypg-product-list li h3 a, .xypg-case-list li h3 a, .xypg-news-list li .tit h3, .xypg-album-cate li .album-title, .xypg-album-list li h3, .xypg-download-list .download-item .download-item-span.download-item-first, .xypg-download-list .download-item .download-item-span .download-item-con, .xypg-job-list .job-item .job-item-span .job-item-con, .xypg-detail-info-bar .xypg-file-down .file-down-list li .list-con p, .xypg-detail-pn div a, .relate-product-slick .owl-item p, .relate-news-list li a, .xypg-jod-detail .job-detail-title, .cover-item .item-first .wz h3, .cover-item .item-list h4, .tag-list-product .tag-wz h1, .tag-list-product .tag-wz .tab-fenli p {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.x-banner .owl-carousel .banner-item a, .x-product-list li .img, .x-case-item .img, .x-news-img, .page-banner, .xypg-product-list li .img, .xypg-case-list li .img, .relate-product-slick .owl-item .img, .x-logo a, .x-layout-logo, .x-layout-ewm img, .page-message-img {
  font-size: 0;
}

.x-banner .owl-carousel .banner-item a img, .x-product-list li .img img, .x-case-item .img img, .x-news-img img, .page-banner img, .xypg-product-list li .img img, .xypg-case-list li .img img, .relate-product-slick .owl-item .img img {
  width: 100%;
}

.x-logo a img, .x-layout-logo img, .x-layout-ewm img img, .page-message-img img {
  max-width: 100%;
}

.x-product-list li .img, .x-case-item .img, .x-news-img, .xypg-product-list li .img, .xypg-case-list li .img, .relate-product-slick .owl-item .img {
  overflow: hidden;
}

.x-product-list li .img img, .x-case-item .img img, .x-news-img img, .xypg-product-list li .img img, .xypg-case-list li .img img, .relate-product-slick .owl-item .img img {
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
}

.x-product-list li .img:hover img, .x-case-item .img:hover img, .x-news-img:hover img, .xypg-product-list li .img:hover img, .xypg-case-list li .img:hover img, .relate-product-slick .owl-item .img:hover img {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}

.container-fluid {
  padding: 0 8.33333333%;
}

@media (max-width: 768px) {
  body {
    padding-top: 60px;
  }
}

.icon-font {
  position: relative;
}

.icon-font:after {
  content: "";
  width: 30px;
  height: 30px;
  background-image: url(https://gcdn.myxypt.com/images/icon_spirit.png);
  background-repeat: no-repeat;
  position: absolute;
  left: calc(50% - 15px);
  top: calc(50% - 15px);
}

.n-loading .n-icon {
  background: url("https://gcdn.myxypt.com/images/loading.gif") 0 center no-repeat !important;
}

.n-default .msg-wrap .n-icon {
  background-image: url("https://gcdn.myxypt.com/images/validator_default.png") !important;
}

.n-simple .msg-wrap .n-icon {
  background-image: url("https://gcdn.myxypt.com/images/validator_simple.png") !important;
}

.n-yellow .msg-wrap .n-icon {
  background-image: url("https://gcdn.myxypt.com/images/validator_simple.png") !important;
}

/*手机端头部*/
.xymob-head {
  position: fixed;
  top: 0;
  z-index: 999999;
  left: 0;
  right: 0;
  background: #151515;
}

.xymob-head-box {
  position: relative;
  height: 60px;
}

.xymob-head-box .xymob-logo {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  margin: auto;
  width: 70%;
  height: 30px;
  text-align: center;
}

.xymob-head-box .xymob-logo h1, .xymob-head-box .xymob-logo a {
  display: inline;
  font-size: 0;
}

.xymob-head-box .xymob-logo img {
  height: 25px;
}

.xymob-navbtn {
  position: absolute;
  z-index: 9;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto 0 auto 27px;
  width: 30px;
  height: 20px;
}

.xymob-navbtn span, .xymob-navbtn:after, .xymob-navbtn:before {
  display: block;
  height: 2px;
  width: 100%;
  background: #fff;
  -webkit-transition: all .5s;
  transition: all .5s;
}

.xymob-navbtn span {
  margin: 7px 0;
}

.xymob-navbtn:after, .xymob-navbtn:before {
  content: '';
  -webkit-transform-origin: 7.5%;
          transform-origin: 7.5%;
}

.xymob-navbtn.clicked span {
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
  opacity: 0;
}

.xymob-navbtn.clicked:after {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.xymob-navbtn.clicked:before {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.xymob-search-btn {
  position: absolute;
  z-index: 9;
  right: 0;
  top: 0;
  bottom: 0;
  width: 14%;
  text-align: center;
  line-height: 60px;
}

.xymob-search-btn .icon-font {
  display: block;
  width: 100%;
  height: 100%;
}

.xymob-search-btn .icon-font:after {
  background-position: -30px -210px;
}

.xymob-menu {
  display: none;
  position: absolute;
  z-index: 9999;
  left: 0;
  right: 0;
  height: 100vh;
  background: #151515;
  padding: 0 10%;
}

.xymob-menu .xymob-menu-box {
  height: 100vh;
  overflow: auto;
  padding-bottom: 80px;
}

.xymob-nav > li {
  border-bottom: 1px solid #2b2b2b;
  position: relative;
}

.xymob-nav > li > a {
  display: block;
  line-height: 50px;
  font-size: 16px;
  color: #ffffff;
}

.xymob-nav .xymob-menu-jt {
  position: absolute;
  width: 20%;
  height: 50px;
  line-height: 50px;
  right: 0;
  top: 0;
  text-align: center;
  z-index: 9;
}

.xymob-nav .xymob-menu-jt .icon-font {
  display: block;
  width: 100%;
  height: 100%;
}

.xymob-nav .xymob-menu-jt .icon-font:after {
  background-position: -30px -240px;
}

.xymob-nav .xymob-menu-jt.clicked .icon-font:after {
  background-position: -30px -270px;
}

.xymob-nav .xymob-sub-menu {
  background: #1E1E1E;
  display: none;
}

.xymob-nav .xymob-sub-menu > li {
  border-top: 1px dashed #2b2b2b;
}

.xymob-nav .xymob-sub-menu > li > a {
  display: block;
  font-size: 14px;
  color: rgba(255, 255, 255, 0.8);
  line-height: 40px;
  text-indent: 2em;
}

.xymob-dlbtn {
  margin-top: 40px;
}

.xymob-dlbtn a {
  text-align: center;
  display: block;
  width: 100%;
  height: 40px;
  line-height: 40px;
  background: #292e39;
  color: #fff;
  font-size: 16px;
  border-radius: 5px;
}

.xymob-dlbtn a i {
  display: inline-block;
  vertical-align: middle;
  width: 30px;
  height: 30px;
  margin-right: 5px;
}

.xymob-dlbtn a .icon-dl:after {
  background-position: -30px -540px;
}

.xymob-dlbtn a .icon-pn:after {
  background-position: -30px -600px;
}

.xymob-dlbtn a .icon-tc:after {
  background-position: -30px -570px;
}

.xymob-dlbtn .zx-btn {
  margin-top: 10px;
  background: none;
  border: 1px solid #fff;
}

.xymob-search {
  position: fixed;
  z-index: 99999;
  left: 100%;
  bottom: 0;
  top: 0;
  width: 100%;
  background: #151515;
  padding: 15px 15% 0 15%;
  -webkit-transition: all .5s;
  transition: all .5s;

}

.xymob-search .xymob-search-close-btn {
  position: absolute;
  top: 27px;
  left: 30px;
  width: 30px;
  height: 30px;
  text-align: center;
  line-height: 30px;
}

@media (max-width: 420px) {
  .xymob-search .xymob-search-close-btn {
    left: 15px;
  }
}

.xymob-search .xymob-search-close-btn i {
  width: 100%;
  height: 100%;
  display: block;
}

.xymob-search .xymob-search-close-btn i:after {
  background-position: -30px -300px;
}

.xymob-search .xymob-search-box {
  height: 50px;
  border-bottom: 2px solid #2d2d2d;
}

.xymob-search .xymob-search-box input[type="text"] {
  width: 80%;
  float: left;
  background: none;
  border: none;
  outline: none;
  color: rgba(255, 255, 255, 0.3);
  font-family: "Microsoft YaHei";
  font-size: 16px;
  height: 50px;
}

.xymob-search .xymob-search-box #s_btn {
  width: 20%;
  height: 50px;
  outline: none;
  cursor: pointer;
  font-size: 0;
  background: none;
  border: none;
}

.xymob-search .xymob-search-box #s_btn .icon-font {
  display: block;
  width: 100%;
  height: 100%;
}

.xymob-search .xymob-search-box #s_btn .icon-font:after {
  background-position: -30px -210px;
}

.xymob-search .xymob-seaerch-wz span,
.xymob-search .xymob-seaerch-wz a {
  display: block;
  font-size: 14px;
  color: rgba(255, 255, 255, 0.9);
  line-height: 45px;
  border-bottom: 1px solid #2b2b2b;
}

.xymob-search.clicked {
  left: 0;
}

.x-header {
  background: #ffffff;
  padding: 1.30208333% 0;
}

.x-logo {
  float: left;
  width: 15.3125%;
}

.x-logo a {
  display: block;
}

.x-header-right {
  float: right;
  width: 25%;
  text-align: right;
}

.x-header-right #formsearch,
.x-header-right .x-login {
  display: inline-block;
  vertical-align: middle;
}

.x-header-right #formsearch {
  width: calc(100% - 100px);
  position: relative;
}

.x-header-right #formsearch:before {
  content: '|';
  position: absolute;
  left: 36px;
  top: 5px;
}

.x-header-right #formsearch #s_btn {
  float: left;
  outline: none;
  border: none;
  width: 35px;
  height: 30px;
  font-size: 0;
  background-image: url(https://gcdn.myxypt.com/images/icon_spirit.png);
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: 0 -210px;
}

.x-header-right #formsearch #keyword {
  float: left;
  background: none;
  outline: none;
  border: none;
  width: calc(100% - 35px);
  color: rgba(0, 0, 0, 0.8);
  margin-top: 5px;
  height: 20px;
  padding-left: 10px;
}

.x-header-right .x-login {
  font-size: 14px;
  color: #000000;
  line-height: 30px;
}

.x-header-right .x-login .username {
  max-width: 75px;
  vertical-align: -10px;
  display: inline-block;
}

.x-header-right .x-login a {
  color: #000;
}

.x-header-right .x-login a:hover {
  color: #FFB300;
}

/* 扥路 */
.xa-login {
  position: absolute;
  width: 50%;
  text-align: right;
  top: 0;
  right: 8.33333333%;
}

/* 导航样式 */
.x-menu {
  width: 1200px;
  margin: 0 auto;
  
}

.x-menu > li {
  float: left;
  position: relative;
 background: url(//cdn.myxypt.com/36b09959/21/11/40d5f2526a8ce9a118f95f8fcc04ebd1c132c3e0.png) no-repeat right center;
 height: 58px;
 line-height: 58px;
 width: 171px;
 text-align: center;
}

.x-menu > li > a {
  display: block;
  
  font-size: 15px;
  color: #fff;
  line-height:58px;
  line-height: 58px;
}

.x-menu > li > a:hover {
  background: #f67406;
  color: #fff;
}

.x-menu > li.active > a {
 
}

.x-menu > li:after {
  content: '';
  position: absolute;
  z-index: 100;
  width: 100%;
  left: 0;
  height: 0px;
  opacity: 0;
  top: 100%;
}

.x-menu > li:hover .x-sub-menu {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.x-sub-menu {
  position: absolute;
  z-index: 999;
  width: 100%;
  left: -0%;
  top: 58px;
  background: #104eab;
  border-radius: 0px;
  padding: 0px 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(20px);
          transform: translateY(20px);
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
}

.x-sub-menu > li > a {
  display: block;
  text-align: center;
  background: #104eab;
  font-size: 14px;
  color: #fff;
  line-height: 38px;
 border-bottom: 1px solid #5288da;
}
.x-sub-menu > li:last-child > a{
  border: none;
} 
.x-sub-menu > li > a:hover {
  background: #f67406;
}

.x-sub-menu:after {
  content: '';
  width: 0;
  height: 0;
  line-height: 0;
  font-size: 0;
  overflow: hidden;
  border-width: 10px;
  cursor: pointer;
  border-style: dashed dashed solid dashed;
  border-color: transparent transparent #fff transparent;
  border-top: none;
  position: absolute;
  top: -10px;
  left: 50%;
  margin-left: -10px;
  z-index: 99;
  display: none;
}

/* 首页banner样式 */
.x-banner .owl-carousel {
  position: relative;
}

.x-banner .owl-carousel .banner-item a {
  display: block;
}

.x-banner .owl-carousel .owl-nav .owl-prev {
  left: 0;
}

.x-banner .owl-carousel .owl-nav .owl-next {
  right: 0;
}

.x-banner .owl-carousel .owl-nav button.owl-prev,
.x-banner .owl-carousel .owl-nav button.owl-next {
  outline: none;
  position: absolute;
  top: 50%;
  z-index: 9999;
  background: #424246;
  height: 65px;
  width: 50px;
  margin-top: -32.5px;
  border-radius: 0;
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
}

.x-banner .owl-carousel .owl-nav button.owl-prev:hover,
.x-banner .owl-carousel .owl-nav button.owl-next:hover {
  background: #005197;
}

.x-banner .owl-carousel .owl-nav .icon-font {
  display: block;
  width: 100%;
  height: 100%;
}

.x-banner .owl-carousel .owl-nav .icon-left-arrow:after {
  background-position: -34px -180px;
}

.x-banner .owl-carousel .owl-nav .icon-right-arrow:after {
  background-position: -26px -480px;
}

@media (max-width: 990px) {
  .x-banner .owl-carousel .owl-nav button.owl-prev,
  .x-banner .owl-carousel .owl-nav button.owl-next {
    height: 40px;
    width: 30px;
    margin-top: -20px;
  }
  .x-banner .owl-carousel .owl-nav .iconfont {
    font-size: 20px;
  }
}

.x-banner .owl-carousel .owl-dots {
  position: absolute;
  z-index: 999;
  left: 0;
  width: 100%;
  text-align: center;
  font-size: 0;
  bottom: 5%;
}

.x-banner .owl-carousel .owl-dots button.owl-dot {
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
  margin: 0 .5em;
  outline: none;
  background: #fff;
  border-radius: 50%;
  width: 1em;
  height: 1em;
  opacity: .2;
}

.x-banner .owl-carousel .owl-dots button.owl-dot:hover {
  opacity: .5;
}

.x-banner .owl-carousel .owl-dots button.owl-dot.active {
  opacity: 1;
}

@media (max-width: 990px) {
  .x-banner .owl-carousel .owl-dots button.owl-dot {
    font-size: 12px;
  }
}

.x-about {
  background: #ffffff;
  padding: 6.25% 0;
}

@media (min-width: 990px) {
  .x-about .x-title {
    float: left;
    width: 32.5%;
  }
}

.x-title {
  color: #000;
  position: relative;
}

.x-title p {
  text-transform: uppercase;
  font-size: 12px;
  color: inherit;
  line-height: 1.6;
  opacity: .7;
  margin-bottom: 0;
}

.x-title h3 {
  font-size: 26px;
  color: inherit;
  line-height: 1.3;
  margin-top: 1em;
}

.x-title h3 span {
  display: block;
}

.x-title a {
  position: absolute;
  bottom: 0;
  right: 0;
  border: 1px solid #000;
  width: 35px;
  height: 35px;
  line-height: 35px;
  text-align: center;
}

.x-title a:hover {
  background: #000;
}

.x-title a:hover .icon-add:after {
  background-position: -30px -450px;
}

.x-title .icon-add {
  width: 100%;
  height: 100%;
  display: block;
}

.x-title .icon-add:after {
  background-position: 0 -450px;
}

@media (max-width: 1024px) {
  .x-title h3 {
    font-size: 20px;
  }
  .x-title a {
    width: 30px;
    height: 30px;
    line-height: 30px;
  }
}

.x-title.white {
  color: #fff;
}

.x-title.white a {
  border: 1px solid #fff;
  background: transparent;
  opacity: .8;
}

.x-title.white a .icon-font:after {
  background-position: -30px -450px;
}

.x-title.white a:hover {
  background: #fff;
}

.x-title.white a:hover .icon-font:after {
  background-position: 0 -450px;
}

@media (min-width: 990px) {
  .x-about-box {
    overflow: hidden;
  }
}

@media (min-width: 990px) {
  .x-about-left {
    width: 37.38317757%;
    border-right: 1px solid #e3e3e3;
    padding-right: 2.80373832%;
    float: left;
  }
}

.x-about-left > p {
  font-size: 16px;
  color: #000;
  line-height: 1.6;
  margin-bottom: 1em;
}

.x-about-left ul {
  font-size: 0;
}

.x-about-left ul li {
  display: inline-block;
  width: 33.33333%;
  vertical-align: middle;
}

.x-about-left ul li h3 {
  font-size: 40px;
  color: #005197;
  line-height: 1.6;
}

@media (max-width: 1366px) {
  .x-about-left ul li h3 {
    font-size: 30px;
  }
}

.x-about-left ul li p {
  font-size: 16px;
  color: rgba(0, 0, 0, 0.9);
  line-height: 1.6;
  margin-bottom: 0;
}

@media (max-width: 1024px) {
  .x-about-left > p {
    font-size: 14px;
  }
  .x-about-left ul li h3 {
    font-size: 20px;
  }
  .x-about-left ul li p {
    font-size: 14px;
  }
}

.x-about-right {
  font-size: 13px;
  color: rgba(0, 0, 0, 0.9);
  line-height: 1.846;
}

@media (min-width: 990px) {
  .x-about-right {
    overflow: hidden;
    padding-left: 4.6728972%;
  }
}

.x-about-right strong {
  display: block;
  font-size: 16px;
  color: #000;
  line-height: 1.6;
  margin-bottom: 1.1em;
  font-weight: normal;
}

.x-about-right p {
  margin-bottom: 0;
}

@media (max-width: 1024px) {
  .x-about-right {
    font-size: 12px;
  }
  .x-about-right strong {
    font-size: 14px;
    color: #000;
    line-height: 1.6;
    margin-bottom: 10px;
  }
}

.x-product {
  padding: 4.16666667% 0 3.125%;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(30%, #f0f0f0), color-stop(30%, #fff), to(#fff));
  background: linear-gradient(to bottom, #f0f0f0 30%, #fff 30%, #fff 100%);
}

.x-product-list {
  font-size: 0;
  margin: 3.125% -12px 0 -12px;
}

.x-product-list li {
  display: inline-block;
  vertical-align: top;
  width: calc(25% - 24px);
  margin: 0 12px 45px 12px;
}

.x-product-list li h3 {
  border: 1px solid transparent;
  border-top: none;
  font-size: 16px;
  color: #000;
  line-height: 1;
  padding: 2.2em 0;
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
}

.x-product-list li:hover h3 {
  border-color: #e5e5e5;
  padding-left: .5em;
  padding-right: .5em;
  color: #005197;
}

@media (max-width: 1024px) {
  .x-product-list li {
    margin-bottom: 20px;
  }
  .x-product-list li h3 {
    font-size: 14px;
    padding: 1em 0;
  }
}

.x-case {
  padding: 4.16666667% 0 5.20833333%;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(45%, #292e39), color-stop(45%, #fff), to(#fff));
  background: linear-gradient(to bottom, #292e39 45%, #fff 45%, #fff 100%);
}

.x-case-list {
  margin-top: 2.5%;
  margin-left: 13.75%;
}

@media (max-width: 1024px) {
  .x-case-list {
    margin-left: 6.25%;
  }
}

.x-case-item {
  padding: 0 1px;
  background: #fff;
}

.x-case-item a {
  display: block;
  padding: 10px 20px 40px 20px;
  border: 1px solid transparent;
}

.x-case-item .wz {
  margin-top: 30px;
}

.x-case-item .wz h3 {
  font-size: 20px;
  color: #000;
  line-height: 1.6;
  margin-bottom: .6em;
}

.x-case-item .wz p {
  font-size: 14px;
  color: #000;
  line-height: 1.6;
  font-weight: 100;
  margin-bottom: 2em;
}

.x-case-item .wz span {
  display: block;
}

.x-case-item .wz .icon-right-arrow {
  display: block;
  width: 25px;
  height: 25px;
  border: 1px solid #b0b3b8;
  border-radius: 50%;
}

.x-case-item .wz .icon-right-arrow:after {
  background-position: 2px -241px;
  opacity: .4;
}

@media (max-width: 1024px) {
  .x-case-item .wz {
    margin-top: 10px;
  }
  .x-case-item .wz h3 {
    font-size: 16px;
  }
  .x-case-item .wz p {
    font-size: 13px;
    margin-bottom: 1.5em;
  }
}

.x-case-item:hover a {
  border-color: #e5e5e5;
}

.x-case-item:hover .icon-right-arrow {
  background: #000;
  border-color: #000;
}

.x-case-item:hover .icon-right-arrow:after {
  background-position: -28px -241px;
  opacity: 1;
}

.x-company {
  background: #f0f0f0;
  padding: 2.60416667% 0 2.08333333%;
}

.x-company-title {
  font-size: 20px;
  color: rgba(0, 0, 0, 0.9);
  line-height: 1.6;
}

.x-company-title:after {
  content: '';
  display: block;
  width: 20px;
  height: 4px;
  background: #3d3d3d;
  margin-top: 10px;
}

@media (max-width: 990px) {
  .x-company-title {
    font-size: 18px;
  }
  .x-company-title:after {
    height: 3px;
  }
}

.x-company-list {
  margin-top: 1.875%;
}

.x-company-item {
  padding: 0 15px;
}

.x-company-item a {
  display: block;
  text-align: center;
  width: 100%;
  height: 45px;
  font-size: 0;
}

.x-company-item a img {
  max-width: 100%;
  max-height: 100%;
  display: inline-block;
  vertical-align: middle;
}

.x-company-item a:after {
  content: '';
  height: 100%;
  display: inline-block;
  vertical-align: middle;
}

.x-company-item a img {
  width: auto !important;
  display: inline-block !important;
}

.x-news {
  background: #fff;
  padding: 5.20833333% 0;
}

.x-news-box {
  margin-top: 3.125%;
  font-size: 0;
}

@media (min-width: 990px) {
  .x-news-img {
    width: 43.75%;
    margin-right: 3.4375%;
    display: inline-block;
    vertical-align: middle;
  }
}

@media (min-width: 990px) {
  .x-news-right {
    display: inline-block;
    vertical-align: middle;
    width: 52.8125%;
  }
}

.x-news-top {
  position: relative;
  padding-right: 18.93491124%;
  margin-bottom: 5.91715976%;
}

.x-news-top h3 {
  font-size: 18px;
  color: #000000;
  line-height: 1.6;
  border-bottom: 1px solid #ededed;
  padding-bottom: 15px;
  margin-bottom: 15px;
}

.x-news-top p {
  font-weight: 100;
  font-size: 13px;
  color: #000;
  line-height: 1.6;
}

.x-news-top .date {
  position: absolute;
  right: 0;
  top: 0;
  text-align: center;
  width: 70px;
}

.x-news-top .date h4 {
  font-size: 44px;
  color: rgba(0, 0, 0, 0.7);
  line-height: 1;
}

.x-news-top .date h5 {
  font-size: 15px;
  color: rgba(0, 0, 0, 0.7);
  line-height: 1.6;
}

.x-news-top .date span {
  display: inline-block;
}

.x-news-top .date span .icon-right-arrow {
  display: block;
  color: #fff;
  width: 25px;
  height: 25px;
  background: #000;
  border-radius: 50%;
}

.x-news-top .date span .icon-right-arrow:after {
  background-position: -28px -241px;
}

.x-news-top:hover h3 {
  color: #005197;
}

.x-news-list li {
  position: relative;
  padding: 18px 80px 18px 0;
  border-bottom: 1px solid #ededed;
}

@media (max-width: 1366px) {
  .x-news-list li {
    padding-top: 9px;
    padding-bottom: 9px;
  }
}

.x-news-list li a {
  display: block;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.9);
}

.x-news-list li a:hover {
  color: #005197;
}

.x-news-list li span {
  position: absolute;
  right: 0;
  width: 80px;
  text-align: right;
  top: 50%;
  margin-top: -9px;
  font-size: 13px;
  color: rgba(0, 0, 0, 0.5);
}

.x-link {
  background: #fff;
  padding-bottom: 1.5%;
}

.x-message {
  background: #f0f0f0;
  padding: 2.34375% 0;
}

.x-message-wrap {
  margin-left: 24.375%;
  margin-right: 24.375%;
}

@media (max-width: 1366px) {
  .x-message-wrap {
    margin-left: 12.5%;
    margin-right: 12.5%;
  }
}

.x-message-wrap .row {
  margin-left: -5px;
  font-size: 0;
  margin-right: -5px;
}

.x-message-wrap div[class^='col-'] {
  padding-left: 5px;
  padding-right: 5px;
  position: relative;
}

.x-message-wrap input[type='text'],
.x-message-wrap textarea {
  width: 100%;
  height: 42px;
  border: 1px solid #d8d8d8;
  padding: 0 10px;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.9);
  background: #f0f0f0;
  outline: none;
  margin-bottom: 10px;
}

.x-message-wrap input[type='text']::-webkit-input-placeholder,
.x-message-wrap textarea::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.8);
}

.x-message-wrap input[type='text']::-moz-placeholder,
.x-message-wrap textarea::-moz-placeholder {
  color: rgba(0, 0, 0, 0.8);
}

.x-message-wrap input[type='text']::-ms-input-placeholder,
.x-message-wrap textarea::-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.8);
}

.x-message-wrap input[type='text']::placeholder,
.x-message-wrap textarea::placeholder {
  color: rgba(0, 0, 0, 0.8);
}

.x-message-wrap textarea {
  padding-top: 5px;
  height: 95px;
  resize: none;
}

.x-message-wrap #checkcode {
  float: left;
  width: 32.29813665%;
  margin-bottom: 0;
}

.x-message-wrap .checkCodeImg {
  float: left;
  display: block;
  text-align: center;
  width: 17.39130435%;
  height: 42px;
  font-size: 0;
  background: #e7e4e4;
  padding: 5px 10px;
}

.x-message-wrap .checkCodeImg img {
  max-width: 100%;
  max-height: 100%;
  display: inline-block;
  vertical-align: middle;
}

.x-message-wrap .checkCodeImg:after {
  content: '';
  height: 100%;
  display: inline-block;
  vertical-align: middle;
}

.x-message-wrap .checkCodeImg img {
  cursor: pointer;
}

.x-message-wrap .x-submit {
  float: right;
  width: 49.68944099%;
  height: 42px;
  background: #2d323b;
  color: #fff;
  font-size: 14px;
  border: none;
  outline: none;
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
}

.x-message-wrap .x-submit:hover {
  background: #005197;
}

.n-default .n-invalid {
  border-color: #005197 !important;
}

.n-default .msg-wrap {
  top: 8px;
  right: 5px;
  margin-left: 0;
}

.n-default .x-textarea .msg-wrap {
  top: 65px;
}

/* 手机样式 */
@media (max-width: 990px) {
  .x-title h3 {
    font-size: 14px;
    margin-top: 5px;
  }
  .x-title h3 span {
    display: inline-block;
    margin-left: 5px;
  }
  .x-title h3 span:before {
    margin-right: 5px;
    content: '-';
  }
  .x-about .x-title {
    margin-bottom: 20px;
  }
  .x-about-left {
    margin-bottom: 15px;
    border-bottom: 1px solid #efefef;
    padding-bottom: 10px;
  }
  .x-product-list {
    margin-left: -5px;
    margin-right: -5px;
    margin-top: 20px;
  }
  .x-product-list li {
    width: calc(50% - 10px);
    margin-left: 5px;
    margin-right: 5px;
    margin-bottom: 10px;
  }
  .x-case-list {
    margin-left: 0;
    margin-top: 20px;
  }
  .x-case-item a {
    padding: 10px;
  }
  .x-company-title {
    font-size: 14px;
  }
  .x-company-title p {
    margin-bottom: 0;
  }
  .x-company-title:after {
    margin-top: 5px;
  }
  .x-company-list {
    margin-top: 15px;
  }
  .x-news-box {
    margin-top: 20px;
  }
  .x-news-img,
  .x-news-right {
    width: 100%;
  }
  .x-news-img {
    margin-bottom: 15px;
  }
  .x-news-top h3 {
    font-size: 16px;
    padding-bottom: 7px;
    margin-bottom: 7px;
  }
  .x-news-top p {
    font-size: 12px;
  }
  .x-news-top .date h4 {
    font-size: 30px;
  }
  .x-news-top .date h5 {
    font-size: 12px;
  }
  .x-message-wrap {
    margin-left: 0;
    margin-right: 0;
  }
  .x-message-wrap #checkcode {
    width: 65%;
  }
  .x-message-wrap .checkCodeImg {
    width: 35%;
  }
  .x-message-wrap .x-submit {
    float: none;
    margin-top: 10px;
    width: 100%;
  }
}
.container{
  font-size: 14px;
  line-height: 24px;
}
#container {
  width: 1000px;
  margin: 0 auto;
  margin-top: 10px;
  border: 1px solid #f4f4f4;
  padding: 10px;
}

#container .city_list {
  padding-top: 10px;
}

#container .city_list .item {
  padding: 10px 0;
  line-height: 24px;
  overflow: hidden;
  border-bottom: 1px dashed #ddd;
}

#container .city_list .item dt {
  float: left;
  font-family: arial;
  font-weight: bold;
  font-size: 18px;
  width: 35px;
  padding-left: 25px;
  color: #444;
  display: table-cell;
}

#container .city_list .item dd {
  margin: 0 0 0 55px;
  padding-left: 15px;
  border-left: 1px dashed #b2b2b2;
}

#container .city_list .item dd a {
  padding: 1px 12px 1px 12px;
  white-space: nowrap;
  float: left;
  color: #333;
  font-size: 14px;
  text-decoration: none;
}

#container .city_list .item dd a:hover {
  text-decoration: none;
  background: #eb2830;
  color: #fff;
}

#foot {
  width: 1000px;
  margin: 0 auto;
  text-align: center;
  margin-top: 10px;
  line-height: 24px;
  color: #666;
  border-top: 2px solid #eb2830;
  padding-top: 10px;
  font-size: 14px;
}

#foot a {
  color: #666;
  text-decoration: none;
}

#foot a:hover {
  color: #0aa8dd;
}

.return {
  position: relative;
  height: 36px;
  padding: 6px;
  width: 1000px;
  margin: 0 auto;
  text-align: left;
  font: bold 22px/42px "\5FAE\8F6F\96C5\9ED1";
  color: #737372;
}

.return a {
  position: absolute;
  right: 10px;
  top: 12px;
  height: 36px;
  width: 100px;
  text-align: center;
  display: block;
  background: #eb2830;
  color: #fff;
  line-height: 36px;
  font-size: 12px;
  font-weight: bold;
}

.return a:hover {
  text-decoration: none;
  background: #f39c11;
  color: #fff;
}

/* 口令弹窗 */
.float-modal {
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(51, 51, 51, 0.5);
  top: 0;
  left: 0;
  z-index: 999;
  display: none;
}

.float-modal .float-ads {
  position: absolute;
  width: 90%;
  top: 50%;
  left: 5%;
  margin-top: -70px;
  background: #fff;
  text-align: center;
  padding: 30px 0;
  border-radius: 15px;
}

.float-modal .float-ads h3 {
  color: #333;
  margin-bottom: 20px;
  font-size: 16px;
}

.float-modal .float-ads button {
  background: #1292f8;
  border: none;
  color: #fff;
  white-space: nowrap;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  border-radius: 4px;
  display: inline-block;
  margin-bottom: 0;
  font-weight: 400;
  text-align: center;
  vertical-align: middle;
}

.x-layout {
  background-size: cover;
  padding: 4.16666667%;
}

.x-layout-logo {
  margin-bottom: 20px;
}

.x-layout-desc {
  font-size: 12px;
  color: rgba(255, 255, 255, 0.5);
}

.x-layout-contact {
  margin-top: 30px;
}

.x-layout-contact p {
  margin-bottom: 0;
  font-size: 14px;
  color: rgba(255, 255, 255, 0.7);
  line-height: 1.7;
}

.x-layout-contact strong {
  display: block;
  font-size: 24px;
  color: rgba(255, 255, 255, 0.8);
}

.x-layout-contact a {
  color: #fff;
}

.x-layout-menu dl {
  float: left;
  width: 20%;
  text-align: center;
}

.x-layout-menu dl dt {
  font-size: 14px;
  color: #fff;
  margin-bottom: 1.43em;
}

.x-layout-menu dl dd a {
  display: block;
  font-size: 14px;
  color: rgba(255, 255, 255, 0.4);
  line-height: 2;
}

.x-layout-ewm {
  text-align: center;
}

.x-layout-ewm p {
  background: rgba(255, 255, 255, 0.1);
  font-size: 13px;
  font-weight: 100;
  padding: .8em 0;
  line-height: 1.7;
  color: rgba(255, 255, 255, 0.7);
  margin: 15px 0 0 0;
}

.x-footer {
  background: #161618;
  padding: 15px 0;
  text-align: center;
  font-size: 12px;
  color: rgba(255, 255, 255, 0.5);
  line-height: 1.7;
}

.x-footer a {
  color: rgba(255, 255, 255, 0.5);
}

.x-footer a:hover {
  color: rgba(255, 255, 255, 0.8);
}

.x-copyright {
  margin: 5px 0;
}

.x-power {
  margin-top: 5px;
}

/*左侧工具条*/
#toolbar {
  position: fixed;
  z-index: 9999;
  right: 17px;
  bottom: 10%;
}

#toolbar .online-one li {
  margin-bottom: 3px;
  font-size: 0;
  width: 70px;
  height: 70px;
  right: 0;
  position: relative;
}

#toolbar .online-one li:hover a {
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.24);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.24);
}

#toolbar .online-one li a {
  display: block;
  position: absolute;
  z-index: 9;
  right: 0;
  top: 0;
  width: 70px;
  height: 70px;
  background: #00c184;
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
  font-size: 0;
  border-radius: 4px;
  padding: 10px 0;
  overflow: hidden;
}

#toolbar .online-one li .icon-font {
  display: block;
  height: 28px;
  width: 100%;
}

#toolbar .online-one li .icon-font:after {
  background-image: url(https://gcdn.myxypt.com/images/kf.png);
}

#toolbar .online-one li .icon-qq:after {
  background-position: -30px -240px;
}

#toolbar .online-one li .icon-phone:after {
  background-position: -30px -208px;
}

#toolbar .online-one li .icon-message:after {
  background-position: -30px -170px;
}

#toolbar .online-one li .icon-ewm:after {
  background-position: -30px -138px;
}

#toolbar .online-one li .icon-top:after {
  background-image: url(https://gcdn.myxypt.com/images/icon_spirit.png);
  background-position: -30px -60px;
}

#toolbar .online-one li .icon-wangwang:after {
  background-image: url(https://gcdn.myxypt.com/images/icon_spirit.png);
  background-position: -30px 0;
}



#toolbar .online-one li .wz {
  font-size: 12px;
  color: #fff;
  text-align: center;
  display: block;
  margin-top: 5px;
  height: 20px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

#toolbar .online-one li.phone {
  border-radius: 4px;
  padding: 10px 0;
}

#toolbar .online-one li.ewm {
  background: #00c184;
  border-radius: 4px;
  padding: 10px 0;
}

#toolbar .online-one li.phone .tel-phone {
  position: absolute;
  z-index: 1;
  padding: 5px;
  width: 110px;
  right: calc(100% + 5px);
  top: 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
  -webkit-transition: all .7s;
  transition: all .7s;
  -webkit-box-shadow: 0 4px 20px 4px rgb(0 20 60 / 20%);
  box-shadow: 0 4px 20px 4px rgb(0 20 60 / 20%);
  color: #fff;
  font-size: 14px;
}

#toolbar .online-one li.ewm .ewm-box {
  position: absolute;
  z-index: 1;
  padding: 5px;
  background: #fff;
  width: 110px;
  right: calc(100% + 5px);
  bottom: 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
  -webkit-transition: all .7s;
  transition: all .7s;
  -webkit-box-shadow: 0 4px 20px 4px rgba(0, 20, 60, 0.2);
          box-shadow: 0 4px 20px 4px rgba(0, 20, 60, 0.2);
}

#toolbar .online-one li.ewm .ewm-box img {
  max-width: 100%;
}

#toolbar .online-one li.ewm .ewm-box:after {
  content: '';
  position: absolute;
  right: -5px;
  bottom: 20px;
  width: 0;
  height: 0;
  line-height: 0;
  font-size: 0;
  overflow: hidden;
  border-width: 5px;
  cursor: pointer;
  border-style: dashed dashed dashed solid;
  border-color: transparent transparent transparent #fff;
  border-right: none;
}

#toolbar .online-one li.ewm:hover .ewm-box {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

#toolbar .online-one li.phone:hover .tel-phone {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

#toolbar .online-two li {
  margin-bottom: 3px;
  font-size: 0;
  width: 57px;
  height: 57px;
  right: 0;
  position: relative;
}

#toolbar .online-two li a {
  display: block;
  position: absolute;
  z-index: 9;
  right: 0;
  top: 0;
  width: 57px;
  height: 57px;
  overflow: hidden;
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
  white-space: nowrap;
  font-size: 0;
  background: #d9d9d9;
}

#toolbar .online-two li .icon-font {
  display: inline-block;
  vertical-align: middle;
  width: 57px;
  height: 57px;
}

#toolbar .online-two li .icon-qq:after {
  background-position: 0 -150px;
}

#toolbar .online-two li .icon-phone:after {
  background-position: 0 -90px;
}

#toolbar .online-two li .icon-ewm:after {
  background-position: 0 -30px;
}

#toolbar .online-two li .icon-message:after {
  background-position: 0 -120px;
}

#toolbar .online-two li .icon-top:after {
  background-position: 0 -60px;
}

#toolbar .online-two li .icon-wangwang:after {
  background-position: 0 0;
}

#toolbar .online-two li .wz {
  display: inline-block;
  line-height: 57px;
  font-size: 14px;
  color: #fff;
  vertical-align: middle;
  padding-left: 10px;
}

#toolbar .online-two li.ewm .ewm-box {
  position: absolute;
  z-index: 1;
  padding: 5px;
  background: #292e39;
  width: 110px;
  right: 120%;
  bottom: 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
  -webkit-transition: all .7s;
  transition: all .7s;
  -webkit-box-shadow: 0 4px 20px 4px rgba(0, 20, 60, 0.2);
          box-shadow: 0 4px 20px 4px rgba(0, 20, 60, 0.2);
}

#toolbar .online-two li.ewm .ewm-box p {
  margin-bottom: 0;
}

#toolbar .online-two li.ewm .ewm-box img {
  max-width: 100%;
}

#toolbar .online-two li.ewm .ewm-box:after {
  content: '';
  position: absolute;
  right: -5px;
  bottom: 20px;
  width: 0;
  height: 0;
  line-height: 0;
  font-size: 0;
  overflow: hidden;
  border-width: 5px;
  cursor: pointer;
  border-style: dashed dashed dashed solid;
  border-color: transparent transparent transparent #292e39;
  border-right: none;
}

#toolbar .online-two li.ewm:hover .icon {
  background-position: -57px -180px;
}

#toolbar .online-two li.ewm:hover .ewm-box {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

#toolbar .online-two li.backtop {
  cursor: pointer;
}

#toolbar .online-two li.backtop .iconfont {
  color: #fff;
  background-color: #292e39;
}

#toolbar .online-two li:hover a {
  width: 200px;
}

#toolbar .online-two li:hover .icon-qq:after {
  background-position: -30px -150px;
}

#toolbar .online-two li:hover .icon-phone:after {
  background-position: -30px -90px;
}

#toolbar .online-two li:hover .icon-ewm:after {
  background-position: -30px -30px;
}

#toolbar .online-two li:hover .icon-message:after {
  background-position: -30px -120px;
}

#toolbar .online-two li:hover .icon-wangwang:after {
  background-position: -30px 0;
}

#toolbar .online-two li:hover .icon-top:after {
  background-position: -30px -60px;
}

#toolbar .online-three {
  width: 115px;
}

#toolbar .online-three .title {
  background: #3aa3e6;
  height: 35px;
  line-height: 35px;
  text-align: center;
  font-size: 14px;
  color: #fff;
  position: relative;
}

#toolbar .online-three .title span {
  position: absolute;
  right: 0;
  top: 0;
  width: 25px;
  height: 25px;
  background-image: url(https://gcdn.myxypt.com/images/kf.png);
  background-repeat: no-repeat;
  background-position: -31px -28px;
  opacity: 1;
  text-shadow: none;
}

#toolbar .online-three .qq-list {
  background: #fff;
  padding: 10px 0;
  border-bottom: 1px solid #eeeeee;
}

#toolbar .online-three .qq-list li {
  text-align: center;
  line-height: 32px;
}

#toolbar .online-three .qq-list li .icon-font:after {
  content: "";
  width: 30px;
  height: 30px;
  background-image: url(https://gcdn.myxypt.com/images/kf.png);
  background-repeat: no-repeat;
  position: absolute;
  left: calc(50% - 15px);
  top: calc(50% - 15px);
}


#toolbar .online-three .qq-list li .wz {
  color: #333;
  font-size: 12px;
  margin-left: 10px;
  display: inline-block;
}

#toolbar .online-three .qq-list .icon-qq:after {
  background-position: 0 -114px;
}

#toolbar .online-three .qq-list .icon-message:after {
  background-position: -30px -87px;
}

#toolbar .online-three .qq-list .icon-wangwang:after {
  background-position: -30px -116px;
}

#toolbar .online-three .ewm {
  background: #fff;
  padding: 10px 0;
  border-bottom: 1px solid #eeeeee;
  text-align: center;
}

#toolbar .online-three .ewm span {
  display: inline-block;
  font-size: 12px;
  color: #333;
  margin-bottom: 12px;
}

#toolbar .online-three .ewm img {
  width: 100%;
  max-width: 84px;
}

#toolbar .online-three .service-phone {
  background: #fff;
  padding: 10px 0;
  text-align: center;
}

#toolbar .online-three .service-phone span {
  font-size: 12px;
  color: #333;
}

#toolbar .online-three .service-phone span.hotline {
  color: #777777;
  font-size: 12px;
  line-height: 32px;
}

#toolbar .online-four li {
  margin-bottom: 3px;
  font-size: 0;
  width: 50px;
  height: 50px;
  right: 0;
  position: relative;
}

#toolbar .online-four li a {
  display: block;
  position: absolute;
  z-index: 9;
  right: 0;
  top: 0;
  width: 50px;
  height: 50px;
  background: #fff;
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
  white-space: nowrap;
  font-size: 0;
  border-radius: 50%;
  overflow: hidden;
}

#toolbar .online-four li .icon-font {
  display: inline-block;
  vertical-align: middle;
  width: 50px;
  height: 50px;
}

#toolbar .online-four li .icon-font:after {
  background-image: url(https://gcdn.myxypt.com/images/kf.png);
}

#toolbar .online-four li .icon-qq:after {
  background-position: 0 -87px;
}

#toolbar .online-four li .icon-phone:after {
  background-position: 0 -57px;
}

#toolbar .online-four li .icon-ewm:after {
  background-position: 0 -21px;
}

#toolbar .online-four li .icon-message:after {
  background-position: -30px -55px;
}

#toolbar .online-four li .icon-top:after {
  background-position: 0 -0px;
}

#toolbar .online-four li .icon-wangwang:after {
  background-position: 0 0;
}

#toolbar .online-four li .wz {
  display: inline-block;
  line-height: 50px;
  font-size: 14px;
  color: #fff;
  vertical-align: middle;
  padding-left: 10px;
}

#toolbar .online-four li.ewm {
  border-radius: 50%;
  background: #fff;
}

#toolbar .online-four li.ewm .ewm-box {
  position: absolute;
  z-index: 1;
  padding: 5px;
  background: #fff;
  width: 110px;
  right: calc(100% + 5px);
  bottom: 0;
  opacity: 0;
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
  -webkit-transition: all .7s;
  transition: all .7s;
  -webkit-box-shadow: 0 4px 20px 4px rgba(0, 20, 60, 0.2);
          box-shadow: 0 4px 20px 4px rgba(0, 20, 60, 0.2);
}

#toolbar .online-four li.phone {
  border-radius: 50%;
}

#toolbar .online-four li.phone .tel-phone {
  position: absolute;
  z-index: 1;
  padding: 5px;
  background: rgb(59,57,57);
  width: 110px;
  right: calc(100% + 5px);
  top: 0;
  opacity: 0;
  font-size: 14px;
  color: #fff;
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
  -webkit-transition: all .7s;
  transition: all .7s;
  -webkit-box-shadow: 0 4px 20px 4px rgba(0, 20, 60, 0.2);
          box-shadow: 0 4px 20px 4px rgba(0, 20, 60, 0.2);
}

#toolbar .online-four li.phone:hover .tel-phone {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

#toolbar .online-four li.ewm .ewm-box img {
  max-width: 100%;
}

#toolbar .online-four li.ewm .ewm-box:after {
  content: '';
  position: absolute;
  right: -5px;
  bottom: 20px;
  width: 0;
  height: 0;
  line-height: 0;
  font-size: 0;
  overflow: hidden;
  border-width: 5px;
  cursor: pointer;
  border-style: dashed dashed dashed solid;
  border-color: transparent transparent transparent #fff;
  border-right: none;
}

#toolbar .online-four li.ewm:hover .ewm-box {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

#toolbar .online-four li.backtop .icon-font {
  height: 20px;
}

#toolbar .online-four li.backtop .icon-font:after {
  height: 20px;
  left: calc(50% - 17px);
  top: calc(50% - 2px);
}

#toolbar .online-four li.backtop .wz {
  display: block;
  line-height: 24px;
  font-size: 12px;
  text-align: center;
  color: #bfbfbf;
  padding-left: 0;
}


@media (max-width: 990px) {
  #toolbar {
    display: none;
  }
}

.page-position {
  padding: 15px 0;
  font-size: 14px;
  color: #2f2f2f;
}

.page-position a {
  color: #2f2f2f;
}

.page-position a:hover {
  color: #005197;
}

.page-wrap {
  background: #ffffff;
  padding-bottom: 3.38541667%;
}

@media (min-width: 990px) {
  .page-wrap-left {
    float: left;
    width: 305px;
    margin-right: 4.16666667%;
  }
}

.xypg-left-box {
  margin-bottom: 20px;
}

.xypg-left-title {
  background: #005197;
  padding: 10px 20px;
  position: relative;
}

.xypg-left-title h3 {
  font-size: 20px;
  color: #ffffff;
  line-height: 30px;
  font-weight: bold;
  position: relative;
  z-index: 9;
}

.xypg-left-title i {
  position: absolute;
  left: -5px;
  top: -9px;
  font-style: normal;
  font-size: 67px;
  font-weight: bold;
  opacity: .1;
  color: #fff;
  line-height: 1;
  z-index: 1;
  text-transform: uppercase;
}

.xypg-left-title span {
  font-weight: normal;
  font-size: 16px;
  color: #fff;
  opacity: .6;
  margin-left: 10px;
  text-transform: capitalize;
}

.xypg-left-title span:before {
  content: "/";
  padding-right: 5px;
}

.xypg-left-con {
  border: 1px solid #d2d2d2;
  border-top: none;
}

.latest-news {
  padding: 10px 0;
}

.latest-news li {
  padding: .5em 1em;
  font-size: 14px;
}

.latest-news li a {
  display: block;
  line-height: 1.2;
  color: #5a5a5a;
}

.latest-news li a:before {
  content: '+';
  font-weight: bold;
  margin-right: 5px;
  font-size: 16px;
}

.latest-news li a:hover {
  color: #005197;
}

.latest-news li a:hover:before {
  color: #005197;
}

.hot-keys {
  padding: 20px 7px 8px 7px;
}

.hot-keys li {
  width: calc(50% - 14px);
  float: left;
  margin: 0 7px 14px 7px;
}

.hot-keys li a {
  display: block;
  text-align: center;
  font-size: 14px;
  color: #5a5a5a;
  line-height: 2.857;
  border: 1px dashed #f1f1f1;
}

.hot-keys li a:hover {
  color: #005197;
  border-color: #005197;
}

.page-wrap-contact {
  padding: 10px 0;
  font-size: 14px;
}

.page-wrap-contact h4 {
  padding: .3em 1.4em .8em 1.4em;
  font-size: 16px;
  color: #000000;
}

.page-wrap-contact p {
  border-top: 1px solid #eee;
  position: relative;
  margin-bottom: 0;
  padding: .8em 1.4em;
  color: #2f2f2f;
}

.page-message-img img {
  border: 1px solid #d2d2d2;
}

.page-wrap-right {
  overflow: hidden;
}

.page-mob-tool {
  position: fixed;
  right: 15px;
  bottom: 100px;
  z-index: 9999;
}

.page-mob-tool li {
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  margin-bottom: 1px;
  cursor: pointer;
  position: relative;
}

.page-mob-tool li:before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  background: #292e39;
  opacity: .7;
}

.page-mob-tool li i {
  display: block;
  width: 100%;
  height: 100%;
}

.page-mob-tool li .icon-dots-horizontal:after {
  background-position: -30px -390px;
}

.page-mob-tool li .icon-top:after {
  background-position: -30px -60px;
}

@media (min-width: 992px) {
  .page-mob-tool {
    display: none;
  }
}

.navigation a {
  display: inline-block;
  font-size: 14px;
  color: #333333;
  font-family: "Microsoft YaHei",Arial;
  line-height: 26px;
  border: 1px solid #cbcbcb;
  margin: 0 5px;
  padding: 0 8px;
}

.navigation a.previous_page {
  float: left;
}

.navigation a.next_page {
  float: right;
}

.navigation a:hover {
  color: #fff;
  border-color: #005197;
  background: #005197;
}

/* 手机站 左侧导航弹出特效 */
.xymob-left-close-btn {
  display: none;
}

@media (max-width: 990px) {
  /* 弹出框之后 body 上增加一个禁止滚动的类*/
  body.no-scroll,
  html.no-scroll {
    height: 100vh;
    overflow: hidden;
  }
  .xymob-menu-click {
    position: fixed;
    width: 100vw;
    overflow-y: scroll;
    top: 0;
    left: 100%;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    z-index: 999999;
    height: 100vh;
    background: rgba(0, 0, 0, 0.7);
  }
  .xymob-menu-click .xypg-left-news,
  .xymob-menu-click .xypg-left-keys,
  .xymob-menu-click .xypg-left-contact,
  .xymob-menu-click .page-message-img {
    display: none;
  }
  .xymob-menu-click .xymob-left-close-btn {
    display: block;
    position: absolute;
    top: 15px;
    right: 15px;
    width: 32px;
    height: 32px;
    line-height: 32px;
    border-radius: 50%;
    border: 1px solid #fff;
    text-align: center;
    background: black;
  }
  .xymob-menu-click .xymob-left-close-btn .icon-font {
    display: block;
    width: 100%;
    height: 100%;
  }
  .xymob-menu-click .xymob-left-close-btn .icon-font:after {
    background-position: -30px -300px;
  }
  .xymob-menu-click .xypg-left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    min-height: 90vh;
    padding: 5vh 0;
  }
  .xymob-menu-click .xypg-left .xypg-left-menu {
    width: 90%;
    background: #fff;
  }
  .xymob-menu-click.click {
    left: 0;
  }
}

/* 内页左侧导航栏样式 */
.xypg-left-nav {
  margin: 0 -1px;
}

.xypg-left-nav > li {
  position: relative;
  border-bottom: 1px solid #eeeeee;
}

.xypg-left-nav > li:last-child {
  border-bottom: none;
}

.xypg-left-nav > li > a {
  display: block;
  font-size: 16px;
  line-height: 22px;
  color: #2e2e2e;
  padding: 15px 18px;
}

.xypg-left-nav > li .first-nav-btn {
  position: absolute;
  z-index: 99;
  width: 30px;
  height: 30px;
  text-align: center;
  top: 10px;
  right: 20px;
  cursor: pointer;
  background: url(https://gcdn.myxypt.com/images/icon_spirit.png) 0 -240px no-repeat;
}

.xypg-left-nav > li .first-nav-btn.clicked {
  background-position: 0 -270px;
}

.xypg-left-nav > li:hover > a, .xypg-left-nav > li.clicked > a {
  color: #005197;
}

.xypg-left-nav > li:hover .first-nav-btn, .xypg-left-nav > li.clicked .first-nav-btn {
  color: #005197;
}

.xypg-left-nav .xypg-left-subnav {
  display: none;
  padding: 0 10px;
}

.xypg-left-nav .xypg-left-subnav > li {
  border-top: 1px dashed #eeeeee;
}

.xypg-left-nav .xypg-left-subnav > li > a {
  padding: 8px;
  display: block;
  line-height: 20px;
  color: #818181;
  font-size: 16px;
}

.xypg-left-nav .xypg-left-subnav > li > a:hover {
  color: #005197;
}

.xypg-left-nav .xypg-left-subnav > li.clicked > a {
  color: #005197;
}

.xypg-left-nav .xypg-left-threenav > li > a {
  padding: 5px 10px;
  display: block;
  font-size: 14px;
  line-height: 24px;
  color: #999999;
}

.xypg-left-nav .xypg-left-threenav > li > a:before {
  content: '\2014   ';
}

.xypg-left-nav .xypg-left-threenav > li > a:hover {
  color: #005197;
}

.xypg-left-nav .xypg-left-threenav > li.clicked > a {
  color: #005197;
}

@media (max-width: 990px) {
  .xypg-left-nav .xypg-left-threenav {
    display: block;
  }
}

.xypg-pro-description {
  border: 1px solid #e5e5e5;
  background: #f9f9f9;
  line-height: 24px;
  padding: 10px;
  margin-bottom: 15px;
  text-indent: 2em;
}

.xypg-product-list {
  margin: 0 -1.5%;
}
.fengye{ margin-right:15px;}
.xypg-product-list li {
  display: inline-block;
  vertical-align: bottom;
  width: 27.4%;
  margin: 0 1.5% 20px 1.5%;
  padding: 10px 10px 0 10px;
  border: 1px solid #eeeeee;
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
}
.xypg-product-list li:nth-of-type(3n) {
    margin-right: 0;
}
.xypg-product-list li .img {
  display: block;
}

.xypg-product-list li h3 a {
  display: block;
  text-align: center;
  font-size: 14px;
  color: #5a5a5a;
  line-height: 1.6;
  padding: .8em 0;
}

.xypg-product-list li:hover {
  border-color: #005197;
}

.xypg-product-list .no-result {
  margin: 0 1.5%;
  font-size: 14px;
}

.xypg-case-list {
  margin: 0 -1%;
  font-size: 0;
}

.xypg-case-list li {
  display: inline-block;
  vertical-align: bottom;
  width: 31.333%;
  margin: 0 1% 10px 1%;
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
}

.xypg-case-list li .img {
  display: block;
}

.xypg-case-list li h3 a {
  display: block;
  text-align: center;
  font-size: 14px;
  color: #5a5a5a;
  line-height: 1.6;
  padding: .8em 0;
}

.xypg-case-list li:hover h3 a {
  color: #005197;
}

/* 内页新闻列表 */
.xypg-news-list li {
  border: 1px solid #e1e1e1;
  padding: 30px;
  background: #fff;
  margin-bottom: 35px;
  -webkit-transition: all .5s;
  transition: all .5s;
}

.xypg-news-list li .tit {
  border-bottom: 1px solid #cbcbcb;
  margin-bottom: 15px;
  position: relative;
}

.xypg-news-list li .tit h3 {
  padding-bottom: 15px;
  font-size: 18px;
  color: #565656;
  font-weight: normal;
  padding-right: 25%;
  margin: 0;
}

.xypg-news-list li .tit .date {
  position: absolute;
  right: 0;
  top: 0;
  font-size: 14px;
  color: #666666;
}

.xypg-news-list li .info {
  font-size: 14px;
  line-height: 2;
  color: #999999;
}

.xypg-news-list li .more {
  margin-top: 15px;
}

.xypg-news-list li .more span {
  display: inline-block;
  width: 130px;
  line-height: 33px;
  text-align: center;
  font-size: 14px;
  color: #666666;
  border: 1px solid #e1e1e1;
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
}

.xypg-news-list li:hover {
  -webkit-box-shadow: 0px 2px 13px 1px rgba(8, 1, 3, 0.18);
          box-shadow: 0px 2px 13px 1px rgba(8, 1, 3, 0.18);
}

.xypg-news-list li:hover .tit h3 {
  color: #292e39;
}

.xypg-news-list li:hover .more span {
  color: #fff;
  background-color: #005197;
}

@media (max-width: 990px) {
  .xypg-news-list li .tit {
    border-bottom: none;
  }
  .xypg-news-list li .tit h3 {
    padding-right: 0;
    padding-bottom: 10px;
  }
  .xypg-news-list li .tit .date {
    position: static;
    border-bottom: 1px solid #cbcbcb;
    padding-bottom: 5px;
    color: #999;
  }
}

.xypg-album-cate {
  margin: 0 -1%;
}

.xypg-album-cate li {
  float: left;
  width: 31.33333%;
  margin: 0 1% 20px 1%;
  border: 1px solid #eaeaea;
  padding: 10px;
}

.xypg-album-cate li .album-img {
  margin-bottom: 15px;
}

.xypg-album-cate li .album-img img {
  width: 100%;
}

.xypg-album-cate li .album-title {
  text-align: center;
  font-size: 15px;
  color: #666666;
  margin-bottom: 5px;
}

.xypg-album-cate li .album-num {
  font-size: 16px;
  color: #333333;
  text-align: center;
}

.xypg-album-cate li .album-num span {
  display: inline-block;
  margin-right: 5px;
}

@media (max-width: 768px) {
  .xypg-album-cate li {
    width: 48%;
  }
}

@media (max-width: 420px) {
  .xypg-album-cate {
    margin: 0;
  }
  .xypg-album-cate li {
    width: 100%;
    margin: 0 0 20px 0;
  }
}

.xypg-album-list {
  margin: 0 -1%;
}

.xypg-album-list li {
  float: left;
  width: 31.33333%;
  margin: 0 1% 20px 1%;
  position: relative;
}

.xypg-album-list li .img {
  display: block;
  overflow: hidden;
}

.xypg-album-list li .img img {
  width: 100%;
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
}

.xypg-album-list li h3 {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9;
  background: rgba(0, 0, 0, 0.5);
  text-align: center;
  color: #fff;
  line-height: 40px;
  font-weight: normal;
  font-size: 16px;
}

.xypg-album-list li:hover .img img {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}

@media (max-width: 768px) {
  .xypg-album-list li {
    width: 48%;
  }
}

@media (max-width: 420px) {
  .xypg-album-list {
    margin: 0;
  }
  .xypg-album-list li {
    width: 100%;
    margin: 0 0 20px 0;
  }
}

.xypg-album-list.xypg-getkey-list li {
  width: 18%;
}

@media (max-width: 1200px) {
  .xypg-album-list.xypg-getkey-list li {
    width: 31.3333%;
  }
}

@media (max-width: 768px) {
  .xypg-album-list.xypg-getkey-list li {
    width: 48%;
  }
}

@media (max-width: 420px) {
  .xypg-album-list.xypg-getkey-list {
    margin: 0;
  }
  .xypg-album-list.xypg-getkey-list li {
    width: 100%;
    margin: 0 0 20px 0;
  }
}

/* 下载列表页 */
.xypg-download-list .download-title {
  line-height: 60px;
  background: #d9d9d9;
  font-size: 18px;
  color: #333333;
}

.xypg-download-list .download-title span {
  display: block;
  float: left;
  text-align: center;
  width: 19%;
}

.xypg-download-list .download-title .file-name {
  width: 43%;
  text-align: left;
  padding-left: 5%;
}

.xypg-download-list .download-item {
  line-height: 50px;
}

.xypg-download-list .download-item .download-item-span {
  float: left;
  width: 19%;
  text-align: center;
  font-size: 14px;
  color: #555555;
}

.xypg-download-list .download-item .download-item-span.download-item-first {
  padding-left: 4%;
  width: 43%;
  text-align: left;
}

.xypg-download-list .download-item .download-item-span.download-item-iocn .iconfont {
  margin-right: 5px;
  font-size: 14px;
}

.xypg-download-list .download-item .download-item-span.download-item-iocn a {
  color: #292e39;
}

.xypg-download-list .download-item .download-item-span.download-item-iocn a:hover {
  text-decoration: underline;
}

.xypg-download-list .download-item:nth-child(odd) {
  background: #f3f3f3;
}

.xypg-download-list .download-item .mob-download-title {
  display: none;
}

@media (max-width: 768px) {
  .xypg-download-list .download-title {
    display: none;
  }
  .xypg-download-list .download-item {
    border: 1px solid #ebebeb;
    margin-bottom: 20px;
    background: #fff !important;
  }
  .xypg-download-list .download-item .download-item-span {
    float: none;
    width: 100%;
  }
  .xypg-download-list .download-item .download-item-span.download-item-first {
    padding-left: 0;
    width: 100%;
  }
  .xypg-download-list .download-item .download-item-span .mob-download-title {
    float: left;
    display: block;
    width: 130px;
    padding-left: 15px;
    text-align: left;
    font-weight: bold;
  }
  .xypg-download-list .download-item .download-item-span .download-item-con {
    float: right;
    width: calc(100% - 130px);
    text-align: right;
    padding-right: 20px;
  }
  .xypg-download-list .download-item .download-item-span + .download-item-span {
    border-top: 1px dashed #ebebeb;
  }
}

/* 下招聘列表页 */
.xypg-job-list .job-name {
  width: 32.5%;
  padding-left: 4%;
}

.xypg-job-list .job-xlyq {
  width: 32.5%;
  padding-left: 4%;
}

.xypg-job-list .job-number {
  width: 20%;
  text-align: center;
}

.xypg-job-list .job-more {
  width: 15%;
  text-align: center;
}

.xypg-job-list .job-title {
  line-height: 60px;
  background: #292e39;
  font-size: 18px;
  color: #fff;
}

.xypg-job-list .job-title span {
  display: block;
  float: left;
  font-weight: bold;
}

.xypg-job-list .job-item {
  margin-top: 20px;
  line-height: 60px;
  background: #f8f8f8;
}

.xypg-job-list .job-item .job-item-span {
  float: left;
  font-size: 16px;
  color: #333333;
  min-height: 1px;
}

.xypg-job-list .job-item .job-item-span .job-item-con {
  display: block;
}

.xypg-job-list .job-item .job-more a {
  float: right;
  display: block;
  text-align: center;
  background: #000;
  width: 29px;
  height: 29px;
  margin: 15px 30px 0 0;
  background: #9c9c9c url(https://gcdn.myxypt.com/images/xypg-job-jt.png) center no-repeat;
  border-radius: 50%;
}

.xypg-job-list .job-item .job-more a:hover {
  background-color: #292e39;
}

.xypg-job-list .job-item .mob-job-title {
  display: none;
}

@media (max-width: 768px) {
  .xypg-job-list .job-title {
    display: none;
  }
  .xypg-job-list .job-item {
    border: 1px solid #ebebeb;
    margin-bottom: 20px;
    background: #fff !important;
    line-height: 50px;
  }
  .xypg-job-list .job-item .job-item-span {
    float: none;
    width: 100%;
    padding-left: 0;
    font-size: 14px;
  }
  .xypg-job-list .job-item .job-item-span .mob-job-title {
    float: left;
    display: block;
    width: 130px;
    padding-left: 15px;
    text-align: left;
    font-weight: bold;
  }
  .xypg-job-list .job-item .job-item-span .job-item-con {
    float: right;
    width: calc(100% - 130px);
    text-align: right;
    padding-right: 20px;
  }
  .xypg-job-list .job-item .job-more a {
    margin: 12px 0 0 0;
  }
  .xypg-job-list .job-item .job-item-span + .job-item-span {
    border-top: 1px dashed #ebebeb;
  }
}

@media (max-width: 768px) {
  .xypg-product-list li {
    width: 47%;
  }
  .xypg-case-list li {
    width: 48%;
  }
}

@media (max-width: 375px) {
  .xypg-product-list li {
    width: 97%;
  }
  .xypg-case-list li {
    width: 98%;
  }
}

/* 分页基本样式 */
.xypg-pagination {
  margin-top: 20px;
  text-align: center;
  font-size: 0;
}

.xypg-pagination .pagin-left,
.xypg-pagination .pagin-mid,
.xypg-pagination .pagin-right,
.xypg-pagination .pagin-select {
  display: inline-block;
  vertical-align: middle;
}

.xypg-pagination a,
.xypg-pagination #current {
  display: inline-block;
  font-size: 14px;
  color: #333333;
  font-family: "Microsoft YaHei",Arial;
  line-height: 26px;
  border: 1px solid #cbcbcb;
  margin: 0 5px;
  padding: 0 8px;
}

.xypg-pagination #current,
.xypg-pagination a:hover {
  color: #fff;
  border-color: #292e39;
  background: #292e39;
}

.xypg-pagination .pagin-mid {
  font-size: 14px;
}

.xypg-pagination .pagin-mid .mob-pagin-mid {
  display: none;
}

.xypg-pagination .pagin-select {
  font-size: 14px;
}

.xypg-pagination .pagin-select select {
  height: 28px;
  padding: 0 8px;
  margin: -1px 5px 0 5px;
}

@media (max-width: 768px) {
  .xypg-pagination .pagin-mid .pc-pagin-mid {
    display: none;
  }
  .xypg-pagination .pagin-mid .mob-pagin-mid {
    display: block;
  }
  .xypg-pagination .pagin-mid .mob-pagin-mid span {
    display: inline-block;
    padding: 0 8px;
    line-height: 28px;
    font-size: 14px;
  }
  .xypg-pagination .pagin-select {
    display: none;
  }
}

/* 详细页分页样式 */
.paging_num {
  padding: 10px 0;
}

.paging_num a {
  padding: 0 7px;
  text-align: center;
  display: inline-block;
  border: 1px dashed #e0e1dc;
  color: #666;
  margin-right: 8px;
}

.paging_num a.paging_hover, .paging_num a:hover {
  border-color: #005197;
}

/*内页详情页面公用样式*/
.xypg-detail-title {
  font-size: 20px;
  color: #363636;
  font-weight: bold;
  margin-bottom: 10px;
  line-height: 1.7;
}

.xypg-detail-info-bar {
  font-size: 14px;
  font-family: Arial;
  color: #9e9e9e;
  line-height: 35px;
  border-bottom: 1px dashed #cfcfcf;
  margin-bottom: 20px;
}

.xypg-detail-info-bar .baidu-share {
  float: left;
  margin-left: 25px;
  margin-top: 7px;
}

.xypg-detail-info-bar .detail-info-time {
  float: left;
  margin-right: 20px;
  position: relative;
  padding-left: 25px;
}

.xypg-detail-info-bar .detail-info-time i {
  position: absolute;
  width: 20px;
  height: 20px;
  top: calc(50% - 10px);
  left: 0;
}

.xypg-detail-info-bar .detail-info-time i:after {
  opacity: .5;
  background-position: 0 -360px;
}

.xypg-detail-info-bar .detail-info-numbers {
  float: left;
  position: relative;
  padding-left: 25px;
}

.xypg-detail-info-bar .detail-info-numbers i {
  position: absolute;
  width: 20px;
  height: 20px;
  top: calc(50% - 10px);
  left: 0;
}

.xypg-detail-info-bar .detail-info-numbers i:after {
  opacity: .5;
  background-position: 0 -330px;
}

.xypg-detail-info-bar .xypg-file-down {
  float: right;
  position: relative;
}

.xypg-detail-info-bar .xypg-file-down .file-down-title {
  cursor: pointer;
  position: relative;
  padding-left: 25px;
}

.xypg-detail-info-bar .xypg-file-down .file-down-title i {
  position: absolute;
  width: 20px;
  height: 20px;
  top: calc(50% - 10px);
  left: 0;
}

.xypg-detail-info-bar .xypg-file-down .file-down-title i:after {
  background-position: 0 -630px;
}

.xypg-detail-info-bar .xypg-file-down .file-down-title:hover {
  color: #292e39;
}

.xypg-detail-info-bar .xypg-file-down .file-down-list {
  position: absolute;
  z-index: 9999;
  width: 250%;
  right: 0;
  background: #fff;
  display: none;
}

.xypg-detail-info-bar .xypg-file-down .file-down-list li {
  padding: 10px 0;
  border-top: 1px dashed #cfcfcf;
}

.xypg-detail-info-bar .xypg-file-down .file-down-list li .icon {
  float: left;
  font-size: 40px;
  line-height: 40px;
  margin-right: 5px;
  height: 40px;
}

.xypg-detail-info-bar .xypg-file-down .file-down-list li .list-con {
  overflow: hidden;
  line-height: 1;
}

.xypg-detail-info-bar .xypg-file-down .file-down-list li .list-con p {
  font-size: 12px;
  margin-bottom: 0;
  line-height: 20px;
}

.xypg-detail-info-bar .xypg-file-down .file-down-list li .list-con a {
  font-size: 12px;
}

.xypg-detail-info-bar .xypg-file-down .file-down-list li .list-con a:hover {
  color: #292e39;
}

.xypg-detail-con-title {
  margin: 20px 0 10px 0;
}

.xypg-detail-con-title span {
  display: inline-block;
  font-size: 18px;
  color: #292e39;
}

.xypg-detail-con {
  font-size: 14px;
  color: #333;
  line-height: 1.7;
}

.xypg-detail-con img,
.xypg-detail-con p img {
  width: auto !important;
  max-width: 100%;
  height: auto !important;
}

.xypg-detail-tags {
  margin-top: 40px;
}

.xypg-detail-tags .tags-title {
  border-bottom: 1px solid #c3c3c3;
  position: relative;
}

.xypg-detail-tags .tags-title h3 {
  display: inline-block;
  padding: 0 30px;
  font-size: 16px;
  color: #292e39;
  line-height: 40px;
  border-bottom: 3px solid #005197;
  margin-bottom: -1px;
}

.xypg-detail-tags .tags-title .baidu-share {
  position: absolute;
  right: 0;
  top: 8px;
}

.xypg-detail-tags .tags-content {
  padding-top: 12px;
}

.xypg-detail-tags .tags-content a {
  font-size: 12px;
  color: #2f2f2f;
  display: inline-block;
  margin-right: 9px;
  background: #f4f4f4;
  line-height: 28px;
  padding: 0 15px;
}

.xypg-detail-tags .tags-content a:hover {
  color: #005197;
}

.xypg-detail-url {
  margin-top: 15px;
}

.xypg-detail-url a {
  word-break: break-all;
}

.xypg-detail-article p {
  margin: 10px 0 20px 0;
  line-height: 24px;
}

.xypg-detail-pn {
  margin-top: 30px;
}

.xypg-detail-pn div + div {
  margin-top: 15px;
}

.xypg-detail-pn div {
  line-height: 22px;
  padding: 10px;
  position: relative;
  border: 1px solid #eeeeee;
}

.xypg-detail-pn div b {
  font-size: 14px;
  color: #292e39;
  float: left;
  font-weight: normal;
}

.xypg-detail-pn div a {
  float: left;
  width: 75%;
  font-size: 14px;
  color: #666666;
}

.xypg-detail-pn div a:hover {
  color: #005197;
}

@media (max-width: 600px) {
  .xypg-detail-pn div a {
    width: 60%;
  }
}

@media (max-width: 600px) {
  .xypg-detail-pn div a {
    width: 50%;
  }
}

.xypg-detail-pn div span {
  position: absolute;
  right: 20px;
  top: 11px;
  font-size: 14px;
  color: #666666;
}

/*相关产品 和 相关新闻*/
.xypg-relate {
  margin-top: 45px;
}

.relate-title {
  border: 1px solid #eeeeee;
  font-size: 14px;
  line-height: 2.857;
  margin-bottom: 15px;
}

.relate-title span {
  display: inline-block;
  color: #005197;
  padding: 0 1.4em;
  border-right: 1px solid #eeeeee;
}

.relate-product-slick {
  position: relative;
}

.relate-product-slick .owl-item {
  display: block;
  font-size: 0;
}

.relate-product-slick .owl-item .img {
  display: block;
  margin-bottom: 8px;
}

.relate-product-slick .owl-item p {
  margin-bottom: 0;
  padding: .5em 0;
  font-size: 12px;
  color: #292e39;
  text-align: center;
}

.relate-product-slick .owl-item:hover p {
  color: #005197;
}

.relate-product-slick .owl-nav button.owl-prev,
.relate-product-slick .owl-nav button.owl-next {
  width: 25px;
  height: 35px;
  color: #fff;
  font-size: 20px;
  margin-top: -17.5px;
  line-height: 35px;
}

.relate-product-slick .owl-nav button.owl-prev span,
.relate-product-slick .owl-nav button.owl-next span {
  display: inline;
}

.xypg-relate .relate-news {
  margin-top: 45px;
}

.relate-news-list li {
  float: left;
  width: 48%;
  position: relative;
  line-height: 2.143;
  font-size: 14px;
  color: #292e39;
}

.relate-news-list li:nth-child(even) {
  float: right;
}

.relate-news-list li a {
  display: block;
  padding-right: 125px;
  color: #666666;
}

.relate-news-list li a:before {
  content: '+';
  font-weight: bold;
  font-size: 16px;
  line-height: 1;
  margin-right: 5px;
}

.relate-news-list li span {
  position: absolute;
  right: 0;
  top: 2.5px;
  width: 125px;
  text-align: right;
  font-size: 12px;
  color: #666666;
}

.relate-news-list li:hover a {
  color: #005197;
}

.relate-news-list li:hover a:before {
  color: #005197;
}

.relate-news-list li:hover span {
  color: #005197;
}

@media (max-width: 990px) {
  .xypg-relate {
    display: none;
  }
}

/*新闻详情页*/
/*案例基本详情页*/
.xypg-case-detail .main-img {
  text-align: center;
}

.xypg-case-detail .main-img img {
  max-width: 100%;
}

/* 招聘详情页面 */
.xypg-jod-detail .job-detail-title {
  font-size: 16px;
  color: #ffffff;
  background: #292e39;
  line-height: 60px;
  padding-left: 25px;
}

.xypg-jod-detail .job-detail-con {
  background: #f8f8f8;
  padding: 25px;
}

.xypg-jod-detail .job-detail-small-title {
  font-size: 16px;
  color: #292e39;
  margin-bottom: 10px;
}

.xypg-jod-detail .job-detail-con-box {
  font-size: 14px;
  color: #666666;
  margin-bottom: 20px;
}

.xypg-jod-detail .job-detail-btn a {
  display: inline-block;
  font-size: 14px;
  color: #ffffff;
  background: #666666;
  width: 200px;
  line-height: 50px;
  text-align: center;
  border-radius: 5px;
}

.xypg-jod-detail .job-detail-btn a:hover {
  background: #292e39;
}

/* 简历提交表格 */
.job-detail-form .form-title {
  border-bottom: 1px solid #ccc;
  font-size: 20px;
  line-height: 2.5;
}

.job-detail-form .form-info {
  line-height: 2;
  margin: 10px 0;
}

.job-detail-form .form-info span {
  color: red;
}

.job-detail-form .red-star {
  color: red;
}

.job-detail-form textarea {
  resize: none;
}

.job-detail-form #checkcode {
  display: inline-block;
  width: 30%;
}

.job-detail-form #checkCodeImg {
  vertical-align: top;
  margin-left: 10px;
}

.job-detail-form #change_code {
  line-height: 34px;
  padding: 0 10px;
  color: #292e39;
}

.job-detail-form .form-small-tit {
  line-height: 2;
  font-size: 16px;
  border-bottom: 1px solid #ccc;
  margin-bottom: 15px;
}

.job-detail-form .form-prompt {
  font-size: 12px;
  margin-bottom: 15px;
  color: #999;
}

/* 在线留言页面 */
#message-form {
  font-size: 0;
}

#message-form .red-star {
  color: red;
}

#message-form label {
  font-size: 14px;
}

#message-form textarea {
  resize: none;
}

#message-form #checkcode {
  display: inline-block;
  width: 30%;
}

#message-form #checkCodeImg {
  vertical-align: top;
  margin-left: 10px;
}

#message-form #change_code {
  line-height: 34px;
  padding: 0 10px;
  color: #292e39;
  font-size: 14px;
}

#message-form .error-info {
  padding-top: 4px;
  display: inline-block;
  vertical-align: top;
  position: absolute;
}

#job-detail-form .error-info {
  padding-top: 4px;
  display: inline-block;
  vertical-align: top;
  position: absolute;
}

@media (max-width: 768px) {
  #message-form .form-group {
    margin-bottom: 25px;
  }
  #message-form .error-info {
    display: block;
    padding-top: 0;
    float: none !important;
    padding-left: 10px;
  }
  #message-form #change_code + .error-info {
    padding-left: 0px;
    margin-left: -7px;
  }
  #job-detail-form .error-info {
    display: block;
    padding-top: 0;
    float: none !important;
    padding-left: 10px;
  }
  #job-detail-form #change_code + .error-info {
    padding-left: 0px;
    margin-left: -7px;
  }
}

#message-form.n-default .msg-wrap {
  position: static;
}

#job-detail-form.n-default .msg-wrap {
  position: static;
}

/* 下载详情页面 */
.xypg-download-list.xypg-download-detail-list .download-title {
  background: #f3f3f3;
}

.xypg-download-list.xypg-download-detail-list .download-title .file-name {
  width: 35%;
}

.xypg-download-list.xypg-download-detail-list .download-title span {
  width: 16.25%;
}

.xypg-download-list.xypg-download-detail-list .download-item .download-item-span {
  width: 16.25%;
}

.xypg-download-list.xypg-download-detail-list .download-item .download-item-span.download-item-first {
  width: 35%;
}

@media (max-width: 768px) {
  .xypg-download-list.xypg-download-detail-list .download-item .download-item-span {
    width: 100%;
  }
  .xypg-download-list.xypg-download-detail-list .download-item .download-item-span.download-item-first {
    width: 100%;
  }
}

/* 搜索结果页面样式 */
.xypg-search-result .search-tag {
  margin-bottom: 20px;
  border: 1px solid #efefef;
  border-radius: 5px;
  overflow: hidden;
}

.xypg-search-result .search-tag a {
  display: inline-block;
  vertical-align: middle;
  line-height: 40px;
  padding: 0 30px;
  font-size: 16px;
  color: #333;
}

.xypg-search-result .search-tag a:hover, .xypg-search-result .search-tag a.on {
  color: #005197;
}

.xypg-search-result-box {
  margin-bottom: 20px;
}

.xypg-search-result-box .xypg-search-title {
  border-left: 3px solid #292e39;
  padding-left: 15px;
  font-size: 18px;
  line-height: 35px;
  margin-bottom: 15px;
  font-weight: bold;
}

/* 详情页面下载列表样式 */
.xypg-detail-file-dwon li {
  padding: 10px 0;
  border-bottom: 1px dashed #cfcfcf;
  width: 50%;
  float: left;
}

.xypg-detail-file-dwon li .file-icon {
  float: left;
  height: 40px;
  width: 50px;
  margin-right: 5px;
  background-repeat: no-repeat;
}

.xypg-detail-file-dwon li .file_txt {
  background-position: -180px -60px;
}

.xypg-detail-file-dwon li .file_zip {
  background-position: 0 0;
}

.xypg-detail-file-dwon li .file_gif {
  background-position: -60px 0;
}

.xypg-detail-file-dwon li .file_doc {
  background-position: -120px 0;
}

.xypg-detail-file-dwon li .file_jpg {
  background-position: -180px 0;
}

.xypg-detail-file-dwon li .file_xls {
  background-position: -240px 0;
}

.xypg-detail-file-dwon li .file_rar {
  background-position: 0 -60px;
}

.xypg-detail-file-dwon li .file_png {
  background-position: -60px -60px;
}

.xypg-detail-file-dwon li .file_pdf {
  background-position: -120px -60px;
}

.xypg-detail-file-dwon li .list-con {
  overflow: hidden;
  line-height: 1;
}

.xypg-detail-file-dwon li .list-con p {
  font-size: 12px;
  margin-bottom: 0;
  line-height: 20px;
}

.xypg-detail-file-dwon li .list-con a {
  font-size: 12px;
}

.xypg-detail-file-dwon li .list-con a:hover {
  color: #005197;
}

/* 自动发布 */
.xypg-detail-article .article-img {
  text-align: center;
  margin: 5px 0;
}

.xypg-detail-article .article-img img {
  border: 1px solid #efefef;
  padding: 1px;
  max-width: 100%;
  height: auto !important;
}

.page-product-detail-effect {
  float: left;
  width: 42.61%;
}

.page-product-detail-effect .big-img {
  border: 1px solid #eee;
}

.page-product-detail-effect .big-img a {
  display: block;
  text-align: center;
  width: 100%;
  height: 390px;
  font-size: 0;
}

.page-product-detail-effect .big-img a img {
  max-width: 100%;
  max-height: 100%;
  display: inline-block;
  vertical-align: middle;
}

.page-product-detail-effect .big-img a:after {
  content: '';
  height: 100%;
  display: inline-block;
  vertical-align: middle;
}

.page-product-detail-right {
  width: 50%;
  float: right;
}

.page-product-detail-right > h1 {
  font-size: 22px;
  color: #0d0d0d;
  margin-bottom: 20px;
}

.product-detail-item li {
  font-size: 14px;
  line-height: 30px;
  color: #777272;
}

.product-detail-slick {
  position: relative;
  margin-top: 20px;
}

.product-detail-slick a.slick-item {
  display: block;
  text-align: center;
  width: 100%;
  height: 95px;
  font-size: 0;
  border: 1px solid #eee;
  position: relative;
}

.product-detail-slick a.slick-item img {
  max-width: 100%;
  max-height: 100%;
  display: inline-block;
  vertical-align: middle;
}

.product-detail-slick a.slick-item:after {
  content: '';
  height: 100%;
  display: inline-block;
  vertical-align: middle;
}

.product-detail-slick a.slick-item.active {
  border-color: #005197;
}

.product-detail-slick .owl-nav button {
  position: absolute;
  width: 27px;
  height: 27px;
  background: rgba(37, 37, 37, 0.6) !important;
  border-radius: 50%;
  text-align: center;
  line-height: 27px;
  top: 50%;
  margin-top: -13.5px;
  z-index: 9;
  cursor: pointer;
  opacity: 0;
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
  outline: none;
  border: none;
}

.product-detail-slick .owl-nav button .icon-font {
  width: 100%;
  height: 100%;
  display: block;
}

.product-detail-slick .owl-nav button .icon-left-arrow:after {
  background-position: 1px -509px;
}

.product-detail-slick .owl-nav button .icon-right-arrow:after {
  background-position: -27px -240px;
}

.product-detail-slick .owl-prev {
  left: 0;
}

.product-detail-slick .owl-prev:after {
  background-position: 0 0;
}

.product-detail-slick .owl-next {
  right: 0;
}

.product-detail-slick:hover .owl-nav button {
  opacity: 1;
}

.page-product-inquiry {
  margin-top: 30px;
}

.page-product-inquiry a {
  font-size: 16px;
  color: #ffffff;
  display: inline-block;
  background: #005197;
  padding: .5em 1.875em;
  border-radius: 2em;
}

.page-product-inquiry a:hover {
  opacity: .8;
}

@media (max-width: 990px) {
  .page-product-detail-effect {
    float: none;
    width: 100%;
    margin-bottom: 20px;
  }
  .page-product-detail-right {
    width: 100%;
    float: none;
  }
}

@media (max-width: 640px) {
  .product-detail-slick .slick-item {
    height: 65px;
  }
  .page-product-inquiry a {
    font-size: 12px;
  }
  .page-product-detail-right > h1 {
    font-size: 16px;
    margin-bottom: 15px;
  }
}

.product-detail-tab {
  margin-top: 50px;
}

.product-detail-tab .product-detail-tabli {
  border: 1px solid #eee;
  height: 40px;
  line-height: 38px;
}

.product-detail-tab .product-detail-tabli li {
  float: left;
  width: 20%;
  text-align: center;
  font-size: 14px;
  color: #005197;
  cursor: pointer;
  border-right: 1px solid #eee;
}

.product-detail-tab .product-detail-tabli li.on, .product-detail-tab .product-detail-tabli li:visited, .product-detail-tab .product-detail-tabli li:active {
  color: #005197;
  position: relative;
}

.product-detail-tab .product-detail-tabli li.on:before, .product-detail-tab .product-detail-tabli li:visited:before, .product-detail-tab .product-detail-tabli li:active:before {
  content: '';
  position: absolute;
  left: -1px;
  right: -1px;
  bottom: -1px;
  top: -1px;
  border: 1px solid #005197;
}

.product-detail-tab .product-detail-tabcon {
  padding: 15px 0;
}

.product-detail-tab .product-detail-tabcon img,
.product-detail-tab .product-detail-tabcon p img {
  max-width: 100%;
  height: auto !important;
  width: auto !important;
}

@media (max-width: 768px) {
  .product-detail-tab .product-detail-tabli {
    height: 35px;
  }
  .product-detail-tab .product-detail-tabli li {
    font-size: 13px;
    line-height: 33px;
  }
}

@media (max-width: 420px) {
  .product-detail-tab .product-detail-tabli {
    height: 30px;
  }
  .product-detail-tab .product-detail-tabli li {
    font-size: 12px;
    line-height: 28px;
  }
}

/**
 * EasyZoom core styles
 */
.easyzoom {
  position: relative;
  /* 'Shrink-wrap' the element */
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

.easyzoom img {
  vertical-align: bottom;
}

.easyzoom.is-loading img {
  cursor: progress;
}

.easyzoom.is-ready img {
  cursor: crosshair;
}

.easyzoom.is-error img {
  cursor: not-allowed;
}

.easyzoom-notice {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 150;
  width: 10em;
  margin: -1em 0 0 -5em;
  line-height: 2em;
  text-align: center;
  background: #FFF;
  -webkit-box-shadow: 0 0 10px #888;
          box-shadow: 0 0 10px #888;
}

.easyzoom-flyout {
  position: absolute;
  z-index: 100;
  overflow: hidden;
  background: #FFF;
}

/**
 * EasyZoom layout variations
 */
.easyzoom--overlay .easyzoom-flyout {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.easyzoom--adjacent .easyzoom-flyout {
  top: 0;
  left: 100%;
  width: 100%;
  height: 100%;
  margin-left: 20px;
}

/* 站点地图样式 */
.xypg-sitemap .map_title {
  line-height: 40px;
  background-color: #f5f8fa;
  border: 1px solid #d6dbe1;
  text-indent: 20px;
  color: #666;
  border-bottom: 2px solid #ccc;
  font-size: 16px;
}

.xypg-sitemap .map_list {
  line-height: 30px;
  padding: 0 5px;
  margin-top: 8px;
  margin-bottom: 8px;
}

.xypg-sitemap .map_list a {
  padding: 4px;
  white-space: nowrap;
  font-size: 14px;
  color: #666;
}

.xypg-sitemap .map_list a:hover {
  text-decoration: none;
  color: #3b639f;
  padding: 4px;
}

.xypg-sitemap .map_list .layer1 {
  margin-bottom: 10px;
}

.xypg-sitemap .map_list h3 {
  border-bottom: 1px dashed #ccc;
  margin-bottom: 10px;
  line-height: 36px;
}

.xypg-sitemap .map_list h3 a {
  font-weight: normal;
}

.xypg-sitemap .map_list .layer2 a {
  color: #999;
}

.xypg-sitemap .map_list .layer2 a:hover {
  text-decoration: none;
  color: #3b639f;
}

/* 产品封面 */
.cover-item {
  margin-bottom: 20px;
  border-bottom: 3px double #ccc;
}

.cover-item a {
  display: block;
}

.cover-item .img {
  float: left;
  border: 1px solid #ddd;
  padding: 1px;
}

.cover-item .img img {
  width: 100%;
}

.cover-item .item-first {
  margin-bottom: 20px;
  position: relative;
}

.cover-item .item-first .img {
  width: 30%;
  margin-right: 20px;
}

.cover-item .item-first .wz {
  overflow: hidden;
}

.cover-item .item-first .wz h3 {
  font-size: 18px;
  color: #333;
  line-height: 2;
}

.cover-item .item-first .wz .info {
  font-size: 14px;
  line-height: 1.7;
  color: #666;
}

.cover-item .item-first .wz .more {
  width: 100px;
  line-height: 30px;
  color: #fff;
  background: #666666;
  font-size: 14px;
  text-align: center;
  position: absolute;
  right: 0;
  bottom: 0;
}

.cover-item .item-list a {
  margin-bottom: 10px;
}

.cover-item .item-list .img {
  float: none;
}

.cover-item .item-list h4 {
  font-size: 14px;
  color: #333;
  line-height: 30px;
  text-align: center;
}

@media (max-width: 768px) {
  .cover-item .item-first .img {
    margin-bottom: 10px;
    text-align: center;
    float: none;
    width: 100%;
  }
  .cover-item .item-first .wz .more {
    position: static;
    margin-top: 10px;
    display: block;
  }
}

/* 二级封面 */
.sort_a {
  overflow: hidden;
}

.sort_a .layer1 {
  padding: 15px 0px;
  border-bottom: 1px dashed #a7b8d4;
  position: relative;
  z-index: 1;
}

.sort_a .layer1 .img {
  float: left;
  padding: 5px;
  border: 1px solid #dddddd;
}

.sort_a .layer1 .img img {
  width: 191px;
  height: 153px;
}

.sort_a .layer1 .img_right {
  width: 560px;
  float: right;
}

.sort_a .layer1 .img_right h3 {
  font: bold 14px/36px "Microsoft YaHei";
}

.sort_a .layer1 .img_right span {
  line-height: 25px;
  display: block;
}

.sort_a .layer1 .pro_more {
  position: absolute;
  right: 0px;
  bottom: 15px;
  width: 110px;
  padding-left: 10px;
  height: 28px;
  line-height: 28px;
  background: #666666;
  color: #fff;
  font: bold 24px/24px "Microsoft YaHei";
}

.sort_a .layer1 .pro_more span {
  float: left;
}

.sort_a .layer1 .pro_more a {
  font: normal 12px/28px "Microsoft YaHei";
  color: #fff;
  padding-right: 15px;
  display: inline-block;
}

.sort_a .layer1 .pro_more a:hover {
  text-decoration: none;
  color: #faf104;
}

.sort_a .abb_product {
  padding-top: 15px;
  border: 1px dashed #a7b8d4;
  border-top: none;
}

.productcates {
  padding-top: 10px;
}

.catemore {
  color: #0080d9;
  margin-top: 6px;
  overflow: hidden;
  position: relative;
}

.catemore h2 {
  width: 360px;
  float: left;
  font: bold 15px/36px "Microsoft YaHei";
}

.catemore a {
  float: right;
  font: normal 14px/36px "Microsoft YaHei";
  color: #444444;
  padding-right: 28px;
}

.catemore a:hover {
  text-decoration: none;
  color: #0080d9;
}

.product-comment-list {
  position: relative;
  overflow: hidden;
}

#commentList li {
  padding: 10px 10px 20px;
  margin-bottom: 15px;
  border-bottom: 1px solid #ddd;
  overflow: hidden;
}

.user-column {
  width: 100px;
  float: left;
}

.user-column img {
  height: 50px;
  max-width: 50px;
  border-radius: 50%;
}

.user-name {
  color: #333;
  padding-top: 5px;
  display: block;
}

.comment-content {
  margin-left: 120px;
  overflow: hidden;
  position: relative;
}

.comment-stars i {
  width: 18px;
  height: 18px;
  vertical-align: middle;
  background: url(https://gcdn.myxypt.com/images/star-h.png) center no-repeat;
  display: none;
}

.comment-stars i.shows {
  display: inline-block;
}

.comment-stars span {
  position: absolute;
  right: 0;
  top: 5px;
  color: #999;
}

.comment-text {
  padding: 5px 0;
  line-height: 22px;
}

.comment-recovery {
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px dashed #ddd;
  line-height: 22px;
  color: #888;
}

.comment-recovery span {
  color: #f90;
}

.no-content-icon {
  text-align: center;
  line-height: 50px;
  padding-top: 40px;
  color: #999;
}

.no-content-icon .iconfont {
  font-size: 60px;
}

/* 商品评论页面分页样式 */
.holder {
  margin: 15px 0;
  text-align: center;
}

.holder a {
  cursor: pointer;
  margin: 0 5px;
  display: inline-block;
  padding: 3px 12px;
  border: 1px solid #efefef;
  font-size: 12px;
  color: #333;
}

.holder a:hover {
  background-color: #222;
  color: #fff;
}

.holder a.jp-previous {
  margin-right: 15px;
}

.holder a.jp-next {
  margin-left: 15px;
}

.holder a.jp-current {
  color: #FF4242;
  font-weight: bold;
}

a.jp-current:hover {
  color: #FF4242;
  font-weight: bold;
}

.holder a.jp-disabled, a.jp-disabled:hover {
  color: #bbb;
}

.holder a.jp-current, a.jp-current:hover, .holder a.jp-disabled, a.jp-disabled:hover {
  cursor: default;
  background: none;
}

.holder span {
  margin: 0 5px;
}

/* 网站标签页面样式 */
.tagdescription {
  border: 1px solid #ccc;
  padding: 10px;
  font-size: 14px;
  line-height: 1.7;
  background: #efefef;
  margin-bottom: 20px;
  margin-top: 15px;
}

.tag-all a {
  background-color: #f2f2f2;
  color: #666;
  padding: 5px 8px;
  text-decoration: none;
  margin-right: 5px;
  margin-bottom: 10px;
  display: inline-block;
}

.tag-all a:hover {
  background-color: #ddd;
}

.tag-menu {
  border: 1px solid #efefef;
  border-radius: 5px;
  overflow: hidden;
}

.tag-menu li {
  list-style-type: none;
  text-align: center;
  line-height: 40px;
  padding: 0 20px;
  float: left;
}

.tag-menu li a {
  color: #666;
  font-size: 16px;
}

.tag-menu li a:hover {
  color: #005197;
}

.tag-menu li.active a {
  color: #005197;
}

.tag-notice {
  line-height: 40px;
  padding: 0 10px;
  margin-top: 10px;
}

.tag-item {
  padding: 15px 0;
  font-size: 14px;
  border-bottom: 1px solid #d6dbe1;
  margin-top: 10px;
  color: #666;
}

.tag-item span {
  color: #292e39;
}

.tag-category {
  margin-bottom: 20px;
}

.tag-category span {
  font-size: 16px;
  color: #000;
  display: inline-block;
}

.tag-category a {
  display: inline-block;
  line-height: 25px;
  padding: 0 15px;
  border: 1px solid #e1e1e1;
  border-radius: 5px;
  color: #333;
  margin-right: 10px;
}

.tag-category a:hover {
  background: #292e39;
  color: #fff;
}

.tag-list-product li {
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid #ccc;
}

.tag-list-product li:last-child {
  padding-bottom: 0;
  border-bottom: 0;
}

.tag-list-product .tag-img {
  width: 220px;
  float: left;
  margin-right: 20px;
}

.tag-list-product .tag-img .img {
  display: block;
  border: 1px solid #e1e1e1;
}

.tag-list-product .tag-img .img img {
  width: 100%;
}

.tag-list-product .tag-wz {
  overflow: hidden;
}

.tag-list-product .tag-wz h1 {
  font-size: 16px;
  line-height: 30px;
  font-weight: bold;
  margin-bottom: 5px;
}

.tag-list-product .tag-wz h1 a {
  color: #000;
}

.tag-list-product .tag-wz .tab-fenli p {
  width: 50%;
  float: left;
  font-size: 14px;
  color: #333;
  margin-bottom: 0;
}

.tag-list-product .tag-wz .tab-fenli .tag a {
  padding: 0 5px;
}

.tag-list-product .tag-wz .desp {
  font-size: 12px;
  line-height: 2;
  height: 48px;
  overflow: hidden;
  color: #666;
  margin: 5px 0;
}

@media (max-width: 768px) {
  .tag-list-product .tag-img {
    width: 100%;
    float: none;
    text-align: center;
    margin-bottom: 10px;
  }
  .tag-list-product .tag-img .img img {
    width: auto;
    max-width: 100%;
  }
  .tag-list-product .tag-wz .tab-fenli p {
    width: 100%;
    float: none;
  }
}

.xytag-title {
  font-size: 18px;
  border-bottom: 1px solid #ccc;
  line-height: 40px;
  margin-bottom: 10px;
}

.xytag-recom-product ul {
  margin: 0 -1%;
}

.xytag-recom-product li {
  float: left;
  position: relative;
  width: 18%;
  margin: 0 1%;
  overflow: hidden;
}

.xytag-recom-product li img {
  width: 100%;
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
}

.xytag-recom-product li .zz-bg {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.5);
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
  opacity: 0;
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
}

.xytag-recom-product li .zz-bg h2 {
  position: absolute;
  z-index: 9;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  width: 100%;
  text-align: center;
  font-size: 16px;
  line-height: 30px;
  color: #fff;
  height: 30px;
  margin: auto;
}

.xytag-recom-product li:hover img {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}

.xytag-recom-product li:hover .zz-bg {
  -webkit-transform: translateY(0);
          transform: translateY(0);
  opacity: 1;
}

.input-box {
  position: relative;
}

.input-box .placeholder {
  position: absolute;
  z-index: 10;
  color: #999;
  top: 10px;
  font-size: 14px;
}

#message-form .input-box .placeholder,
#job-detail-form .input-box .placeholder {
  top: 8px;
}

.x-header-right .input-box .placeholder {
  top: 5px;
  left: 50px !important;
}

.code-group .input-box {
  float: left;
  width: 32.29813665%;
}

.code-group .input-box #checkcode {
  float: none;
  width: 100%;
}





.fleex {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.w1200{
  max-width: 1230px;
  margin: 0 auto;
  padding: 0 -15px;
}
.flex{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.com-img{ overflow:hidden;margin:0 auto;display: table;}
.com-img img{ transition:all 0.8s; -webkit-transition:all 0.8s; -moz-transition:all 0.8s; -o-transition:all 0.8s;}
.com-img:hover img{transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1);-ms-transform:scale(1.1);}

.x-top{
  background: #121F44;
  font-size: 14px;
  height: 58px;
  line-height: 58px;
  color: #fff;
}

.hyz{
  color: #fff;
}
.hyr a{
  color: #fff;
}

.x-top2{
  height: 80px;
  line-height: 80px;
}

.x-top2 .dlogo{
  height: 80px;
  line-height: 80px;
}
.x-top2  .nnav{
  width: 70%;
}

.so img{
 max-width: 56%;
}

.ss {
  display: none;
  position: absolute;
  right: 0;
  top: 80px;
  width: 238px;
  padding: 20px;
  border-radius: 20px;
  z-index: 999;
  background: rgb(255,179,0, 0.5);
}

.ss input {
  outline: none;
  line-height: 30px;
  width: 20%;
  background: none;
  border: 1px solid #fff;
  background: #fff;
  font-size: 13px;
  color: #1c4086;
  float: left;
}

.ss #keyword {
  padding-left: 5px;
  line-height: 30px;
  width: 80%;
  background: none;
  border: 1px solid #fff;
  outline: none;
  font-size: 13px;
  color: #fff;
  float: left;
}

.ss #keyword:-webkit-autofill {-webkit-text-fill-color: #fff !important;
  transition: background-color 5000s ease-in-out 0s;
}


.ss #keyword::placeholder {
  color: #fff;
}


.aboutz{
  width: 43%; 
}

.aboutz .about_content{
  font-size: 16px;
  font-weight: 100;
  line-height: 40px;
  color: #242526;
  margin-top: 3vw;
}

.aboutz .abouta{
  width: 138px;
  height: 50px;
  display: block;
  font-size: 18px;
  font-weight: 100;
  color: #FFFFFF;
  text-align: center;
  line-height: 50px;
  background-color: #FFB300;
  margin-top: 2vw;
}
.tybt{
  font-size: 2.1rem;
  position: relative;
}
.tybt:after{
  content: "";
  position: absolute;
  left: 0;
  bottom: -22px;
  width: 88px;
  height: 7px;
  background: #ffbb02;
}

.aboutr{
  width: 50%;
}
.aboutr img{
  width: 100%;
}

.c-product{
  background: #121e42 url(//cdn.myxypt.com/e4218f41/21/09/525a10d542076925b37eebd6ce08a2f44ebb2597.png) top center no-repeat;
    background-size: cover;
    padding: 6.04% 0;
}

.c-product .tybt{
  color: #fff;
}

.c-product-list{
margin-top: 4vw;
}
.c-product-list li{
  width: 32%;
  background-color: #fff;
  text-align: center;
  margin-bottom: 1.5vw;
  padding: 2vw 0;
}
.c-product-list li .img{
  margin-top: 10px;
}
.c-product-list li .img img{
  width: 100%;
} 

.c-product-list li h3{
  margin-top: 2vw;
  text-align: center;
  font-size: 18px;
  line-height: 28px;
  font-weight: normal;
  color: #121f44;
  white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.c-product-list li:hover h3{
 color: #FFB300;
}
.c-case{
  margin-top: 6vw;
}
.c-case-list{
  margin-top: 4vw;
}

.c-case-list li{
  width: 48%;
  background: #f3f2f7;
  margin-bottom: 2vw;
}


.c-case-list li .img{
  width: 42.8%;
  margin: 0;

}
.c-case-list li .img img{
  width: 100%;
}

.c-case-list li .liwz{
  width:55%;
  padding-top: 3vw;
  padding-right: 12px;
  padding-left: 24px;
}
.c-case-list li .liwz h3{
  font-size: 1rem;
  color: #000000;
  font-weight: normal;
  white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.c-case-list li .liwz h4{
  font-size: 14px;
  line-height: 28px;
  font-weight: normal;
  color: #000000;
  margin-top: 10px;
}

.c-news{
  margin-top: 2vw;
  padding-top: 4vw;
  padding-bottom: 2vw;
  background-color: #f1f1f3;
}
.c-news-list{
  margin-top: 4vw;
}
.c-news-list li{
  width: 48%;
  padding: 20px;
  background-color: #fff;
  margin-bottom: 2vw;
  transition:all 0.3s ease-in 0s; -webkit-transition:all 0.3s ease-in 0s; -moz-transition:all 0.3s ease-in 0s; -o-transition:all 0.3s ease-in 0s;
}
.c-news-list li:hover{
  background-color: #FFB300;
}
.c-news-list li:hover  a .lisz{
  color: #fff;
}
.c-news-list li:hover  a .liyb{
  color: #fff;
}

.c-news-list li a{
  width: 100%;
  align-items: center;
}
.c-news-list li a .lisz{
  width: 18%;
  color: #d7d8dd;
  font-size: 3.6rem;
  text-align: center;
}
.c-news-list li a .liyb{
  color: #2a333c;
  width: 80%;
}
.c-news-list li a .liyb h3{
  font-weight: normal;
  font-size: 18px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;

}
.c-news-list li a .liyb h4{
  font-weight: normal;
  font-size: 12px;
  margin: 10px 0;
}
.c-news-list li a .liyb h5{
  font-weight: normal;
  font-size: 14px;
  line-height: 24px;
}


.c-link{
  padding: 20px 0;
  font-size: 14px;
  color: #2a333c;
  line-height: 24px;
}
.c-link a{
  color: #2a333c;
  padding: 0 4px;
  font-size: 14px;
  line-height: 24px;
}


.x-region .span{
  padding: 0 20px;
}
.x-layout-ewm img{
  width: 100%;
}

.x-layout-menu dl dt{
  font-size: 18px;
  color: #ffbb02;
}
.x-layout{
  background: none;
  background-color: #121e42;
  padding: 2vw 0;
}

.x-layout .fota{
  width: 20%;
}
.x-layout .fotb{
  padding-top: 2vw;
  width: 60%;
}
.x-layout .fotc{
  padding-top: 2vw;
  width: 15%;
}
.x-layout-desc{
  font-size: 14px;
  line-height: 20px;
}
.x-footer{
  background-color: #121F44;
  border-top: 1px solid #fff;
}
.x-layout-desc, .x-layout-menu dl dd a,.x-footer, .x-footer a{
  color: rgba(255,255,255,.7);
} 






.right_pcfl .xypg-left-nav{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  border-top:1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 2vw;
}


.right_pcfl .xypg-left-nav .first-nav-btn{
  display: none;
}
.right_pcfl .xypg-left-nav li:hover{
  background: #f3f8ff;
}
.right_pcfl .xypg-left-nav li{
  border:none;
}
.right_pcfl .xypg-left-nav li a{
  font-size: 18px;
}

.page-banner{
  position: relative;
}
.page-banner .nybt{
  position: absolute;
  width: 100%;
  top: 45%;
  z-index: 99;  
  color: #fff;
  text-align: center;
}
.page-banner .nybt h3{
  font-size: 2rem;
  text-align: center;
}

 .tybtt dd {
  font-size: 25px;
  font-weight: normal;
  color: #ffbb02;
}

.tybtt dt {
  font-size: 14px;
  font-weight: normal;
  color: #a5a5a5;
}

.contlx {
  margin: 2vw 0;
  font-size: 16px;
  line-height: 28px;
}

.contlx2 ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  font-size: 16px;
  color: #777777;
  line-height: 28px;
}

.contlx2 ul li h3 {
  font-weight: normal;
  font-size: 16px;
}

.contlx3 {
  width: 100%;
  height: auto;
  display: block;
  margin-top: 2vw;
}

#container_map {
  height: 320px;
}
.bb{
  color: #ffbb02;
}

.c2 .c2z {
  width: 33.3%;
}

.c2 .c2z dd {
  font-size: 25px;
  font-weight: normal;
}

.c2 .c2z dt {
  font-size: 14px;
  font-weight: normal;
}

.c2 .c2r {
  width: 66.7%;
}

.c2 .c2r .c2wz {
  font-size: 15px;
  line-height: 36px;
}

.c2 .c2r .c2tw ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 3vw;
}

.c2 .c2r .c2tw ul li {
  width: 30%;
  text-align: center;
}

.c2 .c2r .c2tw ul li h3 {
  font-weight: normal;
  font-size: 15px;
  color: #666666;
  margin-top: 10px;
}

.c2 .c2r .c2tw ul li h4 {
  font-weight: normal;
  font-size: 12px;
  color: #A9A9A9;
  margin-top: 10px;
}

.c2 .c2z .tybt {
  margin-left: 40px;
}

.c3 {
  
}

.c3 .fleex .c3a {
  margin-left: 40px;
  width: 45%;
}

.c3 .fleex .c3a img {
  width: 100%;
}

.c3 .fleex .c3b {
  width: 46%;
  margin-right: 20px;
}

.c3 .fleex .c3b dd {
  font-size: 25px;
  font-weight: normal;
  color: #fff;
  margin-top: 4vw;
}

.c3 .fleex .c3b dt {
  font-size: 14px;
  font-weight: normal;
  color: #fff;
}

.c3 .fleex .c3b .zybz {
  margin-top: 3.5vw;
  color: #666666;
  font-family: 微软雅黑;
  font-size: 16px;
  line-height: 36px;
  font-weight: 400;
}

.c4 {
  margin-top: 3vw;
}

.c4 .tybt {
  margin-left: 40px;
}

.c4 .tybt dd {
  font-size: 25px;
  font-weight: normal;
}

.c4 .tybt dt {
  font-size: 14px;
  font-weight: normal;
}

.c4 ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 3vw;
}

.c4 ul li {
  width: 26%;
  text-align: center;
  box-shadow: 0 0 2px #dddee1;
  background: #fff;
  padding: 30px 20px;
}

.c4 ul li .img img {
  max-width: 100%;
}

.c4 ul li h3 {
  font-size: 18px;
  color: #666666;
  font-weight: normal;
  margin-top: 15px;
}

.c4 ul li h3 span {
  font-size: 14px;
  color: #999999;
}

.c4 ul li h4 {
  font-size: 16px;
  color: #888888;
  line-height: 24px;
  font-weight: normal;
  margin-top: 15px;
}



.sul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.sul li {
  width: 25%;
  text-align: center;
}

.sbt {
  font-family: Impact;
  font-size: 3.6rem;
  letter-spacing: -1px;
  color: #007ec5;
}

.sbt .span1 {
  font-size: 1rem;
  font-style: normal;
  margin-left: 8px;
  color: #007ec5;
  font-weight: bold;
}

.sul li p {
  color: #666666;
  font-size: 16px;
}

.c6 {
  margin-top: 3vw;
}

.c6 .tybt {
  margin-left: 40px;
}

.c6 .tybt dd {
  font-size: 25px;
  font-weight: normal;
}

.c6 .tybt dt {
  font-size: 14px;
  font-weight: normal;
}

.c6 .hzgd {
  width: 80%;
  margin: 0 auto;
  margin-bottom: 0vw;
  margin-top: 3vw;
}

.c6 .hzgd .list {
  border: 1px solid #eee;
  border-radius: 6px;
}

.c6 .hzgd .list img {
  width: 100%;
}

.slick-slide {
  margin: 0 5px;
}

.slick-dots {
  text-align: center;
  margin-top: 15px;
}

.slick-dots li {
  display: inline-block;
  margin: 0 5px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #efefef;
  cursor: pointer;
}

.slick-dots li button {
  background: none;
  outline: none;
  border: none;
  font-size: 0;
}

.slick-dots li.slick-active {
  background-color: #007ec5;
}



.foot_nav li{
      float: left;
    width: 20%;
    text-align: center;
}
.foot_nav li a{
    font-size: 18px;
    color: #ffbb02;
    display: block;
    width: 100%;
    font-weight: 700;
}

.foot_nav li .x-nav-menu{
 width: 100%;
 margin-top: 1.43em;
}
.foot_nav li .x-nav-menu a{
  display: block;
  font-size: 14px;
  line-height: 2;
  color: rgba(255,255,255,.7);
  font-weight: normal
}



@media (max-width: 1230px){
  .w1200{
    padding: 0 15px;
  }
  .x-layout-contact{
    width: 120%;
  }
} 
@media (max-width: 992px){
  .page-wrap-left{
    display: block;
  }
  .right_pcfl{
    display: none;
  }
  .c-case-list li a{
    align-items: center;
  }
  .c-link{
    display: none;
  }
  .x-layout{
    display: none;
  }
  .tybtt {
    margin-left: 0 !important;
    margin: 0 auto !important;
    text-align: center;
}
.contlx2 ul li {
  width: 50%;
  margin-top: 10px;
}
.contlx2 ul li h3 {
  font-size: 14px;
}
.c2 .c2z {
  width: 100%;
}
.c2 .c2r {
  width: 100%;
}
.c2 .c2r .c2wz {
  margin-top: 20px;
}
.c3 {
  background-size: cover;
  padding-bottom: 3vw;
}
.c3 .fleex .c3a {
  width: 100%;
  margin-left: 0;
  text-align: center;
}
.c3 .fleex .c3a img {
  width: auto;
}
.c3 .fleex .c3b {
  width: 100%;
}
.c3 .fleex .c3b .zybz {
  color: #fff;
}
.c4 ul {
  justify-content: center;
}
.c4 ul li {
  width: 80%;
  margin-bottom: 10px;
}
.sul li {
  width: 48%;
  margin-bottom: 15px;
}
}

@media (max-width: 768px){
.x-about{
  flex-wrap: wrap-reverse;
  
}

.aboutz{
  width: 100%;
  margin-top: 15px;
}
.aboutz .about_content{
  font-weight: 400;
}
.aboutz .abouta{
  font-size: 16px;
  width: 100px;
  height: 45px;
  line-height: 45px;
  font-weight: 400;
}
.aboutr{
  width: 100%;
}
.c-case-list li .liwz h3{
  font-size: 16px;
}
.c-case-list li .liwz{
  padding-left: 0;
  padding-right: 0;
}
.c-case-list li .img{
  width: 40%;
}
.c-case-list li .liwz{
  width: 58%;
}
.c-case-list li .liwz h4{
  line-height: 24px;
}
.tybt{
  font-size: 24px;
  margin-bottom: 40px;
}
.tybt:after{
  width: 45px;
  height: 4px;
}
.c-product-list li{
  width: 49%;
}
.c-case-list li{
  width: 100%;
}
.c-news-list li{
  width: 100%;
}
}

@media (max-width: 640px){
  .c-product-list li h3{
    font-size: 16px;
  }
}

.product-detail-item .icon-qrcode {
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
}
.product-detail-item .icon-qrcode:after {
    content: "";
    width: 20px;
    height: 20px;
    background-image: url(https://gcdn.myxypt.com/images/icon_spirit.png);
    background-repeat: no-repeat;
    position: absolute;
    left: calc(50% - 10px);
    top: calc(50% - 10px);
    background-position: 0 -21px;
    background-size: 200%;
}
.product-detail-item .qr-code {
    position: absolute;
    background: #fff;
    top: 50%;
    z-index: 9;
    left: 100px;
    padding: 10px;
    border: 1px solid;
    display: none;
    height: 122px;
    overflow: hidden;
    margin-top: -61px;
}

.x-footer .w1200 {
    align-items: center;
}
.x-footer-z {
    text-align: left;
}
.x-footer-r {
    text-align: left;
}
.smtg {
    display: inline-block;
    position: relative;
    width:107px;
    height:30px;
}
.smtg h3 {
    color: rgba(0, 0,0, 0.5);
    background: url(//cdn.myxypt.com/36b09959/21/11/e7041c24dd4f650c333fb9a12b98ae6586c96779.png) no-repeat 0 50%;
    text-indent: 10px;
    font-size: 14px;
    font-weight: normal;
    height:30px;
    line-height:30px;
}
.smtg p {
    position: absolute;
    bottom: 44px;
    width: 400%;
    left: -300%;
    display: none;
    padding: 10px 10px;
    background: rgb(62, 62, 62, 0.5);
}
.smtg p a {
    display: inline-block;
    color: #fff;
    font-size: 12px;
    text-align: center;
    line-height: 1.5;
    margin: 0 5px;
}

/* 手机页脚 */

.footer3 {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 999;
    background: #222;
}

.footer3 ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.footer3 ul li {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center;
    color: #ffffff;
    line-height: 50px;
    font-size: 0;
}

.footer3 ul li a {
    display: block;
    color: #ffffff;
}

.footer3 ul li .iconfont {
    font-size: 14px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}

.footer3 ul li span {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    color: #ffffff;
}
@media (max-width: 768px){
  body{
    padding-bottom: 50px;
  }
  .x-footer-r{
    display: none;
  }
}

.text-danger{
  color: red;
}


.container {
    width: 1170px;
	padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

@charset "utf-8";
/*******************index css*********************/
html {
	height: 100%;
}
.index_body {
	width: 100%;
	height: 100%;
	background: #fff;
	overflow: hidden;
}
.index {
	height: 100%;
}
.index .section {
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.index .section .opacity {
	opacity: 0;
}
#fullpage {
	height: 100%;
	position: relative;
	-ms-touch-action: none;
	touch-action: none;
}
#fullpage .godown {
	width: 40px;
	height: 21px;
	position: absolute;
	z-index: 99;
	left: 50%;
	bottom: 20px;
	margin-left: -23px;
	background-position: -130px -158px;
	-webkit-animation: start 1.5s infinite ease-in-out;
}
#fullpage #page2 .godown, #fullpage #page3 .godown {
	background-position: -133px -184px;
}
#fullpage .fp-section {
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#fullpage .fp-slide {
	float: left;
	height: 100%;
	margin: 0;
	background-size: cover;
	-ms-behavior: url(../images/backgroundsize.min.htc);
	behavior: url(css/backgroundsize.min.htc);
}
#fullpage .fp-slide, #fullpage .fp-slidesContainer {
	height: 100%;
	display: block;
}
#fullpage .fp-slides {
	z-index: 1;
	height: 100%;
	overflow: hidden;
	position: relative;
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
#fullpage .fp-section.fp-table, #fullpage .fp-slide.fp-table {
	display: table;
	table-layout: fixed;
	width: 100%;
}
#fullpage .fp-tableCell {
	display: table-cell;
	vertical-align: middle;
	width: 100%;
	height: 100%;
}
#fullpage .fp-slidesContainer {
	float: left;
	position: relative;
}
#fullpage .fp-controlArrow {
	-webkit-user-select: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	-ms-user-select: none;
	position: absolute;
	z-index: 4;
	top: 50%;
	cursor: pointer;
	margin-top: -49px;
	width: 59px;
	height: 98px;
	-webkit-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	background: url(../images/icon.png) no-repeat 0 0;
}
#fullpage .fp-controlArrow.fp-prev {
	left: 90px;
}
#fullpage .fp-controlArrow.fp-next {
	right: 90px;
	background-position: -62px 0;
}
#fullpage .fp-scrollable {
	overflow: scroll;
}
#fullpage .fp-notransition {
	-webkit-transition: none !important;
	transition: none !important;
}
#fullpage .fp-auto-height.fp-section, #fullpage .fp-auto-height .fp-slide, #fullpage .fp-auto-height .fp-tableCell {
	height: auto !important;
}
/**************banner***********/
.flexslider {
	position: relative;
	border: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-o-border-radius: 0;
	border-radius: 0;
	margin: 0;
	overflow: hidden;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-o-box-shadow: none;
	box-shadow: none;
}
.flexslider a {
	display: block;
}
.flex-control-nav {
	width: 100%;
	position: absolute;
	bottom: 20px;
	text-align: center;
	z-index: 900;
	display: none;
}
.flex-control-paging li a {
	background: transparent;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-o-box-shadow: none;
	box-shadow: none;
	border: 2px solid #fff;
}
.flex-control-paging li a:hover, .flex-control-paging li a.flex-active {
	background-color: #fff;
}
.flex-control-paging li img {
	position: absolute;
	left: 50%;
	margin-left: -960px;
	top: 0;
	display: block;
}
.flex-direction-nav {
	height: 60px;
	width: 100%;
	position: absolute;
	top: 50%;
	left: 0;
	margin: -50px 0 0;
	z-index: 100;
	padding: 2px;
	display: none;
}
.flex-direction-nav li {
	overflow: visible;
	width: 800px;
}
.flex-direction-nav a {
	overflow: visible;
	width: 60px;
	height: 60px;
	margin: 0;
	opacity: 1;
	top: 0;
	color: rgba(0, 0, 0, 0.8);
	text-indent: -9999em;
	text-shadow: none;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	background-color: rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-o-box-shadow: none;
	box-shadow: none;
}
.flex-direction-nav .arrow {
	position: absolute;
	top: 0;
	left: 0;
	width: 60px;
	height: 60px;
	background: url('../images/banner-ico.png') no-repeat 0 0;
	z-index: 200;
}
.flex-direction-nav a.flex-next .arrow {
	background-position: -60px 0;
}
.flex-direction-nav .flex-prev {
	position: absolute;
	left: 0px;
}
.flex-direction-nav .flex-next {
	position: absolute;
	right: 0px;
	text-align: left;
}
.flexslider:hover .flex-prev {
	left: 0;
	filter: alpha(opacity=100);
	opacity: 1;
}
.flexslider:hover .flex-next {
	right: 0;
	filter: alpha(opacity=100);
	opacity: 1;
}
.flexslider:hover .flex-prev:hover .arrow {
	left: 0;
	background-position: 0 -60px;
	background-color: #fff;
	border: 2px solid #fff;
}
.flexslider:hover .flex-next:hover .arrow {
	right: 0;
	background-position: -60px -60px;
	opacity: 1;
	background-color: #fff;
	border: 2px solid #fff;
}
.flexslider:hover .flex-prev:hover, .flexslider:hover .flex-next:hover {
	background-color: #fff;
	opacity: 1;
}
.flexslider {
	margin-left: auto;
	margin-right: auto;
}
.preview {
	width: 100px;
	height: 64px;
	position: absolute;
	top: 0;
	left: -60px;
	z-index: 100;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	filter: alpha(opacity=0);
	opacity: 0;
	background: #fff;
}
.flex-direction-nav .preview img {
	position: absolute;
	left: 3px;
	top: 3px;
	width: 94px;
	height: 58px;
}
.preview .alt {
	position: absolute;
	left: 180px;
	top: 0;
	background: #fff;
	width: 180px;
	height: 58px;
	color: #000;
	text-indent: 0;
	text-transform: uppercase;
	text-align: center;
	font-size: 16px;
	line-height: 58px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	padding: 3px;
	display: none;
}
/* next button */
.flex-next .preview {
	right: -66px;
	left: auto;
}
.flex-next .preview img {
	position: absolute;
	left: 3px;
	top: 3px;
	width: 94px;
	height: 58px;
}
.flex-next .preview .alt {
	left: 0;
}
/* hover style */
.flex-prev:hover .preview {
	left: 60px;
	filter: alpha(opacity=100);
	opacity: 1;
}
.flex-next:hover .preview {
	right: 60px;
	filter: alpha(opacity=100);
	opacity: 1;
}
/*.main_banner .hd{position: absolute; left: 0; bottom: 12%; width: 100%; z-index: 3;}
.main_banner .hd ul{text-align: center;}
.main_banner .hd li.on{opacity: 1; filter: alpha(opacity=100); height: 5px;}
.main_banner .hd li{height: 2px; margin: 0 5px; width: 40px; display: inline-block; *display: inline; *zoom: 1; font-size: 0; cursor: pointer; background: #fff; opacity: 0.5; filter: alpha(opacity=50); -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms;}
*/.arrow2 {
	margin: 0 auto 0;
	width: 60px;
	height: 60px;
	cursor: pointer;
	display: block;
	position: absolute;
	overflow: hidden;
	border: 0 none;
	left: 48%;
	bottom: 7%;
	z-index: 999;
	border: 1px solid #fff;
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
	border-radius: 100%;
}
.arrow2 i {
	width: 34px;
	height: 36px;
	margin: 8px auto 0;
	display: block;
	position: relative;
	background: url(../images/jiant.png) no-repeat center center;
	animation: down-ico 1.5s ease-out infinite;
}
@keyframes down-ico {
0% {
top: 0;
opacity: 1;
}
35% {
top: 20%;
opacity: 0;
}
65% {
top: -20%;
opacity: 0;
}
100% {
top: 0;
opacity: 1;
}
}
@-webkit-keyframes down-ico {
0% {
top: 0;
opacity: 1;
}
35% {
top: 20%;
opacity: 0;
}
65% {
top: -20%;
opacity: 0;
}
100% {
top: 0;
opacity: 1;
}
}
/************index************/
.index .floor_2 {
	background-size: cover;
}
.h3tit {
	font-size: 18px;
	line-height: 18px;
	color: #fff;
	font-weight: bold;
}
.h4tit {
	font-size: 30px;
	font-weight: normal;
	font-family: "Arial";
	padding-top: 12px;
	line-height: 30px;
	color: #9f9f9f;
	text-transform: uppercase;
}
.h4tit strong {
	font-size: 30px;
	font-weight: normal;
	color: #fff;
}
.h5tit {
	font-size: 14px;
	font-family: "Arial";
	padding-top: 9px;
	line-height: 14px;
	text-transform: uppercase;
	color: #fff;
}
.index .cont .line {
	width: 65px;
	height: 3px;
	display: block;
	background: #d9d9d9;
	margin: 10px 0 50px;
}
.index .cont .stit {
	font-size: 30px;
	font-weight: bold;
	color: #007461;
	padding: 28px 0;
}
.index .cont .summy {
	line-height: 24px;
	height: 150px;
	overflow: hidden;
}
.index .cont .summy a {
	display: block;
	color: #333;
}
.index .cont .summy span {
	border: 1px solid #dcdcdc;
	height: 28px;
	line-height: 28px;
	-webkit-border-radius: 30px;
	border-radius: 30px;
	display: block;
	text-align: center;
	margin-top: 30px;
	width: 100px;
}
.index .cont .summy a:hover span {
	border: 1px solid #001d8c;
	background: #001d8c;
	color: #fff;
}
.iabout .cont {
	width: 1200px;
	overflow: hidden;
}
.iabout .cont .tit {
	font-family: "SourceHanSansCN ExtraLight", "microsoft yahei";
}
.iabout .section_con {
	width: 102%;
	padding-top: 54px;
}
.iabout .section_con .item {
	width: 274px;
	height: 164px;
	float: left;
	display: block;
	border: 1px dotted #e4e4e5;
	text-align: center;
}
.iabout .section_con .item.it1, .iabout .section_con .item.it3 {
	border-right: 0 none;
}
.iabout .section_con .item.it1, .iabout .section_con .item.it2 {
	border-bottom: 0 none;
}
.iabout .section_con .item a {
	display: block;
	padding: 28px;
}
.iabout .section_con .item .img {
	width: 82px;
	height: 64px;
	position: relative;
	overflow: hidden;
	margin: 0 auto;
}
.iabout .section_con .item .img img {
	width: 82px;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
}
.iabout .section_con .item .txt {
	line-height: 20px;
}
.iabout .section_con .item:hover {
	background: #0c2649;
	border: 1px dotted #0c2649;
}
.iabout .section_con .item:hover.it1, .iabout .section_con .item:hover.it3 {
	border-right: 0 none;
}
.iabout .section_con .item:hover.it1, .iabout .section_con .item:hover.it2 {
	border-bottom: 0 none;
}
.iabout .section_con .item:hover img {
	top: -70px;
}
.iabout .section_con .item:hover .txt {
	color: #fff;
}
/*.floor_5{background: url(../images/floor_6.jpg) no-repeat center; background-size: cover;}
.floor_5_2{width:570px; text-align:center;}
.floor_5_2 h3{font-size:46px; color:#333333; line-height:46px; font-weight:normal;}
.floor_5_2 p{font-size:16px; color:#333333; line-height:32px; padding-top:18px;}
.floor_5_2 p span{font-size:16px; color:#e5583e; display:inline-block; font-weight:bold;}*/
.floor_5_2 .mitem {
	height: 46px;
	width: 486px;
	display: block;
	margin-left: 34px;
	line-height: 36px;
	position: relative;
	margin-bottom: 32px;
	border-bottom: 1px solid #ddd;
}
.floor_5_2 .mitem label {
	width: 46px;
	float: left;
	color: #666666;
	padding-right: 5px;
	text-align: left;
}
.floor_5_2 .mitem input {
	width: 424px;
	height: 40px;
	line-height: 40px;
	float: left;
	padding-left: 10px;
	border: 0px;
	font-size: 14px;
	border: 0;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	outline: none;
}
.floor_5_2 .mitem.liuyan {
	height: 76px;
	display: block;
}
.floor_5_2 .mitem.liuyan textarea {
	width: 412px;
	float: left;
	border: 0px;
	borde: 0;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	padding: 10px;
	overflow: hidden;
	color: #666;
	resize: none;
	font-family: "microsoft yahei";
	outline: none;
}
.floor_5_2 .itemsub .btn {
	width: 152px;
	height: 38px;
	line-height: 38px;
	float: right;
	margin-right: 46px;
	border: 0px;
	color: #fff;
	cursor: pointer;
	background: url(../images/a5_03.png) no-repeat;
}
.floor_5_2 .mitem select {
	width: 434px;
	height: 40px;
	line-height: 40px;
	float: left;
	border: #fff solid 1px;
	border: none;
	outline: none; /*将默认的select选择框样式清除*/
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	-ms-appearance: none;
}
.floor_5_2 .mitem.youxiang b {
	position: absolute;
	right: 46px;
	top: 0;
	background: url(../images/a2_03.png) center center no-repeat;
	width: 90px;
	height: 40px;
	background-size: 100%;
	text-align: center;
	line-height: 40px;
	color: #fff;
	cursor: pointer;
}
.floor_5_2 .mitem.youxiang s {
	width: 12px;
	height: 6px;
	background-position: -518px -201px;
	position: absolute;
	top: 17px;
	right: 5px;
}
.floor_5 .cont {
	padding-bottom: 30px;
	text-align: center;
	display: inline-block;
	width: 1200px;
	padding-top: 60px;
}
.floor_5 .cont .stit {
	padding: 28px 78px;
}
.floor_5 .cont .summy {
	height: 85px;
}
.floor_2 .iBuilding {
	width: 100%;
	height: 424px;
	position: relative;
}
.floor_2 .iBuilding .item {
	width: 282px;
	height: 424px;
	display: block;
	float: left;
	position: relative;
	text-align: center;
	margin-right: 24px;
}
.floor_2 .iBuilding .item:nth-child(4) {
	margin-right: 0;
}
.floor_2 .iBuilding .item:first-child+li+li+li {
	margin-right: 0;
}
.floor_2 .iBuilding .item .img {
	display: block;
	width: 282px;
	height: 350px;
	overflow: hidden;
}
.floor_2 .iBuilding .item:hover .img1 {
	color: #3ba86f;
}
.floor_2 .iBuilding .item .img1 {
	height: 74px;
	font-size: 16px;
	color: #333;
	line-height: 74px;
}
.floor_2 .iBuilding .item .img img {
	display: block;
	width: 100%;
	height: 100%;
	transition: all ease-out .3s .1s;
}
.floor_2 .iBuilding .item .img s {
	width: 262px;
	height: 330px;
	display: block;
	border: 1px solid rgba(255, 255, 255, 0.5);
	position: absolute;
	left: 10px;
	top: 10px;
	opacity: 1;
	-webkit-transform: rotateX(180deg) scale(0.5, 0.5);
	transform: rotateX(180deg) scale(0.2, 0.2);
	transition: all ease-out .5s;
}
.floor_2 .iBuilding .item .txt {
	position: absolute;
	width: 100%;
	height: 100%;
	text-align: center;
	left: 0;
	top: 0;
	vertical-align: middle;
	cursor: pointer;
	opacity: 1;
	transition: all ease-out .9s;
}
.floor_2 .iBuilding .item .txt img {
	max-width: 100%;
	display: inline;
	margin: 0 auto;
	opacity: 0;
	position: relative;
	top: 50%;
	margin-top: -60px;
}
.floor_2 .iBuilding .item:hover .img img {
	opacity: 1;
	width: 100%;
}
.floor_2 .iBuilding .item:hover .txt img {
	opacity: 1;
	width: 80px;
	transition: all ease-out .9s;
}
.floor_2 .iBuilding .item:hover s {
	opacity: 1;
	-webkit-transform: rotateX(0deg) scale(1, 1);
	transform: rotateX(0deg) scale(1, 1);
	transition: all 1s cubic-bezier(.23, 1, .38, 1) 0s;
}
.floor_2 .iBuilding .prev, .floor_2 .iBuilding .next {
	width: 28px;
	height: 28px;
	display: block;
	position: absolute;
	top: -110px;
	cursor: pointer;
}
.floor_2 .iBuilding .prev {
	background-position: -501px -39px;
	right: 0;
}
.floor_2 .iBuilding .next {
	background-position: -501px -72px;
	right: 40px;
}
.floor_4 {
	background: url(../images/floor_4.jpg) no-repeat center;
	background-size: cover;
}
.cont_top {
	position: relative;
}
.cont_top .prev {
	width: 28px;
	height: 28px;
	display: block;
	position: absolute;
	top: 20px;
	cursor: pointer;
	background-position: -502px -161px;
	right: 0;
}
.cont_top .h3tit {
	color: #001d8c;
}
.cont_top .h4tit {
	color: #9f9f9f;
}
.cont_top .h4tit strong {
	color: #001d8c;
}
.floor_4 .cont {
	width: 1200px;
}
.floor_4 .cont .line {
	background: #d9d9d9;
}
.floor_4 .section_con .inewsCon_left {
	float: left;
	width: 404px;
}
.floor_4 .section_con .inewsCon_left .img {
	width: 404px;
	height: 300px;
	display: block;
	overflow: hidden;
}
.floor_4 .section_con .inewsCon_left .img img {
	width: 100%;
	transition: .9s ease;
}
.floor_4 .section_con .inewsCon_left .img:hover img {
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
	transition: .9s ease;
	-moz-transition: .9s;
	-webkit-transition: .9s;
	-o-transition: .9s;
}
.floor_4 .section_con .inewsCon_left .time {
	width: 67px;
	border-right: #d9d9d9 solid 1px;
	margin-top: 30px;
	font-size: 14px;
	color: #9f9f9f;
	font-family: "Arial";
	display: block;
	line-height: 14px;
}
.floor_4 .section_con .inewsCon_left .time span {
	font-size: 50px;
	line-height: 50px;
	display: block;
}
.floor_4 .section_con .inewsCon_left .tit p {
	float: right;
	font-size: 16px;
	color: #333;
	line-height: 24px;
	width: 324px;
	padding-top: 24px;
}
.floor_4 .section_con .inewsCon_left .tit p span {
	font-size: 14px;
	color: #333;
	line-height: 24px;
	display: block;
}
.floor_4 .section_con .inewsCon_left .tit:hover .time {
	color: #001d8c;
}
.floor_4 .section_con .inewsCon_left .tit:hover p {
	color: #001d8c;
}
.floor_4 .section_con .inewsCon_right {
	float: right;
	width: 686px;
}
.floor_4 .section_con .inewsCon_right .item {
	margin-bottom: 30px;
	display: block;
	height: 110px;
}
.floor_4 .section_con .inewsCon_right .img {
	width: 180px;
	height: 110px;
	display: block;
	overflow: hidden;
}
.floor_4 .section_con .inewsCon_right .img img {
	width: 100%;
	transition: .9s ease;
}
.floor_4 .section_con .inewsCon_right .time {
	width: 67px;
	border-right: #d9d9d9 solid 1px;
	margin-top: 20px;
	font-size: 14px;
	color: #9f9f9f;
	font-family: "Arial";
	display: block;
	line-height: 14px;
	margin-left: 20px;
}
.floor_4 .section_con .inewsCon_right .time span {
	font-size: 50px;
	line-height: 50px;
	display: block;
}
.floor_4 .section_con .inewsCon_right p {
	float: right;
	font-size: 16px;
	color: #333;
	line-height: 24px;
	width: 404px;
	padding-top: 14px;
}
.floor_4 .section_con .inewsCon_right p span {
	font-size: 14px;
	color: #333;
	line-height: 24px;
	display: block;
}
.floor_4 .section_con .inewsCon_right .item:hover .time {
	color: #001d8c;
}
.floor_4 .section_con .inewsCon_right .item:hover p {
	color: #001d8c;
}
.floor_3 {
	position: relative;
	background: url(../images/floor_5_1.png) center center no-repeat;
}
.floor_3 .iabout5 {
	padding-top: 90px;
}
.floor_3 .iabout5 b {
	width: 24px;
	height: 32px;
	background-position: -501px -119px;
	display: block;
	margin-top: 26px;
}
.floor_3 .iabout5 .h4tit {
	color: #24262b;
}
.floor_3 .iabout5 .h5tit {
	color: #24262b;
}
.floor_3 .smart {
	width: 2020px;
	height: 980px;
	position: absolute;
	left: 50%;
	top: 0;
	margin-left: -1010px;
	z-index: 1;
}
.floor_3 .smart #mindscape {
	width: 1920px;
	height: 980px;
	overflow: hidden;
	margin: 0 auto;
}
.floor_3 .zzbgtop {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	background: url(../images/zz_top.png) no-repeat center top;
	height: 154px;
	z-index: 2;
}
.floor_3 .zzbgbot {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	background: url(../images/zz_bot.png) no-repeat center top;
	height: 172px;
	z-index: 2;
}
.floor_3 .ren {
	position: absolute;
	left: 10%;
	bottom: 0;
	width: 520px;
	background: url(../images/ren.png) no-repeat left bottom;
	height: 804px;
	z-index: 3;
}
.floor_3 .iabout5 {
	position: relative;
	z-index: 10;
}
.floor_3 .iabout5 .cont {
	width: 400px;
	margin-left: 32px;
	color: #fff;
}
.floor_3 .iabout5 .cont .stit {
	color: #fff;
}
.floor_3 .iabout5 .cont .line {
	background: #fff;
}
.floor_3 .iabout5 .cont .summy {
	height: 150px;
}
.floor_3 .iabout5 .cont .summy a {
	color: #fff;
}
.floor_3 .iabout5 .cont .summy span {
	border: 1px solid #fff;
}
.floor_3 .iabout5 .cont .summy a:hover span {
	border: 1px solid #001d8c;
	background: #001d8c;
	color: #fff;
}
@media (max-width: 1680px) {
.floor_5 .ren {
	background-size: 90%;
}
}
.floor_6 {
	background: url(../images/floor_6.jpg) no-repeat center;
	background-size: cover;
}
.floor_6 .cont {
	padding-bottom: 30px;
	width: 540px;
}
.floor_6 .cont .line {
	background: #007461;
}
.floor_6 .cont .summy {
	height: 150px;
}
.floor_7 {
	background: url(../images/floor_7.png) no-repeat center;
}
@media (max-width: 1600px) {
.floor_7 .formData .item {
	margin-bottom: 10px;
}
.floor_7 .formData .liuyan {
	height: 120px;
}
.floor_7 .formData .liuyan textarea {
	height: 110px;
}
}
@media (max-width: 1368px) {
.floor_7 .bcontact {
	padding-bottom: 30px;
	margin-top: 30px;
}
.floor_7 .h3tit {
	font-size: 32px;
}
.floor_7 .imassge .desc {
	padding: 10px 0;
}
.floor_7 .formData .item {
	margin-bottom: 5px;
}
.floor_7 .formData .liuyan {
	height: 100px;
}
.floor_7 .formData .liuyan textarea {
	height: 90px;
}
}
.floor_2 .h3tit {
	padding-top: 50px;
}
.bcontact {
	width: 100%;
	margin-top: 50px;
	padding-bottom: 50px;
}
.bcontact li {
	width: 399px;
	float: left;
	padding: 20px 0;
	border-left: 1px solid #e5e5e5;
	text-align: center;
}
.bcontact li s {
	width: 60px;
	height: 55px;
	display: block;
	margin: 0 auto;
	background: url(../images/contact-ico.png) no-repeat 4px center;
}
.bcontact li h3 {
	font-size: 16px;
	padding: 6px 0 14px;
	color: #737373;
}
.bcontact li h4 {
	color: #000;
}
.bcontact li.a1 {
	border-left: 0px;
}
.bcontact li.baddress s {
	background-position: -72px center;
}
.bcontact li.baddress h4 {
	color: #333;
	padding: 0 84px;
}
.bcontact li.email s {
	background-position: -142px center;
}
.imassge .h3tit {
	text-align: center;
}
.imassge .desc {
	text-align: center;
	line-height: 24px;
	padding: 15px 0 40px;
}
.imassge .desc b {
	color: #0c2649;
	font-size: 24px;
}
@media (max-width: 1440px) {
.floor_5 .ren {
	background-size: 76%;
}
.floor_5 .zzbgbot {
	bottom: -26px;
}
.floor_5 .zzbgtop {
	top: -20px;
}
}
@media (max-width: 1368px) {
.floor_5 .ren {
	background-size: 70%;
}
.floor_5 .zzbgbot {
	bottom: -66px;
}
.floor_5 .zzbgtop {
	top: -60px;
}
.iabout .section_con {
	padding-top: 30px;
}
.iabout .section_con .item {
	height: 140px;
}
.iabout .section_con .item a {
	padding: 20px;
}
.floor_3 .iBuilding {
	height: 300px;
}
}
/***********category css*************/
/*nybanner*/
.nybanner {
	width: 100%;
	height: 300px;
	overflow: hidden;
	position: relative;
}
.nybanner img {
	width: 1920px;
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -960px;
	top: 0;
}
.wrapper {
	min-height: 764px;
}
.wrapper .ntitle {
	font-size: 80px;
	line-height: 80px;
	display: block;
	text-align: center;
}
.wrapper .stit {
	font-size: 30px;
	color: #007461;
	text-align: center;
	display: block;
	padding-top: 50px;
}
.wrapper .ntitle2 {
	position: relative;
	text-align: center;
	padding-top: 50px;
}
.wrapper .ntitle2 .more {
	font-family: arial;
	-webkit-transition: all ease 300ms;
	-moz-transition: all ease 300ms;
	-ms-transition: all ease 300ms;
	-o-transition: all ease 300ms;
	transition: all ease 300ms;
	width: 85px;
	height: 26px;
	line-height: 26px;
	border: 1px solid #e5e5e5;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	text-align: center;
	display: block;
}
.wrapper .ntitle2 h3 {
	font-size: 48px;
	color: #333;
	line-height: 48px;
	font-weight: normal;
	position: relative;
}
.wrapper .ntitle2 h3 s {
	background: url(../images/a6_03.png) center center no-repeat;
	width: 619px;
	height: 9px;
	display: block;
	margin: 0 auto;
	margin-top: 18px;
}
.wrapper .ntitle2 h3 i {
	font-size: 24px;
	font-family: "Arial";
	display: block;
	color: #a9a9a9;
	text-transform: uppercase;
	padding-left: 5px;
}
.menu_main {
	border-bottom: 1px solid #e5e5e5;
	height: 50px;
}
.menu_main .menu a {
	display: inline-block;
*display: inline;
*zoom: 1;
	height: 50px;
	line-height: 50px;
	padding: 0 30px;
}
.menu_main .menu a:hover, .menu_main .menu a.hover {
	background: #001d8c;
	color: #fff;
}
.erwmImg img {
	width: 90px;
	height: 90px;
	display: block;
	background: #fff;
	padding: 5px;
	border: 1px solid #dcdcdc;
}
.aboutpage {
	background: url(../images/about.jpg) no-repeat center bottom;
	padding-bottom: 200px;
}
.aboutpage .part1 {
	padding: 20px 0;
	text-align: center;
}
.aboutpage .part1 .shu {
	padding: 50px 0;
}
.aboutpage .part1 .shu p {
	display: inline-block;
*display: inline;
*zoom: 1;
	padding: 0 40px;
	height: 40px;
}
.aboutpage .part1 .shu p b {
	font-size: 48px;
	font-family: "SourceHanSansCN ExtraLight", arial;
	padding-right: 10px;
	display: inline-block;
*display: inline;
*zoom: 1;
	vertical-align: middle;
	color: #007461;
	line-height: 48px;
}
.aboutpage .part1 .shu p span {
	color: #9f9f9f;
	display: inline-block;
*display: inline;
*zoom: 1;
	text-align: left;
	vertical-align: middle;
	font-size: 14px;
}
.aboutpage .part1 .shu p span i {
	font-family: arial;
	display: block;
	line-height: 16px;
}
.aboutpage .part1 .shu p.p1 {
	border-right: 1px solid #e5e5e5;
}
.aboutpage .part1 .shu p.p1 b {
	color: #001d8c;
}
.aboutpage .part1 p {
	font-size: 16px;
	line-height: 30px;
}
.aboutpage .part1 img {
	max-width: 100% !important;
	display: block;
	margin: 50px auto;
}
.aboutpage .part2 {
	text-align: center;
	padding: 50px 0;
}
.aboutpage .part2 .tit2 {
	font-size: 48px;
	line-height: 48px;
	display: block;
}
.aboutpage .part2 .en {
	color: #e5e5e5;
	font-size: 46px;
	text-transform: uppercase;
	padding: 20px 0;
}
.aboutpage .part2 p {
	font-size: 16px;
	line-height: 30px;
}
.aboutpage .part3 {
	padding-top: 50px;
	overflow: hidden;
}
.aboutpage .part3 .section_con {
	width: 102%;
}
.aboutpage .part3 .section_con .item {
	width: 275px;
	height: 166px;
	float: left;
	display: block;
	border-right: 1px dotted #e4e4e5;
	text-align: center;
}
.aboutpage .part3 .section_con .item.it1 {
	border-left: 1px dotted #e4e4e5;
}
.aboutpage .part3 .section_con .item a {
	display: block;
	padding: 28px;
}
.aboutpage .part3 .section_con .item .img {
	width: 82px;
	height: 64px;
	position: relative;
	overflow: hidden;
	margin: 0 auto;
}
.aboutpage .part3 .section_con .item .img img {
	width: 82px;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
}
.aboutpage .part3 .section_con .item .txt {
	line-height: 20px;
}
.aboutpage .part3 .section_con .item:hover {
	background: #0c2649;
	border-right: 1px dotted #0c2649;
}
.aboutpage .part3 .section_con .item:hover img {
	top: -70px;
}
.aboutpage .part3 .section_con .item:hover .txt {
	color: #fff;
}
.singlepage {
	padding: 80px 0;
}
.singlepage img {
	max-width: 100% !important;
	display: inline;
}
.singlepage .info {
	padding-top: 100px;
}
.singlepage .homebox .wh_part1 {
	text-align: center;
	position: relative;
}
.singlepage .homebox .wh_part1 .txt {
	position: absolute;
	left: 50%;
	width: 400px;
	margin-left: -200px;
	top: 50%;
	margin-top: -50px;
	height: 100px;
	z-index: 3;
}
.singlepage .homebox .wh_part1 h3 {
	font-size: 40px;
	font-weight: normal;
	color: #000;
	padding-bottom: 20px;
}
.singlepage .homebox .wh_part1 p {
	font-size: 16px;
}
.singlepage .homebox img {
	max-width: 100%;
	display: block;
}
.singlepage .homebox .wh_part2 {
	position: relative;
}
.singlepage .homebox .wh_part2 .txt {
	width: 400px;
	position: absolute;
	bottom: 14%;
	text-align: left;
	z-index: 9;
}
.singlepage .homebox .wh_part2 .txt h2 {
	font-size: 40px;
	font-weight: normal;
	color: #000;
	padding-bottom: 20px;
	line-height: 60px;
}
.singlepage .homebox .wh_part2 .txt p {
	line-height: 32px;
	color: #888;
}
.singlepage .homebox .wh_part2 .txt.t1 {
	right: 0;
}
.singlepage .homebox .wh_part2 .txt.t2 {
	left: 0;
}
.tabBox_main {
	position: relative;
	height: 638px;
}
.tabBox_main .tabBox {
	height: 560px;
	position: relative;
	overflow: hidden;
}
.tabBox_main .tabMain .txt {
	width: 600px;
	background: url(../images/preline.jpg) no-repeat right top;
	padding-top: 182px;
	height: 380px;
}
.tabBox_main .tabMain .txt .tit {
	font-size: 136px;
	font-weight: bold;
	font-family: arial;
	line-height: 140px;
	color: #001d8c;
	padding-left: 100px;
}
.tabBox_main .tabMain .txt .desc {
	line-height: 24px;
	padding-left: 100px;
}
.tabBox_main .tabMain .img {
	width: 600px;
	height: 460px;
	overflow: hidden;
	padding-top: 100px;
}
.tabBox_main .tabMain .img img {
	max-width: 100%;
	display: block;
}
.tabBox_main .tabs {
	width: 100%;
	text-align: center;
	background: url(../images/his.png) repeat-x left top;
	padding-top: 50px;
}
.tabBox_main .tabs span {
	width: 14px;
	height: 7px;
	display: inline-block;
	position: absolute;
	left: 142px;
}
.tabBox_main .tabs .jt {
	background: url(../images/iup.png) no-repeat center center;
	top: -14px;
}
.tabBox_main .tabs .jt2 {
	background: url(../images/idown.png) no-repeat center center;
	top: 28px;
}
.tabBox_main .tabs li {
	text-align: center;
	display: inline-block;
	width: 65px;
	font-size: 15px;
	font-family: Tahoma, Geneva, sans-serif;
	color: #333;
	cursor: pointer;
	position: relative;
*float: left;
*height: 30px;
*line-height: 30px;
}
.tabBox_main .tabs li.on {
	color: #001d8c;
}
@keyframes xia {
0% {
transform: translate(0px, 0px);
}
50% {
transform: translate(0px, 3px);
}
100% {
transform: translate(0px, 0px);
}
}
@-webkit-keyframes xia {
0% {
-webkit-transform: translate(0px, 0px);
}
50% {
-webkit-transform: translate(0px, 3px);
}
100% {
-webkit-transform: translate(0px, 0px);
}
}
.jt {
	animation: xia 1s linear infinite;
	-webkit-animation: xia 1s linear infinite;
}
@keyframes shang {
0% {
transform: translate(0px, 0px);
}
50% {
transform: translate(0px, -3px);
}
100% {
transform: translate(0px, 0px);
}
}
@-webkit-keyframes shang {
0% {
-webkit-transform: translate(0px, 0px);
}
50% {
-webkit-transform: translate(0px, -3px);
}
100% {
-webkit-transform: translate(0px, 0px);
}
}
.jt2 {
	animation: shang 1s linear infinite;
	-webkit-animation: shang 1s linear infinite;
}
.Industrypage .part_3 .ntitle2 {
	padding-top: 0;
}
.Industrypage .Scenesbox {
	position: relative;
	width: 100%;
	overflow: hidden;
	height: 800px;
}
.Industrypage .Scenesbox .smart {
	width: 2020px;
	height: 980px;
	position: absolute;
	left: 50%;
	top: -30px;
	margin-left: -1010px;
	z-index: 1;
	background: #000;
}
.Industrypage .Scenesbox .smart #mindscape {
	width: 1920px;
	height: 980px;
	overflow: hidden;
	margin: 0 auto;
}
.Industrypage .Scenesbox .zzbgtop {
	position: absolute;
	left: 0;
	top: -38px;
	width: 100%;
	background: url(../images/zz_top.png) no-repeat center top;
	height: 154px;
	z-index: 2;
}
.Industrypage .Scenesbox .zzbgbot {
	position: absolute;
	left: 0;
	bottom: -95px;
	width: 100%;
	background: url(../images/zz_bot.png) no-repeat center top;
	height: 172px;
	z-index: 2;
}
.Industrypage .Scenesbox .ren {
	position: absolute;
	left: 50%;
	bottom: 0;
	width: 382px;
	background: url(../images/ren2.png) no-repeat left bottom;
	height: 582px;
	z-index: 3;
	margin-left: -191px;
}
.Industrypage.Internet {
	padding-bottom: 100px;
}
.Industrypage.Internet .girdlist {
	padding-bottom: 0;
}
.Industrypage .brand {
	padding-bottom: 50px;
}
.girdlist {
	overflow: hidden;
	width: 100%;
	padding-top: 50px;
	padding-bottom: 30px;
}
.girdlist .list {
	width: 100%;
}
.girdlist .item {
	width: 382px;
	float: left;
	display: inline-block;
	margin-bottom: 30px;
	margin-right: 20px;
	position: relative;
	background: #fff;
}
.girdlist .item a {
	display: block;
}
.girdlist .item .img {
	width: 380px;
	height: 278px;
	overflow: hidden;
	border: #eeeeee solid 1px;
	position: relative;
	text-align: center;
}
.girdlist .item .img img {
	transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
	width: 360px;
	height: 270px;
	display: inline-block;
	margin-top: 11px;
}
.girdlist .item .item_mask {
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0);
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
	filter: Alpha(opacity=0);
*zoom: 1;
	-webkit-transform: rotateX(180deg) scale(0.5, 0.5);
	transform: rotateX(180deg) scale(0.2, 0.2);
	transition: all ease-out .5s;
}
.girdlist .item .item_mask .item_link_icon {
	display: block;
	width: 60px;
	height: 60px;
	text-align: center;
	background-position: -440px -313px;
	line-height: 38px;
	position: absolute;
	left: 50%;
	top: 50%;
*top: 40%;
	margin-left: -30px;
	margin-top: -0px;
	opacity: 0;
	filter: Alpha(opacity=0);
*zoom: 1;
}
.girdlist .item .txt {
	background: #fff;
	height: 56px;
	line-height: 56px;
	position: relative;
	font-size: 16px;
	color: #333;
	border-bottom: #eeeeee solid 1px;
}
.girdlist .item .txt p {
	font-size: 16px;
	color: #333;
	float: left;
	transition: .5s ease;
}
.girdlist .item .txt i {
	float: right;
	width: 15px;
	height: 15px;
	background-position: -487px -246px;
	margin-top: 20px;
	transition: .5s ease;
}
.girdlist .item:hover p {
	color: #3ba86f;
	transition: .5s ease;
}
.girdlist .item:hover .txt i {
	background-position: -487px -228px;
	transition: .5s ease;
}
/*.girdlist .item:hover{box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);}*/
.girdlist .item:hover img {
	transform: scale(1.1, 1.1);
}
.girdlist .item:hover .item_mask {
	opacity: 1;
	filter: Alpha(opacity=100);
	-webkit-transform: rotateX(0deg) scale(1, 1);
	transform: rotateX(0deg) scale(1, 1);
	transition: all 1s cubic-bezier(.23, 1, .38, 1) 0s;
	background: rgba(0, 0, 0, 0.3);
}
.girdlist .item:hover .item_mask .item_link_icon {
	transform: translateY(-21px);
	opacity: 1;
	filter: Alpha(opacity=100);
}
.Project {
	overflow: hidden;
	width: 100%;
	padding-top: 50px;
	padding-bottom: 50px;
	text-align: center;
}
.Project .list {
	width: 108%;
}
.Project .item {
	width: 450px;
	display: inline-block;
	margin-bottom: 30px;
	margin-right: 8px;
	position: relative;
	margin-left: 16px;
	background: #fff;
	height: 370px;
	overflow: hidden;
}
.Project .item a, .Project .item img {
	width: 100%;
	height: 100%;
	display: block;
	-webkit-transition: all ease 300ms;
	-moz-transition: all ease 300ms;
	-ms-transition: all ease 300ms;
	-o-transition: all ease 300ms;
	transition: all ease 300ms;
}
.Project .item .bg {
	position: absolute;
	height: 150px;
	width: 100%;
	background: url(../images/black_jb.png) repeat-x left top;
	z-index: 1;
	left: 0;
	bottom: 0;
}
.Project .item .txt {
	position: absolute;
	z-index: 2;
	width: 92%;
	left: 0;
	bottom: 26px;
	padding: 0 4%;
	color: #fff;
}
.Project .item .txt p {
	border-left: 2px solid #fff;
	height: 34px;
	font-size: 12px;
	line-height: 16px;
	padding-left: 10px;
	-webkit-transition: all ease 300ms;
	-moz-transition: all ease 300ms;
	-ms-transition: all ease 300ms;
	-o-transition: all ease 300ms;
	transition: all ease 300ms;
}
.Project .item .txt p span {
	font-size: 16px;
	display: block;
	padding-bottom: 5px;
}
.Project .item .txt em {
	width: 16px;
	height: 16px;
	display: block;
	background-position: -454px 0;
	margin-top: 5px;
}
.Project .item:hover img {
	transform: scale(1.06, 1.06);
}
.girdlist.huxin .item {
	width: 384px;
	margin-right: 23px;
}
.girdlist.huxin .item:nth-child(3n) {
	margin-right: 0;
}
.girdlist.huxin .item .img {
	width: 382px;
	height: 296px;
}
.girdlist.huxin .item .img img {
	margin-top: 13px;
}
.girdlist.huxin .item .item_mask .item_link_icon {
	margin-top: -12px;
}
@media (max-width: 1680px) {
.Project .item {
	width: 405px;
	height: 333px;
	margin-left: 5px;
	margin-right: 5px;
}
}
@media (max-width: 1560px) {
.Project .list {
	width: 115%;
}
}
@media (max-width: 1460px) {
.Project .item {
	width: 348px;
	margin-left: 5px;
	margin-right: 5px;
	height: 286px;
}
.Project .item .img {
	height: 286px;
}
}
@media (max-width: 1370px) {
.Project .item {
	width: 328px;
	height: 270px;
}
.Project .item .img {
	height: 270px;
}
}
@media (max-width: 1200px) {
.Project .item {
	width: 328px;
	height: 270px;
}
.Project .item .img {
	height: 270px;
}
}
/*样板房项目*/
.promodel .item {
	width: 480px;
	height: 450px;
	margin: 0 0 20px;
}
.promodel .item .bg {
	height: 50px;
	background: url(../images/black50.png) repeat;
	text-align: center;
	color: #fff;
	-webkit-transition: all ease 300ms;
	-moz-transition: all ease 300ms;
	-ms-transition: all ease 300ms;
	-o-transition: all ease 300ms;
	transition: all ease 300ms;
}
.promodel .item .bg h3 {
	font-size: 16px;
	height: 50px;
	line-height: 50px;
}
.promodel .item .bg h4 {
	font-size: 14px;
	height: 50px;
	line-height: 50px;
	text-transform: uppercase;
	display: none;
	-webkit-transition: all ease 300ms;
	-moz-transition: all ease 300ms;
	-ms-transition: all ease 300ms;
	-o-transition: all ease 300ms;
	transition: all ease 300ms;
}
.promodel .item .txt {
	bottom: 50px;
	padding-top: 4%;
	padding-bottom: 4%;
	color: #fff;
	display: none;
	background: url(../images/black70.png) repeat;
}
.promodel .item .txt h3 {
	text-align: center;
	font-size: 20px;
}
.promodel .item .txt p {
	border: 0 none;
	font-size: 14px;
	line-height: 24px;
	padding: 0;
	height: auto;
	opacity: 0.5;
	filter: alpha(opacity=50);
}
.promodel .item:hover .bg {
	background: url(../images/grenn50.png) repeat;
}
@media (max-width: 1680px) {
.promodel .item {
	width: 415px;
	height: 389px;
}
}
@media (max-width: 1460px) {
.promodel .item {
	width: 358px;
	height: 336px;
}
}
@media (max-width: 1370px) {
.promodel .item {
	width: 337px;
	height: 316px;
}
}
.brandlist {
	position: relative;
	width: 100%;
	height: 662px;
}
.brandlist .bd {
	height: 662px;
	overflow: hidden;
	width: 100%;
	background: #fafafa;
}
.brandlist .bd li {
	display: block;
	height: 662px;
	width: 100%;
	vertical-align: middle;
}
.brandlist .bd li .fl {
	width: 50%;
	position: relative;
	height: 100%;
}
.brandlist .bd li .txt {
	width: 420px;
	position: absolute;
	left: 50%;
	top: 26%;
	text-align: center;
	margin-left: -120px;
}
.brandlist .bd li .txt a {
	display: block;
}
.brandlist .bd li .txt img {
	max-width: 100%;
	display: block;
	margin: 0 auto;
}
.brandlist .bd li .txt .st {
	padding-top: 20px;
	font-size: 16px;
	padding-bottom: 30px;
	color: #333;
}
.brandlist .bd li .txt s {
	width: 30px;
	height: 1px;
	background: #7d7d7d;
	display: block;
	margin: 0 auto;
}
.brandlist .bd li .txt .desc {
	line-height: 24px;
	margin-bottom: 37px;
	color: #333;
	padding-top: 30px;
}
.brandlist .bd li .txt .jia {
	position: relative;
	width: 50px;
	height: 50px;
	display: block;
	margin: 0 auto;
	border: 1px solid #d3d3d3;
	-webkit-border-radius: 100%;
	border-radius: 100%;
	text-align: center;
	vertical-align: middle;
	line-height: 50px;
	-moz-transform: rotate(0);
	-webkit-transform: rotate(0);
	-ms-transform: rotate(0);
	transform: rotate(0);
	transition: all .3s ease-out 0s;
}
.brandlist .bd li .txt .jia i {
	display: block;
	position: absolute;
	background-color: #6a6a6a;
	-moz-transform: rotate(0);
	-webkit-transform: rotate(0);
	-ms-transform: rotate(0);
	transform: rotate(0);
	transition: all .3s ease-out 0s;
}
.brandlist .bd li .txt .jia i.q {
	width: 14px;
	height: 2px;
	left: 50%;
	margin-left: -6px;
	top: 50%;
}
.brandlist .bd li .txt .jia i.h {
	width: 2px;
	height: 14px;
	top: 50%;
	margin-top: -6px;
	left: 50%;
}
.brandlist .bd li .txt .jt {
	width: 48px;
	height: 26px;
	display: block;
	margin: 108px auto 0;
	background-position: -408px -70px;
}
.brandlist .bd li .txt a:hover .jia {
	border: 1px solid #001d8c;
	background: #001d8c;
	-moz-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
}
.brandlist .bd li .txt a:hover .jia i {
	-moz-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
	background: #fff;
}
.brandlist .bd li .img {
	width: 50%;
	position: relative;
	height: 100%;
}
.brandlist .bd li .img a {
	display: block;
	width: 100%;
	height: 100%;
}
.brandlist .bd li .img img {
	width: 100%;
	height: 100%;
	display: block;
}
.brandlist .hd {
	position: absolute;
	right: 19%;
	top: -54px;
	z-index: 9;
	width: 94px;
}
.brandlist .hd a {
	width: 42px;
	height: 26px;
	display: inline-block;
	margin-left: 2px;
	cursor: pointer;
}
.brandlist .hd .prev {
	background-position: -380px -110px;
}
.brandlist .hd .prev:hover {
	background-position: -380px -140px;
}
.brandlist .hd .next {
	background-position: -430px -110px;
}
.brandlist .hd .next:hover {
	background-position: -430px -140px;
}
@media (max-width: 1460px) {
.brandlist .bd {
	height: 494px;
}
.brandlist .bd li {
	height: 494px;
}
.brandlist .bd li .txt {
	width: 400px;
	top: 16%;
	margin-left: -210px;
}
.brandlist .bd li .txt .jt {
	margin-top: 62px;
}
}
/*newsPage*/
.thumblist1 {
	overflow: hidden;
	position: relative;
	margin-top: 50px;
	padding-bottom: 140px;
}
.thumblist1 .list {
	width: 108%;
	padding-bottom: 0 !important;
}
.thumblist1 .item1 {
	width: 386px;
	margin-right: 20px;
	margin-bottom: 30px;
	float: left;
}
.thumblist1 .item1 a {
	display: block;
}
.thumblist1 .item1 .img {
	width: 386px;
	height: 217px;
	overflow: hidden;
}
.thumblist1 .item1 .img img {
	width: 100%;
	height: 100%;
	display: block;
	-webkit-transition: all ease 300ms;
	-moz-transition: all ease 300ms;
	-ms-transition: all ease 300ms;
	-o-transition: all ease 300ms;
	transition: all ease 300ms;
}
.thumblist1 .item1 .txt {
	padding: 24px 30px;
	padding-left: 0;
	position: relative;
}
.thumblist1 .item1 .txt .time {
	color: #333;
	position: absolute;
	left: 0px;
	top: 24px;
	width: 70px;
	height: 64px;
	border-right: 1px solid #d6d6d6;
	display: block;
	text-align: center;
	padding-bottom: 6px;
}
.thumblist1 .item1 .txt .time b {
	font-size: 48px;
	line-height: 48px;
	display: block;
	font-weight: normal;
}
.thumblist1 .item1 .txt h3 {
	padding-left: 82px;
	font-size: 18px;
}
.thumblist1 .item1 .txt p {
	color: #aaa;
	line-height: 20px;
	padding-left: 82px;
	padding-top: 4px;
}
.thumblist1 .item1 .txt .jt {
	margin-top: 30px;
	width: 150px;
	height: 24px;
	border: 1px solid #e5e5e5;
	text-align: center;
	display: block;
	padding-top: 16px;
}
.thumblist1 .item1 .txt .jt i {
	width: 46px;
	height: 8px;
	background-position: -317px 0;
	display: block;
	margin: 0 auto;
	-webkit-transition: all ease 300ms;
	-moz-transition: all ease 300ms;
	-ms-transition: all ease 300ms;
	-o-transition: all ease 300ms;
	transition: all ease 300ms;
}
.thumblist1 .item1:hover img {
	transform: scale(1.06, 1.06);
}
.thumblist1 .item1:hover .txt .time {
	color: #3ba86f;
}
.thumblist1 .item1:hover .txt .jt {
	border: 1px solid #3ba86f;
	background: #3ba86f;
	color: #fff;
}
.thumblist1 .item1:hover .txt .jt i {
	background-position: -317px -18px;
}
.thumblist1 .prev, .thumblist1 .next {
	width: 30px;
	height: 60px;
	display: block;
	position: absolute;
	top: 26%;
	cursor: pointer;
}
.thumblist1 .prev {
	background-position: -288px -56px;
	left: 0;
}
.thumblist1 .prev:hover {
	background-position: -288px -120px;
}
.thumblist1 .next {
	background-position: -325px -56px;
	right: 0;
}
.thumblist1 .next:hover {
	background-position: -325px -120px;
}
.newsPage .floor_1 {
	padding: 48px 0 0;
}
.newsPage .list {
	padding-bottom: 30px;
}
.newsPage .newslist {
	overflow: hidden;
	padding: 50px 0;
}
.newsPage .item {
	height: 200px;
	padding: 26px 0;
	transition: all .5s;
	border-bottom: 1px solid #f2f2f2;
	display: block;
}
.newsPage .item:first-child {
	padding-top: 0;
}
.newsPage .item a {
	width: 100%;
	display: block;
}
.newsPage .item img {
	width: 300px;
	height: 200px;
	display: block;
	margin-right: 30px;
}
.newsPage .item h3 {
	font-size: 24px;
	padding: 25px 0 20px;
	-webkit-transition: all ease 300ms;
	-moz-transition: all ease 300ms;
	-ms-transition: all ease 300ms;
	-o-transition: all ease 300ms;
	transition: all ease 300ms;
	color: #454545;
}
.newsPage .item .desc {
	color: #454545;
	line-height: 24px;
	height: 48px;
	padding-right: 130px;
	overflow: hidden;
}
.newsPage .item .liu {
	display: block;
	color: #454545;
	font-size: 14px;
}
.newsPage .item .txt {
	width: 150px;
}
.newsPage .item .txt .time {
	border-left: 1px solid #eee;
	width: 82px;
	height: 84px;
	display: block;
	margin-left: 54px;
	padding-left: 10px;
	margin-top: 20px;
}
.newsPage .item .txt .time b {
	font-size: 48px;
	line-height: 48px;
	display: block;
	font-weight: normal;
}
.newsPage .item .txt .jt {
	margin-top: 30px;
	width: 140px;
	height: 24px;
	border: 1px solid #e5e5e5;
	text-align: center;
	display: block;
	padding-top: 16px;
}
.newsPage .item .txt .jt i {
	width: 46px;
	height: 8px;
	background-position: -176px 0;
	display: block;
	margin: 0 auto;
	-webkit-transition: all ease 300ms;
	-moz-transition: all ease 300ms;
	-ms-transition: all ease 300ms;
	-o-transition: all ease 300ms;
	transition: all ease 300ms;
}
.newsPage .item:hover {
	transform: translate3d(0px, -6px, 0px);
}
.newsPage .item:hover img {
	opacity: 0.9;
	filter: alpha(opacity=90);
}
.newsPage .item:hover h3 {
	color: #001d8c;
}
.newsPage .item:hover .txt .jt {
	border: 1px solid #001d8c;
	background: #001d8c;
	color: #fff;
}
.newsPage .item:hover .txt .jt i {
	background-position: -176px -26px;
}
/*searchPage*/
.searchPage {
	overflow: hidden;
}
.searchPage .list {
	padding-bottom: 20px;
	width: 105%;
}
.searchPage .gridlist .itemk {
	width: 100%;
	height: 168px;
	margin-bottom: 26px;
	-webkit-transition: all ease 300ms;
	-moz-transition: all ease 300ms;
	-ms-transition: all ease 300ms;
	-o-transition: all ease 300ms;
	transition: all ease 300ms;
	background: #fbfbfb;
}
.searchPage .gridlist .itemk a {
	width: 100%;
	display: block;
}
.searchPage .gridlist .itemk img {
	width: 300px;
	height: 169px;
	display: block;
	margin-right: 30px;
}
.searchPage .gridlist .itemk h3 {
	font-size: 20px;
	padding: 35px 0 20px;
	-webkit-transition: all ease 300ms;
	-moz-transition: all ease 300ms;
	-ms-transition: all ease 300ms;
	-o-transition: all ease 300ms;
	transition: all ease 300ms;
	color: #000;
}
.searchPage .gridlist .itemk .txt {
	color: #666;
	line-height: 24px;
	height: 48px;
	padding-right: 130px;
	overflow: hidden;
}
.searchPage .gridlist .itemk .time {
	width: 150px;
	padding-top: 45px;
	font-family: arial;
	font-size: 20px;
	color: #999;
}
.searchPage .gridlist .itemk .time .day {
	font-size: 40px;
	line-height: 45px;
	display: block;
}
.searchPage .gridlist .itemk:hover {
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}
.searchPage .gridlist .itemk:hover h3 {
	color: #001d8c;
	text-indent: 5px;
}
.searchPage .gridlist .itemk:hover .time .day span {
	background: #6d6d6d;
}
.searchPage .gridlist .itemk:hover .time .day strong {
	background: #ff0000;
	color: #fff;
}
.contactpage {
	padding: 80px 0;
	position: relative;
}
.contactpage .item {
	background: #fafafa;
	width: 1200px;
	height: 500px;
	overflow: hidden;
	display: block;
}
.contactpage .item .txt {
	padding: 40px;
	width: 420px;
	height: 420px;
	overflow: hidden;
}
.contactpage .item .txt h3 {
	font-size: 30px;
	display: block;
}
.contactpage .item .txt s {
	width: 60px;
	height: 1px;
	display: block;
	background: #333;
	margin: 20px 0;
}
.contactpage .item .txt .cont {
	padding-top: 45px;
	line-height: 36px;
	height: 210px;
	overflow: hidden;
}
.contactpage .item .map {
	width: 700px;
	height: 500px;
	overflow: hidden;
}
.contactpage .hd {
	position: absolute;
	left: 40px;
	bottom: 112px;
}
.contactpage .hd span {
	width: 150px;
	height: 32px;
	margin-right: 10px;
	display: inline-block;
*display: inline;
*zoom: 1;
	cursor: pointer;
	border: 1px solid #e5e5e5;
	text-align: center;
	padding-top: 24px;
}
.contactpage .hd span i {
	width: 46px;
	height: 8px;
	background-position: -250px 0;
	display: block;
	margin: 0 auto;
	-webkit-transition: all ease 300ms;
	-moz-transition: all ease 300ms;
	-ms-transition: all ease 300ms;
	-o-transition: all ease 300ms;
	transition: all ease 300ms;
}
.contactpage .hd span:hover {
	border: 1px solid #001d8c;
	background: #001d8c;
	color: #fff;
}
.contactpage .hd span:hover i {
	background-position: -250px -18px;
}
.contactpage .hd .next i {
	background-position: -305px 0;
}
.contactpage .hd .next:hover i {
	background-position: -305px -18px;
}
.contactpage .mapArea {
	width: 100%;
	height: 400px;
	margin-top: 40px;
}
.contactpage .mapArea #allmap {
	width: 100%;
	height: 400px;
}
.formData {
	padding-bottom: 20px;
}
.formData .item {
	float: left;
	color: #999;
	font-weight: normal;
	width: 368px;
	height: 50px;
	line-height: 50px;
	border: 1px solid #e5e5e5;
	margin-right: 76px;
	margin-bottom: 30px;
	position: relative;
}
.formData .item label {
	padding-left: 15px;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 11;
	text-align: center;
	display: block;
	margin: 0;
	height: 50px;
	line-height: 50px;
	font-size: 18px;
	color: #666;
}
.formData .item input {
	outline: none;
	line-height: 38px;
	height: 38px;
	font-size: 18px;
}
.formData .item .txt {
	width: 355px;
	height: 50px;
	line-height: 50px;
	display: block;
	background: none;
	padding-left: 70px;
	border: 0 none;
	color: #333;
}
.formData .item .red {
	position: absolute;
	right: 15px;
	top: 0;
	color: #ff0000;
	z-index: 11;
}
.formData .item.mr0 {
	margin-right: 0;
}
.formData .msg-box {
	position: absolute;
	left: 0;
	top: 0px;
}
.formData .liuyan {
	width: 814px;
	height: 240px;
	border: 1px solid #e5e5e5;
	float: left;
}
.formData .liuyan label {
	text-align: right;
	display: block;
}
.formData .liuyan textarea {
	width: 1178px;
	height: 214px;
	line-height: 28px;
	padding: 12px 10px;
	text-indent: 100px;
	font-size: 18px;
	font-family: "microsoft yahei";
	color: #333;
	border: 0 none;
	overflow: hidden;
	background: none;
	resize: none;
	display: block;
	outline: none;
}
.formData .bot {
	width: 100%;
}
.formData .sub {
	width: 232px;
	line-height: 46px;
	border: 2px solid #3ba86f;
	margin-right: 2px;
	text-align: center;
	background: #3ba86f;
	color: #FFF;
	cursor: pointer;
	font-size: 18px;
	display: block;
	-webkit-transition: all ease 300ms;
	-moz-transition: all ease 300ms;
	-ms-transition: all ease 300ms;
	-o-transition: all ease 300ms;
	transition: all ease 300ms;
}
.formData .sub:hover {
	background: none;
	color: #3ba86f;
}
.formData .yzm {
	width: 432px;
}
.formData .yzm .txt {
	padding-left: 80px;
}
.formData .yzm img {
	position: absolute;
	right: 3px;
	top: 3px;
	border: 0px;
	display: block;
}
.projectPage {
	overflow: hidden;
}
.projectPage .list {
	width: 105%;
}
/*****showPro****/
.showPro {
	padding-bottom: 30px;
}
.showPro .showImg {
	padding-bottom: 50px;
}
.showPro .photo {
	width: 540px;
}
.showPro .photo .jqzoom {
	width: 540px;
	height: 405px;
	overflow: hidden;
	position: relative;
	padding: 0px;
	cursor: pointer;
}
.showPro .photo .zoomdiv {
	z-index: 999;
	position: absolute;
	top: 0px;
	left: 0px;
	background: #ffffff;
	border: 1px solid #ddd;
	display: none;
	text-align: center;
	overflow: hidden;
}
.showPro .photo .jqZoomPup {
	z-index: 999;
	visibility: hidden;
	position: absolute;
	top: 0px;
	left: 0px;
	border: 1px solid #eee;
	background: #fff;
	opacity: 0.6;
	-moz-opacity: 0.6;
	-khtml-opacity: 0.6;
	filter: alpha(Opacity=50);
}
.showPro .photo .img {
	width: 540px;
	height: 405px;
	display: block;
}
.showPro .photo .photoimg {
	width: 540px;
	height: 71px;
	margin-top: 12px;
	position: relative;
}
.showPro .photo .photoimg .list {
	width: 505px;
	overflow: hidden;
	position: relative;
	margin: 0 auto;
}
.showPro .photo .photoimg .listcon {
	width: 300%;
}
.showPro .photo .photoimg .prev, .showPro .photo .photoimg .next {
	width: 12px;
	height: 30px;
	z-index: 10;
	position: absolute;
	top: 21px;
	cursor: pointer;
	background: url(../images/spro-btn-ico.png) no-repeat 0 center;
}
.showPro .photo .photoimg .prev {
	left: 0;
}
.showPro .photo .photoimg .next {
	right: 0;
	background-position: -90px center;
}
.showPro .photo .photoimg a {
	width: 95px;
	height: 71px;
	cursor: pointer;
	display: block;
	float: left;
	margin-right: 7px;
}
.showPro .photo .photoimg a img {
	width: 95px;
	height: 71px;
	display: block;
}
.showPro .photo .photoimg a.hover img {
	border: 3px solid #001d8c;
	width: 89px;
	height: 65px;
}
.showPro .imgtxtcon {
	width: 620px;
	height: 488px;
	float: right;
	position: relative;
}
.showPro .imgtxtcon .tit {
	font-size: 24px;
	color: #000;
	line-height: 30px;
	margin-bottom: 10px;
}
.showPro .imgtxtcon .mark {
	color: #888;
}
.showPro .imgtxtcon .line {
	width: 50px;
	height: 3px;
	display: block;
	background: #999999;
	margin: 20px 0;
}
.showPro .imgtxtcon .txtcon .title {
	font-size: 16px;
	margin-bottom: 10px;
}
.showPro .imgtxtcon .txt {
	line-height: 35px;
	height: 280px;
	overflow: hidden;
}
.showPro .imgtxtcon .btn {
	position: absolute;
	left: 0;
	bottom: 10px;
	font-size: 16px;
	-webkit-transition: all ease 300ms;
	-moz-transition: all ease 300ms;
	-ms-transition: all ease 300ms;
	-o-transition: all ease 300ms;
	transition: all ease 300ms;
	width: 135px;
	height: 38px;
	line-height: 38px;
	text-align: center;
	color: #fff;
	background: #001d8c;
}
.showPro .imgtxtcon .btn:hover {
	background: #444;
}
.showPro .showp_txt {
	padding: 0 0 50px 0;
	position: relative;
}
.showPro .showp_txt .tit {
	display: inline-block;
	padding-bottom: 7px;
	border-bottom: 2px solid #001d8c;
	font-size: 18px;
	margin-bottom: 20px;
	font-weight: bold;
}
.showPro .showp_txt .txtcon {
	font-size: 14px;
	color: #000000;
	min-height: 70px;
	line-height: 26px;
}
.showPro .showp_txt .txtcon img {
	max-width: 100%;
	display: block;
}
.showPro .showp_txt.one {
	border-top: 0px;
	padding-top: 25px;
}
.showPro .showp_txt.one .tit {
	top: 25px;
}
/*showNews*/
.showNews {
	width: 100%;
	padding-top: 50px;
	padding-bottom: 30px;
}
.showNews .title {
	font-size: 24px;
	color: #333333;
	text-align: center;
	margin: 10px 0 22px;
	font-weight: bold;
}
.showNews .mark {
	color: #999999;
	height: 38px;
	line-height: 38px;
	text-align: center;
	margin-bottom: 20px;
	border-top: 1px dashed #e5e5e5;
	border-bottom: 1px dashed #e5e5e5;
}
.showNews .mark span {
	margin: 0 10px;
}
.showNews .showContxt {
	color: #666666;
	padding: 0 0 30px;
	line-height: 30px;
}
.showNews .showContxt img {
	max-width: 100%;
}
/* reLink */
.reLink {
	width: 100%;
	height: 25px;
	border-top: 1px solid #d7d6d6;
	padding: 15px 0 20px;
	margin-top: 20px;
}
.reLink .nextLink, .reLink .prevLink {
	width: 50%;
	line-height: 25px;
	color: #666;
	float: left;
}
.reLink .nextLink {
	text-align: right;
	float: right;
}
.reLink a:hover {
	color: #3ba86f;
}
/* pager */
.pager {
	padding: 30px 0 15px;
	text-align: center;
}
.pager:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
.pager {
*zoom: 1;
}
.pager p {
	height: 34px;
	line-height: 34px;
	float: left;
	display: none;
}
.pager ul {
	overflow: hidden;
	margin: 0 auto;
	text-align: center;
}
.pager ul li {
	padding: 0 !important;
	height: auto !important;
	border: none !important;
	display: inline-block;
*display: inline;
	zoom: 1;
}
.pager ul a {
	margin-left: 8px;
	padding: 0 15px;
	height: 38px;
	line-height: 38px;
	border: 1px solid #edebeb;
	text-decoration: none;
	float: left;
}
.pager ul a.current {
	background-color: #3ba86f;
	border-color: #3ba86f;
	color: #fff;
}
.pager ul a.current:hover {
	background-color: #3ba86f;
	border-color: #3ba86f;
	color: #fff;
}
.pager ul a:hover {
	background-color: #3ba86f;
	border-color: #3ba86f;
	color: #fff;
}
.map_ul {
	list-style: outside none none;
	display: block;
	width: 100%;
	padding-top: 10px;
}
.map_ul li {
	display: block;
	width: 100%;
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid #DCDBDB;
	margin-left: 10px;
	float: left;
}
.map_ul li a {
	font-size: 14px;
	float: left;
	width: 100%;
	height: 23px;
	line-height: 23px;
	font-weight: bold;
}
.map_ul .list-inline {
	display: block;
	margin-left: 7%;
	width: 80%;
	min-height: 30px;
}
.map_ul .list-inline a {
	font-weight: normal;
	width: auto;
	float: none;
	line-height: 32px;
	height: 32px;
	margin: 0 10px 10px 0;
	display: inline-block;
	border: 1px solid #ccc;
	padding: 0px 10px;
}
.map_ul .list-inline a:hover {
	background: #001d8c;
	color: #fff;
}
span.bds_more, .bds_tools a {
	line-height: 14px !important;
}
/************** * Animations for content elements * **********/
/* 滞后 */
.delay100 {
	-webkit-animation-delay: 100ms;
	animation-delay: 100ms;
}
.delay200 {
	-webkit-animation-delay: 200ms;
	animation-delay: 200ms;
}
.delay300 {
	-webkit-animation-delay: 300ms;
	animation-delay: 300ms;
}
.delay400 {
	-webkit-animation-delay: 400ms;
	animation-delay: 400ms;
}
.delay500 {
	-webkit-animation-delay: 500ms;
	animation-delay: 500ms;
}
.delay600 {
	-webkit-animation-delay: 600ms;
	animation-delay: 600ms;
}
.delay700 {
	-webkit-animation-delay: 700ms;
	animation-delay: 700ms;
}
.delay800 {
	-webkit-animation-delay: 800ms;
	animation-delay: 800ms;
}
.delay900 {
	-webkit-animation-delay: 900ms;
	animation-delay: 900ms;
}
.delay1000 {
	-webkit-animation-delay: 1000ms;
	animation-delay: 1000ms;
}
.delay1100 {
	-webkit-animation-delay: 1100ms;
	animation-delay: 1100ms;
}
.delay1200 {
	-webkit-animation-delay: 1200ms;
	animation-delay: 1200ms;
}
.delay1300 {
	-webkit-animation-delay: 1300ms;
	animation-delay: 1300ms;
}
.delay1400 {
	-webkit-animation-delay: 1400ms;
	animation-delay: 1400ms;
}
.delay1500 {
	-webkit-animation-delay: 1500ms;
	animation-delay: 1500ms;
}
.delay1600 {
	-webkit-animation-delay: 1600ms;
	animation-delay: 1600ms;
}
.delay1700 {
	-webkit-animation-delay: 1700ms;
	animation-delay: 1700ms;
}
.delay1800 {
	-webkit-animation-delay: 1800ms;
	animation-delay: 1800ms;
}
.delay1900 {
	-webkit-animation-delay: 1900ms;
	animation-delay: 1900ms;
}
.delay2000 {
	-webkit-animation-delay: 2000ms;
	animation-delay: 2000ms;
}
.delay2100 {
	-webkit-animation-delay: 2100ms;
	animation-delay: 2100ms;
}
.delay2200 {
	-webkit-animation-delay: 2200ms;
	animation-delay: 2200ms;
}
.delay2300 {
	-webkit-animation-delay: 2300ms;
	animation-delay: 2300ms;
}
.delay2500 {
	-webkit-animation-delay: 2500ms;
	animation-delay: 2500ms;
}
.delay2700 {
	-webkit-animation-delay: 2700ms;
	animation-delay: 2700ms;
}
.delay2900 {
	-webkit-animation-delay: 2900ms;
	animation-delay: 2900ms;
}
.delay3000 {
	-webkit-animation-delay: 3000ms;
	animation-delay: 3000ms;
}
.delay4000 {
	-webkit-animation-delay: 4000ms;
	animation-delay: 4000ms;
}
.delay4500 {
	-webkit-animation-delay: 4500ms;
	animation-delay: 4500ms;
}
.delay5000 {
	-webkit-animation-delay: 5000ms;
	animation-delay: 5000ms;
}
.onactive .animated {
	-webkit-animation-duration: .8s;
	animation-duration: .8s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
.active .animated.fast {
	-webkit-animation-duration: .5s;
	animation-duration: .5s;
}
.active .animated {
	-webkit-animation-duration: 1.2s;
	animation-duration: 1.2s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
.active .flyInDown {
	-webkit-animation-name: flyInDown;
	animation-name: flyInDown;
}
/* loaction */
.location {
	width: 100%;
	height: 50px;
	line-height: 50px;
	background: #fff;
	position: relative;
	z-index: 9;
	overflow: hidden;
	border-bottom: 1px solid #dedede;
}
.location.chanpin {
	height: 102px;
}
.location .sitepath {
	color: #363636;
	white-space: nowrap;
}
.location .sitepath s {
	width: 12px;
	height: 12px;
	background-position: -489px -213px;
	margin-right: 6px;
}
.location .sitepath a {
	color: #363636;
	padding: 0 5px;
}
.location .sitepath a:hover {
	color: #3ba86f;
}
.location .menu {
	height: 52px;
	line-height: 52px;
	position: relative;
	z-index: 1;
}
.location .menu li {
	padding: 0;
	float: left;
	height: 50px;
	line-height: 50px;
	margin-left: 30px;
	text-align: center;
	-webkit-transition: all ease 300ms;
	-moz-transition: all ease 300ms;
	-ms-transition: all ease 300ms;
	-o-transition: all ease 300ms;
	transition: all ease 300ms;
	color: #363636;
	display: inline-block;
	position: relative;
}
.location .menu li a {
	display: block;
}
.location .menu li i {
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 0;
	height: 3px;
	background-color: #3ba86f;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.location .menu li .box {
	width: 400px;
	text-align: left;
	position: absolute;
	left: 0;
	top: 60px;
	display: none;
}
.location .menu li .box a {
	display: inline-block;
	height: 40px;
	line-height: 40px;
	vertical-align: top;
	margin-right: 14px;
}
.location .menu li .box a s {
	width: 4px;
	height: 4px;
	border-radius: 100%;
	display: inline-block;
	vertical-align: middle;
	background: #999;
	margin-right: 5px;
}
.location .menu li:hover i, .location .menu li.hover i {
	width: 100%;
	margin-left: -50%;
}
.location .menu li:hover a, .location .menu li.hover a {
	color: #3ba86f;
}
.location .menu li:hover .box {
	display: block;
}
.menu_pro {
	line-height: 52px;
	position: relative;
	z-index: 1;
	text-align: center;
	padding-top: 50px;
}
.menu_pro li {
	height: 40px;
	line-height: 40px;
	margin: 5px;
	display: inline-block;
}
.menu_pro li a {
	display: block;
	border: 1px solid #dcdcdc;
	text-align: center;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	overflow: hidden;
	height: 40px;
	line-height: 40px;
	padding: 0 10px;
}
.menu_pro li:hover a, .menu_pro li.hover a {
	border: 1px solid #3ba86f;
	color: #fff;
	background: #3ba86f;
}
.part_1 {
	padding-top: 50px;
	display: block;
	height: 500px;
	padding-bottom: 40px;
}
.part_1 b {
	float: left;
	width: 807px;
	height: 500px;
	display: block;
	background: url(../images/a7_03.jpg) center center no-repeat;
}
.part_1 ul {
	float: right;
	width: 326px;
	padding-top: 26px;
}
.part_1 ul li {
	padding-bottom: 50px;
}
.part_1 ul li p {
	font-size: 18px;
	color: #3ba86f;
	font-weight: bold;
	line-height: 18px;
}
.part_1 ul li p span {
	display: inline-block;
	font-size: 16px;
	color: #333333;
	font-family: "Arial";
	font-weight: normal;
}
.part_1 ul li i {
	display: block;
	font-size: 16px;
	color: #333;
	line-height: 16px;
	padding-top: 10px;
}
.ntit_li {
	padding-bottom: 140px;
}
.ntit_li ul {
	display: inline-block;
}
.ntit_li li {
	float: left;
	width: 150px;
	text-align: center;
	margin-top: 50px;
	margin-right: 112px;
}
.ntit_li li i {
	display: inline-block;
	width: 67px;
	height: 56px;
	background: url(../images/a8_03.jpg) center center no-repeat;
}
.ntit_li li p {
	font-size: 18px;
	color: #3ba86f;
}
.ntit_li li p span {
	display: block;
	font-size: 16px;
	color: #333333;
}
.ntit_li li.li2 i {
	background: url(../images/a8_05.jpg) center center no-repeat;
}
.ntit_li li.li3 i {
	background: url(../images/a8_07.jpg) center center no-repeat;
}
.ntit_li li.li4 i {
	background: url(../images/a8_09.jpg) center center no-repeat;
}
.ntit_li li.li5 i {
	background: url(../images/a8_11.jpg) center center no-repeat;
}
.ntit_li li.li6 i {
	background: url(../images/a8_18.jpg) center center no-repeat;
}
.ntit_li li.li7 i {
	background: url(../images/a8_19.jpg) center center no-repeat;
}
.ntit_li li.li8 i {
	background: url(../images/a8_22.jpg) center center no-repeat;
}
.ntit_li li.li9 i {
	background: url(../images/a8_25.jpg) center center no-repeat;
}
.ntit_li li.li10 i {
	background: url(../images/a8_27.jpg) center center no-repeat;
}
.ntit_li li.li5, .ntit_li li.li10 {
	margin-right: 0;
}
.jobPage {
	padding-top: 30px;
}
.jobPage .item {
	padding: 10px 25px 0;
	margin-bottom: 20px;
	position: relative;
}
.jobPage .item .top {
	height: 80px;
	padding-left: 20px;
	cursor: pointer;
	border: #e5e5e5 solid 1px;
	border-left: 4px solid #e5e5e5;
}
.jobPage .item .top em {
	float: right;
	margin: 20px 20px 0 0;
	display: block;
}
.jobPage .item.hover .top {
	border-left: 4px solid #3ba86f;
}
.jobPage .item.hover .bottom {
	border-left: 4px solid #3ba86f;
}
.jobPage .item.hover .top s {
	background-position: -265px -55px;
}
.jobPage .item .top h3 {
	font-size: 18px;
	color: #333;
	font-weight: normal;
	padding-top: 12px;
}
.jobPage .item .top i {
	display: block;
	padding-top: 6px;
}
.jobPage .item .top i span {
	padding-right: 20px;
}
.jobPage .item .bottom {
	padding: 20px 30px 5px;
	line-height: 32px;
	border: #e5e5e5 solid 1px;
	border-top: none;
}
.hidden {
	display: none;
}
.jobPage .item .bottom {
	line-height: 32px;
}
.jobPage .morebtn {
	width: 535px;
	height: 35px;
	line-height: 35px;
	position: relative;
	margin: 0 auto;
	padding: 30px 0;
	cursor: pointer;
	text-align: center;
}
.jobPage .morebtn h3 {
	display: inline-block;
	padding: 0 20px;
	font-size: 16px;
	background: #fff;
	position: relative;
	z-index: 10;
}
.jobPage .morebtn .line {
	width: 100%;
	height: 1px;
	display: block;
	position: absolute;
	left: 0;
	top: 50%;
	background: #dcdcdc;
}
.part_2 .floor_5_2 {
	width: 1200px;
	margin: 0 auto;
	padding-bottom: 140px;
}
.part_2 .floor_5_2 h3 {
	font-size: 42px;
	padding-top: 42px;
}
.part_2 .floor_5_2 .nice-validator {
	padding-top: 76px;
}
.part_2 .floor_5_2 .mitem {
	float: left;
	width: 284px;
}
.part_2 .floor_5_2 .mitem input {
	float: left;
	width: 222px;
}
.part_2 .floor_5_2 .mitem.youxiang {
	width: 530px;
}
.part_2 .floor_5_2 .mitem select {
	width: 478px;
}
.part_2 .floor_5_2 .mitem.liuyan {
	width: 1168px;
	height: 76px;
	display: block;
}
.part_2 .floor_5_2 .mitem.liuyan textarea {
	width: 1092px;
}
.part_2 .floor_5_2 .itemsub .btn {
	width: 297px;
	height: 55px;
	margin-right: 0;
	line-height: 55px;
	float: none;
	border: 0px;
	margin-top: 20px;
	color: #fff;
	cursor: pointer;
	font-size: 18px;
	background: url(../images/a9_03.jpg);
}
.part_2 .floor_5_2 .mitem .n-top {
	position: absolute;
	left: 0;
	top: 6px;
}
.Industrypage .part_8 {
	width: 1200px;
	margin: 0 auto;
	margin-top: 50px;
}
.auto_top {
	background: url(../images/a11_02.jpg) center center no-repeat;
	width: 100%;
	height: 800px;
	position: relative;
}
.auto_tt {
	width: 1200px;
	margin: 0 auto;
}
.auto_t1 {
	width: 585px;
	position: relative;
	top: 84px;
	left: 50%;
}
.auto_t1 h3 {
	font-size: 36px;
	color: #fff;
	font-weight: normal;
	line-height: 36px;
}
.auto_t1 h3 span {
	font-size: 14px;
	color: #fff;
	font-family: "Arial";
	display: block;
}
.auto_t2 {
	border-bottom: #506075 dashed 1px;
	border-top: #506075 dashed 1px;
	height: 108px;
	margin-top: 38px;
}
.auto_t2 dl {
	float: left;
	padding-top: 20px;
	display: inline-block;
}
.auto_t2 dl.dl2 {
	float: right;
}
.auto_t2 dl dt {
	font-size: 24px;
	color: #fff;
	float: left;
	width: 71px;
	border-right: #506075 solid 1px;
}
.auto_t2 dl dt span {
	font-size: 50px;
	color: #fff;
	line-height: 50px;
	display: block;
}
.auto_t2 dl dd {
	font-size: 16px;
	color: #fff;
	float: left;
	padding-left: 12px;
	padding-top: 12px;
}
.auto_t2 dl dd span {
	font-size: 12px;
	color: #fff;
	line-height: 12px;
	display: block;
	font-family: "Arial";
	padding-top: 8px;
}
.auto_t2 dl.dl2 dt {
	width: 130px;
}
.auto_t1 p {
	font-size: 14px;
	color: #fff;
	line-height: 30px;
	text-indent: 28px;
	padding-top: 40px;
}
.auto_tc {
	height: 510px;
	margin-top: 20px;
}
.auto_tcw {
	width: 1200px;
	margin: 0 auto;
	position: relative;
	height: 510px;
}
.auto_tcw i {
	display: block;
	width: 950px;
	height: 510px;
	background: url(../images/a12_03.jpg) center center no-repeat;
	position: absolute;
	top: 0;
	left: 50%;
}
.auto_tcw dl {
	width: 570px;
}
.auto_tcw dl dt {
	font-size: 14px;
	color: #333;
	line-height: 30px;
	text-indent: 28px;
	padding-top: 80px;
}
.auto_tcw dl dd a {
	display: inline-block;
	width: 252px;
	height: 45px;
	border: #e5e5e5 solid 1px;
	text-align: center;
	line-height: 45px;
	margin-top: 38px;
	margin-right: 10px;
}
.auto_tcw dl dd a:hover {
	background: url(../images/a13_03.jpg) center center no-repeat;
	color: #fff;
	border: none;
}
.auto_tc {
	height: 510px;
	margin-top: 20px;
}
.auto_tcw {
	width: 1200px;
	margin: 0 auto;
	position: relative;
	height: 510px;
}
.auto_tcw i {
	display: block;
	width: 950px;
	height: 510px;
	background: url(../images/a12_03.jpg) center center no-repeat;
	position: absolute;
	top: 0;
	left: 50%;
}
.auto_tcw dl {
	width: 570px;
}
.auto_tcw dl dt {
	font-size: 14px;
	color: #333;
	line-height: 30px;
	text-indent: 28px;
	padding-top: 80px;
}
.auto_tcw dl dd a {
	display: inline-block;
	width: 252px;
	height: 45px;
	border: #e5e5e5 solid 1px;
	text-align: center;
	line-height: 45px;
	margin-top: 38px;
	margin-right: 10px;
}
.auto_tcw dl dd a:hover {
	background: url(../images/a13_03.jpg) center center no-repeat;
	color: #fff;
	border: none;
}
.auto_tc1 {
	height: 510px;
	margin-top: 20px;
	padding-bottom: 100px;
}
.auto_tcw1 {
	width: 1200px;
	margin: 0 auto;
	position: relative;
	height: 510px;
}
.auto_tcw1 i {
	display: block;
	width: 950px;
	height: 510px;
	background: url(../images/a12_05.jpg) center center no-repeat;
	position: absolute;
	top: 0;
	left: -30%;
}
.auto_tcw1 dl {
	width: 570px;
	float: right;
}
.auto_tcw1 dl dt {
	font-size: 14px;
	color: #333;
	line-height: 30px;
	text-indent: 28px;
	padding-top: 80px;
}
.auto_tcw1 dl dd a {
	display: inline-block;
	width: 252px;
	height: 45px;
	border: #e5e5e5 solid 1px;
	text-align: center;
	line-height: 45px;
	margin-top: 38px;
	margin-right: 10px;
}
.auto_tcw1 dl dd a:hover {
	background: url(../images/a13_03.jpg) center center no-repeat;
	color: #fff;
	border: none;
}
.girdlist .pic_left h1 {
	text-align: center;
	font-size: 34px;
	font-weight: normal;
}
.girdlist .pic_left .fabu .mark {
	text-align: center;
}
.girdlist .pic_left .fabu .mark span {
	display: inline-block;
	padding: 0 8px;
	padding-top: 10px;
	padding-bottom: 30px;
}
#img {
	position: fixed;
	z-index: 999;
	left: 0;
	margin-top: -486px;
}
.dui a {
	background: url(../images/close.png) no-repeat center #b52618;
	display: block;
	cursor: pointer;
	width: 37px;
	height: 30px;
	position: absolute;
	right: 31%;
	top: 215px;
}
#img .dui {
	background: url(../images/black70.png) center center;
	height: 1000px;
	width: 1920px;
}
#img .dui img {
	margin-top: 228px;
	margin-left: 0%;
}
.goufang #img .dui {
	margin-top: -131px;
}
.goufang #img .dui a {
	right: 31%;
	top: 81px;
}
@media (max-width: 1600px) {
.floor_2 .h3tit {
	padding-top: 50px;
}
#img .dui {
	margin-left: -8%;
}
#img .dui a {
	right: 39%;
}
.goufang #img .dui {
	margin-left: -8%;
}
.goufang #img .dui a {
	right: 39%;
}
.floor_5 .cont {
	padding-top: 100px;
	padding-bottom: 0;
}
}
@media (max-width: 1368px) {
.floor_2 .h3tit {
	padding-top: 50px;
}
.index .cont .line {
	margin: 10px 0 38px;
}
#img .dui {
	margin-left: -13%;
}
#img .dui a {
	right: 44%;
}
.goufang #img .dui {
	margin-left: -13%;
}
.goufang #img .dui a {
	right: 44%;
}
.floor_5 .cont {
	padding-top: 100px;
	padding-bottom: 0;
}
.cont_top {
	padding-top: 30px;
}
}
@media (max-width: 1200px) {
.floor_2 .h3tit {
	padding-top: 90px;
}
.index .cont .line {
	margin: 10px 0 30px;
}
#img .dui {
	margin-left: -20%;
}
#img .dui a {
	right: 51%;
}
.goufang #img .dui {
	margin-left: -13%;
}
.goufang #img .dui a {
	right: 44%;
}
.floor_3 .iabout5 {
	padding-top: 174px;
}
.floor_5 .cont {
	padding-top: 125px;
	padding-bottom: 0;
}
.cont_top {
	padding-top: 40px;
}
}
.main_banner {
	position: relative;
}
.main_banner .item_bg {
	background-position: center !important;
	background-repeat: no-repeat !important;
	background-size: cover !important;
	width: 100%;
	height: 100%;
	display: block;
}
.main_banner .item_bg img {
	display: none;
}
.main_banner .bd {
	position: relative;
	height: 100%;
	z-index: 0;
}
.main_banner .bd li {
	zoom: 1;
	vertical-align: middle;
	float: left;
	position: relative;
	width: 100%;
}
.main_banner .bd li a {
	display: block;
}
.main_banner .bd li img {
	width: 100%;
	min-height: 100%;
	display: block;
}
.main_banner .hd {
	position: absolute;
	left: 0;
	bottom: 18%;
	width: 100%;
	z-index: 3;
}
.main_banner .hd ul {
	text-align: center;
}
.main_banner .hd li {
	height: 2px;
	margin: 0 5px;
	width: 40px;
	display: inline-block;
*display: inline;
*zoom: 1;
	font-size: 0;
	cursor: pointer;
	background: #fff;
	opacity: 0.5;
	filter: alpha(opacity=50);
	-webkit-transition: all ease 300ms;
	-moz-transition: all ease 300ms;
	-ms-transition: all ease 300ms;
	-o-transition: all ease 300ms;
	transition: all ease 300ms;
}
.main_banner .hd li.on {
	opacity: 1;
	filter: alpha(opacity=100);
	height: 5px;
}
.main_banner .prev, .main_banner .next {
	width: 30px;
	height: 60px;
	position: absolute;
	top: 50%;
	z-index: 55;
	display: none;
	margin-top: -90px;
}
.main_banner .prev {
	background-position: -288px -56px;
	left: 0;
}
.main_banner .next {
	background-position: -325px -56px;
	right: 0;
}
.floor_5_2 .mitem .n-top {
	position: absolute;
	left: 0;
	top: 4px;
}
#fmMessage {
	display: block;
	margin-top: 20px;
}
.wrapper {
	width: 100%;
	margin: 0 auto;
	background-color: #fff;
}
.wra_title {
	height: 62px;
	width: 1200px;
	margin: 0 auto;
}
.wra_title .sobtitle {
	line-height: 62px;
	font-size: 15px;
	color: #504e4e;
}
.wra_title .sobtitle i {
	display: block;
	width: 13px;
	height: 16px;
	background-position: -203px -89px;
	float: left;
	margin-top: 24px;
	margin-right: 8px;
}
.wra_title .sobtitle a {
	font-size: 15px;
	color: #504e4e;
	margin: 0 6px;
}
.wra_title h3 {
	line-height: 62px;
	font-size: 22px;
	color: #0464af;
	font-weight: bold;
}
.wrapper .noinfor {
	padding: 0 0 20px;
	text-align: left;
	color: red;
	text-align: center;
}
.searchPage {
	overflow: hidden;
	padding-bottom: 80px;
	padding-top: 50px;
}
.searchPage ul.n-gridlist {
	width: 105%;
}
.searchPage .item {
	float: left;
	width: 270px;
	height: 307px;
	margin-bottom: 20px;
	margin-right: 37px;
	border: #f5f5f5 solid 1px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: rgb(245, 245, 245);
	border-bottom: #f5f5f5 solid 3px;
	position: relative;
}
.searchPage .item a {
	width: 100%;
	display: block;
}
.searchPage .item img {
	width: 270px;
	height: 203px;
	display: block;
	background-size: 100%;
}
.searchPage li.item p {
	font-size: 16px;
	color: #333333;
	display: block;
	padding-left: 18px;
	padding-top: 14px;
}
.searchPage li.item i {
	display: block;
	width: 84px;
	height: 26px;
	border: #c5cdd7 solid 1px;
	border-radius: 14px;
	text-align: center;
	margin-left: 18px;
	line-height: 26px;
	font-size: 14px;
	color: #3488ea;
	margin-top: 14px;
}
.searchPage li.item:hover {
	box-shadow: 0px 2px 11px #dadada;
}
.searchPage li.item:hover p {
	color: #0464af;
}
.searchPage li.item i:hover {
	background-color: #0464af;
	color: #fff;
	border: #0464af solid 1px;
}
.searchPage li.item:hover {
	border-bottom: #0464af solid 3px;
}
.searchPage .item .bg {
	position: absolute;
	width: 280px;
	padding-top: 86px;
	height: 194px;
	left: -280px;
	top: 0;
	z-index: 10;
	background: url(../images/red80.png) repeat 0 0;
	text-align: center;
	-webkit-transition: all ease 300ms;
	-moz-transition: all ease 300ms;
	-ms-transition: all ease 300ms;
	-o-transition: all ease 300ms;
	transition: all ease 300ms;
}
.searchPage .item .bg s {
	width: 50px;
	height: 50px;
	display: block;
	border-radius: 100%;
	margin: 0 auto;
	background-color: #fff;
	background-position: -22px 18px;
}
.searchPage .item:hover {
	background: #fff;
}
.searchPage .item:hover h3 {
	color: #fff;
	background: #333333;
}
.searchPage .item:hover .bg {
	left: 0;
}
.about_tit {
	text-align: center;
	position: relative;
	padding-bottom: 40px;
	margin-bottom: 40px;
}
.about_tit h3 {
	font-size: 30px;
	font-weight: 100;
	position: relative;
	display: inline;
	z-index: 11;
	color: #4e4e4e;
}
.about_tit i {
	background: #bababa;
	width: 200px;
	height: 1px;
	display: block;
	position: absolute;
	right: -226px;
	top: 24px;
	display: block;
}
.about_tit i:first-child {
	left: -226px;
	right: auto;
}
.about_tit p {
	font-size: 66px;
	color: #e0e0e0;
	text-transform: uppercase;
	position: absolute;
	width: 100%;
	text-align: center;
	left: 0;
	top: 3px;
	z-index: 10;
	font-family: Arial;
*zoom: 1;
*display: block;
*height: 94px;
	font-family: "Arial";
}
.about_toi {
	background-color: #fff;/*margin-top: 100px;*/
}
.about_tlo {
	background-color: #fff;
	height: 100px;
	width: 100%;
}
.location.scrollDown {
	position: fixed;
	left: 0;
	top: 0;
}
/* 效果CSS开始 */
.xinxq {
	padding-bottom: 60px;
}
.showImg {
	padding-top: 40px;
}
.mod18 {
	width: 530px;
	position: relative;
	margin: 0 auto;
}
.mod18 .btn1 {
	position: absolute;
	cursor: pointer;
	z-index: 99;
	font-size: 50px;
	font-weight: bold;
}
.mod18 .prev1 {
	left: 10px;
	background: url(../images/prevbtn.png) no-repeat;
}
.mod18 #prevTop, .mod18 #nextTop {
	top: 250px;
	width: 32px;
	height: 48px;
	display: none;
}
.mod18 #prev, .mod18 #next {
	top: 440px;
	width: 10px;
	height: 16px;
	background: url(../images/prevbtn.png) no-repeat;
}
.mod18 .prev1 {
	left: 10px;
	background: url(../images/prevbtn.png) no-repeat;
}
.mod18 #next.btn1.next {
	right: 10px;
	background: url(../images/nextbtn.png) no-repeat;
}
.mod18 li {
	float: left;
}
.mod18 .cf li {
	position: relative;
	color: #fff;
}
.mod18 .cf a {
	display: block;
	width: 530px;
	height: 392px;
	position: absolute;
	color: #fff;
}
.mod18 .cf a img {
	width: 530px;
	height: 392px;
	background-size: 100%;
}
.mod18 .cf li span {
	display: block;
	width: 486px;
	position: absolute;
	left: 75px;
	bottom: 0;
	padding: 10px 20px;
	line-height: 22px;
	text-align: left;
	background: rgba(0,0,0,0.6);
filter:progid:DXImageTransform.Microsoft.gradient( GradientType = 0, startColorstr = "#60000000", endColorstr = "#60000000");
}
.mod18 .picBox {
	width: 530px;
	height: 398px;
	position: relative;
	overflow: hidden;
}
.mod18 .picBox ul {
	height: 398px;
	position: absolute;
	left: 0;
}
.mod18 .picBox li {
	width: 530px;
	height: 398px;
}
.mod18 .listBox {
	width: 430px;
	height: 71px;
	margin: 0 auto;
	position: relative;
	margin-top: 15px;
	overflow: hidden;
}
.mod18 .listBox ul {
	height: 71px;
	position: absolute;
	padding-left: 12px;
}
.mod18 .listBox li {
	width: 106px;
	height: 71px;
	cursor: pointer;
	position: relative;
}
.mod18 .listBox li i {
	display: none;
}
.mod18 .listBox li a {
	display: block;
	width: 92px;
	height: 68px;
}
.mod18 .listBox img {
	border: 3px solid #ffffff;
	width: 89px;
	height: 65px;
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s;
}
.mod18 .listBox .on img {
	border-color: #3ba86f;
}
.showProduct {
	padding-bottom: 30px;
}
.showProduct .imgtxtcon {
	width: 630px;
	float: left;
	margin-left: 40px;
}
.showProduct .imgtxtcon .tit {
	font-size: 24px;
	font-weight: bold;
	color: #3ba86f;
	line-height: 30px;
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px dotted #dedede;
}
.showProduct .imgtxtcon .tit2 {
	color: #999;
	font-size: 14px;
	margin-bottom: 30px;
	line-height: 30px;
	padding-top: 20px;
	text-align: justify;
	height: 178px;
	border-bottom: 1px dotted #dedede;
	overflow: hidden;
}
.showProduct .imgtxtcon .tel {
	font-size: 20px;
}
.showProduct .imgtxtcon .tel strong {
	color: #3ba86f;
	font-size: 40px;
	font-weight: bold;
	line-height: 40px;
}
.showProduct .showp_txt {
	padding: 40px 0 40px 0;
	position: relative;
}
.showProduct .showp_txt .tit {
	border-bottom: 1px solid #eee;
	position: relative;
	padding-bottom: 12px;
	margin-bottom: 15px;
}
.showProduct .showp_txt .tit h3 {
	font-size: 20px;
	color: #333;
}
.showProduct .showp_txt .tit s {
	width: 80px;
	height: 5px;
	display: block;
	position: absolute;
	left: 0;
	bottom: -2px;
	background: #3fb150;
}
.showProduct .showp_txt .txtcon {
	color: #666;
	line-height: 30px;
}
.showProduct .imgtxtcon .btn1, .showProduct .imgtxtcon .btn2 {
	float: left;
	margin-right: 20px;
	font-size: 16px;
	-webkit-transition: all ease 300ms;
	-moz-transition: all ease 300ms;
	-ms-transition: all ease 300ms;
	-o-transition: all ease 300ms;
	transition: all ease 300ms;
	width: 135px;
	height: 38px;
	line-height: 38px;
	margin-left: 25px;
	margin-top: 30px;
	text-align: center;
	color: #fff;
	position: relative;
}
.showProduct .imgtxtcon .btn1 img {
	display: block;
	position: absolute;
	left: 0;
	top: 38px;
	width: 135px;
	height: 0;
	transition: all ease 600ms;
}
.showProduct .imgtxtcon .btn1:hover img {
	height: 135px;
}
.showProduct .imgtxtcon .btn1 {
	background: #3ba86f;
	margin-left: 46px;
}
.showProduct .imgtxtcon .btn1:hover, .showProduct .imgtxtcon .btn2:hover {
	background: #444;
}
.showProduct .imgtxtcon .btn2 {
	text-align: center;
	margin-right: 0;
	margin-left: 0;
	background: #999999;
}
.ArticleTitle h1.bt {
	font-size: 18px;
	line-height: 25px;
	padding: 15px 0;
	text-align: center;
	font-weight: bold;
	color: #333;
	border-bottom: 1px dashed #e1e1e1;
	margin-bottom: 5px;
}
.case_you .mark {
	height: 30px;
	line-height: 30px;
	text-align: center;
	font-size: 12px;
	color: #999;
}
.case_you .mark span:first-child {
	margin-left: 0;
}
.case_you .mark span {
	margin-left: 14px;
}
.case_you .mark span {
	margin-left: 14px;
}
.ny_product .product_lb .case_you ul.tieul li.li {
	width: 201px;
	text-align: center;
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
}
.ny_product .product_lb .case_you ul.tieul li.li img {
	width: 100%;
}
.rongyu {
	width: 866px;
	overflow: hidden;
}
.ny_product .product_lb .case_you ul.tieul li.li p {
	padding-top: 6px;
}
.ny_product .product_lb .case_you ul.tieul {
	width: 105%;
}
.location_top {
	width: 1200px;
	height: 60px;
	margin: 0 auto;
}
.contact_main_3 {
	text-align: center;
	clear: left;
	padding-bottom: 90px;
	padding-top: 20px;
}
.contact_main_3 .title h3 {
	font-size: 30px;
	color: #737373;
	height: 75px;
	font-weight: normal;
}
.contact_main_3 .title h3 span {
	display: block;
	font-size: 14px;
	color: #737373;
	font-family: "Arial";
	text-transform: uppercase;
}
.contact_main_3 .item .txt {
	width: 367px;
	height: 56px;
	font-size: 14px;
	line-height: 56px;
	text-indent: 8px;
	border: none;
	background-color: #f1f1f1;
	color: #737373;
	padding-left: 6px;
*text-indent: 0px;
}
.contact_main_3 .item .area {
	width: 1188px;
	height: 148px;
*margin-left: -8px;
	background: #f1f1f1;
	font-size: 14px;
	text-indent: 8px;
	line-height: 18px;
	resize: none;
*resize: none;
	-webkit-appearance: none;
	color: #737373;
	border: none;
	line-height: 40px;
	padding-left: 6px;
}
.contact_main_3 .submit {
	display: block;
	clear: left;
}
.contact_main_3 .submit .btn1 {
	width: 278px;
	height: 52px;
	margin-top: 50px;
	font-size: 16px;
	line-height: 52px;
	color: #016dbd;
	cursor: pointer;
	border: #d3d7e3 solid 1px;
	background-color: #fff;
	display: inline-block;
}
.contact_main_3 .submit .btn:hover {
	background-color: #F0F0F0;
}
.contact_main_3 .item {
	float: left;
	position: relative;
	width: 373px;
	padding-top: 20px;
}
.contact_main_3 .item .n-top {
	position: absolute;
	left: 0;
	top: 20px;
}
.contact_main_3 .item.item4, .contact_main_3 .item.item3 {
	margin-left: 38px;
*margin-left:0px;
}
.aboutPage {
	padding-top: 50px;
}
.contact_main_3 .item.item3, .contact_main_3 .item.item5 {
*margin-right:38px;
}
.news_xin {
	padding-bottom: 60px;
}
.part_2 .news_ul {
	width: 1200px;
	margin: 0 auto;
	padding-bottom: 40px;
	padding-top: 12px;
}
.part_2 .news_ul li {
	padding: 37px 0;
	border-bottom: 1px solid #eaeaea;
	position: relative;
}
.part_2 .news_ul li .box1 {
	width: 253px;
	height: 190px;
	overflow: hidden;
}
.part_2 .news_ul li .box1 img {
	width: 253px;
	height: 190px;
	transition: ease-in-out .9s;
}
.part_2 .news_ul li .box2 {
	padding-left: 42px;
	width: 759px;
	padding-top: 30px;
}
.part_2 .news_ul li .box2 h1 {
	font-size: 20px;
	color: #333;
	height: 26px;
	line-height: 26px;
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s;
}
.part_2 .news_ul li .box2 p {
	color: #666;
	line-height: 24px;
	padding-top: 10px;
	height: 75px;
}
.part_2 .news_ul li .box2 span {
	font-size: 12px;
	color: #999;
}
.part_2 .news_ul li .right {
	padding-right: 15px;
	padding-top: 55px;
	text-align: center;
}
.part_2 .news_ul li .right h3 {
	font-size: 36px;
	color: #999;
	font-weight: 100;
}
.part_2 .news_ul li .right p {
	font-size: 24px;
	color: #bbb;
	padding-top: 10px;
}
.part_2 .news_ul li a {
	display: block;
	cursor: pointer;
	width: 100%;
	height: 100%;
}
.part_2 .news_ul li a:hover img {
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
}
.part_2 .news_ul li a:hover h1 {
	color: #3ba86f;
}
.part_2 .news_ul li b {
	display: block;
	width: 100px;
	height: 30px;
	border: #ccc solid 1px;
	text-align: center;
	line-height: 30px;
	font-weight: normal;
	position: absolute;
	right: 12px;
	top: 161px;
}
.htmleaf-container {
	float: left;
	width: 530px;
}
/*relateNews*/
.relateNews {
	width: 100%;
	overflow: hidden;
}
/*n-tit*/
.n-tit h3 {
	line-height: 35px;
	font-size: 24px;
}
.n-tit s {
	width: 4px;
	height: 22px;
	margin-right: 15px;
	background: #3ba86f;
	display: inline-block;
	vertical-align: middle;
}
.n-tit .more {
	font-size: 16px;
	width: 120px;
	height: 30px;
	text-align: center;
	line-height: 30px;
	margin-top: 10px;
	border: 1px solid #ddd;
	transition: all ease 600ms;
}
.n-tit .more:hover {
	width: 150px;
	transition: all ease 600ms;
	color: #3ba86f;
}
@-webkit-keyframes flyInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
}
}
@keyframes flyInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-20px);
-moz-transform: translateY(-20px);
-ms-transform: translateY(-20px);
transform: translateY(-20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.active .flyInRight {
	-webkit-animation-name: flyInRight;
	animation-name: flyInRight;
}
@keyframes flyInRight {
0% {
opacity: 0;
-webkit-transform: translateX(100px);
-moz-transform: translateX(100px);
-ms-transform: translateX(100px);
transform: translateX(100px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.active .flyInUp {
	-webkit-animation-name: flyInUp;
	animation-name: flyInUp;
}
@keyframes flyInUp {
0% {
opacity: 0;
-webkit-transform: translateY(50px);
-moz-transform: translateY(50px);
-ms-transform: translateY(50px);
transform: translateY(50px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.active .flyInLeft {
	-webkit-animation-name: flyInLeft;
	animation-name: flyInLeft;
}
@-webkit-keyframes flyInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-200px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
}
}
@keyframes flyInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-200px);
-moz-transform: translateX(-200px);
-ms-transform: translateX(-200px);
transform: translateX(-200px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.active .opacityI {
	-webkit-animation-name: zoomIn;
	animation-name: zoomIn;
}
@-webkit-keyframes opacityI {
0% {
opacity: 0;
}
50% {
opacity: 1;
}
}
@keyframes opacityI {
0% {
opacity: 0;
}
50% {
opacity: 1;
}
}
.active .shake {
	-webkit-animation-name: shake;
	animation-name: shake;
	-webkit-animation-delay: 6s;
	animation-delay: 6s;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}
@keyframes shake {
0% {
transform: translateX(0);
}
10%, 30%, 50%, 70%, 90% {
transform: translateY(-10px);
}
20%, 40%, 60%, 80% {
-transform: translateY(6px);
}
100% {
transform: translateY(0);
}
}
@-webkit-keyframes shake {
0% {
-webkit-transform: translateX(0);
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform: translateY(-10px);
}
20%, 40%, 60%, 80% {
-webkit-transform: translateY(6px);
}
100% {
-webkit-transform: translateY(0);
}
}
@-moz-keyframes shake {
0% {
-moz-transform: translateX(0);
}
10%, 30%, 50%, 70%, 90% {
-moz-transform: translateY(-10px);
}
20%, 40%, 60%, 80% {
-moz-transform: translateY(6px);
}
100% {
-moz-transform: translateY(0);
}
}
@-o-keyframes shake {
0% {
-o-transform: translateX(0);
}
10%, 30%, 50%, 70%, 90% {
-o-transform: translateY(-10px);
}
20%, 40%, 60%, 80% {
-o-transform: translateY(6px);
}
100% {
-o-transform: translateY(0);
}
}
@-ms-keyframes shake {
0% {
-ms-transform: translateX(0);
}
10%, 30%, 50%, 70%, 90% {
-ms-transform: translateY(-10px);
}
20%, 40%, 60%, 80% {
-ms-transform: translateY(6px);
}
100% {
-ms-transform: translateY(0);
}
}
.active .zoomIn {
	-webkit-animation-name: zoomIn;
	animation-name: zoomIn;
}
@-webkit-keyframes zoomIn {
0% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
50% {
opacity: 1;
}
}
@keyframes zoomIn {
0% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
-ms-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
50% {
opacity: 1;
}
}
@-webkit-keyframes scaleIn {
0% {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
50% {
opacity: 1;
-webkit-transform: scale(1.02);
transform: scale(1.02);
}
}
@keyframes scaleIn {
0% {
opacity: 1;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
50% {
opacity: 1;
-webkit-transform: scale(1.02);
-ms-transform: scale(1.02);
transform: scale(1.02);
}
}


/*# sourceMappingURL=style.css.map */