/*类标签*/ strong,a{text-decoration: none;} strong,a:hover{text-decoration: none;} img:not(.editor_img){height: 100%;width: 100%;border: 0;vertical-align: middle;object-fit: cover;} input{outline: none;padding-left: 10px;border: 1px solid #DEDEDE;} select{border-color: #DEDEDE;} textarea{outline: none;resize: none;padding:5px 0 0 10px;border-color: #DEDEDE;} a,p,b,li{ text-decoration:none;color: #333;} p{margin: 0;} b{display: block;} a:hover,button:hover{cursor:pointer;text-decoration:none;} span,u{font-weight: 400;font-style: normal;} table{border-collapse:collapse;} iframe{margin-bottom: -5px;} select{border-color: #DEDEDE;} label{font-weight: normal;} button{border: none;background-color: transparent;outline: none; } input::-webkit-input-placeholder {color: #999;}/* 修改placeholder的属性 */ input::-moz-input-placeholder {color: #999;} input::-ms-input-placeholder {color: #999;} textarea::-webkit-input-placeholder {color: #999;} textarea::-moz-input-placeholder {color: #999;} textarea::-ms-input-placeholder {color: #999;} *:focus{outline: none !important; box-shadow:none !important; }/* 取消focus点击效果 */ h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{font-weight: bold;} *::after,*::before{ transition: all .6s; -moz-transition: all .6s; /* Firefox 4 */ -webkit-transition: all .6s; /* Safari 和 Chrome */ -o-transition: all .6s; /* Opera */ } /* 滚动条 */ .scro::-webkit-scrollbar{ width:3px; } .scro::-webkit-scrollbar-track{ background: #314465; border-radius:2px; } .scro::-webkit-scrollbar-thumb{ background: #156bff; border-radius:25px; } .scro::-webkit-scrollbar-corner{ background: #156bff; } .scro2::-webkit-scrollbar{ width:3px; } .scro2::-webkit-scrollbar-track{ background: #e5e9ee; border-radius:2px; } .scro2::-webkit-scrollbar-thumb{ background: #156bff; border-radius:25px; } .scro2::-webkit-scrollbar-corner{ background: #156bff; } .scro3::-webkit-scrollbar{ width:3px; } .scro3::-webkit-scrollbar-track{ background: #e5e9ee; border-radius:2px; } .scro3::-webkit-scrollbar-thumb{ background: #156bff; border-radius:25px; } .scro3::-webkit-scrollbar-corner{ background: #156bff; } /*过渡*/ .nav_rr_inp form input,.h_b_txt_a a,.t_lm_con,.h_pro_nav a,.h_pro_b_hr,.h_pro_b_hr>span,.h_sol_con *,.h_case_logo_img,.vPack_gl_nav *,.subpb *,.public_a2,.cmdb_tx_hr,.cmdb_tx_hr *,.sol2_fa_con *,.bra_t_b *,.g-about-fz-b-box *,.bra_jr_nav_box *,.news_con *,.job *,.cont_ewm *,.cont_add_box *,.tec *,.suc_js_box *,.suc_xx_con *,.news_nr *,.news_nr,.case_show_gs_box a,.job2_t_l *,.suc_zz_box *{ transition: all .6s; -moz-transition: all .6s; /* Firefox 4 */ -webkit-transition: all .6s; /* Safari 和 Chrome */ -o-transition: all .6s; /* Opera */ } .icon_animation img{ transition: all .3s; -moz-transition: all .3s; /* Firefox 4 */ -webkit-transition: all .3s; /* Safari 和 Chrome */ -o-transition: all .3s; /* Opera */ } /*延迟*/ .sy_t_box:nth-child(2),.xinw_nr_box:nth-child(2){ animation-delay:.2s; -webkit-animation-delay:.2s; /* Safari 和 Chrome */ } .sy_t_box:nth-child(3) ,.xinw_nr_box:nth-child(3){ animation-delay:.3s; -webkit-animation-delay:.3s; /* Safari 和 Chrome */ } .sy_t_box:nth-child(4) ,.xinw_nr_box:nth-child(4){ animation-delay:.4s; -webkit-animation-delay:.4s; /* Safari 和 Chrome */ } .sy_t_box:nth-child(5) { animation-delay:.5s; -webkit-animation-delay:.5s; /* Safari 和 Chrome */ } .sy_t_box:nth-child(6) { animation-delay:.6s; -webkit-animation-delay:.6s; /* Safari 和 Chrome */ } .h_case_txt_box{ -webkit-animation-name: fadeInUp; animation-name: fadeInUp; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both } /* 公共 */ /* pc和移动端的隐藏显示 */ .xs,.xs2{display: block;} .yc,.yc2{display: none;} @media (max-width: 767px) { .xs,.xs2{display: none;} .yc,.yc2{display: block;} } /* 图片移入效果 */ .exp_box:hover img,.tra_box:hover img,.banner_zy_img:hover img,.ser_img:hover img,.news_nr:hover .news_con_img>img{ transform: scale(1.05); -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -o-transform: scale(1.05); } /* 使用swiper 出现闪屏问题 */ .swiper-slide{transform: translate3d(0,0,0);/* overflow: hidden; */} /* 头部图文 */ .tuw{display: flex;align-items: center;} .tuw img{width: 0.28rem;height: auto;} .tuw p{margin-left: 0.1rem;} /* banner中间小图标 */ .banner_sb{position: absolute;left: 50%;transform: translateX(-50%);bottom: 0.5rem;width: 18px;height: auto;z-index: 100;object-fit: contain;animation:moveh 3s infinite linear;-webkit-animation:moveh 3s infinite linear;} @keyframes moveh{ 0%{bottom: 0.5rem;} 50%{bottom: 0.3rem;} 100%{bottom: 0.5rem;} } /* 子页面分隔 */ .gw{margin-top: 70px;width: 100%;} @media screen and (max-width: 1440px) { .gw{margin-top: 60px;} } /* 视频弹窗 */ #hi-video-pop { display: none; position: fixed; top: 0; left: 0; z-index: 10000; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #hi-video-pop * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #hi-video-pop .hi-close { position: fixed; top: 86%; left: 50%; margin-left: -25px; width: 50px; height: 50px; color: #fff; background: #fff; border-radius: 50%; transition: 0.5s; cursor: pointer; } #hi-video-pop .hi-close:after, #hi-video-pop .hi-close:before { content: ""; position: absolute; bottom: 24px; left: 10px; width: 30px; height: 2px; background: #333; transition: 0.5s; } #hi-video-pop .hi-close:hover { background: #1c4798; } #hi-video-pop .hi-close:hover:after, #hi-video-pop .hi-close:hover:before { background: #fff; } #hi-video-pop .hi-close:after { -webkit-transform: rotate(45deg); transform: rotate(45deg); } #hi-video-pop .hi-close:before { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } #hi-video-pop video { position: fixed; left: 50%; top: 50%; max-width: 90%; max-height: 70%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } /* 图片弹窗 */ #hi-img-pop { display: none; position: fixed; top: 0; left: 0; z-index: 10000; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #hi-img-pop * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #hi-img-pop .hi-close { position: fixed; top: 86%; left: 50%; margin-left: -25px; width: 50px; height: 50px; color: #fff; background: #fff; border-radius: 50%; transition: .5s; cursor: pointer; } #hi-img-pop .hi-close:after, #hi-img-pop .hi-close:before { content: ""; position: absolute; bottom: 24px; left: 10px; width: 30px; height: 2px; background: #333; transition: .5s; } #hi-img-pop .hi-close:hover { background: #019dee; } #hi-img-pop .hi-close:hover:after, #hi-img-pop .hi-close:hover:before { background: #fff; } #hi-img-pop .hi-close:after { -webkit-transform: rotate(45deg); transform: rotate(45deg); } #hi-img-pop .hi-close:before { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } #hi-img-pop img { position: fixed; left: 50%; top: 50%; max-width: 90%; max-height: 70%; width: auto; height: auto; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } /* banner */ .h_b_img{width: 100%;height: 100%;position: relative;display: block;} .h_b_img>img{position: absolute;left: 0;top: 0;} .h_b_img .img1{z-index: 1;} .h_b_img .img2{z-index: 2;display: none;} .h_b_img .img3{z-index: 3;} .h_b_img .img4{z-index: 4;display: none;} @media (max-width: 767px) { .h_b_img .img1{z-index: 1;display: none;} .h_b_img .img2{z-index: 2;display: block;} .h_b_img .img3{z-index: 3;display: none;} .h_b_img .img4{z-index: 4;display: block;} } .ceshi{ -webkit-animation-name: fadeInRightSm; animation-name: fadeInRightSm; -webkit-animation-duration: 2s; animation-duration: 2s; animation-delay: .4s; -webkit-animation-fill-mode: both; animation-fill-mode: both } /* 开始 */ /* 导航 */ nav{height: 70px;width: 100%;position: fixed;top: 0;left: 0;z-index: 1000;transition: all .6s;-webkit-transition: all .6s;} nav .container{height: 100%;display: flex;align-items: center;justify-content: space-between;} .logo{display: flex;align-items: center;height: 100%;} .logo img{width: 140px;height: auto;} .logo p{color: #333;margin-left: 20px;padding-left: 15px;border-left: 1px solid #01c390;width: 2.2rem;line-height: 1;} .nav_r{height: 100%;display: flex;justify-content: flex-end;align-items: center;} .nav{height: 100%;} .nav>ul{display: flex;align-items: center;height: 100%;} .nav>ul>li{height: 100%;} .nav>ul>li>a{color: #fff;margin: 0 0.23rem;height: 100%;display: flex;align-items: center;} .nav>ul>li>a>p{position: relative;height: 100%;display: flex;align-items: center;color: #fff;} .nav>ul>.on>a>p::after{background: #fff;} .nav>ul>li>a>p::after{content: '';position: absolute;bottom: 0;width: 0;height: 2px;left: 50%;background: #156bff;transform: translateX(-50%);} .nav>ul>.on>a p{color: #fff;} .nav>ul>li>a:hover p::after,.nav>ul>.on>a p::after{width: 100%;} .nav>ul>.on>a .xs{display: none;} .nav>ul>.on>a .yc{display: block;} /* .nav>ul>li:first-child a{margin-left: 0;} */ .nav>ul>li>a>img{width: 12px;height: auto;margin-left: 10px;object-fit: contain;} .nav>ul>li>a .img2{display: none;} .nav>ul>li>a .img3{display: none;} .nav_on .nav>ul>li>a>.img1{display: none;} .nav_on .nav>ul>li>a>.img2{display: none;} .nav_on .nav>ul>li>a>.img3{display: block;} .nav>ul>.on>a .img1{display: block !important;} .nav>ul>.on>a .img2{display: none !important;} .nav>ul>.on>a .img3{display: none !important;} .nav_on .nav>ul>.on>a>.img1{display: none !important;} .nav_on .nav>ul>.on>a>.img2{display: none !important;} .nav_on .nav>ul>.on>a>.img3{display: block !important;} .nav_on .nav>ul>.on>a>p::after{background: #333;} .nav_on2 .nav>ul>li>a>.img1{display: none !important;} .nav_on2 .nav>ul>li>a>.img2{display: none !important;} .nav_on2 .nav>ul>li>a>.img3{display: block !important;} .nav_on2 .nav>ul>li>a>p{color: #333 !important;} .nav_on2 .nav_login{color: #333 !important;} .nav_on2 .nav>ul>.on>a>p::after{background: #333;} .show_nav .nav>ul>li>a>.img1{display: none !important;} .show_nav .nav>ul>li>a>.img2{display: none !important;} .show_nav .nav>ul>li>a>.img3{display: block !important;} .show_nav .nav>ul>li>a>p{color: #333;} .show_nav .nav_login{color: #333 !important;} .show_nav .nav>ul>li>a>p::after{background: #333;} .nav>ul>li>a:hover .img1{display: none !important;} .nav>ul>li>a:hover .img2{display: block !important;} .nav>ul>li>a:hover .img3{display: none !important;} .nav>ul>li>a:hover p{color: #156bff !important;} .nav>ul>.on>a:hover p{color: #156bff !important;} .nav>ul>.on>a:hover .img1{display: none !important;} .nav>ul>.on>a:hover .img2{display: block !important;} .nav>ul>.on>a:hover .img3{display: none !important;} .nav>ul>.on>a:hover p{color: #156bff !important;} .nav>ul>.on>a:hover p::after{background: #156bff;} .show_nav .nav>ul>li>a:hover>p::after{background: #156bff;} .nav_rr{display: flex;align-items: center;} .search{height: 100%;display: flex;align-items: center;} .search form{height: 20px;display: flex;} .search img{width: 20px;cursor:pointer} .language{display: flex;align-items: center;margin-left: 0.32rem;position: relative;padding-left: 0.28rem;position: relative;} .language::after{content: '';position: absolute;width: 2px;height: 13px;background: rgba(255,255,255,0.2);left: 0;top: 50%;transform: translateY(-50%);} .language_a{position: absolute;top: 120%;background: #fff;left: calc(0.48rem - 5px);text-align: center;padding: 3px 0;box-shadow: 0 0 3px rgba(0,0,0,0.2);display: none;font-size: 14px;height: auto;width: auto;white-space: nowrap;border-radius: 5px;} .language_a a{padding: 7px 15px;text-align: left;display: block;margin: 0 10px;border-radius: 5px;} .language_a a:hover{background: #01c390;color: #fff;} .language p{color: #fff;margin-right: 0.1rem;} .language>img{width: 20px;margin-right: 0.2rem;} .language_icon img{width: 8px;} .nav_jm{display: flex;align-items: center;} .nav_jm img{width: 20px;margin-right: 0.1rem;} .nav_jm p{} .nav_tel{display: flex;align-items: center;padding-left: 133px;position: relative;} .nav_tel img{width: 17px;margin-left:0.2rem;} .nav_tel p{font-weight: bold;color: #fff;position: absolute;right: calc(17px + 0.2rem);top: 50%;transform: translateY(-50%);width: 0;overflow: hidden;-webkit-transition: all .3s;transition: all .3s;display: flex;justify-content: flex-end;} .nav_tel:hover p{width: 133px;} .nav1_none{top: 0 !important;} .nav2_none{top: 70px !important;} @media (max-width: 1440px) { .nav2_none{top: 60px !important;} } .nav_on,.nav_sub,.nav_on2{background: #fff;} /* .nav_on,.nav_sub,.nav_on2{background: #f7faff;} */ .nav_on .xs,.nav_sub .xs,.nav_on2 .xs{display: none;} .nav_on .yc,.nav_sub .yc,.nav_on2 .yc{display: block;} .show_nav{background: #fff;} .show_nav .xs{display: none;} .show_nav .yc{display: block;} .show_nav .nav>ul>li>a{color: #333;} .nav_on .nav>ul>li>a,.nav_sub .nav>ul>li>a,.nav_on2 .nav>ul>li>a,.nav_on .nav_login,.nav_on .nav>ul>li>a>p{color: #333;} .nav_sub{top: 0;} .pro_nav2{position: absolute;top: 100%;left: 50%;transform: translateX(-50%);z-index: 1000;background: rgba(224,226,232,0.9);border-radius: 5px;padding: 50px 0;display: none;width: 100%;white-space: nowrap;box-shadow: rgba(55,99,170,.3) 20px 20px 20px ;} .pro_nav2 a{text-align: left;display: block;-webkit-transition: all .3s;} .pro_nav2 a:hover{cursor: initial;} .npro_nav_nr ul li a:hover{cursor: pointer;color: #156bff;} /* 下拉导航 */ .pro_nav{position: absolute;top: 70px;width: 100%;left: 0;height: 5.8rem;display: none;} .pro_nav_bj:after{content: '';width: 50%;height: 100%;background: #f1f9f9;position: absolute;left: 0;top: 0;z-index: -1;} .pro_nav_bj:before{content: '';width: 50%;height: 100%;background: #f9f9f9;position: absolute;right: 0;top: 0;z-index: -1;} .p_one_logo img{height: 16px;width: auto;} .p_one_icon img{width: 8px;height: auto;} .p_two_con img{width: 8px;height: auto;} .pro_nav_box{display: flex;justify-content: space-between;height: 100%;} .pro_nav_one{width: 17.5%;padding-top: 0.51rem;height: 100%;} .pro_nav_one .p_one.on{background: #e8eced;} .pro_nav_one .p_one.on .xs2{display: none;} .pro_nav_one .p_one.on .yc2{display: block;} .p_one{display: flex;align-items: center;height: 0.58rem;padding-left: 0.22rem;margin-left: -0.22rem;} .p_one_logo{width: 0.7rem;} .p_one>p{width: 1.3rem;} .pro_nav_two{width: 82.5%;height: 100%;overflow: hidden;} .p_two_l{width: 22.5%;padding-top: 0.51rem;background: #e8eced;height: 100%;} .p_two{height: 100%;display: flex;justify-content: space-between;} .p_two_con{display: flex;align-items: center;height: 0.58rem;padding: 0 15%;} .p_two_l .p_two_con.on{background: #f9f9f9;color: #1c4898;} .p_two_con p{width: 100%;} .p_two_r{width: 77.5%;background: #f9f9f9;height: 100%;} .p_two_r_box{height: 100%;display: flex;justify-content: space-between;} .p_two_r_nav{width: 24%;padding: 0.7rem 0 0 0.25rem;} .p_two_r_nav>h1{font-size: 18px;line-height: 1;padding-bottom: 0.18rem;border-bottom: 2px solid #e8e8e8;margin-bottom: 0.38rem;} .p_two_r_nav>ul>li.on a{color: #275caa;text-decoration: underline;} .p_two_r_nav>ul>li>a{margin-bottom: 0.3rem;display: block;} .p_two_r_con{width: 76%;height: 100%;} .p_two_r_nr{padding: 0.6rem 0 0 0.66rem;height: 100%;} .p_two_r_nr>h2{font-size: 24px;display: flex;align-items: center;} .p_two_r_nr>h2 img{width: 9px;margin-left: 0.18rem;} .p_two_r_img{width: 100%;height: 2.8rem;margin: 0.36rem 0;} .p_two_r_img img{object-fit: contain;} .p_two_r_text{display: flex;justify-content: space-between;} .p_two_r_text_box{width: 33%;background: #efefef;height: 66px;display: flex;flex-direction: column;justify-content: center;align-items: center;} .p_two_r_text_box p{color: #565656;} .p_two_r_text_box b{font-weight: bold;} /* 移动端导航 */ #c-header .c-nav2 { position: absolute; top: 100px; right: -100%; width: 100%; height: calc(100vh - 100px); height: -webkit-calc(0vh); font-size: 14px; line-height: 50px; background: #F1F1F1; overflow-y: auto; transition: all 0.5s; text-align: left; } @media (max-width: 1200px) { #c-header .c-nav2 { top: 60px; height: calc(100vh - 60px); } } #c-header .c-nav2 > li:last-child { border-bottom: 1px solid #f1f1f1; } #c-header .c-nav2 li { padding: 0 20px; border-top: 1px solid #fff; } #c-header .c-nav2 li .c-title-box { display: flex; align-items: center; justify-content: space-between; } #c-header .c-nav2 li a { color: #333; -webkit-transition: all 0.3s; transition: all 0.3s; display: block; } #c-header .c-nav2 li a i { font-size: 20px; } #c-header .c-nav2 li a:hover, #c-header .c-nav2 li.on > a { color: #B50014; } #c-header .c-nav2 li ul { display: none; } .c-open #c-header .c-nav2 { right: 0; } .nav_box2{display: none;} /*顶部导航开关*/ #c-header .c-switch { position: relative; width: 24px; height: 22px; cursor: pointer; } @media (max-width: 991px) { #c-header .c-switch { display: block; } } #c-header .c-switch i { position: absolute; left: 0; display: block; width: 100%; height: 2px; background: #fff; -webkit-transition: all 0.3s; transition: all 0.3s; } #c-header .c-switch i:nth-child(1) { top: 0; } #c-header .c-switch i:nth-child(3) { bottom: 0; } #c-header .c-switch i:nth-child(2) { width: 18px; top: 50%; } #c-header .c-switch i { background: #fff; } #c-header .c-nav2 li .c-title-box img{ width: 10px; height: auto; margin: 0 0 0 10px; float: right; display: block; } body.c-open #c-header .c-switch i:nth-child(2) { opacity: 0; } body.c-open #c-header .c-switch i:nth-child(1) { top: 50%; margin-top: -1px; -webkit-transform: rotate(45deg); transform: rotate(45deg); } body.c-open #c-header .c-switch i:nth-child(3) { bottom: 50%; margin-bottom: -1px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .c-title-con{overflow: hidden;height: auto;display: none;} .c-title-con>a{color: #999 !important;display: block;padding-left: 20px;line-height: 40px;} @media (max-width: 1600px) { .logo p,.nav>ul>li>a{font-size: 14px;} } @media screen and (max-width: 1440px) { nav{height: 60px;} } @media screen and (max-width: 1366px) { .nav ul li a{font-size: 14px;} .search img{width: 16px;} .search form{height: 16px;} .language>img{width: 16px;} .nav>ul>li>a{margin: 0 0.15rem;} } @media screen and (max-width: 1200px) { .nav_r{display: none;} .nav_box2{display: flex;width: 50px;height: 100%;align-items: center;justify-content: flex-end;margin-right: -1rem;padding-right: 1rem;box-sizing: content-box;} .nav_on #c-header .c-switch i{background: #333;} } @media screen and (max-width: 991px) { #c-header .c-switch i{background: #333;} .nav ul li a{font-size: 12px;} .search img{width: 16px;} .search form{height: 16px;} .language img{width: 16px;} nav .xs{display: none;} nav .yc{display: block;} nav .nav ul li a{color: #333;} .logo img{width: 160px;} .h_banner{margin-top: 60px;} #c-header .c-switch i{background: #333;} .sub_banner{margin-top: 60px;} } @media screen and (max-width: 767px) { .logo img{width: 125px;} .logo p{width: auto;padding-left: 10px;margin-left: 10px;font-size: 12px;} nav{height: 60px;} .h_banner{margin-top: 60px;} #c-header .c-nav2{top: 60px;height: calc(100vh - 60px);} } /* 导航 */ nav{border-bottom: 1px solid rgba(255,255,255,0.15);} .nav_ljbox{display: flex;align-items: center;justify-content: space-between;padding: 0 15px 0 30px;height: 100%;max-width: 1920px;margin: auto;} .nav_ra{display: flex;justify-content: flex-end;align-items: center;height: 100%;padding-left: 0.48rem;border-left: 1px solid rgba(255,255,255,0.15);margin-left: 0.2rem;} .nav_ys{margin-left: 0.2rem;width: 1.2rem;height: 0.46rem;background: #fdb200;border-radius: 4px;display: flex;align-items: center;justify-content: center;color: #fff;transition: all 0.6s;} .nav_ys1{background: #fff;color: #161b27;} .nav_ys1:hover{color: #156bff;} .nav_ys2{background: #374668;color: #fff;} .nav_on .nav_ys1,.nav_on2 .nav_ys1,.show_nav .nav_ys1{background: #eeeeee;} .nav_ys3{background: none;} .nav_ys3:hover{background: #eee;} .nav_ys:hover{opacity: 0.8;} .nav_login{color: #fff;} .nav_rr_inp{width: 3.6rem;height: 100%;display: flex;align-items: center;justify-content: flex-end;} .nav_rr_inp form{width: auto;height: 100%;display: flex;align-items: center;justify-content: flex-end;padding-right: 0.4rem;position: relative;} .nav_rr_inp form button{position: absolute;right: 0.5rem;} .nav_rr_inp form input{border:0px solid #ccc;width: 0;border-radius: 50px;height: 30px;padding-left: 0;opacity: 0;} .nav_rr_inp form.on input{border:1px solid #ccc;width: 2.4rem;padding-left: 10px;opacity: 1;} .nav_ss{width: 20px;height: 20px;} .nav_ss img{object-fit: contain;} .lj_nav2{width: 100%;height: 100%;display: flex;justify-content: center;} .lj_nav2_box{margin: 0 0.62rem;} .lj_nav2_box>a,.lj_nav2_box>p{margin-bottom: 0.2rem;font-weight: bold;} .lj_nav2_con a{font-size: 14px;color: #666;margin-bottom: 0.1rem;} @media screen and (min-width: 2000px) { .nav_rr_inp{width: 320px;} } @media screen and (max-width: 1900px) { .nav_rr_inp{width: 3rem;} } @media screen and (max-width: 1500px) { .nav_rr_inp{width: 2.4rem;} .nav_rr_inp form.on input{width: 2rem;} } @media screen and (max-width: 1400px) { .nav>ul>li>a{margin: 0 0.15rem;} .nav_rr_inp form.on input{width: 2rem;} } @media screen and (max-width: 1200px) { .nav_ljbox{padding: 0 1rem;} } @media screen and (max-width: 991px) { } @media screen and (max-width: 767px) { } /* banner */ .home_swi{height: 7rem;} .h_b_img>img{height: 7rem;} .h_b_png{width: 3.64rem;height: auto;} .h_b_box{height: 100%;position: relative;} .h_b_txt{position: absolute;left: 50%;transform: translateX(-50%);height: 100%;top: 0;z-index: 100;padding-bottom: 0.5rem;display: flex;justify-content: space-between;} .h_b_png{position: absolute;top: 1.6rem;right: 1.2rem;} .h_b_txt_l{display: flex;flex-direction: column;justify-content: center;width: 50%;} @media screen and (max-width: 1580px) { .h_b_png{right: 2.2rem;} } .h_b_txt_p{margin-bottom: 0.5rem;} .h_b_txt_p p{color: #fff;} .h_b_txt_p p:first-child{font-size: 0.5rem;margin-bottom: 0.15rem;} .h_b_txt_p p:not(:first-child){width:450px;line-height: 1.6;margin-bottom: 0;} .h_b_txt_a{display: flex;} .h_b_txt_a a{width: auto;height: 0.46rem;border-radius: 4px;border: 2px solid #156bff;margin-right: 20px;display: flex;justify-content: center;align-items: center;color: #156bff;padding: 0 0.3rem;} .h_b_txt_a a:hover{color: #fff;background: #156BFF;} .home_pag{bottom: 1rem !important;} .home_pag .swiper-pagination-bullet{width: 0.4rem;height: 3px;background: rgba(255,255,255,0.45);border-radius: 1px;margin-right: 0.1rem;opacity: 1;} .home_pag .swiper-pagination-bullet-active{background: rgba(255,255,255,1);} .h_b_txt_l .h_b_txt_a a{border-color: #fff;color: #fff;} .h_b_txt_l .h_b_txt_a a:hover{color: #fff;background: none;} /* 首页 */ .t_lm{position: relative;} .t_lm_box{position: absolute;top: -0.5rem;left: 0;width: 100%;height: 0;z-index: 100;display: flex;justify-content: space-between;} .t_lm_con{width: calc((100% - 0.5rem)/3);margin-right: 0.25rem;height: 1.2rem;background: #fff;border-radius: 5px;box-shadow: 0 0 30px rgba(0,0,0,0.05);padding: 0 0.3rem;display: flex;flex-direction: column;justify-content: center;position: relative;top: 0;} .t_lm_con:last-child{margin-right: 0;} .t_lm_title{display: flex;justify-content: space-between;align-items: center;margin-bottom: 0.1rem;} .t_lm_title>img{width: 8px;height: auto;} .t_lm_tl{display: flex;align-items: center;} .t_lm_tl img{width: 0.3rem;height: auto;margin-right: 10px;} .t_lm_con>p{overflow: hidden;white-space: nowrap;text-overflow:ellipsis;color: #9b9fa7;} .t_lm_con:hover{top: -0.1rem;} .title{padding: 0.85rem 0 0.35rem;display: flex;flex-direction: column;align-items: center;justify-content: center;} .title h2{color: #161b27;margin-bottom: 0.15rem;font-weight: 400;} .title p{color: #333;width: 90%;text-align: center;line-height: 1.6;} .h_pro{background: #f5f5f5;padding: 0.7rem 0 0.9rem;} .h_pro_con{display: flex;justify-content: space-between;} .h_pro_nr{width: calc(50% - 0.2rem);border-radius: 5px;overflow: hidden;} .h_pro_title{background: #156bff;height: 1.4rem;position: relative;padding: 0 1.6rem 0 0.4rem;display: flex;flex-direction: column;justify-content: center;} .h_pro_title_img{width: 1rem;height: auto;position: absolute;bottom: 0;right: 0.5rem;} .h_pro_title_txt h3{color: #fff;} .h_pro_title_txt>p{color: #b0d0ff;margin-bottom: 0.1rem;font-size: 14px;} .h_pro_nav{display: flex;flex-wrap: wrap;} .h_pro_nav a{color: #fff;padding: 0 0.1rem;height: 0.3rem;display: flex;align-items: center;justify-content: center;border-radius: 3px;font-size: 14px;opacity: 0.4;margin-right: 0.1rem;} .h_pro_nav .on,.h_pro_nav a:hover{opacity: 1;background: rgba(255,255,255,0.08);} .h_pro_b{height: 3.6rem;background: #fff;padding: 0.3rem;} .h_pro_b_box{padding-bottom: 20px;} .h_pro_b_hz{overflow-y: auto;height: 100%;} .h_pro_b_hz::-webkit-scrollbar{ width:3px; } .h_pro_b_hz::-webkit-scrollbar-track{ background: #ddd; border-radius:2px; } .h_pro_b_hz::-webkit-scrollbar-thumb{ background: #156bff; border-radius:25px; } .h_pro_b_hz::-webkit-scrollbar-corner{ background: #156bff; } .h_pro_b_con{display: flex;justify-content: space-between;flex-wrap: wrap;opacity: 0.5;} .h_pro_b_con.on{opacity: 1;} .h_pro_b_hr{width: calc(50% - 0.1rem);padding: 0 0.33rem;position: relative;display: flex;flex-direction: column;justify-content: center;height: 1.4rem;border-radius: 5px;overflow: hidden;} .h_pro_b_hr>span{position: absolute;bottom: -100%;right: 0.28rem;color: #d9e0ee;opacity: 0;font-weight: bold;} .h_pro_b_title{display: flex;align-items: center;margin-bottom: 0.1rem;} .h_pro_b_title img{width: 0.33rem;height: auto;margin-right: 0.15rem;} .h_pro_b_title p{color: #161b27;overflow: hidden;white-space: nowrap;text-overflow:ellipsis;} .h_pro_b_hr>p{color: #8d98aa;font-size: 14px;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;} .h_pro_b_con.on .h_pro_b_hr:hover{background: #f5f7fb;} .h_pro_b_con.on .h_pro_b_hr:hover>span{opacity: 0.6;bottom: 0;} @media screen and (max-width: 1580px) { .h_pro_b{height: 300px;} .h_pro_b_hr{height: 120px;} .h_pro_title{height: 120px;} .h_pro_b_hr>p{font-size: 12px;} } .h_pro_nr_two .h_pro_title{background: #284270;} .h_pro_nr_two .h_pro_title_txt>p{color: #919fb7;} .icon_animation{width: 60px;height: 50px;position: relative;} .icon_animation img{width: 100%;height: 100%;position: absolute;left: 0;top: 0;} .icon_animation:hover img:first-child{top: -3px;left: 3px;} .icon_animation:hover img:last-child{top: 3px;left: -3px;} .h_sol{padding-bottom: 0.9rem;} .h_sol .title h2{color: #fff;} .h_sol .title p{color: #b1bfd5;} .h_sol_con{display: flex;justify-content: space-between;padding-top: 0.2rem;} .h_sol_nr{width: calc((100% - 0.5rem)/3);margin-right: 0.25rem;background: rgba(44,65,101,0.4);height: 5rem;padding: 0.7rem 0.4rem 0;} .h_sol_nr:nth-child(3n){margin-right: 0;} .h_sol_t{display: flex;height: 1.36rem;} .h_sol_tl{width: 0.9rem;flex-shrink: 0;margin-top: -0.1rem;} .h_sol_tr{width: 100%;} .h_sol_tr h3{color: #fff;margin-bottom: 0.06rem;overflow: hidden;text-overflow:ellipsis;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;} .h_sol_tr_p p{font-size: 14px;color: #7d90ad;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;} .h_sol_b{padding-left: 0.25rem;} .h_sol_b_box{height: 2.2rem;display: flex;flex-direction: column;overflow-y: auto;direction: rtl;align-items: flex-end;padding-left: 0.5rem;} .h_sol_b_box a{color: #fff;margin-bottom: 0.13rem;text-align: left;line-height: 1.7;border-radius: 4px;padding: 0 0.1rem;} .h_sol_b_box a:hover{background: rgba(22,74,161,0.5);} .h_sol_nr:hover{background: #0f78ff;} .h_sol_nr:hover .scro::-webkit-scrollbar-thumb{background: #fff;} .h_sol_nr:hover .scro::-webkit-scrollbar-track{background: rgba(255,255,255,0.2);} .h_sol_nr:hover .h_sol_tr_p p{color: #98b8fa;} .h_sol_nr:hover .icon_animation img:first-child{top: -3px;left: 3px;} .h_sol_nr:hover .icon_animation img:last-child{top: 3px;left: -3px;} @media screen and (max-width: 1580px) { .h_sol_tl{width: 70px;} .h_sol_b{padding-left: 20px;} .h_sol_b_box{padding-left: 39px;} } .h_ln{background: #f6f8fa;padding-bottom: 0.9rem;} .h_ln_con{display: flex;justify-content: space-between;height: 4rem;} .h_ln_l{width: 27.7%;overflow-y: auto;} .h_ln_l_box{height: 20%;display: flex;align-items: center;opacity: 0.6;cursor: pointer;} .h_ln_l_box .icon_animation{margin-right: 0.25rem;} .h_ln_l_box.on{opacity: 1;} .h_ln_r{width: 68.5%;background: #fff;padding: 0.5rem 0.65rem 0;position: relative;overflow: hidden;} .h_ln_r_txt{margin-top: 0.3rem;} .h_ln_l_box:hover .icon_animation img:first-child{top: -3px;left: 3px;} .h_ln_l_box:hover .icon_animation img:last-child{top: 3px;left: -3px;} .h_ln_r_box>img{width: 3.6rem;height: auto;position: absolute;bottom: -0.83rem;right: -0.53rem;z-index: 10;} .h_ln_r_txt_p p{color: #8d98aa;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5;} .h_ln_r_txt h3{margin-bottom: 0.2rem;} .h_ln_r_box{width: 100%;height: 100%;} .h_ln_r:hover .icon_animation img:first-child{top: -3px;left: 3px;} .h_ln_r:hover .icon_animation img:last-child{top: 3px;left: -3px;} .h_case{padding-bottom: 0.7rem;} .h_case_logo{display: flex;flex-wrap: wrap;border-top: 1px solid #eef1f6;border-left: 1px solid #eef1f6;margin-bottom: 0.4rem;} .h_case_logo_box{border-bottom: 1px solid #eef1f6;border-right: 1px solid #eef1f6;width: calc(100%/6);position: relative;height: 1.4rem;} .h_case_logo_img{position: absolute;width: calc(100% + 2px);height: calc(100% + 2px);z-index: -1;border: 1px solid transparent;} .h_case_logo_box.on .h_case_logo_img{border: 1px solid #0f78ff;z-index: 1;box-shadow: 0 0 30px rgba(21,105,255,0.3);} .h_case_txt_box h3{color: #161b27;font-weight: 400;margin-bottom: 0.2rem;} .h_case_txt_box h3 span{color: #0f78ff;margin-right: 0.1rem;} .h_case_txt_p{margin-bottom: 0.35rem;} .h_case_txt_p p{color: #999;margin-bottom: 0.1rem;line-height: 1.6;} .public_a{height: 0.46rem;padding: 0 0.38rem ;color: #fff;background: #156bff;display: inline-flex;justify-content: center;align-items: center;transition: all 0.6s;border-radius: 4px;} .public_a:hover{opacity: 0.8;} .h_case_txt_a{display: flex;justify-content: space-between;align-items: center;} .h_case_txt_a i{width: 100%;height: 1px;background: #eef1f6;} .h_case_txt_a a{margin-left: 0.3rem;flex-shrink: 0;} .hzys{padding-bottom: 0.9rem;} .hzys *{color: #fff;} .h_coo{margin-bottom: 1.25rem;} .aboutour_swip{height: 270px;} .h_coo_box .swiper-wrapper{flex-direction: column;height: 100%;} .h_coo_box .swiper-slide{height: 100px;} .hzys .title h2,.hzys .title p{color: #fff;} .h_coo .swiper-pagination-bullet{width: 12px;height: 12px;opacity: 1;background: none;border: 2px solid #fff;} .h_coo .swiper-pagination-bullet-active{border: none;background: #0f78ff;} .h_ys_a{text-align: center;} /* 底部 */ footer{background: #161b27;padding-top: 0.9rem;} .foot{display: flex;justify-content: space-between;padding-bottom: 1.2rem;} .foot_l{width: 20.7%;} .foot_l>a{width: 2.2rem;height: auto;display: block;margin-bottom: 0.35rem;} .foot_l_ba{margin-bottom: 0.3rem;} .foot_l_ba p,.foot_l_ba a{color: #848996;margin-bottom: 0.1rem;display: block;font-size: 14px;} .foot_l_icon{display: flex;} .foot_l_icon_box{margin-right: 0.1rem;width: 36px;height: 36px;display: flex;align-items: center;justify-content: center;background: #323641;border-radius: 50%;position: relative;} .foot_l_icon_box img{width: 13px;height: 13px;opacity: 0.5;} .foot_l_icon_box p{position: absolute;left: 0;width: 0;overflow: hidden;top: 100%;transition: all 0.3s;color: #fff;white-space: nowrap;z-index: 100;background: #161b27;} .foot_l_icon_box:hover p{width: auto;} .foot_m{width: 40%;display: flex;justify-content: space-between;padding-right: 0;} .foot_m_box>p{color: #fff;margin-bottom: 0.2rem;} .foot_m_box a{color: #848996;font-size: 14px;margin-bottom: 0.1rem;display: block;} .foot_m_box a:hover,.foot_b_l a:hover,.foot_l_ba a:hover,.foot_b_r a:hover{color: #0f78ff;} .foot_r{width: 19.2%;} .foot_r>p{color: #fff;margin-bottom: 0.18rem;} .foot_r_box{display: flex;justify-content: space-between;} .foot_r_con{width: 44%;text-align: center;} .foot_r_con img{object-fit: contain;} .foot_r_con p{color: #fff;} .foot_b{border-top: 1px solid #222732;height: 1.1rem;} .foot_b_box{height: 100%;display: flex;align-items: center;justify-content: space-between;} .foot_b_l{display: flex;align-items: center;} .foot_b_l p{font-size: 14px;color: #848996;} .foot_b_l a{font-size: 14px;color: #848996;margin-right: 0.2rem;} .foot_b_r a{font-size: 14px;color: #848996;margin-left: 0.2rem;} .aboutour_nr{height: 100%;} .aboutour_nr img{object-fit: contain;} @media screen and (min-width: 2000px) { .nav_ys{height: 0.36rem;} .nav_rr_inp form.on input{width: 1.6rem;} .nav_rr_inp form{padding-right: 0.2rem;} .nav_rr_inp form button{right: 0.3rem;} } @media screen and (max-width: 1580px) { .foot_l_ba p,.foot_l_ba a,.foot_m_box a,.foot_b_l p,.foot_b_l a,.foot_b_r a,.h_pro_title_txt>p,.h_sol_tr_p p{font-size: 12px;} } @media screen and (max-width: 1200px) { .public_a{height: 36px;padding: 0 30px;} .h_b_txt_a a{height: 36px;} .t_lm_tl img{width: 20px;} .t_lm_con{height: 80px;} .t_lm_box{top: -30px;} .t_lm_con:hover{top: -10px;} .h_pro_title_img{width: 65px;right: 10px;} .h_pro_b_hr{height: 90px;} .icon_animation{width: 50px;height: 42px;} .h_sol_nr{height: 300px;padding: 40px 20px 0;} .h_sol_t{height: 80px;} .h_sol_tr_p p{height: 36px;overflow: hidden;} .h_sol_b_box{height: 150px;} .h_ln_con{height: 280px;} .h_coo_box .swiper-slide{height: 80px;} .aboutour_swip{height: 210px;} .h_coo .swiper-pagination-bullet{width: 10px;height: 10px;} .foot_l_icon_box{width: 30px;height: 30px;margin-right: 7px;} } @media screen and (max-width: 991px) { .home_swi,.h_b_img>img{height: 320px;} .h_b_txt_p p:first-child{font-size: 24px;} .h_b_txt_l{width: 65%;} .h_b_txt_p p:not(:first-child){width: 100%;font-size: 12px;} .h_b_png{right: 20px;top: 50%;transform: translateY(-50%);width: 22%;} .t_lm_tl p{font-size: 14px;} .t_lm_con>p{font-size: 12px;} .t_lm_con{padding: 0 8px;height: 60px;} .t_lm_title>img{width: 6px;} .t_lm_tl img{width: 16px;margin-right: 5px;} .h_pro{padding: 35px 0 30px;} .title h2{font-size: 18px;margin-bottom: 10px;text-align: center;} .title{padding: 30px 0 20px;} .h_pro_con{flex-direction: column;} .h_pro_nr{width: 100%;margin-bottom: 20px;} .h_pro_title{height: auto;padding: 20px 15px;} .h_pro_title_txt{width: 80%;} .h_pro_title_txt h3{margin-bottom: 5px;} .h_pro_title_txt>p{margin-bottom: 10px;} .h_pro_nav a{padding: 0 10px;height: 30px;margin-right: 10px;} .h_pro_b{padding: 15px;height: 230px;} .h_pro_b_title img{width: 20px;margin-right: 8px;} .h_pro_b_hr{height: auto;padding: 10px 10px 30px;} .h_pro_b_hr>span{font-size: 14px;} .h_pro_nav a:hover{opacity: 0.4;background: none;} .h_pro_nav .on{opacity: 1 !important;background: rgba(255,255,255,0.08) !important;} .h_sol_con{flex-direction: column;} .h_sol_nr{width: 100%;padding: 30px 20px ;margin-bottom: 20px;height: auto;} .h_sol_tr h3{margin-bottom: 10px;} .h_sol_t{height: auto;margin-bottom: 25px;} .h_sol_b_box a{margin-bottom: 10px;padding: 0 10px;line-height: 2;} .h_sol_b_box{height: 180px;} .h_ln_con{} .h_ln_l_box>p{display: none;} .h_ln_l{width: 13%;} .h_ln_r{width: 87%;padding: 15px;} .h_ln_con{height: auto;} .h_ln_l_box{height: auto;margin-bottom: 12px;} .h_ln_r_txt_p p{-webkit-line-clamp:initial;} .h_ln_r_box>.icon_animation{margin-bottom: 15px;} .h_ln_r_txt h3{margin-bottom: 10px;} .h_ln{padding-bottom: 30px;} .h_case_logo_box{width: calc(100%/3);height: 100px;} .h_case_logo{margin-bottom: 30px;} .h_case_txt_box h3{margin-bottom: 10px;} .h_case_txt_box h3 span{margin-right: 10px;} .h_case_txt_p p{margin-bottom: 5px;} .h_case_txt_p{margin-bottom: 20px;} .public_a{padding: 0 20px;} .h_case_txt_a a{margin-left: 20px;} .h_case{padding-bottom: 30px;} .h_coo_box .swiper-slide{height: 70px;} .aboutour_swip{height: 180px;} .foot{flex-direction: column;} .foot_l{width: 100%;margin-bottom: 30px;} .foot_r{width: 100%;} .foot_m{display: none;} .foot_l>a{width: 150px;margin-bottom: 20px;} .foot_l_ba{margin-bottom: 20px;} footer{padding-top: 30px;} .foot_l_ba p, .foot_l_ba a{margin-bottom: 5px;} .foot_r_box{justify-content: space-evenly;margin-bottom: 20px;} .foot_r_con{width: 25%;} .foot_r>p{margin-bottom: 10px;} .foot_r_con p{font-size: 12px;} .foot_b{height: 40px;} .foot_b_l a{margin-right: 10px;} .foot_b_r a{margin-left: 10px;} .h_b_txt_a a{padding: 0 10px;} } @media screen and (max-width: 767px) { .h_ln_l{width: 20%;} .h_ln_r{width: 80%;} .h_case_logo_box{width: calc(100%/3);height: 70px;} .foot_r_con{width: 35%;} .foot_b_box{flex-direction: column;align-items: flex-start;} .foot_b_box{padding: 10px 1rem;} .foot_b{height: auto;} .foot_b_l{margin-bottom: 5px;} .foot_b_r a{margin: 0 10px 0 0;} .h_pro_nr:first-child .h_pro_b{height: auto;} } /* 子页面 */ .sub_banner{height: 6rem;position: relative;} .sub_banner_img{height: 100%;} .sub_banner_img img{height: 6rem;} .sub_banner .h_b_txt{padding: 0.4rem 0 0;} .sub_banner .h_b_txt_p p{color: #fff;} .sub_banner .h_b_txt_a a{color: #fff;border-color: #fff;} .sub_banner .h_b_txt_a a:hover{background: #fff;color: #156bff;} .sub_banner .h_b_txt_p p:not(:first-child){width: 100%;} .crumbs{display: flex;align-items: center;padding: 0.28rem 0;overflow-x: auto;justify-content: flex-start;} .crumbs>a{width: 13px;margin-right: 12px;height: auto;} .crumbs>img{width: 13px;height: auto;margin-right: 0.12rem;} .crumbs_box img{width: 6px;height: auto;margin-right: 7px;} .crumbs_box{display: flex;align-items: center;white-space: normal;flex-shrink: 0;} .crumbs_box a{color: #999;margin-right: 10px;} .crumbs_box:last-child img{display: none;} .crumbs_box.on a,.crumbs_box a:hover{color: #333;} .crumbs_box p{font-size: 12px;color: #999;margin-right: 10px;} .crumbs_box:last-child p{display: none;} @media screen and (max-width: 1580px) { .crumbs_box img{width: 5px;} } @media screen and (max-width: 991px) { .crumbs{padding: 15px 20px;} } /* vPack制品库 */ .vPack_gl{background: #f5f7fb;padding-bottom: 0.9rem;overflow: hidden;} .vPack_gl_nr{display: flex;justify-content: space-between;min-height: 5.1rem;margin-bottom: 20px;} .vPack_gl_l{width: 50%;position: relative;} .vPack_gl_l img{position: absolute;left: 0;top: 0;object-fit: contain;height: 5.1rem;} .vPack_gl_r{width: 50%;padding: 1rem 0.5rem 0;} .public_a2{color: #156bff;display: inline-flex;align-items: center;} .public_a2 img{width: 6px;height: auto;margin-left: 0.12rem;position: relative;left: 0;transition: all 0.6s;} .public_a2:hover img{left: 5px;} .vPack_gl_r_t{padding-bottom: 0.25rem;margin-bottom: 0.25rem;border-bottom: 1px solid #e7e7e7;} .vPack_gl_r_t h3{margin-bottom: 0.06rem;} .vPack_gl_r_t span{color: #999;} .vPack_gl_r_p{margin-bottom: 0.5rem;} .vPack_gl_r_p p{font-size: 14px;color: #999;margin-bottom: 0.1rem;} .vPack_gl_nav{display: flex;justify-content: space-between;} .gallery-thumbs .vPack_gl_nav>a{width: 100%;margin-right: auto;border-radius: 4px;padding: 0.3rem 0.4rem;background: #e8eaf1;display: flex;flex-direction: column;justify-content: center;} .gallery-thumbs .vPack_gl_nav>a:last-child{margin: auto;} .vPack_gl_nav>a{width: calc((100% - 0.5rem)/3);margin-right: 0.25rem;border-radius: 4px;padding: 0.3rem 0.4rem;background: #e8eaf1;display: flex;flex-direction: column;justify-content: center;} .vPack_gl_nav>a:last-child{margin: 0;} .vPack_gl_nav>a h3{margin-bottom: 0.05rem;overflow: hidden;white-space: nowrap;text-overflow:ellipsis;font-weight: 400;} .vPack_gl_nav>a p{color: #999;overflow: hidden;white-space: nowrap;text-overflow:ellipsis;} .vPack_gl_nav>a.on{background: #156bff;} .vPack_gl_nav>a.on h3{color: #fff;} .vPack_gl_nav>a.on p{color: #aeccff;} .vPack_gl_nav.swiper-slide-thumb-active>a{background: #156bff;} .vPack_gl_nav.swiper-slide-thumb-active>a h3{color: #fff;} .vPack_gl_nav.swiper-slide-thumb-active>a p{color: #aeccff;} .subpb{display: flex;flex-wrap: wrap;} .subpb_box{width: 32.1%;height: 200px;display: flex;flex-direction: column;align-items: center;text-align: center;padding: 0 0.4rem;margin: 0 1.8% 0.28rem 0;justify-content: center;border-radius: 5px;} .subpb_box h3{margin: 0.15rem 0 0.1rem;font-weight: bold;} .subpb_box:nth-child(3n){margin-right: 0;} .subpb_box p{color: #333;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;font-size: 14px;line-height: 1.8;height: 5.4em;} .subpb_box:hover{box-shadow: 0 0 30px rgba(0,0,0,0.2);background: #156bff;} .subpb_box:hover h3{color: #fff;} .subpb_box:hover p{color: #fff;} .vPack_jh{padding-bottom: 0.5rem;overflow: hidden;} .subpb_box:hover .icon_animation img:first-child{top: -3px;left: 3px;} .subpb_box:hover .icon_animation img:last-child{top: 3px;left: -3px;} .subswi{padding-bottom: 0.9rem;} .subswi .title h2{color: #fff;} .subswi_con{border-radius: 12px;overflow: hidden;} .subswi_img{height: 2.8rem;} .subswi_txt{position: relative;height: auto;background: #fff;padding: 0.8rem 0.5rem 0.4rem;} .subswi_icon{position: absolute;height: 1rem;width: 1rem;background: #fff;box-shadow: 0 0 30px rgba(0,0,0,0.1);border-radius: 50%;left: 50%;transform: translateX(-50%);top: -0.5rem;display: flex;justify-content: center;align-items: center;} .subswi_icon img{width: 80%;height: auto;} .subswi_txt_box p{overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;font-size: 14px;color: #7d90ad;line-height: 1.8;} .subswi_txt_p{height: 0.72rem;} .subswi_txt_h3{text-align: center;} .subswi_txt_h3 h3{overflow: hidden;white-space: nowrap;text-overflow:ellipsis;margin-bottom: 0.15rem;} .subswi_txt_a{text-align: center;} .public_a3{margin: auto;width: 1.4rem;height: 0.46rem;border-radius: 4px;border: 2px solid #156bff;display: flex;justify-content: center;align-items: center;} .public_a3 .img2{display: none;} .public_a3:hover{background: #156bff;color: #fff;} .public_a3:hover img{left: 0;} .public_a3:hover .img1{display: none;} .public_a3:hover .img2{display: block;} .vteam{} .vteam_nr{display: flex;flex-wrap: wrap;overflow: hidden;flex-direction: column;height: 5rem;align-items: center;} .vteam_hz{display: flex;flex-direction: column;justify-content: center;align-items: center;} .vteam_hz img{width: 33px;margin-bottom: 0.2rem;height: auto;} .vteam_p{display: flex;flex-direction: column;align-items: center;width: 3.3rem;} .vteam_p p{color: #666;overflow: hidden;white-space: nowrap;text-overflow:ellipsis;} .vteam_hz:hover p{color: #156bff;} @media screen and (max-width: 1580px) { .vPack_gl_r_p p,.subswi_txt_box p{font-size: 12px;} .subpb_box p{font-size: 12px;} .subpb_box h3{font-size: 14px;} } @media screen and (max-width: 1260px) { } @media screen and (max-width: 991px) { } @media screen and (max-width: 767px) { } .b_ys{height: 2.2rem;} .b_ys_box{display: flex;align-items: center;justify-content: space-between;height: 100%;} .b_ys_l h2{font-size: 0.36rem;color: #fff;font-weight: 400;margin-bottom: 0.05rem;} .b_ys_l p{color: #fff;} .public_a4{width: auto;height: 0.46rem;border-radius: 4px;border: 2px solid #fff;margin-right: 10px;display: flex;justify-content: center;align-items: center;color: #fff;padding: 0 0.3rem;transition: all 0.6s;flex-shrink: 0;} .b_ys .public_a4{background: #fff;color: #156BFF;} .b_ys .public_a4:hover{background: #156BFF;color: #fff;} @media screen and (max-width: 1200px) { .sub_banner_img img,.sub_banner{height: 400px;} .subswi_img{height: 180px;} .subswi_txt{height: 160px;} .subswi_con{border-radius: 8px;} .subswi_icon{width: 70px;height: 70px;top: -35px;} .subswi_txt{padding: 50px 20px 0;} .subswi_txt_p{height: 60px;} .public_a3,.public_a4{width: auto;height: 36px;padding:0 20px;} .public_a2 img{width: 5px;margin-left: 8px;} .vteam_hz img{width: 28px;margin-bottom: 10px;} .vteam_nr{height: auto !important;flex-direction: row;} .public_a4{margin: 0 10px 0 20px;} } @media screen and (max-width: 991px) { .vPack_gl_l img{left: 0;height: 350px;} .vPack_gl_nr{min-height: 350px;} .vPack_gl_r{padding: 50px 30px 0;} .vPack_gl_r_t{padding-bottom: 20px;margin-bottom: 20px;} .vPack_gl_r_p p{margin-bottom: 10px;} .subpb_box{height: 160px;} .vteam_nr{padding: 30px 0 20px;} } @media screen and (max-width: 767px) { .sub_banner{margin-top: 60px;} .sub_banner_img img, .sub_banner{height: 300px;} .sub_banner .h_b_txt_l{width: 100%;} .sub_banner .h_b_txt{padding: 0 1rem 0;} .sub_banner .h_b_txt_p{margin-bottom: 20px;} .vPack_gl_nr{flex-direction: column;} .vPack_gl_l{width: 100%;} .vPack_gl_l img{position: initial;height: 200px;} .vPack_gl_r{width: 100%;padding: 20px 0 0;margin-bottom: 30px;} .vPack_gl_r_t{padding-bottom: 10px;margin-bottom: 10px;} .vPack_gl{padding-bottom: 30px;} .subpb{justify-content: space-between;} .subpb_box{width: 46%;height: 140px;margin: 0 0 20px 0;} .subswi{padding-bottom: 50px;} .vteam_nr{justify-content: space-between;} .b_ys{height: auto;padding: 30px 0;} .public_a4{margin: 0px;flex-shrink: 0;} .b_ys_l h2{font-size: 24px;margin-bottom: 10px;} .b_ys_l{margin-bottom: 20px;width: 100% !important;} .b_ys_box{flex-direction: column;} .vteam_nr{height: auto !important;flex-direction: row;} .sub_banner .h_b_txt_p p:not(:first-child){width: 100%;} } /* .vPipe_vteam .vteam_nr{padding: 0.45rem 0 0.2rem;} .vPipe_vteam .vteam_hz{width: calc(100%/5);} .vTest_vteam .vteam_nr{padding: 0.45rem 1.2rem 0.2rem;} */ /* weOps */ .sub_tnav{position: relative;height: 100%;display: flex;flex-direction: column;overflow-y: auto;} .sub_tnav a{padding: 0 0 0 0.4rem;display: flex;height: auto !important;margin-bottom: 0.4rem;z-index: 1;flex-direction: column;justify-content: center;flex-shrink: 0;} .sub_tnav i{position: absolute;height: 25%;top: 0;left: 0;background: #156bff;z-index: 1;border-radius: 5px;transition: all 0.6s;width: 5px;} .weo_ld .sub_tnav i{height: 25%;} .sub_tnav .on{color: #fff;} .sub_tnav_box{position: relative;} .sub_tnav_box::after{content: '';position: absolute;width: 5px;height: 100%;background: #edeff4;right: 0;top: 0;} .sub_tnav a h3{color: #333;margin-bottom: 0.05rem;} .sub_tnav_p p{font-size: 14px;color: #666;overflow-y: auto;max-height: 4.5em;padding-right: 0.1rem;direction: ltr;} .weo_ld_l .sub_tnav_p p{max-height: initial;} .sub_tnav a:hover h3,.sub_tnav .on h3{color: #156BFF;} .weo_ld_con{display: flex;justify-content: space-between;align-items: flex-start;} .weo_ld_l{width: 36.5%;height: calc(6rem + 40px);} /* .weo_ld_l::-webkit-scrollbar{ width:3px; } .weo_ld_l::-webkit-scrollbar-track{ background: #e5e9ee; border-radius:2px; } .weo_ld_l::-webkit-scrollbar-thumb{ background: #156bff; border-radius:25px; } .weo_ld_l::-webkit-scrollbar-corner{ background: #156bff; } */ .weo_ld{padding-bottom: 0.9rem;} .weo_ld_r{width: 60.5%;border-radius: 10px;background: #fff;border: 1px solid #f5f5f5;padding: 20px;box-shadow: 0 0 20px rgb(0 0 0 / 5%);} .weo_ld_img{height: 6rem;padding: 0.38rem 0;} .weo_ld_img img{object-fit: contain;} .weo_cj{padding: 0.9rem 0 0.4rem;background: #f5f7fb;} .weo_cj_con{display: flex;justify-content: space-between;margin-bottom: 0.9rem;} .weo_cj_img{width: 47.1%;} .weo_cj_txt{width: 52.9%;display: flex;flex-direction: column;justify-content: center;padding-left: 0.8rem;align-items: flex-start;} .weo_cj_txt .public_a5{margin: 0.4rem 0 0 0;} .weo_cj_txt h3{font-weight: 400;margin-bottom: 0.2rem;} .weo_cj_txt p{color: #999;line-height: 1.8;} .public_a5{width: auto;height: 0.46rem;border-radius: 4px;display: inline-flex;justify-content: center;align-items: center;padding: 0 0.25rem;background: #156BFF;color: #fff;transition: all 0.6s;} .public_a5:hover{opacity: 0.8;} .weo_cj_con:nth-child(2n){flex-direction: row-reverse;} .weo_cj_con:nth-child(2n) .weo_cj_txt{padding: 0 0.8rem 0 0 ;} .subswi2 .title h2{color: #333;} .subswi2 .subswi_txt{background: #f3f4f6;} .weo_fw{height: 2.8rem;} .title2{padding: 0.5rem 0 0.2rem;} .title2 h2{color: #fff;} .title2 p{color: #fff;} .weo_fw .h_b_txt_a{text-align: center;justify-content: center;} .weo_fw .h_b_txt_a a{color: #fff;border-color: #fff;margin: 0 0.1rem;} .weo_fw .h_b_txt_a a:hover{background: no-repeat;opacity: 0.8;} @media screen and (max-width: 1580px) { .sub_tnav_p p{font-size: 12px;} .weo_ld_img{height: 6.8rem;} .weo_ld_l{height: calc(6.8rem + 40px);} } @media screen and (max-width: 1200px) { .weo_ld_l{width: 42%;} .weo_ld_r{width: 55%;} .public_a5{height: 36px;padding: 0 15px;} .weo_fw{height: auto;padding: 0 0 30px;} } @media screen and (max-width: 991px) { .weo_ld_l{width: 52%;} .weo_ld_r{width: 45%;} .weo_ld_con{align-items: center;} .sub_tnav_p p{-webkit-line-clamp: 2;} } @media screen and (max-width: 767px) { .weo_ld_l,.weo_ld_r{width: 100%;} .weo_ld_l{height: auto;} .sub_tnav a,.sub_tnav i{height: 90px;} .weo_ld_con{flex-direction: column-reverse;} .weo_ld_img{height: 250px;} .weo_ld_r{margin-bottom: 20px;padding: 10px;} .sub_tnav{padding-left: 30px;} .sub_tnav a h3{margin-bottom: 5px;} .weo_cj_con,.weo_cj_con:nth-child(2n){flex-direction: column;} .weo_cj_img{width: 100%;height: 220px;} .weo_cj_txt{width: 100%;} .weo_cj_con{margin-bottom: 30px;} .weo_cj_txt{padding: 15px !important;background: #f5f5f5;} .weo_fw{padding: 10px 0 30px;} .title2{padding: 20px 0 ;} .weo_fw .h_b_txt_a a{margin: 0 5px;} } /* CMDB */ .cmdb_cj{background: #f5f7fb;padding-bottom: 0.9rem;} /* .cmdb_cj_nav{display: flex;padding: 0 1.4rem;justify-content: space-between;align-items: center;margin-bottom: 0.75rem;} */ .cmdb_cj_nav{display: flex;justify-content: center;align-items: center;background: #fff;margin-right: 0.2rem;padding: 10px 0;transition: all 0.6s;} .cmdb_cj_nav .img2{display: none;} .cmdb_cj_nav img{width: 0.4rem;height: 0.4rem;margin-right: 0.15rem;} .cmdb_cj_nav p{color: #161b27;} .swiper-slide-thumb-active .cmdb_cj_nav{background: #156bff;} .swiper-slide-thumb-active .cmdb_cj_nav p{color: #fff;} .swiper-slide-thumb-active .cmdb_cj_nav .img1{display: none;} .swiper-slide-thumb-active .cmdb_cj_nav .img2{display: block;} .cmdb_cj_nr{display: flex;justify-content: space-between;height: 4.46rem;} .cmdb_cj_l{width: 50%;} .cmdb_cj_l img{object-fit: contain;} .cmdb_cj_r{width: 50%;padding: 0 2.1rem 0 0.36rem;position: relative;height: 60%;margin-top: 4%;} .cmdb_cj_r h3{font-weight: 400;margin-bottom: 0.1rem;} .cmdb_cj_r p{color: #8b99ae;} .public_a6{height: 0.46rem;padding: 0 0.25rem;border: 2px solid #156bff;border-radius: 4px;width: auto;display: inline-flex;} .cmdb_cj_r>.public_a2{position: absolute;bottom: 0;} .cmdb_tx{padding-bottom: 0.9rem;background: #26354f;} .cmdb_tx_swip{height: 700px;} .cmdb_tx_swip .swiper-wrapper{flex-direction: column;height: 100%;width: 100%;} .cmdb_tx_swip .swiper-slide{height: 300px;} .cmdb_tx_hr{width: 100%;height: 100%;display: flex;flex-direction: column;align-items: center;background: #fff;border-radius: 10px;} .cmdb_tx_hr{padding: 0.5rem 0.5rem 0;} .cmdb_tx_hr .icon_animation{margin-bottom: 0.3rem;} .cmdb_tx_hr h3{margin-bottom: 0.18rem;} .cmdb_tx_hr_p{text-align: center;} .cmdb_tx_hr_p p{color: #999;line-height: 1.8;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;} .cmdb_tx_pag .swiper-pagination-bullet{width: 0.5rem;height: 3px;opacity: 0.3;border-radius: 3px;background: #fff;} .cmdb_tx_pag .swiper-pagination-bullet-active{opacity: 1;} .cmdb_tx_hr:hover{background: #0f74ff;} .cmdb_tx_hr:hover h3{color: #fff;} .cmdb_tx_hr:hover p{color: #aeccff;} .cmdb_tx_hr:hover .icon_animation img:first-child{top: -3px;left: 3px;} .cmdb_tx_hr:hover .icon_animation img:last-child{top: 3px;left: -3px;} .cmdb_tx .title{padding: 1.2rem 0 0.5rem;} @media screen and (max-width: 1200px) { .cmdb_cj_nav a{padding: 5px 0;} .cmdb_cj_nav a img{width: 30px;height: 30px;} .cmdb_cj_nr{height: 280px;} .public_a6{height: 36px;padding: 0 15px;} .cmdb_tx_swip .swiper-slide{height: 250px;} .cmdb_tx_swip{height: 580px;} } @media screen and (max-width: 991px) { .cmdb_cj_nr{height: 230px;} .cmdb_tx_swip .swiper-slide{height: 220px;} .cmdb_tx_swip{height: 520px;} } @media screen and (max-width: 767px) { .cmdb_cj_nav{padding: 0;margin-bottom: 20px;} .cmdb_cj_nav a p{font-size: 12px;} .cmdb_cj_nav a img{width: 25px;height: 25px;} .cmdb_cj_nr{flex-direction: column;} .cmdb_cj_l{width: 100%;margin-bottom: 20px;} .cmdb_cj_nr{height: auto;} .cmdb_cj_r{width: 100%;height: auto;margin: 0;} .cmdb_cj_r>.public_a2{position: initial;font-size: 12px;} .cmdb_cj_r h3{font-size: 16px;margin-bottom: 5px;} .cmdb_cj_r p{margin-bottom: 10px;} .cmdb_cj{padding-bottom: 30px;} .cmdb_tx_hr{padding: 15px;} .cmdb_tx_hr .icon_animation{margin-bottom: 10px;} .cmdb_tx_hr h3{margin-bottom: 5px;} .cmdb_tx_hr_p p{line-height: 1.6;} .cmdb_tx_swip .swiper-slide{height: 190px;} .cmdb_tx_swip{height: 440px;} .cmdb_tx_pag .swiper-pagination-bullet{width: 25px;} } /* 解决方案 */ .sol_t{padding-bottom: 0.9rem;background: #f5f7fb;} .sol_t_con{display: flex;flex-wrap: wrap;justify-content: space-between;} .sol_t_nr{width: calc(50% - 0.2rem);margin-bottom: 0.4rem;background: #fff;position: relative;height: auto;transition: all 0.6s;} .sol_t_nr *{transition: all 0.6s;} .sol_t_nr>img{position: absolute;right: 0;top: 0;width: 1.86rem;height: 100%;object-fit:initial} .sol_t_hz{padding: 0.3rem 1.9rem 0.3rem 0.5rem;} .sol_t_icon img{width: 0.6rem;height: 0.6rem;} .sol_t_icon{margin-bottom: 0.18rem;} .sol_t_hz h3{margin-bottom: 0.1rem;} .sol_t_p p{color: #666;font-size: 14px;} .sol_t_icon .img2{display: none;} .sol_t_nr .img4{display: none;} .sol_t_nr:hover .sol_t_icon .img1{display: none;} .sol_t_nr:hover .sol_t_icon .img2{display: block;} .sol_t_nr:hover .img3{display: none;} .sol_t_nr:hover .img4{display: block;opacity: 0.3;} .sol_t_nr:hover{background: #156bff;border-radius: 8px;} .sol_t_nr:hover *{color: #fff;} @media screen and (max-width: 1580px) { .sol_t_icon img{width: 40px;height: 40px;} .sol_t_p p{font-size: 12px;} } .sol_img img{object-fit: contain;} .sol{padding-bottom: 0.9rem;} .sol_ys{padding-bottom: 0.9rem;background: #f5f7fb;overflow: hidden;} @media screen and (max-width: 1200px) { .sol_t_icon{margin-bottom: 15px;} .sol_t_hz h3{margin-bottom: 10px;} .sol_t_nr>img{width: 120px;} .sol_t_hz{padding: 15px 130px 0 30px;} } @media screen and (max-width: 991px) { .sol_t_nr{width: 100%;} } @media screen and (max-width: 767px) { .sol_t_nr{height: auto;margin-bottom: 20px;} .sol_t_nr>img{width: 100px;} .sol_t_hz{padding: 15px 15px 25px;} .sol_t_icon img{width: 30px;height: 30px;} .sol_t_icon{margin-bottom: 10px;} } /* 解决方案2 */ .sol2_t{padding: 0.9rem 0;background: #f5f7fb;} .sol2_t_con{display: flex;justify-content: space-between;align-items: center;} .sol2_t_l{width: 42.8%;background: #fff;border-radius: 8px;padding: 0.66rem 0 0.56rem 0.66rem;position: relative;} .sol2_t_l h3{color: #161b27;font-weight: 400;margin-bottom: 0.55rem;} .sol2_t_l h3 span{color: #156bff;} .sol2_t_l_box{display: flex;flex-wrap: wrap;} .sol2_t_l_con{width: 46%;display: flex;align-items: center;margin-bottom: 0.38rem;} .sol2_t_l_con i{width: 20px;height: 20px;background: #cccccc;border-radius: 50%;display: flex;align-items: center;justify-content: center;margin-right: 0.18rem;} .sol2_t_l_con i img{width: 40%;height: auto;} .sol2_t_l_con p{color: #999;} .sol2_t_l>i{position: absolute;z-index: 10;} .sol2_t_l .i1{width: 1.73rem;height: auto;bottom: -0.93rem;left: -0.37rem;} .sol2_t_l .i2{width: 1.06rem;height: auto;top: -0.66rem;right: 1.37rem;} .sol2_t_r{width: 50%;background: #fff;border-radius: 8px;padding: 0.66rem 0.5rem 0.4rem;position: relative;} .sol2_t_r h3{color: #161b27;font-weight: 400;margin-bottom: 0.5rem;} .sol2_t_r_con{margin-bottom: 0.38rem;} .sol2_t_r_t{display: flex;align-items: center;margin-bottom: 0.2rem;} .sol2_t_r_t i{width: 20px;height: 20px;background: #156bff;border-radius: 50%;display: flex;align-items: center;justify-content: center;margin-right: 0.18rem;} .sol2_t_r_t i img{width: 50%;height: auto;} .sol2_t_r_t h4{color: #156bff;} .sol2_t_r_p{padding-left: calc(20px + 0.18rem);} .sol2_t_r_p p{color: #666;font-size: 14px;} .sol2_t_r>i{position: absolute;z-index: 10;} .sol2_t_r .i1{width: 0.5rem;height: auto;top: 0.54rem;left: -0.3rem;} .sol2_t_r .i2{width: 1.15rem;height: auto;bottom: 0.05rem;right: -0.86rem;} @media screen and (max-width: 1580px) { .sol2_t_r_p p,.sol2_fa_txt p{font-size: 12px !important;} } .sol2_jgt{padding: 0.9rem 0;} .sol2_jgt_con{display: flex;justify-content: space-between;align-items: center;} .sol2_jgt_l{width: 56%;height: 4.5rem;} .sol2_jgt_l img{object-fit: contain;} .sol2_jgt_r{width: 44%;padding: 0.8rem;} .sol2_jgt_r h2{font-weight: 400;margin-bottom: 0.2rem;} .sol2_jgt_r p{color: #999;line-height: 1.8;margin-bottom: 0.35rem;} .sol2_fa{padding-bottom: 0.8rem;background: #f5f7fb;} .sol2_fa_con{display: flex;flex-wrap: wrap;} .sol2_fa_hr{width: calc((100% - 0.5rem)/3);margin: 0 0.25rem 0.25rem 0;height: 310px;background: #fff;border-radius: 10px;position: relative;overflow: hidden;} .sol2_fa_hr:nth-child(3n){margin-right: 0;} .sol2_fa_txt{position: absolute;padding: 0.36rem 0.4rem 0;height: 100%;z-index: 10;} .sol2_fa_txt h3{margin-bottom: 0.1rem;} .sol2_fa_txt p{color: #999;font-size: 14px;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;line-height: 1.8;} .sol2_fa_txt_p{height: 80%;overflow-y: auto;} .sol2_fa_img{position: absolute;padding: 0 0.4rem 0.43rem;height: 100%;display: flex;align-items: flex-end;width: 100%;z-index: 1;} .sol2_fa_img_box{width: 100%;} .sol2_fa_img_box img{height: 1.55rem;} @media screen and (max-width: 1900px) { .sol2_fa_hr{height: 260px;} } @media screen and (max-width: 1580px) { .sol2_fa_hr{height: 260px;} .sol2_fa_img_box img{height: 130px;} .sol2_fa_txt h3{margin-bottom: 5px;} .sol2_fa_txt{padding: 30px 30px 0;} .sol2_fa_img{padding: 0 30px 30px;} } .sol2_fa_hr:hover .sol2_fa_txt{background: rgba(21,107,255,0.9);} .sol2_fa_hr:hover h3{color: #fff;} .sol2_fa_hr:hover p{color: #fff;-webkit-line-clamp: initial;} @media screen and (max-width: 1200px) { } @media screen and (max-width: 991px) { .sol2_t_con{flex-direction: column;} .sol2_t_l{width: 100%;margin-bottom: 50px;} .sol2_t_r{width: 100%;} .sol2_t,.sol2_jgt{padding: 50px 0;} .sol2_jgt_con{flex-direction: column;} .sol2_jgt_l{width: 100%;height: 250px;margin-bottom: 20px;} .sol2_jgt_r{width: 100%;padding: 0;} .sol2_fa_hr{width: 48%;margin: 0 0 20px 0 !important;} .sol2_fa_con{justify-content: space-between;} } @media screen and (max-width: 767px) { .sol2_t, .sol2_jgt{padding: 30px 0 ;} .sol2_t_l{padding: 15px;margin-bottom: 30px;} .sol2_t_l h3{font-size: 16px;margin-bottom: 20px;} .sol2_t_l_con{width: 100%;margin-bottom: 15px;} .sol2_t_l_con i{margin-right: 10px;} .sol2_t_r{padding: 15px;} .sol2_t_r h3{font-size: 16px;margin-bottom: 20px;} .sol2_t_r_con{margin-bottom: 20px;} .sol2_t_r_t i{margin-right: 10px;} .sol2_t_r_t h4{font-size: 14px;} .sol2_t_r_t{margin-bottom: 10px;} .sol2_t_r_p{padding-left: 30px;} .sol2_jgt_l{height: 150px;} .sol2_fa_hr{width: 100%;} } /* .show_nav .nav>ul>li>a:hover p,.show_nav .nav>ul>.on>a p{color: #333 !important;} .show_nav .nav>ul>li>a:hover .img2,.show_nav .nav>ul>.on>a .img2{display: none !important;} .show_nav .nav>ul>li>a:hover .img3,.show_nav .nav>ul>.on>a .img3{display: block !important;} .show_nav .nav>ul>li>a>p::after{background: #333;} */ .sol_ys_hr{position: relative;height: 4.7rem;margin-bottom: 0.6rem;} .sol_ys_l{position: absolute;top: 50%;margin-top: -1.8rem;width: 3.6rem;height: 3.6rem;border-radius: 50%;background: rgba(81,179,242,0.1);right: calc(50% - 0.75rem);} .sol_ys_r{position: absolute;top: 50%;margin-top: -1.8rem;width: 3.6rem;height: 3.6rem;border-radius: 50%;background: rgba(21,107,255,0.2);left: calc(50% - 0.75rem);} .sol_ys_m{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 1.5rem;height: 2.92rem;background: url(../img/sol_icon_bj.png) no-repeat;background-size: contain;display: flex;align-items: center;justify-content: center;flex-direction: column;z-index: 10;} .sol_ys_m img{width: 0.62rem;height: auto;} .sol_ys_m p{text-align: center;color: #fff;width: 4em;} .sol_ys_sbox{position: absolute;display: flex;align-items: center;} .sol_ys_sbox_txt{width: auto;flex-shrink: 0;text-align: right;padding-right: 0.3rem;white-space: nowrap;} .sol_ys_sbox_txt h3{margin-bottom: 0.1rem;} .sol_ys_sbox_txt p{color: #666;font-size: 14px;} .sol_ys_sbox_icon{width: 1rem;height: 1rem;background: #51b3f2;flex-shrink: 0;border-radius: 50%;display: flex;align-items: center;justify-content: center;} .sol_ys_sbox_icon img{width: 40%;height: 40%;} .sol_ys_r .sol_ys_sbox_icon{background: #156bff;} .sol_ys_r .sol_ys_sbox{flex-direction: row-reverse;} .sol_ys_r .sol_ys_sbox_txt{padding: 0 0 0 0.3rem;text-align: left;} .sol_ys_sbox1{right: 2.85rem;top: 0.35rem;} .sol_ys_sbox2{right: 2.85rem;bottom: 0.35rem;} .sol_ys_sbox3{left: 2.2rem;top: -0.25rem;} .sol_ys_sbox4{left: 3.1rem;top: 50%;margin-top: -0.5rem;} .sol_ys_sbox5{left: 2.2rem;bottom: -0.25rem;} @media screen and (max-width: 1580px) { .sol_ys_sbox_txt p{font-size: 12px;} } @-webkit-keyframes slideInLeft2 { 0% { -webkit-transform: translateX(-200%); transform: translateX(-200%); visibility: visible } 100% { -webkit-transform: translateX(0); transform: translateX(0) } } @keyframes slideInLeft2 { 0% { -webkit-transform: translateX(-200%); -ms-transform: translateX(-200%); transform: translateX(-200%); visibility: visible } 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0) } } .slideInLeft2 { -webkit-animation-name: slideInLeft2; animation-name: slideInLeft2 } @-webkit-keyframes slideInRight2 { 0% { -webkit-transform: translateX(200%); transform: translateX(200%); visibility: visible } 100% { -webkit-transform: translateX(0); transform: translateX(0) } } @keyframes slideInRight2 { 0% { -webkit-transform: translateX(200%); -ms-transform: translateX(200%); transform: translateX(200%); visibility: visible } 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0) } } .slideInRight2 { -webkit-animation-name: slideInRight2; animation-name: slideInRight2 } @-webkit-keyframes slideInOp { 0% { opacity: 0; visibility: visible } 100% { opacity: 1; } } @keyframes slideInOp { 0% { opacity: 0; visibility: visible } 100% { opacity: 1; } } .slideInOp { -webkit-animation-name: slideInOp; animation-name: slideInOp } @media screen and (max-width: 1200px) { .sol_ys_sbox,.sol_ys_l,.sol_ys_r{position: initial;border-radius: 0;height: auto;flex-direction: row-reverse;justify-content: flex-end;} .sol_ys_sbox{margin-bottom: 20px;} .sol_ys_l{margin: 0;width: 100%;background: no-repeat;} .sol_ys_hr{height: auto;} .sol_ys_sbox_txt{padding: 0 0 0 20px !important;text-align: left;flex-shrink: initial;white-space: initial;} .sol_ys_sbox_txt p br{display: none;} .sol_ys_m{display: none;} .sol_ys_r{margin: 0;width: 100%;background: no-repeat;} .sol_ys_sbox4{margin: 0 0 20px;} .sol_ys_sbox_icon{background: #156bff !important;} } @media screen and (max-width: 991px) { .sol_ys_sbox_icon{width: 50px;height: 50px;} } @media screen and (max-width: 767px) { } @media screen and (min-width: 768px) { .h_b_png>img{object-fit: contain;animation:moveh 4s infinite linear;-webkit-animation:moveh 3s infinite linear;cursor: pointer;position: relative;} @keyframes moveh{ 0%{bottom: 0.15rem;} 50%{bottom: 0;} 100%{bottom: 0.15rem;} } } /* 关于我们 */ /* 字体引用 */ /* @font-face{ font-family: 'mont'; src: url(../img/Montserrat-Thin-10.ttf); } */ /* 品牌介绍 */ .bra_t{background: #f5f7fb;padding: 0.8rem 0 0.5rem;} .bra_t_box{} .bra_t_con{display: flex;justify-content: space-between;margin-bottom: 0.5rem;} .bra_t_l{width: 34.9%;margin-right: 0.75rem;flex-shrink: 0;} .bra_t_r{width: 100%;height: 210px;overflow-y: auto;padding-right: 20px;} .bra_t_l_h2{margin-bottom: 0.45rem;} .bra_t_l_h2 h2{font-size: 0.4rem;line-height: 1.2;font-weight: 400;} .bra_t_l_h2 h2 span{color: #156bff;} .bra_t_l>span{font-size: 0.8rem;font-family: Arial;font-weight: bold;-webkit-text-stroke: 1px rgba(22,27,39,0.2);-webkit-text-fill-color : transparent;display: block;} .bra_t_r p{color: #666;line-height: 1.9;margin-bottom: 0.3rem;} .bra_t_video{border-radius: 10px;overflow: hidden;position: relative;margin-bottom: 0.4rem;} .bra_t_video_on{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);cursor: pointer;width: 0.76rem;height: 0.76rem;} .bra_t_b{display: flex;flex-wrap: wrap;justify-content: space-between;} .bra_t_b_box{width: 48.6%;background: #fff;border-radius: 10px;margin-bottom: 0.4rem;overflow: hidden;display: flex;padding: 0 0.7rem;align-items: center;height: 2.2rem;} .bra_t_b_img_box{margin-bottom: 5px;} .bra_t_b_img_box img{width: 0.64rem;height: 0.64rem;} .bra_t_b_img_box .img2{display: none;} .bra_t_b_img{display: flex;flex-direction: column;align-items: center;justify-content: center;margin-right: 0.65rem;flex-shrink: 0;} .bra_t_b_img>span{color: #156bff;} .bra_t_b_p{position: relative;height: 100%;display: flex;flex-direction: column;justify-content: center;} .bra_t_b_p p{} .bra_t_b_p>span{position: absolute;font-family: 'mont';bottom: 0;font-size: 0.7rem;line-height: 0.8;color: rgba(0,0,0,0.08);text-transform: uppercase;left: -0.07rem;letter-spacing: -0.1em;} .bra_t_b_box:hover{background: #156bff;} .bra_t_b_box:hover .bra_t_b_img>span,.bra_t_b_box:hover .bra_t_b_p p{color: #fff;} .bra_t_b_box:hover .bra_t_b_img_box .img1{display: none;} .bra_t_b_box:hover .bra_t_b_img_box .img2{display: block;} .bra_t_b_box:hover .bra_t_b_p>span{color: rgba(255,255,255,0.08);} .g-fz{display: flex;justify-content: space-between;height: 4rem;} .g-fz-l{width: 50%;display: flex;flex-direction: column;padding: 0.26rem 0 0.26rem 0.58rem;align-items: flex-start;overflow-y: auto;height: 100%;} .g-fz-l::-webkit-scrollbar{ width:3px; } .g-fz-l::-webkit-scrollbar-track{ background: #ddd; border-radius:2px; } .g-fz-l::-webkit-scrollbar-thumb{ background: #156bff; border-radius:25px; } .g-fz-l::-webkit-scrollbar-corner{ background: #156bff; } .g-fz-r{width: 50%;height: 100%;border-radius: 10px;overflow: hidden;} .g-fz-l p{color: #999;padding: 0 20px ;border-radius: 5px;transition: all 0.6s;line-height: 46px;} .g-fz-l p:hover{color: #fff;background: #156bff;font-size: 22px;} .g-fz-l p:hover a{color: #fff;} @media screen and (max-width: 1580px) { .g-fz-l p:hover{font-size: 16px;} } .g-about-fz-b{width: 100%;margin-bottom: 0.5rem;height: 100px;position: relative;z-index: 1;} .g-about-fz-b::after{content: '';position: absolute;height: 1px;background: #E3E3E3;width: 100%;top: 50%;left: 0;z-index: -1;} .g-about-fz-b-box{padding: 0 0.4rem;height: 100%;} .g-about-fz-b-box .swiper-container{height: 100%;} .g-fzb{position: relative;cursor: pointer;height:100%;} .g-fzb i{position: absolute;left: 50%;transform: translateX(-50%);} .g-fzb .i1{width: 10px;height: 10px;background: #E4E4E4;border-radius: 50%;left: 50%;top: 50%;transform: translate(-50%,-50%);} .g-fzb .i2{width: 40px;height: 40px;border: 2px solid #ee7700;border-radius: 50%;opacity: 0;} .g-fzb p{color: #ccc;text-align: center;position: absolute;left: 53%;transform: translateX(-50%);top: calc(50% + 20px);font-weight: bold;} .g-about-fz-b .x-s-bot { display: flex; } .g-about-fz-b .x-s-bot .swiper-button-prev1 { width: 60px; height: 60px; border-radius: 50%; position: absolute; cursor: pointer; background: #fff; transition: 0.5s all; margin-right: 20px; left: 0; top: 50%; transform: translateY(-50%); z-index: 100; border: 2px solid #156bff; } @media (max-width: 1580px) { .g-about-fz-b .x-s-bot .swiper-button-prev1 { width: 50px; height: 50px; } } @media (max-width: 767px) { .g-about-fz-b .x-s-bot .swiper-button-prev1 { width: 40px; height: 40px; } } .g-about-fz-b .x-s-bot .swiper-button-prev1:hover { background: #156bff; } .g-about-fz-b .x-s-bot .swiper-button-prev1:hover::before { background: url(../img/l2.png) no-repeat center; background-size: 100% 100%; } .g-about-fz-b .x-s-bot .swiper-button-prev1::before { content: ""; width: 10px; height: 16px; background: url(../img/l.png) no-repeat center; background-size: 100% 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); transition: 0.5s all; } @media (max-width: 1580px) { .g-about-fz-b .x-s-bot .swiper-button-prev1::before { width: 10px; height: 14px; } } .g-about-fz-b .x-s-bot .swiper-button-next1 { width: 60px; height: 60px; border-radius: 50%; position: absolute; cursor: pointer; background: #fff; transition: 0.5s all; right: 0; top: 50%; transform: translateY(-50%); z-index: 100; border: 2px solid #156bff; } @media (max-width: 1580px) { .g-about-fz-b .x-s-bot .swiper-button-next1 { width: 50px; height: 50px; } } @media (max-width: 767px) { .g-about-fz-b .x-s-bot .swiper-button-next1 { width: 40px; height: 40px; } } .g-about-fz-b .x-s-bot .swiper-button-next1:hover { background-color: #156bff; } .g-about-fz-b .x-s-bot .swiper-button-next1:hover::before { background: url(../img/r3.png) no-repeat center; background-size: 100% 100%; } .g-about-fz-b .x-s-bot .swiper-button-next1::before { content: ""; width: 10px; height: 16px; background: url(../img/r2.png) no-repeat center; background-size: 100% 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); transition: 0.5s all; } @media (max-width: 1580px) { .g-about-fz-b .x-s-bot .swiper-button-next1::before { width: 10px; height: 14px; } } .g-about-fz-b .x-s-bot{position: absolute;top: 50%;left: 50%;transform: translateX(-50%);z-index: 100;} .g-about-fz-b .swiper-slide{width: calc((100% - 3rem)/11) !important;} .g-about-fz-b .swiper-slide-thumb-active{width: 3rem !important;z-index: 10;} .g-about-fz-b .swiper-slide-thumb-active .g-fzb p{color: #156bff;top: 50%;transform: translate(0,-50%);font-size: 0.7rem;padding: 0;} .g-about-fz-b .swiper-slide-thumb-active .g-fzb .i2{opacity: 1;} .g-about-fz-b .swiper-slide-thumb-active .g-fzb .i1{background: #156bff;} .g-about-fz-box{background: #fff;padding: 0.82rem 0 0.9rem;} .sub2_h2{text-align: center;margin-bottom: 0.4rem;} .sub2_h2 h2{font-weight: 400;margin-bottom: 0.15rem;} .sub2_h2 h2 span{color: #156bff;} .sub2_h2 p{color: #666;} .bra_jr{background: #f5f7fb;padding-top: 0.75rem;} .bra_jr_nr{background: #fff;border-radius: 15px;position: relative;} .bra_jr_nr::after{content: '';position: absolute;width: 3.2rem;height: 2rem;background: url(../img/ln_bj.png) no-repeat;background-size: contain;left: 0.9rem;bottom: 0;opacity: 0.5;} .bra_jr_hz{display: flex;justify-content: space-between;align-items: center;height: 4.5rem;} .bra_wh_l{width: 50%;padding: 0 20px 0 0.9rem;} .bra_wh_l h3{margin-bottom: 0.35rem;font-weight: 400;} .bra_wh_l h4{margin-bottom: 5px;font-weight: 400;} .bra_wh_l h4 span{color: #156bff;} .bra_wh_l p span{color: #156bff;} .bra_wh_r{width: 50%;padding-right: 0.8rem;height: 3.1rem;} .bra_wh_l_box{margin-bottom: 0.3rem;} .bra_wh_l_box:last-child{margin: 0;} .bra_wh_l_box p{margin-bottom: 5px;color: #666;} .bra_wh_r_img{width: 100%;height: 100%;} .wh_swi{height: 100%;border-radius: 12px;} .wh_prev{ right: 0; background: -webkit-linear-gradient( to right, rgba(0,0,0,0),rgba(0,0,0,0),rgba(0,0,0,0.25)); background: -o-linear-gradient( to right,rgba(0,0,0,0),rgba(0,0,0,0.25)); background: -moz-linear-gradient( to right,rgba(0,0,0,0),rgba(0,0,0,0.25)); background: linear-gradient( to right, rgba(0,0,0,0),rgba(0,0,0,0.25)); } .wh_next{ left: 0; background: -webkit-linear-gradient( to right, rgba(0,0,0,0.25),rgba(0,0,0,0)); background: -o-linear-gradient( to right,rgba(0,0,0,0.25),rgba(0,0,0,0)); background: -moz-linear-gradient( to right,rgba(0,0,0,0.25),rgba(0,0,0,0)); background: linear-gradient( to right, rgba(0,0,0,0.25),rgba(0,0,0,0)); } .wh_button{width: 1rem;height: 100%;position: absolute;top: 0;z-index: 10;display: flex;align-items: center;justify-content: center;cursor: pointer;transition: all 0.6s;} .wh_button img{width: 10px;height: auto;transition: all 0.6s;position: relative;right: 0;} .wh_prev:hover img{right: -5px;} .wh_next:hover img{right: 5px;} .bra_bx{display: flex;justify-content: space-between;height: 100%;width: 100%;} .bra_bx_box{width: 33.33%;display: flex;flex-direction: column;align-items: center;justify-content: center;} .bra_wh_r{display: flex;} .bra_bx_box img{width: 1.8rem;height: auto;margin-bottom: 10px;} .bra_bx_box p{font-weight: bold;} .bra_bx_box span{font-weight: bold;display: block;color: #156bff;} .bra_cx{display: flex;justify-content: space-between;height: 100%;width: 100%;padding-left: 1.2rem;} .bra_cx_box{position: relative;display: flex;align-items: center;} .bra_cx_box img{position: absolute;left: -1.6rem;bottom: 0;width: 2.6rem;height: 3.6rem;} .bra_cx_txt{width: 0;height: 1.8rem;background: #f5f7fb;border-radius: 10px;transition: all 0.6s;padding: 15px 0;overflow-y: auto;overflow-x: clip;} .bra_cx_txt_p{width: 315px;height: 100%;padding:0 0.3rem 0 0.38rem;display: flex;flex-direction: column;} .bra_cx_txt p{font-size: 14px;line-height: 2;color: #666;} .bra_cx_txt p span{color: #333;} .bra_cx_txt p span i{color: #156bff;} .bra_cx_box.on .bra_cx_txt{width: 320px;} .bra_jq .bra_cx_txt{height: 2rem;} .bra_jq .bra_cx_box img{left: -1.8rem;width: 2.8rem;height: 3.9rem;bottom: -0.3rem;} .bra_jq .bra_cx_box.on .bra_cx_txt,.bra_jq .bra_cx_txt_p{width: 420px;} .bra_jr_nav{position: relative;display: flex;} .bra_jr_nav::after{content: '';position: absolute;background: #e4e8ef;width: 100%;height: 1px;top: 66px;} .bra_jr_nav_box{display: flex;flex-direction: column;align-items: center;justify-content: center;width: 25%;cursor: pointer;} .bra_jr_nav_box span{font-size: 0.68rem;height: 66px;line-height: 66px;font-family: arial;font-weight: bold;padding-top: 10px;opacity: 0;position: relative;top: 66px; background: -webkit-linear-gradient( rgba(163,163,163,0.25),rgba(0,0,0,0)); background: -o-linear-gradient( rgba(163,163,163,0.25),rgba(0,0,0,0)); background: -moz-linear-gradient( rgba(163,163,163,0.25),rgba(0,0,0,0)); background: linear-gradient( rgba(163,163,163,0.25),rgba(0,0,0,0)); -webkit-text-fill-color:transparent; -webkit-background-clip: text; } .bra_jr_nav_i{background: #f5f7fb;margin-top: -4px;position: relative;z-index: 10;margin-bottom: 5px;} .bra_jr_nav_i i{width: 10px;height: 10px;display: block;background: #d1d7e2;flex-shrink: 0;border-radius: 50%;margin: 0 7px;} .bra_jr_nav_box p{margin-bottom: 0.35rem;} .bra_jr_nav_box img{width: 2rem;opacity: 0;position: relative;top: -66px;} .bra_jr_nav_box.on span{opacity: 1;top: 0;} .bra_jr_nav_box.on img{opacity: 1;top: 0;} .bra_jr_nav_box.on i{background: #156bff;} .bra_jr_nav_box.on p{color: #156bff;} .bra_t_video_img{height: 5.9rem;} @media screen and (max-width: 1200px) { .bra_t_r{height: 150px;} .bra_t_con,.bra_t_video{margin-bottom: 30px;} .bra_t_b_box{height: 160px;} .g-fz{height: 250px;} .g-fz-l p{line-height: 38px;margin-bottom: 5px;} .bra_jr_hz{height: 280px;} .bra_wh_r{height: 200px;} .bra_jr_nav_box span{font-size: 48px;} .bra_jr_nav_box img{width: 130px;} .bra_cx_txt p{font-size: 12px;} .bra_cx_box img{width: 150px;height: 210px;left: -95px;} .bra_cx_box.on .bra_cx_txt,.bra_cx_txt_p{width: 220px;height: 100px;} .bra_jq .bra_cx_box img{width: 130px;height: 250px;left: -95px;} .bra_jq .bra_cx_box.on .bra_cx_txt, .bra_jq .bra_cx_txt_p{width: 280px;height: 120px;} } @media screen and (max-width: 991px) { .bra_t_con{flex-direction: column;} .bra_t_l{width: 100%;} .bra_t{padding: 40px 0;} .bra_t_l_h2{margin-bottom: 10px;} .bra_t_l_h2 h2{font-size: 24px;} .bra_t_l>span{font-size: 40px;margin-bottom: 10px;} .bra_t_r{height: 200px;} .bra_t_video_img{height: 250px;} .bra_t_video_on{width: 30px;height: 30px;} .bra_t_b{flex-direction: column;} .bra_t_b_box{width: 100%;height: auto;padding: 30px 15px;margin-bottom: 20px;} .bra_t_b_img_box img{width: 35px;height: 35px;} .bra_t_b_img{width: 70px;margin-right: 20px;} .bra_t_b_p>span{font-size: 36px;bottom: -34px;} .g-about-fz-box{padding: 40px 0;} .g-about-fz-b{height: 80px;margin-bottom: 20px;} .g-about-fz-b .x-s-bot{display: none;} .g-about-fz-b .swiper-slide-thumb-active .g-fzb p{font-size: 24px;left: 55%;} .g-fzb p{font-size: 12px;top: calc(50% + 10px);} .g-fzb .i1{width: 8px;height: 8px;} .g-fz{height: auto;flex-direction: column;} .g-fz-r{width: 100%;height: 190px;} .g-fz-l{width: 100%;padding: 15px 0;} .g-fz-l p{font-size: 14px;line-height: 1.4;padding: 6px 20px;} .bra_jr{padding-top: 40px;} .sub2_h2{margin-bottom: 20px;} .bra_jr_con{margin-top: 40px;} .bra_jr_hz{flex-direction: column;height: auto;padding: 20px 0;} .bra_wh_l{width: 100%;margin-bottom: 20px;} .bra_wh_l h3{margin-bottom: 15px;} .bra_wh_l_box{margin-bottom: 20px;} .bra_wh_r{padding: 0;width: 100%;height: 250px;} .wh_swi{border-radius: 0;} .wh_button{width: 50px;} .wh_button img{width: 8px;} .wh_prev:hover img{right: 0;} .wh_next:hover img{right: 0;} .bra_bx_box img{width: 60%;} .bra_cx_box.on .bra_cx_txt, .bra_cx_txt_p{width: 100%;height: auto;} .bra_cx{padding-left: 0;flex-direction: column;} .bra_cx_txt{width: 180px;height: auto;} .bra_cx_box img{position: initial;width: 110px;height: 152px;} .bra_cx_box{padding-right: 20px;margin-bottom: 20px;} .bra_cx_txt{width: 100%;} .bra_jq .bra_cx_box.on .bra_cx_txt, .bra_jq .bra_cx_txt_p{width: 100%;height: auto;} .bra_jr_nav_box img{width: 80%;} .bra_jr_nav_box span{font-size: 40px;padding: 0;} } @media screen and (max-width: 767px) { .bra_t_video_img{height: 150px;} .bra_bx_box img{width: 80%;} .bra_wh_r{height: auto;} .g-about-fz-b .swiper-slide{width: calc((100% - 3.76rem)/4) !important;} .g-about-fz-b .swiper-slide-thumb-active .g-fzb p{transform: translate(-50%,0);} } /* 新闻动态 */ .cru_box{width: 100%;background: #f5f7fb;padding-top: 0.22rem;} .subbox{background: #F5F7FB;} .sub_h2{text-align: center;margin-bottom: 0.45rem;} .sub_h2 span{display: block;color: #156bff;margin-bottom: 2px;} .sub_h2 h2{color: #161b27;font-size: 0.5rem;font-weight: 400;} .sub_h2 p{color: #888;font-size: 14px;margin-top: 10px;} .news_t{margin-bottom: 0.5rem;display: flex;justify-content: space-between;} .news_t_l{display: flex;flex-wrap: wrap;} .news_t_l a{width: 1.4rem;height: 0.46rem;background: #fff;display: flex;align-items: center;justify-content: center;margin-right: 15px;border-radius: 4px;transition: all 0.6s;} .news_t_l a:hover,.news_t_l .on{color: #fff;background: #156bff;} .news_t_form{width: 220px;height: 0.46rem;background: #fff;display: flex;justify-content: space-between;align-items: center;} .news_t_form input{width: 100%;height: 100%;padding-left: 20px;border: none;font-size: 14px;} .news_t_form button{width: 16px;height: 16px;margin-right: 20px;flex-shrink: 0;display: flex;align-items: center;} .news_con_a{position: relative;height: 20px;width: 80px;} .news_con_a_icon{position: absolute;left: 0;top: 50%;transform: translateY(-50%);display: flex;align-items: center;} .news_con_a>p{position: absolute;right: 0;top: 50%;transform: translateY(-50%);font-size: 14px;color: #ccc;white-space: nowrap;line-height: 20px;} .news_con_a>p::after{content: '';position: absolute;bottom: 0;width: 0;height: 1px;background: #7aa8f9;left: 0;} .news_con_a_icon .img2{display: none;} .news_con_a_icon img{width: 7px;height: auto;} .news_con{display: flex;flex-wrap: wrap;} .news_nr{width: calc((100% - 0.5rem)/3);margin: 0 0.25rem 0.25rem 0;overflow: hidden;} .news_nr:nth-child(3n){margin-right: 0;} .news_con_img{width: 100%;height: 3rem;overflow: hidden;} .news_con_txt{background: #fff;padding: 0.4rem;} .news_con_txt>span{color: #156BFF;margin-bottom: 10px;display: flex;align-items: center;font-weight: bold;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;} .news_con_txt>span img{width: 14px;height: 14px;margin-right: 10px;} .news_con_txt>p{height: 3em;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;margin-bottom: 0.25rem;} .video_list .news_con_txt>span{font-weight: 400;} .video_list .news_con_txt>p{font-weight: bold;} .news_box .news_con_txt>span{font-weight: 400;} .news_box .news_con_txt>p{font-weight: bold;} @media screen and (max-width: 1900px) { .news_con_txt>p{height: 48px;} } @media screen and (max-width: 1580px) { .news_con_txt>p{height: 42px;} } .news_nr:hover{border-radius: 10px;box-shadow: 0 0 30px rgba(21,107,155,0.1);} .news_nr:hover .news_con_txt{background: #156BFF;} .news_nr:hover .news_con_txt>span{color: #fff;} .news_nr:hover .news_con_txt>p{color: #fff;} .news_nr:hover .news_con_a_icon{left: 70px;} .news_nr:hover .news_con_a>p{right: 25px;color: #7aa8f9;} .news_nr:hover .news_con_a>p::after{width: 100%;} .news_con{margin-bottom: 0.3rem;} .news{padding-bottom: 0.9rem;} /* 翻页 */ .page_jt{display: none;} .page{padding: 0.2rem 0;border-bottom: 1px solid #e9ecf4;border-top: 1px solid #e9ecf4} .page_jt_l,.page .prev i{background: url(../img/l3.png) no-repeat;width: 6px;height: 12px;background-size: cover;display: inline-block;} .page_jt_r,.page .next i{background: url(../img/r5.png) no-repeat;width: 6px;height: 12px;background-size: cover;display: inline-block;} .page{display: flex;align-items: center;justify-content: center;} .page .next,.page .prev{margin: 0 0.2rem;} .page a,.page .active{width: 30px;height: 30px;border-radius: 4px;display: flex;align-items: center;justify-content: center;margin: 0 5px;} .page .active{background: #e9ecf4;color: #156BFF;} @media screen and (max-width: 1200px) { .news_t_l a{width: 100px;height: 32px;} .news_t_form{height: 32px;} .news_con_txt>span{font-size: 12px;} } @media screen and (max-width: 991px) { .sub_h2 h2{font-size: 32px;} } @media screen and (max-width: 767px) { .sub_h2 h2{font-size: 24px;} .sub_h2 span{font-size: 14px;} .subbox{padding: 20px 0 30px;} .sub_h2{margin-bottom: 20px;} .news_t{flex-direction: column;margin-bottom: 20px;} .news_t_l{margin-bottom: 10px;} .news_t_l a{min-width: 80px; padding: 0 0.4rem; width: auto; margin-bottom: 0.4rem;} .news_con{margin-bottom: 20px;} .news_con{justify-content: space-between;} .news_nr{width: 47%;margin: 0 0 20px 0;} .news_nr:hover{border-radius: 5px;} .news_con_img{height: 100px;} .news_con_txt{padding: 15px 10px;} .news_con_txt>p{margin-bottom: 10px;} .news_con_a>p{font-size: 12px;} .news_con_a_icon img{width: 5px;} .news_nr:hover .news_con_a_icon{left: 60px;} .news_nr:hover .news_con_a>p{right: 10px;} .news_con_a{width: 60px;} .page{padding: 10px 0;} } /* 新闻活动详情 */ .cru_box2{padding:0.22rem 0;} .show{display: flex;justify-content: space-between;align-items: flex-start;} .show_l{width: 68.5%;} .show_h1{padding: 0.5rem 0;} .show_h1 h1{margin-bottom: 0.05rem;font-weight: 400;overflow: hidden;white-space: nowrap;text-overflow:ellipsis;} .show_time{display: flex;} .show_time p{color: #999;margin-right: 0.2rem;} .show_l_box img{width: auto;height: auto;margin: auto;max-width: 100%;display: block;} .show_cur{padding: 0.5rem 0 1rem;border-top: 1px solid #e8ebf1;display: flex;justify-content: space-between;align-items: center;} .show_cur_box{width: 70%;} .show_cur_box a{display: block;overflow: hidden;white-space: nowrap;text-overflow:ellipsis;} .show_l_box h3 img{display: inline;margin-left: 15px;} .show_r{background: #fff;padding: 0.3rem 0.3rem 0.1rem;width: 28.5%;} .show_r h3{font-weight: 400;margin-bottom: 0.2rem;} .news_show_hot_box{padding-bottom: 0.2rem;margin-bottom: 0.15rem;border-bottom: 1px solid #e8ebf1;display: block;} .news_show_hot_box:last-child{border: none;margin-bottom: 0;} .news_show_hot_box span{color: #156bff;margin-bottom: 4px;display: block;} .news_show_hot_box p{overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;} @media screen and (max-width: 991px) { .show{flex-direction: column;} .show_l{width: 100%;} .show_r{width: 100%;padding: 15px;margin-bottom: 30px;} .news_show_hot_box{padding-bottom: 15px;margin-bottom: 15px;} .show_r h3{font-size: 16px;} } @media screen and (max-width: 767px) { .show_h1{padding: 20px 0;margin-bottom: 20px;} .show_time p{font-size: 12px;margin-right: 20px;} .show_h1 h1{margin-bottom: 5px;} .show_cur{padding: 20px 0;margin-bottom: 20px;} .show_cur_box{width: 60%;} .show_r h3{margin-bottom: 10px;} } /* 招纳贤士 */ .job{display: flex;flex-wrap: wrap;margin-bottom: 20px;} .job_box{width: calc((100% - 0.5rem)/3);margin: 0 0.25rem 0.25rem 0;overflow: hidden;background: #fff;height: 1.3rem;padding: 0 0.4rem;display: flex;flex-direction: column;justify-content: center;} .job_box:nth-child(3n){margin-right: 0;} .job_box h3{margin-bottom: 10px;overflow: hidden;white-space: nowrap;text-overflow:ellipsis;} .job_txt{display: flex;justify-content: space-between;align-items: center;} .job_txt p,.job_txt>span{color: #999;font-size: 14px;} .job_box:hover{background: #156bff;border-radius: 10px;box-shadow: 0 0 30px rgba(21,107,155,0.1);} .job_box:hover *{color: #fff;} @media screen and (max-width: 1200px) { .job_box{height: 90px;} } @media screen and (max-width: 767px) { .job{justify-content: space-between;} .job_box{width:100%;margin: 0 0 15px 0;padding: 0 20px;} .job_box:hover{border-radius: 5px;} .job_txt p, .job_txt>span{font-size: 12px;} } /* 招纳贤士详情 */ .hi-input-box{position: relative;display: inline-flex;line-height: 0.46rem;background: #156bff;border-radius: 3px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;padding: 0 0.38rem;margin-bottom: 0.9rem;transition: 0.6s all;} .hi-input-box input {opacity: 0;position: absolute;top: 0;left: 0;z-index: 2;margin-bottom: 0;padding: 0;width: 100%;height: 100%;border: 0;cursor: pointer;} .hi-text{color: #fff;} .hi-input-box:hover{opacity: 0.8;} .job_show_r{padding-bottom: 0.2rem;margin-bottom: 0.15rem;border-bottom: 1px solid #e8ebf1;display: block;} .job_show_r:last-child{border: none;margin-bottom: 0;} .job_show_r h4{margin-bottom: 4px;overflow: hidden;white-space: nowrap;text-overflow:ellipsis;} .job_show_r_txt{display: flex;align-items: center;justify-content: space-between;} .job_show_r_txt p,.job_show_r_txt>span{color: #ccc;font-size: 14px;} @media screen and (max-width: 1200px) { .hi-input-box{line-height: 32px;padding: 0 20px;} .job_show_r_txt p, .job_show_r_txt>span{font-size: 12px;} } @media screen and (max-width: 991px) { .job_show_r{padding-bottom: 15px;margin-bottom: 15px;} } @media screen and (max-width: 767px) { .hi-input-box{margin-bottom: 40px;} } /* 招贤纳士 */ .job2_t{padding: 0.9rem 0;} .job2_box{display: flex;justify-content: space-between;} .job2_l{width: 31.4%;padding-top: 0.7rem;} .job2_r{width: 68.6%;} .job2_t_l{position: relative;} .job2_t_l p{padding: 0;display: inline-block;border-radius: 5px;z-index: 10;color: #333;position: relative;font-weight: bold;} .job2_t_l i{border-radius: 4px;background: #333;display: block;position: absolute;left: 2px;top: 2px;transition: all 0.6s;width: 0.8rem;height: 0.6rem;opacity: 0;} .job2_t_l:hover i{top: -0.2rem;left: -0.2rem;opacity: 1;} .job2_t_l:hover p{padding: 0.2rem 0.3rem;background: #156bff;color: #fff;} .job2_t_r{width: 100%;height: 2.8rem;} .job_prev img,.job_next img{width: 18px;} .job_swi{height: 100%;} .job2_ban{background: #fff;padding: 0.9rem 0 0.7rem;} .job2_ban_l p{font-weight: bold;} .job2_ban_r{display: flex;justify-content: space-between;flex-wrap: wrap;} .job2_ban_r_box{width: calc(50% - 0.4rem);margin-bottom: 0.25rem;} .job2_ban_r_box .job_swi{height: 2.4rem;} .job2_ban_r_p{margin: 0.15rem 0;position: relative;} .job2_ban_r_p::after{content: '';position: absolute;background: #d1d7e2;width: 100%;height: 2px;left: 0;top: 50%;margin-top: -1px;} .job2_ban_r_p p{position: relative;z-index: 10;padding: 0 15px;background: #fff;display: inline-block;margin-left: 0.3rem;} .job2_ban_r_box .wh_button{opacity: 0;} .job2_ban_r_box:hover .wh_button{opacity: 1;} .job2_ban_r_box:hover .job2_ban_r_p::after{background: #156bff;} .job2_ban_r_box:hover .job2_ban_r_p p{color: #156bff;} .job2_ban2{padding: 0.9rem 0 0.7rem;} .job2_ban2 .job2_ban_r_p p{background: #F5F7FB;} @media screen and (max-width: 1200px) { } @media screen and (max-width: 991px) { .job2_t_r{height: 180px;} .job2_ban_r_box .job_swi{height: 140px;} .job_prev img, .job_next img{width: 12px;} } @media screen and (max-width: 767px) { .job2_t{padding: 10px 1rem 30px;} .job2_box{flex-direction: column;} .job2_l{width: 100%;margin-bottom: 20px;padding: 0;} .job2_l p{display: block;text-align: center;background: none;color: #333;padding: 0;} .job2_l p br{display: none;} .job2_t_l i{display: none;} .job2_ban{padding: 30px 0;} .job2_r{width: 100%;} .job2_ban_r_box{width: 100%;margin-bottom: 20px;} .job2_ban_r_p{margin: 10px 0;} .job2_ban_r_p p{margin-left: 20px;} } /*联系我们 */ .cont{padding: 0.8rem 0 0.9rem;border-top: 1px solid #e8ebf1;} .cont_h2{margin-bottom: 0.5rem;} .cont_h2_box{position: relative;margin-bottom: 5px;} .cont_h2_box h2{position: relative;z-index: 5;} .cont_h2_box span{position: absolute;left: 0;bottom: -8px;font-size: 0.76rem;color: #e8ebf1;font-family: arial;line-height: 1;z-index: 1;} .cont_box{display: flex;justify-content: space-between;} .cont_con{width: calc((100% - 0.5rem)/3);background: #fff;border-radius: 10px;padding: 0.36rem 0 0 0.4rem;height: 2rem;} .cont_con h3{margin-bottom: 0.22rem;} .cont_nr{display: flex;align-items: flex-start;} .cont_nr>img{width: 20px;height: auto;margin: 6px 6px 0 0;} .cont_nr_r span{font-size: 14px;color: #999;} .cont_ewm{display: flex;width: 100%;height: auto;} .cont_ewm_box{width: 46px;height: 46px;border-radius: 4px;background: #fff;border: 1px solid #f1f3f6;display: flex;margin-right: 0.2rem;position: relative;} .cont_ewm_con{display: flex;align-items: center;justify-content: center;width: 100%;} .cont_ewm_con img{width: 26px;height: 26px;} .cont_ewm_con p{color: #fff;width: 0;overflow: hidden;padding-left: 0;white-space: nowrap;} .cont_ewm_xl{position: absolute;top: 105%;left: 0;width: 100%;height: 0;background: #fff;box-shadow: 0 0 30px rgba(0,0,0,0.05);overflow: hidden;} .cont_ewm_xl_img{margin: 18px;} .cont_ewm_box.on{width: 150px;background: #156bff;border-color: #156bff;} .cont_ewm_box.on .cont_ewm_con p{padding-left: 10px;width: auto;} .cont_ewm_box.on .cont_ewm_xl{height: 150px;} .cont_add{background: #fff;padding: 0.9rem 0 0.5rem;} .cont_add_box{display: flex;justify-content: space-between;flex-wrap: wrap;} .cont_add_con{display: flex;justify-content: space-between;align-items: center;width: calc(50% - 0.2rem);background: #f5f7fb;border-radius: 5px;padding: 0 0.4rem 0 0.6rem;height: 2rem;margin-bottom: 0.4rem;} .cont_add_l h3{margin-bottom: 10px;} .cont_add_r{width: 0.6rem;height: 0.6rem;flex-shrink: 0;margin-left: 15px;} .cont_add_r .img2{display: none;} .cont_add_r img{opacity: 1;} .cont_add_con:hover{background: #156BFF;box-shadow: 0 0 30px rgba(21,107,155,0.1);} .cont_add_con:hover h3{color: #fff;} .cont_add_con:hover p{color: #fff;} .cont_add_con:hover .img1{display: none;} .cont_add_con:hover .img2{display: block;opacity: 0.4;} @media screen and (max-width: 1200px) { .cont_h2_box span{font-size: 56px;} .cont_con{height: 120px;} .cont_nr>img{width: 16px;margin:4px 6px 0 0} .cont_ewm_con img{width: 20px;height: 20px;} .cont_ewm_box.on{width: 120px;} .cont_ewm_box.on .cont_ewm_xl{height: 120px;} .cont_add_r{width: 50px;height: 50px;} .cont_add_con{height: 140px;} .cont_add_con p{font-size: 12px;} } @media screen and (max-width: 991px) { .cont_box{flex-wrap: wrap;} .cont_con{width: 100%;} .cont_con{margin-bottom: 20px;height: auto;padding: 20px;} .cont_nr_r p{margin-bottom: 5px;} } @media screen and (max-width: 767px) { .cont{padding: 40px 1rem 20px;} .cont_h2{margin-bottom: 30px;} .cont_nr>img{} .cont_nr_r p{font-size: 12px;} .cont_nr_r span{font-size: 12px;} .cont_ewm_box{width: 40px;height: 40px;margin-right: 10px;} .cont_con h3{margin-bottom: 10px;} .cont_add{padding: 30px 0;} .cont_add_con{height: auto;width: 100%;padding: 15px;margin-bottom: 20px;} } /* 服务与支持 */ /* 技术原创 */ .tec{margin-bottom: 0.4rem;} .tec_box{background: #fff;margin-bottom: 0.25rem;display: block;padding: 0.4rem;} .tec_box .time{color: #156bff;margin-bottom: 10px;display: block;} .tec_box h3{color: #161b27;margin-bottom: 10px;overflow: hidden;white-space: nowrap;text-overflow:ellipsis;} .tec_box>p{color: #999;margin-bottom: 0.28rem;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;} .tec_b{display: flex;justify-content: space-between;align-items: center;} .tec_b_p{display: flex;flex-wrap: wrap;} .tec_b_p>p{line-height: 22px;padding: 0 10px;color: #fff;background: #156bff;border-radius: 4px;font-size: 12px;margin-right: 10px;} .tec_b_p>p:nth-child(1){background: #156bff;} .tec_b_p>p:nth-child(2){background: #4385ff;} .tec_b_p>p:nth-child(3){background: #5eacff;} .tec_b_p>p:nth-child(4){background: #8ebaff;} .tec_b_a{display: flex;align-items: center;} .tec_b_a img{width: 6px;height: auto;margin-right: 0.15rem;} .tec_b_a .img2{display: none;} .tec_b_a>span{color: #ccc;font-size: 14px;} .tec_b_icon{display: flex;align-items: center;} .tec_box:hover{background: #156BFF;box-shadow: 0 0 30px rgba(21,107,155,0.2);border-radius: 10px;} .tec_box:hover *{color: #fff;} .tec_box:hover .tec_b_p>p{background: #fff !important;color: #156BFF !important;;} .tec_box:hover .tec_b_a{opacity: 0.5;} .tec_box:hover .img1{display: none;} .tec_box:hover .img2{display: block;} @media screen and (max-width: 767px) { .tec_box{padding: 15px;margin-bottom: 20px;} .tec_box .time{font-size: 12px;margin-bottom: 5px;} .tec_box h3{margin-bottom: 5px;} .tec_box>p{margin-bottom: 15px;} .tec_b_a img{width: 5px;margin-right: 10px;} } /* 技术原创详情 */ /* 客户成功服务 */ .suc_nav{padding: 0.6rem 0;display: flex;justify-content: center;align-items: center;position: sticky;top: 70px;z-index: 100;background: #F5F7FB;transition: all 0.6s;} .suc_nav a{display: inline-flex;line-height: 0.46rem;padding: 0 0.35rem;background: #fff;border-radius: 4px;margin: 0 8px;transition: all 0.3s;} .suc_nav .on,.suc_nav a:hover{background: #156bff;color: #fff;} .suc_js_box{display: flex;justify-content: space-between;flex-wrap: wrap;} .suc_js_con{width: calc(50% - 0.2rem);margin-bottom: 0.4rem;border-radius: 10px;background: #fff;height: 2.2rem;padding: 0 0.64rem;display: flex;justify-content: center;flex-direction: column;position: relative;} .suc_js_bj{position: absolute;bottom: 0;right: 0.64rem;width: 1.72rem;height: auto;} .suc_js_bj .img2{display: none;} .suc_js_box{margin-bottom: 0.5rem;} .suc_js_con h3{margin-bottom: 0.2rem;} .suc_js_con>p{color: #666;font-size: 14px;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;} .suc_js_con:hover{background: #156BFF;box-shadow: 0 0 30px rgba(21,107,155,0.2);} .suc_js_con:hover *{color: #fff;} .suc_js_con:hover .img1{display: none;} .suc_js_con:hover .img2{display: block;} .suc_xx{background: #fff;padding: 0.9rem 0 0.6rem;} .suc_xx_nr{display: flex;align-items: center;justify-content: space-between;padding: 0 0.74rem;background: #f5f7fb;border-radius: 10px;height: 1.8rem;margin-bottom: 0.3rem;} .suc_xx_l{width: 34.7%;display: flex;align-items: center;} .suc_xx_img{width: 0.75rem;height: auto;margin-right: 0.7rem;} .suc_xx_img .img2{display: none;} .suc_xx_r{width: 65.3%;} .suc_xx_r p{color: #666;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;} .suc_xx_nr:hover{background: #156BFF;box-shadow: 0 0 30px rgba(21,107,155,0.2);} .suc_xx_nr:hover *{color: #fff;} .suc_xx_nr:hover .img1{display: none;} .suc_xx_nr:hover .img2{display: block;} .suc_zz{padding: 0.85rem 0 0.9rem;overflow: hidden;} .suc_zz_box{display: flex;justify-content: space-between;} .suc_zz_nr{width: 100%;background: #fff;border-radius: 10px;padding: 0.9rem 0.45rem 0;height: 5.6rem;display: flex;flex-direction: column;align-items: center;} .suc_zz_nr img{width: 1rem;height: auto;margin-bottom: 0.46rem;} .suc_zz_nr p{color: #666;text-align: center;line-height: 1.7;} .suc_zz_nr h3{margin-bottom: 0.33rem;} .suc_zz_img .img2{display: none;} .suc_zz_nr:hover{background: #156BFF;box-shadow: 0 0 30px rgba(21,107,155,0.2);} .suc_zz_nr:hover *{color: #fff;} .suc_zz_nr:hover .img1{display: none;} .suc_zz_nr:hover .img2{display: block;} .b_ys_l{width: 70%;} @media screen and (max-width: 1440px) { .suc_nav{top: 60px;} } @media screen and (max-width: 1200px) { .suc_nav a{line-height: 32px;padding: 0 15px;} .suc_js_con{height: 160px;} .suc_xx_nr{height: 120px;} .suc_zz_nr{height: 400px;} } @media screen and (max-width: 991px) { .suc_xx_l{width: 40%;} .suc_xx_r{width: 60%;} .suc_xx_img{width: 40px;} .suc_zz_nr img{width: 60px;} .suc_box.b_ys{height: 140px;} .b_ys_l h2{font-size: 24px;} } @media screen and (max-width: 767px) { .suc_box.b_ys{height: auto;} .suc_nav{overflow-x: auto;width: 100%;justify-content: flex-start;} .suc_nav a{flex-shrink: 0;padding: 0 10px;} .suc_js_con{width: 100%;margin-bottom: 20px;padding: 25px 15px;height: auto;} .suc_js_con h3{margin-bottom: 10px;} .suc_js_con>p{-webkit-line-clamp: initial;} .suc_xx{padding: 40px 0;} .suc_xx_nr{height: auto;padding: 25px 15px;flex-direction: column;margin-bottom: 20px;} .suc_xx_l{width: 100%;margin-bottom: 20px;} .suc_xx_r{width: 100%;} .suc_xx_img{width: 50px;margin-right: 20px;} .suc_xx_r p{-webkit-line-clamp: initial;} .suc_zz{padding: 40px 1rem;} .suc_zz_box{flex-wrap: wrap;} .suc_zz_nr{width: 100%;padding: 25px 15px ;margin-bottom: 20px;height: auto;} .suc_zz_nr img{margin-bottom: 20px;} .suc_zz_nr h3{margin-bottom: 20px;} .subbox2{padding-bottom: 0;} } /* 视频中心 */ .video{padding: 0.9rem 0;} .video_box{margin-bottom: 0.5rem;} .video_title{display: flex;align-items: center;justify-content: space-between;margin-bottom: 0.4rem;} .video_title a{display: flex;align-items: center;} .video_title a p{margin-right: 0.2rem;color: #156bff;} .video_title a img{width: 7px;height: auto;} .video_title h2{line-height: 1;} .video_h2{padding-left: 0.3rem;border-left: 3px solid #156bff;} .video_swi{padding-bottom: 55px;} .video_button{cursor: pointer;margin: 0 0.22rem;transition: all 0.6s;width: 40px;height: 40px;border-radius: 50%;display: flex;align-items: center;justify-content: center;} .video_button:hover{background: #156bff;} .video_button:hover .img1{display: none;} .video_button:hover .img2{display: block;} .video_button img{width: 12px;height: auto;} .video_button .img2{display: none;} .video_b{display: flex;justify-content: center;align-items: center;} .video_pag{position: initial;} .video_b .swiper-pagination-bullet{margin: 0 8px;} .news_con_img{position: relative;} .video_on{position: absolute;width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;top: 0;opacity: 0;} .video_on img{width: 0.6rem;height: 0.6rem;} .video_swi .news_nr:hover .video_on{opacity: 1;} @media screen and (max-width: 1200px) { .video_title a img{width: 5px;} .video_button{width: 30px;height: 30px;} .video_button img{width: 8px;} } @media screen and (max-width: 991px) { .video_button{display: none;} .video_on img{width: 30px;height: 30px;} } @media screen and (max-width: 767px) { .video{padding: 20px 1rem;} .video_title a p{margin-right: 10px;} .video_title{margin-bottom: 20px;} .video_b{margin-top: 10px;} .video_swi{padding-bottom: 30px;} } /* 视频中心 */ .video_list{padding: 0.9rem 0;} .video_list .news_nr:hover .video_on{opacity: 1;} @media screen and (max-width: 767px) { .video_list{padding: 20px 1rem;} } /* 咨询与服务 */ .cons_nav{padding: 0.9rem 0 0.5rem;display: flex;justify-content: center;align-items: center;z-index: 100;background: #F5F7FB;transition: all 0.6s;} .cons_nav a{display: inline-flex;line-height: 0.46rem;padding: 0 0.35rem;background: #fff;border-radius: 4px;margin: 0 8px;transition: all 0.3s;} .cons_nav .on,.cons_nav a:hover{background: #156bff;color: #fff;} .cons_tx{display: flex;justify-content: space-between;} .cons_tx_txt{width: 28.5%;flex-shrink: 0;} .cons_tx_txt{padding-top: 0.4rem;} .cons_tx_txt_box{height: 2rem;} .cons_tx_txt_box h3{margin-bottom: 0.2rem;} .cons_tx_txt_box p{font-size: 14px;color: #666;} .cons_tx_m{width: 5.6rem;height: 5.6rem;position: relative;} .cons_tx_m>img{position: absolute;left: 50%;transform: translate(-50%,-50%);top: 50%;object-fit: contain;} .cons_tx_m .q1{width: 5.6rem;height: 5.6rem;-webkit-animation: rotate_1 8s linear infinite; animation: rotate_1 8s linear infinite;} .cons_tx_m .q2{width: 4.6rem;height: 4.6rem;-webkit-animation: rotate_1 12s linear infinite; animation: rotate_1 12s linear infinite;} .cons_tx_m .q3{width: 3.6rem;height: 3.6rem;-webkit-animation: rotate_1 16s linear infinite; animation: rotate_1 16s linear infinite;} .cons_tx_m .cons_logo{width: 1.17rem;height: auto;} @-webkit-keyframes rotate_1{ 0%{-webkit-transform: translate(-50%,-50%) rotate(0deg); transform:translate(-50%,-50%) rotate(0deg);} 100%{-webkit-transform:translate(-50%,-50%) rotate(360deg); transform:translate(-50%,-50%) rotate(360deg);} } @keyframes rotate_1{ 0%{-webkit-transform: translate(-50%,-50%) rotate(0deg); transform:translate(-50%,-50%) rotate(0deg);} 100%{-webkit-transform:translate(-50%,-50%) rotate(360deg); transform:translate(-50%,-50%) rotate(360deg);} } .cons_box{padding: 20px 0 0.7rem;} .cons_tx_txt:last-child .cons_tx_txt_box{text-align: right;} .cons_devOps_box p{padding: 0 2.25rem;text-align: center;margin-bottom: 0.7rem;line-height: 2;} @media screen and (max-width: 1200px) { .cons_nav a{line-height: 32px;padding: 0 15px;} .cons_tx_txt_box{height: auto;margin-bottom: 30px;} .cons_tx_txt_box p br{display: none;} } @media screen and (max-width: 991px) { .cons_tx_m{order: -1;} .cons_tx{flex-direction: column;} .cons_tx_txt{width: 100%;} .cons_tx_m{width: 100%;height: 330px;margin-bottom: 30px;overflow: hidden;} .cons_tx_txt:last-child .cons_tx_txt_box{text-align: left;} .cons_tx_m .q1{width: 330px;height: 330px;} .cons_tx_m .q2{width: 260px;height: 260px;} .cons_tx_m .q3{width: 220px;height: 220px;} .cons_tx_m .cons_logo{width: 70px;} .cons_tx_txt{padding-top: 0;} .cons_box{padding: 20px 0 50px;} .cons_tx_txt_box h3{margin-bottom: 10px;} .cons_devOps_box p{padding: 0;margin-bottom: 30px;} } @media screen and (max-width: 767px) { .cons_nav{overflow-x: auto;width: 100%;justify-content: flex-start;} .cons_nav a{flex-shrink: 0;padding: 0 10px;} .cons_box{padding: 20px 1rem 50px;} } /* 最新活动 */ .eve_txt{padding: 0.4rem;background: #fff;} .eve_txt h3{overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;height: 3em;margin-bottom: 0.1rem;} .eve_txt_m{margin-bottom: 0.2rem;} .eve_txt_m_box{display: flex;margin-bottom: 10px;align-items: center;} .eve_txt_m_icon{margin-right: 0.2rem;width: 18px;height: 18px;flex-shrink: 0;display: flex;align-items: center;} .eve_txt_m_icon img{object-fit: contain;} .eve_txt_m_icon .img2{display: none;} .eve_txt_m_icon .img3{display: none;} .eve_txt_m_box p{width: 100%;overflow: hidden;white-space: nowrap;text-overflow:ellipsis;font-size: 14px;} .eve_txt_b{display: flex;justify-content: space-between;align-items: auto;} .eve_txt_b_r{display: flex;align-items: center;} .eve_txt_b_r img{width: 6px;height: auto;} .eve_txt_b_r .img3{display: none;} .eve_txt_b_l{display: flex;align-items: center;} .eve_txt_b_l p{color: #156BFF;font-size: 14px;line-height: 1;border-right: 1px solid #156BFF;margin-right: 10px;padding-right: 10px;} .eve_txt_b_l p:last-child{border: none;padding: 0;margin: 0;} .eve_txt_b_bf{display: flex;align-items: center;} .eve_txt_b_bf span{color: #666;font-size: 14px;margin-right: 10px;} .eve_txt_b_bf img{width: 5px;height: auto;} .eve_txt_b_bf .img3{display: none;} .news_nr_off .eve_txt_m_icon .img1{display: none;} .news_nr_off .eve_txt_m_icon .img2{display: block;} .news_nr_off .eve_txt_m_icon .img3{display: none;} .news_nr_off .eve_txt_m_box p{color: #999;} .news_nr_off .eve_txt_b_l p{color: #666;} .news_nr:hover .eve_txt{background: #156BFF;} .news_nr:hover .eve_txt *{color: #fff !important;} .news_nr:hover .eve_txt .eve_txt_b_l p{border-color: #fff;} .news_nr:hover .eve_txt .img1{display: none;} .news_nr:hover .eve_txt .img2{display: none;} .news_nr:hover .eve_txt .img3{display: block;} @media screen and (max-width: 1200px) { .eve .news_con{margin-bottom: 20px;} .eve .news_con{justify-content: space-between;} .eve .news_nr{width: 48%;margin: 0 0 30px 0;} .eve .news_nr:hover{border-radius: 5px;} } @media screen and (max-width: 991px) { .eve .news_nr{width: 100%;margin: 0 0 30px 0;} .eve .news_con_img{height: 200px;} .eve_txt h3{height: auto;margin-bottom: 20px;} .eve_txt_m{margin-bottom: 20px;} .eve_txt_m_icon{margin-right: 10px;} } @media screen and (max-width: 767px) { .eve_txt{padding: 20px;} .eve_txt_m_box{margin-bottom: 6px;} .eve_txt_m_box p{font-size: 12px;} .eve_txt_m_icon{width: 14px;height: 14px;} .eve_txt_b_l p{font-size: 12px;} .eve_txt_b_bf span{font-size: 12px;} } /* 最新活动详情*/ .eve_show_b{padding: 0.45rem 0 0.9rem;border-top: 1px solid #e8ebf1;} .eve_show_b h3{margin-bottom: 0.45rem;} .eve_show_b_box{padding: 0.35rem 0.82rem 0.3rem 0.42rem;background: #e8ebf1;border-radius: 5px;position: relative;} .eve_show_b_box p{font-size: 14px;margin-bottom: 5px;} .eve_show_b_box>a{position: absolute;top: 50%;right: 0.4rem;transform: translateY(-50%);background: #156BFF;height: 0.46rem;padding: 0 0.38rem ;color: #fff;display: inline-flex;justify-content: center;align-items: center;transition: all 0.6s;border-radius: 46px;} .eve_show_b_box>a:hover{opacity: 0.8;} .eve_show_hot_box{background: #e8ebf1;display: block;padding: 0.2rem;margin-bottom: 0.2rem;} .eve_show_hot_box h4{color: #161b27;font-weight: 400;margin-bottom: 5px;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;} .eve_show_hot_box p{font-size: 14px;color: #999;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;} @media screen and (max-width: 991px) { .eve_show_b{padding: 30px 0 ;} .eve_show_b h3{margin-bottom: 20px;} .eve_show_b_box{padding: 15px;} .eve_show_hot_box{padding: 15px;margin-bottom: 15px;} .eve_show_hot_box p{font-size: 12px;} } @media screen and (max-width: 767px) { } /* 客户案例 */ .sub_h2 p{margin-top: 0.15rem;color: #666;} .case{padding-bottom: 0.7rem;margin-bottom: 0.7rem;border-bottom: 1px solid #e8ebf1;overflow: hidden;} .case_swi{height: 4rem;position: relative;} @media screen and (max-width: 1440px) { .case_swi{height: 300px;} } .case_box{display: flex;justify-content: space-between;height: 100%;} .case_img{width: 42.8%;} .case_r{width: 57.2%;padding: 0 0.5rem;background: #fff;display: flex;flex-direction: column;align-items: flex-start;justify-content: center;} .case_r_logo{height: 0.36rem;width: auto;margin-bottom: 0.3rem;} .case_r_logo img{object-fit: contain;} .case_r h3{margin-bottom: 0.25rem;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;} .case_r>p{color: #999;line-height: 1.9;margin-bottom: 0.5rem;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;} .case_pag{right: 0.5rem !important;bottom: 0.5rem !important;display: inline-flex;left: auto !important;width: auto !important;} .case_button{position: absolute;top: 50%;transform: translateY(-50%);cursor: pointer;transition: all 0.6s;} .case_button img{width: 0.8rem;height: 0.8rem;} .case_button .img2{display: none;} .case_prev{left: -1.2rem;} .case_next{right: -1.2rem;} .case_hz{position: relative;} .case_button:hover .img1{display: none;} .case_button:hover .img2{display: block;} .cas{padding: 0.9rem 0;} @media screen and (max-width: 1200px) { .show_nav #c-header .c-switch i{background: #333;} } @media screen and (max-width: 991px) { .case_button{display: none;} .case_box{flex-direction: column;} .case_swi{height: auto;} .case_img{width: 100%;height: 300px;} .case_r{width: 100%;padding: 15px;} .case_r_logo{height: 40px;margin-bottom: 20px;} .case_r h3{margin-bottom: 20px;} .case_r>p{margin-bottom: 30px;} } @media screen and (max-width: 767px) { .tec_b_a>span{font-size: 12px;} .sub_h2 p{font-size: 12px;} .case_img{height: 200px;} .case_r_logo{height: 30px;margin-bottom: 10px;} .case_r h3{margin-bottom: 10px;} .case_r>p{margin-bottom: 20px;font-size: 12px;line-height: 1.5;} .case{padding-bottom: 30px;margin-bottom: 30px;} } /* 客户案例详情 */ .cru_box3{position: relative;} .cru_box3_fh{position: absolute;left: 50%;transform: translateX(-50%);top: 0;height: 100%;display: flex;justify-content: flex-end;align-items: center;} .cru_box3_fh a{color: #999;} .case_show .show_l_box h3 img{width: 14px;height: 14px;display: inline;margin-left: 10px;} .show_l_box{padding-bottom: 0.5rem;overflow: hidden;} .eve_show_b_box>span{font-size: 14px;text-align: right;display: flex;justify-content: end;align-items: center;margin-top: 10px;} .eve_show_b_box>span i{width: 28px;height: 1px;background: #156BFF;margin-right: 0.2rem;} .case_show_r{width: 28.5%;position: sticky;top: 100px;margin-bottom: 30px;} .case_show_r_logo{background: #fff;width: 100%;height: auto;display: flex;align-items: center;justify-content: center;margin-bottom: 0.5rem;padding: 0.4rem 0;} .case_show_r_logo img{width: 2.58rem;height: auto;} .case_show_r_box{background: #fff;} .case_show_r_box h3{padding: 0.3rem 0 0.2rem;} .case_show_r_gs{border-bottom: 1px solid #f5f7fb;padding: 0 0.3rem 0.25rem;} .case_show_gs_box{display: flex;flex-direction: column;} .case_show_gs_box a{line-height: 23px;margin-bottom: 10px;font-size: 12px;color: #666;position: relative;} .case_show_gs_box a::after{content: '';position: absolute;height: 100%;width: 2px;background: #156bff;left: -0.3rem;opacity: 0;top: 0;} .case_show_gs_box a:hover,.case_show_gs_box a.on{color: #156BFF;} .case_show_gs_box a:hover::after,.case_show_gs_box a.on::after{opacity: 1;} .case_show_gs_box a img{display: none;} .case_show_r_gy{border-bottom: 1px solid #f5f7fb;padding: 0 0.3rem 0.08rem;} .case_show_r_fa{padding: 0 0.3rem 0.3rem;} .case_show_fa_con{background: #f5f7fb;padding: 0.2rem;display: block;} .case_show_fa_con h4{margin-bottom: 5px;overflow: hidden;white-space: nowrap;text-overflow:ellipsis;} .case_show_fa_con p{color: #999;font-size: 14px;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;} @media screen and (max-width: 1580px) { .case_show_fa_con p{font-size: 12px;} } @media screen and (max-width: 991px) { .case_show_r{width: 100%;} .case_show_r_logo img{width: 200px;} .case_show_r_logo{padding: 30px 0;margin-bottom: 30px;} .case_show_r_gs{padding: 0 20px 20px;} .case_show_gs_box a::after{left: -20px;} .case_show_r_box h3{padding: 20px 0 10px;} .case_show_r_gy{padding: 0 20px 10px;} .case_show_r_fa{padding: 0 20px 20px;} .case_show_fa_con{padding: 15px;} } @media screen and (max-width: 767px) { } /* 网站地图 */ .link{padding-bottom: 0.9rem;} .link_box{background:#fff;padding: 0.45rem 0.52rem 0.2rem;} .link_con{margin-bottom: 1.2rem;} .link_h2{padding-left: 26px;position: relative;margin-bottom: 0.25rem;display: block;} .link_h2::after{content: '';position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 8px;height: 2px;background: #156BFF;} .link_hz{display: flex;margin-bottom: 5px;} .link_hz>a{width: 390px;flex-shrink: 0;} .link_a a{color: #999;font-size: 14px;margin-right: 20px;} .link_nr{padding-left: 26px;} .link_nr2_box{padding-left: 26px;display: flex;flex-direction: column;} .link_nr2_box a{color: #999;margin-bottom: 5px;} .link_con2{display: flex;margin-bottom: 1.2rem;flex-wrap: wrap;} .link_nr2{width: 25%;} @media screen and (max-width: 1200px) { .link_hz{flex-direction: column;margin-bottom: 30px;} .link_hz>a{margin-bottom: 0.25rem;width: 100%;} } @media screen and (max-width: 991px) { } @media screen and (max-width: 767px) { .link_box{padding: 15px;} .link_h2{margin-bottom: 15px;} .link_a{display: flex;flex-direction: column;} .link_a a{margin-bottom: 5px;} .link_hz>a{margin-bottom: 10px;} .link_hz{margin-bottom: 20px;} .link_nr2{width: 100%;margin-bottom: 1.2rem;} } /* 政策声明 */ .policy{display: flex;justify-content: space-between;align-items: flex-start;} .policy_l{width: 68.5%;background: #fff;padding: 0.3rem 0.3rem 1.8rem;} .policy_r{background: #fff;width: 28.5%;padding: 0.3rem 0 0.1rem;} .policy{padding-bottom: 0.9rem;} .policy_l h1{margin-bottom: 0.2rem;} .policy_r .case_show_r_gs{border: none;} .policy_r h3{padding: 0 0 0.2rem;} @media screen and (max-width: 991px) { .policy{flex-direction: column;} .policy_l{width: 100%;margin-bottom: 20px;padding: 15px;} .policy_r{width: 100%;} .policy_l h1{margin-bottom: 20px;} .policy_r{padding: 20px 0;} } @media screen and (max-width: 767px) { .policy_r h3{padding-bottom: 15px;} } .font14 {font-size: 14px;} @media (max-width: 1580px) { .font14 {font-size: 12px;} } /* 申请演示 */ .apply{display: flex;justify-content: space-between;padding-bottom: 1.3rem;} .apply_l{width: 50%;padding-top: 0.44rem;border-top:1px solid #e8ebf1;display: flex;flex-direction: column;justify-content: space-between;} .apply_l_h2 h2{margin-bottom: 0.3rem;} .apply_l_h2 p{font-size: 14px;color: #666;line-height: 1.9;} .apply_l_h2{margin-bottom: 20px;} .apply_tel p span{color: #156BFF;} .apply_r{background: #fff;width: calc(50% - 1rem);padding: 0.28rem 0.3rem 0.4rem;} .apply_r_h3{margin-bottom: 0.25rem;} .apply_r_h3 h3{margin-bottom: 5px;} .apply_input{display: flex;justify-content: space-between;} .apply_input_box{width: calc(50% - 0.2rem);margin-bottom: 0.18rem;display: flex;border-bottom: 1px solid #e5e7eb;display: flex;align-items: center;} .apply_input_box p{min-width: 6em;flex-shrink: 0;padding-bottom: 0.16rem;} .apply_input_box p span{color: #d20000;margin-left: 3px;} .apply_input_box input{width: 100%;border: none;padding-bottom: 0.16rem;} .apply_input_box>a{width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;color: #156BFF;border: 2px solid #156BFF;transition: all 0.6s;border-radius: 3px;} .apply_input_box>a:hover{opacity: 0.8;} .apply_input2 .apply_input_box{width: 100%;} .apply_textarea{margin-bottom: 0.2rem;} .apply_textarea p{margin-bottom: 0.16rem;} .apply_textarea textarea{background: #f6f7f8;width: 100%;height: 100px;} .apply_textarea p span{color: #d20000;margin-left: 3px;} .apply_form button{width: 2.5rem;height: 40px;display: flex;justify-content: center;align-items: center;background: #156BFF;color: #fff;border-radius: 4px;margin: auto;} @media screen and (max-width: 1200px) { .apply_form button{height: 32px;} } @media screen and (max-width: 991px) { .apply{flex-direction: column;} .apply_l{width: 100%;padding: 30px 0 40px;} .apply_r{width: 100%;padding: 15px;} .apply_r_h3{margin-bottom: 20px;} .apply_input_box{margin-bottom: 15px;} .apply_input_box p{padding-bottom: 15px;} .apply_input_box input{padding-bottom: 15px;} .apply_textarea p{margin-bottom: 15px;} .apply_form button{width: 150px;} } @media screen and (max-width: 767px) { .apply_l_h2 h2{margin-bottom: 20px;} .apply_input{flex-direction: column;} .apply_input_box{width: 100%;} .apply_input_box>a{height: 36px;} .apply_textarea{margin-bottom: 20px;} } /* 登录弹窗 */ .curtain{width: 100%;height: 100%;position: fixed;top: 0;left: 0;z-index: 10000;} .mask,.mask2,.mask3,.mask4{width: 100%;height: 100%;background: rgba(0,0,0,0.35);z-index: 1000;position: absolute;top: 0;left: 0;transition: all 0.6s;} .curtain_box{position: absolute;max-width: 90%;right: -480px;top: 0;background: #fff;overflow: hidden;z-index: 10000;width: 480px;height: 100vh;transition: all 0.6s;} .curtain2{opacity: 0;z-index: -1;transition: all 0.6s;} .curtain2.on{opacity: 1;z-index: 10000;} .curtain_box.on{right: 0;} .close_tc{position: absolute;top: 20px;right: 20px;z-index: 100000;width: 20px;height: 20px;opacity: 0.5;} /* 头部 */ .curtain_title{position: relative;padding: 0 30px;background: #1c4798;z-index: 100;} .curtain_title p{position: absolute;top: 0;right: 0;z-index: 5;width: 80px;height: 60px;cursor: pointer;} .curtain_title p::before,.curtain_title p::after{content: "";position: absolute;top: 50%;left: 50%;margin: -1px 0 0 -10px;width: 20px;height: 3px;background: #ddd;-webkit-transform: rotate(45deg);transform: rotate(45deg);z-index: 100;} .curtain_title p::after{-webkit-transform: rotate(-45deg);transform: rotate(-45deg);} .login{position: absolute;width: 100%;height: 100%;z-index: 50;top: 0;padding: 0 0.6rem 0;display: flex;flex-direction: column;justify-content: center;} .login_dl_nav{margin-bottom: 0.28rem;} .login_dl_nav a{margin-right: 0.3rem;color: #999;} .login_dl_nav a.on{color: #333;font-weight: bold;} .login_dl_m{margin-bottom: 0.8rem;} .login_input_box{margin-bottom: 20px;display: flex;justify-content: space-between;position: relative;} .login_input_con{border: 1px solid #eeeeee;position: relative;display: flex;height: 44px;padding-left: 20px;align-items: center;border-radius: 4px;width: 100%;background: #fff;} .login_input_con>img{width: 20px;height: 20px;margin-right: 18px;flex-shrink: 0;} .login_input_con input{width: 100%;border: none;padding-left: 0;} .login_input_con input::-webkit-input-placeholder {color: #dddddd;} .login_input_con input::-moz-input-placeholder {color: #dddddd;} .login_input_con input::-ms-input-placeholder {color: #dddddd;} .login_input_a{width: 115px;height: 44px;display: inline-flex;align-items: center;justify-content: center;margin-left: 20px;flex-shrink: 0;border-radius: 4px;border: 1px solid #156BFF;color: #156BFF;font-size: 14px;background: #fff;} .login_button{width: 100%;height: 44px;color: #fff;display: flex;align-items: center;justify-content: center;background: #156BFF;border-radius: 5px;transition: all 0.6s;margin-bottom: 20px;} .login_button:hover{opacity: 0.8;} .login_bzc{display: flex;justify-content: space-between;align-items: center;} .login_bzc a{font-size: 14px;color: #156BFF;text-decoration: underline;} .login_bzc2{justify-content: flex-end;} .login_icon{position: absolute;top: 50%;right: 20px;width: 20px;height: 20px;display: flex;align-items: center;transform: translateY(-50%);cursor: pointer;} .login_icon .img2{display: none;} .login_input_box.on .img1{display: none;} .login_input_box.on .img2{display: block;} .login_wx_p{position: relative;margin-bottom: 0.38rem;width: 100%;height: 1px;background: #eeeeee;} .login_wx_p p{position: absolute;left: 50%;transform: translate(-50%,-50%);background: #f4f8fd;padding: 0 20px;top: 50%;color: #999;} .login_wx_box{margin: auto;width: 46px;height: 46px;display: flex;align-items: center;justify-content: center;background: #fff;border-radius: 50%;} .login_wx_box img{width: 47.8%;height: auto;} .login_zc h2{margin-bottom: 0.28rem;} .login_tk{margin-bottom: 0.25rem;} .login_tk input{-webkit-appearance: checkbox;margin-right: 10px;} .login_tk label{display: flex;align-items: center;} .login_tk label p a{color: #156BFF;} /* .login_zc form{margin-bottom: 0.8rem;} */ .login_zh h2{margin-bottom: 0.24rem;} .login_zh_p{margin-bottom: 0.16rem;} .login_zh_p span{color: #156BFF;} @media screen and (max-width: 1200px) { } @media screen and (max-width: 991px) { .login{padding: 100px 30px 0;} .login_dl_nav{margin-bottom: 20px;} .login_dl_m{margin-bottom: 50px;} .login_wx_p{margin-bottom: 30px;} } @media screen and (max-width: 767px) { .curtain_box{height: 90%;left: 5%;top: 5%;} .login_dl_nav a{margin-right: 10px;} .login{padding: 100px 15px 0;} .login_input_con{padding-left: 10px;} .login_input_con>img{margin-right: 10px;} } .h_case_txt{overflow: hidden;} .bra_t_video_img{position: relative;} .bra_t_video_box{position: absolute;top: 0;width: 100%;height: 100%;z-index: -1;} .bra_t_video_box video{width: 100%;height: 100%;object-fit: cover;} @media screen and (max-width: 767px) { .bra_t_video_box video{display: none;} } /* 修改 */ .page .jump-ipt{width: 30px;height: 30px;padding: 0;text-align: center;margin-left: 0.2rem;} .page .jump-btn{width: auto;padding: 0 5px;} .policy .policy_l{width: 100%;margin: 0 5%;} .sol_img2{display: none;} @media screen and (max-width: 767px) { .sol_img1{display: none;} .sol_img2{display: block;} } .img_qh .img2{display: none;} .img_qh:hover .img1{display: none;} .img_qh:hover .img2{display: block;} .news_nr .news_con_txt>span .img2{display: none;} .news_nr:hover .news_con_txt>span .img1{display: none;} .news_nr:hover .news_con_txt>span .img2{display: inline-block;} .cru_box3{padding: 0.22rem 0;background: #fff;border-top: 1px solid #f5f7fb;} .bshare-custom{display: flex;} .bshare-custom *{transition: all 0.6s;} .ins_det_fxr_box >p{margin-right: 0.05rem;} .ins_det_fxr_box .bshare-custom a{margin: 0 ;width: 0.6rem;height: 0.6rem;padding: 0;margin-left: 10px;} .ins_det_fxr_box .bshare-custom .bshare-weixin{background:#f5f5f5 url(../img/fx1.png) center center no-repeat;background-size: 21px auto;border-radius: 50%;} .ins_det_fxr_box .bshare-custom .bshare-sinaminiblog{background:#f5f5f5 url(../img/fx2.png) center center no-repeat;background-size: 19px auto;border-radius: 50%;} .ins_det_fxr_box .bshare-custom .bshare-qqim{background:#f5f5f5 url(../img/fx3.png) center center no-repeat;background-size: 14px auto;border-radius: 50%;} .ins_det_fxr_box .bshare-custom .bshare-weixin:hover{background: #156BFF url(../img/fx1_1.png) center center no-repeat;background-size: 21px auto;} .ins_det_fxr_box .bshare-custom .bshare-sinaminiblog:hover{background: #156BFF url(../img/fx2_1.png) center center no-repeat;background-size: 19px auto;} .ins_det_fxr_box .bshare-custom .bshare-qqim:hover{background: #156BFF url(../img/fx3_1.png) center center no-repeat;background-size: 14px auto;} .bsBox{box-sizing: initial;} .show_t{display: flex;justify-content: space-between;border-top: 1px solid #e8ebf1;} .show_h1{width: 100%;} .show_t_r{flex-shrink: 0;display: flex;align-items: center;} .show_t_r>p{color: #999;margin-right: 10px;} .show{padding: 0.55rem 0 0;} .show_r2{padding: 0.3rem 0 0;} .show_r2 h3{padding: 0 0.3rem 0;} .show_r2 .news_show_hot_box{padding: 0.3rem;position: relative;border: none;border-radius: 10px;} .show_r2 .news_show_hot_box:first-child::before{content: '';position: absolute;top: 0;left: 0;width: calc(100% - 0.6rem);height: 1px;background: #e8ebf1;margin: 0 0.3rem;} .show_r2 .news_show_hot_box::after{content: '';position: absolute;bottom: 0;left: 0;width: calc(100% - 0.6rem);height: 1px;background: #e8ebf1;margin: 0 0.3rem;} .show_r2 .news_show_hot_box:last-child::after{height: 0;} .show_r2 .news_show_hot_box>p{margin-bottom: 0.2rem;} .news_show_hot *{transition: all 0.6s;} .news_show_hot_b{display: flex;justify-content: space-between;align-items: center;} .news_show_hot_time{display: flex;align-items: center;} .news_show_hot_time span{color: #bbbbbb;margin: 0;} .news_show_hot_time img{width: 14px;margin-right: 10px;} .news_show_hot_more{display: flex;align-items: center;} .news_show_hot_more img{width: 5px;height: auto;margin-left: 10px;} .news_show_hot_box .img2{display: none;} .news_show_hot_more>p{color: #156bff;} .show_r2 .news_show_hot_box:hover{background: #156bff;} .show_r2 .news_show_hot_box:hover::after{background: #156bff;} .show_r2 .news_show_hot_box:hover::before{background: #156bff;} .show_r2 .news_show_hot_box:hover>p{color: #fff;} .show_r2 .news_show_hot_box:hover .img1{display: none;} .show_r2 .news_show_hot_box:hover .img2{display: block;opacity: 0.5;} .show_r2 .news_show_hot_box:hover .news_show_hot_more>p{color: #fff;opacity: 0.5;} .show_r2 .news_show_hot_box:hover span{color: #fff;opacity: 0.5;} .eve_show_hot *{transition: all 0.6s;} .eve_show_hot .p2{color: #999;font-size: 14px;} .show_r2 .eve_show_hot .news_show_hot_box>p{margin-bottom: 10px;} .font36{font-size: 0.36rem;} .dev_prev,.dev_next{position: absolute;top: 50%;transform: translateY(-50%);margin: 0;} .dev_prev{left:-60px;} .dev_next{right:-60px;} .devswi{position: relative;} .subswi_swip{padding-bottom: 60px;} .subswi_swip .swiper-pagination-bullet{background: none;border: 2px solid #fff;width: 12px;height: 12px;opacity: 1;} .subswi_swip .swiper-pagination-bullet-active{background: #156bff;border-color: #156bff !important;} .vteam_swip_box .swiper-pagination-bullet{background: none;border: 2px solid #e3e5ec;width: 12px;height: 12px;opacity: 1;} .vteam_swip_box .swiper-pagination-bullet-active{background: #156bff;border-color: #156bff;} .vteam_swip{height: 300px;width: 100%;} .vteam_swip .swiper-wrapper{flex-direction: column;height: 100%;} .vteam_swip .swiper-slide{height: 100px;} .vteam_swip_box{padding: 10px 15% 30px;} @media screen and (max-width: 1580px) { .eve_show_hot .p2{font-size: 12px;} .font36{font-size: 24px;} } @media screen and (max-width: 1200px) { .show_r2{padding: 20px 0 0;} .ins_det_fxr_box .bshare-custom a{width: 40px;height: 40px;} .eve_show_b_box>a{height: 36px;position: relative;transform:translateY(0);left: 50%;transform:translateX(-50%);margin-top: 10px;} } @media screen and (max-width: 991px) { .show_t{display: flex;flex-direction: column;padding-bottom: 30px;} .show{padding: 10px 1rem 0;} .vteam_swip_box{padding: 10px 0 30px;} } @media screen and (max-width: 767px) { .show_r2 h3{padding: 0 20px;} .show_r2 .news_show_hot_box{padding: 20px;} .show_r2 .news_show_hot_box:first-child::before,.show_r2 .news_show_hot_box::after{width: calc(100% - 40px);margin: 0 20px;} .show_r2 .news_show_hot_box>p{margin-bottom: 10px;} .eve_show_b_box>a{height: 32px;padding: 0 15px;} .vteam_swip{height: 260px;} } .devswi2{margin-bottom: 0.75rem;} .pro_nav2{background: #fff;border-radius: 0;} .nenav{position: relative;display: block !important;max-height: 60vh !important;overflow-y: auto;} .nenav::-webkit-scrollbar{ width:3px; } .nenav::-webkit-scrollbar-track{ background: #ddd; border-radius:2px; } .nenav::-webkit-scrollbar-thumb{ background: #156bff; border-radius:25px; } .nenav::-webkit-scrollbar-corner{ background: #156bff; } .nenav_l{position: absolute;left:-1.5rem;top: 0;z-index: 10;display: none;} .nenav_l_box{display: flex;align-items: center;margin: 0.2rem 0;cursor: pointer;} .nenav_l_box img{width: 5px;height: auto;margin-left: 0.2rem;opacity: 0;} .nenav_l_box p{font-size: 18px;} .nenav_l_box.on p{color: #156bff;} .nenav_l_box.on img{opacity: 1;} .nenav_box{width: 100%;position: relative;} /* .nenav_box::after{content: '';position: absolute;left: 0.5rem;top: 0;height: 100%;background: #000;opacity: 0.05;width: 0;} */ .nav>ul>li:nth-child(1) .nenav_box::after{width: 1px;} .nav>ul>li:nth-child(2) .nenav_box::after{width: 1px;} .nenav_box_nav{padding: 0.1rem 0 0.4rem;display: flex;align-items: center;} .nenav_box_nav p{font-size: 18px;margin-right: 0.4rem;position: relative;cursor: pointer;} .nenav_box_nav p::after{content: '';position: absolute;bottom: 0;left: 0;width: 0;height: 2px;background: #156bff;} .nenav_box_nav p.on{color: #156bff;} .nenav_box_nav p.on::after{width: 100%;} .nenav_con{display: flex;} .pro_nav2 .nenav_nr{width: calc(100%/4);margin: 0 0 0.2rem 0;display: flex;align-items: flex-start;text-align: initial;padding: 0.2rem 0.22rem;border-radius: 8px;} .nenav_nr:nth-child(4n){margin-right: 0;} .nenav_nr>img{width: 22px;margin-right: 0.25rem;height: auto;} .nenav_txt p{font-size: 14px;color: #666;} .pro_nav2 .nenav_nr:hover{box-shadow: 0 0 20px rgba(0,0,0,0.12);background: #f5f5f5;} .pro_nav2 .nenav_nr:hover h4{color: #156bff;} .pro_nav2 .nenav_nr:hover p{color: #333;} .pro_nav2{white-space: initial;} .nenav_con_box{width: 100%;} /* .nenav_fl{display: none;} */ .nenav_box .nenav_fl:first-child{display: block;} /* .nenav_con_box{display: none;} */ .nenav_con .nenav_con_box:first-child{display: block;} @media screen and (max-width: 1580px) { .nenav_l_box p,.nenav_box_nav p{font-size: 16px;} .nenav_txt p{font-size: 12px;} .nenav_l{left: -85px;} } @media screen and (max-width: 1440px) { .nenav_l_box p,.nenav_box_nav p{font-size: 14px;} .nenav_l{left: -75px;} } .apply_tk{display: flex;justify-content: space-between;padding-right: 0.5rem;align-items: center;margin-bottom: 0.2rem;} .apply_tk p{font-size: 14px;} .apply_tk a{color: #156bff;} .apply_tk label{display: flex;align-items: center;} .apply_tk input{-webkit-appearance: checkbox;margin-right: 8px;} /* 右侧浮窗 */ .pop{position: fixed;right: 0.2rem;bottom: 2rem;z-index: 100;display: none;background: #fff;width: 60px;border-radius: 60px;box-shadow: 0 0 20px rgba(0,0,0,0.05);} .pop *{transition: all 0.6s;} .pop_a{width: 46px;height: 46px;position: relative;display: block;border-radius: 50%;display: flex;align-items: center;justify-content: center;margin: 7px;margin-bottom: 13px;} .pop_a img{z-index: 100;} .pop_text{position: absolute;top: 50%;right: 130%;background: #fff;padding: 0.15rem 0.3rem;transition: all .6s;-moz-transition: all .6s;z-index: 1;transform: translateY(-50%) scale(1);-webkit-transform: translateY(-50%) scale(1);display: flex;flex-direction: column;justify-content: center;box-shadow: 0 0 20px rgba(0,0,0,0.05);border-radius: 5px;display: none;} .pop_text p{color: #666;margin-bottom: 0.02rem;white-space: nowrap;font-size: 14px;} .pop_text h4{white-space: nowrap;} .pop_text::after{content: '';width: 0;height: 0;border-style: solid dashed dashed;border-color: #fff transparent transparent;overflow: hidden;cursor: pointer;transition: all .2s;-webkit-transition: all .2s;position: absolute;top: 50%;right: -20px;margin-top: -10px;border-width: 10px;border-top-color: #fff;-webkit-transform: rotate(-90deg)} .pop_a.on .pop_text{display: block;} .pop_a.on{background: #e7e7e7;} .pop_a_img{display: flex;align-items: center;} .pop_text img{width: 20px;margin-right: 0.1rem;} .pop_text p span{font-size: 16px;} .pop_text p .span2{font-size: 18px;} .pop_a_img .img2{display: none;} .pop_a_img img{width: 20px;height: 20px;} .pop_a.on .img1{display: none;} .pop_a.on .img2{display: block;} @media (max-width: 767px) { .curtain_box{width: 90%;} .pop{right: 10px;display: none !important;} .pop_a{margin-top: 10px;} .pop_text{width: 220px;} .apply_tk{flex-direction: column;align-items: self-start;} .apply_tk label{margin-bottom: 5px;} } /* 图形验证码 */ .apply_input_box{position: relative;} .ainer{position: absolute;top: 110%;left: 50%;transform: translateX(-50%);background: #fff;z-index: 1000;box-shadow: 0 0 20px rgba(0,0,0,0.05);display: none;} #msg {width: 100%;line-height: 40px;font-size: 14px;text-align: center;} .h_pro_nr_two .h_pro_b_box{padding-bottom: 1.8rem;} @media (max-width: 1580px) { .h_pro_nr_two .h_pro_b_box{padding-bottom: 150px;} } @media (max-width: 1200px) { .h_pro_nr_two .h_pro_b_box{padding-bottom: 180px;} } @media (max-width: 767px) { .h_pro_nr_two .h_pro_b_box{padding-bottom: 110px;} } /* .nenav_con_con{display: flex;} */ .suc_zz_box .subswi_swip .swiper-pagination-bullet{border-color: #e3e5ec;} .pop_text .img2{display: none !important;} .pop_text .img1{display: block !important;} .pop_text{background: #156bff;} .pop_text *{color: #fff !important;} .pop_text .img1{display: none !important;} .pop_text .img2{display: block !important;} .pop_text::after{border-top-color: #156bff;} .pop_text p{display: flex;align-items: center;} .vPack_gl_boxss{position: relative;} .show2{display: none !important;} .h_video{position: absolute;width: 100%;height: 100%;object-fit: cover;top: 0;left: 0;z-index: 5;overflow: hidden;} .h_video video{width: 104%;margin-left: -2%;height: 100%;object-fit: cover;} @media (max-width: 767px) { .h_video{display: none;} } .mod_rfc{position: fixed;box-sizing: border-box;z-index: 1000; right: 5px; top: 58%; left: auto; bottom: auto; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); background: #156bff; box-shadow: 0 2px 20px 0 rgb(0 0 0 / 20%); border-radius: 9px; height: 10%; width: 17%; display: flex; align-items: center; justify-content: center; display: none; line-height: 1.2; } .mod_rfc p{font-size: 16px;color: #fff;width: 2em;} #newBridge .nb-icon-right-center{top: 47% !important;} @media (max-width: 767px) { .mod_rfc{display: flex;} } /* 学习与社区 */ .mov_08{transition: all 0.6s;} .mov_08:hover{opacity: 0.8;} .lac{background: #f5f7fb;padding: 0.9rem 0;} .lac_title{height: 1rem;background: #fff;border-radius: 10px;margin-bottom: 0.4rem;padding: 0 0.4rem;display: flex;align-items: center;justify-content: space-between;} .lac_title_tx_img{width: 0.4rem;height: 0.4rem;border-radius: 50%;overflow: hidden;margin-right: 0.18rem;} .lac_title_tx{display: flex;align-items: center;margin-right: 0.78rem;} .lac_title p,.lac_title a{font-size: 18px;} .lac_title_xb{display: flex;align-items: center;} .lac_title_xb_img img{width: 0.26rem;margin-left: 0.2rem;} .male_on .female{display: none;} .female_on .male{display: none;} .lac_title>div{display: flex;align-items: center;} .lac_title_sc_box:first-child{margin-right: 0.75rem;} .lac_title_sc_box p span{color: #156bff;margin-left: 0.15rem;} .lac_a{height: 0.4rem;padding: 0 0.15rem;background: #156bff;border-radius: 5px;color: #fff;display: inline-flex;align-items: center;transition: all 0.6s;} .lac_a:hover{opacity: 0.8;} .lac_title_a>a{margin: 0 10px;font-size: 16px;} .lac_a2{background: #161b27;} .lac_title_num{width: 3.46rem;display: flex;justify-content: space-between;} .lac_title_num_box{display: flex;flex-direction: column;align-items: center;justify-content: center;} .lac_title_num_box span{color: #156bff;line-height: 1;} @media (max-width: 1900px) { .lac_title p,.lac_title a{font-size: 16px;} } @media (max-width: 1580px) { .lac_title p,.lac_title a{font-size: 14px;} .lac_title_a>a{font-size: 14px;} } .lac_con{display: flex;justify-content: space-between;align-items: flex-start;} .lac_nav{position: sticky;top: 100px;background: #fff;border-radius: 10px;padding: 0.3rem 0;display: flex;flex-direction: column;width: 18.5%;} .lac_nav a{margin: 0.22rem 0;height: 0.35rem;border-left: 4px solid transparent;display: flex;align-items: center;padding-left: 0.5rem;font-weight: bold;} .lac_nav a.on{color: #156bff ;border-color: #156bff;} .lac_nr{width: calc(81.5% - 0.4rem);background: #fff;border-radius: 10px;padding: 0.4rem;} .him_ly{padding: 0.2rem 0.24rem ;background: #f5f5f5;border-radius: 5px;margin-bottom: 0.3rem;} .him_ly p{color: #999999;} .him_dj{display: flex;justify-content: space-between;margin-bottom: 0.44rem;} .him_dj_h2{display: flex;align-items: flex-end;margin-bottom: 10px;} .him_dj_h2 h2 span{color: #156bff;font-weight: bold;margin: 0 0.2rem 0 0.1rem;} .him_dj_h2 p{color: #999;padding-bottom: 0.05rem;} .him_dj_xj{display: flex;} .him_dj_xj img{width: 17px;height: auto;} .him_dj_h{width: 4rem;height: 8px;background: #f5f5f5;border-radius: 8px;margin-bottom: 0.15rem;position: relative;overflow: hidden;} .him_dj_h i{position: absolute;left: 0;top: 0;width: 0;background: #156BFF;border-radius: 8px;height: 8px;} .him_dj_jy p{color: #999;text-align: right;} .him_dj_r{padding-top: 0.15rem;} .itybox_h2{margin-bottom: 0.32rem;display: flex;align-items: center;} .itybox_con{display: flex;justify-content: space-between;border-bottom: 1px solid #f5f5f5;padding-bottom: 0.2rem;margin-bottom: 0.2rem;align-items: flex-start;} .itybox_con:last-child{border: none;margin-bottom: 0;} .itybox_con_l{display: flex;} .itybox_tx{width: 0.46rem;height: 0.46rem;margin-right: 0.2rem;border-radius: 50%;position: relative;} .itybox_tx img{border-radius: 50%;overflow: hidden;} .itybox_con_tz p{line-height: 0.46rem;color: #666;} .itybox_con_tz p a{color: #156BFF;text-decoration: underline;margin: 0 5px;} .beforeDate{height: 0.46rem;display: flex;align-items: center;} .beforeDate p{color: #999;line-height: 0.3rem;background: #f5f5f5;border-radius: 30px;padding: 0 0.28rem;} .itybox_con_hf{height: 0.46rem;display: flex;align-items: center;} .itybox_con_hf p{color: #666;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;max-width: 6rem;} .itybox_con_hf p span{color: #333;} .itybox_con_yt p{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;max-width: 6rem;} .itybox_con_yt a{color: #156BFF;margin-left: 10px;text-decoration: underline;} .itybox_con_gz{display: flex;align-items: center;margin-right: 0.3rem;} .itybox_con_gz>p{color: #666;} .itybox_con_ta{display: flex;align-items: center;} .foc_num{display: flex;align-items: center;padding: 0.2rem 0.24rem;background: #f5f5f5;border-radius: 5px;margin-bottom: 0.3rem;} .foc_num_icon{width: 0.3rem;height: 0.3rem;background: #156bff;border-radius: 50%;display: flex;align-items: center;justify-content: center;margin-right: 10px;} .foc_num_icon img{width: 50%;height: auto;} .foc_num p span{color: #156BFF;} .foc_box{display: flex;flex-wrap: wrap;margin-bottom: 0.68rem;} .foc_con_tx{width: 0.46rem;height: 0.46rem;margin-bottom: 0.1rem;border-radius: 50%;overflow: hidden;} .foc_con p{padding: 0 0.1rem;overflow: hidden;white-space: nowrap;text-overflow:ellipsis;} .foc_con{width: calc(100%/7);display: flex;align-items: center;justify-content: center;flex-direction: column;padding: 0.2rem 0;} .foc_con_a{display: flex;align-items: center;justify-content: center;flex-direction: column;} .foc_con_a:hover p{color: #156bff;} .page2{display: flex;justify-content: center;align-items: center;} .page2 a{height: 30px;min-width: 30px;display: flex;justify-content: center;align-items: center;margin: 0 4px;-webkit-transition: all .6s;transition: all .6s;border-radius: 4px;} .page2 img{width: 7px;height: auto;} .page2 a .img2{display: none;} .page2 a:hover,.page2 .on{color: #156bff;background: #e9ecf4;border-color: #e9ecf4;} .page2 a:hover p,.page2 .on p{color: #156bff;} .page2 a:hover .img1,.page2.on .img1{display: none;} .page2 a:hover .img2,.page2 .on .img2{display: block;} .pos_box{display: flex;align-items: center;} .pos_ck{margin-right: 10px;display: flex;align-items: center;} .pos_ck_box{display: flex;align-items: center;margin-right: 0.38rem;} .pos_ck_icon{width: 18px;display: flex;align-items: center;margin-right: 8px;} .pos_ck_icon .img2{display: none;} .pos_ck_box p{color: #d1d7e2;} .pos_delete{display: flex;align-items: center;margin-left: 0.3rem;} .pos_delete img{width: 11px;height: 11px;} .pos_delete .img2{display: none;} .pos_delete:hover .img1{display: none;} .pos_delete:hover .img2{display: block;} .pos_ck_box:hover .img1{display: none;} .pos_ck_box:hover .img2{display: block;} .pos_ck_box:hover p{color: #156BFF;} .page2_box{margin-top: 0.4rem;} .pos_delete p{} .pos_delete:hover p{color: #156BFF;} .itybox_con_r:hover .pos_delete p{color: #156BFF;} .edi_bd_box{padding: 0.2rem 0.24rem;background: #f5f5f5;border-radius: 5px;margin-bottom: 0.2rem;display: flex;justify-content: space-between;} .edi_bd_box_l img{width: 0.28rem;height: auto;margin-right: 0.24rem;} .edi_bd_box_l{display: flex;align-items: center;} .edi_bd_box_l p{color: #161b27;} .edi_bd_box>a{color: #999;} .edi_bd{margin-bottom: 0.8rem;} .file{ position: relative;width: 1rem;height: 1rem;border-radius: 50%;overflow: hidden;} .file:nth-child(3n){margin-right: 0;} .file input {position: absolute;width: 100%;top: 0;left: 0;bottom: 0;opacity: 0;cursor: pointer;z-index: -1;} .file_sc{position: absolute;width: 18px;height: 18px;background: rgba(49,49,49,0.23);border-radius: 50%;top: -5px;right: -5px;display: none;z-index: 100;} .file_sc i{width: 8px;height: 1px;background: #fff;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);} .res_img .diy_r_res_box img{object-fit: contain;} .diy_tjta{margin-bottom: 0.55rem;} .diy_qh_next2{justify-content: space-between;} .edi_gr_tx label{display: inline-flex;align-items: center;position: relative;width: auto;width: 1rem;height: 1rem;margin-right: 0.25rem;cursor: pointer;} .edi_gr_tx label>p{position: absolute;left: 50%;transform: translateX(-50%);color: #fff;white-space: nowrap;} .edi_gr_tx_box{cursor: pointer;} .edi_gr_tx{display: flex;align-items: center;margin-bottom: 0.3rem;} .edi_gr_tx_p p{color: #999;} .edi_gr_inp_box{display: flex;justify-content: space-between;} .edi_gr_inp_con{height: 0.6rem;background: #f5f5f5;border-radius: 5px;width: calc(50% - 10px);display: flex;align-items: center;padding: 0 20px;margin-bottom: 20px;} .edi_gr_inp_con p{flex-shrink: 0;width: 5em;border-right: 1px solid rgba(0,0,0,0.1);margin-right: 15px;} .edi_gr_inp_con p span{color: #dd0505;} .edi_gr_inp_con>input{border: none;width: 100%;padding: 0;} .edi_gr_inp_rad input{opacity: 0;position: absolute;z-index: -1;} .edi_gr_inp_rad{display: flex;align-items: center;margin-left: 0.6rem;} .edi_gr_inp_rad label{position: relative;cursor: pointer;margin-right: 0.17rem;} .edi_gr_inp_img{width: 0.29rem;height: 0.29rem;} .edi_gr_inp_img .img2{display: none;} .edi_gr_inp_rad label.on .img1{display: none;} .edi_gr_inp_rad label.on .img2{display: block;} .edi_gr_inp_cs{width: 100%;position: relative;padding-right: 20px;margin-right: 0.3rem;border-bottom: 1px solid #e0e4ec;padding-bottom: 12px;} .edi_gr_inp_cs>img{width: 11px;height: auto;position: absolute;top: 50%;transform: translateY(-50%);right: 0;} .edi_gr_tex{height: auto;background: #f5f5f5;border-radius: 5px;width: 100%;display: flex;align-items: flex-start;padding: 0.15rem 20px;margin-bottom: 20px;flex-direction: column;} .edi_gr_tex textarea{width: 100%;height: 5em;padding: 0;margin-top: 10px;} .edi_gr_but{text-align: right;} .edi_gr_but button{height: 0.6rem;padding: 0 0.4rem;background: #156bff;color: #fff;border-radius: 5px;} .edi_tz_che input{-webkit-appearance: checkbox;margin-right: 10px;} .edi_tz_t{margin-bottom: 10px;} .edi_tz_che{margin-bottom: 0.1rem;display: flex;align-items: center;} .edi_tz_che input:checked+p{color: #156BFF;} .edi_pas{width: 100%;} .edi_pas_yzm{width: calc(50% - 10px);display: flex;justify-content: space-between;} .edi_pas_yzm_box{height: 0.6rem;} .grw100{background: #fff;border-radius: 9px;padding: 0.4rem;} .grade_table{border: 1px solid #e8ebf0;} .tabw{width: 36.5%;} .tabw2{width: 27%;} .grade_table_t{padding: 0 0.32rem;height: 0.6rem;background: #e8ebf0;display: flex;align-items: center;} .grade_table_t p{color: #999;} .grade_table_con{padding: 0 0.32rem;display: flex;align-items: center;height: 0.6rem;border-bottom: 1px solid #e8ebf0;} .grade_table_con:last-child{border: none;} .grade_table_txt{display: flex;align-items: center;} .grade_table_txt p{color: #999;} .grade_table_dj{margin-left: 0.55rem;display: flex;align-items: center;} .grade_table_dj i{width: 17px;height: 17px;background: url(../img/dj.png) no-repeat;background-size: contain;display: block;margin-right: 10px;} .grade_table_con:hover p{color: #333;} .grade_table_con:hover .grade_table_dj i{background: url(../img/dj2.png) no-repeat;background-size: contain;} .grade_table{margin-bottom: 0.35rem;} .itybox_con_ta2>p{color: #156BFF;} .itybox_con_ta2{margin-right: 10px;} .itybox_con_tz p span{color: #333;} .itybox_exp{display: flex;align-items: center;height: 0.46rem;} .itybox_exp p span{color: #156BFF;margin-left: 10px;} .dra_l_p{height: 0.46rem;display: flex;align-items: center;} .dra_l_p p{width: 6.3rem;overflow: hidden;white-space: nowrap;text-overflow:ellipsis;} .dra_r{display: flex;align-items: center;height: 0.46rem;} .dra_r>p{height: 0.3rem;background: #f5f5f5;padding: 0 0.16rem;border-radius: 30px;color: #999;display: inline-flex;align-items: center;} .dra_r_bj{margin-left: 0.3rem;} .dra_r:hover>p{background: #156BFF;color: #fff;} .dra_r:hover .dra_r_bj,.dra_r:hover .pos_delete2{color: #156BFF;} .dra_r:hover .img1{display: none;} .dra_r:hover .img2{display: block;} .sot_select_nr{position: relative;width: 2.7rem;border-right: 1px solid #f5f7fb;} .sel_text_box{width: 100%;background: #fff;border-radius: 5px; position: absolute;left:0;text-align: left;overflow: hidden;top:100%;border: 1px solid #ddd;z-index: 200;display: none;max-height: 160px;overflow-y: auto;} .sel_text_box a{font-size: 14px;color: #000;padding:7px 0 7px 0.2rem;display: block; cursor: pointer;} .sel_text_box a:hover{background: #156BFF;color: #fff;} .sel_text_x{width: 100%;height: 0.6rem;border-radius: 60px;padding: 0 0.2rem;color: #999;display: flex;align-items: center;} .sel_text_xp{color: #999;} .sel_text_x>img{width: 10px;height: 6px;position: absolute;right: 0.2rem;top:50%;z-index: 100;transform: translateY(-50%) rotate(180deg);object-fit: initial;} .sel_text_x .img2{display: none;} .sot_select_nr.on .sel_text_xp{color: #333;} .sot_select_nr.on .sel_text_x .img1{display: none;} .sot_select_nr.on .sel_text_x .img2{display: block;} .sel_text{width: 100%;} @media screen and (max-width: 1200px) { .sot_select_nr{width: 200px;margin-right: 30px;} .sel_text_x{padding: 0 15px;height: 36px;} .sel_text_box a{padding: 0 15px ;line-height: 36px;} .sel_text_x>img{right: 15px;} } .ityfl{background: #fff;height: 60px;display: flex;align-items: center;justify-content: space-between;margin-bottom: 20px;} .ityfl_l{width: 100%;display: flex;align-items: center;} .ityfl_sel{display: flex;align-items: center;} .ityfl_search{border-right: 1px solid #f5f7fb;width: 3.2rem;height: 100%;display: flex;align-items: center;} .ityfl_search form{display: flex;align-items: center;justify-content: space-between;width: 100%;padding-right: 20px;} .ityfl_search input{border: none;padding-left: 20px;width: 100%;font-size: 14px;} .ityfl_search button{width: 17px;height: 17px;flex-shrink: 0;} .ityfl_filter{display: flex;align-items: center;height: 100%;} .ityfl_filter a{border-right: 1px solid #f5f7fb;display: flex;align-items: center;padding: 0 20px;height: 100%;} .ityfl_filter_icon .img2{display: none;} .ityfl_filter_icon img{width: 10px;height: 6px;object-fit: initial;margin-left: 10px;} .ityfl_filter a.on{color: #156BFF;} .ityfl_filter a.on .img1{display: none;} .ityfl_filter a.on .img2{display: block;} .ityfl_ft{height: 100%;background: #156BFF;border-radius: 5px;padding: 0 0.34rem;flex-shrink: 0;display: flex;align-items: center;} .ityfl_ft img{width: 14px;height: auto;margin-right: 10px;} .ityfl_ft p{color: #fff;} .postList_con{padding: 0.3rem;background: #fff;display: block;margin-bottom: 1px;position: relative;z-index: 1;} .postList_box *{transition: all 0.6s;} .postList_t{display: flex;justify-content: space-between;margin-bottom: 0.3rem;} .postList_t_l{width: 8.5rem;} .postList_t_l h3{color: #161b27;margin-bottom: 10px;overflow: hidden;white-space: nowrap;text-overflow:ellipsis;} .postList_t_l>p{color: #666;margin-bottom: 10px;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;} .Label{display: flex;align-items: center;} .Label p{font-size: 14px;padding: 4px 8px;background: #f5f5f5;border-radius: 3px;margin-right: 10px;} @media screen and (max-width:1580px) { .Label p{font-size: 12px;} } .postList_t_r>p{padding: 8px 14px;border: 1px solid #156BFF;border-radius: 3px;color: #156BFF;margin: 0 0 0.38rem 10px;text-align: center;} .postList_b{display: flex;align-items: center;justify-content: space-between;} .postList_b_l{display: flex;align-items: center;} .postList_b_l_icon img{width: 16px;height: 16px;} .postList_b_l_icon .img2{display: none;} .postList_b_l_icon{margin-right: 0.22rem;} .postList_b_r{display: flex;align-items: center;} .postList_b_r_icon{display: flex;align-items: center;margin-left: 0.3rem;} .postList_b_r_icon img{width: 15px;height: auto;margin-right: 10px;} .postList_b_r_icon p{color: #999;} .postList_con:hover{box-shadow: 0 0 50px rgba(0,0,0,0.15);z-index: 2;} .postList_con:hover .postList_t_l h3{color: #156BFF;} .postList_con:hover .Label p{background: #156BFF;color: #fff;} .postList_b_l_icon.on .img1{display: none;} .postList_b_l_icon.on .img2{display: block;} .topic{display: flex;flex-wrap: wrap;} .topic_box{width: calc((100% - 40px)/5);margin: 0 10px 10px 0;background: #fff;padding: 20px;display: flex;align-items: center;} .topic_box:nth-child(5n){margin-right: 0;} .topic_img{width: 0.5rem;height: 0.5rem;margin-right: 0.2rem;} .topic_txt p{color: #999;overflow: hidden;white-space: nowrap;text-overflow:ellipsis;} .topic_txt h3{overflow: hidden;white-space: nowrap;text-overflow:ellipsis;} .listShow_t{display: flex;justify-content: space-between;border-bottom: 1px solid #e3e7ee;padding-bottom: 0.3rem;margin-bottom: 0.3rem;} .listShow_h1{width: 68.5%;} .listShow_h1 h1{font-size: 0.32rem;margin-bottom: 10px;} .listShow_h1_time{display: flex;align-items: center;} .listShow_h1_time>p{color: #999;margin-left: 0.2rem;} .listShow_t_r{width: 28.5%;display: flex;flex-wrap: wrap;justify-content: flex-end;align-items: flex-start;} .listShow_t_bq{padding: 8px 14px;border: 1px solid #156BFF;border-radius: 3px;color: #156BFF;margin: 0 0 10px 0.2rem;} .listShow_t_bq2{padding: 8px 0;color: #156BFF;margin-left: 0.2rem;} .listShow_box_txt img{width: auto;height: auto;} .listShow_box_txt h3 img{margin-left: 10px;} .listShow_box_txt{padding-bottom: 1rem;border-bottom: 1px solid #e3e7ee;} .listShow_box{display: flex;justify-content: space-between;align-items: flex-start;} .listShow_box_l{width: 68.5%;} .listShow_box_r{width: 28.5%;background: #fff;padding-top: 0.3rem;position: sticky;top: 100px;} .listShow_box_r .case_show_r_gs>h4{margin-bottom: 0.2rem;} .comment{margin-bottom: 0.5rem;} .comment_icon{display: flex;align-items: center;margin-right: 0.3rem;} .comment_icon img{width: 15px;height: auto;margin-right: 10px;} .comment_icon p{color: #999;} .comment_icon p span{margin-right: 5px;} .comment_icon .img2{display: none;} .comment_icon.on .img1{display: none;} .comment_icon.on .img2{display: block;} .comment_iconn{display: flex;align-items: center;margin-right: 0.3rem;} .comment_iconn img{width: 15px;height: auto;margin-right: 10px;} .comment_iconn p{color: #999;} .comment_iconn p span{margin-right: 5px;} .comment_iconn .img2{display: none;} .comment_iconn.on .img1{display: none;} .comment_iconn.on .img2{display: block;} .comment_t{display: flex;align-items: center;flex-wrap: wrap;padding: 0.25rem 0;} .comment_icon2 p{color: #156BFF;text-decoration: underline;} .easyEditor img{width: auto;height: auto;} .comment_box{background: #fff;padding: 20px;} .comment_box .emojia,#emoji,#emoji1,#emoji2{width: 18px;height: 18px;margin-bottom: 10px;position: relative;} .easyEditora,#easyEditora,#easyEditora1,#easyEditora2{width: 100%;height: 140px;} .easyEditor,#easyEditor,#easyEditor1,#easyEditor2{width: 100%;height: 140px;} .emojia .emoji_btn,#emoji_btn,#emoji_btn1,#emoji_btn2{width: 100%;cursor: pointer;} .emoji_lista,#emoji_list,#emoji_list1,#emoji_list2{width: 298px;height: auto;padding: 4px;position: absolute;bottom: 130%;left: 0;border: 1px solid #f5f5f5;border-radius: 8px;display: none;background-color: #fff;} .emoji_lista li,#emoji_list li,#emoji_list1 li,#emoji_list2 li {width: 30px;height: 24px;text-align: center;float: left;cursor: pointer;overflow: hidden;margin: 3px;} .emoji_lista li img,#emoji_list li img,#emoji_list1 li img,#emoji_list2 li img{width: 24px;height: 24px;} .emoji_b{display: flex;justify-content: space-between;align-items: center;} .emoji_b a{height: 40px;padding: 0 30px;background: #156BFF;color: #fff;border-radius: 5px;display: inline-flex;align-items: center;} .comment_new_box{border-top: 1px solid #e3e7ee;padding-top: 0.38rem;} .emoji_b_l p{font-size: 12px;color: #ccc;} .comm_h2{font-size: 0.32rem;margin-bottom: 0.25rem;} .comment_new_con{border-bottom: 1px solid #e3e7ee;padding-bottom: 0.3rem;margin-bottom: 0.3rem;} .comment_new_tx{display: flex;align-items: center;margin-bottom: 0.25rem;} .comment_new_tx>p{color: #999;margin-left: 0.2rem;} .comment_new_txt{padding-left: 0.66rem;} .comment_new_txt .comment_icon{margin-right: 0.2rem;} .comment_new_two_box{padding-top: 0.3rem;border-top: 1px solid #e3e7ee;margin-left: 0.66rem;} .comment_new_two .comment_new_txt{padding: 0;} .comment_new{} .comment_post{padding-top: 0.8rem;} .bbs_box{margin-top: 0.5rem;display: flex;justify-content: space-between;} .bbs_l{width: calc(50% - 20px);} .bbs_h3{display: flex;align-items: center;justify-content: space-between;margin-bottom: 0.28rem;} .bbs_list{overflow-y: auto;} .bbs_list_hz{background: #fff;padding: 0.3rem 0.3rem 0.2rem;} .bbs_list::-webkit-scrollbar{ width:5px; } .bbs_list::-webkit-scrollbar-track{ background: #e3e6ed; border-radius:5px; } .bbs_list::-webkit-scrollbar-thumb{ background: #7c808a; border-radius:25px; } .bbs_list::-webkit-scrollbar-corner{ background: #7c808a; } .bbs_list_box{padding-bottom: 0.3rem;margin-bottom: 0.3rem;border-bottom: 1px solid #f5f7fb;display: flex;align-items: center;} .bbs_list_img{width: 100px;height: 100px;position: relative;border-radius: 50%;margin-right: 0.3rem;flex-shrink: 0;} .bbs_list_img img{border-radius: 50%;overflow: hidden;} .bbs_list_img i{position: absolute;width: 24px;height: 24px;border-radius: 50%;background: #dd1d1d;color: #fff;display: flex;align-items: center;justify-content: center;right: 0;top: 0;} .bbs_list_txt{width: 100%;} .bbs_list_txt>p{color: #666;margin-bottom: 0.15rem;} .bbs_list_txt_bq{display: flex;align-items: center;flex-wrap: wrap;} .bbs_list_txt_bq_box{margin-right: 0.28rem;display: flex;align-items: center;} .bbs_list_txt_bq_box i{width: 8px;height: 8px;border-radius: 50%;margin-right: 10px;} .bbs_list_txt_bq_box:nth-child(1) i{background: #156bff;} .bbs_list_txt_bq_box:nth-child(2) i{background: #25c2d4;} .bbs_list_txt_bq_box:nth-child(3) i{background: #61b83b;} .bbs_list_txt_bq_box:nth-child(4) i{background: #f5be00;} .bbs_r{width: calc(50% - 20px);} .bbs_r_lab{display: flex;} .bbs_r_lab a{color: #156bff;margin-left: 0.25rem;} .bbs_r_box{background: #fff;} .bbs_r_con{position: relative;padding: 0.3rem;display: block;border-bottom: 1px solid #f5f7fb;} .bbs_r_img{height: 1.8rem;margin-bottom: 20px;} .bbs_r_txt_h4{display: flex;justify-content: space-between;align-items: center;margin-bottom: 10px;} .bbs_r_txt_h4 span{padding: 8px 14px;border: 1px solid #156BFF;border-radius: 3px;color: #156BFF;margin: 0 0 0 1em;flex-shrink: 0;} .bbs_r_txt_h4 h4{width: 100%;overflow: hidden;white-space: nowrap;text-overflow:ellipsis;} .bbs_r_txt .Label p{color: #999;} .bbs_r_txt .postList_t_l{width: 100%;} .bbs_r_con.top::after{content: '';position: absolute;width: 15px;height: 15px;background: url(../img/zd.png) no-repeat;background-size: cover;top: 0;left: 0;} .bbs_r_con:hover{box-shadow: 0 0 50px rgba(0,0,0,0.15);z-index: 2;} .bbs_r_con:hover .postList_t_l h4{color: #156BFF;} .bbs_r_con:hover .Label p{background: #156BFF;color: #fff;} .bbs_r_box *{transition: all 0.6s;} .bbsInfo{display: flex;justify-content: space-between;align-items: flex-start;padding-top: 0.45rem;} .bbsInfo_l{position: sticky;top: 100px;background: #fff;border-radius: 10px;padding: 0.3rem 0;display: flex;flex-direction: column;width: 28.5%;} .bbsInfo_l a{margin: 0.22rem 0;height: 0.35rem;border-left: 4px solid transparent;display: flex;align-items: center;padding-left: 0.5rem;font-weight: bold;} .bbsInfo_l a.on{color: #156bff ;border-color: #156bff;} .bbsInfo_r{width: calc(71.5% - 0.4rem);background: #fff;border-radius: 10px;padding: 0.3rem;} .bbsInfo_l a i{width: 28px;height: 28px;border-radius: 50%;background: #d1d7e2;margin-left: 0.14rem;color: #fff;display: flex;align-items: center;justify-content: center;} .bbsInfo_l a i span{padding-bottom: 4px;font-size: 12px;} .bbsInfo_l a.on i{background: #156BFF;} .bbs_h2{display: flex;align-items: center;justify-content: space-between;margin-bottom: 0.35rem;} .lac_a3{padding: 0 0.3rem;} .itybox_con_r{display: flex;align-items: center;flex-shrink: 0;} .bbsInfo_r_box .itybox_con{display: flex;align-items: center;} .bbsInfo_r_box_l{display: flex;align-items: center;max-width: 6.5rem;} .bbsInfo_r_box_img{width: 0.6rem;height: 0.6rem;border-radius: 50%;overflow: hidden;margin-right: 0.18rem;flex-shrink: 0;} .bbsInfo_r_box_txt h3{overflow: hidden;white-space: nowrap;text-overflow:ellipsis;} .bbsInfo_r_box_txt p{overflow: hidden;white-space: nowrap;text-overflow:ellipsis;} .bbsInfo_r_box_txt{width: 100%;} .bbsInfo_r_box_txt p{color: #666666;} .pos_ck_icon:hover .img1{display: none;} .pos_ck_icon:hover .img2{display: block;} .bbsInfo_r_box_l:hover .bbsInfo_r_box_txt h3{color: #156BFF;} .not_fans .itybox_con_ta2>p{color: #333;} .not_fans .itybox_con_ta2:hover>p{color: #156BFF;} .not_fans_gz{margin-left: 0.3rem;} .not_fans_gz p:hover,.not_fans_gz.on p{color: #156BFF;} .itybox_con.unread .itybox_tx::after{content: '';position: absolute;width: 8px;height: 8px;background: #dd0505;border-radius: 50%;top: 6%;right: 6%;} .not_nav{display: flex;align-items: center;padding: 0.2rem 0.24rem;background: #f5f5f5;border-radius: 5px;margin-bottom: 0.3rem;} .not_nav_box{display: flex;align-items: center;margin-right: 0.4rem;} .not_nav_icon{width: 0.3rem;height: 0.3rem;background: #161b27;border-radius: 50%;display: flex;align-items: center;justify-content: center;margin-right: 10px;} .not_nav_icon img{width: 50%;height: auto;} .not_nav_box p span{color: #161b27;} .not_nav_box.on .not_nav_icon{background: #156BFF;} .not_nav_box.on p span{color: #156BFF;} .not_like_t{display: flex;align-items: center;} .not_like_t_txt p{overflow: hidden;white-space: nowrap;text-overflow:ellipsis;max-width: 4.5rem;} .not_like_t_txt p span{color: #666;margin-right: 5px;} .not_like_b{padding-left: 0.66rem;margin-top: 5px;} .not_like_b_box p a{color: #156BFF;text-decoration: underline;margin-left: 5px;overflow: hidden;white-space: nowrap;text-overflow:ellipsis;max-width: 5rem;} .not_like_b_box p{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;max-width: 6rem;} .notify .itybox_con_l{display: flex;flex-wrap: wrap;flex-direction: column;} .not_like_ck{margin-left: 0.3rem;} .itybox_con_r:hover .beforeDate p{background: #156BFF;color: #fff;} .itybox_con_r:hover .not_like_ck p{color: #156BFF;} .not_like_b_box{margin-bottom: 5px;} .not_like_dz{margin-left: 0.3rem;} .not_like_dz img{width: 18px;height: 18px;} .not_like_dz .img2{display: none;} .not_like_dz.on .img1{display: none;} .not_like_dz.on .img2{display: block;} .not_del{display: flex;justify-content: space-between;width: 100%;} .not_like_t_txt p a{color: #156BFF;text-decoration: underline;margin-left: 5px;} .syst_l{max-width: 70%;height: 0.46rem;display: flex;align-items: center;} .syst_l_box{width: 100%;} .syst_l_box p{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;width: 100%;} .syst_box{display: flex;justify-content: space-between;width: 100%;} .syst .itybox_con{flex-direction: column;} .syst_txt{margin: 12px 0;background: #f5f5f5;padding: 0.3rem;border-radius: 5px;} .syst_txt h3{margin-bottom: 0.2rem;} .syst_txt p{color: #999;} .emoji_box{width: 18px;height: 18px;display: inline-flex;} .emoji_texta textarea{width: 100%;height: 140px;padding: 0;} /* 申诉、回复弹窗 */ .curtain3{display: none;width: 100%;height: 100%;position: fixed;top: 0;left: 0;z-index: 10000;} .curtain3 .curtain_box{width: 850px;height: auto;top: 50%;left: 50%;transform: translate(-50%,-50%);border-radius: 10px;padding: 0.5rem;} .curtain3 .curtain_title{background: none;transform: rotate(180deg);position: absolute;right: 0.4rem;top: 0.4rem;padding: 0;cursor: pointer;display: flex;align-items: center;justify-content: center;width: 30px;height: 30px;} .curtain3 .curtain_title p{position: initial;} .curtain3 .curtain_title img{width: 10px;height: auto;} .sf_hf h2{margin-bottom: 0.3rem;} .sf_hf .not_like_b{padding: 0;} .sf_hf .not_like_b_box{padding: 0;margin: 0 0 0.25rem 0;} .sf_hf .comment_box{border: 1px solid #f5f5f5;width: 100%;} .curt3_box{display: flex;justify-content: space-between;} .curt3_box .edi_gr_tx_box{width: 200px;margin-left: 20px;flex-shrink: 0;} .curt3_box .file{width: 100%;height: 100%;border-radius: 0;} .edi_gr_tx_box label{width: 100%;height: 100%;display: flex;} .sf_hf .emoji_b_r{margin-top: 20px;} .sf_hf .lac_a{padding: 0 30px;} /* 私信弹窗 */ .curtain4{display: none;width: 100%;height: 100%;position: fixed;top: 0;left: 0;z-index: 10000;} .curtain4 .curtain_box{width: 1190px;height: auto;top: 50%;left: 50%;transform: translate(-50%,-50%);border-radius: 10px;background: none;} .curtain4 .curtain_title{background: none;transform: rotate(180deg);position: absolute;right: 0.4rem;top: 0.4rem;padding: 0;cursor: pointer;display: flex;align-items: center;justify-content: center;width: 30px;height: 30px;} .infCur_search a{width: 20px;height: 20px;display: flex;align-items: center;flex-shrink: 0;margin-left: 10px;} .infCur{display: flex;justify-content: space-between;height: 7.5rem;} .infCur_l{background: #fff;border-radius: 10px;width: 360px;flex-shrink: 0;} .infCur_search{padding: 30px;} .infCur_search_box{background: #f5f5f5;border-radius: 5px;display: flex;justify-content: space-between;height: 60px;padding: 0 20px;align-items: center;} .infCur_search_box input{border: none;width: 100%;} .infCur .itybox_con{padding: 20px 30px;align-items: center;width: 100%;margin: 0;} .infCur .bbsInfo_r_box_l{max-width: 45%;} .infCur .itybox_con_r p{color: #999;} .infCur .itybox_con.on{background: #f5f5f5;} .infCur_l_box{overflow-y: auto;height: calc(7.5rem - 130px);} .infCur_r{width: 100%;height: 7.5rem;background: #fff;border-radius: 10px;margin-left: 30px;overflow: hidden;} .infCur_r_h2{text-align: center;padding: 0 0 0.25rem;} .infCur_r_t{display: flex;flex-direction: column;align-items: center;justify-content: center;height: 1.6rem;} .infCur_r_time{text-align: center;} .infCur_r_time p{padding: 0 20px;height: 30px;border-radius: 30px;background: #f5f5f5;display: inline-flex;align-items: center;color: #999;} .infCur_r_box{padding: 0 0.4rem 0.2rem;border-bottom: 1px solid #f5f5f5;overflow-y: auto;height: 3.3rem;} .infCur_tx{width: 0.6rem;height: 0.6rem;border-radius: 50%;overflow: hidden;margin-right: 18px;flex-shrink: 0;} .infCur_box{display: flex;margin-bottom: 0.4rem;} .infCur_con{max-width: 360px;background: #f5f5f5;padding: 18px;border-radius: 4px;position: relative;} .infCur_con::after{content: '';width: 0;height: 0;border-style: solid dashed dashed;border-color: #fff transparent transparent;overflow: hidden;cursor: pointer;transition: all .2s;-webkit-transition: all .2s;position: absolute;top: 0.34rem;left: -12px;margin-top: -10px;border-width: 6px;border-top-color: #f5f5f5;-webkit-transform: rotate(-270deg);transform: rotate(-270deg)} .infCur_me{flex-direction: row-reverse;} .infCur_me .infCur_tx{margin: 0 0 0 18px;} .infCur_me .infCur_con{background: #156BFF;} .infCur_me .infCur_con p{color: #fff;} .infCur_me .infCur_con::after{border-top-color: #156BFF;right: -12px;left: auto;-webkit-transform: rotate(-90deg);transform: rotate(-90deg)} .emoji_b>span{font-size: 12px;color: #ccc;} .infCur_sr{height: 2.6rem;} .infCur_sr .comment_box{height: 100%;display: flex;flex-direction: column;} .infCur_sr #easyEditor{height: 100%;} .infCur_sr .emoji_b{flex-shrink: 0;} /* 发帖弹窗 */ .curtain5{display: none;width: 100%;height: 100vh;position: fixed;top: 0;left: 0;z-index: 1000;transition: all 0.6s;} .curtain5 .curtain_box{width: 800px;max-height: 100vh;height: auto;top: 50%;left: 50%;transform: translate(-50%,-50%);border-radius: 10px;background: #fff;} .curtain5_hz{padding: 0.5rem;} .curtain5 .curtain_title{background: none;transform: rotate(180deg);position: absolute;right: 0.4rem;top: 0.4rem;padding: 0;cursor: pointer;display: flex;align-items: center;justify-content: center;width: 30px;height: 30px;} .curtain5 .curtain_title p{position: initial;} .curtain5 .curtain_title img{width: 12px;height: auto;} .bbsCur h2{margin-bottom: 0.3rem;} .bbsCur_title{margin-bottom: 0.15rem;} .bbsCur_title span{color: #d20000;font-size: 12px;} .bbsCur_t{margin-bottom: 0.3rem;} .bbsCur_t input{width: 100%;height: 0.5rem;background: #f5f5f5;border: none;border-radius: 4px;padding: 0 20px;} .bbsCur_textarea{margin-bottom: 20px;} .bbsCur_textarea textarea{width: 100%;height: 240px;padding: 10px 0 0 20px;background: #f5f5f5;border: none;border-radius: 4px;} .bbsCur_fl{display: flex;justify-content: space-between;margin-bottom: 20px;} .bbsCur_fl .sot_select_nr{width: 31%;border: none;background: #f5f5f5;display: flex;align-items: center;} .bbsCur_fl .sel_text_box{top: auto;bottom: 100%;} .bbsCur_b{display: flex;align-items: center;} .bbsCur_b a{padding: 0 0.28rem;height: 0.5rem;background: #156bff;color: #fff;border-radius: 3px;display: inline-flex;align-items: center;margin-right: 20px;} .bbsCur_b .a2{background: #161b27;} .bbsCur_b p{color: #999;} .bbsCur_fl .sot_select_sc{width: 31%;border: none;background: #f5f5f5;} .bbsCur_fl .sot_select_nr input{background: #f5f5f5;} .bbsCur_bottom{position: fixed;bottom: 0;left: 0;width: 100%;background: #fff;z-index: 10000;padding: 0;cursor: pointer;height: 0;overflow: hidden;transition: all 0.6s;} .bbsCur_bottom_box{display: flex;justify-content: space-between;align-items: center;height: 100%;} .bbsCur_bottom_r{display: flex;align-items: center;} .bbsCur_bottom_r .sjt{width: 14px;height: auto;} .bbsCur_bottom_r .bbsCur_bottom_delete{width: 12px;margin-left: 20px;} .bbsCur_bottom_l span{color: #999;} .curtain5 .curtain_box.on{max-height: 0;} .bbsCur_bottom.on{height: 100px;} @font-face{ font-family: 'eleIcon'; src:url(../fonts/element-icons.ttf); } *:before,*:after{font-family: 'eleIcon';} .sot_select_nr .el-cascader{width: 100%;} .sot_select_nr .el-cascader .el-input .el-input__inner{border: none;} .sot_select_nr .el-select{width: 100%;} .sot_select_nr .el-input__inner{border: none;} .el-select-dropdown.is-multiple .el-select-dropdown__item.selected::after{font-family: 'eleIcon' !important;} #editor *:before,.editor *:before,#editor *:after,.editor *:after{font-family: inherit;} /* #editor,.editor{height: 240px;} */ .easy-emoji{width: auto;height: auto;object-fit: initial;} .comment_icon_cn>p{display: none;color: #156BFF;} .comment_icon_cn.on>p{display: block;} .curtain7{display: none;width: 100%;height: 100vh;position: fixed;top: 0;left: 0;z-index: 1000;transition: all 0.6s;} .curtain7 .curtain_box{width: 480px;max-height: 100vh;height: auto;top: 50%;left: 50%;transform: translate(-50%,-50%);border-radius: 10px;background: #fff;} .jb_cur{padding: 0.4rem 0.55rem;text-align: center;} .jb_cur h2{margin-bottom: 0.2rem;font-weight: 400;} .jb_cur>p{margin-bottom: 0.35rem;} .jb_cur_a .lac_a{padding: 0 0.3rem;margin: 0 5px;} .jb_cur_a .a1{background: #156bff;} .jb_cur_a .a2{background: #161b27;} .curtain9{display: none;width: 100%;height: 100vh;position: fixed;top: 0;left: 0;z-index: 1000;transition: all 0.6s;} .curtain9 .curtain_box{width: 480px;max-height: 100vh;height: auto;top: 50%;left: 50%;transform: translate(-50%,-50%);border-radius: 10px;background: #fff;} .curtain8{display: none;width: 100%;height: 100vh;position: fixed;top: 0;left: 0;z-index: 1000;transition: all 0.6s;} .curtain8 .curtain_box{width: 660px;max-height: 100vh;height: auto;top: 50%;left: 50%;transform: translate(-50%,-50%);border-radius: 10px;background: #fff;overflow: initial;} .curtain8 .comment_box{box-shadow: 0 0 20px rgba(0,0,0,0.05);} .curtain8 .jb_cur{padding: 0.4rem 0.55rem 1rem;} /* 生态合作 */ .ecoCoo_nav{display: flex;align-items: center;height: 100%;} .ecoCoo_nav_fh{margin-left: 0.9rem;display: flex;align-items: center;color: #fff;} .ecoCoo_nav_fh img{width: 6px;height: auto;margin-left: 10px;} .nav_on .ecoCoo_nav_fh{color: #156bff;} .nav_on2 .ecoCoo_nav_fh{color: #156bff;} .ecoCoo_nav_fh{cursor: not-allowed;background: #999 !important;} .ecoCoo_nav_fh:hover{cursor: not-allowed !important;} .ecoCoo_nav_not{cursor: pointer;background: #156bff !important;} .ecoCoo_nav_not:hover{cursor: pointer !important;} .ecoCoo_banner{min-height: 100vh;padding: 0 0 0.5rem;height: auto;} .ecoCoo_banner .sub_banner_img img{height: 100%;} .ecoCoo_banner .sub_banner_img{height: 100%;position: absolute;top: 0;} .ecoCoo_banner .ecoCoo{transform: translateX(0%);position: relative;left: auto;} .ecoCoo{padding-top: 1.2rem;position: absolute;top: 0;left: 50%;transform: translateX(-50%);height: 100%;z-index: 10;} .ecoCoo_h2{margin-bottom: 0.35rem;text-align: center;} .ecoCoo_h2 p,.ecoCoo_h2 h2{font-size: 0.5rem;color: #fff;font-weight: 400;} .ecoCoo_h2 p{opacity: 0.3;line-height: 1;} .ecoCoo_h2 h2{line-height: 1.4;} .ecoCoo_home{display: flex;justify-content: space-between;} .ecoCoo_home_box{width: calc(50% - 0.2rem);height: 3.05rem;background: #fff;border-radius: 10px;background: #fff;padding: 0 0.5rem;display: flex;flex-direction: column;justify-content: center;align-items: flex-start;} .ecoCoo_home_title_r img{width: 0.6rem;height: auto;object-fit: cover;} .ecoCoo_home_title_r{display: flex;align-items: center;margin-left: 1.3rem;flex-shrink: 0;} .ecoCoo_home_title{display: flex;justify-content: space-between;align-items: center;margin-bottom: 0.6rem;} .ecoCoo_home_title_l h3{font-weight: 400;margin-bottom: 0.22rem;} .ecoCoo_home_title_l h3 span{color: #156BFF;font-weight: bold;} .ecoCoo_home_title_l>p{color: #666;} .ecoCoo_home_box>a{padding: 0 0.25rem;display: inline-flex;align-content: center;height: 0.4rem;border: 2px solid #156BFF;border-radius: 4px;line-height: 0.4rem;color: #156BFF;transition: all 0.6s;} .ecoCoo_home_box>a:hover{background: #156BFF;color: #fff;} @media screen and (max-width: 1200px) { .ecoCoo{padding: 0;display: flex;flex-direction: column;justify-content: center;} .ecoCoo_home_box{height: 200px;} .ecoCoo_home_title_r img{width: 40px;} .ecoCoo_home_box>a{padding: 0 20px;height: 30px;line-height: 28px;} } @media screen and (max-width: 991px) { .ecoCoo_nav_fh{color: #156bff;} .ecoCoo_h2 p, .ecoCoo_h2 h2{font-size: 30px;} .ecoCoo_banner .sub_banner_img{width: 100%;height: 100%;position: absolute;left: 0;top: 0;} } @media screen and (max-width: 767px) { .ecoCoo{padding: 40px 1rem;position: initial; transform: translateX(0);} .ecoCoo_h2 p, .ecoCoo_h2 h2{font-size: 24px;} .ecoCoo_h2{margin-bottom: 40px;} .ecoCoo_home{flex-direction: column;} .ecoCoo_home_box{width: 100%;margin-bottom: 20px;padding: 0 20px;} .ecoCoo_banner{height: auto;} .ecoCoo_nav_fh img{width: 5px;} } .settled{background: #fff;border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;padding-bottom: 0.48rem;} .settled_step{margin-bottom: 0.2rem;} .settled_step_b{padding: 0.23rem 0;} .settled_step_t{height: 10px;background: #e0e4ec;} .settled_step_t i{width: 0;height: 100%;background: #156BFF;border-top-right-radius: 10px;border-bottom-right-radius: 10px;display: block;} .settled_step_num img{width: 48%;height: auto;display: none;} .settled_step_num .img1{} .settled_step_num .img2{} .settled_step_b{display: flex;align-items: center;} .settled_step_box{width: 20%;display: flex;align-items: center;justify-content: center;} .settled_step_num{width: 0.3rem;height: 0.3rem;border-radius: 50%;border: 2px solid #e1e5ec;display: flex;align-items: center;justify-content: center;margin-right: 8px;} .settled_step_box.on .settled_step_num{background: #156BFF;border-color: #156BFF;overflow: hidden;} .settled_step_box.on .settled_step_num span{background: #156BFF;color: #fff;} .settled_step_box.on>p{color: #156BFF;} .settled_step_box.on2 .settled_step_num{background: #156BFF;border-color: #156BFF;} .settled_step_box.on2 .settled_step_num span{display: none;} .settled_step_box.on2 .settled_step_num .img1{display: block;} .settled_step_box.on3 .settled_step_num{background: #ed4747;border-color: #ed4747;} .settled_step_box.on3 .settled_step_num span{display: none;} .settled_step_box.on3 .settled_step_num .img2{display: block;} .eco_input{padding: 0 0.5rem;} .eco_input_box{display: flex;justify-content: space-between;flex-wrap: wrap;} .eco_input_con{width: 30%;display: flex;flex-direction: column;margin-bottom: 0.3rem;} .eco_input_t{flex-shrink: 0;display: flex;align-items: center;margin-bottom: 12px;} .eco_input_t>p{display: flex;align-items: center;margin-right: 0.25rem;white-space: nowrap;flex-shrink: 0;} .eco_input_t>p i{color: #d20000;margin-left: 3px;} .eco_input_t input{border: none;width: 100%;padding-left: 0;} .eco_input_h{width: 100%;background: #e0e4ec;width: 100%;height: 1px;} .eco_input_h i{width: 0;height: 1px;display: block;background: #156BFF;transition: all 0.6s;} .eco_input_con.on .eco_input_h i{width: 100%;} .eco_textarea .eco_input_con{width: 100%;} .eco_textarea textarea{height: 50px;width: 100%;padding: 0;} .eco_textarea .eco_input_t{align-items: flex-start;} .eco_che input{-webkit-appearance:checkbox;appearance:checkbox;width: auto;margin-right: 5px;} .eco_che_box{display: flex;flex-wrap: wrap;width: 100%;} .eco_che_box label{display: flex;align-items: center;color: #aaaaaa;width: 106px;margin-bottom: 20px;} .eco_che .eco_input_t{align-items: flex-start;width: 100%;} .eco_che .eco_input_con{width: 100%;} .eco_che{margin-bottom: 0.15rem;} .eco_but{display: flex;justify-content: center;} .eco_but .eco_but_box{padding: 10px 0.38rem;background: #156BFF;border-radius: 5px;color: #fff;transition: all 0.6s;} .eco_but .eco_but_box:hover{opacity: 0.8;} @media screen and (max-width: 1200px) { .settled_step_num{width: 20px;height: 20px;} .settled_step_num span{font-size: 12px;} .eco_che_box label{margin-bottom: 10px;} .eco_input_con{width: 100%;margin-bottom: 20px;} .eco_input_box{flex-wrap: wrap;margin-bottom: 0;} } @media screen and (max-width: 991px) { .eco_textarea textarea{height: 80px;} } @media screen and (max-width: 767px) { .settled_step_box>p{width: 2em;font-size: 12px;} .settled_step_t{height: 5px;} .settled_step_b{padding: 10px 0;margin-bottom: 10px;} .settled_step_num{} .eco_input_t p{margin-right: 10px;} .eco_che_box label{width: 100px;} .eco_but .eco_but_box{padding: 5px 20px;} .settled{padding-bottom: 20px;} .eco_input{padding: 0 15px;} } .sett_box{display: flex;flex-direction: column;align-items: center;padding: 0.5rem 0 0.8rem;text-align: center;} .sett_icon{width: 0.6rem;height: 0.6rem;border-radius: 50%;display: flex;align-items: center;justify-content: center;background: #156BFF;margin-bottom: 0.25rem;} .sett_icon img{width: 40%;height: auto;} .sett_p>p{margin-bottom: 0.15rem;font-weight: bold;} .sett_p>p span{color: #156BFF;} .sett_p>span{width: 535px;display: block;font-weight: bold;} .sett_p>span a,.sett_p>span i{color: #156BFF;} @media screen and (max-width: 1200px) { .sett_icon{width: 32px;height: 32px;} } @media screen and (max-width: 991px) { } @media screen and (max-width: 767px) { .sett_icon{width: 24px;height: 24px;margin-bottom: 15px;} .sett_box{padding: 10px 1rem 20px;} .sett_p>span{width: 100%;} } .eco_but .eco_but_box2{border: 1px solid #156BFF;background: no-repeat;color: #156BFF;} .setSq_nr img{width: 0.28rem;height: auto;margin-right: 10px;} .setSq_con{width: 2.86rem;height: 120px;border-radius: 10px;background: #eff1f5;padding: 0 0.3rem;cursor: pointer;position: relative;overflow: hidden;display: flex;align-items: center;} .setSq_con>p{width: 100%;white-space: initial;flex-shrink: 1;color: #aaa;} .setSq_con>p span{color: #161b27;} .setSq_nr{position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;background: rgba(21,107,255,0.6);opacity: 0;} .setSq_nr p{color: #fff;} .setSq_box{display: flex;justify-content: space-between;} .setSq .eco_input_t{align-items: flex-start;} .setSq_con:hover .setSq_nr{opacity: 1;} .setSq_con .file{width: 100%;height: 100%;position: relative;z-index: 100;border-radius: 0;} .setSq_con_img{width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 100;} .setSq_tw{width: 65%;} .setSq_tw .setSq_con{margin-right: 0.4rem;} .setSq{margin-bottom: 0.2rem;} .eco_but_th .eco_but_box{width: 1.4rem;padding: 10px 0 ;margin: 0 10px;} @media screen and (max-width: 1200px) { .ecoCoo{max-height: 80%;overflow-y: auto;top: 10%;} .ecoCoo2{justify-content:flex-start} .setSq_con{width: 220px;} .eco_but_th .eco_but_box{width: 100px;} .setSq_nr img{width: 15px;} } @media screen and (max-width: 991px) { } @media screen and (max-width: 767px) { .setSq_box{flex-direction: column;} .setSq_con>p{margin: 0;} .setSq_con{padding: 0 15px;width: 180px;} .setSq_tw .setSq_con{margin: 0 0 20px 0;} } .eco_but_fiv{text-align: center;} .curtain6{display: none;width: 100%;height: 100vh;position: fixed;top: 0;left: 0;z-index: 1000;transition: all 0.6s;} .curtain6 .curtain_box{width: 360px;max-height: 100vh;height: auto;top: 50%;left: 50%;transform: translate(-50%,-50%);border-radius: 10px;background: #fff;} .fiv_cur{padding: 0.5rem 0.5rem;text-align: center;display: flex;flex-direction: column;justify-content: center;align-items: center;} .fiv_cur .sett_icon{background: #333;} .fiv_cur>p{line-height: 1.9;margin-bottom: 0.2rem;} .fiv_cur>p span{color: #156BFF;} .fiv_cur .eco_but .eco_but_box{width: 80px;} @media screen and (max-width: 767px) { .fiv_cur{padding: 30px 1rem;} .fiv_cur>p{margin-bottom: 10px;} .fiv_cur .eco_but .eco_but_box{padding: 5px 0;} } .joi .settled_step_box{width: 25%;} .joi_search{width: 600px;margin: 0.75rem auto 0;} .joi_search_box{display: flex;justify-content: space-between;margin-bottom: 0.3rem;padding-bottom: 0.2rem;align-items: center;border-bottom: 1px solid #e0e4ec;} .joi_search_box input{width: 100%;border: none;padding: 0;} .joi_search_box .eco_but{flex-shrink: 0;margin-left: 0.2rem;} .joi_search_jg>p{margin-bottom: 0.2rem;} .joi_search_jg>p i{color: #156BFF;margin: 0 5px;} .joi_search_jg ul{background: #eff1f5;border-radius: 3px;overflow: hidden;} .joi_search_jg ul li{display: flex;justify-content: space-between;align-items: center;margin-bottom: 0.15rem;margin: 0 0.35rem;} .joi_search_jg ul li:first-child{margin-top: 0.25rem;} .joi_search_jg ul li:last-child{margin-bottom: 0.25rem;} .joi_search_jg ul li a{flex-shrink: 0;margin-left: 0.2rem;} .joi_search_jg ul li:hover p,.joi_search_jg ul li:hover a{color: #156BFF;} .joi_search>p{color: #999;} @media screen and (max-width: 767px) { .joi .settled_step_box>p{width: 3em;} .joi_search{width: 100%;padding: 10px 1rem;} .joi_search_box{margin-bottom: 20px;padding-bottom: 20px;} .joi_search_jg>p{margin-bottom: 10px;} .joi_search_jg ul{padding: 15px 15px 5px;} .joi_search_jg ul li{margin-bottom: 10px;} } .joi_jc{padding: 0.7rem 0 0.3rem;} .joi_jc .eco_textarea .eco_input_t>p{margin-right: 0.5rem;} .joi_jc .eco_input{margin-bottom: 0.9rem;} @media screen and (max-width: 767px) { .joi_jc .eco_textarea .eco_input_t>p{margin-right: 20px;} } .eco_t_a{margin-left: 28px;} .eco_t_a p{display: flex;align-items: center;color: #fff;color: #bcd2ff;} .eco_t_a p a{padding: 0 15px;margin: 0;border: none;} .eco_nav{padding-top: 80px;display: flex;justify-content: center;align-items: center;position: initial;top:0;background: #F5F7FB;z-index: 100;padding-bottom: 0.2rem;} .eco_t_a p a:hover{background: #fff !important;color: #156bff !important;} .eco_nav a{padding: 0 0.4rem;margin: 0 0.43rem;height: 0.46rem;border-radius: 4px;display: flex;align-items: center;transition: all 0.6s;background: #fff;} .eco_nav .on,.eco_nav a:hover{background: #156BFF;color: #fff;} .eco_box .title h2 span{color: #156BFF;} .eco_jr{display: flex;justify-content: space-between;flex-wrap: wrap;margin-bottom: -40px;} .eco_jr_box{width: calc(50% - 20px);margin-bottom: 40px;background: #fff;border-radius: 8px;padding: 0 0.5rem;display: flex;justify-content: space-between;align-items: center;height: 2rem;transition: all 0.6s;} .eco_jr_box .icon_animation{flex-shrink: 0;margin-left: 0.68rem;} .eco_jr_l h3{margin-bottom: 0.2rem;transition: all 0.6s;} .eco_jr_l p{color: #666;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;height: 3em;transition: all 0.6s;} .eco_jr_box:hover .icon_animation img:first-child{top: -3px;left: 3px;} .eco_jr_box:hover .icon_animation img:last-child{top: 3px;left: -3px;} .eco_jr_box:hover{box-shadow: 0 0 30px rgba(0,0,0,0.2);background: #156bff;} .eco_jr_box:hover h3{color: #fff;} .eco_jr_box:hover p{color: #fff;} .eco_hb{display: flex;align-items: center;} .eco_hb_box{width: calc((100% - 3.5rem)/6);position: relative;margin: 0 0.7rem 0 0 ;height: 0.5rem;} .eco_hb_con{width: 100%;height: 100%;border-radius: 3px;background: #fff;display: flex;align-items: center;justify-content: center;} .eco_hb_con img{width: 0.2rem;height: auto;margin-right: 0.1rem;} .eco_hb_r{position: absolute;left: 100%;top: 0;width: 0.7rem;height: 100%;display: flex;align-items: center;justify-content: center;} .eco_hb_r img{width: 6px;height: auto;} .eco_hb_s{padding-bottom: 0.82rem;} .eco_hb_box:last-child{margin: 0;} .eco_hb_box:last-child .eco_hb_r{display: none;} .eco_lx_s{background: #fff;} .eco_lx{display: flex;justify-content: space-between;} .eco_lx_box{padding: 0.45rem 0.5rem 0;height: 2.2rem;background: #f5f7fb;border-radius: 10px;width: calc((100% - 0.8rem)/3);position: relative;overflow: hidden;} .eco_lx_box h3{margin-bottom: 0.15rem;} .eco_lx_box>p{color: #666;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;} .eco_lx_box>span{left: 0.5rem;bottom: -0.15rem;position: absolute;font-size: 0.7rem;opacity: 0.1;color: #000;line-height: 1;font-family: 'Extr';} .eco_lx *{transition: all 0.6s;} .eco_lx_box:hover{background: #156bff;} .eco_lx_box:hover *{color: #fff;} .eco_zc{padding-bottom: 1rem;} .eco_zc .weo_ld_r{box-shadow:none;border: none;padding: 0;} .eco_zc .sub_tnav a,.sub_tnav i{height: 33.33%;} .eco_zc .weo_ld_img{height: 4.8rem;padding: 0;width: 100%;border-radius: 10px;overflow: hidden;} .eco_zc .weo_ld_img img{object-fit: cover;} .eco_zc .weo_ld_l{height: 4.8rem;} @media screen and (max-width: 1200px) { .eco_nav a{height: 34px;} .eco_nav{padding-top: 70px;} .eco .title{padding-top: 50px;} .eco_jr_box{height: 130px;} .eco_hb_r img{width: 5px;} .eco_hb_box{height: 30px;} .eco_hb_con img{width: 11px;} .eco_lx_box{height: 170px;} .eco_zc .weo_ld_img,.eco_zc .weo_ld_l{height: 300px;} } @media screen and (max-width: 991px) { .eco .title p br{display: none;} } @media screen and (max-width: 767px) { .eco_nav{position: initial;padding-top: 20px;} .eco_nav{display: none;} .eco .title{padding-top: 30px;} .eco_jr_box{width: 100%;margin-bottom: 20px;padding: 0 15px;} .eco_jr{margin-bottom: 0;} .eco_hb{flex-wrap: wrap;} .eco_hb_box{width: calc((100% - 90px)/3);margin: 0 30px 20px 0;} .eco_hb_r{width: 30px;} .eco_hb_s{padding-bottom: 30px;} .eco_lx{flex-wrap: wrap;} .eco_lx_box{width: 100%;margin-bottom: 20px;padding: 15px 15px 30px;height: auto;} .eco_lx_box>span{font-size: 24px;left: 15px;bottom: -5px;} .eco_zc .weo_ld_img{height: 200px;} .eco_zc .weo_ld_l{height: auto;} .eco_zc .sub_tnav a, .sub_tnav i{height: 90px;} } @font-face{ font-family: 'Extr'; src: url(../img/Montserrat-ExtraLight-5.ttf); } .eco_news .news_con_txt>p{margin-bottom: 0;} .eco_news_search{display: flex;align-items: center;} .eco_news_search p{margin-right: 0.2rem;} .eco_news_search p span{color: #156BFF;margin: 0 4px;} @media screen and (max-width: 767px) { .eco_news_search{margin-bottom: 10px;} } .eco_show_r{background: none;padding: 0;} .eco_show_r .case_show_r_gs{background: #fff;padding-top: 0.3rem;margin-bottom: 20px;} .eco_show_r_xz_con{margin-bottom: 10px;background: #f5f7fb;height: 0.6rem;padding: 0 0.2rem;display: flex;align-items: center;justify-content: space-between;} .eco_show_r_xz_con img{width: 0.24rem;height: auto;margin-left: 10px;flex-shrink: 0;} .eco_show_r_xz_con p{overflow: hidden;white-space: nowrap;text-overflow:ellipsis;} .eco_show_r_xz_con:hover{background: #156BFF;} .eco_show_r_xz_con:hover p{color: #fff;} @media screen and (max-width: 991px) { .eco_show_r{width: 100%;} .eco_show_r_xz_con{height: 40px;padding: 0 15px;} .eco_show_r_xz_con img{width: 15px;} } @media screen and (max-width: 767px) { .eco_show_r .case_show_r_gs{padding-top: 20px;} .listShow_box_r .case_show_r_gs>h4{margin-bottom: 10px;} } .sot_select_sc .hi-input-box{margin: 0;padding: 0;background: none;width: 100%;height: 100%;align-items: center;} .sot_select_sc{display: flex;justify-content: space-between;align-items: center;padding: 0 15px;} .sot_select_sc img{width: 14px;height: auto;flex-shrink: 0;} .sot_select_sc .hi-text{color: #bdbdbd;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .sot_select_sc .hi-text{font-size: 14px;} .confirm_jb{background: #edf2fa;border-radius: 4px;border: 1px solid #cddbf5;padding:20px;position: fixed;top: 50%;left: 50%;z-index: 1000;transform: translate(-50%,-50%);display: none;} .confirm_jb_box{display: flex;align-items: center;width: 100%;height: 100%;} .confirm_jb_icon{width: 20px;height: 20px;background: #156bff;display: flex;align-items: center;justify-content: center;border-radius: 50%;margin-right: 20px;} .confirm_jb_icon img{width: 45%;height: auto;} .confirm_jb p{color: #156BFF;} /* 社区搜索结果 */ .bbs_search{display: flex;justify-content: space-between;align-items: flex-start;} .bbs_search_l{width: 28.5%;background: #fff;flex-shrink: 0;} .bbs_search_l .ityfl_search{height: 0.8rem;padding: 0 0.3rem;width: 100%;border-bottom: 1px solid #f5f7fb;} .bbs_search_l .ityfl_search form{padding: 0;} .bbs_search_l .ityfl_search input{padding: 0;} .bbs_search_l_box{padding: 0.3rem 0;} .bbs_search_l_box h2{padding-left: 0.3rem;margin-bottom: 15px;} .bbs_search_nav a{padding-left: 0.3rem;line-height: 24px;display: block;margin-bottom: 10px;position: relative;} .bbs_search_nav a::after{position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 2px;height: 0;background: #156BFF;content: '';} .bbs_search_nav a.on{color: #156BFF;} .bbs_search_nav a.on::after{height: 100%;} .bbs_search_r{width: 100%;margin-left: 40px;} .bbs_search_r .topic_box{width: calc((100% - 30px)/3);margin: 0 15px 15px 0;} .bbs_search_r .topic_box:nth-child(5n){margin-right: 15px;} .bbs_search_r .topic_box:nth-child(3n){margin-right: 0;} .postList_t_r{flex-shrink: 0;margin-left: 15px;} .bbs_search_r .postList_t_l{width: 6.6rem;} .bbs_search_r .bbs_list_box{padding-right: 2rem;position: relative;} .bbs_search_fltz{position: absolute;right: 0.75rem;top: 50%;transform: translateY(-50%);} .bbs_search_fltz p span{color: #156BFF;} .bbs_search_yh{display: flex;flex-wrap: wrap;} .bbs_search_yh_box{width: calc((100% - 30px)/3);margin: 0 15px 15px 0;background: #fff;padding: 0.3rem;border-radius: 4px;} .bbs_search_yh_box:nth-child(3n){margin-right: 0;} .bbs_search_yh_t{display: flex;justify-content: space-between;align-items: center;margin-bottom: 0.25rem;} .bbs_search_yh_m p{color: #999;overflow: hidden;white-space: nowrap;text-overflow:ellipsis;} .bbs_search_yh_m{margin-bottom: 0.5rem;} .bbs_search_yh_b{display: flex;justify-content: space-between;} .bbs_search_yh_b a{width: 1.15rem;height: 0.4rem;display: flex;align-items: center;justify-content: center;border: 2px solid #161b27;border-radius: 2px;color: #161b27;transition: all 0.6s;} .bbs_search_yh_b .a2{color: #156BFF;border-color: #156BFF;} .bbs_search_yh_b .a1:hover{background: #161b27;color: #fff;} .bbs_search_yh_b .a2:hover{background: #156BFF;color: #fff;} .bbs_search_yh .itybox_tx{margin-right: 10px;} .bbs_search_yh .itybox_con_ta>p{overflow: hidden;white-space: nowrap;text-overflow:ellipsis;width: 4em;} .pos_delete2{margin-left: 0.3rem;}.pos_delete2{margin-left: 0.3rem;} .to_qb{margin-left: 20px;} .to_qb:hover{color: #156BFF;} .syst_xl{margin-left: 0.3rem;} #cur_show:target{display: block;} .nav_login{margin-left: 0.2rem;} .nav_loginHas_tIcon{position: relative;} .nav_loginHas{margin-left: 0.2rem;display: flex;align-items: center;height: 100%;} .nav_loginHas_dow{margin-right: 10px;} .nav_loginHas_tIcon{margin: 0 0.15rem;display: flex;align-items: center;height: 100%;cursor: pointer;} .nav_loginHas_tIcon>img{width: 18px;height: auto;} .nav_loginHas_tIcon_box{position: absolute;top: calc(100% + 11px);right: -15px;width: 150px;background: #fff;border-radius: 4px;box-shadow: 0 0 20px rgba(0,0,0,0.05);padding-bottom: 10px;display: none;} .nav_loginHas_tIcon_con{width: 100%;height: 100%;display: flex;flex-direction: column;} /* .nav_loginHas_tIcon_box:after{content: '';width: 0;height: 0;border-style: solid dashed dashed;border-color: #fff transparent transparent;overflow: hidden;cursor: pointer;transition: all .2s;-webkit-transition: all .2s;position: absolute;top: 0;right: 18px;margin-top: -10px;border-width: 5px;border-top-color: #fff;-webkit-transform: rotate(-180deg)} */ .nav_loginHas_nav{padding: 0.1rem 0 0.1rem 0.25rem;display: flex;align-items: center;} .nav_loginHas_nav_img{margin-right: 10px;display: flex;align-items: center;} .nav_loginHas_nav_img img{width: 12px;height: auto;} .nav_loginHas_nav_img .na2{display: none;} .nav_loginHas_nav>p{font-size: 14px;} .nav_loginHas_nav:hover>p{color: #156BFF;} .nav_loginHas_nav:hover{background: #f4f4f4;} .nav_loginHas_nav:hover .na1{display: none;} .nav_loginHas_nav:hover .na2{display: block;} .login_ewm{display: inline-flex;align-items: center;justify-content: center;padding: 15px;border-radius: 10px;background: #fff;} .login_ewm>img{width: 300px;} .edi_gr_inp_dat .el-date-editor.el-input{width: 100%;} .edi_gr_inp_dat .el-date-editor.el-input input{background: none;border: none;padding-left: 0;} .edi_gr_inp_dat .el-date-editor.el-input .el-input__prefix{display: none;} .edi_gr_inp_dat .el-date-editor.el-input .el-input__suffix{display: none !important;} .exch_form_area .el-cascader .el-input,.exch_form_area .el-cascader{width: 100%;} .exch_form_area .el-cascader .el-input input{background: none;border: none;padding-left: 0;} .exch_form_area .el-cascader .el-input .el-input__prefix{display: none;} .exch_form_area .el-cascader .el-input .el-input__suffix{display: none !important;} .login_ewm_box{ position: absolute; top: 0; padding: 2.1rem 0.6rem 0; width: 100%; height: 100%; left: 0; background: #fff; display: flex; align-items: center; justify-content: flex-start; flex-direction: column; opacity: 0; z-index: -1; text-align: center; } .login_ewm_box>p{margin: 0.2rem 0;} .login_ewm_box.on{opacity: 1;z-index: 1;display: block !important;} .login_ewm_box .h_ys_a{margin-top: 0.4rem;} .login_ewm_box .h_ys_a .public_a{background: #161b27;padding: 0 0.78rem;} .login_ewm_p{margin-bottom: 0.78rem;display: flex;align-items: center;justify-content: center;} .login_ewm_p img{width: 28px;height: auto;margin-right: 0.2rem;} .curtain10{display: none;width: 100%;height: 100%;position: fixed;top: 0;left: 0;z-index: 10000;} .curtain10 .curtain_box{width: 450px;height: auto;top: 50%;left: 50%;transform: translate(-50%,-50%);border-radius: 10px;padding: 0.5rem;} .curtain10 .curtain_title{background: none;transform: rotate(180deg);position: absolute;right: 0.4rem;top: 0.4rem;padding: 0;cursor: pointer;display: flex;align-items: center;justify-content: center;width: 30px;height: 30px;} .curtain10 .curtain_title p{position: initial;} .curtain10 .curtain_title img{width: 10px;height: auto;} .zh_bd h2{margin-bottom: 0.25rem;} .zh_bd_input{margin-bottom: 0.2rem;height: 50px;display: flex;justify-content: space-between;} .zh_bd_input input{width: 100%;height: 100%;border: none;border-radius: 4px;padding-left: 0.2rem;background: #f5f5f5;} .zh_bd_input .zh_bd_yz,.zh_bd_input .zh_bd_yz2{width: 140px;color: #156BFF;border-radius: 4px;height: 100%;display: flex;align-items: center;justify-content: center;margin-left: 0.2rem;flex-shrink: 0;border: 1px solid #156BFF;} .zh_but button{width: calc(50% - 10px);height: 50px;color: #fff;transition: all 0.6s;border-radius: 4px;} .zh_but{display: flex;justify-content: space-between;} .zh_but button:first-child{background: #156BFF;} .zh_but button:last-child{background: #161b27;} .zh_but button:hover{opacity: 0.8;} .edi_bd_box .edi_bd_box_r2{display: none;} .edi_bd_box .img2{display: none;} .edi_bd_box.on .edi_bd_box_r2{display: none;} .edi_bd_box.on .img1{display: none;} .edi_bd_box.on .img2{display: block;} .edi_bd_box.on .edi_bd_box_r1{display: none;} .edi_bd_box.on .edi_bd_box_r2{display: block;} .zh_wx p{color: #156bff;margin: 10px 0;text-align: center;} .yd_icon{display: flex;align-items: center;margin-left: 30px;} .yd_icon img{width: 16px;height: auto;margin-right: 10px;} .yd_icon .img2{display: none;} .yd_icon:hover .img1,.yd_icon.on .img1{display: none;} .yd_icon:hover .img2,.yd_icon.on .img2{display: block;} .yd_icon:hover p,.yd_icon.on p{color: #156BFF;} .curtain11{display: none;width: 100%;height: 100%;position: fixed;top: 0;left: 0;z-index: 10000;} .curtain11 .curtain_box{width: 360px;height: auto;top: 50%;left: 50%;transform: translate(-50%,-50%);border-radius: 10px;padding: 0.56rem 0 0.5rem;} .dlqr a{width: calc(50% - 10px);height: 40px;color: #fff;transition: all 0.6s;border-radius: 4px;display: flex;align-items: center;justify-content: center;} .dlqr{display: flex;justify-content: space-between;} .dlqr a:first-child{background: #156BFF;} .dlqr a:last-child{background: #161b27;} .dlqr a:hover{opacity: 0.8;} .dlqr{width: 180px;margin: auto;} .curtain11 .curtain_box>p{text-align: center;margin-bottom: 0.36rem;} .aut{width: 100%;padding-top: 9.5rem;display: flex;flex-direction: column;align-items: center;} .aut p{font-size: 20px;margin-top: 0.9rem;text-align: center;} .aut img{width: 8rem;height: 8rem;object-fit: contain;} .login>img{position: absolute;top: 0.48rem;left: 0.6rem;width: 1.46rem;height: auto;display: block !important;} .curtain2 .curtain_title p{top: 0.26rem;} .login_ewm canvas{width: 230px;height: 230px;} .wechatMsg{margin-top: 20px;color: #f50000;} #wxBox{text-align: center;} /* 生态合作登录 */ .ecoCoo_navLogin{background: #fff;} .ecoCoo_navLogin_p{line-height: 1;margin-left: 0.9rem;padding-left: 0.5rem;border-left: 2px solid #666;} .ecoCoo_login{padding: 1.4rem 0;background: #f5f7fb;} .ecoCoo_login_box{position: initial;padding: 0;width: 480px;margin: auto;padding: 0.6rem;background: #fff;} .ecoCoo_login .login_wx_box{background: #eff1f6;} .ecoCoo_login .login_wx_p p{background: #fff;} .ecoCoo_nav_p{color: #fff;line-height: 15px;border-left: 2px solid #cfd8e8;margin-left: 0.9rem;padding-left: 0.5rem;} .ecoCoo_nav_fh{margin-left: 0.42rem;height: 0.42rem;width: 1.2rem;display: inline-flex;align-items: center;background: #156bff;border-radius: 5px;justify-content: center;} .ecoCoo_nav_r .nav_ra{padding: 0;} .ecoCoo_nav_r_icon .img2{display: none;} .ecoCoo_nav_r_icon img{width: 20px;height: auto;margin: 0 0.2rem 0 0.4rem;} .ecoCoo_nav_r .nav{margin-right: 1.75rem;} .nav_on .ecoCoo_nav_p{color: #333;} .nav_on .ecoCoo_nav_fh{color: #fff;} .nav_on .ecoCoo_nav_r_icon .img1{display: none;} .nav_on .ecoCoo_nav_r_icon .img2{display: block;} .pro_nav2_deg .nenav_con_con{flex-wrap: wrap;} .pro_nav2_deg .nenav_nr{width: calc(100%/4);} .pro_nav2_deg .nenav_con_con{display: flex;} .pro_nav2_deg .nenav_con{flex-wrap: wrap;} .nenav_con_box_p{padding-left: 0.22rem;position: relative;} .nenav_con_box_p > p{font-size: 14px;font-weight: normal;color: #999;line-height: 1;padding: .1rem .2rem;display: inline-block;border: 1px solid #eee;border-radius: 5px;transition: .3s all ease} .nenav_con_box:hover .nenav_con_box_p > p{border-color: #161b27;color: #161b27;border-radius:0.3rem} /* .pro_nav2_deg2 .nenav_box_nav{display: none} */ .nenav_con_con{display: flex;flex-wrap: wrap;} .pro_nav2_deg2 .pro_nav2 .nenav_nr{width: auto;} .pro_nav2_deg2 .nenav_con_con{display: block;flex-wrap: initial;} .pro_nav2_deg2 .nenav_nr{width: auto;} .pro_nav2_deg2 .nenav_con_box{width: 25%;} .show_nav .ecoCoo_nav_p{color: #333;} .show_nav .ecoCoo_nav_fh{color: #f7faff;} .show_nav .ecoCoo_nav_r_icon .img1{display: none;} .show_nav .ecoCoo_nav_r_icon .img2{display: block;} /* 生态合作个人信息 */ .ecoCoo_users_con{padding: 1rem 1.1rem 0.85rem;width: 9.6rem;background: #fff;border-radius: 20px;margin: auto;} .ecoCoo_users{background: #f5f7fb;padding: 1.4rem 0 1rem;} .ecoCoo_users_box h2{text-align: center;font-size: 0.5rem;margin-bottom: 0.6rem;line-height: 1;font-weight: 400;} .ecoCoo_users_nr{display: flex;align-items: center;height: 40px;margin-bottom: 0.26rem;} .ecoCoo_users_l{display: flex;align-items: center;} .ecoCoo_users_l .useL{width: 3.7rem;position: relative;} .ecoCoo_users_l .useL p{color: #666;} .ecoCoo_users_r{width: calc(100% - 3.7rem);display: flex;justify-content: space-between;} .ecoCoo_users_r label{display: flex;justify-content: space-between;width: 100%;} .edi_gr_tx_box{width: 40px;height: 40px;border-radius: 50%;} .edi_gr_tx_box .file{width: 100%;height: 100%;} .ecoCoo_users_r_a{display: flex;align-items: center;} .ecoCoo_users_r_a a{width: 4em;color: #156BFF;width: 4em;} .ecoCoo_users_r .useR{width: auto;} .ecoCoo_users_r .useR input{border: none;padding: 0;color: #999;width: 100%;} .ecoCoo_users_r.on .useR input{cursor: initial;color: #333;} .ecoCoo_users_nr2{height: auto;padding-top: 10px;align-items: flex-start;} .ecoCoo_users_nr2 .useL span{font-size: 12px;color: #ccc;margin-top: 0.12rem;display: inline-block;} .ecoCoo_users_out{margin-top: 0.46rem;text-align: center;} @media screen and (max-width: 971px) { .ecoCoo_users_con{width: 100%;} .ecoCoo_users_l .useL{width: 4.5rem;} .ecoCoo_users_box h2{font-size: 24px;margin-bottom: 25px;} .ecoCoo_users{padding: 50px 0;} .ecoCoo_users_nr2 .ecoCoo_users_l .useL{width: 10rem;} .ecoCoo_users_nr2 .ecoCoo_users_r{width: calc(100% - 10rem);} } @media screen and (max-width: 767px) { } /* 入驻申请 */ .ecoSet_h2 span{font-size: 0.5rem;opacity: 0.3;line-height: 1;} .ecoSet_h2 h2{font-size: 0.5rem;font-weight: 400;line-height: 1.3;} .ecoSet_h2{text-align: center;margin-bottom: 0.6rem;} .ecoSet{padding: 1.4rem 0 1rem;background: #f5f7fb;} .ecoSet_con{background: #fff;width: 100%;border-radius: 20px;padding: 0.66rem 0.5rem 0.5rem;} .ecoSet_title_box{display: flex;align-items: center;justify-content: space-between;} .ecoSet_title{border-bottom: 1px solid #e0e4ec;padding-bottom: 0.2rem;margin-bottom: 0.35rem;} .ecoSet_title_box_r{display: flex;align-items: center;} .ecoSet_title_box_r>a{color: #fff;align-items: center;display: flex;background: #156BFF;margin-left: 0.2rem;} .ecoSet_title_box_r .public_tc{background: none;color: #156BFF;} .ecoSet_title_box p span{color: #156BFF;} .ecoSet_tab{margin-bottom: 0.5rem;} .ecoSet_tab h3{margin-bottom: 0.25rem;} .ecoSet_tab_box{border: 1px solid #e0e4ec;} .ecoSet_tab_title{border-bottom: 1px solid #e0e4ec;display: flex;} .ecoSet_tab_con{border-right: 1px solid #e0e4ec;width: 20%;padding: 0.24rem 0.3rem;display: flex;flex-direction: column;justify-content: center;} .ecoSet_tab_con:last-child{border: 0;} .ecoSet_tab_title .ecoSet_tab_con p{color: #999;} .ecoSet_tab_hz{display: flex;border-bottom: 1px solid #e0e4ec;} .ecoSet_tab_hz:last-child{border: 0;} .ecoSet_tab_rad input{-webkit-appearance:button;margin-right: 0.1rem;} .ecoSet_tab_rad{display: flex;align-items: center;} .ecoSet_tab_rad label{display: flex;align-items: center;} .ecoSet_tab_rad label:first-child{margin-right: 0.48rem;} .ecoSet_tab_box2{width: 80%;} .ecoSet_tab_box2 .ecoSet_tab_con{width: 25%;} .ecoSet_tab_del{display: flex;align-items: center;} .ecoSet_tab_del_icon{width: 14px;height: 14px;border-radius: 50%;background: #156BFF;display: flex;align-items: center;justify-content: center;margin-right: 10px;} .ecoSet_tab_del_icon img{width: 6px;height: 6px;} .traRec{display: flex;flex-wrap: wrap;} @media screen and (max-width: 1260px) { .ecoSet_tab_rad label:first-child{margin-right: 0.2rem;} } @media screen and (max-width: 971px) { .ecoSet_tab_rad{flex-direction: column;align-items: flex-start;} .ecoCoo_nav_fh{width: 80px;height: 32px;} } @media screen and (max-width: 767px) { .ecoSet{padding: 50px 0;} .ecoSet_h2{margin-bottom: 30px;} .ecoSet_h2 span{font-size: 24px;} .ecoSet_h2 h2{font-size: 24px;} .ecoSet_con{border-radius: 4px;padding: 15px;} .ecoSet_title{padding-bottom: 20px;margin-bottom: 20px;} .ecoSet_tab_title,.ecoSet_tab_nr{width: 1000px;} .ecoSet_tab_box2 .ecoSet_tab_title,.ecoSet_tab_box2 .ecoSet_tab_nr{width: 800px;} .ecoSet_tab_con{padding: 10px 20px;} .ecoSet_tab_box{width: 100%;overflow-x: auto;} .ecoSet_tab_rad{flex-direction: row;} .ecoSet_tab_rad label:first-child{margin-right: 15px;} .ecoSet_tab h3{margin-bottom: 10px;font-size: 16px;} .ecoSet_tab{margin-bottom: 30px;} .traRec{justify-content: space-between;} } .show_l_box ul,.show_l_box ol{padding-left: 20px;} .show_l_box ul li,.show_l_box ol li{list-style: initial;} #isSettledWechatBox{display: flex;justify-content: center;margin-top: 0.3rem;} .sub_banner_imghz{position: relative;} .sub_banner_imghz::after{position: absolute;width: 100%;height: 100%;background: rgba(0,0,0,0.2);top: 0;left: 0;content: '';} .eco_a p{margin-bottom: 0.3rem;color: #fff;} .eco_a{background: #156bff;} .login_zc>h2{text-align: center;} .eco_co{height: auto;padding: 0 0 0.5rem;} .ecoCoo_nav_r .nav>ul>li{margin: 0 0.2rem;height: 0.42rem;border-radius: 5px;transition: all 0.6s;} .ecoCoo_nav_r .nav>ul>li>a>p{transition: all 0.6s;} .ecoCoo_nav_r .nav>ul>li.on{background: #156bff;} .ecoCoo_nav_r .nav>ul>li.on p{color: #fff !important;} .ecoCoo_nav_r .nav>ul>li>a>p::after{display: none !important;} .ecoCoo_nav_r .nav>ul>li:hover>a p{color: #fff !important;} .ecoCoo_nav_r .nav>ul>li:hover{background: #156bff;} .case_show_video{display: flex;flex-wrap: wrap;justify-content: space-between;} .case_show_video_box{width: calc(50% - 0.08rem);margin-bottom: 0.16rem;} .case_show_video_box a{width: 100%;height: 1.15rem;display: block;margin-bottom: 0.1rem;} .case_show_video_box a video{width: 100%;height: 100%;object-fit: cover;} .case_show_video_box p{color: #666;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;text-align: center;} .listShow_box_r{position: initial;} .case_show_video_box:hover p{color: #156bff;} .weo_ld .sub_tnav i{height: calc(100%/7);left: auto;right: 0;} .weo_ld .sub_tnav a{padding: 0 0.2rem;height: calc(1.5rem + 10px);} .weo_ld .sub_tnav::after{} .weo_ld .sub_tnav{direction:rtl;} .weo_ld .sub_tnav_box{text-align: left;direction: initial;} .weo_ld .sub_tnav::-webkit-scrollbar{ width:2px; } .weo_ld .weo_ld .sub_tnav::-webkit-scrollbar-track{ background: #ddd; border-radius:2px; } .weo_ld .sub_tnav::-webkit-scrollbar-thumb{ background: #156bff; border-radius:25px; } .weo_ld .sub_tnav::-webkit-scrollbar-corner{ background: #156bff; } @media screen and (max-width: 767px) { .weo_ld .sub_tnav a{height: 90px;padding: 0 20px 0 0;} .weo_ld .sub_tnav{padding: 0;} } .weo_cj_imgswi .weo_cj_imgpag{bottom: 12px;} .weo_cj_imgswi{padding-bottom: 20px;} .weo_cj_imgswi .swiper-slide img{height: 4.6rem;} .weo_cj_imgswi .swiper-pagination-bullet{width: 12px;height: 12px;margin: 0 6px;} @media screen and (max-width: 1260px) { .weo_cj_imgswi .swiper-slide img{height: 6.5rem;} .weo_cj .weo_cj_img img{object-fit: contain;} } @media screen and (max-width: 971px) { .weo_cj_imgswi .swiper-slide img{height: 10rem;} } @media screen and (max-width: 767px) { .weo_cj_imgswi .swiper-slide img{height: 14rem;} .weo_cjb2 .weo_cj_img{margin-bottom: 20px;height: auto;} .weo_cj_imgswi .swiper-pagination-bullet{width: 8px;height: 8px;margin: 0 6px;} } .video_swi .news_con_txt>p{color: #999;} .subswi22 .title h2{color: #333;} .subswi22 .title p{color: #333;} .subswi22 .vteam_p p{color: #333;} .vTest_vteam22{padding-bottom: 0.5rem;} .vPack_jh22{background: #156bff;} .vPack_jh22 .title h2{color: #fff;} .vPack_jh22 .title p{color: #fff;} .vPack_jh22 .subpb_box{background: #fff;} .vPack_jh22 .subpb_box:hover{background: #156bff;} .vTest_vteam22 .subswi_txt{background: #e8eaf1;} .subswi{background: #f5f7fb;} /* 产品修改 */ .sub_banner_newspro .crumbs{position: absolute;top: 0;left: 0;} .sub_banner_newspro .crumbs .crumbs_box.on a{color: #fff;} .h_b_txt_r{max-width: calc(50% - 0.38rem);width: 6rem;margin-right: 0.38rem;} .h_b_txt_r img{object-fit: contain;} .npro_t{display: flex;} .npro_t_video{background: #4c5979;border-radius: 0.05rem;height: 0.46rem;padding: 0 0.1rem;display: flex;align-items: center;margin-left: 0.1rem;flex-shrink: 0;margin-top: 0.15rem;} .npro_t_video_on{width: 0.3rem;height: 0.3rem;border: 2px solid #fff;border-radius: 50%;display: flex;align-items: center;justify-content: center;} .npro_t_video>span{color: #fff;margin-left: 0.1rem;} .sub_banner_newspro .h_b_txt_p p:not(:first-child){width: 100%;} .npro_t_video_on svg{width: 20%;height: auto;} .npro_t_video_on svg path{fill: #fff;} .sub_banner_newspro .public_a{border: none;} .sub_banner_newspro .public_a:hover{opacity: 1;} .npro_anchor{position: sticky;top: 70px;height: 0.8rem;box-shadow: 0 5px 5px rgba(0,0,0,0.05);background: #fff;z-index: 100;} @media screen and (max-width: 1440px) { .npro_anchor{top: 60px;} } .npro_anchor_box{overflow: auto;display: flex;align-items: center;height: 100%;} .npro_anchor_box a{white-space: nowrap;height: 100%;display: inline-flex;align-items: center;position: relative;margin-right: 0.58rem;} .npro_anchor_box a::after{content: '';position: absolute;bottom: 0;left: 0%;background: transparent;width: 100%;height: 2px;} .npro_anchor_box a.on{color: #156bff;} .npro_anchor_box a.on::after{background: #156bff;} .npro_box{padding: 1rem 0;} .npro_jg_box{padding: 0.3rem 0.2rem;background: #fff;box-shadow: 0 0 15px rgba(0,0,0,0.1);} .npro_h2{margin-bottom: 0.4rem;text-align: center;} .npro_h2 h2{font-size: 0.3rem;line-height: 1;font-weight: 400;} .npro_jg_l{width: 66.17%;} .npro_jg_l .swiper-container{height: 100%;} .npro_jg_l_img{height: 100%;} .npro_jg_l_img img{object-fit: contain;} .npro_jg_l>img{object-fit: contain;} .npro_jg_box{display: flex;justify-content: space-between;height: 7.42rem;} .npro_jg_r{width: 27.94%;padding: 0.36rem 0.28rem 0.36rem 0;overflow: auto;} .npro_jg_r_box{margin-bottom: 0.35rem;} .npro_jg_r_box h3{margin-bottom: 0.15rem;} .npro_jg_r_box p{color: #666;font-size: 14px;line-height: 1.7;} .npro_gn{background: #f5f7fb;} .npro_gn_box{justify-content: space-between;display: flex;} .npro_gn_l{width: calc(32.85% + 15px);} .npro_gn_r{width: 64.28%;border: 0.1rem solid #e9eaec;background: #fff;} .npro_gn_r img{object-fit: contain;} .npro_gn_txt a{height: 1rem;background: #fff;border-radius: 5px;padding: 0 0.34rem;display: flex;flex-direction: column;justify-content: center;margin-bottom: 0.1rem;position: relative;width: calc(100% - 15px);} .npro_gn_txt a>i{width: 0;height: 0;border-style: solid dashed dashed;border-color: #fff transparent transparent;overflow: hidden;cursor: pointer;transition: all .2s;-webkit-transition: all .2s;position: absolute;top: 0.4rem;right: -20px;border-width: 10px;border-top-color: #156bff;-webkit-transform: rotate(-90deg);display: none;} .npro_gn_p{display: none;} .npro_gn_h3{display: flex;justify-content: space-between;align-items: center;} .npro_gn_h3 h3{font-weight: 400;} .npro_gn_h3 img{width: 8px;height: auto;} .npro_gn_p_box{margin-top: 0.14rem;height: 1rem;overflow: auto;opacity: 0.7;} .npro_gn_p_box *{color: #fff;font-size: 14px;} /* .npro_gn_p_box p::after{content: '';position: absolute;left: 0;top: 0.07rem;width: 5px;height: 5px;background: #b9d3ff;border-radius: 50%;} */ .npro_gn_txt a.on{background: #156bff;height: 2rem;} .npro_gn_txt a.on .npro_gn_h3 h3{color: #fff;} .npro_gn_txt a.on .npro_gn_h3 img{display: none;} .npro_gn_txt a.on .npro_gn_p{display: block;} .npro_gn_txt a.on>i{display: block;} .npro_gn_p_box::-webkit-scrollbar{ width:3px; } .npro_gn_p_box::-webkit-scrollbar-track{ background: rgba(255,255,255,0.2); border-radius:2px; } .npro_gn_p_box::-webkit-scrollbar-thumb{ background: #fff; border-radius:25px; } .npro_gn_p_box::-webkit-scrollbar-corner{ background: #fff; } .npro_gn_qh{display: flex;justify-content: space-between;align-items: center;width: calc(100% - 15px);} .npro_gn_qh a{height: 0.5rem;width: calc(50% - 0.05rem);display: flex;align-items: center;justify-content: center;background: #fafbfd;border-radius: 5px;} .npro_gn_qh .bot{transform: rotate(180deg);} .npro_gn_qh a svg{width: 0.16rem;height: auto;opacity: 0.5;} .npro_gn_qh a path{fill: #999;} .npro_gn_qh a:hover{background: #fff;} .npro_gn_qh a:hover svg{opacity: 1;} .npro_gn_qh a:hover path{fill: #156bff;} .npro_gn_txt::-webkit-scrollbar{ width: 0 !important } .npro_gn_txt{width: 100%;height: 5.4rem;overflow-y: scroll;} .npro_tx .subpb_box{background: #f5f7fb;height: 2.4rem;} .npro_cj_nav{display: inline-flex;align-items: center;justify-content: center;border: 1px solid #e3e3e4;margin-bottom: 0.4rem;} .npro_cj_box{text-align: center;} .npro_cj{background: #f5f7fb;} .npro_cj_nav a{min-width: 2rem;padding: 0 0.15rem;background: #fff;height: 0.54rem;display: flex;align-items: center;justify-content: center;border-right: 1px solid #e3e3e4;color: #999;position: relative;transition: all 0.3s;} .npro_cj_nav a:last-child{border: none;} .npro_cj_nav a::after{content: '';position: absolute;width: 100%;height: 2px;background: transparent;top: -1px;left: 0;} .npro_cj_nav a.on{color: #156bff;} .npro_cj_nav a.on::after{background: #156bff;} .npro_cj_hz{position: relative;} .npro_cj_con{display: flex;justify-content: space-between;background: #fff;height: 6rem;} .npro_cj_con_l{width: 56.07%;height: 100%;} .npro_cj_con_l img{object-fit: contain;} .npro_cj_con_r{width: 43.93%;height: 100%;padding: 0 0.8rem 0 0.6rem;display: flex;flex-direction: column;justify-content: center;align-items: flex-start;} .npro_cj_tit h3{margin-bottom: 0.14rem;} .npro_cj_tit{padding-bottom: 0.28rem;border-bottom: 1px solid #ddd;margin-bottom: 0.3rem;} .npro_cj_p{margin-bottom: 0.55rem;} .npro_cj_p p{line-height: 1.7;color: #666;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 7;} .npro_dt_con{position: relative;} .npro_dt_date{border-bottom: 2px solid #ddd;padding: 0 0 0.15rem 0.3rem;position: relative;margin-bottom: 0.18rem;} .npro_dt_date i{position: absolute;width: 0.14rem;height: 0.14rem;background: #999999;border-radius: 50%;left: 0.3rem;bottom: -0.07rem;display: flex;align-items: center;justify-content: center;transition: all 0.3s;} .npro_dt_date i::after{content: '';border-radius: 50%;width: 0.04rem;height: 0.04rem;background: #fff;} .npro_dt_txt{padding: 0 0.06rem;} .npro_dt_swi{padding: 0 0.3rem 1rem;width: calc(100% + 0.6rem);margin-left: -0.3rem;} .npro_dt_txt_box{padding: 0.2rem 0.24rem 0.35rem;border-radius: 0.05rem;transition: all 0.3s;position: relative;} .npro_dt_txt_box h3{margin-bottom: 0.14rem;overflow: hidden;white-space: nowrap;text-overflow:ellipsis;} .npro_dt_txt_box p{color: #666;line-height: 1.7;margin-bottom: 0.28rem;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;height: 5.1em;} .npro_dt_txt_box span{color: #156bff;} .npro_dt_txt_box::after{content: '';width: 0;height: 0;border-style: solid dashed dashed;border-color: #fff transparent transparent;overflow: hidden;cursor: pointer;transition: all .2s;-webkit-transition: all .2s;position: absolute;bottom: 100%;left: 0.24rem;margin-top: -0.07rem;border-width: 0.07rem;border-top-color: transparent;-webkit-transform: rotate(-180deg)} .npro_dt_nr:hover .npro_dt_txt_box{box-shadow: 0 0 0.2rem rgba(0,0,0,0.1);} .npro_dt_nr:hover .npro_dt_date i{background: #156bff;} .npro_dt_nr:hover .npro_dt_date i::after{background: #156bff;} .npro_dt_nr:hover .npro_dt_txt_box::after{border-top-color: #fff;} .npro_dt_con .dev_prev{top: 0.44rem;left: -1rem;} .npro_dt_con .dev_next{top: 0.44rem;right: -1rem;} .npro_dt{padding-bottom: 0;} .npro_ys{background: #f5f7fb;} .npro_ys_nr{background: #fff;box-shadow: 0 0 0.15rem rgba(0,0,0,0.1);display: flex;justify-content: space-between;height: 3.8rem;margin-bottom: 0.2rem;} .npro_ys_l{width: 50%;padding: 0 1.3rem 0 0.9rem;display: flex;flex-direction: column;justify-content: center;} .npro_ys_l h3{font-weight: 400;margin-bottom: 0.2rem;overflow: hidden;white-space: nowrap;text-overflow:ellipsis;} .npro_ys_l p{color: #666;line-height: 1.7;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 6;} .npro_ys_r{width: 50%;} .npro_ys_r img{object-fit: contain;} .npro_ys_nr:nth-child(2n){flex-direction: row-reverse;} .npro_al_box{position: relative;} .npro_al_swi{padding: 0.2rem 0.15rem;width: calc(100% + 0.3rem);margin-left: -0.15rem;margin-top: -0.2rem;} .npro_al_nr{box-shadow: 0 0 0.12rem rgba(0,0,0,0.05);display: block;transition: all 0.3s;overflow: hidden;} .npro_al_img{width: 100%;height: 2.6rem;transition: all 0.3s;} .npro_al_txt{padding: 0.34rem 0.3rem 0.3rem;} .npro_al_txt_box{margin-bottom: 0;} .npro_al_txt_a{height: 0;overflow: hidden;transition: all 0.3s;display: flex;align-items: flex-end;} .npro_al_txt h3{margin-bottom: 0.1rem;overflow: hidden;white-space: nowrap;text-overflow:ellipsis;} .npro_al_txt p{color: #666;line-height: 1.7;height: 3.4em;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;} .npro_al_nr:hover{border-radius: 0.05rem;} .npro_al_nr:hover .npro_al_img{height: 2rem;} .npro_al_nr:hover .npro_al_txt_a{height: 0.6rem;} .npro_zl{background: #f5f7fb;} .npro_zl_box{display: flex;justify-content: space-between;} .npro_zl_con{width: calc(50% - 0.2rem);background: #fff;padding: 0.32rem 0.4rem 0.4rem;border-radius: 0.05rem;} .npro_zl_tit{display: flex;justify-content: space-between;align-items: center;padding-bottom: 0.19rem;margin-bottom: 0.35rem;border-bottom: 1px solid #ddd;} .npro_zl_tit h3{border-left: 2px solid #156bff;line-height: 1.1;padding-left: 8px;} .npro_zl_tit a{color: #156bff;} .npro_zl_txt_box{margin-bottom: 0.12rem;display: flex;justify-content: space-between;align-items: center;height: 0.3rem;} .npro_zl_txt_box h4{padding-left: 0.24rem;position: relative;color: #333;width: 100%;overflow: hidden;white-space: nowrap;text-overflow:ellipsis;font-weight: 400;font-size: 14px;} .npro_zl_txt_box h4::after{content: '';position: absolute;width: 0.05rem;height: 0.05rem;border-radius: 50%;background: #666666;left: 0.06rem;top: 50%;transform: translateY(-50%);} .npro_zl_txt_r{margin-left: 0.4rem;flex-shrink: 0;} .npro_zl_txt_r p{color: #156bff;border: 1px solid #156bff;line-height: 0.28rem;width: 0.74rem;text-align: center;border-radius: 3px;} .npro_zl_txt_box:hover h4{color: #156BFF;} .npro_zl_txt_box:hover .npro_zl_txt_r span{color: #156BFF;} .npro_zl_txt_box:hover h4::after{background: #156BFF;} .npro_zl_txt_box:hover .npro_zl_txt_r p{color: #fff;background: #156BFF;} .npro_zl_txt_r span{color: #999;padding-right: 0.14rem;} .npro_oth_box{display: flex;justify-content: space-between;} .npro_oth_nr{width: calc((100% - 0.4rem)/3);border-radius: 0.05rem;overflow: hidden;height: 2.6rem;position: relative;} .npro_oth_img{width: 100%;height: 100%;} .npro_oth_txt{position: absolute;width: 100%;height: 100%;top: 0;left: 0;padding-left: 0.2rem;display: flex;flex-direction: column;justify-content: center;transition: all 0.3s;} .npro_oth_txt_box h3{color: #fff;margin-bottom: 0.12rem;font-weight: 400;} .npro_oth_txt_box p{color: rgba(255,255,255,0.7);line-height: 1.7;} .npro_oth_txt_a{height: 0;overflow: hidden;transition: all 0.3s;display: flex;align-items: flex-end;} .npro_oth_nr:hover .npro_oth_txt{background: rgba(0,0,0,0.5);} .npro_oth_nr:hover .npro_oth_txt_a{height: 0.72rem;} .npro_b{position: relative;height: 3rem;} .npro_b_bj{width: 100%;height: 100%;} .npro_b_txt{position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: flex;flex-direction: column;justify-content: center;align-items: center;} .npro_b_txt h2{color: #fff;font-weight: 400;margin-bottom: 0.25rem;} .npro_b_txt .public_a5{height: 0.6rem;padding: 0 0.62rem;} .npro_gn_txt_a_img{display: none;} @media screen and (max-width: 1580px) { .npro_gn_p_box{height: 1.2rem;} .npro_tx .subpb_box{height: 2.7rem;} } @media screen and (max-width: 1260px) { .npro_jg_r{width: 32%;} .npro_gn_txt{height: 8.4rem;} .npro_gn_txt a.on{height: 3.2rem;} .npro_gn_p_box{height: 1.8rem;} .npro_gn_p_box p{font-size: 12px;} .npro_tx .subpb_box{height: 3.2rem;} .npro_cj_nav a{height: 0.8rem;} .npro_cj_con{height: 8rem;} } @media screen and (max-width: 1200px) { .npro_dt_con .dev_prev{top: 30px;} .npro_dt_con .dev_next{top: 30px;} .npro_dt_date i{width: 10px;height: 10px;bottom: -5px;} .npro_dt_date i::after{width: 3px;height: 3px;} .npro_al_nr:hover .npro_al_txt_a{height: 50px;} .npro_al_img{height: 150px;} .npro_al_nr:hover .npro_al_img{height: 100px;} .npro_zl_txt_box{height: 24px;} .npro_oth_nr{height: 180px;} .npro_oth_nr:hover .npro_oth_txt_a{height: 50px;} .npro_b_txt .public_a5{height: 36px;} .npro_h2 h2{font-size: 20px;} .npro_h2{margin-bottom: 25px;} .npro_t_video{height: 36px;padding: 0 8px;} .npro_t_video_on{height: 20px;width: 20px;} } @media screen and (max-width: 991px) { .npro_anchor{height: 60px;} .npro_anchor_box a{margin-right: 10px;} .npro_cj_con{height: 10rem;} .npro_ys_nr{height: 5rem;} .npro_zl_txt_box{height: 30px;} .npro_zl_txt_r p{width: 40px;line-height: 26px;} .npro_oth_txt_box p br{display: none;} .npro_oth_txt{padding: 0 15px;} .npro_b{height: 160px;} } @media screen and (max-width: 767px) { .sub_banner_newspro{height: 500px;} .sub_banner_newspro .sub_banner_img img{height: 500px;} .sub_banner_newspro .h_b_txt{flex-direction: column-reverse;justify-content: center;align-items: center;padding-top: 50px;} .h_b_txt_r{width: 60%;max-width: 60%;margin: 0 0 20px;} .npro_t{flex-direction: column;align-items: flex-start;margin-bottom: 15px;} .npro_t_video{padding: 0 15px;} .npro_t_video>span{margin-left: 8px;} .sub_banner_newspro .public_a{padding: 0 20px;} .npro_anchor_box{overflow: initial;flex-wrap: wrap;height: auto;} .npro_anchor{height: auto;padding: 20px 0 10px} .npro_anchor_box a{margin-bottom: 10px;} .npro_box{padding: 40px 0;} .npro_jg_box{height: auto;flex-direction: column;padding: 10px 5%;} .npro_jg_l{width: 100%;margin-bottom: 20px;} .npro_jg_r{width: 100%;} .npro_gn_box{flex-direction: column;} .npro_gn_l{width: 100%;} .npro_gn_r{width: 100%;} .npro_gn_txt a>i{display: none !important;} .npro_gn_txt{height: auto;} .npro_gn_txt a{height: auto;padding: 10px 20px;margin: 0 0 20px !important;width: 100%;} .npro_gn_qh{display: none;} .npro_gn_txt a.on{height: auto;} .npro_gn_p_box{height: auto;} .npro_gn_r{display: none;} .npro_gn_txt_a_img{display: block;} .npro_gn_p{display: block !important;} .npro_gn_txt a{background: #156bff;height: auto;} .npro_gn_txt a .npro_gn_h3 h3{color: #fff;font-size: 16px;} .npro_gn_txt a .npro_gn_h3 img{display: none;} .npro_gn_txt a .npro_gn_p{display: block;} .npro_gn_txt a>i{display: block;} .npro_gn_txt_a_img{margin-top: 15px;} .npro_gn_txt_a_img img{object-fit: contain;} .npro_tx .subpb_box{width: 100%;height: auto;padding: 30px 10px;} .npro_cj_nav a{height: 50px;font-size: 12px;} .npro_cj_con{flex-direction: column;height: auto;align-items: center;} .npro_cj_nav{margin-bottom: 20px;} .npro_cj_con_l{width: 80%;} .npro_cj_con_r{width: 100%;padding: 20px 10px;} .npro_dt_date{padding-bottom: 10px;margin-bottom: 15px;} .npro_dt_txt_box{padding: 15px;} .npro_dt_txt_box h3{font-size: 16px;} .npro_ys_nr{height: auto;flex-direction: column-reverse !important;margin-bottom: 20px;} .npro_ys_l{width: 100%;padding: 20px;} .npro_ys_r{width: 100%;margin-bottom: 10px;} .npro_al_nr:hover .npro_al_img{height: 150px;} .npro_al_txt_a{height: 50px !important;} .npro_al_txt{padding: 15px;} .npro_zl_box{flex-direction: column;} .npro_zl_con{width: 100%;margin-bottom: 20px;padding: 15px;} .npro_zl_tit{padding-bottom: 10px;margin-bottom: 15px;} .npro_zl_txt_box{margin-bottom: 8px;} .npro_oth_box{flex-wrap: wrap;} .npro_oth_nr{width: 100%;margin-bottom: 20px;} .npro_oth_nr .npro_oth_txt{background: rgba(0,0,0,0.5);} .npro_oth_nr .npro_oth_txt_a{height: 50px;} .npro_b_txt h2{margin-bottom: 15px;} .npro_b_txt .public_a5{padding: 0 15px;} .subpb_box p{height: auto;} } /* 产品导航修改 */ .pro_nav2_new .nenav{ max-height: 77vh !important;} .pro_nav2_new{padding: 0;} .npro_nav{padding: 0.6rem 0 0.4rem;background: url(../img/npro_nav_bj.png) no-repeat;background-position: top;background-size: 100% 96px;} .npro_nav_l{width: 25%;} .npro_nav .npro_nav_box{display: flex;align-items: flex-start;} .npro_nav_r{width: 75%;display: flex;flex-wrap: wrap;} .npro_nav_l_box{width: 2.58rem;height: 1.7rem;background: #f8f8f8;border-radius: 5px;display: flex;flex-direction: column;align-items: center;justify-content: center;position: relative;transition: all 0.3s;} .npro_nav_l_icon img{height: 0.5rem;width: 100%;} .npro_nav_l_icon .img2{display: none;} .npro_nav_l_icon{margin-bottom: 0.05rem;} .npro_nav_l_box>svg{width: 0.12rem;height: auto;position: absolute;top: 50%;transform: translateY(-50%);left: 99%;} .npro_nav_l_box>svg path{fill: #F8F8F8;transition: all 0.3s;} .npro_nav_nr{width: calc((100%/3) - 0.5rem);margin: 0 0.5rem 0.25rem 0;} .npro_nav_nr_t{padding: 0.3rem 0.2rem 0.18rem 0;border-bottom: 1px solid #ddd;transition: all 0.3s;} .npro_nav_nr_h3{display: flex;align-items: center;justify-content: flex-start;transition: all 0.3s;} .npro_nav_nr_h3 h3{transition: all 0.3s;position: relative;left: 0;} .npro_nav_nr_t p{transition: all 0.3s;position: relative;left: 0;} .npro_nav_nr_h3 svg{width: 0.18rem;height: auto;margin-left: 0.15rem;transition: all 0.3s;position: relative;left: 0;} .npro_nav_nr_h3 svg path{fill: #666;} .npro_nav_nr_t>p{font-size: 12px;color: #666;} .npro_nav_nr ul li:first-child{margin-top: 0.18rem;} .npro_nav_nr ul li{margin-bottom: 0.12rem;} .npro_nav_nr ul li a{font-size: 14px;} .npro_nav_del{position: absolute;} .npro_nav:hover .npro_nav_l_box{background: #156bff;} .npro_nav:hover .npro_nav_l_icon .img1{display: none;} .npro_nav:hover .npro_nav_l_icon .img2{display: block;} .npro_nav:hover .npro_nav_l_box path{fill: #156bff;} .npro_nav:hover .npro_nav_l_box h2{color: #fff;} .npro_nav_nr_t.hov:hover{box-shadow: 0 0 20px rgb(0 0 0 / 12%);background: #f5f5f5;border-color: transparent;cursor: pointer;} .npro_nav_nr_t.hov:hover .npro_nav_nr_h3 h3{color: #156bff;left: 0.1rem;} .npro_nav_nr_t.hov:hover p{left: 0.1rem;} .npro_nav_nr_t.hov:hover .npro_nav_nr_h3 svg{left: 0.1rem;} .npro_nav_nr_t.hov:hover .npro_nav_nr_h3 svg path{fill: #156bff;} /* 浮窗 */ .flo{position: fixed;right: 0.2rem;bottom: 2rem;z-index: 100;display: block;width: 44px;} .flo>div{border: 1px solid #fff;border-radius: 44px;box-shadow: 0 2px 10px rgba(0,0,0,0.1);background: #f7f8fa;cursor: pointer;} .flo_sq{position: relative;width: 100%;height: 126px;margin-bottom: 10px;display: block;} .flo_sq img{object-fit: contain;border-radius: 44px;} .flo_sq p{width: 1em;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);line-height: 1.2;color: #fff;} .flo_cont{position: relative;padding: 0.15rem 0;display: flex;flex-direction: column;align-items: center;justify-content: center;margin-bottom: 10px;} .flo_cont>p{width: 1em;line-height: 1.2;color: #156BFF;} .flo_cont svg{margin-bottom: 0.12rem;width: 19px;height: auto;} .flo_top{height: 44px;display: flex;align-items: center;justify-content: center;} .flo_top svg{width: 14px;height: auto;} .flo_top svg path{fill: #333;} .flo_cont_l{position: absolute;background: #f7f8fa;border: 1px solid #fff;border-radius: 5px;right: 63px;padding: 0.25rem 0.2rem;width: 2.8rem;top: -1.4rem;filter: drop-shadow(0px 2px 10px rgba(0, 0, 0, 0.1));display: none;} .flo_cont_l>svg,.flo_cont_l>img{position: absolute;left: 100%;bottom: 1rem;width: 11px;height: auto;} .flo_cont_l>svg path{fill: #f7f8fa;} .flo_cont_l_tw_box{margin-bottom: 0.2rem;padding-bottom: 0.15rem;border-bottom: 1px solid #ddd;display: flex;align-items: flex-start;} .flo_cont_l_tw_ic svg{width: 18px;height: auto;margin-right: 10px;} .flo_cont_l_tw_num p{line-height: 1.2;margin-bottom: 6px;} .flo_cont_l_tw_num>span{color: #156BFF;white-space: nowrap;width: 100%;} .flo_cont_l_tw_num{display: flex;flex-wrap: wrap;align-items: center;} .flo_cont_l_tw_num>a{line-height: 0.3rem;padding: 0 17px;background: #156BFF;color: #fff;border-radius: 4px;display: flex;align-items: center;margin-left: 8px;} .flo_cont_l_b{padding-left: 0.27rem;display: flex;align-items: center;} .flo_cont_l_b img{width: 6px;margin-left: 8px;} @media screen and (max-width: 767px) { .flo{display: none !important;} } .public-img { display: block; position: relative; z-index: 1; overflow: hidden; } .public-img::before { content: ""; display: block; position: relative; z-index: 0; padding-top: 100%; } .public-img > img { position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; object-fit: cover; transition: all 0.5s; } .cont_h2{position: relative;} .cont_h2 .public_a2{position: absolute;right: 0.3rem;top: 50%;transform: translateY(-50%);z-index: 10;} .sub_banner .h_b_txt_a a:nth-child(1){background: #156bff;border-color: #156bff;} .sub_banner .h_b_txt_a a:nth-child(1):hover{color: #156bff;background: #fff;border-color: #fff;} .sub_banner .h_b_txt_a a:nth-child(2){background: #fff;color: #156bff;} .sub_banner .h_b_txt_a a:nth-child(2):hover{color: #fff;background: #156bff;border-color: #156bff;} .case_show_r{position: initial;} .case_show_newr_box{margin-bottom: 0.35rem;padding-bottom: 0.25rem;border-bottom: 1px solid #f5f7fb;} .case_show_newr_box{margin-bottom: 0.3rem;display: flex;align-items: center;border-bottom: 1px solid #f0f0f0;padding-bottom: 0.3rem;} .case_show_newr_img{width: 1.2rem;flex-shrink: 0;margin-right: 0.15rem;} .case_show_newr_img::before{padding-top: 60%;} .case_show_newr_txt{width: 100%;display: flex;flex-direction: column;align-items: flex-start;justify-content: center;} .case_show_newr_txt p{color: #999;margin-bottom: 0.08rem;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;} .case_show_newr_txt h3{color: #444;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;line-height: 1.2;padding: 0;margin-bottom: 0.05rem;font-size: 16px;} .case_show_newr_box:last-child{border: none;margin-bottom: 0;} @media screen and (max-width: 1260px) { .case_show_newr_txt h3{font-size: 14px;} .case_show_newr_txt p{-webkit-line-clamp: 1;} } @media screen and (max-width: 991px) { } @media screen and (max-width: 767px) { .case_show_newr_img{width: 4.2rem;} .case_show_r_box h3{font-size: 16px;} } .nav>ul>li:last-child .npro_nav_nr{width: calc((100%/4) - 0.5rem)} .nav>ul>li:last-child .npro_nav_r{width: 100%;} .foot_l_ba{margin-bottom: 0;display: flex;align-items: center;margin-left: 0.4rem;} .foot_l_ba p, .foot_l_ba a{margin-bottom: 0;} .foot_l_ba p{margin-right: 0.3rem;} .foot_b_lyq{display: flex;align-items: auto;} @media screen and (max-width: 991px) { .foot_b_l{display: flex;flex-direction: column;align-items: flex-start;} .foot_b_lyq{margin-bottom: 0.2rem;display: flex;align-items: center;} .foot_b{height: auto;} .foot_l_ba{margin-left: 0;} .foot_b_box{padding: 0.2rem 0;} } @media screen and (max-width: 767px) { .foot_l_ba{flex-direction: column;align-items: flex-start;} .foot_b_box{padding:10px 1rem;} .sub_tnav a{margin-bottom: 25px;} } @media screen and (max-width: 1580px) { .npro_nav_nr_h3>h3{font-size: 16px !important;} } .devNe .sub_tnav .on{color: #333;} .npro_jg_l{position: relative;overflow: hidden;} .npro_jg_l_svg{width: 20px;height: 20px;position: absolute;bottom: 0;right: 0;z-index: 10;display: flex;align-items: center;cursor: pointer;} .npro_box{background: #fff;} .npro_box:nth-child(2n){background: #f5f7fb;} .npro_box:nth-child(2n).npro_tx .subpb_box{background: #fff;} .npro_box:nth-child(2n-1).npro_tx .subpb_box{background: #f5f7fb;} .npro_box:nth-child(2n).npro_al .npro_al_txt{background: #fff;} .npro_box:nth-child(2n-1).npro_al .npro_al_txt{background: #f5f7fb;} .npro_box.npro_tx .subpb_box:hover{background: #156bff;} /* 修改新增(11.30) */ .curtain12{display: none;width: 100%;height: 100%;position: fixed;top: 0;left: 0;z-index: 10000;} .curtain12 .curtain_title p{width: 55px;height: 45px;} .curtain12 .curtain_box{width: 360px;height: auto;top: 50%;left: 50%;transform: translate(-50%,-50%);border-radius: 10px;padding: 0 ;} .qx_rz{padding: 40px 0.2rem 20px;} .qx_rz_tit{text-align: center;margin-bottom: 30px;} .qx_rz_tit p{font-size: 14px;} .qx_rz_btn{display: flex;justify-content: center;align-items: center;} .qx_rz_btn .a1{padding: 8px 0.18rem;background: #156BFF;border-radius: 5px;color: #fff;transition: all 0.6s;margin: 0 10px;font-size: 14px;} .qx_rz_btn .a2{padding: 8px 0.18rem;border-radius: 5px;transition: all 0.6s;margin: 0 10px;border: 1px solid #156BFF;color: #156BFF;font-size: 14px;} .traRec .news_con_img{height: 2.48rem;} .traRec .news_con_txt{padding: 0.24rem 0.7rem 0.44rem 0.21rem;} .traRec .news_con_txt h3{margin-bottom: 0.12rem;overflow: hidden;white-space: nowrap;text-overflow:ellipsis;} .traRec .news_con_txt p{color: #999;margin-bottom: 0;} .traRec .news_nr{position: relative;transition: all 0.5s;top: 0;} .traRec .news_nr:hover{border-radius: 0;box-shadow: 0 10px 20px rgb(0 0 0 / 10%);top: -10px;} .traRec .news_nr:hover h3{color: #156bff;} .traRec .news_nr:hover p{color: #333;} .traRec .news_nr:hover .news_con_txt{background: #fff;} .traRec_tit h2{padding: 0;border: none;display: flex;align-items: center;} .traRec_tit h2 svg{width: 24px;height: auto;margin-right: 10px;} .traRec_tit h2 svg path{fill: #eb2b27;} .traRec_box .video{padding: 0.9rem 0 0;} .traRec_box .video_box{margin-bottom: 0;} .cour_bhot{padding: 0.72rem 0;} .cour_bhot_box{display: flex;flex-wrap: wrap;} .cour_bhot_con{width: calc((100% - 0.6rem)/3);margin: 0 0.3rem 0.3rem 0;padding: 0.28rem 0.92rem 0.26rem 0.32rem;background: #f5f7fb;transition: all 0.5s;} .cour_bhot_con:nth-child(3n){margin-right: 0;} .cour_bhot_con h3{margin-bottom: 0.12rem;line-height: 1.2;hyphens: 2.4em;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;font-weight: 400;} .cour_bhot_con>p{color: #999;display: block;margin-bottom: 0.42rem;} .cour_bhot_b{display: flex;align-items: center;} .cour_bhot_b_box{display: flex;align-items: center;margin-right: 22px;} .cour_bhot_b_box svg{width: 22px;height: auto;margin-right: 10px;} .cour_bhot_b_box svg path{fill: #156bff;transition: all 0.5s;} .cour_bhot_b_box p{transition: all 0.5s;} .cour_bhot_b_box:first-child svg{width: 17px;} .cour_bhot_con:hover{background: #156bff;} .cour_bhot_con:hover h3{color: #fff;} .cour_bhot_con:hover>p{color: #fff;opacity: 0.5;} .cour_bhot_con:hover svg path{fill: #fff;} .cour_bhot_con:hover .cour_bhot_b_box p{color: #fff;} @media screen and (max-width: 991px) { .traRec_tit h2 svg{width: 16px;} .cour_bhot_con{width: calc(50% - 0.1rem);margin: 0 0.2rem 0.2rem 0;} .cour_bhot_con:nth-child(3n){margin-right: auto;} .cour_bhot_con:nth-child(2n){margin-right: 0;} } @media screen and (max-width: 767px) { .traRec .news_nr{width: 100%;margin: 0 0 0.8rem 0;} .traRec_box{padding: 20px 5%;} .traRec .news_con_img{height: 187px;} .traRec .news_con_txt{padding: 0.8rem;} .cour_bhot{padding: 20px 5%;} .cour_bhot_con{width: 100%;margin: 0 0 0.8rem 0 !important;padding: 0.8rem;} } .course_tsx{background: #fff;box-shadow: 0 1px 10px rgba(36,80,167,0.1);padding: 0.52rem 0 0.3rem;position: relative;} .course_tsx_t{display: flex;justify-content: space-between;align-items: center;padding-bottom: 0.2rem;border-bottom: 1px solid #eeeeee;} .course_tsx_t form{width: 3.74rem;border: 1px solid #dddddd;padding: 0 20px 0 10px;height: 46px;display: flex;justify-content: space-between;align-items: center;} .course_tsx_t form input{width: 100%;border: none;padding-left: 0;} .course_tsx_t button svg{width: 18px;height: auto;} .course_tsx_t button svg path{fill: #156bff;} .course_tsx_bq{padding-top: 0.3rem;} .course_tsx_bq_box{display: flex;} .course_tsx_bq_box>p{flex-shrink: 0;margin-right: 15px;} .course_tsx_bq_box ul{width: 100%;display: flex;flex-wrap: wrap;padding-right: 1.5rem;} .course_tsx_bq_box ul li{margin: 0 11px 12px;} .course_tsx_bq_box ul li a{line-height: 24px;padding: 0 12px;border-radius: 4px;font-size: 14px;display: inline-block;} .course_tsx_bq_box ul li.on a,.course_tsx_bq_box ul li:hover a{background: #156bff;color: #fff;} .sxkg{position: absolute;top: 100%;left: 50%;transform: translateX(-50%);background: url(../img/sx_bj.png) no-repeat;background-size: contain;display: flex;justify-content: center;align-items: center;width: 140px;height: 32px;padding-bottom: 10px;cursor: pointer;} .sxkg svg{width: 10px;margin-left: 7px;transition: all 0.5s;} .sxkg svg path{fill: #343434;} .sxkg p{font-size: 14px;} .sxkg.on svg{transform: rotate(180deg);} @media screen and (max-width: 1260px) { .course_tsx_bq_box ul{padding: 0;} } @media screen and (max-width: 991px) { .course_tsx_t form{width: 200px;height: 40px;} } @media screen and (max-width: 767px) { .course_tsx_t{padding-bottom: 0.5rem;} .course_tsx_t button svg{width: 14px;} .course_tsx_t form{height: 36px;} .course_tsx_bq_box ul li a{padding: 0 7px;} .course_tsx_bq_box ul li{margin: 0 8px 8px;} .course_tsx_bq_box>p{margin-right: 10px;} } .course_tsx_sea{display: flex;align-items: center;justify-content: space-between;padding: 0.32rem 0 0.1rem;} .course_tsx_sea>p span{color: #156bff;margin: 0 5px;} .course_tsx_sea_r{display: flex;align-items: center;} .course_tsx_sea_r svg{width: 7px;margin-right: 10px;} .course_tsx_sea_r p{color: #156bff;} .course_tsx_sea_r svg path{fill: #156bff;} .show_l_video{width: 100%;position: relative;height: 5.35rem;margin-bottom: 0.75rem;} .show_l_video>img{width: 100%;height: 100%;} .show_l_video_on{width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: rgba(0,0,0,0.5);display: flex;align-items: center;justify-content: center;} .show_l_video_box{width: 0.6rem;height: 0.6rem;border: 2px solid #fff;border-radius: 50%;display: flex;align-items: center;justify-content: center;cursor: pointer;} .show_l_video_box svg{width: 18.4%;height: auto;} .show_l_video_box svg path{fill: #fff;} @media screen and (max-width: 991px) { .show_l_video{height: 7.35rem;} .show_l_video_box{width: 1.4rem;height: 1.4rem;} } @media screen and (max-width: 767px) { .show_l_video{height: 9rem;} } .sett_icon2{background: #ed4747;border-color: #ed4747;} /* .sett2 .sett_icon img{width: 100%;height: 100%;} */ .sett_ptt{margin: auto;} .sett_ptt p span{color: #156bff;} .notdl:hover{color: #156bff;} .eco_city_box{display: flex;align-items: center;} .sub_tnav{height: auto;} .nepub_a{width: 1.4rem;height: 0.46rem;background: #156bff;display: flex;align-items: center;justify-content: center;margin-right: 15px;border-radius: 4px;transition: all 0.6s;color: #fff;border: 1px solid transparent;margin-top: 0.4rem;margin-left: 0.4rem;} .nepub_a:hover{border-color: #156bff;color: #156bff;background: #fff;} .eco_t_a p a{background: #fff !important;color: #156bff !important;} .eco_t_a p a:hover{background: #156bff !important;border-color: #156bff !important;color: #fff !important;} .weo_ld .sub_tnav{height: 100%;} .b_adv_box{display: inline-flex;justify-content: center;align-items: center;position: relative;} .b_adv{display: none;position: fixed;bottom: 0.3rem;left: 0;width: 100%;text-align: center;z-index: 100;} .b_adv.on{display:none !important;} .b_adv_txt_box{margin: auto;background: #156bff;border-radius: 5px;display: inline-flex;justify-content: space-between;align-items: center;padding: 0.11rem 0.45rem 0.11rem 0.3rem;} .b_adv_txt_box .l_txt p{color: #fff;} .b_adv_txt_box .r_a a{margin-left: 0.5rem;background: #fff;display: flex;align-items: center;padding: 0 0.2rem;height: 0.36rem;color: #156bff;border-radius: 4px;} .b_adv_txt{position: relative;} .b_adv_img{width: 9rem;height: auto;} .g_del{position: absolute;top: 5px;right: 10px;z-index: 10;font-size: 14px;color: #7d7777;text-shadow: 0 0 0 #fff;cursor: pointer;} /* 2023.10.19 */ .sub_banner_newinf .h_b_txt_p .npro_t p{line-height: 1.24;margin-bottom: 0.3rem;} .sub_banner_newinf .h_b_txt_p>p{line-height: 1.67;padding-right: 1.3rem;} .newspro_h2{display: flex;flex-direction: column;align-items: center;margin-bottom: 0.48rem;text-align: center;} .newspro_h2 h2{font-size: 0.4rem;font-weight: bold;line-height: 1;margin-bottom: 0.25rem;} .newspro_h2 p{color: #666;} .newspro_ys{background: url(../img/new_inf8.jpg) no-repeat;background-size: cover;} .newspro_ys_l{width: 48.57%;display: flex; flex-direction: column;} .newspro_ys_con{border-radius: 0.1rem;overflow: hidden;transition: all 0.4s;position: relative;background: #fff;padding: 0.29rem 0.25rem 0.2rem;margin-bottom: 0.1rem;display: flex;background: #fafbfe;} .newspro_ys_con:last-child{margin-bottom: 0;} .newspro_ys_con.on{background: #fff;} .newspro_ys_con.on .newspro_ys_num .img1{display: none;} .newspro_ys_con.on .newspro_ys_num .img2{display: block;} .newspro_ys_num{position: absolute;top: 0;right: 0;width: 0.64rem;height: auto;} .newspro_ys_num .img2{display: none;} .newspro_ys_num p{position: absolute;top: 0.15rem;right: 0.13rem;color: #fff;line-height: 1;} .newspro_ys_con .icon_animation{flex-shrink: 0;margin-right: 0.18rem;} .newspro_ys_txt{padding: 0.08rem 1.1rem 0 0 ;} .newspro_ys_txt h3{margin-bottom: 0.16rem;} .newspro_ys_txt p{color: #666;display: none;} .newspro_ys_box{display: flex;justify-content: space-between;} .newspro_ys_r{width: 48.57%;border-radius: 0.1rem;overflow: hidden;} .newspro_ry{background: #fff !important;overflow: hidden;} .newspro_ry_con{position: relative;} .newspro_ry_nr{display: flex;position: absolute;opacity: 0;bottom: 0;} .newspro_ry_nr.on{position: relative;opacity: 1;z-index: 10;} .newspro_ry_hz{width: 352px;height: 365px;display: inline-block;background: #f5f7fb;padding: 0.17rem 0.42rem;margin-right: 0.2rem;} .newspro_ry_hz img{object-fit: contain;} /* .newspro_ry_box{text-align: center;} */ .newspro_ry_nav{display: inline-flex;margin: -0.05rem auto 0.68rem;background: #f5f7fb;border-radius: 3px;padding: 0.06rem;} .newspro_ry_nav a{min-width: 1.7rem;padding: 0 0.2rem;height: 0.46rem;border-radius: 2px;background: none;margin-right: 0.06rem;display: inline-flex;align-items: center;justify-content: center;} .newspro_ry_nav a:last-child{margin-right: 0;} .newspro_ry_nav a.on{background: #fff;color: #156bff;} .newspro_st{background: #f5f7fb;} .newspro_st_box{background: #ffffff;padding: 0.2rem 0.32rem 0.2rem 0.4rem;} .newspro_st_con{display: flex;justify-content: space-between;align-items: center;} .newspro_st_ltit{width: 1.65rem;background: #f8f9fc;border-radius: 4px;height: 0.66rem;flex-shrink: 0;margin-right: 0.15rem;display: flex;align-items: center;padding-left: 0.34rem;} .newspro_st_ltit img{width: 0.3rem;height: 0.3rem;margin-right: 0.1rem;} .newspro_st_ltit p{color: #156bff;font-weight: bold;} .newspro_st_rnr{width: calc(100% - 1.8rem);display: flex;justify-content: space-between;} .newspro_st_img{height: 0.66rem;box-shadow: 0 4px 8px rgba(21,107,255,0.08);} .newspro_st_rnr .video_b{width: 1rem;flex-shrink: 0;margin-left: 0.5rem;position: relative;} .newspro_st_rnr .video_b .dev_next{position: relative;} .newspro_st_rnr .video_b .dev_next::after{content: '';position: absolute;left: 0;top: 50%;transform: translateY(-50%);background: #e0e7f4;width: 1px;height: 0.66rem;} .newspro_st_rnr .video_b .dev_next img{transform: rotate(180deg);} .newspro_st_rnr .video_b .video_button{position: relative;transform: translateY(-0%);width: 50px;top: 0;right: 0;left: 0;border: 0;} .newspro_st_rnr .video_b .video_button img{opacity: 0.3;transition: all 0.4s;} .newspro_st_rnr .video_b .video_button:hover{background: none;} .newspro_st_rnr .video_b .video_button:hover img{opacity: 1;} .newspro_st_rnr .swiper-container{width: 100%;padding: 0.2rem 0.16rem;} .newspro_xc{background: #fff !important;} .newspro_xc_tit{margin-bottom: 0.3rem;display: flex;justify-content: space-between;align-items: flex-end;} .newspro_xc_tit_l{display: inline-flex;background: #f5f7fb;border-radius: 3px;padding: 0.06rem;} .newspro_xc_tit_l a{min-width: 1.7rem;padding: 0 0.2rem;height: 0.46rem;border-radius: 2px;background: none;margin-right: 0.06rem;display: inline-flex;align-items: center;justify-content: center;} .newspro_xc_tit_l a:last-child{margin-right: 0;} .newspro_xc_tit_l a.on{background: #fff;color: #156bff;} .newspro_xc_tit_r{display: flex;align-items: center;} .newspro_xc_tit_r a{color: #156bff;} .newspro_xc_tit_r a span{margin-left: 0.1rem;display: inline-block;} .newspro_xc .newspro_h2{margin-bottom: 0.15rem;} .newspro_xg{background: #f5f7fb;padding: 1rem 0;} .newspro_xg_t .newspro_xc_tit{margin-bottom: 0.2rem;} .newspro_xg_t .newspro_xc_tit_l{padding: 0;} .newspro_xg .newspro_h2{margin-bottom: 0;} .newspro_xg .newspro_h2 h2{margin-bottom: 0;} .newspro_xg .npro_oth_nr{width: 450px;height: 260px !important;display: inline-block;margin-right: 0.2rem;} .newspro_xg .npro_oth_box{overflow: hidden;} .npro_oth_hz{position: relative;} .npro_oth_hz::after{background: linear-gradient(to right,rgba(255,255,255,0.5) 20.45%,hsla(0,0%,100%,0));position: absolute;content: '';left: 0;top: 0;width:1.1rem;height: 100%;z-index: 10;} .npro_oth_hz{line-height: 1.5 !important;} .news_con_tw .npro_oth_nr{margin: 0 0.2rem 0.2rem 0;} .news_con_tw .npro_oth_nr:nth-child(3n){margin-right: 0;} @media screen and (max-width: 1560px) { .newspro_ys_con{padding: 0.29rem 0.25rem 0.35rem;} } @media screen and (max-width: 1460px) { .newspro_ys_con{margin-bottom: 0.25rem;} .newspro_ys_con{padding: 0.2rem 0.25rem ;} } @media screen and (max-width: 1380px) { .newspro_ys_box{align-items: flex-start;} } @media screen and (max-width: 1260px) { .sub_banner_newinf .h_b_txt_p>p{padding: 0;} .newspro_ys_num{width: 42px;} .newspro_ry_hz{width: 240px;height: 244px;} .newspro_st_img{height: 0.9rem;} .newspro_st_ltit{height: 0.9rem;width: 2.2rem;} .newspro_st_rnr{width: calc(100% - 2.2rem);} } @media screen and (max-width: 991px) { .newspro_ys_box{flex-direction: column;} .newspro_ys_l{width: 100%;margin-bottom: 0.5rem;} .newspro_ys_r{width: 100%;} .newspro_ry_nav{padding: 5px;} .newspro_st_con{flex-direction: column;align-items: flex-start;margin-bottom: 0.3rem;} .newspro_st_ltit{margin-bottom: 0.2rem;width: 110px;height: 50px;} .newspro_st_rnr{width: 100%;} .newspro_st_img{height: 70px;} .newspro_st_rnr .video_b{display: none;} .newspro_xc_tit_l{padding: 5px;} .newspro_xc_tit_l a{padding: 0 0.3rem;height: 0.7rem;} .newspro_xg .npro_oth_nr{width: 270px;height: 170px !important;} } @media screen and (max-width: 767px) { .newspro_h2{padding: 0 5%;margin-bottom: 20px;} .newspro_h2 p br{display: none;} .newspro_h2 h2{font-size: 20px;margin-bottom: 10px;} .newspro_ys_con{margin-bottom: 14px;padding: 18px 14px;} .newspro_ys_num p{top: 8px;right: 5px;} .newspro_ys_txt{padding: 0;} .newspro_ry_nav a{padding: 0 15px;height: 34px;} .newspro_ry_nav{padding: 5px 10px;} .newspro_st_box{padding: 20px;} .newspro_st_ltit img{width: 20px;height: 20px;margin-right: 5px;} .newspro_st_ltit{padding-left: 10px;} .newspro_st_img{height: 50px;} .newspro_st_con{margin-bottom: 20px;} .newspro_st_rnr .swiper-container{padding: 10px 12px;} .newspro_st_rnr{width: calc(100% + 24px);margin-left: -12px;} .newspro_xc .newspro_h2{margin-bottom: 20px;} .newspro_xc_tit{margin-bottom: 20px;} .newspro_xc_tit_l a{padding: 0 15px;height: 34px;} .newspro_xc_tit_l{padding: 5px 10px;} .newspro_xc_tit{align-items: center;} .newspro_xg{padding: 40px 0;} .newspro_xg .newspro_h2{margin-bottom: 20px;} .newspro_xg_t{margin-bottom: 15px;} .npro_oth_txt_box h3{margin-bottom: 5px;} .npro_oth_txt_box{display: flex;flex-direction: column;width: 100%;} .news_con_tw .npro_oth_nr{margin: 0 0 1rem 0;} .news_con_tw .npro_oth_nr:nth-child(3n){margin-right: 0;} }