@charset "utf-8";
/* banner */
.page-banner{position: relative; overflow: hidden;}
.page-banner img{width: 100%;}

/*  */
.page-container{transform: translateY(-100px);}
.page-container>.container{background-color: #fff; }



.page-title{padding: 50px 30px 20px; display: flex; justify-content: space-between; align-items: center;}
.page-title h2{font-size: 40px; font-weight: bold;}
@media (max-width:768px) {
    .page-container{transform: translateY(0); padding-bottom: 50px;}
    .page-title{padding: 30px 0 20px; flex-wrap: wrap; }
    .page-title h2{font-size: 24px; font-weight: bold;}
}
/* path */
.page-path{height: 40px;line-height: 40px; display: flex; align-items: center; overflow: hidden; }
.page-path i{margin-right: 5px; font-size: 22px; color: #999;}
.page-path a{color: #777;}
.page-path b{display: inline-block; margin: 0 7px; width: 6px; height: 6px; border-top: 1px solid #777; border-right: 1px solid #777; transform: rotate(45deg);}
.page-path span{color:var(--mColor);}

@media (max-width:640px) {
	.page-path{display: none;} 
}
/* pagination */
.pagination{padding: 50px 0 0;}
.pagination ul{display: flex; justify-content: center; align-items: center;}
.pagination ul li a{display: block; margin: 0 2px; width: 40px; height: 40px; line-height: 38px; text-align: center; border: 1px solid #eee;}

.pagination ul li span{display: inline-block; width: 8px; height: 8px;border: 1px solid #333; transform: rotate(45deg);}
.pagination ul li:first-child a{padding-left: 3px;}
.pagination ul li:last-child a{padding-right: 3px;}
.pagination ul li:first-child span{border-top: none;border-right: none;}
.pagination ul li:last-child span{border-bottom: none;border-left: none;}

.pagination ul li a.current,
.pagination ul li a:hover{border: 1px solid var(--mColor); background-color: var(--mColor); color: #fff;}
.pagination ul li a:hover span{border-color: #fff;}


/* help */

.help-cate{margin-bottom: 35px;}
.help-cate ul{display: flex; justify-content: center;}
.help-cate ul a{margin: 0 10px; display: inline-block; width: 220px; line-height: 50px; text-align: center; background-color: #eee;}
.help-cate ul li.on a,.help-cate ul li.current-cat a,
.help-cate ul li a:hover{background-color: var(--mColor);}

@media (max-width:480px) {
   .help-cate ul a{width: 140px; line-height: 40px;} 
}


.help-list{overflow: hidden;}
.help-list ul{margin-left: -25px;}
.help-list ul li{float: left; width: 33.33%; padding-left: 25px; margin: 12px 0;}
.help-list ul li a{display: block;}
.help-list-pic{overflow: hidden;}
.help-list-pic img{width: 100%;}
.help-list-txt{padding: 15px; border: 1px solid #eee;}
.help-list-txt h3{margin-bottom: 5px; font-size: 20px; font-weight: bold;}
.help-list-txt p{ margin: 15px 0; color: #666; height: 100px; line-height: 20px; overflow: hidden;}
.help-list-txt span{font-size: 16px; color: var(--mColor);}
@media (max-width:640px) {
	.help-list ul li{ width: 50%;}
	.help-list .help-list-txt h3{white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
}

@media (max-width:480px) {
	.help-list ul li{ width: 100%;}
	.help-list .help-list-txt h3{white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
}

.help-list ul li a:hover .help-list-pic img {transform: scale(1.1);}
/* .help-list ul li a:hover .help-list-txt{background-color: var(--mColor);} */
.help-list ul li a:hover .help-list-txt h3{ color: var(--mColor);}




/* news */
.page-news{background-color: #fff;}
.page-news-left{float: left; width: 100%; padding: 15px; background-color: #fff;}
.page-news-right{float: right; width: 29%;background-color: #fff; overflow: hidden;margin-top: 50px;}



.top-img {width: 40%;}
.top-img img {width: 100%;}
.top-slider-content {width: 60%;padding: 30px;}
.top-slider-content h5 {font-size: 18px;color: #333333;margin: 0;margin-bottom: 20px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.top-slider-content p {font-size: 14px;color: #777777;line-height: 25px;overflow: hidden;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.top-slider-content span {display: inline-block;font-size: 14px;color: #999999;margin-top: 20px;margin-right: 10px;}
.top-slider-content span i {margin-right: 5px;}

.content-list li {width: 100%;height: 80px;background-color: #fff;margin-bottom: -1px;padding: 30px 0;border-top: 1px solid #e6e5e5;border-bottom: 1px solid #e6e5e5;box-sizing: content-box;}
.content-list li .time-box {width: 80px;height: 80px;float: left;max-width: 20%;display: flex;flex-direction: column;flex-wrap: wrap;justify-content: center;align-content: center;text-align: center;background-color: #f7f7f7;
}
.content-list li .time-box p {font-size: 32px;color: #0b45dd;font-weight: bold;}
.content-list li .time-box span {font-size: 14px;color: #454646;}

.content-list li .common-content-box {float: left;line-height: 25px;padding: 0 20px;width: 80%;}
.content-list li .common-content-box .common-content-title {font-size: 18px;color: #333333;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;width: 100%;display: inline-block;}
.content-list li .common-content-box .common-content {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;width: 100%;;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.content-list li .common-content-box .common-content p {font-size: 14px;color: #777777;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}

@media (max-width:860px) {
	.top-img,.top-slider-content {width: 100%;}
}

/* ************************************************ */
.page-news-list li{ padding-bottom:25px; border-bottom: 1px solid #ccc; margin: 25px 0; }
.page-news-list li a{display: block;}
.page-news-list .page-news-pic{float: left; width: 35%; overflow: hidden;}
.page-news-list .page-news-pic img{width: 100%;}
.page-news-list .page-news-con{float: left;width: 65%; padding-left: 30px; }
.page-news-list .page-news-con h3{font-size: 20px;height: 30px; overflow: hidden;}
.page-news-list .page-news-con p{margin-top: 8px; font-size: 16px; height: 50px; line-height: 24px; color: #888; text-align: justify; overflow: hidden;}
.page-news-list .page-news-more{ padding-top: 15px; text-align: right;  color: #777;}
.page-news-list .page-news-more span{display: inline-block; padding: 0 30px; line-height: 35px; text-align: center; font-size: 16px; color: #fff;  background-color: var(--mColor);}

.page-news-list li a:hover .page-news-pic img{transform: scale(1.1);}
.page-news-list li a:hover h3{color:#3954A5;}
.page-news-list li a:hover .page-news-more span{opacity: .7;}
@media (max-width:1140px) {
	.page-news-list .page-news-con{ padding-top: 0;}
}
@media (max-width:860px) {
	.page-news-list .page-news-con{width: 62%;}
	.page-news-list .page-news-time{ display: none;}
}
@media (max-width:768px) {
	.page-news-list ul li{padding:15px 0 ; border-bottom: 1px dashed #eee;}
	.page-news-list .page-news-pic{float: left; width: 100%; }
	.page-news-list .page-news-con{float: left;width: 100%; padding-left: 0; padding-top: 10px;}
	.page-news-list .page-news-con h3{font-size: 16px;}
	.page-news-list .page-news-con p{display: none;}
	.page-news-list .page-news-more{text-align:center;}
	.page-news-list .page-news-more span{font-size: 14px; }
}

.page-sider-title {line-height: 50px;border-bottom:2px solid #f5f5f5;}
.page-sider-title h3 {font-size: 20px;border-bottom: 2px solid var(--mColor);display: inline-block;}
.page-sider-news {padding: 20px 10px;}
.page-sider-news li {padding: 10px 10px 0 10px;border-left: 2px solid #e6e5e5;}
.page-sider-news li a{ position: relative; display: block; padding-left: 25px; font-size: 18px;color: #333333;margin-left: -14px;text-overflow: -o-ellipsis-lastline;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.page-sider-news li span {display: block;padding: 15px 0 10px 10px;font-size: 14px;color: #999;border-bottom: 1px solid #e6e5e5;}
.page-sider-news li span i {margin-right: 5px;vertical-align: text-top;}
.page-sider-news li a:before {position: absolute;top: 20%;left: 0;content: "";margin-top: -5px;width: 6px; height: 6px; background-color: #c9c9c9; border-radius: 50%;}
.page-sider-news li a:hover::before {background-color: var(--mColor);}

.page-sider-news li a:hover {color: var(--mColor);}
.page-sider-tag {padding: 30px 0 15px; margin-right: -15px;}
.page-sider-tag li {float: left; width: 100%;margin-bottom: 15px;text-align: center;overflow: hidden;}
.page-sider-tag .info {box-shadow: 0px 0px 10px -5px #999999;}
.page-sider-tag li:last-child  {margin-top: 3px;}
.page-sider-tag li img {width: 100%;}
.page-sider-tag li a {display: block;position: relative;}
.page-sider-contact {margin-top: 25px;}
.page-sider-contact img {width: 100%;}
.page-sider-contact p {padding: 15px 0; font-size: 16px; color: #777; border-bottom: 1px solid #eee; overflow: hidden;}

.page-sider-tag .ser-btm {width: 100%;height: 40px;position: absolute;bottom: 0;padding: 10px 15px; background-color: rgba(0,0,0,.5);text-align: left;}
.page-sider-tag .ser-btm span:first-child {font-size: 16px;color: #ffffff;font-weight: bold;}
.page-sider-tag .ser-btm .line-icon {display: inline-block;background-color: var(--mColor);width: 2px;height: 15px;margin: 0 10px;}
.page-sider-tag .ser-btm span:last-child {font-size: 14px;color: #ffffff;}
.concat-us-info {padding: 25px;text-align: left;box-shadow: 0px 0px 15px -5px #999999;background-color: #66666612;}
.concat-us-info .company-name {font-size: 20px;color: #333;padding-bottom: 15px;border-bottom: 1px solid #dbdbdb;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.concat-us-info .concat-way {padding: 25px 15px;}
.concat-us-info .concat-way p {line-height: 25px;font-size: 14px;color: #333;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.concat-us-info .concat-way p i {font-size: 20px;margin-right: 5px;vertical-align: initial;}

@media (max-width:1140px) {
	.page-news-left {width: 100%;}
	.page-sider-contact img{display: none;}
}
@media (max-width:768px) {
	.page-sider-contact img{display: block;}
}



/* product */
.page-product-list {margin: 50px 0;}
.page-product-list ul{margin-left: -15px;}
.page-product-list ul li{float: left; width: 33.3%; margin-bottom: 25px; padding-left: 15px;}
.page-product-list ul li a{display: block;}
.page-product-list-pic{position: relative; overflow: hidden;}
.page-product-list-pic img{width: 100%;}
.page-product-list-mask {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,.3); visibility: hidden; opacity: 0;}
.page-product-list ul li i {font-size: 28px;color: #fff;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);display: none;}
.page-product-list ul li a:hover {box-shadow: 0px 0px 15px -5px #999999;}
.page-product-list ul li a:hover .page-product-list-pic img{transform: scale(1.1);}
.page-product-list ul li a:hover .page-product-list-mask{visibility: visible; opacity: 1;}
.page-product-list ul li a:hover i {display: block;}
.page-product-content {padding: 20px;background-color: #fff;transition: none;box-sizing: border-box;border-bottom: 1px solid #fff;}
.page-product-content,.product-content-title,.product-content-name {width: 100%;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.product-content-title {font-size: 16px;color: #333333;}
.product-content-name {font-size: 14px;color: #999999;}
.page-product-list ul li a:hover .page-product-content {border-bottom: 1px solid #0b45dd;}

@media (max-width:768px) {
	.page-product-list ul {display: flex;flex-wrap: wrap;}
	.page-product-list ul li{width: 50%;}
}

@media (max-width:640px) {
	.page-product-list ul li{width: 100%;}
	.page-product-list ul li p{ height:auto;}
}

.page {overflow: hidden;display: flex;justify-content: center;margin:30px 0;padding:0 10px;}
.page li {float: left;margin:2px 1px;}
.page li a {display: block; padding:0 16px;line-height: 40px;font-size: 16px;color:#999999;border: 1px solid #eee;}
.page li > a:hover,
.page li > a:focus{color: #fff;background-color: var(--mColor);}
.page .current {color: #fff;background-color: var(--mColor);}

.page-viewcode{margin:30px 0;padding:0 10px; text-align:center; }
.page-viewcode ul{display:inline-block;}
.page-viewcode ul > li{float:left;margin:2px 1px;}
.page-viewcode ul > li > a,
.page-viewcode ul > li > span{display: block; padding:0 16px;line-height: 40px;font-size: 16px;color:#999999;border: 1px solid #eee;}
.page-viewcode ul > li > a:hover,
.page-viewcode ul > li > a:focus{color: #fff;background-color: var(--mColor);}
.page-viewcode ul > .current > a,
.page-viewcode ul > .current > span{color: #fff;background-color: var(--mColor);}
.page-viewcode ul > .current > a,
.page-viewcode ul > .current > span{cursor:default}

/* .page-viewcode ul > li > span,
.page-viewcode ul > .disabled > span,
.page-viewcode ul > .disabled > a,
.page-viewcode ul > .disabled > a:hover,
.page-viewcode ul > .disabled > a:focus{color:#999999;background-color:transparent;cursor:default} */

@media (max-width:640px) {
	.page-viewcode ul > li > a,
	.page-viewcode ul > li > span{margin:0 2px;float:left;display: block; padding:0 12px; line-height: 30px; font-size: 14px; }
}

/* show */
.page-show{padding: 0 20px;}
.page-show-title{padding-top: 30px; text-align: center;}
.page-show-title h1{margin-bottom: 15px; padding-bottom: 15px; font-size: 26px;color: #333333;}
.page-show-title span{position: relative;display: inline-block;padding:0 5px; margin-bottom: 10px; font-family: arial;color: #888888;font-size: 12px;}
/* .show-title span:before{position: absolute; top: 0; left: 0; content: ''; width: 1px; height: 15px; background-color: #ccc;} */

/* bshare */
.bshare-custom {vertical-align: text-bottom;}
.bshare-custom a:hover {text-decoration: none !important;}
.bshare-custom .bshare-sinaminiblog,.bshare-custom .bshare-sinaminiblog,.bshare-custom .bshare-qzone,.bshare-custom .bshare-qzone,.bshare-custom .bshare-weixin {background: none !important;}
.bshare-custom a {padding-left: 5px !important;}
.bshare-sinaminiblog i {color: #f3270d;}
.bshare-weixin i {color: #7bcc3f;}
.bshare-qzone i {color: #f5be3f;}
.bshare-custom  i {font-size: 20px !important;}

.page-show-title span:first-child::before{display: none;}
#changefont a{display: inline-block; margin: 5px;}
.page-show-content {padding: 40px 0;overflow: hidden;}
.page-show-content p {line-height: 35px;font-size: 1px;color: #777777;}
.page-show-content p strong {font-size: 14px;color: #333333;font-weight: bold;}
.page-show-content img,.pgc-img img {max-width: 100%!important; max-height: 100%!important;text-align: center;}
.pgc-img {padding: 3% 10%;}
.page-show-clickgo{margin-top: 30px;margin-bottom: 35px;text-align: center;}
.page-show-clickgo a {display: inline-block;width: 115px;height: 65px;padding-top: 5px;color: #fff;background-color: var(--mColor);border-radius: 50px;}
.page-show-clickgo a i {display: block; margin-bottom: 5px; font-size: 30px;}
.page-show-tags{ padding: 25px 0; border-top: 1px solid #eee; border-bottom: 1px solid #eee;}

.page-show-tags h3{color: #666;}
.page-show-tags>div{ margin-top: 15px;}
.page-show-tags>div strong{font-weight: normal;color: #666;}
.page-show-tags a{display: inline-block;margin: 5px 0; padding: 0 10px; line-height: 30px;background-color:#9999; color: #fff; }
.page-show-tags a:hover { opacity: .9;background-color: var(--mColor); }

/*  */
.page-show-view {padding: 15px 0;}
.page-show-view ul{padding: 30px 0;border-top: 1px dashed #eee;}

.page-show-view ul li a,.page-show-view ul li {color: #969696;font-size: 14px;margin-bottom: 10px;}
.page-show-view ul li a:hover{color: var(--mColor);}
@media (max-width:768px) {
	.page-show-view ul{padding:5px 0;}
	.page-show-view ul li{width: 100%;}
	.page-show-view ul li:last-child{text-align: left; padding-top: 8px;}
}
/*  */
.product-article-item{padding: 15px 0;background-color: #fff;}

.product-article-item h3{position: relative; font-size: 16px;padding-bottom: 15px; margin-bottom: 15px;border-bottom: 2px solid #eee;color: var(--mColor);}

.product-article-item h3::before{position: absolute; bottom: 0; left: 0; content: ''; width: 80px; height: 2px; background-color: var(--mColor);}

.product-article-item ul {display: flex;flex-wrap: wrap;}
.product-article-item ul li {flex: 0 0 50%;line-height: 25px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.product-article-item ul li:nth-child(2n) {float: right;}


.product-article-item ul li a {position: relative; display: block;font-family: arial; color: #444;font-size: 14px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis}

/*.product-article-item ul li a:before{position: relative; top: 50%; left: 0; font-family: "iconpublic" !important;font-style: normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;content: '\e689';margin-top: -3px; width: 6px; height: 6px;color: #444444;font-weight: bold;}*/

.product-article-item ul li a:hover{color:var(--mColor);;}
@media (max-width:768px) {
	.page-show{padding: 0 ; }
	.product-article-item{width: 100%; margin-bottom: 20px;}
}

.global-adv{overflow: hidden;}
.global-adv img{width: 100%;}