@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;}
/*手机端头部*/.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;border: 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(../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: 1.6;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: #a27962;}
/* 扥路*/.xa-login{position: absolute;width: 50%;text-align: right;top: 0;right: 8.33333333%;}
/* 导航样式*/.x-menu{width: 58.75%;float: left;}
.x-menu > li{float: left;position: relative;margin: 0 .15vw;}
.x-menu > li > a{display: block;padding: 0 .8vw;font-size: 14px;color: #000000;line-height: 2.4;}
.x-menu > li > a:hover{background: #292e39;color: #fff;}
.x-menu > li.active > a{background: #292e39;color: #fff;}
.x-menu > li:after{content: '';position: absolute;z-index: 100;width: 100%;left: 0;height: 40px;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: 99;width: 150%;left: -25%;top: 65px;background: #fff;border-radius: 5px;padding: 10px 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;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;}
/* 首页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: #a27962;}
.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;}