*{padding: 0;margin: 0;}
a{text-decoration: none;color: #333;}
a:hover{color: #006b3d;}
li{list-style: none;}
img{vertical-align: top;}
body{overflow-x: hidden;font-family: Microsoft YaHei;}
.w85{max-width:1600px;width: 85%;margin: 0 auto;}
.flex{display: flex;}
.flex-bt {display: flex;justify-content: space-between;}

.logo{display: flex;}
.logo img{width: 80px;}
.logo h2{margin-left: 20px;font-weight: bold;font-size: 23px;color: #fff;letter-spacing: 3px;white-space: nowrap;}
.head{width: 100%;padding: 18px 0;position: absolute;top: 0;z-index: 9999;border-bottom: 1px solid rgba(255,255,255,0.5);}
.lag{margin-top: 9px;}
.lag a{color: #fff;margin-left: 10px;white-space: nowrap;font-size: 15px;}
.lag a i.lagqh{position: relative;background: url(../img/lag.gif) no-repeat left center;background-size: 25px;width: 25px;display: inline-block;height: 25px;vertical-align: top;margin-right: 5px;margin-top: -2px;}
.navigation{margin-left: 30px;}
.navigation>li{line-height: 36px;padding: 0 5px;position: relative;    white-space: nowrap;}
.navigation>li a{font-size: 15px;color: #fff;padding:0 20px;position: relative;}
.navigation>li a::after{left: 0;height: 3px;background: #006b3d;width: 100%;transition: all 0.5s;-ms-transition: all 0.5s;-webkit-transform: scale(0, 1);transform: scale(0, 1);content: "";position: absolute;bottom: -29px;display: none;}
.nav_x .navigation>li a{color: #333;}

.navigation>li:hover a{color: #006b3d;}
.navigation>li:hover a::after{-webkit-transform: scale(1, 1);transform: scale(1, 1);}
.navigation>li.on a{color: #006b3d;}
.navigation>li.on a::after{-webkit-transform: scale(1, 1);transform: scale(1, 1);}
.navigation li ul{max-height: 0;transition: all 0.5s;-ms-transition: all 0.5s;overflow: hidden;position: absolute;background: rgba(255,255,255,0.8);line-height: 40px;width: 180px;margin-top: 22px;z-index: 999;}
.navigation li ul li{text-indent: 10px;margin: 5px 0;}
.navigation li:hover ul{max-height: 1000px;}
.navigation li:hover ul li{padding: 0 0px;}
.navigation li:hover ul li a{color: #333;}
.navigation li:hover ul li a:hover{color: #006b3d;}
.navigation li:hover ul li a::after{display: none;}
.navigation>li.on ul li a{color: #333;}
.navigation li ul li a{color: #333;display: block;font-size: 14px;padding:0 20px;}
.navigation li ul li a:hover{color: #006b3d;}
.navigation li ul li a::after{display: none;}
.fixed-on .nav{position: fixed;width: 100%;z-index: 99999;top: 0;}
.nav_ds {display: none;float: left;margin-top: -4px;}
.nav_ds i{display: block;height: 3px;background: #fff;margin: 6px 0;transition: all ease-in-out .5s;-webkit-transition: all ease-in-out .5s;-moz-transition: all ease-in-out .5s;}
.nav_ds .i1 {animation: i1 1s infinite;-webkit-animation: i1 1s infinite;/*Safari and Chrome*/animation-direction: alternate;-webkit-animation-direction: alternate;}
.nav_ds .i2 {animation: i2 1s infinite;-webkit-animation: i2 1s infinite;/*Safari and Chrome*/animation-direction: alternate;-webkit-animation-direction: alternate;background: #fff;}
.nav_ds .i3 {animation: i3 1s infinite;-webkit-animation: i3 1s infinite; /*Safari and Chrome*/animation-direction: alternate;-webkit-animation-direction: alternate;}
@keyframes i1 {	from {width: 20px;}	to {width: 30px;}}
@-webkit-keyframes i1 {	from {width: 20px;}	to {width: 30px;}}
@keyframes i2 {	from {width: 30px;}	to {width: 20px;}}
@-webkit-keyframes i2 {	from {width: 30px;}	to {width: 20px;}}
@keyframes i3 {	from {width: 20px;}	to {width: 30px;}}
@-webkit-keyframes i3 { from {width: 20px;}	to {width: 30px;}}
.nav_ds i {background: #006b3d;}
.nav_ds .i2 {background: #b2cc5e;}
.nav_x .nav_ds .i3{background: #b2cc5e;}

.fixed-on .head{background: rgba(255,255,255,0.9);    position: fixed;}
.fixed-on .lag a{color: #333;}
.fixed-on .lag a i.lagqh::before{content: "";background: #999;display: block;width: 21px;height: 21px;z-index: -1;position: relative;border-radius: 50px;margin-left: 2px;margin-top: 2px;}
.fixed-on .logo h2 {color: #333;}
.fixed-on .navigation>li a {color: #333;}
.fixed-on .navigation>li:hover a {color: #006b3d;}
.fixed-on .navigation>li.on a {color: #006b3d;}
.fixed-on .navigation li:hover ul li a {color: #333;}
.fixed-on .navigation li:hover ul li a:hover {color: #006b3d;}
/* banner */
.flexslider{position:relative;overflow:hidden;}
.slides{position:relative;z-index:1;}
.slides li{height: 100vh;
background-position: center !important;background-repeat: no-repeat !important;display: none !important;background-size:cover !important;}
.slides li.flex-active-slide {display: block !important;}
@keyframes bgmov2 {
from {background-size: 100%;}
to {background-size: 102%;}
}
@-webkit-keyframes bgmov2 {
from {background-size: 100%;}
to {background-size: 102%;}
}
.slides li a img{max-width: 1920px;vertical-align: top;transition: 1s linear 2s;transform: scale(1.1,1.1);}
.slides li.flex-active-slide a img{transition: 7s linear; transform: scale(1,1);}
.slides li a{height: 100vh;display: flex;align-items: center;text-align: center;color: #fff;}
.flex-control-nav{position:absolute;bottom:40px;z-index:2;width:100%;text-align:center;}
.flex-control-nav li{display:inline-block;width:40px;height:3px;margin:0 6px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:40px;height:3px;line-height:40px;overflow:hidden;cursor:pointer;background: #fff;}
.flex-control-nav .flex-active{background: #006b3d;}
.flex-direction-nav{position:absolute;z-index:3;width:100%;top:45%;opacity: 0;}
.flexslider:hover .flex-direction-nav{opacity: 1;}
.flex-direction-nav li a{display:block;width:22px;height:70px;overflow:hidden;cursor:pointer;position:absolute;opacity: 0.8;}
.flex-direction-nav li a.flex-prev{left:30px;background:url(../img/lef.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{right:30px;background:url(../img/rig.png) center center no-repeat;}
.flex-direction-nav li a.flex-prev:hover{background:url(../img/lef_hl.png) center center no-repeat;opacity: 1;}
.flex-direction-nav li a.flex-next:hover{background:url(../img/rig_hl.png) center center no-repeat;opacity: 1;}
.slides li a h3{font-size: 42px;font-weight: bold;letter-spacing: 3px;}
.slides li a p{font-size: 38px;font-weight: 100;letter-spacing: 3px;margin-top: 20px;}
.date{margin: 80px auto 60px;font-size: 15px;}
.date li a i{color: #006b3d;font-size: 45px;font-style: normal;font-weight: bold;}
.date li p{margin: 10px 0 0 5px;}

.about_l{width: 50%;/* background: url(../img/about.jpg) no-repeat center right;
    background-size: cover; */}
.about_l img{width: 100%;}
.about_r{width: 45.5%;align-self: center;}
.about_r a{display: block;border: 2px solid #006b3d;font-size: 18px;color: #006b3d;float: left;padding: 4px 20px;margin-top: 30px;}
.about_r a:hover{background: #006b3d;color: #fff;}
.about_r h2{font-size: 30px;font-weight: bold;line-height: 42px;margin-bottom: 35px;letter-spacing: 2px;color: #010101;}
.about_r p{color: #666;line-height: 30px;margin-bottom: 25px;    font-size: 15px;}

#wrapper{width:100vw;margin:100px auto 100px;height:100vh;position:relative;color:#fff;text-shadow:rgba(0,0,0,0.3) 0px 1px 1px;margin-left: -10px;}
#slider-wrap{width:100%;height:100vh;position:relative;overflow:hidden;}
#slider-wrap ul#slider{width:100vw;height:100%;position:absolute;top:0;left:0;}
#slider-wrap ul#slider li{float:left;position:relative;width:100vw;height:100vh;background-repeat: no-repeat !important;background-size: cover !important; background-position: center !important;}
#slider-wrap ul#slider li > div{    height: 100%;}
#slider-wrap ul#slider li > div h3{font-size:30px;text-transform:uppercase;padding-top: 120px;}
#slider-wrap ul#slider li > div p{line-height: 24px;font-size:15px;margin: 40px 0;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
#slider-wrap ul#slider li > div h4{font-size:28px;text-transform:uppercase;}
#slider-wrap ul#slider li > div a{color: #fff;transition: all 0.5s;-ms-transition: all 0.5s;font-size: 15px;}
#slider-wrap ul#slider li .about_n_l:hover a{background: #006b3d;padding: 8px 15px;}
/* #slider-wrap ul#slider li i{text-align:center;line-height:995px;display:block;width:100%;font-size:90px;} */
/*btns*/
.btns{position:absolute;width:50px;height:70px;top:50%;margin-top:-35px;line-height:57px;text-align:center;cursor:pointer;z-index:100;
-webkit-user-select: none;-moz-user-select: none;-khtml-user-select: none;-ms-user-select: none;-webkit-transition: all 0.1s ease;
-moz-transition: all 0.1s ease;-o-transition: all 0.1s ease;-ms-transition: all 0.1s ease;transition: all 0.1s ease;}
#slider-wrap:hover .btns{}
#counter{top: 120px;right:0px;width:auto;position:absolute;font-size: 52px;font-weight: bold;}
#counter i{font-size: 24px;font-style: normal;font-weight: normal;    vertical-align: top;}
#slider-wrap.active #next{right:70px;background-image: url(../img/rig.png);background-repeat: no-repeat;background-position: center;}
#slider-wrap.active #previous {left: 70px;background-image: url(../img/lef.png);background-repeat: no-repeat;background-position: center;}
#slider-wrap.active #previous:hover{background-image: url(../img/lef_hl.png);}
#slider-wrap.active #next:hover{background-image: url(../img/rig_hl.png);}
/*bar*/
#pagination-wrap{text-align: center;position: absolute;bottom: 20px;width: 100%;z-index: 999;}
#pagination-wrap ul {width:100%;}
#pagination-wrap ul li{margin: 0 4px;display: inline-block;width:40px;height:3px;background:#fff;opacity:1;position:relative;top:0;    cursor: pointer;}
#pagination-wrap ul li.active{background: #006b3d;}
/*ANIMATION*/
#slider-wrap ul, #pagination-wrap ul li{-webkit-transition: all 0.3s cubic-bezier(1,.01,.32,1);-moz-transition: all 0.3s cubic-bezier(1,.01,.32,1);-o-transition: all 0.3s cubic-bezier(1,.01,.32,1);
-ms-transition: all 0.3s cubic-bezier(1,.01,.32,1);transition: all 0.3s cubic-bezier(1,.01,.32,1);}
#slider-wrap .w85{position: relative;}
.about_n{ align-items: center;position: absolute;top: 50%;margin-top: -93px;width: 100%;}
.about_n .about_n_l{width: 50%;}
.about_n .about_n_r{width: 50%;}
.about_n .about_n_r a{float: right;display: flex;align-items: center;font-size: 18px;}
.about_n .about_n_r a i{padding: 20px 20px 20px 25px;border: 2px solid #fff;border-radius: 50%;display: block;margin-right: 15px;transition: all 0.5s;-ms-transition: all 0.5s;}
.about_n .about_n_r a i img{width: 22px;}
.about_n .about_n_r a:hover i{background: #006b3d;border-color: #006b3d;}
.about_n_new{height: 20px;overflow: hidden; display: flex;font-size: 15px;justify-content: flex-end;margin-top: 20px;}
.about_n_new a{color: #fff;font-size: 15px;}

.md-close {border-radius: 50%;border: 0;position: absolute;right: 30px;top: 30px;z-index: 9999;}
.md-modal {position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 9999999;display: none;}
.md-show {display: block;}
.md-overlay {position: fixed;width: 100%;height: 100%;visibility: hidden;top: 0;left: 0;z-index: 9999995;opacity: 0;background: rgba(0, 0, 0, 1);-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;}
.md-show~.md-overlay {opacity: 1;visibility: visible;}
.md-effect-1 .md-content {-webkit-transform: scale(0.7);-moz-transform: scale(0.7);-ms-transform: scale(0.7);transform: scale(0.7);opacity: 0;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;}
.md-show.md-effect-1 .md-content {-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);transform: scale(1);opacity: 1;height: 100%;
    text-align: center;}
.md-show.md-effect-1 .md-content video{max-width: 100%;}


.slideGroup{position: relative;}
.slideGroup .parHd{ position:relative;width: 20%;}
.slideGroup .parHd ul{height:100%;    margin-top: 40px;}
.slideGroup .parHd ul li{display: block;line-height: 48px;text-align: left;cursor: pointer;height: 50px;margin: 0 0px 25px;background: #fff;font-size: 18px;}
.slideGroup .parHd ul li::before{content: "";border: 1px solid #fff;width: 25px;display: inline-block;margin-right: 30px;vertical-align: middle;margin-top: -3px;}	
.slideGroup .parHd ul li.on{color: #006b3d; }
.slideGroup .parHd ul li.on::before{border-color: #006b3d;}
.slideGroup .parHd ul li a{display: none;position: absolute;bottom: 50px;border: 2px solid #006b3d;font-size: 16px;color: #006b3d;padding: 4px 27px;line-height: initial;}
.slideGroup .parHd ul li.on a{display: block;}	
.slideGroup .parHd ul li.on a:hover {background: #006b3d;color: #fff;}
.slideGroup .parBd{ padding:10px; zoom:1;width: 80%;}
.slideGroup .parBd > div{position: relative;padding-bottom: 15px;}
.slideGroup .slideBox{ overflow:hidden; zoom:1; }
.slideGroup .sPrev,.slideGroup .sNext{position: absolute;display: block;width: 45px;height: 45px;float: left;background: #f9f9f9;left: 51px;text-align: center;line-height: 44px;font-size: 20px;top: 280px;}
.slideGroup .sNext{margin-left: 45px;}
.slideGroup .sPrev:hover,.slideGroup .sNext:hover{ background: #006b3d;color: #fff;}
.slideGroup .parBd .tempWrap{ float:left;  }
.slideGroup .parBd ul{ overflow:hidden; zoom:1;display: flex;flex-wrap: wrap; }
.slideGroup .parBd ul li{float:left; _display:inline; overflow:hidden;}
.slideGroup .tempWrap{width: 100% !important;}
.slideGroup .tempWrap ul{display: flex;}
.list{display: flex;    justify-content: flex-end;}
.list_n{width: 27.8%;padding: 2% 1.5%;margin-left: 2.5%;}
.list_n:nth-child(3){margin-right: 0;}
.list_n a img{margin: 0px 0 20px;width: 100%;/* border: 1px solid #eee; */}
.list_n a i{font-style: normal;display: block;margin-top: 30px;}
.list_n a h3{font-weight: normal;font-size: 20px;margin-bottom: 20px;display: none;}
.list_n a h2{text-align: center;font-size: 15px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;font-weight: normal;margin: 0 10px;}
.list_n a p{margin: 0 10px;line-height: 34px;font-size: 16px;color: #666;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.list_n:hover {background: #006b3d;}
.list_n:hover a{color: #fff;}
.list_n:hover a p{color: #fff;}
.slideGroup .parHd{background: #f9f9f9;}
.slideGroup .parHd ul li{background: none;}
.slideGroup .parHd ul li a{margin-left: 30px;}
.slideGroup .parBd{padding: 0;}

.foot_t{height: 166px;background: url(../img/dit.jpg) no-repeat center;}
.foot{background: #1e1e1f;padding-top: 20px;color: #fff;}
.foot {}
.foot h3{font-size: 18px;font-weight: normal;margin-bottom: 25px;}
.foot a{color: rgba(255,255,255,0.6);font-size: 15px;line-height: 36px;}
.foot .db_contact a{display: block;}
.copy{text-align: left;margin-top: 0px;line-height: 40px;font-size: 15px;color: rgba(255,255,255,0.6);padding-bottom: 40px;}
.copy img{width: 18px;vertical-align: middle;margin-top: -3px;margin-right: 3px;}
.foot a i{/* font-size: 24px;color: #fff;font-weight: bold; */font-style: normal;}
.foot a:hover{color: #fff;}
.foot .db_nav{}
.foot .db_nav a{font-size: 16px;padding-right: 60px;}
.db_xd{border-bottom: 1px solid rgba(255,255,255,0.1);padding-bottom: 20px;margin-bottom: 40px;}
.db_contact .db_logo{filter: grayscale(100%);opacity: 0.5;width: 200px;}
.db_xd_n a{opacity: 0.6;width: 40px;display: inline-block;height: 40px;background: rgba(255,255,255,0.1);border-radius: 50px;text-align: center;margin-left: 3px;}
.db_xd_n a img{height: 25px;vertical-align: middle;}
.db_xd_n a:hover{background: #006b3d;opacity: 1;}
.db_xd_n a .db_ewm{position: absolute;width: 120px;height: auto;z-index: 9;margin-top: 15px;margin-left: -36px;display: none;}
.db_xd_n a:hover .db_ewm{display: block;}
.db_contact{align-items: center;}
.slides li a img{display: none;}

.copy {padding-bottom: 10px;border-top: 1px solid rgba(255,255,255,0.1);padding-top: 10px;margin-top: 15px;}
.db_contactx{}
.db_contactx li{color: rgba(255,255,255,0.6);font-size: 14px;margin-right: 25px;display: inline-block;}
.db_contactx li a{color: rgba(255,255,255,0.6);}
.db_contactx li a:hover{color: rgba(255,255,255,1);}
.db_contactx .db_cont img {vertical-align: middle;margin-top: -3px;margin-right: 3px;height: 23px;}
.db_lg img{width: 160px;}
.db_lg{margin-right: 50px;}
.db_ewm{text-align: center;margin-top: -10px;}
.db_ewm p{text-align: center;color: rgba(255,255,255,0.6);font-size: 13px;line-height: 26px;}
.db_cont{font-size: 14px;color: rgba(255,255,255,0.6);}
.foot {padding-top: 40px;padding-bottom: 15px;}
.foot a {font-size: 14px;}
.foot {padding-top: 20px;padding-bottom: 20px;}

img{border: 0;}
.toolbar .icon {width: 30px;height: 30px;vertical-align: -0.15em;fill: #fff;overflow: hidden;}
.toolbar {position: fixed;top: 322px;right: 5px;z-index: 100;width: 60px;animation-duration: .5s;animation-timing-function: ease-out;animation-fill-mode: both;animation-name: slide-leftt;margin-bottom: -113px;}
.toolbar ul li:first-child {margin-top: 0;z-index: 999;}
.toolbar ul {padding: 0;}
.toolbar ul li{position: relative;width: 60px;height: 60px;background:#b2cc5e;margin-top: 2px;border-radius: 5px;color: #fff;font-size: 12px;line-height: 21px;text-align: center;cursor: pointer;transition: all .5s;}
.toolbar ul li.tel .box {position: absolute;top: 0;width: 190px;right: -200px;height: 100%;margin-right: 10px;border-radius: 5px;background: #006b3d;opacity: 0;transition: all .5s;}
.toolbar ul li.qq .box {position: absolute;top: 0;width: 190px;right: -200px;height: 100%;margin-right: 10px;border-radius: 5px;background: #006b3d;opacity: 0;transition: all .5s;}
.toolbar ul li.code .box {position: absolute;bottom: -50px;width: 162px;right: -172px;height: 162px;margin-right: 10px;border-radius: 5px;background: #006b3d;opacity: 0;transition: all .5s;}
.toolbar ul li a{text-decoration: none;display: block;color: #fff;}
.toolbar ul li .int {width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;flex-wrap: wrap;flex-direction: column;}
.toolbar ul li:hover {background: #006b3d;}
.toolbar ul li.code:hover .box {opacity: 1;right: 58px;}
.toolbar ul li.tel:hover .box {opacity: 1;right: 58px;}
.toolbar ul li.qq:hover .box {opacity: 1;right: 58px;}
.toolbar ul li.tel .box p {font-size: 14px;margin: 15px auto 7px;}
.toolbar ul li .int p {margin: 0;}
.toolbar ul li.tel .box h3 {font-size: 18px;font-weight: bold;line-height: 22px;margin-top: 6px;}
.toolbar ul li.qq .box h3 {font-size: 18px;font-weight: bold;line-height: 55px;}
.toolbar ul li.code .box img {width: 140px;height: 140px;padding: 11px;box-sizing: initial;}
.toolbar ul li.tel .box:after {display: block;content: " ";border-style: solid dashed dashed dashed;border-color: transparent transparent transparent #006b3d;border-width: 9px;width: 0;height: 0;position: absolute;top: 50%;margin-top: -9px;right: -18px;margin-left: -12px;}
.toolbar ul li.qq .box:after {display: block;content: " ";border-style: solid dashed dashed dashed;border-color: transparent transparent transparent #006b3d;border-width: 9px;width: 0;height: 0;position: absolute;top: 50%;margin-top: -9px;right: -18px;margin-left: -12px;}
.toolbar ul li.code .box:after {display: block;content: " ";border-style: solid dashed dashed dashed;border-color: transparent transparent transparent #006b3d;border-width: 9px;width: 0;height: 0;position: absolute;bottom: 67px;right: -18px;margin-left: -12px;}
.toolbar ul li .int div img{height: 25px;vertical-align: top;}

.slideGroup {height: 75%;}
.slideGroup .parHd {height: 100%;}
.slideGroup .parHd ul li::before{border: 8px solid #f9f9f9;}
.slideGroup .parHd ul li.on::before {border-color: #006b3d;}

@keyframes slide-leftt {
0% {opacity: 0;transform: translateX(100%)}
100% { opacity: 1;transform: translateX(0)}
}

@media screen and (max-width: 1750px){
.about_r p.about_r2{display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.about_r h2 {font-size: 28px;margin-bottom: 30px;}
.about_r a{margin-top: 20px;}
}
@media screen and (max-width: 1650px){
.about_r p.about_r2{display: none;}
}

@media screen and (max-width: 1475px){
.date li a i {font-size: 40px;}
.slides li a h3{font-size: 40px;}
.slides li a p {font-size: 36px;}
.about_r h2{ margin-bottom: 20px;}
}

@media screen and (max-width: 1380px){
.navigation>li a {padding: 0 10px;}
}

@media screen and (max-width: 1250px){
.about_r h2 {font-size: 22px;line-height: 30px;}
.w85{width: 90%;}
}

@media (min-width: 1023px) and (max-height: 700px){
.date {margin: 30px auto 30px !important;}
.date li a i {font-size: 32px;}
.date li p {margin: 0px 0 0 5px;}
.about_n_new{margin-top:90px !important;}
}

@media (min-width: 1023px) and (max-height: 670px){
.contact2{margin-bottom: 70px;}
.contact li h2{margin-bottom: 7px !important;}
.contact a{line-height: 22px !important;}
.foot {padding-top: 10px;padding-bottom: 10px;}
.home_title_t{margin-top: 90px;margin-bottom:10px;}
.home_title_t .bt_title {margin-bottom: 0;margin-right: 3%;margin-bottom: 1%;}
.contact {margin-top: 0 !important;}
.home_title_t .contact li{display: flex;margin-bottom: 0;}
.title_t a{margin-left: 5%;}
.slideGroup .parBd ul li{text-align: center;}
.slideGroup .parHd ul li{font-size: 16px;}
.slideGroup .parHd ul li::before {border: 6px solid #f9f9f9;}
.slideGroup{margin-top: 5%;}
.list_n {padding: 1% 1.5% 1%;}

.contact_t{width: 30% !important;}
.about_r a {margin-top: 0px;}
}


@media (min-width: 1340px) and (max-height: 655px){
.list_n a img{margin: 0px 0 10px;height: 180px;width: auto;}
}


@media (min-width: 1023px) and (max-height: 590px){
.list_n a img {margin: 0px 0 10px;height: 160px;width: auto;}
.about_l {width: 40%;}
.about_r {width: 55.5%;}
.about_r h2 {font-size: 22px;line-height: 30px;}
}


@media (min-width: 1023px) and (max-height: 510px){
.about_l {width: 35%;align-self: center;}
.about_r {width: 60.5%;}

}

@media (min-width: 1023px) and (max-height: 510px){
.contact a {display: none !important;}
.title_t a{display: block !important;}
.contact2 li.on a{display: block !important;}
.contact2 li::before{content: "+";float: right;color: #006b3d;transition: all 1s;-ms-transition: all 1s;width: 12px;text-align: center;margin-right: -18px;}
.contact2 li.on::before{content: "-";}
}

@media (min-width: 1023px) and (max-height: 515px){
.list_n a img {height: 140px;}
}
@media (min-width: 1023px) and (max-height: 455px){
.list_n a img {height: 120px;}
}
@media (min-width: 1023px) and (max-height: 410px){
.list_n a img {height: 100px;}
}

@media only screen and (max-width: 1023px)
{
.navigation{position: fixed;top: 65px;z-index: 999;background: rgba(255,255,255,0.9);width: 100%;left: 0;transition: all 1s;-ms-transition: all 1s;height: 0;overflow: hidden;display: block;margin-left: 0;}
.nav_ds {display: inline-block;}
.nav_x .navigation{display: block;height: 2000px;}
.nav_x .nav_ds .i1 {width: 30px !important;transform: rotate(45deg) translate(5px, 7px);-webkit-transform: rotate(45deg) translate(5px, 7px);-moz-transform: rotate(45deg) translate(5px, 7px);}
.nav_x .nav_ds .i2 {opacity: 0;}
.nav_x .nav_ds .i3 {transform: rotate(-45deg) translate(5px, -8px);-webkit-transform: rotate(-45deg) translate(5px, -8px);-moz-transform: rotate(-45deg) translate(5px, -8px);width: 30px !important;}
.navigation>li a {display: block;    text-align: center;}
.navigation>li a::after{bottom: 0;}
.ser a {margin-left: 10px;}
.navigation>li a {font-size: 16px;line-height: 60px;}
.navigation li:hover ul {max-height: 0;}
.nav_x .navigation li i{background: url(../img/jt2.png) no-repeat center;background-size: 6px;
font-style: normal;color: #006b3d;display: block;width: 60px;height: 60px;-moz-transform: rotate(90deg) translate(0px, 0px);position: absolute;right: 0;top: 0;line-height: 60px;text-align: center;}
.nav_x .navigation li i:before{content:">";font-family: fangsong;display: none;}
.nav_x .navigation li.on_m i{transform: rotate(90deg) translate(0px, 0px);-webkit-transform: rotate(90deg) translate(0px, 0px);}
.nav_x .navigation li ul{width: 100%;margin-top: 0;position: relative;background: rgba(0,0,0,0.03);}
.navigation li.on_m ul{max-height: 1000px;}
.lag {margin-top: 3px;}
.navigation>li {padding: 0 0px;}
.navigation li ul li a{line-height: 40px;}
.logo h2 {margin-left: 10px;font-size: 20px;margin-top: 0px;letter-spacing:0;line-height: 32px;}
.logo img {width: 70px;}
.head{padding: 15px 0;}
.about{display: block;}
.about_l {width: 100%;}
.about_r {width: 100%;}
.date li a i {font-size: 24px;}
.date {font-size: 14px;}
.date li p {margin: 5px 0 0 0px;}
.about_r h2 {font-size: 18px;line-height: 26px;margin-bottom: 10px;margin-top: 15px;letter-spacing:0;}
.about_r p {color: #666;margin-bottom: 0px;font-size:14px;line-height: 26px;}
.date {margin:40px auto 30px !important;}
.about_r a {font-size: 14px;}
.about_n_new{font-size: 14px;margin-top:20px !important;}
.about_n_new a{font-size: 14px;}
#scroll-list{width: 78% !important;}
.section{width: 100%;display: table;height: auto !important;}
.about_l .about_n_r a i {padding: 10px 10px 10px 15px !important;}
.fp-tableCell {height: auto !important;}
#wrapper{margin-top:50px !important;height: 40vh;}
#slider-wrap {height: 40vh;}
#slider-wrap ul#slider li{height: 40vh;}
.contact{flex-wrap: wrap !important;}
.slideGroup {height: auto !important;flex-wrap: wrap;margin-top: 40px;}
.slideGroup .parHd {width: 100%;}
.slideGroup .parBd {width: 100%;margin-top: 10px;}
.list_n {width: 32.3%;padding: 0;margin-left: 0;margin-right: 1.5%;margin-bottom: 3%;padding-bottom: 5px;}
.list_n:nth-child(3n) {margin-right: 0;}
.list_n a img {margin: 0px 0 5px;}
.list_n a h2 {font-size: 14px;}
.slideGroup .parHd ul {margin-top: 10px;justify-content: space-around;display: flex;}
.slideGroup .parHd ul li {line-height: 48px;height: auto;margin: 0 0 0;font-size: 16px;position: relative;padding-bottom: 10px;}
.slideGroup .parHd ul li::before {border: 2px solid #f9f9f9 !important;width: 100%;display: block;margin-right: 0px;margin-top: 0px;position: absolute;bottom: 0;}
.slideGroup .parHd ul li.on::before {border-color: #006b3d !important;}
.d_video {}
.contact_r {width: 100% !important;margin-bottom: 8%;flex-wrap: wrap;display: flex;}
.contact_l {width: 100% !important;flex-wrap: wrap;display: flex;}
.contact_t{margin:0 0% 5% !important;order: -1;width: 100% !important;max-width: 775px;}
.contact li {width: 50%;}
.bt_title {margin-top: 8% !important;}
.foot {position: initial !important;}
.home_title_t {margin-top: 0px;}
.contact2 {margin-bottom: 0px;}
.contact li h2{margin-bottom: 10px !important;}
.contact a {line-height: 28px !important;}
}

@media screen and (max-width: 767px){
.contact_r{display: block;}
.contact_l{display: block;}
.foot {padding-bottom: 70px;}
.toolbar {margin-bottom: 0;bottom: 0;right: 0;width: 100%;top: auto;z-index: 9999;}
.toolbar ul {display: flex;}
.toolbar ul li{width: 100%;border-radius: 0;}
.toolbar ul li:first-child {margin-top: 2px;}
.toolbar ul li.code .box img {width: 130px;height: 130px;padding: 10px;}
.toolbar ul li.code .box {bottom: 60px;width: 150px;right: auto;max-height: 0px;margin-right: 0;border-radius: 0;border-radius: 0;overflow: hidden;}
.toolbar ul li.code:hover .box {right: auto;max-height: 150px;}
.toolbar ul li.tel .box{display: none;}
.toolbar ul li.code .box:after{display: none;}
.toolbar ul li.qq:hover .box{display: none;}
.slides li{height: auto;background: none !important;}
.slides li a{height: auto;}
.flex-control-nav {bottom: 20px;}
.slides li a img {display: block;max-width: 100%;}
.contact li{width: 100%;}
}