@charset "utf-8";

.gcon_1{ width:100%; background:url(../images/g_24.png) center center;}

.gcon_1 .nr{ width:1200px; margin:0 auto; height:52px; margin-top:2px}

.gcon_1 .nr .sp1{ display:block; float:left; line-height:52px; color:#fff; font-size:20px; padding:0 25px}

.gcon_1 .nr .sp1 i{ font-weight:bold}

.gcon_1 .nr .sp2{ display:block; float:left; line-height:52px; font-size:17px; background:url(../images/g_02.png) left center no-repeat; padding-left:28px; color:#fff; padding-right:140px}

.gcon_1 .nr .sp3{ display:block; float:left; color:#fff; font-size:13px; line-height:52px;}

.gcon_1 .nr .sp3 i{ font-size:14px}

.gcon_1 .nr .s1{ width:300px; height:26px; float:right; margin-right:60px; position:relative; margin-top:13px}

.gcon_1 .nr .s1 .inp1{ width:100%; height:26px; border-radius:13px; border:0; background:#0f4c8f; color:#fff; box-sizing:border-box; padding:0 75px 0 30px}

.gcon_1 .nr .s1 .inp2{ width:75px; height:26px; background:url(../images/g_04.png) center center no-repeat; border:0; position:absolute; right:0; top:0; cursor:pointer}

@media (max-width:1200px) {

	.gcon_1{ display:none}

}



.gcon_2{ width:1200px; margin:0 auto; padding-bottom:100px}

.gcon_2 .top{ width:100%; text-align:center; padding-top:45px}

.gcon_2 .top h3{ font-size:35px; color:#000000; font-weight:normal;}

.gcon_2 .top h3 i{ color:#d4890d}

.gcon_2 .top h4{ background:url(../images/g_05.png) center center no-repeat; font-size:14px; color:#000; font-weight:normal; text-transform:uppercase}

.gcon_2 .top h4 i{ color:#d4890d;}

.gcon_2 .tab01{ width:100%; margin-top:30px}

.gcon_2 .tab01 .hd{ width:100%;background:#f7f7f7}

.gcon_2 .tab01 .hd ul li{float:left;width: 30%;/* text-align:center; */font-size: 12px;color:#000000;line-height: 40px;}

.gcon_2 .tab01 .hd ul li:nth-child(6){ width:16.7%}

.gcon_2 .tab01 .hd ul li i{display:inline-block;vertical-align:top;}

.gcon_2 .tab01 .hd ul li.on{ background:#d4890d; color:#fff}

.gcon_2 .tab01 .hd ul li.on i{background:url(../images/g_06.png) left center no-repeat;padding-left: 15px;}

.gcon_2 .tab01 .bd{ width:100%; padding-top:35px}

.gcon_2 .tab01 .bd ul li{ float:left; width:25%; position:relative;}

.gcon_2 .tab01 .bd ul li img{ width:100%}

.gcon_2 .tab01 .bd ul li p{ line-height:55px; background:#f7f7f7; text-align:center; font-size:16px; color:#000;}

.gcon_2 .tab01 .bd ul li:nth-child(4){ margin-right:0}

.gcon_2 .tab01 .bd ul li a{ display:block; width:100%; height:100%; position:relative}

.gcon_2 .tab01 .bd ul li a:hover:after{ content:""; display:block; width:100%; height:100%; position:absolute; left:0; top:0; z-index:9; background:url(../images/g_08.png) center center no-repeat rgba(15,76,143,0.4)}

.gcon_2 .more{ width:100%; text-align:center; margin-top:50px}

.gcon_2 .more a{ display:inline-block; vertical-align:top; width:162px; height:35px; border:1px solid #bfbfbf; color:rgba(00,00,00,0.6); font-size:14px; line-height:35px}

.gcon_2 .more a:hover{ background:#bfbfbf; color:#fff}



@media (max-width:1200px) {

	.gcon_2{ width:96%}

	.gcon_2 .tab01 .hd ul li{ width:33.33333%; border-bottom:1px solid #fff; box-sizing:border-box; border-right:1px solid #fff}

	.gcon_2 .tab01 .hd ul li:nth-child(6){ width:33.3333%}

	.gcon_2 .tab01 .bd{padding-top:20px}

	.gcon_2 .tab01 .bd ul li p{ line-height:40px; font-size:14px;}

}

@media (max-width:640px) {

	.gcon_2{padding-bottom:35px}

	.gcon_2 .top{ padding-top:55px}

	.gcon_2 .top h3{ font-size:20px;}

	.gcon_2 .top h4{ font-size:12px;}

	.gcon_2 .tab01{ margin-top:20px}

	.gcon_2 .tab01 .hd ul li{ width:50%; font-size:13px;line-height:35px;}

	.gcon_2 .tab01 .hd ul li:nth-child(6){width:50%;}

	.gcon_2 .tab01 .bd ul li{ width:48%; margin-right:4%; margin-bottom:4% }

	.gcon_2 .tab01 .bd ul li:nth-child(2n){ margin-right:0}



	.gcon_2 .tab01 .bd ul li p{ line-height:30px; font-size:12px;}

	.gcon_2 .more{ margin-top:1%}

	.gcon_2 .more a{ display:inline-block; vertical-align:top; width:120px; height:25px; border:1px solid #bfbfbf; color:rgba(00,00,00,0.6); font-size:12px; line-height:25px}

	.gcon_2 .more a:hover{ background:#bfbfbf; color:#fff}

}





.gcon_3{ width:1920px; height:656px; position:relative; left:50%; margin-left:-960px;}

.gcon_3 .nr{ width:100%; height:100%}

.gcon_3 .lt{ float:left; width:956px; height:100%; background:url(../images/g_25.png) top center no-repeat}

.gcon_3 .lt .s1{ width:822px; height:484px; background:#fff; margin-left:360px; position:relative; z-index:2; margin-top:88px; box-sizing:border-box; padding:70px 80px}

.gcon_3 .lt .s1 h3{ line-height:1; font-size:32px; color:#000000; font-weight:normal}

.gcon_3 .lt .s1 h3 i{ color:#d4890d}

.gcon_3 .lt .s1 .intro{ font-size:14px; color:#000; text-align:justify; line-height:25px; padding-top:30px;}

.gcon_3 .lt .s1 .ul01{ width:100%; margin-top:25px}

.gcon_3 .lt .s1 .ul01 li{ width:120px; height:32px; text-align:center; line-height:32px; float:left; margin-right:8px; background:#929292}

.gcon_3 .lt .s1 .ul01 li a{ display:block; color:#fff}

.gcon_3 .lt .s1 .ul01 li a:hover{ background:#d4890d}

.gcon_3 .lt .s1 .ul02{ width:100%; margin-top:35px}

.gcon_3 .lt .s1 .ul02 li{ float:left; margin-right:3px; width:217px; overflow:hidden}

.gcon_3 .lt .s1 .ul02 li 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 .lt .s1 .ul02 li: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_3 .lt .s1 .ul02 li a{ display:block; width:100%; height:100%; position:relative}

.gcon_3 .lt .s1 .ul02 li a span{ display:block; width:100%; height:100%; color:#fff; text-align:center; line-height:88px; position:absolute; left:0; top:0; background:rgba(00,00,00,0.3); font-size:14px; transition:all 0.3s linear}

.gcon_3 .lt .s1 .ul02 li a span:hover{ background:rgba(189,27,33,0.8)}

.gcon_3 .rt{ float:right; position:relative}

.gcon_3 .rt a{ display:block; position:absolute; width:90%; text-align:center; color:#fff; height:160px; top:50%; margin-top:-80px}

.gcon_3 .rt a .p1{ font-size:14px; padding-top:35px}

.gcon_3 .rt a .p2{ font-size:35px; padding-top:15px; text-transform:uppercase}



@media (max-width:1200px) {

	.gcon_3{ width:96%;left:auto; margin-left:0; margin:0 auto; height:auto}

	.gcon_3 .lt{ width:100%; background-size:cover}

	.gcon_3 .lt .s1{ margin:0; height:auto; width:100%; background:url(../images/g_25.png) top center no-repeat; background-size:100%}

	.gcon_3 .lt .s1 .ul01 li{ width:23.5%; margin-right:2%}

	.gcon_3 .lt .s1 .ul01 li:last-child{ margin-right:0}

	.gcon_3 .lt .s1 .ul02 li{ width:32%; margin-right:2%}

	.gcon_3 .lt .s1 .ul02 li img{ width:100%}

	.gcon_3 .lt .s1 .ul02 li:last-child{ margin-right:0}

	.gcon_3 .rt{ width:100%}

	.gcon_3 .rt>img{ width:100%}

	.gcon_3 .rt a{ width:100%}

	.gcon_3 .lt .s1 .ul02 li a span{ display: flex;

font-size: 12px;

align-items: center;

line-height: 1.4;}

}

@media (max-width:640px) {

	.gcon_3 .lt .s1{ padding:6% 5%}

	.gcon_3 .lt .s1 h3{font-size:20px;}

	.gcon_3 .lt .s1 .intro{ padding-top:3%; font-size:12px}

	.gcon_3 .lt .s1 .ul01{ margin-top:2%}

	.gcon_3 .lt .s1 .ul02{ margin-top:3%}

	.gcon_3 .rt a{height:110px;margin-top:-55px}

	.gcon_3 .rt a img{ width:45px}

	.gcon_3 .rt a .p1{ font-size:12px; padding-top:20px}

	.gcon_3 .rt a .p2{ font-size:18px; padding-top:10px; text-transform:uppercase}

}



.gcon_4{ width:100%; background:url(../images/g_12.png) top center no-repeat; height:233px; padding-top:1px; text-align:center; color:#fff; margin-top:5px}

.gcon_4 ul{ width:1200px; margin:0 auto}

.gcon_4 ul li{ width:25%; float:left; box-sizing:border-box; height:233px; background:url(../images/g_13.png) right center no-repeat}

.gcon_4 ul li .p1{ font-size:13px; padding-top:70px}

.gcon_4 ul li .p1 i{ font-size:40px; font-weight:bold}

.gcon_4 ul li .p2{ font-size:14px; line-height:1}

.gcon_4 ul li:nth-child(4){ background:none}



@media (max-width:1200px) {

	.gcon_4 ul{ width:100%; margin:0 auto;}



}

@media (max-width:640px) {

	.gcon_4{ height:auto; background-size:cover}

	.gcon_4 ul li{ width:50%; height:auto; padding:40px 0}

	.gcon_4 ul li .p1{ padding:0}

	.gcon_4 ul li .p1 i{ font-size:30px}

}



.gcon_5{ width:1200px; margin:0 auto; padding-bottom:110px}

.gcon_5 .top{ width:100%; text-align:center; padding-top:95px}

.gcon_5 .top h3{ font-size:35px; color:#000000; font-weight:normal;}

.gcon_5 .top h3 i{ color:#d4890d}

.gcon_5 .top h4{ background:url(../images/g_05.png) center center no-repeat; font-size:14px; color:#000; font-weight:normal; text-transform:uppercase}

.gcon_5 .top h4 i{ color:#d4890d;}

.gcon_5 .bd{ width:100%; position:relative; margin-top:30px}

.gcon_5 .bd .swiper-container-2{ width:100%; padding-bottom:1px}

.gcon_5 .bd .swiper-container-2 .swiper-slide{ border:1px solid #dcdcdc; box-sizing:border-box}

.gcon_5 .bd .swiper-container-2 .swiper-slide img{ width:100%}

.gcon_5 .bd .swiper-container-2 .swiper-slide .s1{ width:270px; margin:0 auto; padding:40px 0 20px}

.gcon_5 .bd .swiper-container-2 .swiper-slide h3{ text-align:center; font-size:20px; font-weight:normal; color:#000; padding-bottom:25px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}

.gcon_5 .bd .swiper-container-2 .swiper-slide p{ font-size:14px; color:#000; }

.gcon_5 .bd .swiper-container-2 .swiper-slide .intro{ margin-bottom:35px}

.gcon_5 .bd .swiper-container-2 .swiper-slide span{ display:block; width:130px; height:42px; background:url(../images/g_14.png) center center no-repeat #cccccc; position:relative; left:50%; margin-left:-65px}

.gcon_5 .bd .swiper-container-2 .swiper-slide:hover span{ background:url(../images/g_14.png) center center no-repeat #d4890d;}

.gcon_5 .bd .swiper-button-prev-2{ width:52px; height:52px; position:absolute; left:-70px; top:50%; margin-top:-26px; background:url(../images/g_15.png) center center no-repeat}

.gcon_5 .bd .swiper-button-next-2{ width:52px; height:52px; position:absolute; right:-70px; top:50%; margin-top:-26px; background:url(../images/g_16.png) center center no-repeat}

.gcon_5 .bd .swiper-container-3{ width:100%; padding-bottom:1px; display:none}

.gcon_5 .bd .swiper-container-3 .swiper-slide{ border:1px solid #dcdcdc; box-sizing:border-box}

.gcon_5 .bd .swiper-container-3 .swiper-slide img{ width:100%}

.gcon_5 .bd .swiper-container-3 .swiper-slide .s1{ width:270px; margin:0 auto; padding:40px 0 20px}

.gcon_5 .bd .swiper-container-3 .swiper-slide h3{ text-align:center; font-size:20px; font-weight:normal; color:#000; padding-bottom:25px}

.gcon_5 .bd .swiper-container-3 .swiper-slide p{ font-size:14px; color:#000; }

.gcon_5 .bd .swiper-container-3 .swiper-slide .intro{ margin-bottom:35px}

.gcon_5 .bd .swiper-container-3 .swiper-slide span{ display:block; width:130px; height:42px; background:url(../images/g_14.png) center center no-repeat #cccccc; position:relative; left:50%; margin-left:-65px}

.gcon_5 .bd .swiper-container-3 .swiper-slide:hover span{ background:url(../images/g_14.png) center center no-repeat #d4890d;}

.gcon_5 .bd .swiper-button-prev-3{ width:52px; height:52px; position:absolute; left:0; top:50%; margin-top:-26px; background:url(../images/g_15.png) center center no-repeat; display:none}

.gcon_5 .bd .swiper-button-next-3{ width:52px; height:52px; position:absolute; right:0; top:50%; margin-top:-26px; background:url(../images/g_16.png) center center no-repeat; display:none}



.gcon_5 .more{ width:100%; text-align:center; margin-top:50px}

.gcon_5 .more a{ display:inline-block; vertical-align:top; width:162px; height:35px; border:1px solid #bfbfbf; color:rgba(00,00,00,0.6); font-size:14px; line-height:35px}

.gcon_5 .more a:hover{ background:#bfbfbf; color:#fff}

@media (max-width:1200px) {

	.gcon_5{ width:96%; padding-bottom:80px}

	.gcon_5 .bd .swiper-button-prev-2{ left:0}

	.gcon_5 .bd .swiper-button-next-2{ right:0}	

	.gcon_5 .bd .swiper-container-2 .swiper-slide .s1{ padding:25px 0 15px}

	.gcon_5 .bd .swiper-container-2 .swiper-slide h3{padding-bottom:15px}

	.gcon_5 .bd .swiper-container-2 .swiper-slide .intro{ margin-bottom:15px}



}

@media (max-width:1000px) {

	.gcon_5 .bd .swiper-container-2{ display:none}

	.gcon_5 .bd .swiper-container-3{ display:block}

	.gcon_5 .bd .swiper-button-prev-2{ display:none}

	.gcon_5 .bd .swiper-button-next-2{ display:none}	

	.gcon_5 .bd .swiper-button-prev-3{ display:block}

	.gcon_5 .bd .swiper-button-next-3{ display:block}

}

@media (max-width:640px) {

	.gcon_5{padding-bottom:50px}

	.gcon_5 .top{ padding-top:55px}

	.gcon_5 .top h3{ font-size:20px;}

	.gcon_5 .top h4{ font-size:12px;}

	.gcon_5 .bd .swiper-container-3 .swiper-slide .s1{ width:auto; padding:5% 0}

	.gcon_5 .bd .swiper-container-3 .swiper-slide h3{ font-size:15px; padding-bottom:3%;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}

	.gcon_5 .bd .swiper-container-3 .swiper-slide .s1 .intro{ display:none}

	.gcon_5 .bd .swiper-container-3 .swiper-slide span{ width:90px; height:25px; margin-left:-45px; background-size:10px}

	.gcon_5 .bd .swiper-button-next-3{ width:30px; height:30px; background-size:100%; margin-top:-15px}

	.gcon_5 .bd .swiper-button-prev-3{ width:30px; height:30px; background-size:100%; margin-top:-15px}

	.gcon_5 .more{ margin-top:20px}

	.gcon_5 .more a{ display:inline-block; vertical-align:top; width:120px; height:25px; border:1px solid #bfbfbf; color:rgba(00,00,00,0.6); font-size:12px; line-height:25px}

	.gcon_5 .more a:hover{ background:#bfbfbf; color:#fff}

}

.wk{ width:100%; background:url(../images/g_17.png) top center no-repeat}

.gcon_6{ width:1200px; margin:0 auto; padding-bottom:90px}

.gcon_6 .top{ width:100%; text-align:center; padding-top:95px}

.gcon_6 .top h3{ font-size:35px; color:#000000; font-weight:normal;}

.gcon_6 .top h3 i{ color:#d4890d}

.gcon_6 .top h4{ background:url(../images/g_05.png) center center no-repeat; font-size:14px; color:#000; font-weight:normal; text-transform:uppercase}

.gcon_6 .top h4 i{ color:#d4890d;}

.gcon_6 .bd{ width:100%; margin-top:10px}

.gcon_6 .bd ul li{ width:595px; height:165px; background:#fff; box-sizing:border-box; padding:14px 30px 14px 11px; margin-top:20px; float:left}

.gcon_6 .bd ul li:nth-child(2n){ float:right}

.gcon_6 .bd ul li .pic{ float:left; width:197px}

.gcon_6 .bd ul li .pic img{ width:100%}

.gcon_6 .bd ul li .tit{ width:338px; float:right}

.gcon_6 .bd ul li .tit h3{ font-size:15px; color:#000;text-overflow: ellipsis;overflow: hidden;white-space: nowrap; font-weight:normal; padding-top:25px}

.gcon_6 .bd ul li .tit h3 a{ color:#000}

.gcon_6 .bd ul li .tit p{ font-size:14px; color:#7b7b7b}

.gcon_6 .bd ul li .tit .intro{ font-size:13px; color:#7b7b7b; padding-top:5px; height:44px; overflow:hidden; line-height:22px}

.gcon_6 .more{ width:100%; text-align:center; margin-top:50px}

.gcon_6 .more a{ display:inline-block; vertical-align:top; width:162px; height:35px; border:1px solid #bfbfbf; color:rgba(00,00,00,0.6); font-size:14px; line-height:35px}

.gcon_6 .more a:hover{ background:#bfbfbf; color:#fff}

@media (max-width:1200px) {

	.gcon_6{ width:96%}

	.gcon_6 .bd ul li{ width:49%}

	.gcon_6 .bd ul li .tit{ width:calc(100% - 220px)}

}

@media (max-width:900px) {

	.wk{ background-size:cover}

	.gcon_6 .bd ul li{ width:100%}

}

@media (max-width:640px) {

	.gcon_6{padding-bottom:50px}

	.gcon_6 .top{ padding-top:55px}

	.gcon_6 .top h3{ font-size:20px;}

	.gcon_6 .top h4{ font-size:12px;}

	.gcon_6 .bd ul li{ padding:10px; height:auto}

	.gcon_6 .bd ul li .pic{ width:140px}

	.gcon_6 .bd ul li .tit{ width:calc(100% - 150px)}

	.gcon_6 .bd ul li .tit h3{ padding:0}

	.gcon_6 .bd ul li .tit p{ font-size:12px}

	.gcon_6 .bd ul li .tit .intro{ font-size:12px}

	.gcon_6 .more{ margin-top:20px}

	.gcon_6 .more a{ display:inline-block; vertical-align:top; width:120px; height:25px; border:1px solid #bfbfbf; color:rgba(00,00,00,0.6); font-size:12px; line-height:25px}

	.gcon_6 .more a:hover{ background:#bfbfbf; color:#fff}

}







.video{ width:100%; height:100%; position:fixed; z-index:99; left:0; top:0; background:rgba(00,00,00,0.7); display:none }

.video .s1{ width:50%; position:absolute; left:25%; top:50%; margin-top:-220px}

.video .s1 video{ width:100%; height:440px}

.video .s1 .video_gb{ background:url(../images/gb.PNG) center center no-repeat; width:30px; height:30px; background-size:30px; position:absolute; right:0; top:0; cursor:pointer; z-index:2}

@media (max-width:750px) {

	.video .s1{ width:90%; left:5%; top:30%; margin-top:0}

	.video .s1 video{ height:300px}

	

}

































































































































































































































































































































































