@charset "utf-8";
*{transition: all .3s;}
.container-width{max-width: 1230px; margin: 0 auto; padding-left: 15px; padding-right: 15px; }
.container-width-hj {margin-top: 50px;}
.container-position{position: relative;}
.container-overflow{overflow: hidden;}
.container-padding{padding-top: 50px; padding-bottom: 50px;}
.background-image{background-position: center;background-repeat: no-repeat; background-size: cover;}
/* 字体图标  */
 @font-face {
	font-family: 'iconfont';
	src: url('../iconfont/iconfont.eot');
	src: url('../iconfont/iconfont.eot?#iefix') format('embedded-opentype'),
		 url('../iconfont/iconfont.woff') format('woff'),
		 url('../iconfont/iconfont.ttf') format('truetype'),
		 url('../iconfont/iconfont.svg#iconfont') format('svg');
}
.iconfont {
	font-family: "iconfont" !important;
	font-size: 16px;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
} 

 @font-face {
	font-family: 'iconpublic';
	src: url('../iconfont/public/iconfont.eot');
	src: url('../iconfont/public/iconfont.eot?#iefix') format('embedded-opentype'),
		 url('../iconfont/public/iconfont.woff') format('woff'),
		 url('../iconfont/public/iconfont.ttf') format('truetype'),
		 url('../iconfont/public/iconfont.svg#iconfont') format('svg');
}

.iconpublic {
	font-family: "iconpublic" !important;
	font-size: 16px;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
} 
/* color */
:root{
	/* 主色调 */
	--mColor:#AB6FA3;
	/* 辅助色 */
	--fColor:#537D74;
}
/* banner */
.page-banner{position: relative; overflow: hidden;}
.page-banner img{width: 100%;}
/* path */
.page-path{height: 50px;line-height: 50px;  overflow: hidden; }
.page-path a{color: #777;}
.page-path i{margin-right: 5px; font-size: 18px; color: #888;}
.page-path b{font-weight: normal; font-family: simsun;}
.page-path span{color:var(--mColor);}

/* title */
.page-title{text-align: center;}
.page-title h3{position: relative; padding-bottom: 5px; text-align: center; font-size: 30px; }
/* .page-title h3:before{position: absolute; bottom: 0; left: 50%; content: ''; margin-left: -25px; width: 50px; height: 3px; background-color: var(--mColor);} */
.page-title p{  font-size: 16px; color: #999;}
.page-title-white{color: #fff;}
.page-title-white h3:before{background-color: #fff;}
@media (max-width:768px) {
	.page-title h3{ font-size: 24px; }
}
/* about */
.page-about-desc p{margin-bottom: 15px; line-height: 25px; color: #777;}
.page-about-desc ul{margin-top: 35px;}
.page-about-desc ul li{position: relative; float: left; width: 33.33%; text-align: center;}
.page-about-desc ul li a{display: block;}
.page-about-desc ul li img{width: 100%;}

@media (max-width:640px) {
	.page-about-desc ul li{width: 50%; }
	.page-about-desc ul li:nth-child(2)::before{display: none;}
}

/*  */
/*  */
.page-about-core{ background-image: url(../images/about/core-bg.jpg); background-repeat: no-repeat; background-size: cover; background-position: center;}
.page-about-core ul{padding: 60px 0;}
.page-about-core ul li{float: left; width: 20%; padding: 0 1px; text-align: center; color: #fff;}
.page-about-core ul li img{max-width: 100%;}
.page-about-core ul li h3{ padding: 20px 0 10px; font-size: 18px;}
.page-about-core ul li p{line-height: 25px;}
@media (max-width:640px) {
	.page-about-core ul li{ width: 50%; margin-bottom: 15px;}
}
@media (max-width:480px) {
	.page-about-core ul li{ width: 100%;}
}
/*  */
.page-about-vision{padding-top: 40px;}
.page-about-vision li{float: left; width: 25%;}
.page-about-vision li:nth-child(1){margin-left: 12.5%;}
.page-about-vision li a{display: block; margin: 0 auto; width: 180px; height: 180px; display: flex; align-items: center; justify-content: center; background-color: #F7F7F7; transform: rotate(45deg); overflow: hidden;}
.page-about-vision li:nth-child(n+4):nth-child(-n+7){transform: translateY(-30px);}
.x-partners-title{width: 100%;transform: rotate(-45deg);}
.x-partners-title img{width: 100%; transform: scale(1.5);}

@media (max-width:1200px) {
	.page-about-vision{margin-top: 40px;}
	.page-about-vision{padding-top: 0;}
	.page-about-vision li{margin: 45px 0;}
	.page-about-vision li:nth-child(1){margin-left: 0}
	.page-about-vision li:nth-child(n+4):nth-child(-n+7){transform: translateY(0);}
}
@media (max-width:960px) {
	.page-about-vision li{ width: 33.33%;}
}
@media (max-width:768px) {
	.page-about-vision li{ width: 50%;}
}
@media (max-width:640px) {
	.page-about-vision li a{width: 140px; height: 140px;} 
}
/*  */
.page-about-contact{padding-top: 50px; background-color: #f5f5f5;}
.page-about-address-left{float: left; width: 30%;height: 350px; background-color: #fff; box-shadow: 0 0 10px rgba(0,0,0,.1); overflow: hidden;}
.page-about-address-right{float: right; width: 68%; overflow: hidden;}
.page-about-address-left{padding:0 30px; background-image: url(../images/about/bg.jpg); background-repeat: no-repeat; background-size: cover; background-position: center;}
.page-about-address-left li{ position: relative; padding: 18px 0; font-size: 16px; color: #777; border-bottom: 1px solid #eee;padding-left: 60px;}
.page-about-address-left li i{position: absolute; top: 15px; left: 0;  font-size: 48px; vertical-align: middle;color: var(--mColor);}
.page-about-address-left li p{padding-top: 5px; font-size: 16px;}
.page-about-address-left li:last-child{border-bottom: none;}

.page-about-address-right{background-color: #fff;}
.page-about-address-right #map{height: 350px;}

@media (max-width:768px) {
	.page-about-address-left,
	.page-about-address-right{ width: 100%;}
	.page-about-address-left{margin-top:15px;}
	.page-about-address-right #map{height: 250px;}
}

/* news */

.page-category-title{margin: 25px 0;border-bottom: 1px solid #eee;}
.page-category-title ul li{float: left; margin-right: 25px;}
.page-category-title ul li a{position: relative; display: block; line-height: 50px; font-size: 16px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.page-category-title ul li a i{ font-size: 28px; vertical-align: middle;}
.page-category-title ul li a.on,
.page-category-title ul li a:hover{color: var(--mColor); }
@media (max-width:900px) {
	.page-category-title{width: 100%; }
	.page-category-title ul li{ width: 25%;}
	.page-category-title ul li a{padding: 0 15px;}
}

@media (max-width:640px) {
	.page-category-title ul li{ width: 33.33%;}
}

.page-news-left{float: left; width: 68%; padding: 15px; background-color: #fff;}
.page-news-right{float: right; width: 29%; padding: 15px; background-color: #fff; overflow: hidden;}

.page-news-list li {margin-bottom: 25px; padding: 15px; border: 1px solid #eee;}
.page-news-list-pic{position: relative;float: left; width: 30%;overflow: hidden;}
.page-news-list-pic>img {width: 100%;transform: scale(1.1);transition: all .3s;}
.page-news-list-mask {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, .4);display: flex;justify-content: center;align-items: Center;transform: translateY(100%);transition: all .3s;z-index: 1;}
.page-news-list-mask img {max-width: 100%;}

.page-news-list-txt {float: left;width: 70%; padding-left: 25px;}
.page-news-list-txt h3 {font-size: 18px;}
.page-news-list-txt h4 {line-height: 30px;font-size: 12px; color: #999;border-bottom: 1px solid #eee;}
.page-news-list-txt p {line-height: 25px;margin: 15px 0; height: 50px; color: #999;font-size: 14px; overflow: hidden;}
.page-news-list-tags span{display: inline-block;  line-height: 24px; font-size: 12px; margin-right: 5px; color: #777;}

.page-news-list li a:hover .page-news-list-txt h3,
.page-news-list li a:hover .page-news-list-txt .page-news-list-tags span{color: var(--mColor); }
.page-news-list li a:hover .page-news-list-pic>img {transform: scale(1);}
.page-news-list li a:hover .page-news-list-mask {transform: translateY(0);}

@media (max-width:768px) {
	.page-news-list-pic {float: left;width: 100%;}
	.page-news-list-txt {float: left;width: 100%;padding-left: 0; padding-top: 15px;}
}




/* product */


.page-product-list{padding-top: 25px; overflow: hidden;}
.page-product-list ul{padding:0 5px; margin-left: -25px;}
.page-product-list li{float: left; width: 25%; margin-bottom: 25px; padding-left: 25px;}
.page-product-list li a{display: block;padding-bottom: 15px;}
.page-product-list .page-product-pic{position: relative; overflow: hidden;}
.page-product-list .page-product-pic img{width: 100%;}
.page-product-list .page-product-txt{padding: 0 15px;}
.page-product-list .page-product-txt h3{margin-top: 15px; line-height: 30px; height: 30px; overflow: hidden;}
.page-product-list .page-product-txt p{margin-top: 8px; height: 50px; line-height: 24px; color: #888; overflow: hidden;}
.page-product-list .page-product-txt span{display: inline-block; margin-top: 15px; padding: 0 25px; line-height: 35px; border: 1px solid #eee;}
.page-product-list li a:hover{box-shadow: 0 0 15px rgba(0,0,0,.1); background-color: var(--mColor);}
.page-product-list li a:hover .page-product-pic img{transform: scale(1.1);}
.page-product-list li a:hover .page-product-txt h3,
.page-product-list li a:hover .page-product-txt p,
.page-product-list li a:hover .page-product-txt span{color: #fff;}
@media (max-width:768px) {
	.page-product-list ul li{width: 50%;}
}

@media (max-width:640px) {
	.page-product-list ul li{width: 100%;}
	.page-product-list .page-product-txt h3{margin-top: 5px; line-height: 24px; height: auto; }
	.page-product-list .page-product-txt{padding: 0;}
	.page-product-list .page-product-txt p{ height: auto;}
}

.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:#666; border: 1px solid #eee;}
.page-viewcode ul > li > a:hover,
.page-viewcode ul > li > a:focus{opacity:1}
.page-viewcode ul > .active > a,
.page-viewcode ul > .active > span{color:var(--mColor);border-color:var(--mColor);}
.page-viewcode ul > .active > a,
.page-viewcode ul > .active > 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{}
.page-show-title{ padding-top: 30px; text-align: center;}
.page-show-title h3{margin-bottom: 15px; padding-bottom: 15px; font-size: 24px;}
.page-show-title span{position: relative; display: inline-block; padding:0 5px; margin-bottom: 10px; font-family: arial;  color: #777;}
/* .show-title span:before{position: absolute; top: 0; left: 0; content: ''; width: 1px; height: 15px; background-color: #ccc;} */
.page-show-title span:first-child::before{display: none;}

#changefont a{display: inline-block; margin: 5px;}

.page-show-content{padding: 40px 0;}
.page-show-content p{line-height: 24px; padding-bottom: 15px;}
.page-show-content img{max-width: 100%!important; max-height: 100%!important;}

.page-show-clickgo{margin-bottom: 15px; padding-bottom: 25px; border-bottom: 1px solid #f5f5f5; text-align: center;}
.page-show-clickgo a{display: inline-block; width: 100px; height: 60px; padding-top: 8px; border-radius: 50px; color: #fff; background-color: var(--mColor);}
.page-show-clickgo a i{display: block; margin-bottom: 5px; font-size: 25px;}

/*  */
.page-show-view{margin: 15px 0;}
.page-show-view ul li{float: left; width: 50%; padding: 10px 0;}

.page-show-view ul li a{color: #777;}
.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: 20px; padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #eee;}
.product-article-item h3::before{position: absolute; bottom: 0; left: 0; content: ''; width: 80px; height: 2px; background-color: var(--mColor);}
.product-article-item ul{float: left; width: 50%; padding-right: 40px;}
.product-article-item ul li a{position: relative; display: block; padding: 15px 0 ; font-family: arial; color: #777; border-bottom: 1px dashed #eee; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}

.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;}
	.product-article-item ul{width: 100%; padding-right: 0;}
}


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




/*  */
.page-sider-title{ line-height: 50px; border-bottom: 1px solid #eee;}
.page-sider-title h3{position: relative; font-size: 20px;}
.page-sider-title h3::before{position: absolute; bottom: -1px; left: 0; content: ''; width: 80px; height: 3px; background-color: var(--mColor);}

.page-sider-news{padding: 20px 0;}
.page-sider-news li{ margin-bottom: 5px; padding: 5px 0; border-bottom: 1px dashed #eee; }
.page-sider-news li a{ position: relative; display: block; padding-left: 15px;}
.page-sider-news li h3{ margin-bottom: 5px;font-size: 14px;}
.page-sider-news li a:before{position: absolute; top: 7px; left: -3px;content: ""; width: 5px; height: 5px; border-radius: 50%; background-color: var(--mColor);}
.page-sider-news li a:hover h3{color: var(--mColor);}
.page-sider-news li a:hover:before{background-color: var(--mColor);}

.page-sider-faq{padding: 20px 0;}
.page-sider-faq li{ margin-bottom: 5px; padding: 5px 0; border-bottom: 1px dashed #eee; }
.page-sider-faq li a{ position: relative; display: block; padding-left: 25px;}
.page-sider-faq li h3{ margin-bottom: 5px;font-size: 14px;}
.page-sider-faq li a:before{position: absolute; top: 0; left: -3px;content: ""; width: 20px; height: 20px;line-height: 20px; text-align: center; color: #fff; background-color:#666;}
.page-sider-faq li a:hover h3{color: var(--mColor);}
.page-sider-faq li a:hover:before{background-color: var(--mColor);}
.page-sider-faq li:nth-child(1) a:before{content: '1';}
.page-sider-faq li:nth-child(2) a:before{content: '2';}
.page-sider-faq li:nth-child(3) a:before{content: '3';}
.page-sider-faq li:nth-child(4) a:before{content: '4';}
.page-sider-faq li:nth-child(5) a:before{content: '5';}
.page-sider-faq li:nth-child(6) a:before{content: '6';}
.page-sider-faq li:nth-child(7) a:before{content: '7';}

.page-sider-tag{padding: 15px 0;}
.page-sider-tag ul{ overflow: hidden;}
.page-sider-tag li{float: left; padding-right: 10px; margin-bottom: 10px; text-align: center;}
.page-sider-tag li a{display: block; padding: 0 10px; line-height: 40px; background-color: #f5f5f5;}
.page-sider-tag li a:hover{ background-color: var(--mColor);  color: #fff;}


.page-sider-hots{padding-bottom: 30px;}
.page-sider-hots ul li{margin-top: 15px;}
.page-sider-hots ul li a{display: block;}
.page-sider-hots-pic{float: left; width: 35%; border-radius: 4px; overflow: hidden;}
.page-sider-hots-pic img{width: 100%;}
.page-sider-hots-txt{float: left; width: 65%; padding-left: 15px;}
.page-sider-hots-txt h3{padding-top: 5px; height: 50px; overflow: hidden;}
.page-sider-hots ul li a:hover h3{color: #C0101A;}



.page-sider-contact{margin-top: 20px; background-color: #f5f5f5; padding: 30px; text-align: center;}
.page-sider-contact img{max-width: 100%;}
.page-sider-contact h3{padding-top: 15px;}

@media (max-width:1140px) {
	.page-news-left,
	.page-news-right{width: 100%;}
}