@charset "utf-8";
.container{ overflow:hidden}
.banner { position: relative; width: 100%; overflow: hidden; }
.banner .swiper-container { position: relative; width: 100%;}
.banner .swiper-container .swiper-slide,
.banner .swiper-container .swiper-slide a { display: block; width: 100%; height: 100%; }
.banner .swiper-container .swiper-slide .swiper-slide-img { position: relative; width: 100%; height: 100%; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; transform: scale3d(1, 1, 1); transition: all 5s cubic-bezier(0.04, 0.79, 1, 1); }
.banner .swiper-container .swiper-slide-active .swiper-slide-img { transform: scale3d(1.1, 1.1, 1.1);}
.banner .swiper-container .swiper-pagination { position:absolute;bottom: 80px;left:0;height:13px;width: 100%;text-align: center;z-index: 999;}
.banner .swiper-container .swiper-pagination .swiper-pagination-bullet { background: #fff; margin: 0 10px; color:#fff; border-radius: 24px; position:relative; transition:all 0.3s; display:inline-block; width:13px; height:13px; font-size:0; line-height:13px; vertical-align: top; }
.banner .swiper-container .swiper-pagination .swiper-pagination-bullet-active { width: 33px; }
.banner .swiper-button-prev,
.banner .swiper-button-next { position: absolute; display: block; width: 43px; height: 43px; top: 50%; transform: translateY(-50%); z-index: 9; background-size:100% }
.banner .swiper-button-prev { left: 1%; background: url(../images/pv2.png) no-repeat;}
.banner .swiper-button-next {right: 1%;background: url(../images/nv2.png) no-repeat;}

@media (max-width: 1680px){
    .banner,
    .banner .swiper-container {  }
    .banner .swiper-container .swiper-pagination { bottom: 50px; }
    .banner .swiper-container .swiper-pagination .swiper-pagination-bullet { margin: 0 5px; width:8px; height:8px; line-height:8px; }
    .banner .swiper-container .swiper-pagination .swiper-pagination-bullet-active { width: 18px; }
    
}
@media (max-width: 1280px){
    .banner,
    .banner .swiper-container { }
    .banner .swiper-container .swiper-pagination { bottom: 50px; }
}
@media (max-width: 768px){
    .banner,
    .banner .swiper-container { }
    .banner .swiper-container .swiper-pagination { bottom: 10px; }
    .banner .swiper-container .swiper-button-prev,
    .banner .swiper-container .swiper-button-next { display: none; }
}



.gcon_1 .ihd { position: relative; text-align: center; margin-top:70px }
.gcon_1 .ihd h3 { position: relative; color: #000; font-size: 36px; font-weight: bold; line-height: 76px; z-index: 1; }
.gcon_1 .ihd p { position: absolute; left: 0; top: 0; width: 100%; color: rgba(00,00,00,0.05); font-size: 44px; font-weight: bold; line-height: 54px; text-transform: uppercase;}
.gcon_1 .ibd{ width:1600px; margin:0 auto; margin-top:50px}
.gcon_1 .ibd .lt{ width:1063px; float:left}
.gcon_1 .ibd .lt .top{ width:100%; border-bottom:3px solid #e9e9e9}
.gcon_1 .ibd .lt .top h3{ float:left; position:relative; font-size:20px; line-height:1; padding:15px 0; font-weight:bold}
.gcon_1 .ibd .lt .top h3:after{ content:""; display:block; width:100%; height:3px; background:#000000; position:absolute; left:0; bottom:-3px}
.gcon_1 .ibd .lt .top a{ display:block; float:right; line-height:50px; color:rgba(68,68,68,0.5); font-size:12px}
.gcon_1 .ibd .lt .con{ width:100%; margin-top:60px}
.gcon_1 .ibd .lt .con .item1{ width:521px; height:263px; float:left; margin-right:21px; background:#f3f3f3; position:relative; box-sizing:border-box; padding:90px 35px 0 35px; transition:all 0.3s linear}
.gcon_1 .ibd .lt .con .item1:nth-child(2){ margin-right:0}
.gcon_1 .ibd .lt .con .item1 .time{ width:102px; height:102px; background:#7f1084; position:absolute; left:35px; top:-34px; text-align:center; color:#fff; font-family:Arial, Helvetica, sans-serif; transition:all 0.3s linear}
.gcon_1 .ibd .lt .con .item1 .time .p1{ font-size:36px; line-height:1; padding-top:24px; transition:all 0.3s linear}
.gcon_1 .ibd .lt .con .item1 .time .p2{ font-size:14px; color:rgba(255,255,255,0.5); transition:all 0.3s linear}
.gcon_1 .ibd .lt .con .item1 .title{ font-size:18px; color:#222222;text-overflow: ellipsis;overflow: hidden;white-space: nowrap; transition:all 0.3s linear}
.gcon_1 .ibd .lt .con .item1 .time2{ display:none}
.gcon_1 .ibd .lt .con .item1 .title a{ color:#222 ; transition:all 0.3s linear}
.gcon_1 .ibd .lt .con .item1 .intro{ font-size:14px; color:#666666; margin-top:20px; line-height:24px; transition:all 0.3s linear}
.gcon_1 .ibd .lt .con .item1:hover{ background:#7f1084}
.gcon_1 .ibd .lt .con .item1:hover .time{ background:#ffffff; color:#000}
.gcon_1 .ibd .lt .con .item1:hover .time .p2{ color:rgba(51,51,51,0.5)}
.gcon_1 .ibd .lt .con .item1:hover .title{ color:#fff}
.gcon_1 .ibd .lt .con .item1:hover .title a{ color:#fff}
.gcon_1 .ibd .lt .con .item1:hover .intro{ color:#fff}
.gcon_1 .ibd .lt .con .item2{ width:345px; height:110px; background:url(../images/g_03.jpg) right bottom no-repeat #f7f7f7; float:left; margin-top:20px; margin-right:14px}
.gcon_1 .ibd .lt .con .item2 .time{ width:68px; float:left; text-align:center}
.gcon_1 .ibd .lt .con .item2 .time .p1{ font-size:20px; color:#000; font-weight:bold; line-height:1; padding-top:28px}
.gcon_1 .ibd .lt .con .item2:nth-child(5){ margin-right:0}
.gcon_1 .ibd .lt .con .item2 .time .p2{ font-size:14px; color:#999; padding-top:10px}
.gcon_1 .ibd .lt .con .item2 .title{ font-size:16px; color:#333333; line-height:2; padding-top:20px}
.gcon_1 .ibd .lt .con .item2 .title a{ color:#333}
.gcon_1 .ibd .lt .con .item2:hover{ background:#7f1084}
.gcon_1 .ibd .lt .con .item2:hover .time .p1{ color:#fff}
.gcon_1 .ibd .lt .con .item2:hover .time .p2{ color:rgba(255,255,255,0.5)}
.gcon_1 .ibd .lt .con .item2:hover .title{ color:#fff}
.gcon_1 .ibd .lt .con .item2:hover .title a{ color:#fff}
.gcon_1 .ibd .lt .con .item2 .itme2{ display:none}
.gcon_1 .ibd .rt{ width:503px; float:right}
.gcon_1 .ibd .rt .top{ width:100%; border-bottom:3px solid #e9e9e9}
.gcon_1 .ibd .rt .top h3{ float:left; position:relative; font-size:20px; line-height:1; padding:15px 0; font-weight:bold}
.gcon_1 .ibd .rt .top h3:after{ content:""; display:block; width:100%; height:3px; background:#000000; position:absolute; left:0; bottom:-3px}
.gcon_1 .ibd .rt .top a{ display:block; float:right; line-height:50px; color:rgba(68,68,68,0.5); font-size:12px}
.gcon_1 .ibd .rt .con{ width:100%; height:435px; margin-top:20px; background:#f7f7f7; box-sizing:border-box; padding:14px}
.gcon_1 .ibd .rt .con .item1{ padding-bottom:18px; border-bottom:1px solid #e9e9e9}
.gcon_1 .ibd .rt .con .item1 .pic{ float:left; overflow:hidden; width:200px}
.gcon_1 .ibd .rt .con .item1 .pic img{ width:100%; height:auto}
.gcon_1 .ibd .rt .con .item1 .pic 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 .ibd .rt .con .item1 .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_1 .ibd .rt .con .item1 .title{ width:255px; float:right}
.gcon_1 .ibd .rt .con .item1 .title .a1{ font-size:18px; color:#000000; font:normal;text-overflow: ellipsis;overflow: hidden;white-space: nowrap; padding:8px 0}
.gcon_1 .ibd .rt .con .item1 .title .a1 a{ color:#000}
.gcon_1 .ibd .rt .con .item1 .title:hover .a1 a{ color:#0080c8}
.gcon_1 .ibd .rt .con .item1 .title .a2{ line-height:20px; font-size:14px; color:#999}
.gcon_1 .ibd .rt .con .item1 .title .a3{ font-size:14px; color:#999999; padding-top:12px}
.gcon_1 .ibd .rt .con .item2 ul li{ margin-top:18px}
.gcon_1 .ibd .rt .con .item2 ul li a{ display:block; width:340px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap; font-size:16px; color:#333333; float:left}
.gcon_1 .ibd .rt .con .item2 ul li span{ float:right; font-size:14px; color:#999}
.gcon_1 .ibd .rt .con .item2 ul li:hover a{ color:#0080c8}
@media (max-width: 1600px){
	.gcon_1 .ibd{ width:1200px}
	.gcon_1 .ibd .lt{ width:770px}
	.gcon_1 .ibd .rt{ width:400px}
	.gcon_1 .ibd .lt .con .item1{ width:374px; padding:60px 20px 0 20px; height:220px}
	.gcon_1 .ibd .lt .con .item1 .time{ left:20px; top:-35px; width:80px; height:80px}
	.gcon_1 .ibd .lt .con .item1 .time .p1{ font-size:30px; padding-top:20px}
	.gcon_1 .ibd .lt .con .item1 .title{ font-size:16px}
	.gcon_1 .ibd .lt .con .item2{ width:247px; height:90px}
	.gcon_1 .ibd .lt .con .item2 .title{ font-size:14px; padding-top:16px}
	.gcon_1 .ibd .lt .con .item2 .time .p1{ padding-top:22px; font-size:18px}
	.gcon_1 .ibd .rt .con{ padding:10px; height:370px}
	.gcon_1 .ibd .rt .con .item1{ padding-bottom:15px}
	.gcon_1 .ibd .rt .con .item1 .pic{ width:165px}
	.gcon_1 .ibd .rt .con .item1 .title{ width:200px}
	.gcon_1 .ibd .rt .con .item1 .title .a1{ font-size:16px; padding:0}
	.gcon_1 .ibd .rt .con .item1 .title .a2{ height:40px; overflow:hidden; margin-top:6px}
	.gcon_1 .ibd .rt .con .item1 .title .a3{ padding-top:8px}
	.gcon_1 .ibd .rt .con .item2 ul li{ margin-top:15px}
	.gcon_1 .ibd .rt .con .item2 ul li a{ font-size:14px; width:280px}
}
@media (max-width: 1200px){
	.gcon_1 .ihd{ margin-top:40px}
	.gcon_1 .ihd h3{ font-size:24px; line-height:40px}
	.gcon_1 .ihd p{ font-size:24px; line-height:1}
	.gcon_1 .ibd{ width:92%; margin-top:30px}
	.gcon_1 .ibd .lt{ width:100%}
	.gcon_1 .ibd .lt .top{ border-bottom:2px solid #e9e9e9}
	.gcon_1 .ibd .lt .top h3{ font-size:16px; padding:10px 0}
	.gcon_1 .ibd .lt .top h3::after{ height:2px; bottom:-2px}
	.gcon_1 .ibd .lt .top a{ font-size:12px; line-height:36px}
	.gcon_1 .ibd .lt .con{ margin-top:0}
	.gcon_1 .ibd .lt .con .item1{ width:100%; margin:0; height:auto; margin-top:15px; padding:20px 15px}
	.gcon_1 .ibd .lt .con .item1 .time{ display:none}
	.gcon_1 .ibd .lt .con .item1 .time2{ display:block; color:#999; margin-top:5px}
	.gcon_1 .ibd .lt .con .item1 .intro{ margin-top:5px; font-size:12px}
	.gcon_1 .ibd .lt .con .item2{ width:100%; margin:0; margin-top:15px}
	
	.gcon_1 .ibd .rt{ width:100%; margin-top:30px}
	.gcon_1 .ibd .rt .top{ border-bottom:2px solid #e9e9e9}
	.gcon_1 .ibd .rt .top h3{ font-size:16px; padding:10px 0}
	.gcon_1 .ibd .rt .top h3::after{ height:2px; bottom:-2px}
	.gcon_1 .ibd .rt .top a{ font-size:12px; line-height:36px}
	.gcon_1 .ibd .rt .con{ padding:15px; height:auto}
	.gcon_1 .ibd .rt .con .item1 .pic{ width:100%}
	.gcon_1 .ibd .rt .con .item1 .title{ width:100%; margin-top:10px}
	.gcon_1 .ibd .rt .con .item2 ul li a{ width:calc(100% - 90px)}
}


.gcon_2 .ihd { position: relative; text-align: center; margin-top:70px }
.gcon_2 .ihd h3 { position: relative; color: #000; font-size: 36px; font-weight: bold; line-height: 76px; z-index: 1; }
.gcon_2 .ihd p { position: absolute; left: 0; top: 0; width: 100%; color: rgba(00,00,00,0.05); font-size: 44px; font-weight: bold; line-height: 54px; text-transform: uppercase;}
.gcon_2 .ibd{ width:1600px; margin:0 auto; margin-top:50px}
.gcon_2 .ibd .hd ul li{ width:338px; float:left; margin-right:8px; position:relative; overflow:hidden; transition:all 0.5s linear}
.gcon_2 .ibd .hd ul li:last-child{ margin-right:0}
.gcon_2 .ibd .hd ul li img{ max-width:none; width:908px; height:auto; position:relative; left:50%; transform:translateX(-50%)} 
.gcon_2 .ibd .hd ul li.on{ width:908px;}
.gcon_2 .ibd .hd ul li p{ position:absolute; left:40px; bottom:40px; color:#fff; font-size:20px; z-index:9}
@media (max-width: 1600px){
	.gcon_2 .ibd{ width:1200px}
	.gcon_2 .ibd .hd ul li{ width:280px}
	.gcon_2 .ibd .hd ul li.on{ width:624px}
	.gcon_2 .ibd .hd ul li img{ width:624px}

}
@media (max-width: 1200px){
	.gcon_2 .ihd{ margin-top:40px}
	.gcon_2 .ihd h3{ font-size:24px; line-height:40px}
	.gcon_2 .ihd p{ font-size:20px; line-height:1}
	.gcon_2 .ibd{ width:92%; margin-top:30px}
	.gcon_2 .ibd .hd ul li{ width:100%; margin-right:0; margin-bottom:15px}
	.gcon_2 .ibd .hd ul li img{ width:100%}
	.gcon_2 .ibd .hd ul li.on{ width:100%}
	.gcon_2 .ibd .hd ul li p{ font-size:16px; left:20px; bottom:20px}
}

.gcon_3{ margin-top:100px; background:#2f3544; padding:80px 0}
.gcon_3 .ihd { position: relative; text-align: center;}
.gcon_3 .ihd h3 { position: relative; color: #fff; font-size: 36px; font-weight: bold; line-height: 76px; z-index: 1; }
.gcon_3 .ihd p { position: absolute; left: 0; top: 0; width: 100%; color: rgba(255,255,255,0.05); font-size: 44px; font-weight: bold; line-height: 54px; text-transform: uppercase;}
.gcon_3 .ibd{ width:1600px; margin:0 auto; margin-top:70px; position:relative}
.gcon_3 .ibd .swiper-container-2{ position:relative; width:100%; overflow:hidden}
.gcon_3 .ibd .swiper-container-2 .swiper-slide .pic{ width:546px; float:left}
.gcon_3 .ibd .swiper-container-2 .swiper-slide .pic img{ width:100%}
.gcon_3 .ibd .swiper-container-2 .swiper-slide .title{ width:975px; float:right}
.gcon_3 .ibd .swiper-container-2 .swiper-slide .title .a1{ font-size:20px; color:#fff; margin-top:30px; font-weight:bold}
.gcon_3 .ibd .swiper-container-2 .swiper-slide .title .a2{ font-size:14px; color:rgba(255,255,255,0.3)}
.gcon_3 .ibd .swiper-container-2 .swiper-slide .title .a3{ font-size:16px; color:rgba(255,255,255,0.3); line-height:2; margin-top:30px}
.gcon_3 .ibd .swiper-container-2 .swiper-slide .title .a4{ font-size:12px; color:rgba(255,255,255,0.3); margin-top:40px}
.gcon_3 .ibd .swiper-container-3{ width:1054px; height:247px; background:#fff; background:#fff; position:absolute; right:0; bottom:0; z-index:2; overflow:hidden}
.gcon_3 .ibd .swiper-container-3 .pic{ float:left; height:100%;}
.gcon_3 .ibd .swiper-container-3 .pic img{ height:100%; width:auto}
.gcon_3 .ibd .swiper-container-3 .title{ width:765px; float:right; margin-right:15px}
.gcon_3 .ibd .swiper-container-3 .title .a1{ font-size:20px; color:#333; margin-top:24px; font-weight:bold}
.gcon_3 .ibd .swiper-container-3 .title .a2{ font-size:14px; color:#999}
.gcon_3 .ibd .swiper-container-3 .title .a3{ font-size:16px; color:#666666; line-height:2; margin-top:30px}
.gcon_3 .ibd .btn{ position:absolute; right:0; bottom:290px; z-index:3; font-size:0}
.gcon_3 .ibd .btn .swiper-button-prevs{ width:40px; height:40px; background:url(../images/g_07.png) center center no-repeat; display:inline-block; vertical-align:top; cursor:pointer}
.gcon_3 .ibd .btn .line{ display:inline-block; vertical-align:top; background:url(../images/g_09.png) center center no-repeat; width:1px; height:40px; margin:0 5px}
.gcon_3 .ibd .btn .swiper-button-nexts{ width:40px; height:40px; background:url(../images/g_08.png) center center no-repeat; display:inline-block; vertical-align:top; cursor:pointer}
.gcon_3 .ibd .btn .swiper-button-prevs:hover{ background:url(../images/g_07.png) center center no-repeat #fff}
.gcon_3 .ibd .btn .swiper-button-nexts:hover{ background:url(../images/g_08.png) center center no-repeat #fff}
@media (max-width: 1600px){
	.gcon_3 .ibd{ width:1200px;}
	.gcon_3 .ibd .swiper-container-2 .swiper-slide .pic{ width:480px}
	.gcon_3 .ibd .swiper-container-2 .swiper-slide .title{ width:650px}
	.gcon_3 .ibd .swiper-container-2 .swiper-slide .title .a1{ margin-top:0}
	.gcon_3 .ibd .swiper-container-3{ width:720px; height:190px}
	.gcon_3 .ibd .swiper-container-3 .title{ width:500px}
	.gcon_3 .ibd .swiper-container-3 .title .a1{ font-size:18px; margin-top:20px}
	.gcon_3 .ibd .swiper-container-3 .title .a3{ margin-top:10px; font-size:14px}
}
@media (max-width: 1200px){
	.gcon_3{ margin-top:50px; padding:40px 0 30px}
	.gcon_3 .ihd{}
	.gcon_3 .ihd h3{ font-size:24px; line-height:40px}
	.gcon_3 .ihd p{ font-size:24px; line-height:1}
	.gcon_3 .ibd{ width:92%; margin-top:30px; padding-bottom:50px}
	.gcon_3 .ibd .swiper-container-3{ left:-1000000000000000000000000000000000000px}
	.gcon_3 .ibd .swiper-container-2 .swiper-slide .pic{ width:145px}
	.gcon_3 .ibd .swiper-container-2 .swiper-slide .title{ width:calc(100% - 155px)}
	.gcon_3 .ibd .swiper-container-2 .swiper-slide .title .a1{ font-size:16px}
	.gcon_3 .ibd .swiper-container-2 .swiper-slide .title .a2{ font-size:12px}
	.gcon_3 .ibd .swiper-container-2 .swiper-slide .title .a3{ font-size:13px; margin-top:10px;overflow:hidden; 
text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2; line-height:20px; height:40px }
	.gcon_3 .ibd .btn{ right:auto; left:50%; display:inline-block; vertical-align:top; width:auto; transform:translateX(-50%); bottom:0}
}

.gcon_4 .ihd { position: relative; text-align: center; margin-top:70px }
.gcon_4 .ihd h3 { position: relative; color: #000; font-size: 36px; font-weight: bold; line-height: 76px; z-index: 1; }
.gcon_4 .ihd p { position: absolute; left: 0; top: 0; width: 100%; color: rgba(00,00,00,0.05); font-size: 44px; font-weight: bold; line-height: 54px; text-transform: uppercase;}
.gcon_4 .ibd{ width:1600px; margin:0 auto; margin-top:30px; overflow:hidden}
.gcon_4 .ibd .lt{ width:600px; float:left}
.gcon_4 .ibd .lt .top{ width:100%; border-bottom:3px solid #e9e9e9}
.gcon_4 .ibd .lt .top h3{ float:left; position:relative; font-size:20px; line-height:1; padding:15px 0; font-weight:bold}
.gcon_4 .ibd .lt .top h3:after{ content:""; display:block; width:100%; height:3px; background:#000000; position:absolute; left:0; bottom:-3px}
.gcon_4 .ibd .lt .top a{ display:block; float:right; line-height:50px; color:rgba(68,68,68,0.5); font-size:12px}
.gcon_4 .ibd .lt .con{ width:100%;}
.gcon_4 .ibd .lt .con .item{ width:100%; height:150px; box-sizing:border-box; border-bottom:1px solid #dcdcdc; padding:40px 20px 0 0; transition:all 0.5s linear }
.gcon_4 .ibd .lt .con .item .title{ width:100%}
.gcon_4 .ibd .lt .con .item .title a{ display:block; width:420px; box-sizing:border-box;text-overflow: ellipsis;overflow: hidden;white-space: nowrap; font-size:18px; color:#000000; float:left; line-height:24px; transition:all 0.5s linear}
.gcon_4 .ibd .lt .con .item .title span{ font-size:14px; color:#999999; float:right; display:block; line-height:24px; transition:all 0.5s linear}
.gcon_4 .ibd .lt .con .item .intro{ font-size:12px; color:#999999; line-height:28px; margin-top:12px; transition:all 0.5s linear}
.gcon_4 .ibd .lt .con .item:hover{ padding:40px 20px 0; background:#7f1084}
.gcon_4 .ibd .lt .con .item:hover .title a{ color:#fff}
.gcon_4 .ibd .lt .con .item:hover .title span{ color:#fff}
.gcon_4 .ibd .lt .con .item:hover .intro{ color:#fff}
.gcon_4 .ibd .rt{ width:968px; float:right}
.gcon_4 .ibd .rt .top{ width:100%; border-bottom:3px solid #e9e9e9}
.gcon_4 .ibd .rt .top h3{ float:left; position:relative; font-size:20px; line-height:1; padding:15px 0; font-weight:bold}
.gcon_4 .ibd .rt .top h3:after{ content:""; display:block; width:100%; height:3px; background:#000000; position:absolute; left:0; bottom:-3px}
.gcon_4 .ibd .rt .top a{ display:block; float:right; line-height:50px; color:rgba(68,68,68,0.5); font-size:12px}
.gcon_4 .ibd .rt .con{ width:100%; margin-top:43px}
.gcon_4 .ibd .rt .con .bd{ width:725px; float:left}
.gcon_4 .ibd .rt .con .bd .pic{ width:100%; position:relative}
.gcon_4 .ibd .rt .con .bd .pic img{ width:100%}
.gcon_4 .ibd .rt .con .hd{ width:233px; float:right}
.gcon_4 .ibd .rt .con .hd ul li{ width:100%; margin-bottom:10px; position:relative}
.gcon_4 .ibd .rt .con .hd ul li:last-child{ margin:0}
.gcon_4 .ibd .rt .con .hd ul li img{ width:100%;}
.gcon_4 .ibd .rt .con .bd .pic .i1{ display:block; width:2px; height:0; background:rgba(255,255,255,0.7); position:absolute; left:6px; top:8px; transition:all 0.3s linear}
.gcon_4 .ibd .rt .con .bd .pic .i2{ display:block; width:2px; height:0%; background:rgba(255,255,255,0.7); position:absolute; right:6px; bottom:6px; transition:all 0.3s linear}
.gcon_4 .ibd .rt .con .bd .pic .i3{ display:block; height:2px; width:0; background:rgba(255,255,255,0.7); position:absolute; left:6px; top:6px; transition:all 0.3s linear}
.gcon_4 .ibd .rt .con .bd .pic .i4{ display:block; height:2px; width:0%; background:rgba(255,255,255,0.7); position:absolute; right:8px; bottom:6px; transition:all 0.3s linear}
.gcon_4 .ibd .rt .con .bd .pic:hover .i1{height:calc(100% - 14px)}
.gcon_4 .ibd .rt .con .bd .pic:hover .i2{height:calc(100% - 12px)}
.gcon_4 .ibd .rt .con .bd .pic:hover .i3{ width:calc(100% - 12px); }
.gcon_4 .ibd .rt .con .bd .pic:hover .i4{ width:calc(100% - 14px); }
.gcon_4 .ibd .rt .con .hd ul li .i1{ display:block; width:1px; height:0; background:rgba(255,255,255,0.7); position:absolute; left:2px; top:4px; transition:all 0.3s linear}
.gcon_4 .ibd .rt .con .hd ul li .i2{ display:block; width:1px; height:0%; background:rgba(255,255,255,0.7); position:absolute; right:2px; bottom:2px; transition:all 0.3s linear}
.gcon_4 .ibd .rt .con .hd ul li .i3{ display:block; height:1px; width:0; background:rgba(255,255,255,0.7); position:absolute; left:2px; top:2px; transition:all 0.3s linear}
.gcon_4 .ibd .rt .con .hd ul li .i4{ display:block; height:1px; width:0%; background:rgba(255,255,255,0.7); position:absolute; right:4px; bottom:2px; transition:all 0.3s linear}
.gcon_4 .ibd .rt .con .hd ul li.on .i1{height:calc(100% - 6px)}
.gcon_4 .ibd .rt .con .hd ul li.on .i2{height:calc(100% - 4px)}
.gcon_4 .ibd .rt .con .hd ul li.on .i3{ width:calc(100% - 4px); }
.gcon_4 .ibd .rt .con .hd ul li.on .i4{ width:calc(100% - 6px); }
@media (max-width: 1600px){
	.gcon_4 .ibd{ width:1200px}
	.gcon_4 .ibd .lt{ width:450px}
	.gcon_4 .ibd .rt{ width:726px}
	.gcon_4 .ibd .rt .con .bd{ width:540px}
	.gcon_4 .ibd .rt .con .hd{ width:172px}
	.gcon_4 .ibd .rt .con .hd ul li{ margin-bottom:9px}
	.gcon_4 .ibd .lt .con .item{ height:114px; padding:20px 10px 0 0 }
	.gcon_4 .ibd .lt .con .item .title a{ width:320px; font-size:16px}
	.gcon_4 .ibd .lt .con .item .intro{ line-height:22px; height:44px}
	.gcon_4 .ibd .lt .con .item:hover{ padding:20px 10px 0 20px}
}
@media (max-width: 1200px){
	.gcon_4 .ihd{ margin-top:40px}
	.gcon_4 .ihd h3{ font-size:24px; line-height:40px}
	.gcon_4 .ihd p{ font-size:20px; line-height:1}
	.gcon_4 .ibd{ width:92%; margin-top:30px}
	.gcon_4 .ibd .lt{ width:100%}
	.gcon_4 .ibd .lt .top{ border-bottom:2px solid #e9e9e9}
	.gcon_4 .ibd .lt .top h3{ font-size:16px; padding:10px 0}
	.gcon_4 .ibd .lt .top h3::after{ height:2px; bottom:-2px}
	.gcon_4 .ibd .lt .top a{ font-size:12px; line-height:36px}
	.gcon_4 .ibd .lt .con{ margin-top:0}
	.gcon_4 .ibd .lt .con .item{ height:auto; padding:15px 0}
	.gcon_4 .ibd .lt .con .item a{ width:100%}
	.gcon_4 .ibd .lt .con .item span{ width:100%}
	.gcon_4 .ibd .lt .con .item:hover{ padding:15px 0}
	.gcon_4 .ibd .rt{ width:100%; margin-top:30px}
	.gcon_4 .ibd .rt .top{ border-bottom:2px solid #e9e9e9}
	.gcon_4 .ibd .rt .top h3{ font-size:16px; padding:10px 0}
	.gcon_4 .ibd .rt .top h3::after{ height:2px; bottom:-2px}
	.gcon_4 .ibd .rt .top a{ font-size:12px; line-height:36px}
	.gcon_4 .ibd .rt .con{ margin-top:20px}
	.gcon_4 .ibd .rt .con .hd{ width:100%}
	.gcon_4 .ibd .rt .con .hd ul li{ width:32%; margin-right:2%; float:left; margin-bottom:0}
	.gcon_4 .ibd .rt .con .hd ul li:nth-child(3){ margin-right:0}
	.gcon_4 .ibd .rt .con .hd ul li img{ width:100%; height:auto}
	.gcon_4 .ibd .rt .con .bd{ width:100%; margin-top:10px}
}

.gcon_5 .ihd { position: relative; text-align: center; margin-top:70px }
.gcon_5 .ihd h3 { position: relative; color: #000; font-size: 36px; font-weight: bold; line-height: 76px; z-index: 1; }
.gcon_5 .ihd p { position: absolute; left: 0; top: 0; width: 100%; color: rgba(00,00,00,0.05); font-size: 44px; font-weight: bold; line-height: 54px; text-transform: uppercase;}
.gcon_5 .ibd{ width:1620px; margin:0 auto; margin-top:40px;}
.gcon_5 .ibd .swiper05{ width:100%; overflow:hidden; padding:10px}
.gcon_5 .ibd .swiper05 .swiper-slide{ width:378px; margin-right:29px; padding-bottom:106px; box-shadow:0 0 10px rgba(00,00,00,0.1)}
.gcon_5 .ibd .swiper05 .swiper-slide .pic{ width:100%; overflow:hidden}
.gcon_5 .ibd .swiper05 .swiper-slide .pic img{ width:100%; height:auto}
.gcon_5 .ibd .swiper05 .swiper-slide .pic 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_5 .ibd .swiper05 .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_5 .ibd .swiper05 .swiper-slide .title{ width:100%; height:106px; position:absolute; left:0; bottom:0; z-index:2; overflow:hidden; box-sizing:border-box; padding:30px 30px 0; background:url(../images/g_13.png) 330px 62px no-repeat; transition:all 0.5s linear}
.gcon_5 .ibd .swiper05 .swiper-slide .title .a1{ font-size:18px; color:#000; line-height:1}
.gcon_5 .ibd .swiper05 .swiper-slide .title .a2{ font-size:14px; color:#999; padding:10px 0}
.gcon_5 .ibd .swiper05 .swiper-slide .title .a3{ font-size:14px; line-height:28px; margin-top:20px}
.gcon_5 .ibd .swiper05 .swiper-slide:hover .title{ height:auto; padding-bottom:30px; background:#7f1084}
.gcon_5 .ibd .swiper05 .swiper-slide:hover .title .a1,.gcon_5 .ibd .swiper05 .swiper-slide:hover .title .a2,.gcon_5 .ibd .swiper05 .swiper-slide:hover .title .a3{ color:#fff}
.gcon_5 .more,.gcon_2 .more{ text-align:center; padding:50px 0 80px;  text-align:center}
.gcon_5 .more a,.gcon_2 .more a{ display:inline-block; vertical-align:top; background:#7f1084; color:#fff; padding:10px 40px; border-radius:20px; line-height:20px; font-size:16px}
@media (max-width: 1600px){
	.gcon_5 .ibd{ width:1220px}
	.gcon_5 .ibd .swiper05 .swiper-slide{ margin-right:30px}
}
@media (max-width: 1200px){
	.gcon_5 .ihd{ margin-top:40px}
	.gcon_5 .ihd h3{ font-size:24px; line-height:40px}
	.gcon_5 .ihd p{ font-size:20px; line-height:1}
	.gcon_5 .ibd{ width:calc(92% + 10px); margin-top:20px}
	.gcon_5 .ibd .swiper05{ padding:5px}
	.gcon_5 .ibd .swiper05 .swiper-slide{box-shadow:0 0 5px rgba(00,00,00,0.1); padding-bottom:0}
	.gcon_5 .ibd .swiper05 .swiper-slide{ width:200px; margin-right:15px}
	.gcon_5 .ibd .swiper05 .swiper-slide .title{ height:auto; position:relative; padding:15px}
	.gcon_5 .ibd .swiper05 .swiper-slide .title .a3{ font-size:12px; line-height:22px; height:66px; overflow:hidden; margin-top:0}
	.gcon_5 .more,.gcon_2 .more{ padding:30px 0 40px}
	.gcon_5 .more a,.gcon_2 .more{ font-size:12px; padding:8px 25px; border-radius:20px}
}



.gcon_3x{ padding:70px 0 60px; background:#f9f9f9; margin-top:100px}
.gcon_3x .ihd { position: relative; text-align: center;  }
.gcon_3x .ihd h3 { position: relative; color: #000; font-size: 36px; font-weight: bold; line-height: 76px; z-index: 1; }
.gcon_3x .ihd p { position: absolute; left: 0; top: 0; width: 100%; color: rgba(00,00,00,0.05); font-size: 44px; font-weight: bold; line-height: 54px; text-transform: uppercase;}
.gcon_3x .ibd{ width:1600px; margin:0 auto; margin-top:40px; position:relative}
.gcon_3x .ibd .swiper03x{ width:100%; overflow:hidden;}
.gcon_3x .ibd .swiper03x .swiper-slide{ width:505px; margin-right:42px;}
.gcon_3x .ibd .swiper03x .swiper-slide .pic{ width:100%; overflow:hidden}
.gcon_3x .ibd .swiper03x .swiper-slide .pic img{ width:100%; height:auto}
.gcon_3x .ibd .swiper03x .swiper-slide .pic 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_3x .ibd .swiper03x .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_3x .ibd .swiper03x .swiper-slide .title{ width:100%; height:75px; background:#ffffff; box-sizing:border-box; line-height:75px; padding:0 30px; font-size:18px; color:#333333;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.gcon_3x .ibd .btn{ text-align:center; margin-top:50px; font-size:0; text-align:center}
.gcon_3x .ibd .btn .prev03x{ background:url(../images/g_15.png) center center no-repeat; width:8px; height:16px; cursor:pointer; display:inline-block; vertical-align:top; cursor:pointer; margin:0 20px}
.gcon_3x .ibd .btn .prev03x:hover{background:url(../images/g_16.png) center center no-repeat; transform:rotate(180deg)}
.gcon_3x .ibd .btn .next03x{ background:url(../images/g_15.png) center center no-repeat; width:8px; height:16px; cursor:pointer; display:inline-block; vertical-align:top; cursor:pointer; margin:0 20px; transform:rotate(180deg)}
.gcon_3x .ibd .btn .next03x:hover{background:url(../images/g_16.png) center center no-repeat; transform:rotate(0)}

@media (max-width: 1600px){
	.gcon_3x .ibd{ width:1200px}
	.gcon_3x .ibd .swiper03x .swiper-slide{ width:380px; margin-right:30px}
}
@media (max-width: 1200px){
	.gcon_3x{ margin-top:40px; padding:40px 0}
	.gcon_3x .ihd h3{ font-size:24px; line-height:40px}
	.gcon_3x .ihd p{ font-size:20px; line-height:1}
	.gcon_3x .ibd{ width:92%; margin-top:20px}
	.gcon_3x .ibd .swiper03x .swiper-slide{ width:49%; margin-right:2%}
	.gcon_3x .ibd .swiper03x .swiper-slide .title{ line-height:40px; padding:0 10px; font-size:14px; height:40px}
	.gcon_3x .ibd .btn{ margin-top:20px;}
	.gcon_3x .ibd .btn .prev03x,.gcon_3x .ibd .btn .next03x{ margin:0 12px}
	
}