/* 首页部分 */
.logo { width: 100%; margin: 0px; margin: 0px; position: relative; z-index: 999; background: #fff;  }
.logo .logo-pic { width: 320px; padding-top: 12px; }
.logo .logo-pic img { width: 249px;  }
.logo .nav-list { width: 700px; }
.logo .item { width: 86px; float: left; text-align: center; }
.logo .item a { color: #333; line-height: 110px; display: block; text-align: center; font-size: 15px; }
.logo .item:hover a { background: #a8cf1a; color: #fff; transition: all 0.3s ease 0s; }
.logo ul { position: absolute; padding: 20px 0px; background: #a8cf1a; z-index: 99; display: none; transition: all 0.3s ease 0s; }
.logo ul li { width: 150px; text-align: center; background-color: #58ad35; }
.logo .item ul li a { line-height: 42px; }
.logo .item ul li:hover a { background-color: #629a4b; }
.logo .item:hover ul { display: block; transition: all 0.3s ease 0s; }


.main-tt .cn, .main-tt .en, .main-tt .line-1, .main-tt .line-2 { text-align: center; }
.main-tt .cn { font-size: 30px; color: #121212; line-height: 32px; letter-spacing: 3px; font-weight: bold; }
.main-tt .cn span { color: #037ed8; }
.main-tt .en { font-size: 20px; color: #ccc; line-height: 20px; font-family: "Georgia"; }
.main-tt .line { width: 1200px; margin: 20px auto; position: relative; height: 3px; }
.main-tt .line-1 { width: 100%; height: 1px; background: #eee; position: absolute; top: 1px; z-index: 1; }
.main-tt .line-2 { width: 60px; height: 3px; background: #a8d019; margin: 0 auto; z-index: 99; position: relative; }

.product .item { width: 220px; float: left; margin-left: 25px; margin-top: 50px; }
.product .item:first-child { margin-left: 0px; }
.product .item .info { background: #e2e2e2; padding-top: 26px; padding-bottom: 26px; text-align: center; transition: all 0.3s ease 0s; }
.product .item:hover .info { background: #a8d019; transition: all 0.3s ease 0s; }
.product .item:hover .info * { color: #fff; }
.product .item .info h1 { color: #212121; line-height: 26px; font-size: 17px; font-weight: 500; }
.product .item .info p { text-align: center; color: #969696; font-size: 13px; line-height: 26px; }
.product .item .info .line { height: 2px; background: #333; width: 30px; margin: 0 auto; margin-top: 10px; }
.product .item:hover .info .line { background-color: #fff; }
.product .item .pic { position: relative; display: block; height: 0; padding: 0; overflow: hidden; padding-bottom: 100%; }
.product .item img { position: absolute; object-fit: cover; width: 100%; height: 100%; border: 0; vertical-align: middle; transition: all 0.3s ease 0s; }
.product .item:hover img { -webkit-transform: scale(1.5); transform: scale(1.5); transition: all 0.3s ease 0s; }
.product .more { display: block; width: 320px; border: 1px solid #a8d019; color: #a8d019; text-align: center; font-size: 15px; line-height: 36px; margin: 0 auto; margin-top: 50px; transition: all 0.3s ease 0s; }
.product .more:hover { background: #a8d019; color: #fff; transition: all 0.3s ease 0s; }

.about { background: url(about_bg.jpg) center top no-repeat; width: 100%; height: 620px; margin: 0px; }
.about .info { width: 600px; padding-top: 80px; float: right; }
.about h1 { font-size: 42px; color: #a8d019; font-weight: bold; }
.about h2 { font-size: 30px; color: #a8d019; font-weight: bold; letter-spacing: 1px; }
.about .line { width: 30%; height: 1px; background-color: #a8d019; margin: 20px 0px; }
.about .introduce, .about .introduce * { font-size: 15px; color: #222; line-height: 32px; }
.about .more { display: block; text-align: center; width: 180px; line-height: 36px; font-size: 15px; color: #a8d019; border: 1px solid #a8d019; transition: all 0.3s ease 0s; }
.about .more:hover { background: #a8d019; color: #01a54f; transition: all 0.3s ease 0s; }

.ex01 { margin: 0px;  }
.ex01 .rom { background: url(ex01_bg.jpg) center top no-repeat; background-size: 100%; height: 260px;  }

.honor .list { margin: 50px 0px 80px; }
.honor .list .item { width: 280px; float: left; margin-left: 10px; border: 1px solid #efefef; position: relative; }
.honor .list .item:first-child { margin-left: 0px; }
.honor .list .thumb { position: relative; display: block; height: 0; padding: 0; overflow: hidden; padding-bottom: 130%; }
.honor .list img { position: absolute; object-fit: cover; width: 100%; height: 100%; border: 0; vertical-align: middle; }
.honor .item .focus { width: 100%; background: rgba(95,185,120,0.6); height: 0px; position: absolute; bottom: 0px;  transition: all 0.5s ease 0s; overflow: hidden; }
.honor .item:hover .focus { height: 360px; transition: all 0.5s ease 0s; }
.honor .focus h1, .honor .focus p { text-align: center; font-size: 14px; color: #fff; }
.honor .focus h1 { margin-top: 100px; font-size: 18px; line-height: 36px; }
.honor .focus p { display: block; width: 130px; line-height: 32px; font-size: 12px; border: 1px solid #fff; text-align: center; margin: 0 auto; margin-top: 10px; }
.honor #scroll-mod { overflow:hidden; width: 1200px; }
.honor #scroll-rom { float: left; width: 2000%; }
.honor #scroll-rom-1 { float: left; }
.honor #scroll-rom-2 { float: left; margin-left: 10px; }

.ex02 { margin: 0px;  }
.ex02 .rom { background: url(ex02_bg.jpg) center top no-repeat; background-size: 100%; height: 450px;  }

.ex03 { margin: 0px;  }
.ex03 .rom { background: url(ex03_bg.jpg) center center no-repeat; background-size: 100%; height: 350px;  }

.ex04 { margin: 0px;  }
.ex04 .rom { background: url(ex04_bg.jpg) center center no-repeat; background-size: 100%; height: 240px;  }

.news .list { margin-top: 50px;  }
.news .item { float: left; width: 580px; margin-left: 40px; }
.news .item:first-child { margin-left: 0px; }
.news .item .pic { position: relative; display: block; height: 0; padding: 0; overflow: hidden; padding-bottom: 50%; margin-bottom: 20px; }
.news .item .pic img { position: absolute; object-fit: cover; width: 100%; height: 100%; border: 0; vertical-align: middle; }
.news .item .date { font-size: 14px; color: #999; line-height: 14px; margin-bottom: 10px;  }
.news .item .title a { font-size: 20px; color: #333; line-height: 20px; }
.news .item .line { width: 50px; height: 1px; background: #212121; margin: 15px 0px 15px;  }
.news .item .sub { font-size: 14px; color: #999; line-height: 28px; min-height: 56px; margin-bottom: 20px; }
.news .item .more { font-size: 14px; line-height: 36px; width: 120px; display: block; text-align: center; background-color: #222; color: #fff; }

.footer { background: #535353; padding: 50px 0px; margin: 0px; }
.footer .flogo { width: 260px;  }
.footer .flogo .item { float: left; margin-right: 30px; }
.footer .flogo .item img { width: 150px; }
.footer .flogo .item p { font-size: 15px; color: #ddd; line-height: 50px; text-align: center; }
.footer .qrcode { width: 300px; }
.footer .qrcode .item { float: left; margin-right: 30px; }
.footer .qrcode .item img { width: 110px; }
.footer .qrcode .item p { font-size: 15px; color: #ddd; line-height: 50px; text-align: center; }
.footer .contact-footer { width: 580px; text-align: center; }
.footer .contact-footer h2 { font-size: 32px; color: #ddd; line-height: 42px; margin-top: 30px; letter-spacing: 2px; }
.footer .contact-footer h2 span { color: #a8d019; }
.footer .contact-footer p { font-size: 32px; color: #a8d019; line-height: 42px; letter-spacing: 2px; }

.footer .line { width: 100%; height: 1px; background-color: #8e8e8e; margin: 30px 0px 40px;  }
.footer .bottombox p { color: #ddd; font-size: 14px; line-height: 36px; letter-spacing: 2px; }

.bottom { background: #000; margin: 0px; }
.bottom p { color: #9f9f9f; text-align: center; font-size: 14px; line-height: 50px; letter-spacing: 3px; }
.bottom a { color: #9f9f9f; }