@charset "utf-8";
.hr{ height:1px;border:none;border-top:1px dashed #eee;}
.pt50{padding-top: 50px;}

/* banner */
.pg-banner{overflow: hidden;}
.pg-banner img{width: 100%;}
/* pgview */
.pg-view ul{padding: 10px 0 }
.pg-view ul li{padding: 5px 0;}
.pg-view ul li a{ color: #777;}
.pg-view ul li a:hover{color:#caaa68;}
@media (max-width:768px) {
	.pg-view ul{padding:5px 15px;}
	.pg-view ul li{width: 100%;}
	.pg-view ul li:last-child{text-align: left; padding-top: 8px;}
}
/* pg-code */
.pg-code {padding: 15px 0; text-align: center; font-size: 0;}
.pg-code ul {display: flex;justify-content: center;overflow: hidden;}
.pg-code ul li {float: left;}
.pg-code-go{font-family: simsun!important;}
.pg-code span,
.pg-code a{display: inline-block; margin: 15px 5px; min-width: 40px; height: 40px; line-height: 40px; border: 1px solid #eee;  font-size: 16px; color: #999; font-family: arial; cursor: pointer;background-color: #fff;}
.pg-code a.current {background-color: #caaa68; border-color: #caaa68; color: #fff;}
.pg-code span b{font-family: simsun; font-weight: normal;}
.pg-code .pg-code-on{background-color: #caaa68; border-color: #caaa68; color: #fff;}
.pg-code span:hover,
.pg-code a:hover{background-color: #caaa68; border-color: #caaa68; color: #fff;}
.page-code {overflow: hidden;display: flex;justify-content: center;margin:30px 0;padding:0 10px;}
.page-code li {float: left;margin:2px 1px;margin-right: 6px;}
.page-code li a {display: block; padding:0 16px;line-height: 40px;font-size: 14px;color:#999999;border: 1px solid #e5e5e5;border-radius: 5px;}
.page-code li > a:hover,
.page-code li > a:focus{color: #fff;background-color:#caaa68;border: 1px solid transparent;}
.page-code .current {color: #fff;background-color: #caaa68;border: 1px solid transparent;}


/* path */
.cate-path{height: 50px;line-height: 50px; overflow: hidden;margin: 20px 0;font-family: simsun;}
.cate-path a{color: #777;font-family: arial, "Microsoft YaHei";}
.cate-path a:hover {color: #caaa68;}
.cate-path em {font-family: arial, "Microsoft YaHei";font-style: normal;}
.cate-path img{vertical-align: sub;}
.cate-path i{font-size: 24px; }
.cate-path b{font-weight: normal; font-family: simsun; color: #aaa;}
.cate-path span{color:#caaa68;font-family: arial, "Microsoft YaHei";}
/* about */
.category-title{position: relative; text-align: center; font-family: arial;}
.category-title h3{padding-bottom: 10px; font-size: 26px;}
.category-title h3 b{color: #0f74fb; font-weight: normal;}
.category-title p{ font-size: 16px; color: #777;text-transform: uppercase;}
.category-title fieldset{position: relative; margin: 0 auto; max-width: 220px; border-width: 1px 0 0;border-color: #eee;}
.category-title fieldset legend{ padding: 0 15px; font-size: 16px; text-transform: uppercase; color: #777;}
.category-title:before {position: absolute;bottom: -10px;left: 50%;content: '';width: 40px;height: 2px;margin-left: -20px;background-color: #caaa68;}
@media (max-width:768px) {
	.category-title h3{padding-bottom: 10px; font-size: 22px;}
}
/* show */
.show-left{float: left; width: 70%;}
.show-right{float: right; width: 30%; padding-left: 50px; }
@media (max-width:768px) {
	.show-left,
	.show-right{float: none; width: 100%; padding-left: 0; }
}

.show-title{padding-top: 0;text-align: center;}
.show-title h3{margin-bottom: 15px; padding-bottom: 15px; font-size: 24px;}
.show-title span{position: relative; display: inline-block; padding:0 15px; margin-bottom: 10px; font-family: arial;  color: #777;}
.show-content{padding: 40px 0;}
.show-content p{line-height: 24px; padding-bottom: 15px;}
.show-content img {width: auto;max-width: 100%;}
.show-share{padding: 15px 0; text-align: right; color: #777;}
@media (max-width:768px) {
	.show-title{ padding-top: 20px;}
	.show-title h3{ padding-bottom:0; font-size: 22px;}
	.show-title span{display: block; margin-bottom: 5px;}
	.show-content img {width: 100%;height: auto;}
	.show-content{padding: 20px 0;}
}

/*  */
.show-hotitle{ margin-bottom: 25px; border-bottom: 2px solid #eee;}
.show-hotitle a{font-size: 14px; font-family: arial; text-transform: uppercase; margin-top: 15px;}
.show-hotitle span{position: relative; display: inline-block; padding-bottom: 10px; font-size: 20px;}
.show-hotitle span:before{position: absolute;bottom: -3px; left: 0; content: ''; width: 100%; height: 3px ; background-color: #caaa68; }
.show-hot{padding-bottom: 25px;}
.show-hot ul li{padding-left: 25px; padding-bottom: 15px; border-left: 1px solid #eee; font-family: arial;}
.show-hot ul li h3{position: relative;font-size: 16px; color: #666;}
.show-hot ul li h3:before{position: absolute; top: 5px; left: -30px; content: ''; width: 9px; height: 9px; border-radius: 50%; background-color: #ccc;}
.show-hot ul li p{ padding: 10px 0; color: #999; border-bottom: 1px solid #eee; }
.show-hot ul li a:hover h3{color: #caaa68;}
.show-hot ul li a:hover h3:before{background-color: #caaa68;}
/*  */
.articlelink-title{ border-bottom: 3px solid #eee; }
.articlelink-title span{display: inline-block; position: relative;line-height: 40px;color: #caaa68;}
.articlelink-title span:before{position: absolute;bottom: -2px; left: 0; content: ''; width: 100%; height: 2px; background-color: #caaa68;}
.articlelink{padding: 25px 0;}
.articlelink ul li{position: relative; float: left; width: 50%; line-height: 30px; padding-right: 15px;}
.articlelink ul li i{font-family: simsun; font-style: normal; color: #333;}
.articlelink ul li a{display: block; color: #888; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.articlelink ul li a:hover{color: #caaa68;}
@media (max-width:768px) {
	.articlelink ul li{ width: 100%; }
}
/*  */
.show-peitao {padding-bottom: 20px;}
.show-peitao ul li{margin-bottom: 15px;}
.show-peitao img{width: 100%;}

@media (max-width:768px) {
	.show-peitao ul li{ margin-bottom: 15px;}
}

.page-border-case li{margin-top: 25px; font-family: arial;}
.page-border-case li span{padding-top: 2px;}
.page-border-case li i{display: inline-block; padding: 1px; border: 1px solid #caaa68; color: #caaa68; border-radius: 3px; margin-right: 8px;}
.page-border-case li a:hover{ color: #caaa68;}


/* news */
.pg-news-title ul { margin: 20px 0; background-color: #f5f5f5;}
.pg-news-title ul li{float: left;}
.pg-news-title ul li a{position: relative;z-index: 3; display: block; padding: 2px 25px; font-size: 16px; line-height: 45px;}
.pg-news-title ul li a i{font-size: 24px; padding-right: 5px; vertical-align: middle; color: #777;}

.pg-news-title ul li a:before{position: absolute; bottom: 0; left: 0; content: ''; z-index: -1; width: 100%; height: 0; background-color: #caaa68; transition: all .3s;}
.pg-news-title ul li a:after{position: absolute; bottom: 0; left: 50%; content: ''; margin-left: -10px; z-index: -1; width: 0; height: 0;
 border-top: 10px solid #caaa68; border-right: 10px solid transparent; border-left: 10px solid transparent; opacity: 0; transition: all .3s;}
.pg-news-title ul li.current-cat a,
.pg-news-title ul li.current-cat a i{color: #fff;}
.pg-news-title ul li.current-cat a:before{height: 100%;}
.pg-news-title ul li.current-cat a:after{bottom: -10px; opacity: 1;}
.pg-news-title ul li a.on,
.pg-news-title ul li a.on i{color: #fff;}
.pg-news-title ul li a.on:before{height: 100%;}
.pg-news-title ul li a.on:after{bottom: -10px; opacity: 1;}
.pg-news-title ul li a:hover,
.pg-news-title ul li a:hover i{color: #fff;}
.pg-news-title ul li a:hover:before{height: 100%;}
.pg-news-title ul li a:hover:after{bottom: -10px; opacity: 1;}
@media (max-width:768px) {
	.pg-news-title ul li a{ padding: 2px 15px;line-height: 35px;}
	.pg-news-title ul li a i{display: none;}
}
.pd50 {
    padding-top: 50px;
    padding-bottom: 50px;
}
.pg-news {overflow: hidden;}
.pg-news ul{margin-right: -25px;}
.pg-news ul li{float: left; width: 33.33%; padding-right: 25px; margin-bottom: 25px;}
.pg-news-box{/* background-color: #caaa68; */font-family: arial; border-bottom: 1px solid #eee; padding-bottom: 25px;}
.pg-news-box-pic {overflow: hidden;}
.pg-news-box-pic img{width: 100%;height: 240px;}
.pg-news-box .pg-news-box-date{position: relative; float: left;  margin-top: 15px; padding: 10px 5px; width: 20%; border: 1px solid #ccc; text-align: left; }
.pg-news-box .pg-news-box-date h3{font-size: 28px; font-weight: bold;}
.pg-news-box .pg-news-box-date p{font-size: 16px; color: #777;}

.pg-news-box .pg-news-box-content{float: right; width: 100%; padding-top: 15px;} 
.pg-news-box .pg-news-box-content h3{ font-size: 18px;  border-bottom: 1px solid #fff; overflow: hidden; height: 25px;} 
.pg-news-box:hover .pg-news-box-content h3{ color: #caaa68} 
.pg-news-box .pg-news-box-content p{margin-top: 5px;overflow: hidden;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;}
@media (max-width:1200px) {
	.pg-news ul li{width: 50%;}
}

@media (max-width:768px) {
	.pg-news ul li{width: 100%;}
	.pg-news-box-pic img {height: auto;}
}
@media (max-width:640px) {
	.pg-news-box .pg-news-box-date{  margin-top: 10px; padding: 0; width: 100%; border:none; text-align: left; }
	
	.pg-news-box .pg-news-box-content{ width: 100%; padding-top: 10px; } 
}

/* contact */
.pg-contact {padding: 10px 0!important;}
.pg-contact ul li{background:#F7F7F7 url(../images/contact/map-bg.png) no-repeat ; background-position: right bottom;}
.pg-contact-pic{width: 18%;}
.pg-contact-pic img{width: 100%;}
.pg-contact-info{width: 80%; padding: 45px 25px; font-family: arial; }
.pg-contact-info h3	{font-size: 20px;  margin-bottom: 25px;}
.pg-contact-info h3 span{display: inline-block; padding-bottom: 8px; padding-right: 20px; border-bottom: 1px solid #caaa68;}
.pg-contact-info p {margin-bottom: 15px; font-size: 16px;}
.pg-contact-info p span{padding-top: 8px; text-indent: 48px; display: block; font-size: 12px; color: #777;}

@media (max-width:1200px) {
	.pg-contact ul li{background-image: none;}
	.pg-contact-pic{width: 25%;}
	.pg-contact-info{width: 75%;}
}

@media (max-width:840px) {
	.pg-contact-pic{width: 30%;}
	.pg-contact-info{width: 70%;}
}
@media (max-width:768px) {
	.pg-contact-pic{display: none;}
	.pg-contact-info{width: 100%;padding: 15px; }
}

@media (max-width:768px) {
	.pg-contact-info p span{text-indent: 0; }
}

/* peitao */

.pg-peitao {overflow: hidden;}
.pg-peitao ul li{float: left; width: 33.33%; padding: 15px;}
.pg-peitao-box{font-family: arial; border-bottom: 1px solid #eee; padding-bottom: 25px;}
.pg-peitao-box-pic {overflow: hidden;}
.pg-peitao-box-pic img{width: 100%;}

.pg-peitao-box-content{ text-align: center;} 
.pg-peitao-box-content h3{ padding: 20px 0; font-size: 18px; } 
.pg-peitao-box-content p{margin-top: 5px;padding: 0 15px; line-height: 24px; height: 48px; font-size: 16px; color: #777; overflow: hidden;}
.pg-peitao-box-content i{display: block; margin-top: 25px;visibility: hidden; transform: translateX(-20px);}

.pg-peitao ul li a:hover .pg-peitao-box{box-shadow: 0 0 15px rgba(0,0,0,.1);}
.pg-peitao ul li a:hover .pg-peitao-box-content i{visibility: visible; transform: translateX(0);}
@media (max-width:1200px) {
	.pg-peitao ul li{width: 50%;}
}

@media (max-width:768px) {
	.pg-peitao ul li{width: 100%;}
}

.pg-company ul li{float: left; width: 20%; padding: 0 10px 15px; min-height: 363.7px;}
.pg-company-box{font-family: arial; border: 1px solid #eee; box-shadow: 0 0 10px rgba(0,0,0,.1);}
.pg-company-box-pic {overflow: hidden;}
.pg-company-box-pic img{width: 100%;}
.pg-company-box-content{padding: 15px; height: 230px; overflow: hidden;}
.pg-company-box-content h3{position: relative; padding-bottom:5px; margin-bottom: 15px; font-size: 18px; text-align: center; } 
.pg-company-box-content h3:before{position: absolute;bottom: -2px; left: 50%; content: ''; margin-left: -15px; width: 30px; height: 1px; background-color: #caaa68;}
.pg-company-box-content dl dd{height: 26px; line-height: 26px; font-size: 14px; color: #777; overflow: hidden; position: relative;}
.pg-company-box-content a {display: inline-block; width: 168px; overflow: hidden;}
.pg-company-box-content i{position: absolute; right: 0px; top: 0px;}

.pg-company-box-content dl dd a:hover{color: #caaa68;}
.pg-company ul li a:hover .pg-company-box{box-shadow: 0 0 15px rgba(0,0,0,.1);}
@media (max-width:1200px) {
	.pg-company ul li{width: 33.33%;}
}

@media (max-width:840px) {
	.pg-company ul li{width: 50%;}
}

@media (max-width:640px) {
	.pg-company-box-content{height: auto;}
	.pg-company ul li{width: 100%;}
}

/* pg-history */
.pg-history ul{border-top: 1px solid #eee;}
.pg-history ul li{ padding: 15px 0; border-bottom: 1px solid #eee; font-family: arial;}
.pg-history ul li h3{padding-right: 10px; font-size: 30px;}
.pg-history ul li h3 span{font-size: 14px;}
.pg-history ul li p{position: relative; padding-left: 60px; margin-top: 10px; font-size: 16px; color: #777;}
.pg-history ul li p:before{position: absolute; top: 50%; left: 0; content: ''; width: 50px; height: 1px ; background-color: #ccc;}


/*  */
.page-about-left{float: left; width: 65%; padding-right: 40px;  font-family: arial;}
.page-about-left h1{position: relative; padding:0 0 15px; margin-bottom: 25px; font-size: 24px;}
.page-about-left h1:before{position: absolute; bottom: 0; left: 0; content: ''; width: 60px; height: 2px; background-color: #caaa68; }
.page-about-left p{margin-bottom: 12px; color: #777; font-size: 14px; line-height: 24px;}
.page-about-left a{display: inline-block; padding: 0 30px; line-height: 40px; border: 1px solid #ccc; text-transform: uppercase; }
.page-about-left a b{vertical-align: middle;margin-right: 5px; font-weight: normal;}
.page-about-left a:hover img{transform: translateX(8px);}

.page-about-right{float: left; width: 35%; text-align: center;}
.page-about-right img{max-width: 100%;}

@media (max-width:980px) {
	.page-about-right{width: 45%; padding: 15px;}
	.page-about-left{width: 55%;}
}
@media (max-width:768px) {
	.page-about-left{width: 100%; padding: 0;}
	.page-about-right{display: none;}
}

.pg-culture{ background-image: url(../images/company/comdesc-bg.png); background-repeat: no-repeat; background-size: cover; background-position: center;}
.pg-culture ul{padding: 80px 0 0;}
.pg-culture ul li{float: left; width: 25%; padding: 0 20px; text-align: center; color: #fff;}
.pg-culture ul li h3{ padding: 15px 0; font-size: 18px;}
.pg-culture ul li p{ padding: 0 35px;}
@media (max-width:768px) {
	.pg-culture ul li{ width: 33.33%; margin-bottom: 15px;}
}
@media (max-width:640px) {
	.pg-culture ul li{ width: 50%;}
}
@media (max-width:480px) {
	.pg-culture ul li{ width: 100%;}
}


.pg-comdesc-plance .swiper-container{width: 90%; margin: 50px auto 0;}
.pg-comdesc-plance .swiper-container .swiper-slide img{width: 100%;}


/* team */
.pg-team ul li a{display: block; padding: 10px; background:#F7F7F7;}
.pg-team-pic{width: 25%;}
.pg-team-pic img{width: 100%;}
.pg-team-info{width: 70%; padding:40px 25px 0; font-family: arial; }
.pg-team-info h3{font-size: 20px;  margin-bottom: 25px;}
.pg-team-info h3 span{display: inline-block; padding-left: 10px; font-size: 14px; color: #777;}
.pg-team-info p {font-size: 16px; color: #777;}


.pg-team ul li a:hover{ background-color: #caaa68;}
.pg-team ul li a:hover .pg-team-info h3,
.pg-team ul li a:hover .pg-team-info h3 span,
.pg-team ul li a:hover .pg-team-info p{ color: #fff;}
@media (max-width:1200px) {
	.pg-team ul li{background-image: none;}
	.pg-team-pic{width: 25%;}
	.pg-team-info{width: 75%; padding:20px 25px 0; }
}

@media (max-width:840px) {
	.pg-team-pic{width: 35%;}
	.pg-team-info{width: 65%;}
}
@media (max-width:768px) {
	.pg-team-pic{display: none;}
	.pg-team-info{width: 100%;padding: 15px; }
}

@media (max-width:768px) {
	.pg-team-info p span{text-indent: 0; }
}


.page-company-ask{padding-bottom: 60px; background-color: #f5f5f5;}
.page-company-ask ul{min-height: 400px;}
.page-company-ask ul li{position: relative; float: left;}
.page-company-ask ul li a{position: absolute; top: 0; left: 0; z-index: 2; display: block;width: 170px; height: 170px;  border: 1px solid #ccc; transform: rotate(45deg); background-color: #fff; box-shadow: 10px 10px 15px rgba(30,77,150,.1); overflow: hidden;}
.page-company-ask ul li:first-child{left: 30px;}
.page-company-ask ul li:nth-child(3){left: 350px;}
.page-company-ask ul li:nth-child(5){left: 660px;}
.page-company-ask ul li:nth-child(7){left: 970px;}
.page-company-ask ul li:nth-child(even) a{top: 150px;}
.page-company-ask ul li:nth-child(2){left: 190px;}
.page-company-ask ul li:nth-child(4){left: 505px;}
.page-company-ask ul li:nth-child(6){left: 815px;}

.page-company-ask-ico{position: absolute; top:20px; left: 0; z-index: 1; transform: rotate(-45deg); text-align: center;}
.page-company-ask-ico h1{  font-style: italic; font-family: arial;}
.page-company-ask-ico h1 img{max-width: 100%;}
.page-company-ask-ico h3{padding-top: 5px; padding: 5px 25px 0; font-size: 16px;}
@media (max-width:1200px) {
	.page-company-ask ul{background: none;min-height: auto;}
	.page-company-ask ul li{width: 14.28%; left: inherit!important; padding:0 5px; }
	.page-company-ask ul li a{position: static;transform: rotate(0); width: auto; height: auto; padding: 15px  0; border-radius:10px; margin: 0 auto 15px;}
	.page-company-ask-ico{position: static;transform: rotate(0);}
	.page-company-ask-ico h3{padding-top: 5px; padding: 5px; height: 40px; overflow: hidden; font-size: 14px;}
}
@media (max-width:768px) {
	.page-company-ask ul li{width: 25%; }
}
@media (max-width:640px) {
	.page-company-ask ul li{width: 33.33%; }
}
@media (max-width:440px) {
	.page-company-ask ul li{width: 50%; }
}


.pg-zzbs-process{background-image: url(../images/zzbs/process-bg.jpg); background-repeat: no-repeat; background-size: cover; background-position: center;}
.pg-zzbs-process ul li{float: left; width: 16.66%; text-align: center; color: #fff;}
.pg-zzbs-box img{display: block; margin: 0 auto 15px; max-width: 100%;}
.pg-zzbs-process ul li h3{font-size: 40px; font-family: arial;}
.pg-zzbs-process ul li p{height: 60px; overflow: hidden; font-size: 16px; padding: 0 15px;}
@media (max-width:1200px) {
	.pg-zzbs-process ul li{ width: 33.33%; margin-bottom: 15px; }
	.pg-zzbs-box img:last-child{display:none;}
}

@media (max-width:768px) {
	.pg-zzbs-process ul li{ width: 50%; }
}

@media (max-width:640px) {
	.pg-zzbs-process ul li{ width: 100%; }
	.pg-zzbs-process ul li p{height: auto;}
}

.pg-zzbs-data{display: block; padding: 25px; background:#F7F7F7;}
.pg-zzbs-datapic{width: 35%;}
.pg-zzbs-datapic img{width: 100%;}
.pg-zzbs-datainfo{width: 65%; padding:40px 25px 0; font-family: arial; }
.pg-zzbs-datainfo ul li{margin-bottom: 18px;}

.pg-zzbs-datainfo h3{font-size: 20px;  margin-bottom: 25px;}
.pg-zzbs-datainfo p span { margin-right: 5px; display: inline-block;width: 20px; height: 20px; line-height: 20px; text-align: center; color: #fff; border-radius: 50%; background-color: #caaa68; font-size: 14px;}
.pg-zzbs-datainfo p {font-size: 16px; color: #777;}

@media (max-width:1200px) {
	.pg-zzbs-datapic{width: 50%;}
	.pg-zzbs-datainfo{width: 50%; padding:20px 25px 0;  }
}

@media (max-width:940px) {
	.pg-zzbs-datapic{display: none;}
	.pg-zzbs-datainfo{width: 100%; padding:0; }
	.pg-zzbs-datainfo ul li:last-child{margin-bottom: 0;}
}

.pg-zzbs-know {background-color: #f5f5f5;}
.pg-zzbs-know .container-width{overflow: hidden;}
.pg-zzbs-know ul{margin-right: -25px;}
.pg-zzbs-know ul li{float: left; width: 25%; padding-right: 25px;}
.pg-zzbs-know ul li a{ position: relative; display: block;}
.pg-zzbs-know ul li a img{width: 100%;}
.pg-zzbs-know-mask{position: absolute; bottom: 0; left: 0; padding: 10px; width: 100%; font-size: 18px; color: #fff; background-color: rgba(0,0,0,.7);}
.pg-zzbs-know-mask i{margin-top: 4px;}
.pg-zzbs-know ul li a:hover .pg-zzbs-know-mask{background-color: rgba(230, 0, 17,.7);}

@media (max-width:960px) {
	.pg-zzbs-know ul li{ width: 50%;}
}

@media (max-width:768px) {
	.pg-zzbs-know ul li{ width: 100%; margin-bottom: 15px;}
}

.pg-hk-reg{background-color: #f5f5f5;}
.pg-hk-reg ul{float: left; width: 35%;}
.pg-hk-reg-box{position: relative;display: flex; align-items: center;  margin-bottom: 35px; padding: 15px; height: 80px;  border-radius: 6px; background-color: #fff;}

.pg-hk-reg-img{float: left;width: 30%; padding:0 10px; text-align: center;}
.pg-hk-reg-img img{max-width: 100%;}

@media (max-width:975px) {
	.pg-hk-reg .container-width{margin-left: -15px; overflow: hidden;}
	.pg-hk-reg ul{ width: 50%; padding-left: 15px;}
	.pg-hk-reg-img{display: none;}
}
@media (max-width:768px) {
	.pg-hk-reg .container-width{margin-left: 0; }
	.pg-hk-reg ul{ width: 100%; padding-left: 0;}
	.pg-hk-reg-box{height: 90px; margin-bottom: 15px; }
}


.pg-hk-needpic{width: 45%;}
.pg-hk-needpic img{width: 100%;}
.pg-hk-needinfo{width: 55%; padding-left:35px; font-family: arial; }
.pg-hk-needinfo p{line-height: 26px; font-size: 16px; color: #777;}


@media (max-width:1200px) {
	.pg-hk-needpic{width: 50%;}
	.pg-hk-needinfo{width: 50%; padding:0 25px 0;  }
}

@media (max-width:940px) {
	.pg-hk-needpic{display: none;}
	.pg-hk-needinfo{width: 100%; padding:0; }
	.pg-hk-needinfo ul li:last-child{margin-bottom: 0;}
}

/*  */
.pg-hkcompany-process{background-image: url(../images/hk/process-p1.jpg); background-position: center; background-size: cover;}
.pg-hkcompany-process ul{padding-top: 25px; padding-bottom: 40px; margin-right: -20px;}
.pg-hkcompany-process ul li{position: relative; float: left; width: 12.5%; padding: 0 20px 20px 0; text-align: center; margin-bottom: 10px;}
.pg-hkcompany-process ul li span{position: absolute; top: 45px; right: -2px; margin-top: -3px;}
.pg-hkcompany-process ul li img{max-width: 100%;}
.pg-hkcompany-process ul li h3{padding-top: 15px; font-size: 18px; color: #fff;overflow: hidden;  text-overflow: ellipsis; white-space: nowrap;}
.pg-hkcompany-process ul li p{padding: 15px 25px 0; font-size: 14px; color: #fff; font-family: arial;}
@media (max-width:1200px) {
	.pg-hkcompany-process ul{padding-top: 25px; padding-bottom: 20px;}
	.pg-hkcompany-process ul li{width: 25%;}
	.pg-hkcompany-process ul li span{display: none;}
	.pg-hkcompany-process ul li p{padding-bottom: 10px; }
}
@media (max-width:768px) {
	.pg-hkcompany-process ul{padding-top: 15px; padding-bottom:0;}
	.pg-hkcompany-process ul li{width: 50%;}
}


.sbzc-qusetion ul{margin-right: -15px;}
.sbzc-qusetion ul li{float: left; width: 33.33%; padding: 0 15px 15px 0;}
.sbzc-qusetion-box{display: block; padding: 25px;border-radius: 6px; background-color: #fff;border-bottom: 1px solid #eee;}
.sbzc-qusetion-box h3{position: relative; padding-bottom: 10px; padding-left: 40px;font-size: 18px; text-overflow:ellipsis ; white-space: nowrap; overflow: hidden;  }
.sbzc-qusetion-box h3 span,
.sbzc-qusetion-box p span{position: absolute; top: 0; left: 0; display: block; width: 20px; height: 20px; line-height: 20px; border-radius: 4px; color: #fff; font-family: arial; text-align: center; font-size: 12px;}
.sbzc-qusetion-box h3 span{top: 1px; background-color: #F66560;}
.sbzc-qusetion-box p{position: relative;padding-left: 40px; height: 52px; color: #777;  line-height: 26px; overflow: hidden;}
.sbzc-qusetion-box p span{background-color: #F0A941;}
.sbzc-qusetion ul li a:hover h3{color:#caaa68;}
@media (max-width:768px) {
	.sbzc-qusetion ul{margin-right:0;}
	.sbzc-qusetion ul li{ width: 100%; padding: 0 0 15px 0;}
	.sbzc-qusetion-box{padding: 15px;}
	.sbzc-qusetion-box p{ height: auto; }
}

/*  */

.zcgs-service{padding: 50px 0;}
.zcgs-service ul{ padding: 40px 0;}
.zcgs-service ul li{float: left; width: 20%; padding:10px; text-align: center;}
.zcgs-service-ico{position: relative; display: block; width: 180px; margin: 0 auto; background-color: #f5f5f5;}
.zcgs-service-ico .zcgs-service-imgtop,
.zcgs-service-ico .zcgs-service-imgbottom{position: absolute;left: 0;z-index: -1; width: 100%;}
.zcgs-service-imgtop{bottom: 105px;}
.zcgs-service-imgbottom{top: 105px;}
.zcgs-service-ico span{position: absolute; top: -70px; left: 50%; margin-left: -35px; z-index: 1; display: block; width: 70px; height: 70px;  border-radius: 50%;}
.zcgs-service-ico span img{width: 100%;}
.zcgs-service-ico h3{position: relative; padding:12px 0 15px; margin-bottom: 15px; font-size: 18px;}
.zcgs-service-ico h3:before{position: absolute;left: 50%; bottom: 0; z-index:1; margin-left: -15px; width: 30px; height: 1px; border-bottom: 1px solid #caaa68; content: '';}
.zcgs-service-ico p{ padding: 0 10px; height: 40px; line-height: 22ox; overflow: hidden; color: #777;}

@media (max-width:960px) {
	.zcgs-service ul li{ width: 33.333%; margin: 60px 0;}
}
@media (max-width:768px) {
	.zcgs-service ul li{ width: 50%; }
}
@media (max-width:640px) {
	.zcgs-service ul li{ width: 100%; }
}

.pg-hk-checked{background-image: url(../images/hk/checked-bg.jpg); background-position: center; background-size: cover;}

.pg-hk-checked-table th{background-color: #caaa68; color: #fff; font-size: 24px; padding: 10px 0;}
.pg-hk-checked-table td{ padding: 15px 10px;background-color: #fff; font-size: 16px; color: #777;}


.page-about-map{background-color: #f7f7f7; padding: 40px 0;}
.page-about-map-left,
.page-about-map-right{float: left; width: 50%;}

.page-about-map-left{padding-right: 50px;}
.page-about-map-left p{color: #666; padding-bottom: 10px; font-size: 16px;}

@media (max-width:768px) {
	.page-about-map-left,
	.page-about-map-right{ width: 100%; padding: 0;}
}
/* page-code */
.page-code{ font-size: 0; padding: 50px 0;}
.page-code a,
.page-code span{display: inline-block; padding: 0 15px; line-height: 38px; font-size: 16px; background-color: #fff; border: 1px solid #ccc;border-radius: 4px; margin: 10px 0; margin-right: 10px; }
.page-code span.current{border-color:#0268ae ; background-color: #0268ae; color: #fff;}
.page-code span{cursor: pointer;}
.page-code a:hover{border-color:#0268ae ; background-color: #0268ae; color: #fff;}

@media (max-width:768px) {
	.page-code{text-align: center;padding: 30px 0;}
	.page-code a,
	.page-code span{ padding: 0 12px; line-height: 33px; font-size: 14px;  margin: 5px 0; margin-left: 5px; }
}