/* 首页部分 */

@font-face {
  font-family: 'webfont';
  font-display: swap;
  src: url('//at.alicdn.com/t/webfont_i1jm1cw6mq9.eot'); /* IE9*/
  src: url('//at.alicdn.com/t/webfont_i1jm1cw6mq9.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('//at.alicdn.com/t/webfont_i1jm1cw6mq9.woff2') format('woff2'),
  url('//at.alicdn.com/t/webfont_i1jm1cw6mq9.woff') format('woff'), /* chrome、firefox */
  url('//at.alicdn.com/t/webfont_i1jm1cw6mq9.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url('//at.alicdn.com/t/webfont_i1jm1cw6mq9.svg#AlibabaPuHuiTiH') format('svg'); /* iOS 4.1- */
}

.top { position: relative; z-index: 999; margin: 0px; padding: 35px 0px; }
.top .rom { display: flex; align-items: center; justify-content: space-between; }
.top_logo img, 
.top_tel img { height: 70px; }

.nav { background-color: #8bc34a; margin: 0px; }
.nav .rom { display: flex; justify-content: center; align-items: center; }
.nav_item { width: 160px; text-align: center; }
.nav_item a { font-size: 15px; font-weight: bold; color: #fff; line-height: 50px; letter-spacing: 1px; }
.nav_item:hover { background-color: #3c3c3c; }
.nav_item:hover .line, .nav .item:hover+.item .line { height: 100%; }
.nav_line { background: radial-gradient(#ffffff, #8bc34a); height: 24px; width: 1px; margin-top: 15px; float: left; }
.nav_item_ul { position: absolute; z-index: 99; display: none; padding: 15px 0px 15px; width: 220px; transition: all 0.3s ease 0s; }
.nav_item:hover .nav_item_ul { display: block; background-color: #3c3c3c; transition: all 0.3s ease 0s; }
.nav_item_child { text-align: left; text-indent: 48px; }
.nav_item_child a { color: #fff; font-size: 15px; line-height: 36px; }
.nav_item_child a:hover { color: #8bc34a; }

.product_category { width: 280px; background-color: #eee; float: left; }
.product_category_title { padding: 30px 0px 20px; height: 80px; background-color: #8bc34a; }
.product_category_title_font { margin: 0 auto; width: 80%; font-size: 28px; font-weight: bold; line-height: 60px; color: #fff; border-bottom: 1px solid #fff; }
.product_category_title_sub { margin: -45px auto 0px; width: 80%; font-size: 45px; font-weight: bolder; color: rgb(247 248 246 / 30%); }
.product_category_list { padding: 20px 0px 15px; }
.product_category_item--fa_title { display: block; width: 245px; margin: 0 auto 12px; background-color: #a7a7a7; font-size: 15px; line-height: 50px; text-indent: 20px; color: #fff; font-weight: bold; }

.product_category_contact { display: flex; justify-content: center; align-items: center; width: 100%; padding: 40px 0px; margin: 0 auto; background: #fc4a1a; background: -webkit-linear-gradient(to right, #f7b733, #fc4a1a); background: linear-gradient(to right, #f7b733, #fc4a1a); }
.product_category_contact_icon { width: 60px; }
.product_category_contact_icon svg { width: 60px; height: 60px; }
.product_category_contact_info { width: 175px; margin-top: 13px; }
.product_category_contact_font { color: #fff; font-weight: 300; font-size: 13px; line-height: 13px; margin-top: -6px; margin-left: 5px; }
.product_category_contact_phone { font-weight: 600; color: #fff; font-size: 27px; line-height: 40px; }

.product_list { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-evenly; width: 900px; float: right; }
.product_item { width: 260px; margin-bottom: 10px; }
.product_item_thumb { position: relative; display: block; height: 0; padding: 0; overflow: hidden; padding-bottom: 72%; }
.product_item_thumb img { position: absolute; object-fit: cover; width: 100%; height: 100%; border: 0; vertical-align: middle; }
.product_item_title { display: block; width: 100%; background-color: #eee; text-align: center; font-size: 16px; color: #212121; line-height: 42px; }
.product_item:hover .product_item_title { background-color: #8bc34a; color: #fff; }
.product_item_info { position: absolute; display: flex; justify-content: center; align-items: center; top: 100%; width: 100%; height: 100%; background-color: rgba(9,9,9,0.6); color: #fff; transition: all 0.3s ease 0s; }
.product_item:hover .product_item_info { top: 0%; transition: all 0.3s ease 0s; }
.product_item_info_focus { width: 80%; text-align: center; margin: 0 auto; }
.product_item_info_title { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; word-break: break-all; font-size: 16px; font-weight: bold; line-height: 20px; margin-bottom: 10px; opacity: 0.6; }
.product_item_info_sub { font-size: 13px; font-weight: bold; line-height: 18px; opacity: 0.6; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; line-clamp: 3; -webkit-box-orient: vertical; }

.extra { background: #f6f6f6; border-bottom: 2px solid #8bc34a; }
.extra_list { display: flex; justify-content: space-between; align-items: center; }
.extra_item { width: 260px; padding: 40px; cursor: pointer; transition: all 0.3s ease 0s; }
.extra_item_icon svg { width: 60px; height: 60px; margin-bottom: 20px; }
.extra_item_title { margin-bottom: 20px; font-size: 24px; line-height: 24px; font-weight: bold; color: #8bc34a; }
.extra_item_subtitle { font-size: 15px; line-height: 24px; color: #6d6d6d; }
.extra_item_on { background: #8bc34a; transition: all 0.3s ease 0s; }
.extra_item_on svg path { fill: #fff; }
.extra_item_on .extra_item_title,
.extra_item_on .extra_item_subtitle { color: #fff; }

.about { margin-bottom: 0px; }
.about_box_01 { width: 600px; padding-top: 30px; float: left; }
.about_title { font-size: 36px; color: #8bc34a; font-weight: 500; line-height: 36px; margin-bottom: 10px; }
.about_subtitle { font-size: 36px; color: #8bc34a; font-weight: bolder; line-height: 36px; margin-bottom: 25px; }
.about_title--en { position: relative; top: 0px; z-index: 1; font-size: 80px; color: rgba(68,68,68,0.1); letter-spacing: 2px; font-family: Arial; }
.about_line { width: 60px; height: 1px; background: #8bc34a; margin-bottom: 30px; }
.about_info, 
.about_info * { font-size: 15px; font-weight: 400; text-align: justify; color: #3c3c3c; line-height: 28px; }
.about_more { display: block; margin-top: 20px; width: 150px; border: 1px solid #8bc34a; border-radius: 18px; font-size: 14px; color: #8bc34a; line-height: 36px; text-align: center; transition: all 0.3s ease 0s; }
.about_more:hover { background-color: #8bc34a; color: #fff; transition: all 0.3s ease 0s; }
.about_box_02 { width: 520px; height: 500px; float: left; margin-left: 80px; position: relative; }
.about_img img { width: 500px; margin-top: 20px; }

.main-title { text-align: center; }
.main-title_en { position: relative; top: -0px; font-size: 80px; color: rgba(68,68,68,0.1); text-transform: uppercase; }
.main-title_font { margin-bottom: 20px; font-size: 36px; line-height: 36px; font-weight: bold; color: #3c3c3c; text-transform: uppercase; }
.main-title_sub { font-size: 15px; line-height: 15px; color: #969696; }

.honor { padding: 100px 0px 50px; margin: 0px; background-color: #f6f6f6; }
.honor .list { margin: 50px 0px 80px; }
.honor .list .item { width: 180px; 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: 120%; }
.honor .list img { position: absolute; object-fit: cover; width: 100%; height: 100%; border: 0; vertical-align: middle; }
.honor .item .focus { width: 100%; background: rgba(139,195,74,0.9); height: 0px; position: absolute; bottom: 0px;  transition: all 0.5s ease 0s; overflow: hidden; }
.honor .item:hover .focus { height: 220px; transition: all 0.5s ease 0s; }
.honor .focus h1, .honor .focus p { text-align: center; font-size: 14px; color: #fff; }
.honor .focus h1 { margin: 60px auto 0px; width: 150px; font-size: 15px; line-height: 18px; }
.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; }

.news { padding: 80px 0px; margin: 0px; }
.news .news_layout { margin-top: 36px; }
.news .pic img { width: 416px; height: 440px; }
.news .conl { float: left; }
.news .conr { float: left; width: 776px; }
.news .item { margin-bottom: 20px; padding: 25px 0px; margin-left: 30px; background: #f6f6f6; transition: all 0.5s ease 0s; cursor: pointer; }
.news .item:nth-child(3) { border-bottom: none; }
.news .date { color: #333; font-size: 13px; line-height: 24px; text-indent: 32px; }
.news .tt a { font-size: 15px; color: #333; line-height: 36px; }
.news .tt { text-indent: 26px; border-left: 6px solid #8bc34a; transition: all 0.5s ease 0s; }
.news .des { font-size: 13px; color: #999; text-indent: 32px; line-height: 24px; }
.news .item:hover { background: #8bc34a; transition: all 0.5s ease 0s; box-shadow: 0px 18px 71px -10px rgba(0, 0, 0, 0.75); }
.news .item:hover a, .news .item:hover .date, .news .item:hover .des { color: #fff; transition: all 0.5s ease 0s; }
.news .item:hover .tt { border-left: 6px solid #fff; transition: all 0.5s ease 0s; }
.news .more { display: block; width: 240px; border: 1px solid #8bc34a; color: #8bc34a; text-align: center; font-size: 15px; line-height: 36px; margin: 0 auto; margin-top: 50px; border-radius: 18px; transition: all 0.3s ease 0s; }
.news .more:hover { background: #8bc34a; color: #fff; transition: all 0.3s ease 0s; }

.footer { background: #232323; padding: 50px 0px; margin: 0px; }
.footer .qrcode { width: 320px; }
.footer .contact-footer { width: 570px; }
.footer .service-footer { width: 300px; }
.footer .footer-tt .tt { color: #ddd; font-family: "Georgia"; font-size: 20px; line-height: 40px; }
.footer .footer-tt .line { width: 40px; height: 1px; background: #999; margin: 10px 0px 40px; }
.footer .qrcode .item { float: left; margin-right: 30px; }
.footer .qrcode .item img { width: 130px; }
.footer .qrcode .item p { font-size: 15px; color: #ddd; line-height: 50px; text-align: center; }
.footer .contact-footer h2 { font-size: 22px; color: #ddd; line-height: 22px; margin-bottom: 30px; }
.footer .contact-footer p, .footer .service-footer p { font-size: 15px; color: #ddd; line-height: 30px; letter-spacing: 1px; }
.footer .service-footer .intro { padding: 3px 0px 0px 20px; }
.footer .more { display: block; width: 180px; border: 1px solid #ddd; color: #ddd; text-align: center; font-size: 15px; line-height: 36px; margin-top: 40px; transition: all 0.3s ease 0s;}
.footer .more:hover { background: #ddd; color: #fff; transition: all 0.3s ease 0s; }

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