/* ==========================================================================
   Index Page
   ========================================================================== */
/*首页banner大图样式*/
.ibanner{ position:relative; height:864px; overflow: hidden; margin-top: 120px;}
.ibanner .swiper-container {width: 100%;height: 100%;}
.ibanner .swiper-slide { background-repeat:no-repeat; background-position:center center; background-size:auto 100%;text-align: center;font-size: 18px;/* Center slide text vertically */display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center; position:relative;}
.ibanner .swiper-container-horizontal > .swiper-scrollbar{ width:272px; left:251px; bottom:30%;}

.ibanner .swiper-scrollbar-drag{ background:#1b85e7;}
.ibanner .swiper-button-prev{ left:0%;}
.ibanner .swiper-button-next{ right:0%;}
.ibanner .swiper-button-prev, .ibanner .swiper-button-next{ top:0; bottom:0; margin:auto 0; background:none; width:6rem; height:6rem; line-height:6rem; text-align:center; background: #625f61;}
.ibanner .swiper-button-prev i, .ibanner .swiper-button-next i{ color:#fff; font-size:3rem;}
.ibanner .ban-img{ display:block; width:100%; height:100%; color:#fff;text-align:left;}
.ibanner .swiper-pagination{ bottom:5rem!important; color: #fff; text-align: center; box-sizing: border-box;}
.ibanner .swiper-pagination-bullet{background: #ffffff; opacity: 1; position: relative; width: 1rem; height: 1rem; border-radius: 1rem;}
.ibanner .swiper-pagination-bullet{ color: transparent; background:#fff;}
.ibanner .swiper-pagination-bullet-active{ background: #208F3E; opacity: 1;}
.ibanner .swiper-pagination-current{ font-size: 2.4rem; -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-image: linear-gradient(220deg,#0481dc,#3cc2e7);}

.ibanner .bH{ height: 100%; position: relative;}
.ibanner .bfont{ color: #fff; text-align: center;}
.ibanner .bfont span{ display: block; font-size: 7.2rem; font-family: 'MicrosoftYaHei Bold';}
.ibanner .bfont a{ display: inline-block; border: 1px solid #fff; border-radius: 5px; width: 16rem; height: 4.6rem; color: #fff; line-height: 4.6rem; font-size: 1.8rem; margin-top: 3rem;}
.ibanner .bfont a:hover{background: #fff; color: #574ced; border-radius: 5rem; transition: all 0.4s;}

/*标题样式*/
.box-title{ line-height: 5rem; text-align: center;}
.box-title span{ display: block; font-size: 3.6rem; color: #393939; font-weight: bold; margin-top: -6rem; /* background: url(../img/tit_1.png) no-repeat center center; position: relative; z-index: 2; */}
.box-title i{ color: #ecedef; font-size: 10rem; text-transform: uppercase; font-weight: bold; line-height: 10rem; display: block;}
.box-title p{ font-size: 1.8rem; color: #585858; line-height: 24px; margin-top: 2rem;}
.line{
	width: 120px;
	height: 3px;
	background-color: #85c226;
	margin:  0 auto;
}

.box-title-2{ line-height: 5rem;}
.box-title-2 span{ display: block; font-size: 3.6rem; font-weight: bold; font-size: 3rem;}
.box-title-2 span:after{ content: ""; width: 5rem; height: 3px; background: #a40000; display: block;}

.box-title2{ text-align: center;}
.box-title2 span{ font-size: 4rem;}
.box-title2:after{ content: ""; display: block; width: 50px; height: 2px; background: #666; margin: 1rem auto 0;}

.box-title1{ line-height: 5rem;}
.box-title1 span{color: #2e2e2e; font-size: 18px; font-weight: bold; margin-left: 6px;}
.box-title1 i{ color: #208F3E; font-size: 2.4rem; display: inline-block; vertical-align: middle;}
.box-title1 p{ font-size: 1.8rem; color: #585858; line-height: 24px; margin-top: 1rem;}
/*首页分类样式*/
.isub{}
.isub a{ display: block; border-bottom: 1px solid #eee; line-height: 8rem; color: #585858; font-size: 2.4rem; text-indent: 5%;}
.isub a:hover{ color: #fff; background: #208F3E;}

.sect_k7{ z-index: 1000;}
.sect_k7 .wrap{ box-sizing: border-box; background: #fff; position: absolute; padding: 1.5rem 10rem 1.5rem 4rem; left: 0; right: 0; margin: 0 auto; top: -15rem; width: 70%;}
.sect_k7 .swiper-slide span{ float: right;}
.sect_k7 .swiper-slide a{ display: block; float: left; width: 70%;font-size: 15px;}

.sect_k7 .ys-prev{ left:auto; right: 0; background: #434343; height: 5.3rem; width: 3rem; line-height: 5.3rem; text-align: center; margin-top:0; top: auto; bottom: 0;}
.sect_k7 .ys-next{ right:0; background: #208F3E; height: 5.3rem; width: 3rem; line-height: 5.3rem; text-align: center; margin-top: 0; top: 0; bottom: auto;}
.sect_k7 .ys-next i,.sect_k7 .ys-prev i{ font-size: 3rem; color: #fff; line-height:5.3rem;}

.sect_k1{ padding: 6rem 0 0; position: relative;}
.sect_k1:before{ content: ""; display: block; width: 100%; height: 70%; background: #f5f5f5; position: absolute; top: 0; left: 0;}
.sect_k1 .wrap{ position: relative; z-index: 3;}
.bk-prod{ background: #fff; padding: 2rem;}
.iimg-box{ margin-bottom: 0;}
.iimg-box h3{ position: relative; padding: 2rem 0; font-weight: normal; }
.iimg-box a{ text-align: center;}
.iimg-box .icon{ position: relative; border: 1px solid #dedede;}
.iimg-box .icon:before{ content: ""; background: #000; opacity:0; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.iimg-box .icon:after{ content: "\e628"; font-family: "iconfont"; display: block; position: absolute; color: #fff; border-radius: 5rem; width: 5rem; height: 5rem; text-align: center; line-height: 5rem; top: 0; right: 0;  left: 0; bottom: 0; margin: auto auto; background: #208F3E; opacity: 0;}
.iimg-box a:hover{ background: #208F3E;}
.iimg-box a:hover h3,.iimg-box a:hover p{ color: #fff;}
.iimg-box a:hover .icon:before{ opacity: 0.5; z-index: 2;}
.iimg-box a:hover .icon:after{ opacity: 1; z-index: 3;}

.ys-prev{ left:0; background: #208F3E; height: 5rem; width: 2.5rem; line-height: 5rem; text-align: center; margin-top: -6rem;}
.ys-next{ right:0; background: #208F3E; height: 5rem; width: 2.5rem; line-height: 5rem; text-align: center; margin-top: -6rem;}
.ys-next i,.ys-prev i{ font-size: 2rem; color: #fff; line-height: 5rem;}

.sect_k3{ padding: 13rem 0 8rem; background: url(../img/probig.jpg) no-repeat center center; background-size:cover ;}
.sect_k3 .box-title span{ background: url(../img/tit_2.png) no-repeat center center;}
.bk-ys2{ text-align: center;}
.bk-ys2 span{ display: block; font-weight: bold; font-size: 2.4rem; margin: 2rem 0; color: #fff;}
.bk-ys2 p{ color: #fff; margin: 0 15%;}

.sect_k2{ background: url(../img/bg_k3.jpg) no-repeat center bottom #f5f5f5; padding: 6rem 0;}


.ys-title{ text-align: center; position: relative;}
.ys-title span{ display: inline-block; line-height: 5rem; vertical-align: middle; margin-bottom: 1rem; color: #fff;}
.ys-title .sp-style1{ background: #85C24E; font-size: 2.4rem; color: #fff; padding: 0 1rem;}
.ys-title .sp-style2{ font-size: 3.6rem; font-weight: bold; margin-left: 1rem; position: relative; z-index: 2;}
.ys-title:before{ content: "Why choose us?"; font-size: 10rem; color: #fff; opacity: 0.2; text-transform: uppercase; position: absolute; right: 0; top: -35px; z-index: 1; text-align: center; width: 100%; font-weight: bold; line-height: 10rem;}
.ys-title .sp-style2 i{ color: #fff;}
.ys-title p{ color: #fff; font-size: 1.8rem;}

.bk-ys{ position: relative; z-index: 3; }
.bk-ys .pos{ z-index: 3; padding: 0 4%;}
.bk-ys .brow{ position: relative; background: #a40000; height: 100%;}
.bk-ys .brow a{ display: block; position: absolute; width: 85%; left: 0; right: 0; color: #fff; bottom: 6rem; height: 70px; margin: 0 auto; z-index: 2;}
.bk-ys .brow a p{ opacity: 0; font-size: 1.8rem; -webkit-line-clamp:4;}
.bk-ys .brow a h3{ font-size: 2.4rem; }
.bk-ys .brow a h3:after{ content: ""; width: 10rem; height: 3px;background: #fff; display: block; margin: 10px 0;}
.bk-ys .brow:hover img{ opacity: 0.3;}
.bk-ys .brow:hover a{ height: 60%; color: #fff;}
.bk-ys .brow:hover a p{ opacity: 1;}

.case-box { margin-bottom: 0;}
.case-box .icon{ height:50rem; position: relative;}
.case-box .binfo{ color: #fff; background: rgba(182,43,32,0.7); position: absolute; top: 0; left: 0; width: 100%; height: 100%; box-sizing: border-box; padding: 0 15%; opacity: 0; transition: all 0.5s;}
.case-box .binfo i{ display: block; width: 10rem; border: 1px solid #fff; text-align: center; line-height: 4rem; margin: 1rem auto 0;}
.case-box h3{ color: #fff; font-size: 2.4rem;}
.case-box a:hover .binfo{ opacity: 1; transition: all 0.5s;}

.case2-box .icon{ position: relative; border: 0;}
.case2-box .ctit{ background: #fff; padding: 3rem;}


.sect_k2 .ys-next{ right: 0; margin-top: 5rem;}
.sect_k2 .ys-prev{ left: 0; margin-top: 5rem;}

a.imore{ background: #208F3E; display: inline-block; line-height: 5rem; padding: 0 5%; color: #fff; }
a.imore i{ background: url(../img/dot_m.png) no-repeat center center; width: 4.2rem; height: 1rem; display: inline-block; margin-left: 1rem; background-size:cover ;}
a.imore:hover{ border-radius: 5rem;}

.sect_k4{ padding: 6rem 0; }
.sect_k4 .block-2{ text-align: center; width: 70%; margin: 0 auto; color: #545454;}
.sect_k4 .block-2 p{ line-height: 30px;font-size: 16px;}
.sect_k4 .block-2 p span{ font-weight: bold; font-size: 2.4rem; color: #393939; display: block;}
.sect_k4 .btit{ position: relative;}
.sect_k4 .btit span{ display: block; font-size: 3rem; font-weight: bold;}
.sect_k4 .btit i{ font-size: 1.8rem; color: #8e8e8e; font-family: Aparajita; }
.sect_k4 .bimg{ position: relative;}
.sect_k4 .bmore{ margin-top: -3rem; position: relative; z-index: 3;}
.sect_k4 .about-ys{ text-align: center; line-height: 4rem;}
.sect_k4 .about-ys i{ color: #208F3E; font-size: 5rem; line-height: 10rem;}
.sect_k4 .about-ys p{  color: #494949; font-size: 18px; position: relative; z-index: 2;}
.sect_k4 .about-ys p span{color: #208F3E; font-size: 3rem;font-weight: bold; margin-right:5px; display: inline-block!important;}
.sect_k4 .about-ys .btit{ font-weight: bold; font-size: 6rem; color: #ecedef; display: block; margin-top: -4rem; line-height: 6rem; position: relative;}


.sect_k4 .bk-1{ clear: both; overflow: hidden; color: #fff; text-align: center;}
.sect_k4 .bk-1 .brow{ display: inline-block; width: 20%;}
.sect_k4 .bk-1 span{ font-size: 4rem; font-weight: bold; display: inline-block; position: relative;}
.sect_k4 .bk-1 span:after{ content: "+"; font-family: Baskerville Old face; font-size: 3rem; position: absolute;top: -5px; right: -20px;}


.sect_k5{ background: #f3f3f3; padding: 6rem 0; }
.sect_k5 .news-info a{ display: block; font-weight: bold; font-size: 2.4rem; background: url(../img/sdot.png) no-repeat 0 center; padding-left: 20px;}
.sect_k5 .news-info a:hover{ color: #208F3E;}
.sect_k5 .news-info i{ display: block; background: url(../img/dot_m2.png) no-repeat 0 center; height: 10px; margin-top: 2rem;}
.sect_k5 .news-info p{-webkit-line-clamp:3; color: #878585; margin-top: 1rem;}
.sect_k5 .date{ text-align: center; line-height: 3rem;}
.sect_k5 .date span{ font-weight: bold; font-size: 3.6rem; color: #303030; display: block;}
.sect_k5 .news-info2{ background: #fff; padding: 3rem; border: 1px solid #ddd; border-radius: 10px; margin: 10px 0;}
.sect_k5 .news-info2 a{ display: block; font-weight: bold; font-size: 18px; background: url(../img/sdot.png) no-repeat 0 center; padding-left: 20px;}
.sect_k5 .news-info2 a:hover{ color: #208F3E;}
.sect_k5 .news-info2 .ntool{ clear: both; overflow: hidden; margin-top: 1rem;}
.sect_k5 .news-info2 .ntool a{ background: none; font-weight: normal; font-size: 14px; color: #878585; padding-left: 0; float: left; display: inline;}
.sect_k5 .news-info2 i{ display: inline-block; background: url(../img/dot_m2.png) no-repeat 0 center; width: 47px; height: 10px; vertical-align: middle; margin-left: 10px;}
.sect_k5 .news-info2 .ntool span{ float: right; color: #878585;}
.sect_k5 .news-info2 p{color: #878585; margin-top: 1rem;}

.sect_k5 .swiper-pagination{ text-align: center; margin-top: 5rem; position: relative;}
.sect_k5 .swiper-pagination-bullet{ margin: 0 5px; background: #3a3a3a; width: 15px; height: 15px; opacity: 1;}
.sect_k5 .swiper-pagination-bullet-active{ background: #f8c252; width: 10rem; border-radius: 10rem;}

.inews-box{ background: #fff; border: 1px solid #e5e5e5; padding: 3rem;}
.inews-box p{-webkit-line-clamp:3; color: #727272; margin: 1rem 0;}
.inews-box h3{ font-weight: normal; font-size: 2rem;}
.inews-box span{ color: #959595; font-size: 2.4rem;}

.sect_k6{ padding: 6rem 0;}
.sect_k6 .brow{ text-align: center;}
.sect_k6 .brow span{ font-size: 2.4rem; display: block; padding: 1rem 0;}
.sect_k6 .brow p{ color: #656565; line-height: 30px;}
.sect_k6 .brow a{ color: #656565; display: inline-block; margin-top: 1rem;}
.sect_k6 .brow a i{ display: inline-block; vertical-align: middle; font-size: 20px;}
.sect_k6 .brow a:hover i,.sect_k6 .brow a:hover{ color: #2692ff;}