@charset "utf-8";
/* CSS Document */
.breadCrumb {height: 37px;line-height: 37px;background-color: #f5f5f7;color: #434343}
.breadCrumb a {font-size: 14px;color: #434343;}
.breadCrumb a:hover{}

.DetailFocusHull {padding: 30px 0 98px;background: #f5f5f7;}
.DetailFocusHull .tit {font-size: 36px;line-height: 40px;color: #000;text-align: left;padding: 35px 0 0 0;}
.DetailFocusHull .tit span {font-size: 24px;line-height: 30px;display: block;margin-top: 10px;}
.DetailFocusHull .desc {padding: 30px 0 0px 0;font-size: 36px;line-height: 40px;color: #00b8b8;}
.DetailFocusHull .desc p {padding: 0 0 0 0;position: relative;}
.DetailFocusHull .desc p:last-of-type {font-size: 24px;line-height: 30px;padding: 10px 0 0 0;}
.DetailFocusHull .desc p:before {content: '';width: 5px;height: 5px;background: #999;border-radius: 5px;position: absolute;left: 0;top: 15px;opacity: 0;}
.DetailFocusHull .info {width: 600px;float: right;}
.DetailFocusHull .info .price {font-size: 18px;line-height: 38px;color: #00b8b8;float: left;}
.DetailFocusHull .info .price em {font-size: 28px;padding: 0 10px 0 0;}
.DetailFocusHull .info .choose {padding: 60px 0 70px 0;}
.DetailFocusHull .info .choose li {zoom: 1;padding: 0 0 15px 55px;position: relative;}
.DetailFocusHull .info .choose li::after {content: "";display: block;clear: both;height: 0px;}
.DetailFocusHull .info .choose li span {position: absolute;left: 0;top: 0;font-size: 18px;color: #333;line-height: 38px;}
.DetailFocusHull .info .choose li a {height: 38px;line-height: 38px;font-size: 16px;color: #000;border: 1px solid #979797;border-radius: 4px;float: left;margin: 0 7px 10px;padding: 0 10px;min-width: 110px;/* display: block; */text-align: center;border-radius: 40px;}
.DetailFocusHull .info .choose li a.on {border-color: #00b8b8;background: #00b8b8;color: #fff;}
.DetailFocusHull .info .choose dl {zoom: 1;padding: 0 0 15px 50px;position: relative;}
.DetailFocusHull .info .choose dl::after {content: "";display: block;clear: both;height: 0px;}
.DetailFocusHull .info .choose dd { position: absolute; left: 0; top: 0; font-size: 18px; color: #333; line-height: 38px;}
.DetailFocusHull .info .choose dt {}
.DetailFocusHull .info .choose a {height: 38px;line-height: 38px;font-size: 16px;color: #000;border: 1px solid #dcdcdc;border-radius: 4px;float: left;margin: 0 7px 10px;padding: 0 10px;min-width: 110px;/* display: block; */text-align: center; border-radius: 40px;}
.DetailFocusHull .info .choose a.on {border-color: #00b8b8;background: #00b8b8;color: #fff;}

.DetailFocusHull .info .choose a.disable { cursor: not-allowed; border-color: #ccc; color: #ccc; background: none;}
.DetailFocusHull .info .btns {padding: 0;}
.DetailFocusHull .info .btns a {float: left;background: url("/products/shuibiao/images/btnIcon_1.png") no-repeat 50px 50% #00b8b8;color: #fff;padding: 0 40px 0 85px;margin-right: 15px;border-radius: 3px;font-size: 16px;position: relative;line-height: 45px;border-radius: 45px;}
.DetailFocusHull .info .btns a:hover {background-color: #02cbcb;}
.DetailFocusHull .info .btns .QR a {background-image: url("/products/shuibiao/images/btnIcon_2.png")}
.DetailFocusHull .info .btns a span { background: url("/products/shuibiao/images/QR.png?v26030901") no-repeat; width: 172px; height: 213px; position: absolute; left: 50%; top: -220px; margin-left: -86px; display: none;}
.DetailFocusHull .info .btns a:hover span {display: block;}

.FocusSlider_Wrap{width: 620px;/* height: 620px; */float: left;position: relative;background-size: 100% 100%;border-radius: 15px;}
.FocusSlider{}
.FocusSlider ul{}
.FocusSlider ul li{ position: relative;}
.FocusSlider ul li img{}
.FocusSlider ul li i{position: absolute;color: #fff;font-size: 50px;transform: translate(-50%,-50%);left: 50%;top: 50%;background: rgb(0 0 0 / 60%);width: 120px;height: 120px;text-align: center;line-height: 120px;border-radius: 120px;}
.FocusSlider ul li a{position: absolute; width: 100%;height: 100%;left: 0;top: 0;z-index: 2;}
.FocusSlider .swiper-button-prev,.FocusSlider .swiper-button-next{width: 45px;height: 45px;text-align: center;line-height: 45px;background: rgb(36 37 41 / 40%);border-radius: 45px;margin-top: -27px;left: 15px;opacity: 0;display: none!important;}
.FocusSlider .swiper-button-next{    right: 15px;left: auto;}
.FocusSlider .swiper-button-prev:after,.FocusSlider .swiper-button-next:after{color: #fff;font-size: 24px;font-weight: bold;}
.FocusSlider .swiper-button-prev.show,.FocusSlider .swiper-button-next.show{ opacity: 1;}
.FocusSlider:hover .swiper-button-prev,.FocusSlider:hover .swiper-button-next{opacity: 1;}
.FocusSlider_Wrap .btns{/* position: absolute; */z-index: 2;left: 0;/* bottom: 35px; */width: 100%;text-align: center;padding: 20px 0 0 0;display: none;}
.FocusSlider_Wrap .btns a{font-size: 16px;color: #414141;background: #f2f3f5;line-height: 32px;border-radius: 32px;padding: 0 15px;margin: 0 10px;display: inline-block;}
.FocusSlider_Wrap .btns a i{vertical-align: top;padding: 0 10px 0 0;font-size: 15px;}
.FocusSlider_Wrap .btns a.on{background: #1d1f1e; color: #fff;}
.FocusSlider .swiper-pagination{/* display: none; */width: 62px;height: 45px;text-align: center;line-height: 45px;color: #fff;border-radius: 4px;font-size: 20px;}
.FocusSlider .swiper-pagination .swiper-pagination-bullet{}
.FocusSlider .swiper-pagination .swiper-pagination-bullet-active{ background: #262626;}
.video_iframe{position: absolute;right: -110%;top: 0;width: 100%;height: 100%;z-index: 99;opacity: 0;background: #000;-webkit-transition:right .0s;-o-transition:right .0s;transition:right .0s;}
.video_iframe.on{right:0;opacity: 1;}
.video_iframe .close{position: absolute;right: 20px;top: 20px;font-size: 40px;height: 70px;width: 70px;border-radius: 70px;line-height: 70px;text-align: center;color: #000;background: rgb(255 255 255 / 70%);}
.video_iframe iframe{ width: 100%; height: 100%; border: none;}

.section_canShu{ padding: 100px 0 120px;}
.section_canShu h2{font-size: 40px;color: #000;line-height: 1;width: 100%;float: left;text-align: center;margin-bottom: 40px;}
.section_canShu p{float: left;width: 50%;border-bottom: 1px solid #efeff0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;line-height: 30px;font-size: 22px;padding: 30px 0;color: #747474;}
.section_canShu p span{color: #000;padding: 0 25px 0 0;}
.section_canShu p:nth-of-type(2n+2){}
.section_canShu p:nth-of-type(2n+2) span{}

.systemList {padding-bottom: 110px;background-color: #f5f5f7;}
.systemList .tit {font-size: 38px;color: #1d2023;line-height: 1;text-align: center;padding: 100px 0 25px;font-weight: lighter;}
.systemList ul {margin: 0 -13px;}
.systemList li {float: left;width: 50%;padding: 38px 13px 0;}
.systemList li a {border-radius: 20px;overflow: hidden;display: block;background: #fff;}
.systemList li .pic {}
.systemList li .pic img {}
.systemList li .bd {padding: 33px 25px 28px;}
.systemList li a h2 {font-size: 23px;line-height: 1;color: #000;margin-bottom: 15px;}
.systemList li a .desc {color: #3a3a3a;font-size: 15px;line-height: 2;position: relative;padding: 0 160px 0 0;}
.systemList li a p {}
.systemList li a span {position: absolute;right: 0;top: 0;font-size: 15px;line-height: 30px;border: 1px solid #00b8b8;padding: 0 15px;border-radius: 30px;color: #00b8b8;}

.section_youShi{padding: 100px 0 120px;}
.section_youShi .tit{line-height: 1; text-align: center;color: #000;padding-bottom: 50px;}
.section_youShi .tit h2{font-size: 40px;padding-bottom: 25px;}
.section_youShi .tit p{font-size: 28px;font-family: 'OPPOSans-L';}
.section_youShi ul{ margin: 0 -12px;}
.section_youShi li{padding: 0 12px; float: left; width: 33.3333%;}
.section_youShi li .item{background-color: #f5f5f7;border-radius: 20px;overflow: hidden;text-align: center;color: #000;padding: 0 0 40px;}
.section_youShi li h2{font-size: 33px;font-family: 'OPPOSans-M';line-height: 1;padding: 40px 0 15px;}
.section_youShi li p{font-family: 'OPPOSans-L';font-size: 28px;line-height: 50px;}


.footerAD{background: url("img/footerAD_bg.jpg") repeat-x; position: relative;}
.footerAD .desc{position: absolute;left: 0;top: 90px;width: 100%;text-align: center;line-height: 1;}
.footerAD .desc h2{font-family: 'OPPOSans-M';font-size: 40px;line-height: 1;color: #000;margin-bottom: 30px;}
.footerAD .desc p{font-family: 'OPPOSans-L';font-size: 28px;line-height: 30px;color: #000;}
.footerAD img{}