/* ==========================================================================
   Index Page
   ========================================================================== */
/*首页banner大图样式*/
.ibanner{ position:relative; height:98vh; max-height: 960px; width: 100%; overflow: hidden; }
.ibanner .swiper-container {width: 100%;height: 100%;}
.ibanner .swiper-slide { background-repeat:no-repeat; background-position:center center; background-size:cover;text-align: center;/* Center slide text vertically */display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center; position:relative; background-color: #000; transform: scale(1.5); transition: all 0.3s;}
.ibanner .ban-img{ display:block; width:100%; height:100%; color:#fff;text-align:left;}
.ibanner .swiper-container-horizontal > .swiper-scrollbar{ width:272px; left:251px; bottom:30%;}
.ibanner .swiper-scrollbar-drag{ background:#1b85e7;}
.ibanner .swiper-slide > div:first-child { position: absolute; top: 0; left: 0; width: 100%;  height: 100%;  background-size: cover;  background-position: center;  transition: transform 6s ease-out;  transform: scale(1.2);  z-index: 0;}
.ibanner .swiper-slide .wrap { position: relative;  z-index: 1; height: 100%; display: flex; align-items: center;}
.ibanner .swiper-slide-active > div:first-child { transform: scale(1);}
.ibanner .swiper-slide:not(.swiper-slide-active) > div:first-child { transition: none; transform: scale(1.1);}

.ibanner .binfo{ color: #fff; text-align: center; transform: translateY(100px); opacity: 0; margin-bottom: 5%; display: flex; justify-content: flex-start; padding-left: 5%;}
.ibanner .binfo img{ transform: translateY(100px); opacity: 0; text-align: center; }
.ibanner .swiper-slide-active .binfo{ transform: translateY(0); opacity: 1; transition: all 2s ease .1s;}
.ibanner .swiper-slide-active .binfo img{ transform: translateX(0); opacity: 1; transition: all 2s ease .5s;}

.ibanner .swiper-pagination{ width: 90%; position:absolute; display: flex; bottom: 10%; justify-content: flex-end;}
.ibanner .swiper-pagination span{width:40px; height:40px; display: flex; justify-content: center; align-items: center;background: none; color: rgba(255,255,255,0.5); position: relative; }
.ibanner .swiper-pagination span:after{display: none}
.ibanner .swiper-pagination span b{width:38px; border: 1px solid rgba(255,255,255,0.4); height: 38px; line-height:38px; text-align: center;display: block; border-radius: 100%;transition: 0.5s;}
.ibanner .swiper-pagination span:nth-child(1) b:before{content: 'R'}
.ibanner .swiper-pagination span:nth-child(2) b:before{content: 'S'}
.ibanner .swiper-pagination span:nth-child(3) b:before{content: 'X'}
.ibanner .swiper-pagination span:nth-child(4) b:before{content: 'F'}
.ibanner .swiper-pagination span:nth-child(5) b:before{content: 'C'}
.ibanner .swiper-pagination span:nth-child(6) b:before{content: 'T'}
.ibanner .swiper-pagination span:nth-child(7) b:before{content: 'C'}
.ibanner .swiper-pagination span:nth-child(8) b:before{content: 'E'}
.ibanner .swiper-pagination .swiper-pagination-bullet{ opacity: .5;}
.ibanner .swiper-pagination .swiper-pagination-bullet-active{color: rgba(255,255,255,1); opacity: 1;}
.ibanner .swiper-pagination .swiper-pagination-bullet-active b{}
.ibanner .swiper-pagination .swiper-pagination-bullet-active i{ display:block; position: absolute; top: 0; z-index: 5;  width:20px; height:42px; margin: 0; padding: 0; overflow: hidden; font-style:normal;}   
.ibanner .swiper-pagination .swiper-pagination-bullet-active i:nth-child(1) {left: 0;}        
.ibanner .swiper-pagination .swiper-pagination-bullet-active i:nth-child(2) {right: 0;}
.ibanner .swiper-pagination .swiper-pagination-bullet-active i:before {position: absolute;content:''; margin: 0;  width:38px; height:38px; border-radius: 100%; border:2px solid transparent; transform: rotate(135deg);}
.ibanner .swiper-pagination .swiper-pagination-bullet-active i:nth-child(1):before { left: 0; border-top-color: #ffffff; border-left-color:#ffffff; animation: yl 2.4s linear ;animation-fill-mode:forwards;}
.ibanner .swiper-pagination .swiper-pagination-bullet-active i:nth-child(2):before { right: 0; border-bottom-color:#ffffff; border-right-color:#ffffff; animation: yr 2.5s linear ;animation-fill-mode:forwards;}

@keyframes yr {
    0% {
        transform: rotate(135deg);
    }
    50%,
    100% {
        transform: rotate(315deg);
    }
}

@keyframes yl {
    0%,
    50% {
        transform: rotate(135deg);
    }
    100% {
        transform: rotate(315deg);
    }
}

.scroll-dot{ display: block; text-align: center; max-width: 20%;  position: absolute; bottom: 10%; right: 0; left: 0; margin: 0 auto; z-index: 10; color: #fff;    }
.scroll-dot .cirle{z-index: 4; margin: 0 auto; position:relative; width: 5.4rem; height: 5.4rem; background: #84A334; border-radius: 100%; display: block;  font-size: 14px;}
.scroll-dot i{ width: 8px; height: 8px; background: #ffffff; border-radius: 100%; display: block; position: absolute; left: 0; right: 0; margin: 0 auto; top: 40%;     z-index: 10;}
.scroll-dot i:nth-child(1){ width: 8px !important; height: 8px;}
.scroll-dot i:nth-child(2){font-size: 2rem;font-weight:lighter;transform: rotate(90deg);width: auto;height: 0;background: none;border-radius: 0;top: 117%;text-align: center;display: flex;justify-content: center;align-items: center;}
.scroll-dot .cirle:before{ position: absolute;   border-radius: 100%; left: -2.3rem; top: -2.3rem; width: 10rem; content: ""; height: 10rem; display: block; opacity: 0.24; background: #84A334; transform-origin: center; animation: ripple 1.5s ease-out infinite; z-index: 2;}
.scroll-dot .cirle:after{ position: absolute;   border-radius: 100%; left: -3.3rem; top: -3.3rem; width: 12rem; content: ""; height: 12rem; display: block; opacity: 0.24; background: #84A334; transform-origin: center; animation: ripple 2.5s ease-out infinite; z-index: 1;}
.scroll-dot img{ top: 55%; position: absolute; left: 0; right: 0; margin: 0 auto;}
@keyframes ripple {
    0% {
        transform: scale(0);
        opacity: 0.8;
    }
    100% {
        transform: scale(1.2);
        opacity: 0;
    }
}
a.amore{ display: inline-block;  border: 1px solid #84A334; border-radius:35px; width: 21rem; height: 5.8rem; line-height: 5.8rem; text-align: center;     margin-left: auto; color: #84A334; margin-top: 5rem;}
a.amore i{ color: #84A334; font-size:16px; margin-left: 3rem;}
a.amore:hover{ background-color: #84A334; border: 1px solid #84A334; color: #fff;}
a.amore:hover i{ color: #ffffff;}

a.amore1{ display: inline-block;  border: 1px solid #84A334; background: #84A334; border-radius:35px; width: 21rem; height: 5.8rem; line-height: 5.8rem; text-align: center; margin-left: auto; color: #ffffff; margin-top: 5rem;}
a.amore1 i{ color: #ffffff; font-size:16px; margin-left: 3rem;}
a.amore1:hover{ background: none; border: 1px solid #fff; color: #fff;}
a.amore1:hover i{ color: #ffffff;}
.flex{ display: flex; align-items: center;}
.flex1{ display: flex;}
.flex-end{ justify-content: flex-end;}
.menu{ position: fixed; width: 24px; height: 180px; right: 30px; top: 50%; margin-top: -180px; z-index: 10000000; }
.menu a{ color: #111; display: block; position: relative; height: 30px;}
.menu a span{ position: relative; z-index: 3;font-size: 13px; color: #002781; display: flex; text-align: center; letter-spacing: 2px; writing-mode: vertical-lr; justify-content: center; align-items: center; display: none;}
.menu a:before{ content: ""; width: 12px; height: 12px; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin:auto auto; background: #818ca0; border-radius: 22px;}

.menu a.current::before{ display: none;}
.menu a.current span{ display: block;}

.ititle1{ text-align:center; line-height: 1.5; color:#212121;}
.ititle1.t-left{ text-align: left !important;}
.ititle1.i-fff{ text-align: left !important; color:#ffffff;}
.ititle1.i-fff span{ color:#ffffff;}
.ititle1.i-fff1{ text-align: center !important; color:#ffffff;}
.ititle1.i-fff1 span{ color:#ffffff;}
.ititle1 span{ font-size: 4.8rem; font-family: 'Geometr415 Blk BT Black'; color: #475622; text-transform: uppercase;}
.ititle1 p{ font-size: 3rem;}

.ibk_bg1{ position: relative;}
.ibk_bg1 .full-row {  display: flex;  flex-wrap: wrap; margin: 0 auto;}   
.ibk_bg1 .full-row .span-6 { flex: 1; }
.ibk_bg1 .img-wrapper { height: 100%; display: flex;  align-items: center; justify-content: center;  overflow: hidden; }
.ibk_bg1 .img-wrapper img {   width: 100%; height: 100%;  object-fit: cover;  display: block;  transition: transform 0.4s ease; }

.iblock-1{ width: 80%; margin: 7rem auto;}
.list_i1{ list-style: none; clear: both; overflow: hidden; margin-top: 5rem;}
.list_i1 li{ margin-bottom: 1rem; display: flex; justify-content: space-between; align-items: center;}
.list_i1 li:hover em{ color: #84A334;}
.list_i1 li:hover a{ color: #84A334;}
.list_i1 li a{ font-size:18px; color: rgba(33,33,33,0.8); width: calc(100% - 90px); position: relative; padding-left: 3rem; word-break: break-all; display: -webkit-box;  -webkit-line-clamp: 1;  -webkit-box-orient: vertical; overflow: hidden; position: relative;}
.list_i1 li a:before{ width: 8px; height: 8px; background: #BDBDBD; display: block; content: ""; position: absolute; left: 0; top: 11px;}
.list_i1 li em{ width: 50px; float: right; font-style: normal;}

.iblock-2{ position: absolute; left: 0; right: 0; bottom: 0;}
.list_i2{ list-style: none; padding: 5rem 0; background: url(../img/bg-i4.png) no-repeat center center; background-size: cover; display: flex; justify-content: center;}
.list_i2.i_bg{ background: #576A22 !important;}
.list_i2 li{ width: 50%; text-align: center; color: rgba(255,255,255,0.7);}
.list_i2 li p{ color: #CAD5AA; font-size: 2rem; line-height: 1;}
.list_i2 li p b{ font-size: 5.8rem; margin-right: 10px; color: #CAD5AA; font-weight: bold; font-family: 'DIN-Condensed';}
.list_i2 li p span{ line-height: 2;}

.ibk_bg2{ background: url(../img/bg_i3.jpg) no-repeat center center; background-size: cover;}
.iblock-3{ width: 80%; margin: 7rem auto;}
.ibox-1{ color: #ffffff; font-size: 16px; text-align: left; line-height: 2; margin: 6rem 0;}
.list_i3{ list-style: none; clear: both; overflow: hidden; border-left: 1px solid rgba(255,255,255,0.3); width: calc(100% - 1px); display: grid;  grid-template-columns: repeat(3, 1fr);}
.list_i3 li{  float: left; text-align: center; color: rgba(255,255,255,0.7); padding: 4rem 2rem;  border-bottom: 1px solid rgba(255,255,255,0.3); border-right: 1px solid rgba(255,255,255,0.3); position: relative; overflow: hidden;}
.list_i3 li .ibox-2{ justify-content: flex-end; display: flex; flex-direction: column;  align-items: flex-start; height: 100%;  min-height: 22rem;  position: relative;}
.list_i3 li .ibox-2 img{ max-width: 48px; transition: transform 0.3s ease;  margin-bottom: 0.5rem;}
.list_i3 li .ibox-2 span{ font-size: 2rem; color: #ffffff; line-height: 2; transition: transform 0.3s ease; display: block;}
.list_i3 li .ibox-2 p{ text-align: left;  margin: 0; font-size: 14px;
 opacity: 0;  max-height: 0;  transform: translateY(20px);  transition: all 0.3s ease;  overflow: hidden;}
.list_i3 li:last-child {border-right: 1px solid rgba(255,255,255,0.3);}
.list_i3 li:empty {display: flex; align-items: stretch;}
.list_i3 li:empty::before {content: "";display: block;width: 100%;}
.list_i3 li:hover{ background: #84A334;}
.list_i3 li:last-child:hover{ background: none;}
.list_i3 li:hover .ibox-2{ justify-content: center;}
.list_i3 li:hover .ibox-2 img {transform: translateY(-20px);}
.list_i3 li:hover .ibox-2 span { transform: translateY(-20px);}
.list_i3 li:hover .ibox-2 p { opacity: 1; max-height: max-content; transform: translateY(0);}

.ibk_bg3{ background: url(../img/bg_i1.jpg) no-repeat center center; padding: 10rem 0; background-size: cover;}
.ibk_bg4{ background: url(../img/bg_i2.jpg) no-repeat center center; padding: 10rem 0; background-size: cover;}
.ibk_bg4 .span-5{     width: 31.666667%;}
.ibk_bg4 .span-7{ width: 67.333333%;}
.iimg{ text-align: right;}
.iimg img{ border-radius: 15px;}

.list_i4{ list-style: none; clear: both; overflow: hidden; display: flex; justify-content: flex-end;     flex-wrap: wrap;}
.list_i4 li{ float: left; margin: 5px 1.8rem; }
.list_i4 li a{ border:1px solid #DEDEDE; border-radius: 100%; width: 9.8rem; height: 9.8rem; display: block; text-align: center; display: flex; justify-content: center; flex-direction: column; align-items: center;}
.list_i4 li a:hover{ background: #84A334; border:1px solid #84A334; color: #ffffff;}
.list_i4 li a:hover img{ filter: brightness(0) invert(1); transform: rotate(360deg);}

.ibox-3{ text-align: left; margin: 6rem 0 3rem;}
.ibox-3 span{ font-size: 18px; color: #212121; line-height: 1.5;}
.ibox-3 p{ font-size: 16px; color: rgba(33,33,33,0.6); text-align: justify; line-height: 1.8; margin-top: 3rem;}

.ibk_bg5{ background: url(../img/bg-i5.jpg) no-repeat center center; padding: 10rem 0; background-size: cover;}
.iibox{ display: flex; justify-content: center; align-items: center; flex-wrap: wrap;}
.iibox li{ width:calc( 11.11% - 6px);  margin: 3px;}
.iibox li .icon{width: 100% !important; height: 100% !important;}
.iibox li .icon img{ width: 100% !important; height: 100% !important;}
.tab-box{ position: relative; z-index: 5;}
.global{ }

.tab_item{ height: 43.7rem; position: relative; z-index: 5;}
.item{ width: 7.4rem; height: 7.4rem; background: #84A334; border-radius: 100%; display: block; text-align: center; display: flex; color: rgba(255,255,255,0.7);align-items: center; justify-content: center; position: absolute; cursor: pointer;}

.tab_item .item.active:before{ width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; content: ""; opacity: 0; border-radius: 50%; animation: 2s linear 0s infinite normal none running scaleAnimate; background: #84A334; opacity: 0.5; z-index: 1; } 
.tab_item .item.active:after{ width: 130%; height: 130%; position: absolute; left: -15%; top: -15%; content: ""; opacity: 0; border-radius: 50%; animation: 2s linear 0s infinite normal none running scaleAnimate; background: #84A334; opacity: 0.12; z-index: 2; } 
.tab_item .item:hover::before{ width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; content: ""; opacity: 0; border-radius: 50%; animation: 2s linear 0s infinite normal none running scaleAnimate; background: #84A334; opacity: 0.5; z-index: 1; } 
.tab_item .item:hover::after{ width: 130%; height: 130%; position: absolute; left: -15%; top: -15%; content: ""; opacity: 0; border-radius: 50%; animation: 2s linear 0s infinite normal none running scaleAnimate; background: #84A334; opacity: 0.12; z-index: 2; }
@keyframes scaleAnimate{
	0%{
		transform: scale(1);
    opacity: 0;
	}
	50%{
		transform: scale(1.3);
    opacity: 0.7;
		
	}
	100%{
		transform: scale(1.7);
    opacity: 0;
	}
}    
.global-layout .box1 .item.on::before,
.global-layout .box1 .item.on::after {width: 100%;height: 100%;position: absolute;left: 0;top: 0;content: '';
border-radius: 50%;opacity: 0;animation: scaleAnimate 2s linear;animation-iteration-count: infinite;background: rgba(48,127,226,0.6);}
.global-layout .box1 .item.on::after {animation-delay: .5s;}

.item.n1{ left: 0; right: 0; margin: 0 auto; top: 46.45%;}
.item.n1.on{ width: 15.8rem; height: 15.8rem; background: #ffffff; color: #84A334 !important; font-size: 2.4rem; font-weight: bold; line-height: 1.5;}
.city{ position: relative; z-index: 3; }
.item.n1.on:before{ width:17.8rem; height: 17.8rem; display: block; content: ""; background: rgba(255,255,255,0.3); position: absolute; left: -1rem; top: -1rem; border-radius: 100%; z-index: 2; animation:none !important;}
.item.n1.on:after{ width: 28.2rem !important;
 height: 28.2rem !important; display: block; content: ""; background: rgba(255,255,255,0.14) !important; position: absolute; left: -6.2rem; top: -6.2rem; border-radius: 100%; z-index: 1; animation:none !important; opacity: 1 !important;}
.item.n2{  left: 41%; top: 13%; animation: top_bot 2.5s infinite; -webkit-animation: top_bot 2.5s infinite;}
.item.n3{ left: 75%; top: 21%; animation: top_bot 3.5s infinite; -webkit-animation: top_bot 3.5s infinite;}
.item.n4{ left: 67%;  top: 67%; animation: top_bot 2.5s infinite; -webkit-animation: top_bot 2.5s infinite;}
.item.n5{  left: 20%;  top: 23%; animation: top_bot 3.5s infinite; -webkit-animation: top_bot 3.5s infinite; } 
.item.n6{ left: 30%;  top:44%; animation: top_bot 2.5s infinite; -webkit-animation: top_bot 2.5s infinite;}
.item.n7{ left: 12%;  top:77%; animation: top_bot 3.5s infinite; -webkit-animation: top_bot 3.5s infinite;}
@keyframes top_bot {
	0% {
		transform: translate(0, -1.5rem);
		-webkit-transform: translate(0, -1.5rem);
		-moz-transform: translate(0, -1.5rem);
		-ms-transform: translate(0, -1.5rem);
		-o-transform: translate(0, -1.5rem);
	}
	50% {
		transform: translate(0, 0);
		-webkit-transform: translate(0, 0);
		-moz-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		-o-transform: translate(0, 0);
	}
	100% {
		transform: translate(0, -1.5rem);
		-webkit-transform: translate(0, -1.5rem);
		-moz-transform: translate(0, -1.5rem);
		-ms-transform: translate(0, -1.5rem);
		-o-transform: translate(0, -1.5rem);
	}
}
.inbox {position: relative;  width: 100%;  position: relative; max-width: 1200px;     margin: 3rem auto;}
.global-layout .line{position: absolute; width: 90rem; height:90rem; overflow: hidden; z-index: 1; left: 0; right: 0; /*top: 0;*/ top: -38%; margin: 0 auto;}
.global-layout .line span{border: solid 1px rgba(255,255,255,0.5); border-radius: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);animation: rotate_line linear 1s infinite; -webkit-animation: rotate_line linear 1s infinite;}
.global-layout .line span.l1{width: 21.875%; height: 21.875%}
.global-layout .line span.l2{width: 40.625%; height: 40.625%}
.global-layout .line span.l3{width: 60.41666666666667%; height: 60.41666666666667%; border: solid 1px rgba(255,255,255,0.3);}
.global-layout .line span.l4{width: 83.33333333333333%; height: 83.33333333333333%; border: solid 1px rgba(255,255,255,0.2);}
/*.global-layout .line span.l5{width: 108.75%; height: 108.75%}*/

.dian{ position: absolute; animation: breathGlow 2.8s ease-in-out infinite alternate; left: 0; right: 0; margin: 0 auto; top: 63%; text-align: center; z-index: 2;     top:37%;}
.tab-box { position: relative;}
.tab-box .tlist{ display:none; position: relative;  text-align: center;   margin: 0;}
.tab-box .active{ display:block;}
@keyframes breathGlow {
            0% {
                opacity: 0.28; 
                filter: brightness(0.65) contrast(1.1) blur(0.8px));
            }
            35% {
                opacity: 0.55;
                filter: brightness(0.85) contrast(1.08) blur(0.4px) );
            }
            70% {
                opacity: 0.85;
                filter: brightness(1.1) contrast(1.05) blur(0px) );
            }
            100% {
                opacity: 1;    
                filter: brightness(1.35) contrast(1.02) blur(0px));
            }
        }
@keyframes rotate_line {
	0% {
		transform: translate(-50%, -50%) scale(1);
		-webkit-transform: translate(-50%, -50%) scale(1);
		-moz-transform: translate(-50%, -50%) scale(1);
		- ms-transform: translate(-50%, -50%) scale(1);
		-o-transform: translate(-50%, -50%) scale(1);
		opacity: 1;
	}
	100% {
		transform: translate(-50%, -50%) scale(1.2);
		-webkit-transform: translate(-50%, -50%) scale(1.2);
		-moz-transform: translate(-50%, -50%) scale(1.2);
		-ms-transform: translate(-50%, -50%) scale(1.2);
		-o-transform: translate(-50%, -50%) scale(1.2);
		opacity: 0;
	}
}
/* ==========================================================================
   Other Page
   ========================================================================== */
.nbanner{ height: 98vh; max-height: 940px; width: 100%; position: relative; }
.nbanner .scroll-dot{     left: 6%; right: auto;}
.nbanner:before{ width: 100%; height: 100%; content: ""; display: block; z-index: 1; background: rgba(0,0,0,.3); position: absolute; left: 0; right: 0; top: 0;}
.nbanner .wrap{ height: 100%; display: flex; justify-content: flex-start; align-items: center;}
.ban-news{ background-image: url(../img/bg_news.jpg); background-position: center; background-size: cover;}
.ban-case{ background-image: url(../img/bg_case.jpg); background-position: center; background-size: cover;}
.ban-about{ background-image: url(../img/bg-about.jpg); background-position: center; background-size: cover;}
.ban-technology{ background-image: url(../img/bg-technology.jpg); background-position: center; background-size: cover;}
.ban-contact{ background-image: url(../img/bg_con.jpg); background-position: center; background-size: cover;}
.ban-service{ background-image: url(../img/bg-service.jpg); background-position: center; background-size: cover;}
.nbanner .ntit{ text-align: center; position: relative; z-index: 2; padding-bottom: 10%;}
.nbanner .ntit p{ font-size: 4.8rem; color: #ffffff; line-height: 1.5; font-weight: bold; text-align: left; }
.nbanner .ntit span{ display: flex; justify-content: flex-start; align-items: center; font-size: 2rem; color: #ffffff; margin-bottom:2rem;}
.nbanner .ntit span i{ margin-left: 2rem; width: 6rem; height: 1px; display: block; background: #ffffff;}

/*面包屑*/
.place1{ color: #333; display: flex; justify-content: flex-start; align-items: center;  position: relative; text-align: left; font-size: 18px; line-height: 2; padding: 2rem 0;}
.place1 span{ display: flex; margin: 0 10px; color: #333;}
.place1 a{ color: #333; margin: 0 2px;}
.place1 a:hover{ color: #1a55a6;}
.place1 i{ margin-right: 5px; margin-top: -2px;}

.cate_bk a{ display: inline-block; line-height: 9rem; padding: 0 1.5%; color: #212121;}
.cate_bk a:hover,.cate_bk a.current{ font-weight: bold; color: #84A334;}
/*新闻*/
.news_bk1{ background: #F3F3F3; padding: 8rem 0;}
.nblock-2{ margin-bottom: 4rem; background: #ffffff; }
.nblock-2 .icon img{ width: 100%; height: 100%; object-fit: cover;}
.nblock-2 .ntit{ padding: 2rem 2rem 2rem 0; display: flex; justify-content: flex-start; align-items: center;}
.nblock-2 .ntit em{ display: block; font-style: normal; font-size: 3rem; }
.nblock-2 .ntit span{ border-right: 1px solid #D5D5D5; font-size: 14px; width: 20%; text-align: center; font-family: 'DIN-Condensed'; line-height: 1;}
.nblock-2 .ntit p{  font-size: 18px; width: 75%; text-align: left; line-height: 1.8; margin: 0; padding: 0 0 0 5%;}
.nblock-2 .mtit{ margin-top: 4rem; padding: 2rem; text-align: right;}
.nblock-2:hover{ background: #689F38;}
.nblock-2:hover .ntit em{ color: #ffffff;}
.nblock-2:hover .ntit span{ color: #ffffff;  border-right: 1px solid #ffffff;}
.nblock-2:hover .ntit p{ color: #ffffff;}
.nblock-2:hover .mtit{ color: #ffffff;}

.nnews{position: sticky; top: 200px;}s
.ntitle8{ text-align: left;}
.ntitle8 span{ font-weight: bold; display: block; font-size: 3rem; color: #212121;}
.nlist1 { width: 100%;}
.nlist1 li{margin-bottom: 20px;}
.main{ width: 95%; margin-left: 0;}
.article{ line-height: 30px; padding: 0; background: #fff;}
.news-tit{ font-size: 3.6rem; text-align: left; line-height: 1.5; color: #212121;}
.tool{  padding: 2rem 0; color: #666; font-size: 16px;     display: flex; justify-content: flex-start; border-bottom: 1px solid #212121;}
.tool span{ display: inline-block; margin-right: 20px; font-size: 16px; color: #212121; }

.ny-page{border-top: 1px solid #c4c4c4; line-height: 24px; padding: 25px 0; font-size: 16px;}
.ny-page span{ display: inline-block;}
.ny-page .nptit{ padding: 5px 0;}
.ny-page .nptit a{ word-break: break-all;  display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical;  overflow: hidden;}
.ny-page a.aback{ display: inline-block; width: 180px; line-height: 50px; text-align: center; border-radius: 35px; background-color: #84A334; color: #fff; font-size: 18px;}
.ny-page a.aback i{ font-size: 20px; margin-right: 10px;}
.ny-page a.aback:hover{ background-color: #1C471E;}
.ny-page .jcent{ height: 100%;}

.sect_nk2{  padding: 90px 0 8rem;}
.sub_box2{ background: #84A334;}
.list-sub { list-style: none; } 
.list-sub li { width: calc(16.66% - 6rem); float: left; padding: 5rem 3rem; position: relative; background: transparent; transition: box-shadow 0.2s; } .list-sub li a{ position: relative; z-index: 2; } 
.list-sub li::before { content: ""; position: absolute; top: 0; left: 0; opacity: 0; width: 100%; height: 100%; background: #2B4730; border-radius: 15px; transform: translateX(-100%); transition: transform 0.4s cubic-bezier(0.2, 0.9, 0.4, 1.1); z-index: 0; pointer-events: none; } 
.list-sub li:hover::before { transform: translateX(0); opacity: 1; } 
.list-sub li > i, .list-sub li > p, .list-sub li::after { position: relative; z-index: 2; } 
.list-sub li:hover p { color: #ffffff; } 
.list-sub li:hover i { background: #617338; border: 1px solid #B0B99C; } 
.list-sub li:hover::after {transform: translateY(0) rotate(180deg); opacity: 1;} 
.list-sub li:after { z-index: 0; color: #2B4730; content: "\e754"; font-family: "iconfont"; width: 22px; font-size: 3rem; margin: 0 auto; left: 0; right: 0; position: absolute; bottom: -13.5%; opacity: 0; transform:translateY(-10px) rotate(180deg); transition: transform 0.4s cubic-bezier(0.2, 0.9, 0.4, 1.1);} 
.list-sub li i { width: 5rem; text-align: center; height: 5rem; line-height: 5rem; border-radius: 100%; border: 1px solid #566924; display: block; } .list-sub li p { font-size: 18px; font-weight: bold; color: #333333; margin-top: 3rem; } 

.list-sub li.active { background: #2B4730; border-radius: 15px; } 
.list-sub li.active p { color: #ffffff; } 
.list-sub li.active:after { color: #2B4730; display: block; content: "\e754"; font-family: "iconfont"; width: 22px; font-size: 3rem; margin: 0 auto; left: 0; right: 0; position: absolute; bottom: -13.5%; transform: rotate(180deg); } 
.list-sub li.active i { background: #617338; border: 1px solid #B0B99C; } 
.list-sub li.active::before { display: none; }

.sub_box{ height: 9rem;}
.sub_box .place{ text-align: right; line-height: 9rem;}

.case-box{ margin-bottom: 4rem;}
.case-box a:hover .ntit{ background: #84A334;}
.case-box a{ border-radius: 10px;  overflow: hidden;}
.case-box a:hover .ntit p{ color: #ffffff;}
.case-box a:hover .ntit::before{ width: 5rem;}
.case-box .icon{ box-sizing: border-box; width: 100% !important; height: 100% !important; text-align: center;  display: flex !important; justify-content: center; position: relative; background: #000000;}
.case-box .icon img{ z-index: 1; position: relative;}
.case-box a:hover .icon:before{ bottom:40%;}
.case-box a:hover .icon img{opacity: 0.6;}
.case-box .icon:before{ width: 6rem; height: 6rem; z-index: 2; line-height: 6rem; display: block; border-radius: 100%; background: rgba(255,255,255,0.9);  content: "\e709"; font-family: "iconfont"; font-size: 2.5rem; color: #212121; position: absolute; left: 0; right: 0; margin: 0 auto; bottom: -6rem;}
.case-box .icon img{ height: 100%;}
.case-box .ntit{ background: #ffffff; padding: 3rem 3rem 10rem 3rem; position: relative;}
.case-box .ntit p{ font-size: 18px; color: #222222; line-height: 1.5; word-break: break-all; display: -webkit-box;  -webkit-line-clamp: 1;  -webkit-box-orient: vertical; overflow: hidden; position: relative;}
.case-box .ntit:before{ width: 0; height: 5px; content: ""; display: block; background: #ffffff; position: absolute; left: 3rem; bottom: 40%;}

.cor-bg .ntit{  background: #F3F3F3;     padding: 2rem 2rem 4rem 2rem;} 
.cor-bg .ntit:before{  left: 2rem;   bottom: 24%;}
.cor-bg .ntit p{ font-size: 16px; color: #222222; line-height: 1.5; word-break: break-all; display: -webkit-box;  -webkit-line-clamp: 2;  -webkit-box-orient: vertical; overflow: hidden; position: relative;}

.contact-bk{ padding: 6rem 0; background: url(../img/bg_c1.jpg) no-repeat center bottom; background-size: cover;}
.contact-tit{ color: #395A1C; font-size: 3.6rem; line-height: 1;}
.box-con{ text-align: right; line-height: 1.5;}
.box-con span{ font-size: 16px; color: #757575;}
.box-con p{ font-size: 2rem; color: #395A1C;font-family: 'DIN-Condensed';}
.box-con p a{ color: #395A1C;}
.bor-con{ border-bottom: 1px solid #212121; padding-bottom: 3rem;}
.contact-bk .cont-box{padding:5rem 0 ; line-height: 2;   display: flex; justify-content: flex-start; align-items: center; }

.cont-wx{ text-align: center; max-width: 110px; margin-left: auto; }

.cont-wx span{ display: block; color: #666; line-height: 2;     margin-top: 1rem;}
.contact-bk1{ padding: 15rem 0; background: url(../img/bg_c2.jpg) no-repeat center bottom; background-attachment: fixed; background-size: cover;}
#map{ width: 100%; height:59rem;}
.contact-bk1 .full-row{   display: flex;  flex-wrap: wrap; gap: 0;}

.box-con1 { background: #ffffff; height: 80%; padding: 6rem;   display: flex;flex-direction: column;justify-content: center; border-radius: 0; }
.box-con1 span{  font-size: 4.8rem; line-height: 1.2; text-transform: uppercase;  font-family: 'Geometr415 Blk BT Black';}
.box-con1 em{ font-size: 3rem;  font-family: 'Geometr415 Blk BT Black'; font-style: normal;}
.box-con1 p{ font-size: 16px; color: #666666; line-height: 1.5; margin-top: 6rem;}
.m-form {background: #284113 !important; padding: 6rem 0; height: 80%;   }
.m-bg {width: 90%;margin: 0 auto; padding: 6rem 2rem;  background: #284113; display: flex; flex-direction: column; justify-content: center;  }


.m-form .btn{ background-color: #689F38;     border: 1px solid #689F38;  font-size: 2.4rem;  line-height: 8rem; color: #fff; padding: 0;  display: block; vertical-align: middle;  margin-left: auto; border-radius: 10px;}

.m-form .btn:hover{ background-color: #013125; border: 1px solid #013125;}

.m-form .form-control{ border: 1px solid #ffffff; border-radius: 8px;  color: #ffffff; height: 50px; font-size: 16px; background: none; position: relative;  padding: 0 15px;}


.m-form textarea.form-control{ border:1px solid #ffffff; height: auto; padding: 20px 15px;  background: none; border-radius: 8px;}

.m-form .form-group{ margin-bottom: 2rem; position: relative;}

.about_bk1{ background:#F6FCFD; }
.about_bk1 .full-row {  display: flex;  flex-wrap: wrap; margin: 0 auto;}   
.about_bk1 .full-row .span-6 { flex: 1; }
.img-wrapper { height: 100%; display: flex;  align-items: center; justify-content: center;  overflow: hidden; }
.img-wrapper img {   width: 100%; height: 100%;  object-fit: cover;  display: block;  transition: transform 0.4s ease; }

.abk1{ position: relative; padding: 10rem 0 3rem; width: 80%; margin: 0 auto;}
.abk1 p{ margin-bottom:2rem; font-size: 18px;}
.box-abk{ text-align: left;}
.box-abk span{ font-size: 3rem; color: #689F38; line-height: 2; font-weight: bold;}
.box-abk p{ font-size: 16px; line-height: 1.8; color: #565656; margin: 1rem 0; text-align: justify;}
.ntitle1{ text-align:left; line-height: 1.5;}
.ntitle1 span{ font-size: 4.8rem; font-family: 'Geometr415 Blk BT Black'; text-transform: uppercase;}
.ntitle1 p{ font-size: 3rem;}
.abk-img{ text-align: right;}

.about_bk2{ background: url(../img/bg_a2.jpg) no-repeat center center;  padding: 5rem 0; background-size: cover;}
.list-a1{ list-style: none; clear: both; overflow: hidden;}
.list-a1 li{ width: 20%; float: left; text-align: center; color: #ffffff; position: relative;}
.list-a1 li:last-child::before{display: none;}
.list-a1 li:before{ width: 1px; height: 90%; top: 0; content: ""; position: absolute; right: 0; display: block; background: rgba(255,255,255,0.4);}
.list-a1 li p b{ font-family: 'DIN-Condensed'; font-size: 5.8rem;}
.list-a1 li p{ font-size: 20px; line-height: 1;}
.list-a1 li span{ font-size: 18px; color: rgba(255,255,255,0.7); display: block; line-height: 2;}

.about_bk3{ padding:16rem 0 20rem; background: url(../img/bg_a3.jpg) no-repeat center bottom; background-size: cover;}
.ntit-about{ text-align:center; line-height: 1.5; color: #ffffff;}
.ntit-about span{ font-size: 4.8rem; font-family: 'Geometr415 Blk BT Black'; text-transform: uppercase;}
.ntit-about p{ font-size: 3rem;}

.max-width{ max-width: 1474px; margin: 6rem auto 0;}

.box-a2{ background: rgba(0,0,0,0.3); text-align: center; color: #ffffff; display: flex; justify-content: center; flex-direction: column;  align-items: center; transition: all 0.3s; padding: 3rem;}
.box-a2:hover{ transform: translateY(-10px); transition: all 0.3s;}

.box-a2 span{ font-size: 2.4rem; display: block; line-height: 2; color: #689F38;}
.box-a2 p{ font-size: 18px; line-height: 2; min-height: 80px; margin-top: 2rem;}

.about_bk4{ background: url(../img/bg_a4.jpg) no-repeat center center; background-size: cover; padding: 8rem 0; }

.box-Core{ max-width: 1600px; margin: 0 auto; clear: both; overflow: hidden;}
.box-Core ul {  /* 假设你的 li 外面是 ul */ display: grid; grid-template-columns: repeat(4, 1fr); gap: 1.5rem; list-style: none; padding: 0;}
.box-Core li{display: flex;   padding: 3rem 1rem; cursor: pointer;}
.box-Core li:first-child{ opacity: 0;}
.box-Core li:nth-child(4n){ margin-right: 0;}
.box-Core li .Core{ overflow: hidden; background: #ffffff; padding: 3rem 2rem; -moz-box-shadow:0px 2px 14px rgba(195,223,244,0.5); -webkit-box-shadow:0px 2px 14px rgba(195,223,244,0.5); box-shadow:0px 2px 14px rgba(195,223,244,0.5);position: relative;  transition: background 0.3s ease; min-height: 0;}
.box-Core li .transition05{ z-index: 2; position: relative; width: 50px; height: 50px; overflow: hidden; transition: all 0.3s;}
.box-Core li .transition05 p:nth-child(2){ filter: brightness(0) invert(1);   filter: brightness(1000%);    transform: translateY(0); transition: all 0.3s;}
.box-Core li .transition05 p:first-child{  transition: all 0.3s;}
.box-Core li:hover .transition05 p:nth-child(2){ transform: translateY(-105%); transition: all 0.3s;}
.box-Core li:hover .transition05 p:first-child{ transform: translateY(-105%); transition: all 0.3s;}
.box-Core li .transition06{transform: translateY(0);  transition: all 0.3s;z-index: 2; position: relative; line-height: 1.5; margin: 2rem 0;}
.box-Core li .transition06 span{ font-size: 24px; }
.box-Core li .transition06 p{ font-size: 14px; font-weight: lighter; color: #999999;}
.box-Core li .transition07{z-index:2;  position: relative; min-height: 0; margin: 4rem 0 0; font-size: 16px; line-height: 1.5; color: #666666; transform: translateY(0); transition: all 0.3s;}
.box-Core li:hover .transition06{ color: #ffffff; transform: translateY(-15px); transition: all 0.3s;}
.box-Core li:hover .transition06 p{ color: #ffffff;}
.box-Core li:hover .transition07{ color: #ffffff; transform: translateY(-15px);}

.box-Core li .Core::before { content: ''; position: absolute; top: 0;  left: 0; width: 100%; height: 100%; background: #689F38;z-index: 1;transform: scale(1.1); transition: transform 0.3s ease; opacity: 0;}
.box-Core li:hover .Core::before {  transform: scale(1);  opacity: 1;}


.ntit-about1{ text-align:left; line-height: 1.5; color:#212121;}
.ntit-about1 span{ font-size: 4.8rem; font-family: 'Geometr415 Blk BT Black'; color: #475622; text-transform: uppercase;}
.ntit-about1 p{ font-size: 3rem;}
.absolute{ position: absolute;     top: 10%;}
.about_bk5{ padding: 8rem 0 15rem; background: url(../img/bg_a5.jpg) no-repeat center center; background-size: cover; }


.flex1{ display: flex; justify-content: flex-end; align-items: center;}
.nprev4,.nprev1{ position: relative;  background: #689F38; border: 1px solid #689F38; border-radius: 100%; width: 6rem; height: 6rem; text-align: center; line-height: 6rem; opacity: 1 !important; left: 0;}
.nprev4 i,.nnext4 i,.nprev1 i,.nnext1 i{ font-size: 2rem; color: #ffffff;}
.nnext4 i,.nnext1 i{ color: #689F38;}
.nnext4,.nnext1{ margin-left: 3rem; opacity: 1 !important; position: relative; top: 40%;  background: #ffffff; border-radius: 100%; border: 1px solid #689F38;  width: 6rem; height: 6rem; text-align: center; line-height: 6rem;     right: 0;}


.honor-box a{ background: #ffffff; padding: 2.5rem; border-radius: 10px;}
.honor-box a:hover .icon{ background: #ffffff;}
.honor-box a:hover{ background: #689F38;}
.honor-box a:hover .btit span{ color: #ffffff;}
.honor-box .icon{box-sizing: border-box;  background: #ffffff; text-align: center;  display: flex !important; justify-content: center;}
.honor-box .icon img{ object-fit: contain; width: 100%;}
.honor-box .btit{ padding: 2rem 0 0; font-size: 2rem; text-align: center; }
.honor-box .btit span{}



.sect-tech{ padding: 5rem 0 0;}
.sect-tech .full-row{  display: flex; flex-wrap: wrap; width: 96%; margin-left: auto; margin-top: 5rem;}
.sect-tech .full-row .span-6 { display: flex; flex: 1;}
.sect-tech .full-row .span-6 > div {  display: flex; flex: 1;     flex-direction: column;}
.box-tech,.sect-tech .full-row .span-6:last-child > div { width: 100%;}
.sect-tech .full-row img { width: 100%; height: 100%; object-fit: cover;}


.box-tech{ background: #689F38; padding: 6rem; }
.box-tech span{ color: #ffffff; font-size: 2.8rem; font-weight: bold;}
.box-tech li{ font-size: 16px; color: #ffffff; margin-bottom: 2rem;}
.box-tech li span{ font-size: 2.4rem; font-weight: normal;}
.box-tech li p{ padding-top: 8px;}
.sect-tech1{ padding: 8rem 0 12rem; background: url(../img/bg_c1.jpg) no-repeat center bottom; background-size: 100%;}

.tech-box a{ background: #ffffff;  border-radius: 10px; overflow: hidden;}
.tech-box a:hover .icon{ background: #ffffff;}
.tech-box a:hover{ background: #689F38;}
.tech-box a:hover .btit span,.tech-box a:hover .btit p{ color: #ffffff;}
.tech-box .icon{box-sizing: border-box;  background: #ffffff; text-align: center;  display: flex !important; justify-content: center;}
.tech-box .icon img{ object-fit: contain; width: 100%;}
.tech-box .btit{ padding:3rem 2rem; text-align: left; }
.tech-box .btit span{ font-size: 2.4rem;}
.tech-box .btit p{ font-size: 15px; word-break:break-all; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; overflow:hidden;}

.sect-tech2{  padding: 6rem 0 10rem;}
.box-tab{ margin-top: 5rem;}
.box-tab table{ border: 1px dashed #689F38; width: 100%; border-top: none; color: #395A1C;}
.box-tab table tr:first-child{ background: #689F38 !important; font-weight: 400; border-left: none; border-right: none; font-size: 2.4rem; color: #ffffff;}
.box-tab table tr:first-child td{color: #ffffff !important;}
.box-tab table td{ padding:2rem 1rem;}
.box-tab table tr td:last-child{ color: #212121;}
.box-tab table tr:nth-child(odd){ background: rgba(132,163,52,0.1);}

.sect-tech3{ background: url(../img/bg_hh1.jpg) no-repeat center bottom; padding: 8rem 0; background-size: cover; background-attachment: fixed;}

.tech1-box{ margin-top: 6rem;}
.tech1-box .span-w{ width: 18%; margin-right: 2%; float: left;}
.box-t1{ text-align: center; background: #516225; position: relative;}
.box-t1:hover::after{ height: 110%;}
.box-t1:after{ width: 120%; z-index: 1; height: 0; content: ""; background: #84A334; display: block; position: absolute; left: -10%;  bottom: -5%;}
.box-t2 { position: relative; z-index: 2; text-align: center; padding: 4rem 2rem;}
.box-t2 em{ font-size: 5.8rem; color: rgba(255,255,255,0.5); display: block; font-weight: bold; font-family: 'DIN-Condensed'; font-style: normal; line-height: 1; transition: all 0.3s;}
.box-t1:hover .box-t2 p{ opacity: 1;  transform: translateY(-76%); transition: all 0.3s;}
.box-t1:hover .box-t2 em{ transform: translateY(-55%); transition: all 0.3s;}
.box-t1:hover .box-t2 span{ transform: translateY(-140%); transition: all 0.3s;}
.box-t2 span{ font-size: 2.4rem; color: #ffffff; line-height: 1.5; display: block; margin: 4rem 0; transition: all 0.3s;}
.box-t2 p{ opacity: 0; position: absolute;  transform: translateY(0); left: 0; right: 0; margin: 0 auto; font-size: 16px; color: #ffffff; text-align: left; line-height: 1.8; transition: all 0.3s;}
.box-t3{ position: relative; z-index: 2; }
.box-t3 img{ width: 100%;}
.sect-tech4{ background: url(../img/bg_c3.jpg) no-repeat center bottom; padding: 8rem 0; background-size: 100%;}
.ntit-about2{ text-align:left; line-height: 1.5; color:#212121; border-bottom: 1px solid #000000; padding-bottom: 3rem;}
.ntit-about2 span{ font-size: 4.8rem; font-family: 'Geometr415 Blk BT Black'; color: #212121; text-transform: uppercase;}
.ntit-about2 p{ font-size: 3rem;}
.box-t4{ width: 80%; margin-left: 0; list-style: none; margin-top: 4rem;}
.box-t4 li{ margin-bottom: 2rem;}
.box-t4 li p{ text-align: left; font-size: 16px; line-height: 1.8;}
.box-t4 li span{ color: #84A334; font-size: 2.34rem; line-height: 2;}


.case-box1{ margin-bottom: 4rem;}
.case-box1 .full-row { display: flex; flex-wrap: wrap;}
.case-box1 .full-row .span-6 { display: flex; flex: 1;}
.case-box1 .full-row .span-6 > div { width: 100%;}
.case-box1 a{ overflow: hidden;}
.case-box1 a:hover .ntit p{ color: #ffffff;}
.case-box1 a:hover .ntit span{ color: #ffffff;}
.case-box1 .icon{ box-sizing: border-box; width: 100% !important; height: 100% !important; text-align: center;  display: flex !important; justify-content: center; position: relative; background: #ffffff;}
.case-box1 .icon img{ z-index: 1;  width: 100%;  height: 100%;position: relative;     object-fit: cover;}
.case-box1 a:hover .ntit{ background: #84A334;}
.case-box1 .ntit{ background: #ffffff; height: 100%; padding: 9rem 3rem; position: relative;}
.case-box1 .ntit p{ font-size: 18px; color: #222222; line-height: 1.5; word-break: break-all; display: -webkit-box;  -webkit-line-clamp: 4;  -webkit-box-orient: vertical; overflow: hidden; position: relative; margin-top: 3rem;}
.case-box1 .ntit span{ font-size: 2.4rem; font-weight: bold; color: #222222; line-height: 1.5; word-break: break-all; display: -webkit-box;  -webkit-line-clamp:1;  -webkit-box-orient: vertical; overflow: hidden; position: relative;}

.tc{ display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0); z-index:99999; justify-content:center; align-items:center; transition:background 0.3s ease; }
.box-tc{ width:90%; max-width:1420px; height:85%; background:#fff; border-radius:8px; opacity:0; transform:scale(0.9); transition:all 0.3s ease;}
.tc-but{position:absolute; top:10px; right:20px; background:none; border:none; font-size:24px; cursor:pointer; color: #666666;}
.case-info{ border-radius: 15px; padding:6rem;}
.case-info1{ text-align: center;}
.case-info1 span{ font-size: 3rem; font-weight: bold; color: #84A334; line-height: 1.5; display: block;}
.case-info1 p{ font-size: 18px; color: rgba(33,33,33,0.8); line-height: 1.5; text-align: left; margin: 3rem 0 5rem;}
/**/


/*新闻详情样式2*/
.bshare-custom{ padding: 2rem 0;}

.big_img{position: fixed;z-index: -1;opacity: 0;background: rgba(0,0,0,0.8);width: 100%;height: 100%;top:0;left:0;}
.big_img .big-box{position: absolute;width: 50%;height: 80%; bottom: 0; top: 0; left: 0; right: 0; margin: auto auto;}
.big_img .swiper-container2 {width: 100%;height: 100%; overflow: hidden;}
.big_img .swiper-container2  .swiper-wrapper{width: 100%;height: 100%;}
.big_img .swiper-slide{width: 100%;height: 100%;display: table}
.big_img .swiper-slide .cell{ padding:0 8%; margin-bottom: 3%; overflow: hidden; position: relative; height: 70%; text-align: center; display: flex; justify-content: center; align-items: center;}
.big_img .swiper-slide img{  max-height: 77vh; max-width: 80%; margin: 0 auto;}
.big_img .swiper-slide .txt{ background-color: #fff; line-height: 28px; padding: 0 8%;}
.big_img .page2{position: absolute; top:0.2rem;text-align: center;width: 100%;}
.big_img .page2 span{margin:0 0.05rem;}
.big_img .close{ font-size: 30px; color: #fff; width: 48px; height: 48px; line-height: 48px; top: 10%; right: 0; left: 0; margin: 0 auto; position: absolute; z-index: 10000; cursor: pointer; text-align: center; border-radius: 48px; background-color: #464646;}
.big_img .close i{ line-height: 48px; font-size: 30px;}
.big_img .swiper-button-next,.big_img .swiper-button-prev{ background: #fff; width: 74px; height: 74px; line-height: 74px; border-radius: 74px; margin-top: -40px;}
.big_img .swiper-button-next{ right: -37px; opacity: 1; background-color: #689F38;}
.big_img .swiper-button-prev{ left: -37px; opacity: 1; box-shadow: #eae9e9 4px 0 5px;}
.big_img .swiper-button-next i,.big_img .swiper-button-prev i{ font-size: 50px; color: #d3d3d3; display: block; text-align: center;}
.big_img .swiper-button-next i{ color: #fff;}

.vshare{ background-color: #fff; position: absolute; width: 100%; height: 10%; box-sizing: border-box; text-align: right; padding: 0 2rem; bottom: 0; left: 0;}
.big-style .swiper-container2{ background-color: #ffffff; border-radius: 5px;}
.big-style .close{ left: auto; right: -25px; top: -22px;}


.fmsg{ width: 70%; margin: 0 auto;}
.ys-msg input{ background: #fff; border: 1px solid #ddd; height: 55px; line-height: 55px; box-sizing: border-box; padding: 0 20px; width: 80%; display: block;float: left; border-radius: 5px; font-size: 16px;}
.ys-msg button{ background: #0e68b0; text-align: center; width: 18%; font-size: 16px; border-radius: 5px; border: 0; float: right; height: 55px; line-height: 55px; color: #fff;}