/* 
* @Author: sublime text
* @Date:   2019-10-16 10:28:11
* @Last Modified by:   sublime text
* @Last Modified time: 2022-03-11 15:59:30
*/
/*banner*/
.wrap{width: 16rem !important;}


#banner{width:100%;position:relative;overflow:hidden;}
#banner .wrap{width: 85%;}
#banner .swiper-slide img{display: block;width:100%;}
#banner .swiper-button-prev{outline：none;background: none;width: 0.55rem;height: 0.55rem;}
#banner .swiper-button-next{outline：none;background: none;width: 0.55rem;height: 0.55rem;}
#banner .swiper-pagination-bullets{bottom: 0.3rem !important;}
#banner .swiper-button-prev img,#banner .swiper-button-next img{width: 100%;display: block;}
#banner .swiper-pagination-bullet{width: 7% !important;height: 2px;background:#8c8c8c !important;color: #fff !important;line-height: 0.35rem;opacity:0.7;font-size: 0.14rem;border-radius: 0rem !important;margin:0rem !important;}
#banner .swiper-pagination-bullet-active{background:#fff !important;color: #fff;opacity:1;}

/*产品*/

#pro .bottom{width: 17.6rem;float:right;margin-top: 1.3rem;}
#pro .bottom .zuo{width: 5.6rem;float: left;margin-top: 0.5rem;}
#pro .bottom .zuo img{width: 100%;display: block;}
#pro .bottom .zuo .yin1{width: 2.09rem;height: 0.76rem;}
#pro .bottom .zuo .yin2{width: 2.99rem;height: 0.36rem;margin-top: 0.7rem;}

.tit hr{width: 0.55rem;height: 2px;outline: none;border: none;background: #333333;margin:0.6rem 0;}

#pro .bg04_switch_btn a{width:50%;text-align:left;color:#333;font-size:0.22rem;display: block;float: left;line-height: 0.7rem;}
#pro .bg04_switch_btn a:hover,.bg04_switch_btn a.active{color:#0a60d1 !important;}


.bg04_switch_box_wrap{width: 12rem;float: right;}
.bg04_switch_box{display:none;}
.bg04_switch_box:first-child{display:block;}
.bg04_switch_box .shang{width: 100%;height: 6.2rem;position: relative;}
.bg04_switch_box .shang .tu{width: 100%;height: 6.2rem;position: absolute;}
.bg04_switch_box .shang .tu img{width: 100%;display: block;}
.bg04_switch_box .shang .wen{width: 3.4rem;height: 6.2rem;background: rgba(10,96,209,0.8);position: absolute;padding:0 0.5rem;color: #fff;}
.bg04_switch_box .shang .wen .ti{font-size: 0.42rem;color: #fff;padding-top: 0.7rem;font-weight: bold;}
.bg04_switch_box .shang .wen a{color:#fff;}
.bg04_switch_box .shang .wen hr{width: 0.55rem;height: 2px;background: #fff;border:none;outline: none;margin-left: 0;margin-top: 0.3rem;}
.bg04_switch_box .shang .wen .dian dl{width: 0.81rem;height: 0.66rem;display: block;background: url(/statics/images/index/shui.png)no-repeat center;float: left;text-align: center;font-size: 0.16rem;line-height:0.2rem;padding-top: 0.15rem;margin-top: 0.4rem;margin-right: 0.25rem;background-size: cover;}
.bg04_switch_box .shang .wen .miao{font-size: 0.16rem;line-height: 0.3rem;margin-top: 0.4rem;text-align: justify;}
.bg04_switch_box .shang .wen .more{font-size: 0.14rem;border-bottom: 1px solid #fff;padding-bottom: 0.1rem;color: #fff;margin-top: 0.6rem;display: inline-block;transition:0.2s;}
/* .bg04_switch_box .shang .wen a:hover span{padding-left:0.1rem;display:inline-block;} */
.bg04_switch_box .shang .wen .more span{transition:0.2s;padding-left:0.2rem;}
.bg04_switch_box .xia{margin-top:0.4rem;}
.bg04_switch_box .xia a{margin-right: 0.4rem;display: block;float: left;width: 2.3rem;height: 1.38rem;}
.bg04_switch_box .xia a img{width: 100%;display: block;border:3px solid #f5f5f5;}
.bg04_switch_box .xia a:hover img{border: 3px solid #0a60d1;}


#jishu{width: 100%;height: 11.14rem;background: url(/statics/images/index/jishu.jpg)no-repeat center;background-size: cover;}
#jishu .tit{text-align: center;}
.tit{font-size: 0.16rem;color: #333;padding-top: 1rem;line-height: 0.5rem;}
.tit p{font-size: 0.42rem;color: #333333;}
.tit p span{color: #0a60d1;}

#jishu .fr{width: 9rem;margin-top: 0.6rem;}
#jishu .fr li{width: 50%;float: left;margin-bottom: 0.25rem;height: 1rem;}
#jishu .fr li .tu{width: 0.67rem;height: 0.67rem;overflow: hidden;float: left;margin-right: 0.2rem;}
#jishu .fr li .tu img{width: 100%;display: block;transition:0.5s;}
#jishu .fr li:hover img{transform:rotate(360deg);}
#jishu .fr li .wen{color: #333333;line-height: 0.2rem;font-size: 0.14rem;}
#jishu .fr li .wen p{color: #0a60d1;font-size: 0.24rem;font-weight: bold;margin-bottom: 0.1rem;padding-top: 0.1rem;}

#fanan .tit{padding-top: 0;}
#fanan .bottom li{width: 1.7rem;float: left;overflow: hidden;margin-right: 0.65rem;margin-top: 0.8rem;}
#fanan .bottom li:last-child{margin-right: 0;}
#fanan .bottom li img{height: 2.5rem;border-top:2px solid #0a60d1;padding: 0.33rem 0;border-bottom:2px solid #0a60d1;}
#fanan .bottom li .wen .zuo{font-size: 0.25rem;color: #333333;font-weight: bold;margin: 0.6rem 0;}
#fanan .bottom li .wen .you{display: none;}
#fanan .bottom li .shu{font-size: 0.52rem;font-family: 'din';color: #ccc;}
#fanan .bottom li .ico{width: 0.42rem;height: 0.42rem;background: url(/statics/images/index/jia.png)no-repeat center;background-size: cover;margin-top: 0.8rem;transition:0.5s;}


#fanan .bottom .active,#fanan .bottom li:hover{width: 6.6rem;position: relative;height: 7.22rem;}
#fanan .bottom .active img,#fanan .bottom li:hover img{width: 100%;height: 7.22rem;border:none;padding: 0;position: relative;}
#fanan .bottom .active .wen,#fanan .bottom li:hover .wen{width: 88%;position: absolute;left:5%;bottom:0.5rem;color: #fff;z-index: 1;}
#fanan .bottom .active .wen .zuo,#fanan .bottom li:hover .wen .zuo{color: #fff;border-right: 1px solid #fff;width: 35%;float: left;font-size: 0.36rem;margin:0;}
#fanan .bottom .active .wen .you,#fanan .bottom li:hover .wen .you{font-size: 0.14rem;line-height: 0.24rem;width: 55%;float: right;display: block;text-align: justify;}
#fanan .bottom .active .ico,#fanan .bottom li:hover .ico{width: 0.48rem;height: 0.48rem;background: url(/statics/images/index/jian.png)no-repeat center;background-size: cover;position: absolute;right:0.4rem;top:0.4rem;margin-top: 0;}
#fanan .bottom .active:hover .ico,#fanan .bottom li:hover .ico{transform:rotate(360deg);}

#bijiao .tit{text-align: center;}
#bijiao .bottom{width: 100%;height: 8.3rem;background: url(/statics/images/index/bijiao.jpg)no-repeat center;margin-top: 0.4rem;}
#bijiao li{width: 3.79rem;height: 8.3rem;border-right:1px solid #82878d;float: left;color: #fff;}
#bijiao li:last-child{border-right: none;}
#bijiao li .ico{display: none;width: 0.64rem;height: 0.64rem;margin-top: 2rem;}
#bijiao li .ico img{width: 100%;display: block;transition:0.5s;}
#bijiao li p{font-size: 0.3rem;font-weight: bold;width: 0.05rem;padding-left: 1.85rem;text-align: center;padding-top: 50%;}
#bijiao li hr{width: 0.65rem;height: 3px;background: #fff;outline: none;border:none;margin:0.4rem 0;display: none;}
#bijiao li a{color: #fff;border-bottom: 1px solid #fff;padding-bottom: 0.1rem;margin-top: 0.9rem;display: inline-block;display: none;}
#bijiao li a span{padding-left: 0.2rem;}
#bijiao li .wen{font-size: 0.18rem;line-height: 0.3rem;display: none;}

#bijiao li.active,#bijiao li:hover{width: 5.68rem;height: 8.3rem;background: rgba(0,87,255,0.5);padding:0 1rem;}
#bijiao li.active p,#bijiao li:hover p{padding: 0 !important;width: 100%;text-align: left;font-size: 0.4rem;}
#bijiao li.active .ico,#bijiao li:hover .ico{display: block;margin-bottom: 0.55rem;}
#bijiao li.active .ico img,#bijiao li:hover .ico img{transform:rotate(360deg);}
#bijiao li.active hr,#bijiao li:hover hr{display: block;}
#bijiao li.active .wen,#bijiao li:hover .wen{display: block;}
#bijiao li.active a,#bijiao li:hover a{display: inline-block;}

#anli .tit{float: left;}
#anli .phone{float: right;margin-right: 10%;padding-top: 1.5rem;}
#anli .phone img{width: 1.8rem;display: block;}
#anli .phone p{font-size: 0.52rem;color: #0a60d1;font-family: 'din';margin-top: 0.1rem;}
.section02_swiper{width:100%;position:relative;}

.section02_swiper .wen{width: 8rem;float: left;}
.section02_swiper .wen p{font-size: 0.28rem;color: #333;margin: 0.7rem 0 0.25rem;}
.section02_swiper .wen hr{width: 0.55rem;height: 2px;outline: none;border:none;background: #333;margin-left: 0;}
.section02_swiper .wen span{font-size: 0.16rem;line-height: 0.26rem;color:#333;text-align: justify;width: 80%;display: block;margin-top: 0.4rem;}

.section02_swiper .dian dl{height: 0.6;line-height: 0.6rem;float: left;background: #f2f6fa;color: #0a60d1;font-size: 0.16rem;text-align: center;padding: 0 0.1rem;border:2px solid #0a60d1;margin-right: 0.4rem;margin-top: 0.5rem;}
.section02_swiper .wen .more{font-size: 0.14rem;border-bottom: 1px solid #333;padding-bottom: 0.1rem;color: #333;margin-top: 1rem;display: inline-block;}
.section02_swiper .wen .more i{padding-left: 0.2rem;}

.section02_swiper .tu{width: 8rem;float: right;}
.section02_swiper .tu img{width: 100%;display: block;}

#anli .swiper-button-next{width: 0.4rem;height: 0.41rem;top:6.3rem;right: -1rem;overflow: hidden;cursor: pointer;outline: none;}
#anli .swiper-button-next img,#anli .swiper-button-prev img{width: 100%;display: block;}
#anli .swiper-button-next:hover img,#anli .swiper-button-prev:hover img{margin-top: -0.41rem;}
#anli .swiper-button-prev{width: 0.4rem;height: 0.41rem;top:6.3rem;left:-1rem;overflow: hidden;outline: none;}


#jiesao{width: 100%;height: 10.2rem;background: #f2f6fa;margin-top: 1.2rem;}
#jiesao .tit{text-align: center;}
#jiesao .wrap{margin-top: 0.8rem;}
#jiesao .shang .fl{width: 7.8rem;float: left;}
#jiesao .shang .fl img{width: 100%;display: block;}
#jiesao .shang .fr{width: 7.8rem;float: right;margin-top: 0.6rem;}
#jiesao .shang .fr p{font-size: 0.4rem;font-weight: bold;}
#jiesao .shang .fr p span{color: #0a60d1;}
#jiesao .shang .fr hr{width: 0.6rem;height: 3px;background: #0a60d1;outline: none;border:none;margin:0.35rem 0;}
#jiesao .shang .fr .wen{font-size: 0.22rem;color: #333;line-height: 0.38rem;}
#jiesao .shang .fr .more{font-size: 0.14rem;border-bottom: 1px solid #333;padding-bottom: 0.1rem;color: #333;margin-top: 0.6rem;display: inline-block;margin-top: 0.6rem;}
#jiesao .shang .fr .more i{padding-left: 0.2rem;}

#jiesao .bottom{margin-top: 0.8rem;}
#jiesao .bottom li{float: left;text-align: center;font-size: 0.16rem;color: #333333;}
#jiesao .bottom li p{font-family: 'din';font-size: 0.14rem;color: #333333;margin-bottom: 0.1rem;}
#jiesao .bottom li p span{font-size: 0.72rem}
#jiesao .bottom li p b{background: #0a60d1;font-size: 0.14rem;color: #fff;line-height: 0.1rem;font-weight: normal;transform: skewX(-15deg);padding: 0.05rem 0.08rem;float: right;}
#jiesao .bottom li p b i{transform: skewX(15deg);font-style: normal;display: block;}


#jiesao .bottom > i{float: left;font-size: 0.32rem;color: #0057ff;font-style: italic;line-height: 1.6rem;margin:0 0.65rem;}

#yuan .tit{text-align: center;margin-bottom: 0.6rem;}
#yuan .fl{width: 4.16rem;display: block;}
#yuan .fl img{width: 100%;display: block;}

#yuan .fr li{width: 3.4rem;float: left;margin-left: 0.5rem;}
#yuan .fr li .ri{color: #666666;font-size: 0.32rem;font-weight: bold;margin-top: 0.4rem;}
#yuan .fr li .ri span{font-size: 0.14rem;color:#999999;font-weight: normal;padding-left: 0.1rem;}
#yuan .fr li .tu{width: 3.4rem;height: 2.2rem;display: block;margin-top: 0.3rem;display: block;}
#yuan .fr li .tu img{width: 100%;display: block;}
#yuan .fr li .ti{font-size: 0.22rem;color: #333333;margin-top: 0.4rem;display: block;}
#yuan .fr li .more{font-size: 0.14rem;border-bottom: 1px solid #333;padding-bottom: 0.1rem;color: #333;margin-top: 0.6rem;display: inline-block;margin-top: 0.7rem;}
#yuan .fr li .more i{padding-left: 0.2rem;}