@charset "utf-8";
@media (min-width: 1201px) and (max-width: 1680px){

	.pd{
		padding-left: 72px;
		padding-right: 72px;
	}

	.main {
		width: 1100px;
	}

	/*---------------- public ----------------*/
	
	/* btn */
	.btn{
		width: 240px;
		height: 52px;
		border: 2px solid #927e52;
		font-size: 24px;
	}

	.btn-more {
		width: 140px;
		height: 38px;
		border-radius: 5px;
		font-size: 18px;
		line-height: 36px;
	}

	.btn-shadow {
		height: 34px;
		padding: 0 28px;
		margin: 10px 0;
		border-radius: 18px;
		box-shadow: 0 0 6px rgba(0, 0, 0, 0.15);
		font-size: 14px;
		line-height: 34px;
	}

	.btn-tag {
		height: 36px;
		padding: 0 20px;
		font-size: 16px;
		line-height: 36px;
	}

	/* cats */
	.cats {
		height: 56px;
	}

	.cats a {
		margin-top: 15px;
		font-size: 18px;
	}

	.list-ctrl a {
		font-size: 18px;
		line-height: 32px;
	}

	.list-ctrl a:nth-child(1) {
		margin-right: 28px;
	}

	.list-ctrl a svg {
		width: 16px;
		margin-right: 8px;
	}

	.pl-item {
		height: 78px;
		margin-bottom: 12px;
		padding: 0 40px 0 32px;
		border-radius: 15px;
	}

	.pl-item i {
		width: 35px;
		height: 35px;
	}

	.pl-item h3 {
		flex: 1;
		padding: 0 30px;
	}

	.pl-item h3 a:nth-child(2) {
		margin-left: 35px;
	}

	.pl-item h3 a {
		color: #595757;
		font-size: 16px;
	}

	.pli-more {
		padding: 0 50px 0 0;
		background: url(../images/svg/arrow_news_more.svg) no-repeat right center;
		background-size: auto 18px;
		opacity: 0;
		transition: all 0.2s linear;
		-webkit-transition: all 0.2s linear;
		-ms-transition: all 0.2s linear;
		-moz-transition: all 0.2s linear;
	}

	.pl-item:hover .pli-more {
		opacity: 1;
	}


	/* pages */
	.pages {
		width: 100%;
		height: 60px;
		margin: 0 0 60px 0;
		display: flex;
		justify-content: center;
		align-items: center;
		font-size: 21px;
		text-align: center;
		line-height: 60px;
	}

	.pages span {
		margin: 0 20px;
	}

	.pages a {
		width: 16px;
		height: 26px;
		margin: 2px 20px 0 20px;
		display: inline-block;
		background: no-repeat 0 0;
		background-size: 100%;
	}



	/*---------------- over layer show ----------------*/
	.over-layer-show {
		width: 100%;
		height: 100%;
		position: fixed;
		left: 0;
		top: 0;
		z-index: 9999;
		display: flex;
		justify-content: center;
		align-items: center;
		background: rgba(89, 87, 87, 0.55);
		opacity: 0;
		transition: all 0.5s ease-in-out;
		-webkit-transition: all 0.5s ease-in-out;
		-ms-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		display: none;
	}

	.over-layer-show.show {
		opacity: 1;
	}

	.ols-container {
		width: 76.5vw;
		height: 76.5vh;
		padding: 4.2vw;
		position: relative;
		background: #ffffff;
		border-radius: 15px;
	}

	.ols-close {
		width: 3.125vw;
		height: 3.125vw;
		display: block;
		position: absolute;
		right: 4.2vw;
		top: 4.2vw;
		background: url(../images/svg/close.svg) no-repeat 0 0;
		background-size: 100%;
		z-index: 9999;
	}

	.ols-close.xs {
		display: none;
	}

	.ols-content {
		width: 66.8vw;
		height: calc(76.5vh - 3.5vw - 8.4vw);
		margin-top: 3.5vw;
	}

	.ols-content img {
		max-width: 100%;
	}

	.ols-images .ols-close {
		right: 48.4375vw;
		top: auto;
		bottom: 5vh;
	}

	.ols-images-container {
		width: 80vw;
		height: 68.5vh;
		display: flex;
		justify-content: center;
		align-items: center;
		top: 10vh;
	}

	.ols-images-container img {
		max-width: 100%;
		max-height: 100%;
		display: block;
	}


	/*---------------- header ----------------*/
	.header {
		height: 95px;
	}

	.logo {
		margin: 30px 0 0 0;
	}

	.logo a {
		width: 200px;
		height: 45px;
	}

	.lan {
		margin-top: 40px;
	}

	.lan li {
		margin-left: 32px;
		font-size: 18px;
		line-height: 25px;
	}

	.lan li a {
		font-size: 18px;
	}

	.top-search {
		width: 24px;
		height: 19px;
		margin-top: 3px;
	}

	.nav {
		margin-top: 40px;
	}

	.nav li {
		height: 55px;
		margin-left: 32px;
	}

	.nav li a.max-nav {
		font-size: 18px;
	}

	.sub-nav {
		padding: 10px 20px 12px 20px;
	}

	.sub-nav a {
		padding: 0 8px 5px 8px;
		font-size: 18px;
		line-height: 40px;
	}

	.sub-nav-products {
		width: 62.5vw;
		height: calc(100vh - 95px);
		padding: 3vw 4.2vw;
		padding-right: 2vw;
		top: 95px;
	}

	.snp-list {
		width: 24vw;
	}

	.snpl-title {
		margin: 0 0 30px 0;
		font-size: 20px;
	}

	.snpl-item{
		margin: 55px 0 0 0;
	}

	.snpl-item:nth-child(2) {
		margin: 0;
	}

	.snpl-item img {
		width: 13.28vw;
		margin: 0 1.3vw 0 0;
		float: left;
		display: block;
	}

	.snpl-item h4 {
		margin-bottom: 0.9vw ;
		font-size: 18px;
	}

	.snpl-item p a {
		width: 9.2vw;
		height: 2vw;
		margin: 0 0 0.82vw 0;
		border-radius: 1vw;
		font-size: 14px;
		line-height: 2vw;
	}

	/*---------------- footer ----------------*/
	.footer {
		padding-top: 70px;
		padding-bottom: 60px;
		padding-bottom: 0;
		display: flex;
		justify-content: space-between;
	}

	.ft-bottom {
		padding-bottom: 60px;
	}

	.ft-right {
		width: 55vw;
	}

	.ft-info h3 {
		margin: 0 0 15px 0;
		font-size: 22px;
		letter-spacing: 12px;
	}

	.ft-info p {
		font-size: 18px;
		line-height: 36px;
	}

	.ft-mp {
		width: 150px;
		margin: 40px 0 50px 0;
	}

	.ft-mp p {
		font-size: 22px;
	}

	.ft-sns a.icon_sns {
		width: 40px;
		height: 40px;
		margin-right: 20px;
	}

	.ft-nav dl {
		margin-left: 40px;
		text-align: center;
	}

	.ft-nav dl:nth-child(1) {
		margin-left: 0;
	}

	.ft-nav dl dt {
		margin: 0 0 10px 0;
		font-size: 18px;
	}

	.ft-nav dl dd {
		font-size: 16px;
		line-height: 42px;
	}

	.copyright {
		margin-top: 0;
		font-size: 14px;
		text-align: center;
	}


	/*---------------- banner ----------------*/
	
	.swiper-page {
		bottom: 40px;
	}

	.white-banner {
		height: 95px;
		background: #ffffff;
	}

	/*---------------- home ----------------*/
	.home-block-title {
		font-size: 52px;
		font-size: 42px;
		line-height: 52px;
	}

	.home-block-title span {
		font-size: 45px;
		font-size: 36px;
	}

	/* home count */
	.hc-text h3 {
		font-size: 42px;
	}

	.hc-text p {
		font-size: 22px;
		line-height: 62px;
	}


	/* home products */
	.hp-info {
		padding-top: 70px;
		padding-bottom: 40px;
	}

	.hpi-content {
		margin-bottom: 8vw;
	}

	.hpi-content p {
		margin-top: 20px;
		font-size: 16px;
		line-height: 180%;
	}

	.hpi-content a {
		float: right;
		margin-top: 50px;
	}


	.hp-pic a {
		font-size: 21px;
	}

	/* home video */
	.home-video {
		padding-top: 0;
		padding-bottom: 70px;
	}

	.home-video p {
		margin: 60px 0 54px 0;
		font-size: 21px;
		line-height: 36px;
	}

	/* home news */
	.home-news {
		background-size: 100%;
	}

	.hn-content {
		margin: 60px 0 0 0;
		font-size: 18px;
		line-height: 36px;
	}

	.hn-cats {
		width: 100%;
		height: 100px;
		margin: 80px auto 100px auto;
		padding: 35px 0 0 0;
		font-size: 21px;
	}

	.hnc-page {
		font-size: 120px;
		line-height: 120px;
	}

	.hnc-arrow {
		margin-top: 33px;
		display: flex;
		align-items: center;
	}

	.hnc-arrow a {
		width: 60px;
		height: 38px;
	}

	.hnc-arrow a.hnc-prev {
		margin-right: 40px;
	}

	.hn-item {
		padding: 80px 0 0 50px;
	}

	.hn-item h3 {
		font-size: 42px;
		line-height: 80px;
	}

	.hn-item h4 {
		font-size: 21px;
	}

	.hn-item p {
		height: 70px;
		margin: 16px 0 40px 0;
		font-size: 14px;
		line-height: 22px;
	}

	/* home rss */
	.home-rss {
		width: 1200px;
		margin: 68px auto 115px auto;
	}

	.hr-title {
		font-size: 36px;
	}

	.hr-box h4 {
		margin-bottom: 40px;
		font-size: 21px;
	}

	.hrb-form {
		width: 666px;
		height: 72px;
	}

	.hrb-form input {
		width: 550px;
		font-size: 22px;
		line-height: 76px;
	}

	.hrb-form a {
		width: 56px;
		height: 56px;
		background-size: 30px;
	}


	/*---------------- about ----------------*/
	.about-cats {
		height: 60px;
	}

	.about-cats a {
		margin: 0 28px;
		font-size: 18px;
		line-height: 32px;
	}

	.ac-content {
		margin-top: 5vw;
		font-size: 16px;
		line-height: 28px;
	}

	.acc-title {
		margin: 0 0 25px 0;
		font-size: 28px;
		line-height: 150%;
	}

	.ac-more {
		width: 17.1875vw;
		height: 6.875vw;
		left: 35vw;
		top: 40vw;
		font-size: 22px;
	}

	/* about count */
	.about-count {
		height: 28.9vw;
		padding: 0 5.2vw;
	}


	.about-count ul li {
		width: 20vw;
		margin-top: 4vw;
	}

	.about-count ul li h3 {
		margin-bottom: 15px;
		font-size: 36px;
		line-height: 120%;
	}


	.about-count ul li p {
		font-size: 21px;
		line-height: 120%;
	}

	/* about auth container */
	.about-auth-container h3 {
		margin-bottom: 20px;
		font-size: 22px;
		line-height: 120%;
	}

	.about-auth-container p {
		font-size: 16px;
		line-height: 200%;
	}

	.aac-info {
		width: 32vw;
		float: left;
	}

	.aac-tag {
		width: 45vw;
		float: right;
	}

	.aac-tag p a {
		height: 32px;
		margin: 0 18px 18px 0;
		padding: 0 15px;
		border-radius: 16px;
		font-size: 14px;
		line-height: 30px;

	}

	.aac-banner .pages a svg {
		width: 18px;
	}


	/* about worth */
	.aw-title {
		left: 59vw;
		top: 2.6042vw;
		font-size: 36px;
	}

	.awi-title {
		margin: 0 0 18px 0;
		font-size: 32px;
		line-height: 120%;
	}

	.awi-content {
		margin: 0 0 4.6875vw 0;
		font-size: 18px;
		line-height: 180%;
	}

	.aw-icon img {
		width: 100px;
	}

	.aw-icon p {
		margin: 5px 0 0 0;
		font-size: 18px;
		line-height: 200%;
	}

	/* about client */
	.about-client p{
		margin: 60px 0 50px 0;
		font-size: 24px;
		line-height: 30px;
	}

	.about-client img {
		max-width: 90%;
		margin: 0 auto 80px auto;
	}

	/*---------------- team ----------------*/
	.team-item p {
		margin: 15px 0 0 0;
		font-size: 18px;
		line-height: 24px;
	}

	/* team show */
	.ols-team {
		font-size: 28px;
		line-height: 36px;
	}


	.ols-team-title {
		font-size: 40px;
	}

	.ols-team-subtitle {
		margin: 20px 0 30px 0;
		font-size: 28px;
		line-height: 120%;
	}

	.ols-team-info {
		margin-bottom: 26px;
		font-size: 21px;
		line-height: 30px;
	}

	.ols-team-honor {
		font-size: 21px;
		line-height: 30px;
	}


	/*---------------- history ----------------*/
	.history {
		height: 1260px;
		height: 65.625vw;
		height: auto;
		background: url(../images/history_bg.png) no-repeat left bottom;
		background-size: cover;
	}

	.history-title {
		margin: 5.9896vw auto 0 auto;
		font-size: 36px;
		line-height: 48px;
	}

	.history-title span{
		font-size: 30px;
	}

	.history-list {
		width: 91.4063vw;
		margin: 0 auto 3.9063vw auto;
		padding-top: 10.4167vw;
	}

	.history-list::before {
		content: " ";
		width: 87.5vw;
		height: 3px;
		display: block;
		margin-left: -43.75vw;
		position: absolute;
		left: 50%;
		top: 206px;
		top: 10.73vw;
		background: #f4d925;
	}
	
	.hil-arrow {
		width: 20px;
		height: auto;
		display: block;
		position: absolute;
		top: 9.375vw;
	}

	.hil-prev {
		left: 0;
	}

	.hil-next {
		right: 0;
	}

	.hil-arrow svg {
		width: 100%;
		display: block;
		fill: #595757;
	}

	.hil-arrow:hover svg {
		fill: #f4d925;
	}

	
	.history-list .swiper-container {
		width: 90vw;
		margin: 0 auto;
	}

	.history-item {
		width: 345px;
		width: 18vw;
		height: auto;
		float: left;
	}

	.hi-year {
		padding: 0 1.6vw;
		margin: 0 0 30px 0;
		margin: 0 0 1.5625vw 0;
		font-size: 32px;
		line-height: 120%;
	}

	.hi-year span {
		padding-top: 25px;
		padding-top: 1.3021vw;
	}

	.hi-year span::before {
		content: " ";
		width: 16px;
		height: 16px;
		display: block;
		margin-left: -8px;
		position: absolute;
		left: 50%;
		top: 0;
		background: #595757;
		border-radius: 50%;
		transition: all 0.2s linear;
		-webkit-transition: all 0.2s linear;
		-ms-transition: all 0.2s linear;
		-moz-transition: all 0.2s linear;
	}


	.hi-content {
		height: 34.1146vw;
	}

	.hic-box p{
		font-size: 16px;
		line-height: 24px;
	}

	/*---------------- auth ----------------*/
	.auth {
		min-height: 46vw;
		padding: 45px 0 55px 0;
		padding: 2.3438vw 0 2.8646vw 0;
	}

	.auth-left {
		width: 25.7813vw;
	}

	.auth-cats {
		width: 10.4167vw;
		font-size: 18px;
		line-height: 200%;
	}

	.auth-cats a {
		padding-right: 25px;
	}

	.auth-cats a:hover, .auth-cats a.on {
		background: url(../images/icon_qa_open.png) no-repeat right center;
		background-size: 15px;
		color: #f4d925;
	}

	.auth-left .pages {
		margin: 10px 0 0 0;
	}

	.auth-right {
		width: 61.5vw;
		margin-right: 6.25vw;
	}


	.auth-title {
		margin: 6px 0 25px 0;
		font-size: 36px;
		line-height: 120%;
	}


	.auth-item {
		font-size: 16px;
		line-height: 180%;
	}

	.auth-item p {
		height: 64px;
		margin: 15px 0 0 0;
	}


	/*---------------- dev ----------------*/
	.dev-banner {
		width: 80.72vw;
		left: 9.64vw;
		bottom: 4.1667vw;
		line-height: 48px;
	}

	.dev-banner h3 {
		font-size: 22px;
	}

	.dev-banner p {
		font-size: 18px;
		line-height: 180%;
	}

	.dev-container {
		width: 75.5208vw;
		margin: 5.2083vw auto;
	}

	.dev-title {
		margin: 1.5625vw 0 1.3021vw 0;
		font-size: 24px;
		line-height: 32px;
	}

	.dev-info {
		font-size: 16px;
		line-height: 22px;
	}

	.di-item h3 {
		height: 36px;
		padding: 0 30px;
		border-radius: 18px;
		font-size: 20px;
		line-height: 36px;
	}

	.di-item img {
		width: 100px;
		margin: 28px 0 20px 0;
	}

	.di-item p {
		font-size: 16px;
		line-height: 28px;
	}

	/* show */

	.ols-dev-tag {
		padding-left: 22px;
		background-size: 16px;
		font-size: 16px;
	}

	.ols-dev-title {
		margin: 10px 0 25px 0;
		font-size: 32px;
	}

	.ols-dev-title span {
		margin-right: 15px;
	}

	.ols-dev-info {
		margin-bottom: 40px;
		font-size: 16px;
		line-height: 28px;
	}



	/*---------------- tech ----------------*/

	.tech .swiper-page {
		width: 24px;
		top: 95px;
	}

	.tech .swiper-page  .swiper-pagination-bullet {
		width: 16px;
		height: 16px;
	}

	.tech .swiper-page  .swiper-pagination-bullet.swiper-pagination-bullet-active {
		width: 18px;
		height: 18px;
	}

	.tech-page {
		width: 100%;
		height: 110vh !important;
		background: #f7f6f5;
	}

	.tech-bg {
		margin-top: -45px;
	}

	.tech-box {
		width: 37.5vw;
		margin-top: -45px;
	}

	.tech-title {
		font-size: 32px;
		line-height: 125%;
	}

	.tech-title span {
		font-size: 28px;
	}

	.tech-content {
		font-size: 14px;
		line-height: 150%;
	}

	/* tp1 */
	.tp-1 .tech-svg-img {
		top: -1.5vw;
	}

	.tp-1 .tech-box {
		left: 7.2917vw;
		top: 35vh;
	}

	/* tp2 */
	.tp2-container {
		width: 80.7292vw; /* 1550 */
		width: 73vw;
		height: 100vh;
		margin: 0 auto 0 auto;
		padding: 8vw 0 0 4.6875vw;
		position: relative;
		overflow: visible;
	}

	.tp2-container::before {
		content: " ";
		width: 24.4792vw;
		height: 16.4063vw;
		display: block;
		background: #f4d925;
		position: absolute;
		left: 44.5313vw; /* 855 */
		top: 0;
		z-index: -1;
	}

	.tp2-tab-title-box {
		width: 53vw;
		margin-top: 1vw;
		margin-bottom: 0.6vw;
	}

	.tp2-tab-banner .swiper-container {
		width: 53vw;
	}


	.tp2-tab-title {
		height: 30px;
		border-radius: 15px;
		font-size: 16px;
		line-height: 30px;
	}

	.tp2-tab-title i {
		border-radius: 15px;
	}

	.tp2-tab-title a {
		padding: 0 25px;
		margin-left: 20px;
		border-radius: 15px;
	}

	.tp2-tab-banner p {
		height: 30px;
		margin-top: 15px;
		font-size: 16px;
		line-height: 30px;
	}

	.tp2-ctrl {
		width: 15.3vw;
		height: 64px;
		bottom: 47px;
	}

	/* tp3 */
	.tp-3 .tech-box {
		left: 8.4vw;
		top: 41vh;
	}

	/* tp4 */
	.tp4-container {
		width: 92.6vw;
		padding-top: 65px;
	}


	.tp4-box h3 {
		margin-bottom: 4vw;
		font-size: 32px;
		line-height: 32px;
	}

	.tp4-banner p {
		width: 100%;
		height: 3.6vw;
		font-size: 16px;
		line-height: 3.6vw;
		text-align: center;
	}

	.tp4-ctrl {
		width: 15vw;
		height: 4.28vw;
		margin-left: 4.21875vw;
	}

	.tp4-ctrl .pages {
		margin: 0;
	}

	/* tp5 */
	.tp-5 .tech-bg {
		margin-top: -60px;
	}

	.tp-5 .tech-box {
		left: 10.4167vw;
		top: 47vh;
	}

	/*---------------- products category ----------------*/

	.pc-container {
		padding-top: 6vw;
	}

	.pc-title {
		font-size: 36px;
	}

	.pc-title img {
		margin: 0 auto 5px auto;
	}

	.pc-1 .pc-title img {
		width: 46px;
	}

	.pc-2 .pc-title img {
		width: 70px;
	}

	.pc-info {
		margin: 40px 0 45px 0;
		font-size: 16px;
	}

	.pc-subclass {
		width: 40vw;
		margin-bottom: 6vw;
	}

	.pc-subclass a {
		font-size: 22px;
	}

	.pcc-item h3 {
		margin-bottom: 0.5vw;
		font-size: 24px;
		line-height: 120%;
	}

	.pcc-item p {
		font-size: 16px;
		line-height: 200%;
	}

	/* pc ctrl */
	.pc-ctrl a {
		font-size: 18px;
	}

	.pc-ctrl a::before {
		width: 14px;
		height: 14px;
		margin-top: -7px;
	}


	/*---------------- products page ----------------*/

	.pg-ctrl a {
		font-size: 16px;
	}

	.pg-ctrl a::before {
		width: 14px;
		height: 14px;
		margin-top: -7px;
	}

	/* pg content */
	.pg-left {
		width: 28.125vw;
		height: auto;
		float: left;
		margin-top: 6.7vw;
	}

	.pg-title {
		font-size: 32px;
		line-height: 120%;
	}

	.pg-info {
		margin: 1vw 0 1.3vw 0;
		font-size: 16px;
		line-height: 180%;
	}

	.pg-more {
		width: 110px;
		height: 32px;
		border-radius: 16px;
		font-size: 16px;
		line-height: 30px;
	}

	.pg-params li {
		width: 11.875vw;
		height: 7.2vw;
	}

	.pg-params li h3 {
		margin-bottom: 0.5vw;
		font-size: 22px;
	}

	.pg-params li h3.s {
		font-size: 18px;
	}

	.pg-params li p {
		font-size: 14px;
	}

	/* products page process */

	.pgp-title {
		margin-bottom: 1.0417vw;
		font-size: 36px;
	}

	.pgp-ctrl a{
		display: block;
		color: #595757;
		font-size: 16px;
		line-height: 36px;
	}

	.pages a.btn-process-case {
		margin: 0 0 0 10px;
		font-size: 18px;
	}

	.pages a.btn-process-case svg {
		width: 18px;
		margin: 4px 0 0 10px;
	}

	/* pg list */
	.pgl-item h3 {
		font-size: 18px;
	}

	/* alu */
	.alu-params-container .btn-more {
		width: 6.7708vw;
		height: 34px;
		border-radius: 10px;
		font-size: 15px;
		line-height: 32px;
	}

	/* alu list */
	.alu-list-container {
		padding: 6vw 2.7vw 0 14.3vw;
	}

	.alu-list {
		width: 16.6vw;
		height: 100vh;
		height: 80vh;
		margin-top: 3vh;
	}

	.alu-list .alu-scroll {
		height: calc(80vh - 3.75vw);
		padding: 0 1.5625vw;
	}

	.alu-cat {
		font-size: 16px;
	}


	.al-item h3 {
		margin-top: 5px;
		height: 28px;
		font-size: 14px;
		line-height: 200%;
	}

	.al-item p {
		height: 54px;
		font-size: 12px;
		line-height: 18px;
	}

	.al-item a.btn-more {
		width: 5.4vw;
		height: 28px;
		margin-top: 0;
		border-radius: 14px;
		font-size: 12px;
		line-height: 26px;
	}


	/* alu case show */
	.ash-params h3 {
		margin-bottom: 10px;
		font-size: 20px;
		line-height: 120%;
	}

	.ash-params ul li {
		font-size: 16px;
	}

	.alu-show-title {
		font-size: 20px;
	}

	.alu-show-title img {
		width: 36px;
		margin-right: 30px;
	}

	.alu-show-table table tr th {
		font-size: 16px;
	}

	.alu-show-table table tr td {
		font-size: 16px;
	}

	/*---------------- products other ----------------*/

	.pg-other-container {
		width: 72vw;
	}

	.pgo-content {
		font-size: 16px;
		line-height: 32px;
	}

	.pgo-content b, .pgo-content strong {
		font-size: 32px;
	}

	.pgo-content a.pgo-more {
		width: 120px;
		height: 36px;
		margin: 10px 15px 0 0;
		border-radius: 18px;
		font-size: 16px;
		line-height: 34px;
	}

	.pgo-info li h3 {
		font-size: 22px;
		line-height: 120%;
	}

	.pgo-info li p {
		font-size: 16px;
		line-height: 200%;
	}

	.pg-table-container h3 {
		margin-bottom: 2.3vw;
		font-size: 32px;
	}

	.pg-table tr th {
		font-size: 16px;
	}

	.pg-table tr td {
		height: 2.6vw;
		font-size: 16px;
		text-indent: 7.5vw;
	}


	/* home */
	.pg-home-container {
		width: 54vw;
		padding-top: 6vw;
		left: 23vw;
	}

	.pg-home-title {
		font-size: 32px;
	}



	.pg-dot {
		width: 18px;
		height: 18px;
		padding: 10px;
	}

	.pg-dot::before {
		width: 18px;
		height: 18px;
		left: 10px;
		top: 10px;
	}

	.pg-dot p {
		width: 500px;
		height: 20px;
		font-size: 16px;
		line-height: 20px;
	}


	/*---------------- case ----------------*/
	.case-banner h3 {
		margin-bottom: 8px;
		font-size: 40px;
	}

	.case-banner p {
		width: 700px;
		font-size: 18px;
		line-height: 32px;
	}

	.case-class {
		height: 116px;
		padding: 20px 0 0 0;
		background: #f0f0f0;
	}

	.show-case-class {
		margin-top: 95px;
	}

	.case-container .public-list {
		width: 1100px;
		margin-top: 90px;
		display: none;
		opacity: 0;
	}
	
	.case-search {
		width: 160px;
		height: 30px;
		margin-left: 28px;
		padding: 0 15px;
		border-radius: 15px;
	}
	
	.case-search input {
		width: 100px;
		font-size: 16px;
	}
	
	.case-search a {
		padding-left: 10px;
	}
	
	.case-search a svg {
		width: 16px;
		margin: 8px 0 0 0;
	}

	
	.icon-case-sift {
		margin-left: 28px;
		padding: 0 0 0 30px;
		background: url(../images/svg/icon_sift.svg) no-repeat left 9px;
		background-size: 24px;
		font-size: 18px;
		line-height: 32px;
	}

	.sift-box {
		width: 700px;
		margin-top: 100px;
		background: rgba(255, 255, 255, 0.95);
		box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
		border-radius: 8px;
	}


	.close-sift-box {
		width: 25px;
		height: 25px;
		display: block;
		position: absolute;
		right: 15px;
		top: 15px;
		background: url(../images/svg/close.svg) no-repeat 0 0;
		background-size: 100%;
	}

	.sift-box dl, .sift-box dl dt, .sift-box dl dd {
		line-height: 200%;
	}

	.sift-box dl dt {
		font-size: 16px;
	}

	.sift-box dl dd {
		margin-bottom: 8px;
		font-size: 14px;
	}

	.sift-box dl dd span {
		color: #595757;
		margin-right: 35px;
		cursor: pointer;
	}

	.sift-box dl dd span:hover, .sift-box dl dd span.on{
		color: #f4d925;
	}

	.sift-box a.btn-tag {
		margin: 10px 0;
		height: 32px;
		font-size: 16px;
		line-height: 32px;
	}
	
	.case-cats {
		margin-top: 10px;
	}
	
	.case-cats a {
		margin: 0 14px;
		padding: 0 6px;
		font-size: 18px;
		line-height: 32px;
	}
	
	
	/* case list pic */
	.case-item p {
		bottom: 16px;
	}

	.case-item p a {
		font-size: 16px;
		line-height: 28px;
	}
	
	.case-container .pages {
		margin: 35px 0 25px 0;
	}
	

	/* case show */
	.case-show-container {
		margin: 60px auto;
	}

	.cs-title {
		font-size: 32px;
		line-height: 120%;
	}

	.cs-params {
		margin-top: 30px;
		row-gap: 30px;
	}

	.csp-item h3 {
		font-size: 28px;
		line-height: 150%;
	}

	.csp-item h5 {
		font-size: 18px;
		line-height: 28px;
	}

	.cs-btn {
		margin: 15px 0 0 0;
	}

	.cs-content {
		margin: 45px 0 0 0;
		padding: 30px 0 0 0;
		font-size: 21px;
		line-height: 150%;
	}

	/* cs rec */
	.cs-rec {
		margin-top: 70px;
	}

	.csr-title {
		font-size: 36px;
	}

	.csr-more {
		margin: 20px 0 55px 0;
		font-size: 21px;
		line-height: 120%;
	}

	.csrl-ctrl .pages {
		left: -20px;
		bottom: -10px;
	}


	.cs-back {
		margin: 55px 0 0 0;
	}

	/*---------------- news ----------------*/
	.news-banner {
		margin-top: 95px;
	}


	.news-banner-cats {
		padding: 150px 0 0 0;
	}


	.nb-cats {
		width: 100%;
		height: 8.8542vw;
	}


	.nb-cats li {
		width: 240px;
		height: 120px;
		padding: 15px 24px;
	}

	.nb-cats li h4 {
		font-size: 15px;
		line-height: 24px;
	}

	.nb-cats li h3 {
		font-size: 18px;
		line-height: 30px;
	}

	.nb-cats li svg {
		width: 26px;
	}


	.nb-cats li.on {
		height: 150px;
	}

	/* news-year */
	.news-year {
		height: 30px;
		margin: 40px 0;
		border-radius: 15px;
	}

	.news-year a {
		width: 34px;
	}

	.news-year a svg {
		width: 9px;
	}

	.ny-item {
		border-radius: 15px;
		font-size: 16px;
		line-height: 30px;
	}

	/* news-list */
	.news-list {
		column-gap: 25px;
		row-gap: 30px;
	}

	.news-item {
		width: 350px;
		height: 420px;
		box-sizing: border-box;
	}

	.ni-info {
		padding: 25px 30px;
	}


	.ni-info h4 {
		padding: 0 0 15px 0;
		font-size: 16px;
	}

	.ni-info h4::after {
		width: 12px;
		height: 1px;
		bottom: 5px;
	}

	.ni-info h3 {
		height: 84px;
	}

	.ni-info h3 a {
		font-size: 18px;
		line-height: 28px;
	}

	.ni-info h5 a {
		font-size: 16px;
		line-height: 26px;
	}


	.ni-info h5 a svg {
		width: 24px;
		margin: 6px 0 0 10px;
	}

	.news-more-box {
		margin: 44px 0 90px 0;
	}

	/* news pdf */
	.news-subcats {
		height: 30px;
		margin: 40px 0;
		border-radius: 15px;
	}

	.news-subcats a {
		width: 140px;
		height: 100%;
		border-radius: 15px;
		font-size: 16px;
		line-height: 30px;
	}



	.news-company-list {
		column-gap: 25px;
		row-gap: 30px;
	}

	.ncl-item {
		width: 350px;
		height: 480px;
		height: 420px;
	}

	.ncl-info {
		padding: 25px 30px;
	}

	.ncl-info h4 {
		padding: 0 0 15px 0;
		font-size: 16px;
	}

	.ncl-info h4::after {
		width: 12px;
		height: 1px;
		bottom: 5px;
	}

	.ncl-info h3 {
		height: 56px;
		margin-bottom: 15px;
	}

	.ncl-info h3 a {
		font-size: 18px;
		line-height: 28px;
	}

	.ncl-info h5 a {
		font-size: 16px;
		line-height: 38px;
	}

	.ncl-info h5 a svg.ncl-arrow {
		height: 16px;
		margin: 15px 0 0 10px;
	}

	.ncl-info h5 a svg.ncl-video {
		height: 38px;
	}

	.ncl-info h5 a svg.ncl-pdf {
		height: 32px;
	}

	.ncl-info h5 a svg.ncl-arrow.ncl-pdf-arrow {
		margin-top: 8px;
	}

	/* news pdf */
	.news-company-list.ncl-pdf .ncl-info h5 a svg.ncl-arrow {
		margin-top: 10px;
	}

	/* hover */
	.ncl-item:hover {
		background: #efeff0;
	}

	.ncl-item:hover .ncl-info h5 a svg {
		fill: #595757;
	}

	.news-company-list.ncl-pdf .ncl-item:hover {
		background: #efeff0;
	}

	/* news show */
	.news-show {

	}

	.ns-title {
		margin-bottom: 15px;
		font-size: 32px;
	}

	.ns-tag {
		display: flex;
		align-items: center;
		font-size: 18px;
		line-height: 30px;
	}

	.ns-tag span {
		margin: 0 35px 0 0;
	}

	.ns-tag svg {
		width: 18px;
		margin: 0 10px 0 0;
		fill: #595757;
	}

	.ns-tag a {
		margin: 0 25px 0 0;
		color: #c9caca;
	}

	.ns-content {
		margin: 30px 0;
		font-size: 18px;
		line-height: 34px;
	}

	.ns-content img {
		width: 100%;
	}

	.news-other {
		margin: 0 0 100px 0;
		line-height: 30px;
		overflow: visible;
	}

	.no-page {
		float: left;
		font-size: 18px;
		overflow: visible;
	}

	.no-page a {
		margin: 0 80px 0 0;
		padding: 0 0 4px 0;
	}

	.no-page a:hover {
		color: #595757;
		border-bottom: 1px solid #595757;
	}

	.no-back {
		float: right;
	}

	.no-back a span {
		float: left;
		color: #f4d925;
		font-size: 18px;
	}

	.no-back svg {
		height: 18px;
		margin: 6px 0 0 10px;
		fill: #f4d925;
	}


	/*---------------- contact ----------------*/
	.contact-banner-info h3 {
		font-size: 46px;
		line-height: 62px;
	}

	.contact-banner-info h3 span {
		font-size: 40px;
	}

	.contact-banner-info p {
		font-size: 16px;
	}

	.contact-banner-info .icon_sns {
		width: 42px;
		height: 42px;
		margin-right: 18px;
	}

	.contact-list {
		padding-top: 8vw;
	}

	.cli-zone {
		margin-bottom: 10px;
		font-size: 30px;
	}


	.cli-company {
		font-size: 16px;
		line-height: 40px;
	}

	.cli-address {
		font-size: 16px;
		line-height: 28px;
	}

	.cli-info {
		height: 60px;
		font-size: 21px;
		line-height: 60px;
	}

	.cli-info span {
		font-size: 18px;
	}

	.map {
		height: 500px;
	}

	
	.map * {
		overflow: visible;
	}


	/*---------------- join ----------------*/
	.jc-title {
		font-size: 36px;
		line-height: 160%;
	}

	.jc-info {
		margin: 15px 0 30px 0;
		font-size: 18px;
		line-height: 180%;
	}

	.jc-contact ul li{
		margin-top: 11px;
		font-size: 16px;
		line-height: 24px;
	}

	.jc-contact ul li:nth-child(2n) {
		margin-right: 0;
	}

	.jc-contact ul li:nth-child(5) {
		width: 25vw;
	}

	.jc-qrcode {
		width: 120px !important;
		margin: 0 20px 0 0;
	}

		
	.job-tab-title {
		height: 50px;
		margin-top: 40px;
	}

	.job-tab-title a {
		margin-right: 50px;
		font-size: 18px;
		line-height: 32px;
	}

	.job-tab-content {
		display: none;
		opacity: 0;
		margin-bottom: 50px;
	}


	.school {
		width: 1100px;
	}


	.job-list {
		width: 1100px;
	}


	.job-list li:nth-child(1) {
		border: 0;
	}

	.jl-title {
		width: 100%;
		height: auto;
		float: left;
		line-height: 26px;
	}

	.jl-title img {
		width: 25px;
		margin-right: 14px;
	}

	.jl-title a , .jl-title b {
		font-size: 20px;
	}



	/*---------------- join show ----------------*/
	.join-show-container {
		padding: 140px 0 0 0;
	}


	.jso-back {
		font-size: 20px;
		line-height: 60px;
	}


	.jso-share-title {
		font-size: 20px;
		line-height: 60px;
	}

	.jsh-upload {
		margin: 8px 0 0 0;
		font-size: 16px;
		line-height: 30px;
	}

	.jsh-upload-btn {
		width: 210px;
		height: 42px;
	}

	.jsh-upload a.btn-tag {
		font-size: 16px;
	}

	.jsc-hr {
		font-size: 18px;
		line-height: 32px;
	}


	.jsc-title {
		margin: 20px 0 15px 0;
		font-size: 19px;
		line-height: 24px;
	}

	.jsc-info {
		font-size: 16px;
		line-height: 200%;
	}



	/*---------------- q & a ----------------*/
	.qa-banner-title {
		font-size: 60px;
		letter-spacing: 50px;
	}

	.qa-list {
		width: 1000px;
		margin: 80px auto 20px auto;
	}

	.qa-item {
		margin: 0 0 45px 0;
	}

	.qai-title h3 {
		width: 850px;
		font-size: 22px;
	}

	.qai-op {
		width: 26px;
		height: 26px;
		top: 7px;
	}

	.qai-content {
		margin: 5px 0 28px 0;
		font-size: 16px;
		line-height: 30px;
	}

	
	/*---------------- 更新补充 ----------------*/
	.case-class .case-cats a {
		padding: 0 2px;
		font-size: 16px;
	}

}