@charset "utf-8";
/*通用样式*/
@font-face {
	font-family:dod;
	src: url(Didot.ttc);
}
@font-face {
	font-family:db;
	src: url(db.ttf);
}
@font-face {
	font-family:sour;
	src: url(sour.otf);
}
*,a,a:hover,a:active,a:visited,a:link,a:focus{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color: transparent;outline:none;text-decoration: none;}
html, body, div, span, iframe, map, font,textarea, 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: 'dod', Arial, Helvetica, sans-serif;  list-style:none; color: #222222;}
html, body { position: relative; height: 100%; color: #222222;}
body{ background:#fff; font:normal 12px/22px "dod";  }
img{ border:0;  }
a{ text-decoration:none; color:#222;  }
a:hover{ color:red;  }
.clear { clear:both;}
div { box-sizing:border-box;}
.clearfix::after { content: ''; clear: both; display: block; height: 0;}
h2 { font-family: db;}
/* CSS Document */
.header.homeFix { background: none;}
.header.homeFix .nav li h2 a { color: #ffffff;}
.header.homeFix .nav li:hover h2::after { width: 100%;}
.header.homeFix .nav li:hover h2 a { color: #ffffff;}
.header.homeFix .nav li h2::after {background: #ffffff;}
.header.homeFix .lang h3{ color: #ffffff;}
.header.homeFix .lang h3 a{ color: #ffffff;}
.header.homeFix .lang {background: url(../images/earthMode.svg) left center no-repeat;}
.logo { width: 173px; height: 41px; position: relative;}
.logo img { position: absolute; left: 0; top: 0; transition: all .5s;}
.header.homeFix .logo img.moveLogo { opacity: 0;}
.header.homeFix .logo img.modeLogo { opacity: 1;}
.header .logo img.moveLogo { opacity: 1;}
.header .logo img.modeLogo { opacity: 0;}
.header { transition: all .5s; background: #ffffff; position: fixed; left: 0; top: 0; z-index: 200; width: 100%;}
.headerCont { max-width: 92%; width: 1200px; margin: 0 auto; height: 110px;}
.header a.logo { margin-top: 34px; float: left;}
.nav { float: left; margin-left:95px;}
.nav li { margin-right: 30px; float: left;}
.nav li h2 { font-size:16px; position: relative; line-height: 110px;}
.nav li h2::after { content: ''; transition: all .5s; position: absolute; bottom: 32px; width: 0; height: 1px; left: 0; background: #2B593C;}
.nav li:last-child { margin-right: 0;}
.nav li h2 a {transition: all .5s; font-weight: 400; color: #222222;}
.nav li:hover h2::after { width: 100%;}
.nav li:hover h2 a { color: #2B593C;}
.nav li.cur h2::after { width: 100%;}
.nav li.cur h2 a { color: #2B593C;}
.lang { transition: all .5s; position: relative; line-height: 110px; float: right; background: url(../images/earth.svg) left center no-repeat; padding-left: 26px; color: #222222; font-size: 20px;}
.lang dl { display: none; position: absolute; left: 50%; transform: translateX(-50%); width: 128px; top: 110px; background: #FFFFFF; z-index: 2;}
.lang dt a { transition: all .5s; font-size: 16px; color: #000000; display: block; line-height: 56px; text-indent: 24px;}
.lang dt:hover a { color: #FFFFFF; background: #2B593C;}
.lang:hover dl { display: block;}
.lang h3 {transition: all .5s; font-size: 16px;}
.banner img{display: block; width: 100%;}
.banner { position: relative;}
.banner .swiper-pagination {bottom: 4vw!important;}
.bannerText { position: absolute; z-index: 2; left: 50%; top: 50%; transform: translateY(-50%); margin-left: -600px;}
.bannerText h2 {max-width: 100%; margin-bottom: 32px; font-size: 64px; width:750px; color: #ffffff; line-height: 76px;}
.bannerText h2.longtxt {max-width: 100%; margin-bottom: 32px; font-size: 64px; width:795px; color: #ffffff; line-height: 76px;}
.bannerText p { opacity: .7; max-width: 100%; font-family: 'sour'; width: 653px; font-size: 24px; line-height: 2; color: #ffffff;}
.bannerText a { font-weight: bold; transition: all .5s; font-weight: 700; display: block; width: 207px; font-family: 'sour'; line-height: 53px; box-sizing: border-box; border: 1px solid #ffffff; text-align: center; margin-top: 80px; font-size: 14px; color: #ffffff;}
.bannerText a:hover { background: #ffffff; color: #156C42;}
.banner .swiper-pagination span { margin: 0 12px; width: 48px; height: 2px; background: #ffffff; border-radius: 0;}
.banner .swiper-pagination { width: 1200px!important; max-width: 92%; text-align: left; left: 50%!important; transform: translateX(-50%);}
.container { width: 1200px; margin: 0 auto; max-width: 92%;}
.aboutCont { padding: 160px 0;}
.aboutArt { float: left; width: 482px;}
.aboutArt h2 {margin-bottom: 18px; font-size: 56px; line-height: 78px; position: relative; padding-bottom: 24px;}
.aboutArt h2::after { content: ''; opacity: .7; position: absolute; bottom: 0; left: 0; height: 1px; width: 100px; background: #222222;}
.aboutArt p { letter-spacing: 1px; font-family: 'sour'; font-size: 18px; line-height: 2; color:rgba(34,34,34,.7);}
.aboutArt a{ font-weight: bold; transition: all .5s; font-family: 'sour'; display: block; width: 207px; line-height: 53px; text-align: center; margin-top:60px; border: 1px solid #156C42; font-size: 14px; color: #156C42;}
.aboutArt a:hover {  background: #156C42; color: #ffffff;}
.aboutVideo { float: right; width: 600px; height: 413px; overflow: hidden; position: relative;}
.aboutVideo img { display: block; width: 100%; height: 100%; object-fit: cover;}
.aboutVideo .playBtn { display: block; background: url(../images/play.svg) center no-repeat; width: 64px; height: 64px; position: absolute; left: 50%; top: 50%;
transform: translate(-50%,-50%); cursor: pointer;}
.aboutPic { float: right;width: 600px;}
.aboutPic img { display: block; width: 100%;}
.category { padding: 160px 0; background: #F5F6FA;}
.titleCell { text-align: center;}
.titleCell h2 { color: #222222; margin-bottom: 18px; font-size: 56px; line-height: 78px; position: relative; padding-bottom: 24px;}
.titleCell h2::after { content: ''; opacity: .7; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); height: 1px; width: 100px; background: #222222;}
.titleCell p { font-family: sour; opacity: .7; font-size: 18px; line-height: 2; color: #222222;}
.bigSlide {transition: all .5s; float: left; width: 784px; height: 368px; background: #ffffff; position: relative; padding: 48px;}
.cetegoryList div { position: relative;}
.cetegoryList h2 { transition: all .5s; font-size: 28px; line-height: 39px; color: #222222;}
.cetegoryList p { font-family: 'sour'; transition: all .5s;  margin-top: 14px; font-size: 16px; line-height: 22px; color: #222222;}
.posImg { width: 132px; position: absolute; right: 48px; bottom: 48px;}
.posImg img { width: 100%; display: block; transition: all .5s;}
.posImg img.hideImg { opacity: 0; position: absolute; left: 0; top: 0; width: 100%;}
.cetegoryList a { display: block; width: 100%; height: 100%;}
.cetegoryTop { margin-bottom: 48px;}
.smallSlide { transition: all .5s;}
.cetegoryTop .smallSlide { padding: 48px; transition: all .5s; width: 368px; height: 368px; float: right; background: #ffffff;}
.cetegoryBottom .smallSlide { padding: 48px; width: 368px; height: 368px; float: left; margin-right: 48px; background: #ffffff;}
.cetegoryBottom .smallSlide:last-child { margin-right: 0;}
.smallSlide:hover h2,.bigSlide:hover h2,.bigSlide:hover p,.smallSlide:hover p { color: #ffffff;}
.bigSlide:hover,.smallSlide:hover { background: #156C42;}
.bigSlide:hover .posImg img.hideImg,.smallSlide:hover .posImg img.hideImg { opacity: 1;}
.bigSlide:hover .posImg img.modeImg,.smallSlide:hover .posImg img.modeImg { opacity: 0;}
.cetegoryList { margin-top: 80px;}
.smallSlide::after,.bigSlide::after { content: ''; background: url(../images/lines.png) left center no-repeat; position: absolute; left: 48px; bottom: 55px; width: 82px; height: 18px;}
.smallSlide:hover::after,.bigSlide:hover::after { background: url(../images/onArr.png) left center no-repeat;}
.development { padding: 160px 4%; background: url(../images/departBg.png) center no-repeat; background-size: cover; background-attachment: fixed;}
.development .titleCell h2,.development .titleCell p { color: #ffffff;}
.development .titleCell h2::after { background: #ffffff;}
.developmentSlide { margin-top: 80px;}
.developmentSlide ul { text-align: center;}
.developmentSlide li { padding: 0 113px; position: relative; display: inline-block; vertical-align: top;}
.developmentSlide li p { font-family: db; color: #ffffff; font-size: 46px; line-height: 92px;}
.developmentSlide li span {font-family: 'sour'; display: block; color: #ffffff; font-size: 18px; line-height: 2;}
.developmentSlide li::after { content: ''; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 1px; height: 73px; background: #ffffff;}
.developmentSlide li:last-child::after { display: none;}
.homeProduct { background: #F5F6FA; padding: 160px 0;}
.productList { margin: 80px auto 0;}
.productList li { transition: all .5s; float: left; width: 30%; margin-right: 5%; margin-bottom: 5%; background: #FFFFFF;}

.productList li:nth-child(3n) { margin-right: 0;}
.productPic {overflow: hidden; position: relative; padding-top: 85.8%;}
.productPic img { transition: all .5s; position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover;}
.productPic:hover img { transform: scale(1.2);}
.productTxt { transition: all .5s; position: relative; padding: 24px 32px 32px;}
.productTxt h2 { font-size: 24px; line-height: 2; overflow: hidden; transition: all .5s; text-overflow: ellipsis;  white-space: nowrap; color: #222222;}
.productTxt p {font-family: 'sour'; padding-right: 44px;  overflow: hidden;text-overflow: ellipsis;  white-space: nowrap;  margin-top: 4px; font-size: 16px; line-height: 26px; color: #222222; transition: all .5s;}
.productTxt::after { content: ''; position: absolute; left: 32px; right: 32px; top: 0; height: .5px; background: #222222; opacity: .2;}
.productList li:hover .productTxt {background: #0B622D;}
.productList li:hover h2,.productList li:hover p { color: #ffffff;}
.productList li:hover p{background: url(../images/whiteArr.png) right center no-repeat;}
.homeNews .titleCell { text-align: left;}
.homeNews .titleCell h2::after { transform: translate(0); left: 0;}
.homeNews { padding: 160px 0;}
.newsPic { position: relative; padding-top: 122%;}
.newsPic img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover;}
.newsInfor p { color: #222222; margin-top: 24px; font-size: 24px; line-height: 2; overflow: hidden;text-overflow: ellipsis;  white-space: nowrap; }
.newsSwiper {position: relative; margin-top: 80px;}
.newsSwiper .swiper-button-next { transition: all .5s; opacity: .5; right: -88px; color: #222222; width: 40px; height: 40px; border: 1px solid #222222;}
.newsSwiper .swiper-button-prev { transition: all .5s; opacity: .5; left: -88px; color: #222222; width: 40px; height: 40px; border: 1px solid #222222;}
.newsSwiper .swiper-button-next::after,.newsSwiper .swiper-button-prev::after { font-size: 20px;}
.newsSwiper .swiper-button-next:hover,.newsSwiper .swiper-button-prev:hover { background:#0B622D; color: #ffffff; border: 1px solid #0B622D; opacity: 1;}
.contact { color: #ffffff; background: url(../images/contactBg.jpg) center no-repeat; background-size: cover; background-attachment: fixed; padding: 160px 0;}
.contact .titleCell h2::after { background: #ffffff; transform: translate(0); left: 0;}
.contact .titleCell { text-align: left;}
.contact .titleCell h2,.contact .titleCell p { opacity: 1; color: #ffffff;}
.contactForm { margin-top: 80px;}
.contactForm li::after { content: ''; clear: both; display: block; height: 0;}
.contactForm li .z{float: left; position:relative;  width:47.5%; margin-right: 5%; margin-bottom:46px}
.contactForm li input { font-family: '微软雅黑'; width:100%; height: 53px; text-indent: 16px; font-size: 18px; box-sizing: border-box; padding: 0; border: 0;  background: #ffffff; outline: none;}
.contactForm li .z:nth-child(2n){margin: 0;}
.contactForm li .z:nth-child(3),.contactForm li .z:nth-child(4){margin-bottom:0;}
.contactForm li .yzm{ position:absolute; right:10px; top:15px}

.contactForm li input:last-child { font-family: '微软雅黑';}
.contactForm li { margin-bottom:48px;}
.contactForm li textarea { font-family: '微软雅黑'; box-sizing: border-box; resize: none; outline: none; background: #ffffff; width: 100%; height: 94px; padding: 8px 16px; line-height: 2;
font-size: 18px; border: none;}
.contactForm li input::placeholder,.contactForm li textarea::placeholder { color: rgba(34,34,34,.3);}
.copyRight { padding: 80px 0 40px; font-family: 'db'; font-size: 32px; line-height: 45px; border-bottom: 1px solid rgba(34,34,34,.2);}
.footerContact { padding: 40px 0 80px; display: flex; justify-content: space-between;flex-wrap: wrap;}
.contactSlide h2 { font-size: 16px; line-height: 28px; margin-bottom: 16px;}
.contactSlide p,.contactSlide p a { font-family: 'sour'; font-size: 16px; line-height: 28px;}
.contactSlide { margin-bottom: 20px; max-width: 430px;}
.whyChose .titleCell p {text-align: left; width: 1090px; margin: 0 auto; max-width: 100%;}
.whyChose { padding: 160px 0; background: #F5F6FA;}
.whySlide { margin-top: 72px;}
.whySlide li { padding: 40px; background: #ffffff; margin-bottom: 48px; justify-content: space-between; overflow:hidden; position:relative}
.whySlide li:nth-child(2n) .whyImg{ float:right}
.whySlide li:nth-child(2n) .whyText{ float:left}
.whyImg img { display: block; width: 100%;}
.whyImg { width: 49.64%; float:left}
.whyText { position: relative; width: 46%; float:right}
.whySlide li::after { content: ''; position: absolute; right:40%; bottom:40px; height: 1px; background: #222222; width: 64px;}
.whyText h2 { font-size: 32px; line-height: 2; color: #222222; margin-bottom: 16px;}
.whyText p { font-size: 18px; line-height: 2; color: rgba(34,34,34,.7);}
.system { padding: 160px 0;}
.systemMap img { display: block; margin:150px auto 0; max-width: 100%;}
.insideNews { background: #F5F6FA;}
.insideBanner p{ width: 100%;}
.insideBanner h2 {margin-bottom: 48px; position: relative;}
.insideBanner h2::after {content: ''; position: absolute; left: 0; bottom: -24px; width: 80px; height: 1px; background: #ffffff;}
.newsBanner.insideBanner h2::after { background: #222222;}
.product { background: #F5F6FA; padding: 160px 0;}
.productMenu { background: #ffffff; float: left; width: 300px;}
.productMenu li h2 { font-weight: 700; cursor: pointer; position: relative; line-height: 72px; text-indent: 24px; font-size: 16px;}
.productMenu li h2 a { font-weight: 700; color: #222222;}
.productMenu li h2::after { content: ''; position: absolute; transition: all .5s; background: url(../images/downArr.svg) center no-repeat; right: 24px; top: 31px;
 width: 18px; height: 18px;}
.productMenu dl { display: none;}
.productMenu dt a{ transition: all .5s; display: block; line-height: 72px; text-indent: 53px; font-size: 16px; color: #222222;}
.productMenu li h2.act::after { transform: rotate(180deg);}
.productMenu dt.cur a { background: #F5F6FA;}
.productMenu dt:hover a { background: #F5F6FA;}
.productCont { float: right; width: calc(100% - 320px);}
.seacrchBox {overflow: hidden; line-height: 56px; float: left; margin-left: 24px;}
.seacrchBox span { font-weight: 700; cursor: pointer; font-size: 14px; color: #222222; margin-left: 16px; margin-right: 16px; height: 20px; line-height: 20px; margin-top: 18px; float: left; background: url(../images/modeSearch.svg) right center no-repeat; padding-right: 18px;}
.productTit h2 { font-weight: 700; float: left; font-size: 40px; line-height: 56px; color: #222222;}
.seacrchBox b { float: left; width: 1px; height: 20px; background: rgba(34,34,34,.4); margin-top: 18px;}
.seacrchBox span.cur { background: url(../images/searchUp.png) right center no-repeat;}
.seacrchBox span.act { background: url(../images/searchDown.svg) right center no-repeat;}
.searchInp { background: #ffffff; float: right; position: relative; margin-top: 6px; width: 263px; height: 44px;}
.searchInp input { display: block; height: 44px; font-size: 16px; width:calc(100% - 32px); box-sizing: border-box; outline: none; background: none; border: none; padding: 0; text-indent: 20px;}
.searchInp input::placeholder{ color: rgba(34,34,34,.3);}
.searchInp button { border: none; top: 12px; cursor: pointer; background: url(../images/searchIcon.svg) center no-repeat; width: 20px; height: 20px; position: absolute; right: 12px;}
.productCont .productList { margin-top: 20px;}
.productCont .productList li { width: 32%; margin-right: 2%; margin-bottom: 2%;}
.productCont .productList li:nth-child(3n) { margin-right: 0;}
.productCont .productList li h2 { font-weight: 700; font-size: 16px;}
.productCont .productTxt { padding: 22px 24px;}
.productCont .productTxt::after { left: 24px; right: 24px;}

.fpage { margin-top: 40px; text-align: center;}
.fpage .digg{text-align:left; font-size:16px; display:inline-block; height:50px;}
.fpage .digg span.disabled{padding:14px 20px; margin:0 2px; color:#666; background:#fff; border-radius:5px;}
.fpage .digg span.current{padding:14px 20px; margin:0 2px; color:#fff; background:#222222; border-radius:5px;}
.fpage .digg a{padding:14px 20px; margin:0 2px; color:#666; text-decoration: none; background:#fff; border-radius:5px;}
.fpage .digg a:hover {background:#222222; color:#fff;}
.fpage .digg .keng{ display:none}

.productSwiper { float: left; width: 500px;}
.swiperPic {margin-top: 20px; display: flex;justify-content: space-between;}
.pic-slide { width: 16%;position: relative;padding-top: 16%; border: 1px solid #eeeeee;}
.pic-slide.cur { border: 2px solid #000000;}
.swiperPic img {display: block;width: 100%;position: absolute;left: 0;top: 0;object-fit: cover;height: 100%;}
.productSwiper .swiper-slide { padding-top: 100%; position: relative; background: #ffffff;}
.productSwiper .swiper img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover;}
.pageControl { line-height: 24px; z-index: 2; text-align: center; position: absolute; left: 0; width: 100%; bottom: 32px;}
.pageControl>div { height: auto; margin: 0 8px!important; font-size: 16px; position: static; transform: translate(0); margin: 0; display: inline-block; vertical-align: top; width: auto;}
.productSwiper { position: relative;}
.pageControl span { font-family: 'sour'; }
.productSwiper .swiper-button-next::after,.productSwiper .swiper-button-prev::after { color: #222222; font-size: 14px; }
.detailInfor {padding-top: 25px; position: relative; float: right; width: calc(100% - 540px);}
.productTit {padding-right: 30px; font-weight: 700; font-size: 40px; line-height: 1.4; color: #222222; margin-bottom: 16px;}
.productTag p { font-size: 16px; line-height: 2; color: rgba(34,34,34,.7);}
.productLocation {padding-bottom: 40px; margin-bottom: 40px; line-height: 32px; border-bottom: 1px solid rgba(34,34,34,.2);}
.productLocation .tel { background: url(../images/tel.png) left center no-repeat; padding-left: 26px; float: right; font-family: 16px; font-family: 'sour';}
.productLocation>a,.productLocation span,.productLocation .tel a { font-size: 16px; color: #222222; font-family: 'sour';}

.introduce { margin-top: 80px;}
.introduce h2 { font-weight: 700; font-size: 40px; line-height: 1.4; color: #222222; margin-bottom: 16px;}
.sharePos { position: absolute; right: 0; top:39px;}
.shareBtn img{ display: block;}
.subInfor {display: none;right: 0; top:28px; position: absolute; padding-top: 16px;}
.shareSub {position: relative; border-radius: 6px; padding: 16px 8px;  text-align: justify; white-space: nowrap;  background: #ffffff;}
.shareSub a { display: inline-block; vertical-align: top; width: 24px; margin: 0 8px;}
.shareSub a img { display: block; width: 100%;}
.shareSub::after { content: ''; width: 12px; height: 12px; position: absolute;right: 12px; top: -6px; transform: rotate(45deg); background: #ffffff;}
.sharePos:hover .subInfor { display: block;}
.serviceList li::after {content: ''; clear: both; display: block; height: 0;}
.servicePic { float: left; width: 556px;}
.servicePic img { display: block; width: 100%;}
.serviceText { float: right; width: calc(100% - 602px);}
.serviceList { background: #F5F6FA; padding: 160px 0;}
.serviceList li { position: relative; background: #ffffff; margin-bottom: 48px; padding: 40px;}
.serviceList li::before { content: ''; position: absolute; bottom: 40px; left: 648px; width: 64px; height: 1px; background: #222222;}
.serviceList li:nth-child(2n)::before { content: ''; position: absolute; bottom: 40px; left: 40px; width: 64px; height: 1px; background: #222222;}
.serviceText h2 { font-size: 32px; line-height: 2;}
.serviceText p { font-weight: 400; font-size: 18px; line-height: 2; color: #222222;}
.serviceList li:nth-child(2n) .servicePic { float: right;}
.serviceList li:nth-child(2n) .serviceText { float: left;}
.contactPage { padding: 160px 0;}
.contactPage .titleCell { text-align: left;}
.contactPage .titleCell h2::after { content: ''; left: 0; transform: translate(0);}
.contactPage .footerContact .contactSlide p {font-size: 18px; line-height: 2;}
.contactPage .footerContact .contactSlide h2 { font-size: 20px;}
.mapBox { margin-top: 80px; height: 540px;}
.contactPage .footerContact {padding-bottom: 0;}
.BMap_bubble_title { font-size: 14px!important; height: 40px!important;; line-height: 40px!important;}
.insideContact.contact { background: #F5F6FA;}
.insideContact .contactForm .msgInfor {width:47.5%; margin-right: 5%; float: left; position:relative}
.insideContact .contactForm .msgInfor02{ margin-bottom:40px}
.insideContact .contactForm .msgInfor input { margin: 0; width: 100%;}
.insideContact .contactForm .msgInfor .yzm{ position:absolute; right:10px; top:54px}
.insideContact .contactForm .msgInfor:nth-child(2n) { margin: 0;}
.insideContact .contactForm p { font-size: 24px; line-height: 31px; font-weight: 700; color: #222222; margin-bottom: 8px;}
.insideContact .titleCell h2 { color: #222222; padding: 0; margin: 0;}
.insideContact .titleCell h2::after { display: none;}
.insideContact .contactForm { margin-top: 40px;}

.insideContact .contactForm .subForm { transition: all .5s; text-align: center; font-size: 18px; font-family: 'sour'; display: block; background: none; line-height: 50px; border: 1px solid #156C42; width:207px; margin: 52px auto 0; color: #156C42; cursor:pointer}
.insideContact .contactForm .subForm:hover { background: #156C42; color: #ffffff;}

.contactForm .subForm { font-weight: bold;transition: all .5s; text-align: center; font-size: 18px; font-family: 'sour'; display: block; line-height: 50px; border: 1px solid #ffffff; background: #156C42; width:207px; margin: 52px auto 0; color: #FFFFFF; cursor: pointer}
.contactForm .subForm:hover { background: none; color: #156C42; background: #ffffff;}

.contactForm li:last-child { margin: 0;}
.contactForm a.subForm { font-weight: bold;transition: all .5s; text-align: center; font-size: 18px; font-family: 'sour'; display: block; line-height: 50px; border: 1px solid #ffffff; background: #156C42; width:207px; margin: 52px auto 0; color: #FFFFFF;}
.contactForm a.subForm i {vertical-align: 2px; margin: 0; background: url(../images/greenEnter.png) center no-repeat; width: 0; height: 12px; display: inline-block; transition: all .5s;}
.contactForm a.subForm:hover { background: none; color: #156C42; background: #ffffff;}
.contactForm a.subForm:hover i { margin-left: 5px; width: 26px;}
.insideContact .contactForm a.subForm { transition: all .5s; text-align: center; font-size: 18px; font-family: 'sour'; display: block; background: none; line-height: 50px; border: 1px solid #156C42; width:207px; margin: 52px auto 0; color: #156C42;}
.insideContact .contactForm a.subForm:hover { background: #156C42; color: #ffffff;}
.insideContact .contactForm a.subForm i { vertical-align: 2px; background: url(../images/whiteEnter.png) center no-repeat;}
.newsBanner .bannerText h2,.newsBanner .bannerText p { color: #222222;}
.newsPage { padding: 160px 0; background: #F5F6FA;}
.newsPage .titleCell { text-align: left;}
.newsPage .titleCell h2::after { display: none;}
.newList li { overflow: hidden; background: #ffffff; transition: all .5s; margin-bottom: 24px; padding: 24px;}
.newList li a {overflow: hidden; display: block;}
.newImg { float: left; width: 340px; height: 200px; overflow: hidden;}
.newImg img { display: block; transition: all .5s; width: 100%; height: 100%; object-fit: cover;}
.newArt { float: right; width: calc(100% - 364px);}
.newArt h2 { transition: all .5s; font-size: 24px; line-height: 2; overflow: hidden;text-overflow: ellipsis;  white-space: nowrap; margin-bottom: 4px;}
.newArt p {  transition: all .5s;overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;
font-size: 16px; margin-bottom: 68px; height: 48px; line-height: 24px; color: rgba(34,34,34,.6);}
.newList li:hover img { transform: scale(1.2);}
/* .newList li:hover { background: #156C42;}
.newList li:hover h2 { color: #ffffff;}
.newList li:hover p { color: #ffffff;} 
.newList li:hover span { color: rgba(255,255,255,.6);}
.newList li:hover { box-shadow: 0 0 10px rgba(0,0,0,0.2);}
*/
.newList li span { display: block; color: rgba(34,34,34,.6); font-size: 14px; line-height: 2; font-family: 'sour';}

#screen { display: none; position: fixed; z-index: 10; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,.5);}
.videoCont { display: none; z-index: 20; width: 600px; position: fixed; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.videoCont video { width: 100%; display: block; outline: none;}
.closeBtn { transition: all .5s; display: block; background: url(../images/close.png) center no-repeat; display: block; width: 40px; height: 40px; position: absolute; right: 0;
top:-50px; cursor: pointer;}
.closeBtn:hover { transform: rotate(180deg);}
.newsArt { background: #F5F6FA; padding: 160px 0;}
.articleTitle h2 { font-size: 56px; margin-bottom: 16px; line-height: 78px; padding-right: 80px;}
.articleTitle p { font-family: 'sour'; font-size: 20px; color: rgba(34,34,34,.6); line-height: 28px;}
.articleTitle { position: relative; margin-bottom: 40px;}
.articleInfor img { max-width: 100%; display: block; margin:0 auto 40px;}
.articleInfor p { font-family: sour; font-size: 18px; line-height: 26px; margin-bottom: 24px;}
.articleInfor p:last-child { margin-bottom: 0;}
.articlePage { padding-top: 80px; margin-top: 80px; border-top: 1px solid rgba(34,34,34,.2);}
.articlePage p { overflow: hidden;text-overflow: ellipsis;  white-space: nowrap;  font-size: 18px; font-family: 'sour'; line-height: 26px; margin-bottom: 34px;}
.articlePage p a { font-family: 'sour'; text-decoration: underline; color: rgba(34,34,34,.7); margin-left: 16px;}
@media screen and  (max-width:1440px){
	.newsSwiper .swiper-button-next { right: -54px;}
	.newsSwiper .swiper-button-prev { left: -54px;}
	.bannerText h2,.articleTitle h2 { font-size: 40px; line-height: 1.2; margin-bottom: 20px;}
	.bannerText p { font-size: 18px;}
	.bannerText a { margin-top: 40px;}
	.aboutCont,.category,.homeProduct,.homeNews,.contact,.whyChose,.system,.contactPage,.product,.serviceList,.newsPage {padding: 80px 0;}
	.development { padding: 80px 4%;}
	.newsInfor p { font-size: 20px;}
	.whySlide { margin-top: 40px;}
	.insideContact .contactForm p { font-size: 20px;}
	.articleTitle p { font-size: 16px;}
	.articlePage p { font-size: 16px;}
	.articlePage { padding-top: 40px; margin-top: 40px;}
}
@media screen and  (max-width:1200px){
	.insideBanner h2::after { display: none;}
	.articlePage p { font-size: 14px; margin-bottom: 0;}
	.articleTitle h2 { margin-bottom: 0;}
	.articleInfor img { margin-bottom: 14px;}
	.articleTitle { margin-bottom: 20px;}
	.articleInfor p { font-size: 14px; line-height: 2; margin-bottom: 14px;}
	.articleTitle p { font-size: 14px;}
	.productTit h2 { float: none;}
	.seacrchBox { margin-left: 0;}
	.productTit { padding-right: 0;}
	.productCont { float: none; width: 100%;}
	.insideContact .contactForm p { font-size: 16px;}
	.insideContact .contactForm .msgInfor { margin: 0 0 10px; width: 100%;}
	.contactPage .footerContact .contactSlide h2 { font-size: 16px;}
	.contactPage .footerContact .contactSlide p { font-size: 14px;}
	.mapBox {margin-top: 40px; height: 260px;}
	.aboutPic { width: 100%;}
	.newsSwiper .swiper-button-prev {left: 0;}
	.newsSwiper .swiper-button-next { right: 0;}
	.aboutCont,.category,.homeProduct,.homeNews,.newsArt,.contact,.whyChose,.system,.contactPage,.serviceList,.newsPage {padding: 40px 0;}
	.product { padding: 20px 0 40px;}
	.systemMap img { margin-top: 40px;}
	.copyRight { padding: 20px 0; font-size: 16px;}
	.footerContact { padding: 20px 0;}
	.contactSlide { margin-bottom: 10px; width: 100%;}
	.footerContact { flex-wrap: wrap;}
	.contactSlide h2 { margin-bottom: 0;}
	.contactForm a.subForm,.insideContact .contactForm a.subForm { font-size: 14px; width: 120px; line-height: 40px; margin: 20px auto 0;}
	.contactForm a.subForm i,.insideContact .contactForm a.subForm i {vertical-align: 0;}
	.newsInfor p { font-size: 16px; margin-top: 10px;}
	.contactForm,.insideContact .contactForm { margin-top: 20px;}
	.contactForm li .z{ margin-bottom: 10px;}
	.contactForm li .z:nth-child(3), .contactForm li .z:nth-child(4){ margin-bottom: 10px;}
	.contactForm li input { font-size: 14px; width: 100%;}
	.contactForm li textarea { font-size: 14px;}
	.contactForm li { margin-bottom: 0;}
	.productTxt h2,.articleTitle h2 { font-size: 20px;}
	.productTxt p { font-size: 14px;}
	.productList { margin-top: 20px;}
	.productTxt { padding: 20px;}
	.productTxt::after { left: 20px; right: 20px;}
	
	.developmentSlide li { padding: 0 10px;}
	.developmentSlide li p { font-size: 20px; line-height: 2;}
	.developmentSlide li span { font-size: 12px;}
	.developmentSlide li::after { display: none;}
	.developmentSlide { margin-top: 20px;}
	.development { padding:40px 4%;}
	.bannerText { width: 92%; margin: 0; left: 4%;}

	.headerCont { height:60px;}
	.header { position: fixed; background: #FFFFFF; left: 0; width: 100%; top: 0; height: 60px;}
	.header.homeFix .menu { background: url(../images/menuWite.png) center no-repeat; background-size: 100% auto;}
	 .menu { transition: all .5s; float: right; display: block; background: url(../images/menu.png) center no-repeat; width: 30px; height: 30px; margin-top: 15px; background-size: 100% auto;}
	.header a.logo { margin-top: 15px;}
	.header a.logo img { display: block; height:30px;}
	.nav { width: 160px; float: none; margin: 0; position: fixed; left: -100%; bottom: 0; background: #FFFFFF; top: 60px; z-index: 3;}
	.nav li { float: none; margin: 0;}
	.nav li h2::after { bottom: 0;}
	.nav li h2 { text-indent: 10px; line-height: 40px; font-size: 16px;}
	.lang { line-height: 60px; margin-right: 15px;}
	.lang h3 { font-size: 16px;}
	.lang dl { transform: translate(0); right: 0; top: 60px; left: auto;}
	.lang dt a { font-size: 14px; line-height: 2.5;}
	.bannerText h2,.bannerText h2.longtxt { line-height: 1.2; text-align: center; margin-bottom: 10px; font-size: 16px;}
	.bannerText p { text-align: center; font-size: 12px; line-height: 1.2;}
	.banner .swiper-pagination span { width: 20px;}
	.bannerText a { display: none;}
	.aboutArt { margin-bottom: 20px; float: none; width: 100%;}
	.aboutVideo { float: none; width: 100%; height: auto;}
	.aboutArt h2,.titleCell h2,.productTit h2 { font-size: 20px; line-height: 2; padding-bottom: 0;}
	.aboutArt h2::after,.titleCell h2::after { width: 40px;}
	.aboutArt p { font-size: 14px;}
	.aboutArt a { font-size: 14px; width: 120px; line-height: 40px; margin-top: 20px;}
	.titleCell p { font-size: 14px;}
	.bigSlide,.cetegoryTop .smallSlide,.cetegoryBottom .smallSlide { height: 200px; padding: 20px; margin: 0 0 10px; float: none; width: 100%;}
	.posImg { right: 10px; bottom: 10px;}
	.smallSlide::after, .bigSlide::after { left: 10px; bottom: 24px;}
	.cetegoryList { margin-top: 20px;}
	.cetegoryTop { margin-bottom: 0;}
	.cetegoryList h2 { font-size: 20px;}
	.cetegoryList p { font-size: 14px;}
	.posImg { width: 66px;}
	.newsSwiper { margin-top:20px;}
	.seacrchBox span:nth-child(1) { margin-left: 0;}
	.productMenu{margin-top: 20px; width: 100%;}
	.fpage { margin-top: 20px;}
	.productLocation>a, .productLocation span, .productLocation .tel a { font-size: 12px;}
	.productLocation .tel { display: none;}
	.productLocation {padding-bottom: 0;}
	.productTit,.introduce h2 { font-size: 30px;}
	.introduce { margin-top: 40px;}
	.bannerText br { display: none;}
	.insideContact .contactForm .msgInfor:nth-child(4) { margin-bottom:10px}
}
@media screen and  (max-width:1080px){
	.serviceList li::before { display: none!important;}
	.productLocation { margin-bottom: 20px;}
	.productSwiper { float: none; margin: 0 auto 20px; max-width: 100%;}
	.detailInfor { float: none; width: 100%;}
	.productTit,.introduce h2 { font-size: 20px;}
	.productTag p { font-size: 14px;}
	.introduce { margin-top: 20px;}
	.shareBtn img { width: 20px;}
	.sharePos { top: 24px;}
	.servicePic { float: none!important; margin: 0 auto 20px; max-width: 100%;}
	.serviceList li {padding: 20px; margin-bottom: 20px;}
	.serviceText { float: none!important; width: 100%;}
	.serviceText h2 { font-size: 20px;}
	.serviceText p { font-size: 14px;}
}
@media screen and  (max-width:780px){
	.banner .swiper-pagination { text-align: center;}
	.newList li { padding: 20px;}
	.newImg { float: none; width: 100%; height: auto; margin-bottom: 10px;}
	.newArt { float: none; width: 100%;}
	.newArt h2 { font-size: 20px;}
	.newArt p { font-size: 14px; margin: 10px 0;}
	.newList li span { font-size: 14px;}
	.seacrchBox span,.seacrchBox b { margin-top: 0;}
	.searchInp,.seacrchBox { float: none;}
	.searchInp { width: 100%; margin-top: 10px;}
	.productList li,.productCont .productList li { float: none; width: 100%;}
	.whySlide li { padding: 20px; flex-wrap: wrap;}
	.whySlide li>div { width: 100%;}	
	.whyText h2 { font-size: 20px; margin-bottom: 0;}
	.whyText p { font-size: 14px;}
	.whyText {padding-bottom: 20px; margin: 10px 0;}
	.whyText:nth-child(1) { margin: 0 0 20px;}
	.whySlide li:last-child { margin-bottom: 0;}
}


.search-tit{margin-bottom:20px; font-size:16px; color:#666}
.search-tit strong{color:#156C42; font-weight:bold}
.nodata{font-size:16px; color:#666}