@charset "utf-8";
/* CSS Document */
body{background: #fff}
.pageFooter{margin-top: 0}
.about_swiper{margin-bottom: 0!important}
.about_swiper .about_hd li.swiper-slide-thumb-active{ background: #00b8b8!important}
.about_swiper{margin-top: 0!important}

.breadCrumb{height: 37px;line-height: 37px; background-color: #fafafc; color: #434343}
.breadCrumb a{font-size: 14px; color: #434343;}
.breadCrumb a:hover{}

.DetailFocusHull{padding: 29px 0 47px;}
.DetailFocusHull .tit{font-size: 36px;line-height: 40px;color: #333;text-align: left;padding: 18px 0 0 0;}
.DetailFocusHull .tit span{font-size: 24px;line-height: 30px;display: block;margin-top: 10px;}
.DetailFocusHull .desc{font-size: 17px;line-height: 35px;color: #333;padding: 22px 0 14px 0;}
.DetailFocusHull .desc p{padding: 0 0 0 15px;position: relative;}
.DetailFocusHull .desc p:before{content: '';width: 5px;height: 5px;background: #999;border-radius: 5px;position: absolute;left: 0;top: 15px;}
.DetailFocusHull .info{width: 610px;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: 25px 0 25px 0;}
.DetailFocusHull .info .choose li{zoom: 1;padding: 0 0 15px 90px;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 #dcdcdc;border-radius: 4px;float: left;margin: 0 7px 10px;padding: 0 10px;min-width: 110px;/* display: block; */text-align: center;}
.DetailFocusHull .info .choose li a.on{border-color: #00b8b8;background: #00b8b8;color: #fff;}

.DetailFocusHull .info .choose dl{zoom: 1;padding: 0 0 15px 90px;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;}
.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("/web/products/img/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;}
.DetailFocusHull .info .btns a:hover{background-color: #02cbcb;}
.DetailFocusHull .info .btns .QR a{background-image: url("/web/products/img/btnIcon_2.png")}
.DetailFocusHull .info .btns a span{background: url("/web/products/shewei/img/QR.png") no-repeat;background-size: 190px 200px;width: 190px;height: 200px;position: absolute;left: 50%;top: -200px;margin-left: -100px;display: none;}
.DetailFocusHull .info .btns a:hover span{display: block;}

.FocusSlider_Wrap{width: 620px;/* height: 620px; */float: left;position: relative;}
.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;}
.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;}
.FocusSlider_Wrap .btns a{font-size: 16px;color: #333;background: #e8e8e8;line-height: 32px;border-radius: 32px;padding: 0 18px;margin: 0 4px;display: inline-block;}
.FocusSlider_Wrap .btns a i{vertical-align: top;padding: 0 10px 0 0;font-size: 14px;}
.FocusSlider_Wrap .btns a.on{background: #262626;color: #dfdfdf;}
.FocusSlider .swiper-pagination{/* display: none; */width: 62px;height: 8px;text-align: center;line-height: 8px;color: #fff;border-radius: 4px;font-size: 20px;bottom: 24px!important;}
.FocusSlider .swiper-pagination .swiper-pagination-bullet{background:#c3c7cd;opacity: 1;}
.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;}

.floor_wrapper{}
.floor_wrapper .floor_Num{position: relative;height: 70px;}
.floor_wrapper .floor_Num .floor_NumHull{position: absolute;z-index: 9;left: 0;top: 0;width: 100%;height:70px;padding: 17px 0 0 0;line-height: 37px;overflow: hidden;transition: top 0s;}
.floor_wrapper .floor_Num.on .floor_NumHull{position: fixed;top: 80px;}
.floor_wrapper .floor_Num ul{/* overflow: hidden; */float: left;position: relative;z-index: 3;}
.floor_wrapper .floor_Num li{float: left;/* margin-left: -20px; */margin-right: 50px;}
.floor_wrapper .floor_Num li span{font-size: 18px;color: #333;/* padding: 0 40px 0 20px; */position: relative;display: block;}
.floor_wrapper .floor_Num li span:before{content: '';width: 100%;height: 4px;border-radius: 1px;background: #00b8b8;position: absolute;left: 0;bottom: -20px;margin-top: -9px;}
.floor_wrapper .floor_Num li.on span{ color: #00abac!important; }
.floor_wrapper .floor_Num li.on span:before{ bottom: -16px;}
.floor_wrapper .floor_Num .right{float: right;font-size: 18px;color: #333;position: relative;z-index: 3;}
.floor_wrapper .floor_Num .right a{float: right;margin-left: 40px; font-size: 18px; background: #00b8b8; border-radius: 4px; color: #fff; padding: 0 30px;}
.floor_wrapper .floor_Num .right a:hover{opacity: .9}
.floor_wrapper .floor_Num .floor_NumHull:before{content: '';background: #fafafc;width: 200%;height: 200%;position: absolute;left: -50%;top: -50%;}
.floor_wrapper .floor_Num.on .floor_NumHull:before{background: #323232;}
.floor_wrapper .floor_Num.on2 .floor_NumHull:before{/*filter: blur(30px);*/ /*backdrop-filter: blur(5px);*/ background: rgb(50 50 50 / 80%);-webkit-backdrop-filter: saturate(180%) blur(20px); backdrop-filter: saturate(180%) blur(20px); }
.floor_wrapper .floor_Num.on li span{color: #d5d5d5;}


.section_brand{ background: url(img/brand_bg.jpg) #edf1f4 no-repeat 50% 100% / cover;}
.section_brand img{display: block; margin: 0 auto;}
.section_brand .desc{ padding: 80px 0 0 0; line-height: 1; text-align: center;color: #49484c;}
.section_brand .desc img{ }
.section_brand h2{ font-size: 40px; padding: 15px 0 0 0; }
.section_brand p{ font-size: 20px; padding: 20px 0}

.section_main{background-image: url("img/main_bg.jpg");background-repeat: no-repeat;background-position: 50% 100%;/* background-size: cover; */min-height: 920px;backdrop-filter: blur(76px);}
.section_main .wrap{position: relative;}
.section_main .desc{ position: absolute; left: 0; top: 75px; width: 100%; text-align: center; line-height: 1;}
.section_main .desc h2{font-family: 'OPPOSans-M';font-size: 40px;line-height: 50px;color: #262626;margin-bottom: 10px;}
.section_main .desc p{font-family: 'OPPOSans-M';font-size: 20px;line-height: 30px;color: #323232;}
.section_main img{ margin: 0 auto; display: inherit;}
.section_main .desc.white h2,.section_main .desc.white p{color: #fff;}


.section_system .system{}
.section_system .system ul{}
.section_system .system li{background-repeat: no-repeat;background-position: 50% 50%;background: url("img/system_bg.jpg") repeat-x center center / 100% 100%;padding: 0px 0 50px;text-align: center;font-size: 20px; }
.section_system .system .tit{font-family: 'OPPOSans-M';padding: 53px 0 10px 0;}
.section_system .system .tit h2{ font-size: 40px; line-height: 54px; color: #404040; margin-bottom: 5px;}
.section_system .system .tit p{font-size: 20px;color: #404040;line-height: 30px;}
.section_system .system .white,.section_system .system .white .tit h2,.section_system .system .white .tit p{color: #fff;}
.section_system .system .more{padding: 20px 0 0 0;}
.section_system .system .more a{font-size: 18px;background: #00b8b8;border-radius: 4px;color: #fff;padding: 0 70px;line-height: 52px;height: 52px;display: inline-block;text-align: center;}
.section_system .system .more a i{vertical-align: inherit;}
.section_system .system .more a:hover{opacity: .9;box-shadow: 0px 5px 10px 5px #c5d3d9;}
.section_system .system .bd{ max-height: 0; overflow:hidden;transition: max-height 0.5s;}
.section_system .system.on .bd{ max-height:8000px; }

.section_canShu{padding: 80px 0;text-align: center;}
.section_canShu h2{line-height: 1;font-size: 40px;color: #49484c;float: left;width: 100%;text-align: center;margin-bottom: 107px;}
.section_canShu img{ float: right; max-width: 49%; /* width: 60%; */}
.section_canShu p{zoom: 1;text-align: left;font-size: 16px;color: #7b7b7b;line-height: 26px;padding: 0px 40px 28px 150px;margin-right: -10px;float: left;width: 51%;font-family: "Microsoft YaHei", "SimHei";}
.section_canShu p:last-of-type{padding-bottom:0}
.section_canShu p::after { content: ""; display: block; clear: both; height: 0px; }
.section_canShu p span{font-size: 16px;color: #1d2023;float: left;margin-left: -150px;}

/*S 瀹㈡?锋?渚?*/
.mainItemTitle { padding: 140px 0 80px; text-align: center; font-size: 46px; color: #333; line-height: 1; font-weight: 600; }
.mainTitle {/* max-width: 1250px; *//* margin: 0 auto; *//* height: 69px; */border-bottom: 1px solid #ededed;padding: 0 0 18px;text-align: center; background:none;}
.mainTitle h2 {font-size: 40px;color: #49484c;line-height: 1;/* text-align: center; */padding: 0 0 40px;border-bottom: 1px solid #ececec;margin: 0 0 18px;font-weight: lighter;}
.mainTitle ul{display: inline-block;overflow: hidden;vertical-align: top;}
.mainTitle ul li{float: left;/*padding: 0 20px;*/position: relative;}
.mainTitle ul li:before{content:'';width: 1px;height: 14px;background: #e8e8e8;position: absolute;left: -1px;top: 50%;margin-top: -7px;}
.mainTitle ul li a{display: block;font-size: 18px;color: #49484c;line-height: 38px;padding: 0 40px;}
.mainTitle ul li.on{padding: 0 20px;}
.mainTitle ul li.on a{color: #fff;background: #00b8b8;}
.mainTitle .more { float: right; line-height: 69px; font-size: 20px; color: #666; padding: 0; min-height: auto; display: inline-block; width: auto; }
.mainTitle .more i { padding: 0 0 0 10px; }
.mainTitle .more:hover { color: #33cbcb; }
.mainTitle .more:before { display: none }
.mainItem_caseBox {background: #fafafc;padding: 80px 0 80px;}
.mainItem_case {/* padding: 30px 0; */}
.mainItem_case .mainItemTitle { padding: 140px 0 90px; color: #1d2023; }
.mainItem_case ul {}
.mainItem_case li {width: 33.333333%;padding: 0 10px 50px;}
.mainItem_case li a.item {display: block;box-shadow: 0px 8px 9px 0px #f7f7f7;border: 1px solid #edf0f4;}
.mainItem_case li a, .mainItem_case li a * { transition-property: all; -ms-transition-property: all; -moz-transition-property: all; -webkit-transition-property: all; -o-transition-property: all; transition-duration: .2s; -ms-transition-duration: .2s; -moz-transition-duration: .2s; -webkit-transition-duration: .2s; }
.mainItem_case li a.item .pic { height: 230px; background-size: cover; background-position: center center; }
.mainItem_case li a.item .hd { }
.mainItem_case li a.item .bd {padding: 30px 25px 0;position: relative;/* border: 1px solid #edf0f4; *//* border-top: none; */background: #fff;}
.mainItem_case li a.item .bd span { float: right; line-height: 46px;}
.mainItem_case li a.item .bd span i {/* display: block; *//* font-size: 18px; *//* color: #595959; *//* line-height: 1; *//* padding-bottom: 10px; */font-size: 12px;}
.mainItem_case li a.item .bd h4 {font-size: 18px;color: #1d2023;line-height: 26px;margin-bottom: 10px;height: 52px;overflow: hidden;}
.mainItem_case li a.item .bd p {font-size: 14px;line-height: 22px;color: #828282;height: 44px;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.mainItem_case li a.item .bdHull{ border-top: 1px solid #eceff4; margin: 15px 0 0 0; padding: 0 0 10px;}
.mainItem_case li a.item .bdHull .logos{float: left;/* max-height: 25px; */padding: 10px 0 0 0;}
.mainItem_case li a.item .bdHull img{max-height: 25px;}
.mainItem_case li a.item:hover h4 { color: #33cbcb;/* font-weight: 600; */ }
.mainItem_case li a.item:hover { box-shadow:0px 5px 5px -1px rgba(161, 161, 161, 0.2); margin-top: -10px;    margin-bottom: 10px; }
.mainItem_case li a.item:hover .bd p {/* color: #79757d; */}
.mainItem_case li .tag { padding: 20px 0 0 80px; }
.mainItem_case li .tag a { margin-right: 6px; color: #7d7d7d; }
.mainItem_caseWrap {position: relative;margin-top: 60px;margin: 60px -10px 0;}
.mainItem_caseWrap .swiper-button-prev, .mainItem_caseWrap .swiper-button-next { width: 40px; height: 40px; top: 50%; margin-top: -20px; background: url(img/arrow.png?v1) no-repeat 0 0; display: none; }
.mainItem_caseWrap .swiper-button-prev {left: -50px;background-position: 0 0;}
.mainItem_caseWrap .swiper-button-next {right: -50px;background-position: right 0;}
.mainItem_caseWrap .swiper-button-prev:hover { background-position: 0 bottom; }
.mainItem_caseWrap .swiper-button-next:hover { background-position: right bottom; }
.mainItem_caseMore {text-align: center;/* padding: 0 0 50px; */}
.mainItem_caseMore a {line-height: 52px;border-radius: 4px;display: inline-block;font-size: 18px;padding: 0 95px;color: #fff;background: #00b8b8;}
.mainItem_caseMore i {font-size: 12px;padding: 0 0 0 5px;vertical-align: bottom;}
.mainItem_caseMore a:hover {opacity: .9;color: #fff;}
/*e 瀹㈡?锋?渚?*/
@media(max-width:1600px) {
    .FocusSlider_Wrap{width:48%;}  
    .DetailFocusHull .info{width: 48%;}
}