@charset "utf-8"; /* CSS Document */ html{} body{font-family:"microsoft yahei"; font-size:100%; color:#434343; margin:0px auto; padding:0px; overflow-x:hidden;max-width: 1920px;} ol,ul,li,p,dl,dt,dd,h1,h2,h3,h4,h5,h6{list-style:none outside none; margin:0px; padding:0px; font-size:100%; font-weight:normal;} img {border:none;} a:link, a:visited {color:#323232; text-decoration: none;outline:none;} a:hover, a:active {color:#323232; text-decoration: none;outline:none;} .clear{clear:both;} .fl{ float:left;} .fr{ float:right;} .dw{ position:relative;} .cj{ overflow:hidden;} .gm_top{width: 95%;max-width: 1600px;margin: 0 auto;} .gm{width: 95%;max-width: 1400px;margin: 0 auto;} .agm{width: 95%;max-width: 1600px;margin: 0 auto;} img{max-width: 100%;vertical-align: bottom;border-style: none!important;} .green-black {display:block; padding-top:50px; clear:both;} .green-black a {font-size: 0.875rem;padding:5px 8px;border:1px solid rgba(0,0,0,0); height:12px; line-height:12px; zoom:1; overflow:auto; margin-left:3px; margin-right:3px; color:#b4b4b4; text-decoration:none;color: black;border-radius: 5px;border:1px solid #DDDDDD;transition: .5s;} .green-black a:hover {border:1px solid #edaf38; height:12px; line-height:12px; zoom:1;overflow:auto; margin-left:3px; margin-right:3px;color: #fff;background: #edaf38;} .green-black span.current {padding:5px 8px;border:1px solid #edaf38; color:#fff; height:12px; line-height:12px; zoom:1; overflow:auto; margin-left:3px; margin-right:3px; margin-top:0px; margin-bottom:0px;border-radius: 5px;background: #edaf38;font-size: 0.875rem;} ::-webkit-scrollbar {width:3px;height:8px;background-color:#fff;border-radius:4px; position:relative;} ::-webkit-scrollbar-thumb {background-color:#b1b1b1;border-radius:3px;} #dituContent{ height:750px!important; box-sizing: border-box;} @media screen and (max-width:770px){ #dituContent{ height:400px!important;} } .xd em{width: 100%!important;left: 0!important;} .xd a{font-weight: bold!important;color: #3cae47!important;} .fswzj{display: none;} @font-face { font-family:"arial"; src: url("../font/arial.eot"), url("../font/arial.ttf"); } @font-face { font-family:"qr"; src: url("../font/qr.eot"), url("../font/qr.ttf"); } @font-face { font-family:"gsb"; src: url("../font/gsb.eot"), url("../font/gsb.ttf"); } @font-face { font-family:"dpr"; src: url("../font/dpr.eot"), url("../font/dpr.ttf"); } @font-face { font-family:"st"; src: url("../font/st.eot"), url("../font/st.ttf"); } @font-face { font-family:"hmr"; src: url("../font/hmr.eot"), url("../font/hmr.ttf"); } @font-face { font-family:"dpb"; src: url("../font/dpb.eot"), url("../font/dpb.ttf"); } .nav_box{z-index: 999;position: fixed;width: 100%;transition: .5s;box-sizing: border-box;top: 0;} .nav_box .gm_top{display: flex;justify-content: space-between;align-items: center;position: relative;} .nav_box::before{content: "";width: 100%;height: 100%;background: rgba(255,255,255,0.9);left: 0;top: 0;display: block;position: absolute;-webkit-backdrop-filter: blur(5px);backdrop-filter: blur(5px);transition: .5s;} .top_logo{position: relative;z-index: 2;} .top_r_list{display: flex;align-items: center;justify-content: space-between;} .top_l{display: flex;align-items: center;} .top_logo p{color: #010101;font-size: 0.9375rem;text-align: center;letter-spacing: 2.5px;margin-top: 5px;} .top_nav>ul{display: flex;width: 100%;} .top_nav>ul>li{text-align: center;transition: .5s;margin-right: 55px;position: relative;} .top_nav>ul>li:nth-last-child(1){margin-right: 0;} .top_nav>ul>li>a{padding: 38px 0;transition: .5s;z-index: 9;font-size: 1.125rem;;position: relative;display: block;color: #6c6c6c;text-transform: uppercase;} .top_nav>ul>li>em{width: 0;height: 4px;top: 0;position: absolute;transition: .5s;background: #3cae47;right: 0;border-radius: 50px;} .top_nav>ul>li:hover>em{width: 100%;left: 0;} .top_nav>ul>li:hover>a{font-weight: bold;color: #3cae47;} .top_r{position: relative;} .top_r ul{display: flex;transition: .5s;align-items: center;} .top_r ul li a{display: flex;align-items: center;font-size: 1.625rem;color: #fff;font-family: "dpr";font-weight: bold;} .top_r ul li img{margin-right: 10px;} .top_box_move{z-index: 999;top: 0;box-shadow: 0 0 15px rgba(0,0,0,0.2);} .mob_logo{display: none;} .sear_dw{position: relative;background: white;} .sear{position: absolute;right: 0;transition: .5s;bottom: 0px;width: 100%;text-align: center;z-index: -1;} .sear form{width: 50%;margin: 0 auto;position: relative;} .d1 {background: #06376c;padding: 20px 0;box-sizing: border-box;} .d1 input {box-sizing: border-box;width: 100%; height: 42px;padding-left: 10px; border: 2px solid #5287bf; border-radius: 5px; outline: none; background: #fff;color: #9E9C9C;} .d1 button {box-sizing: border-box;position: absolute; top: 0; right: 0px; width: 42px;height: 42px; border: none; background: #5287bf; border-radius: 0 5px 5px 0; cursor: pointer;} /* 移动端导航按扭 */ .mob_inner_box{display: none;z-index: 10;} .mob_txt h1{font-size: 1.75rem;margin-right: 10px;} .mob_ico span{margin-bottom:8px ;width: 34px;height: 2px;background: #3cae47;display: block;transition: 0.3s;} .mob_ico span:nth-last-child(1){margin-bottom: 0;} .menu_bg{background: black;opacity: 0.85;width: 50%;position: absolute;display: none;right: 0;top: 80px;} .menu_bg_show{transition: 0.5s;} .menu_txt{text-align: center;} .menu_txt ul li{border-bottom: 1px solid rgba(255,255,255,0.4);transition: all 0.5s;} .menu_txt a{font-size: 1.125rem;color: white;padding: 20px 0px;display: block;} .mob_ico_show span:nth-of-type(1){transform: translateY(10px) rotate(-45deg);} .mob_ico_show span:nth-of-type(2){opacity: 0;} .mob_ico_show span:nth-of-type(3){transform: translateY(-10px) rotate(45deg);} /* 延迟加载菜单文字 */ .menu_txt a{ -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: returnToNormal; animation-name: returnToNormal; } @-webkit-keyframes returnToNormal { 0% {opacity: 0;transform: translate3d(0, -100%, 0);} 100% {opacity: 1;transform: none;} } @keyframes returnToNormal { 0% {opacity: 0;transform: translate3d(0, -100%, 0);} 100% {opacity: 1;transform: none;} } @media screen and (max-width:1270px) { .mob_inner_box{display: block;} .top_r_list{display: none;} .nav_box .gm_top{height: 80px;position: static;} .nav_box2 .gm_top{height: 80px;position: static;} .nav_box{height: auto;} .top_r{display: none;} } /* 移动端导航按��?*/ @media screen and (max-width:768px) { .logo h1{font-size: 1.75rem;} .top_r_list::after{display: none;} .top_logo {width: 70%;padding:0;} .logo_box{padding: 10px 0;} .top_nav ul{display: none;} .logo_txt{padding-left: 10px;margin-left: 10px;line-height: 30px;} .logo_img img{width: 17%;} .nav_box .gm_top{height: 80px;} .top_box_move{position: fixed;transition: .3s;z-index: 999;box-shadow: 0px 2px 0px 0px rgba(0,0,0,.1);} .logo i{display: block;line-height: 20px;} .menu_txt a{font-size: 1.1rem;color: rgba(255,255,255,0.9);padding: 15px 0;display: block;} .menu_txt ul li{padding:0;border-color: rgba(255,255,255,0.2);} .nav_box{background-position: -60px;} } @media screen and (max-width:520px) { .logo_txt p{display: none;} .top_logo>img{display: none;} .top_logo span{display: none;} .logo_txt{border: none;margin-left: 0;} .logo_txt h2{display: none;} .logo_txt h1{font-size: 0.85rem;} .mob_ico{margin-top: 3px;} .menu_bg{top: 53px;} .menu_txt a{font-size: 0.875rem;} .top_logo {width: auto;margin-left: 0px;} .top_logo img{height: 45px;} .mob_inner{top: 22%;} .mob_logo{display: flex;align-items: center;} .mob_logo>p{margin-left: 5px;color: black;font-weight: bold;} .nav_box .gm_top{height: 53px;} .logo i{display: none;} .menu_txt a{padding: 10px 0;} .top_logo a p:nth-child(2){margin-left: 5px;padding-left: 5px;} .nav_box{background-position: -225px;} } /* @media screen and (max-width:375px) { .menu_bg{top: 44px;} } */ .nav_rj .gm{display: flex;justify-content: space-between;align-items: center;max-width: 1400px;} .top_nav>ul>li:hover .nav_rj{opacity: 1;visibility: visible;} .nav_rj{transition: .35s;opacity: 0;visibility: hidden;position: absolute;width: 100vw;background: rgba(6,55,108,0.9);right: 0;top: 100%;margin: 0 auto;height: 250px;padding-top: 25px;box-sizing: border-box;} .nav_rjl h1{font-size: 1.875rem;color: white;text-transform: uppercase;text-align: left;margin-bottom: 10px;} .nav_rjl h1 span{font-size: 1.5rem;color: white;display: inline-block;margin-left: 5px;font-family: "Din";opacity: .2;} .nav_rjl p{color: #fff;margin-bottom: 20px;text-align: left;} .nav_rjl ul{display: flex;flex-wrap: wrap;} .nav_rjl ul li a{display: block;color: white;height: 50px;line-height: 50px;background: #0057b6;padding: 0 30px;} .nav_rjl ul li{margin-right: 10px;} .nav_rjr{border-radius: 5px;overflow: hidden;} /* 二级菜单 */ .rj{position: relative;} .rj>ul>li{background: rgba(255,255,255,0.9);z-index: 1;transition: .5s;position: relative;} .rj>ul>li>a{width: 100%;display: block;transition: .5s;color: black;line-height: 50px;height: 50px;} .xs{position: absolute;display: none;width: 130%;left: 50%;transform: translate(-50%,0);} .xs>li:hover{background: #8a0000;} .rj>ul>li:hover>a{color: white;} .rj .pl{background: #0e3d6c;} /* 二级菜单 */ @media screen and (max-width:1024px) { .rj ul li a{font-size: 0.95rem;} } .xs li:hover .top_menu{display: block;} .top_menu:hover{display: block;} .top_menu{position: absolute;top: -1px;left: 100%;display: none;z-index: 1;width: 100%;} .top_menu ul{display: flex;flex-direction: column;justify-content: flex-end;} .top_menu>ul>li>a{padding: 10px 0;transition: .5s;display: block;background: white;border-top: 1px solid #135393;} .top_menu>ul>li:hover>a{color: white;background: #135393;} /* banner */ .banner{position: relative;} .banner .swiper-pagination-bullet{width: 50px;height: 4px;background: white;opacity: 1;border-radius: 50px;transition: .5s;margin: 0 10px;} .banner .swiper-pagination-bullet-active{background: #3cae47;} .banner .swiper-pagination{bottom: 30px!important;z-index: 11;} .swiper-container{ --swiper-theme-color: #edaf38;/* 设置Swiper风格 */ --swiper-navigation-color: #edaf38;/* 单独设置按钮颜色 */ } .banner .swiper-slide img:nth-child(2){display: none;} @media screen and (max-width:768px) { .banner .swiper-slide img:nth-child(2){display: block;} .banner .swiper-slide img:nth-child(1){display: none;} .banner .swiper-pagination{ right: 0%!important; left: auto!important; bottom: 10px!important; } } .ina{padding-bottom: 110px;} .ina_tit{padding-top: 120px;} .ina_tit span{color: #747373;font-size: 3rem;font-family: "dpb";opacity: .1;text-transform: uppercase;} .ina_tit h2{color: #3cae47;font-size: 3rem;margin-top: -35px;font-weight: bold;} .ina_tit::after{content: "";width: 28px;height: 4px;background: #3cae47;display: block;margin: 55px 0;border-radius: 50px;} .ina_list{display: flex;position: relative;z-index: 2;justify-content: space-between;margin-bottom: 60px;} .ina_l{width: 50%;} .ina_txt{line-height: 36px;} .ina_txt p{color: #747373;font-size: 1.125rem;text-align: justify;} .ina_r{width: 49%;margin-top: -78px;pointer-events: none;} .ina_r img{max-width: none;float: left;} .ina_r img:nth-child(2){display: none;} .ina_bom ul{display: flex;justify-content: space-between;} .ina_bom ul li{display: flex;align-items: flex-start;} .ina_num h2{font-size: 4.5rem;font-family: "dpb";color:transparent;background: linear-gradient(120deg, #edaf38, #3cae47, #edaf38, #3cae47, #edaf38, #3cae47);-webkit-background-clip: text;animation: linears 10s infinite;background-size: 500%;} .ina_brn span{font-size: 3rem;font-family: "dpb";line-height: 40px;color:transparent;background: linear-gradient(120deg, #edaf38, #3cae47, #edaf38, #3cae47, #edaf38, #3cae47);-webkit-background-clip: text;animation: linears 10s infinite;background-size: 500%;} .ina_brn h3{color: #292929;font-size: 1.25rem;} .ina_br p{color: #4e4e4e;font-size: 1.125rem;} .ina_brn{margin-left: 5px;} .ina_num{display: flex;align-items: center;} .ina_ico{margin-top: 10px;margin-right: 5px;} .ina_bom{position: relative;} .ina_bom ul li:nth-child(2) .ina_ico{margin-top: 15px;} .ina_bom ul:nth-child(2){display: flex;position: absolute;width: 100%;top: 50%;left: 50%;transform: translate(-50%,-50%);} .ina_bom ul:nth-child(2) li{height: 29px;width: 1px;background: #d4d4d4;position: relative;} .ina_bom ul:nth-child(2) li:nth-child(3){left: 30px;} .ina_bom ul:nth-child(2) li:nth-child(4){left: 60px;} .ina_bom ul:nth-child(2) li:nth-child(1){opacity: 0;} .ina_bom ul:nth-child(2) li:nth-last-child(1){opacity: 0;} @media screen and (max-width:1366px) { .ina_tit::after{margin: 30px 0;} } @media screen and (max-width:1270px) { .ina_list{flex-direction: column-reverse;} .ina_r{width: 100%;margin-top: 100px;pointer-events: all;} .ina_r img{float: none;width: 100%;} .ina_r img:nth-child(1){display: none;} .ina_r img:nth-child(2){display: block;} .ina_tit{padding-top: 50px;} .ina_l{width: 100%;} .ina_bom ul:nth-child(2){display: none;} } @media screen and (max-width:768px) { .ina_ico{display: none;} } @media screen and (max-width:520px) { .ina{overflow: hidden;padding-bottom: 30px;} .ina_r{margin-top: 50px;} .ina_tit h2{font-size: 1.65rem;margin-top: -20px;} .ina_tit span{font-size: 2.25rem;} .ina_tit{padding-top: 20px;} .ina_tit::after{margin: 15px 0;} .ina_txt{line-height: 26px;} .ina_txt p{font-size: 1rem;} .ina_bom ul{flex-wrap: wrap;} .ina_bom ul li{width: 50%;margin-bottom: 20px;} .ina_num h2{font-size: 2.75rem;} .ina_brn span{font-size: 2rem;line-height: 25px;} .ina_brn h3{font-size: 1rem;} .ina_br p{font-size: 1rem;} .ina_list{margin-bottom: 30px;} } .inp{background: url(../img/inp_bg.jpg) center/cover no-repeat;padding-bottom: 70px;} .inp .gm{max-width: 1600px;} .inp_top{display: flex;justify-content: space-between;padding: 90px 100px 0;align-items: center;} .inp_tit h2{color: #3cae47;font-size: 3rem;font-weight: bold;} .inp_tit p{color: #737373;font-size: 1.375rem;} .inp_tit{position: relative;} .inp_tit img{position: absolute;top: -40px;left: -30px;} .inp_menu ul{display: flex;} .inp_menu ul li{margin-left: 45px;} .inp_menu ul li:nth-child(1){margin-left: 0;} .inp_menu ul li a{color: #6b6b6b;font-size: 1.25rem;font-weight: 100;transition: .5s;padding-bottom: 15px;position: relative;} .inp_menu ul li a::after{content: "";width: 0;height: 3px;background-image: linear-gradient(to right,#edaf38, #3cae47);position: absolute;right: 0;bottom: 0;transition: .5s;} .inp_menu ul li a:hover::after{width: 100%;left: 0;} .inp_menu ul li a:hover{color: #313131;} .inp_list{margin-top: 40px;} .inp_txt{padding: 20px 0;display: flex;align-items: flex-start;} .inp_txt img{margin-right: 15px;margin-top: 5px;} .inp_txt h2{color: #2c2c2c;font-size: 1.5rem;} .inp_txt p{color: #757575;} .inp_item a{display: block;padding: 29px;box-sizing: border-box;position: relative;} .inp_item a::after{content: "";width: 100%;height: 100%;box-sizing: border-box;border: 1px solid #cdcdcd;position: absolute;left: 0;top: 0;} .inp_img{overflow: hidden;} .inp_img img{transition: .5s;max-width: none;position: relative;transform: translate(-50%,0);left: 50%;} .inp_item:hover .inp_img img{transform: translate(-50%,0) scale(1.05);} .inp_nr{overflow: hidden;} .inp_nr .swiper-slide{width: auto;box-sizing: border-box;height: 599px;} .inp_nr .swiper-slide:nth-last-child(1n+2) .inp_item a::after{border-right: none;} .inp_nr .swiper-slide:nth-child(2n) .inp_item a::after{border-top: none;} .inp_nr .swiper-slide:nth-child(9) .inp_item a::after{border-right: 1px solid #cdcdcd;} .inp_nr .swiper{overflow: initial;padding-bottom: 70px;padding-left: 1px;padding-right: 1px;height: 1198px;} .inp_nr .swiper-pagination-bullet{width: 12px;height: 12px;background: #edaf38;opacity: 1;transition: .5s;} .inp_nr .swiper-pagination-bullet-active{background: #3cae47;} @media screen and (max-width:1440px) { .inp_top{padding: 90px 0 0;} } @media screen and (max-width:1270px) { .inp_menu{display: none;} .inp_img img{width: 100%;} .inp_nr .swiper-slide{height: auto;} .inp_nr .swiper{height: auto;padding-right: 2px;} .inp_nr .swiper-slide:nth-child(2n) .inp_item a::after{border-top: 1px solid #cdcdcd;} } @media screen and (max-width:1024px) { .inp_tit{margin-left: 20px;} } @media screen and (max-width:768px) { .inp_txt img{display: none;} .inp_txt{padding-bottom: 0;} } @media screen and (max-width:520px) { .inp_tit h2{font-size: 1.65rem;} .inp_tit p{font-size: 1rem;} .inp_item a{padding: 10px;} .inp_txt h2{font-size: 1rem;} .inp_txt{padding-top: 10px;} .inp_list{margin-top: 20px;} .inp_nr .swiper{padding-bottom: 40px;} .inp{padding-bottom: 50px;} .inp_nr .swiper-slide:nth-child(9) .inp_item a::after{border-right: none;} } .iny{background: url(../img/iny_bg.jpg) center/cover fixed no-repeat;height: 920px;} .iny .gm{max-width: 1600px;} .iny_tit{padding-top: 45px;text-align: center;} .iny_tit span{color: #fff;font-size: 3rem;font-family: "dpb";opacity: .1;text-transform: uppercase;} .iny_tit h2{color: #fff;font-size: 3rem;margin-top: -35px;font-weight: bold;} .iny_tit p{color: white;font-size: 1.5rem;margin: 15px 0 65px;} .iny_list ul{display: flex;justify-content: space-between;} .iny_list li{box-sizing: border-box;border: 1px solid rgba(255,255,255,0);padding-left: 25px;padding-top: 70px;border-radius: 30px 0 30px 0;background: rgba(255,255,255,0.2);width: 18.8%;height: 530px;overflow: hidden;position: relative;transition: .5s;cursor: pointer;} .iny_list h2{color: white;font-size: 2.5rem;font-weight: bold;margin-bottom: 35px;} .iny_list li:nth-child(1)::after{content: "";background: url(../img/iny_ico1.png) center/cover no-repeat;width: 153px;height: 136px;position: absolute;bottom: 1px;right: 1px;opacity: .7;border-radius: 0 0 30px 0;} .iny_list .on{width: 60%;border: 1px solid rgba(255,255,255,0.3);} .iny_list li:nth-child(2)::after{content: "";background: url(../img/iny_ico2.png) center/cover no-repeat;width: 162px;height: 135px;position: absolute;bottom: 1px;right: 1px;opacity: .7;border-radius: 0 0 30px 0;} .iny_list span{color: white;font-family: "dpr";font-size: 1.5rem;position: absolute;bottom: 45px;left: 25px;text-transform: uppercase;z-index: 2;} .iny_list li p{font-size: 1.125rem;color: white;line-height: 30px;height: 60px;transition: .5s;opacity: 0;padding-right: 150px;} .iny_list .on p{opacity: 1;} .iny_list li:nth-child(3)::after{content: "";background: url(../img/iny_ico3.png) center/cover no-repeat;width: 162px;height: 135px;position: absolute;bottom: 1px;right: 1px;opacity: .7;border-radius: 0 0 30px 0;} @media screen and (max-width:1440px) { .iny_list h2{font-size: 2rem;} } @media screen and (max-width:1270px) { .iny_list h2{font-size: 1.65rem;} .iny_list li{padding-right: 25px;} } @media screen and (max-width:1024px) { .iny_list span{font-size: 1rem;} .iny_list li p{padding-right: 0;font-size: 1rem;line-height: 24px;} } @media screen and (max-width:768px) { .iny_list li p{opacity: 1;} .iny_list li{border: 1px solid rgba(255,255,255,0.3);height: 390px;} .iny{height: auto;padding-bottom: 100px;} } @media screen and (max-width:520px) { .iny_tit h2{font-size: 1.65rem;margin-top: -20px;} .iny_tit span{font-size: 2.25rem;} .iny_tit p{font-size: 1rem;margin: 0px 0 20px;} .iny_list li:nth-child(1)::after{width: 79px;height: 70px;} .iny_list li:nth-child(2)::after{width: 86px;height: 70px;} .iny_list li:nth-child(3)::after{width: 86px;height: 70px;} .iny_list li{padding: 30px 15px 0;height: 300px;margin: 1px;} .iny_list h2{font-size: 1.45rem;margin-bottom: 10px;} .iny_list h2 br{display: none;} .iny_list li p{height: auto;text-align: justify;} .iny_list span{left: 15px;bottom: 30px;} .iny{padding-bottom: 50px;} } .inf{background: url(../img/inf_bg.jpg) center bottom no-repeat;height: 950px;margin-bottom: 10px;} .inf_tit{padding: 90px 0 110px;} .inf_tit span{color: #1a1a1a;font-size: 1.5rem;} .inf_tit h2{color: #3cae47;font-size: 3rem;font-weight: bold;} .inf_list{display: flex;justify-content: center;position: relative;width: 95%;margin: 0 auto;} .inf_list p:nth-child(1){margin-right: -35px;} .inf_list i{position: absolute;width: 15px;height: 15px;border-radius: 50px;} .inf_list i:nth-of-type(1){left: 14%;top: -30px;background: #3cae47;animation: spin 6s infinite linear;transform-origin: 50% 30%;} .inf_list i:nth-of-type(2){left: 20%;bottom: 50px;background: #edaf38;animation: spin-reverse 6s infinite linear;transform-origin: 30% 60%;} .inf_list i:nth-of-type(3){left: 48%;top: 40%;background: #edaf38;animation: spin 6s infinite linear;transform-origin: 50% 30%;} .inf_list i:nth-of-type(4){right: 40%;top: 40px;background: #3cae47;animation: spin-reverse 6s infinite linear;transform-origin: 30% 60%;} .inf_list i:nth-of-type(5){right: 20%;top: 95px;background: #edaf38;animation: spin 6s infinite linear;transform-origin: 50% 30%;} .inf_list i:nth-of-type(6){right: 17%;bottom: 50px;background: #1d1d1d;animation: spin-reverse 6s infinite linear;transform-origin: 30% 60%;} @keyframes spin-reverse{ from{ transform:rotate(360deg); } } @keyframes spin{ to{transform: rotate(360deg);} } @keyframes linears { 0% {background-position: 0% 50%;} 50% {background-position: 100% 50%;} 100% {background-position: 0% 50%;} } @media screen and (max-width:1366px) { .inf{height: auto;padding-bottom: 150px;} } @media screen and (max-width:1270px) { .inf_tit h2{font-size: 1.875rem;} } @media screen and (max-width:768px) { .inf_list{display: block;} .inf_list p:nth-child(1){margin: 0;} .inf_list p{position: relative;z-index: 2;} .inf{background: url(../img/inf_bg.jpg) center bottom no-repeat,#e9ecf5;} } @media screen and (max-width:520px) { .inf_tit{padding: 50px 0 70px;} .inf{padding-bottom: 50px;} .inf_tit h2{font-size: 1.65rem;} .inf_tit span{font-size: 1.25rem;} } .ins{display: flex;justify-content: space-between;} .ins>div{width: 49.818%;} .ins_l{background: url(../img/ins_img1.jpg) center/cover no-repeat;height: 650px;display: flex;flex-direction: column;justify-content: center;align-items: center;text-align: center;} .ins_r{background: url(../img/ins_img2.jpg) center/cover no-repeat;height: 650px;display: flex;flex-direction: column;justify-content: center;align-items: center;text-align: center;} .ins_l p{font-size: 1.5rem;color: white;} .ins_l h2{font-size: 3rem;color: white;margin: 5px 0 30px;} .ins_l a{color: white;font-size: 1.125rem;display: inline-block;height: 50px;line-height: 50px;padding: 0 35px;background: #3cae47;} .ins_r p{font-size: 1.5rem;color: white;} .ins_r h2{font-size: 3rem;color: white;margin: 5px 0 30px;} .ins_r a{color: #010101;font-size: 1.125rem;display: inline-block;height: 50px;line-height: 50px;padding: 0 35px;background: #edaf38;} @media screen and (max-width:1270px) { .ins_l h2{font-size: 1.65rem;} .ins_r h2{font-size: 1.65rem;} } @media screen and (max-width:1024px) { .ins_l{height: 350px;} .ins_r{height: 350px;} } @media screen and (max-width:520px) { .ins_l h2{font-size: 1.125rem;font-weight: bold;margin: 0 0 15px;} .ins_r h2{font-size: 1.125rem;font-weight: bold;margin: 0 0 15px;} .ins_l p{font-size: 1.125rem;} .ins_r p{font-size: 1.125rem;} .ins_l a{font-size: 0.875rem;height: 35px;line-height: 35px;padding: 0 15px;} .ins_r a{font-size: 0.875rem;height: 35px;line-height: 35px;padding: 0 15px;} .ins>div{height: 190px;} } .foot{background: #f8f8f8;} .foot_list{padding: 55px 0 90px;display: flex;justify-content: space-between;} .foot_lx{margin-bottom: 20px;} .foot_lx a{color: #3cae47;font-size: 2.5rem;font-family: "qr";margin: 20px 0 5px;display: inline-block;} .foot_lx p{color: #373737;font-size: 1.125rem;} .foot_ico ul{display: flex;} .foot_ico ul li{margin-right: 15px;} .foot_ico ul li:nth-last-child(1){margin-right: 0;} .foot_r{display: flex;justify-content: space-between;width: 55%;} .foot_menu2{display: flex;} .foot_menu2 ul:nth-child(1){margin-right: 35px;} .foot_menu h2{color: #555555;font-size: 1.25rem;font-weight: bold;margin-bottom: 35px;} .foot_menu a{color: #999999;} .foot_menu li{margin-bottom: 10px;} .end{height: 90px;display: flex;justify-content: space-between;align-items: center;} .end p{color: #555555;} .end p a{color: #555555;} @media screen and (max-width:1270px) { .foot_r{display: none;} } @media screen and (max-width:768px) { .end{display: block;text-align: center;height: auto;padding: 30px 0;} } @media screen and (max-width:520px) { .fswzj{display: block;} .fswzj{ position:fixed; bottom:0; z-index:999; width:100%; display:block; background:#3cae47;} .fswzj ul{ padding:0px; margin:0px; list-style-type:none; border-top:2px solid #26702c;} .fswzj ul li{color:#fff; width:25%; text-align:center; padding:0.3rem 0; position:relative; float:left;} .fswzj ul li a{ color:#fff; display:block; border-left:1px solid #26702c;} .fswzj ul li.on a{ border-left:none;} .fnav_pic{ width:24%; margin:0 auto;} .fnav_wb{font-size: 0.75rem;} .end p{font-size: 0.875rem;display: inline;} .end{margin-bottom: 49px;padding: 15px 0;} .foot_list{padding: 40px 0 20px;} .foot_lx a{font-size: 1.65rem;margin-bottom: 0;} .foot_lx p{font-size: 1rem;} .foot_logo img{height: 60px;} } .about_banner{background: url(../img/about_banner.jpg) center/cover no-repeat;height: 750px;position: relative;} .about_banner::before{content: "";width: 100%;height: 40%;background-image: linear-gradient(to top,rgba(0,0,0,0.8),rgba(0,0,0,0));position: absolute;bottom: 0;left: 0;} .about_bt{padding-top: 325px;} .about_bt span{color: white;font-size: 1.875rem;font-family: "hmr";text-transform: uppercase;} .about_bt h1{font-size: 3.5rem;color: white;line-height: 65px;} .about_menu{position: absolute;bottom: 0;left: 0;width: 100%;border-top: 1px solid rgba(255,255,255,0.2);} .about_menu ul li a{color: #bebebe;font-size: 1.125rem;line-height: 75px;height: 75px;transition: .5s;display: block;} .about_menu ul li{margin-right: 45px;position: relative;} .about_menu ul li::after{content: "";width: 0;height: 3px;background: #3cae47;top: -2px;position: absolute;right: 0;transition: .5s;border-radius: 50px;} .about_menu ul{display: flex;} .about_menu ul li:hover a{color: white;} .about_menu ul li:hover::after{width: 100%;left: 0;} .al a{color: white!important;} .al::after{width: 100%!important;left: 0!important;} .about{padding: 105px 0 155px;} .abouta_tit span{color: #313131;font-size: 3.125rem;font-weight: bold;text-transform: uppercase;opacity: .1;} .abouta_tit h2{color: #3cae47;font-size: 2.5rem;margin-top: -40px;} .abouta p{color: #9c9c9c;line-height: 30px;width: 61.5%;} .abouta{display: flex;justify-content: space-between;} .aboutb{margin: 100px 0;} .aboutb ul{display: flex;justify-content: space-between;} .aboutb ul li{display: flex;align-items: flex-start;} .aboutb_num h2{font-size: 4.5rem;font-family: "dpb";color: #5d5d5d;} .aboutb_brn span{font-size: 3rem;font-family: "dpb";line-height: 40px;color: #5d5d5d;} .aboutb_brn h3{color: #292929;font-size: 1.25rem;} .aboutb_br p{color: #9d9d9d;} .aboutb_brn{margin-left: 5px;} .aboutb_num{display: flex;align-items: center;} .aboutb_ico{margin-top: 10px;margin-right: 5px;position: relative;} .aboutb{position: relative;} .aboutb_ico img{opacity: 0;} .aboutb_ico::after{content: "";width: 100%;height: 100%;left: 0;top: 0;position: absolute;background: linear-gradient(120deg,#edaf38, #3cae47, #edaf38, #3cae47, #edaf38, #3cae47);-webkit-mask-composite: source-in;animation: linears 10s infinite;background-size: 500%;} .aboutb ul li:nth-child(2) .aboutb_ico{margin-top: 15px;} .aboutb ul li:nth-child(1) .aboutb_ico::after{-webkit-mask: url(../img/about_ico4.png);} .aboutb ul li:nth-child(2) .aboutb_ico::after{-webkit-mask: url(../img/about_ico1.png);} .aboutb ul li:nth-child(3) .aboutb_ico::after{-webkit-mask: url(../img/about_ico2.png);} .aboutb ul li:nth-child(4) .aboutb_ico::after{-webkit-mask: url(../img/about_ico3.png);} .aboutc{line-height: 30px;margin-bottom: 90px;} .aboutc p{color: #9c9c9c;} .aboutd ul{display: flex;justify-content: space-between;} .aboutd ul li:nth-child(2){margin: 0 40px;} .aboutd ul li{overflow: hidden;border-radius: 20px;} .aboutd ul li img{transition: .5s;} .aboutd ul li:hover img{transform: scale(1.05);} @media screen and (max-width:1270px) { .abouta{display: block;} .abouta p{width: 100%;margin-top: 40px;} .aboutd ul li:nth-child(2){margin: 0 10px;} } @media screen and (max-width:768px) { .aboutb_ico{display: none;} } @media screen and (max-width:520px) { .aboutb ul{flex-wrap: wrap;} .aboutb ul li{width: 50%;margin-bottom: 20px;} .aboutb_num h2{font-size: 2.75rem;} .aboutb_brn span{font-size: 2rem;line-height: 25px;} .aboutb_brn h3{font-size: 1rem;} .about_banner{height: 300px;} .about_menu ul li a{font-size: 1rem;height: 45px;line-height: 45px;} .about_bt{padding-top: 125px;} .about_bt span{font-size: 1.25rem;} .about_bt h1{font-size: 1.65rem;line-height: normal;} .about{padding: 50px 0;} .abouta_tit h2{font-size: 1.65rem;margin-top: -20px;} .abouta_tit span{font-size: 1.875rem;} .abouta p{margin-top: 20px;line-height: 26px;text-align: justify;} .aboutb{margin: 30px 0 10px;} .aboutc{line-height: 26px;margin-bottom: 30px;} .aboutd ul li{border-radius: 5px;} } .pro_banner{height: 350px;background-image: linear-gradient(-30deg,#dc9f29 30%,#3cae47 50%);position: relative;} .pro_banner>img{position: absolute;top: 0;right: 2.5%;} .pro_banner span{color: #fff;font-size: 1.875rem;font-family: "hmr";display: block;padding-top: 170px;text-transform: uppercase;} .pro_banner h2{font-size: 3.125rem;color: white;line-height: 55px;} .pro_menu{padding: 13px 0 9px;background: #f7f7f7;} .pro_menu ul{display: flex;flex-wrap: wrap;padding-right: 290px;position: relative;z-index: 2;} .pro_menu ul li{width: 12.7%;background: #ededed;transition: .5s;text-align: center;margin-bottom: 10px;margin-left: 13px;} .pro_menu ul li:nth-child(7n+1){margin-left: 0;} .pro_menu ul li a{color: #747474;font-size: 1.125rem;display: block;line-height: 50px;height: 50px;transition: .5s;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;} .pro_menu ul li:hover a{color: white;font-weight: bold;} .pro_menu ul li:hover{background: #3cae47;} .pl a{color: white!important;font-weight: bold!important;} .pl{background: #3cae47!important;} .pro_list ul li{width: 32%;margin-left: 2%;margin-bottom: 2%;float: left;} .pro_list ul li:nth-child(3n+1){margin-left: 0;} .pro_list{padding: 70px 0 100px;} .pro_txt{padding: 20px 0;display: flex;align-items: flex-start;justify-content: space-between;} .pro_txt img{margin-right: 15px;margin-top: 5px;} .pro_txt h2{color: #4b4b4b;font-size: 1.5rem;margin-bottom: 5px;} .pro_txt p{color: #4b4b4b;} .pro_list ul li a{display: block;padding: 19px;border: 1px solid #cdcdcd;box-sizing: border-box;} .pro_img{overflow: hidden;} .pro_img img{transition: .5s;} .pro_list ul li:hover .pro_img img{transform: scale(1.05);} @media screen and (max-width:1440px) { .pro_menu ul li a{font-size: 1rem;} } @media screen and (max-width:1024px) { .pro_menu ul{padding-right: 0;} .pro_menu ul li{width: 13%;margin-left: 0!important;margin-right: 1%!important;} .pro_txt h2{margin-bottom: 0;font-size: 1.25rem;} .pro_txt{padding-bottom: 0;} .pro_txt img{display: none;} } @media screen and (max-width:768px) { .pro_banner>img{display: none;} .pro_menu ul li{width: 19%;} } @media screen and (max-width:520px) { .mean-nav ul{display: block;background: #efefef;} header nav li{ position:relative; float:left;} header nav li a{color:#fff; padding:0 45px; font-size:1rem; /* background:url(../images/fl_fg.png) no-repeat right center; */ height:70px; display:block; line-height:70px; text-align:center; position:relative; z-index:9;} header nav li:hover a,header nav li.cur a{color:#fff;} header nav li i{ background:#47b560; width:76%; height:66%; position:absolute; bottom:17%; left:12%; border-radius:3px; transform:scale(0); transition:0.5s;} header nav li:hover i,header nav li.cur i{transform:scale(1); transition:0.5s;} .mean-container .mean-nav {float:left;width:100%;background: rgba(245,245,245,1);} .mean-container .mean-nav ul {padding:0;margin:0;width:100%;list-style-type:none;} .mean-container .mean-nav ul li {position:relative;width:100%;padding: 0;} .mean-container .mean-nav ul li a {color:#333; display:block;width:90%; background:none; font-size:1rem;padding:0 5%;height:41px; line-height:42px;margin:0;/* border-top:1px solid #383838;border-top:1px solid rgba(173, 173, 173, .5); */text-decoration:none;text-transform:uppercase} .mean-container .mean-nav ul li li a {width:80%;padding:0 10%; height:45px; line-height:45px; border-top:1px solid #f1f1f1;border-top:1px solid rgba(255, 255, 255, .25); opacity:.75; filter:alpha(opacity=75);text-shadow:none!important;visibility:visible} .mean-container .mean-nav ul li.mean-last a {border-bottom:0;margin-bottom:0} .mean-container .mean-nav ul li a.mean-expand {width:15px;height:40px;text-align:center;position:absolute;right:0;top:0;z-index:10;font-weight:700; background:rgba(255, 255, 255, .1); border:0!important; border-left:1px solid rgba(255, 255, 255, .4)!important;border-bottom:1px solid rgba(255, 255, 255, .2)!important} .mean-container .mean-nav ul li a.mean-expand:hover {background:#009944;color: white;} .mean-container .mean-push {/* float:left; */ width:100%; padding:0; margin:0;clear:both} .mean-nav .wrapper {width:100%;padding:0;margin:0} .mean-container .mean-bar, .mean-container .mean-bar * {-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box} .mean-remove {display:none!important} header nav {text-align: center;background: #efefef;} header nav ul {margin:0;padding:1em;list-style-type: none;} header{ background:none; width:auto; display:block;position: relative; z-index:1; margin:0; padding:0; border-radius:0; float:none !important;} header nav li{background:none; line-height:inherit; margin-bottom:auto;} header nav li a{ font-weight:inherit; border:none; padding:inherit; height:auto; z-index:9;} header nav li span{ display:none;} header nav li ul li{ margin:auto; background:none;} header nav li ul li a{border:0; line-height:inherit;} header nav li i{ height:40px; bottom:0; width:100%; height:100%; left:0; border-radius:0;} .mean-container .mean-bar {/* margin-top: 15px; */width:100%;position:relative;background:#f5f5f5;height:43px; z-index:99;} .mean-container .mean-bar div.fl{ font-size:0.875rem; color:#000; line-height:43px; padding-left:2%;} .mean-container a.meanmenu-reveal {width:22px;height:22px;padding:10px 24px;position:absolute;top:0;right:0;cursor:pointer;color:#000;text-decoration:none;font-size:16px;text-indent:-9999em;line-height:22px;font-size:1px; display:block;font-family:Arial, Helvetica, sans-serif; font-weight:700} .mean-container a.meanmenu-reveal span {display:block;background:#000;height:3px;margin-top:3px} .pro_menu ul li{margin-right: 0!important;margin-bottom: 0;border-bottom: 1px solid rgba(255,255,255,0.7);} .pro_menu ul{display: block;} .pro_menu{padding: 0;background: #f5f5f5;} .pro_banner{height: 230px;} .pro_banner span{font-size: 1.25rem;padding-top: 110px;} .pro_banner h2{font-size: 1.65rem;line-height: normal;} .pro_list ul li{width: 49%;margin-left: 0!important;} .pro_list ul li:nth-child(2n){margin-left: 2%!important;} .pro_list ul li a{padding: 10px;} .pro_txt{padding: 10px 0 5px;} .pro_txt h2{font-size: 1rem;} .pro_list{padding: 50px 0;} } .proshowa{background: #ededed;padding: 60px 0 70px;} .proshowa .gm{display: flex;justify-content: space-between;} .proshow_l{width: 39.286%;} .proshow_l .swiper-button-prev{opacity: 1;} .proshow_l .swiper-button-next{opacity: 1;} .proshow_r{width: 58%;background: white;box-sizing: border-box;padding: 30px;position: relative;} .proshhow_tit h1{color: #333333;font-size: 2rem;} .proshhow_tit{padding-bottom: 40px;border-bottom: 1px solid #e3e3e3;} .proshow_j{padding: 25px 20px;} .proshow_lx{display: flex;padding-top: 27px;border-top: 1px solid #e3e3e3;position: absolute;left: 30px;right: 30px;bottom: 30px;} .proshow_lx a{width: 50%;display: flex;align-items: center;justify-content: center;height: 51px;} .proshow_lx a:nth-child(1){font-size: 1.5rem;font-family: "hmr";color: white;background: #edaf38;} .proshow_lx a:nth-child(2){font-size: 1.125rem;color: white;background: #3cae47;} .proshowb{padding: 60px 0 85px;} .proshowb .gm{display: flex;justify-content: space-between;align-items: flex-start;} .proshowb_xq{flex: 1;box-sizing: border-box;padding: 25px 45px;border: 2px solid #f7f7f7;} .proshowb_xq>h2{color: #393939;font-size: 1.875rem;margin-bottom: 30px;} .proshowb_xg{flex: 0 0 315px;box-sizing: border-box;padding: 30px 24px;margin-left: 50px;background: #f7f7f7;} .proshowb_img{overflow: hidden;} .proshowb_img img{transition: .5s;} .proshowb_xg h2{color: #484848;font-size: 1.5rem;margin-bottom: 15px;text-align: center;} .proshowb_xg ul li{margin-bottom: 30px;} .proshowb_xg ul li a{display: block;} .proshowb_xg ul li:hover .proshowb_img img{transform: scale(1.05);} .proshowb_txt p{color: #393939;font-size: 1.125rem;text-align: center;margin-top: 10px;} @media screen and (max-width:1270px) { .proshowa .gm{display: block;} .proshow_l{width: 100%;} .proshow_l .swiper-slide img{width: 100%;} .proshow_r{width: 100%;margin-top: 30px;} .proshow_lx{position: static;} .proshowb .gm{display: block;} .proshowb_xg{margin-left: 0;margin-top: 50px;} .proshowb_xg ul li{width: 48%;margin-bottom: 30px;} .proshowb_xg ul{display: flex;justify-content: space-between;flex-wrap: wrap;} .proshowb_img img{width: 100%;} .proshowb_xg h2{margin-bottom: 35px;} } @media screen and (max-width:520px) { .pro_menu .gm{width: 100%;} .proshowa{padding: 50px 0 30px;} .proshow_r{margin-top: 20px;padding: 20px 10px;} .proshow_j{padding: 20px 0;} .proshhow_tit h1{font-size: 1.45rem;} .proshhow_tit{padding-bottom: 10px;} .proshow_lx a:nth-child(1){font-size: 1.25rem;} .proshow_lx a img{display: none;} .proshow_lx{padding-top: 20px;} .proshowb{padding: 50px 0;} .proshowb_xq{padding: 15px;} .proshowb_xq>h2{font-size: 1.45rem;margin-bottom: 20px;} .proshowb_xg{padding: 25px 15px 15px;margin-top: 30px;} .proshowb_xg h2{font-size: 1.25rem;margin-bottom: 15px;} .proshowb_txt p{font-size: 1rem;} .proshowb_xg ul li:nth-child(1n+3){margin-bottom: 0;} } .case_banner{background: url(../img/case_banner.jpg) center no-repeat;height: 750px;position: relative;} .case_banner::before{content: "";width: 100%;height: 40%;background-image: linear-gradient(to top,rgba(0,0,0,0.8),rgba(0,0,0,0));position: absolute;bottom: 0;left: 0;} .case_bt{padding-top: 325px;} .case_bt span{color: white;font-size: 1.875rem;font-family: "hmr";text-transform: uppercase;} .case_bt h1{font-size: 3.5rem;color: white;line-height: 65px;} .case_menu{position: absolute;bottom: 0;left: 0;width: 100%;border-top: 1px solid rgba(255,255,255,0.2);} .case_menu ul li a{color: #bebebe;font-size: 1.125rem;line-height: 75px;height: 75px;transition: .5s;display: block;} .case_menu ul li{margin-right: 45px;position: relative;} .case_menu ul li::after{content: "";width: 0;height: 3px;background: #3cae47;top: -2px;position: absolute;right: 0;transition: .5s;border-radius: 50px;} .case_menu ul{display: flex;} .case_menu ul li:hover a{color: white;} .case_menu ul li:hover::after{width: 100%;left: 0;} .case_list{padding: 85px 0 125px;} .case_txt{background: #f1f1f1;height: 60px;display: flex;justify-content: space-between;padding-left: 10px;padding-right: 20px;align-items: center;} .case_txt p{color: #474747;font-size: 1.125rem;} .case_txt span{font-size: 1.5rem;color: #474747;font-family: "st";} .case_list ul li{width: 30%;float: left;margin-left: 5%;margin-bottom: 45px;} .case_list ul li:nth-child(3n+1){margin-left: 0;} .case_img{overflow: hidden;} .case_img img{transition: .5s;} .case_list ul li:hover .case_img img{transform: scale(1.05);} @media screen and (max-width:768px) { .case_txt span{display: none;} .case_txt{justify-content: center;} } @media screen and (max-width:520px) { .case_banner{height: 300px;} .case_menu ul li a{font-size: 1rem;height: 45px;line-height: 45px;} .case_bt{padding-top: 125px;} .case_bt span{font-size: 1.25rem;} .case_bt h1{font-size: 1.65rem;line-height: normal;} .case_list{padding: 50px 0;} .case_list ul li{width: 49%;margin-left: 0!important;margin-bottom: 20px;} .case_list ul li:nth-child(2n){margin-left: 2%!important;} .case_txt p{font-size: 0.875rem;} .case_txt{display: block;text-align: center;line-height: 40px;height: 40px;padding: 0;} } .news_banner{background: url(../img/news_banner.jpg) center no-repeat;height: 650px;} .news_bt{padding-top: 325px;} .news_bt span{color: white;font-size: 1.875rem;font-family: "hmr";text-transform: uppercase;} .news_bt h1{font-size: 3.5rem;color: white;line-height: 65px;} .news{background: url(../img/news_bg.jpg) left top no-repeat;} .news_list{padding: 95px 0;display: flex;justify-content: space-between;align-items: flex-start;} .news_menu{flex: 0 0 180px;border: 1px solid #e8e8e8;border-bottom: none;background: #fff;position: sticky;top: 120px;} .news_menu ul li a{color: #7a7a7a;font-size: 1.25rem;display: block;height: 3.625rem;line-height: 58px;padding-left: 40px;position: relative;z-index: 2;transition: .5s;} .news_menu ul li{border-bottom: 1px solid #e8e8e8;position: relative;} .news_menu ul li::after{content: "";width: 5px;background: #edaf38;height: 0;position: absolute;left: 0;bottom: 0;transition: .5s;} .news_menu ul li::before{content: "";width: 100%;background: #3cae47;height: 0;position: absolute;left: 0;bottom: 0;transition: .5s;} .news_menu ul li:hover::after{height: 100%;top: 0;} .news_menu ul li:hover::before{height: 100%;top: 0;} .news_menu ul li:hover a{color: white;} .nl::after{height: 100%!important;top: 0!important;} .nl::before{height: 100%!important;top: 0!important;} .nl a{color: white!important;} .news_nr{width: 75%;padding-bottom: 50px;} .news_nr ul li{width: 47.62%;float: left;margin-left: 0;} .news_nr ul li:nth-child(2n){margin-left: 4.6%;margin-top: 40px;} .news_txt h2{color: #505050;font-size: 1.5rem;margin-top: 25px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;} .news_txt span{display: flex;align-items: center;color: #a1a0a0;font-family: "hmr";margin: 2px 0 15px;} .news_txt span img{margin-right: 5px;} .news_txt p{color: #a1a0a0;line-height: 24px;height: 48px;display: -webkit-box;word-break: break-all;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-overflow: ellipsis;} .news_img{overflow: hidden;} .news_img img{transition: .5s;} .news_nr ul li:hover .news_img img{transform: scale(1.05);} @media screen and (max-width:768px) { .news_list{display: block;padding: 50px 0;} .news_nr{width: 100%;margin-top: 50px;} .news_nr ul li:nth-child(2n){margin-top: 0;} .news_nr ul li{margin-top: 30px!important;} .news_menu{position: static;} .news_menu ul{display: flex;justify-content: space-between;} .news_menu ul li{width: 33.333%;} .news_txt h2{margin-top: 15px;} } @media screen and (max-width:520px) { .news_banner{height: 300px;} .news_menu ul li a{font-size: 1rem;height: 45px;line-height: 45px;} .news_bt{padding-top: 125px;} .news_bt span{font-size: 1.25rem;} .news_bt h1{font-size: 1.65rem;line-height: normal;} .news_list{padding: 50px 0;} .news_menu ul li a{padding-left: 0;text-align: center;} .news_nr{margin-top: 20px;} .news_txt h2{font-size: 1rem;margin-top: 10px;} .news_txt p{font-size: 0.875rem;line-height: 19px;height: 38px;} .news_txt span{font-size: 0.75rem;margin-bottom: 5px;} .news_nr ul li{width: 49%;} .news_nr ul li:nth-child(2n){margin-left: 2%;} .news_nr ul li{margin-top: 10px!important;} } .news_hot{background: #fff;border: 2px solid #e0e0e0;padding-bottom: 20px;} .news_hbt{height: 70px;line-height: 70px;font-size: 1.35rem;color: black;padding: 0 20px;border-bottom: 2px solid #e0e0e0;box-sizing: border-box;} .news_hlist ul li a{display: flex;justify-content: space-between;height: 30px;line-height: 30px;} .news_hlist ul li:nth-child(1){margin-top: 20px;} .news_hlist ul li{margin-top: 10px;} .news_hlist span{color: #8b8b8b;font-family: "hmr";flex: 0 0 90px;} .news_hlist p{color: #8b8b8b;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;padding-right: 20px;} .news_hlist{padding: 0 20px;} .news_show{padding:70px 0;padding-bottom: 125px;background: #fcfcfc;} .newsshow_title{border-bottom:1px solid #ccc; padding-bottom:12px; font-size:1.5rem; font-weight:bold; line-height:25px; } .newsshow_title p{ font-size:0.875rem; color:#999; font-weight:normal; padding-top:8px;} .newsshow_wnnr{ margin:0 auto; padding-top:15px; font-size:0.9125rem; line-height:26px; } .newsshow_wnnr img{ max-width:100%;} .bdsharebuttonbox{ margin:0 auto; padding-top:40px; width:145px;} .sxyjsys,.sxyjsys a{ font-size:14px; line-height:20px;} .sxyjsys a:hover{ text-decoration:underline;} .xgnews-tit{ text-align:center; font-size:1.25rem; font-weight:bold; line-height:46px; height:46px; color:#717171;} .xgnews-con{ padding-top:15px;} .newsshow_menu{background: #f6f6f6;padding-bottom: 1px;} .newsshow_menu .news_top{margin-bottom: 40px;} .news_show .gm{display: flex;justify-content: space-between;align-items: flex-start;} .newsshow_nr{width: 65%;background: white;border: 2px solid #e0e0e0;padding: 30px;box-sizing: border-box;} .newsshow_r{width: 33%;position: sticky;top: 120px;} .newsshow_r .news_hot{width: 100%;background: white;} .news_xg{margin-top: 20px;} .newsshow_title p{display: flex;align-items: center;padding-top: 12px;border-top:1px solid #ccc;margin-top: 30px;} .newsshow_title span{color: #8b8b8b;font-family: "hmr";display: flex;align-items: center;margin-right: 40px;} .newsshow_title span img{margin-right: 10px;} .newsshow_title span:nth-last-child(1){margin-right: 0;} .newsshow_title span:nth-child(1) img{height: 17px;} @media screen and (max-width:768px) { .news_show .gm{display: block;} .newsshow_nr{width: 100%;} .newsshow_r{width: 100%;margin-top: 20px;} .news_show{padding: 50px 0;} .tagshow{margin-top: 20px;} } @media screen and (max-width:520px) { /* .news_nr{padding-bottom: 50px;} */ .xgnews-con li{float: none;width: auto;} .nl_nr ul li a{padding: 12px 30px;font-size: 0.85rem;} .nl_nr ul{justify-content: space-between;} .news_nr li{margin: 10px 0;} .news_show{padding-bottom: 35px;overflow: hidden;} .newsshow_nr{padding: 20px 10px;} .showcp_an{margin-bottom: 0;padding-top: 20px;} .cnxh_nr{padding: 0;background: none;} .news_hbt{font-size: 1.125rem;height: 50px;line-height: 50px;} .cnxh_title p{font-size: 1.125rem;height: 50px;line-height: 50px;} .cnxh_title{height: auto;} .showcp_an p a{font-size: 0.875rem;font-weight: 600;height: 35px;line-height: 35px;} .showcp_an p {width: 80px;} .newsshow_title p{margin-top: 20px;} .newsshow_title{font-size: 1.25rem;} } .c_banner{background: url(../img/c_banner.jpg) center no-repeat;height: 750px;position: relative;} .c_banner::before{content: "";width: 100%;height: 40%;background-image: linear-gradient(to top,rgba(0,0,0,0.8),rgba(0,0,0,0));position: absolute;bottom: 0;left: 0;} .c_bt{padding-top: 325px;} .c_bt span{color: white;font-size: 1.875rem;font-family: "hmr";text-transform: uppercase;} .c_bt h1{font-size: 3.5rem;color: white;line-height: 65px;} .c_menu{position: absolute;bottom: 0;left: 0;width: 100%;border-top: 1px solid rgba(255,255,255,0.2);} .c_menu ul li a{color: #bebebe;font-size: 1.125rem;line-height: 75px;height: 75px;transition: .5s;display: block;} .c_menu ul li{margin-right: 45px;position: relative;} .c_menu ul li::after{content: "";width: 0;height: 3px;background: #3cae47;top: -2px;position: absolute;right: 0;transition: .5s;border-radius: 50px;} .c_menu ul{display: flex;} .c_menu ul li:hover a{color: white;} .c_menu ul li:hover::after{width: 100%;left: 0;} .c{padding-bottom: 125px;} .c_list{padding: 115px 0 130px;display: flex;justify-content: space-between;} .c_l span{color: #313131;font-size: 3.125rem;font-family: "dpb";opacity: .1;text-transform: uppercase;} .c_l h2{color: #3cae47;font-size: 2.5rem;margin: -35px 0 15px;} .c_l p{color: #333333;font-size: 2rem;font-weight: bold;} .c_lx{margin-bottom: 25px;} .c_lx>span{color: #acacac;font-size: 1.125rem;display: block;margin-bottom: 5px;} .c_lx p{color: #4a4949;font-size: 1.875rem;display: flex;align-items: center;} .c_lx a{font-family: "gsb";color: #4a4949;font-size: 1.875rem;} .c_lx p span{color: #4a4949;font-size: 1.5rem;display: block;margin-left: 15px;} .c_r .c_lx:nth-last-child(1){margin-bottom: 0;} .c_r{padding-left: 40px;border-left: 1px solid #e3e3e3;} @media screen and (max-width:1024px) { .c_list{display: block;padding-bottom: 0;} .c_r{padding-left: 0;border-left: none;margin-top: 50px;} } @media screen and (max-width:520px) { .c_banner{height: 300px;} .c_bt{padding-top: 125px;} .c_bt span{font-size: 1.25rem;} .c_bt h1{font-size: 1.65rem;line-height: normal;} .c_menu ul li a{font-size: 1rem;height: 45px;line-height: 45px;} .c_list{padding-top: 50px;} .c_l h2{font-size: 1.65rem;margin-top: -20px;} .c_l span{font-size: 1.875rem;} .c_l p{font-size: 1.35rem;} .c_lx p{font-size: 1.125rem;} .c_lx>span{font-size: 1rem;margin-bottom: 0;} .c_lx a{font-size: 1.35rem;} .c_lx p span{font-size: 1.125rem;} .c_lx{margin-bottom: 10px;} .c{padding-bottom: 50px;} .c_r{margin-top: 30px;} } /*sitemap*/ .sitemap_nr>dl{ border-bottom: 1px solid #ddd; padding-bottom: 20px; margin-top: 30px;} .sitemap_nr>dl>a{ font-size: 1.5rem; font-weight: bold; color: #3cae47; display: block;} .sitemap_nr>dl>dt{ padding: 25px 0 0px 0;} .sitemap_nr>dl>dt>a{ font-size: 1.125rem; border-left: 2px solid #3cae47; padding-left: 10px; display: block; line-height: 20px; height: 20px; font-weight: bold; color: #3cae47;} .sitemap_nr>dl>dd{ display: flex; flex-wrap: wrap; padding-top:10px;} .sitemap_nr>dl>dd>a{ display: block; margin-right: 15px; line-height: 24px;} @media screen and (max-width:700px){ .sitemap_nr>dl>a{ font-size: 1.125rem;} .sitemap_nr>dl>dt>a{ font-size: 1rem;} .sitemap_nr>dl>dd>a{ font-size: 0.875rem;} } /*sitemap*/ .wechat_m{position: relative;} .wechat{position: absolute;right: 50%;top: 69px;z-index: 999;cursor: pointer;transition: .5s;opacity: 0;visibility: hidden;transform: translate(50%,0);} .wechat_img img{max-width: none;} .wechat_on{opacity: 1;visibility: visible;} @media screen and (max-width:1270px) { .wechat{display: none!important;} }