/*
  Theme name: corpframework Child
  Template: corpframework
*/
@import url("../corpframework/style.css");
/*  */
/* 文章页 */
.page-content p{line-height: 2;}
/* 页脚 */
.homelink{background-color: #2a2a2a;color: #FFF;}
.homelink a{color: #FFF!important;}
#navbarNavAltMarkup li a { color: #FFF!important; padding: 0; margin-right: 15px; }
.erweima{display: inline-block;}
.erweima h2{font-weight: normal;text-align: center;font-size: 14px;margin: 0;line-height:2;}
/* 首页新闻 */
.news-item{box-shadow: 0px 0px 20px -5px rgb(158 158 158 / 20%);border-radius: 6px;border-radius: 10px;height: 100%;}
.news-item:hover { box-shadow: 0 20px 70px rgba(149, 149, 149, 0.3); }
.news-item .imgbox{overflow:hidden;}
.news-item .imgbox img{ transition: all .3s ease-out 0s; object-fit: cover; height: auto; width: 100%; }
.news-item:hover .imgbox img{-webkit-transform: scale(1.03); transform: scale(1.03); transition: all .3s ease-out 0s;}
.news-item .other{overflow: hidden;padding: 20px 30px;}
.news-item .other h2{font-size: 20px;line-height: 1.5;}
.news-item .other .time{font-size: 14px;color: #999999;line-height: 2;}
.news-item .other .time i{color: #0a7c3d;}
/*优势*/
.home-youshi .box{ border: 1px solid #f0f0f0; height: 100%; box-shadow: 0px 0px 20px -5px rgb(158 158 158 / 20%);transition: transform 0.3s; border-radius: 10px; }
.home-youshi .box:hover{box-shadow: 0 26px 40px -24px rgb(149, 149, 149, 0.3);transition: all 0.3s ease;transform: translateY(-6px);}
.home-youshi i{ font-size: 48px; text-align: center; margin: 0 auto; display: block;color: #0a7c3d; }
.home-youshi h4{padding: 20px 0;}
.home-youshi p{color: #999;text-indent: 2em;margin: 0;}

/* 产品推荐 */
#chanpin-carousel{height: 260px;}
#chanpin-carousel .owl-nav{position: relative;top: -170px;}
#chanpin-carousel .owl-nav .owl-prev,
#chanpin-carousel .owl-nav .owl-next{display: block;width: 80px;height: 80px;background-color: #FFF;color: #000;line-height: 80px;border-radius:80px;position: relative;opacity: .2;z-index: 10;}
#chanpin-carousel .owl-nav .owl-prev:hover,
#chanpin-carousel .owl-nav .owl-next:hover{opacity: .5;background: #FAA432}
#chanpin-carousel .owl-nav .owl-prev{float: left;}
#chanpin-carousel .owl-nav .owl-next{float: right;}
#chanpin-carousel .owl-nav span{font-size: 80px;position: relative;top: -10px;}
.products-home{background: #32a83a;}
.products-wrap{color: #FFF}
.products-wrap img{border-radius: 10px;width: 400px!important;height: 400px;margin:0 auto;}
.products-wrap .title a{color: #FFF!important;font-size: 38px;position: relative;}
.products-wrap .title a:after{
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -15px;
  width: 20%;
  height: 5.5px;
  background-color: #ffc107;
  margin: auto;
}
.products-wrap .sub{font-size: 24px;display: block;padding: 20px 0;}
.products-wrap .product-bottom a { background: #FAA432 none repeat scroll 0 0; user-select: none; -moz-user-select: none; border: medium none; border-radius: 50px; color: #fff; cursor: pointer; display: inline-block; font-size: 16px; font-weight: 700; letter-spacing: 0; line-height: 1.4; margin-bottom: 0; padding: 19px 50px; text-align: center; text-transform: capitalize; touch-action: manipulation; transition: all 0.3s ease 0s; vertical-align: middle; white-space: nowrap; position: relative; overflow: hidden; z-index: 1; }
.products-wrap .product-bottom a::before { content: ""; position: absolute; -webkit-transition-duration: 800ms; transition-duration: 800ms; width: 200%; height: 200%; top: 110%; left: 50%; background: #fff; -webkit-transform: translateX(-50%); transform: translateX(-50%); border-radius: 50%; z-index: -1; }
.products-wrap .product-bottom a:hover:before { top: -40%; }
.products-wrap .product-bottom .other{ font-size: 18px; color: #000; display: inline-block; position: relative; top: 15px; left: 20px; }
.products-wrap .product-bottom .other span{color: #000;font-size: 38px;}
.product-content{position: relative;z-index: 1;}
/* 其它 */
#navbarNavAltMarkup li a{color: #FFF!important;}
.footer-shape-five{top: 0; left: 0; height: 80px; width: 100%;padding-bottom: 50px;}
.breadcrumb-wrap{ background-color: #f0fff7; overflow: hidden; z-index: -1; position: relative; margin-bottom: 50px; }
.breadcrumb-menu{list-style-type: none;overflow: hidden;padding: 0;text-align: left;}
.breadcrumb-menu li { list-style-type: none; float: left; position: relative; padding-right: 30px; }
.breadcrumb-menu li:after { position: absolute; top: 11px; right: 12px; content: ""; width: 8px; height: 2px; background-color: #024E32; }
.breadcrumb-menu li:last-child:after { display: none; }
/* 个性化标题 */
.title_01{ font-size: 30px;text-align: center;font-weight: 800;line-height: 1.6;}
.title_01::after { content: ""; display: block; background-image: url(img/circle_left.png); width: 79px; height: 14px; background-repeat: no-repeat; margin: 18px auto 33px; }
/* 幻灯片CSS */
#bannerheight{height: 690px;overflow: hidden;}
.banner-carousel{ position: relative;height: 100%;}
.owl-carousel .owl-stage-outer,
.owl-carousel .owl-item,
.owl-carousel .owl-stage{height: 100%;}
.banner-carousel .slide-item{ position: relative; overflow: hidden; margin: 0; flex: 1 0 100%; display: flex; width: 100%; height: 100%; justify-content: center; align-items: center; transform: translate(0, 0); transition: transform 0.4s ease-out; }
.banner-section.style-one .banner-carousel .slide-item{ padding: 243px 0px 160px 0px; min-height: 750px; }
.banner-carousel .slide-item:before{ position: absolute; content: ''; width: 100%; height: 100%; background: -webkit-linear-gradient(-90deg, rgb(0 0 0 / 22%), rgba(0,0,0,0.2) 100%); top: 0px; right: 0px; z-index: 1; }
.banner-carousel .slide-item .image-layer{ position:absolute; left:0; top:0; width:100%; height:100%; background-repeat: no-repeat; background-position: center; background-size: cover; -webkit-transform:scale(1); -ms-transform:scale(1); transform:scale(1); -webkit-transition: all 6000ms linear; -moz-transition: all 6000ms linear; -ms-transition: all 6000ms linear; -o-transition: all 6000ms linear; transition: all 6000ms linear; }
.banner-carousel .active .slide-item .image-layer{ -webkit-transform:scale(1.15); -ms-transform:scale(1.15); transform:scale(1.15); }
.banner-carousel .content-box{ position: relative; display: block; z-index:5; width: 100%; }
.banner-carousel .content-box .top-text{ position: relative; display: inline-block; color: #fff; font-size: 20px; line-height: 20px; font-weight: 400; margin-bottom: 15px; letter-spacing: 2px; opacity: 0; -webkit-transform: translateY(-100px); -moz-transform: translateY(-100px); -ms-transform: translateY(-100px); -o-transform: translateY(-100px); transform: translateY(-100px); -webkit-transition: all 700ms ease; -moz-transition: all 700ms ease; -ms-transition: all 700ms ease; -o-transition: all 700ms ease; transition: all 700ms ease; text-shadow: 1px 1px 2px #333; }
.banner-carousel .active .content-box .top-text{ opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-transition-delay: 700ms; -moz-transition-delay: 700ms; -ms-transition-delay: 700ms; -o-transition-delay: 700ms; transition-delay: 700ms; }
.banner-carousel .content-box h1{ position: relative; display: block; color: #fff; font-size: 60px; line-height: 66px; font-weight: 800; text-shadow: 1px 1px 2px #333; }
.banner-carousel .content-box .title-text{ position: relative; display: block; padding-bottom: 26px; margin-bottom: 27px; opacity: 0; -webkit-transform: translateX(100px); -moz-transform: translateX(100px); -ms-transform: translateX(100px); -o-transform: translateX(100px); transform: translateX(100px); -webkit-transition: all 1000ms ease; -moz-transition: all 1000ms ease; -ms-transition: all 1000ms ease; -o-transition: all 1000ms ease; transition: all 1000ms ease; }
.banner-carousel .active .content-box .title-text{ opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); -webkit-transition-delay: 1000ms; -moz-transition-delay: 1000ms; -ms-transition-delay: 1000ms; -o-transition-delay: 1000ms; transition-delay: 1000ms; }
.banner-carousel .content-box p{ position: relative; display: block; color: #fff; font-size: 20px; line-height: 32px; font-weight: 600; margin-bottom: 31px; opacity: 0; -webkit-transform: translateX(-100px); -moz-transform: translateX(-100px); -ms-transform: translateX(-100px); -o-transform: translateX(-100px); transform: translateX(-100px); -webkit-transition: all 1300ms ease; -moz-transition: all 1300ms ease; -ms-transition: all 1300ms ease; -o-transition: all 1300ms ease; transition: all 1300ms ease; }
.banner-carousel .active .content-box p{ opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); -webkit-transition-delay: 1300ms; -moz-transition-delay: 1300ms; -ms-transition-delay: 1300ms; -o-transition-delay: 1300ms; transition-delay: 1300ms; }
.banner-section .banner-carousel .content-box a.theme-btn-one{ border: 2px solid #fff; padding: 12.5px 28px; color: #FFF!important; }
.banner-carousel .content-box .btn-box{ position: relative; opacity: 0; -webkit-transform: translateY(100px); -moz-transform: translateY(100px); -ms-transform: translateY(100px); -o-transform: translateY(100px); transform: translateY(100px); -webkit-transition: all 1600ms ease; -moz-transition: all 1600ms ease; -ms-transition: all 1600ms ease; -o-transition: all 1600ms ease; transition: all 1600ms ease; }
.banner-carousel .active .content-box .btn-box{ opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-transition-delay: 1600ms; -moz-transition-delay: 1600ms; -ms-transition-delay: 1600ms; -o-transition-delay: 1600ms; transition-delay: 1600ms; }