@charset "UTF-8";
 *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
img{image-rendering:-moz-crisp-edges;image-rendering:-o-crisp-edges;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;-ms-interpolation-mode:nearest-neighbor}
body{overflow-x:hidden;font-family:"Microsoft YaHei"}
ul{padding:0;margin:0}
ul li{list-style:none}
a{color:#337ab7;text-decoration:none}
h1,h2,h3,h4,h5{margin:0}
a:focus,a:hover{color:#23527c;text-decoration:none}
a:focus{outline:none;outline-offset:-2px}
.hot-keys:after,.xypg-download-list .download-title:after,.xypg-download-list .download-item:after,.xypg-download-list .download-item .download-item-span:after,.xypg-job-list .job-title:after,.xypg-job-list .job-item:after,.xypg-job-list .job-item .job-item-span:after,.xypg-detail-info-bar:after,.xypg-detail-info-bar .xypg-file-down .file-down-list li:after,.xypg-detail-pn div:after,.xypg-detail-file-dwon:after,.product-detail-tab .product-detail-tabli:after,.tag-list-product .tag-wz .tab-fenli:after{content:"";display:table;clear:both}
.x-header-right .x-login .username,.x-product-list li h3,.x-case-item .wz h3,.x-news-top h3,.x-news-list li a,.latest-news li a,.hot-keys li a,.xypg-left-nav > li > a,.xypg-left-nav .xypg-left-subnav > li > a,.xypg-left-nav .xypg-left-threenav > li > a,.xypg-product-list li h3 a,.xypg-case-list li h3 a,.xypg-news-list li .tit h3,.xypg-album-cate li .album-title,.xypg-album-list li h3,.xypg-download-list .download-item .download-item-span.download-item-first,.xypg-download-list .download-item .download-item-span .download-item-con,.xypg-job-list .job-item .job-item-span .job-item-con,.xypg-detail-info-bar .xypg-file-down .file-down-list li .list-con p,.xypg-detail-pn div a,.relate-product-slick .owl-item p,.relate-news-list li a,.xypg-jod-detail .job-detail-title,.cover-item .item-first .wz h3,.cover-item .item-list h4,.tag-list-product .tag-wz h1,.tag-list-product .tag-wz .tab-fenli p{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.x-banner .owl-carousel .banner-item a,.x-product-list li .img,.x-case-item .img,.x-news-img,.page-banner,.xypg-product-list li .img,.xypg-case-list li .img,.relate-product-slick .owl-item .img,.x-logo a,.x-layout-logo,.x-layout-ewm img,.page-message-img{font-size:0}
.x-banner .owl-carousel .banner-item a img,.x-product-list li .img img,.x-case-item .img img,.x-news-img img,.page-banner img,.xypg-product-list li .img img,.xypg-case-list li .img img,.relate-product-slick .owl-item .img img{width:100%}
.x-logo a img,.x-layout-logo img,.x-layout-ewm img img,.page-message-img img{max-width:100%}
.x-product-list li .img,.x-case-item .img,.x-news-img,.xypg-product-list li .img,.xypg-case-list li .img,.relate-product-slick .owl-item .img{overflow:hidden}
.x-product-list li .img img,.x-case-item .img img,.x-news-img img,.xypg-product-list li .img img,.xypg-case-list li .img img,.relate-product-slick .owl-item .img img{-webkit-transition:all .5s ease;transition:all .5s ease}
.x-product-list li .img:hover img,.x-case-item .img:hover img,.x-news-img:hover img,.xypg-product-list li .img:hover img,.xypg-case-list li .img:hover img,.relate-product-slick .owl-item .img:hover img{-webkit-transform:scale(1.1);transform:scale(1.1)}
.container-fluid{padding:0 8.33333333%}
@media (max-width:768px){
	body{padding-top:60px}
}
.icon-font{position:relative}
.icon-font:after{content:"";width:30px;height:30px;background-image:url(../images/icon_spirit.png);background-repeat:no-repeat;position:absolute;left:calc(50% - 15px);top:calc(50% - 15px)}
.n-loading .n-icon{background:url("../images/loading.gif") 0 center no-repeat !important}
.n-default .msg-wrap .n-icon{background-image:url("../images/validator_default.png") !important}
.n-simple .msg-wrap .n-icon{background-image:url("../images/validator_simple.png") !important}
.n-yellow .msg-wrap .n-icon{background-image:url("../images/validator_simple.png") !important}
/*手机端头部*/
.xa-login{position:absolute;width:50%;text-align:right;top:0;right:8.33333333%}
.x-banner .owl-carousel{position:relative}
.x-banner .owl-carousel .banner-item a{display:block}
.x-banner .owl-carousel .owl-nav .owl-prev{left:0}
.x-banner .owl-carousel .owl-nav .owl-next{right:0}
.x-banner .owl-carousel .owl-nav button.owl-prev,.x-banner .owl-carousel .owl-nav button.owl-next{outline:none;position:absolute;top:50%;z-index:9999;background:#424246;height:65px;width:50px;margin-top:-32.5px;border-radius:0;-webkit-transition:all .5s ease;transition:all .5s ease}
.x-banner .owl-carousel .owl-nav button.owl-prev:hover,.x-banner .owl-carousel .owl-nav button.owl-next:hover{background:#77BF53}
.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:50px}
.x-banner .owl-carousel .owl-dots button.owl-dot{display:inline-block;vertical-align:middle;font-size:14px;margin:0 15px;outline:none;border:1px solid #fff;border-radius:50%;width:14px;height:14px}
.x-banner .owl-carousel .owl-dots button.owl-dot:hover{background:#77BF53;border-color:#77BF53}
.x-banner .owl-carousel .owl-dots button.owl-dot.active{background:#77BF53;border-color:#77BF53}
@media (max-width:990px){
	.x-banner .owl-carousel .owl-dots button.owl-dot{font-size:12px}
}
.x-link{background:#fff;padding-bottom:1.5%}
.n-default .n-invalid{border-color:#77BF53 !important}
.n-default .msg-wrap{top:8px;right:5px;margin-left:0}
.n-default .x-textarea .msg-wrap{top:65px}
/* 手机样式 */
.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}
#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: 140px;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:#77BF53;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 #77BF53;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:#77BF53}
#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:#77BF53}
.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:#77BF53;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:#77BF53}
.latest-news li a:hover:before{color:#77BF53}
.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:#77BF53;border-color:#77BF53}
.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:#77BF53;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:#77BF53;background:#77BF53}
.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:#77BF53}
.xypg-left-nav > li:hover .first-nav-btn,.xypg-left-nav > li.clicked .first-nav-btn{color:#77BF53}
.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:#77BF53}
.xypg-left-nav .xypg-left-subnav > li.clicked > a{color:#77BF53}
.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:#77BF53}
.xypg-left-nav .xypg-left-threenav > li.clicked > a{color:#77BF53}
@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:#77BF53}
.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:#77BF53}
.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:#77BF53}
.xypg-news-list li:hover .more span{color:#fff;background-color:#77BF53}
@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}
}
@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{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:#77BF53;background:#77BF53}
.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:#77BF53}
.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:#77BF53}
.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:#77BF53}
.xypg-detail-con-title{margin:20px 0 10px 0}
.xypg-detail-con-title span{display:inline-block;font-size:18px;color:#77BF53}
.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}
.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:#77BF53;line-height:40px;border-bottom:3px solid #77BF53;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:#77BF53}
.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:#77BF53;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:#77BF53}
@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:#77BF53;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:#77BF53;text-align:center}
.relate-product-slick .owl-item:hover p{color:#77BF53}
.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:#77BF53}
.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:#77BF53}
.relate-news-list li:hover a:before{color:#77BF53}
.relate-news-list li:hover span{color:#77BF53}
@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%}
#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:#77BF53;font-size:14px}
#message-form .error-info{padding-top:4px;display:inline-block;vertical-align:top;position:absolute}
@media (max-width:768px){
	#message-form .form-group{margin-bottom:25px}
	#message-form .error-info{display:block;padding-top:0;float:none !important;padding-left:10px}
	#message-form #change_code + .error-info{padding-left:0px;margin-left:-7px}
}
#message-form.n-default .msg-wrap{position:static}
.xypg-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}
.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}
.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:#77BF53}
.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:#77BF53;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:#77BF53;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 #77BF53}
.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}
.productcates{padding-top:10px}
.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}
.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}
.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%}
.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}
.xypg-right-content{overflow:hidden}
.xypg-right-content p img{max-width:100%;width:auto !important;height:auto !important}
.icon-close:before{display:none}
.page-wrap-right p>img,.page-wrap-right span>img,.page-wrap-right strong>p{max-width:100%!important;height:auto!important}
@media(max-width:992px){
	.page-product-detail-effect{pointer-events:none}
}