@charset "utf-8";
/* 顶部标题 */
.mainLogoNavItemBox{position:fixed;top:0;left:0;right:0;z-index:100;height:0.88rem;}
.mainLogoNavItemBox .logoImgBox{display:none;height:0.88rem;padding:0.19rem;position:absolute;top:0;left:0;z-index:101;}
.mainLogoNavItemBox .logoImgBox img{display:block;height:0.5rem;}
.mainLogoNavItemBox .mainNavItemBox{display:none;position:absolute;top:0;right:0;z-index:101;height:0.88rem;width:0.88rem;padding:0.23rem 0;}
.mainLogoNavItemBox .mainNavItemBox img{display:block;margin:0 auto;height:100%;}
.mainNavListBox{display:none;background-color:#fff;position:fixed;top:0.88rem;left:0;right:0;z-index:99;}
.mainNavListBox .listItmeBox li{font-size:0.24rem;line-height:0.4rem;height:0.88rem;border-bottom:0.01rem solid #ddd;padding:0.24rem;position:relative;}
.mainNavListBox .listItmeBox li a{display:block;}
.mainNavListBox .listItmeBox li em{display:block;width:0.4rem;height:0.4rem;background:url(../images/icon_r.png) no-repeat scroll center center;background-size:40% auto;position:absolute;top:50%;right:0.24rem;margin-top:-0.2rem;}
.mainNavListBox .listItmeBox li:active{background-color:#efefef;}
.mainNavListBgBox{display:none;position:fixed;top:0;right:0;left:0;bottom:0;z-index:98;background-color:rgba(255,255,255,0);}
.mainWhiteBox .whiteLogo{display:block;}
.mainWhiteBox .whiteNav{display:block;}
.mainBlueBox{background-color:#fff;-webkit-box-shadow: #ddd 0px 0px 0.2rem;-moz-box-shadow: #ddd 0px 0px 0.2rem;box-shadow: #ddd 0px 0px 0.2rem;}
.mainBlueBox .blueLogo{display:block;}
.mainBlueBox .blueNav{display:block;}
/*首页-视频*/
.mainVideoItemBox{background:url(../images/video_img.jpg) no-repeat scroll center top;background-size:100% auto;position:relative;}
.mainVideoItemBox .bannerVideoBox{position:absolute;top:50%;left:50%;min-width:100%;min-height:100%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);z-index:1;}
.mainVideoItemBox .bannerTxtBox{position:absolute;left:0.3rem;bottom:1.8rem;z-index:10;color:#fff;}
.mainVideoItemBox .bannerTxtBox .titleBox{font-size:0.6rem;line-height:0.7rem;margin-bottom:0.3rem;}
.mainVideoItemBox .bannerTxtBox p{font-size:0.36rem;line-height:0.4rem;}
/*首页-数据*/
.mainDateItemBox{background:url(../images/home_page_bg_02.jpg) no-repeat scroll center top;background-size:100% auto;position:relative;}
.mainDateItemBox .headerTitleBox{padding-top:1rem;text-align:center;}
.mainDateItemBox .headerTitleBox .titleBox{font-size:0.48rem;color:#fff;line-height:1rem;}
.mainDateItemBox .headerTitleBox p{width:0.6rem;height:0.08rem;background-color:#fff;border-radius:0.04rem;margin:0 auto;}
.mainDateItemBox .listItmeBox{padding:0.8rem 0.4rem;font-size:0;}
.mainDateItemBox .listItmeBox li{display:inline-block;width:50%;height:2rem;text-align:center;font-size:0.3rem;color:#fff;}
.mainDateItemBox .listItmeBox li .numBox span{font-size:0.72rem;}
/*首页-优势*/
.mainAdvantageItemBox{background:url(../images/home_page_bg_03.jpg) no-repeat scroll center top;background-size:100% auto;position:relative;}
.mainAdvantageItemBox .mainHeaderTitleBox{padding-top:2rem;color:#fff;text-align:center;}
.mainAdvantageItemBox .mainHeaderTitleBox .titleBox{font-size:0.6rem;font-weight:bold;line-height:1rem;}
.mainAdvantageItemBox .mainHeaderTitleBox .subTitleBox{font-size:0.4rem;line-height:0.6rem;}
.mainAdvantageItemBox .listItmeBox{height:1.6rem;padding:0.2rem;display:flex;}
.mainAdvantageItemBox .listItmeBox li{flex:1;text-align:center;font-size:0.3rem;line-height:0.36rem;color:#fff;height:1.2rem;background-color:rgba(0,0,0,0.3);margin:0.1rem;padding:0.25rem 0;border-radius:0.08rem;}
.mainAdvantageItemBox .picBox img{display:block;width:7rem;margin:0 auto;}
.mainAdvantageItemBox .swiper-pagination-v{left:0;right:0;bottom:1.4rem;font-size:0;}
.mainAdvantageItemBox .swiper-pagination-v span{background-color:#fff;width:0.4rem;height:0.1rem;margin:0 0.1rem;border-radius:0.05rem;opacity:1;}
.mainAdvantageItemBox .swiper-pagination-v span.swiper-pagination-bullet-active{background-color:#000;}
.mainAdvantageItemBox .twoItemBox .listItmeBox li{margin:0.1rem 0.4rem;}
.mainAdvantageItemBox .twoItemBox .picBox img{display:block;width:6.5rem;margin:0 auto;}
/*首页-功能*/
.mainFunctionItemBox{background:url(../images/home_page_bg_05.jpg) no-repeat scroll center top;background-size:100% auto;position:relative;}
.mainFunctionItemBox .mainHeaderTitleBox{padding-top:2rem;text-align:center;height:4.6rem;}
.mainFunctionItemBox .mainHeaderTitleBox .titleBox{font-size:0.6rem;color:#fff;line-height:1.4rem;}
.mainFunctionItemBox .mainHeaderTitleBox p{width:0.6rem;height:0.08rem;background-color:#fff;border-radius:0.04rem;margin:0 auto;}
.mainFunctionItemBox .infoItemBox{text-align:center;color:#fff;}
.mainFunctionItemBox .infoItemBox .picBox{width:1.35rem;height:1.35rem;margin:0 auto;}
.mainFunctionItemBox .infoItemBox .picBox img{display:block;width:100%;height:100%;}
.mainFunctionItemBox .infoItemBox .titleBox{font-size:0.48rem;line-height:0.6rem;padding:0.3rem 0;}
.mainFunctionItemBox .infoItemBox .describeBox{font-size:0.3rem;width:4rem;margin:0 auto;}
.mainFunctionItemBox .swiper-button-prev,.mainFunctionItemBox .swiper-button-next{width:0.86rem;height:0.86rem;background-color:rgba(0,0,0,0.2);opacity:1;border-radius:50%;top:1.6rem;}
/*首页-底部*/
.mainFooterItemBox .mainHeaderTitleBox{padding-top:0.8rem;text-align:center;height:2.2rem;}
.mainFooterItemBox .mainHeaderTitleBox .titleBox{font-size:0.6rem;color:#333;line-height:1.4rem;font-weight:bold;}
.mainFooterItemBox .mainHeaderTitleBox p{width:0.6rem;height:0.08rem;background-color:#2ca8e5;border-radius:0.04rem;margin:0 auto;}
.mainFooterItemBox .mainConsultItemBox{padding:0.2rem;display:flex;}
.mainFooterItemBox .mainConsultItemBox .infoItemBox{flex:1;font-size:0.24rem;text-align:center;background-color:#fff;border-radius:0.08rem;-webkit-box-shadow: #ddd 0px 0px 0.1rem;-moz-box-shadow: #ddd 0px 0px 0.1rem;box-shadow: #ddd 0px 0px 0.1rem;margin:0.3rem;padding:0.2rem;}
.mainFooterItemBox .mainConsultItemBox .infoItemBox .picBox{width:1.2rem;height:1.2rem;border-radius:50%;overflow:hidden;margin:0 auto;-webkit-box-shadow: #ddd 0px 0px 0.1rem;-moz-box-shadow: #ddd 0px 0px 0.1rem;box-shadow: #ddd 0px 0px 0.1rem;}
.mainFooterItemBox .mainConsultItemBox .infoItemBox .picBox img{width:100%;height:100%;}
.mainFooterItemBox .mainConsultItemBox .infoItemBox .nameBox{font-size:0.3rem;color:#333;line-height:0.6rem;}
.mainFooterItemBox .mainConsultItemBox .infoItemBox .telBox{line-height:0.3rem;}
.mainFooterItemBox .mainConsultItemBox .infoItemBox .mailBox{line-height:0.3rem;}
.mainFooterItemBox .mainConsultItemBox .infoItemBox .textBox{background-color:#2ca8e5;color:#fff;line-height:0.6rem;margin:0.2rem 0;border-radius:0.3rem;overflow:hidden;}
.mainFooterItemBox .mainQrTelItemBox{height:4.75rem;position:absolute;bottom:0;left:0;right:0;background:url(../images/home_page_bg_06.png) no-repeat scroll center top;backgroun-size:100% auto;}
.mainFooterItemBox .mainQrTelItemBox .qrCodeItemBox{padding-top:1rem;text-align:center;}
.mainFooterItemBox .mainQrTelItemBox .qrCodeItemBox .picBox{width:1.6rem;height:1.6rem;background-color:#fff;border-radius:0.2rem;margin:0 auto;}
.mainFooterItemBox .mainQrTelItemBox .qrCodeItemBox .picBox img{display:block;width:100%;height:100%;}
.mainFooterItemBox .mainQrTelItemBox .qrCodeItemBox .textBox{font-size:0.24rem;line-height:0.3rem;padding:0.2rem;color:#fff;}
.mainFooterItemBox .mainQrTelItemBox .telBox{width:5rem;height:0.9rem;background-color:#fff;font-size:0.34rem;font-weight:bold;color:#2ca8e5;line-height:0.9rem;text-align:center;margin:0.2rem auto 0;border-radius:0.45rem;}
/*公司简介*/
.mainAboutUsItemBox{padding-top:1.4rem;}
.mainAboutUsItemBox .mainMenuNameBox{font-size:0.6rem;line-height:0.8rem;height:1.4rem;text-align:center;font-weight:bold;color:#2ca8e5;}
.mainAboutUsItemBox .companyImgBox{width:6.8rem;height:4rem;margin:0 auto;overflow:hidden;border-radius:0.1rem;}
.mainAboutUsItemBox .companyImgBox img{display:block;width:100%;height:100%;}
.mainAboutUsItemBox .companyTxtBox{font-size:0.3rem;width:6.8rem;margin:0.3rem auto;line-height:0.48rem;}
.mainAboutUsItemBox .historyBox img{display:block;width:100%;}
/*新闻中心*/
.mainNewsListItemBox{padding-top:1.4rem;}
.mainNewsListItemBox .mainMenuNameBox{font-size:0.6rem;line-height:0.8rem;height:1.4rem;text-align:center;font-weight:bold;color:#2ca8e5;}
.mainNewsListItemBox .listItmeBox{padding:0 0.3rem;}
.mainNewsListItemBox .listItmeBox li{border-bottom:0.01rem solid #ddd;height:2.4rem;padding:0.4rem 0 0.4rem 2.8rem;position:relative;}
.mainNewsListItemBox .listItmeBox li .picBox{width:2.6rem;height:1.6rem;overflow:hidden;position:absolute;top:0.4rem;left:0;border-radius:0.1rem;}
.mainNewsListItemBox .listItmeBox li .picBox img{display:block;width:100%;height:100%;}
.mainNewsListItemBox .listItmeBox li .titleBox{font-size:0.3rem;lineheight:0.48rem;height:0.48rem;color:#333;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.mainNewsListItemBox .listItmeBox li .describeBox{font-size:0.22rem;line-height:0.3rem;color:#999;height:0.88rem;overflow:hidden;}
.mainNewsListItemBox .listItmeBox li .timeBox{font-size:0.18rem;line-height:0.2rem;color:#666;}
.mainPagingBox .pageItemBox{text-align:center;font-size:0.24rem;padding:0.4rem;}
.mainPagingBox .pageItemBox span{display:inline-block;width:0.8rem;height:0.8rem;background:#2ca8e5 none no-repeat scroll center center;background-size:80% auto;cursor:pointer;vertical-align:middle;border-radius:50%;}
.mainPagingBox .pageItemBox span.upBox{background-image:url(../images/icon_left.png);}
.mainPagingBox .pageItemBox span.dnBox{background-image:url(../images/icon_right.png);}
.mainPagingBox .pageItemBox .pageNumBox{display:inline-block;height:0.8rem;padding:0 0.5rem;font-size:0.4rem;line-height:0.8rem;vertical-align:middle;}

.mainNewsDetailItemBox{padding-top:0.88rem;}
.mainNewsDetailItemBox .headerTitleBox{background-color:#f1f1f1;text-align:center;padding:0.5rem 0;}
.mainNewsDetailItemBox .headerTitleBox .titleBox{margin:0 auto;font-size:0.48rem;font-weight:normal;font-weight:bold;line-height:0.6rem;margin-bottom:0.3rem;color:#2ca8e5;}
.mainNewsDetailItemBox .headerTitleBox .dateBox{font-size:0.22rem;}
.mainNewsDetailItemBox .contentItemBox{font-size:0.3rem;margin:0.4rem 0.3rem;line-height:0.48rem;text-align:justify;}
.mainNewsDetailItemBox .contentItemBox p{margin-bottom:0.2rem;}
.mainBackBox{height:1.56rem;padding:0.5rem 0;text-align:center;}
.mainBackBox .btnBox{width:0.56rem;height:0.56rem;margin:0 auto;border-radius:50%;overflow:hidden;background-color:#2ca8e5;}
.mainBackBox .btnBox img{display:block;width:0.56rem;height:0.56rem;padding:0.1rem;}
.mainBackBox .btnBox a{display:block;height:0.56rem;margin:0 auto;color:#fff;}
/*行业案例*/
.mainCaseItemBox .mainMenuNameBox{font-size:0.6rem;font-weight:bold;color:#2ca8e5;line-height:1rem;text-align:center;padding-top:1.4rem;}
.mainCaseItemBox .caseInfoBox{display:flex;padding:0.3rem 0;}
.mainCaseItemBox .caseInfoBox .nameBox{font-size:0.26rem;text-align:center;width:4rem;padding-top:0.8rem;}
.mainCaseItemBox .caseInfoBox .nameBox span{display:block;font-size:0.54rem;color:#333;font-weight:bold;}
.mainCaseItemBox .caseInfoBox .traitBox{font-size:0.28rem;width:3.5rem;}
.mainCaseItemBox .caseInfoBox .traitBox .listBox{line-height:0.3rem;height:0.6rem;padding:0.15rem 0 0.15rem 0.4rem;position:relative;}
.mainCaseItemBox .caseInfoBox .traitBox .listBox span{display:block;font-size:0.4rem;text-align:center;width:0.3rem;color:#999;height:0.3rem;border:0.01rem solid #ddd;border-radius:50%;overflow:hidden;position:absolute;top:0.15rem;left:0;}
.mainCaseItemBox .casePicBox{position:relative;}
.mainCaseItemBox .casePicBox .phoneBox{position:absolute;top:0.4rem;left:0;width:3.7rem;}
.mainCaseItemBox .casePicBox .phoneBox img{display:block;width:100%;}
.mainCaseItemBox .casePicBox .qrCodeBox{position:absolute;top:1rem;right:0;width:3.4rem;text-align:center;}
.mainCaseItemBox .casePicBox .qrCodeBox .picBox{width:2rem;height:2rem;border:0.01rem solid #ddd;margin:0 auto 0.3rem;}
.mainCaseItemBox .casePicBox .qrCodeBox .picBox img{display:block;width:100%;height:100%;}
.mainCaseItemBox .casePicBox .qrCodeBox .linkBox{background-color:#2ca8e5;text-align:center;font-size:0.26rem;width:3rem;height:0.7rem;margin:0 auto;color:#fff;line-height:0.7rem;border-radius:0.35rem;}
.mainCaseItemBox .swiper-button-next,.mainCaseItemBox .swiper-button-prev{width:0.8rem;height:0.8rem;border-radius:50%;background-size:100% auto;background-color:rgba(0,0,0,0.3);}
.mainCaseItemBox .swiper-button-next{background-image:url(../images/icon_right.png);}
.mainCaseItemBox .swiper-button-prev{background-image:url(../images/icon_left.png);}
/*产品介绍*/
.mainProductItemBox .mainMenuNameBox{font-size:0.6rem;font-weight:bold;color:#2ca8e5;line-height:1rem;text-align:center;padding-top:1.4rem;}
.mainProductItemBox .productItemBox{padding:0.3rem;}
.mainProductItemBox .productItemBox .nameBox{font-size:0.36rem;line-height:0.48rem;color:#333;font-weight:bold;padding:0.3rem;text-align:center;}
.mainProductItemBox .productItemBox .describeBox{font-size:0.24rem;line-height:0.36rem;color:#666;}
.mainProductItemBox .productFunctionBox .picBox{width:5.8rem;margin:0 auto;}
.mainProductItemBox .productFunctionBox .picBox img{width:100%;}
.mainProductItemBox .productFunctionBox .titleBox{font-size:0.3rem;color:#333;text-align:center;}
.mainProductItemBox .productFunctionBox .describeBox{width:5.8rem;margin:0 auto;font-size:0.24rem;color:#666;}
.mainProductItemBox .productSuperiorityBox{text-align:center;}
.mainProductItemBox .productSuperiorityBox .picBox{width:0.6rem;margin:0 auto;}
.mainProductItemBox .productSuperiorityBox .picBox img{width:100%;}
.mainProductItemBox .productSuperiorityBox .titleBox{font-size:0.3rem;color:#333;text-align:center;}
.mainProductItemBox .productSuperiorityBox .describeBox{width:5.8rem;margin:0 auto;font-size:0.24rem;color:#666;}
.mainProductItemBox .swiper-pagination{top:6rem;left:0;right:0;font-size:0;}
.mainProductItemBox .swiper-pagination span{width:0.14rem;height:0.14rem;margin:0 0.06rem;border-radius:0.07rem;}
.mainProductItemBox .swiper-pagination span.swiper-pagination-bullet-active{width:0.34rem;}
.mainProductItemBox .swiper-button-next,.mainProductItemBox .swiper-button-prev{width:0.8rem;height:0.8rem;border-radius:50%;background-size:100% auto;background-color:rgba(0,0,0,0.3);top:2rem;}
.mainProductItemBox .swiper-button-next{background-image:url(../images/icon_right.png);}
.mainProductItemBox .swiper-button-prev{background-image:url(../images/icon_left.png);}
.mainProductItemBox .mainCustomizedBox{margin:0.3rem;text-align:center;color:#fff;}
.mainProductItemBox .mainCustomizedBox .titleBox{font-size:0.4rem;line-height:0.6rem;padding:0.4rem 0;}
.mainProductItemBox .mainCustomizedBox .subTitleBox{font-size:0.3rem;line-height:0.4rem;margin-bottom:0.8rem;}
.mainProductItemBox .mainCustomizedBox .consultBox{width:2.4rem;height:0.8rem;font-size:0.36rem;line-height:0.8rem;background-color:#2ca8e5;color:#fff;margin:0 auto;border-radius:0.4rem;}
.mainProductItemBox .mainCustomizedBox .consultBox a{color:#fff;}
.mainCustomizedBgBox{padding:0.3rem;text-align:center;background:url(../images/product_bg_img.jpg) no-repeat scroll center top;background-size:cover;}
.mainCustomizedBgBox .mainMenuNameBox{color:#fff;}
/*引导箭头*/
.mainGuideItemBox{width:0.5em;height:0.56em;position:fixed;z-index:1;left:50%;bottom:0.4em;margin-left:-0.25rem;
animation:500ms ease 0s normal none infinite myfirst;
-moz-animation:500ms ease 0s normal none infinite myfirst; /* Firefox */
-webkit-animation:500ms ease 0s normal none infinite myfirst; /* Safari and Chrome */
-o-animation:500ms ease 0s normal none infinite myfirst; /* Opera */
}
@keyframes myfirst{from{bottom:0.6em;}to{bottom:0.4em;}
}
@-moz-keyframes myfirst /* Firefox */{from{bottom:0.6em;}to{bottom:0.4em;}
}
@-webkit-keyframes myfirst /* Safari and Chrome */{from{bottom:0.6em;}to{bottom:0.4em;}
}
@-o-keyframes myfirst /* Opera */{from{bottom:0.6em;}to{bottom:0.4em;}
}
.mainGuideItemBox img{display:block;width:100%;}
/*加载中*/
.loadingBox:before,.loadingBox:after,.loadingBox{border-radius:50%;width:0.25rem;height:0.25rem;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation:load7 1.8s infinite ease-in-out;animation:load7 1.8s infinite ease-in-out;}
.loadingBox{margin:3rem auto;font-size:0.1rem;position:relative;text-indent:-9999rem;-webkit-animation-delay:0.16s;animation-delay:0.16s;color:#000;}
.loadingBox:before{left:-0.35rem;}
.loadingBox:after{left:0.35rem;-webkit-animation-delay:0.32s;animation-delay:0.32s;}
.loadingBox:before,.loadingBox:after{content:'';position:absolute;top:0;}
@-webkit-keyframes load7{0%,80%,100%{box-shadow:0 0.25rem 0 -0.13rem;}
40%{box-shadow:0 0.25rem 0 0;}
}
@keyframes load7{0%,80%,100%{box-shadow:0 0.25rem 0 -0.13rem;}
40%{box-shadow:0 0.25rem 0 0;}
}
/*提示弹框*/
.mainTipsPopupBox{width:2.2rem;min-height:2rem;background-color:rgba(0,0,0,0.6);color:#fff;border-radius:0.1rem;padding:0.8rem 0.2rem;position:fixed;left:50%;bottom:-100%;margin-left:-1rem;z-index:29;transition: all .6s;-webkit-transition: all .6s;}
.mainTipsPopupBox.show{bottom:50%;}
.mainTipsPopupBox span{display:block;font-size:0.3rem;line-height:0.4rem;text-align:center;}
