/* 添加一些公共不影响原有 */
.w1400{width: 1400px; margin: 0 auto;}
/* 对齐 */
.yys_ver_mid{display: inline-block; vertical-align: middle;}

/* 滚动条 */
html::-webkit-scrollbar {display: none; height: 0; width: 0; color: transparent;}

div, h1, h2, h3, h4, h5, h6, dl, ol, ul, dt, dd, li, img, span, form, p, input,select,textarea, dl {margin: 0; padding: 0; list-style: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; outline: none; color: #FFFFFF;}

img{max-width: 100%; height: auto; -o-object-fit: cover; object-fit: cover;}

/* 超出隐藏 */
.overflow-1{overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.overflow-2{overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box !important;}
.overflow-3{overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 3; -webkit-box-orient: vertical; display: -webkit-box !important;}
.overflow-5{overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 5; -webkit-box-orient: vertical; display: -webkit-box !important;}

.hide{display: none;}
.show{display: block;}

.yys-opacity {cursor: pointer; transition: opacity .3s ease-in-out; -webkit-tap-highlight-color: rgba(0,0,0,0);}
.yys-opacity:hover {opacity: 0.7 !important;}

/* 侧边栏 - right */
.yys_right{position: fixed; right: 0; bottom: 120px; z-index: 999;}
.yys_r_list{display: block; margin-top: 4px; background-color: #3370ff; font-size: 0; position: relative; right: -130px; transition: all 0.7s ease-in-out;}
.yys_r_list>.i{width: 50px; height: 50px; position: relative;}
.yys_r_list>.i>img{display: block; position: absolute; top: 50%; left: 50%; z-index: 1; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%);}
.yys_r_list>.t{font-size: 14px; color: #ffffff; width: 130px; line-height: 50px; padding-left: 8px; box-sizing: border-box;}
.yys_r_list:hover{right: 0px;}

/* 背景图 */
.yys_background{position: relative; padding-top: 80px;}
.yys_background>img, .yys_background>video{width: 100%; height: calc(100vh - 80px); -o-object-fit: cover; object-fit: cover;}
.yys_bg_cont{width: 1400px; position: absolute; bottom: 100px; left: 50%; z-index: 99; transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0);}
.yys_bg_cont>.t1{font-size: 20px; color: #ffffff; line-height: normal;}
.yys_bg_cont>.xian{width: 52px; height: 2px; background-color: #ffffff; font-size: 0; margin: 22px 0;}
.yys_bg_cont>.t2{font-size: 34px; font-weight: bold; color: #ffffff; letter-spacing: 4px; line-height: normal;}
.yys_bg_cont>.t3{font-size: 20px; font-weight: bold; color: #ffffff; letter-spacing: 2px; line-height: normal; margin-top: 8px;}

/* yys_nav */
.yys_nav_wrap{padding: 28px 0; height: 88px; box-sizing: border-box;}
.yys_nav_wrap.bg_000{background-color: rgba(13, 13, 11, 0.8);}
.yys_nav_wrap.bg_fff{background-color: #FFFFFF;}
.yys_nav{height: 32px;}
.yys_nav>.lt, .yys_nav>.rt{font-size: 0;}
.yys_nav>.lt>.tit{line-height: 32px; padding: 0 12px; font-size: 14px; color: #666666; margin-right: 12px; display: inline-block; vertical-align: top; transition: all 0.5s;}
.yys_nav>.lt>.tit.act, .yys_nav>.lt>.tit:hover{background-color: #3370ff; color: #ffffff;}
.yys_nav>.rt>.i, .yys_nav>.rt>.i2{font-size: 0; width: 32px; height: 32px; display: inline-block; vertical-align: top;}
.yys_nav>.rt>.i>img{width: 16px; height: 14px; display: block; margin: 8px auto 0;}
.yys_nav>.rt>.i2>img{width: 6px; height: 8px; display: block; margin: 13px auto 0;}
.yys_nav>.rt>.txt{line-height: 32px; font-size: 16px; color: #5B758B; display: inline-block; vertical-align: top; transition: all 0.5s;}
.yys_nav>.rt>.txt:hover{color: #3370ff !important;}

/* 联系方式 */
.list_contact_wrap{background-color: #19242e;}
.list_contact_cont{text-align: center; padding-top: 30px; padding-bottom: 100px;}
.list_contact_tit{font-size: 34px; line-height: normal; font-weight: bold; color: #ffffff;}
.list_contact_txt{font-size: 20px; line-height: normal; color: #eaeaea; margin-top: 4px;}
.list_contact_ul{font-size: 0; margin-top: 40px;}
.list_contact_li{display: inline-block; vertical-align: top; width: 260px; height: 280px; background-color: #293540; margin-left: 25px; padding-top: 56px; box-sizing: border-box; cursor: default;}
.list_contact_li:first-child{margin-left: 0;}
.list_contact_li>.icon{width: 96px; height: auto; display: block; margin: 0 auto;}
.list_contact_li>.tit{font-size: 18px; color: #ffffff; margin-top: 30px;}
.list_contact_li>.txt{font-size: 16px; color: #879ba5;}

/* 意见反馈 */
.list_feed_wrap{background-color: #ffffff;}
.list_feed_cont{width: 880px; margin: 0 auto; padding-top: 74px; padding-bottom: 100px;}
.list_feed_tit{font-size: 18px; color: #111111; line-height: 28px;}
.list_feed_txt{font-size: 14px; color: #111111; line-height: 28px;}
.list_feed_txt>div{display: inline-block; color: #3370ff; margin-left: 4px;}
.list_feed_ipt{width: 100%; height: 40px; line-height: 40px; font-size: 14px; display: block; border: 1px solid #ededed; padding-left: 14px; margin-top: 24px;}
.list_feed_text{width: 100%; height: 80px; border: 1px solid #ededed; font-size: 14px; display: block; padding-left: 14px; margin-top: 24px; box-sizing: border-box;}
.list_feed_btn{width: 120px; line-height: 40px; background-color: #3370ff; font-size: 14px; color: #ffffff; text-align: center; margin-top: 32px;}

/* 优秀门店 */
.list_store_wrap{position: relative; margin-top: 80px;}
.list_store_wrap>.img_bg{position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: -1; height: 100%;}
.list_store_cont{padding-top: 50px; padding-bottom: 20px;}
.list_store_tit{font-size: 34px; font-weight: bold; color: #ffffff; text-align: center; line-height: normal;}
.list_store_txt{font-size: 20px; color: #eaeaea; text-align: center; line-height: normal; margin-top: 6px;}
.list_store_ul{font-size: 0; margin-top: 40px; cursor: default;}
.list_store_li{width: 440px; height: 390px; background-color: #293540; margin-right: 40px; display: inline-block; vertical-align: top; padding: 40px 40px 0; box-sizing: border-box; margin-bottom: 40px;}
.list_store_li:nth-child(3n){margin-right: 0;}
.list_store_li>.icon{width: 100%; height: 176px; overflow: hidden;}
.list_store_li>.icon>img{display: block; width: 100%; height: 100%;}
.list_store_li>.tit{font-size: 20px; color: #ffffff; line-height: 36px; padding-top: 24px; margin-bottom: 10px;}
.list_store_li>.cont{font-size: 0;}
.list_store_li>.cont>.icon{width: 16px; height: auto; display: inline-block; vertical-align: middle; margin-right: 10px;}
.list_store_li>.cont>.txt{display: inline-block; vertical-align: middle; font-size: 14px; color: #afb8ca; line-height: 36px; min-height: 36px;}

/* 定制预约 */
.list_custom_wrap{background-color: #ffffff;}
.list_custom_cont{}
.list_custom_form{padding: 12px 0 80px; width: 880px; margin: 0 auto;}
.list_custom_ipt{width: 100%; height: 40px; line-height: 40px; font-size: 14px; display: block; border: 1px solid #ededed; padding-left: 14px; margin-top: 24px;}
.list_custom_ipt:first-child{margin-top: 0;}
.list_custom_text{width: 100%; height: 80px; border: 1px solid #ededed; font-size: 14px; display: block; padding-left: 14px; margin-top: 24px; box-sizing: border-box;}
.list_custom_btn{width: 120px; line-height: 40px; background-color: #3370ff; font-size: 14px; color: #ffffff; text-align: center; margin-top: 32px;}

/* 招商加盟 */
.list_ipt_list{font-size: 0; display: flex; align-items: center; padding: 0; position: relative; margin: 0 -10px;}
.list_ipt_wrap{width: calc(33.3% - 20px); display: inline-block; vertical-align: top; margin: 0 10px; position: relative;}
.list_ipt_wrap>.ipt{width: 100%; height: 40px; line-height: 40px; font-size: 14px; display: block; padding-left: 14px; background-color: #3f4c56;}
.list_ipt_wrap>.i_rt{width: 8px; height: 6px; position: absolute; top: 16px; right: 18px; z-index: 1;}

/* 新闻资讯 */
.list_news_wrap{} 
.list_news_top{font-size: 0; background-color: #ffffff;}
.news_lt, .news_rt{display: inline-block; vertical-align: top;}
.news_lt{width: 800px; height: 500px;}
.news_lt .swiper-slide{display: block;}
.news_lt .swiper-slide img{width: 800px; height: 500px;}
.news_lt>.swiper-pagination{bottom: 20px !important;}
.news_lt .swiper-pagination-bullet{width: 28px; height: 4px; background-color: #ffffff; opacity: 0.4; border-radius: 0;}
.news_lt .swiper-pagination-bullet-active{opacity: 1;}
.news_lt .swiper-button-next:after, .news_lt .swiper-rtl .swiper-button-prev:after, .news_lt .swiper-button-prev:after, .news_lt .swiper-rtl .swiper-button-next:after{font-size: 24px; color: #FFFFFF;}
.news_lt .swiper-button-next:hover:after, .news_lt .swiper-rtl .swiper-button-prev:hover:after, .news_lt .swiper-button-prev:hover:after, .news_lt .swiper-rtl .swiper-button-next:hover:after{color: #3370ff;}
.news_lt .swiper-button-prev, .news_lt .swiper-button-next{width: 36px; height: 72px; background-color: rgba(0,0,0,.3); cursor: pointer;}
.news_lt .swiper-button-prev{border-radius: 0 4px 4px 0; left: 0;}
.news_lt .swiper-button-next{border-radius: 4px 0 0 4px; right: 0;}
.news_rt{width: 600px; box-sizing: border-box;}
.news_rt .swiper-slide{padding: 0 40px; background-color: #FFFFFF; height: 500px; overflow: hidden;}
.news_rt .t1{font-size: 28px; color: #111111; line-height: 48px; padding-top: 30px; height: 126px; display: block;}
.news_rt .t1:hover{color: #3370ff;}
.news_rt .t2{font-size: 16px; color: #666666; line-height: 24px; margin-top: 16px; margin-bottom: 130px;}
.news_rt .t3{display: inline-block; padding: 0 20px; line-height: 32px; background-color: #3370ff; text-align: center; font-size: 16px; color: #ffffff;}
.news_rt .t4{font-size: 0; margin-top: 10px;}
.news_rt .t4>.date{font-size: 14px; color: #999999; line-height: 22px;}
.news_rt .t4>.num{font-size: 0;}
.news_rt .t4>.num>img{width: 20px; height: 13px; margin-right: 8px;}
.news_rt .t4>.num>div{font-size: 12px; color: #999999; line-height: 22px;}
.list_news_list>.tit{font-size: 20px; color: #FFFFFF; line-height: normal; padding-top: 56px;}
.news_ul{margin: 40px -12px 26px; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.news_li{display: block; margin: 0 12px 24px; width: calc(25% - 24px); box-sizing: border-box; background-color: #fff; overflow: hidden;}
.news_li>.img{width: 100%; height: 208px; overflow: hidden;}
.news_li>.img>img{width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; transition: all 0.7s ease-in-out;}
.news_li>.img>img:hover{transform: scale(1.1);}
.news_li>.tit{font-size: 18px; color: #111111; line-height: 28px; height: 56px; padding: 0 24px; margin-top: 18px; transition: all 0.5s;}
.news_li>.tit:hover{color: #3370ff;}
.news_li>.txt{display: inline-block; padding: 0px 8px; line-height: 24px; background-color: #f6f7f9; text-align: center; font-size: 14px; color: #999; margin-left: 24px; margin-top: 40px;}
.news_li>.txt:hover{background-color: #3370ff; color: #ffffff;}
.news_li>.bot{font-size: 0; padding: 0 24px 24px; margin-top: 16px;}
.news_li>.bot>.date{font-size: 14px; color: #999999; line-height: 22px;}
.news_li>.bot>.num{font-size: 0;}
.news_li>.bot>.num>img{width: 20px; height: 13px; margin-right: 8px;}
.news_li>.bot>.num>div{font-size: 12px; color: #999999; line-height: 22px;}

/* 新闻资讯详情 */
.show_news_wrap{padding-bottom: 90px;}
.show_news_cont{width: 1150px; margin: 0 auto;}
.s_news_cont{font-size: 0; padding-top: 12px;}
.s_news_lt, .s_news_rt{display: inline-block; vertical-align: top;}
.s_news_lt{width: 300px;}
.s_news_lt>.date{font-size: 26px; color: #FFFFFF; line-height: 26px;}
.s_news_lt>.author{font-size: 14px; color: #5B758B; line-height: 26px; margin-top: 6px;}
.s_news_lt>.num{font-size: 0; margin-top: 4px;}
.s_news_lt>.num>img{width: 20px; height: 13px; margin-right: 8px;}
.s_news_lt>.num>div{font-size: 12px; color: #5B758B; line-height: 22px;}
.s_news_rt{width: 850px;}
.s_news_rt>.tit{font-size: 26px; color: #FFFFFF; line-height: 36px;}
.s_news_rt>.desc{margin-top: 30px; padding-bottom: 48px;}
.s_news_rt>.desc div, .s_news_rt>.desc span, .s_news_rt>.desc p{ color: #CFDBE7;}
.s_news_rt>.txt{font-size: 12px; color: #FFFFFF; line-height: normal; border-bottom: 1px dashed #e8e8e8; padding-bottom: 12px;}
.s_news_rt>.moe{font-size: 0; margin-top: 16px;}
.s_news_rt>.moe>.txt{font-size: 14px; color: #FFFFFF; line-height: 26px; margin-bottom: 8px;}
.s_news_rt>.moe a{color: #FFFFFF; display: inline-block; vertical-align: middle; transition: all 0.5s;}
.s_news_rt>.moe a:hover{color: #3370ff;}

/* VR全景 */
.list_vr_wrap{background-color: #19242e; min-height: 100vh; padding-bottom: 100px; padding-top: 64px;}
.nav_vr{position: fixed; top: 80px; left: 0; right: 0; z-index: 99;}
.nav_vr .yys_nav>.lt>.tit, .nav_vr .yys_nav>.rt>.txt{color: #FFFFFF;}
.list_vr_ul{}
.list_vr_li{display: block; margin-bottom: 80px;}
.vr_li_img{height: 620px; position: relative; overflow: hidden;}
.vr_li_img>.img{width: 100%; height: 100%; transition: all 0.7s ease-in-out;}
.vr_li_img:hover>.img{transform: scale(1.1);}
.vr_li_img>.bg{position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 9; background-color: rgba(25,36,46,0.8); opacity: 0; transition: all 1s ease-in-out;}
.vr_li_img:hover >.bg{opacity: 1;}
.vr_li_img>.bg>.icon{width: 380px; display: block; margin: 216px auto 56px;}
.vr_li_img>.bg>.btnn{width: 220px; line-height: 50px; background-color: #3370ff; text-align: center; margin: 0 auto; font-size: 0;}
.vr_li_img>.bg>.btnn>.t{font-size: 18px; color: #ffffff; line-height: 50px;}
.vr_li_img>.bg>.btnn>.i{width: 19px; margin-left: 10px;}
.vr_li_cont{padding: 50px; box-shadow: 0px 6px 20px #252e3c;}
.vr_li_cont>.txt{position: relative;}
.vr_li_cont>.txt.t2{margin-top: 50px;}
.vr_li_cont>.txt>.tt{font-size: 0; display: inline-block; vertical-align: middle;}
.vr_li_cont>.txt>.lt{width: 100%;}
.vr_li_cont>.txt>.rt{position: absolute; top: 0; right: 0; z-index: 1;}
.vr_li_cont>.txt .i{width: 32px; margin-right: 16px; display: inline-block; vertical-align: middle;}
.vr_li_cont>.txt .t{font-size: 28px; color: #afb9c1; line-height: normal; display: inline-block; vertical-align: middle; min-width: 80px;}
.vr_li_cont>.txt>.lt>.t{width: 80%; transition: all 0.5s;}
.vr_li_cont>.txt>.lt>.t:hover{color: #3370ff;}

/* 案例详情 */
.show_case_wrap{padding-bottom: 100px;}
.show_case_tit{display: flex; align-items: flex-start; flex-wrap: wrap; margin-top: 12px;}
.show_case_tit>.i{width: 32px; margin-right: 20px;}
.show_case_tit>.t{width: calc(100% - 52px); font-size: 34px; font-weight: bold; color: #FFFFFF; line-height: 40px;}
.show_case_ul{display: flex; align-items: center; margin-top: 14px;}
.show_case_ul>.list{display: flex; align-items: center; margin-right: 24px; width: 15%;}
.show_case_ul>.list:first-child{margin-right: 60px; width: 70%;}
.show_case_ul>.list>.i{width: 26px; margin-right: 22px;}
.show_case_ul>.list>.i2{width: 32px; margin-right: 28px;}
.show_case_ul>.list>.t{font-size: 24px; font-weight: 400; color: #FFFFFF; line-height: 40px;}
.show_case_ul>.list>.t2{font-size: 28px; font-weight: 400; color: #FFFFFF; line-height: 40px;}
.show_case_desc{margin-top: 32px; font-size: 16px; font-weight: 400; color: #FFFFFF; line-height: 26px;}
.show_case_editor{margin-top: 60px;}
.show_case_btns{display: flex; align-items: center; flex-direction: row-reverse; margin-top: 80px;}
.show_case_btns>.t{display: block; width: 40px; height: 40px; font-size: 0; margin-left: 24px;}
.show_case_btns>.t.lt{background-image: url(../images/imgl_11_03.png);}
.show_case_btns>.t.rt{background-image: url(../images/imgl_11_04.png);}
.show_case_btns>.t.lt:hover{background-image: url(../images/imgl_11_03_act.png);}
.show_case_btns>.t.rt:hover{background-image: url(../images/imgl_11_04_act.png);}

/* 产品中心 */
.list_product_wrap{background-color: #19242e; min-height: 100vh;}
.list_product_cont{padding: 60px 0 100px; font-size: 0;}
.list_pro_lt, .list_pro_rt{display: inline-block; vertical-align: top;}
.list_pro_lt{width: 420px; padding-right: 100px;}
.list_pro_rt{width: 980px;}
.list_pro_lt>.tit{font-size: 24px; color: #ffffff; line-height: 32px; margin-bottom: 30px;}
.list_pro_lt .ipt_list{margin-bottom: 16px; position: relative;}
.list_pro_lt .ipt_list>.ipt{width: 320px; height: 44px; line-height: 44px; background-color: #19242e; border-bottom: 1px solid #293540; color: #ffffff; padding-right: 20px;}
.list_pro_lt .ipt_list>.ipt::-webkit-input-placeholder {color: #ffffff;}
.list_pro_lt .ipt_list>.ipt :-moz-placeholder {color: #ffffff;}
.list_pro_lt .ipt_list>.ipt::-moz-placeholder {color: #ffffff;}
.list_pro_lt .ipt_list>.ipt:-ms-input-placeholder {color: #ffffff;}
.list_pro_lt .ipt_list>.i_rt{width: 13px; position: absolute; top: 50%; right: 0px; z-index: 1;}
.list_pro_lt>.ipt_btn{width: 64px; line-height: 32px; background-color: #3370ff; font-size: 14px; color: #ffffff; text-align: center; margin-top: 40px; cursor: pointer;}
.list_pro_list>.tit{font-size: 24px; color: #ffffff; line-height: 32px; margin-bottom: 24px;}
.list_pro_ul{font-size: 0;}
.list_pro_li{width: 300px; display: inline-block; vertical-align: top; margin-right: 40px; margin-bottom: 40px; position: relative; overflow: hidden;}
.list_pro_li:nth-child(3n){margin-right: 0;}
.list_pro_li>.img{width: 300px; height: 200px; overflow: hidden;}
.list_pro_li>.img>img{width: 100%; height: 100%; transition: all 0.7s ease-in-out;}
.list_pro_li>.img>img:hover{transform: scale(1.1);}
.list_pro_li>.cont{background-color: transparent; padding: 22px; height: 128px; box-sizing: border-box;}
.list_pro_li>.cont>.tit{font-size: 18px; font-weight: bold; color: #ffffff; line-height: normal;}
.list_pro_li>.cont>.txt{font-size: 14px; color: #879ba5; line-height: 24px; height: 48px; margin-top: 12px;}
.list_pro_li>.hove{position: absolute; left: 0; right: 0; bottom: -128px; z-index: 1; background-color: #293540; padding: 22px; height: 128px; box-sizing: border-box; transition: all 0.3s ease-in-out;}
.list_pro_li>.hove>.t1{font-size: 16px; color: #ffffff; line-height: 24px;}
.list_pro_li>.hove>.t2{font-size: 14px; color: #ffffff; line-height: 24px; height: 48px; margin-top: 13px;}
.list_pro_li:hover>.hove{bottom: 0px;}
/* 省市区添加 */
.select_wrap {}
.select_wrap>.ipt_list{margin-bottom: 16px; position: relative;}
.ipt_list .sele {display: block; width: 320px; height: 44px; line-height: 44px; border-bottom: 1px solid #293540; color: #ffffff; padding-right: 20px; background: url(../images/imgl_10.png) right center no-repeat; background-size: 13px auto; background-color: #19242e; appearance: none; -moz-appearance: none; -webkit-appearance: none; -ms-appearance: none;}
select::-ms-expand { display: none;}
select::-webkit-scrollbar {display: none; height: 0; width: 0; color: transparent;}

/* 产品分类 */
.list_pro_nav_ul{font-size: 0;}
.list_pro_nav_list{width: 475px; height: 274px; margin-top: 30px; margin-right: 30px; display: inline-block; vertical-align: top; background: url(../images/imgl_14.png) 0 no-repeat; background-size: 100% 100%;}
.list_pro_nav_list:nth-child(even){margin-right: 0;}
.list_pro_nav_list>.i{width: 200px; height: 120px; display: block; margin: 46px auto 26px; overflow: hidden;}
.list_pro_nav_list>.i>img{width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; transition: all 0.4s ease-in-out;}
.list_pro_nav_list>.i>img:hover{transform: scale(0.9);}
.list_pro_nav_list>.t{font-size: 28px; color: #FFFFFF; text-align: center;}

/* 发展历程 */
.list_company_wrap{background-color: #19242e; min-height: 100vh;}
.list_company_cont{padding: 40px 0 200px;}
.comp_cont{position: relative; padding-top: 140px; box-sizing: border-box;}
.comp_c_xian{width: 10px; height: 1580px; background-color: #c7ccd2; font-size: 0; margin: 0 auto;}
.comp_c_posi{position: absolute; top: 50px; left: 0; right: 0; bottom: 0; z-index: 1;}
.comp_c_list{width: 500px; margin-left: 50%; position: relative;}
.comp_c_list>.img{margin-left: 54px; height: 70px; width: auto;}
.comp_c_list>.tit{font-size: 24px; color: #ffffff; line-height: 26px; margin-left: 54px; margin-top: 8px;}
.comp_c_list>.bod{position: relative; padding: 20px 0;}
.comp_c_list>.bod>.i{width: 40px; height: 40px; position: absolute; top: 0; z-index: 1;}
.comp_c_list>.bod>.img{width: 40px; height: 40px; position: absolute; top: 0; z-index: 1;}
.comp_c_list:nth-child(2)>.bod>.img, .comp_c_list:nth-child(6)>.bod>.img{background: url(../images/imgl_10_02.png) 0 0 no-repeat; background-size: 100% 100%;}
.comp_c_list:nth-child(3)>.bod>.img, .comp_c_list:nth-child(7)>.bod>.img{background: url(../images/imgl_10_03.png) 0 0 no-repeat; background-size: 100% 100%;}
.comp_c_list:nth-child(4)>.bod>.img, .comp_c_list:nth-child(8)>.bod>.img{background: url(../images/imgl_10_04.png) 0 0 no-repeat; background-size: 100% 100%;}
.comp_c_list:nth-child(5)>.bod>.img, .comp_c_list:nth-child(9)>.bod>.img{background: url(../images/imgl_10_05.png) 0 0 no-repeat; background-size: 100% 100%;}
.comp_c_list>.bod>.xian{width: 100%; height: 2px; background-color: #c7ccd2; font-size: 0;}
.comp_c_list>.txt, .comp_c_list p{font-size: 14px; color: #ffffff; line-height: 24px; margin-bottom: 12px; text-align: left; margin-left: 54px;}
.comp_c_list>.txt:last-child{margin-bottom: 0px;}
.comp_c_list:nth-child(even){text-align: right; left: -500px;}
.comp_c_list:nth-child(even)>.tit{margin-right: 54px; margin-left: 0;}
.comp_c_list:nth-child(even)>.img{margin-right: 54px; margin-left: 0;}
.comp_c_list:nth-child(odd)>.bod>.i, .comp_c_list:nth-child(odd)>.bod>.img{left: -20px;}
.comp_c_list:nth-child(even)>.bod>.i, .comp_c_list:nth-child(even)>.bod>.img{right: -20px;}
.comp_c_list:nth-child(even)>.txt, .comp_c_list:nth-child(even)>p{margin-right: 54px; margin-left: 0;}
.comp_top{width: 300px;}
.comp_top>.bod{padding: 16px 0;}
.comp_top>.bod>.i{width: 32px; height: 32px;}
.comp_top>.bod>.xian{background-color: #3370ff;}
.comp_top:nth-child(odd)>.bod>.i{left: -16px;}
.comp_bot{width: 380px;}
.comp_bot:nth-child(even){left: -380px;}
.comp_bot>.bod{padding: 16px 0;}
.comp_bot>.bod>.i{width: 32px; height: 32px;}
.comp_bot>.bod>.xian{background-color: #3370ff;}
.comp_bot:nth-child(even)>.bod>.i{right: -16px;}
.comp_bot>.txt{font-size: 16px; color: #ffffff; margin-bottom: 0; text-align: right;}
.comp_top>.img, .comp_bot>.img{width: auto; height: auto;}

/* 产品详情 */
.nav_s_product{position: fixed; top: 80px; left: 0; right: 0; z-index: 99;}
.yys_nav2>.lt>.tit{font-size: 16px; color: #ffffff; line-height: 32px; cursor: default;}
.yys_nav2>.rt{font-size: 0;}
.yys_nav2>.rt>.t1{font-size: 16px; color: #cad4ed; line-height: 32px; margin-left: 48px; cursor: pointer; transition: all 0.5s;}
.yys_nav2>.rt>.t1.act, .yys_nav2>.rt>.t1:hover{color: #ffffff;}
.yys_nav2>.rt>.t2{font-size: 14px; color: #ffffff; width: 56px; line-height: 24px; border: 1px solid #3370ff; text-align: center; margin-left: 48px; cursor: pointer; transition: all 0.5s;}
.yys_nav2>.rt>.t2.add{background-color: #3370ff;}
.show_product_wrap{background-color: #19242e; min-height: 100vh; padding-top: 140px; padding-bottom: 100px;}
.show_p_01{font-size: 0;}
.show_01_lt, .show_01_rt{display: inline-block; vertical-align: top;}
.show_01_lt{width: 680px;}
.show_01_lt>.img, .show_01_lt>.img>.list{width: 680px; height: 420px; position: relative;}
.show_01_lt>.img img, .show_01_lt>.img video, .show_01_lt>.imgs img{width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; transition: all 0.4s ease-in-out;}
.show_01_lt>.imgs{font-size: 0; margin-top: 40px;}
.show_01_lt>.imgs>.i{width: 120px; height: 80px; margin-left: 20px; display: inline-block; vertical-align: top; position: relative; cursor: pointer; overflow: hidden;}
.show_01_lt>.imgs>.i:first-child{margin-left: 0;}
.show_01_lt>.imgs .vid{border-bottom: 1px solid #FFFFFF; display: inline-block; position: absolute; top: 50%; left: 50%; z-index: 1; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); display: flex; align-items: center; padding: 0 4px;}
.show_01_lt>.imgs .vid>.sj{width: 0; height: 0; border: 6px solid transparent; border-left-color: #FFFFFF; font-size: 0;}
.show_01_lt>.imgs .vid>.t{font-size: 12px; color: #FFFFFF;}
.show_01_lt>.imgs img:hover{transform: scale(1.1);}
.show_01_rt{width: 720px; padding-left: 100px;}
.show_01_rt>.t1{font-size: 18px; font-weight: bold; color: #ffffff; line-height: 26px; margin-top: 10px;}
.show_01_rt>.t2{font-size: 22px; font-weight: bold; color: #fefefe;line-height: 32px; margin-top: 14px;}
.show_01_rt>.t3{font-size: 16px; color: #ffffff; line-height: 26px; margin-top: 24px; margin-bottom: 87px;}
.show_01_rt>.t4{font-size: 18px; font-weight: bold; color: #ffffff; line-height: 26px; padding-top: 32px; margin-bottom: 28px; border-top: 3px solid #f0f0f0;}
.show_01_rt>.t5{font-size: 0; margin-top: 18px;}
.show_01_rt>.t5>.i{width: 32px; height: auto;}
.show_01_rt>.t5>.t{font-size: 14px; color: #ffffff; line-height: 26px; margin-left: 20px;}
.show_p_02{margin-top: 40px;}
.show_p_02>.btns{display: flex; align-items: center; flex-direction: row-reverse; margin-top: 24px;}
.show_p_02>.btns>.t{display: block; width: 40px; height: 40px; font-size: 0; margin-left: 24px;}
.show_p_02>.btns>.t.lt{background-image: url(../images/imgl_11_03.png);}
.show_p_02>.btns>.t.rt{background-image: url(../images/imgl_11_04.png);}
.show_p_02>.btns>.t.lt:hover{background-image: url(../images/imgl_11_03_act.png);}
.show_p_02>.btns>.t.rt:hover{background-image: url(../images/imgl_11_04_act.png);}
.show_p_03{margin-top: 80px;}
.show_p_03>.tit{font-size: 0;}
.show_p_03>.tit>.t{font-size: 18px; color: #ffffff; line-height: 38px; margin-right: 56px; display: inline-block; vertical-align: top; border-bottom: 2px solid transparent; transition: all 0.5s; cursor: pointer;}
.show_p_03>.tit>.t.act, .show_p_03>.tit>.t:hover{font-weight: bold; border-bottom-color: #3370ff;}
.show_03_ul{font-size: 0; display: none;}
.show_03_li{width: 320px; height: 220px; margin-top: 24px; margin-right: 40px; display: inline-block; vertical-align: top; overflow: hidden;}
.show_03_li:nth-child(4n){margin-right: 0;}
.show_03_li>img{width: 100%; height: 100%; transition: all 0.7s ease-in-out;}
.show_03_li>img:hover{transform: scale(1.1);}