@charset "UTF-8";*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
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;padding-bottom:50px}
}
.xymob-search-close-btn .icon-close:before{content:""}
.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;position:relative}
.xymob-nav .xymob-sub-menu > li > a{display:block;font-size:14px;color:rgba(255,255,255,0.8);line-height:50px;text-indent:2em}
.xymob-dlbtn{margin-top:40px}
.xymob-dlbtn a{text-align:center;display:block;width:100%;height:40px;line-height:40px;background:#172a7e;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}
.xa-login{position:absolute;width:50%;text-align:right;top:0;right:8.33333333%}
.max1400{max-width:1430px;padding-left:15px;padding-right:15px;margin:0 auto}
.flex{display:flex;display:-webkit-flex;justify-content:space-between;flex-wrap:wrap;align-items:center}
.x-top{background:#121F44;font-size:14px;height:58px;line-height:58px;color:#fff}
.x-top .wel{color:#fff}
.x-top .hyr a{color:#fff}
.x-top2{height:80px;line-height:80px}
.x-top2 .dlogo{height:80px;line-height:80px}
.x-top2 .nnav{width:70%}
.x-menu{width:100%;display:flex;flex-wrap:nowrap;justify-content:space-between}
.x-menu > li{position:relative}
.x-menu > li > a{font-size:16px;color:#fff;line-height:60px;display:block;padding:0 40px}
.x-menu > li:hover > a{color:#fff; display:inline; border-bottom:2px solid #fff; padding-bottom:8px; }
.x-menu > li.active > a{color:#fff;display:inline; border-bottom:2px solid #fff; padding-bottom:8px;}
.x-menu .lastli{width:6% !important}
.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:150%;left:-25%;top:60px;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;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}
.x-menu > li .x-sub-menux{position:absolute;left:100%;width:100%;background:#fff;top:80px;border-radius:5px;padding:10px 0;display:none}
.x-menu > li .x-sub-menux li{position:relative}
.x-menu > li .x-sub-menux li a{display:block;text-align:center;font-size:14px;color:#333;line-height:1.5;padding:0.5em}
.x-menu > li .x-sub-menu li:hover .x-sub-menux{display:block}
.x-menu > li .x-sub-menux li a:hover{background:#e9eaeb}
.so{width:50px;cursor:pointer}
.so img{max-width:100%;max-height:25px}
.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}
.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:#172a7e}
.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}
.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-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 button.owl-dot{font-size:12px}
}
.c-about{background:#ffffff;padding:6.25% 0}
.c-about-left{width:43%}
.c-about-title{font-size:2.1rem;position:relative}
.c-about-title:after{content:"";position:absolute;left:0;bottom:-22px;width:88px;height:7px;background:#ffbb02}
.c-about-left .c-about-content{font-size:16px;font-weight:100;line-height:40px;color:#242526;margin-top:3vw}
.c-about-left .c-about-more{width:138px;height:50px;display:block;font-size:18px;font-weight:100;color:#FFFFFF;text-align:center;line-height:50px;background-color:#172a7e;margin-top:2vw}
.c-about-right{width:50%}
.c-about-right img{width:100%}
.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:#172a7e}
.n-default .n-invalid{border-color:#172a7e !important}
.n-default .msg-wrap{top:8px;right:5px;margin-left:0}
.n-default .x-textarea .msg-wrap{top:65px}
.c-link{padding:20px 0;font-size:14px;color:#2a333c;line-height:24px}
.c-link .con{display:flex;flex-wrap:wrap;position:relative}
.c-link span{cursor:pointer;display:block}
.c-link dd{width:calc(100% - 70px)}
.c-link .sec{display:none;position:absolute;bottom:100%;left:0;background:rgba(255,255,255,.6);padding:10px;min-width:120px;z-index:999}
.c-link a{color:#2a333c;padding:0 4px;font-size:14px;line-height:24px}
.foot_nav{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;padding:15px;border-bottom:1px solid #fff}
.foot_nav li{float:left;text-align:center}
.foot_nav li a{font-size:18px;color:#fff;display:block;width:100%}
.foot_nav li .x-nav-menu{width:100%;margin-top:1.43em;display:none}
.foot_nav li .x-nav-menu a{display:block;font-size:14px;line-height:2;color:rgba(255,255,255,.7);font-weight:normal}
.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-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-ewm{text-align:center}
.x-layout-ewm img{width:100%}
.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:#121e42;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:5px 0}
@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}
.sul li{width:48%;margin-bottom:15px}
.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%}
}
@media (max-width:768px){.c-about-left{width:100%;margin-top:15px}
.c-about-title{font-size:24px;margin-bottom:40px}
.c-about-title:after{width:45px;height:4px}
.c-about-left .c-about-content{font-weight:400}
.c-about-left .c-about-more{font-size:16px;width:100px;height:45px;line-height:45px;font-weight:400}
.c-about-right{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}
.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}
}
.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;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}
#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(../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(../images/icon_spirit.png);background-position:-30px -60px}
#toolbar .online-one li .icon-wangwang:after{background-image:url(../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:#172a7e;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 #172a7e;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:#172a7e}
#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(../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(../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(../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:#172a7e}
.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:#172a7e;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:#172a7e}
.latest-news li a:hover:before{color:#172a7e}
.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:#172a7e;border-color:#172a7e}
.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.xymob-page-navbtn span{color:#fff;position:relative;z-index:1}
.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:#172a7e;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:#172a7e;background:#172a7e}
.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:#172a7e}
.xypg-left-nav > li:hover .first-nav-btn,.xypg-left-nav > li.clicked .first-nav-btn{color:#172a7e}
.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:#172a7e}
.xypg-left-nav .xypg-left-subnav > li.clicked > a{color:#172a7e}
.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:#172a7e}
.xypg-left-nav .xypg-left-threenav > li.clicked > a{color:#172a7e}
@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:#172a7e}
.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:#172a7e}
.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:#172a7e}
.xypg-news-list li:hover .more span{color:#fff;background-color:#172a7e}
@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;display:block;height:50px}
.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:#172a7e}
.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}
.xypg-download-list .download-item .download-item-con a{color:#555555}
.xypg-download-list .download-item .download-item-con a:hover{color:#172a7e}
@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:#172a7e;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:#172a7e}
.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:#172a7e;background:#172a7e}
.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:#172a7e}
.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:#172a7e}
.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:#172a7e}
.xypg-detail-con-title{margin:20px 0 10px 0}
.xypg-detail-con-title span{display:inline-block;font-size:18px;color:#172a7e}
.xypg-detail-con{font-size:initial;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:#172a7e;line-height:40px;border-bottom:3px solid #172a7e;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:#172a7e}
.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:#172a7e;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:#172a7e}
@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:#172a7e;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:#172a7e;text-align:center}
.relate-product-slick .owl-item:hover p{color:#172a7e}
.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:#172a7e}
.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:#172a7e}
.relate-news-list li:hover a:before{color:#172a7e}
.relate-news-list li:hover span{color:#172a7e}
@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:#172a7e;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:#172a7e;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:#172a7e}
.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:#172a7e}
.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:#172a7e;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:#172a7e}
.xypg-search-result-box{margin-bottom:20px}
.xypg-search-result-box .xypg-search-title{border-left:3px solid #172a7e;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:#172a7e}
.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:#172a7e}
.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:#172a7e;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;pointer-events:none}
.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:#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:#172a7e;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 #172a7e}
.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{position:relative;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--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;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;font-size:14px}
.user-column{width:100px;float:left}
.user-column img{max-width:100%;border-radius:50%}
.user-name{color:#333;padding-top:5px;display:block;text-align:center}
.comment-content{margin-left:120px;overflow:hidden;position:relative}
@media(max-width:480px){.user-column{width:80px}
.comment-content{margin-left:100px}
}
.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:#172a7e}
.tag-menu li.active a{color:#172a7e}
.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:#172a7e}
.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:#172a7e;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% 15px 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%}
.c-product{background:#121e42;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:#172a7e}
.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:18px;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:#172a7e}
.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}
.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;display:none}
.tybtt dd{font-size:25px;font-weight:normal;color:#ffbb02}
.tybtt dt{font-size:14px;font-weight:normal;color:#a5a5a5}
@media (max-width:768px){.page-banner{display:none}
}
.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}
.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(../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}
.smtg{display:inline-block;position:relative;width:107px;height:30px}
.smtg h3{color:rgba(255,255,255,0.5);background:url(../images/link.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;width:16px;height:14px}
.footer3 ul li .iconfont:before{display:none}
.footer3 ul li:nth-child(1) .iconfont{background:url("../images/b544c19c69b83bbe43c1274f87d99f8463b23472.png") no-repeat 50%}
.footer3 ul li:nth-child(2) .iconfont{background:url("../images/b26655bdcb5a7dc2df997405eb240a45c466bb0f.png") no-repeat 50%}
.footer3 ul li:nth-child(3) .iconfont{background:url("../images/d077420e30ae81b861be3a532ee75cc320e1deb8.png") no-repeat 50%}
.footer3 ul li span{display:inline-block;vertical-align:middle;font-size:14px;color:#ffffff}
.text-danger{color:red}
.evaluation-list li{list-style:none;border-bottom:1px solid #eeeeee;padding:15px 0}
.evaluation-list li a{padding:2px;border:1px solid #eeeeee;display:inline-block;margin-right:5px;width:50px;height:50px;overflow:hidden}
.evaluation-list li a img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}
.evaluation-list li p{font-size:12px;line-height:24px;margin-top:10px;color:#666}
.city-top{background:#eeeeee;height:auto;line-height:24px;padding:35px 0}
.city-top .w1200{display:flex;flex-wrap:wrap;justify-content:space-between}
.city-top .top-link a{color:#fff;background:#1e73ff;border-radius:20px;display:inline-block;height:38px;line-height:38px;padding:0 35px;margin-right:40px}
.city-top .top-link span{color:#333}
.city-cont .about .content{text-align:center;font-size:14px;line-height:27px}
.city-cont .product .product-list{margin-bottom:40px}
.city-cont .product .product-list .cate-title{color:#333;font-size:18px;font-weight:bold;position:relative;height:30px;line-height:30px}
.city-cont .product .product-list .cate-title span{position:absolute;left:0;top:0;z-index:9;background:#fff;padding-right:25px}
.city-cont .product .product-list .cate-title:after{width:100%;height:2px;background:#eeeeee;display:block;content:"";position:absolute;right:0;bottom:12px}
.city-cont .product .product-list .item-list{margin:25px -8px;display:flex;flex-wrap:wrap;justify-content:space-between}
.city-cont .product .product-list .item-list li{width:25%;text-align:center;padding:0 8px}
.city-cont .product .product-list .item-list li .item{box-shadow:0 0 5px #eeeeee}
.city-cont .product .product-list .item-list li .img{overflow:hidden}
.city-cont .product .product-list .item-list li .img img{width:100%;transition:all 0.8s;-webkit-transition:all 0.8s;-moz-transition:all 0.8s;-o-transition:all 0.8s}
.city-cont .product .product-list .item-list li .img:hover img{transform:scale(1.2);-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-o-transform:scale(1.2);-ms-transform:scale(1.2)}
.city-cont .product .product-list .item-list li h3{line-height:60px;text-align:center;font-size:14px;color:#2e2c3e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.city-cont .relete-keyword .list li{display:inline-block;font-size:16px;color:#444444;line-height:48px;background:#f7f7f7;text-align:center;margin:0 8px 20px 8px;padding:0 16px;border-radius:25px}
.city-cont .cont-title{text-align:center;color:#2e2c3e;font-size:18px;margin:50px 0}
.city-cont .cont-title span{position:relative}
.city-cont .cont-title span i{font-style:normal;font-size:18px;color:#95a1bd;text-transform:uppercase;padding-left:10px}
.city-cont .cont-title span:before{width:4px;height:16px;background:#203d81;display:block;content:"";position:absolute;left:-15px;bottom:3px}
.city-cont .cont-title span:after{width:4px;height:16px;background:#203d81;display:block;content:"";position:absolute;right:-15px;bottom:3px}
.city-footer{background:#222222;padding:60px 0;color:rgba(255,255,255,.3);font-size:14px;line-height:27px}
.city-footer a{color:rgba(255,255,255,.3)}
.city-footer a:hover{color:rgba(255,255,255,1)}
.city-footer .footer-l{width:80%}
.city-footer .footer-r{width:20%;text-align:right;font-size:16px;color:rgba(255,255,255,.5)}
.city-cont .pb30{padding-bottom:30px}
@media (max-width:768px){.city-cont .cont-title{margin:30px 0;font-size:16px}
.city-cont .cont-title span i{font-size:16px}
.city-cont .product .product-list .cate-title{font-size:15px}
.city-cont .product .product-list .item-list li{width:50%}
.city-cont .relete-keyword .list li{font-size:14px}
.city-top{padding:20px 0}
.city-footer{font-size:12px;padding:30px 0}
.city-footer .footer-l{width:100%}
.city-footer .footer-r{width:100%;text-align:left;margin-top:10px;font-size:14px}
}
.buy-product{position:relative}
.buy-product span{position:absolute;left:10px;top:-6px;width:14px;height:14px;text-align:center;background:#cd2c38;color:#fff;line-height:14px;border-radius:50%;overflow:hidden;font-size:12px}
.mzsm{max-width:920px;height:1270px;margin:60px auto 0 auto;background:url(../images/flsm-bg.jpg) top center no-repeat}
.mzsm .con{max-width:690px;margin:0 auto;padding-top:100px;font-size:14px;color:#555;line-height:30px}
.mzsm .con p{margin-top:14px;margin-bottom:14px;word-break:break-all}
.holder a{display:inline-block;font-size:14px;color:#333 !important;font-family:Microsoft YaHei,Arial;line-height:26px;border:1px solid #cbcbcb;margin:0 5px;padding:0 8px;font-weight:500}
.holder a.jp-previous{margin-right:5px}
.holder a.jp-next{margin-left:5px}
.holder a.jp-current{color:#fff !important;border-color:#172a7e !important;background:#172a7e !important;font-weight:500}
.holder a:hover{background:#172a7e !important;color:#fff !important;border-color:#172a7e !important;font-weight:500}
.page-banner.video{overflow:hidden}
.fen img{transition:all .4s;width:100%}
.of{overflow:hidden}
.fen:hover img{transform:scale(1.05)}
@media (max-width:1380px){.page-banner.video img{height:300px;width:auto}
}
.page-banner.video .nybt{top:28%}
.page-banner .nybt h3{font-size:32px;text-align:center;text-shadow:0px 2px 4px rgba(0,0,0,0.25)}
.video .videoss{position:absolute;top:53%;left:50%;transform:translateX(-50%);z-index:1;width:628px;height:49px;border:1px solid rgba(230,230,230,1);padding:3px;background:#fff;border-radius:6px}
.video .videoss input{outline:none;padding:0;border:none;height:41px;line-height:41px;background:none}
.video .videoss input#keyword{text-indent:22px;font-size:15px;color:rgba(153,153,153,1);width:calc(100% - 80px)}
.video .videoss input#keyword::-webkit-input-placeholder{color:rgba(153,153,153,1)}
.video .videoss input#s_btn{width:80px;border-radius:3px;background:rgba(0,174,236,1);font-size:16px;color:#fff;text-align:center}
.video_nav{border-bottom:1px solid rgba(235,235,235,1);padding:35px 20px;margin-bottom:35px}
.video_nav .xypg-left-navs{display:flex;justify-content:center;flex-wrap:wrap}
.video_nav .xypg-left-navs li{min-width:79px;line-height:35px;text-align:center;border-radius:5px;background:rgba(223,246,253,1);margin:0 15px;transition:all .3s}
.video_nav .xypg-left-navs li a{font-size:16px;font-weight:400;color:rgba(81,94,99,1);transition:all .3s;padding:6px 14px}
.video_nav .xypg-left-navs li:hover,.video_nav .xypg-left-navs li.on{background:rgba(0,174,236,1)}
.video_nav .xypg-left-navs li:hover a,.video_nav .xypg-left-navs li.on a{color:rgba(255,255,255,1)}
.video-list{display:flex;flex-wrap:wrap;margin-left:-10px;margin-right:-10px}
.video-list li{padding:0 10px 40px;width:25%}
.video-list li a{display:block}
.video-list li a .img img{width:100%}
.video-list li a h3{font-size:14px;font-weight:400;line-height:22px;color:rgba(85,85,85,1);padding-right:22px;text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:12px;margin-bottom:9px}
.video-list li a .tit{display:flex;align-items:center}
.video-list li a .tit .tu{height:18px;margin-right:12px}
.video-list li a .tit .tu.douyin{width:38px;height:17px;background:url("../images/715f457dbaa42bd5a803f1e40c389b216c8920da.png") no-repeat 0 50%}
.video-list li a .tit .tu.kuaishou{width:41px;height:17px;background:url("../images/4ff1f5306750d7d7dfef583cbb9ccde297df19e5.png") no-repeat 0 50%}
.video-list li a .tit .tu.xiaohongshu{width:40px;height:14px;background:url("../images/acdc5f7910211c3a1caa437e6a4c0f7b35bee937.png") no-repeat 0 50%}
.video-list li a .tit .tu.bilibili{width:43px;height:13px;background:url("../images/72f23fa0cdbc979a8af857281c38e665eefc6ab9.png") no-repeat 0 50%}
.video-list li a .tit .tu.haokan{width:46px;height:18px;background:url("../images/2facac7faea605444937d73ce6282a18dd675cbb.png") no-repeat 0 50%}
.video-list li a .tit .time{line-height:18px;font-size:12px;font-weight:400;color:rgba(102,102,102,1)}
@media (max-width:1380px){.page-banner.video img{height:300px;width:auto}
.page-banner.video .nybt{top:calc(18% + 60px)}
.page-banner.video .nybt h3{font-size:22px}
.video .videoss{top:calc(36% + 60px)}
}
@media (max-width:1200px){.video_nav .xypg-left-navs li{margin:0 5px}
.video_nav .xypg-left-navs li a{font-size:14px}
.video-list li{width:33.3333%}
}
@media (max-width:780px){.video .videoss{width:calc(100% - 20px)}
.video-list li{width:50%}
}
@media (max-width:500px){.video_nav .xypg-left-navs li{min-width:auto;width:calc((100% - 30px) / 3);margin-bottom:10px}
}
 
 
#store-list{padding-right:30px}
#store-list li{list-style:none;width:100%;padding-bottom:24px;cursor:pointer;line-height:24px;color:#000000;border-bottom:1px solid #000000;font-size:14px;padding-left:15px;padding-top:26px}
#store-list li span{display:block;float:left;width:32px}
#store-list li .text{text-align:justify;float:left;width:calc(100% - 32px)}
#store-list li .text h3{font-weight:normal;font-size:14px;line-height:24px}
#store-list li .text .address,#store-list li .text .phone{font-size:14px;line-height:24px}
#store-list .no-result{color:#333;text-align:center}
@media (max-width:1200px){.map .store .store-btn{margin-top:30px}
.map .store > h3{font-size:24px}
.map .store .store-btn select{font-size:14px}
}
@media (max-width:480px){.map .store{width:100%;padding:10px}
.map{flex-wrap:wrap}
#l-map{width:100%;height:350px}
}
.flex1{display:flex}
.product-detail-item li .price{color:#F40;font-weight:700;font-size:26px;display:inline-block}
.page-product-detail-box .sum1{align-items:center;line-height:24px}
.page-product-detail-box .sum1 span:nth-child(1){font-size:14px;line-height:30px;color:#777272}
.page-product-detail-box .sum1 .num{display:flex;align-items:center;color:#777272;font-size:14px;border:1px solid #ccc}
.page-product-detail-box .sum1 .num button{border:none;background:#ededed;text-align:center;padding:0;font-size:20px;width:24px}
.page-product-detail-box .sum1 .num input{width:28px;background:none;text-align:center;border:none;border-left:1px solid #ccc;border-right:1px solid #ccc}
.page-product-detail-box .sum1 span:nth-child(3){color:#F40;font-size:14px;padding-left:10px;font-weight:600}
.product-detail-item li .type{display:inline-block}
.product-detail-item li .type p{margin:0 2px;display:inline-block;cursor:pointer}
.product-detail-item li .type p.on span{border-color:#F40}
.product-detail-item li .type p span{border:1px solid #ccc;padding:2px 4px}
.productyanglist li{padding:15px 0}
.productyanglist li h2{font-size:16px}
.productyanglist li .con{font-size:14px;margin-top:15px}
.cpcomment{margin-top:20px}
.cpcomment h2{font-weight:500;font-size:20px;color:#666;border-bottom:1px solid #d3d3d3;margin-bottom:20px;padding-bottom:11px}
.cpcomment h2 span{font-size:14px;color:#999}
@media(max-width:780px){.cpcomment h2{font-size:14px}
}