@charset "utf-8";
.banner{ width:100%; margin:0 auto; overflow:hidden}
.banner .swiper01{ width:100%; position:relative; overflow:hidden}
.banner .swiper01 .swiper-slide{ width:100%}
.banner .swiper01 .swiper-slide img{ width:100%; height:auto}
.banner .swiper01 .swiper-slide img.img1{ display:block}
.banner .swiper01 .swiper-slide img.img2{ display:none}
.banner .swiper01 .pagination01{ width:100%; box-sizing:border-box; font-size:0; position:absolute; left:0; bottom:30%; z-index:9; text-align:left; padding:0 18%; display:none}
.banner .swiper01 .pagination01 span{ display:inline-block; vertical-align:top; width:28px; height:28px; border-radius:0; background:url(g_17.png) center center no-repeat; opacity:1; margin:0}
.banner .swiper01 .pagination01 span.swiper-pagination-bullet-active{background:url(g_18.png) center center no-repeat;}
.banner .swiper01 .prev01{ background:url(g_12.jpg) center center no-repeat; width:36px; height:41px; cursor:pointer; position:absolute; left:0; top:50%; transform:translateY(-50%); z-index:9}
.banner .swiper01 .next01{ background:url(g_13.jpg) center center no-repeat; width:36px; height:41px; cursor:pointer; position:absolute; right:0; top:50%; transform:translateY(-50%); z-index:9}
@media all and (max-width:1200px){
	.banner{ width:100%}
	.banner .swiper01 .swiper-slide img.img1{ display:none}
	.banner .swiper01 .swiper-slide img.img2{ display:block}
	.banner .swiper01 .pagination01{ bottom:10px; text-align:center}
	.banner .swiper01 .pagination01 span{ width:16px; height:16px;background:url(g_17.png) center center no-repeat; background-size:100%}
	.banner .swiper01 .pagination01 span.swiper-pagination-bullet-active{ background:url(g_18.png) center center no-repeat; background-size:100%}
}

.gcon_1{ width:100%}
.gcon_1 .nr{ width:1400px; margin:0 auto; padding:110px 0 80px}
.ihd{ text-align:center}
.ihd h3{ font-size:24px; color:#474747; line-height:1}
.ihd p{ font-size:24px; font-family:Arial, Helvetica, sans-serif; color:rgba(71,71,71,0.5); text-transform:uppercase; line-height:1; padding-top:18px}
.gcon_1 .nr .ibd{ margin-top:100px}
.gcon_1 .nr .ibd .item{ float:left; position:relative; overflow:hidden; margin-right:15px; width:268px}
.gcon_1 .nr .ibd .item:nth-child(5){ margin-right:0}
.gcon_1 .nr .ibd .item .pic{ width:100%}
.gcon_1 .nr .ibd .item .pic img{ width:100%; height:auto}
.gcon_1 .nr .ibd .item .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 .nr .ibd .item: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_1 .nr .ibd .item .title{ width:100%; text-align:center; position:absolute; left:0; bottom:0; height:100%; transition:all 0.5s linear}
.gcon_1 .nr .ibd .item .title .m{ position:absolute; left:0; bottom:0; width:100%; transition:all 0.5s linear; box-sizing:border-box; padding:0 10px}
.gcon_1 .nr .ibd .item .title h3{ font-size:16px; color:#282828; line-height:1; font-weight:normal; transition:all 0.5s linear}
.gcon_1 .nr .ibd .item .title .t{ font-size:14px; color:rgba(40,40,40,0.6); line-height:1; padding:15px 0 25px; text-transform:uppercase; transition:all 0.5s linear}
.gcon_1 .nr .ibd .item:hover .title{ background:rgba(00,00,00,.8)}
.gcon_1 .nr .ibd .item:hover .title .m{ bottom:auto; top:50%; transform:translateY(-50%);}
.gcon_1 .nr .ibd .item:hover .title h3{ color:#fff}
.gcon_1 .nr .ibd .item:hover .title .t{ color:rgba(255,255,255,0.6); padding:25px 0 0}
.gcon_1 .nr .more{ text-align:center; margin-top:40px}
.gcon_1 .nr .more a{ display:inline-block; width: 175px;height: 45px;text-align: center;line-height: 43px;box-sizing: border-box;border: 1px solid #015198;color: #015198;border-radius: 5px;font-size: 16px;text-transform: uppercase;}
.gcon_1 .nr .more a:hover{ background:#015198; color:#fff}
@media all and (max-width:1440px){
	.gcon_1 .nr{ width:1200px}
	.gcon_1 .nr .ibd .item{ width:228px}
	.gcon_1 .nr .ibd .item .title .t{ font-size:12px; padding:15px 0}
}
@media all and (max-width:1200px){
	.gcon_1 .nr{ width:92%; padding:50px 0}
	.ihd h3{ font-size:18px}
	.ihd p{ font-size:18px; padding-top:10px}
	.gcon_1 .nr .ibd{ margin-top:40px}
	.gcon_1 .nr .ibd .item{ width:48.5%; margin-right:3%; margin-bottom:3%}
	.gcon_1 .nr .ibd .item:nth-child(2n){ margin-right:0}
	.gcon_1 .nr .ibd .item .title h3{ font-size:14px}
	.gcon_1 .nr .ibd .item .title .t{ font-size:10px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap; line-height:1.6; padding:8px 0}
	.gcon_1 .nr .ibd .item:hover .title .t{ padding:15px 0 0}
	.gcon_1 .nr .more{ margin-top:20px}
	.gcon_1 .nr .more a{ width:110px; height:32px; line-height:30px; font-size:14px}
}
.gcon_2{ background:#f9f9f9}
.gcon_2 .nr{ width:1400px; margin:0 auto; padding:90px 0 60px}
.gcon_2 .nr .ibd{ width:100%; margin-top:80px}
.gcon_2 .nr .ibd .hd ul li{ float:left; width:135px; margin-right:75px; position:relative}
.gcon_2 .nr .ibd .hd ul li:last-child{ margin-right:0}
.gcon_2 .nr .ibd .hd ul li .pic{ width:100%;}
.gcon_2 .nr .ibd .hd ul li .pic .img1{ display:block; width:100%}
.gcon_2 .nr .ibd .hd ul li .pic .img2{ display:none; width:100%}
.gcon_2 .nr .ibd .hd ul li.on .pic .img2{ display:block}
.gcon_2 .nr .ibd .hd ul li.on .pic .img1{ display:none}
.gcon_2 .nr .ibd .hd ul li.on:after{ content:""; background:url(g_07.png) center center no-repeat; width:100%; height:22px; position:absolute; left:0; bottom:-85px}
.gcon_2 .nr .ibd .hd ul li .title{ width:100%; text-align:center; font-size:16px; color:#282828; margin-top:20px; line-height:1}
.gcon_2 .nr .ibd .bd{ width:100%; margin-top:85px}
.gcon_2 .nr .ibd .bd .con{ width:100%; box-sizing:border-box; background:#fff; padding:15px}
.gcon_2 .nr .ibd .bd .con .title{ width:725px; box-sizing:border-box; padding:10px; float:left}
.gcon_2 .nr .ibd .bd .con .pic{ float:right; width:570px; overflow:hidden}
.gcon_2 .nr .ibd .bd .con .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; width:100%}
.gcon_2 .nr .ibd .bd .con: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 .nr .ibd .bd .con .title .intro{ margin:20px 0; font-size:16px; color:rgba(40,40,40,0.7); line-height:2; height:180px}
.gcon_2 .nr .ibd .bd .con .title .more a{ display:block; width:175px; height:45px; text-align:center; line-height:43px; box-sizing:border-box; border:1px solid #015198; color:#015198; border-radius:5px; font-size:16px; text-transform:uppercase}
.gcon_2 .nr .ibd .bd .con:hover .title .more a{ background:#015198; color:#fff}
@media all and (max-width:1440px){
	.gcon_2 .nr{ width:1200px}
	.gcon_2 .nr .ibd .hd ul li{ width:115px; margin-right:65px}
	.gcon_2 .nr .ibd .bd .con .title{ width:570px; padding:0}
}
@media all and (max-width:1200px){
	.gcon_2 .nr{ width:92%; padding:50px 0}
	.gcon_2 .nr .ibd{ margin-top:35px}
	.gcon_2 .nr .ibd .hd{ width:100%; overflow-x:auto; padding-bottom:15px}
	.gcon_2 .nr .ibd .hd ul{min-width:500px; overflow:auto}
	.gcon_2 .nr .ibd .hd ul li{ width:11%; margin-right:3.8333333333333333333%; min-height:80px}
	.gcon_2 .nr .ibd .hd ul li .title{ font-size:12px; margin-top:5px}
	.gcon_2 .nr .ibd .bd{ margin-top:10px}
	.gcon_2 .nr .ibd .bd .con .pic{ width:100%}
	.gcon_2 .nr .ibd .bd .con .title{ width:100%}
	.gcon_2 .nr .ibd .hd ul li.on:after{ width:0}
	.gcon_2 .nr .ibd .bd .con .title .intro{ height:auto; font-size:12px; text-align:justify}
	.gcon_2 .nr .ibd .bd .con .title .more a{ width:110px; height:32px; line-height:30px; font-size:14px}
}

.gcon_3{}
.gcon_3 .nr{ width:1400px; margin:0 auto; padding:110px 0 60px}
.gcon_3 .nr .ibd{ margin-top:90px}
.gcon_3 .nr .ibd .item{ width:434px; float:left; margin-right:49px}
.gcon_3 .nr .ibd .item:nth-child(3){ margin-right:0}
.gcon_3 .nr .ibd .item .pic{ width:100%; box-sizing:border-box; border:1px solid #eeeeee; overflow:hidden}
.gcon_3 .nr .ibd .item .pic img{ width:100%}
.gcon_3 .nr .ibd .item .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_3 .nr .ibd .item: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_3 .nr .ibd .item .title{ margin-top:65px}
.gcon_3 .nr .ibd .item .title a{ display:block; float:left; width:calc(100% - 100px); font-size:16px; color:#282828;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.gcon_3 .nr .ibd .item:hover .title a{ color:#015198}
.gcon_3 .nr .ibd .item .title span{ font-size:16px; color:#282828; float:right}
.gcon_3 .nr .ibd .item .intro{ font-size:14px; line-height:2; text-align:justify; margin-top:15px; color:rgba(40,40,40,0.8)}
@media all and (max-width:1440px){
	.gcon_3 .nr{ width:1200px}
	.gcon_3 .nr .ibd .item{ width:380px; margin-right:30px}
}
@media all and (max-width:1200px){
	.gcon_3 .nr{ width:92%; padding:50px 0 25px}
	.gcon_3 .nr .ibd{ margin-top:35px}
	.gcon_3 .nr .ibd .item{ width:32%; margin-right:2%}
	.gcon_3 .nr .ibd .item .title{ margin-top:20px}
}
@media all and (max-width:750px){
	.gcon_3 .nr{ padding:50px 0 0}
	.gcon_3 .nr .ibd .item{ width:100%; margin-right:0; margin-bottom:20px}
	.gcon_3 .nr .ibd .item .title{ margin-top:15px}
	.gcon_3 .nr .ibd .item .title a{ width:calc(100% - 80px); font-size:14px}
	.gcon_3 .nr .ibd .item .title span{ font-size:14px}
	.gcon_3 .nr .ibd .item .intro{ font-size:12px; margin-top:10px}
}
.gcon_4{}
.gcon_4 .nr{ width:1400px; margin:0 auto; padding:70px 0 40px}
.gcon_4 .nr .ibd{ margin-top:90px}
.gcon_4 .nr .ibd .item{ width:239px; float:left; box-sizing:border-box; border:1px solid #bfbfbf; margin-right:51px; margin-bottom:25px; overflow:hidden}
.gcon_4 .nr .ibd .item img{ width:100%}
.gcon_4 .nr .ibd .item:nth-child(5n){ margin-right:0}
.gcon_4 .nr .ibd .item 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_4 .nr .ibd .item: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);}
@media all and (max-width:1440px){
	.gcon_4 .nr{ width:1200px}
	.gcon_4 .nr .ibd .item{ width:220px; margin-right:25px}
}
@media all and (max-width:1200px){
	.gcon_4 .nr{ width:92%; padding:30px 0 20px}
	.gcon_4 .nr .ibd{ margin-top:35px}
	.gcon_4 .nr .ibd .item{ width:18.4%; margin-right:2%; margin-bottom:2%}
}
@media all and (max-width:750px){
	.gcon_4 .nr .ibd .item{ width:32%}
	.gcon_4 .nr .ibd .item:nth-child(5n){ margin-right:2%}
	.gcon_4 .nr .ibd .item:nth-child(3n){ margin-right:0}
}

.gcon_6{ width:100%; text-align:center; background:#0064a7}
.gcon_6 ul{ width:1400px; font-size:0;margin:0 auto}
.gcon_6 li{ display:inline-block; vertical-align:top; width:33.33333%;}
.gcon_6 li a{ display:block; width:100%; height:100%; padding:35px 0;}
.gcon_6 li .ico{ display:inline-block; vertical-align:top; height:50px;}
.gcon_6 li .ico img{ height:100%}
.gcon_6 li .tit{ font-size:20px; color:#f9f9f9; line-height:50px; margin-left:20px; display:inline-block; vertical-align:top;}
.gcon_6 li:hover{ background:#064168}
@media all and (max-width:1440px){
	.gcon_6 ul{ width:1200px; font-size:0;margin:0 auto}
}
@media all and (max-width:1200px){
	.gcon_6 ul{ width:100%}
	.gcon_6 li a{ padding:15px 0}
	.gcon_6 li .ico{ height:26px}
	.gcon_6 li .tit{ font-size:14px; line-height:26px; margin-left:8px}
}































