@charset "UTF-8";
body{overflow-x:hidden;font-family: "Microsoft YaHei","黑体","arial",sans-serif;}
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: #fff;}
.xymob-head-box{position:relative;height:60px}
.xymob-head-box .xymob-logo{position:absolute;left:0;right:0;bottom:0;top:0;margin:auto;width:70%;height:30px;text-align:center}
.xymob-head-box .xymob-logo h1,.xymob-head-box .xymob-logo a{display:inline;font-size:0}
.xymob-head-box .xymob-logo img{height:25px}
.xymob-navbtn{position:absolute;z-index:9;top:0;bottom:0;right:0;left:0;margin:auto 0 auto 27px;width:30px;height:20px}
.xymob-navbtn span,.xymob-navbtn:after,.xymob-navbtn:before{display:block;height:2px;width:100%;background: #333;-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: 0 -210px;}
.xymob-menu{display:none;position:absolute;z-index:9999;left:0;right:0;height:100vh;background:#151515;padding:0 10%}
.xymob-menu .xymob-menu-box{height:100vh;overflow:auto;padding-bottom:80px}
.xymob-nav > li{border-bottom:1px solid #2b2b2b;position:relative}
.xymob-nav > li > a{display:block;line-height:50px;font-size:16px;color:#ffffff}
.xymob-nav .xymob-menu-jt{position:absolute;width:20%;height:50px;line-height:50px;right:0;top:0;text-align:center;z-index:9}
.xymob-nav .xymob-menu-jt .icon-font{display:block;width:100%;height:100%}
.xymob-nav .xymob-menu-jt .icon-font:after{background-position:-30px -240px}
.xymob-nav .xymob-menu-jt.clicked .icon-font:after{background-position:-30px -270px}
.xymob-nav .xymob-sub-menu{background:#1E1E1E;display:none}
.xymob-nav .xymob-sub-menu > li{border-top:1px dashed #2b2b2b}
.xymob-nav .xymob-sub-menu > li > a{display:block;font-size:14px;color:rgba(255,255,255,0.8);line-height:40px;text-indent:2em}
.xymob-dlbtn{margin-top:40px}
.xymob-dlbtn a{text-align:center;display:block;width:100%;height:40px;line-height:40px;background:#292e39;color:#fff;font-size:16px;border-radius:5px}
.xymob-dlbtn a i{display:inline-block;vertical-align:middle;width:30px;height:30px;margin-right:5px}
.xymob-dlbtn a .icon-dl:after{background-position:-30px -540px}
.xymob-dlbtn a .icon-pn:after{background-position:-30px -600px}
.xymob-dlbtn a .icon-tc:after{background-position:-30px -570px}
.xymob-dlbtn .zx-btn{margin-top:10px;background:none;border:1px solid #fff}
.xymob-search{position:fixed;z-index:99999;left:100%;bottom:0;top:0;width:100%;background:#151515;padding:15px 15% 0 15%;-webkit-transition:all .5s;transition:all .5s}
.xymob-search .xymob-search-close-btn{position:absolute;top:27px;left:30px;width:30px;height:30px;text-align:center;line-height:30px}
@media (max-width:420px){
	.xymob-search .xymob-search-close-btn{left:15px}
}
.xymob-search .xymob-search-close-btn i{width:100%;height:100%;display:block}
.xymob-search .xymob-search-close-btn i:after{background-position:-30px -300px}
.xymob-search .xymob-search-box{height:50px;border-bottom:2px solid #2d2d2d}
.xymob-search .xymob-search-box input[type="text"]{width:80%;float:left;background:none;border:none;outline:none;color:rgba(255,255,255,0.3);font-family:"Microsoft YaHei";font-size:16px;height:50px}
.xymob-search .xymob-search-box #s_btn{width:20%;height:50px;outline:none;cursor:pointer;font-size:0;background:none;border:none}
.xymob-search .xymob-search-box #s_btn .icon-font{display:block;width:100%;height:100%}
.xymob-search .xymob-search-box #s_btn .icon-font:after{background-position:-30px -210px}
.xymob-search .xymob-seaerch-wz span,.xymob-search .xymob-seaerch-wz a{display:block;font-size:14px;color:rgba(255,255,255,0.9);line-height:45px;border-bottom:1px solid #2b2b2b}
.xymob-search.clicked{left:0}
.x-header{background:#ffffff;padding:1.30208333% 0}
.x-logo{float:left;width:15.3125%}
.x-logo a{display:block}
.x-header-right{float:right;width:25%;text-align:right}
.x-header-right #formsearch,.x-header-right .x-login{display:inline-block;vertical-align:middle}
.x-header-right #formsearch{width:calc(100% - 100px);position:relative}
.x-header-right #formsearch:before{content:'|';position:absolute;left:36px;top:5px}
.x-header-right #formsearch #s_btn{float:left;outline:none;border:none;width:35px;height:30px;font-size:0;background-image:url(../images/icon_spirit.png);background-color:transparent;background-repeat:no-repeat;background-position:0 -210px}
.x-header-right #formsearch #keyword{float:left;background:none;outline:none;border:none;width:calc(100% - 35px);color:rgba(0,0,0,0.8);margin-top:5px;height:20px;padding-left:10px}
.x-header-right .x-login{font-size:14px;color:#000000;line-height:30px}
.x-header-right .x-login .username{max-width:75px;vertical-align:-10px;display:inline-block}
.x-header-right .x-login a{color:#000}
.x-header-right .x-login a:hover{color:#FFB300}


/* 导航样式 */

.x-menu{width:calc(100% - 200px);display:flex;justify-content:flex-end}
.x-menu>li{float:left;position:relative;margin:0 .15vw}
.x-menu>li>a{display:block;padding:0 .8vw;font-size:18px;color:#444444;line-height:100px;height:100px}
.x-menu>li>a:hover{color:#db1717}
.x-menu>li:after{content:'';position:absolute;z-index:100;width:100%;left:0;height:0px;opacity:0;top:100%}
.x-menu>li:hover .x-sub-menu{opacity:1;visibility:visible;-webkit-transform:translateY(0);transform:translateY(0)}
.x-sub-menu{position:absolute;z-index:99;width:150%;left:-25%;top:100px;background:#fff;border-radius:0px;padding:0px 0;opacity:0;visibility:hidden;-webkit-transform:translateY(20px);transform:translateY(20px);-webkit-transition:all .5s ease;transition:all .5s ease}
.x-sub-menu>li>a{display:block;text-align:center;line-height:2;font-size:14px;color:#333;line-height:1.5;padding:.5em}
.x-sub-menu>li>a:hover{background:#e9eaeb}





/* 首页banner样式 */
.x-banner .owl-carousel{position:relative}
.x-banner .owl-carousel .banner-item a{display:block}
.x-banner .owl-carousel .owl-nav .owl-prev{left:0}
.x-banner .owl-carousel .owl-nav .owl-next{right:0}
.x-banner .owl-carousel .owl-nav button.owl-prev,.x-banner .owl-carousel .owl-nav button.owl-next{outline:none;position:absolute;top:50%;z-index:9999;background:#424246;height:65px;width:50px;margin-top:-32.5px;border-radius:0;-webkit-transition:all .5s ease;transition:all .5s ease}
.x-banner .owl-carousel .owl-nav button.owl-prev:hover,.x-banner .owl-carousel .owl-nav button.owl-next:hover{background:#db1717}
.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 .7em;outline:none;background:transparent;border:1px solid #fff;border-radius:50%;width:1em;height:1em;opacity:1}
.x-banner .owl-carousel .owl-dots button.owl-dot:hover{opacity:1;background:#fff}
.x-banner .owl-carousel .owl-dots button.owl-dot.active{opacity:1;background:#fff}
@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:#db1717;line-height:1.6}
@media (max-width:1366px){
	.x-about-left ul li h3{font-size:30px}
}
.x-about-left ul li p{font-size:16px;color:rgba(0,0,0,0.9);line-height:1.6;margin-bottom:0}
@media (max-width:1024px){
	.x-about-left > p{font-size:14px}
	.x-about-left ul li h3{font-size:20px}
	.x-about-left ul li p{font-size:14px}
}
.x-about-right{font-size:13px;color:rgba(0,0,0,0.9);line-height:1.846}
@media (min-width:990px){
	.x-about-right{overflow:hidden;padding-left:4.6728972%}
}
.x-about-right strong{display:block;font-size:16px;color:#000;line-height:1.6;margin-bottom:1.1em;font-weight:normal}
.x-about-right p{margin-bottom:0}
@media (max-width:1024px){
	.x-about-right{font-size:12px}
	.x-about-right strong{font-size:14px;color:#000;line-height:1.6;margin-bottom:10px}
}
.x-product{padding:4.16666667% 0 3.125%;background:-webkit-gradient(linear,left top,left bottom,color-stop(30%,#f0f0f0),color-stop(30%,#fff),to(#fff));background:linear-gradient(to bottom,#f0f0f0 30%,#fff 30%,#fff 100%)}
.x-product-list{font-size:0;margin:3.125% -12px 0 -12px}
.x-product-list li{display:inline-block;vertical-align:top;width:calc(25% - 24px);margin:0 12px 45px 12px}
.x-product-list li h3{border:1px solid transparent;border-top:none;font-size:16px;color:#000;line-height:1;padding:2.2em 0;-webkit-transition:all .5s ease;transition:all .5s ease}
.x-product-list li:hover h3{border-color:#e5e5e5;padding-left:.5em;padding-right:.5em;color:#db1717}
@media (max-width:1024px){
	.x-product-list li{margin-bottom:20px}
	.x-product-list li h3{font-size:14px;padding:1em 0}
}
.x-case{padding:4.16666667% 0 5.20833333%;background:-webkit-gradient(linear,left top,left bottom,color-stop(45%,#292e39),color-stop(45%,#fff),to(#fff));background:linear-gradient(to bottom,#292e39 45%,#fff 45%,#fff 100%)}
.x-case-list{margin-top:2.5%;margin-left:13.75%}
@media (max-width:1024px){
	.x-case-list{margin-left:6.25%}
}
.x-case-item{padding:0 1px;background:#fff}
.x-case-item a{display:block;padding:10px 20px 40px 20px;border:1px solid transparent}
.x-case-item .wz{margin-top:30px}
.x-case-item .wz h3{font-size:20px;color:#000;line-height:1.6;margin-bottom:.6em}
.x-case-item .wz p{font-size:14px;color:#000;line-height:1.6;font-weight:100;margin-bottom:2em}
.x-case-item .wz span{display:block}
.x-case-item .wz .icon-right-arrow{display:block;width:25px;height:25px;border:1px solid #b0b3b8;border-radius:50%}
.x-case-item .wz .icon-right-arrow:after{background-position:2px -241px;opacity:.4}
@media (max-width:1024px){
	.x-case-item .wz{margin-top:10px}
	.x-case-item .wz h3{font-size:16px}
	.x-case-item .wz p{font-size:13px;margin-bottom:1.5em}
}
.x-case-item:hover a{border-color:#e5e5e5}
.x-case-item:hover .icon-right-arrow{background:#000;border-color:#000}
.x-case-item:hover .icon-right-arrow:after{background-position:-28px -241px;opacity:1}
.x-company{background:#f0f0f0;padding:2.60416667% 0 2.08333333%}
.x-company-title{font-size:20px;color:rgba(0,0,0,0.9);line-height:1.6}
.x-company-title:after{content:'';display:block;width:20px;height:4px;background:#3d3d3d;margin-top:10px}
@media (max-width:990px){
	.x-company-title{font-size:18px}
	.x-company-title:after{height:3px}
}
.x-company-list{margin-top:1.875%}
.x-company-item{padding:0 15px}
.x-company-item a{display:block;text-align:center;width:100%;height:45px;font-size:0}
.x-company-item a img{max-width:100%;max-height:100%;display:inline-block;vertical-align:middle}
.x-company-item a:after{content:'';height:100%;display:inline-block;vertical-align:middle}
.x-company-item a img{width:auto !important;display:inline-block !important}
.x-news{background:#fff;padding:5.20833333% 0}
.x-news-box{margin-top:3.125%;font-size:0}
@media (min-width:990px){
	.x-news-img{width:43.75%;margin-right:3.4375%;display:inline-block;vertical-align:middle}
}
@media (min-width:990px){
	.x-news-right{display:inline-block;vertical-align:middle;width:52.8125%}
}
.x-news-top{position:relative;padding-right:18.93491124%;margin-bottom:5.91715976%}
.x-news-top h3{font-size:18px;color:#000000;line-height:1.6;border-bottom:1px solid #ededed;padding-bottom:15px;margin-bottom:15px}
.x-news-top p{font-weight:100;font-size:13px;color:#000;line-height:1.6}
.x-news-top .date{position:absolute;right:0;top:0;text-align:center;width:70px}
.x-news-top .date h4{font-size:44px;color:rgba(0,0,0,0.7);line-height:1}
.x-news-top .date h5{font-size:15px;color:rgba(0,0,0,0.7);line-height:1.6}
.x-news-top .date span{display:inline-block}
.x-news-top .date span .icon-right-arrow{display:block;color:#fff;width:25px;height:25px;background:#000;border-radius:50%}
.x-news-top .date span .icon-right-arrow:after{background-position:-28px -241px}
.x-news-top:hover h3{color:#db1717}
.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:#db1717}
.x-news-list li span{position:absolute;right:0;width:80px;text-align:right;top:50%;margin-top:-9px;font-size:13px;color:rgba(0,0,0,0.5)}
.x-link{background:#fff;padding-bottom:1.5%}
.x-message{background:#f0f0f0;padding:2.34375% 0}
.x-message-wrap{margin-left:24.375%;margin-right:24.375%}
@media (max-width:1366px){
	.x-message-wrap{margin-left:12.5%;margin-right:12.5%}
}
.x-message-wrap .row{margin-left:-5px;font-size:0;margin-right:-5px}
.x-message-wrap div[class^='col-']{padding-left:5px;padding-right:5px;position:relative}
.x-message-wrap input[type='text'],.x-message-wrap textarea{width:100%;height:42px;border:1px solid #d8d8d8;padding:0 10px;font-size:14px;color:rgba(0,0,0,0.9);background:#f0f0f0;outline:none;margin-bottom:10px}
.x-message-wrap input[type='text']::-webkit-input-placeholder,.x-message-wrap textarea::-webkit-input-placeholder{color:rgba(0,0,0,0.8)}
.x-message-wrap input[type='text']::-moz-placeholder,.x-message-wrap textarea::-moz-placeholder{color:rgba(0,0,0,0.8)}
.x-message-wrap input[type='text']::-ms-input-placeholder,.x-message-wrap textarea::-ms-input-placeholder{color:rgba(0,0,0,0.8)}
.x-message-wrap input[type='text']::placeholder,.x-message-wrap textarea::placeholder{color:rgba(0,0,0,0.8)}
.x-message-wrap textarea{padding-top:5px;height:95px;resize:none}
.x-message-wrap #checkcode{float:left;width:32.29813665%;margin-bottom:0}
.x-message-wrap .checkCodeImg{float:left;display:block;text-align:center;width:17.39130435%;height:42px;font-size:0;background:#e7e4e4;padding:5px 10px}
.x-message-wrap .checkCodeImg img{max-width:100%;max-height:100%;display:inline-block;vertical-align:middle}
.x-message-wrap .checkCodeImg:after{content:'';height:100%;display:inline-block;vertical-align:middle}
.x-message-wrap .checkCodeImg img{cursor:pointer}
.x-message-wrap .x-submit{float:right;width:49.68944099%;height:42px;background:#2d323b;color:#fff;font-size:14px;border:none;outline:none;-webkit-transition:all .5s ease;transition:all .5s ease}
.x-message-wrap .x-submit:hover{background:#db1717}
.n-default .n-invalid{border-color:#db1717 !important}
.n-default .msg-wrap{top:8px;right:5px;margin-left:0}
.n-default .x-textarea .msg-wrap{top:65px}

/* 手机样式 */
@media (max-width: 990px) {
  .x-title h3{font-size:14px;margin-top:5px}
	.x-title h3 span{display:inline-block;margin-left:5px}
	.x-title h3 span:before{margin-right:5px;content:'-'}
	.x-about .x-title{margin-bottom:20px}
	.x-about-left{margin-bottom:15px;border-bottom:1px solid #efefef;padding-bottom:10px}
	.x-product-list{margin-left:-5px;margin-right:-5px;margin-top:20px}
	.x-product-list li{width:calc(50% - 10px);margin-left:5px;margin-right:5px;margin-bottom:10px}
	.x-case-list{margin-left:0;margin-top:20px}
	.x-case-item a{padding:10px}
	.x-company-title{font-size:14px}
	.x-company-title p{margin-bottom:0}
	.x-company-title:after{margin-top:5px}
	.x-company-list{margin-top:15px}
	.x-news-box{margin-top:20px}
	.x-news-img,.x-news-right{width:100%}
	.x-news-img{margin-bottom:15px}
	.x-news-top h3{font-size:16px;padding-bottom:7px;margin-bottom:7px}
	.x-news-top p{font-size:12px}
	.x-news-top .date h4{font-size:30px}
	.x-news-top .date h5{font-size:12px}
	.x-message-wrap{margin-left:0;margin-right:0}
	.x-message-wrap #checkcode{width:65%}
	.x-message-wrap .checkCodeImg{width:35%}
	.x-message-wrap .x-submit{float:none;margin-top:10px;width:100%}
}
.container{font-size:14px;line-height:24px}
#container{width:1000px;margin:0 auto;margin-top:10px;border:1px solid #f4f4f4;padding:10px}
#container .city_list{padding-top:10px}
#container .city_list .item{padding:10px 0;line-height:24px;overflow:hidden;border-bottom:1px dashed #ddd}
#container .city_list .item dt{float:left;font-family:arial;font-weight:bold;font-size:18px;width:35px;padding-left:25px;color:#444;display:table-cell}
#container .city_list .item dd{margin:0 0 0 55px;padding-left:15px;border-left:1px dashed #b2b2b2}
#container .city_list .item dd a{padding:1px 12px 1px 12px;white-space:nowrap;float:left;color:#333;font-size:14px;text-decoration:none}
#container .city_list .item dd a:hover{text-decoration:none;background:#eb2830;color:#fff}
#foot{width:1000px;margin:0 auto;text-align:center;margin-top:10px;line-height:24px;color:#666;border-top:2px solid #eb2830;padding-top:10px;font-size:14px}
#foot a{color:#666;text-decoration:none}
#foot a:hover{color:#0aa8dd}
.return{position:relative;height:36px;padding:6px;width:1000px;margin:0 auto;text-align:left;font:bold 22px/42px "\5FAE\8F6F\96C5\9ED1";color:#737372}
.return a{position:absolute;right:10px;top:12px;height:36px;width:100px;text-align:center;display:block;background:#eb2830;color:#fff;line-height:36px;font-size:12px;font-weight:bold}
.return a:hover{text-decoration:none;background:#f39c11;color:#fff}

/* 口令弹窗 */
.float-modal{position:fixed;width:100%;height:100%;background:rgba(51,51,51,0.5);top:0;left:0;z-index:999;display:none}
.float-modal .float-ads{position:absolute;width:90%;top:50%;left:5%;margin-top:-70px;background:#fff;text-align:center;padding:30px 0;border-radius:15px}
.float-modal .float-ads h3{color:#333;margin-bottom:20px;font-size:16px}
.float-modal .float-ads button{background:#1292f8;border:none;color:#fff;white-space:nowrap;padding:6px 12px;font-size:14px;line-height:1.42857143;border-radius:4px;display:inline-block;margin-bottom:0;font-weight:400;text-align:center;vertical-align:middle}
.x-layout{position:relative;background:#292a2e;padding:4.16666667% 0}
.x-layout-phone{position:relative;font-size:30px;background:url(../images/3b750b9bec3e9bc8b6096528acb2f58ba25b1930.png) no-repeat left center;padding-left:40px;color:#fff}
.x-layout-desc{font-size:12px;color:rgba(255,255,255,0.5)}
.x-layout-contact{margin-top:10px;font-size:14px;color:#c0c0c0;line-height:1.7}
.x-layout-seo{margin:15px 0 25px;font-size:12px;color:#808080;line-height:1.7}
.x-layout-seo a{font-size:12px;color:#808080}
.x-layout-seo a:hover{color:#fff}
.x-layout-menu{}
.x-layout-menu dl{float:left;width:19%;text-align:left}
.x-layout-menu dl dt a{color:#fff}
.x-layout-menu dl dt{font-size:18px;color:#fff;margin-bottom:1.13em;font-weight:normal}
.x-layout-menu dl dd a{display:block;font-size:14px;color:rgba(192,192,192,1);line-height:2}
.x-layout-menu dl dd a:hover{text-decoration:underline;color:#fff}
.x-layout-ewm{text-align:center;margin-top:10px}
.x-layout-ewm p{padding:.8rem 0;0d4da1 line-height:2;color:rgba(255,255,255,0.7);font-weight:400;font-size:13px}
.x-layout-ewm img{max-width:100%;display:block;margin:0 auto}
.x-footer{background:#292a2e;padding:25px 0;text-align:center;font-size:14px;color:rgba(214,214,214,1);border-top:1px solid #3f4043;line-height:1.7}
.x-footer a{color:rgba(214,214,214,1)}
.x-footer a:hover{color:rgba(255,255,255,1)}
.x-copyright{}
.x-region{float:right}
.x-power{margin-top:5px}


/*  */

#formsearch3{position:relative;width:360px;height:55px;line-height:55px}
#formsearch3 input{height:55px;background:#fff;line-height:55px;border:none;outline:none;float:left}
#formsearch3 input#keyword{height:55px;line-height:55px;padding-left:15px;color:rgba(255,255,255,.2);background:none;font-size:14px;width:calc(100% - 100px);border:2px solid #545558;border-right:none}
#formsearch3 input#s_btn{width:100px;height:55px;line-height:55px;text-align:center;color:#fff;border:none;cursor:pointer;background:#db1717}
@media (max-width:1200px){
	#formsearch3{width:300px}
	.x-copyright{float:none}
	.x-region{float:none}
}







/*左侧工具条*/
#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:#292e39;width:110px;right:120%;bottom:0;opacity:0;visibility:hidden;-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-transition:all .7s;transition:all .7s;-webkit-box-shadow:0 4px 20px 4px rgba(0,20,60,0.2);box-shadow:0 4px 20px 4px rgba(0,20,60,0.2)}
#toolbar .online-two li.ewm .ewm-box p{margin-bottom:0}
#toolbar .online-two li.ewm .ewm-box img{max-width:100%}
#toolbar .online-two li.ewm .ewm-box:after{content:'';position:absolute;right:-5px;bottom:20px;width:0;height:0;line-height:0;font-size:0;overflow:hidden;border-width:5px;cursor:pointer;border-style:dashed dashed dashed solid;border-color:transparent transparent transparent #292e39;border-right:none}
#toolbar .online-two li.ewm:hover .icon{background-position:-57px -180px}
#toolbar .online-two li.ewm:hover .ewm-box{opacity:1;visibility:visible;-webkit-transform:translateY(0);transform:translateY(0)}
#toolbar .online-two li.backtop{cursor:pointer}
#toolbar .online-two li.backtop .iconfont{color:#fff;background-color:#292e39}
#toolbar .online-two li:hover a{width:200px}
#toolbar .online-two li:hover .icon-qq:after{background-position:-30px -150px}
#toolbar .online-two li:hover .icon-phone:after{background-position:-30px -90px}
#toolbar .online-two li:hover .icon-ewm:after{background-position:-30px -30px}
#toolbar .online-two li:hover .icon-message:after{background-position:-30px -120px}
#toolbar .online-two li:hover .icon-wangwang:after{background-position:-30px 0}
#toolbar .online-two li:hover .icon-top:after{background-position:-30px -60px}
#toolbar .online-three{width:115px}
#toolbar .online-three .title{background:#3aa3e6;height:35px;line-height:35px;text-align:center;font-size:14px;color:#fff;position:relative}
#toolbar .online-three .title span{position:absolute;right:0;top:0;width:25px;height:25px;background-image:url(../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:#db1717}
.page-wrap{background:#ffffff;padding-bottom:3.38541667%}
@media (min-width:990px){
	.page-wrap-left{float:left;width:305px;margin-right:4.16666667%}
}

.page-contact{
    padding: 50px 0;
}
.page-contact .max1400{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.page-contact li{
    width: 33.3%;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}
.contact-img{
    width: 18%;
}
.contact-img img{
    display: block;
    max-width: 100%;
}
.contact-box{
    text-align: left;
    padding: 0px 0px 0px 20px;
    flex: 1;
}
.contact-tit{
    color: rgba(27, 31, 46, 1);
    font-size: 16px;
    font-weight: bold;
    font-style: normal;
    text-decoration: none;
    line-height: 1.5;
    letter-spacing: 0px;
    margin-bottom: 12px;
}
.contact-desc{
    font-family: arial,helvetica,sans-serif;
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    line-height: 1.6;
    letter-spacing: 0px;
    color: rgba(132, 135, 149, 1);
}
.contactL{
    width: 48%;
}
.contactR{
    width: 48%;
}
.mess-contact{
    display: flex;
    justify-content: space-between;
    padding: 50px 0;
    flex-wrap: wrap;
}
@media (max-width:990px){
	.page-contact{
    padding: 20px 0 0;
}
	.page-contact .max1400{}
	.page-contact li{
    width: 100%;
    margin-bottom: 10px;
}
	.contact-img{
    width: 15%;
}
	.contact-img img{}
	.contact-box{}
	.contact-tit{
    margin-bottom: 5px;
}
	.contact-desc{}
	.mess-contact{}
}

.xypg-left-box{margin-bottom:20px}
.xypg-left-title{background:#db1717;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:#db1717}
.latest-news li a:hover:before{color:#db1717}
.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:#db1717;border-color:#db1717}
.page-wrap-contact{padding:10px 0;font-size:14px}
.page-wrap-contact h4{padding:.3em 1.4em .8em 1.4em;font-size:16px;color:#000000}
.page-wrap-contact p{border-top:1px solid #eee;position:relative;margin-bottom:0;padding:.8em 1.4em;color:#2f2f2f}
.page-message-img img{border:1px solid #d2d2d2}
.page-wrap-right{overflow:hidden}
.page-mob-tool{position:fixed;right:15px;bottom:100px;z-index:9999}
.page-mob-tool li{width:40px;height:40px;line-height:40px;text-align:center;margin-bottom:1px;cursor:pointer;position:relative}
.page-mob-tool li:before{content:'';position:absolute;left:0;right:0;bottom:0;top:0;background:#292e39;opacity:.7}
.page-mob-tool li i{display:block;width:100%;height:100%}
.page-mob-tool li .icon-dots-horizontal:after{background-position:-30px -390px}
.page-mob-tool li .icon-top:after{background-position:-30px -60px}
@media (min-width:992px){
	.page-mob-tool{display:none}
}



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

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

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

/* 内页左侧导航栏样式 */
.xypg-left-nav{margin:0 -1px}
.xypg-left-nav > li{position:relative;border-bottom:1px solid #eeeeee}
.xypg-left-nav > li:last-child{border-bottom:none}
.xypg-left-nav > li > a{display:block;font-size:16px;line-height:22px;color:#2e2e2e;padding:15px 18px}
.xypg-left-nav > li .first-nav-btn{position:absolute;z-index:99;width:30px;height:30px;text-align:center;top:10px;right:20px;cursor:pointer;background:url(../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:#db1717}
.xypg-left-nav > li:hover .first-nav-btn,.xypg-left-nav > li.clicked .first-nav-btn{color:#db1717}
.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:#db1717}
.xypg-left-nav .xypg-left-subnav > li.clicked > a{color:#db1717}
.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:#db1717}
.xypg-left-nav .xypg-left-threenav > li.clicked > a{color:#db1717}
@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;position: relative;}
.xypg-product-list li .video-img:before{display:block;content:'';position: absolute;z-index: 2;width: 100%;height: 100%;background: url(../images/play.png) no-repeat center;}
.xypg-product-list li h3{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:#db1717}


.z_tanchuang {position: fixed;display: table;height: 100%;width: 100%;top: 0;left: 0;transform: scale(0);-webkit-transform: scale(0);z-index: 222;}
.z_tanchuang .tbox {display: table-cell;background: rgba(0, 0, 0, 0.8);text-align: center;vertical-align: middle;}
.z_tanchuang .tbox .modal {background: white;padding: 50px;display: block;border-radius: 5px;position: relative;width: 90%;max-width: 1200px;height: 90%;margin: 0 auto;box-sizing:border-box;overflow: visible;}
.z_tanchuang .tbox .modal .out{position: absolute;width: 40px;height: 40px;line-height: 40px;background: #fff url(../images/out.png) center no-repeat;background-size: 20px;color: #000;font-size: 30px;text-align: center;border-radius: 50%;top: 0;right: -50px;cursor: pointer;-webkit-transition: all .5s;-moz-transition: all .5s;transition: all .5s;}
.z_tanchuang .tbox .modal .video_box{width: 100%;max-width: 600px;margin: 0 auto;height: 100%;}
.z_tanchuang .tbox .modal .video_box iframe{display: block;width: 100%;max-width: 100%;/* object-fit: cover; *//* max-height:500px; */border: 0;}
.z_tanchuang .tbox .modal .video_box iframe{margin: 0 auto ;}
.z_tanchuang .tbox .modal .out:hover{background: #fff url(../images/out2.png) center no-repeat;background-size: 20px;transform: rotate(180deg);-webkit-transform: rotate(180deg);}
.z_tanchuang .tbox .modal2{padding: 20px;}
.z_tanchuang .tbox .modal .video_box{max-width: 1200px;position;z-index:1;overflow:hidden;}
.z_tanchuang.one {transform: scaleY(0.01) scaleX(0);animation: unfoldIn 1s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;-webkit-transform: scaleY(0.01) scaleX(0);-webkit-animation: unfoldIn 1s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;}
.z_tanchuang.one.out {transform: scale(1);animation: unfoldOut 1s 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;-webkit-transform: scale(1);-webkit-animation: unfoldOut 1s 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;}
.z_tanchuang.one.out .tbox .modal {animation: zoomOut 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;-webkit-animation: zoomOut 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;}
@keyframes unfoldIn {0% {transform: scaleY(0.005) scaleX(0);}50% {transform: scaleY(0.005) scaleX(1);}100% {transform: scaleY(1) scaleX(1);}}
@keyframes zoomIn {0% {transform: scale(0);}100% {transform: scale(1);}}
@keyframes zoomOut {0% {transform: scale(1);}100% {transform: scale(0);}}
@keyframes unfoldOut {0% {transform: scaleY(1) scaleX(1);}50% {transform: scaleY(0.005) scaleX(1);}100% {transform: scaleY(0.005) scaleX(0);}}
@-webkit-keyframes zoomIn {0% {transform: scale(0);}100% {transform: scale(1);}}
@-webkit-keyframes zoomOut {0% {transform: scale(1);}100% {transform: scale(0);}}
@-webkit-keyframes unfoldOut {0% {transform: scaleY(1) scaleX(1);}50% {transform: scaleY(0.005) scaleX(1);}100% {transform: scaleY(0.005) scaleX(0);}}
@-webkit-keyframes unfoldIn {0% {transform: scaleY(0.005) scaleX(0);}50% {transform: scaleY(0.005) scaleX(1);}100% {transform: scaleY(1) scaleX(1);}}
@media screen and (max-width: 769px) {.z_tanchuang .tbox .modal {background: white;padding: 10px; box-sizing:border-box;display: block;border-radius: 5px;position: relative;width: 90%;max-width: 1200px;max-height: 90%;margin: 0 auto;}
.z_tanchuang .tbox .modal .out{ top:-50px; right:0;}
}


/* 内页新闻列表 */
.xypg-news-list li{border:1px solid #e1e1e1;padding:30px;background:#fff;margin-bottom:35px;-webkit-transition:all .5s;transition:all .5s}
.xypg-news-list li .tit{border-bottom:1px solid #cbcbcb;margin-bottom:15px;position:relative}
.xypg-news-list li .tit h3{padding-bottom:15px;font-size:18px;color:#565656;font-weight:normal;padding-right:25%;margin:0}
.xypg-news-list li .tit .date{position:absolute;right:0;top:0;font-size:14px;color:#666666}
.xypg-news-list li .info{font-size:14px;line-height:2;color:#999999}
.xypg-news-list li .more{margin-top:15px}
.xypg-news-list li .more span{display:inline-block;width:130px;line-height:33px;text-align:center;font-size:14px;color:#666666;border:1px solid #e1e1e1;-webkit-transition:all .5s ease;transition:all .5s ease}
.xypg-news-list li:hover{-webkit-box-shadow:0px 2px 13px 1px rgba(8,1,3,0.18);box-shadow:0px 2px 13px 1px rgba(8,1,3,0.18)}
.xypg-news-list li:hover .tit h3{color:#292e39}
.xypg-news-list li:hover .more span{color:#fff;background-color:#292e39}
@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 .page-num-current,.xypg-pagination span{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 .page-num-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:#db1717}

/*内页详情页面公用样式*/
.xypg-detail-title{font-size:20px;color:#363636;font-weight:bold;margin-bottom:10px;line-height:1.7}
.xypg-detail-info-bar{font-size:14px;font-family:Arial;color:#9e9e9e;line-height:35px;border-bottom:1px dashed #cfcfcf;margin-bottom:20px}
.xypg-detail-info-bar .baidu-share{float:left;margin-left:25px;margin-top:7px}
.xypg-detail-info-bar .detail-info-time{float:left;margin-right:20px;position:relative;padding-left:25px}
.xypg-detail-info-bar .detail-info-time i{position:absolute;width:20px;height:20px;top:calc(50% - 10px);left:0}
.xypg-detail-info-bar .detail-info-time i:after{opacity:.5;background-position:0 -360px}
.xypg-detail-info-bar .detail-info-numbers{float:left;position:relative;padding-left:25px}
.xypg-detail-info-bar .detail-info-numbers i{position:absolute;width:20px;height:20px;top:calc(50% - 10px);left:0}
.xypg-detail-info-bar .detail-info-numbers i:after{opacity:.5;background-position:0 -330px}
.xypg-detail-info-bar .xypg-file-down{float:right;position:relative}
.xypg-detail-info-bar .xypg-file-down .file-down-title{cursor:pointer;position:relative;padding-left:25px}
.xypg-detail-info-bar .xypg-file-down .file-down-title i{position:absolute;width:20px;height:20px;top:calc(50% - 10px);left:0}
.xypg-detail-info-bar .xypg-file-down .file-down-title i:after{background-position:0 -630px}
.xypg-detail-info-bar .xypg-file-down .file-down-title:hover{color:#292e39}
.xypg-detail-info-bar .xypg-file-down .file-down-list{position:absolute;z-index:9999;width:250%;right:0;background:#fff;display:none}
.xypg-detail-info-bar .xypg-file-down .file-down-list li{padding:10px 0;border-top:1px dashed #cfcfcf}
.xypg-detail-info-bar .xypg-file-down .file-down-list li .icon{float:left;font-size:40px;line-height:40px;margin-right:5px;height:40px}
.xypg-detail-info-bar .xypg-file-down .file-down-list li .list-con{overflow:hidden;line-height:1}
.xypg-detail-info-bar .xypg-file-down .file-down-list li .list-con p{font-size:12px;margin-bottom:0;line-height:20px}
.xypg-detail-info-bar .xypg-file-down .file-down-list li .list-con a{font-size:12px}
.xypg-detail-info-bar .xypg-file-down .file-down-list li .list-con a:hover{color:#292e39}
.xypg-detail-con-title{margin:20px 0 10px 0}
.xypg-detail-con-title span{display:inline-block;font-size:18px;color:#292e39}
.xypg-detail-con{font-size:14px;color:#333;line-height:1.7}
.xypg-detail-con img,.xypg-detail-con p img{width:auto !important;max-width:100%;height:auto !important}
.vide-iframe,about-iframe{
    display: block;
    margin: 0 auto;
    max-width: 544px;
}
.about-iframe{width: 100%;max-width: 600px;margin: 0 auto 30px;}
.vide-iframe a:before{display:block;content:'';position: absolute;width: 100%;height: 100%;background: url(../images/play.png) no-repeat center;}
.vide-iframe a,about-iframe a{
    display: block;
    margin: 0 auto;
    position: relative;
}
.vide-iframe img,.about-iframe img{display:block;margin:0 auto;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 #db1717;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:#db1717}
.xypg-detail-url{margin-top:15px}
.xypg-detail-url a{word-break:break-all}
.xypg-detail-article p{margin:10px 0 20px 0;line-height:24px}
.xypg-detail-pn{margin-top:30px}
.xypg-detail-pn div + div{margin-top:15px}
.xypg-detail-pn div{line-height:22px;padding:10px;position:relative;border:1px solid #eeeeee}
.xypg-detail-pn div b{font-size:14px;color:#292e39;float:left;font-weight:normal}
.xypg-detail-pn div a{float:left;width:75%;font-size:14px;color:#666666}
.xypg-detail-pn div a:hover{color:#db1717}
@media (max-width:600px){
	.xypg-detail-pn div a{width:60%}
}
@media (max-width:600px){
	.xypg-detail-pn div a{width:50%}
	.pagin-left a:first-child{display:none}
}
.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:#db1717;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:#db1717}
.relate-product-slick .owl-nav button.owl-prev,.relate-product-slick .owl-nav button.owl-next{width:25px;height:35px;color:#fff;font-size:20px;margin-top:-17.5px;line-height:35px}
.relate-product-slick .owl-nav button.owl-prev span,.relate-product-slick .owl-nav button.owl-next span{display:inline}
.xypg-relate .relate-news{margin-top:45px}
.relate-news-list li{float:left;width:48%;position:relative;line-height:2.143;font-size:14px;color:#292e39}
.relate-news-list li:nth-child(even){float:right}
.relate-news-list li a{display:block;padding-right:125px;color:#666666}
.relate-news-list li a:before{content:'+';font-weight:bold;font-size:16px;line-height:1;margin-right:5px}
.relate-news-list li span{position:absolute;right:0;top:2.5px;width:125px;text-align:right;font-size:12px;color:#666666}
.relate-news-list li:hover a{color:#db1717}
.relate-news-list li:hover a:before{color:#db1717}
.relate-news-list li:hover span{color:#db1717}
@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;display: flex;justify-content: space-between;flex-wrap: wrap;}
#message-form .form-group{width: 100%;margin: 0;}
#message-form>div:nth-child(1), #message-form>div:nth-child(2){
    width: 48%;
}
.mess-yzm{
    margin-bottom: 20px !important;
}
#message-form .red-star{color:red}
#message-form label{font-size: 16px;font-weight: normal;font-style: normal;line-height: 1.5;letter-spacing: 0px;color: rgba(0, 0, 0, 1);margin-bottom: 10px;}
#message-form textarea{resize:none}
#message-form #checkcode{display:inline-block;width:30%}
#message-form #checkCodeImg{vertical-align:top;margin-left:10px}
#message-form #change_code{line-height:34px;padding:0 10px;color:#292e39;font-size:14px}
#message-form .error-info{padding-top:4px;display:inline-block;vertical-align:top;position:absolute}
#job-detail-form .error-info{padding-top:4px;display:inline-block;vertical-align:top;position:absolute}
@media (max-width:768px){
	#message-form>div:nth-child(1), #message-form>div:nth-child(2){width:100%}
	#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}
	.mess-contact{
    padding: 20px 0;
}
.contactL{
    width: 100%;
}
.contactR{
    width: 100%;
}
}
#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:#db1717}
.xypg-search-result-box{margin-bottom:20px}
.xypg-search-result-box .xypg-search-title{border-left:3px solid #292e39;padding-left:15px;font-size:18px;line-height:35px;margin-bottom:15px;font-weight:bold}

/* 详情页面下载列表样式 */
.xypg-detail-file-dwon li{padding:10px 0;border-bottom:1px dashed #cfcfcf;width:50%;float:left}
.xypg-detail-file-dwon li .file-icon{float:left;height:40px;width:50px;margin-right:5px;background-repeat:no-repeat}
.xypg-detail-file-dwon li .file_txt{background-position:-180px -60px}
.xypg-detail-file-dwon li .file_zip{background-position:0 0}
.xypg-detail-file-dwon li .file_gif{background-position:-60px 0}
.xypg-detail-file-dwon li .file_doc{background-position:-120px 0}
.xypg-detail-file-dwon li .file_jpg{background-position:-180px 0}
.xypg-detail-file-dwon li .file_xls{background-position:-240px 0}
.xypg-detail-file-dwon li .file_rar{background-position:0 -60px}
.xypg-detail-file-dwon li .file_png{background-position:-60px -60px}
.xypg-detail-file-dwon li .file_pdf{background-position:-120px -60px}
.xypg-detail-file-dwon li .list-con{overflow:hidden;line-height:1}
.xypg-detail-file-dwon li .list-con p{font-size:12px;margin-bottom:0;line-height:20px}
.xypg-detail-file-dwon li .list-con a{font-size:12px}
.xypg-detail-file-dwon li .list-con a:hover{color:#db1717}

/* 自动发布 */
.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-box{}
.page-product-detail-box h1{font-size:22px;color:#0d0d0d;margin-bottom:20px;text-align: center;}
.page-product-detail-effect{}
.page-product-detail-effect  img{max-width:100%;max-height:100%;display: block;margin: 0 auto;}
.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:#db1717}
.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:#db1717;padding:.5em 1.875em;border-radius:2em}
.page-product-inquiry a:hover{opacity:.8}
@media (max-width:990px){
	.page-product-detail-effect{float:none;width:100%;margin-bottom:20px}
	.page-product-detail-right{width:100%;float:none}
}
@media (max-width:640px){
	.product-detail-slick .slick-item{height:65px}
	.page-product-inquiry a{font-size:12px}
	.page-product-detail-right > h1{font-size:16px;margin-bottom:15px}
}
.product-detail-tab{margin-top:50px}
.product-detail-tab .product-detail-tabli{border:1px solid #eee;height:40px;line-height:38px}
.product-detail-tab .product-detail-tabli li{float:left;width:20%;text-align:center;font-size:14px;color:#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:#db1717;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 #db1717}
.product-detail-tab .product-detail-tabcon{padding:15px 0}
.product-detail-tab .product-detail-tabcon img,.product-detail-tab .product-detail-tabcon p img{max-width:100%;height:auto !important;width:auto !important}
@media (max-width:768px){
	.product-detail-tab .product-detail-tabli{height:35px}
	.product-detail-tab .product-detail-tabli li{font-size:13px;line-height:33px}
}
@media (max-width:420px){
	.product-detail-tab .product-detail-tabli{height:30px}
	.product-detail-tab .product-detail-tabli li{font-size:12px;line-height:28px}
}

/**
 * EasyZoom core styles
 */
.easyzoom{position:relative;display:inline-block;*display:inline;*zoom:1}
.easyzoom img{vertical-align:bottom}
.easyzoom.is-loading img{cursor:progress}
.easyzoom.is-ready img{cursor:crosshair}
.easyzoom.is-error img{cursor:not-allowed}
.easyzoom-notice{position:absolute;top:50%;left:50%;z-index:150;width:10em;margin:-1em 0 0 -5em;line-height:2em;text-align:center;background:#FFF;-webkit-box-shadow:0 0 10px #888;box-shadow:0 0 10px #888}
.easyzoom-flyout{position:absolute;z-index:100;overflow:hidden;background:#FFF}

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

/* 站点地图样式 */
.xypg-sitemap .map_title{line-height:40px;background-color:#f5f8fa;border:1px solid #d6dbe1;text-indent:20px;color:#666;border-bottom:2px solid #ccc;font-size:16px}
.xypg-sitemap .map_list{line-height:30px;padding:0 5px;margin-top:8px;margin-bottom:8px}
.xypg-sitemap .map_list a{padding:4px;white-space:nowrap;font-size:14px;color:#666}
.xypg-sitemap .map_list a:hover{text-decoration:none;color:#3b639f;padding:4px}
.xypg-sitemap .map_list .layer1{margin-bottom:10px}
.xypg-sitemap .map_list h3{border-bottom:1px dashed #ccc;margin-bottom:10px;line-height:36px}
.xypg-sitemap .map_list h3 a{font-weight:normal}
.xypg-sitemap .map_list .layer2 a{color:#999}
.xypg-sitemap .map_list .layer2 a:hover{text-decoration:none;color:#3b639f}

/* 产品封面 */
.cover-item{margin-bottom:20px;border-bottom:3px double #ccc}
.cover-item a{display:block}
.cover-item .img{float:left;border:1px solid #ddd;padding:1px}
.cover-item .img img{width:100%}
.cover-item .item-first{margin-bottom:20px;position:relative}
.cover-item .item-first .img{width:30%;margin-right:20px}
.cover-item .item-first .wz{overflow:hidden}
.cover-item .item-first .wz h3{font-size:18px;color:#333;line-height:2}
.cover-item .item-first .wz .info{font-size:14px;line-height:1.7;color:#666}
.cover-item .item-first .wz .more{width:100px;line-height:30px;color:#fff;background:#666666;font-size:14px;text-align:center;position:absolute;right:0;bottom:0}
.cover-item .item-list a{margin-bottom:10px}
.cover-item .item-list .img{float:none}
.cover-item .item-list h4{font-size:14px;color:#333;line-height:30px;text-align:center}
@media (max-width:768px){
	.cover-item .item-first .img{margin-bottom:10px;text-align:center;float:none;width:100%}
	.cover-item .item-first .wz .more{position:static;margin-top:10px;display:block}
}

/* 二级封面 */
.sort_a{overflow:hidden}
.sort_a .layer1{padding:15px 0px;border-bottom:1px dashed #a7b8d4;position:relative;z-index:1}
.sort_a .layer1 .img{float:left;padding:5px;border:1px solid #dddddd}
.sort_a .layer1 .img img{width:191px;height:153px}
.sort_a .layer1 .img_right{width:560px;float:right}
.sort_a .layer1 .img_right h3{font:bold 14px/36px "Microsoft YaHei"}
.sort_a .layer1 .img_right span{line-height:25px;display:block}
.sort_a .layer1 .pro_more{position:absolute;right:0px;bottom:15px;width:110px;padding-left:10px;height:28px;line-height:28px;background:#666666;color:#fff;font:bold 24px/24px "Microsoft YaHei"}
.sort_a .layer1 .pro_more span{float:left}
.sort_a .layer1 .pro_more a{font:normal 12px/28px "Microsoft YaHei";color:#fff;padding-right:15px;display:inline-block}
.sort_a .layer1 .pro_more a:hover{text-decoration:none;color:#faf104}
.sort_a .abb_product{padding-top:15px;border:1px dashed #a7b8d4;border-top:none}
.productcates{padding-top:10px}
.catemore{color:#0080d9;margin-top:6px;overflow:hidden;position:relative}
.catemore h2{width:360px;float:left;font:bold 15px/36px "Microsoft YaHei"}
.catemore a{float:right;font:normal 14px/36px "Microsoft YaHei";color:#444444;padding-right:28px}
.catemore a:hover{text-decoration:none;color:#0080d9}
.product-comment-list{position:relative;overflow:hidden}
#commentList li{padding:10px 10px 20px;margin-bottom:15px;border-bottom:1px solid #ddd;overflow:hidden}
.user-column{width:100px;float:left}
.user-column img{height:50px;max-width:50px;border-radius:50%}
.user-name{color:#333;padding-top:5px;display:block}
.comment-content{margin-left:120px;overflow:hidden;position:relative}
.comment-stars i{width:18px;height:18px;vertical-align:middle;background:url(../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:#db1717}
.tag-menu li.active a{color:#db1717}
.tag-notice{line-height:40px;padding:0 10px;margin-top:10px}
.tag-item{padding:15px 0;font-size:14px;border-bottom:1px solid #d6dbe1;margin-top:10px;color:#666}
.tag-item span{color:#292e39}
.tag-category{margin-bottom:20px}
.tag-category span{font-size:16px;color:#000;display:inline-block}
.tag-category a{display:inline-block;line-height:25px;padding:0 15px;border:1px solid #e1e1e1;border-radius:5px;color:#333;margin-right:10px}
.tag-category a:hover{background:#292e39;color:#fff}
.tag-list-product li{padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid #ccc}
.tag-list-product li:last-child{padding-bottom:0;border-bottom:0}
.tag-list-product .tag-img{width:220px;float:left;margin-right:20px}
.tag-list-product .tag-img .img{display:block;border:1px solid #e1e1e1}
.tag-list-product .tag-img .img img{width:100%}
.tag-list-product .tag-wz{overflow:hidden}
.tag-list-product .tag-wz h1{font-size:16px;line-height:30px;font-weight:bold;margin-bottom:5px}
.tag-list-product .tag-wz h1 a{color:#000}
.tag-list-product .tag-wz .tab-fenli p{width:50%;float:left;font-size:14px;color:#333;margin-bottom:0}
.tag-list-product .tag-wz .tab-fenli .tag a{padding:0 5px}
.tag-list-product .tag-wz .desp{font-size:12px;line-height:2;height:48px;overflow:hidden;color:#666;margin:5px 0}
@media (max-width:768px){
	.tag-list-product .tag-img{width:100%;float:none;text-align:center;margin-bottom:10px}
	.tag-list-product .tag-img .img img{width:auto;max-width:100%}
	.tag-list-product .tag-wz .tab-fenli p{width:100%;float:none}
}
.xytag-title{font-size:18px;border-bottom:1px solid #ccc;line-height:40px;margin-bottom:10px}
.xytag-recom-product ul{margin:0 -1%}
.xytag-recom-product li{float:left;position:relative;width:18%;margin:0 1%;overflow:hidden}
.xytag-recom-product li img{width:100%;-webkit-transition:all .5s ease;transition:all .5s ease}
.xytag-recom-product li .zz-bg{position:absolute;left:0;right:0;bottom:0;top:0;background:rgba(0,0,0,0.5);-webkit-transform:translateY(100%);transform:translateY(100%);opacity:0;-webkit-transition:all .5s ease;transition:all .5s ease}
.xytag-recom-product li .zz-bg h2{position:absolute;z-index:9;left:0;right:0;bottom:0;top:0;width:100%;text-align:center;font-size:16px;line-height:30px;color:#fff;height:30px;margin:auto}
.xytag-recom-product li:hover img{-webkit-transform:scale(1.1);transform:scale(1.1)}
.xytag-recom-product li:hover .zz-bg{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}
.input-box{position:relative}
.input-box .placeholder{position:absolute;z-index:10;color:#999;top:10px;font-size:14px}
#message-form .input-box .placeholder,#job-detail-form .input-box .placeholder{top:8px}
.x-header-right .input-box .placeholder{top:5px;left:50px !important}
.code-group .input-box{float:left;width:32.29813665%}
.code-group .input-box #checkcode{float:none;width:100%}
.fleex{display:flex;flex-wrap:wrap;justify-content:space-between}
.w1200{max-width:1230px;margin:0 auto;padding:0 -15px}
.flex{display:flex;flex-wrap:wrap;justify-content:space-between}
.com-img{overflow:hidden;margin:0 auto;display:table}
.com-img img{transition:all 0.8s;-webkit-transition:all 0.8s;-moz-transition:all 0.8s;-o-transition:all 0.8s}
.com-img:hover img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1)}
.x-top{background:#121F44;font-size:14px;height:58px;line-height:58px;color:#fff}
.hyz{color:#fff}
.hyr a{color:#fff}
.x-top2{height:80px;line-height:80px}
.x-top2 .dlogo{height:80px;line-height:80px}
.x-top2  .nnav{width:70%}
.so img{max-width:56%}
.ss{display:none;position:absolute;right:0;top:80px;width:238px;padding:20px;border-radius:20px;z-index:999;background:rgb(255,179,0,0.5)}
.ss input{outline:none;line-height:30px;width:20%;background:none;border:1px solid #fff;background:#fff;font-size:13px;color:#1c4086;float:left}
.ss #keyword{padding-left:5px;line-height:30px;width:80%;background:none;border:1px solid #fff;outline:none;font-size:13px;color:#fff;float:left}
.ss #keyword:-webkit-autofill{-webkit-text-fill-color:#fff !important;transition:background-color 5000s ease-in-out 0s}
.ss #keyword::placeholder{color:#fff}
.aboutz{width:43%}
.aboutz .about_content{font-size:16px;font-weight:100;line-height:40px;color:#242526;margin-top:3vw}
.aboutz .abouta{width:138px;height:50px;display:block;font-size:18px;font-weight:100;color:#FFFFFF;text-align:center;line-height:50px;background-color:#FFB300;margin-top:2vw}
.tybt{font-size:2.1rem;position:relative}
.tybt:after{content:"";position:absolute;left:0;bottom:-22px;width:88px;height:7px;background:#ffbb02}
#toolbar .online-two li{background:#FFB300!important}
#toolbar .online-two li a{background:#FFB300!important}
.aboutr{width:50%}
.aboutr img{width:100%}
.c-product{background:#121e42 url(../images/525a10d542076925b37eebd6ce08a2f44ebb2597.png) top center no-repeat;background-size:cover;padding:6.04% 0}
.c-product .tybt{color:#fff}
.c-product-list{margin-top:4vw}
.c-product-list li{width:32%;background-color:#fff;text-align:center;margin-bottom:1.5vw;padding:2vw 0}
.c-product-list li .img{margin-top:10px}
.c-product-list li .img img{width:100%}
.c-product-list li h3{margin-top:2vw;text-align:center;font-size:18px;line-height:28px;font-weight:normal;color:#121f44;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.c-product-list li:hover h3{color:#FFB300}
.c-case{margin-top:6vw}
.c-case-list{margin-top:4vw}
.c-case-list li{width:48%;background:#f3f2f7;margin-bottom:2vw}
.c-case-list li .img{width:42.8%;margin:0}
.c-case-list li .img img{width:100%}
.c-case-list li .liwz{width:55%;padding-top:3vw;padding-right:12px;padding-left:24px}
.c-case-list li .liwz h3{font-size:1rem;color:#000000;font-weight:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.c-case-list li .liwz h4{font-size:14px;line-height:28px;font-weight:normal;color:#000000;margin-top:10px}
.c-news{margin-top:2vw;padding-top:4vw;padding-bottom:2vw;background-color:#f1f1f3}
.c-news-list{margin-top:4vw}
.c-news-list li{width:48%;padding:20px;background-color:#fff;margin-bottom:2vw;transition:all 0.3s ease-in 0s;-webkit-transition:all 0.3s ease-in 0s;-moz-transition:all 0.3s ease-in 0s;-o-transition:all 0.3s ease-in 0s}
.c-news-list li:hover{background-color:#FFB300}
.c-news-list li:hover  a .lisz{color:#fff}
.c-news-list li:hover  a .liyb{color:#fff}
.c-news-list li a{width:100%;align-items:center}
.c-news-list li a .lisz{width:18%;color:#d7d8dd;font-size:3.6rem;text-align:center}
.c-news-list li a .liyb{color:#2a333c;width:80%}
.c-news-list li a .liyb h3{font-weight:normal;font-size:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.c-news-list li a .liyb h4{font-weight:normal;font-size:12px;margin:10px 0}
.c-news-list li a .liyb h5{font-weight:normal;font-size:14px;line-height:24px}


/* 友情链接 */

.c-link{padding:20px 0;font-size:14px;color:#fff;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}
.c-link a{color:#fff;padding:0 4px;font-size:14px;line-height:24px}
.x-region .span{padding:0 20px}
.x-layout .fota{width:20%}
.x-layout .fotb{padding-top:2vw;width:60%}
.x-layout .fotc{padding-top:2vw;width:15%}
.x-layout-desc{font-size:14px;line-height:20px}
.x-layout-desc,.x-layout-menu dl dd a,.x-footer,.x-footer a{color:rgba(255,255,255,.7)}
.right_pcfl .xypg-left-nav{display:flex;flex-wrap:wrap;justify-content:center;border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;margin-bottom:2vw}
.right_pcfl .xypg-left-nav .first-nav-btn{display:none}
.right_pcfl .xypg-left-nav li:hover{background:#f3f8ff}
.right_pcfl .xypg-left-nav li{border:none}
.right_pcfl .xypg-left-nav li a{font-size:18px}
.page-banner{position:relative}
.page-banner .nybt{position:absolute;width:100%;top:45%;z-index:99;color:#fff;text-align:center}
.page-banner .nybt h3{font-size:2rem;text-align:center}
.tybtt dd{font-size:25px;font-weight:normal;color:#ffbb02}
.tybtt dt{font-size:14px;font-weight:normal;color:#a5a5a5}
.contlx{margin:2vw 0;font-size:16px;line-height:28px}
.contlx2 ul{display:flex;flex-wrap:wrap;justify-content:space-between;font-size:16px;color:#777777;line-height:28px}
.contlx2 ul li h3{font-weight:normal;font-size:16px}
.contlx3{width:100%;height:auto;display:block;margin-top:2vw}
#container_map{height:320px}
.bb{color:#ffbb02}
.c2 .c2z{width:33.3%}
.c2 .c2z dd{font-size:25px;font-weight:normal}
.c2 .c2z dt{font-size:14px;font-weight:normal}
.c2 .c2r{width:66.7%}
.c2 .c2r .c2wz{font-size:15px;line-height:36px}
.c2 .c2r .c2tw ul{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:3vw}
.c2 .c2r .c2tw ul li{width:30%;text-align:center}
.c2 .c2r .c2tw ul li h3{font-weight:normal;font-size:15px;color:#666666;margin-top:10px}
.c2 .c2r .c2tw ul li h4{font-weight:normal;font-size:12px;color:#A9A9A9;margin-top:10px}
.c2 .c2z .tybt{margin-left:40px}
.c3{background:url(../images/38a0926f8fbbf676fd2d3ac4f004cf9dd9700dce.jpg) no-repeat top center;padding-top:6vw;margin-top:4vw}
.c3 .fleex .c3a{margin-left:40px;width:45%}
.c3 .fleex .c3a img{width:100%}
.c3 .fleex .c3b{width:46%;margin-right:20px}
.c3 .fleex .c3b dd{font-size:25px;font-weight:normal;color:#fff;margin-top:4vw}
.c3 .fleex .c3b dt{font-size:14px;font-weight:normal;color:#fff}
.c3 .fleex .c3b .zybz{margin-top:3.5vw;color:#666666;font-family:微软雅黑;font-size:16px;line-height:36px;font-weight:400}
.c4{margin-top:3vw}
.c4 .tybt{margin-left:40px}
.c4 .tybt dd{font-size:25px;font-weight:normal}
.c4 .tybt dt{font-size:14px;font-weight:normal}
.c4 ul{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:3vw}
.c4 ul li{width:26%;text-align:center;box-shadow:0 0 2px #dddee1;background:#fff;padding:30px 20px}
.c4 ul li .img img{max-width:100%}
.c4 ul li h3{font-size:18px;color:#666666;font-weight:normal;margin-top:15px}
.c4 ul li h3 span{font-size:14px;color:#999999}
.c4 ul li h4{font-size:16px;color:#888888;line-height:24px;font-weight:normal;margin-top:15px}
.c5{background-color:#f8f8f8;padding:3vw 0;margin-top:3vw}
.sul{display:flex;flex-wrap:wrap;justify-content:space-between}
.sul li{width:25%;text-align:center}
.sbt{font-family:Impact;font-size:3.6rem;letter-spacing:-1px;color:#007ec5}
.sbt .span1{font-size:1rem;font-style:normal;margin-left:8px;color:#007ec5;font-weight:bold}
.sul li p{color:#666666;font-size:16px}
.c6{margin-top:3vw}
.c6 .tybt{margin-left:40px}
.c6 .tybt dd{font-size:25px;font-weight:normal}
.c6 .tybt dt{font-size:14px;font-weight:normal}
.c6 .hzgd{width:80%;margin:0 auto;margin-bottom:0vw;margin-top:3vw}
.c6 .hzgd .list{border:1px solid #eee;border-radius:6px}
.c6 .hzgd .list img{width:100%}
.slick-slide{margin:0 5px}
.slick-dots{text-align:center;margin-top:15px}
.slick-dots li{display:inline-block;margin:0 5px;width:10px;height:10px;border-radius:50%;background:#efefef;cursor:pointer}
.slick-dots li button{background:none;outline:none;border:none;font-size:0}
.slick-dots li.slick-active{background-color:#007ec5}
.foot_nav li{float:left;width:20%;text-align:center}
.foot_nav li .x-nav-menu{width:100%;margin-top:1.43em}
.foot_nav li .x-nav-menu a{display:block;font-size:14px;line-height:2;color:rgba(255,255,255,.7);font-weight:normal}
@media (max-width:1230px){
	.w1200{padding:0 15px}
	.x-layout-contact{width:120%}
}
@media (max-width:992px){
	.page-wrap-left{display:block}
	.right_pcfl{display:none}
	.c-case-list li a{align-items:center}
	.c-link{display:none}
	.x-layout{display:none}
	.tybtt{margin-left:0 !important;margin:0 auto !important;text-align:center}
	.contlx2 ul li{width:50%;margin-top:10px}
	.contlx2 ul li h3{font-size:14px}
	.c2 .c2z{width:100%}
	.c2 .c2r{width:100%}
	.c2 .c2r .c2wz{margin-top:20px}
	.c3{background-size:cover;padding-bottom:3vw}
	.c3 .fleex .c3a{width:100%;margin-left:0;text-align:center}
	.c3 .fleex .c3a img{width:auto}
	.c3 .fleex .c3b{width:100%}
	.c3 .fleex .c3b .zybz{color:#fff}
	.c4 ul{justify-content:center}
	.c4 ul li{width:80%;margin-bottom:10px}
	.sul li{width:48%;margin-bottom:15px}
}
@media (max-width:768px){
	.x-about{flex-wrap:wrap-reverse}
	.aboutz{width:100%;margin-top:15px}
	.aboutz .about_content{font-weight:400}
	.aboutz .abouta{font-size:16px;width:100px;height:45px;line-height:45px;font-weight:400}
	.aboutr{width:100%}
	.c-case-list li .liwz h3{font-size:16px}
	.c-case-list li .liwz{padding-left:0;padding-right:0}
	.c-case-list li .img{width:40%}
	.c-case-list li .liwz{width:58%}
	.c-case-list li .liwz h4{line-height:24px}
	.tybt{font-size:24px;margin-bottom:40px}
	.tybt:after{width:45px;height:4px}
	.c-product-list li{width:49%}
	.c-case-list li{width:100%}
	.c-news-list li{width:100%}
}
@media (max-width:640px){
	.c-product-list li h3{font-size:16px}
}
.product-detail-item .icon-qrcode{display:inline-block;vertical-align:middle;width:20px;height:20px}
.product-detail-item .icon-qrcode:after{content:"";width:20px;height:20px;background-image:url(../images/icon_spirit.png);background-repeat:no-repeat;position:absolute;left:calc(50% - 10px);top:calc(50% - 10px);background-position:0 -21px;background-size:200%}
.product-detail-item .qr-code{position:absolute;background:#fff;top:50%;z-index:9;left:100px;padding:10px;border:1px solid;display:none;height:122px;overflow:hidden;margin-top:-61px}
.x-footer .w1200{align-items:center}
.x-footer-z{text-align:left}
.x-footer-r{text-align:center;margin-top:5px}
.smtg{display:inline-block;position:relative;width:107px;height:30px;text-align:left}
.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}
.footer3 ul li span{display:inline-block;vertical-align:middle;font-size:14px;color:#ffffff}
@media (max-width:768px){
	body{padding-bottom:50px}
	.x-footer-r{display:none}
}
.text-danger{color:red}
.contact p{}
.map{width:100%;height: 435px;}
@media (max-width:768px){
    .map{width:100%;height:300px}
}