@charset "utf-8";
/*通用样式*/
html, body, div, span, iframe, map, font, img, a img, samp, strong, hr, h1, h2, h3, h4, h5, h6, b, p, blockquote, a, address, code, dl, dt, dd, ol, ul, li, form, label, table, tr, td, th{ padding: 0; margin: 0; border: 0; font-weight: normal; font-family: 'Microsoft YaHei', Arial, Helvetica, sans-serif;  list-style:none;}
html, body { position: relative; height: 100%;}
body{ background:#fff; font:normal 12px/22px "微软雅黑";}
img{ border:0;}
a{ text-decoration:none; color:#000;}
a:hover{ color:red;}
.clear { clear:both;}
div { box-sizing: border-box;}
.clearfix:after { content: '\20'; display: block; height: 0; clear: both;}
.clearfix { zoom: 1;}


/*文字截断*/
.TXTovehid{display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.TXTovehid-two{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.TXTovehid-three{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}


/*transition*/
.ani200{-webkit-transition:all 0.2s linear; -moz-transition:all 0.2s linear; -ms-transition:all 0.2s linear; transition:all 0.2s linear;}
.ani300{-webkit-transition:all 0.3s linear; -moz-transition:all 0.3s linear; -ms-transition:all 0.3s linear; transition:all 0.3s linear;}
.ani400{-webkit-transition:all 0.4s linear; -moz-transition:all 0.4s linear; -ms-transition:all 0.4s linear; transition:all 0.4s linear;}
.ani500{-webkit-transition:all 0.5s linear; -moz-transition:all 0.5s linear; -ms-transition:all 0.5s linear; transition:all 0.5s linear;}
.ani1000{-webkit-transition:all 1s linear; -moz-transition:all 1s linear; -ms-transition:all 1s linear; transition:all 1s linear;}


.scaleimg:hover .pic em,
.scaleimg:hover .pic img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);}
.rotateY:hover{ -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); transform: rotateY(180deg);}
.translateX:hover{-webkit-transform:translateX(-6px); -moz-transform: translateX(6px); -ms-transform:translateX(-6px); transform:translateX(-6px);}
.scaleimgg{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);}
/* CSS Document 
.header { z-index:50; position: fixed; left: 0; top: 0; transition: all .3s;background-image: linear-gradient( to bottom ,rgba(0,110,122,1), rgba(255,255,255,0)); width: 100%; border-top:0px solid #023d89;}*/
.header { z-index:50; position: fixed; left: 0; top: 0; transition: all .3s;background-image: linear-gradient( to bottom ,rgba(21,124,69,1), rgba(21,124,69,1)); width: 100%; border-top:0px solid #023d89;}
.header.on,.header.active {background: #fff; box-shadow: 0 0 10px rgb(0 0 0 / 15%);border-top:0px solid #023d89;}
.headerCont { position: relative; margin: 0 40px;}
.modeLogo { display: block;}
.modeLogoon { display: none;}
.headerCont a.logo{ margin: 20px 0; float: left; display: block;}
.homeBanner { position: relative; width: 100%; overflow: hidden;}
.homeBanner .swiper-slide { height: 650px; background-size: cover!important;}
.homeBanner span { outline: none;}
.nav { width: 54%; float: right;}
.nav li { position: relative; width: 11.1%; text-align: center; float: left; position: relative; height: 110px;}
/*.nav li:first-child { width: 10%; }*/
.nav li:after { content: ''; background: #197e48; height: 6px; transition: all 0.3s; position: absolute; bottom: 0; width: 0; left: 50%; transform: translateX(-50%);}
.navName { overflow: hidden; font-size: 20px; height: 20px; position: relative; line-height: 20px; margin: 60px 0 0 ;}
.navName a.defultLink { width: 100%; text-align: center; font-size: 20px; position: absolute; left: 0; top: 0; transition: all 0.3s ease-out; font-weight: bold; color: #ffffff;}
.navName a.hoverLink { width: 100%; text-align: center;transition: transform .3s ease-out; position: absolute; top: 0; transform: translateY(100%); font-size: 20px; color: #197e48; width: 100%; font-weight: bold; left:0;}
.nav li:hover a.defultLink { transform: translateY(-110%);}
.nav li:hover a.hoverLink { transform: translateY(0);}
.nav dl { display: none; padding: 10px 0; position: absolute; width: 230px; left: 50%; margin-left: -115px; background: #ffffff; top: 110px;}
.nav li:hover:after { width: 60px;}
.nav dt { font-size: 18px; line-height: 38px;}
.nav dt a:hover { color: #197e48;}
.homeControl { line-height: 23px; z-index: 4; position: absolute; top: 20px; right:20px;}
.homeControl a { display: block; float: left; font-size: 14px; color: #ffffff;}
.homeControl a:nth-child(1) { background: url(/index/line.png) right center no-repeat; padding: 0 14px; margin-right: 14px;}
.homeControl a.searchBtn { display: block; background: url(/index/search.png) center no-repeat; width: 23px; height: 23px;}

.homeControl a:nth-child(2) { background: url(/index/line.png) right center no-repeat; padding: 0 14px 0 0; margin-right: 14px;}
.header.on .homeControl a:nth-child(2),.header.active .homeControl a:nth-child(2){ background: url(/index/lineon.png) right center no-repeat; color: #197e48;}

.readMore{display: block;width: 208px;height: 56px;margin: 0 auto;border:1px solid #4d4d4d;text-align: center;line-height: 56px;font-size: 16px;color: #1a1a1a;position: relative; margin-top:35px;}
.readMore span{position: relative;z-index: 2;}
.readMore:before{content: "";width: 100%;height: 100%;position: absolute;left: 0;top:0;background: #197e48;
transform: scaleX(0);-webkit-transform: scaleX(0);opacity: 0;visibility: hidden;}
.readMore:hover:before{transform: scaleX(1);-webkit-transform: scaleX(1);opacity: 1;visibility: visible;}
.readMore:hover{border-color: #197e48;color: #fff;}

.header.on .nav a.defultLink,.header.active .nav a.defultLink { color: #4f4f4f;}
.header.on .modeLogo,.header.active .modeLogo{ display: none;}
.header.on .modeLogoon,.header.active .modeLogoon{ display: block;}
.header.on .homeControl a:nth-child(1),.header.active .homeControl a:nth-child(1){ background: url(/index/lineon.png) right center no-repeat; color: #197e48;}
.header.on .homeControl a.searchBtn,.header.active .homeControl a.searchBtn{ background: url(/index/searchon.png) right center no-repeat;}
/*.content{    position: fixed; left: 0%; top: 100%; bottom: 0; right: 0; background: #fff; overflow: hidden; transition: top 0.7s cubic-bezier(0.5, 0, 0.2, 1) 0s; z-index: 16; overflow: auto; outline: none; z-index: 20;}*/
.content.showdiv { top: 0;}
.tansu {
    font-size: 16px;
    color: #fff;
    width:130px;
    position: absolute;
    left: 50%;
    bottom: 20px;
    text-align: center;
    overflow: hidden;
    z-index: 15;
    animation: bb 2s linear 0s infinite;
    transform: translateX(-50%);
    cursor: pointer;}
.tansu span img { width: 19px; margin-bottom:8px;}
.tansu p {  color: #fff;}
.homeBanner .swiper-pagination { padding-right: 11%; box-sizing: border-box; text-align: right;}
.homeBanner .swiper-pagination-bullet {
width:36px;
height:36px;
text-align: center;
line-height:36px;
font-size:22px;
color: #ffffff;
opacity: 1;
background:none;}

.homeBanner .swiper-pagination-bullet-active {
color: #fff;
background: #197e48;}
.section-1 { position: relative; z-index: 12; padding: 100px 0 80px; background: url(/index/section1-bg.jpg) center no-repeat; background-size: cover;}
.container { width: 1450px; margin: 0 auto;}

.newspicSlide { float: left; width:716px; position: relative; height:467px; overflow: hidden;}
.newImg { position: relative;}
.newImg:hover img{ transform: scale(1.1);}

.newImg p { box-sizing: border-box; position: absolute; line-height: 56px; background:rgba(0,0,0,0.42); text-indent: 14px; padding-right: 120px;overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #ffffff; font-size: 18px; left: 0; bottom: 0; width: 100%;}
.newspicSlide .swiper-pagination { z-index: 2; box-sizing: border-box; padding-right: 15px; text-align: right; bottom:15px;}
.newspicSlide .swiper-pagination span { outline: none; opacity: 1; background: #ffffff;}
.newspicSlide .swiper-pagination span.swiper-pagination-bullet-active { background: #ed4259;}
.newsRight { float: right; width: calc(100% - 497px);}
.newsChose { margin-bottom: 19px; line-height: 45px; background: #edf4fb; }
.newsChose span { transition: all 0.5s; position: relative; font-size: 20px; float: left; padding: 0 22px; color: #6a6a68; cursor: pointer;}
.newsChose span.cur { color: #ffffff; background: #157c45; font-weight:bold;}
.newsChose span.cur:after { content: ''; background: url(/index/9.png) center no-repeat; width: 17px; height: 6px; position: absolute;
bottom: -6px; left: 50%; margin-left: -8.5px;}
.newsChose span:hover { color: #ffffff; background: #157c45;}
.topnews { overflow: hidden;}
.newIntrdocue { padding: 8px 0 17px; border-bottom: 1px solid #dddddd;}
.newIntrdocue h2 { line-height: 2; font-size:30px; font-weight: bold; color: #333333; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.newIntrdocue p { font-size: 16px;overflow: hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical; line-height: 28px; color: #484848;}
.newsSlide  { border-top: 4px solid #197e48; padding: 0 20px; float: right; width: calc(100% - 716px); height: 467px;}
.newsSlide ul { padding-top: 15px;}
.newsSlide li { overflow: hidden; background: url(/index/circle.png) left center no-repeat; line-height:48px;}
.newsSlide li p {overflow: hidden; white-space: nowrap; text-overflow: ellipsis; transition: all 0.5s; font-size: 18px; color: #333333; text-indent: 15px; transition: all 0.5s;}
.newsSlide li:hover p { color: #0068b7; text-indent:8px;}
.newsSlidw { background: #ffffff;}
.newspicSlide img{ display: block; width: 100%;}
.dynamic { box-shadow: 0 0 20px rgba(0,0,0,0.1); z-index: 2; position: relative; background: url(/index/7.jpg) left bottom no-repeat; padding: 70px 0 50px;}
.dynamicName { float: left; font-size: 30px; font-weight: bold; color: #ffffff; width: 197px; line-height: 100px; background: #197e48; text-align: center;}
.dynamicName a { color: #ffffff;}
.dynamicLists { float: right; width: calc(100% - 238px);}
.dynamicList li { background: #ffffff; margin-bottom: 20px; padding: 14px 1.9% 17px; float: left; width: 30%; border: 1px solid #e5e5e5; transition: all 0.5s; box-sizing: border-box; margin-right: 5%;}
.dynamicList li:nth-child(3n) { margin-right: 0;}
.newsDate { margin-right:30px; float: left; width: 36px;}
.newsDate p { font-size: 30px; color: #197e48; line-height: 42px; border-bottom: 1px solid #197e48;}
.newsDate span { font-size: 16px; line-height: 24px; text-align: right; display: block; color: #197e48;}
.dynamicLists li h3 { font-size: 18px;overflow: hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; color: #343434; line-height: 28px; padding-top: 10px;}
.dynamicList { margin-bottom: 50px;}
.dynamicList li:hover { border-radius: 4px; box-shadow: 0 0 10px rgba(0,0,0,0.2);}
.dynamicList li:hover h3 { color: #197e48;}
.dynamicName.redTag { background: #e42626;}
.mechanism {background:#ffffff; position: relative; padding: 75px 0 50px;}
.mechanismTit { margin-bottom: 35px; background: url(/index/8.png) center no-repeat; text-align: center; font-size: 40px; color: #197e48; line-height: 1;}
.machaniChose { text-align: center;}
.machaniChose span { font-size: 20px; cursor: pointer; color: #4c4c4c; font-weight: 200;}
.machaniChose span:after { content: '/'; font-weight: 200!important; color: #aaaaaa; font-size: 20px; padding: 0 0 0 20px; margin-right:20px;}
.machaniChose span.cur,.machaniChose span:hover { color: #ff0000; font-weight: bold;}
.macList li { box-sizing: border-box; border-bottom: 1px solid #ececec; transition: all 0.5s; line-height: 77px; overflow: hidden; float: left; width: 48%;}
.macList li:hover { padding-left: 8px;}
.macList li:nth-child(2n) { float: right;}
.macList li span { float: right; font-size: 20px; color: #b5b5b5;}
.macList li p { max-width: calc(100% - 120px);overflow: hidden; white-space: nowrap; text-overflow: ellipsis; transition: all 0.5s; float: left; font-size: 20px; color: #333333;}
.macList ul { overflow: hidden;}
.macList { margin-top: 55px;}
.macList li:hover p { color: #197e48;}
.dn { display: none;}
.machImg { position: absolute; right: 0; top: -20%; width: 20%;}
.lab { padding: 70px 2.18% 35px; background: #f4f4f4; position: relative;}
.labTitle { margin-bottom: 50px; text-align: center; position: relative; line-height: 88px;}
.labTitle p { font-size: 40px; font-weight: bold; color: #197e48; position: relative; z-index: 3;}
.labTitle span { position: absolute; left: 0; top: 0; font-size: 88px; z-index: 2; color: #e5e5e5; font-style: italic; text-align: center; width: 100%;}
.labSlide img { display: block; width: 100%;}
.labSlide p { text-align: center; line-height: 86px; color: #5b5b5b; font-size: 18px;overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.labSlide .swiper { padding-bottom: 28px;}
.labSlide .swiper .swiper-pagination { bottom: 0;}
.labSlide .swiper .swiper-pagination span { width: 13px; height: 13px; background: none; box-sizing: border-box; opacity: 1; border: 2px solid #197e48;}
.labSlide .swiper .swiper-pagination span.swiper-pagination-bullet-active { background: #197e48;}
.lab .labImg { position: absolute; left: 0; width: 14.58%; top: -10%;}
.leftTxt { margin-top: 48px; background: url(/index/icon7.png) right bottom no-repeat; padding-bottom: 25px; float: left;}
.leftTxt p { line-height: 42px; font-weight: bold; font-size: 30px; color: #197e48;}
.leftTxt span { line-height: 1; display: block; text-align: right; font-size: 16px; color: #157c45; font-weight: 200;}
.RightTxt { margin-top: 48px; background: url(/index/icon8.png) left bottom no-repeat; padding-bottom: 25px; float: right;}
.RightTxt p { line-height: 42px; font-weight: bold; font-size: 30px; color: #197e48;}
.RightTxt span { line-height: 1; display: block; font-size: 16px; color: #157c45; font-weight: 200;}
.serviceList ul { float: left;}
.serviceList li { margin:0 16px; float: left; transition: all 0.5s; width: 168px; height: 168px; text-align: center;}
.serviceList li p { color: #343434; font-size: 17px; line-height: 1; margin-top: 18px;}
.serviceList li span { margin-top: 40px; transition: all 0.3s; display: block; height: 54px; width: 100%;}
.serviceList li span.icon-1 { background: url(/index/icon1.png) center no-repeat;}
.serviceList li span.icon-2 { background: url(/index/icon2.png) center no-repeat;}
.serviceList li span.icon-3 { background: url(/index/icon3.png) center no-repeat;}
.serviceList li span.icon-4 { background: url(/index/icon4.png) center no-repeat;}
.serviceList li span.icon-5 { background: url(/index/icon5.png) center no-repeat;}
.serviceList li span.icon-6 { background: url(/index/icon6.png) center no-repeat;}
.serviceList li:hover span.icon-1 { background: url(/index/icon1on.png) center no-repeat;}
.serviceList li:hover span.icon-2 { background: url(/index/icon2on.png) center no-repeat;}
.serviceList li:hover span.icon-3 { background: url(/index/icon3on.png) center no-repeat;}
.serviceList li:hover span.icon-4 { background: url(/index/icon4on.png) center no-repeat;}
.serviceList li:hover span.icon-5 { background: url(/index/icon5on.png) center no-repeat;}
.serviceList li:hover span.icon-6 { background: url(/index/icon6on.png) center no-repeat;}
.serviceList li:hover { border-radius: 50%; background: #157c45;}
.serviceList li:hover p { color: #ffffff;}
.service { padding: 35px 0;}
.caseList { overflow: hidden;}
.caseBar { float: left; width: 32%; margin-right: 2%;}
.caseBar:hover img { transform: scale(1.1);}
.caseImg { overflow: hidden;}
.caseImg img { transition: all 0.5s; display: block; width: 100%;}
.caseBar:nth-child(3n){ margin-right: 0;}
.caseBar:nth-child(1) { background: #006e6f;}
.caseBar:nth-child(2) { background: #197e48;}
.caseBar:nth-child(3) { background: #1a608d;}
.caseBar dl,.caseBar ul { padding-top: 17px;min-height:150px; overflow: hidden;}
.caseBar dt {overflow: hidden; white-space: nowrap; text-overflow: ellipsis; float: left; width: 50%;}
.caseBar li {overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.caseTxt { padding: 30px 6.4% 22px;}
.caseTxt h2 {overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 22px; color: #ffffff; line-height: 52px; border-bottom: 1px solid #c6dbf0;}
.caseTxt li,.caseTxt dt {color: rgba(255,255,255,.6);}
.caseTxt li a,.caseTxt dt a{ line-height: 30px; font-size: 14px; color: rgba(255,255,255,.6); transition: all 0.5s;}
.caseTxt li a:hover,.caseTxt dt a:hover { color: #ffffff;}
.caseTxt dt:nth-child(2n) { text-indent: 10px;}
.footer { margin-top: 70px;}
.footerTop { padding: 23px 0 14px; background: url(/index/footbg.jpg) center no-repeat; background-size: cover;}
.footerLogo { margin-top: 7px; float: left; margin-right: 62px;}
.footerLogo img { max-width: 100%;}
.footContact { float: left;}
.footContact h2 { font-size: 22px; color: #ffffff; line-height: 1; margin-bottom: 14px;}
.footContact p { font-size: 15px; color: #ffffff; line-height: 28px;}
.footerCont select { float: right; height: 32px; width: 215px; outline:none;appearance:none;-moz-appearance:none;-webkit-appearance:none;outline:none; border: 1px solid #ffffff; background: url(/index/select.jpg) 94% center no-repeat;
box-sizing: border-box; padding-left: 10px; color: #ffffff; margin-top: 20px;}

.footerCont select option {color: #000; }

.copyRight { text-align: center; line-height: 46px; background: #005e2c;}
.copyRight a { font-size: 14px; color: #ffffff;}
.copyRight span { font-size: 14px; color: #54c388; margin: 0 16px;}
.search {
	height: 0;
	width: 100%;
	background: #454545;
	z-index: 9999;
	overflow: hidden;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;}

.search.show {
	height: 85px;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;}

.search1 {
	width: 51%;
	height: 45px;
	margin: 20px auto;
	-webkit-box-shadow: 0 1px 2px rgb(0 0 0);
	-moz-box-shadow: 0 1px 2px rgb(0, 0, 0);
	-ms-box-shadow: 0 1px 2px rgb(0, 0, 0);
	box-shadow: 0 1px 2px rgb(0 0 0);
	position: relative;
	z-index: 9999;}

.search_kuang {
	width: 74%;
	padding-left: 2%;
	height: 45px;
	background: #fff;
	font-size: 14px;
	outline: none;
	box-sizing: border-box;
	border: none;}

.search_submit {
	width: 26%;
	height: 45px;
	background: #157c45;
	vertical-align: bottom;
	color: #fff;
	font-size: 16px;
	outline: none;
	box-sizing: border-box;
	border: none;
	outline: none;}

.search1 a.close {
	width: 24px;
	height: 24px;
	position: absolute;
	top: 10px;
	right: -40px;
	background: url(/index/close.png) -86px 0 no-repeat;
	opacity: 1;
	-webkit-transition: all 1.5s;
	-moz-transition: all 1.5s;
	-ms-transition: all 1.5s;
	-o-transition: all 1.5s;
	transition: all 1.5s;}

@keyframes bb{
0%{transform:translate(-50%,0);opacity:0;}
20%{transform:translate(-50%,3px);opacity:1;}
80%{transform:translate(-50%,10px);opacity:1;}
90%{transform:translate(-50%,10px);opacity:0;}
100%{transform:translate(-50%,10px);opacity:0;}
}
.machaniChose span:last-child:after { display: none;}

.imgCell { overflow: hidden;height:19.2vw;}
.labSlide .swiper-slide img { display: block; width: 100%; transition:all 0.5s;}
.labSlide .swiper-slide:hover img{ transform: scale(1.1);}
@media screen and  (max-width:1450px){
	.nav { width: 58%;}
	.container { width: 100%; padding: 0 4%;}
	.serviceList li { width: 130px; height: 130px;}
	.service { padding: 35px 4%;}
	.serviceList li span { margin-top: 20px;}
	.serviceList li p { font-size: 14px;}
	.serviceList li { margin: 0 19px;}
	.caseTxt h2 { font-size: 18px;overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
	.navName a.defultLink,.navName a.hoverLink { font-size: 16px;}
	.leftTxt p,.RightTxt p { font-size: 26px;}
	.leftTxt,.RightTxt { margin-top: 20px;}
}
@media screen and  (max-width:1350px){
	.header { padding: 0;}
	.navName { font-size: 15px;}
	.logo img { height: 50px;}
	.headerCont a.logo { margin: 30px 0;}
	.navName a.defultLink,.navName a.hoverLink  { font-size: 15px; font-weight: normal;}
	.nav { width: calc(100% - 390px);}
}
@media screen and  (max-width:1200px){
	.macList { margin-top: 20px;}
	.homeBanner .swiper-slide  { height: 50vw;}
	.content { position: static;}
	.section-1 { padding-top:80px;}
	.newspicSlide { float: none; height: auto; width: 100%;}
	.newsSlide { height: auto; float: none; width: 100%;}
	.dynamicName { float: none; margin: 0 auto 40px;}
	.dynamicLists { float: none; width: 100%;}
}
@media screen and  (max-width:1080px){
	.menu { top: 34px; position: absolute; right: 0; display: block; background: url(/index/anniu.png) center no-repeat; width: 24px; height: 22px;}
	.nav { display: none; position: fixed; top: 0; left: 0; width: 100%; z-index: 1001; min-height: 100%; background: url(/index/nav.png) 100% 100% repeat;  overflow-y: auto;  margin-top: 0px;}
	.nav li { float: none; width: 90%; margin: 5px 5%; text-align: left; height: auto;}
	.navName { text-align: left; margin:5px 0; height: auto;}
	.navName a.defultLink { font-size: 14px; line-height: 40px; position: static; text-align: left;}
	.navName a.hoverLink { display: none!important;}
	.header.on .nav a.defultLink, .header.active .nav a.defultLink { color: #ffffff;}
	.nav dl { width:95%; padding: 0; position: static; transform: translate(0); display: block; background: none; margin: 0 0 0 5%;}
	.nav dl dt a { color: #ffffff; font-size: 14px; line-height: 25px;}
	.headerCont a.logo { margin: 20px 0;}
	.header.active .menu,.header.on .menu{ background: url(/index/anniu-bw.png) center no-repeat;}
	.homeControl { top: 33.5px; right: 50px;}
	.section-1 { padding-top: 20px; padding-bottom: 20px;}
	.dynamicName { font-size: 20px; width: 120px; margin-bottom: 20px; height: auto; line-height: 2;}
	.dynamic { padding: 20px 0;}
	.footerCont select { display: none;}
	.footContact { float: right;}
}
@media screen and  (max-width:780px){
	.imgCell {height:60vw;}
.copyRight { line-height: 1.5; padding: 20px 4%;}
.footerLogo { float: none;}
.footContact { float: none; text-align: center; padding: 20px 0;}
.footContact h2 { font-size: 18px;}
.footerLogo { margin-right: 0;}
.homeBanner .swiper-slide { height: 58vw;}
.homeBanner .swiper-pagination { padding-right: 5px;}
.homeBanner .swiper-pagination-bullet { width:16px; height: 16px; line-height: 16px; font-size: 12px; margin: 0 2px!important;}
.homeControl { display: none;}
.headerCont { margin: 0 20px;}
.logo img { height: 35px;}
.menu { top: 26.5px;}
.tansu { font-size: 12px;}
.tansu span img { margin-bottom: 0;}
.newsSlide { padding: 10px;}
.newImg p { font-size: 14px;}
.newIntrdocue h2 { font-size:18px;}
.newIntrdocue p { font-size: 14px; line-height: 2;}
.newsSlide li p { font-size: 14px; line-height: 2;}
.dynamicList li { width: 100%; margin-right: 0; padding: 5px 1.9%; margin-bottom: 10px;}
.dynamicLists li h3 { font-size: 14px;}
.mechanismTit { font-size: 26px;}
.macList li { width: 100%;}
.macList li span { font-size: 14px;}
.macList li p { font-size: 14px;}
.macList li { line-height: 3;}
.machaniChose span { font-size: 14px;}
.machaniChose span:after { font-size: 14px; padding-left:5px; margin-right:5px;}
.caseBar { width: 100%; margin-right: 0; margin-bottom: 20px;}
.caseTxt li a, .caseTxt dt a {}
.RightTxt,.leftTxt { margin-top: 0;}
.labTitle span { font-size: 44px;}
.labTitle p { font-size:26px;}
.lab { padding: 20px 4%;}
.labTitle { margin-bottom: 20px;}
.labSlide .swiper .swiper-pagination span { border: 1px solid #197e48; width: 8px; height: 8px;}
.leftTxt p,.RightTxt p { font-size: 26px;}
.footer { margin-top: 20px;}
.labSlide p { font-size: 14px; line-height: 2;}
.labSlide .swiper { width: 100%; height: 100%;}
.RightTxt,.leftTxt { display: none;}
.serviceList { text-align: center;}
.serviceList li { display: inline-block; float: none;}
}