*{transition: all .3s;}
.container-width{max-width: 1230px; margin: 0 auto; padding-left: 15px; padding-right: 15px; }
.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('../font/iconfont.eot');
	src: url('../font/iconfont.eot') format('embedded-opentype'),
		 url('../font/iconfont.woff') format('woff'),
		 url('../font/iconfont.ttf') format('truetype'),
		 url('../font/iconfont.svg') 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('../font/iconfont1.eot');
	src: url('../font/iconfont1.eot') format('embedded-opentype'),
		 url('../font/iconfont1.woff') format('woff'),
		 url('../font/iconfont1.ttf') format('truetype'),
		 url('../font/iconfont1.svg') 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:#43bcc7;}
/* 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:#D49415;}


/* 招聘 */
.page-join{width:60%; margin:10px 20%; margin-bottom: 50px; }
.page-join li{ margin-top:30px; background-color:#F7F7F7;}
.page-join-top { height: 220px;position:relative;cursor:pointer;}
.page-join-name {width: 30%;float: left;padding: 74px;border-right: 1px solid #d494156e;}
.page-join-name h3 {font-size: 30px;color: #d49415; text-align : center;}
.page-join-name p {font-size: 16px;margin-top: 10px; text-align : center;}
.page-join-work {width:100%;}
.page-join-work h3 {padding-top: 40px;padding-left: 60px;font-size: 18px;}
.page-join-work p {margin-top: 12px;color:gray;font-size:13px;}
.page-join-zhankan span {width: 50px;height: 50px;line-height: 50px;text-align: center;position: absolute;top: 88px;left: 1091px;font-size: 60px;color: #fff;background-color: #d49415;z-index:2;}
.page-join-bottom {height: 220px; border-top: 1px dashed #aaaaaa59 ; position:relative;}
.page-join-hidden{display:none;}
.page-join-xq{width:23%;display:inline-block;margin: 70px 0 0 80px;border-right:1px solid #d494156e;}
.page-join-xq p{margin-top:12px;font-size:15px;}
.page-join-yq {margin-top: 35px;margin-right: 139px;width: 500px;float: right;}
.page-join-yq h3 {padding-left: 60px;font-size: 18px;}
.page-join-yq p {margin-top: 12px;color:gray;font-size:13px;}
span.page-join-sq {width: 100px;height: 45px;background: #d49415;display: inline-block;font-size: 16px;text-align: center;line-height: 45px;border-radius: 7px;color: white;position: absolute;top: 150px;left: 1000px;cursor:pointer;}
.y-contact-right {width: 560px;height: 700px;padding-top: 20px;background-color: #D49415;display:none;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:3;}
.y-contact-right .y-message {margin: 40px 0 0 25px;}
.y-contact-right .y-message1 {color: white;font-weight: bold;}
.y-contact-right form input{width: 423px;height: 35px;margin-left: 58px;margin-top: 47px;border-radius: 5px;}
form textarea{margin: 50px 0 60px 60px;width: 420px;height: 110px;}
#btn{width: 87px;height: 43px;font-size: 16px;border-radius: 10px;position: absolute;top: 530px;left: 60px;color: #D49415;cursor: pointer;}
.zxx{width: 87px;height: 43px;font-size: 16px;border-radius: 10px;position: absolute;top: 530px;left: 390px;color: #D49415;cursor: pointer;}
.qx{width: 27px;height: 27px;position: fixed;top: -12px;left: 544px;font-size: 24px;cursor: pointer;border-radius: 40px;background-color: #bb9637;text-align: center;}
.qx:hover{transform:rotate(360deg) scale(1.1);}
@media(max-width:765px){
	.page-join{ width:90%; margin: 10px 5%; }
	.page-join-top {height:100%; }
	.page-join-name {width:100% ; float:none ; padding:0px ;  }
	.page-join-work h3{ padding-left: 0px ; text-align: center ; padding-top: 20px;}
	.page-join-work p{padding: 1px 20px;}

	.page-join-xq{ display:none; }
	.page-join-yq{ width:90%; margin: 10px 5%;  }
	.page-join-yq h3{padding-left: 0px ;  text-align: center ; padding-top: 0px;}
}
@media(min-width:765px){
	.page-join-work {margin-left:500px; width:500px;}
	
}

/* 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: #D49415;} */
.page-title p{  font-size: 16px; color: #999;}
.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: 100%; }
	.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;  */
	margin-bottom : 50px;}
.page-about-core ul{padding: 60px 0;}
.page-about-core ul li{float: left; width: 20%; padding: 0 1px; text-align: center; color: black}
.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{width: 100%; background-color: #fff; box-shadow: 0 0 10px rgba(0,0,0,.1); overflow: hidden;}
.page-about-address-left{padding:30px; background-image: url(../image/bg.jpg); background-repeat: no-repeat; background-size: cover; background-position: center;}
.page-about-address-left .contact-info-row{display: flex; flex-wrap: wrap; justify-content: space-around; align-items: flex-start;}
.page-about-address-left .contact-info-row li{ position: relative; float: left; width: 23%; padding: 18px 15px; font-size: 16px; color: #777; border-bottom: none; border-right: 1px solid #eee; padding-left: 60px; box-sizing: border-box;}
.page-about-address-left .contact-info-row li:last-child{border-right: none;}
.page-about-address-left li i{position: absolute; top: 15px; left: 15px;  font-size: 48px; vertical-align: middle;color: #D49415;}
.page-about-address-left li p{padding-top: 5px; font-size: 16px;}

@media (max-width:768px) {
	.page-about-address-left{width: 100%;}
	.page-about-address-left .contact-info-row li{ width: 50%; border-right: 1px solid #eee; border-bottom: 1px solid #eee;}
	.page-about-address-left .contact-info-row li:nth-child(2n){border-right: none;}
	.page-about-address-left .contact-info-row li:nth-child(n+3){border-bottom: none;}
}

/* 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: #D49415; }
@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-left1{float: left;width: 100%;padding: 0;background-color: #fff;padding-bottom: 60px;}
.page-news-right{float: right; width: 29%; padding: 15px; background-color: #fff; overflow: hidden;}

.page-news-list ul {overflow: hidden; margin-left: -15px;}
.page-news-list li {float: left; width: 33.33%; padding-left: 15px; margin-bottom: 25px; box-sizing: border-box; height: 100%;}
.page-news-list li > div {display: flex; flex-direction: column; height: 100%; padding: 20px; border: 1px solid #eee; box-sizing: border-box; min-height: 450px;}
.page-news-list-pic{position: relative;float: none; width: 100%;overflow: hidden; margin-bottom: 15px; height: 200px; flex-shrink: 0;}
.page-news-list-pic>img {width: 100%;height: 100%;object-fit: cover;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: none;width: 100%; padding-left: 0; flex: 1; display: flex; flex-direction: column;}
.page-news-list-txt h3 {font-size: 18px; margin-bottom: 10px; flex-shrink: 0;}
.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; min-height: 50px; color: #999;font-size: 14px; overflow: hidden; flex: 1;}

.page-news-list li:hover .page-news-list-txt h3{color: #D49415; }
.page-news-list li:hover .page-news-list-pic>img {transform: scale(1);}
.page-news-list li:hover .page-news-list-mask {transform: translateY(0);}

@media (max-width:768px) {
	.page-news-list li {width: 50%;}
	.page-news-list li > div {min-height: 420px;}
	.page-news-list-pic {float: none;width: 100%; height: 180px;}
	.page-news-list-txt {float: none;width: 100%;padding-left: 0; padding-top: 15px;}
	.page-news-left1 {padding-top: 0;}
	.page-news-left1 img{max-width:100%;}
}
@media (max-width:640px) {
	.page-news-list li {width: 100%;}
	.page-news-list li > div {min-height: auto;}
	.page-news-list-pic {height: 200px;}
}




/* 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-pic img{height:162px;}
.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: #D49415;}
.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:#D49415;border-color:#D49415;}
.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-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: 50px; padding-top: 8px; border-radius: 50px; color: #fff; background-color: #D49415;}
.page-show-clickgo a i{display: block; margin-bottom: 5px; font-size: 25px;}
.tijiao{width: 150px;
    height: 50px;
    background-color: #D49415;
    border-radius: 10px;
    line-height: 50px;
    font-size: 18px;
    color: white;
    margin:0 0 20px 325px;
    cursor: pointer;}

/*  */
.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: #D49415;}
@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: #D49415;}
.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:#D49415;}
@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: #D49415;}

.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: #D49415;}
.page-sider-news li a:hover h3{color: #D49415;}
.page-sider-news li a:hover:before{background-color: #D49415;}

.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: #D49415;}
.page-sider-faq li a:hover:before{background-color: #D49415;}
.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: inline-block; padding: 0 10px; line-height: 40px; background-color: #f5f5f5;}
.page-sider-tag li a:hover{ background-color: #D49415;  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%;}
}



li.x-contact-item span:first-child {
    width: 127px;
    display: inline-block;
}