@charset "utf-8";
body{ margin:0px; font-size:14px; color:#666666; font-family: "微软雅黑";}
*{padding:0px;margin:0px; outline: none;}
body{margin:0;padding:0;}
h1,h2,h3,h4,h5,h6 { list-style:none;}
button {overflow:visible}
img{border:none;}
a{color:#666666;text-decoration:none;}
a:hover{color:#94be35;text-decoration:none;}
li{	list-style:none;}
.clear{overflow:hidden;clear:both; height:0px;}
.lf{ float:left;}
.rt{ float:right;}
.m{ width:1200px; margin:0 auto;}
.center{ text-align: center;}
/* @font-face { font-family: '1'; src: url('../fonts/1.ttf');} */

/* 两头/上下对齐 */
.lt{ display: flex;flex-flow: wrap;justify-content: space-between;}
.sx{ display: flex;flex-flow: column;justify-content: space-between;}

/* 左对齐 */
.box ul:after { display:block; content:""; width: 30%; height:0px;}

/* 一行两行三行隐藏 */
.yh{ overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.lh{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.sh{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;}

/* 图片隐藏/上下居中 */
.tp{ object-fit: cover;}
.jz{ display: -webkit-box;  display: -webkit-flex; -webkit-justify-content: center; -webkit-align-items: center;}

.t_p { overflow: hidden; position: relative;}
.t_p img{ width:100%; transition: all 3s; -webkit-transition: all 3s; -moz-transition: all 3s; -ms-transition: all 3s; -o-transition: all 3s;}
.t_p img:hover{transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1);}

.top{ background: #1071ba; padding: 5px 0;}
.top1{ width: 50%; line-height: 30px; font-size: 15px; color: #fff;}
.top2{ width: 50%; line-height: 30px; font-size: 15px; color: #fff;}
.top21{ max-width: 245px; margin-left: auto;}
.top21 p{ background: url(../images/tel.png) no-repeat left center; padding-left: 28px; font-size: 14px; color: #fff;}
.top21 p strong{ margin-left: 8px; font-family: 'din-bold'; font-size: 18px; color: #fff; font-weight: bold;}
@font-face { font-family: 'din-bold'; src: url('../fonts/din-bold.ttf');}

.header{}
.header.ontop{ background: rgba(255,255,255,1); box-shadow: 0 0 5px #ccc; position: fixed; top: 0; left: 0; width: 100%; transition: All .4s ease;-webkit-transition: All .4s ease;-moz-transition: All .4s ease;-o-transition: All .4s ease;-webkit-animation: headerFix 1s ease 1;animation: headerFix 1s ease 1; z-index: 999;}
.header .an{position:absolute;top: 33px;right:15px;height:18px;width:30px;display:none;}
.header .an span{width:30px; height:2px; background-color:#555; display:block; position:absolute; transition:all .5s;-o-transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;}
.header .an span.a1{top:0; left:0;}
.header .an span.a2{top:8px; left:0;}
.header .an span.a3{top:16px; left:0;}
.header .an.n span.a2{display:none;}
.header .an.n span.a1{top:8px; width:30px; transform:rotate(45deg); -o-transform:rotate(45deg); -ms-transform:rotate(45deg); -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg);}
.header .an.n span.a3{top:8px; width:30px; transform:rotate(135deg); -o-transform:rotate(135deg); -ms-transform:rotate(135deg); -moz-transform:rotate(135deg); -webkit-transform:rotate(135deg);}
.navbar{width: 100%;max-width: 1600px;margin: auto;display: flex;flex-flow: wrap;justify-content: space-between;border: none;}
.navbar-header{ width: 38.75%; max-width: 465px; height: 123px; margin-right: auto;}
.navbar-brand{ width: 100%;}
.navbar-header1 img{ height: 83px;}
.navbar-header2 img{ height: 47px;}
.menu{width: 52.4%;}
.menu .nav i{font-size:14px; line-height:54px; text-align:right; position:absolute; width:50%; height:54px; right:15px; top:50%; display:none; transform:translate(0,-50%);
-webkit-transform:translate(0,-50%); -moz-transform:translate(0,-50%); -ms-transform:translate(0,-50%); -o-transform:translate(0,-50%);}
.menu .nav ul li{ width: 16.666%; border-right: 1px solid #eeeeee; text-align:center; float:left; position:relative;}
.menu .nav ul li a.o_lm{ padding: 39px 0; line-height: 40px; font-size: 16px; color: #555555; display:block; text-decoration: none; border-bottom: 5px solid #fff;}
/* .menu .nav ul li:hover{ border-right: 1px solid #fff;} */
.menu .nav ul li:hover a.o_lm{ background: #efefef; border-bottom: 5px solid #94be35;}
.menu .nav ul li.on a.o_lm{ background: #efefef; border-bottom: 5px solid #94be35;}
.menu .nav .y_j{ position:relative;}
.menu .nav .e_j{ width:100%; position:absolute; left: 0; display:none; z-index:9999;}
.menu .nav .e_j a{ background: rgba(148,190,53,0.8); display:block; font-size: 14px;color:#fff;line-height: 25px;padding: 10px 0;text-decoration: none;}
.menu .nav .e_j a:hover{ background-color: #94be35;}
.menu .nav ul li:hover .e_j{display:block;}

.ban{ overflow: hidden; text-align: center; position: relative;}
.ban .swiper-slide{ overflow: hidden;}
.ban1{ width: 100%;height: 100%; transform: scale(1.1);-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1); transition: all 5s;-o-transition: all 5s;-ms-transition: all 5s;-moz-transition: all 5s;-webkit-transition: all 5s;}
.ban1 img{ width: auto; min-width: 100%;}
.ban .swiper-slide-active .ban1{transform: scale(1);-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);}
.ban .swiper-button-prev,.ban .swiper-button-next{top: 50%;opacity: 0;width: 60px;height: 60px;margin-top: -30px;text-align: center;z-index: 1;color: #ffffff;display: block;font-size: 40px;cursor: pointer;overflow: hidden;line-height: 56px;text-shadow: none;position: absolute;font-weight: normal;background: #94be35;border-radius: 100px;}
.ban .swiper-button-prev{ left:5%;}
.ban:hover .swiper-button-prev{ opacity:1;}
.ban .swiper-button-next{ right:5%;}
.ban:hover .swiper-button-next{ opacity:1;}
.ban .swiper-pagination-bullet{ position: relative; background: #000; display: inline-block; height: 6px; width: 40px; margin-right: 12px; border-radius: 0; text-align:left;cursor:pointer;-webkit-transition:width 0.5s ease-in-out;-webkit-transition:width 0.5s ease-in-out;transition:width 0.5s ease-in-out;}
.ban .swiper-pagination-bullet.swiper-pagination-bullet-active{ background: none;}
.ban .swiper-pagination-bullet:before{content:""; position: absolute; left: 0; top: 0; width: 40px; height: 6px; display:inline-block; vertical-align:middle;}
.ban .swiper-pagination-bullet:after{content:"";position: absolute;left: 0;top: 0;width:0px;height: 6px;background: #94be35;margin-left: 0px;vertical-align:middle;-webkit-transition:width 0s;transition:width 0s;display:inline-block;}
.ban .swiper-pagination-bullet-active{width: 40px;}
.ban .swiper-pagination-bullet-active:after{width: 40px;display:inline-block;-webkit-transition:width 2s linear 0.5s;transition:width 2s linear 0.5s;}
.ban .swiper-pagination-bullet-active:before{ display: none;}

.sy_cp{ padding-top: 96px; padding-bottom: 186px;}
.t{ overflow: hidden;}
.t h1{ line-height: 50px; font-size: 35px; color: #333333; font-weight: bold; transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; -o-transition: .5s;}
.t h2{ font-family: Arial; line-height: 30px; font-size: 22px; color: #999999; text-transform: uppercase; transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; -o-transition: .5s;}
.t span{ display: block; background: #94be35; width: 45px; height: 3px; margin: auto; margin-top: 10px; transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; -o-transition: .5s;}
.t:hover h1{ transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; -o-transition: .5s; transform: translateX(5px); -moz-transform: translateX(5px); -ms-transform: translateX(5px); -o-transform: translateX(5px); -webkit-transform: translateX(5px);}
.t:hover h2{ transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; -o-transition: .5s; transform: translateX(5px); -moz-transform: translateX(5px); -ms-transform: translateX(5px); -o-transform: translateX(5px); -webkit-transform: translateX(5px);}
.t:hover span{ transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; -o-transition: .5s; transform: translateY(-5px); -moz-transform: translateY(-5px); -ms-transform: translateY(-5px); -o-transform: translateY(-5px); -webkit-transform: translateY(-5px);}
.sy_cpb{ margin-top: 40px;}
.sy_cp1{ width: 61.8%; height: 100%; position: relative;}
.sy_cp11{ width: 100%; height: 100%; position: relative;}
.sy_cp11 img{ max-width: 100%; height: auto; object-fit: cover;}
.sy_cp12{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; padding-left: 7%; padding-right: 10.2%; display: -webkit-box;  display: -webkit-flex; -webkit-align-items: center;}
.sy_cp121{ width: 48.6%; transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; -o-transition: .5s;}
.sy_cp121 h3{ line-height: 50px; font-size: 28px; color: #fff; font-weight: bold;}
.sy_cp121 p{ line-height: 30px; font-size: 16px; color: #fff; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden;}
.sy_cp121 a.more{ display: block; margin-top: 15px;}
.sy_cp121 img{ height: 24px;}
.sy_cp122{ width: 41%; transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; -o-transition: .5s;}
.sy_cp122 img{ max-width: 100%;}
.sy_cp1:hover .sy_cp121{ transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; -o-transition: .5s; transform: translateX(5px); -moz-transform: translateX(5px); -ms-transform: translateX(5px); -o-transform: translateX(5px); -webkit-transform: translateX(5px);}
.sy_cp1:hover .sy_cp122{ transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; -o-transition: .5s; transform: translateX(-5px); -moz-transform: translateX(-5px); -ms-transform: translateX(-5px); -o-transform: translateX(-5px); -webkit-transform: translateX(-5px);}
.sy_cp2{ width: 38.2%; background: #efefef; padding-top: 65px; padding-left: 45px; position: relative;}
.sy_cp21{ max-width: 295px; position: relative; z-index: 1; transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; -o-transition: .5s;}
.sy_cp21 h3{ line-height: 50px; font-size: 28px; color: #333333; font-weight: bold;}
.sy_cp21 p{ line-height: 30px; font-size: 16px; color: #777777; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden;}
.sy_cp21 a.more{ display: block; margin-top: 15px;}
.sy_cp21 img{ height: 24px;}
.sy_cp22{ position: absolute; z-index: 0; right: 0; bottom: 0; transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; -o-transition: .5s;}
.sy_cp22 img{ height: 210px;}
.sy_cp2:hover .sy_cp21{ transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; -o-transition: .5s; transform: translateY(5px); -moz-transform: translateY(5px); -ms-transform: translateY(5px); -o-transform: translateY(5px); -webkit-transform: translateY(5px);}
.sy_cp2:hover .sy_cp22{ transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; -o-transition: .5s; transform: translateY(-5px); -moz-transform: translateY(-5px); -ms-transform: translateY(-5px); -o-transform: translateY(-5px); -webkit-transform: translateY(-5px);}
.sy_cp3{ background: #efefef; width: 61.8%;}
.sy_cp30{ width: 100%; padding-left: 7%; padding-right: 10.2%; display: -webkit-box;  display: -webkit-flex; -webkit-align-items: center;}
.sy_cp31{ width: 32.9%; transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; -o-transition: .5s;}
.sy_cp31 img{ max-width: 100%;}
.sy_cp32{width: 48.6%; transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; -o-transition: .5s;}
.sy_cp32 h3{ line-height: 50px; font-size: 28px; color: #333333; font-weight: bold;}
.sy_cp32 p{ line-height: 30px; font-size: 16px; color: #777777; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden;}
.sy_cp32 a.more{ display: block; margin-top: 15px;}
.sy_cp32 img{ height: 24px;}
.sy_cp3:hover .sy_cp31{ transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; -o-transition: .5s; transform: translateX(5px); -moz-transform: translateX(5px); -ms-transform: translateX(5px); -o-transform: translateX(5px); -webkit-transform: translateX(5px);}
.sy_cp3:hover .sy_cp32{ transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; -o-transition: .5s; transform: translateX(-5px); -moz-transform: translateX(-5px); -ms-transform: translateX(-5px); -o-transform: translateX(-5px); -webkit-transform: translateX(-5px);}
.sy_cp4{ width: 38.2%; position: relative;}
.sy_cp41{ width: 100%; height: 100%; position: relative;}
.sy_cp41 img{ max-width: 100%;}
.sy_cp42{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; text-align: center;}
.sy_cp42 img{ height: 52px; transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; -o-transition: .5s;}
.sy_cp42 h1{ margin-top: 10px; line-height: 44px; font-size: 26px; color: #fff;}
.sy_cp42 h4{ margin: 0; line-height: 20px; font-size: 12px; color: #fff; text-transform: uppercase; transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; -o-transition: .5s;}
.sy_cp4:hover .sy_cp42 img{ transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; -o-transition: .5s; transform: translateY(-5px); -moz-transform: translateY(-5px); -ms-transform: translateY(-5px); -o-transform: translateY(-5px); -webkit-transform: translateY(-5px);}
.sy_cp4:hover .sy_cp42 h4{ transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; -o-transition: .5s; transform: translateY(5px); -moz-transform: translateY(5px); -ms-transform: translateY(5px); -o-transform: translateY(5px); -webkit-transform: translateY(5px);}

.sy_hz{ background: url(../images/n2_bg.jpg) no-repeat top center; height: 683px; padding-top: 146px;}
.sy_hz1{ width: 27.7%; margin-top: 90px;}
.sy_hz1 .t span{ margin: 0; margin-top: 10px;}
.sy_hz2{ background: #fff; padding: 70px; width: 72.3%; box-shadow: 0 0 10px #ccc;}
.sy_hz2 ul li{ width: 50%; max-width: 335px;}
.sy_hz2 ul li:nth-child(1){ max-width: 385px;}
.sy_hz2 ul li:nth-child(-n + 2){ margin-bottom: 60px;}
.sy_hz2 .n21{ background: #579b38; width: 66px; height: 66px; border-radius: 100%;}
.sy_hz2 .n21 img{ max-height: 32px; transition:width 2s, height 2s;-moz-transition:width 2s, height 2s, -moz-transform 2s; /* Firefox 4 */-webkit-transition:width 2s, height 2s, -webkit-transform 2s; /* Safari and Chrome */-o-transition:width 2s, height 2s, -o-transform 2s; /* Opera */}
.sy_hz2 .n22{ width: calc(100% - 86px);}
.sy_hz2 .n22 h3{ line-height: 30px; font-size: 22px; color: #579b38; font-weight: bold;}
.sy_hz2 .n22 p{ line-height: 30px; font-size: 16px; color: #666666;}
.sy_hz2 ul li:hover .n21 img{transform:rotate(360deg);-moz-transform:rotate(360deg); /* Firefox 4 */-webkit-transform:rotate(360deg); /* Safari and Chrome */-o-transform:rotate(360deg);}

.sy_ab{ padding-top: 110px; padding-bottom: 98px;}
.sy_abb{ margin-top: 46px;}
.sy_ab1{ width: 46.8%;}
.sy_ab1 img{ max-width: 100%;}
.sy_ab2{ width: 50%;}
.sy_ab2 h3{ margin-top: 15px; line-height: 50px; font-size: 26px; color: #333333; font-weight: bold;}
.sy_ab2 p{ margin-bottom: 28px; line-height: 28px; font-size: 16px; color: #666666;}
.sy_ab2 a.more{ display: block; width: 152px; line-height: 50px; color:#888888; font-size:16px; text-align: center; border: 1px solid #d7d7d7; transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;}
.sy_ab2 a.more:hover{ color:#fff; border: 1px solid #579b38; box-shadow:inset 152px 0 0 0 #579b38; -webkit-box-shadow:inset 152px 0 0 0 #579b38; -moz-box-shadow:inset 152px 0 0 0 #579b38; -ms-box-shadow:inset 152px 0 0 0 #579b38;-o-box-shadow:inset 152px 0 0 0 #579b38;}

.sy_xw{ background: #f3f3f3; padding-top: 80px; padding-bottom: 98px;}
.sy_xwb{ margin-top: 40px;}
.sy_xw1{ width: 35.8%; height: 100%; position: relative;}
.sy_xw11{ padding: 27px 22px; position: relative; z-index: 1;}
.sy_xw11 h3{ margin-top: 14px; margin-bottom: 6px; line-height: 30px;}
.sy_xw11 h3 a{ display: block; font-size: 16px; color: #333333; font-weight: bold; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.sy_xw11 p{ line-height: 21px; font-size: 14px; color: #888888; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.sy_xw11 .rq{ background: url(../images/rq.png) no-repeat left center; display: block; margin-top: 15px; line-height: 18px; padding-left: 20px; font-size: 13px; color: #888888;}
.sy_xw12{ width: 100%; height: 50%; position: absolute; top: 0; left: 0; background: #579b38;}
.sy_xw13{ width: 100%; height: 50%; position: absolute; bottom: 0; left: 0; background: #fff;}
.sy_xw1:hover h3 a{ color: #94be35;}
.sy_xw2{ width: 62.5%;}
.sy_xw2 ul li{ background: #fff; width: 48.7%; padding: 33px 20px; padding-right: 12px; -webkit-transition: all .2s linear; transition: all .2s linear;}
.sy_xw2 ul li:nth-child(-n + 2){ margin-bottom: 11px;}
.sy_xw2 ul li .rq{ background: url(../images/rq.png) no-repeat left center; display: block; line-height: 18px; padding-left: 20px; font-size: 13px; color: #888888;}
.sy_xw2 ul li h3{ margin: 5px 0; line-height: 30px;}
.sy_xw2 ul li h3 a{ display: block; font-size: 16px; color: #333333; font-weight: bold; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.sy_xw2 ul li p{ line-height: 20px; font-size: 14px; color: #888888; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.sy_xw2 ul li a.more{ display: block; width: 88px; margin-top: 16px; line-height: 30px; background: #dadada; color:#6f6f6f; font-size:12px; text-align: center; transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;}
.sy_xw2 ul li a.more:hover{ color:#fff; box-shadow:inset 88px 0 0 0 #579b38; -webkit-box-shadow:inset 88px 0 0 0 #579b38; -moz-box-shadow:inset 88px 0 0 0 #579b38; -ms-box-shadow:inset 88px 0 0 0 #579b38;-o-box-shadow:inset 88px 0 0 0 #579b38;}
.sy_xw2 ul li:hover{ -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .1); box-shadow: 0 0 15px rgba(0, 0, 0, .1); -webkit-transform: translate3d(0, -3px, 0); transform: translate3d(0, -3px, 0);}
.sy_xw2 ul li:hover h3 a{ color: #94be35;}

.sy_fw{ padding-top: 80px; padding-bottom: 126px;}
.sy_fw1{ max-width: 870px; margin: auto; margin-top: 20px; margin-bottom: 10px; text-align: center;}
.sy_fw1 p{ line-height: 30px; font-size: 16px; color: #777777;}
.sy_fw2 ul{ overflow: hidden;}
.sy_fw2 ul li{ width: 23.75%; float: left; margin-top: 23px; margin-left: 1.666%;}
.sy_fw2 ul li .t_p{ height: 230px;}
.sy_fw2 ul li img{ max-height: 230px; object-fit: cover;}
.sy_fw2 ul li:nth-of-type(1){ margin-left: 0;}
.sy_fw2 ul li:nth-of-type(4n+1){ margin-left: 0;}

.f1{ background: #98d182; padding-top: 50px; padding-bottom: 36px;}
.f11{ width: 26.6%; margin-top: 20px; height: 83px; overflow: hidden; -webkit-justify-content:flex-start;}
.f111 img{ height: 100%;}
.f112{ margin-left: 15px;}
.f112 img{ height: 45px;}
.f12{ width: 21.25%;}
.f12 h3{ margin-bottom: 5px; line-height: 30px; font-size: 16px; color: #fff; font-weight: bold;}
.f12b{ overflow: hidden;}
.f12b a{ display: block; float: left; margin-right: 15.7%; line-height: 26px; font-size: 15px; color: #fff;}
.f13{ width: 29.2%;}
.f13 h3{ margin-bottom: 5px; line-height: 30px; font-size: 16px; color: #fff; font-weight: bold;}
.f13 p{ line-height: 26px; font-size: 15px; color: #fff;}
.f14{ width: 245px;}
.f141{ width: 46.2%; border: 1px solid #548b3b; text-align: center;}
.f141 p{ font-size: 17px; color: #fff;}
.f142{ width: 53.8%;}
.f142 img{ max-width: 100%;}
.f2{ background: #000000; padding: 14px 0; line-height: 30px; font-size: 15px; color: #999999;}
.f2 a{ font-size: 15px; color: #999999;}

/* 公司简介 */
.ab{ margin: 85px 0;}
.ab0{ margin-top: 50px;}
.ab0 p{ margin-bottom: 15px; line-height: 30px; font-size: 16px;}
.ab0 img{ max-width: 100%; width: auto!important; height: auto!important;} 

/* 产品中心 */
.nban{ width: 100%; height: 100%; position: relative; text-align: center;}
.nban1{ width: 100%; height: 100%; position: relative;}
.nban1 img{ max-width: 100%;}
.nban2{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1;}
.nban2 img{ height: 29px;}
.nban2 h1{ margin-top: 10px; line-height: 58px; font-size: 45px; color: #fff; font-weight: bold;}
.nban2 h2{ font-family: Arial; line-height: 26px; font-size: 14px; color: #fff; opacity: 0.5; font-weight: bold;}

.dq{ padding: 20px 0; border-bottom: 1px solid #ebebeb; line-height: 30px;}
.dq0{ background: url(../images/wz.png) no-repeat left center; padding-left: 30px; font-size: 15px; color: #888888;}
.dq0 a{ font-size: 15px; color: #888888;}

.pro{ padding-top: 80px; padding-bottom: 108px;}
.pro1{ margin-bottom: 50px;}
.pro1 ul{ text-align: center; font-size: 0;}
.pro1 ul li{ display: inline-block; width: 160px; margin: 0 10px; line-height: 50px; border: 1px solid #ebebeb;}
.pro1 ul li a{ display: block; font-size: 16px; color: #666;}
.pro1 ul li:hover{ background: #94be35; border: 1px solid #94be35;}
.pro1 ul li:hover a{ color: #fff;}
.pro1 ul li.cur{ background: #94be35; border: 1px solid #94be35;}
.pro1 ul li.cur a{ color: #fff;}
.pro3{ padding-top: 38px; padding-bottom: 20px;}
.pro3 ul:after { display:block; content:""; width: 30%; height:0px;}
.pro3 ul li{ background: #f0f0f0; width: 30%; padding: 25px; margin-bottom: 38px;}
.cp1{ height: 255px; border-bottom: 1px solid #d7d7d7;}
.cp1 img{ max-width: 100%; max-height: 199px; object-fit: cover;}
.cp2 h3{ margin-top: 15px; line-height: 45px; font-size: 20px; color: #666666; font-weight: bold; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; -o-transition: .5s;}
.cp2 p{ line-height: 28px; font-size: 16px; color: #666666; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.cp2 img{ height: 24px; margin-top: 22px; transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; -o-transition: .5s;}
.pro3 ul li:hover .cp2 h3{ color: #94be35; transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; -o-transition: .5s; transform: translateX(5px); -moz-transform: translateX(5px); -ms-transform: translateX(5px); -o-transform: translateX(5px); -webkit-transform: translateX(5px);}
.pro3 ul li:hover .cp2 img{ transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; -o-transition: .5s; transform: translateY(-5px); -moz-transform: translateY(-5px); -ms-transform: translateY(-5px); -o-transform: translateY(-5px); -webkit-transform: translateY(-5px);}

/* 分页 */
.page {text-align: center;}
.page span { display: inline-block; padding: 0 15px; line-height: 35px; background: #94be35; color: #fff; text-align: center;margin: 0 5px;}
.page a { display: inline-block; line-height: 33px; background: #fff; text-align: center; color: #888888; padding: 0 15px; margin: 0 5px; border: 1px solid #dedede;}

/* 科研中心 */
.re{ margin-top: 85px;}
.re1{ margin-top: 40px;}
.re11t h1{ line-height: 50px; font-size: 35px; color: #333333; font-weight: bold;}
.re11t h1 strong{ color: #1071ba;}
.re11m{margin: 25px 0;position: relative;}
.re11m1{width: 42%;}
.re11m1 img{ max-width: 100%;}
.re11m2{width: 58%;position: absolute;right: 22px;z-index: 1;padding-top: 23px;}
.re11m2 p{margin-top: 25px;font-size: 20px;color: #333333;font-weight: bold;}
.re11m2 p::before{background: #1071ba;display: inline-block;content: '';width: 44px;height: 44px;line-height: 44px;margin-right: 15px;border-radius: 100%;font-family: 'din-bold';font-size: 20px;color: #fff;font-weight: bold;text-align: center;}
.re11m2 p:nth-of-type(1)::before{ content: 'A';}
.re11m2 p:nth-of-type(2)::before{ content: 'B';}
.re11m2 p:nth-of-type(3)::before{ content: 'C';}
.re11b p{ line-height: 30px; font-size: 16px; color: #555555;}

.re12{ margin-top: 55px; margin-bottom: 95px;}
.re12t h1{ line-height: 50px; font-size: 35px; color: #333333; font-weight: bold;}
.re12b{ margin-top: 27px;}
.re12b table{ border: none;}
.re12b td{ padding: 20px 0; border: none; line-height: 30px; font-size: 16px; color: #555555;}
.re12b tr:nth-of-type(1){ background: #2d5899; line-height: 65px;}
.re12b tr td:nth-of-type(1){width: 15%;text-align: center;color: #333333;font-weight: bold;}
.re12b tr td:nth-of-type(2){width: 33%;padding: 0 1%;max-width: 395px;}
.re12b tr td:nth-of-type(3){width: 53%;padding: 20px 3%;}
.re12b tr:nth-of-type(1) td{ font-size: 20px; color: #fff; font-weight: bold;}
.re12b tr:nth-of-type(even){ background: #f2f2f2;}
.re131{ width: 61.7%;}
.re131 h1{ margin-top: 15px; margin-bottom: 20px; line-height: 56px; font-size: 35px; color: #333333; font-weight: bold;}
.re131 p{ line-height: 30px; font-size: 16px; color: #555555;}
.re132{ width: 34.25%;}
.re14{ margin-top: 60px;}
.re14 img{ max-width: 100%;}

.re2{ background: #f6f6f6; padding: 95px 0; margin-top: 135px;}
.re21{ width: 68.3%;}
.re21 h1{ padding: 10px 0; line-height: 50px; font-size: 35px; color: #333333; font-weight: bold;}
.re21 p{ line-height: 30px; margin: 15px 0; font-size: 15px; color: #555555;}
.re22{ width: 27.75%;}
.re22 img{ max-width: 100%;}

.re3{ padding-top: 65px; padding-bottom: 100px;}
.re31{ width: 27.75%;}
.re31 img{ max-width: 100%;}
.re32{ width: 68.3%; margin-right: 10px; margin-top: 10px;}
.re32 h3{ line-height: 35px; font-size: 16px; color: #333333; font-weight: bold;}
.re32 p{ margin-bottom: 30px; line-height: 30px; font-size: 16px; color: #555555;}

.re4{ background: #f6f6f6; padding-top: 80px; padding-bottom: 90px;}
.re41{ width: 33%; max-width: 355px; margin-left: 50px; margin-top: 160px;}
.re41 h1{ line-height: 60px; font-size: 35px; color: #333333; font-weight: bold; text-align: right;}
.re42{ width: 54.2%;}
.re42 img{ max-width: 100%;}

/* 合作加盟 */
.join .sy_hz2{ margin: auto;}

/* 联系我们 */
.ct{ margin-top: 40px; margin-bottom: 76px;}

.ct1{ width: 36.7%; padding-left: 10px;}
.ct10{ margin-bottom: 30px;}
.ct11{width:65px;height:65px; border-radius:100%;background: #94be35;display: -webkit-box;display: -webkit-flex;-webkit-justify-content: center;-webkit-align-items: center;}
.ct11 span{display:block;font-size:30px;color:#fff;}
.ct12{ width: 80%;}
.ct12 p:nth-of-type(1){ line-height: 30px; font-size: 16px; color: #94be35; font-weight: bold;}
.ct12 p:nth-of-type(2){ padding-top: 6px; line-height: 22px; font-size: 15px; color: #666666;}
.ct2{ width: 61.25%;}
.ct2 input.w_z{width: 46.3%;height: 44px;font-size: 15px;color: #a5a5a5;line-height: 44px;margin-bottom: 15px;border: 1px solid #dcdcdc;padding-left: 10px;background:#fff;}
.ct2 input.w_z:nth-of-type(even){ float:right;}
.ct2 input.w_z::-webkit-input-placeholder{ color:#a5a5a5;}
.ct2 input.w_z::-moz-placeholder{ color:#a5a5a5;}
.ct2 input.w_z::-moz-placeholder{ color:#a5a5a5;}
.ct2 input.w_z::-ms-input-placeholder{ color:#a5a5a5;}
.ct2 input.a_n{display: block;width: 262px;margin: auto;margin-top: 15px;height: 44px;background: #94be35;font-size: 17px;color:#fff;line-height: 44px;border: none;}
.ct2 textarea{width:100%;height: 100px;padding: 10px;border: 1px solid #dcdcdc;outline:none;resize:none;font-size: 15px; color:#a5a5a5;line-height: 30px;background:#fff;}
.ct2 textarea::-webkit-input-placeholder{ color:#a5a5a5;}
.ct2 textarea::-moz-placeholder{ color:#a5a5a5;}
.ct2 textarea::-moz-placeholder{ color:#a5a5a5;}
.ct2 textarea::-ms-input-placeholder{ color:#a5a5a5;}

.ctb{ height: 520px; margin-top: 80px;}
.ctb #allmap{ height: 100%;}

/* 新闻资讯 */
.ns0{ margin-top: 35px; margin-bottom: 95px;}
.ns{ padding-bottom: 40px;}
.ns ul li{ margin-bottom: 38px;}
.ns1{ width: 27.2%; border: 5px solid #e7e7e7;transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;}
.ns1 img{ height:214px; object-fit: cover;}
.ns2{ width: 70.5%;}
.ns2 h3{ line-height: 30px; margin-bottom: 16px;}
.ns2 h3 a{ display: block; font-size: 16px; color: #333333; font-weight: bold; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.ns2 .time{ display: block; background: url(../images/rq.png) no-repeat left center; line-height: 20px; margin-bottom: 20px; padding-left: 25px; color: #999999;}
.ns2 p{ line-height: 26px; color: #888888; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.ns2 a.more1{ margin-top: 30px; display: block; width: 122px; line-height: 35px; color:#727272; text-align: center; background:#e7e7e7;transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;}
.ns2 a.more1:hover{ color: #fff; box-shadow:inset 122px 0 0 0 #94be35; -webkit-box-shadow:inset 122px 0 0 0 #94be35; -moz-box-shadow:inset 122px 0 0 0 #94be35; -ms-box-shadow:inset 122px 0 0 0 #94be35;-o-box-shadow:inset 122px 0 0 0 #94be35;}
.ns ul li:hover .ns1{ border: 5px solid #94be35;transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;}
.ns ul li:hover .ns2 h3 a{ color: #94be35;}

.tit strong{ font-size:18px;}

#fontzoom p{ margin-bottom: 15px; line-height: 30px; font-size: 16px;}
#fontzoom img{ max-width: 100%; width: auto!important; height: auto!important;} 

@-webkit-keyframes headerFix {
    from {
        -webkit-transform: translateY(-100%);
    }
    to {
        -webkit-transform: translateY(0);
    }
}
@keyframes headerFix {
    from {
        transform: translateY(-100%);
    }
    to {
        transform: translateY(0);
    }
}