@charset "UTF-8";

/* 隐藏滑动指示点 */
#fp-nav{
    display: none;
}

/* ========== 主页banner start ========== */
.indexBanner {
    overflow: hidden;
    height: 100%;
}
.indexBanner .centerTitle{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
}

.indexBanner .centerTitle .yjTitle{
    font-size: 80px;
    color: #ffffff;
    line-height: 85px;
}

.indexBanner .centerTitle .ejTitle{
    font-size: 30px;
    margin-bottom: 20px;
    color: rgba(255, 255, 255, .1);
}
.indexBanner .centerTitle .sjTitle{
    font-size: 24px;
    line-height: 32px;
    color: #ffffff;
}

.indexBanner .productBtn{
    display: none;
}
.indexBannerSlickBox .bd,
.indexBannerSlickBox .slick-slide,
.indexBannerSlickBox .slick-slide>div,
.indexBannerSlickBox .myslide{
    height: 100%;
    position: relative;
}
.indexBannerSlickBox .myslide a{
    display: block;
    width: 100%;
    height: 100%;
}

.indexBannerSlickBox .myslide{background-repeat: no-repeat;background-size: cover;}
.indexBannerSlickBox {position: relative;overflow: hidden;height: 100%;}
.indexBannerSlickBox .pic {position: relative;}
.indexBannerSlickBox .pic::before {display: block;content: '';padding-top: 56.2500%;}
.indexBannerSlickBox .pic img {position: absolute;width: 100%;height: 100%;left: 0;top: 0;object-fit: cover;object-position: center center;}
.indexBannerSlickBox {text-align: center;font-size: 0;}
.indexBannerSlickBox li {display: inline-block;vertical-align: middle;cursor: pointer;position: relative;font-size: 14px;color: #333;-webkit-transition: .3s linear;transition: .3s linear;}
.indexBannerSlickBox {position: relative;}
.indexBannerSlickBox .slick-dots {position: absolute;bottom: 5%;left: 0;width: 100%;height: 10px;z-index: 66;}
.indexBannerSlickBox .slick-dots li {background-color:rgba(255, 255, 255, .5);width: 40px;height: 2px;margin: 4px 0;}
.indexBannerSlickBox .slick-dots li.slick-active { background-color:rgba(255, 255, 255, 1)}
/* ========== 主页banner end  ========== */



/* ========== 主页 start ========== */
/* 主页第二部分开始 */
.section2{
    background-image: url(../../cnPc/images/indexBg2.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
}

.section2 .centerBox{
    width: 100%;
    height: 100%;
}

.section2 .wrapColumn{
    padding: 9.6154%  0 8.3333% 0;
}

.section2 .pic img{
    width: 100%;
    overflow: hidden;
    
}

.section2 .leftImg{
    width: 44.8717%;
    float: left;
    overflow: hidden;
    border-radius: 50%;
    position: relative;
    box-shadow: 0 0 20px 2px rgba(255, 255, 255, .5);
}

.section2 .pic::before{
    padding-top: 100%;
}

.section2 .yjTitle{
    font-size: 36px;
    color: #333333;
    line-height: 41px;
}

.section2 .rightText{
    overflow: hidden;
    padding: 5.6666% 5.7692% 0 6.4102%;
}

.section2 .ejTitle{
    font-size: 18px;
    color: #00469b;
    line-height: 25px;
    margin-bottom: 6.1622%;
    position: relative;
}
.section2 .ejTitle::after{
    position: absolute;
    content: "";
    width: 30px;
    height: 5px;
    background: linear-gradient(to right, rgba(255,255,255,.6), #00469b);
    left: 909358%;
    bottom: 8px;
}

.section2 .content{
    font-size: 18px;
    color: #666666;
    line-height: 36px;
    height: 30%;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 10%;
}
/* 更多按钮 */

.section2 .moreButton{
    position: relative;
    width: 160px;
    height: 50px; 
    background: none;
    border-radius: 6px;
    margin-bottom: 10%;
    border: 1px solid #00469b;
}

.section2 .moreButton:hover{
    transition: all .3s;
    background-color: #00469b;
}
.section2 .moreButton:hover a{
    transition: all .3s;
    color: #ffffff;
}

.section2 .moreButton::after{
   position: absolute;
   background-image: url(../../cnPc/images/moreB.png);
   background-position: left;
   background-repeat: no-repeat;
   background-size: 12px auto;
   content: "";
   right: 0;
   bottom: 0;
   width: 25%;
   height: 100%;
}

.section2 .moreButton:hover::after{
    transition: all .3s;
    background-image: url(../../cnPc/images/moreButtonNoCircle.png);
    background-size: 6px auto;
 }

.section2 .moreButton a{
    display: block;
    padding: 0 35px;
    line-height: 50px;
    font-size: 16px;
    color: #00469b;
    box-sizing: border-box;
}

/* 时间蓝色字 */

.section2 .ml10{
    margin-left: 1.6666%;
}

.section2 .timeItem{
    margin-right: -10%;
}

.section2 .timeItem dd {
    float: left;
    width: 33.3333%;
}

.section2 .timeItem .con{
    margin-right: 10%;
}

.section2 dd .con .big{
    position: relative;
    line-height: 52px;
    font-size: 48px;
    color: #00469b;
    margin-left: -1.1666%;
    font-weight: 500;
}
.section2 dd .con .big::after{
    font-size: 20px;
    line-height: 15px;
    position: absolute;
    display: block;
    content: "+";
    color: #00469b;
    top: 5px;
    right: -10px;
}

.section2 dd .con .notAfter::after{
    content: "";
}


.section2 dd .con .small{
    font-size: 16px;
    color: #666666;
}


/* 主页第二部分结束 */


/* 主页第三部分开始 */
.section3{background-image: url(../../cnPc/images/test.png);background-position: center;background-repeat: no-repeat;background-size: cover;position: relative;overflow: hidden;}
.section3 .section3TabCBox{max-width: 45.7692%;}
.section3 .section3TabCBox .topText{overflow: hidden;display: block;}
.section3 .yjTitle{font-size: 24px;color: #333333;line-height: 42px;position: relative;}
.section3 .healthLine::after{position: absolute;content: "";left: 0;bottom: -10px;width: 24.6923%;height: 2px;background: linear-gradient(to right, rgba(255,255,255,.6), #1158ae);}
.section3 .ejTitle{font-size: 18px;color: #333333;line-height: 30px;margin-bottom: 5.0420%;position: relative;}
.section3 .leftText{overflow: hidden;}
.section3 .text{font-size: 18px;line-height: 34px;height: 102px;color: #555555;overflow: hidden;margin-bottom: 30px;}
.section3 .ejTitle::after{position: absolute;content: "";width: 30px;height: 5px;background: linear-gradient(to left, #fff, #00469b);left: 80px;bottom: 8px;}
/* 更多按钮 */
.section3 .moreButton{position: relative;width: 160px;height: 50px;border: 1px solid #00469b;border-radius: 6px;}
.section3 .moreButton:hover{transition: all .3s;background-color: #00469b;border: unset;border: 1px solid #00469b;color: #fff;}
.section3 .moreButton:hover::after{background-image: url(../../cnPc/images/moreButtonNoCircle.png);}
.section3 .moreButton:hover a{color: #fff;}
.section3 .moreButton::after{
    position: absolute;
    background-image: url(../../cnPc/images/moreButtonNoCircle-w.png);
    background-position: left;
    background-repeat: no-repeat;
    background-size: 6px auto;
    content: "";
    right: 0;
    bottom: 0;
    width: 25%;
    height: 100%;
 }

.section3 .moreButton a{
    display: block;
    line-height: 50px;
    font-size: 16px;
    color: #00469b;
    padding: 0 35px;

}
/* 右边图片 */
.section3 .section3Tabc1{
    position: absolute;
    width: 50.1589%;
    height: 100%;
    bottom: 0;
    right: 0;
    z-index: -1;
}
/* .section3 .leftImg .pic{border-radius: 50%;overflow: hidden;height: 100%;}
.section3 .leftImg .pic::before{
    padding-top: 100%
} */
/* .section3 .leftImg{overflow: hidden;padding: 0 0 0 50px;border-radius: 50%;transform: scale(1.1,1.5);overflow: hidden;height: 100%;position: relative;} */
.section3 .leftImg{overflow: hidden;height: 100%;position: relative;background: no-repeat center center / cover;}
/* 右边按钮布局开始 */
.section3 .rightIcons {
    z-index: 10;
    position: relative;
}

.section3 .rightIcons .con .icon1{
    background-image: url(../../cnPc/images/dongGanFenBlue.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 50% auto;
}

.section3 .rightIcons .con .icon2{
    background-image: url(../../cnPc/images/riChangBlue.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 50% auto;
}

.section3 .rightIcons .con .icon3{
    background-image: url(../../cnPc/images/healthBlue.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 50% auto;
}

.section3 .rightIcons .con .icon4{
    background-image: url(../../cnPc/images/xiaoDuBlue.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 50% auto;
}

.section3 .rightIcons .con .icon5{
    background-image: url(../../cnPc/images/zhuSheBlue.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 50% auto;
}
.section3 .rightIcons .con .icon6{
    background-image: url(../../cnPc/images/zlkzIconBlue.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 50% auto;
}
.section3 .rightIcons{
    position: absolute;
    right: 0;
    top:50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    width: 49%;
 }

 .section3 .iconList {
    height: 100%;
    width: 100%;
 }

 .section3 .iconList dd{
    width: 80px;
    height:80px;
    border: 1px dashed #00469b;
    border-radius: 50%;
    margin-bottom: 6.6666%;
    transition: all .9s;
 }
 .section3 .iconList dd:last-child{margin-bottom: 0;}
 .section3 .iconList dd:hover,
 .section3 .iconList dd.hover{
    background-color: #00469b;
    border-color: #00469b;
 }
 .section3 .iconList dd div{ 
    width: 100%;
    height: 100%;
    text-align: center;
 }
 .section3 .iconList dd a{ 
    display: block;
    width: 100%;
    height: 100%;
 }



 .section3 .iconList dd:nth-child(1){
    margin-left: 30px;
 }
 .section3 .iconList dd:nth-child(2){
    margin-left: 10px;
 }

 .section3 .iconList dd:nth-child(3){ 
    margin-left: -10px;
 }

 .section3 .iconList dd:nth-child(4){
    margin-left: 10px;
 }

 .section3 .iconList dd:nth-child(5){
    margin-left: 30px;
 }

/* 右边按钮布局结束 */

/* 主页第三部分结束 */


/* 主页第四部分开始 */
.section4{
    background-image: url(../../cnPc/images/indexBg4.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
}
.section4 .wrapColumn{
    padding: 9.6154%  0 8.3333% 0;
}

.section4 .leftText{
    max-width: 45.7692%;
}

.section4 .yjTitle{
    font-size: 36px;
    color: #333333;
    line-height: 44px;
    position: relative;
    font-weight: 500;
}


.section4 .healthLine::after{
    position: absolute;
    content: "";
    left: 0;
    bottom: -10px;
    width: 120px;
    height: 2px;
    background: linear-gradient(to right, rgba(255,255,255,.6), #00469b);
}


.section4 .ejTitle{
    font-size: 18px;
    color: #00469b;
    opacity: .6;
    line-height: 26px;
    position: relative;
    opacity: .6;
}

.section4 .left{
    float: left;
 }

.section4 .ejTitle::after{
    position: absolute;
    content: "";
    width: 70px;
    height: 5px;
    background: linear-gradient(to right, #aec5e1, #80a3cd);
    left: 70px;
    bottom: 10px;
}
 
 .section4 .right{
    float: right;
    line-height: 70px;
    margin-right: -2.3076%;
 }

 .section4 .menuItem{
    display: block;
    float: left;
    line-height:70px;
    color: #666666;
    font-size: 24px;
    margin: 0 36px;
 }
 .section4 .menuItem:hover,
 .section4 .menuItem.hover{
    transition: .9s;
    color: #00469b;
 }

/* 中部轮播图开始 */
.section4 .leftImgs{
    width: 750px;
    float: left;
    margin-right: 30px;
}
/* slick焦点轮播 start */
.section4 .focusSlickBox {position: relative;overflow: hidden;border-radius: 10px;}
.section4 .focusSlickBox .pic {position: relative;}
.section4 .focusSlickBox .pic::before {display: block;content: '';padding-top: 66.6666%;}
.section4 .focusSlickBox .pic img {position: absolute;width: 100%;height: 100%;left: 0;top: 0;object-fit: cover;object-position: center center;border-radius: 10px;}
.section4 .focusSlickMask {width: 100%;background: rgba(0, 0, 0, 0.6);position: absolute;left: 0;bottom: 0;overflow: hidden;z-index: 2;-webkit-box-sizing: border-box;box-sizing: border-box;padding: 0 20px;}
.section4 .focusSlickDots {float: right;display: inline;margin-left: 20px;}
.section4 .focusSlickDots .slick-dots {position: unset;height: 60px;text-align: center;font-size: 12px;line-height: 60px;overflow: hidden;}
.section4 .focusSlickDots .slick-dots li {margin: 0;background-color: rgba(255, 255, 255, .4);display: inline-block;width: 10px;height: 10px;border-radius: 100%;vertical-align: middle;cursor: pointer;}
.section4 .focusSlickDots .slick-dots li+li {margin: 0 0 0 8px;}
.section4 .focusSlickDots .slick-dots li.slick-active {background: #FFFFFF;}
.section4 .focusSlickText {overflow: hidden;}
.section4 .focusSlickText .title{font-size: 16px;color: #FFFFFF;height: 60px;line-height: 60px;
    overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.section4 .focusSlickText .title a{
    display: block;
    width: 100%;
    height: 100%;
    visibility: hidden;
}

/* slick焦点轮播 end */

.section4TextList .productBtn{
    display: none;
}
/* ========== 全文列表 start ========== */
.section4TextList{overflow: hidden;}
.section4TextList dd {margin-bottom: 30px;}
.section4TextList dd .con {transition: 1s;background-color: #fff;border-radius: 10px;padding: 30px 110px 28px 38px;}
.section4TextList dd .con:hover .topText a,
.section4TextList dd .con.hover .topText a {transition: .5s;color: #00469b;}
.section4TextList dd .time {float: left;display: inline;margin-right: 50px;}
.section4TextList dd .time .day {font-family: "Source Han Sans CN";font-size: 38px;color: #999999;line-height: 42px;text-align: center;position: relative;margin-bottom: 10px;padding-bottom: 6px;}
.section4TextList dd .time .day::before {display: block;content: '';width: 28px;height: 1px;background: #e6e6e6;position: absolute;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);bottom: 0;}
.section4TextList dd .time .yearMother {font-family: "Source Han Sans CN";font-size: 18px;color: #999999;line-height: 28px;text-align: center;}
.section4TextList dd .textContent {overflow: hidden;}
.section4TextList dd .textContent a{display: block;}
.section4TextList dd .topText {overflow: hidden;}
.section4TextList dd .topText a {font-family: "Source Han Sans CN";font-size: 20px;color: #333333;line-height: 46px;}
.section4TextList dd .bottomText {overflow: hidden;}
.section4TextList dd .bottomText a {font-family: "Source Han Sans CN";font-size: 16px;color: #858585;line-height: 42px;}
/* ========== 全文列表 end ========== */
/* 中部图文结束 */


/* 更多按钮 */
.section4 .moreButton{
    position: relative;
    margin: 0 auto;
    width: 160px;
    height: 50px;
    border: 1px solid #00469b;
    text-align: center;
    border-radius: 6px;
}
.section4 .moreButton:hover{
    transition: all .3s;
    background-color: #00469b;
    border: 1px solid #00469b;
}


.section4 .moreButton:hover a{
    transition: all .3s;
    color: #ffffff;
}
.section4 .moreButton::after{
    position: absolute;
    background-image: url(../../cnPc/images/moreB.png);
    background-position: left;
    background-repeat: no-repeat;
    background-size: 12px auto;
    content: "";
    right: 0;
    bottom: 0;
    width: 25%;
    height: 100%;
 }

 .section4 .moreButton:hover::after{
    transition: all .3s;
    background-image: url(../../cnPc/images/moreButtonNoCircle.png);
    background-size:6px auto;
 }

.section4 .moreButton a{
    display: block;
    line-height: 50px;
    font-size: 16px;
    color: #00469b;
    padding: 0 35px;

}

/* 主页第四部分结束 */

/* ========== 主页 end ========== */