@charset "utf-8"; /* CSS Document */ @import url("//at.alicdn.com/t/c/font_4071698_fdbz81t3h2q.css"); @font-face{ font-family: 'lbold'; src: url(../fonts/bold.ttf); } body{color:#555555;} .lclear4{ clear:both; overflow:hidden; width:100%; height:50px;} .lclear4.t2{ height:20px;} .lclear4.t8{ height:80px;} .lclear4.t0{height:0px;} #loader-1:before, #loader-1:after {border-top-color: #1192d4;} .navbar-area{ height:110px;background:none;} .navbar-area .navbar{ margin-top:10px; position:relative; } .navbar-area .navbar .btn-common{ background:none; box-shadow: none !important; } .navbar-area.lg .navbar .btn-common{ color: rgb(51, 51, 51) !important;} .navbar-area .navbar .btn-common.t1{color: rgb(255, 64, 0) !important;} .navbar-area .navbar .btn-common:hover,.navbar-area.lg .navbar .btn-common:hover{background:none !important; box-shadow: none !important; color:#1192d4 !important;} .navbar-area .navbar-nav .sub-menu li a:hover, .navbar-area .navbar-nav .nav-item > a:hover, .navbar-area .navbar-nav .nav-item.active > a{ color:#1192d4;} .navbar-area .navbar-nav .nav-item > a{color:#ffffff; padding: 20px 30px;} .navbar-area .navbar-nav .nav-item > a.page-scroll{padding: 37px 30px; font-weight:bold;} .navbar-brand{width: 145px; height:auto; overflow: hidden; } .navbar-brand img{ max-width: 100%;} .navbar-brand2 img{ max-width: 150px;} .navbar-brand img{-webkit-filter: drop-shadow(150px 0 0 #ccc); filter: drop-shadow(150px 0 0 white); margin-left: -150px;} .carousel-inner{ height:100vh;} .carousel-item{ height:100%; background:url() no-repeat center center; background-size:cover;} .carousel-item img{ display:none;} .navbar-area.lg{ background:#fff; border-bottom:1px solid #f1f1f1;} .navbar-area.lg2{ position:static;} .navbar-area.lg .navbar-nav .nav-item > a{color:#333333; padding: 20px 30px;} .navbar-area.lg .navbar-nav .nav-item > a.page-scroll{padding: 37px 30px;} .navbar-area.lg .navbar-nav .sub-menu li a:hover, .navbar-area.lg .navbar-nav .nav-item > a:hover, .navbar-area.lg .navbar-nav .nav-item.active > a{color:#1192d4;} .navbar-area.lg .navbar-brand img{-webkit-filter:initial; filter: initial; margin-left: 0px;} .l_top_a{ font-size: 16px !important;border-radius: 2px;padding: 7px 8px; margin-left:5px;} .search-icon span{margin-left:5px;} .l_top_a i { font-size: 22px !important; display: block; text-align: center; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; } .section-title { text-align:center; margin-bottom: 35px; margin-top:20px; } .section-title:before {left:calc(50% - 20px); bottom: -15px;} .l_index_h5{ color:#999999; text-align:center; margin-bottom: 45px;} .index_product_list{ float:left; position:relative;} .index_product_list .aimg{ width:100%; display:block; height:400px; background:url() no-repeat center center; background-size:cover; position:relative;} .index_product_list .aimg:before{ content:""; position:absolute; width:100%; height:100%; background-image:radial-gradient(circle farthest-corner at 55% 35%, rgba(255, 255, 255,0.7), rgba(3,169,244,0.8), rgba(17, 146, 212,0.7)); z-index:0;transition:all 0.4s ease-in-out;} .aimg2 img{transition:all 0.4s ease-in-out; } .index_product_list .aimg img{ position:absolute;width:auto; max-height:50%;top: 15%; left: 35%;z-index:1;transition:all 0.4s ease-in-out; filter:drop-shadow(#ffffff 2px 2px 6px);} .index_product_list:first-child .aimg img{max-height:60%;} .index_product_list:hover .aimg img{max-height:60%;} .index_product_list:first-child:hover .aimg img{max-height:70%;} .index_product_list:hover .aimg:before{background-image:radial-gradient(circle farthest-corner at 55% 35%, rgba(255, 255, 255,0.8), rgba(3,169,244,1), rgba(17, 146, 212,0.8)); } .index_product_list .aimg.t2{height:188px;} .index_product{ width:100%;} .about-single{margin: 50px 0px;} .carousel-item.lside{ position:relative;} .carousel-item.lside::after { content: ""; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 0; background: url(../images/wenli.png) center; } .l_index_bg{ background-image:linear-gradient(180deg,rgba(17, 146, 212,0.6) 0%,rgba(0, 123, 255,0.8) 100%),url(../images/jjfabg.jpg); background-size:cover; background-attachment: fixed; color:#ffffff;padding: 70px 0px;} .l_index_bg2{ background-image:linear-gradient(180deg,rgba(255, 255, 255,0.9) 0%,#ffffff 100%),url(../images/jhk-1683703676310_06.gif); background-size:cover; background-attachment: fixed; padding: 70px 0px;} .l_index_bg.t1{ background:#1192d4;} .l_index_bg .section-title,.l_index_bg .subtitle,.l_index_bg .about-single i{color:#ffffff;} .l_index_bg .l_index_h5{color:rgb(157 197 223);} .l_index_bg .section-title:before{background-color:#ffffff;} .l_about_div{background: #ffffff url(../images/about_r.png) no-repeat top right;background-size:auto 100%; background-attachment: fixed;} .l_about p{text-indent: 2em; font-size:16px;} .l_about .a1{ display:block; clear:both; width:100%; } .l_about .a1 .material-icons{ font-size:18px; line-height:22px; margin-right: 5px;} .l_about_div .l_pd{ padding:30px 0px;} .work-counter-section .divt{ color: #1192d4; font-size: 68px; font-weight: 700; font-family: 'lbold'; margin-bottom: 0px; height: 50px; margin-top: 30px;} .work-counter-widget i{ display:none;} .work-counter-section .counter p{color: #333; margin-bottom: 40px;} .work-counter-section .divt .timer,.work-counter-section .divt .timer2{ display:inline-block; position:relative;color: #1192d4;font-size: 68px;-webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out;} .work-counter-section .divt .timer:hover,.work-counter-section .divt .timer2:hover{transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1); -ms-transform:scale(1.1);} .work-counter-section .divt .timer2{margin-top: 16px;} .work-counter-section .divt .timer:after{ content:"+";position:absolute;top: -8px;color: #1192d4;font-size:28px; right: -25px; font-weight: normal; } .l_index_hz{padding: 15px 0px ; background: none;margin-bottom: 30px; border-bottom: 0; /*-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.26); box-shadow: 0 1px 4px rgba(0, 0, 0, 0.26);*/ -webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, 0.26); box-shadow: 0 0px 0px rgba(0, 0, 0, 0.26); } .l_index_hz .div3{ justify-content: center; align-items: center; display: flex;} .l_index_hz h3{letter-spacing:6px;writing-mode: vertical-lr; font-size: 30px; font-weight: 700;} .swiper { width: 100%; height: 100%; } .swiper-slide { text-align: center; font-size: 18px; background: #fff; /* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .swiper-slide img { display: block; width: 100%; height: 100%; object-fit: cover; } .index_hz_slide{ width:100%; height:160px; --swiper-navigation-color: #05377c;/* 单独设置按钮颜色 */ --swiper-navigation-size: 30px;/* 设置按钮大小 默认是44px */ } .index_hz_slide .swiper{ padding:0 40px;} .index_hz_slide .swiper-slide{background:url() no-repeat center center; background-size:contain;} .index_hz_slide .swiper-slide i{background:url() no-repeat center center; background-size:contain; width:100%; height:100%; display:block; margin:0 auto;} .l_index_honors .swiper-container { width: 100%; padding-top: 70px; padding-bottom: 50px; } .l_index_honors .swiper-slide { background-position: center; background-size: cover; width: 300px; height: 380px; background: #fff; } .l_index_honors .swiper-slide .imgBx { width: 100%;background:url() no-repeat center center; height: auto; overflow: hidden; } .l_index_honors .swiper-slide .imgBx img { width: 100%; } .l_index_honors .swiper-slide .details { box-sizing: border-box; padding: 20px; } .l_index_honors .swiper-slide .details h3 { margin: 0; padding: 0; font-size: 20px; text-align: center; line-height: 20px; } .l_index_honors .swiper-slide .details h3 span { font-size: 16px; color: #f44336; } .l_index_honors{margin-bottom: 60px;margin-top: 30px;} .l_index_honors .details{ display:none;} .l_index_honors .swiper-horizontal>.swiper-pagination-bullets, .l_index_honors .swiper-pagination-bullets.swiper-pagination-horizontal,.l_index_honors .swiper-pagination-custom, .swiper-pagination-fraction{bottom: -45px;} .l_index_honors .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ display:none;} .l_index_honors .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:nth-child(3n){ display:inline-block;} .l_index_news .l_menu{justify-content: center; display: flex;width: 100%; padding-bottom: 50px;} .single-blog-post .post-meta .subtitle{ height:70px;margin-top: 0px;} .single-blog-post .post-meta *{ color:#333333;} .l_index_news .btn-outline-primary { color: #05377c; border:1px solid #05377c;} .featured-image .a1{ background:url() no-repeat center center; background-size:cover; width:100%; height:300px; display:block;} .portfolio-nav ul.nav li a {font-size: 18px;margin: 4px 8px;} /*栅格实现5等分*/ .col-xs-1-5,.col-sm-1-5,.col-md-1-5,.col-lg-1-5 ,.col-xl-1-5{ position:relative; width:100%; padding-right:15px; padding-left:15px } .col-xs-1-5 { -ms-flex:0 0 20%; flex:0 0 20%; max-width:20% } @media (min-width: 576px) { .col-sm-1-5 { -ms-flex:0 0 20%; flex:0 0 20%; max-width:20% } } @media (min-width: 768px) { .col-md-1-5 { -ms-flex:0 0 20%; flex:0 0 20%; max-width:20% } } @media (min-width: 992px) { .col-lg-1-5 { -ms-flex:0 0 20%; flex:0 0 20%; max-width:20% } } @media (min-width: 1200px) { .col-xl-1-5 { -ms-flex:0 0 20%; flex:0 0 20%; max-width:20% } } /*栅格实现5等分 end*/ .l_foot .l_title{ font-size:18px;} .lfont16{font-size: 16px;} .l_foot .ltel{font-size:; font-family:lbold;margin: 5px 0px 0px;letter-spacing: 2px; display: block; color: #d5d5d5;} .l_foot .ltel .material-icons{font-size:14px;} .l_foot .ewm{ width:120px;} .footer-contact-widget ul li a .mdi{font-size: 20px;} .footer-contact-widget ul li a .mdi:hover { opacity: 0.9; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .footer-contact-widget ul li a .mdi-sina-weibo{} .footer-contact-widget ul li a .mdi-wechat{} .footer-contact-widget ul li a i,.footer-contact-widget ul li a i.mdi{font-size: 30px;} .footer-contact-widget ul li:nth-child(1) a{ background:#04c15f;} .footer-contact-widget ul li:nth-child(2) a{ background:#ff4000;} .footer-contact-widget ul li:nth-child(3) a{ background:#ff6300;} .footer-contact-widget ul li:hover a{background:#1192d4;} .footer-contact-widget ul li{ position:relative;} .footer-contact-widget ul li img{ display:block; position:absolute; left: 100%;z-index: 1; bottom: -110%; max-width:120px; display:none;} .l_foot .ldiv1{justify-content: space-between; flex-wrap: nowrap;} .l_foot .ldiv2{ background: rgba(50, 50, 50, 0);color:rgba(255, 255, 255,0.6);justify-content: center;padding: 15px;border-radius: 2px; align-items: center; margin-top:15px;} .l_foot .ldiv2 a{ display:inline-block; margin-right:15px; color:rgba(255, 255, 255,0.4);} .l_foot .ldiv2 a:hover{ color:#1192d4;} .l_foot .ldiv2 div:nth-child(2){flex:1 1 0%;} .l_foot .ldiv2 div:nth-child(1){flex-basis:90px;} .lside_news_list .swiper-slide { text-align: left; font-size: 18px; background: #fff; /* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .lside_news_list .swiper-slide .lw1{ width:100%;} .lside_news_list .swiper-slide img { display: block; width: 100%; height: 100%; object-fit: cover; } .lside_news_list{ width:100%; height:470px; position:relative;} .lside_news_list .single-blog-post .post-meta p,.single-blog-post .meta-tags .comments a{ font-size:14px;} .single-blog-post .meta-tags{padding: 9px 20px 0px;} .lside_news_list .single-blog-post .post-meta p{ display:none;} .lside_news_list .single-blog-post{ width:calc(100% - 20px); margin-left:10px;margin-top:10px;} .lside_news_list .swiper-button-prev, .lside_news_list .swiper-rtl .swiper-button-next { left: -50px;} .lside_news_list .swiper-button-next, .lside_news_list .swiper-rtl .swiper-button-prev { right: -50px;} .single-blog-post a{color:#333333;} .single-blog-post:hover .post-meta *{ color:#1192d4;} /*.single-blog-post .meta-tags .comments a:hover{ color:#1192d4;}*/ .single-blog-post:hover .featured-image{opacity: 0.9;} .lside_news_list,.l_p_s_pic { --swiper-navigation-color: #05377c;/* 单独设置按钮颜色 */ --swiper-navigation-size: 30px;/* 设置按钮大小 默认是44px */ } figure figcaption{margin-bottom: 0px;opacity: 1; background:none;} figure figcaption h2.subtitle{margin-top: 10px;margin-bottom: 6px; font-weight:bold; color: rgb(255, 255, 255);text-shadow: 1px 1px 0px #000000;} figure figcaption p{ margin-top:5px; color:rgba(255, 255, 255,0.9);text-shadow: 0px 0px 0px #000000;font-size: 15px;} figure figcaption .btn.btn-fab{min-width: 24px;height: 24px; width: 24px; position:relative;margin-top: 10px; margin-right: 0px;overflow: inherit;} figure figcaption .btn.btn-fab .material-icons{ font-size: 16px;} figure figcaption .btn.btn-fab:before{ position:absolute; content:"查看详情";right:30px; top:0px;width: 60px;font-size: 14px;line-height: 25px;} .section-padding { padding: 22px 0;} .section-padding.t{ height:calc(100vh - 110px);display: flex; justify-content: center; align-items: center;min-height: 790px;} .l_index_jjfa h2.subtitle{ font-size:18px;} .l_index_jjfa .about-single span{ opacity: 1; display:block; width:150px; height:150px; background:url() no-repeat center center; background-size:cover;border-radius:50%;margin: 0 auto;-webkit-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; display:flex;justify-content: center;align-items:center;} .l_index_jjfa .about-single.t1 span{background: trasparent; color:#1192d4;} .l_index_jjfa .about-single.t1 span em{font-size: 50px; color:#ffffff;} .l_index_jjfa .about-single.t1:hover span{ background:#1192d4 ; color:#ffffff;} .l_index_jjfa .about-single:hover span{opacity: 0.9; -webkit-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.14), 0 4px 8px rgba(0, 0, 0, 0.28); box-shadow: 0 0 4px rgba(0, 0, 0, 0.14), 0 4px 8px rgba(0, 0, 0, 0.28);} .bgfa{ background:#f9f9f9;} .index_product2{ width:1284px; margin:0 auto;} .index_product2 .aimg2.lh img{ height: 161px; width: 603px;} .index_product2.t3 .aimg2 img{ width:407px;} .index_product2 a{ display:inline-block; float:left; margin-bottom:21px; margin-left:21px;} .l_p_top_banana{ width:100%; margin-top: 110px; height:calc(50vh - 60px);} .l_p_top_banana .swiper { margin-left: auto; margin-right: auto; } .l_p_top_banana .swiper-slide{background:url() no-repeat center center;background-size:cover;} .l_p_top_menu{justify-content: center;align-items:center; height:50px;flex-wrap: wrap;display: flex; margin:50px auto;} .l_p_top_menu a{ border:1px solid #eee; font-size: 16px; margin: 4px 8px; color: #333; background-color: #eee; padding: 7px 12px; display: block; border-radius: 2px; text-transform: capitalize; cursor: pointer; flex:1; text-align:center;height:56px;align-items:center; display:flex;justify-content:center;} .l_p_top_menu a:hover,.l_p_top_menu a.active{border:1px solid #1192d4;color: #1192d4; -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);} .l_p_top_seacher{ width:70%; margin:0 auto;} .l_p_top_seacher form{flex-wrap: wrap;display: flex;} .l_p_top_seacher form .but1{flex:1 1 0%; margin: 10px 0px;padding: 8px 30px; border:1px solid #eee;border-radius:0px;} .l_p_top_seacher form .btn{ margin: 10px 0px;border-radius:0rpx;} .l_p_two{ width:100%;} .l_p_two .section-title{ font-size:20px; text-align:left;margin-bottom: 45px;margin-top: 35px;} .l_p_two .section-title:before { left: 0;} .l_p_list{ width:100%;} .l_p_list .div1 a{ color:#333333; border:1px solid #eee; transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; display:block;} .l_p_list .div1 a:hover{ color:#1192d4;-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.26); box-shadow: 0 1px 4px rgba(0, 0, 0, 0.26);} .l_p_list .div1 a *{ display:block; margin-left:20px; font-size:16px;-webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out;} .l_p_list .div1 a i{ background:url(../images/pbg_01.jpg) no-repeat center center; height:300px; margin:0px;display: flex; justify-content: center;align-items:center;border-radius:5px;} .l_p_list .div1 a i img{ width:atuo; height:auto;max-height:75%; max-width:75%; } .l_p_list .div1 a:hover i img{max-height:76%; max-width:76%;} .l_p_list.fa {} .l_p_list.fa .div1 a *{margin: 0px;} .l_p_list.fa .div1 a i{border-radius:0px; background-image:none; overflow:hidden;} .l_p_list.fa .div1 a i em{ display:block; height:100%; background:url() no-repeat center center;background-size:cover; width:100%;margin: 0px;-webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out;} .l_p_list.fa .div1 a:hover i em{transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1); -ms-transform:scale(1.1);} .l_p_list.fa .div1 a b{ height:60px; text-align:center; line-height:42px;} .l_p_two .div1{display: flex;} .l_p_list .div1 a b{font-size:20px; height:36px; line-height:36px; overflow:hidden; margin-top:20px;} .l_p_list .div1 a span{ margin-bottom:40px;} .l_top_div{ width:100%; height:110px; clear:both;} .l_pos_home{ margin:20px 0;} .l_p_s_pic{ background:#f5f5f5; width:100%; height:380px;} .l_p_s_pic .swiper-slide{ background:none;} .l_p_s_pic .swiper-slide i{ display:block; width:90%; height:80%; background: url() no-repeat center center; background-size: contain; } .l_pc_show .div2{font-size:16px; position:relative;padding-bottom: 60px;} .l_pc_show .div2 .row{ font-weight:bold; font-size:18px;} .l_pc_show .div2 h2{ color:#05377c; font-weight:bold; margin-top:20px;} .l_pc_show .div2 span{ margin:30px 0px; display:block; clear:both;} .l_pc_show .div2 .btn{ position:absolute; right:30px; bottom:10px;} .l_pc_show .div2 .btn:hover,.l_pc_show .div2 .btn.btn-default:hover{ background:#1192d4; color:#ffffff;} .l_pc_show .div2 .btn.btn1{right:195px;} .l_pc_show .div2_2{ margin-top:10px; font-size:16px;} .l_pc_show .div2_1{ width:100%;column-count: 1;column-gap:0px;column-break-after:always;margin-bottom:10px;} .l_pc_show .div2_1 .row{ margin:0px;border-top:1px solid #eee;border-left:1px solid #eee; } .l_pc_show .div2_1 .row div{border-bottom:1px solid #eee; text-indent:12px;border-right:1px solid #eee; } .l_pc_show .div2_1 .row div:nth-child(odd){ font-size:; font-weight:bold; background: rgba(17, 146, 212,0.04); text-align:center;text-indent:0px;} .l_pc_show .div2_3{width:100%;} a.lgoa { padding-left: 22px; display: block; line-height: 24px; background: url(../images/no_wj.png) left 4px no-repeat;} a.wj_pdf { background-image: url(../images/pdf.png);} a.wj_msi { background-image: url(../images/msi.png);} a.wj_exe { background-image: url(../images/exe.png);} a.wj_zip,a.wj_rar { background-image: url(../images/rar.png);} a.wj_apk { background-image: url(../images/apk.png);} .l_pc_show .div2_4 .modal-footer .btn-secondary{ background:#eeeeee;} .l_pc_show .div2_4 .modal-footer .btn-secondary:hover{background:#1192d4; color:#ffffff;} .l_dl_iframe{} #l_dl_iframe1{ width:100%; height:100%;} .navbar-nav .nav-item.active a.active:hover, .navbar-nav .nav-item.active a.active{ background:none; color:#1192d4;} .navbar-nav .nav-item .sub-menu > li > a.active{color:#1192d4;} .l_case_show{ width:80%; margin:0 auto;} .lfandz .l_case_show{ width:100%;} .l_case_show .lh1{ font-weight:bold; font-size:24px; text-align:center; margin:40px 0px; line-height:36px;border-bottom:1px solid #eee; padding-bottom:20px;} .l_case_show .lh1 small{ display:block; font-size:14px; color:#999999; margin-top:10px; margin-bottom:0px;} .l_case_show .div1{ font-size:16px;} .l_case_show .div1 p{ text-indent:0em;} .l_case_show .div1 img{ max-width:100%; height:auto; /* display:block */;} .l_case_show .l_sx{margin:60px 0px; display:flex; background:#f5f5f5; padding:0px 12px;} .l_case_show .l_sx.t2 .div3{ flex:1 1 0%; display:flex; flex-wrap: wrap;padding:10px; } .l_case_show .l_sx.t2 .div3 .prev{padding-bottom:10px;} .l_case_show .l_sx div{flex:1 1 0%;font-size: 15px; display: flex; align-items: center;} .l_case_show .l_sx.t2 .div3 div{flex:0 0 100%;justify-content: left; } .l_case_show .l_sx.t2{ padding:0px;} .l_case_show .l_sx div.next{ text-align:right;justify-content:right;} .l_case_show .l_sx .mdi{ font-size:20px;margin-right: 6px; color:#05377c;} .l_case_show .l_sx div.div2{ text-align:center; border:1px solid #eee; padding:5px 0px;flex:0 0 120px;justify-content:center;background:#1192d4;} .l_case_show .l_sx div.div2:hover{ background:#05377c;} .l_case_show .l_sx div.div2 *{ color:#ffffff;} .lfy{ margin-top:20px; display:flex; justify-content:center;align-items:center;} .lfy .pagination .disabled:first-child{ display:none;} .lfy .pagination li.disabled{ color:#999999;} .lfy .pagination li{justify-content: center; align-items: center; display: flex; padding: 0.5rem 0.75rem; margin-left: -1px; line-height: 1.25; color: #007bff; background-color: #fff; border: 1px solid #dee2e6;} .lfy .pagination li.active{ color:#ffffff; background:#1192d4;} .lfy .pagination li input{border:1px solid #eee; padding:3px 12px;} .lfy .pagination li input.page_number{ width:80px;} .lfandz .shake{ margin-top:15px;} .lfandz .shake .form-group{} .lfandz .btn{ font-size:16px; width:160px;} .lfandz .btn.btn-raised.btn-info{ background:#1192d4; margin-left:20px;} .lfandz .btn.disabled{opacity: 1;color: rgba(255, 255, 255, .9);} .lfandz .btn.btn-raised, .lfandz .btn.btn-raised.btn-default{-webkit-box-shadow: none; box-shadow: none;} .lfandz .form-group.has-error .help-block{ color:#dc3545;} .lfandz #msgSubmit{font-size: 20px; text-align: left !important; margin-top: 15px;} .lfandz .l_case_show .div1{ margin-bottom:20px;} .lfandz .l_case_show .lh1{ margin-top:0px;} .lfandz #contactForm label{ color:#333333;} .lfandz #contactForm .form-control{border:1px solid #eee; background-image:none; text-indent:12px;} .lfandz #contactForm .is-focused .form-control{border:1px solid #1192d4;} .lfandz #contactForm .is-focused label{ color:#1192d4;} .l_news_list{ width:100%; display:block; clear:both;padding: 0px;} .l_news_list li{ display:flex; background:#f5f5f5; margin-bottom:50px;} .l_news_list li:hover{background:#f8f8f8;-webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out;} .l_news_list li .a1{ flex:0 0 450px; background:url() no-repeat center center;background-size:cover; overflow:hidden;} .l_news_list li .a1:hover{opacity: ;} .l_news_list li .a1 em{ display:block; height:100%; background:url() no-repeat center center;background-size:cover; width:100%;margin: 0px;-webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out;} .l_news_list li .a1:hover em{transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1); -ms-transform:scale(1.1);} .l_news_list li .a2{flex:1 1 0%; padding:15px 0px; display:flex;} .l_news_list li .a2 a{flex:1 1 0%; color:#333333;} .l_news_list li .a2 a *{ display:block;margin-top:20px; padding:0px 0px 0px 60px;} .l_news_list li .a2 a span,.l_news_list li .a2:hover a span,.l_news_list li.active .a2 a span{ color:#999999;} .l_news_list li .a2 a b{ font-size:18px; } .l_news_list li .a2 a em{ margin-bottom:20px; font-style: normal;} .l_news_list li .a2:hover *,.l_news_list li.active .a2 *{color:#1192d4;} .l_news_list li .a2 .s1{ flex:0 0 180px; display:flex; flex-wrap: wrap; flex-direction:column;justify-content:center;align-items:center;font-family: lbold; min-height: 250px;} .l_news_list li .a2 .s1 i{ display:block;border-bottom:1px solid #444; font-size: 60px; line-height: 68px;font-style: normal; margin-bottom:10px;} .l_news_list li .a2:hover .s1 i,,.l_news_list li.active .a2 .s1 i{border-bottom:1px solid #1192d4;} .l_news_list li .a2 .s1 em{display:block;font-size:18px;font-style: normal; } .l_wenda_list .Material-default-accordion .panel-default{-webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1); box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1);} .l_wenda_list .Material-default-accordion .panel-default .panel-heading a{ background:rgba(17, 146, 212,0.2); color:#111111; padding-right: 40px;line-height: 26px;} .l_wenda_list .Material-default-accordion .panel-default .panel-heading a.collapsed{ background:rgba(5, 55, 124,0.04);} .l_wenda_list .Material-default-accordion .div1:nth-child(even) .panel-default .panel-heading a.collapsed{ background:#f5f5f5;} .l_wenda_list .Material-default-accordion .div1:nth-child(even) .panel-default .panel-heading a{background:rgba(17, 146, 212,0.2); color:#111111;} .l_wenda_list .Material-default-accordion .panel-default .panel-body{ font-size:16px;} .l_wenda_list .Material-default-accordion .panel-default .panel-heading .panel-title i { font-size: 24px;} .labouth1{ font-size:32px; font-weight:bold; color:; margin:50px 0px 50px; text-align:center;} .labouth1.t1{margin:40px 0px 60px;} .labout{ font-size:16px;} .labout img{ max-width:100%; height:auto;} .labout img.img1{ margin:20px 0px;} .labout .div1{ height:100%;} .labout .div1 div{ display:flex;flex-flow: column; align-items: center; } .labout .div1 div *{ display:block; clear:both; } .labout .div1 div i{ font-size:56px; margin-top: 30px; height: 60px; color:#1192d4;} .labout .div1 div span{ width:50%; flex:1 1 0%;text-align: center;} .labout .div2 .lc1{ width:100%; height:300px; border-radius:50%;background:url(../images/fw2.jpg) no-repeat center center;background-size:cover;} .labout .circle { width: 52.9375%; padding-top: 52.9375%; margin: 0 auto; position: relative;} .labout .circle .circle-1 { width: 55.46153%; height: 55.46153%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);background:url(../images/fw2-2.jpg) no-repeat center center;background-size:cover;border-radius:50%;} .labout .circle .circle-2 { width: 91.23076%; height: 91.23076%; border: 3px solid #1192d4; border-radius: 50%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);} .labout .circle .circle-3 { width: 70%; height: 70%; border: 3px solid #1192d4; border-radius: 50%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);} .labout .circle .circle-3 .lposr{ position:relative; width:100%; height:100%;} .labout .circle .circle-3 .lposr .circle-10{ width:45px; height:45px; background:#1192d4;border-radius: 50%; position:absolute; left:-100px; top:48%; line-height:45px; text-align:center; font-size:24px; color:#ffffff;} .labout .circle .circle-3 .lposr .circle-10.ly{ background:#05377c;} .labout .circle .circle-3 .lposr .circle-10 span{ display:block; position:relative; width:100%; height:100%; } .labout .circle .circle-3 .lposr .circle-10 span em{ font-style:normal; display:block; width:150px; height:64px; position:absolute; left: -165px; top: -10px; font-size:16px; color:#333333; line-height: 32px; text-align:right;} .labout .circle .circle-3 .lposr .circle-10.lr span em{ left:auto; right:-165px; text-align:left;} .labout .circle .circle-3 .lposr .circle-10.r1{ left:auto; right:-100px;} .labout .circle .circle-3 .lposr .circle-10.r2{ left:auto; right:0px;top:0px;} .labout .circle .circle-3 .lposr .circle-10.r3{ left:auto; right:0px;bottom:0px;top: auto;} .labout .circle .circle-3 .lposr .circle-10.l2{ left:0px; top:0px;} .labout .circle .circle-3 .lposr .circle-10.l3{ left:0px; top:auto;bottom:0px;} .labout .section-title{ font-size:27px;margin-bottom: 60px;} .labout .work-counter-section { margin:50px 0px 0px 0px; } .labout .work-counter-section p{ font-size:20px; text-align:center;text-indent:0em;} .labout p{text-indent:2em;} .labout_qy{ margin-bottom:60px;} .labout_qy .p1 *{ display:block; z-index: 1; position:relative;} .labout_qy .p1{background:url(../images/fw2.jpg) no-repeat center center;background-size:cover; position:relative;color: #ffffff; overflow: hidden;height: 350px;background-image: linear-gradient(rgba(0,0,0,0.8) 0%,rgba(255,255,255,0) 30%,rgba(255,255,255,0) 60% ,rgba(0,0,0,0.8) 100%),url(/html/assets/images/about/1050e824-7d7e.jpg); } .labout_qy .p1:before{ content:""; position:absolute; left:0px; top:0px; width:100%; height:100%; background:rgba(0, 0, 0,0.2); z-index: 0;} .labout_qy .p1 b{ text-align:center; margin-top: 50px; font-size: 22px; font-weight: normal; text-shadow: 0 1px 2px #000000, 1px 0 2px #000000, -1px 0 2px #000000, 0 -1px 2px #000000;} .labout_qy .p1 span{ font-size:18px; line-height:; position:absolute; width:80%; left: 30px; line-height: 1.8em; bottom: 20px;text-shadow: 0 1px 1px #000000, 1px 0 1px #000000, -1px 0 1px #000000, 0 -1px 1px #000000;} .labout_fz{ text-align:center;} .labout_td a{ height:430px; display:block;} .labout_td a i{ display:block;background:url() no-repeat center center;background-size:cover;height:400px; padding:0px 10px;} .labout_td a img{ display:none;} .labout_qyys{background:url() no-repeat center center;background-size:cover; background-image: linear-gradient(0deg,rgba(225,225,225,0.8) 0%,#ffffff 100%),url(../images/481235-2.jpg); padding-bottom:50px; margin-bottom:50px;} .labout_jj{background:url() no-repeat center center;background-size:cover; background-image: linear-gradient(0deg,rgba(225,225,225,0.3) 0%,#ffffff 100%),url(../images/bg_qyys.png); padding-bottom:50px; margin-bottom:50px;} .labout_qyys .row{height:580px; } .labout_qyys .div_c{ width:90%; margin:0 auto; height:380px; display:flex;flex-wrap: wrap;box-shadow: 0 1px 4px rgba(0, 0, 0, 0.26);} .labout_qyys .div_c *{ display:block; font-style:normal;} .labout_qyys .div_c i{ height:55%;background:url(../images/fw2.jpg) no-repeat center center;background-size:cover; flex-wrap: wrap; width: 100%;} .labout_qyys .div_c span{ height:45%;width: 100%;background: linear-gradient(180deg, #febd02, #c85f11);} .labout_qyys .div_b:nth-child(2) .div_c span{ height:45%;width: 100%;background: linear-gradient(180deg, #5b9bd5, #1f4e79);} .labout_qyys .div_b:nth-child(3) .div_c span{ height:45%;width: 100%;background: linear-gradient(180deg, #7f7f7f, #333333);} .labout_qyys .div_b:nth-child(4) .div_c span{ height:45%;width: 100%;background: linear-gradient(180deg, #548235, #385723);} .labout_qyys .div_c span *{ width:90%; margin:0 auto; color:#ffffff;} .labout_qyys .div_c span b{ font-size:24px; margin:20px auto; text-align:center;} .labout_qyys .div_b{ display:flex;} .labout_qyys .div_b:nth-child(even){align-items: flex-end;} .labout_hzhb { margin-bottom:50px; } .labout_hzhb .row div.col-md-6{} .labout_hzhb .row .img{ margin:10px 10px 10px 0px;} .labout_hzhb .row.divimgt{border-right:1px solid #eee;border-bottom:1px solid #eee;} .labout_hzhb .row .divimg{height:150px; display:flex;justify-content: center; align-items: center;border-left:1px solid #eee;border-top:1px solid #eee;} .labout_hzhb .row .divimgb{display:flex;justify-content: center; align-items: center;} .labout_hzhb .row .divimg img{ width:auto; height:100%;-webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out;} .labout_hzhb .row .divimg:hover img{transform:scale(0.9); -webkit-transform:scale(0.9); -moz-transform:scale(0.9); -o-transform:scale(0.9); -ms-transform:scale(0.9);} .labout_ryzz .labout_td a{ position:relative; display:flex;justify-content: center; align-items: center;} .labout_ryzz .labout_td a img{ display:block;z-index:1;position:relative; width:70%; height:auto;} .labout_ryzz .labout_td a i{ position:absolute; left:10px; top:10px; z-index:0; width:calc(100% - 20px); height:calc(100% - 20px); background-size: contain;-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out;box-shadow: 0 1px 4px rgba(0, 0, 0, 0.26);} .labout_ryzz .labout_td a:hover i{box-shadow: 0 1px 8px rgba(0, 0, 0, 0.36);} .labout_lx .div_c{ width:90%; padding-top:50px; text-align:center; border:1px solid #E2E2E2; height:250px; border-radius: 5px;margin-bottom: 40px;background: #ffffff;} .labout_lx .div_c *{ display:block; margin-bottom:10px;} .labout_lx .div_c b{ font-size:20px; margin:10px 0px 20px;} .labout_lx .div_c i{ margin-bottom:20px;} .labout_lx .div_c .iconfont{font-size:50px;} .labout_lx .div_c .iconfont.lfont40{font-size:44px;} .labout_lx .div_c.t2{padding-top:20px; height: 160px;} .labout_lx .div_c.t2 b{margin:10px 0px;} .labout_lx .div_c.t2 .row{ display: flex;} .labout_lx .div_c.t2 .row .t3{ text-align:left; padding-left:0px;} .labout_lx .div_c.t2 .row .t4{display:flex;justify-content: center; align-items: center;} .labout_lx.t2 .div_c b{ margin:30px 0px;} .labout_lx.t2 .div_c{ padding:0px;height:450px;} .labout_lx.t2 .div_c em{background:url() no-repeat center center;background-size:cover; height:240px;} .labout_lx.t2 .div_c p{ width:94%; margin:0px auto 10px; text-align:left; text-indent:0px;display: flex;} .labout_lx.t2 .div_c p i{ display:inline-block;margin: 0px; margin-right: 5px;} .labout_lx.t2 .div_c p span{margin-bottom: 0px;} .labout_bgdz{background: url() no-repeat center center; background-size: cover; background-image: linear-gradient(0deg,#ffffff 0%,rgba(225,225,225,0.3) 100%),url(../images/about/V-126535-907489C6O.jpg);} #lg-download{ display:none;} .labout_hzhb2{ width:100%; height:600px; position:relative; --swiper-theme-color: #ff6600;/* 设置Swiper风格 */ --swiper-navigation-color: #dedede;/* 单独设置按钮颜色 */ --swiper-navigation-size: 20px;/* 设置按钮大小 默认是44px */ margin-bottom:50px; } .labout_hzhb2 .swiper { width: 100%; height: 100%; margin-left: auto; margin-right: auto;border-right: 1px solid #dedede; border-bottom: 1px solid #dedede; } .labout_hzhb2 .swiper-slide { text-align: center; font-size: 18px; background: #fff; height: calc((100% - 0px) / 4); /* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .labout_hzhb2 .swiper-slide div{ display:flex; width: calc(100% - 1px); height:calc(100% - 1px);border-left: 1px solid #dedede; border-top: 1px solid #dedede;-webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;} .labout_hzhb2 .swiper-grid-column>.swiper-wrapper{flex-direction:;} .labout_hzhb2 .swiper-slide img{ width:auto; height:100%;-webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out;} .labout_hzhb2 .swiper-slid:hover img,.labout_hzhb2 .swiper-slide img:hover{transform:scale(0.9); -webkit-transform:scale(0.9); -moz-transform:scale(0.9); -o-transform:scale(0.9); -ms-transform:scale(0.9);} .labout_hzhb2 .lpos{ height:299px; width:calc(50% - 1px); background:#ffffff; display:flex;justify-content: center;align-items: center; left:0px; top:0px; position: absolute; z-index: 2;} .labout_hzhb2 .lpos .swiper-button-next,.labout_hzhb2 .lpos .swiper-button-prev{ top:10px; width:40px; height:40px;border: 1px solid #dedede; right:-1px;} .labout_hzhb2 .lpos .swiper-button-next:hover{ background:#1192d4;color:#ffffff;} .labout_hzhb2 .lpos .swiper-button-prev{left:auto; right:39px;} .labout_hzhb2 .lpos .swiper-button-disabled{ background:#dedede; color:#ffffff;opacity:1;} .hidden-xs{ display:block;} .visible-xs{ display:none;} @media (min-width: 1200px) { .container, .container-lg, .container-md, .container-sm, .container-xl { max-width: 1420px;} .container.t1 { max-width: 1640px;} #navbarSupportedContent{justify-content:center;} } @media (max-width: 1610px) { .section-title{font-size: 30px;} .l_index_h5{margin-bottom: 25px;} } @media (max-width: 1300px) { .labout_qyys .div_c{ width:100%;} .hero-heading { font-size: 35px;line-height: 60px;} .index_product2{ width:100%;} .index_product2 a{ margin-bottom:12px; margin-left: 12px;} .index_product2 a{ display: block; width:calc(50% - 12px);} .index_product2 a img,.index_product2.t3 .aimg2 img{ width:100%; height:auto;} .index_product2 .aimg2.lh{width:calc(50% - 24px); margin-bottom:12px;} .index_product2 .aimg2.lh img{ width:100%; height:auto;} .index_product2.t3 a{width:calc(33.33% - 15px);} .l_p_list .div1 a *{ margin:0px 10px;} } @media (max-width: 1050px) { .labout .div1 div span{width: 90%;} .labout .circle .circle-3 .lposr .circle-10{left: -80px;} .labout .circle .circle-3 .lposr .circle-10.r1{right: -80px;} .labout .circle .circle-3 .lposr .circle-10.l2 { left: -10px; top: -10px;} .labout .circle .circle-3 .lposr .circle-10.r2{right: -10px; top: -10px;} .labout .circle .circle-3 .lposr .circle-10.l3 { left: -10px; bottom: -10px;} .labout .circle .circle-3 .lposr .circle-10.r3 { right: -10px; bottom: -10px;} .container.t1{ max-width: 98%;} .navbar-area.lg .navbar-nav .nav-item > a.page-scroll,.navbar-area .navbar-nav .nav-item > a.page-scroll{ padding:37px 20px;} .carousel-inner { height: 63vw;} .l_p_top_banana{ height:400px;} .labout_qyys .row{ height:auto;} .labout_hzhb2 .swiper-slide img{ height:auto; max-width:96%;} .labout_lx .div_c{width: 100%;} .section-padding.t{height:auto; min-height:unset;overflow: hidden;} .carousel-caption{ left:5%;} .l_index_hz{padding: 10px 0px;margin-bottom: 0px;} .l_p_list .div1 a span{ margin-bottom:0px;} .l_pc_show .div2{padding-bottom: 55px;} .h2, h2{ font-size: 1.8rem;} .l_news_list li .a1 { flex: 0 0 43%;} .l_news_list li .a2 a *{ padding-left:20px;margin-top: 10px;} .l_news_list li .a2 .s1 { flex: 0 0 90px;min-height:auto;} .l_news_list li .a2 a em { margin-bottom: 10px;} .l_news_list li .a2 a span{height: 80px; overflow: hidden; text-overflow: ellipsis;} .l_case_show { width:100%;} } @media (max-width: 780px) { .l_foot .ldiv1{flex-wrap: wrap;} .labout .circle .circle-3 .lposr .circle-10 { left: -60px;} .labout .circle .circle-3 .lposr .circle-10.r1 { right: -60px;} .labouth1.t1{margin: 20px 0px 30px;} .labouth1,.labout .section-title { font-size: 24px;} .l_p_top_banana{ height:300px;} .navbar-area.lg .navbar-nav .nav-item > a{ padding: 10px 15px;} .navbar-area.lg .navbar-nav .nav-item > a.page-scroll { padding: 10px 0px;} .l_top_a{ padding: 7px 2px; margin-left: 0px;margin-right:4px;} .navbar-brand{order:1;} .navbar-area{height: 98px;} .l_p_top_banana{margin-top: 98px;} .navbar-collapse{top: 130%;} .labout .div1 div span { width: 100%;} .l_p_top_menu{margin: 30px auto;} .l_list_down .table{ width:100%;} .l_list_down .table td, .l_list_down .table th{ min-width:110px;word-wrap:break-word; width:auto;} .l_list_down .table td:nth-child(1),.l_list_down .table th:nth-child(1){min-width:340px; } .l_list_down .table td:nth-child(2),.l_list_down .table th:nth-child(2){min-width:240px; } .labout_td a{ height:330px;} .labout_td a i{height:300px;} .labout_qy .p1 span{width: 96%; left: 5%;} .labout_qy .p1{ height:240px;} .imggd{ width:100%; overflow:hidden;overflow-x: auto;} .imggd img{ width:auto; max-width:none;} .labout_lx .div_c.t2 .row .t3{ word-wrap: break-word;} .labout_lx.t2 .div_c b { margin: 20px 0px;} .single-blog-post .post-meta .subtitle{ height:auto;} .section-title { font-size: 24px;} .carousel-inner { margin-top: 92px;} .h5, h5 { font-size: 1.1rem;} #main-slide .carousel-item{ height:100%;} .hero-heading { font-size: 32px; line-height: 50px;} .l_p_list .div1 a b { font-size: 16px;} .l_p_list .div1 a *{ font-size: 14px;} .h2, h2{ font-size: 1.6rem;} } @media (max-width: 690px) { .container, .container-sm { max-width:95%;} .labout{ overflow:hidden;} .labout .circle .circle-3 .lposr .circle-10 span em{ font-size: 14px;width: 120px; left: -125px;line-height: 22px;} .labout .circle .circle-3 .lposr .circle-10{ width: 35px;font-size: 17px; line-height:35px; height: 35px;} .labout .circle .circle-3 .lposr .circle-10.lr span em{right: -130px;} .Material-default-accordion .panel-default .panel-heading .panel-title{ font-size:17px;} .l_wenda_list .Material-default-accordion .panel-default .panel-heading .panel-title i{ font-size:21px;} .l_wenda_list .Material-default-accordion .panel-default .panel-body{font-size:15px;} .labout .section-title{ margin-bottom:40px;position: relative;} .section-title{position: relative;} .h5, h5 { font-size:15px;} .l_p_top_menu{height:auto;} .l_p_top_menu a{ flex:none; height:auto; margin-bottom:15px;} .h2, h2{ font-size: 1.5rem;} .l_pc_show .div2,.l_pc_show .div2_2{ font-size:15px;} .l_pc_show .div2 .row{font-size:16px;} .labout_hzhb2 .swiper-slide{border: 1px solid #dedede; width:100%;} } @media (max-width: 580px) { .labout{ font-size:15px;} .container, .container-sm { max-width:100%;} .labout img.img1{ max-width:50%;margin: 10px auto; display: block;} .l_p_top_menu a{font-size: 15px; padding: 4px 6px;} .labouth1,.labout .section-title { font-size: 20px;} .labout .work-counter-section p{ font-size:18px;} .work-counter-section .divt .timer, .work-counter-section .divt .timer2{ font-size: 48px;} .work-counter-section .counter p{ margin-bottom: 10px; margin-top: 10px;} .work-counter-section .divt{margin-top:4px;} .labout .circle .circle-3 .lposr .circle-10{ top:40%; left: -40px;} .labout .circle .circle-3 .lposr .circle-10.r1 { right: -40px;} .navbar-nav .nav-item > a{ font-size:15px;} .hidden-xs{ display:none;} .visible-xs{ display:block;} .imggd img{ height:360px;} .labout_qyys .div_c span *{ width:96%;} .labout_qyys .div_c span b { font-size:18px; margin: 15px auto;} .labout_qyys .div_c span em{ font-size:14px;} .labout_hzhb2 .lpos{ height:auto; position:static; width:100%;} .labout_hzhb2 .swiper{ height:75%; margin-top:10px;} .labout_hzhb2 .swiper-slide img{ width:90%;} .labout_hzhb2 .swiper-slide{height: calc((100% - 0px) / 3);} .labout_hzhb2{ height:750px;} .hero-heading { font-size: 30px; line-height:42px;} .l_p_top_seacher { width: 96%;} .l_pc_show .div2_1 .row div:nth-child(odd){ text-align:left; padding:0px 6px;} .l_pc_show .div2_1 .row div{padding:0px 6px;text-indent:0px;} .l_news_list li .a2{ padding: 5px 0px;} } @media (max-width: 420px) { .lclear4{ height:20px;} .l_p_top_menu a { font-size: 14px;} .l_top_a{ font-size: 14px !important;padding: 7px 0px;} .l_p_top_banana { height: 200px;;} .labout .circle .circle-3{ width: 60%; height: 60%; border: 1px solid #1192d4;} .labout .circle .circle-2 { width: 75%; height: 75%; border: 1px solid #1192d4;} .labout .circle .circle-3 .lposr .circle-10 { width: 25px; font-size: 16px; line-height: 25px; height: 25px;} .labout .circle .circle-3 .lposr .circle-10 span em{ top: -40px;} .labout .circle .circle-3 .lposr .circle-10.l3 span em,.labout .circle .circle-3 .lposr .circle-10.r3 span em{ top: 10px;} .labout .circle .circle-3 .lposr .circle-10.lr span em{ right: -105px;} .labout{ font-size:14px;} .labout .circle .circle-3 .lposr .circle-10 span em{width: 100px; left: -105px;} .labout .circle .circle-3 .lposr .circle-10.ly span em{ top: -20px; width: 90px; left: -95px;} .labout .circle .circle-3 .lposr .circle-10.r1 span em{left:auto;right: -95px;} .labout .circle .circle-3 .lposr .circle-10{left: -30px;} .labout .circle .circle-3 .lposr .circle-10.r1{ right: -30px;} .labouth1.t1{margin: 10px 0px 10px;} .labouth1,.labout .section-title { font-size: 18px;} .navbar-brand2 img { max-width: 120px;} .l_foot .l_title { font-size: 13px;} .l_foot .ltel{letter-spacing: 0px;} .lfont16.t2{font-size: 13px;} .page-footer .footer-title{ margin:0px 0px 10px;font-size: 15px;} .page-footer .widget .unordered-list li a{ font-size:12px;} .Material-default-accordion .panel-default .panel-heading .panel-title{ font-size:16px;} .l_wenda_list .Material-default-accordion .panel-default .panel-heading .panel-title i{ font-size:20px;} .l_wenda_list .Material-default-accordion .panel-default .panel-body{font-size:14px;} .imggd img{ height:320px;} .labout_qy .p1 b{font-size: 18px;} .labout_qy .p1 span{font-size: 14px;} .labout .work-counter-section p{ font-size:16px;} .work-counter-section .divt .timer, .work-counter-section .divt .timer2{ font-size: 36px;} .work-counter-section .counter p{ margin-bottom: 0px; margin-top:0px;} .labout_td a{ height:230px;} .labout_td a i { height: 220px;} .labout_hzhb2{ height:500px;} .labout_lx .div_c b{font-size:16px;} .labout_lx .div_c{padding-top: 20px;margin-bottom: 20px;height: 190px;} .labout_lx .div_c .iconfont { font-size: 36px;} .labout_lx .div_c .iconfont.lfont40 { font-size: 32px;} .labout_lx.t2 .div_c{height: 420px;} .hero-heading { font-size: 22px; line-height:32px;} #main-slide .btn-common, #main-slide .btn-border { padding: 4px 4px;} .section-title { font-size: 18px;margin-bottom: 25px; margin-top: 10px;} .section-padding { padding: 10px 0px;} .l_index_jjfa h2.subtitle { font-size: 15px;} .l_about p{ font-size:14px;} .index_hz_slide .swiper { padding: 0 0px;} .l_about_div .l_pd{ padding:10px 0px;} .l_index_honors .swiper-container { padding-top: 10px; padding-bottom: 10px;} .l_index_news .l_menu{padding-bottom: 10px;} .l_p_two .section-title{ font-size:18px; margin-bottom: 25px; margin-top: 15px;} .l_p_list .div1 a b{font-size:14px;height: 28px; margin-top: 10px; line-height: 28px;} .l_p_list .div1 a *{font-size:14px;line-height: 1.5;} .l_p_list .div1 a i{ height:200px;} .h2, h2 { font-size:17px;} .l_pc_show .div2,.l_pc_show .div2_2{ font-size:14px;} .l_pc_show .div2 .row{font-size:15px;} .l_pc_show .div2 span{margin: 15px 0px;} .lside_news_list, .l_p_s_pic { --swiper-navigation-size: 20px;} .l_news_list li{ display:block;} .l_news_list li .a1{display: block;height: 200px;} .l_news_list li .a2 a b { font-size: 15px;} .l_news_list li .a2 a *{padding-left: 10px;} .l_news_list li .a2 a span{display: none;} .l_news_list li{ margin-bottom:15px;} .l_case_show .lh1{font-size: 18px;margin: 20px 0px;line-height: 26px;} .l_case_show .div1{ font-size:14px;} .l_case_show .l_sx{ flex-wrap: wrap;} .l_case_show .l_sx.t2 .div3,.l_case_show .l_sx div.div2{flex: 0 0 100%;} .l_case_show .l_sx div{font-size:14px;} .l_p_list.fa .div1 a b{ height: auto; line-height: 24px;} } @media (max-width: 380px) { body{ font-size:13px;} .Material-default-accordion .panel-default .panel-heading .panel-title{ font-size:15px;} .l_wenda_list .Material-default-accordion .panel-default .panel-heading .panel-title i{ font-size:18px;} .l_wenda_list .Material-default-accordion .panel-default .panel-body{font-size:14px;} .labout_hzhb2 { height: 450px;} } @media (max-width: 330px) { body{ font-size:12px;} .l_top_a{ margin-left:2px;} .navbar-brand{ width:120px;} .labout .circle .circle-3 .lposr .circle-10 span em{ font-size:12px; line-height: 19px;} .navbar-nav .nav-item > a{ font-size:14px;} .Material-default-accordion .panel-default .panel-heading .panel-title{ font-size:14px;} .l_wenda_list .Material-default-accordion .panel-default .panel-heading .panel-title i{ font-size:17px;} .l_wenda_list .Material-default-accordion .panel-default .panel-body{font-size:12px;} .labout_hzhb2 { height: 380px;} .hero-heading { font-size: 16px; line-height: 24px;} .l_pc_show .div2 .btn{padding: 8px 20px;} .l_pc_show .div2 .btn.btn1 { right: 165px;} }