@charset "utf-8";

.gcon_2 { padding: 100px 4% 7px; background-color: #eee; box-sizing:border-box; transition: all .3s ease; }
.gcon_2 * { box-sizing:border-box; }
.gcon_2 .hd { margin-bottom: 74px; text-align:center;}
.gcon_2 .hd h3{ font-size:36px; color:#343434; font-weight:normal}
.gcon_2 .hd p{ font-size:16px; color:#343434; line-height: 1.8; text-transform:uppercase}
.gcon_2 .bd { position: relative; margin-bottom: 80px; }
.gcon_2 .bd::before { position: absolute; top: 46px; left: 0; right: 0; width: 100%; height: 1px; background-color: #e3e3e3; content: ''; }
.gcon_2 .bd .item{ width:25%; float:left; position:relative; }
.gcon_2 .bd .item::after { position: absolute; top: 41px; right: -6px; width: 6px; height: 6px; border-radius: 6px; border: 3px solid #e2d3c1; background-color: #c6955a; content: ''; }
.gcon_2 .bd .item:last-child::after { content: none; }
.gcon_2 .bd .item .pic { position: relative; width:92px; height: 92px; margin: 0 auto 36px; border-radius: 92px; background-color: #fff; transition: all .3s ease; }
.gcon_2 .bd .item .pic img { position: absolute; left: 0; top: 0; width:100%; }
.gcon_2 .bd .item .pic img:last-child { display: none; }
.gcon_2 .bd .item .intro { text-align: center; }
.gcon_2 .bd .item .intro .a1{ font-size:26px; line-height: 44px; }
.gcon_2 .bd .item .intro .a2{ font-size:16px; line-height: 32px; opacity: .7; }
.gcon_2 .bd .item:hover .pic { background-color: #ccad6f; transform:rotateY(360deg) }
.gcon_2 .bd .item:hover .pic img:first-child { display: none; }
.gcon_2 .bd .item:hover .pic img:last-child { display: block; }

.gcon_2 .ft .item { position: relative; }
.gcon_2 .ft .item .pic img { width: 100%; height: auto; }
.gcon_2 .ft .item .intro { position: absolute; top: 50%; padding: 0 6% ; color: #fff; transform: translateY(-50%); transition: all .3s ease; }
.gcon_2 .ft .item .intro h3 { font-size: 36px; line-height: 56px; font-weight: normal; }
.gcon_2 .ft .item .intro h3 span { display: inline-block; margin-top: 12px; margin-left: 10px; font-size: 16px; line-height: 44px; vertical-align: top; }
.gcon_2 .ft .item .intro .desc { font-size: 20px; line-height: 38px; }

@media all and (max-width:1400px){
	.gcon_2 { padding: 50px 4% 7px; }
}
@media all and (max-width:1200px){
	.gcon_2 .hd h3{ font-size:30px}
	.gcon_2 .hd p{ font-size:14px}
	.gcon_2 .bd { margin-bottom: 50px; }
	.gcon_2 .bd::before {  top: 29px; }
	.gcon_2 .bd .item::after { top: 23px; }
	.gcon_2 .bd .item .pic { width:72px; height: 72px; margin: 0 auto 22px; }
	.gcon_2 .bd .item .intro .a1{ font-size:24px; }
	.gcon_2 .bd .item .intro .a2{ font-size:14px; }
	.gcon_2 .ft .item .intro h3 { font-size: 24px; line-height: 56px; }
	.gcon_2 .ft .item .intro h3 span { margin-top: 12px; margin-left: 5px; font-size: 16px; line-height: 44px; }
	.gcon_2 .ft .item .intro .desc { font-size: 16px; }
}
@media all and (max-width:1000px){
	.gcon_2 { padding: 5% 4% 7px; }
	.gcon_2 .hd {margin-bottom: 6%;}
	.gcon_2 .hd h3{ font-size:26px}
	.gcon_2 .hd p{ font-size:13px}
	.gcon_2 .bd {margin-bottom: 6%;}
	.gcon_2 .bd .item{ width:25%; }
	.gcon_2 .bd .item .pic {width:58px;height: 58px;margin: 0 auto 5px;}
	.gcon_2 .bd .item .intro .a1{font-size:16px;line-height: 2;}
	.gcon_2 .bd .item .intro .a2{ font-size:12px; line-height: 1.6; }
	.gcon_2 .ft .item .intro {padding: 0 6%;}
	.gcon_2 .ft .item .intro h3 {font-size: 20px;line-height: 38px;}
	.gcon_2 .ft .item .intro h3 span {margin-top: 6px;margin-left: 5px;font-size: 14px;line-height: 32px;}
	.gcon_2 .ft .item .intro .desc {font-size: 12px;line-height: 1.6;}

}

.gcon_22{ padding: 100px 0 1px; background-color: #eee; box-sizing:border-box; transition: all .3s ease; }
.gcon_22 * { box-sizing:border-box; }
.gcon_22 .hd { margin-bottom: 74px; text-align:center; }
.gcon_22 .hd h3{ font-size:36px; color:#343434; font-weight:normal}
.gcon_22 .hd p{ font-size:16px; color:#343434; line-height: 1.8; text-transform:uppercase}
.gcon_22 .bd { padding: 6% 4%; background: url(gcon_22.jpg) no-repeat center / cover; }
.gcon_22 .bd .item { position:relative; width:25%; float:left; color:#000; }
.gcon_22 .bd .item .pic{ width:100%; }
.gcon_22 .bd .item .pic img { width:100%; }
.gcon_22 .bd .item .intro { position:absolute; left:50%; top:50%; width: 100%; z-index:3; box-sizing:border-box; transform: translate(-50%,-50%); text-align: center; }
.gcon_22 .bd .item .intro .ico{ width: 62px; margin: 0 auto; transition: all .3s ease; }
.gcon_22 .bd .item:hover .intro .ico { transform:rotateY(360deg) }
.gcon_22 .bd .item .intro .a1 {font-size: 22px;line-height: 40px;}
.gcon_22 .bd .item .intro .a2 { font-size:16px; line-height: 34px; }
.gcon_22 .bd .item .intro .line { display:block; width:23px; height:1px; margin: 31px auto 17px; background:#858686; }
.gcon_22 .bd .item .intro .a3 { width: 61%; margin: 0 auto; }
.gcon_22 .bd .item .intro .a3 img { width: 100%; height: auto; }
.gcon_22 .bd .item:nth-child(2n) { color:#fff; }
.gcon_22 .bd .item:nth-child(2n) .line { background-color:#fff; }

/* @media all and (max-width:1680px){
	.gcon_22 .hd h3{ font-size:24px}
	.gcon_22 .hd p{ font-size:14px}
    .gcon_22 .bd .item .intro .ico { width: 13.9%; margin: 0 auto; }
    .gcon_22 .bd .item .intro .ico img { width: 100%; height: auto; }
	.gcon_22 .bd .item .intro .line { margin: 11px auto 5px; }
} */
@media all and (max-width:1400px){
	.gcon_22 { padding: 50px 0 7px; }
    .gcon_22 .bd .item .intro .ico { width: 13.9%; margin: 0 auto; }
    .gcon_22 .bd .item .intro .ico img { width: 100%; height: auto; }
	.gcon_22 .bd .item .intro .line { margin: 11px auto 5px; }
}
@media all and (max-width:1200px){
	.gcon_22 .hd h3{ font-size:30px}
	.gcon_22 .hd p{ font-size:14px}
}
@media all and (max-width:1000px){
	.gcon_22 { padding: 5% 4% 7px; }
	.gcon_22 .hd {margin-bottom: 6%;}
	.gcon_22 .hd h3{ font-size:26px}
	.gcon_22 .hd p{ font-size:13px}
    .gcon_22 .bd{ background-size: cover; }
	.gcon_22 .bd .item { width:25%; }
    .gcon_22 .bd .item .intro .ico{width: 40px;margin: 0 auto;}
    .gcon_22 .bd .item .intro .a1 {font-size: 20px;}
    .gcon_22 .bd .item .intro .a2 {font-size: 14px;line-height: 1.6;}
    .gcon_22 .bd .item .intro .line,
    .gcon_22 .bd .item .intro .a3 { display: none; }
}
@media all and (max-width:750px){
	.gcon_22 .bd .item { width:50%; }
}

.gcon_23{ padding: 177px 4% 163px; background-color: #eee; box-sizing:border-box; }
.gcon_23 * { box-sizing:border-box; }
.gcon_23 .hd { float: left; width:430px; padding-top: 156px; padding-left: 108px; }
.gcon_23 .hd h3{ font-size:36px; color:#343434; font-weight:normal}
.gcon_23 .hd p{ margin-bottom: 33px; font-size:16px; color:#343434; line-height: 1.8; text-transform:uppercase}
.gcon_23 .hd .more{ display: block; width: 116px; height: 46px; background: url(g_02.jpg) #0e71cc no-repeat 50% / cover; }
.gcon_23 .hd .more:hover{background: url(g_02_2.jpg) #0e71cc no-repeat 50% / cover;}
.gcon_23 .bd { display: block; overflow: hidden; padding-top: 82px; padding-left: 25px; padding-bottom: 25px; }
.gcon_23 .bd .item { position:relative; width:calc( 33.3333% - 8% ); float:left; margin-right: 8%; padding: 0 0 76px; box-shadow: 0 0 25px rgba(0,0,0,0.15); background-color: #fff; color:#000; text-align: center; }
.gcon_23 .bd .item .pic { position: relative; width: 162px; margin: -82px auto 20px; }
.gcon_23 .bd .item .pic img { width: 100%; height: auto; }
.gcon_23 .bd .item .intro .a1 { margin-bottom: 10px; color: #c3a363; font-size:22px; line-height: 50px; }
.gcon_23 .bd .item .intro .a2 { font-size:18px; line-height: 50px; }
.gcon_23 .bd .item .intro .a3 { padding: 0 47px; font-size: 14px; text-align: justify; opacity: .7; }
@media all and (max-width:1400px){
	.gcon_23 {padding: 50px 0 57px;}
    .gcon_23 .hd {float: none;width:100%;padding-top: 0;padding-left: 0;margin-bottom: 44px;text-align: center;}
	.gcon_23 .hd .more { margin: 0 auto; }
	.gcon_23 .bd { padding-left: 8%; }
}

@media all and (max-width:1000px){
    .gcon_23{ padding: 5% 4% 7px; }
    .gcon_23 .hd { float: none; width:100%; padding-top: 0; padding-left: 0; text-align: center; }
	.gcon_23 .hd {margin-bottom: 6%;}
	.gcon_23 .hd h3{ font-size:26px}
	.gcon_23 .hd p{ font-size:13px;margin-bottom: 6%;}
    .gcon_23 .hd .more { width: 75px; height: 30px; margin: 0 auto; }
	.gcon_23 .bd {padding: 82px 20px 0;}
    .gcon_23 .bd .item {width: 100%;margin: 0 0 82px;padding: 0 0 30px;}
    .gcon_23 .bd .item:last-child {margin: 0 0 30px;}
	.gcon_23 .bd .item .pic {width: 132px;margin: -66px auto 20px;}
	.gcon_23 .bd .item .intro .a1 {margin-bottom: 0px;font-size: 20px;line-height: 40px;}
	.gcon_23 .bd .item .intro .a2 {font-size: 16px;line-height: 40px;}
	.gcon_23 .bd .item .intro .a3 {padding: 0 30px;font-size: 14px;}
}

.gcon_24 { padding:100px 93px 160px; background-color: #d1b57e; box-sizing:border-box; }
.gcon_24 * { box-sizing:border-box; }
.gcon_24 .hd { padding-bottom: 54px; text-align: center; }
.gcon_24 .hd h3{ font-size:36px; color:#fff; font-weight:normal}
.gcon_24 .hd p { margin-bottom: 20px; font-size:14px; color:#fff; line-height: 1.8; text-transform:uppercase; opacity: .7; }
.gcon_24 .hd p:last-child { opacity: .5; }

#certify { position:relative; margin:0 auto; }
#certify .swiper-container {padding-bottom:0;}
#certify  .swiper-slide { width:720px;height:486px;position:relative;}
#certify  .swiper-slide img {width:100%;height:auto;display:block;}
#certify  .swiper-slide p { position: absolute; bottom: 0; left: 0; right: 0; background-color: #fff; color:#636363; font-size:22px; line-height:75px; text-align:center; }
#certify  .swiper-slide .bg { position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-color: rgba(0,0,0,0.6); display: none; z-index: 1; }
#certify  .swiper-slide .info { position: absolute; top: 50%; left: 0; right: 0; padding: 0 70px; color: #fff; text-align: center; transform: translateY(-50%); display: none; z-index: 2; }
#certify  .swiper-slide .info h2 { margin-bottom: 25px; font-size: 20px; font-weight: normal; line-height: 40px; }
#certify  .swiper-slide .info .desc { font-size: 14px; line-height: 28px; text-align: justify; }
#certify  .swiper-slide .info .more { width: 116px; height: 46px; margin: 0 auto 15px; background: url(15.png) no-repeat; }
#certify  .swiper-slide-active .info,
#certify  .swiper-slide-active .bg { display: block; }
#certify  .swiper-slide-active p { display: none; }
#certify .swiper-pagination {width:100%;bottom:20px;}
#certify .swiper-pagination-bullets .swiper-pagination-bullet {margin:0 5px;border:2px solid #fff;background-color:#fff;width:10px;height:10px;opacity:1;}
#certify .swiper-pagination-bullets .swiper-pagination-bullet-active {border:2px solid #00aadc;background-color:#fff;}

#certify .swiper-button-prev{ background:url(prev2.png) center center no-repeat; background-size:cover}
#certify .swiper-button-next{ background:url(next2.png) center center no-repeat; background-size:cover}
@media all and (max-width:1000px){
    .gcon_24{ padding: 5% 4%; }
    .gcon_24 .hd { float: none; width:100%; padding-top: 0; padding-left: 0; text-align: center; }
	.gcon_24 .hd {margin-bottom: 6%; padding: 0; }
	.gcon_24 .hd h3{ font-size:26px}
	.gcon_24 .hd p { font-size:13px;margin-bottom: 3%;}
	#certify .swiper-container {padding-bottom:0;}
	#certify  .swiper-slide { width:100%;height:auto;position:relative;}
	#certify  .swiper-slide .info h2 { margin-bottom: 10px; }
	#certify  .swiper-slide .info .desc { text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; line-clamp: 3; -webkit-box-orient: vertical; }
	#certify  .swiper-slide .info .more { display: none; }
}