@charset "utf-8"; *, *:before, *:after { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; outline:0; margin:0; padding:0; } #bsWXBox { box-sizing:content-box; } ul { list-style:none; } body, div, span, h1, h2, h3, h4, h5, h6, p, em, img, strong, b, small, u, i, center, dl, dt, dd, ol, ul, li, sub, sup, tt, var, del, dfn, ins, kbd, q, s, samp, strike, applet, object, iframe, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, blockquote, pre, a, abbr, acronym, address, big, cite, code, mark, audio, video, input, textarea, select { margin:0; padding:0; } a:link, a:visited { text-decoration:none; outline:0; color:#666 } a:hover, a:active, a:focus { color:#666; text-decoration:none } img { border:0; padding: 0; margin: 0; max-width:100%; } table { border-collapse:collapse; width:100% } h1, h2, h3, h4, h5, h6 { font-weight:normal; } input, textarea { font-size:14px; outline:0; overflow:hidden; font-family:arial, "microsoft yahei" } input[type='reset'], input[type='button'], input[type='submit'], input[type='radio'] { cursor:pointer; outline:0; border: none; } input[type='checkbox'], input[type='radio'] { position:relative; vertical-align:middle; } textarea, input[type='email'], input[type='date'], input[type='password'], input[type='text'] { outline:0; color:#666; } input[type="submit"], input[type="reset"], input[type="button"], input[type='text'], select, button { -webkit-appearance:none } input, select, textarea { -webkit-appearance:none; -webkit-tap-highlight-color:rgba(0, 0, 0, 0); } ::-webkit-input-placeholder { color:#999; } :-moz-placeholder { color:#999; opacity:1; } ::-moz-placeholder { color:#999; opacity:1; } :-ms-input-placeholder{ color:#999; } .clearfix:after { clear:both; height:0; content:""; line-height:0; font-size:0; display:block } .clear { clear:both; } body { font-family:arial, "microsoft yahei"; font-size:14px; color:#666; line-height:1.5; width:100%; background:#fff; -webkit-tap-highlight-color:transparent; -webkit-text-size-adjust: none; } .fl { float:left; } .fr { float:right; } .pic{ position: relative; overflow: hidden; width: 100%; } .pic:after{ content: ''; display: block; padding-bottom: 100%; } .pic img{ transition: .5s; } .middleCenter { position:absolute; top:0; bottom:0; left:0; right:0; max-width:100%; max-height:100%; display:block; vertical-align:middle; text-align:center; margin:auto } .tp{ overflow: hidden; } .tp img{ display: block; max-width: 100%; height: auto; margin: auto; transition: .5s; } .container1 { width: 90.4%; margin: 0 auto; } header { width:100%; margin:0 auto; } .index .daohang{ position: absolute; top: 0; z-index: 999; background-color: transparent; } .daohang { display:block; width:100%; margin:0 auto; height:96px; clear:both; background-color: #fff; } .yx { float:left; } .yx a { padding-top: 11px; display:flex; align-items: center; } .index .yx a{ padding-top: 25px; } .yx img { max-width:100%; height:auto; } .logo_txt{ margin-left: 22px; font-size: 30px; color: #183883; } .index .logo_txt{ color: #fff; } .navdaohang { float:right; margin-top: 32px; } .index .navdaohang{ margin-top: 45px; } .menupc li{ float: left; text-align: center; line-height:31px; height: 64px; z-index: 9; position:relative; margin: 0 32px; } .menupc li:hover a{ font-weight: bold; } .menupc li:hover a:after{ width:100%; } .menupc li a{ display:block; color: #353535; font-size: 16px; z-index: 999; position: relative; } .index .menupc li a{ color: #fff; } .menupc li a:after{ content:''; display: block; position:absolute; bottom: 0; left:0; right: 0; width:0; height: 2px; background-color: #0d4da1; margin:0 auto; z-index: -1; transition:all .3s; -moz-transition:all .3s; -webkit-transition:all .3s; -o-transition:all .3s; } .index .menupc li a:after{ background-color: #fff; } .menupc li a:hover:after{ width: 100%; } .menupc li a:hover{ font-weight: bold; } .menupc li .current{ font-weight: bold; } .menupc li .current:after{ width:100%; } .menupc .xiala{ background: #fff !important; position: absolute; display:none; top: 64px; left: 0; overflow: hidden; z-index: 999; width:335px; margin-left: -50px; padding: 10px 24px 20px 24px; } .xiala_fl{ float: left; width: 102px; } .menupc li:nth-child(3) .xiala{ width: 527px; margin-left: -167px; } .menupc li:nth-child(3) .xiala .xiala_fl{ width: 284px; display: flex; justify-content: space-between; } .menupc li:nth-child(3) .xiala .xiala_fl dl{ width: 49%; } .xiala_fl dd{ float: none; position: static; text-align: justify; line-height: 25px; width:100%; margin-bottom: 20px; } .xiala_fl dd:last-child{ margin-bottom: 0; } .xiala_fl dd a{ display: block; font-size: 14px; position:relative; color:#606060 !important; font-weight: normal !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 0 0 0 10px; } .xiala_fl dd a:after{ display: none; } .xiala_fl dd a:before{ content: ''; display: block; position: absolute; left: 0; top: 10px; height: 3px; width: 3px; background-color: #b5b5b5; border-radius: 50%; } .xiala_fl dd a:hover:before{ background-color: #0d4da1; } .xiala_fl dd a:hover{ color: #0d4da1 !important; } .menupc dd .current{ color: #0d4da1 !important; } .menupc dd .current:before{ background-color: #0d4da1; } .xiala_fr{ float: right; width: 185px; height: 157px; } .xiala_fr img{ max-width: 100%; height: auto; } .menupc .xiala.subnav { display: block; } .nav-fr{ float: right; margin-top: 32px; } .index .nav-fr{ margin-top: 44px; } .nation{ float: left; position: relative; margin: 0 42px 0 25px; } .index .nation{ margin: 0 18px 0 22px; } .nation_t{ cursor: pointer; line-height: 27px; } .index .nation_t{ line-height: 32px; } .nation_t h3{ font-size: 14px; color: #353535; background: url("../images/jt2.png") no-repeat right center; padding-right: 14px; text-transform: uppercase; } .index .nation h3{ color: #fff; background: url("../images/jt1.png") no-repeat right center; } .nation_b{ display: none; background-color: #fff; padding: 5px 0; overflow: hidden; position: absolute; width: 100%; top: 35px; z-index: 99; box-shadow: 0px 0px 10px #ccc; } .nation_b li{ line-height: 25px; text-align: center; } .nation_b li a{ display: block; font-size: 12px; color: #353535; } .nation_b li a:hover{ color: #0d4da1; } .link{ float: right; display: flex; align-items: center; } .link a{ display: block; width: 27px; line-height: 27px; text-align: center; height: 27px; border-radius: 50%; background-color: #0d4da1; color: #fff; font-size: 12px; font-weight: bold; margin-left: 10px; } .index .link a{ background-color: #fff; color: #0d4da1; margin-left: 19px; width: 32px; line-height: 32px; height: 32px; font-size: 16px; } /*鎵嬫満瀵艰埅*/ .phone-nav { position:absolute; font-size:30px; right:15px; top:0px; line-height:60px; display:none; color:#666; } .phone-nav img{ height: 30px; margin-top: 15px; display: block; } .header a[href="#page"] { display:none!important; } .mm-opened .header a[href="#page"] { display:block!important; } .mm-opened .header a[href="#mmenu"] { display:none!important; } #mmenu { z-index:9999; } #mmenu li .home-search { float:left; margin-left:20px; width:90%; background-color:#fff; padding-left:0; overflow:hidden; margin-top:10px; position:relative } #mmenu li .home-search .keyword { text-align:left; border:0; box-shadow:0; border-radius:0; width:86%; -webkit-border-radius:0; -moz-border-radius:0; -o-border-radius:0; -mz-border-radius:0; font-size:14px; color:#999; line-height:20px; vertical-align:top; padding:6px 86px 6px 10px; -webkit-appearance:none; background-color:#fff; border:1px solid #ccc } #mmenu li .home-search .keyword:focus { transition:border linear .2s, box-shadow linear .5s; -moz-transition:border linear .2s, -moz-box-shadow linear .5s; -webkit-transition:border linear .2s, -webkit-box-shadow linear .5s; outline:0; border:1px solid #0a78bc; } #mmenu li .home-search .btn-sub { top:0; border:0; right:0; color:#f28800; width:42px; height:34px; line-height:34px; text-align:center; position:absolute; cursor:pointer; border-radius:0; background:#f28800 url(../images/search3.png) no-repeat center center; } .container-fluid { margin-left:auto; margin-right:auto; padding:0 15px; } /*swiper鐨刡anner*/ .home-banner { overflow:hidden; width:100%; margin: 0 auto; position:relative; } .swiper-container { width: 100%; height: 100%; position: relative; } .swiper-slide { text-align: center; 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; } .banners a{ display: block; } .banners a img{ display: block; width: 100%; height: auto; } .home-banner .swiper-pagination{ display: flex; justify-content: center; align-items: center; bottom: 10px; right: 0; width: 100%; } .home-banner .swiper-pagination-bullet{ width: 7px; height: 7px; background-color: #d6d6d6; opacity: 1; outline: none; margin: 0px 6px; border-radius: 50%; } .home-banner .swiper-pagination-bullet-active{ background: url("../images/b.png") no-repeat center; width: 25px; height: 25px; } .home-banner .swiper-button-next3, .home-banner .swiper-button-prev3{ display: block; position: absolute; top: 50%; width: 55px; height: 54px; margin-top: -27px; z-index: 10; cursor: pointer; outline: none; background: url("../images/ban_l.png") no-repeat left center; } .home-banner .swiper-button-prev3:hover,.home-banner .swiper-button-next3:hover{ background: url("../images/ban_lh.png") no-repeat left center; } .home-banner .swiper-button-prev3{ left: 1.5%; right: auto; } .home-banner .swiper-button-next3{ right: 1.5%; left: auto; transform:rotateY(180deg); } .wuliu{ position: absolute; right: 4.8%; top: 50%; transform: translate(0, -50%); width: 301px; height: 313px; z-index: 999; } .wuliu_t{ background-color: rgba(0,0,0,.5); height: 263px; padding: 34px 29px 44px 29px; } .wuliu_t1{ margin-bottom: 38px; overflow: hidden; color: #fff; } .wuliu_t1 h3{ font-size: 18px; font-weight: bold; background: url("../images/address.png") no-repeat left center; padding-left: 29px; line-height: 23px; margin-bottom: 14px; } .wuliu_t2 a{ display: block; background-color: #fff; border-radius: 5px; margin-top: 14px; line-height: 42px; font-size: 16px; color: #000; padding-left: 24px; } .wuliu_t2 a span{ color: #a6a5a5; } .wuliu_b{ background-color: #b52b28; height: 50px; display: flex; } .wuliu_b a{ display: flex; justify-content: center; align-items: center; width: 50%; font-size: 16px; color: #fff; border-right: 1px solid #912220; } .wuliu_b a:last-child{ border-right: none; } .wuliu_b a img{ margin-right: 17px; } /*鎵嬫満瀵艰埅*/ .phone-nav { position:absolute; font-size:30px; right:15px; top:0px; line-height:60px; display:none; color:#666; } .phone-nav img{ height: 30px; margin-top: 15px; display: block; } .header a[href="#page"] { display:none!important; } .mm-opened .header a[href="#page"] { display:block!important; } .mm-opened .header a[href="#mmenu"] { display:none!important; } #mmenu { z-index:9999; } #mmenu li .home-search { float:left; margin-left:20px; width:90%; background-color:#fff; padding-left:0; overflow:hidden; margin-top:10px; position:relative } #mmenu li .home-search .keyword { text-align:left; border:0; box-shadow:0; border-radius:0; width:86%; -webkit-border-radius:0; -moz-border-radius:0; -o-border-radius:0; -mz-border-radius:0; font-size:14px; color:#999; line-height:20px; vertical-align:top; padding:6px 86px 6px 10px; -webkit-appearance:none; background-color:#fff; border:1px solid #ccc } #mmenu li .home-search .keyword:focus { transition:border linear .2s, box-shadow linear .5s; -moz-transition:border linear .2s, -moz-box-shadow linear .5s; -webkit-transition:border linear .2s, -webkit-box-shadow linear .5s; outline:0; border:1px solid #004ea1; } #mmenu li .home-search .btn-sub { top:0; border:0; right:0; color:#ca1019; width:42px; height:34px; line-height:34px; text-align:center; position:absolute; cursor:pointer; border-radius:0; background:#004ea1 url(../images/search3.png) no-repeat center center; } .container-fluid { margin-left:auto; margin-right:auto; padding:0 15px; } @media(max-width:1200px) { .daohang{ height:60px; } .index .yx a{ padding-top: 10px; } .index .nav-fr{ margin-top: 14px; margin-right: 45px; } .nav-fr{ margin-top: 16px; margin-right: 45px; } .yx a{ padding-top: 10px; } .yx img{ height: 40px; } .logo_txt{ font-size: 22px; } .phone-nav { display:block; } .navdaohang { display:none; } .nation{ margin: 0 18px 0 22px; } } .top{ position: fixed; right: 0; bottom: 0; z-index: 999; } .top a{ display: block; width: 39px; margin: 0 auto; height: 39px; border: 1px solid #0d4da1; background: url("../images/top.png") no-repeat center; border-radius: 50%; transition: .5s; } .top a:hover{ background: #0d4da1 url("../images/top_h.png") no-repeat center; } footer{ width: 100%; margin: 0 auto; background-color: #051934; overflow: hidden; } .footer2{ border-top: 1px solid #18283e; overflow: hidden; padding: 44px 0; } .footer2 p{ text-align: center; color: #b0b6be; font-size: 16px; } .footer2 p a{ color: #b0b6be; font-size: 16px; } .footer2 p a:hover{ color: #6080cc; } .footer1{ padding: 74px 0; overflow: hidden; } .footer1_1{ float: left; width: 20%; } .footer1_1_t a p{ text-align: center; font-size: 30px; color: #fff; line-height: 1; margin: 15px 0 20px 0; } .footer1_2{ float: left; width: 28%; padding: 0 4%; } .footer1_2_t{ margin-bottom: 20px; overflow: hidden; } .footer1_2_t p{ color: #fff; margin-bottom: 5px; } .footer1_2_t span{ font-size: 36px; color: #c92d21; font-weight: bold; line-height: 1; } .footer1_2_b{ } .footer1_2_b p{ font-size: 16px; color: #8e929a; line-height: 30px; padding-left: 31px; } .footer1_2_b p.f1{ background: url("../images/f1.png") no-repeat left center; } .footer1_2_b p.f2{ background: url("../images/f2.png") no-repeat left center; } .footer1_2_b p.f3{ background: url("../images/f3.png") no-repeat left 8px; } .footer1_3{ float: left; width: 40%; border-left: 1px dashed #37475d; border-right: 1px dashed #37475d; } .footer1_3 li{ float: left; width: 25%; text-align: center; padding: 0 5px; } .footer1_3 li a{ display: block; font-size: 16px; font-weight: bold; color: #fff; line-height: 25px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .footer1_3 li a:after{ content: ''; display: block; width: 19px; height: 2px; background-color: #b52b28; margin: 10px auto 0 auto; } .menulist{ margin-top: 15px; } .menulist li{ float: none; width: 100%; margin-bottom: 5px; padding: 0; } .menulist li:last-child{ margin-bottom: 0; } .menulist li a{ display: block; color: #b0b6be; font-size: 14px; font-weight: normal; line-height: 25px; } .menulist li a:after{ display: none; } .menulist li a:hover{ color: #6080cc; } .footer1_4{ float: right; width: 12%; padding-left: 4%; } .footer1_4 img{ display: block; max-width: 100%; height: auto; margin: auto; } .footer1_4 p{ text-align: center; font-size: 16px; color: #fff; margin-top: 10px; } .home-business{ width: 100%; margin: 84px auto 80px auto; overflow: hidden; } .index_title{ text-align: center; } .index_title h3{ font-size: 60px; font-weight: bold; text-transform: uppercase; color: #e7eaee; line-height: 0.8; margin-bottom: 25px; } .index_title p{ font-size: 30px; color: #010101; line-height: 1; } .index_title p:after{ content: ''; display: block; width: 38px; height: 3px; background-color: #0d4da1; margin: 25px auto 0 auto; } .business_con{ margin-top: 50px; position: relative; padding-bottom: 28px; } .business_con .swiper-slide{ display: initial; } .bus a{ display:block; overflow: hidden; text-align: justify; } /*.bus a .pic:after{ padding-bottom: 70.75%; }*/ .bus a:hover .tp img{ transform: scale(1.05); -moz-transform: scale(1.05); -webkit-transform: scale(1.05); } .bus_txt{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; color: #fff; } .bus_txt:after{ content: ''; display: block; width: 100%; height: 100%; position: absolute; top: 0; background-color: rgba(13,77,161,.7); -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=0); opacity: 0; -webkit-transition: all 0.4s linear; -moz-transition: all 0.4s linear; -o-transition: all 0.4s linear; -ms-transition: all 0.4s linear; transition: all 0.4s linear; z-index: 9; } .bus a:hover .bus_txt:after{ -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=100); opacity: 1; } .bus_txts{ position: absolute; top: 8%; left: 7%; width: 86%; height: 84%; z-index: 999; transition: .5s; } .bus_txt1{ } .bus_txt1 img{ display: block; max-width: 100%; height: 38px; transition: .5s; } .bus_txt2{ margin-top: 15px; font-size: 24px; color: #fff; line-height: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: .5s; } .bus_txt3{ line-height: 25px; height: 50px; overflow: hidden; margin: 15px 0; text-align: center; transform: rotateY(90deg); transition: .5s; width: 100%; } .bus_txt4{ width: 98px; margin: 0 auto; line-height: 33px; background-color: #fff; text-align: center; color: #0d4da1; border-radius: 5px; transform: rotateY(90deg); transition: .5s; } .bus a:hover .bus_txts{ display: flex; flex-direction: column; justify-content: center; align-items: center; } .bus a:hover .bus_txt1 img{ margin: auto; } .bus a:hover .bus_txt2{ text-align: center; } .bus a:hover .bus_txt3{ transform: rotateY(0deg); } .bus a:hover .bus_txt4{ transform: rotateY(0deg); } .business_con .swiper-button-next, .business_con .swiper-button-prev{ display: block; position: absolute; top: inherit; bottom: 0; margin-top: 0; width: 58px; height: 7px; z-index: 10; cursor: pointer; outline: none; background: transparent; text-align: center; transition: .5s; } .business_con .swiper-button-prev{ left: 45%; right: auto; background: url("../images/bjt_fl.png") no-repeat left center; } .business_con .swiper-button-prev:hover{ background: url("../images/bjt_flh.png") no-repeat left center; } .business_con .swiper-button-next{ right: 45%; left: auto; background: url("../images/bjt_fr.png") no-repeat right center; } .business_con .swiper-button-next:hover{ background: url("../images/bjt_frh.png") no-repeat right center; } .home-advantage{ width: 100%; margin: 0 auto; background: url("../images/advantagebg.jpg") no-repeat center; background-size: cover; padding: 80px 0; } .adv_con1{ position: relative; } .adv_con1 .gallery-top { width: 100%; height: auto; } .adv_con1 .gallery-top .swiper-slide{ display: initial; } .adv-max a{ display: block; position: relative; } .adv_info{ margin-top: 55px; } .adv_info1{ font-size: 24px; color: #0d4da1; font-weight: bold; margin-bottom: 10px; } .adv_info2{ color: #565656; line-height: 25px; } .adv_con2{ position: relative; margin-top: 50px; padding-bottom: 33px; } .adv_con1 .swiper-button-next1, .adv_con1 .swiper-button-prev1{ display: block; position: absolute; top: 50%; width: 46px; height: 46px; margin-top: -23px; z-index: 10; cursor: pointer; outline: none; text-align: center; border-radius: 0; background: rgba(0,0,0,.1) url("../images/adv_jt.png") no-repeat center; } .adv_con1 .swiper-button-next1:hover ,.adv_con1 .swiper-button-prev1:hover{ background: #0d4da1 url("../images/adv_jt.png") no-repeat center; } .adv_con1 .swiper-button-prev1{ right: auto; left: 7%; } .adv_con1 .swiper-button-next1{ left: auto; right: 7%; transform:rotateY(-180deg); } .adv-min .gallery-thumbs { width: 100%; height: auto; } .adv-min .gallery-thumbs .swiper-slide{ display: initial; } .adv-min a{ position: relative; text-align: justify; background-color: #fff; width: 100%; height: 113px; padding: 0 22px; display: flex; align-items: center; transition: .5s; } .adv_img{ text-align: center; overflow: hidden; position: relative; width: 60px; height: 60px; border-radius: 50%; background-color: #0d4da1; transition: .5s; } .adv_img img{ border: none; } .adv_img:after{ content: ''; display: block; padding-bottom: 100%; } .adv_img .a_before{ top: 0; transition: all 0.6s ease-in-out 0s; } .adv_img .a_after{ top: -200%; opacity: 0; transition: all 0.6s ease-in-out 0s; } .adv-min a:hover{ background-color: #0d4da1; } .adv-min a:hover .adv_img{ background-color: #fff; } .adv-min a:hover .adv_img .a_after{ top: 0; opacity: 1; } .adv-min a:hover .adv_img .a_before{ top: 200%; } .adv_txt{ margin-left: 14px; flex: 1; } .adv_txt h3{ font-size: 24px; color: #0d4da1; } .adv_txt p{ font-size: 12px; color: #707070; } .adv-min a:hover .adv_txt h3{ color: #fff; } .adv-min a:hover .adv_txt p{ color: #fff; } .swiper-pagination1{ position: absolute; text-align: center; -webkit-transition: .3s opacity; -o-transition: .3s opacity; transition: .3s opacity; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 10; } .adv_con2 .swiper-pagination1{ display: flex; justify-content: center; align-items: center; bottom: 0; right: 0; width: 100%; } .adv_con2 .swiper-pagination-bullet{ width: 31px; height: 2px; background-color: #bfbfbf; opacity: 1; outline: none; margin: 0px 6px; border-radius: 0; } .adv_con2 .swiper-pagination-bullet-active{ background-color: #0d4da1; } .adv-min.swiper-slide-thumb-active a{ background-color: #0d4da1; } .adv-min.swiper-slide-thumb-active a .adv_img{ background-color: #fff; } .adv-min.swiper-slide-thumb-active a .adv_img .a_after{ top: 0; opacity: 1; } .adv-min.swiper-slide-thumb-active a .adv_img .a_before{ top: 200%; } .adv-min.swiper-slide-thumb-active a .adv_txt h3{ color: #fff; } .adv-min.swiper-slide-thumb-active a .adv_txt p{ color: #fff; } .home-about{ width: 100%; margin: 0 auto; } .about_fl{ float: left; width: 50%; position: relative; } .about_fl .swiper-slide{ display: initial; } .about_fls a{ display: block; position: relative; } .swiper-pagination2{ position: absolute; text-align: center; -webkit-transition: .3s opacity; -o-transition: .3s opacity; transition: .3s opacity; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 10; } .about_fl .swiper-pagination2{ display: flex; justify-content: center; align-items: center; bottom: 15px; right: 0; width: 100%; } .about_fl .swiper-pagination-bullet{ width: 13px; height: 13px; background-color: #ccc; opacity: 1; outline: none; margin: 0px 6px; border-radius: 50%; } .about_fl .swiper-pagination-bullet-active{ background-color: #0d4da1; } /*.about_fl img{ display: block; max-width: 100%; height: auto; margin: auto; } .m-video{ cursor: pointer; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); width: 85px; height: 85px; } .m-video img{ display: block; max-width: 100%; height: auto; margin: auto; }*/ .about_fr{ float: right; width: 50%; padding: 4% 4.8%; } .about_fr .index_title{ text-align: right; } .about_fr .index_title p:after{ margin: 25px 0 0 auto; } .about_fr1{ color: #606060; font-size: 16px; line-height: 25px; /*height: 150px;*/ overflow: hidden; margin: 40px 0 50px 0; } .about_fr2{ } .about_fr2 ul{ display: flex; flex-wrap: wrap; } .about_fr2 ul li{ width: 25%; } .about_fr2 ul li a{ display: flex; align-items: center; justify-content: center; flex-direction: column; width: 131px; margin: 0 auto; height: 131px; border: 1px solid #0d4da1; border-radius: 50%; transition: .5s; } .about_img{ text-align: center; overflow: hidden; position: relative; width: 55px; margin: 0 auto; height: 55px; transition: .5s; } .about_img:after{ content: ''; display: block; padding-bottom: 100%; } .about_img .about_before{ top: 0; transition: all 0.6s ease-in-out 0s; } .about_img .about_after{ top: -200%; opacity: 0; transition: all 0.6s ease-in-out 0s; } .about_fr2 ul li a:hover{ background-color: #0d4da1; } .about_fr2 ul li a:hover .about_img .about_after{ top: 0; opacity: 1; } .about_fr2 ul li a:hover .about_img .about_before{ top: 200%; } .about_txt{ margin-top: 5px; font-size: 16px; color: #0d4da1; text-align: center; } .about_fr2 ul li a:hover .about_txt{ color: #fff; } .home-news{ width: 100%; margin: 0 auto; background-color: #f5f6f7; padding: 80px 0; overflow: hidden; } .news_con{ margin: 50px 0 55px 0; overflow: hidden; } .news_con ul{ display: flex; flex-wrap: wrap; } .news_con ul li{ width: 25%; padding: 0 31px; } .news_con li a{ display: block; } .news_img{ position: relative; } .news_img .pic:after{ padding-bottom: 71.84%; } .xuanfu{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; z-index: 0; } .xuanfu:after{ content: ''; display: block; width: 100%; height: 0; margin: auto; position: absolute; left: 0; right: 0; top: 0; bottom: 0; transition: .5s; background-color: rgba(0,0,0,.5); z-index: -1; } .news_con li a:hover .xuanfu:after{ height: 100%; } .xuanfu img{ transform: rotateY(90deg); transition: all 0.50s ease-in-out 0s; } .news_con li a:hover img{ transform: rotateY(0deg); } .news_txt{ margin-top: 30px; } .news_txt1{ position: relative; padding-bottom: 25px; margin-bottom: 20px; } .news_txt1:after{ content: ''; display: block; width: 100%; height: 1px; background-color: #d8d8d8; position: absolute; bottom: 0; left: 0; } .news_txt1 h3{ font-size: 16px; color: #010101; line-height: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .news_txt1 h3:after{ content: ''; display: block; width: 35px; height: 1px; background-color: #0d4da1; margin-top: 25px; position: absolute; bottom: 0; left: 0; z-index: 999; transition: .5s; } .news_con li a:hover .news_txt1 h3:after{ width: 100%; } .news_txt2{ color: #606060; line-height: 30px; height: 60px; overflow: hidden; } .index_more{ text-align: center; } .index_more a{ display: block; width: 135px; margin: 0 auto; line-height: 46px; position: relative; transition: .5s; background-color: #0d4da1; } .index_more a p{ color: #fff; position: relative; z-index: 999; } .index_more a:hover p{ color: #0d4da1; } .index_more a:after{ content: ''; display: block; width: 0; margin: 0 auto; height: 100%; background-color: #fff; position: absolute; top: 0; left: 0; right: 0; transition: .5s; } .index_more a:hover:after{ width: 100%; } .home-network{ width: 100%; margin: 75px auto 58px auto; overflow: hidden; } .network_fl{ float: left; width: 35%; margin-top: 6%; } .network_fl li{ float: left; width: 50%; text-align: center; cursor: default; overflow: hidden; padding: 0 10px; margin-bottom: 50px; } .network_fl li h3{ color: #0d4da1; font-size: 24px; margin-bottom: 5px; line-height: 0.8; } .network_fl li h3 span{ font-size: 48px; font-weight: bold; } .network_fl li p{ color: #000; font-size: 16px; } .network_fr{ float: right; width: 51%; } /*鍏充簬鑳滈┈*/ .inner-banner{ width: 100%; margin: 0 auto; position: relative; } .inner-banner img{ display: block; width: 100%; height: auto; margin: auto; } .ban_info{ position: absolute; top: 0; left: 11%; width: 89%; height: 100%; display: flex; align-items: flex-start; flex-direction: column; justify-content: center; color: #fff; } .ban_info h3{ font-size: 48px; line-height: 1; } .ban_info h3:after{ content: ''; display: block; width: 67px; height: 2px; background-color: #fff; margin: 16px 0; } .ban_info p{ font-size: 24px; text-transform: uppercase; line-height: 1; } .inner-main{ width: 100%; margin: 0 auto; } .inner_nav{ background-color: #f4f5f6; overflow: hidden; line-height: 81px; } .inner_nav_fl{ float: left; } .inner_nav_fl li{ float: left; } .inner_nav_fl li a{ display: block; font-size: 16px; color: #353535; padding: 0 32px; position: relative; } .inner_nav_fl li a:after{ content: ''; display: none; height: 0; width: 0; border-bottom: 15px solid #fff; border-left: 9px solid transparent; border-right: 9px solid transparent; position: absolute; bottom: 0; left: 50%; transform: translate(-50%, 0); } .inner_nav_fl li a:hover{ background-color: #0d4da1; color: #fff; } .inner_nav_fl li a:hover:after{ display: block; } .inner_nav_fl li a.current{ background-color: #0d4da1; color: #fff; } .inner_nav_fl li a.current:after{ display: block; } .inner_nav_fr{ float: right; } .inner_nav_fr p{ font-size: 16px; color: #7a7878; background: url("../images/home.png") no-repeat left center; padding-left: 23px; } .inner_nav_fr p a{ font-size: 16px; color: #7a7878; } .inner_nav_fr p span{ color: #0d4da1; } .inner_about{ margin: 55px 0 85px 0; overflow: hidden; } .iabout1{ overflow: hidden; } .inner_title{ text-align: center; font-size: 30px; color: #010101; ; line-height: 1; } .inner_title:after{ content: ''; display: block; width: 38px; height: 3px; background-color: #0d4da1; margin: 25px auto 0 auto; } .iabout1_con{ margin-top: 65px; } .iabout1_con_fl{ float: left; width: 43%; } .iabout1_con_fr{ float: right; width: 54%; } .iabout1_con_fr1{ font-size: 24px; color: #0d4da1; line-height: 1; } .iabout1_con_fr2{ color: #606060; line-height: 30px; margin: 4% 0 6% 0; } .iabout1_con_fr3 ul{ display: flex; flex-wrap: wrap; } .iabout1_con_fr3 ul li{ width: 30%; text-align: center; cursor: default; padding: 0 10px; } .iabout1_con_fr3 ul li h3{ color: #0d4da1; font-size: 24px; margin-bottom: 5px; line-height: 0.8; } .iabout1_con_fr3 ul li h3 span{ font-size: 48px; font-weight: bold; } .iabout1_con_fr3 ul li p{ color: #000; font-size: 16px; } .iabout2{ background-color: #f5f6f7; overflow: hidden; padding: 58px 0 34px 0; } .iabout2_con{ margin: 50px 0; position: relative; } .iabout2_con .swiper-container{ width: 90%; margin: 0 auto; } .iabout2_con .swiper-slide{ display: initial; } .iabout2s a{ display:block; overflow: hidden; position: relative; } /*.iabout2s a .pic:after{ padding-bottom: 71.06%; }*/ .iabout2s a:hover .tp img{ transform: scale(1.05); -moz-transform: scale(1.05); -webkit-transform: scale(1.05); } /*.iabout2_txt{ margin-top: 15px; text-align: center; font-size: 16px; color: #333; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 0 5px; } .iabout2s a:hover .iabout2_txt{ color: #0d4da1; }*/ .iabout2_con .swiper-button-next3, .iabout2_con .swiper-button-prev3{ display: block; position: absolute; top: 50%; width: 46px; height: 46px; margin-top: -23px; z-index: 10; cursor: pointer; outline: none; text-align: center; border-radius: 0; background: rgba(0,0,0,.1) url("../images/adv_jt.png") no-repeat center; } .iabout2_con .swiper-button-next3:hover ,.iabout2_con .swiper-button-prev3:hover{ background: #0d4da1 url("../images/adv_jt.png") no-repeat center; } .iabout2_con .swiper-button-prev3{ right: auto; left: 0; } .iabout2_con .swiper-button-next3{ left: auto; right: 0; transform:rotateY(-180deg); } .iabout3{ margin: 30px 0 54px 0; overflow: hidden; } .iabout3_con1{ margin: 45px 0; font-size: 16px; color: #666; line-height: 30px; text-align: center; } .iabout3_con2 ul{ display: flex; flex-wrap: wrap; } .iabout3_con2 ul li{ width: 33.3%; padding: 0 40px; } .iabout3_con2s{ cursor: pointer; position: relative; } .iabout3_con2_b{ position: absolute; left: 0; bottom: 32px; width: 198px; height: 37px; background-color: #0d4da1; transform: rotateY(0deg); transition: .5s; } .iabout3_con2_b h3{ text-align: center; font-size: 24px; color: #fff; line-height: 37px; } .iabout3_con2s:hover .tp img{ transform: scale(1.05); -moz-transform: scale(1.05); -webkit-transform: scale(1.05); } .iabout3_con2s:hover .iabout3_con2_b{ transform: rotateY(90deg); } .iabout3_con2_a{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(13,77,161,.61); transform: rotateY(90deg); transition: .5s; color: #fff; display: flex; justify-content: center; align-items: center; flex-direction: column; } .iabout3_con2_a1{ font-size: 20px; line-height: 1; margin-bottom: 30px; text-align: center; } .iabout3_con2_a2{ line-height: 25px; padding: 0 8%; height: 200px; overflow: hidden; width: 100%; } .iabout3_con2s:hover .iabout3_con2_a{ transform: rotateY(0deg); } .iabout4{ overflow: hidden; } .iabout4_con{ margin-top: 60px; } .iabout4_con li{ float: left; width: 25%; } .iabout4_con_txt{ height: 279px; background-color: #f4f5f6; display: flex; /*align-items: flex-start;*/ justify-content: center; flex-direction: column; padding: 0 40px; } .iabout4_con_txt1{ display: none; font-size: 16px; color: #202020; margin-bottom: 20px; width: 100%; } .iabout4_con li:nth-child(odd) .iabout4_con_txt1{ text-align: right; } .iabout4_con_txt2{ color: #666; line-height: 25px; height: 200px; } .iabout4_con li:hover .tp img{ transform: scale(1.05); -moz-transform: scale(1.05); -webkit-transform: scale(1.05); } /*鑽h獕璧勮川*/ .inner_honor{ margin: 45px 0; overflow: hidden; } .ihonor_nav{ margin: 45px 0; } .ihonor_nav ul{ display: flex; flex-direction: row; justify-content: center; } .ihonor_nav ul li{ margin: 0 20px; } .ihonor_nav ul li a{ display: block; border: 2px solid #e5e6e7; width: 285px; line-height: 72px; text-align: center; font-size: 24px; color: #727374; transition: .5s; } .ihonor_nav ul li a:hover{ color: #fff; border: 2px solid #0d4da1; background-color: #0d4da1; } .ihonor_nav ul li a.current{ color: #fff; border: 2px solid #0d4da1; background-color: #0d4da1; } .ihonor ul{ display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; } .ihonor ul li{ width: 49%; margin-bottom: 23px; } .ihonors{ background-color: #f9f9f9; height: 130px; overflow: hidden; display: flex; align-items: center; padding: 0 60px; } .ihonors img{ width: 44px; } .ihonors h3{ flex: 1; background: url("../images/ruli.png") no-repeat left center; font-size: 22px; color: #232424; font-weight: bold; margin-left: 40px; padding-left: 40px; } .ihonors:hover h3{ color: #0d4da1; } /*.ihonor ul{ display: flex; flex-wrap: wrap; } .ihonor ul li{ width: 25%; padding: 0 15px; margin-bottom: 30px; } .ihonor ul li a{ display: block; transition: .5s; } .ihonor ul li a .pic{ border: 2px solid #eee; } .ihonor ul li a .pic:after{ padding-bottom: 71.06%; } .ihonor_txt{ text-align: center; padding: 0 5px; font-size: 16px; color: #333; line-height: 36px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .ihonor ul li a:hover{ box-shadow: 0 0 7px rgba(0,0,0,.12); } .ihonor ul li a:hover .pic img{ transform: scale(1.05); -moz-transform: scale(1.05); -webkit-transform: scale(1.05); } .ihonor ul li a:hover .ihonor_txt{ color: #0d4da1; }*/ /*鍒嗛〉*/ .pagination{ text-align:center; color:#666; clear:both; } .pagination a{ display:inline-block ; color: #959595; font-size: 16px; text-align: center; text-transform: capitalize; padding:0px 10px; line-height:28px; margin:0px 1px 10px 1px; background-color: #f0f0f0; } .pagination a:hover{ color:#fff; background-color:#0d4da1; } .pagination a.active { color:#fff; background-color: #0d4da1; } /*鑱旂郴鏂瑰紡*/ .inner_contact{ margin: 45px 0 80px 0; overflow: hidden; } .icontact1{ display: flex; flex-wrap: wrap; margin: 55px 0 30px 0; } .icontact1 dl{ width: 33.3%; padding: 0 39px; margin-bottom: 48px; } .icontact1s{ cursor: default; border: 1px solid #7ea0cd; overflow: hidden; padding: 58px 43px 0 43px; color: #000; height: 361px; transition: .5s; } .icontact1 dl dt{ font-size: 24px; line-height: 1; } .icontact1 dl dd{ font-size: 16px; line-height: 30px; margin-top: 25px; padding-left: 41px; } .icontact1 dl dd.c1{ background: url("../images/c1.png") no-repeat left center; } .icontact1 dl dd.c2{ background: url("../images/c2.png") no-repeat left 3px; } .icontact1 dl dd.c3{ background: url("../images/c3.png") no-repeat left 3px; } .icontact1 dl dd.c4{ background: url("../images/c4.png") no-repeat left 3px; } .icontact1s:hover{ background-color: #0d4da1; color: #fff; } .icontact1s:hover dd.c1{ background: url("../images/c1_h.png") no-repeat left center; } .icontact1s:hover dd.c2{ background: url("../images/c2_h.png") no-repeat left center; } .icontact1s:hover dd.c3{ background: url("../images/c3_h.png") no-repeat left center; } .icontact1s:hover dd.c4{ background: url("../images/c4_h.png") no-repeat left 3px; } .icontact2{ overflow: hidden; background-color: #f2f4f5; display: flex; align-items: center; flex-wrap: wrap; } .icontact2_fl{ width: 57%; } .icontact2_fr{ width: 43%; padding: 30px 60px; } .icontact2_fr_title{ text-align: center; } .icontact2_fr_title h3{ font-size: 21px; color: #000; line-height: 1; margin-bottom: 15px; } .icontact2_fr_title p{ font-size: 12px; color: #8b8a8a; } .icontact2_fr_con{ margin-top: 40px; } .lx1{ margin-bottom: 20px; display: flex; justify-content: space-between; flex-wrap: wrap; } .lx1s{ width: 38%; } .lx1s label{ font-size: 16px; color: #585858; line-height: 1; } .lx1s input{ margin-top: 15px; width: 100%; height: 37px; line-height: 37px; border: none; background-color: #fff; border-radius: 25px; color: #666; font-size: 15px; padding-left: 15px; } .lx2{ margin-bottom: 20px; } .lx2 label{ font-size: 16px; color: #585858; line-height: 1; } .lx2 input{ margin-top: 15px; width: 100%; height: 37px; line-height: 37px; border: none; background-color: #fff; border-radius: 25px; color: #666; font-size: 15px; padding-left: 15px; } .lx2 textarea{ display: block; margin-top: 15px; width: 100%; height: 150px; line-height: 30px; border: none; background-color: #fff; border-radius: 25px; color: #666; font-size: 15px; padding: 15px; resize: none; } .lx3{ position: relative; margin-bottom: 20px; } .lx3 label{ font-size: 16px; color: #585858; line-height: 1; display: block; } .lx3 input{ margin-top: 15px; width: 38%; height: 37px; line-height: 37px; border: none; background-color: #fff; border-radius: 25px; color: #666; font-size: 15px; padding-left: 15px; } .lx3 a{ position: absolute; top: 31px; height: 37px; left: 40%; } .lx3 a img{ height: 37px; width: auto; } .lx4{ text-align: center; } .lx4 input{ width: 213px; height: 53px; line-height: 53px; background-color: #0d4da1; border: none; border-radius: 25px; text-align: center; font-size: 16px; color: #fff; } /*鎷涜仒*/ .inner_job{ margin: 45px 0 85px 0; overflow: hidden; } .ijob1{ overflow: hidden; } .ijob1_con{ margin: 50px 0 90px 0; overflow: hidden; } .ijob1_con ul{ display: flex; flex-wrap: wrap; } .ijob1_con ul li{ width: 33.3%; padding: 0 14px; } .ijob1_cons{ cursor: default; position: relative; } .ijob1_con_txt{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; flex-direction: column; z-index: 0; color: #fff; text-align: center; padding: 0 10%; } .ijob1_con_txt:after{ content: ''; display: block; width: 0; height: 100%; margin: auto; position: absolute; left: 0; right: 0; top: 0; bottom: 0; transition: .5s; background-color: rgba(13,77,161,.7); z-index: -1; } .ijob1_cons:hover .ijob1_con_txt:after{ width: 100%; } .ijob1_con_txt1{ font-size: 25px; font-weight: bold; line-height: 1; } .ijob1_con_txt2{ font-size: 16px; line-height: 30px; height: 0; overflow: hidden; transform: rotateY(90deg); transition: .5s; width: 100%; } .ijob1_cons:hover .ijob1_con_txt2{ transform: rotateY(0deg); height: 90px; margin-top: 35px; } .ijob2_con{ margin-top: 50px; display: flex; } .ijob2_con li{ position: relative; } .ijob2_con_fl{ position: absolute; width: 427px; height: 100%; background-color: #0d4da1; color: #fff; display: flex; justify-content: center; align-items: center; flex-direction: column; border-bottom: 1px solid #4e7cba; } .ijob2_con_fl1{ font-size: 24px; line-height: 1; margin-bottom: 20px; } .ijob2_con_fr{ margin-left: 427px; background-color: #f4f5f6; padding: 35px 110px 20px 60px; position: relative; border-bottom: 1px solid #ebebec; } .ijob2_con_fr1{ font-size: 18px; color: #000; line-height: 1; margin-bottom: 20px; } .ijob2_con_fr2{ font-size: 16px; color: #444343; line-height: 30px; /*height: 60px;*/ overflow: hidden; } .ijob2_con_fr2.txtopen{ height: auto; overflow: inherit; } .ijob2_con_fr a{ display: block; position: absolute; right: 35px; top: 55px; background: url("../images/jjt.png") no-repeat center; width: 33px; height: 33px; display: none; } .ijob2_con_fr a.jtopen{ background: url("../images/jjt_h.png") no-repeat center; } /*浼樺娍*/ .inner_advantage{ margin: 45px 0 95px 0; overflow: hidden; } .iadvantage{ margin-top: 43px; } .iadvantage li{ overflow: hidden; } .iadvantage li:nth-child(odd) .tp{ float: left; } .iadvantage li:nth-child(odd) .iadv_txt{ float: right; } .iadvantage li:nth-child(even) .tp{ float: right; } .iadvantage li:nth-child(even) .iadv_txt{ float: left; } .iadvantage li .tp{ width: 50%; } .iadvantage li:hover .tp img{ transform: scale(1.05); -moz-transform: scale(1.05); -webkit-transform: scale(1.05); } .iadv_txt{ width: 50%; padding: 6% 40px 0 60px; } .iadv_txt1{ display: flex; align-items: center; } .iadv_txt1 .pic{ width: 63px; height: 63px; } .iadv_txt1_fr{ flex: 1; margin-left: 18px; } .iadv_txt1_fr h3{ font-size: 24px; color: #0d4da1; line-height: 1; margin-bottom: 10px; } .iadv_txt1_fr p{ font-size: 18px; color: #b4b6b9; line-height: 1; text-transform: capitalize; } .iadv_txt2{ margin-top: 35px; font-size: 16px; color: #000; line-height: 30px; } /*浼佷笟璧勮*/ .inner_news{ margin: 45px 0 35px 0; overflow: hidden; } .inews1{ margin: 50px 0 75px 0; } .inews1{ margin-bottom: 60px; overflow: hidden; position: relative; } .inews1 .swiper-slide{ display: initial; } .inews1s a{ display:flex; align-items: center; position: relative; background-color: #f9fafa; overflow: hidden; } .inews1s a .pic{ float: left; width: 38.5%; } .inews1s a .pic:after{ padding-bottom: 71.84%; } .inews1s a:hover .pic img{ transform: scale(1.05); -moz-transform: scale(1.05); -webkit-transform: scale(1.05); } .inews1_fr{ float: right; width: 61.5%; text-align: justify; padding: 0 50px; } .inews1_fr1{ font-size: 24px; color: #4c4c4c; line-height: 1; } .inews1_fr2{ margin: 35px 0 30px 0; font-size: 18px; color: #0d4da1; line-height: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .inews1_fr3{ color: #909090; font-size: 16px; line-height: 1; } .inews1_fr4{ margin: 20px 0 25px 0; font-size: 16px; color: #b8b8b8; line-height: 30px; height: 150px; overflow: hidden; } .inews1_fr5{ color: #fff; width: 98px; line-height: 33px; background-color: #0d4da1; border-radius: 5px; text-align: center; } .inews1 .swiper-button-next2, .inews1 .swiper-button-prev2{ display: block; position: absolute; top: 50%; width: 49px; height: 49px; margin-top: -24px; z-index: 10; cursor: pointer; outline: none; background: url("../images/news_l.png") no-repeat center; } .inews1 .swiper-button-prev2{ left: 0.5%; right: auto; } .inews1 .swiper-button-next2{ right: 62%; left: auto; transform:rotateY(180deg); } .inews1 .swiper-button-next2:hover, .inews1 .swiper-button-prev2:hover{ background: url("../images/news_lh.png") no-repeat center; } .inews2{ overflow: hidden; } .inews2 ul{ display: flex; flex-wrap: wrap; } .inews2 ul li{ width: 25%; padding: 0 31px; margin-bottom: 55px; } .inews2 li a{ display: block; } .inews2 li a:hover .xuanfu:after{ height: 100%; } .inews2 li a:hover img{ transform: rotateY(0deg); } .inews2 li a:hover .news_txt1 h3:after{ width: 100%; } /*鏂伴椈璇︽儏*/ .inner_newsshow{ margin: 45px 0 55px 0; overflow: hidden; } .show_title{ text-align: center; padding-bottom: 25px; border-bottom: 1px dashed #bfbfbf; } .show_title h3{ font-size: 24px; font-weight:normal; text-align: center; color: #333; padding-bottom: 20px; line-height: 28px; } .show_title span{ color:#949494; margin:0px 10px; font-size:14px; padding-left:20px; } .browse{ background:url(../images/browse.png) no-repeat left center; } .date{ background:url(../images/date.png) no-repeat left center; } .show_content{ line-height:28px; color:#4b4b4b; padding:25px 0px; border-bottom:1px dashed #bfbfbf; font-size: 15px; } .show_content img{ display: block; margin-right: auto; margin-left: auto; max-width: 100%; height: auto; } .show_back{ padding-top:20px; } .show_back_fl{ float: left; width: 70%; overflow:hidden; } .show_back_fl li{ margin-bottom:2px; line-height:25px; color:#4d4d4d; width:100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size:15px; } .show_back_fl li a{ color:#868686; font-size:15px; } .show_back_fl li a:hover{ color: #0d4da1; } .show_back_fr{ overflow:hidden; float: right; width: 10%; } .show_back_fr a{ display:block; line-height:46px; color:#fff; font-size:15px; background: #0d4da1 url(../images/return.png) no-repeat 20px center; padding-right:25px; text-align: right; } /*鏈嶅姟*/ .inner_service{ margin: 55px 0 35px 0; overflow: hidden; } .iservice{ margin-top: 55px; } .iservice ul{ display: flex; flex-wrap: wrap; } .iservice ul li{ width: 25%; padding: 0 19px; margin-bottom: 80px; } .iservice ul li a{ display: block; } .iservice_t{ position: relative; } .iservice_t .pic:after{ padding-bottom: 70.75%; } .iservice ul li a:hover .pic img{ transform: scale(1.05); -moz-transform: scale(1.05); -webkit-transform: scale(1.05); } .iservice_t_txt{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; color: #fff; z-index: 999; } .iservice_t_txt:after{ content: ''; display: block; width: 100%; height: 100%; position: absolute; top: 0; background-color: rgba(13,77,161,.7); -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=0); opacity: 0; -webkit-transition: all 0.4s linear; -moz-transition: all 0.4s linear; -o-transition: all 0.4s linear; -ms-transition: all 0.4s linear; transition: all 0.4s linear; z-index: -1; } .iservice ul li a:hover .iservice_t_txt:after{ -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=100); opacity: 1; } .iservice_t_txts{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; flex-direction: column; transform: rotateY(90deg); transition: .5s; } .iservice ul li a:hover .iservice_t_txts{ transform: rotateY(0deg); } .iservice_t_txt1 img{ display: block; max-width: 100%; height: 38px; transition: .5s; } .iservice_t_txt2{ margin: 25px 0 35px 0; font-size: 24px; color: #fff; line-height: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: .5s; } .iservice_t_txt3{ width: 98px; margin: 0 auto; line-height: 33px; background-color: #fff; text-align: center; color: #0d4da1; border-radius: 5px; transition: .5s; } .iservice_b{ background-color: #f5f6f7; padding: 15px 13px; overflow: hidden; } .iservice_b1{ font-size: 16px; color: #323333; line-height: 1; margin-bottom: 15px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .iservice_b2{ color: #8b8b8b; line-height: 30px; height: 90px; overflow: hidden; } /*鏈嶅姟璇︽儏*/ .inner_serviceshow{ margin: 45px 0 55px 0; overflow: hidden; } .iserviceshow1{ margin-top: 50px; } .iserviceshow1 li{ position: relative; margin-bottom: 50px; overflow: hidden; } .iserviceshow1 li:nth-child(odd) .tp{ float: left; } .iserviceshow1 li:nth-child(even) .tp{ float: right; } .iserviceshow1 li:nth-child(odd) .isshow1_txt{ right: 0; } .iserviceshow1 li:nth-child(even) .isshow1_txt{ left: 0; } .iserviceshow1 li .tp{ width: 50.5%; } .isshow1_txt{ position: absolute; top: 10%; height: 80%; width: 55%; background-color: #f7f7f7; display: flex; align-items: flex-start; justify-content: center; flex-direction: column; padding: 0 5%; } .isshow1_txt1{ font-size: 24px; color: #0d4da1; line-height: 1; margin-bottom: 35px; } .isshow1_txt2{ font-size: 16px; color: #676767; line-height: 35px; } .iserviceshow2{ } .iserviceshow2 ul{ display: flex; flex-wrap: wrap; } .iserviceshow2 ul li{ width: 15%; padding: 0 5px; margin-bottom: 20px; } .iserviceshow2s{ cursor: default; } .iserviceshow2s .pic::after{ padding-bottom: 35%; } .style3::-webkit-scrollbar-track{ background-color: #ccc; } .style3::-webkit-scrollbar{ width: 3px; background-color: #ccc; } .style3::-webkit-scrollbar-thumb{ background-color: #0d4da1; } @media (min-width:1801px) and (max-width:1875px){ .adv_txt h3{ font-size: 22px; } .about_fr1{ margin: 30px 0; } .lx2 textarea{ height: 120px; } } @media (min-width:1701px) and (max-width:1800px){ .iabout4_con_txt2{ height: 125px; } .adv-min a{ padding: 0 15px; } .adv_txt h3{ font-size: 22px; } .about_fr{ padding: 3% 4.8%; } .about_fr1{ margin: 30px 0; } .iabout3_con2 ul li{ padding: 0 30px; } .icontact1s{ padding: 45px 43px 0 43px; } .icontact2_fr_con{ margin-top: 20px; } .lx1s{ width: 45%; } .lx1s input{ margin-top: 10px; } .lx2 input{ margin-top: 10px; } .lx2 textarea{ margin-top: 10px; height: 120px; } .lx3 input{ width: 45%; margin-top: 10px; } .lx3 a{ left: 47%; top: 26px; } } @media (min-width:1601px) and (max-width:1700px){ .iabout4_con_txt2{ height: 125px; } .bus_txt2{ font-size: 22px; } .business_con .swiper-button-prev{ left: 43%; } .business_con .swiper-button-next{ right: 43%; } .adv_con1 .swiper-button-prev1{ left: 0; } .adv_con1 .swiper-button-next1{ right: 0; } .adv-min a{ padding: 0 15px; } .adv_txt h3{ font-size: 20px; } .about_fr{ padding: 3% 4.8%; } .about_fr1{ margin: 20px 0; } .news_con ul li{ padding: 0 25px; } .iabout1_con_fr3 ul li h3 span{ font-size: 40px; } .iabout3_con1 br{ display: none; } .iabout3_con2 ul li{ padding: 0 20px; } .iabout3_con2_a1{ margin-bottom: 15px; } .iabout4_con_txt{ padding: 42px; height: auto; } .icontact1 dl{ padding: 0 30px; } .icontact1s{ padding: 45px 43px 0 43px; } .icontact2_fr_con{ margin-top: 20px; } .lx1s{ width: 45%; } .lx1s input{ margin-top: 10px; } .lx2 input{ margin-top: 10px; } .lx2 textarea{ margin-top: 10px; height: 120px; } .lx3 input{ width: 45%; margin-top: 10px; } .lx3 a{ left: 47%; top: 26px; } .iadv_txt { padding: 5.3% 40px 5.3% 60px; } .inews1_fr4{ height: 90px; } .inews2 ul li{ padding: 0 25px; } .isshow1_txt2{ line-height: 30px; } } @media (min-width:1501px) and (max-width:1600px){ .iabout4_con_txt2{ height: 125px; } .bus_txt2{ font-size: 20px; } .business_con .swiper-button-prev{ left: 43%; } .business_con .swiper-button-next{ right: 43%; } .adv_con1 .swiper-button-prev1{ left: 0; } .adv_con1 .swiper-button-next1{ right: 0; } .adv-min a{ padding: 0 15px; } .adv_txt h3{ font-size: 18px; } .about_fr{ padding: 3% 4.8%; } .about_fr1{ margin: 20px 0; /*height: 120px;*/ } .news_con ul li{ padding: 0 25px; } .iabout1_con_fr3 ul li h3 span{ font-size: 36px; } .iabout3_con1 br{ display: none; } .iabout3_con2 ul li{ padding: 0 15px; } .iabout3_con2_a1{ margin-bottom: 15px; } .iabout4_con_txt{ padding: 35px; height: auto; } .icontact1 dl{ padding: 0 25px; } .icontact1s{ padding: 45px 43px 0 43px; } .icontact2_fr_con{ margin-top: 20px; } .lx1s{ width: 45%; } .lx1s input{ margin-top: 10px; } .lx2 input{ margin-top: 10px; } .lx2 textarea{ margin-top: 10px; height: 120px; } .lx3 input{ width: 45%; margin-top: 10px; } .lx3 a{ left: 47%; top: 26px; } .iadv_txt { padding: 5.5% 40px; } .iadv_txt2{ margin-top: 15px; } .inews1_fr4{ height: 90px; } .inews2 ul li{ padding: 0 25px; } .isshow1_txt2{ line-height: 30px; } } @media (min-width:1401px) and (max-width:1500px){ .iabout4_con_txt2{ height: 125px; } .footer1_2_t span{ font-size: 30px; } .footer1_2{ padding: 0 3%; } .footer1_4{ padding-left: 3%; } .bus_txt2{ font-size: 20px; } .bus_txt3{ margin: 10px 0; height: 25px; } .business_con .swiper-button-prev{ left: 42%; } .business_con .swiper-button-next{ right: 42%; } .adv_con1 .swiper-button-prev1{ left: 0; } .adv_con1 .swiper-button-next1{ right: 0; } .adv-min a{ padding: 0 15px; } .adv_txt h3{ font-size: 17px; } .about_fr{ padding: 2.5% 3%; } .about_fr1{ margin: 20px 0; /*height: 90px;*/ } .index_title h3{ margin-bottom: 15px; } .about_fr .index_title p:after{ margin: 15px 0 0 auto; } .about_fr2 ul li a{ width: 120px; height: 120px; } .news_con ul li{ padding: 0 20px; } .iabout1_con_fr3 ul li h3{ font-size: 20px; } .iabout1_con_fr3 ul li h3 span{ font-size: 34px; } .iabout3_con1 br{ display: none; } .iabout3_con2 ul li{ padding: 0 15px; } .iabout3_con2_b h3{ font-size: 20px; } .iabout3_con2_a1{ margin-bottom: 15px; } .iabout4_con_txt{ padding: 30px; height: auto; } .icontact1{ margin-bottom: 20px; } .icontact1 dl{ padding: 0 20px; margin-bottom: 40px; } .icontact1s{ padding: 45px 30px 0 30px; } .icontact2_fr_con{ margin-top: 20px; } .lx1s{ width: 45%; } .lx1s input{ margin-top: 10px; } .lx2 input{ margin-top: 10px; } .lx2 textarea{ margin-top: 10px; height: 120px; } .lx3 input{ width: 45%; margin-top: 10px; } .lx3 a{ left: 47%; top: 26px; } .ijob1_con_txt1{ font-size: 23px; } .ijob1_cons:hover .ijob1_con_txt2{ height: 120px; } .ijob2_con_fr{ padding: 35px 90px 20px 35px; } .iadv_txt { padding: 5.5% 30px; } .iadv_txt1_fr h3{ font-size: 22px; } .iadv_txt2{ margin-top: 15px; } .inews1_fr2{ margin: 20px 0; } .inews1_fr4{ height: 90px; } .inews2 ul li{ padding: 0 20px; } .iservice ul li{ margin-bottom: 50px; } .iservice_t_txt2{ font-size: 22px; margin: 25px 0; } .isshow1_txt1{ font-size: 20px; margin-bottom: 20px; } .isshow1_txt2{ line-height: 30px; } } @media (min-width:1280px) and (max-width:1400px){ .iabout4_con_txt2{ height: 125px; } .container1{ width: 94%; } .footer1_2_t span{ font-size: 30px; } .footer1_2{ padding: 0 3%; } .footer1_4{ padding-left: 3%; } .home-business{ margin: 64px auto 60px auto; } .index_title h3{ font-size: 48px; margin-bottom: 15px; } .index_title p{ font-size: 28px; } .about_fr .index_title p:after{ margin: 15px 0 0 auto; } .bus_txt2{ font-size: 18px; } .bus_txt3{ margin: 10px 0; height: 25px; } .business_con .swiper-button-prev{ left: 42%; } .business_con .swiper-button-next{ right: 42%; } .home-advantage{ padding: 60px 0; } .adv_con1 .swiper-button-prev1{ left: 0; } .adv_con1 .swiper-button-next1{ right: 0; } .adv-min a{ padding: 0 15px; } .adv_txt h3{ font-size: 18px; } .adv_txt p{ display: none; } .about_fr{ padding: 2%; } .about_fr1{ margin: 20px 0; /*height: 90px;*/ } .about_fr2 ul li a{ width: 120px; height: 120px; } .home-news{ padding: 60px 0; } .news_con ul li{ padding: 0 15px; } .home-network{ margin: 60px auto; } .network_fl{ width: 40%; } .network_fr{ width: 55%; } .iabout1_con_fr3 ul li h3{ font-size: 20px; } .iabout1_con_fr3 ul li h3 span{ font-size: 32px; } .iabout1_con_fr3 ul li p{ font-size: 15px; } .iabout3_con1 br{ display: none; } .iabout3_con2 ul li{ padding: 0 15px; } .iabout3_con2_b h3{ font-size: 20px; } .iabout3_con2_a1{ margin-bottom: 15px; } .iabout4_con_txt{ padding: 25px; height: auto; } .icontact1 dl{ padding: 0 15px; margin-bottom: 30px; } .icontact1s{ padding: 40px 25px 0 25px; } .icontact2_fr_con{ margin-top: 20px; } .lx1s{ width: 45%; } .lx1s input{ margin-top: 10px; } .lx2 input{ margin-top: 10px; } .lx2 textarea{ margin-top: 10px; height: 120px; } .lx3 input{ width: 45%; margin-top: 10px; } .lx3 a{ left: 47%; top: 26px; } .ijob1_con_txt1{ font-size: 22px; } .ijob1_cons:hover .ijob1_con_txt2{ height: 120px; margin-top: 25px; } .ijob2_con_fr{ padding: 35px 90px 20px 35px; } .iadv_txt { padding: 5% 30px; } .iadv_txt1_fr h3{ font-size: 20px; } .iadv_txt2{ margin-top: 15px; } .inews1_fr2{ margin: 20px 0; } .inews1_fr4{ margin: 15px 0 20px 0; height: 90px; } .inews2 ul li{ padding: 0 15px; } .iservice ul li{ padding: 0 15px; margin-bottom: 40px; } .iservice_t_txt2{ font-size: 20px; margin: 20px 0; } .isshow1_txt{ top: 5%; height: 90%; } .isshow1_txt1{ font-size: 20px; margin-bottom: 20px; } .isshow1_txt2{ line-height: 30px; } } @media (min-width:1201px) and (max-width:1279px){ .iabout4_con_txt2{ height: 125px; } .container1{ width: 96%; } .menupc li{ margin: 0 28px; } .footer1_2_t span{ font-size: 30px; } .footer1_2{ padding: 0 2%; } .footer1_4{ padding-left: 2%; } .home-business{ margin: 54px auto 50px auto; } .index_title h3{ font-size: 48px; margin-bottom: 15px; } .index_title p{ font-size: 28px; } .about_fr .index_title p:after{ margin: 15px 0 0 auto; } .bus_txt2{ font-size: 18px; } .bus_txt3{ margin: 10px 0; height: 25px; } .business_con .swiper-button-prev{ left: 42%; } .business_con .swiper-button-next{ right: 42%; } .home-advantage{ padding: 50px 0; } .adv_con1 .swiper-button-prev1{ left: 0; } .adv_con1 .swiper-button-next1{ right: 0; } .adv-min a{ padding: 0 15px; } .adv_txt h3{ font-size: 18px; } .adv_txt p{ display: none; } .about_fr{ padding: 2%; } .about_fr1{ margin: 20px 0; } .about_fr2 ul li a{ width: 120px; height: 120px; } .home-news{ padding: 50px 0; } .news_con ul li{ padding: 0 15px; } .home-network{ margin: 50px auto; } .network_fl{ width: 40%; } .network_fr{ width: 55%; } .iabout1_con_fr3 ul li h3{ font-size: 20px; } .iabout1_con_fr3 ul li h3 span{ font-size: 30px; } .iabout1_con_fr3 ul li p{ font-size: 14px; } .iabout3_con1 br{ display: none; } .iabout3_con2 ul li{ padding: 0 15px; } .iabout3_con2_b h3{ font-size: 20px; } .iabout3_con2_a1{ margin-bottom: 15px; } .iabout4_con_txt{ padding: 20px; height: auto; } .icontact1{ margin-bottom: 30px; } .icontact1 dl{ padding: 0 15px; margin-bottom: 30px; } .icontact1s{ padding: 40px 25px 0 25px; } .icontact2_fr_con{ margin-top: 20px; } .lx1s{ width: 45%; } .lx1s input{ margin-top: 10px; } .lx2 input{ margin-top: 10px; } .lx2 textarea{ margin-top: 10px; height: 120px; } .lx3 input{ width: 45%; margin-top: 10px; } .lx3 a{ left: 47%; top: 26px; } .ijob1_con_txt1{ font-size: 20px; } .ijob1_cons:hover .ijob1_con_txt2{ height: 120px; margin-top: 15px; } .ijob2_con_fr{ padding: 35px 90px 20px 35px; } .iadv_txt { padding: 5% 30px; } .iadv_txt1_fr h3{ font-size: 20px; } .iadv_txt2{ margin-top: 15px; } .inews1_fr{ padding:0 35px; } .inews1_fr2{ margin: 20px 0; } .inews1_fr4{ margin: 15px 0 20px 0; height: 90px; } .inews2 ul li{ padding: 0 15px; } .iservice ul li{ padding: 0 15px; margin-bottom: 40px; } .iservice_t_txt2{ font-size: 20px; margin: 20px 0; } .isshow1_txt{ top: 5%; height: 90%; } .isshow1_txt1{ font-size: 20px; margin-bottom: 20px; } .isshow1_txt2{ line-height: 30px; } } @media(max-width:1200px) { .container1{ width:100%; margin:0 auto; padding-left:15px; padding-right:15px; } .show_content img{ display:block; max-width:100%; height:auto; margin: auto; } .wuliu{ right: 15px; } .home-business{ margin: 50px auto; } .index_title h3{ font-size: 40px; margin-bottom: 15px; } .index_title p{ font-size: 22px; } .index_title p:after{ margin: 15px auto 0 auto; } .business_con{ margin-top: 35px; } .bus_txt2{ font-size: 20px; } .business_con .swiper-button-prev{ left: 40%; } .business_con .swiper-button-next{ right: 40%; } .home-advantage{ padding: 50px 0; } .adv_txt h3{ font-size: 16px; } .about_fr{ padding: 4%; } .about_fr1{ margin: 20px 0; } .about_fr2 ul li a{ width: 100px; height: 100px; } .about_img{ width: 45px; height: 45px; } .about_txt{ font-size: 14px; } .home-news{ padding: 50px 0; } .news_con{ margin: 35px 0; } .news_con ul li{ padding: 0 15px; } .home-network{ margin: 50px auto; } .network_fl{ width: 40%; margin-top: 5%; } .network_fl li{ margin-bottom: 30px; } .network_fl li h3{ font-size: 20px; } .network_fl li h3 span{ font-size: 40px; } .footer1{ padding: 50px 0; } .footer2{ padding: 25px 0; } .footer1_2_t span{ font-size: 26px; } .ban_info{ left: 5%; } .ban_info h3{ font-size: 34px; } .ban_info p{ font-size: 20px; } .inner_contact{ margin: 45px 0 50px 0; } .inner_title{ font-size: 26px; } .inner_title:after{ margin: 15px auto 0 auto; } .icontact1{ margin: 35px 0 30px 0; } .icontact1 dl{ padding: 0 20px; } .icontact1s{ padding: 35px 25px 0 25px; } .icontact2_fr{ padding: 30px; } .icontact2_fr_con{ margin-top: 20px; } .lx1s{ width: 48%; } .lx1{ margin-bottom: 15px; } .lx2{ margin-bottom: 15px; } .lx3 input{ width: 48%; } .lx3 a{ left: 50%; } .inner_job{ margin: 45px 0 50px 0; } .ijob1_con{ margin: 35px 0 50px 0; } .ijob1_con_txt1{ font-size: 18px; } .ijob1_con_txt2{ line-height: 25px; font-size: 14px; } .ijob1_cons:hover .ijob1_con_txt2{ margin-top: 20px; height: 100px; } .ijob2_con{ margin-top: 35px; } .ijob2_con_fr{ padding: 35px 100px 20px 50px; } .inews1{ margin: 35px 0 50px 0; } .inews1_fr{ padding: 0 35px; } .inews1_fr2{ margin: 20px 0 15px 0; } .inews1_fr4{ height: 90px; margin: 10px 0 20px 0; } .inews2 ul li{ padding: 0 20px; margin-bottom: 40px; } .inner_newsshow{ margin: 45px 0 50px 0; } .show_title h3{ font-size: 20px; } .show_back_fr{ width: 12%; } .inner_advantage{ margin: 45px 0 20px 0; } .iadvantage{ margin-top: 35px; } .iadv_txt{ padding: 3% 30px; } .inner_nav_fl li a{ padding: 0 20px; } .inner_service{ margin: 50px 0 35px 0; } .iservice{ margin-top: 35px; } .iservice ul li{ padding: 0 15px; margin-bottom: 30px; } .iservice_t_txt2{ margin: 20px 0; font-size: 20px; } /*.ihonor{ margin-top: 35px; } .ihonor ul li{ margin-bottom: 20px; }*/ .ihonor_nav{ margin: 35px 0; } .ihonor_nav ul li a{ width: 200px; line-height: 50px; font-size: 20px; } .ihonors{ padding: 0 30px; height: 100px; } .ihonors h3{ margin-left: 30px; padding-left: 30px; font-size: 18px; } .inner_about{ margin: 50px 0; } .iabout1_con{ margin-top: 35px; } .iabout1_con_fr1{ font-size: 20px; } .iabout1_con_fr3 ul li{ padding: 0 3px; } .iabout1_con_fr3 ul li h3{ font-size: 16px; } .iabout1_con_fr3 ul li h3 span{ font-size: 30px; } .iabout1_con_fr3 ul li p{ font-size: 14px; } .iabout2{ padding: 50px 0 34px 0; } .iabout2_con{ margin: 35px 0; } .iabout3{ margin: 30px 0 50px 0; } .iabout3_con1{ margin: 35px 0; } .iabout3_con1 br{ display: none; } .iabout3_con2 ul li{ padding: 0 15px; } .iabout3_con2_b h3{ font-size: 20px; } .iabout3_con2_a1{ margin-bottom: 15px; } .iabout3_con2_a2{ height: 125px; overflow: scroll; } .iabout4_con{ margin-top: 35px; } .iabout4_con_txt{ padding: 0 20px; } .isshow1_txt{ height: 90%; top: 5% } .isshow1_txt1{ font-size: 20px; margin-bottom: 15px; } .isshow1_txt2{ line-height: 30px; font-size: 15px; } .iserviceshow2 ul li{ width: 20%; } } @media(max-width:768px) { .wuliu{ top: 55%; height: 293px; } .wuliu_t{ height: 243px; padding: 24px 29px 34px 29px; } .wuliu_t1{ margin-bottom: 28px; } .about_fl{ float: none; width: 100%; } .about_fr{ float: none; width: 100%; } .news_con ul li{ padding: 0 8px; } .news_txt{ margin-top: 20px; } .news_txt1{ padding-bottom: 20px; } .network_fl{ width: 45%; margin-top: 3%; } .network_fl li h3 span{ font-size: 30px; } .footer1_1{ width: 26%; } .footer1_2{ width: 56%; padding: 0 5%; } .footer1_3{ display: none; } .footer1_4{ width: 18%; padding-left: 0; } .ban_info h3{ font-size: 30px; } .icontact1 dl{ width: 50%; margin-bottom: 30px; } .icontact1 dl dt{ font-size: 20px; } .icontact2_fl{ width: 100%; } .icontact2_fr{ width: 100%; } .inner_nav{ line-height: 50px; } .inner_nav_fl{ float: none; width: 100%; overflow: hidden; } .inner_nav_fr{ float: none; width: 100%; } .ijob1_con ul li{ padding: 0 10px; } .ijob1_con_txt{ padding: 0 15px; } .ijob1_con_txt1{ font-size: 16px; } .ijob2_con li{ flex-wrap: wrap; } .ijob2_con_fl{ width: 100%; padding: 20px 0; position: inherit; } .ijob2_con_fr{ margin-left: 0; } .inews1{ width: 90%; margin: 35px auto 50px auto; } .inews1s a{ flex-wrap: wrap; } .inews1s a .pic{ float: none; width: 100%; } .inews1_fr{ float: none; width: 100%; padding: 35px; } .inews1 .swiper-button-next2{ right: 0.5%; } .inews1 .swiper-button-next2, .inews1 .swiper-button-prev2{ top: 25%; margin-top: 0; } .inews2 ul li{ padding: 0 10px; margin-bottom: 30px; } .show_back_fr{ width: 15%; } .iadvantage ul{ display: flex; flex-wrap: wrap; flex-direction: row; justify-content: space-between; } .iadvantage ul li{ width: 48%; } .iadvantage li .tp{ width: 100%; } .iadv_txt{ width: 100%; padding: 30px 25px; } .iadv_txt1_fr h3{ font-size: 20px; } .iadv_txt1_fr p{ font-size: 16px; } .iadv_txt2{ margin-top: 20px; } .iservice ul li{ padding: 0 5px; } .iservice_t_txt1 img{ height: 30px; } .iservice_t_txt2{ margin: 10px 0; font-size: 16px; } /*.ihonor ul li{ padding: 0 10px; }*/ .ihonor ul li{ width: 100%; } .iabout1_con_fl{ float: none; width: 100%; } .iabout1_con_fr{ float: none; width: 100%; margin-top: 20px; } .iabout1_con_fr2{ margin: 20px 0; } .iabout3_con2 ul li{ padding: 0 5px; } .iabout3_con2_a2{ height: 100px; } .iabout4_con li{ width: 50%; } .iabout4_con_txt{ height: 238px; } .iabout3_con2_b h3{ font-size: 16px; } .iserviceshow1 li .tp{ width: 100%; } .isshow1_txt{ width: 100%; position: inherit; height: auto; top: inherit; padding: 30px 25px; } .iabout2_con .swiper-container{ width: 85%; } } @media(max-width:600px) { .logo_txt{ font-size: 16px; margin-left: 15px; } .index .nation{ margin: 0; } .index .link a{ margin-left: 10px; } .nation{ margin: 0; } .wuliu{ position: inherit; top: inherit; transform: translate(0, 0%); width: 100%; right: 0; } .home-banner .swiper-pagination{ top: 30%; bottom: auto; } .home-business{ margin: 30px auto; } .index_title h3{ font-size: 30px; } .index_title p{ font-size: 20px; } .business_con{ margin-top: 20px; } .business_con .swiper-button-prev{ left: 0; } .business_con .swiper-button-next{ right: 0; } .home-advantage{ padding: 30px 0; } .adv_con{ margin-top: 20px; } .adv_info1{ font-size: 20px; } .adv_con1 .swiper-button-prev1{ left: 0; } .adv_con1 .swiper-button-next1{ right: 0; } .adv_con2{ margin-top: 20px; } .about_fr2 ul li a{ width: 70px; height: 70px; } .about_img{ width: 30px; height: 30px; } .about_txt{ margin-top: 0; } .home-news{ padding: 30px 0; } .news_con{ margin: 20px 0 0 0; } .news_con ul li{ width: 50%; padding: 0 5px; margin-bottom: 20px; } .home-network{ margin: 30px auto; } .network_fl{ float: none; width: 100%; } .network_fr{ float: none; width: 100%; } .network_fl li{ margin-bottom: 20px; } .network_fl li h3{ font-size: 18px; } .network_fl li h3 span{ font-size: 26px; } .footer1{ padding: 30px 0; } .footer1_1{ float: none; width: 100%; } .footer1_2{ float: none; width: 100%; overflow: hidden; margin: 20px 0; } .footer1_4{ float: none; width: 100%; } .footer2{ padding: 15px 0; } .footer2 p{ font-size: 14px; } .footer2 p a{ font-size: 14px; } .ban_info h3{ font-size: 20px; } .ban_info h3:after{ width: 40px; margin: 10px 0; } .ban_info p{ font-size: 16px; } .inner_nav_fl li{ width: 50%; text-align: center; } .inner_contact{ margin: 30px 0; } .inner_title{ font-size: 20px; } .icontact1{ margin: 20px 0 0 0; } .icontact1 dl{ width: 100%; padding: 0; } .icontact1s{ padding: 25px 20px; height: auto; } .icontact1 dl dd{ margin-top: 15px; } .icontact2_fr{ padding: 25px 20px; } .lx1{ margin-bottom: 0; } .lx1s{ width: 100%; margin-bottom: 20px; } .lx4 input{ height: 42px; line-height: 42px; } .inner_job{ margin: 30px 0; } .ijob1_con{ margin: 20px 0 10px 0; } .ijob1_con ul li{ width: 100%; padding: 0; margin-bottom: 20px; } .ijob1_con_txt1{ font-size: 20px; } .ijob1_con_txt2{ line-height: 30px; font-size: 16px; } .ijob1_cons:hover .ijob1_con_txt2{ height: 120px; margin-top: 20px; } .ijob2_con{ margin-top: 20px; } .ijob2_con_fl1{ font-size: 20px; margin-bottom: 15px; } .ijob2_con_fr{ padding: 25px 60px 20px 20px; } .ijob2_con_fr a{ right: 20px; } .inner_news{ margin: 30px 0; } .inews1{ width: 100%; margin: 20px auto 30px auto; } .inews1_fr{ padding: 25px 20px; } .inews1 .swiper-button-next2, .inews1 .swiper-button-prev2{ top: 18%; } .inews1_fr1{ font-size: 20px; } .inews1_fr2{ font-size: 16px; } .inews2 ul li{ width: 50%; padding: 0 5px; margin-bottom: 20px; } .inner_newsshow{ margin: 30px 0; } .show_title h3{ font-size: 18px; } .show_back_fr{ width: 25%; } .show_back_fr a{ background: #0d4da1 url(../images/return.png) no-repeat 10px center; padding-right: 15px; } .inner_advantage{ margin: 30px 0 5px 0; } .iadvantage{ margin-top: 20px; } .iadvantage ul li{ width: 100%; } .iadv_txt{ padding: 25px 20px; } .inner_service{ margin: 30px 0; } .iservice{ margin-top: 20px; } .iservice ul li{ width: 50%; margin-bottom: 20px; } .inner_serviceshow{ margin: 30px 0; } .inner_honor{ margin: 30px 0; } /*.ihonor{ margin: 20px 0 10px 0; } .ihonor ul li{ width: 50%; padding: 0 5px; margin-bottom: 10px; }*/ .ihonor_nav ul li{ margin: 0 10px; } .ihonor_nav ul li a{ width: 140px; line-height: 40px; font-size: 18px; } .ihonors{ padding: 0 15px; } .ihonors img{ width: 30px; } .ihonors h3{ margin-left: 20px; padding-left: 20px; font-size: 16px; } .inner_about{ margin: 30px 0; } .iabout1_con{ margin-top: 20px; } .iabout1_con_fr3 ul li{ width: 50%; margin-bottom: 20px; } .iabout1_con_fr3 ul li h3 span{ font-size: 26px; } .iabout2{ padding: 30px 0; } .iabout3{ margin: 30px 0 10px 0; } .iabout3_con1{ margin: 20px 0; } .iabout3_con2 ul li{ width: 100%; padding: 0; margin-bottom: 20px; } .iabout3_con2_a2{ height: 125px; } .iabout4_con{ margin-top: 20px; } .iabout4_con li{ width: 100%; margin-bottom: 20px; } .iabout4_con_txt{ height: auto; padding: 25px 20px; } .iserviceshow1{ margin-top: 20px; } .iserviceshow1 li{ margin-bottom: 20px; } .isshow1_txt{ padding: 25px 20px; } .isshow1_txt1{ font-size: 18px; } .iserviceshow2 ul li{ width: 50%; } .iabout2_con{ margin: 20px 0; } .iabout2_con .swiper-container{ width: 70%; } .iabout4_con_txt2{ height: auto; } } @media(max-width:414px) { } @media(max-width:375px) { } @media(max-width:320px) { .home-banner .swiper-pagination{ top: 28%; } .index .nav-fr{ margin-top: 54px; margin-right: 0; } .nav-fr{ margin-top: 54px; margin-right: 0; } .about_fr2 ul li{ width: 50%; margin-bottom: 15px; } .ban_info h3{ font-size: 18px; } .ban_info p{ font-size: 14px; } .ijob1_con_txt1{ font-size: 18px; } .ihonor_nav ul li a{ width: 120px; line-height: 40px; font-size: 16px; } }