@charset "utf-8";
.gcon_1{ width:100%; background:url(g_04.jpg) center center no-repeat; background-size:cover; padding:45px 0}
.gcon_1 .tab{ width:1400px; margin:0 auto;}
.gcon_1 .tab .hd{ width:100%;overflow:hidden}
.gcon_1 .tab .hd .swiper-slide{ width:466px; text-align:center; height:136px; box-sizing:border-box; background:url(g_08.jpg) right center no-repeat; border:1px solid rgba(255,255,255,0); border-radius:20px; font-size:0; padding:17px; float:left}
.gcon_1 .tab .hd .swiper-slide i{ display:inline-block; vertical-align:top; width:100px; height:100px; background:url(g_06.png) center center no-repeat}
.gcon_1 .tab .hd .swiper-slide .tit{ display:inline-block; vertical-align:top; text-align:left; padding-left:20px}
.gcon_1 .tab .hd .swiper-slide .p1{ font-size:24px; color:#707070; padding-top:18px}
.gcon_1 .tab .hd .swiper-slide .p2{ font-size:14px; color:#707070; text-transform:uppercase}
.gcon_1 .tab .hd .swiper-slide:last-child{ background:none}
.gcon_1 .tab .hd .swiper-slide.on,.gcon_1 .tab .hd .swiper-slide:hover{ background:url(g_05.png) center center no-repeat; border:1px solid #c8b294}
.gcon_1 .tab .hd .swiper-slide.on .p1,.gcon_1 .tab .hd .swiper-slide:hover .p1{ color:#996c33}
.gcon_1 .tab .hd .swiper-slide.on .p2,.gcon_1 .tab .hd .swiper-slide:hover .p2{ color:#996c33}
.gcon_1 .tab .hd .swiper-slide.on i{ background:url(G_07.png) center center no-repeat}
.gcon_1 .tab .hd .swiper-slide:nth-child(1) i{background:url(e1_2.png) center center no-repeat}
.gcon_1 .tab .hd .swiper-slide:nth-child(2) i{background:url(e2_2.png) center center no-repeat}
.gcon_1 .tab .hd .swiper-slide:nth-child(3) i{background:url(e3_2.png) center center no-repeat}
.gcon_1 .tab .hd .swiper-slide:nth-child(1).on i{background:url(e1.png) center center no-repeat}
.gcon_1 .tab .hd .swiper-slide:nth-child(2).on i{background:url(e2.png) center center no-repeat}
.gcon_1 .tab .hd .swiper-slide:nth-child(3).on i{background:url(e3.png) center center no-repeat}

.gcon_1 .tab .bd{ width:100%; position:relative; margin-top:60px}
.gcon_1 .tab .bd .swiper-wrapper .swiper-slide{ width:25%}
.gcon_1 .tab .bd .swiper-wrapper .mm.swiper-slide-active{ opacity:1!important; visibility:visible}
.gcon_1 .tab .bd .swiper-wrapper .mm{ opacity:0!important; visibility:hidden}
.gcon_1 .tab .bd .swiper02{ overflow:hidden; width:100%}
.gcon_1 .tab .bd .swiper02 .swiper-slide{ width:25%; pointer-events:auto}
.gcon_1 .tab .bd .swiper02 .swiper-slide a>i{ display:block; width:100%; overflow:hidden}
.gcon_1 .tab .bd .swiper02 .swiper-slide i img{transition:All 0.4s linear;    -webkit-transition:All 0.4s linear;    -moz-transition:All 0.4s linear;    -o-transition:All 0.4s linear;}
.gcon_1 .tab .bd .swiper02 .swiper-slide i:hover img{transform:scale(1.1);    -webkit-transform:scale(1.1);    -moz-transform:scale(1.1);    -o-transform:scale(1.1);    -ms-transform:scale(1.1);}

.gcon_1 .tab .bd .swiper02 .swiper-slide img{ width:100%}
.gcon_1 .tab .bd .next02{ background:url(g_11.png) center center no-repeat; width:19px; height:34px; position:absolute; right:-50px; top:50%; margin-top:-17px; cursor:pointer}
.gcon_1 .tab .bd .prev02{ background:url(g_10.png) center center no-repeat; width:19px; height:34px; position:absolute; left:-50px; top:50%; margin-top:-17px; cursor:pointer}
.gcon_1 .tab .bd .swiper02 .swiper-slide p{ text-align:center; font-size:14px; color:#333}
.gcon_1 .tab .bd .swiper02 .swiper-slide p i{ display:inline-block; vertical-align:top; padding:0 25px}
.gcon_1 .tab .bd .swiper02 .swiper-slide:hover p i{ background:url(g_12.png) left center no-repeat,url(g_13.png) right center no-repeat; color:#996c33}
@media (max-width:1600px) {
	.gcon_1 .tab{ width:1200px; margin:0 auto}
	.gcon_1 .tab .hd .swiper-slide{ width:400px}
}
@media (max-width:1200px) {
	.gcon_1 .tab{ width:92%}
	.gcon_1 .tab .hd .swiper-slide{ width:33.333333%; height:auto; padding:5px; border-radius:5px; text-align:center}
	.gcon_1 .tab .hd .swiper-slide i{ width:30px; height:30px; background-size:cover!important}
	.gcon_1 .tab .hd .swiper-slide .tit{ padding:0; text-align:center; display:block; width:100%}
	.gcon_1 .tab .hd .swiper-slide .p1{ font-size:14px; padding:0; width:100%; display:block}
	.gcon_1 .tab .hd .swiper-slide .p2{ font-size:12px; display:none}
	.gcon_1 .tab .bd{ margin-top:20px}
	.gcon_1 .tab .bd .swiper02 .swiper-slide{ width:50%}
	.gcon_1 .tab .bd .swiper02 .swiper-slide p i{ font-size:12px}
}
.news{ width:1400px; margin:0 auto; margin-top:40px}
.news .lt{ width:689px; float:left; overflow:hidden}
.news .lt h3{ font-size:30px; color:#000000; font-weight:normal; line-height:44px}
.news .lt h3 i{ display:inline-block; vertical-align:top; font-size:24px; color:#959595; text-transform:uppercase; padding-left:10px}
.news .lt .swiper03{ width:100%; margin-top:30px; position:relative}
.news .lt .swiper03 .swiper-slide{ width:100%; position:relative; overflow:hidden}
.news .lt .swiper03 .swiper-slide img{ width:100%}
.news .lt .swiper03 .swiper-slide img{transition:All 0.4s linear;    -webkit-transition:All 0.4s linear;    -moz-transition:All 0.4s linear;    -o-transition:All 0.4s linear;}
.news .lt .swiper03 .swiper-slide:hover img{transform:scale(1.1);    -webkit-transform:scale(1.1);    -moz-transform:scale(1.1);    -o-transform:scale(1.1);    -ms-transform:scale(1.1);}

.news .lt .swiper03 .swiper-slide p{ width:100%; height:60px; background:rgba(00,00,00,0.6); box-sizing:border-box; position:absolute; left:0; bottom:0; z-index:2; color:#fff; font-size:16px; line-height:60px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap; padding:0 120px 0 20px}
.news .lt .swiper03 .pagination03{ width:100px; height:10px; font-size:0; position:absolute; right:12px; bottom:25px; z-index:9; left:auto; text-align:right}
.news .lt .swiper03 .pagination03 span{ width:10px; height:10px; border-radius:50%; opacity:1; background:#fff}
.news .lt .swiper03 .pagination03 span.swiper-pagination-bullet-active{ background:#be8a43}
.news .rt{ width:689px; float:right;}
.news .rt .tab2{ width:100%}
.news .rt .tab2 .hd ul{ float:right; font-size:0}
.news .rt .tab2 .hd ul li{ width:140px; height:42px; display:inline-block; vertical-align:top; font-size:14px; color:#313131; border:1px solid #aaaaaa; text-align:center; line-height:42px; border-radius:5px; margin-left:50px}
.news .rt .tab2 .hd ul li.on{ border:1px solid #a97b3c; background:#a97b3c; color:#fff}
.news .rt .tab2 .bd{ width:100%; margin-top:30px; height:388px; box-sizing:border-box; background:#fff; padding:20px}
.news .rt .tab2 .bd .con{ width:100%}
.news .rt .tab2 .bd .con .s1{ width:100%}
.news .rt .tab2 .bd .con .s1 .t{ font-size:30px; color:#343434; line-height:1}
.news .rt .tab2 .bd .con .s1 .tit{ font-size:22px; color:#b78541;text-overflow: ellipsis;overflow: hidden;white-space: nowrap; margin-top:15px}
.news .rt .tab2 .bd .con .s1 .tit a{ color:#b78541}
.news .rt .tab2 .bd .con .s1 .intro{ font-size:12px; color:#626262; margin-top:15px; text-align:justify; line-height:2; height:64px; border-bottom:1px solid #dddddd}
.news .rt .tab2 .bd .con .s2{ width:100%}
.news .rt .tab2 .bd .con .s2 .item{ width:100%; margin-top:20px}
.news .rt .tab2 .bd .con .s2 .item a{ display:block; float:left; background:url(g_24.png) left center no-repeat; padding-left:15px; font-size:12px; color:#343434; width:calc(100% - 100px);text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.news .rt .tab2 .bd .con .s2 .item:hover a{ color:#996c33}
.news .rt .tab2 .bd .con .s2 .item span{ display:block; font-size:12px; color:#666666; float:right}
@media (max-width:1600px) {
	.news{ width:1200px;}
	.news .lt{ width:640px}
	.news .rt{ width:540px}
	.news .rt .tab2 .bd{ height:361px}
	.news .rt .tab2 .bd .con .s1 .tit{ margin-top:10px}
	.news .rt .tab2 .bd .con .s1 .intro{ margin-top:10px}
	.news .rt .tab2 .bd .con .s2 .item{ margin-top:22px}
}
@media (max-width:1200px) {
	.news{ width:92%; margin-top:20px}
	.news .lt{ width:100%}
	.news .lt h3{ font-size:20px; line-height:30px}
	.news .lt h3 i{ font-size:14px;}
	.news .lt .swiper03{ width:100%; margin-top:10px}
	.news .lt .swiper03 .swiper-slide p{ height:auto; line-height:normal; font-size:12px; padding:10px 80px 10px 10px}
	.news .lt .swiper03 .pagination03{ width:60px; height:8px; bottom:14px}
	.news .lt .swiper03 .pagination03 span{ width:8px; height:8px; margin:0; margin-left:4px}
	.news .rt{ width:100%; margin-top:20px}
	.news .rt .tab2 .hd ul{ float:left}
	.news .rt .tab2 .hd ul li{ margin-left:0; height:auto; width:auto; line-height:normal; font-size:16px; padding:10px 30px; margin-right:20px}
	.news .rt .tab2 .bd{ height:auto; padding:12px; margin-top:15px}
	.news .rt .tab2 .bd .con .s1 .t{ font-size:20px}
	.news .rt .tab2 .bd .con .s1 .tit{ font-size:16px}
	.news .rt .tab2 .bd .con .s1 .intro{ font-size:12px; height:auto; padding-bottom:10px}
	
}

.gcon_2{ width:100%; padding:50px 0}
.gcon_2 .nr{ width:1400px; margin:0 auto}
.gcon_2 .nr .lt{ width:970px; float:left}
.gcon_2 .nr .lt .s1{ width:100%; position:relative}
.gcon_2 .nr .lt .s1 span{ display:inline-block; vertical-align:top; background:url(g_15.png) center center no-repeat; width:140px; height:40px; text-align:center; line-height:40px; font-size:30px; color:#996c33}
.gcon_2 .nr .lt .s1 i{ display:block; background:url(g_1.png) center center no-repeat; width:28px; height:28px; position:absolute; left:150px; top:-10px}
.gcon_2 .nr .lt .s2{ font-size:24px; color:#313131; margin-top:20px}
.gcon_2 .nr .lt .s2 i{ font-size:18px; color:#c6c2c1; font-weight:normal; text-transform:uppercase; padding-left:10px; font-family:Arial, Helvetica, sans-serif}
.gcon_2 .nr .lt .s3{ font-size:14px; color:#434343; text-align:justify; line-height:36px; margin-top:15px}
.gcon_2 .nr .lt .s4{ width:100%; margin-top:20px}
.gcon_2 .nr .lt .s4 li{ float:left; margin-right:70px}
.gcon_2 .nr .lt .s4 li .p1{ font-size:48px; color:#a97b3c; font-weight:bold; font-family:Arial; line-height:1}
.gcon_2 .nr .lt .s4 li .p1 i{ font-size:24px; font-weight:normal}
.gcon_2 .nr .lt .s4 li .p2{ font-size:16px; color:#221815; padding-top:5px}
.gcon_2 .nr .rt{ float:right; width:350px;}
.gcon_2 .nr .rt li{ width:170px; float:left; box-sizing:border-box; padding:40px 0 30px; border:1px solid #eeeeee; margin-bottom:10px}
.gcon_2 .nr .rt li a{ display:block; width:100%; height:100%}
.gcon_2 .nr .rt li a span{ display:block; width:100%; height:80px; background:url(g_16.png) center center no-repeat; background-size:auto 80px}
.gcon_2 .nr .rt li:hover{ border:1px solid #996c33}
.gcon_2 .nr .rt li:hover a span{background:url(g_17.png) center center no-repeat; background-size:auto 80px}
.gcon_2 .nr .rt li a p{ font-size:18px; color:#707070; text-align:center; line-height:1; padding-top:12px}
.gcon_2 .nr .rt li:hover a p{ color:#996c33}
.gcon_2 .nr .rt li:nth-child(2n){ float:right}
.gcon_2 .nr .rt li:nth-child(1) a span{ background:url(f1_2.png) center center no-repeat;}
.gcon_2 .nr .rt li:nth-child(2) a span{ background:url(f2_2.png) center center no-repeat;}
.gcon_2 .nr .rt li:nth-child(3) a span{ background:url(f3_2.png) center center no-repeat;}
.gcon_2 .nr .rt li:nth-child(4) a span{ background:url(f4_2.png) center center no-repeat;}
.gcon_2 .nr .rt li:nth-child(1):hover a span{ background:url(f1.png) center center no-repeat;}
.gcon_2 .nr .rt li:nth-child(2):hover a span{ background:url(f2.png) center center no-repeat;}
.gcon_2 .nr .rt li:nth-child(3):hover a span{ background:url(f3.png) center center no-repeat;}
.gcon_2 .nr .rt li:nth-child(4):hover a span{ background:url(f4.png) center center no-repeat;}
@media (max-width:1600px) {
	.gcon_2 .nr{ width:1200px}
	.gcon_2 .nr .lt{ width:800px}
}
@media (max-width:1200px) {
	.gcon_2 .nr{ width:92%}
	.gcon_2{ padding:30px 0}
	.gcon_2 .nr .lt{ width:100%}
	.gcon_2 .nr .lt .s1 span{ width:105px; height:30px; text-align:center; line-height:30px; background-size:cover; font-size:20px}
	.gcon_2 .nr .lt .s1 i{ position:absolute; left:115px; top:0}
	.gcon_2 .nr .lt .s2{ font-size:16px; margin-top:10px}
	.gcon_2 .nr .lt .s2 i{ font-size:12px}
	.gcon_2 .nr .lt .s3{ font-size:12px; line-height:2; margin-top:10px}
	.gcon_2 .nr .lt .s4{ margin-top:0}
	.gcon_2 .nr .lt .s4 li{ width:50%; margin-right:0; margin-top:12px}
	.gcon_2 .nr .lt .s4 li .p1{ font-size:24px}
	.gcon_2 .nr .lt .s4 li .p1 i{ font-size:12px}
	.gcon_2 .nr .lt .s4 li .p2{ font-size:12px}
	.gcon_2 .nr .rt{ width:100%; margin-top:20px}
	.gcon_2 .nr .rt li{ width:48%; padding:20px 0 15px}
	.gcon_2 .nr .rt li a span{ height:45px; background-size:auto 45px!important}
	.gcon_2 .nr .rt li a p{ font-size:16px}
}

.gcon_3{ width:100%; background:url(g_20.jpg) center center no-repeat; background-size:cover; padding:40px 0}
.gcon_3 .nr{ width:1400px; margin:0 auto}
.gcon_3 .nr li{ width:215px; float:left; overflow:hidden; transition:all 0.3s linear; position:relative}
.gcon_3 .nr li.on{ width:755px}
.gcon_3 .nr li .img1{ width:755px}
.gcon_3 .nr li .img2{ width:215px; position:absolute; left:0; top:0; transition:all 0.5s linear}
.gcon_3 .nr li.on .img2{ opacity:0}
@media (max-width:1600px) {
	.gcon_3 .nr{ width:1200px}
	.gcon_3 .nr li{ width:190px}
	.gcon_3 .nr li.on{ width:630px}
	.gcon_3 .nr li .img1{ width:630px}
	.gcon_3 .nr li .img2{ width:190px}
}
@media (max-width:1200px) {
	.gcon_3{ padding:30px 0 20px}
	.gcon_3 .nr{ width:92%}
	.gcon_3 .nr li{ width:100%; margin-bottom:10px}
	.gcon_3 .nr li.on{ width:100%}
	.gcon_3 .nr li .img1{ width:100%}
	.gcon_3 .nr li .img2{ display:none}
}