﻿@charset "utf-8";
.banner{ width:100%; margin:0 auto; position:relative}
.banner .swiper01{ width:100%; overflow:hidden}
.banner .swiper01 img{ width:100%; height:auto; transform:scale(1.2,1.2);vertical-align:middle; transition:all 10s cubic-bezier(0.19, 1, 0.22, 1)}
.banner .swiper01 .img1{ display:block}
.banner .swiper01 .img2{ display:none}
.banner .prev01{ background:url(prev.jpg) center center no-repeat; width:60px; height:60px; cursor:pointer; position:absolute; left:4%; top:50%; margin-top:-18px; z-index:9}
.banner .next01{ background:url(next.jpg) center center no-repeat; width:60px; height:60px; cursor:pointer; position:absolute; right:4%; top:50%; margin-top:-18px; z-index:9}
.banner .swiper01 .pagination01{ width:100%; font-size:0; text-align:left; position:absolute; left:0; bottom:60px; z-index:9; text-align:center}
.banner .swiper01 .pagination01 span{ display:inline-block; vertical-align:top; width:30px; height:3px; margin:0 10px; background:#fff; border-radius:0; opacity:1;}
.banner .swiper01 .pagination01 span.swiper-pagination-bullet-active{background:#8fbd3e; }
.banner .swiper01 .item{ position:absolute; left:0; width:100%; color:#fff; top:50%; transform:translateY(-50%); z-index:9}
.banner .swiper01 .item .tit{ font-size:48px; font-weight:bold; line-height:1; text-align:center;transform:scale(1.2,1.2);vertical-align:middle; transition:all 3s; opacity:0; visibility:hidden}
.banner .swiper01 .item .intro{ font-size:22px; line-height:1; text-align:center; margin-top:20px; letter-spacing:10px;transform:scale(1.2,1.2);vertical-align:middle; transition:all 3s; opacity:0; visibility:hidden}
.banner .swiper01 .item .more{ text-align:center; margin-top:60px;}
.banner .swiper01 .item .more a{ display:inline-block; vertical-align:top; line-height:30px; border-radius:20px; padding: 0 20px; margin:0 10px; position:relative; left:100px; transition:all 3s; opacity:0; visibility:hidden}
.banner .swiper01 .item .more a:hover{ text-decoration:underline}
.banner .swiper01 .item .more a.a1{ background:#f08200; color:#fff; font-size:14px; cursor:pointer}
.banner .swiper01 .item .more a.a2{ background:#fff; color:#f08200; font-size:14px; cursor:pointer}
.banner .swiper01 .item .more a.a2:hover{ background:#f08200; color:#fff; }

.banner .swiper01 .swiper-slide.swiper-slide-active img{transform:scale(1);}
.banner .swiper01 .swiper-slide.swiper-slide-active .item .tit{transform:scale(1); visibility:visible; opacity:1}
.banner .swiper01 .swiper-slide.swiper-slide-active .item .intro{transform:scale(1); visibility:visible; opacity:1}
.banner .swiper01 .swiper-slide.swiper-slide-active .item .more a{transform:scale(1); visibility:visible; opacity:1; left:0}
.gcon_1{ width:100%; background:#f5f5f5; padding:125px 0 110px}
.gcon_1 .ihd{ text-align:left}
.gcon_1 .ihd .en{ font-size:36px; color:#4d4d4d; line-height:1; }
.gcon_1 .ihd .cn{ font-size:24px; color:#4d4d4d; font-weight:bold; margin-top:10px}
.gcon_1 .ibd{ width:100%}
.gcon_1 .ibd .swiper01x{ width:100%; overflow:hidden; position:relative}
.gcon_1 .ibd .swiper01x .swiper-slide{ width:100%}
.gcon_1 .ibd .swiper01x .swiper-slide .cont{ width:100%}
.gcon_1 .ibd .swiper01x .swiper-slide .cont .lt{ float:left; margin-top:105px; width:575px}
.gcon_1 .ibd .swiper01x .swiper-slide .cont .rt{ float:right}
.gcon_1 .ibd .swiper01x .swiper-slide .cont .lt .title{ font-size:24px; color:#4d4d4d; font-weight:bold}
.gcon_1 .ibd .swiper01x .swiper-slide .cont .lt .title a{ color:#4d4d4d}
.gcon_1 .ibd .swiper01x .swiper-slide .cont .lt .intro{ font-size:14px; color:rgba(77,77,77,0.7); line-height:2; margin-top:20px; text-align:justify}
.gcon_1 .ibd .swiper01x  .pagination01x{ position:absolute; left:0; bottom:0; z-index:2}
.gcon_1 .ibd .swiper01x  .pagination01x span{ width:10px; height:10px; background:#8fbd3e; border-radius:50%; opacity:0.7}
.gcon_1 .ibd .swiper01x  .pagination01x span.swiper-pagination-bullet-active{ opacity:1}

.gcon_2{ width:100%; background:#3e3e3e; padding:75px 0 50px}
.gcon_2 .hd{ text-align:center; color:#fff}
.gcon_2 .hd ul{ width:fit-content; margin:0 auto}
.gcon_2 .hd ul li{ float:left; line-height:38px; padding:0 35px; font-size:16px; cursor:pointer; position:relative}
.gcon_2 .hd ul li.on{ background:#8fbd3e}
.gcon_2 .hd ul li:after{ content:""; display:block; width:1px; height:16px; position:absolute; right:0; top:calc(50% - 8px); background:#fff}
.gcon_2 .hd ul li:last-child:after{ width:0}
.gcon_2 .bd{ margin-top:60px}
.gcon_2 .bd ul li{ float:left; width:395px; margin-right:47px; margin-bottom:25px; overflow:hidden; position:relative}
.gcon_2 .bd ul li img{ width:100%}
.gcon_2 .bd ul li:nth-child(3n){ margin-right:0}
.gcon_2 .bd ul li 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 .bd ul li: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_2 .bd ul li:nth-child(n+4){ margin-bottom:0}

.gcon_3{ width:100%; background:#8fbd3e; padding:95px 0 100px; position:relative}
.gcon_3 .ihd{ text-align:center}
.gcon_3 .ihd .en{ font-size:36px; color:rgba(255,255,255,0.5); font-weight:bold; text-transform:uppercase; line-height:1; }
.gcon_3 .ihd .cn{ font-size:24px; color:#fff; font-weight:bold; margin-top:10px}
.gcon_3 .ibd{ margin-top:60px;display:flex;justify-content: space-between; position:relative; z-index:2}
.gcon_3 .line{ width:100%; height:1px; background:rgba(255,255,255,0.2); position:absolute; left:0; top:290px}
.gcon_3 .ibd .item{ text-align:center; color:#fff}
.gcon_3 .ibd .item .title{ font-size:18px; margin-top:30px; line-height:1}

.gcon_4{ width:100%; padding:85px 0 80px}
.gcon_4 .nr{ position:relative}
.gcon_4 .nr .lt{ width:750px; float:left}
.gcon_4 .nr .rt{ float:right; width:466px; overflow:hidden}
.gcon_4 .nr .rt 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_4 .nr .rt: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_4 .nr .cont{ position:absolute; width:1160px; left:0; bottom:50px; z-index:2; background:#fff}
.gcon_4 .nr .lt .ihd .en{ font-size:60px; color:#c5c5c5; font-weight:bold; text-transform:uppercase; line-height:1; }
.gcon_4 .nr .lt .ihd .cn{ font-size:36px; color:#2d2d2d; font-weight:bold; margin-top:10px}
.gcon_4 .nr .lt .intro{ font-size:16px; line-height:2; margin-top:35px; color:rgba(45,45,45,0.8)}
.gcon_4 .nr .cont .item{ width:25%; float:left; box-sizing:border-box; padding:40px 0 0 60px; height:170px}
.gcon_4 .nr .cont .item .p1{ font-size:16px; color:#2d2d2d; line-height:1}
.gcon_4 .nr .cont .item .p2{ font-size:64px; color:#8fbd3e; font-family:Arial, Helvetica, sans-serif}
.gcon_4 .nr .cont .item .p2 span{ font-size:24px}
.gcon_4 .nr .cont .item:nth-child(1){ background:#8fbd3e}
.gcon_4 .nr .cont .item:nth-child(1) .p1{ color:#fff}
.gcon_4 .nr .cont .item:nth-child(1) .p2{ color:#fff}
.gcon_4 .nr .cont .item:nth-child(3){ background:#ececec}

.gcon_5{ width:100%}
.gcon_5 .tab05{ width:100%; position:relative}
.gcon_5 .tab05 .bd{ width:100%}
.gcon_5 .tab05 .bd .con{ width:100%}
.gcon_5 .tab05 .bd .con img{ width:100%; height:auto}
.gcon_5 .tab05 .hd{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:2}
.gcon_5 .tab05 .hd ul{ width:100%; height:100%}
.gcon_5 .tab05 .hd ul li:nth-child(1){ width:0; height:0}
.gcon_5 .tab05 .hd ul li{ width:calc(100% / 6); float:left; height:100%; box-sizing:border-box; border-right:1px solid rgba(255,255,255,0.3); position:relative}
.gcon_5 .tab05 .hd ul li .item{ width:100%; position:absolute; left:0; top:50%; transform:translateY(-50%); text-align:center; color:#fff; transition:all 0.3s; background:url(g_09.png) center 400px  no-repeat}
.gcon_5 .tab05 .hd ul li .item .pic{ width:100%; text-align:center}
.gcon_5 .tab05 .hd ul li .item .pic img{ height:60px; width:auto}
.gcon_5 .tab05 .hd ul li .item .title{ padding-top:35px; color:#fff; font-size:18px; transition:all 0.3s}
.gcon_5 .tab05 .hd ul li .item .title .en{ font-size:16px; text-transform:uppercase; padding-top:5px}
.gcon_5 .tab05 .hd ul li:hover .item{ background:url(g_09.png) bottom center no-repeat; padding-bottom:140px }
.gcon_5 .tab05 .hd ul li:hover .item .title{ padding-top:0}


.gcon_6{ width:100%; padding:110px 0 60px}
.gcon_6 .ihd{ text-align:center}
.gcon_6 .ihd .en{ font-size:48px; color:rgba(0,0,0,0.2); font-weight:bold; text-transform:uppercase; line-height:1; }
.gcon_6 .ihd .cn{ font-size:36px; color:#2d2d2d; font-weight:bold; margin-top:10px}
.gcon_6 .ibd{ margin-top:60px}
.gcon_6 .ibd .item{ width:400px; float:left; margin-right:40px}
.gcon_6 .ibd .item:nth-child(3){ margin-right:0}
.gcon_6 .ibd .item .pic{ width:100%; overflow:hidden}
.gcon_6 .ibd .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_6 .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_6 .ibd .item .title{ margin-top:25px; font-size:18px; color:#656565;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.gcon_6 .ibd .item .title a{ color:#656565}
.gcon_6 .ibd .item .intro{ font-size:16px; color:rgba(101,101,101,0.6); line-height:30px; height:60px; overflow:hidden; margin-top:15px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.gcon_6 .ibd .item .time{ border-top:1px solid #e5e5e5; margin-top:15px; padding:15px 0; font-size:16px; color:#656565}
.gcon_6 .ibd .item:hover .title a{ color:#8fbd3e;}

.gcon_7{ width:100%; background:url(g_11.jpg) center center no-repeat; background-size:cover; border-bottom:10px solid #8fbd3e; padding:75px 0 40px; color:#fff}
.gcon_7 .ihd{ color:#fff; text-align:center; font-size:36px; font-weight:bold; line-height:1}
.gcon_7 .ihd i{ color:#8fbd3e}
.gcon_7 .ibd{ background:rgba(0,0,0,0.7); box-sizing:border-box; width:100%; margin-top:40px; border-radius:25px; padding:60px 30px 45px}
.gcon_7 .ibd .title{ font-size:16px; margin-bottom:50px}
.gcon_7 .ibd .cont .inp1{ display:block; width:341px; height:58px; box-sizing:border-box; border-radius:50px; border-radius:10px; background:url(g_12.png) 10px center no-repeat #fff; padding:0 20px 0 70px; font-size:16px; color:#333; margin-right:15px; float:left}
.gcon_7 .ibd .cont .inp1::placeholder{ color:#b4b4b4; opacity:1; appearance:none; -webkit-appearance:none}
.gcon_7 .ibd .cont .inp2{ display:block; width:341px; height:58px; box-sizing:border-box; border-radius:50px; border-radius:10px; background:url(g_13.png) 10px center no-repeat #fff; padding:0 20px 0 70px; font-size:16px; color:#333; margin-right:15px; float:left}
.gcon_7 .ibd .cont .inp2::placeholder{ color:#b4b4b4; opacity:1; appearance:none; -webkit-appearance:none}
.gcon_7 .ibd .cont .inp3{ display:block; width:341px; height:58px; box-sizing:border-box; border-radius:50px; border-radius:10px; background:url(g_14.png) 10px center no-repeat #fff; padding:0 20px 0 70px; font-size:16px; color:#333; margin-right:15px; float:left}
.gcon_7 .ibd .cont .inp3::placeholder{ color:#b4b4b4; opacity:1; appearance:none; -webkit-appearance:none}
.gcon_7 .ibd .cont .inp4{ width:150px; float:right; background:#8fbd3e; color:#fff; border-radius:10px; height:58px; font-size:16px; cursor:pointer}





























