﻿@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:#4b5a75}
.xa-login{position:absolute;width:50%;text-align:right;top:0;right:8.33333333%}
.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;display:none}
.x-banner .owl-carousel .owl-nav button.owl-prev:hover,.x-banner .owl-carousel .owl-nav button.owl-next:hover{background:#4b5a75}
.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:#f26c00}
.x-banner .owl-carousel .owl-dots button.owl-dot.active{background:#f26c00}
@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:#4b5a75;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:#fff url(../images/pro_bg.jpg) repeat-x;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:#4b5a75}
@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:#fff url(../images/case_bg.jpg) repeat-x;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:#4b5a75}
.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:#4b5a75}
.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']:-ms-input-placeholder,.x-message-wrap textarea:-ms-input-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:#4b5a75}
.n-default .n-invalid{border-color:#4b5a75 !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{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}
.x-layout{background:url(../images/layout_bg.jpg) top center no-repeat;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}
#toolbar{position:fixed;z-index:9999;right:17px;bottom:10%}
#toolbar li{margin-bottom:3px;font-size:0;width:57px;height:57px;right:0;position:relative}
#toolbar li a{display:block;position:absolute;z-index:9;right:0;top:0;width:57px;height:57px;overflow:hidden;background:#292e39;-webkit-transition:all .5s ease;transition:all .5s ease;white-space:nowrap;font-size:0}
#toolbar li .icon-font{display:inline-block;vertical-align:middle;width:57px;height:57px;background-color:#d9d9d9}
#toolbar li .icon-qq:after{background-position:0 -150px}
#toolbar li .icon-phone:after{background-position:0 -90px}
#toolbar li .icon-ewm:after{background-position:0 -30px}
#toolbar li .icon-message:after{background-position:0 -120px}
#toolbar li .icon-top:after{background-position:0 -60px}
#toolbar li .icon-wangwang:after{background-position:0 0}
#toolbar li .wz{display:inline-block;line-height:57px;font-size:14px;color:#fff;vertical-align:middle;padding-left:10px}
#toolbar 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}
#toolbar li.ewm .ewm-box p{margin-bottom:0}
#toolbar li.ewm .ewm-box img{max-width:100%}
#toolbar 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 li.ewm:hover .icon{background-position:-57px -180px}
#toolbar li.ewm:hover .ewm-box{opacity:1;visibility:visible;-webkit-transform:translateY(0);transform:translateY(0)}
#toolbar li.backtop{cursor:pointer}
#toolbar li.backtop .iconfont{color:#fff;background-color:#292e39}
#toolbar li:hover a{width:200px}
#toolbar li:hover .icon-font{background-color:#292e39}
#toolbar li:hover .icon-qq:after{background-position:-30px -150px}
#toolbar li:hover .icon-phone:after{background-position:-30px -90px}
#toolbar li:hover .icon-ewm:after{background-position:-30px -30px}
#toolbar li:hover .icon-message:after{background-position:-30px -120px}
#toolbar li:hover .icon-wangwang:after{background-position:-30px 0}
#toolbar li:hover .icon-top:after{background-position:-30px -60px}
@media (max-width:990px){#toolbar{display:none}
}.page-position{padding:15px 0;font-size:14px;color:#4b5a75}
.page-position a{color:#4b5a75;font-size:14px}
.page-position a:hover{color:#4b5a75}
.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:#c8242b;padding:10px 20px;position:relative}
.blue-bg{background:#4b5a75}
.xypg-left-title h3{font-size:20px;color:#fff;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:#444444;}
.latest-news li a:before{ color:#c8242b; content:'+';font-weight:bold;margin-right:5px;font-size:16px}
.latest-news li a:hover{color:#c8242b; padding-left:1px; }
.latest-news li a:hover:before{color:#4b5a75}
.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:#4b5a75;border-color:#4b5a75}
.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}
.xypg-right-content{line-height:30px;font-size:16px;padding-top:10px}
.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:#4b5a75;background:#4b5a75}
.xymob-left-close-btn{display:none}
@media (max-width:990px){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(../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:#4b5a75}
.xypg-left-nav > li:hover .first-nav-btn,.xypg-left-nav > li.clicked .first-nav-btn{color:#4b5a75}
.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:#4b5a75}
.xypg-left-nav .xypg-left-subnav > li.clicked > a{color:#4b5a75}
.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:#4b5a75}
.xypg-left-nav .xypg-left-threenav > li.clicked > a{color:#4b5a75}
@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%;font-size:0}
.xypg-product-list li{display:inline-block;vertical-align:bottom;width:30.333%;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 .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:#292e39}
.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:#4b5a75}
.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;color:#000;font-size:14px;color:#f7f7f7;border:1px solid #e1e1e1;-webkit-transition:all .5s ease;transition:all .5s ease;background:#41516e}
.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:#c8242b}
@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(../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:#4b5a75}
.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 .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;line-height:30px;color:#333;line-height:1.7}
.xypg-detail-con img,.xypg-detail-con p img{width:auto !important;max-width:100%}
.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 #4b5a75;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:#4b5a75}
.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 b:after{content:'\FF1A'}
.xypg-detail-pn div a{float:left;width:75%;font-size:14px;color:#666666}
.xypg-detail-pn div a:hover{color:#c8242b;   }
@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:#4b5a75;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:#4b5a75}
.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:75px;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:75px;text-align:right;font-size:12px;color:#666666}
.relate-news-list li:hover a{color:#4b5a75}
.relate-news-list li:hover a:before{color:#4b5a75}
.relate-news-list li:hover span{color:#4b5a75}
@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}
@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}
}#message-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:#4b5a75}
.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-image:url(../images/file_icon.png);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:#4b5a75}
.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;display:block;text-align:center;width:100%;height:390px;font-size:0}
.page-product-detail-effect .big-img img{max-width:100%;max-height:100%;display:inline-block;vertical-align:middle}
.page-product-detail-effect .big-img: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:#4b5a75}
.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:#4b5a75;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){.page-product-detail-effect .big-img{height:280px}
.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:#2f2f2f;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:#4b5a75;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 #4b5a75}
.product-detail-tab .product-detail-tabcon{padding:15px 0}
.product-detail-tab .product-detail-tabcon img,.product-detail-tab .product-detail-tabcon p img{}
@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}
}.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(../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:#4b5a75}
.tag-menu li.active a{color:#4b5a75}
.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 .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%}
.related-product{overflow:hidden}
.related-product ul{width:900px;margin-top:20px}
.related-product .title,.relatedTitle{background:#e1e1e1;height:40px;line-height:40px}
.related-product .title span,.relatedTitle span{display:inline-block;color:#fff;background:#4b5a75;width:120px;height:40px;text-align:center;font-size:14px}
.related-product li{float:left;width:280px;margin-bottom:20px;margin-right:17px;border:1px solid #ddd;background:#eee;text-align:center}
.related-product li a{display:block;width:280px}
.related-product li img{width:270px;height:230px;padding:5px;background:#fff}
.related-product li span{height:35px;line-height:35px;padding:0 5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}
.related-product li:hover{border:1px solid #21236e}