/* header.css */
.header{ position: fixed; z-index: 100; display: flex; justify-content: space-between; width: 100%; align-items: center; padding: 20px 3% 0;transition: 0.3s;}
.top-pp{ color: #fff; font-size: 14px;}
.top-pp a{ color: #fff; margin-left: 15px;font-weight: 700; text-transform: uppercase;}
.logo img{ max-width: 186px;}
.logo img:nth-child(2){display: none;}
.lang{ display: flex;align-items: center;  margin-left: 20px; padding-left: 10px; color: #fff;}
.lang a{ padding:0; color: #fff; font-size: 14px;transition: all 0.5s ease; margin-right: 25px;}
.lang a:hover{ color: #b32025;}
.lang a:nth-child(1) i{ font-size: 18px;}
.hide-page-header{opacity: 0;filter:alpha(opacity=0);visibility: hidden; transition: all 0.5s ease;}
#header.hide-page-header{opacity: 0;filter:alpha(opacity=0);visibility: hidden;}
#header.hide-page-header1 .logo img:nth-child(1){ display: none;}
#header.hide-page-header1 .logo img:nth-child(2){ display: block;}
#header.hide-page-header1{background: Rgba(255, 255, 255, 1); box-shadow: 0px 0px 75px 0px rgb(0 0 0 / 10%); transition: all 0.3s ease; padding: 10px 3%;}
#header.hide-page-header1 .top-pp{ color: #000;}
#header.hide-page-header1 .top-pp a{ color: #000;}
#header.hide-page-header1 .lang a{color: #000;}
#header.hide-page-header1 .lang{color: #000;}
#header.hide-page-header1 .usico span{ background: #000;}
#header.hide-page-header1 .bnmenucd .logo img{display: block;}
.r-ss{ position: relative;}
.r-ss:hover a i{ color: #333;}
.r-ss a{position: relative; z-index: 10;}
.r-ss:hover form{transform: translateX(-14px);}
.r-ss:hover form .ssk{width: 250px;padding: 1px 10px;border: 1px solid #ccc; opacity: 1;}
.r-ss form{position: absolute; top: -3px; right: 0; z-index: 5; transform: translateX(-10px);transition: all 0.5s ease;}
.r-ss form .ssk{ width: 10px; height:36px; border: 1px solid #ccc; border-radius: 5px; padding:0; opacity: 0; transition: all 0.5s ease;}
.nytcd .logo img:nth-child(1){ display: none;}
.nytcd .logo img:nth-child(2){ display: block;}
.nytcd .top-pp{ color: #000;}
.nytcd .top-pp a{ color: #000;}
.nytcd .lang a{color: #000;}
.nytcd .lang{color: #000;}
.nytcd .usico span{ background: #000;}
.nytcd .bnmenucd .logo img{display: block;}
.cdewmj{ display: flex;}
.cdewmj img{max-width: 100%;}
.cdewmj span{ display: block; margin-right: 15px; font-size: 12px;}
.cdewmj span:last-child{ margin-right: 0;}
.cdzklogo{ display: flex;}
.swi_index_banner{ background: #fff; overflow: hidden; height: 100vh;}
.swi_index_banner .swiper-slide{position: relative;}
.slide-inner{ position: absolute; width: 100%; height: 100%; position: absolute; z-index: 10; width: 100%;left: 0; top: 0; background-size: cover; background-position: center;}
.swi_index_banner .swiper-slide{ overflow: hidden;}
.swi_index_banner .swiper-pagination{z-index: 20; width: inherit;left:inherit; right:5%; bottom: 7%;}
.swi_index_banner .swiper-pagination .swiper-pagination-bullet{ opacity:0.4; filter:alpha(opacity=40);background: inherit;width: inherit; height: inherit;float: left;display: block;color: #fff; font-size:14px;line-height: 23px;}
.swi_index_banner .swiper-pagination .swiper-pagination-bullet:after{width:0px;height:1px;display: block;content: '';background: rgba(255,255,255,0.3); float: right; margin: 0 3px;transform: translateY(11px);-webkit-transition: all 0.6s ease;-moz-transition: all 0.6s ease;-ms-transition: all 0.6s ease;-o-transition: all 0.6s ease;transition: all 0.6s ease;}
.swi_index_banner .swiper-pagination .swiper-pagination-bullet-active:after{width:50px;}
.swi_index_banner .swiper-pagination .swiper-pagination-bullet-active{opacity:1; filter:alpha(opacity=100); font-size: 17px;}
.bnmenu{right:0; position: fixed;z-index: 33;cursor: pointer;top:0;}
.bnmenu img{display: block;}
.fwedone{position: absolute;z-index: 22;left: 5.68rem;top: 30%;right: 3%;}
.fwedone h2 span{font-size: 11.1rem;line-height:1;color: #000;font-weight: bold; }
.fwedone p{font-size: 9.79rem;line-height: 0.9;display: inline-block;font-weight: bold;color: #000;}
.bnmenucd{position: fixed;z-index: 111;top: 0;bottom: 0;left: 0;right: 0;background: #17191a;display: none;}
.bnmenucd .wrap{position: relative;height: 100%;}
.bnmenucd .fcatalog{position: relative;}
.bnmenucd .logo{display: block;z-index: 22; left:5%; top: 2rem; height: 2.5rem;position: relative;}
.bnmenucd .logo img{display: block;height:40px;}
.bnmenucd .logo:nth-child(2){ margin-left: 15px;}
.bnmenucd .naver{ display: flex; align-items: flex-start;}
.bnmenucd .rts{ display: flex; justify-content:  space-between; align-items: flex-end; padding: 36vh 14% 0;}
.bnmenucd .rts .bnmenuz{display: inline-block;  text-transform: uppercase;  transform: rotate(-90deg) translate3d(-45px, 0, 0);  transform-origin: bottom left; color: #fff; padding-top: 10px;margin-top: -22px;}
.bnmenucd .rts .naver li{ padding: 3px 0;}
.bnmenucd .rts .naver li a{position: relative;display: block;font-size: calc(20px + 1.5vw); line-height: calc(20px + 2vw);color: #fff;transition: all 0.8s ease; text-transform: uppercase;}
.bnmenucd .rts .naver li a:hover{color:Rgba(255, 255, 255, 1); padding-left: 25px;}
.bnmenucd .menuguanbi{position: absolute;z-index: 33;right:4%;top: 2rem; cursor: pointer;transition: all 0.7s;}
.bnmenucd .menuguanbi i{ font-size:20px; color: #fff; display: block;}
.bnmenucd .menuguanbi:hover{transform: rotate(180deg);}
.qmaw{background: #000000;}
.top-cd{ display: flex;}
.bnmenu{clip-path: circle(30px at calc(100% - 4%) 4.5%); width: 100%; height: 100%; padding:0rem; will-change: clip-path; transition:all 0s;background: Rgba(0, 0, 0, 0);}
.bnmenu.active{background: #171615; transition:all 1.5s;}
.bnmenu.on{clip-path: circle(179rem at calc(100% - 6%) 4.5%); top:0; left:0; background: #171615;}
.bnmenu.on .bnmenucd{display: block;}
.usico{height:25px; width: 50px; border-radius: 50%; transition: all 0.8s;margin-right: 14px;}
.usico span{ height: 2px; background: #fff; width: 50px; margin:6px 0; display: block; margin-left: 15px;}
.usico span:nth-child(2){ width: 50px;}
.bnmenu-lx{ color: #999; line-height: 30px; max-width: 500px;}
.bnmenu-lx-yj{ color: #fff; font-size: 16px; line-height: 21px;  padding-bottom: 10px;}
.bnmenu-lx span{ display: block; padding-bottom: 15px;}
.bnmenu-lx p{ line-height: 20px;}
.slg{ background: #f6f6f6; padding: 8vh 0; overflow: hidden;}
.sbt p{ font-size: calc(20px + 1vw); line-height: calc(20px + 1.2vw); text-transform: uppercase;}
.sbt span{ font-size: 14px; color: #666; margin-top: 9px; display: block; max-width: 70%;}
.sbt u{ display: block;}
.slg-nrw{ display: flex; justify-content: space-between; margin-top: 25px;}
.slg-nrw img{ width: 100%;}
.slg-nr-x{ display: flex; justify-content: space-between; margin-top: 20px;}
.slg-nr-x .slg-nr-l-1{ width: 48.5%;}
.slg-nr-x img{ width: 100%;}
.slg-nr-l{ width: 65.6%;}
.slg-nr-r{ width: 31.35%;}
.slg-nr-r .slg-nr-l-1:nth-child(2){ margin-top: 20px;}
.slg-nr-l-1{position: relative;transition: all 0.8s;overflow: hidden;}
.slg-nr-l-1 p{ position: absolute; max-width: 100%; left: 0; padding: 0 40px; top: 70%; opacity: 0; z-index: 10;transition: all 0.8s; font-size: calc(14px + 0.5vw);}
.slg-nr-l-1 a:hover p{ opacity: 1; color: #fff; top: 50%; transform: translateY(-50%); }
.slg-nr-l-1 a::after{ position: absolute; content: ''; width: 100%; height: 100%; top: 0; left: 0; background: Rgba(0, 74, 90, 0); z-index: 9;transition: all 0.8s;}
.slg-nr-l-1 a:hover::after{background: Rgba(0, 74, 90, 0.8);}
.slg-nr-l-1 img{transition: all 0.8s; }
.slg-nr-l-1:hover img{transform: scale(1.05);}

.shml{ padding: 10vh 0;}
.smllb{ padding-top: 25px; padding-bottom: 40px;}
.smllb .swiper-slide img{ width: 100%; display: block; overflow: hidden; transition: all 0.5s; max-height: 499px; max-width: 370px;}
.smllb .swiper-slide p{ margin-top: 20px; font-size: 16px;transition: all 0.5s;}
.smllb .swiper-pagination{ bottom: 0;}
.smllb .swiper-slide{ overflow: hidden; transition: all 0.5s;}
.smllb .swiper-slide:hover{transform: translateY(-10px);}
.smllb .swiper-slide:hover p{transform: translateY(-10px);}

.sxxx{ position: relative; overflow: hidden;}
.sxxx .sbt{ color: #fff; position: absolute; z-index: 10; top: 50%; transform: translateY(-50%); left: 10%;}
.sxxx .sbt a{ color: #fff; margin-top: 30px; display: flex; align-items: center; font-size: 18px;transition: all 0.5s; position: relative; z-index: 10; width: 200px;}
.sxxx .sbt a i{ margin-left: 50px; font-size: 30px;transition: all 0.5s;}
.sxxx .sbt a:hover{ margin-left: 25px;}
.sxxx .sbt a:hover i{margin-left: 30px; color: Rgba(255, 255, 255, 0.5);}
.sxxx .sbt a::after{ background:Rgba(126, 178, 47, 1); content: ''; width: 0; position: absolute; height: 100%; left: -25px; top: 0; z-index: -1;transition: all 0.5s; border-radius: 5px;}
.sxxx .sbt a:hover::after{ background:Rgba(126, 178, 47, 1); width: 100%;}
.sxxx-img img{-webkit-animation: scaleUpDown 5s forwards cubic-bezier(0.25, 0.46, 0.45, 0.94); animation: scaleUpDown 5s forwards cubic-bezier(0.25, 0.46, 0.45, 0.94); width: 100%;}
@-webkit-keyframes scaleUpDown {
    from { -webkit-transform: scale(1.08); transform: scale(1.08); }
    to { -webkit-transform: scale(1); transform: scale(1); }
}
@keyframes scaleUpDown {
    from { -webkit-transform: scale(1.08); transform: scale(1.08); }
    to { -webkit-transform: scale(1); transform: scale(1); }
}
footer{ background: #171615; padding: 7vh 0;}
.footer-1-l{display: flex; justify-content: space-between;}
.footer-1-l .footer-1-l-z dl{ display: flex;}
.footer-1-l .footer-1-l-z dl dt{font-size: 33px; color: #fff; text-transform: uppercase;}
.footer-1-l .footer-1-l-z img{ max-width: 100%;}
.footer-1-l .footer-1-l-z dl dt p{ font-size:18px; color: #a9a9a9; line-height: 20px; text-transform: initial;}
.footer-1-l .footer-1-l-z dl dd{ text-align: center; margin-left: 40px;text-align: center; padding-top: 5px; display: flex;}
.footer-1-l .footer-1-l-z dl dd li{ margin-right: 10px;}
.footer-1-l .footer-1-l-z dl dd li:last-child{margin-right: 0;}
.footer-1-l .footer-1-l-z dl dd span{ font-size: 12px; color: #999; padding-top: 5px;display: block;}
.footer-1-r{ text-align: right;}
.footer-1-r a{ display: block; color: #fff; font-size: 16px; transition: all 0.5s;}
.footer-1-r p{ text-transform: uppercase; color: #888; font-weight: bold; font-size: 20px;}
.footer-1-r a:hover{ color: #999;}
.footer-1-l-dh{ display: flex; margin-top: 20px; font-weight: bold; font-size: 30px;}
.footer-1-l-dh i{ width: 20px; height: 20px; background: #a6a5a6; border-radius: 50%; font-size: 12px; display: block; text-align: center; line-height: 20px;margin-top: 13px; margin-right: 10px;}
.footer-1-l-dh a{ color: #fff;transition: all 0.5s;}
.footer-1-l-dh a:hover{ color: #999;}
.footer-2{ border-top: 1px solid Rgba(255, 255, 255, 0.1); padding-top: 20px; display: flex; justify-content: space-between; color: #7e7e7e; font-size: 12px; margin-top: 35px;}
.footer-2 a{ color: #7e7e7e;transition: all 0.5s;}
.footer-2 a:hover{ color: #fff;}

.sll_top{ width: 30px;height: 30px;background: #666;display: block;text-align: center;line-height: 28px; border-radius: 50%; position: fixed;right: 17px;bottom: 20px; transition: 0.7s; box-shadow: 0 0 5px rgba(0,0,0,0.2); cursor: pointer;z-index: 19; transform: translateX(100px);opacity: 0;filter:alpha(opacity=0);}
.sll_top_b{ transform: translateX(0);opacity: 1;filter:alpha(opacity=100);transition: 0.8s;}
.sll_top i{ display: block; transform: rotate(-90deg); color: #fff; font-size: 18px;}
.sll_top:hover{background: #7eb22f;}

.info{ padding: 19vh 0 7vh;}
.sxxwzgd{ height: calc(20px + 2vw); margin: 0; margin-left: 15px;}
.info .sbt span{ text-align: center;max-width: 100%;}
.sbtgd{ display: flex; font-size: calc(20px + 1vw); justify-content: center; text-transform: uppercase;}

.info-2{ position: relative; margin-top: 25px;}
.play-video svg{ width: 75px; position: absolute;top: 50%; left: 50%; transform: translate(-50%,-50%);}
.play-video svg .hexagon.on-dark,.play-video svg .icon.on-dark{fill: transparent;stroke: #fff;transition: 0.36s; width: 100px;}
.info-2 a{  width: 100%; height: 100%; display: block;position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.info-2:hover svg .hexagon.on-dark{fill:#fff;transition: 0.36s;}
.info-2:hover svg .icon.on-dark{fill: transparent;stroke: #000;transition: 0.36s;}
.info-2 img{ width: 100%;}
.info-3{ font-size: 16px; color: #666; line-height: 24px; max-width: 60%; margin: 8vh 0 8vh auto;}
.info-3 h1{ font-size: calc(20px + 1.5vw); font-weight: 300;color: #000; line-height: calc(20px + 1.8vw); margin-bottom: 19px; text-transform: uppercase;}
.info-3 strong{ font-weight: bold; color: #333; display: block;padding-top: 28px; padding-bottom: 10px;}

.jjxxgd .swiper-slide{ position: relative;}
.jjxxgd .swiper-slide img{ width: 100%;}
.jjxxgd .swiper-slide .jjxxgd-wz{ position: absolute; top: 50%; transform: translateY(-50%); left: 8%;}
.jjxxgd-wz span{ font-size: calc(20px + 1vw); color:#fff; display: block;}
.jjxxgd-wz p{ color: #fff; font-size: 16px; max-width: 50%;}
.jjhbgd{padding: 25px 0 50px;}
.jjhbgd .swiper-slide{ overflow: hidden; cursor: pointer; border: 1px solid #f4f4f4;}
.jjhbgd .swiper-slide img{ width: 100%;}
.jjhbgd .swiper-slide p{ position: absolute; text-align: center; width: 100%; top: 50%; transform: translateY(-100%); opacity: 0; z-index: 10;transition: all 0.3s;}
.jjhbgd .swiper-slide:hover P{ opacity: 1; color: #fff;transform: translateY(-50%);}
.jjhbgd .swiper-slide::after{ position: absolute; content: ''; background: Rgba(0, 74, 90, 0.8); top: 0; transform: translateY(105%); left: 0; width: 100%; height: 100%; z-index: 9;transition: all 0.5s;}
.jjhbgd .swiper-slide:hover::after{ transform: translateY(0);}
.info-5 .sbt span{ text-align: left;}

.info-kcx{ background: #f4f4f4; padding: 8vh 0;}
.jjkcxgd .swiper-slide{ background: #fff;transition: all 0.5s;}
.jjkcxgd-z{ padding: 40px;transition: all 0.5s;}
.jjkcxgd-z span{ font-size: 24px; display: block; padding-bottom: 15px;}
.jjkcxgd-z p{color: #666; line-height: 20px;}
.jjkcxgd .swiper-slide:hover{ background: Rgba(0, 74, 90, 1);}
.jjkcxgd .swiper-slide:hover .jjkcxgd-z{ color: #fff; transform: translateY(-10px);}
.jjkcxgd .swiper-slide:hover .jjkcxgd-z p{ color: #fff;}
.info-4{ position: relative; margin-bottom: 8vh; overflow: hidden;}
.info-4-d{position: absolute; top: 0; left: 0; z-index: 10;}
.info-4-d img:nth-child(3){ position: absolute; right: -63px; top: 50%; transform: translateY(-50%); z-index: 11;}
.info-4 img{ max-width: 100%;}
.jjkcxgd img{ width: 100%;}
.cplb{ display: flex; justify-content: space-between; padding: 8vh 0 6vh;}
.cplb-l{ width: 280px;}
.cplb-r{ width: calc(100% - 350px);}
.cplbok{ display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: 0;}
.cplbok a{ width: 23.5%; margin-bottom: 25px;transition: all 0.5s; position: relative;}
.cplbok a p{ color: #666; padding: 10px 0 5px;}
.cplbok a img{ width: 100%;}
.cplbok a:last-child{ height: 0;}
.cplbok a:hover{ transform: translateY(-10px);}
.cplbok a::after{content: "";width: 100%; height: 100%; position: absolute; top: 0; background: Rgba(0, 74, 90, 0);transition: all 0.5s;}
.cplbok a:hover::after{background: Rgba(0, 74, 90, 0.8);}
.cplbok a i{ position: absolute; top: 60%; left: 50%; transform: translate(-50%,-50%); z-index: 100; display: block; font-size: 46px; color: #fff; opacity: 0; transition: all 0.5s;}
.cplbok a:hover i{ opacity: 1;top: 48%;}
.cplbok::after{ content: ''; height: 0; width: 22%;}
.cplbok a:last-child{ height: 0;}

.join_list li{margin:3px 0; border-bottom: 1px solid #f6f6f6;}
.join_list li div{width:100%;display:table;padding:8px 10px; display: flex; justify-content: space-between;align-items: center; background-color:#fff;cursor:pointer;box-sizing:border-box;-moz-box-sizing:border-box;transition:all .8s}
.join_list li div:hover{background-color:#205261;transition:all .5s}
.join_list li.active div{background-color:#205261}
.join_list li.active div:hover{background-color: #205261}
.join_list li div:hover{color:#fff; background: #80b33a;}
.join_list li div:hover i{ color: #fff;}
.join_list li:last-child{margin-bottom:1px}
.join_list li.active div{color:#fff}
.join_list li div i{font-size:15px;transition: all 0.5s;}
.join_list li div span i{ transform: rotate(90deg); display: block;}
.join_list li article{display:none;width:100%;padding:15px 22px;background:#fff}
.join_list li article label{ display: flex; align-items: center; color: #666; line-height: 22px; cursor: pointer;}
.join_list li article label:hover{ color: #205261;}
.join_list li article label input{ margin-right: 7px;}
#dqcd{ color: #205261; font-weight: bold;}
.join_list li div p{ display: flex; align-items: center; font-size: 16px; text-transform: uppercase;}
.join_list li div p i{ margin-right: 10px;font-size: 20px; color: #999; }
.join_list li.active div i{ color: #fff;}
.join_list li:nth-child(1) article{ display: block}
.mbx{ margin-bottom: 25px; color: #999; font-size: 12px;}
.mbx u{ color: #000; padding-right: 3px;font-weight: bold;}
.mbx a{ border: 1px solid #f4f4f4; padding: 5px 10px; margin-left: 6px; border-radius: 5px; color: #000;}
.mbx a:hover{ background: #80b33a; color: #fff;border: 1px solid #80b33a;}
.mbx a span{ padding-left: 5px; font-family: Arial, Helvetica, sans-serif;}
.join_list li.active div span i{transform: rotate(0deg);}
input[type=checkbox]{width: 13px; height: 13px;  position: relative;border-radius: 3px; overflow: hidden; border:none;}
input[type=checkbox]::after {position: absolute; top: 0;color: #000; width: 13px; height: 13px; background: #f4f4f4; display: inline-block;visibility: visible; padding-left: 0px; text-align: center; content: ' ';overflow: hidden; }
input[type=checkbox]:checked::after {content: "✓";color: #fff;font-size: 10px;line-height: 13px;background-color: #80b33a;overflow: hidden;}
.new{ position: absolute; top: 8%; right: 10%; width: 40px; height: 40px; line-height: 40px; text-align: center; border-radius: 50%; background: #7eb12f; color: #fff; font-weight: bold; font-size: 12px;}
.cplbgd .swiper-pagination{ text-align: right; right: 3%; left: auto;}
.cplbgd .swiper-pagination-bullet{ background: #fff;}
.cplbgd .swiper-slide img{ width: 100%;}

.cpxqh1{ font-size: 36px; font-weight: 300; padding-bottom: 15px;}
.cpxq-l{ width: 47.4%;}
.cpxq-l img{ width: 100%;}
.cpxq-r{ width: 48%; border-top: 1px solid #f4f4f4;}
.cpxq-r-1 ul{ display: flex; flex-wrap: wrap;}
.cpxq-r-1 .cpxqgdx .swiper-slide{ overflow: hidden; cursor: pointer;background: #205261;}
.cpxq-r-1 .cpxqgdx .swiper-slide img{ width: 100%; max-width: 160px; overflow: hidden;}
.cpxq-r-1 .cpxqgdx .swiper-slide p{ position: absolute; top: 50%; padding: 8px; transform: translateY(120%); width: 100%; text-align: center; color: #fff; font-size: 12px;transition: all 0.5s; opacity: 0;}
.cpxq-r-1 .cpxqgdx .swiper-slide:hover p{ transform: translateY(-50%); opacity: 1;}
.cpxq-r-1 .cpxqgdx .swiper-slide-thumb-active p{transform: translateY(-50%); opacity: 1;}
.cpxq-r-1 .cpxqgdx .swiper-slide-thumb-active img{opacity: 0.1;}
.cpxq-r-1 .cpxqgdx{padding-bottom: 38px;}
.cpxq-r-1 .swiper-pagination-progressbar{top: auto; bottom: 0;}
.cpxq-r-1 .swiper-pagination-bullet-active{background: #7eb12f;}
.cpxq-r-bt{ font-size: 18px;margin-top: 5vh; padding-bottom: 10px; }
.cpxqgd .swiper-slide p{ padding-top: 10px; font-size: 18px;}
.cpxqgd .swiper-button-next,.cpxqgd .swiper-button-prev{top: auto;width: 16px;height: 16px;background-size: 16px 16px;margin-top: -20px;}
.cpxqgd .swiper-button-prev{ left: auto; right: 10%;}
.cpxqgd{ overflow: hidden!important;}

.cpxq-r-nr,.cpxq-r-nr a{color: #666;}
.cpxq-r-nr a:hover{ color: #7eb12f;}
.cpxq-r-nr a i{ margin-right: 10px;}
.cpxq-dbt{ margin-top: 6vh; border-top: 1px solid #ccc; padding-top:20px; font-size: 24px;}
.xgmlyygd{ margin-top: 20px; padding-bottom: 40px;}
.xgmlyygd .swiper-pagination{ bottom: 0;}
.xgmlyygd .swiper-slide img{ width: 100%;}

.lxwm{ padding: 10vh 0;}
.lxwmt{ font-size: calc(20px + 1vw);line-height: calc(20px + 1.2vw);color: #000; text-align: center; text-transform: uppercase;}
.lxwmlx{ padding-top: 8vh;}
.lxwmlx h1{ font-size: 24px; font-weight: 500;text-align: center; text-transform: uppercase;}
.cont_nr{padding-top: 35px;}
.cont_nr li{ float:left; width:calc(100%/3 - 2%); margin-right:2%; text-align:center; background:#fafafa; font-size: 12px;}
.cont_nr li:last-of-type{ margin-right: 0; cursor: pointer;}
.cont_nr li:hover{background:#7eb12f; color: #fff;}
.cont_nr li:hover a{color: #fff;}
.cont_nr li:hover .cont_ms{color: #fff;}
.cont_nr li i{font-size: 50px; opacity: 0.3;filter:alpha(opacity=30);}
.cont_nr li:hover i{opacity: 1;filter: alpha(opacity=100);}
.cont_nr li{ display:block;padding:50px 0;}
.cont_bt{ font-size:14px; font-weight:500; padding-bottom:10px; padding-top:8px; color:#000;}
.cont_ms{ font-size:14px; color:#000; line-height:24px; padding: 0 30px;}
#dituContent{ width:100%; height:500px;}
#GBookAdd{ position: relative;}
#GBookAdd .wenben{ width: 32%; float: left; margin-right: 1.9%; color: #000;margin-bottom: 22px;}
#GBookAdd .wenben .titles_p{font-size: 14px; margin-bottom: 10px;}
#GBookAdd .wenben .text{ width: calc(100% - 20px); height: 48px;line-height: 48px; padding: 0 10px; border-bottom: 1px solid #f4f4f4; background: inherit; color: #000;}
#GBookAdd .wenben:nth-of-type(3){margin-right: 0;}
#GBookAdd .neirong{margin-top: 30px; margin-bottom:20px;}
#GBookAdd .neirong .cmessage{ width: calc(100% - 22px); padding: 10px; min-height: 150px; font-family: Microsoft Yahei; border-bottom: 1px solid #f4f4f4; background: inherit;color: #000;}
#GBookAdd .neirong .titles_p{font-size: 14px; margin-bottom: 10px;}
#GBookAdd .submit{ width: 200px;height: 42px; display: block; background: #ccc; color: #fff;margin: 0 auto; font-size: 14px;border-radius:5px;}
#GBookAdd .submit:hover{ background:#7eb12f; cursor:pointer;}
.lysm{ padding-top: 50px; font-size: 12px; color: #666; padding-bottom: 20px;}


.nrbanner{ position: relative; overflow: hidden;}
.nrbanner img{animation: scaleUpDown 10s forwards cubic-bezier(0.25, 0.46, 0.45, 0.94); width: 100%;}
@keyframes scaleUpDown {
    from { -webkit-transform: scale(1.08); transform: scale(1.08); }
    to { -webkit-transform: scale(1); transform: scale(1); }
}
.nybanner-wz{ position: absolute; top: 55%; transform: translateY(-50%); left: 10%; color: #fff; width: 80%;}
.nybanner-wz p{  font-size: calc(20px + 1.5vw); text-transform: uppercase;}
.nybanner-wz span{font-size: 20px; display: block;}
.linggan{ padding-top: 5vh; margin-left: 25px;max-width: 81.8%;margin-left: 10%;}
.linggan li{clear:both;margin-bottom: 25px; width:calc(100%/5 - 26.1px); margin-right: 25px;overflow: hidden;transition: all 0.5s; position: relative;}
.linggan li a{ display: block; position: relative;}
/* .linggan li a::after{ position: absolute; background: #000; width: 100%; height: 100%; content: ''; top: 0; left: 0; opacity: 0;transition: all 0.5s; z-index: 5;} */
.linggan li img{ width: 100%;border-radius: 8px; overflow: hidden;}
.linggan li:hover{ transform: translateY(-10px);}
/* .linggan li:hover a::after{ top: 0; opacity: 0.5;} */
.linggan li a p{ padding: 15px 0 10px; z-index: 10; color: #333;  transition: all 0.5s;}
.linggan li:hover a p{transform: translateY(-5px);}

.qushi .sbt span{ text-align: left; max-width: 60%;}

.shejishigd{padding: 50px 0;}
.shejishigd .swiper-slide{position: relative;overflow: hidden;width: 33%;margin-right: 1%;background: #000;}
.shejishigd .swiper-slide a{display: block;height: 100%;width: 100%;}
.shejishigd .swiper-slide:before{content: '';width: 100%;height:100%;display: block;position: absolute;top: 0;left: 0;background: url(../images/indexnews_img_back.png);background-repeat: repeat-x;background-size: 100% 100%;background-position: bottom left;z-index: 5;pointer-events: none;}
.shejishigd .swiper-slide p{position: absolute;width: 100%;display: block; padding: calc(0.7rem + 0.7vw) calc(1rem + 1vw); bottom: 0%; color: #fff;z-index: 10;pointer-events: none;}
.shejishigd .swiper-slide .typography-label{font-size: 17px;}
.shejishigd .swiper-slide .typography-body{font-size: 12px;opacity: 0.5;}
.shejishigd .swiper-slide img{transform: scale(1);-webkit-transition: all 0.6s ease;-moz-transition: all 0.6s ease;-ms-transition: all 0.6s ease;-o-transition: all 0.6s ease;transition: all 0.6s ease;}
.shejishigd .swiper-slide i{position: absolute;width: calc(4rem + 1.3vw);height: calc(4rem + 1.3vw);line-height: calc(4rem + 1.3vw);background: rgba(255,255,255,0.25);border-radius: 50%;display: block;left: 0%;top: 0;right: 0;bottom: 0;margin: auto;text-align: center;font-size: calc(1rem + 0.5vw);opacity: 0;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;pointer-events: none;}
.shejishigd .swiper-slide:hover img{transform: scale(1.05);opacity: 0.6;filter:alpha(opacity=60);}
.shejishigd .swiper-slide:hover i{opacity: 1;filter:alpha(opacity=100);}
.shejishigd .swiper-slide i:before{transform: translate(2px,2px);display: block; color:#fff;}

.swiper-scrollbar-drag{ background: #7eb12f;}
.swiper-container-horizontal>.swiper-scrollbar{ left: 0; width: 100%; height: 3px;}
.news-inner-list {display: flex;flex-wrap: wrap; padding: 10vh 0 0;}
.news-inner-list li{float: left;position:relative;margin-bottom:36px;width: 32%; margin-right: 2%;padding-bottom: 162px;overflow: hidden;}
.news-inner-list li:nth-child(3n+3){margin-right: 0;}
.news-inner-list li figure{position: relative; display: block; padding-bottom: 65%; height: 0; overflow: hidden; line-height: 1; transition: 0.58s;}
.news-inner-list li figure img{position: absolute; left: 0; top: 0; width: 100%; height: auto; transition: 0.58s;}
.news-inner-list li figure b{position: absolute; left: 50%; top: 50%; margin-left: -27px; margin-top: -27px; display: block; line-height: 1; font-size: 54px; font-weight: normal; transition: 0.4s; z-index: 3; color: #fff;}
.news-inner-list li a:hover figure{transform: translateY(-100%); opacity: 0;}
.news-inner-list li a:hover figure img{transform: scale(1.05);}
.news-inner-list li a:hover .news-inner-text{padding-top: 54px; margin-top: 0; top: 0%; background: #7eb12f;}
.news-inner-list li a:hover .news-inner-text p{opacity: 1; visibility: visible; color: #fff;}
.news-inner-text{position: absolute; left: 0; top: 100%; margin-top: -162px; box-sizing: border-box; width: 100%; height: 100%; padding:35px; transition: 0.58s; background: #f9f9f9;}
.news-inner-text time{display: block; margin-bottom: 14px; line-height: 1; color: #999999; font-size: 14px;}
.news-inner-text strong{display: block; line-height: 1.4; font-weight: 300; color: #2c3441; font-size: 20px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; transition: 0.56s;}
.news-inner-text p{margin-top: 35px; color: #666666; font-size: 14px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; opacity: 0; visibility: hidden; transition: 0.68s;}
.news-inner-text span{margin-top: 100px; display: inline-block; color: #2c3441; font-size: 14px; line-height: 32px; }
.news-inner-text span i{display: inline-block;  margin-right: 8px; width: 32px; height: 32px; border-radius: 50%; text-align: center; line-height: 32px; background: #d0121b; font-size: 18px; color: #fff; font-weight: bold; transition: 0.38s;}
.news-inner-list li a:hover .news-inner-text time,.news-inner-list li a:hover .news-inner-text strong,.news-inner-list li a:hover .news-inner-text span{ color: #fff;}
.news-inner-list li a:hover .news-inner-text span i{ background: Rgba(255, 255, 255, 0.5); color: #7eb12f;}
.xwxqt{color: #000;border-bottom: 2px solid #000; padding-bottom: 20px;}
.xwxqt h1{ font-size: calc(20px + 1.3vw);line-height: calc(20px + 1.6vw); font-weight: 500; padding-bottom: 15px;}
.xwxqt p{ color: #666;}
.xwxqnr{ padding-top: 8vh;}
.xwxqnr img{ max-width: 100%; margin: 0 auto; display: block;}
.fxsyy{ text-align: center; padding-top: 5vh;}
.fxsyy a{ display: block; border: 1px solid #f1f1f1; padding: 10px 0; width: 180px; margin: 0 auto;transition: 0.5s;}
.fxsyy a:hover{ background: #7eb12f; color: #fff;border: 1px solid #7eb12f;}
.cqxq-sjlg-nr{ padding-top: 15px;}
.sjs-xq-js{ padding-top: 5vh;}
.sjs-xq-js .sbt p{ font-size: calc(20px + 1.5vw); line-height: calc(20px + 1.8vw); font-weight: 100; border-bottom: 1px solid #f4f4f4; padding-bottom: 10px; }
.sjs-xq-js .sbt span{ font-size: 14px; color: #666; margin-top: 15px; display: block;}
.pagelist{text-align:center;padding:12px 0 60px;}
.pagelist li{display:inline-block;margin-right:2px;}
.pagelist li{*display:inline;}
.pagelist a{display:inline-block;padding:6px 14px;color:#666;background:#eee;text-decoration:none;}
.pagelist li a:hover{background:#ccc}
.pagelist li.on a{background:#7eb12f; color: #fff;}
.pagelist li.disabled{border-color:#999;}
.pagelist li.disabled a{background:#C0C0C0;color:#999;cursor:no-drop;pointer-events:none}
.pagelist li:nth-child(-n+2){ display: none;}
.pagelist li:nth-last-child(-n+2){ display: none;}
.cpxqsjd{ padding-top: 0;}


@media (max-width:1440px) {
    .linggan {margin-left: 6%;max-width: 89.8%;}
    .sbt span{ max-width: 80%;}
    .linggan li{width:calc(100%/4 - 26.1px);}
     .sxxx .sbt{left: 6%;padding-right: 6%;}
}

@media (max-width:1024px){
  .sjcd{ float:left;margin-right: 0.5rem; color:#fff;}
  #top .nav{display: none;}	
  #top{ min-width:inherit; transform: translateY(0%);background:#fff;overflow: hidden;position: fixed;top: 0;left: 0;z-index: 100;width: 100%; padding: 10px 5%;box-shadow: 0px 0px 75px 0px rgb(0 0 0 / 7%);}
  #top .logo{float: left;}
  #top .logo a{display: block; float: left;}
  #top .logo a h1{ font-size: 1.3rem;}
  #top .logo img{ height:50px; width:auto;}
  #top .menu{float: right;padding-top: 15px;}
  #top .menu em{font-style:normal;padding-right: 13px;padding-top: 0;display: none;float: left;}
  #top .menu span{ width: 2rem;float:right;padding-top: 1px;}
  #top .menu span i{ width: 100%;height:2px; display: block;background: #333; margin-bottom: 6px;}
  #top .menu .menu2 i:nth-of-type(1){transform:rotate(-45deg) translateY(10px);}
  #top .menu .menu2 i:nth-of-type(3){transform:rotate(45deg) translateY(-12px);}
  #top .menu .menu2 i:nth-of-type(2){transform:translateX(-40px);opacity: 0;filter:alpha(opacity=0); width: 0;}
  #top .right{ float: right; display: flex; align-items: center;}
  #top .right .r-ss{ margin-right: 25px;}
  #top .right .r-ss a i{ display: block;margin-top: 9px; font-size: 20px;}
  #top .right .r-ss form{top: 7px; right: -24px;}
  .top .nav{margin-left: 4%;}
  .top_hidden{ transform: translateY(-100%); opacity: 0;filter:alpha(opacity=0);}
  .hback{ width: 100%; height: 100%;background: rgba(0,0,0,0.8); display: block; position: fixed; top: 0;left: 0;z-index: 0;opacity:0;filter:alpha(opacity=0); visibility: hidden;}
  .caidan{width: 50%; max-width: 400px; height: 100%;background: #fff; position: fixed; top: 0; right:0; z-index: 101; transform: translateX(100%); visibility: hidden; display: block;}
  .caidan .caidan_nav{ padding: 59px 0% 0; height: calc(100% - 40px);overflow-y: scroll;}
  .caidan .caidan_nav ul>.menu_list_box_item{border-bottom: 1px solid rgba(0,0,0,0.1);}
  .caidan .caidan_nav ul>.menu_list_box_item:nth-child(1){border-top: 1px solid rgba(0,0,0,0.1); padding-top: 20px;}
  .caidan .caidan_nav ul>.menu_list_box_item .caidan_1{ padding: 0 5% 0 10%;display: block; font-size:1rem;height:3rem;line-height:3rem; }
  .caidan .caidan_nav ul>.menu_list_box_item .sjcd1{ padding: 0 5% 0 10%;display: block; font-size:1rem;height:3rem;line-height:3rem; width: 80%;float: left;}
  .caidan .caidan_nav ul>.menu_list_box_item .sjcd2{width: 40%; float: right;}
  .caidan .caidan_nav ul>.menu_list_box_item .caidan_1:hover{}
  .caidan .caidan_nav ul>.menu_list_box_item .caidan_1 i{float: right; opacity: 0.6;filter:alpha(opacity=60);font-size: 20px;pointer-events:none}
  .caidan .caidan_nav ul>.menu_list_box_item:hover .caidan_1 i{transform: rotate(90deg);}
  .caidan.caidan_oppen{ transform: translateX(0%);z-index: 66; visibility: visible;}
  .caidan_hidden{transform: translateX(100%);}
  .caidan .caidan_nav ul .caidan_2box{width: 100%; padding:4% 0 4% 10%; display: none; background: #f6f6f6;}
  .caidan .caidan_nav ul .caidan_2box li{height: 30px;line-height: 30px; border-top: 1px solid rgba(0,0,0,0.05);}
  .caidan .caidan_nav ul .caidan_2box li:nth-of-type(1){border-top: 0;}
  .caidan .caidan_nav ul .caidan_2box li:hover a{transform:translateX(10px);}
  .caidan .caidan_nav ul .caidan_2box li a{ font-size: 12px; display: block;}
  .zbsjdh{ padding: 20px 8% 0;}
  .zbsjdh a{ width: 49.5%;float: left;background:#f6f6f6;text-align: center;line-height: 36px;height: 36px;margin-right: 1%; color: #333;}
  .zbsjdh a:nth-child(2){ margin-right: 0;}
  .cpcd{ display: none;}
}


@media(max-width:768px){
    .header{ display: none;}
    .news-inner-list li{ width: 48%;margin-right: 2%;}
    .news-inner-list li:nth-child(3n){ margin-right: 2%;}
    .news-inner-list li:nth-child(2n){ margin-right: 0;}
    .news-inner-list{ padding: 50px 0 10px;}
    .cplb{ flex-wrap: wrap;}
    .cplb-l{ width: 100%;}
    .cplb-r{ width: 100%;}
    .info{ padding: 110px 0 30px;}
    .mbx{ margin-bottom: 25px;}
    .cplbgd{ margin-bottom: 0; padding-top: 68px;}
    .cplb-r .mbx{ margin-top: 30px;}
    .cont_nr li{ width: 100%;padding: 20px 0; margin-bottom: 8px;}
    .cont_nr li:last-of-type{ margin-bottom: 0;}
    .lxwmlx{ padding-top: 50px;}
    .lxwm{ padding: 50px 0;}
    .cplb{ padding: 30px 0 50px;}
    .info-kcx{ padding: 50px 0 30px;}
    .cont_nr li i{ line-height: 50px;}
    .info-3{max-width: 100%;margin: 40px 0;line-height: 20px;font-size: 14px;}
    .info-3 strong{ padding-top: 18px; padding-bottom: 5px;}
    .sbtgd{ font-size: 20px; line-height: 22px; overflow: hidden;margin-top: 8px;}
    .info-3 h1{ margin-bottom: 5px; font-size: 24px; line-height: 26px;}
    .jjkcxgd-z span{padding-bottom: 5px;}
    .info-4{ margin-bottom: 50px;}
    .play-video svg{width: 50px;}
    .info-4-d img:nth-child(3){max-width: 54%;right: -41px;}
    .slg-nrw{ flex-wrap: wrap;}
    .slg-nr-l{ width: 100%;}
    .slg-nr-r{ width: 100%; display: flex; justify-content:  space-between;margin-top: 10px;}
    .slg-nr-r .slg-nr-l-1{ width: 48.5%;}
    .slg-nr-r .slg-nr-l-1:nth-child(2){ margin-top: 0;}
    .swi_index_banner{ height: 73vh; padding-top: 68px;}
    .nrbanner{ padding-top: 68px;}
    .footer-2 a{ float: left;}
    .footer-2 a:nth-of-type(2){ margin-left: 6px; float: left;}
    .jjxxgd .swiper-slide .jjxxgd-wz{ position: static; transform: none; background: #f6f6f6; padding: 25px 15px 35px;}
    .jjxxgd-wz span{ font-size: 24px; color: #000;}
    .jjxxgd-wz p{ font-size: 14px; color: #666; max-width: 100%; line-height: 18px;}
    .jjkcxgd{ padding-bottom: 35px;}
    .jjkcxgd-z{ padding: 23px;}
    .jjxxgd{ padding-bottom: 15px; background: #f4f4f4;}
    .cplbok a{ width: 32%;}
    .linggan li a p{ position: static;font-size: 13px;color: #333; padding: 15px 0 0;}
    .linggan li a::after{ display: none;}
    .qushi .sbt span{ max-width: 100%;}
    .swi_index_banner .swiper-pagination{ bottom: 20px;}
    .sbt p{ font-size: 24px; line-height: 26px;}
    .sbt span{ font-size: 14px; max-width: 100%;}
    .slg{ padding: 55px 0;}
    .shml{ padding: 55px 0 36px;}
    .smllb .swiper-slide:hover,.smllb .swiper-slide:hover p{ transform: translateY(0);}
    .smllb .swiper-slide p{ margin-top: 10px; font-size: 14px; line-height: 18px;}
    .nybanner-wz{ top: 70%; left: 6%; width: 88%;}
    .news-inner-list li{ padding-bottom: 0;}
    .news-inner-text p,.news-inner-text span{ display: none;}
    .news-inner-text{ position: static; margin-top: 0;}
    .news-inner-list li a:hover figure {transform: none;opacity: 1;}
    .news-inner-list li a:hover .news-inner-text{ padding-top: 0;}
    .news-inner-text strong{ font-size: 18px;}
    .join_list li:nth-child(1) article{ display: none;}
    .cpxq-l,.cpxq-r{ width: 100%;}
    .cpxqh1{ font-size: 28px;}
    .cpxq-r-bt{ margin-top: 30px;}
    .cpxq-r-1 .cpxqgdx .swiper-slide:hover p{ transform: translateY(-50%) scale(0.85);}
    .cpxq-dbt{ margin-top: 0;}
    .cpxqsjd{ padding-top: 0;}
    .linggan{ margin-left: 6%;}
    .linggan li{width: calc(100%/3 - 6.1%); margin-right:6%;}
    .linggan {max-width: 91%;}

}
@media(max-width:640px){
    .caidan{  width: 70%;}
    .news-inner-list li{ width: 100%;margin-right: 0;margin-bottom: 20px;}
    .news-inner-list li:nth-child(3n){ margin-right: 0;}
    .news-inner-text{ padding: 25px;}
    .footer-1-r{ display: none;}
    .footer-2{ display: inherit;padding-top: 10px;margin-top: 20px;}
    footer{ padding: 40px 0;}
    .footer-1-l-dh,.footer-1-l .footer-1-l-z dl dt{ font-size: 24px;}
    .footer-1-l .footer-1-l-z dl{ flex-wrap: wrap;}
    .footer-1-l .footer-1-l-z dl dt{ width: 100%;}
    .footer-1-l .footer-1-l-z dl dd{ width: 100%; margin-left: 0; margin-top: 15px;}
    .footer-1-l-dh i{ margin-top: 9px;}
    .footer-1-l .footer-1-l-z dl dt p{ font-size: 14px;}
    .footer-1-l-dh{ margin-top: 10px;}
    .lxwmlx h1{ font-size: 18px;}
    .sxxx .sbt a{ font-size: 14px;width: 160px;}
    .slg-nr-l-1 p{ padding: 0 15px; font-size:14px;}
    .nybanner-wz span{ font-size: 14px;}
    .cplbok a{ width: 48.5%;margin-bottom: 18px;}
    .linggan li{width: calc(100%/2 - 6.1%); margin-right:6%;}
    
}

@media(max-width:640px) {
    .sbtgd{ font-size: 18px; line-height: 20px;}
}