/* ==========================================================================
   Index Page
   ========================================================================== */
/*首页banner大图样式*/
.ibanner{ position:relative; height:715px; overflow: hidden;}
.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:4%;}
.ibanner .swiper-button-next{ right:4%;}
.ibanner .swiper-button-prev, .ibanner .swiper-button-next{ top:0; bottom:0; margin:auto 0; background:none; width:8rem; height:8rem; line-height:8rem; text-align:center; border: 1px solid #fff; border-radius: 8rem; opacity: 0.3;}
.ibanner .swiper-button-prev i, .ibanner .swiper-button-next i{ color:#fff; font-size:5rem;}
.ibanner .ban-img{ display:block; width:100%; height:100%; color:#fff;text-align:left;}
.ibanner .swiper-pagination{ bottom:6rem!important; color: #fff; text-align: left; padding:0 0 0 13%; box-sizing: border-box;}
.ibanner .swiper-pagination-bullet{background: #ffffff; opacity: 0.5; position: relative; width: 4rem; height: 5px; border-radius: 0;}
.ibanner .swiper-pagination-bullet{ color: transparent; background:#fff;}
.ibanner .swiper-pagination-bullet-active{ opacity: 1; height: 10px;}
.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; font-weight: bold;}
.box-title i{ color: #00923e;}
.box-title p{ font-size: 1.8rem; color: #585858; line-height: 24px; margin-top: 1rem;}

.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: #00923e; display: block;}

/*首页分类样式*/
.isub{}
.isub dt{ line-height: 5rem; border-radius: 2rem 0 2rem 0; display: block; font-size: 1.8rem; margin-bottom: 1rem;}
.isub dt span,.isub dt a{ display: block; background: url(../image/sdot.png) no-repeat 0 center; padding-left: 2rem;}
.isub:hover .dt{ background: #00923e;}
.isub:hover .dt span{ color: #fff; background: url(../image/sdot_hover.png) no-repeat 0 center;}
.isub dd{ padding-left: 12%;}
.isub a{ color: #7f7f7f;}
.isub a:hover{ color: #00923e;}

.sect_tool{ padding: 5rem 0;}
.sect_tool .bline{ border-left: 1px solid #ddd; border-right: 1px solid #ddd; padding-left: 10%; margin-right: 10%;}
.sect_tool .stit{ font-size: 3rem; color: #d1d1d7; font-weight: bold; line-height: 3rem; text-align: left;}
.sect_tool .stit:before{ content: "—"; display: block; color: #000; font-weight: normal; text-align: left;}
.brow-slogan{}
.brow-slogan .stit{ font-size: 2.4rem; color: #000; font-weight: normal;}
.brow-slogan a{ display: inline-block; margin: 2rem 5% 0; text-align: center; line-height: 3.6rem;}
.brow-slogan a i{ display: block; width: 4rem; height: 4rem; border-radius: 4rem; background: #00923e; color: #fff; line-height: 4rem; font-size: 2.4rem; margin: 0 auto;}
.brow-slogan a:hover{ color: #00923e;}

.brow-tel{}
.brow-tel p{ font-size: 16px;}
.brow-tel a{ font-size: 3.6rem;}
.brow-tel a i{ font-size: 3.6rem;}

.sect_k1{ padding: 7rem 0 0; }
.sect_k1 .wrap{ position: relative; z-index: 2;}
.sect_k1 .block-1{ position: relative;}
.sect_k1 .brow{ float: left; margin: 0 0.2%; position: relative; overflow: hidden; width: 38%;}
.sect_k1 .brow:nth-child(3){ width: 22.5%;}
.sect_k1 .brow a{ display: block; position: relative;}
.sect_k1 .brow:before{ content:  "推荐产品"; position: absolute; background: url(../image/dot_hot.png) no-repeat center 0; width: 5.4rem; height: 7.7rem; background-size:100% auto ; top: 1.5rem; left: 1.5rem; color: #fff; text-align: center; font-size: 2rem; line-height: 24px; padding-top: 0.5rem;}
.sect_k1 .brow:after{ content: ""; display: block; position: absolute; bottom: 0; left: 0; z-index: 1; background-image: linear-gradient(-180deg,rgba(0,0,0,0),rgba(0,0,0,1)); width: 100%; height: 50%;}
.sect_k1 .brow span{ font-size: 2rem; display: block; position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; color: #fff; z-index: 2; line-height: 5rem;}
.sect_k1 .brow p{ color: #a0a0a0; line-height: 26px; font-size: 1.5rem; }
.sect_k1 .brow i{ display: block;}
.sect_k1 .brow:hover img{ transform: scale(1.1);}
.sect_k1 .brow:hover i{ transform: rotateY(360deg); transition: all 0.8s;}

.sect_k1 .media-box h3{ position: relative; font-weight: normal;}
.sect_k1 .media-box h3:after{ content: ""; display: block; margin: 0 auto ; background: #00923e; height: 3px; width: 50%; position: absolute; left: 0; right: 0; bottom: 0;}
.sect_k1 .media-box a:hover h3{ background: #00923e; color: #fff;}

.ys-prev{ left:-5rem; background: none; height: 5rem; width: 5rem; line-height: 5rem; text-align: center; margin-top: -5rem;}
.ys-next{ right:-5rem; background: none; height: 5rem; width: 5rem; line-height: 5rem; text-align: center; margin-top: -5rem;}
.ys-next i,.ys-prev i{ font-size: 5rem; color: #d3d3d3; line-height: 5rem;}


.sect_k2{}
.ys-title{ text-align: center; position: relative;}
.ys-title span{ display: inline-block; line-height: 5rem; vertical-align: middle; margin-bottom: 1rem;}
.ys-title .sp-style1{ background: #00923e; 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 .sp-style2:before{ content: "advantage"; font-size: 6.5rem; color: #ededed; text-transform: uppercase; position: absolute; right: 0; top: -0.5rem; z-index: -1;}
.ys-title .sp-style2 i{ color: #00923e;}
.ys-title p{ color: #585858; font-size: 1.8rem;}

.bk-ys{ position: relative;}
.bk-ys .pos{ z-index: 3;}
.bk-ys .ys-img{ position: relative;}
.bk-ys .ys-img img{ position: relative; z-index: 1;}
.bk-ys .ys-img:after{ content: ""; width: 92%; height: 8rem; background: #f4f4f4; display: block; position: absolute; top: -2rem; left: -2rem;}
.bk-ys .brow{ color: #fff; position: relative; padding-right: 6rem;}
.bk-ys .brow .ys-tit{ font-size: 3rem; font-weight: bold;}
.bk-ys .brow .ys-tit i{ color: #00923e;}
.bk-ys .brow .p-style{ font-size: 1.8rem;}
.bk-ys .brow .num{ position: absolute; right: 0; top: 0; font-size: 3.6rem; color: #fff; opacity: 0.5; font-weight: bold;}
.bk-ys .brow .num:after{ content: ""; width: 2px; height: 6rem; background: #fff; opacity: 0.5; display: block; position: absolute; left: 0; right: 0; margin: 0 auto;}
.bk-ys .brow:nth-child(2) .num::after{ display: none;}

.ys-bg1{ background-image: linear-gradient(-300deg,#045098,#1469ba);}
.ys-bg1:before{ content: ""; background: #fff; display: block; width: 50%; height: 6rem; position: absolute; top: 0; left: -2.5%;transform: skewX(-45deg);}

.ys-bg2{ background:#f2f2f2; padding-top: 6rem;}
.ys-bg2:before{ content: ""; background: #fff; display: block; width: 50%; height: 6rem; position: absolute; bottom: 0; right: -1.5%;transform: skewX(-45deg);}
.ys-bg2 .ys-img{ text-align: right;}
.ys-bg2 .ys-img:after{ content: ""; width: 92%; height: 8rem;background-image: linear-gradient(-300deg,#045098,#1469ba); display: block; position: absolute; bottom: -2rem; right: -2rem; top: auto; left: auto;}
.ys-bg2 .brow{ color: #313131; padding-left:6rem; padding-right: 0;}
.ys-bg2 .brow .num{ left: 0; right: auto; color: #00923e;}
.ys-bg2 .brow .num:after{ background: #00923e;}
.ys-bg2 .brow p:nth-child(3){ color: #999;}

.case-box{}
.case-box h3{ border-bottom: 1px solid #eee; font-weight: normal; text-align: left; padding: 2rem 0; position: relative;}
.case-box h3:before{ content: "—"; color: #0e5fac; font-weight: bold; margin: 0 1rem 0 0;}
.case-box h3:after{ content:""; background: url(../image/dot_m.png) no-repeat center center; width: 4.2rem; height: 1rem; background-size:cover ; display: block; position: absolute; right: 0; top: 0; bottom: 0; margin: auto 0;}
.case-box a:hover h3{ background-image:linear-gradient(-300deg,#045098,#1469ba) ; color: #fff;}
.case-box a:hover h3:before{ color: #fff; margin-left: 2rem;}
.case-box a:hover h3:after{ right: 10%;}

a.imore{ background: #00923e; display: inline-block; line-height: 5rem; padding: 0 5%; color: #fff; }
a.imore i{ background: url(../image/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{ background: url(../image/bg_k1.jpg) no-repeat center center; height: 56rem;}
.sect_k4 .block-2{ text-align: right; width: 50%; float: right; color: #fff;}
.sect_k4 .block-2 p{ line-height: 30px;}
.sect_k4 .btit{ position: relative; padding-top: 6rem; margin-top: 7rem;}
.sect_k4 .btit span{ display: block; font-size: 3.6rem; font-weight: bold;}
.sect_k4 .btit i{ font-size: 12rem; opacity: 0.1; font-weight: bold; position: absolute; right: 0; top: 0; line-height: 10rem; animation: amt1 10s infinite;}
@keyframes amt1{
	0%{ opacity: 0.1;}
	50%{ opacity: 0.4;}
	100%{ opacity: 0.1;}
}

.news-info a{ line-height: 3.6rem; font-size: 2rem; font-weight: bold; display: block;}
.news-info p{ color: #8c8c8c; font-size: 14px;-webkit-line-clamp:3}