@charset "utf-8";
.banner{ width:100%; position:relative; overflow:hidden}
.banner img{ width:100% }
.banner .swiper01{ width:100%; font-size:0}
.banner .swiper01 .swiper-slide{ width:100%}
.banner .swiper01 .pagination01{ display:inline-block; vertical-align:top; position:absolute; left:50%; margin-left:-700px; z-index:9; bottom:50px; padding:6px 10px; border:1px solid #fff; width:auto; border-radius:15px; background:rgba(255,255,255,0.8)}
.banner .swiper01 .pagination01 span{ display:inline-block; vertical-align:top; width:16px; height:16px; background:url(g_06.png) center center no-repeat; opacity:1}
.banner .swiper01 .pagination01 span.swiper-pagination-bullet-active{ background:url(g_07.png) center center no-repeat}
.banner .ico{ width:18px; height:30px; background:url(g_05.png) center center no-repeat; position:absolute; right:50%; margin-right:-700px; bottom:50px; cursor:pointer; z-index:9}
.banner .prev01{ background:url(g_03.png) center center no-repeat; width:26px; height:51px; position:absolute; left:5%; top:50%; margin-top:-25px; z-index:9; cursor:pointer}
.banner .next01{ background:url(g_04.png) center center no-repeat; width:26px; height:51px; position:absolute; right:5%; top:50%; margin-top:-25px; z-index:9; cursor:pointer}
@media (max-width:1600px) {
	.banner .swiper01 .pagination01{ margin-left:-600px}
	.banner .ico{ margin-right:-600px}
}
@media (max-width:1200px) {
	.banner .ico{ display:none}
	.banner .swiper01 .pagination01{ left:0; margin-left:0; bottom:15px; width:100%; text-align:center; padding:0; border:0; background:none}
	.banner .prev01{ width:18px; height:30px; background-size:18px 40px; left:4%; margin-top:-15px}
	.banner .next01{ width:18px; height:30px; background-size:18px 40px; right:4%; margin-top:-15px}
}


.gcon_1{ width:100%; background:#f6f6f6; padding:100px 0}
.gcon_1 .nr{ width:1400px; margin:0 auto}
.gcon_1 .nr .lt{ width:520px; float:left}
.gcon_1 .nr .rt{ width:780px; float:right}
.gcon_1 .nr .lt .item01{ width:100%}
.gcon_1 .nr .lt .item01 h3{ font-size:36px; color:#333333; line-height:1}
.gcon_1 .nr .lt .item01 p{ font-size:36px; color:#333333; line-height:1; font-weight:bold; margin-top:15px}
.gcon_1 .nr .lt .item02{ font-size:16px; color:#333333; line-height:32px; text-align:justify; margin-top:45px; height:305px}
.gcon_1 .nr .lt .item03 a{ display:inline-block; vertical-align:top; background:url(g_09.png) right center no-repeat; padding-right:20px; font-size:16px; color:#0078c8; position:relative}
.gcon_1 .nr .lt .item03 a:after{ content:""; display:block; width:20px; height:3px; background:#0078c8; position:absolute; left:0; top:-10px}
.gcon_1 .nr .rt .item01{ width:100%;}
.gcon_1 .nr .rt .item01 img{ width:100%}
.gcon_1 .nr .rt .item02{ width:100%; height:160px; background:#fff}
.gcon_1 .nr .rt .item02 ul{ width:100%; height:100%}
.gcon_1 .nr .rt .item02 ul li{ width:33.33333333%; float:left; box-sizing:border-box; height:100%; border-right:3px solid #f6f6f6}
.gcon_1 .nr .rt .item02 ul li:last-child{ border:0}
.gcon_1 .nr .rt .item02 ul li a{ display:block; width:100%; height:100%; padding:20px 40px; box-sizing:border-box}
.gcon_1 .nr .rt .item02 ul li a .m1{ width:100%; height:70px}
.gcon_1 .nr .rt .item02 ul li a .m1.A{ background:url(g_11.png) right center no-repeat}
.gcon_1 .nr .rt .item02 ul li a .m1.B{ background:url(g_12.png) right center no-repeat}
.gcon_1 .nr .rt .item02 ul li a .m1.C{ background:url(g_13.png) right center no-repeat}
.gcon_1 .nr .rt .item02 ul li a .m1 .p1{ font-size:22px; color:#333333; line-height:1; padding-top:10px}
.gcon_1 .nr .rt .item02 ul li a .m1 .p2{ font-size:20px; color:#999999; text-transform:uppercase; line-height:1; padding-top:8px}
.gcon_1 .nr .rt .item02 ul li a .m2{ margin-top:30px}
.gcon_1 .nr .rt .item02 ul li a .m2 i{ display:inline-block; vertical-align:top; background:url(g_10.png) right center no-repeat; padding-right:20px; font-size:16px; color:#999999}
.gcon_1 .nr .rt .item02 ul li:hover a .m2 i{ color:#0078c8;background:url(g_09.png) right center no-repeat;}
.gcon_1 .nr .rt .item02 ul li:hover a .m1 .p1{ color:#0078c8}
@media (max-width:1600px) {
	.gcon_1 .nr{ width:1200px; margin:0 auto}
	.gcon_1 .nr .lt{ width:450px}
	.gcon_1 .nr .rt{ width:700px}
}
@media (max-width:1200px) {
	.gcon_1{ padding:30px 0}
	.gcon_1 .nr{ width:92%}
	.gcon_1 .nr .lt{ width:100%}
	.gcon_1 .nr .lt .item02{ height:auto; padding-bottom:20px; margin-top:15px; font-size:14px; line-height:2}
	.gcon_1 .nr .lt .item01 h3{ font-size:20px}
	.gcon_1 .nr .lt .item01 p{ font-size:20px; margin-top:10px}
	.gcon_1 .nr .lt .item03 a{ font-size:14px}
	.gcon_1 .nr .rt{ width:100%; margin-top:20px}
	.gcon_1 .nr .rt .item02{ height:auto}
	.gcon_1 .nr .rt .item02 ul li{ border:0; width:100%; border-bottom:1px solid #f6f6f6}
	.gcon_1 .nr .rt .item02 ul li a{ padding:20px; height:auto}
	.gcon_1 .nr .rt .item02 ul li a .m1 .p1{ font-size:18px; padding-top:15px}
	.gcon_1 .nr .rt .item02 ul li a .m1 .p2{ font-size:16px}
	.gcon_1 .nr .rt .item02 ul li a .m2{ margin-top:0}
	.gcon_1 .nr .rt .item02 ul li a .m2 i{ font-size:14px}
}

.gcon_2{ width:100%; padding:70px 0}
.gcon_2 .nr{ width:1400px; margin:0 auto}
.gcon_2 .nr ul li{ float:left; text-align:center; margin-right:176px}
.gcon_2 .nr ul li:last-child{ margin-right:0}
.gcon_2 .nr ul li .p1{ font-size:64px; font-family:Tahoma, Geneva, sans-serif; color:#0078c8; line-height:1}
.gcon_2 .nr ul li .p1 i{ font-size:36px; display:inline-block; vertical-align:top}
.gcon_2 .nr ul li .p2{ font-size:20px; color:#666666; margin-top:10px}
@media (max-width:1600px) {
	.gcon_2 .nr{ width:1200px; margin:0 auto}
	.gcon_2 .nr ul li{ float:left; text-align:center; margin-right:110px}
}
@media (max-width:1200px) {
	.gcon_2 { padding:40px 0}
	.gcon_2 .nr{ width:92%}
	.gcon_2 .nr ul li{ width:25%; margin-right:0}
	.gcon_2 .nr ul li .p1{ font-size:40px;}
	.gcon_2 .nr ul li .p1 i{ font-size:20px}
	.gcon_2 .nr ul li .p2{ font-size:14px}
}
@media (max-width:750px) {
	.gcon_2 { padding:25px 0}
	.gcon_2 .nr ul li{ width:50%}
	.gcon_2 .nr ul li:nth-child(1),.gcon_2 .nr ul li:nth-child(2){ margin-bottom:20px}
	.gcon_2 .nr ul li .p1{ font-size:32px}
	.gcon_2 .nr ul li .p1 i{ font-size:16px}
	.gcon_2 .nr ul li .p2{ font-size:12px; margin-top:5px}
}

.gcon_3{ width:100%; background:#0078c8; padding:110px 0; color:#fff}
.gcon_3 .nr{ width:1600px; margin:0 auto}
.gcon_3 .nr .lt{ width:480px; float:left}
.gcon_3 .nr .lt .item01{ width:100%}
.gcon_3 .nr .lt .item01 .p1{ font-size:24px}
.gcon_3 .nr .lt .item01 .p2{ font-size:48px; font-weight:bold}
.gcon_3 .nr .lt .item02{ font-size:180px; font-family:Arial, Helvetica, sans-serif; font-weight:normal; line-height:1; margin-top:40px}
.gcon_3 .nr .lt .item02 i{ font-size:100px; display:inline-block; vertical-align:top}
.gcon_3 .nr .lt .item03{ font-size:36px; margin-top:10px}
.gcon_3 .nr .lt .item04{ font-size:16px; text-align:justify; line-height:2; margin-top:35px; height:250px}
.gcon_3 .nr .lt .item05 a{ display:inline-block; vertical-align:top; background:url(g_16.png) right center no-repeat; padding-right:20px; font-size:16px; color:#fff; position:relative}
.gcon_3 .nr .lt .item05 a:after{ content:""; display:block; width:20px; height:3px; background:#fff; position:absolute; left:0; top:-10px}
.gcon_3 .nr .rt{ width:990px; float:right; position:relative}
.gcon_3 .nr .rt .item01{ width:100%}
.gcon_3 .nr .rt .item01 .p1{ font-size:24px}
.gcon_3 .nr .rt .item01 .p2{ font-size:48px; font-weight:bold}
.gcon_3 .nr .rt .item02{ width:100%}
.gcon_3 .nr .rt .item02 .swiper02{ width:100%; overflow:hidden; margin-top:34px; padding-top:30px}
.gcon_3 .nr .rt .item02 .prev02{ background:url(g_14.png) center center no-repeat; width:60px; height:60px; position:absolute; right:80px; top:30px; cursor:pointer; transform:rotateY(180deg)}
.gcon_3 .nr .rt .item02 .next02{ background:url(g_14.png) center center no-repeat; width:60px; height:60px; position:absolute; right:0; top:30px; cursor:pointer}
.gcon_3 .nr .rt .item02 .prev02:hover{background:url(g_15.png) center center no-repeat; transform:rotateY(0)}
.gcon_3 .nr .rt .item02 .next02:hover{background:url(g_15.png) center center no-repeat; transform:rotateY(180deg)}
.gcon_3 .nr .rt .item02 .swiper02 .swiper-slide{ width:300px; margin-right:45px; transition:all 0.3s linear}
.gcon_3 .nr .rt .item02 .swiper02 .swiper-slide:last-child{ margin-right:0}
.gcon_3 .nr .rt .item02 .swiper02 .swiper-slide .pic{ width:100%; overflow:hidden}
.gcon_3 .nr .rt .item02 .swiper02 .swiper-slide .pic img{ width:100%}
.gcon_3 .nr .rt .item02 .swiper02 .swiper-slide .title{ width:100%; height:160px; background:url(g_22.png) center center no-repeat #fff; box-sizing:border-box; padding:20px 25px}
.gcon_3 .nr .rt .item02 .swiper02 .swiper-slide .title h3{ font-size:30px; color:#333333;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.gcon_3 .nr .rt .item02 .swiper02 .swiper-slide .title h3 a{ color:#333}
.gcon_3 .nr .rt .item02 .swiper02 .swiper-slide:hover .title h3 a{ color:#0078c8}
.gcon_3 .nr .rt .item02 .swiper02 .swiper-slide .title .intro{ font-size:15px; color:#888888}
.gcon_3 .nr .rt .item02 .swiper02 .swiper-slide .title .more{ margin-top:30px}
.gcon_3 .nr .rt .item02 .swiper02 .swiper-slide .title .more a{ display:inline-block; vertical-align:top; background:url(g_24.png) right center no-repeat; padding-right:20px; font-size:16px; color:#14b4be; position:relative}
.gcon_3 .nr .rt .item02 .swiper02 .swiper-slide .title .more a:after{ content:""; display:block; width:20px; height:3px; background:#14b4be; position:absolute; left:0; top:-10px}
.gcon_3 .nr .rt .item02 .swiper02 .swiper-slide:hover{ margin-top:-30px}
@media (max-width:1600px) {
	.gcon_3 .nr{ width:1200px}
	.gcon_3 .nr .rt{ width:640px;}
	.gcon_3 .nr .rt .item02 .swiper02 .swiper-slide{ margin-right:40px}
}
@media (max-width:1200px) {
	.gcon_3{ padding:30px 0}
	.gcon_3 .nr{ width:92%}
	.gcon_3 .nr .lt{ width:100%}
	.gcon_3 .nr .lt .item01 .p1{ font-size:16px}
	.gcon_3 .nr .lt .item01 .p2{ font-size:24px}
	.gcon_3 .nr .lt .item02{ font-size:80px; margin-top:10px}
	.gcon_3 .nr .lt .item02 i{ font-size:40px}
	.gcon_3 .nr .lt .item03{ font-size:24px; margin-top:10px}
	.gcon_3 .nr .lt .item04{ height:auto; font-size:14px; text-align:justify; margin-top:15px; margin-bottom:25px}
	.gcon_3 .nr .lt .item05 a{ font-size:14px}
	.gcon_3 .nr .rt{ width:100%; margin-top:30px}
	.gcon_3 .nr .rt .item01 .p1{ font-size:16px}
	.gcon_3 .nr .rt .item01 .p2{ font-size:24px}
	.gcon_3 .nr .rt .item02 .prev02{ background:url(g_15.png) center center no-repeat; width:40px; height:40px; position:absolute; right:60px; top:10px; cursor:pointer; background-size:100%}
	.gcon_3 .nr .rt .item02 .next02{ background:url(g_14.png) center center no-repeat; width:40px; height:40px; position:absolute; right:0; top:10px; cursor:pointer; background-size:100%}
	.gcon_3 .nr .rt .item02 .swiper02{ margin-top:20px}
	.gcon_3 .nr .rt .item02 .swiper02 .swiper-slide{ width:200px; margin-right:15px}
	.gcon_3 .nr .rt .item02 .swiper02 .swiper-slide .title{ height:auto; background-size:140px; padding:10px 15px}
	.gcon_3 .nr .rt .item02 .swiper02 .swiper-slide .title h3{ font-size:20px}
	.gcon_3 .nr .rt .item02 .swiper02 .swiper-slide .title .intro{ font-size:12px}
	.gcon_3 .nr .rt .item02 .swiper02 .swiper-slide .title .more{ margin-top:20px}
	.gcon_3 .nr .rt .item02 .swiper02 .swiper-slide .title .more a{ font-size:14px}

}

.gcon_4{ width:100%; background:url(g_17.jpg) center center no-repeat; background-size:cover; padding:90px 0 70px}
.gcon_4 .nr{ width:1400px; margin:0 auto}
.gcon_4 .nr .lt{ width:560px; float:left}
.gcon_4 .nr .lt h3{ font-size:64px; color:#333333; font-weight:normal}
.gcon_4 .nr .lt h3 i{ font-size:36px; padding-left:15px}
.gcon_4 .nr .lt .item01{ width:100%; margin-top:40px; margin-bottom:80px}
.gcon_4 .nr .lt .item01 .item{ width:100%; box-sizing:border-box; background:#fff; padding:0 20px; margin-bottom:10px}
.gcon_4 .nr .lt .item01 .item a{ display:block; font-size:16px; display:block; width:400px; line-height:56px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap; color:#333; float:left}
.gcon_4 .nr .lt .item01 .item:hover a{ color:#0078c8}
.gcon_4 .nr .lt .item01 .item span{ display:block; float:right; line-height:56px; color:#333; font-size:16px}
.gcon_4 .nr .lt .item02 a{ display:inline-block; vertical-align:top; background:url(g_09.png) right center no-repeat; padding-right:20px; font-size:16px; color:#0078c8; position:relative}
.gcon_4 .nr .lt .item02 a:after{ content:""; display:block; width:20px; height:3px; background:#0078c8; position:absolute; left:0; top:-10px}
.gcon_4 .nr .rt{ width:600px; float:right; position:relative}

.slideGroup{ width:100%; position:relative}
.slideGroup .parHd{ width:180px; position:absolute; top:170px; left:-140px; z-index:9}
.slideGroup .parHd li{ width:100%; height:70px; background:#666666; color:#fff; text-align:center; line-height:70px; margin-bottom:10px; font-size:30px; cursor:pointer}
.slideGroup .parHd li.on{ background:#0078c8}
.slideGroup .parBd .slideBox{ width:100% }
.slideGroup .parBd li{ width:100%}
.slideGroup .parBd li img{ width:100%}
.slideGroup .parBd .btn{ width:100%; text-align:center; font-size:0; margin-top:25px}
.slideGroup .parBd .btn .pageStatex{ display:inline-block; vertical-align:top; font-size:24px; color:#666666; height:40px; line-height:41px}
.slideGroup .parBd .btn .pageStatex span{display:inline-block; vertical-align:top;font-size:30px; color:#0078c8}
.slideGroup .parBd .btn .sPrev{ display:inline-block; vertical-align:top; width:40px; height:40px; background:url(g_19.png) center center no-repeat; margin-right:30px}
.slideGroup .parBd .btn .sNext{ display:inline-block; vertical-align:top; width:40px; height:40px; background:url(g_20.png) center center no-repeat; margin-left:30px}
@media (max-width:1600px) {
	.gcon_4 .nr{ width:1200px;}
	.gcon_4 .nr .lt{ width:500px}
	.gcon_4 .nr .lt h3{ font-size:50px}
	.gcon_4 .nr .lt h3 i{ font-size:24px}
	.gcon_4 .nr .lt .item01{ margin:40px 0 60px}
	.gcon_4 .nr .lt .item01 .item a{ width:360px}
	.gcon_4 .nr .rt{ width:530px}
	.slideGroup .parHd{ top:100px; width:150px; left:-100px}
	.slideGroup .parHd li{ height:50px; line-height:50px; font-size:24px}
}
@media (max-width:1200px) {
	.gcon_4 .nr{ width:92%}
	.gcon_4 .nr .lt h3{ line-height:1}
	.slideGroup .parHd{ top:0; left:0; position:relative; text-align:center; font-size:0; width:100%; margin-bottom:20px}
	.slideGroup .parHd li{ display:inline-block; vertical-align:top; width:auto; padding:10px 20px; margin:0 15px; font-size:18px; height:auto; line-height:normal}
	.gcon_4 .nr .rt{ width:500px}
	.slideGroup .parBd .btn{ margin-top:10px}
}
@media (max-width:1100px) {
	.gcon_4 .nr .lt{ width:45%}
	.gcon_4 .nr .rt{ width:50%}
	.gcon_4 .nr .lt .item01 .item a{ width:calc(100% - 100px)}
}
@media (max-width:750px) {
	.gcon_4{ padding:30px 0}
	.gcon_4 .nr .lt{ width:100%}
	.gcon_4 .nr .lt h3{ font-size:24px}
	.gcon_4 .nr .lt h3 i{ font-size:14px;}
	.gcon_4 .nr .lt .item01{ margin:15px 0}
	.gcon_4 .nr .lt .item01 .item{ padding:0 10px}
	.gcon_4 .nr .lt .item01 .item a{ font-size:14px; line-height:40px;width:calc(100% - 100px)}
	.gcon_4 .nr .lt .item01 .item span{ font-size:14px; line-height:40px}
	.gcon_4 .nr .lt .item02 a{ font-size:14px; margin-top:15px}
	.gcon_4 .nr .rt{ width:100%; margin-top:20px}
	.slideGroup .parHd{ text-align:left; margin-bottom:15px}
	.slideGroup .parHd li{ font-size:15px; margin:0 20px 0 0; text-align:center; }
	.slideGroup .parBd .btn .pageStatex{ font-size:18px; height:30px; line-height:30px}
	.slideGroup .parBd .btn .pageStatex span{ font-size:24px; height:30px; line-height:30px}
	.slideGroup .parBd .btn .sPrev{ width:30px; height:30px}
	.slideGroup .parBd .btn .sNext{ width:30px; height:30px}
}