@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(../../images/icon_spirit.png);
  background-repeat: no-repeat;
  position: absolute;
  left: calc(50% - 15px);
  top: calc(50% - 15px);
}

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

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

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

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








/* 导航样式 */
.dao{background:#296ecd;}
.x-menu > li {float: left;position: relative;text-align: center;width:14.2857%;}
.x-menu > li > a {display: block;font-size: 16px;color: #fff;line-height: 66px;text-align: center}
.x-menu > li > a:hover {background: #508de2;color: #fff;}


.x-menu > li:after {content: '';position: absolute;z-index: 100;width: 100%;left: 0;height: 40px;opacity: 0;top: 100%;display:none}
.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: 99;width: 100%;left: 0%;top: 66px;background: #fff;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;line-height: 2;font-size: 14px;color: #333;line-height: 1.5;padding: .5em;}
.x-sub-menu > li > a:hover {background: #e9eaeb;}
.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: #448df4;}
.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;}
.x-banner .owl-carousel .owl-dots button.owl-dot:hover {background:#448df4;}
.x-banner .owl-carousel .owl-dots button.owl-dot.active {background:#448df4;}
  

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



















/*手机端头部*/
.xymob-head {
  position: relative;
  z-index: 999999;
  width:100%;
  background: #fff;
}

.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: