@charset "utf-8";
.banner{ width:100%; margin:0 auto; position:relative}
.banner .swiper01{ width:100%; overflow:hidden}
.banner .swiper01 img{ width:100%; height:auto}
.banner .swiper01 img.img1{ display:block}
.banner .swiper01 img.img2{ display:none}
.banner .prev01{ background:url(prev1.png) center center no-repeat; width:49px; height:49px; cursor:pointer; position:absolute; left:4%; top:50%; margin-top:-25px; z-index:9}
.banner .prev01:hover{ background:url(prev2.png) center center no-repeat;}
.banner .next01{ background:url(next1.png) center center no-repeat; width:49px; height:49px; cursor:pointer; position:absolute; right:4%; top:50%; margin-top:-25px; z-index:9}
.banner .next01:hover{background:url(next2.png) center center no-repeat; }
.banner .pagination01{ width:100%; font-size:0; text-align:center; position:absolute; left:0; bottom:30px; z-index:9}
.banner .pagination01 span{ display:inline-block; vertical-align:top; width:60px; height:3px; margin:0 3px; background:#cdaa70; opacity:1; border-radius:0}
.banner .pagination01 span.swiper-pagination-bullet-active{ background:#634641}
@media (max-width: 1200px){
	.banner .prev01,.banner .next01{ width:20px; height:20px; background-size:20px; margin-top:-10px;}
	.banner .pagination01{ bottom:10px}
	.banner .pagination01 span{ width:20px;}
	.banner .swiper01 img.img2{ display:block}
	.banner .swiper01 img.img1{ display:none}
}

.gcon_1{ width:100%; background:url(g_04.jpg) center center no-repeat; background-size:cover; padding:32px 0}
.gcon_1 .item{ width:16.66666666666666666%; float:left; text-align:center; font-size:0}
.gcon_1 .item a{ display:inline-block; vertical-align:top; width:112px; height:112px; border-radius:50%; background:rgba(255,255,255,0.5); position:relative; transition:all 0.3s linear}
.gcon_1 .item a span{ display:block; width:94px; height:94px; border:1px solid #fff; box-sizing:border-box; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); z-index:2; border-radius:50%; transition:all 0.3s linear}
.gcon_1 .item a span i{ display:block; width:100%; text-align:center; position:absolute; left:0; top:50%; transform:translateY(-50%); font-size:20px; color:#614540;font-weight:bold}
.gcon_1 .item a:hover span i{ }
.gcon_1 .item a .ii:before { content: ''; position: absolute; left: 0; top: 0;  border: 1px solid #cdaa70; width: 100%;height: 100%;  border-radius: 50%;  opacity: 0}
.gcon_1 .item a .ii:after {content: '';position: absolute; left: 0;top: 0;border: 1px solid #cdaa70; width: 100%; height: 100%; border-radius: 50%;opacity: 0}
.gcon_1 .item a:hover .ii:before { animation: serv_one_border .9s 0s ease 1;  }
.gcon_1 .item a:hover .ii:after { animation: serv_one_border 1.5s 0s ease 1; }

@keyframes serv_one_border {
    0% {
        opacity: 0
    }

    5% {
        opacity: 1
    }
    80% {
        opacity: 0
    }
    100% {
        opacity: 0;
        transform: scale(1.5);
        -ms-transform: scale(1.5);
        -o-transform: scale(1.5);
        -webkit-transform: scale(1.5);
        -moz-transform: scale(1.5)
    }
}



.gcon_1 .item:hover a{ background:#cdaa70}
.gcon_1 .item:hover a span{ border:1px solid #b89150}
@media (max-width: 1200px){
	.gcon_1{ padding:10px}
	.gcon_1 .item{ width:33.333333333333333%; padding:5px 0}
	.gcon_1 .item a{ width:70px; height:70px}
	.gcon_1 .item a span{ width:60px; height:60px}
	.gcon_1 .item a span i{ font-size:14px}
}

.gcon_2{ width:100%; padding:70px 0 65px; background:#f6f7f9}
.ihd{ text-align:center}
.ihd h3{ font-size:36px; color:#604742; font-weight:normal; line-height:1}
.ihd .intro{ margin-top:15px; font-size:18px; line-height:1; color:#604742}
.gcon_2 .ibd{ margin-top:65px; position:relative}
.gcon_2 .ibd .swiper02{ width:100%; overflow:hidden}
.gcon_2 .ibd .swiper02 .swiper-slide{ width:325px; margin-right:33px; overflow:hidden}
.gcon_2 .ibd .swiper02 .swiper-slide:last-child{ margin-right:0}
.gcon_2 .ibd .swiper02 .swiper-slide .pic{ width:100%; overflow:hidden}
.gcon_2 .ibd .swiper02 .swiper-slide .pic img{ width:100% ;transition:All 0.4s linear;    -webkit-transition:All 0.4s linear;    -moz-transition:All 0.4s linear;    -o-transition:All 0.4s linear;}
.gcon_2 .ibd .swiper02 .swiper-slide:hover .pic img{transform:scale(1.1);    -webkit-transform:scale(1.1);    -moz-transform:scale(1.1);    -o-transform:scale(1.1);    -ms-transform:scal(1.1);}
.gcon_2 .ibd .swiper02 .swiper-slide .title{ width:100%; height:96px; background:url(pp.png) center center no-repeat; position:absolute; left:0; bottom:-96px; z-index:9; text-align:center; color:#fff; transition:all 0.5s linear}
.gcon_2 .ibd .swiper02 .swiper-slide .title .p1{ font-size:20px; padding:25px 0 5px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.gcon_2 .ibd .swiper02 .swiper-slide:hover .title{ bottom:0}
.gcon_2 .ibd .swiper02 .pagination02{ width:100%; font-size:0; text-align:center; margin-top:45px}
.gcon_2 .ibd .swiper02 .pagination02 span{ display:inline-block; vertical-align:top; width:75px; height:4px; margin:0 6px; background:#e3d4ba; opacity:1; border-radius:0}
.gcon_2 .ibd .swiper02 .pagination02 span.swiper-pagination-bullet-active{ background:#634641}
.gcon_2 .ibd .prev02{ background:url(g_06.jpg) center center no-repeat; width:19px; height:37px; cursor:pointer; position:absolute; left:-50px; top:220px}
.gcon_2 .ibd .next02{ background:url(g_07.jpg) center center no-repeat; width:19px; height:37px; cursor:pointer; position:absolute; right:-50px; top:220px}
@media (max-width: 1440px){
	.gcon_2{ padding:50px 0}
	.ihd h3{ font-size:30px}
	.ihd .intro{ font-size:16px}
	.gcon_2 .ibd{ margin-top:50px}
	.gcon_2 .ibd .swiper02 .swiper-slide{ width:285px; margin-right:20px}
	.gcon_2 .ibd .swiper02 .swiper-slide .title{ line-height:45px; height:45px; font-size:16px}
	.gcon_2 .ibd .swiper02 .swiper-slide .title .p1{ padding:0; font-size:16px}
	.gcon_2 .ibd .swiper02 .pagination02{ margin-top:30px}
	.gcon_2 .ibd .swiper02 .pagination02 span{ width:50px}
}
@media (max-width: 1200px){
	.gcon_2{ padding:30px 0}
	.ihd h3{ font-size:24px}
	.ihd .intro{ font-size:12px; margin-top:10px}
	.gcon_2 .ibd{ margin-top:30px}
	.gcon_2 .ibd .swiper02 .swiper-slide{ width:49%; margin-right:2%}
	.gcon_2 .ibd .swiper02 .swiper-slide .title{ line-height:36px; height:36px; font-size:14px}
	.gcon_2 .ibd .swiper02 .pagination02{ margin-top:20px}
	.gcon_2 .ibd .swiper02 .pagination02 span{ width:20px; margin:0 3px; height:3px}
	.gcon_2 .ibd .prev02{ background:url(g_06.png) center center no-repeat;  left:0; z-index:9; top:50%; margin-top:-20px; background-size:100%}
	.gcon_2 .ibd .next02{ background:url(g_07.png) center center no-repeat;right:0; z-index:9;top:50%; margin-top:-20px; background-size:100%}
}
.gcon_3{ width:100%; overflow:hidden}
.gcon_3 .swiper03{ width:100%}
.gcon_3 .swiper03 .swiper-slide{ width:100%}
.gcon_3 .swiper03 .swiper-slide img{ width:100%; height:auto}
.gcon_3 .swiper03 .swiper-slide img.img1{ display:block}
.gcon_3 .swiper03 .swiper-slide img.img2{ display:none}
@media (max-width: 1200px){
	.gcon_3 .swiper03 .swiper-slide img.img2{ display:block}
	.gcon_3 .swiper03 .swiper-slide img.img1{ display:none}
}

.gcon_4{ width:100%; background:#ffffff; padding:80px 0}
.gcon_4 .ibd{ width:100%; margin-top:70px; background:#cdaa70; position:relative}
.gcon_4 .ibd .pic{ width:50%; float:left; overflow:hidden}
.gcon_4 .ibd .pic img{ width:100%; height:auto}
.gcon_4 .ibd .title{ width:50%; box-sizing:border-box; padding:0 5%; float:right; top:50%; transform:translateY(-50%); position:absolute; right:0}
.gcon_4 .ibd .title h3{ font-size:30px; color:#1a1a1a}
.gcon_4 .ibd .title h3 a{ color:#1a1a1a}
.gcon_4 .ibd:hover .title h3 a{ color:#604742}
.gcon_4 .ibd .title .intro{ font-size:18px; color:#1a1a1a; line-height:2; text-align:justify; margin:50px 0 75px}
.gcon_4 .ibd .more a{ display:block; width:150px; height:50px; border:2px solid #624540; text-align:center; line-height:50px; color:#624540; font-size:16px; float:left; margin-right:12px}
.gcon_4 .ibd .more a:hover{ background:#624540; color:#fff}
@media (max-width: 1440px){
	.gcon_4{ padding:50px 0}
	.gcon_4 .ibd{ margin-top:50px}
	.gcon_4 .ibd .title h3{ font-size:26px}
	.gcon_4 .ibd .title .intro{ font-size:16px; margin:40px 0 60px; line-height:1.7}
	.gcon_4 .ibd .more a{ font-size:14px; width:135px; line-height:42px; height:42px}
}
@media (max-width: 1200px){
	.gcon_4{ padding:30px 0}
	.gcon_4 .ibd{ margin-top:30px}
	.gcon_4 .ibd .pic{ width:100%}
	.gcon_4 .ibd .title{ width:100%; position:relative; top:0; transform:translateY(0); padding:20px 15px}
	.gcon_4 .ibd .title h3{ font-size:20px}
	.gcon_4 .ibd .title .intro{ font-size:14px; margin:10px 0 20px}
	.gcon_4 .ibd .more a{ font-size:12px; width:120px; line-height:36px; height:36px; border:1px solid #624540}
}

.gcon_5{ width:100%; background:url(g_17.jpg) center center repeat; padding:80px 0}
.gcon_5 .ibd{ width:100%; margin-top:70px; position:relative}
.gcon_5 .item{ position:relative; background:#fff;}
.gcon_5 .item:nth-child(2) .pic{ float:right}
.gcon_5 .item:nth-child(2) .title{ float:left; right:auto; left:0}
.gcon_5 .item .pic{ width:50%; float:left; overflow:hidden}
.gcon_5 .item .pic img{ width:100%; height:auto}
.gcon_5 .item .pic img{ width:100% ;transition:All 0.4s linear;    -webkit-transition:All 0.4s linear;    -moz-transition:All 0.4s linear;    -o-transition:All 0.4s linear;}
.gcon_5 .item .pic:hover img{transform:scale(1.1);    -webkit-transform:scale(1.1);    -moz-transform:scale(1.1);    -o-transform:scale(1.1);    -ms-transform:scal(1.1);}

.gcon_5 .item .title{ width:50%; box-sizing:border-box; padding:0 5%; float:right; top:50%; transform:translateY(-50%); position:absolute; right:0}
.gcon_5 .item .title h3{ font-size:26px; color:#604742}
.gcon_5 .item .title h3 a{ color:#604742}
.gcon_5 .item:hover .title h3 a{ color:#604742}
.gcon_5 .item .title .intro{ font-size:18px; color:#5c5c5c; line-height:30px; text-align:justify; margin:35px 0 0 }
@media (max-width: 1440px){
	.gcon_5{ padding:50px 0}
	.gcon_5 .ibd{ margin-top:50px}
	.gcon_5 .item .title h3{ font-size:26px}
	.gcon_5 .item .title .intro{ font-size:16px; margin:30px 0 0}
}
@media (max-width: 1200px){
	.gcon_5{ padding:30px 0}
	.gcon_5 .ibd{ margin-top:30px}
	.gcon_5 .item .pic{ width:100%}
	.gcon_5 .item .title{ width:100%; position:relative; top:0; transform:translateY(0); padding:20px 15px}
	.gcon_5 .item .title h3{ font-size:20px}
	.gcon_5 .item .title .intro{ font-size:14px; margin:10px 0 0; line-height:1.7}
	.gcon_5 .item:nth-child(2){ margin-top:20px}
}

.gcon_6{ width:100%; padding:120px 0}
.gcon_6 .ibd{ margin-top:95px}
.gcon_6 .ibd .item{ width:90px; float:left; text-align:center; margin-right:97px}
.gcon_6 .ibd .item:last-child{ margin-right:0}
.gcon_6 .ibd .item .ico{ width:90px; height:90px; border:1px solid #604742; box-sizing:border-box; border-radius:50%; position:relative}
.gcon_6 .ibd .item .ico img{ width:40px; height:40px; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%)}
.gcon_6 .ibd .item .num{ font-size:24px; color:#604742; font-weight:bold; line-height:1; margin-top:30px}
.gcon_6 .ibd .item .title{ font-size:20px; color:#604742; line-height:1; margin-top:15px}
.gcon_6 .ibd .item:hover .ico{ border:1px solid #cdaa70; background:#cdaa70; position:relative}

.gcon_6 .ibd .item .ico .ii:before { content: ''; position: absolute; left: 0; top: 0;  border: 1px solid #cdaa70; width: 100%;height: 100%;  border-radius: 50%;  opacity: 0}
.gcon_6 .ibd .item .ico .ii:after {content: '';position: absolute; left: 0;top: 0;border: 1px solid #cdaa70; width: 100%; height: 100%; border-radius: 50%;opacity: 0}
.gcon_6 .ibd .item:hover .ico .ii:before { animation: serv_one_border .9s 0s ease 1;  }
.gcon_6 .ibd .item:hover .ico .ii:after { animation: serv_one_border 1.5s 0s ease 1; }


@media (max-width: 1440px){
	.gcon_6{ width:100%; padding:80px 0}
	.gcon_6 .ibd{ margin-top:60px}
	.gcon_6 .ibd .item{ width:80px; margin-right:80px}
	.gcon_6 .ibd .item .ico{ width:80px; height:80px; }
	.gcon_6 .ibd .item .ico img{ width:36px; height:36px}
	.gcon_6 .ibd .item .num{ font-size:20px; margin-top:25px}
	.gcon_6 .ibd .item .title{ font-size:16px; margin-top:12px }
}
@media (max-width: 1200px){
	.gcon_6{ width:100%; padding:60px 0 40px}
	.gcon_6 .ibd{ margin-top:40px}
	.gcon_6 .ibd .item{ width:25%; margin-right:0; margin-bottom:20px}
	.gcon_6 .ibd .item .ico{ width:60px; height:60px; margin:0 auto}
	.gcon_6 .ibd .item .ico img{ width:30px; height:30px}
	.gcon_6 .ibd .item .num{ font-size:16px; margin-top:10px}
	.gcon_6 .ibd .item .title{ font-size:12px; margin-top:10px }
}

.gcon_7{ width:100%;}
.gcon_7 .item{ width:50%; float:left; position:relative}
.gcon_7 .item .pic{ width:100%; overflow:hidden}
.gcon_7 .item .pic img{ width:100% ;transition:All 0.4s linear;    -webkit-transition:All 0.4s linear;    -moz-transition:All 0.4s linear;    -o-transition:All 0.4s linear;}
.gcon_7 .item .pic:hover img{transform:scale(1.1);    -webkit-transform:scale(1.1);    -moz-transform:scale(1.1);    -o-transform:scale(1.1);    -ms-transform:scal(1.1);}
.gcon_7 .item .title{ width:100%; text-align:center; position:absolute; left:0; top:50%; transform:translateY(-50%); z-index:9; color:#fff; font-size:0}
.gcon_7 .item .title .ico{ display:inline-block; vertical-align:top; height:60px}
.gcon_7 .item .title .ico img{ height:100%}
.gcon_7 .item .title .tit{ display:inline-block; vertical-align:top; height:60px; line-height:60px; font-size:30px; margin-left:30px}
@media (max-width: 1200px){
	.gcon_7 .item{ width:100%}
	.gcon_7 .item .title .ico{ height:40px}
	.gcon_7 .item .title .tit{ height:40px; line-height:40px; font-size:20px; margin-left:20px}
}

.gcon_8{ width:100%; background:#dfe1e4; padding:65px 0}
.gcon_8 .item{ width:25%; float:left; text-align:center}
.gcon_8 .item .p1{ font-size:50px; color:#624540; font-family:Arial, Helvetica, sans-serif; line-height:1}
.gcon_8 .item .p1 i{ font-size:30px; vertical-align:top; display:inline-block; margin-left:8px}
.gcon_8 .item .p2{ font-size:20px; color:#624540; line-height:1; margin-top:10px}
@media (max-width: 1200px){
	.gcon_8{ padding:30px 0}
	.gcon_8 .item{ width:50%; padding:15px 0}
	.gcon_8 .item .p1{ font-size:30px}
	.gcon_8 .item .p1 i{ font-size:18px; margin-left:5px}
	.gcon_8 .item .p2{ font-size:14px; margin-top:5px}
}

.gcon_9{ width:100%; overflow:hidden}
.gcon_9 .swiper09{ width:100%}
.gcon_9 .swiper09 .swiper-slide{ width:100%}
.gcon_9 .swiper09 .swiper-slide img{ width:100%; height:auto}
.gcon_9 .swiper09 .swiper-slide img.img1{ display:block}
.gcon_9 .swiper09 .swiper-slide img.img2{ display:none}
@media (max-width: 1200px){
	.gcon_9 .swiper09 .swiper-slide img.img2{ display:block}
	.gcon_9 .swiper09 .swiper-slide img.img1{ display:none}
}

.gcon_10{ width:100%; padding:90px 0 100px}
.gcon_10 .ibd{ margin-top:60px; overflow:hidden}
.gcon_10 .ibd .swiper10{ width:100%}
.gcon_10 .ibd .swiper10 .swiper-slide{ width:423px; margin-right:65px}
.gcon_10 .ibd .swiper10 .swiper-slide:last-child{ margin-right:0}
.gcon_10 .ibd .swiper10 .swiper-slide .pic{ width:100%; overflow:hidden}
.gcon_10 .ibd .swiper10 .swiper-slide .pic img{ width:100% ;transition:All 0.4s linear;    -webkit-transition:All 0.4s linear;    -moz-transition:All 0.4s linear;    -o-transition:All 0.4s linear;}
.gcon_10 .ibd .swiper10 .swiper-slide .pic:hover img{transform:scale(1.1);    -webkit-transform:scale(1.1);    -moz-transform:scale(1.1);    -o-transform:scale(1.1);    -ms-transform:scal(1.1);}
.gcon_10 .ibd .swiper10 .swiper-slide .time{ font-size:18px; font-family:Arial, Helvetica, sans-serif; color:rgba(26,26,26,0.3); margin-top:20px}
.gcon_10 .ibd .swiper10 .swiper-slide .title{ font-size:18px; color:#1a1a1a;text-overflow: ellipsis;overflow: hidden;white-space: nowrap; margin-top:5px}
.gcon_10 .ibd .swiper10 .swiper-slide .intro{ font-size:16px;color:rgba(26,26,26,0.76);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2; line-height:25px; margin-top:15px; display:none}
@media (max-width: 1440px){
	.gcon_10{ padding:70px 0 100px}
	.gcon_10 .ibd{ margin-top:50px}
	.gcon_10 .ibd .swiper10 .swiper-slide{ width:380px; margin-right:30px}
}
@media (max-width: 1200px){
	.gcon_10{ padding:50px 0 60px}
	.gcon_10 .ibd{ margin-top:30px}
	.gcon_10 .ibd .swiper10 .swiper-slide{ width:280px; margin-right:15px}
	.gcon_10 .ibd .swiper10 .swiper-slide .time{ font-size:14px; margin-top:12px}
	.gcon_10 .ibd .swiper10 .swiper-slide .title{ font-size:16px}
	.gcon_10 .ibd .swiper10 .swiper-slide .intro{ font-size:12px; line-height:20px; margin-top:10px}
}