/* 
* @Author: sublime text
* @Date:   2019-10-16 10:28:11
* @Last Modified by:   sublime text
* @Last Modified time: 2021-11-16 16:28:53
*/
/*banner*/
#banner{width:100%;position:relative;overflow:hidden;}
#banner .swiper-slide img{display: block;width: 100%;}
#banner .swiper-button-prev {outline：none;background: none;width: 0.55rem;height: 0.55rem;overflow: hidden;}
#banner .swiper-button-next {outline：none;background: none;width: 0.55rem;height: 0.55rem;overflow: hidden;}
#banner .swiper-button-prev img,#banner .swiper-button-next img{transition:0.5s;width: 100%;display: block;}
#banner .swiper-pagination-bullets{bottom: 0.3rem !important;}
#banner .swiper-pagination-bullet{width: 0.1rem !important;height: 0.1rem !important;}
#banner .swiper-pagination-bullet-active{background:#fff !important;}


.title{color: #333;text-align: center;padding-top: 1rem;font-size: 0.18rem;line-height: 0.5rem;}
.title p{color: #242424;font-size: 0.42rem;}
.title span{color: #04b4a9;}
.title img{display: inline-block;padding:0 0.15rem;}

#fanan{width: 100%;height: 9rem;background: #f5f7fa;} 
#fanan .wrap li{width: 3.3rem;height: 5.4rem;background: #fff;float:left;margin-right: 0.26rem;margin-top: 0.6rem;position: relative;color: #333333;}
#fanan .wrap li .tu{width: 3.3rem;height: 3.22rem;overflow: hidden;}
#fanan .wrap li .tu img{width: 100%;display: block;transition:0.5s;}
#fanan .wrap li .ico{width: 0.66rem;margin:0 auto;height: 0.67rem;overflow: hidden;position: absolute;left: 1.32rem;top:2.9rem;background-size:100% !important;}
#fanan .wrap li:first-child .ico{background:url(/statics/images/index/ico1.png)no-repeat top;transition:0.5s;}
#fanan .wrap li:first-child:hover .ico{background:url(/statics/images/index/ico1.png)no-repeat bottom;}
#fanan .wrap li:nth-child(2) .ico{background:url(/statics/images/index/ico2.png)no-repeat top;transition:0.5s;}
#fanan .wrap li:nth-child(2):hover .ico{background:url(/statics/images/index/ico2.png)no-repeat bottom;}
#fanan .wrap li:nth-child(3) .ico{background:url(/statics/images/index/ico3.png)no-repeat top;transition:0.5s;}
#fanan .wrap li:nth-child(3):hover .ico{background:url(/statics/images/index/ico3.png)no-repeat bottom;}
#fanan .wrap li:nth-child(4) .ico{background:url(/statics/images/index/ico4.png)no-repeat top;transition:0.5s;}
#fanan .wrap li:nth-child(4):hover .ico{background:url(/statics/images/index/ico4.png)no-repeat bottom;}

#fanan .wrap li .ico img{width: 100%;display: block;}
#fanan .wrap li:last-child{margin-right: 0;}
#fanan .wrap li .wen{text-align: center;font-size: 0.15rem;line-height: 0.2rem;width: 85%;margin: 0 auto;}
#fanan .wrap li .wen p{font-size: 0.22rem;padding-top: 0.65rem;}
#fanan .wrap li .wen hr{width: 0.45rem;height: 2px;background: #29c2ba;outline: none;border:none;margin: 0.2rem auto;}
#fanan .wrap li:hover{background: #04b4a9;color: #fff;}
#fanan .wrap li:hover a{color:#fff;}
#fanan .wrap li:hover hr{background: #fff;}
#fanan .wrap li:hover .ico img{margin-top: -0.67rem;transition:0.5s;}
#fanan .wrap li:hover .tu img{transform: scale(1.08);}

/*产品*/
#pro .bottom{margin-top: 0.45rem;}
#pro .bottom img{width: 100%;display: block;}
#pro .bottom li{margin-bottom: 0.14rem;position: relative;}
#pro .bottom li .wen{position: absolute;width: 100%;text-align: center;z-index: 1;top:0.3rem;font-size: 0.16rem;line-height: 0.35rem;color: #303030;}
#pro .bottom li .wen p{font-size: 0.28rem;}
#pro .bottom li .wen a{font-size: 0.16rem;display: block;line-height: 0.3rem;}



.ying3{width: 100%;height: 100%;background: rgba(4,180,169,0.8);position: absolute;z-index: 1;top: 0;display: none;}
.ylink_x, .ylink_y { display: block; position: absolute; background: #fff; z-index: 111; }
.ylink_y { height:0px; width: 2px; transition:0.35s ease all; }
.ylink_x{ width:0px; height:2px; transition:0.35s ease all; }
.cpnr_z:hover .ylink_y { height: 100%; width: 2px; }
.cpnr_z:hover .ylink_x{ width:100%; height:2px; }
.cpnr_y:hover .ylink_y,.cpnr_o:hover .ylink_y { height: 100%; width: 2px; }
.cpnr_y:hover .ylink_x,.cpnr_o:hover .ylink_x{ width:100%; height:2px; }
.cpnr_o:hover .ylink_y { height: 100%; width: 2px; }
.cpnr_o:hover .ylink_x{ width:100%; height:2px; }
.ying3 a img{ transition:0.35s ease all; }
.ying3:hover a img{ transform: scale(1.2); transition:1.3s ease all;}
.yl_left { left: 0.1rem; }
.yl_right{ right:  0.1rem; }
.yl_top{ top: 0.1rem;}
.yl_bottom{ bottom: 0.1rem;}
.ying3 a{display:none !important;}
.ying3:hover a{display:block !important;}


#pro .bottom li:hover .ying3{display: block;}
#pro .bottom li:hover .wen{color: #fff;z-index: 2;top:35% !important;}
#pro .bottom li:hover .wen a{color: #fff;}

/*优势*/
.youshi{width: 100%;height: 9.3rem;background: url(/statics/images/index/youshi.jpg)no-repeat center;background-size: cover;margin-top: 1rem;position: relative;}
.youshi canvas{position: absolute;top:0;left:0;}



.lanrenzhijia{width: 14rem;margin:0 auto;margin-top: 0.3rem;position: relative;}
.lanrenzhijia .tab{width: 26%;}
.lanrenzhijia .tab a{font-size: 0.18rem;line-height: 0.3rem;color: #333333;position: absolute;text-align: right;z-index: 5;width: 28%;}
.lanrenzhijia .tab a p{font-size: 0.2rem;color: #333;font-weight: bold;margin-bottom: 0.1rem;}
.lanrenzhijia .tab a.on p{color: #04b4a9;}
.lanrenzhijia .tab a:first-child{left:1.2rem;top:0;}
.lanrenzhijia .tab a:nth-child(2){right: 1.2rem;}
.lanrenzhijia .tab a:nth-child(3){left: 0rem;top:1.4rem;}
.lanrenzhijia .tab a:nth-child(4){right: 0.2rem;top:1.4rem;}
.lanrenzhijia .tab a:nth-child(5){left: 0rem;top:3.3rem;}
.lanrenzhijia .tab a:nth-child(6){right: 0.1rem;top:3.3rem;}
.lanrenzhijia .tab a:nth-child(7){left: 1.2rem;top:5.5rem;}
.lanrenzhijia .tab a:nth-child(8){right: 1.2rem;top:5.5rem;}

.lanrenzhijia .tab a:nth-child(2n){text-align: left;}

.lanrenzhijia .content{ overflow:hidden; width:5.04rem;height:5.04rem;position:absolute;top:0rem;z-index: 1; float:left;left:4.48rem;top:0.8rem;}
.lanrenzhijia .content .ul{ position:absolute; left:0; top:0; width:5.04rem;}
.lanrenzhijia .content .li{ width:5.04rem;float:left;}
.lanrenzhijia .content .li img{width: 100%;display: block;}


/* 区域4 */
.index_con04{width:100%;}

.classic_case_box_wrap{width:100%;height:7.68rem;margin-top:0.5rem;}
.classic_case_box{width:50%;float:left;height:3.84rem;position:relative;}
.classic_case_box_img{width:70%;height:3.84rem;float:left;overflow:hidden;}
.classic_case_box_img img{display:block;width:100%;}

.classic_case_box_text{width:30%;height:3.84rem;background:#04b4a9;position:relative;padding:0px 0.25rem;position:absolute;right:0px;top:0px;}
.classic_case_box_text .border{width:0;height:0;font-size:0;border-width:0.15rem;border-style:solid;border-color:transparent #04b4a9 transparent transparent;overflow:hidden;position:absolute;left:-0.3rem;top:1.7rem;
}
.classic_case_box_text h5{padding-top:0.8rem;font-size:0.28rem;color:#fff;padding-bottom:0.28rem;}
.classic_case_box_text p{font-size:0.16rem;color:#fff;line-height:0.35rem;}
.classic_case_box_text p a{display:block;color:#fff;}
.classic_case_box_text .more{display:block;width:1.08rem;height:0.38rem;background:#fff;color:#04b4a9;text-align:center;line-height:0.38rem;position:absolute;left:0.25rem;bottom:0.5rem;transition:0.3s;}
.classic_case_box_text .more:hover{background:#03d7ca;color:#fff;}

.classic_case_box.right .classic_case_box_text{left:0px;top:0px;}
.classic_case_box.right .classic_case_box_img{float:right;}
.classic_case_box.right .right_border{width:0;height:0;font-size:0;border-width:0.15rem;border-style:solid;border-color:transparent transparent transparent #04b4a9;overflow:hidden;position:absolute;right:-0.3rem;top:1.7rem;}
.classic_case_box:nth-child(3) .classic_case_box_text,.classic_case_box:nth-child(4) .classic_case_box_text{left:0;}
.classic_case_box:nth-child(3) .classic_case_box_img,.classic_case_box:nth-child(4) .classic_case_box_img{float:right;}
.classic_case_box:nth-child(3) .ying3,.classic_case_box:nth-child(4) .ying3{width:63%;display:block;background:none;height:95%;right:0.1rem;margin-top:0.1rem;}
/* 区域5 */
.index_con05{width:100%;}
.brand_box_con_bg{margin-top: 0.5rem;}
.brand_box_switch_btn{width:9.8rem;background:url(Img/Index/brand_box_btn_bg.png) 0PX 0PX no-repeat;height:8rem;position:absolute;right:-4.15rem;top:0px;z-index:5;}
.brand_box_switch_btns{display:block;width:7rem;height:1.41rem;margin-bottom:0.24rem;position:relative;color:#323232;}
.brand_box_switch_btns h5{font-size:0.2rem;font-weight:500;margin-left:0.8rem;padding-bottom:0.1rem;padding-top:0.2rem;}
.brand_box_switch_btns p{font-size:0.15rem;margin-left:0.8rem;line-height:0.25rem;}
.brand_box_switch_btn .brand_box_btn_borders{display:none;}
.brand_box_switch_btns .left_border{width:0.37rem;height:1.41rem;background:url(Img/Index/brand_box_line_left.png) 0px 0px no-repeat;position:absolute;left:-0.37rem;top:0px;}
.brand_box_switch_btns .right_border{width:0.37rem;height:1.41rem;background:url(Img/Index/brand_box_line_right.png) 0px 0px no-repeat;position:absolute;right:-0.37rem;top:0px;}
.brand_box_switch_btn .a1{margin-left:1.67rem;}
.brand_box_switch_btn .a2{margin-left:1.3rem;}
.brand_box_switch_btn .a3{margin-left:0.9rem;}
.brand_box_switch_btn .a4{margin-left:0.5rem;}
.brand_box_switch_btn .a5{margin-left:0.1rem;}

.brand_box_switch_btns:hover,.brand_box_switch_btns.active{background: url(/statics/images/index/kuai.png)no-repeat center;background-size: cover;color:#fff;}
.brand_box_switch_btns:hover.brand_box_switch_btns .brand_box_btn_borders,.brand_box_switch_btns.active .brand_box_btn_borders{display:block;}
.brand_box_switch_btns.active .brand_box_btn_borders{display:block;}


.brand_box_switch_btns i{display:block;width:0.7rem;height:0.7rem;border-radius:100%;text-align:center;line-height:0.7rem;position:absolute;left:-0.2rem;top:0.38rem;z-index:2;}
.brand_box_switch_btns i{display:block;width: 0.7rem;height: 0.7rem;overflow: hidden;}
.brand_box_switch_btns i img{width: 100%;display: block;}
.brand_box_switch_btns.active i img{margin-top: -0.7rem;}

.brand_box_switch_btns.active i{
    -webkit-animation:flipInY 1s ease both;
    -moz-animation:flipInY 1s ease both;
    -ms-animation:flipInY 1s ease both;
    animation:flipInY 1s ease both;
}





.brand_box_con_bg{background:#f0f4f5;}
.brand_box_con{width:11.34rem;height:8rem;position:relative;}
.brand_box{
    width:11.34rem;height:8rem;background:#f0f4f5;position:absolute;left:-3.6rem;top:0px;

    overflow: hidden;
}
.brand_box img{display:block;width:100%;}




#jianjie .bottom{margin-top: 0.5rem;}
#jianjie .bottom img{width: 100%;display: block;}
#jianjie .bot{width: 14rem;background: #fff;height: 4.2rem;margin:0 auto; box-shadow: 0px 0px 49.14px 4.86px rgba(168, 169, 171, 0.25);margin-top: -2rem;position: relative;z-index: 1;text-align: center;}
#jianjie .bot p{font-size: 0.32rem;color: #04b4a9;padding-top:0.6rem;}
#jianjie .bot hr{width: 0.4rem;height: 3px;margin: 0.3rem auto;background: #04b4a9;border:none;outline: none;}
#jianjie .wen{width: 80%;margin: 0 auto;font-size: 0.16rem;line-height: 0.35rem;}
#jianjie .dian{width: 60%;margin:0 20%;margin-top: 0.2rem;}
#jianjie .dian a{width: 25%;float: left;display: block;font-size: 0.18rem;line-height: 0.48rem;text-align: left;}
#jianjie .dian a img{width: 0.48rem;height: 0.48rem;display: inline-block;float: left;margin-right:0.1rem;margin-left: 0.3rem;}
#jianjie .dian a:hover{color: #04b4a9}
#jianjie .more{width: 1.45rem;height: 0.4rem;line-height: 0.4rem;background: #04b4a9;color: #fff;display: block;margin: 0 auto;color: #fff;font-size: 0.16rem;margin-top: 1rem;letter-spacing: 1px;}

/*新闻资讯*/
#xinwen{width: 100%;height: 7rem;background: #fff;}
#xinwen .wrap{margin-top: 0.8rem;}
#xinwen .fl{width: 2.9rem;}
#xinwen .fl img{width: 100%;display: block;}
#xinwen .zhong{width:7rem;float: left;margin-left: 0.3rem;}
#xinwen .zhong li{width: 3.1rem;float: left;margin-left:0.4rem;margin-bottom: 0.6rem;}
#xinwen .zhong li a{font-size: 0.2rem;font-weight: bold;color: #333333;margin:0.2rem 0;display: block;}
#xinwen .zhong li a:hover{color:#04b4a9;}
#xinwen .zhong li hr{width: 0.4rem;height: 4px;background: #04b4a9;outline: none;border:none;margin-left: 0;}
#xinwen .zhong li .miao{font-size: 0.16rem;color: #666666;line-height: 0.25rem;}
#xinwen .zhong li .ri{margin-top: 0.2rem;color: #999999;}
#xinwen .fr{width: 3.3rem;}
#xinwen .fr li{width: 3.3rem;height: 0.6rem;line-height: 0.6rem;background: #ededed;color:#333333;text-indent: 0.2rem;margin-bottom: 0.2rem;}
#xinwen .fr li .tu{width: 0.21rem;height: 0.21rem;overflow: hidden;float: right;margin-right: 0.21rem;margin-top: 0.21rem;}
#xinwen .fr li .tu img{width: 100%;display: block;transition:0.5s;}
#xinwen .fr li:hover{background: #04b4a9;}
#xinwen .fr li:hover a{color: #fff;}
#xinwen .fr li:hover .tu img{margin-top: -0.21rem;}