@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:"微软雅黑;"; font-size:14px; color:#666; line-height:1.5; width:100%; background:#fff; -webkit-tap-highlight-color:transparent; } .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 } .container1 { width: 74%; margin: 0 auto; } .container2 { width: 1188px; margin: 0 auto; position: relative; z-index: 0; } header { width:100%; margin:0 auto; position:relative; z-index: 99; } .top{ background-color: #014099; height: 47px; line-height: 47px; } .top_fl{ float: left; background: url("../images/gpdm.png") no-repeat left center; padding-left: 35px; color: #fff; } .top_fl span{ font-weight: bold; color: #ffba00; } .nation{ float: right; } .nation li{ float: left; } .nation li a{ display: block; width: 52px; color: #fff; text-align: center; } .nation li a:hover{ background-color: #eaab00; } .nation li .active{ background-color: #eaab00; } .ttext{ float: right; } .ttext li{ float: left; margin: 0 15px; } .ttext li a{ display: block; color: #fff; padding-left: 25px; } .text_a{ background: url("../images/text_a.png") no-repeat left center; } .text_b{ background: url("../images/text_b.png") no-repeat left center; } .text_c{ background: url("../images/text_c.png") no-repeat left center; } .daohang { display:block; width:100%; margin:0 auto; height:82px; clear:both; } .yx { float:left; } .yx a { display:block; padding-top: 13px; } .yx img { max-width:100%; height:auto; } .navdaohang { float:right; } .menupc li{ float: left; text-align: center; position: relative; line-height:82px; z-index: 9; background: url("../images/li.png") no-repeat right center; } .menupc li:last-child{ background: none; } .menupc li:hover a{ color: #014099; } .menupc li:hover a:after{ width: 100%; } .menupc li a{ display:block; color: #000; font-size: 16px; padding: 0px 20px; z-index: 999; position: relative; text-transform: capitalize; } .menupc li a:after{ content: ''; display: block; position: absolute; bottom: 0; left: 0; right: 0; width: 0; margin: 0 auto; height: 7px; background: url("../images/navli.png") no-repeat bottom center; transition: .5s; } .menupc li a:hover{ color: #014099; } .menupc li a:hover:after{ width: 100%; } .menupc li .current{ color: #014099; } .menupc li .current:after{ width: 100%; } .menupc .xiala{ background:rgba(1,64,153,0.8) !important; position: absolute; display:none; left: 0; overflow: hidden; z-index: 999; width:420px; margin-left: -150px; padding: 20px 21px 20px 37px; } .menupc li:last-child .xiala{ margin-left: -300px; } .xiala_fl{ float: left; width: 100px; } .xiala_fl dd{ float: none; position: static; text-align: justify; line-height: 32px; width:100%; } .xiala_fl dd a{ display: block; font-size: 14px; position:relative; color:#fff !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 0 0 0 20px; } .xiala_fl dd a:after{ display: none; } .xiala_fl dd a:before{ content: ''; display: block; position: absolute; left: 0; top: 10px; height: 0; width: 0; border-left: 5px solid #fff; border-top: 5px solid transparent; border-bottom: 5px solid transparent; } .xiala_fl dd a:hover:before{ border-left: 5px solid #eaab00; } .xiala_fl dd a:hover{ color: #eaab00 !important; } .menupc dd .current{ color: #eaab00 !important; } .menupc dd .current:before{ border-left: 5px solid #eaab00; } .xiala_fr{ float: right; width: 248px; height: 185px; border: 4px solid #fff; } .xiala_fr img{ max-width: 100%; height: auto; } .menupc .xiala.subnav { display: block; } /*手机导航*/ .phone-nav { position:absolute; font-size:30px; right:15px; top:94px; 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:#e20008; width:42px; height:34px; line-height:34px; text-align:center; position:absolute; cursor:pointer; border-radius:0; background:#72c02c 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; } .yx a{ padding-top: 10px; } .yx img{ height: 40px; } .phone-nav { display:block; } .navdaohang { display:none; } } /*swiper的banner*/ .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: none; bottom: 5px; right: 0; left: 0; } .home-banner .swiper-pagination-bullet{ width: 10px; height: 10px; background-color: #fff; opacity: 1; outline: none; margin: 0px 5px; border-radius: 0px; } .home-banner .swiper-pagination-bullet-active{ background-color: #eaab00; } .home-banner .swiper-button-next, .home-banner .swiper-button-prev{ display: block; position: absolute; top: 50%; width: 36px; height: 77px; margin-top: -38px; z-index: 10; cursor: pointer; outline: none; background: none; font-size: 50px; color: #fff; } .home-banner .swiper-button-prev{ left: 12.5%; right: auto; background: url("../images/bl.png") no-repeat left center; } .home-banner .swiper-button-prev:hover{ background: url("../images/bl_h.png") no-repeat left center; } .home-banner .swiper-button-next{ right: 12.5%; left: auto; background: url("../images/br.png") no-repeat left center; } .home-banner .swiper-button-next:hover{ background: url("../images/br_h.png") no-repeat left center; } footer{ width: 100%; margin: 0 auto; background-color: #1d1d21; } .footer2{ border-top: 1px solid #363639; overflow: hidden; padding: 27px 0px; clear: both; } .footer2 p{ text-align: center; color: #969696; line-height: 24px; } .footer2 p a{ color: #969696; } .footer2 p a:hover{ color: #014099; } .footer1{ padding-top: 60px; } .footer1_fl{ float: left; width: 25%; } .footer1_fl_t{ margin-bottom: 40px; color: #969696; background: url("../images/ftel.png") no-repeat left center; padding-left: 62px; } .footer1_fl_t p{ font-size: 30px; } .footer1_fl_b{ word-break: break-all; } .footer1_fl_b p{ color: #969696; line-height: 23px; padding-left: 30px; margin-bottom: 15px; } .fmail{ background: url("../images/fmail.png") no-repeat left center; } .faddress{ background: url("../images/faddress.png") no-repeat left center; } .footer1_fr{ float: right; width: 10%; } .footer1_fr_b{ margin-top: 10px; text-align: center; } .footer1_fr_b img{ display: block; max-width: 100%; height: auto; margin: auto; } .footer1_fr_b p{ margin-top: 10px; color: #969696; } .footer1_fr_t{ } .select_box{ POSITION: relative; width: 100%; height: 28px; background-color: #fff; border-radius: 25px; } .select_box span{ display: block; height: 28px; line-height: 28px; width: 100%; color: #59595b; overflow: hidden; cursor: pointer; text-align: center; } .son_ul { position: absolute; width: 220px; bottom: 29px; display: none; left: 50%; margin-left: -110px; background-color: #fff; z-index: 999; border-radius: 5px; padding: 18px 10px; } .son_ul li{ line-height: 25px; text-align: center; width: 100%; display: block; position: static; } .son_ul li a{ color: #59595b !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .son_ul li.hover a{ color: #014099 !important; } .footer1_fc{ float: left; width: 55%; margin: 0 5% 45px 5%; } .footer1_fc li{ float: left; width: 16.6%; text-align: center; padding: 0 5px; } .footer1_fc li a{ display: block; font-size: 16px; color: #fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .menulist{ margin-top: 20px; } .menulist li{ float: none; width: 100%; line-height: 30px; padding: 0; } .menulist li a{ display: block; color: #969696; font-size: 14px; } .menulist li a:hover{ color: #014099; } .home-column{ width: 100%; margin: 0 auto; overflow: hidden; } .home-column li{ float: left; width: 50%; position: relative; } .home-column li a{ display: block; } .home-column li a .pic:after{ padding-bottom: 47.91666%; } .home-column li a:hover .pic img{ transform: scale(1.05); -moz-transform: scale(1.05); -webkit-transform: scale(1.05); } .home-column li:nth-child(1) .column_txt{ background-color: rgba(5,40,88,0.8); } .home-column li:nth-child(1) .column_txts{ border: 3px solid #fff; } .home-column li:nth-child(2) .column_txt{ background-color: rgba(0,0,0,0.7); } .home-column li:nth-child(2) .column_txts{ border: 3px solid #014099; } .home-column li:nth-child(1) a:hover .column_txts{ background-color: #fff; color: #014099; } .home-column li:nth-child(2) a:hover .column_txts{ background-color: #014099; } .column_txt{ position: absolute; width: 100%; height: 100%; top: 0; } .column_txts{ width: 60%; height: 140px; top:50%; left: 20%; position: absolute; margin-top: -70px; padding: 50px 10px; line-height: 1; font-size: 36px; text-align: center; color: #fff; } .column_txts p{ font-weight: bold; text-transform: uppercase; /*margin-bottom: 15px;*/ } .home-news{ width: 100%; margin: 45px auto; overflow: hidden; } .index_title{ text-align: center; } .index_title h3{ font-size: 26px; color: #1e2027; border-bottom: 1px solid #ebebeb; overflow: hidden; text-transform: uppercase; } .index_title h3:after{ content: ''; display: block; width: 51px; margin: 5px auto 0px auto; height: 1px; background-color: #014099; } .index_title h3 span{ color: #014099; } .index_title p{ padding-top: 5px; font-size: 24px; color: #bcbcbc; text-transform: uppercase; display: none; } .news_con{ overflow: hidden; } .news_con_nav{ margin: 25px 0px; overflow: hidden; } .news_con_nav ul{ display: flex; justify-content: center; } .news_con_nav li{ margin: 0 10px; } .news_con_nav li a{ display: block; line-height: 32px; border: 1px solid #014099; color: #014099; font-size: 16px; border-radius: 25px; width: auto; padding: 0 20px; text-align: center; text-transform: capitalize; } .news_con_nav li a:hover{ background-color: #014099; color: #fff; } .news_con_nav li a.active{ background-color: #014099; color: #fff; } .news_con_info{ overflow: hidden; } .news_con_info li{ float: left; width: 25%; padding: 0 6px; } .news_con_info li a{ display: block; } .news_con_info li a .pic:after{ padding-bottom: 72.46%; } .news_xq{ position: relative; background-color: #eee; padding: 15px 30px; } .news_xq_date{ width: 86px; height: 74px; background-color: #014099; text-align: center; color: #fff; line-height: 1; padding: 5px 11px; position: absolute; top: -43px; } .news_xq_date p{ font-size: 36px; font-weight: bold; border-bottom: 1px dashed #678cc2; padding-bottom: 5px; margin-bottom: 5px; } .news_xq_date span{ font-size: 16px; } .news_xq_txt{ } .news_xq_txt1{ font-size: 16px; color: #000; padding-left: 100px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .news_xq_txt2{ color: #747474; line-height: 25px; height: 50px; overflow: hidden; margin: 15px 0; } .news_xq_txt3{ color: #014099; } .news_xq_txt4{ display: none; color: #999; } .news_con_info li a:hover .pic img{ transform: scale(1.05); -moz-transform: scale(1.05); -webkit-transform: scale(1.05); } .news_con_info li a:hover .news_xq{ background-color: #014099; } .news_con_info li a:hover .news_xq_date{ background-color: #fff; color: #014099; } .news_con_info li a:hover .news_xq_txt1{ color: #fff; } .news_con_info li a:hover .news_xq_txt2{ color: #fff; } .news_con_info li a:hover .news_xq_txt3{ color: #fff; } .news_con_more{ margin-top: 45px; text-align: center; } .news_con_more a{ display: block; border: 1px solid #bcbcbc; line-height: 41px; text-align: center; border-radius: 5px; position: relative; width: 138px; margin: 0 auto; } .news_con_more a:after{ content: ''; display: block; background-color: #014099; position: absolute; left: 0; top:0; width: 0; height: 43px; border-radius: 5px; transition: .5s; } .news_con_more a:hover:after{ width: 100%; } .news_con_more a p{ color: #2c2c2c; font-size: 16px; z-index: 9999; position: relative; } .news_con_more a:hover p{ color: #fff; } .home-wenzi{ width: 100%; margin: 11px auto 0 auto; background-color: #eaeef1; padding: 50px 0; overflow: hidden; text-align: center; } .home-wenzi h3{ color: #1e2027; font-size: 30px; margin-bottom: 20px; } .home-wenzi p{ font-size: 16px; color: #6d6d6d; line-height: 30px; } .home-cate{ width: 100%; margin: 50px auto; overflow: hidden; } .home-cate li{ float: left; width: 33.3%; padding: 0 10px; } .home-cate li a{ display: block; position: relative; } .home-cate li a .pic:after{ padding-bottom: 82.6%; } .cate_txt{ position: absolute; left: 0; bottom: 35px; width: 100%; text-align: center; } .cate_txt h3{ font-size: 22px; color: #fff; margin-bottom: 20px; text-transform: uppercase; } .cate_txt p{ width: 121px; margin: 0 auto; line-height: 33px; border: 1px solid #fff; border-radius: 25px; text-align: center; color: #fff; } .home-cate li a:hover .pic img{ transform: scale(1.05); -moz-transform: scale(1.05); -webkit-transform: scale(1.05); } .home-cate li a:hover .cate_txt p{ border: 1px solid #014099; background-color: #014099; } .home-internal{ width: 100%; margin: 0 auto; padding: 55px 0px; overflow: hidden; background: url("../images/internalbg.jpg") repeat; } .internal_nav{ margin: 30px 0; overflow: hidden; } .internal_nav ul{ display: flex; justify-content: center; } .internal_nav li{ margin: 0 45px; } .internal_nav li a{ display: block; } .internal_nav li a img{ display: block; max-width: 100%; height: auto; margin: auto; } .internal_nav li a p{ margin-top: 10px; text-align: center; font-size: 20px; color: #000; text-transform: uppercase; } .internal_con{ overflow: hidden; } .internal_con img{ display: block; max-width: 100%; height: auto; margin: auto; } .internal_info{ margin-top: 25px; } .internal_info li{ float: left; width: 25%; padding: 0 20px; text-align: center; line-height: 1; font-family: "Arial"; cursor: default; overflow: hidden; } .internal_info li h3 span{ font-size: 100px; font-weight: bold; color: #3a3c40; margin-bottom: 15px; } .internal_info li h3{ font-size: 36px; } .internal_info li p{ font-size: 18px; color: #000; } .internal_info li:hover h3 span{ color: #eaab00; } /*人才发展*/ .inner-banner{ width: 100%; margin: 0 auto; } .inner-banner img{ display: block; width: 100%; height: auto; margin: auto; } .inner-main{ width: 100%; margin: 0 auto; } .inner_talent{ overflow: hidden; } .italent_info{ margin: 45px 0px; overflow: hidden; line-height: 1.8; font-size: 16px; color: #6d6d6d; text-align: center; } .italent_con{ margin-bottom: 60px; overflow: hidden; } .italent_con li{ float: left; width: 50%; padding: 0 15px; margin-bottom: 10px; } .italent_con li a{ display: block; position: relative; } .tp{ overflow: hidden; } .tp img{ display: block; max-width: 100%; height: auto; margin: auto; transition: .5s; } .italent_con li a:hover .tp img{ transform: scale(1.05); -moz-transform: scale(1.05); -webkit-transform: scale(1.05); } .italent_con li:nth-child(1) .icolumn_txt{ background-color: rgba(5,40,88,0.8); } .italent_con li:nth-child(2) .icolumn_txt{ background-color: rgba(0,0,0,0.7); } .icolumn_txt{ position: absolute; width: 100%; height: 100%; top: 0; line-height: 1; font-size: 36px; text-align: center; color: #fff; padding: 0px 10px; } .icolumn_txt p{ font-weight: bold; text-transform: uppercase; /* margin-bottom: 15px;*/ padding-top: 30%; } /*人才招聘*/ .inner_nav{ border-bottom: 1px solid #e2e2e2; overflow: hidden; line-height: 59px; } .inner_nav_fl{ float: left; } .inner_nav_fl p{ float: left; background-color: #002d9a; font-size: 18px; color: #fff; padding: 0 25px; } .inner_nav_fl ul{ float: left; } .inner_nav_fl ul li{ float: left; } .inner_nav_fl ul li a{ display: block; font-size: 16px; color: #494949; padding: 0 20px; } .inner_nav_fl ul li a:hover{ background-color: #eaab00; color: #fff; } .inner_nav_fl ul li a.active{ background-color: #eaab00; color: #fff; } .inner_nav_fr{ float: right; } .inner_nav_fr p{ color: #9a9a9a; background: url("../images/home.png") no-repeat left center; padding-left: 27px; } .inner_nav_fr p a{ color: #9a9a9a; } .inner_nav_fr p span{ color: #002d9a; } .inner_job{ margin: 30px 0 45px 0; overflow: hidden; } .inner_title{ text-align: center; } .inner_title h3{ font-size: 24px; color: #000; text-transform: uppercase; } .inner_title h3:after{ content: ''; display: block; width: 29px; height: 2px; background-color: #013b8d; margin: 8px auto; } .inner_job_con{ margin-top: 30px; } .inner_job_con dl { margin-bottom: 10px; } .zp-title{ cursor: pointer; outline:none; overflow: hidden; transition: 0.5s; } .zp-title a{ color:#333; display:block; min-height: 50px; line-height: 50px; padding: 0 15px 0 20px; background-color: #d8d8d8; } .zp-title a p{ float: left; color: #000; font-size: 16px; background: url("../images/p.png") no-repeat left center; padding-left: 20px; } .zp-title a span{ float: right; display: inline-block; background: url("../images/fr.png") no-repeat center; width: 27px; height: 27px; margin-top: 11px; } .zp-title a:hover{ background-color: #002d9a; } .zp-title a:hover p{ color: #fff; background: url("../images/p_h.png") no-repeat left center; } .zp-title a:hover span{ background: url("../images/fr_h.png") no-repeat center; } .zp-title li{ font-size: 16px; } .zp-content { overflow: hidden; display:none; border: 1px solid #002d9a; padding: 25px 30px; } .zp-content1{ overflow: hidden; } .zp-content1 li{ float: left; margin-right: 20px; font-size: 16px; font-weight: bold; color: #000; } .zp-content1 li span{ color: #5d5d5d; font-weight: normal; } .zp-content2{ overflow: hidden; margin: 10px 0px; } .job_title{ font-size: 16px; font-weight: bold; color: #000; } .zp-content2-con{ font-size: 16px; color: #5d5d5d; line-height: 1.8; } .zp-content3{ overflow: hidden; } .zp-content3-con{ font-size: 16px; color: #5d5d5d; line-height: 1.8; } #open .zp-content{ display:block; overflow:hidden; } #open .zp-title a{ background-color: #002d9a; } #open .zp-title a p{ color: #fff; background: url("../images/p_h.png") no-repeat left center; } #open .zp-title a span{ background: url("../images/fr_h.png") no-repeat center; } /*人才理念*/ .inner_idea1{ margin: 30px 0 18px 0; overflow: hidden; } .inner_title p{ font-size: 16px; color: #6d6d6d; margin-top: 20px; text-align: justify; } .iidea1_con{ margin-top: 25px; } .iidea1_con li{ float: left; width: 33.3%; padding: 0 10px; margin-bottom: 10px; } .iidea1_cons{ position: relative; } .iidea1_cons:hover .tp img{ transform: scale(1.05); -moz-transform: scale(1.05); -webkit-transform: scale(1.05); } .iidea1_txt{ position: absolute; bottom: 40px; width: 100%; text-align: center; font-size: 24px; color: #fff; padding: 0 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .inner_idea2{ background: url("../images/iidea2bg.jpg") no-repeat top center; padding: 40px 0 50px 0; overflow: hidden; } .inner_idea2 .inner_title p{ text-align: center; } .iidea2_con{ margin-top: 55px; } .iidea2_con li{ float: left; width: 25%; padding: 0 29px; margin-bottom: 10px; } .iidea2_cons{ background-color: #fff; height: 374px; padding: 48px 35px; overflow: hidden; border-radius: 25px; box-shadow: 0 0 3px #666; } .iidea2_txt{ text-align: center; } .iidea2_txt h3{ font-size: 24px; color: #002d9a; margin: 25px 0; } .iidea2_txt p{ color: #6d6d6d; line-height: 30px; } .iidea2_cons:hover .tp img{ transform:rotateY(180deg); -moz-transform:rotateY(180deg); -webkit-transform:rotateY(180deg); } .inner_idea4{ margin: 40px 0; overflow: hidden; } .iidea4_con{ margin-top: 25px; } .iidea4_con li{ float: left; width: 33.3%; padding: 0 10px; margin-bottom: 10px; } .iidea4_cons{ position: relative; } .iidea4_cons:hover .tp img{ transform: scale(1.05); -moz-transform: scale(1.05); -webkit-transform: scale(1.05); } .iidea4_txt{ position: absolute; bottom: 40px; width: 100%; color: #fff; padding: 0 40px; } .iidea4_txt h3{ font-size: 30px; font-weight: bold; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .iidea4_txt p{ font-size: 24px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .inner_idea3{ margin: 50px 0px; overflow: hidden; } .iidea3_con{ margin-top: 25px; position: relative; } .iidea3_con:after{ content: ''; display: block; width: 80%; height: 62%; border: 1px solid #002d9a; border-radius: 180px; position: absolute; left: 170px; top: 57px; z-index: -1; } .iidea3_con_t{ margin-bottom: 90px; overflow: hidden; } .iidea3_title{ float: left; width: 170px; font-size: 24px; color: #333; font-weight: bold; margin-top: 80px; } .iidea3_con_fr{ margin-left: 170px; width: 80%; } .iidea3_con_fr ul{ display: flex; justify-content: center; } .iidea3_con_fr li{ padding: 0 70px; text-align: center; } .iidea3_con_fr li .tp{ width: 115px; height: 115px; margin: 0 auto; background-color: #002d9a; border-radius: 180px; } .iidea3_con_fr li:hover .tp{ background-color: #eaab00; } .iidea3_con_fr li:hover img{ transform:rotateY(180deg); -moz-transform:rotateY(180deg); -webkit-transform:rotateY(180deg); } .iidea3_txt{ font-size: 18px; color: #333; margin-top: 25px; } .iidea3_con_b{ overflow: hidden; } .iidea3_con_b .iidea3_con_fr li{ padding: 0 40px; } /*投资者关系*/ .inner_investor1{ /*background: url("../images/investor1bg.jpg") no-repeat top center;*/ padding: 45px 0 0 0; overflow: hidden; margin-bottom: 45px; } .inner_title1{ text-align: center; } .inner_title1 h3{ font-size: 30px; color: #000; text-transform: uppercase; } .inner_title1 h3:after{ content: ''; display: block; width: 29px; height: 2px; background-color: #013b8d; margin: 8px auto; } .inner_title1 p { font-size: 16px; color: #6d6d6d; margin-top: 20px; text-align: center; } .inner_investor1 .inner_title1 h3{ color: #fff; } .inner_investor1 .inner_title1 h3:after{ background-color: #1f6fdf; } .iinvestor1_con{ margin-top: 25px; overflow: hidden; } .iinvestor1_con_fl{ float: left; width: 47%; } .iinvestor1_fl_1{ font-size: 24px; color: #333; } .iinvestor1_fl_2{ overflow: hidden; margin: 20px 0 15px 0; } .iinvestor1_fl_2 img{ display: block; max-width: 100%; height: auto; margin: auto; transition: .5s; } .iinvestor1_fl_2:hover img{ transform: scale(1.05); -moz-transform: scale(1.05); -webkit-transform: scale(1.05); } .iinvestor1_fl_3{ font-size: 15px; color: #666; line-height: 25px; } .iinvestor1_con_fr{ float: right; width: 47%; } .iinvestor1_fl_1 span{ color: #666; font-size: 14px; margin-left: 16px; } .iinvestor1_fr_2{ margin-top: 20px; } .iinvestor1_fr_2 iframe{ width: 100%; margin: 0 auto; height: auto; } .iinvestor1_fr_2 img{ display: block; max-width: 100%; height: auto; margin: auto; } /*.iinvestor1_con{ margin-top: 25px; } .iinvestor1_con h3{ width: 397px; margin: 0 auto 35px auto; line-height: 67px; border: 1px solid #fff; background-color: rgba(255,255,255,0.2); color: #fff; font-size: 17px; text-align: center; } .iinvestor1_con h3 span{ color: #ffba00; font-size: 35px; font-weight: bold; vertical-align: bottom; } .iinvestor1_con img{ display: block; max-width: 100%; height: auto; margin: auto; border-radius: 10px; box-shadow: 0 0 10px #000; }*/ .inner_investor2{ margin: 50px 0; display: none; } .iinvestor2_con{ margin-top: 25px; position: relative; } .iinvestor2_con .swiper-container{ max-width: 85%; margin: 0 auto; } .iinvestor2_con .swiper-slide{ display: initial; } .iinvestor2s a{ display:block; overflow: hidden; } .iinvestor2s a .pic{ border: 6px solid #d9d9d9; } .iinvestor2s a .pic:after{ padding-bottom: 145.7%; } .iinvestor2s a:hover .pic{ border: 6px solid #ffba00; } .iinvestor2s a:hover .pic img{ transform: scale(1.05); -moz-transform: scale(1.05); -webkit-transform: scale(1.05); } .iinvestor2_con .swiper-button-next1, .iinvestor2_con .swiper-button-prev1{ display: block; position: absolute; top: 50%; width: 66px; height: 66px; margin-top: -33px; z-index: 10; cursor: pointer; outline: none; background: none; font-size: 50px; color: #fff; } .iinvestor2_con .swiper-button-prev1{ left: 0; right: auto; background: #cbcbcb url("../images/tzl.png") no-repeat center; } .iinvestor2_con .swiper-button-prev1:hover{ background: #014099 url("../images/tzl.png") no-repeat center; } .iinvestor2_con .swiper-button-next1{ right: 0; left: auto; background: #cbcbcb url("../images/tzr.png") no-repeat center; } .iinvestor2_con .swiper-button-next1:hover{ background: #014099 url("../images/tzr.png") no-repeat center; } .inner_more{ text-align: center; margin-top: 45px; } .inner_more a{ display: block; width: 132px; margin: 0 auto; line-height: 36px; background-color: #014099; color: #fff; font-size: 14px; text-align: center; border-radius: 25px; transition: .5s; } .inner_more a:hover{ box-shadow:inset 0 0 0 .2rem rgba(255, 255, 255, .4); } .inner_investor3{ margin-bottom: 60px; overflow: hidden; display: none; } .iinvestor3_con{ margin-top: 30px; overflow: hidden; } .iinvestor3_con li{ float: left; width: 50%; padding: 0 17px; margin-bottom: 25px; } .iinvestor3_con li a{ display: block; padding: 24px; background-color: #f4f6f8; overflow: hidden; transition: .5s; } .iinvestor3_date{ float: left; width: 105px; height: 108px; background-color: #014099; line-height: 1; color: #fff; text-align: center; } .iinvestor3_date p{ font-size: 58px; font-weight: bold; padding: 12px 0 5px 0; } .iinvestor3_date span{ font-size: 17px; } .iinvestor3_txt{ margin-left: 120px; } .iinvestor3_txt1{ color: #2a2a2a; font-size: 16px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin: 3px 0 8px 0; } .iinvestor3_txt2{ color: #a8a8a8; font-size: 14px; line-height: 25px; height: 75px; overflow: hidden; } .iinvestor3_txt2 span{ color: #014099; } .iinvestor3_con li a:hover{ background-color: #014099; } .iinvestor3_con li a:hover .iinvestor3_date{ background-color: #fff; color: #014099; } .iinvestor3_con li a:hover .iinvestor3_txt1{ color: #fff; } .iinvestor3_con li a:hover .iinvestor3_txt2{ color: #fff; } .iinvestor3_con li a:hover .iinvestor3_txt2 span{ color: #fff; } .inner_investor3 .inner_more{ margin-top: 20px; } .inner_investor4{ background: url("../images/investor4bg.jpg") no-repeat top center; padding: 90px 0; overflow: hidden; } .iinvestor4_t{ margin-bottom: 30px; overflow: hidden; text-align: center; font-size: 36px; line-height: 1; } .iinvestor4_t img{ display: block; max-width: 100%; height: auto; margin: auto; } .iinvestor4_t p{ font-weight: bold; color: #014099; text-transform: uppercase; margin: 20px 0; } .iinvestor4_t h3{ color: #fff; } .iinvestor4_b{ font-family: "Arial"; } .iinvestor4_b h3{ width: 475px; margin: 0 auto 10px auto; line-height: 74px; border: 3px solid #014099; background-color: rgba(26,52,113,0.42); font-size: 46px; color: #fff; font-weight: bold; text-align: center; } .iinvestor4_b p{ width: 475px; margin: 0 auto; line-height: 74px; border: 3px solid #014099; background: rgba(26,52,113,0.42) url("../images/mail.png") no-repeat 40px center; font-size: 24px; color: #fff; font-weight: bold; padding-left: 90px; } /*定期报告*/ .inner_reprot{ margin: 35px 0px; overflow: hidden; } .ireprot_con{ margin: 25px 0 30px 0; overflow: hidden; } .ireprot_con li{ float: left; width: 16.6%; padding: 0 7px; margin-bottom: 14px; } .ireprot_con li a{ display: block; } .ireprot_con li a .pic{ border: 6px solid #d9d9d9; } .ireprot_con li a .pic:after{ padding-bottom: 145.7%; } .ireprot_con li a:hover .pic{ border: 6px solid #ffba00; } .ireprot_con li a:hover .pic img{ transform: scale(1.05); -moz-transform: scale(1.05); -webkit-transform: scale(1.05); } /*分页*/ .pagination{ text-align:center; color:#666; clear:both; } .pagination a{ display:inline-block ; color: #808080; border:1px solid #D9D9D9; text-align: center; text-transform: capitalize; padding:0px 10px; line-height:28px; background-color:transparent; margin:0px 1px 10px 1px; } .pagination a:hover{ color:#fff; background-color:#002d9a; border:1px solid #002d9a; } .pagination a.active { display: inline-block; color: #fff; background-color: #002d9a; border: 1px solid #002d9a; } /*公司公告*/ .inner_gsgg{ margin: 35px 0px; overflow: hidden; } .igsgg_con{ margin: 25px 0px; overflow: hidden; } .igsgg_con li{ float: left; width: 50%; padding: 0 12px; margin-bottom: 22px; } .igsgg_con li a{ display: block; border: 1px solid #e6e6e6; padding: 20px; overflow: hidden; transition: .5s; border-radius: 10px; } .igsgg_date{ float: left; width: 89px; height: 91px; background-color: #efefef; line-height: 1; color: #989898; text-align: center; } .igsgg_date p{ font-size: 45px; font-weight: bold; padding: 12px 0 5px 0; } .igsgg_date span{ font-size: 14px; } .igsgg_txt{ margin-left: 115px; } .igsgg_txt1{ color: #1f1f1f; font-size: 16px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .igsgg_txt1:after{ content: ''; display: block; width: 32px; margin: 5px 0 10px 0; height: 2px; background-color: #002d9a; } .igsgg_txt2{ color: #717171; font-size: 14px; line-height: 25px; height: 50px; overflow: hidden; text-indent: 2em; } .iinvestor3_txt2 span{ color: #014099; } .igsgg_con li a:hover{ background-color: #014099; border: 1px solid #014099; } .igsgg_con li a:hover .igsgg_date{ background-color: #fff; color: #014099; } .igsgg_con li a:hover .igsgg_txt1{ color: #fff; } .igsgg_con li a:hover .igsgg_txt1:after{ background-color: #fff; } .igsgg_con li a:hover .igsgg_txt2{ color: #fff; } .igsgg_con li a:hover .igsgg_txt2 span{ color: #fff; } /*公司公告详情*/ .igsggshow_con{ margin-bottom: 25px; 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: #002d9a; } .show_back_fr{ overflow:hidden; float: right; width: 15%; } .show_back_fr a{ display:block; line-height:46px; color:#fff; font-size:15px; background: #002d9a url(../images/return.png) no-repeat 20px center; padding-right:25px; text-align: right; } /*国际js77999网页网站*/ .inner_inter1{ margin: 45px 0; overflow: hidden; } .inner_inter1 .inner_title p{ text-align: center; } .iinter1_con{ margin-top: 25px; } .iinter1_con li{ float: left; width: 33.3%; padding: 0 10px; margin-bottom: 10px; } .iinter1_con li a{ display: block; position: relative; } .iinter1_txt{ position: absolute; width: 100%; height: 80px; background-color: transparent; text-align: center; color: #fff; bottom: 0; transition: .5s; padding: 0 10px; } .iinter1_con li a:hover .iinter1_txt{ height: 100%; background-color: #eaab00; padding-top: 15%; } .iinter1_txt img{ display: none; max-width: 100%; height: auto; margin: auto; } .iinter1_txt h3{ font-size: 24px; font-weight: bold; text-transform: uppercase; } .iinter1_txt p:before{ content: ''; display: none; width: 50%; margin: 20px auto; height: 1px; background-color: #eabf49; } .iinter1_txt p{ display: none; font-size: 16px; line-height: 30px; } .iinter1_con li a:hover .iinter1_txt h3{ margin-top: 35px; } .iinter1_con li a:hover .iinter1_txt img{ display: block; } .iinter1_con li a:hover .iinter1_txt p:before{ display: block; } .iinter1_con li a:hover .iinter1_txt p{ display: block; } .inner_inter2{ background: url("../images/inter2bg.jpg") no-repeat top center; padding: 60px 0 10% 0; overflow: hidden; } .inner_inter2 .inner_title1 h3{ color: #fff; } .inner_inter2 .inner_title1 h3:after{ background-color: #fff; } .iinter2_con{ margin-top: 80px; } .iinter2_con img{ display: block; max-width: 100%; height: auto; margin: auto; } /*实力js77999网页网站*/ .inner_strength1{ margin: 45px 0; } .inner_strength1 .inner_title h3:after{ display: none; } .inner_strength1 .inner_title p{ text-align: center; } .istrength1_con{ margin-top: 45px; } .istrength1_con li{ margin-bottom: 28px; overflow: hidden; } .istrength1_con li a{ display: block; } .istrength1_con li:nth-child(odd) .istrength1_fl{ float: left; } .istrength1_con li:nth-child(odd) .istrength1_fr{ float: right; } .istrength1_con li:nth-child(even) .istrength1_fl{ float: right; } .istrength1_con li:nth-child(even) .istrength1_fr{ float: left; } .istrength1_fl{ width: 50%; } .istrength1_fls{ overflow: hidden; position: relative; } .istrength1_fl img{ display: block; max-width: 100%; height: auto; margin: auto; transition: .5s; } .istrength1_con li a:hover .istrength1_fl img{ transform: scale(1.05); -moz-transform: scale(1.05); -webkit-transform: scale(1.05); } .istrength1_fls_txt{ position: absolute; top: 40px; color: #fff; } .istrength1_con li:nth-child(odd) .istrength1_fls_txt{ left: 25px; } .istrength1_con li:nth-child(even) .istrength1_fls_txt{ right: 25px; text-align: right; } .istrength1_fls_txt h3{ font-size: 35px; margin-bottom: 10px; } .istrength1_fls_txt p{ font-size: 16px; } .istrength1_fr{ width: 50%; } .istrength1_frs{ padding: 13% 4%; overflow: hidden; background-color: #014099; color: #fff; text-align: center; } .istrength1_frs img{ display: block; max-width: 100%; height: auto; margin: auto; } .istrength1_frs h3{ font-size: 30px; margin: 30px 0; text-transform: capitalize; } .istrength1_frs h3:after{ content: ''; display: block; width: 29px; height: 2px; background-color: #fff; margin: 10px auto; } .istrength1_frs p{ font-size: 16px; height: 60px; overflow: hidden; line-height: 30px; margin-bottom: 8%; } .istrength1_frs span{ display: inline-block; width: 132px; margin: 0 auto; line-height: 34px; border: 1px solid #fff; text-align: center; color: #fff; border-radius: 25px; } .istrength1_con li a:hover .istrength1_frs span{ background-color: #fff; color: #014099; } .inner_strength2{ margin-bottom: 35px; overflow: hidden; } .istrength2_con{ margin-top: 35px; } .istrength2_con li{ float: left; width: 20%; padding: 0 15px; margin-bottom: 30px; } .istrength2_con li a{ display: block; box-shadow: 0 0 10px #ccc; } .istrength2_con li a .pic{ border: 1px solid #ddd; } .istrength2_con li a .pic:after{ padding-bottom: 52.3%; } /*产业布局*/ .inner_cybj1{ margin: 30px 0 0 0; overflow: hidden; } .inner_cybj1 .inner_title p{ font-size: 24px; color: #002d9a; text-align: center; } .icybj1_con{ margin-top: 30px; overflow: hidden; } .icybj1_con li{ float: left; width: 33.3%; padding: 0 10px; margin-bottom: 10px; } .icybj1_cons{ position: relative; overflow: hidden; } .icybj1_txt{ position: absolute; top: 0; width: 100%; height: 100%; text-align: center; padding: 25px 10px; color: #fff; } .icybj1_txt img{ display: block; max-width: 100%; height: auto; margin: auto; transition: .5s; } .icybj1_txt h3{ font-size: 24px; margin: 10px 0; line-height: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-transform: capitalize; } .icybj1_txt p{ line-height: 25px; } .icybj1_cons:hover .tp img{ transform: scale(1.05); -moz-transform: scale(1.05); -webkit-transform: scale(1.05); } .icybj1_cons:hover .icybj1_txt img{ transform:rotateY(180deg); -moz-transform:rotateY(180deg); -webkit-transform:rotateY(180deg); } .inner_cybj2{ margin-top: 10px; } .inner_cybj2 li{ margin-bottom: 20px; overflow: hidden; } .inner_cybj2 li a{ display: block; } .icybj2_fl{ float: left; width: 33.3%; padding: 0 10px; } .icybj2_fls{ padding: 30px 25px; overflow: hidden; color: #fff; } .inner_cybj2 li:nth-child(1) .icybj2_fls{ background-color: #002d9a; } .inner_cybj2 li:nth-child(2) .icybj2_fls{ background-color: #009a48; } .inner_cybj2 li:nth-child(3) .icybj2_fls{ background-color: #eaab00; } .icybj2_fls h3{ font-size: 30px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-transform: capitalize; } .icybj2_fls p{ font-size: 14px; overflow: hidden; line-height: 23px; text-indent: 2em; text-align:justify; text-justify:inter-ideograph; margin: 15px 0 35px 0; height: 230px; } .icybj2_fls span{ display: block; width: 98px; margin: 0 auto; line-height: 25px; border: 1px solid #fff; text-align: center; color: #fff; border-radius: 25px; } .icybj2_fr{ float: right; width: 66.7%; padding: 0 10px; } .icybj2_frs{ overflow: hidden; position: relative; } .icybj2_fr img{ display: block; max-width: 100%; height: auto; margin: auto; transition: .5s; } .inner_cybj2 li a:hover .icybj2_fr img{ transform: scale(1.05); -moz-transform: scale(1.05); -webkit-transform: scale(1.05); } .inner_cybj2 li:nth-child(1) a:hover .icybj2_fls span{ background-color: #fff; color: #002d9a; } .inner_cybj2 li:nth-child(2) a:hover .icybj2_fls span{ background-color: #fff; color: #009a48; } .inner_cybj2 li:nth-child(3) a:hover .icybj2_fls span{ background-color: #fff; color: #eaab00; } /*产品布局*/ .inner_cxfz1{ margin-top: 30px; overflow: hidden; } .inner_cxfz1 .inner_title p{ text-align: center; margin-top: 0; line-height: 30px; } .inner_cxfz2{ background-color: #f5f6fa; padding: 35px; overflow: hidden; } .icxfz2_con{ margin-top: 20px; } .icxfz2_con li{ float: left; width: 33.3%; padding: 0 16px; text-align: center; } .icxfz2_cons{ overflow: hidden; } .icxfz2_cons:hover .tp img{ transform: scale(1.05); -moz-transform: scale(1.05); -webkit-transform: scale(1.05); } .iicxfz2_txt{ font-size: 18px; color: #474747; margin-top: 15px; text-transform: uppercase; } .inner_cxfz3{ margin: 30px 0; overflow: hidden; } .icxfz3_con{ margin-top: 45px; } .icxfz3_con li{ float: left; width: 12.5%; padding: 0 20px; overflow: hidden; } .icxfz3_cons{ overflow: hidden; cursor: default; } .iicxfz3_wz{ width: 134px; height: 134px; margin: 0 auto; text-align: center; position: relative; } .iicxfz3_wz:before{ content: ''; position: absolute; top: 0; left: 0; right: 0; transition: all 0.6s ease-in-out 0s; background-color: #002d9a; width: 134px; height: 134px; border-radius: 180px; } .iicxfz3_wz:after{ content: ''; position: absolute; top: -134px; left: 0; right: 0; transition: all 0.6s ease-in-out 0s; opacity: 0; background-color: #eaab00; border-radius: 180px; width: 134px; height: 134px; } .icxfz3_cons:hover .iicxfz3_wz:before{ top: -134px; opacity: 0; } .icxfz3_cons:hover .iicxfz3_wz:after{ top: 0; opacity: 1; } .iicxfz3_wz p{ font-size: 41px; font-weight: bold; font-family: "Arial"; text-transform: uppercase; line-height: 134px; position: relative; z-index: 999; color: #fff; } .iicxfz3_txt{ margin-top: 15px; text-align: center; font-size: 16px; color: #474747; } .inner_cxfz4{ margin: 65px 0 45px 0; overflow: hidden; } .icxfz4_con{ margin-top: 30px; overflow: hidden; } .icxfz4_con li{ float: left; width: 33.3%; padding: 0 11px; margin-bottom: 22px; } .icxfz4_con li a{ display: block; position: relative; } .icxfz4_con li a .pic:after{ padding-bottom: 67.8%; } .icxfz4_con li a:hover .pic img{ transform: scale(1.05); -moz-transform: scale(1.05); -webkit-transform: scale(1.05); } .icxfz4_txt{ position: absolute; width: 90%; bottom: 30px; left: 5%; font-size: 20px; color: #fff; font-weight: bold; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: center; } .inner_cxfz4 .inner_more{ margin-top: 20px; } /*通信*/ .inner_cybjxq1_1{ margin: 35px 0; overflow: hidden; } .inner_title1 span{ display: block; text-transform: uppercase; font-size: 23px; color: #ababab; margin-bottom: 10px; font-family: "宋体"; } .inner_cybjxq1_1 .inner_title1 p{ font-size: 14px; } .inner_cybjxq1_2{ margin: 50px 0; overflow: hidden; } .icybj1_2_con{ margin-top: 25px; overflow: hidden; } .icybj1_2_con li{ float: left; width: 33.3%; padding: 0 11px; margin-bottom: 22px; } .icybj1_2_con li a{ display: block; position: relative; box-shadow: 0 0 10px #ccc; } .icybj1_2_con li a .pic{ border: 1px solid #ddd; } .icybj1_2_con li a .pic:after{ padding-bottom: 67.8%; } .icybj1_2_con li a:hover .pic img{ transform: scale(1.05); -moz-transform: scale(1.05); -webkit-transform: scale(1.05); } .icybj1_2_txt{ position: absolute; width: 100%; bottom: 17px; text-align: center; } .icybj1_2_txt h3{ width: 70%; margin: 0 auto; line-height: 39px; background-color: rgba(255,255,255,0.9); font-size: 18px; font-weight: bold; color: #6d6d6d; border-radius: 25px; padding: 0 5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .inner_cybjxq1_2 .inner_more{ margin-top: 20px; } .icybj1_2_con li a:hover .icybj1_2_txt h3{ background-color: rgba(1,64,153,0.9); color: #fff; } /*电子*/ .inner_cybjxq3_2{ overflow: hidden; } .icybj3_2_con{ background-color: #eaeef1; padding: 95px 0 65px 0; overflow: hidden; margin-top: 35px; } .icybj3_2_cons{ width: 823px; margin: 0 auto; height: 557px; background: url(../images/scnl_bg.png) no-repeat center; background-size: contain; position: relative; } .scnl{ position: absolute; width: 44px; height: 44px; cursor: pointer; background: url("../images/dian.png") no-repeat center; } .d0{ top: 118px; right: 125px; } .d0 .dnei{ top: -65px; } .d1{ bottom: 132px; right: 170px; } .d1 .dnei{ top: -65px; } .d0 .dnei,.d1 .dnei{ margin-left: 75px; } .d2{ bottom: 90px; left: 160px; } .d2 .dnei{ top: -65px; } .d3{ top: 94px; left: 145px; } .d3 .dnei{ top: -65px; } .d2 .dnei,.d3 .dnei{ margin-left: -280px; } .scnl .dnei{ display: none; width: 240px; height: auto; background-color: #eaab00; padding: 15px 20px; border-radius: 15px; color: #fff; position: relative; z-index: 99; } .scnl .dnei:before{ content: ''; display: block; width:0; height:0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 8px solid #eaab00; position: absolute; top: 85px; } .d0 .dnei:before,.d1 .dnei:before{ left: -12px; transform: rotate(90deg); } .d2 .dnei:before,.d3 .dnei:before{ right: -12px; transform: rotate(270deg); } .scnl .dnei h3{ font-size: 20px; font-weight: bold; margin-bottom: 5px; } .scnl .dnei p{ line-height: 25px; } .inner_cybjxq3_3{ margin: 40px 0; overflow: hidden; } .icybj3_3_con{ margin-top: 35px; overflow: hidden; } .icybj3_3_con li{ float: left; width: 33.3%; padding: 0 11px; margin-bottom: 22px; } .icybj3_3_con li a{ display: block; position: relative; box-shadow: 0 0 10px #ccc; } .icybj3_3_con li a .pic{ border: 1px solid #ddd; } .icybj3_3_con li a .pic:after{ padding-bottom: 67.8%; } .icybj3_3_con li a:hover .pic img{ transform: scale(1.05); -moz-transform: scale(1.05); -webkit-transform: scale(1.05); } .icybj3_3_txt{ position: absolute; width: 100%; bottom: 17px; text-align: center; } .icybj3_3_txt h3{ width: 160px; margin: 0 auto; line-height: 39px; background-color: #fff; font-size: 18px; font-weight: bold; color: #6d6d6d; border-radius: 25px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .inner_cybjxq3_3 .inner_more{ margin-top: 20px; } .icybj3_3_con li a:hover .icybj3_3_txt h3{ background-color: rgba(1,64,153,0.9); color: #fff; } /*js77999金莎官网*/ .inner_news1{ margin: 45px 0 35px 0; overflow: hidden; } .inews1_con{ margin: 25px 0 30px 0; overflow: hidden; } .inews1_con_fl{ float: left; width: 42.5%; } .inews1_con_fls{ overflow: hidden; position: relative; } .inews1_con_fls .swiper-slide { display: initial; } .inews1{ overflow: hidden; } .inews1 a{ display: block; position:relative; overflow:hidden; } .inews1 a .pic:after{ padding-bottom: 72.46%; } .inews1_fl_txt{ position: absolute; bottom: 0; left: 0; width: 100%; background-color: rgba(0,0,0,0.8); padding: 20px 25px; text-align: justify; } .inews1_fl_txt p{ color: #fff; line-height: 25px; width: 80%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .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; } .inews1_con_fl .swiper-pagination1{ display: block; bottom: 20px; right: 20px; } .inews1_con_fl .swiper-pagination-bullet{ width: 11px; height: 11px; background-color: #fff; border-radius: 25px; opacity: 1; outline: none; margin: 0px 5px; } .inews1_con_fl .swiper-pagination-bullet-active{ background-color: #014099; } .inews1_con_fr{ float: right; width: 57.5%; } .inews1_con_frs{ padding: 22px 30px; overflow: hidden; background-color: #f4f6f8; } .inews1_con_frs_t{ border-bottom: 1px dotted #bcbdbf; overflow: hidden; padding-bottom: 15px; margin-bottom: 15px; } .inews1_fr_txt1{ font-size: 18px; color: #014099; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .inews1_fr_txt2{ color: #b9b9b9; font-size: 12px; margin: 5px 0; } .inews1_fr_txt3{ color: #a8a8a8; line-height: 25px; height: 75px; overflow: hidden; } .inews1_fr_txt3 span{ color: #014099; } .inews1_con_frs_b{ overflow: hidden; } .inews1_con_frs_b li{ line-height: 30px; margin-bottom: 5px; overflow: hidden; } .inews1_con_frs_b li a{ display: block; color: #6d6d6d; } .inews1_con_frs_b li a p{ float: left; width: 70%; padding-left: 15px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; position: relative; } .inews1_con_frs_b li a p:before{ content: ''; display: block; width: 3px; height: 3px; background-color: #a6a6a6; position: absolute; left: 0; top: 13px; } .inews1_con_frs_b li a span{ float: right; } .inews1_con_frs_b li a:hover{ color: #014099; } .inews1_con_frs_b li a:hover p:before{ background-color: #014099; } .inner_news2{ margin-bottom: 45px; overflow: hidden; } .inews2_con{ margin-top: 25px; overflow: hidden; } .inews2_con li{ float: left; width: 25%; padding: 0 6px; } .inews2_con li a{ display: block; } .inews2_con li a .pic:after{ padding-bottom: 72.46%; } .inews2_txt{ background-color: #eee; padding: 15px 30px 25px 30px; overflow: hidden; transition: .5s; } .inews2_txt1{ font-size: 16px; color: #000; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .inews2_txt2{ color: #999; margin: 5px 0; } .inews2_txt3{ color: #747474; line-height: 25px; height: 50px; overflow: hidden; } .inews2_txt4{ margin-top: 10px; color: #014099; } .inews2_con li a:hover .pic img{ transform: scale(1.05); -moz-transform: scale(1.05); -webkit-transform: scale(1.05); } .inews2_con li a:hover .inews2_txt{ background-color: #014099; } .inews2_con li a:hover .inews2_txt1{ color: #fff; } .inews2_con li a:hover .inews2_txt2{ color: #6e99d6; } .inews2_con li a:hover .inews2_txt3{ color: #fff; } .inews2_con li a:hover .inews2_txt4{ color: #fff; } .inner_news3{ background-color: #f4f6f8; padding: 40px 0 50px 0; overflow: hidden; display: none; } .inews3_con{ margin-top: 30px; position: relative; } .inews3_con .swiper-container{ max-width: 85%; margin: 0 auto; } .inews3_con .swiper-slide{ display: initial; } .inews3 a{ display:block; overflow: hidden; } .inews3 a .pic{ background-color: #c9c9c9; } .inews3 a .pic:after{ padding-bottom: 129.1%; } .inews3 a:hover .pic img{ transform: scale(1.05); -moz-transform: scale(1.05); -webkit-transform: scale(1.05); } .inews3_txt{ background-color: #ededed; padding: 22px 5px; overflow: hidden; } .inews3_txt p{ text-align: center; font-size: 16px; color: #000; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .inews3_con .swiper-button-next2, .inews3_con .swiper-button-prev2{ display: block; position: absolute; top: 50%; width: 66px; height: 66px; margin-top: -33px; z-index: 10; cursor: pointer; outline: none; background: none; font-size: 50px; color: #fff; } .inews3_con .swiper-button-prev2{ left: 0; right: auto; background: #7d7273 url("../images/tzl.png") no-repeat center; } .inews3_con .swiper-button-prev2:hover{ background: #014099 url("../images/tzl.png") no-repeat center; } .inews3_con .swiper-button-next2{ right: 0; left: auto; background: #7d7273 url("../images/tzr.png") no-repeat center; } .inews3_con .swiper-button-next2:hover{ background: #014099 url("../images/tzr.png") no-repeat center; } .inner_news4{ margin: 40px 0 55px 0; overflow: hidden; display: none; } .inews4_con{ margin-top: 35px; overflow: hidden; } .inews4_con li{ float: left; width: 25%; padding: 0 48px; border-right: 1px dashed #b2b2b2; } .inews4_con li:last-child{ border-right: none; } .inews4_con li a{ display: block; } .inews4_txt1{ font-size: 16px; color: #000; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .inews4_txt2{ font-size: 12px; color: #b4b4b4; margin: 5px 0; } .inews4_txt3{ color: #747474; line-height: 25px; height: 75px; overflow: hidden; text-align:justify; text-justify:inter-ideograph; } .inews4_txt4{ margin-top: 15px; width: 95px; line-height: 28px; border: 1px solid #014099; color: #014099; text-align: center; position: relative; } .inews4_txt4 p{ color: #014099; position: relative; z-index: 999; } .inews4_txt4:after{ content: ''; display: block; width: 0; height: 28px; background-color: #014099; position: absolute; left: 0; top: 0; transition: .5s; } .inews4_con li a:hover .inews4_txt1{ color: #014099; } .inews4_con li a:hover .inews4_txt4:after{ width: 100%; } .inews4_con li a:hover .inews4_txt4 p{ color: #fff; } /*js77999网页网站内刊*/ .inner_pdf{ margin: 35px 0 50px 0; overflow: hidden; } .ipdf_con{ margin: 30px 0; overflow: hidden; } .ipdf_con li{ float: left; width: 25%; padding: 0 10px; margin-bottom: 20px; } .ipdf_con li a{ display: block; } .ipdf_con li a .pic{ background-color: #c9c9c9; } .ipdf_con li a .pic:after{ padding-bottom: 129.1%; } .ipdf_con li a:hover .pic img{ transform: scale(1.05); -moz-transform: scale(1.05); -webkit-transform: scale(1.05); } .ipdf_txt{ background-color: #ededed; padding: 22px 5px; overflow: hidden; } .ipdf_txt p{ text-align: center; font-size: 16px; color: #000; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } /*关于js77999网页网站*/ .inner_ashuzi{ background-color: #014099; overflow: hidden; padding: 30px 0; } .inner_ashuzi li{ float: left; width: 25%; padding: 0 20px; text-align: center; line-height: 1; overflow: hidden; background: url("../images/line.png") no-repeat right center; } .inner_ashuzi li:last-child{ background: none; } .inner_ashuzi li h3{ font-family: "Arial"; margin-bottom: 15px; color: #6395db; font-size: 18px; font-weight: normal; } .inner_ashuzi li h3 span{ font-size: 70px; font-weight: bold; color: #eaab00; } .inner_ashuzi li p{ font-size: 18px; color: #fff; } .inner_about1{ margin: 55px 0; overflow: hidden; } .iabout1_con{ margin-top: 25px; overflow: hidden; } .iabout1_con_fl{ float: left; width: 42.5%; } .m-video{ width: 100%; height: auto; cursor: pointer; overflow: hidden; position: relative; } .m-video img{ display: block; max-width: 100%; height: auto; margin: auto; } .iabout1_con_fr{ float: right; width: 57.5%; } .iabout1_con_frs{ padding: 45px 35px; overflow: hidden; background-color: #f4f6f8; } .iabout1_txt1{ font-size: 24px; color: #014099; font-weight: bold; } .iabout1_txt2{ color: #6d6d6d; line-height: 28px; height: 224px; overflow: hidden; margin: 10px 0 30px 0; } .iabout1_con_frs .inner_more{ text-align: left; margin-top: 0; } .iabout1_con_frs .inner_more a{ margin: inherit; } .inner_about2{ background: url("../images/iabout2_bg.jpg") no-repeat top center; padding: 45px 0px; overflow: hidden; background-size: cover; } .inner_about2 .inner_title1 h3{ color: #fff; } .inner_about2 .inner_title1 h3:after{ background-color: #fff; } .iabout2_con{ position: relative; padding-bottom: 20px; margin: 20px 0px 35px 0px; } .xian{ border: 1px solid #ececec; position: absolute; width: 100%; top: 178px; } .iabout2{ overflow: hidden; } .iabout2 a{ display: block; position: relative; height: 376px; width: 100%; } .iabout2_wz{ width: 100%; height: 213px; } .iabout2_wz h3{ width: 100%; color: #fff; font-size: 30px; line-height: 1; } .iabout2 a:hover .iabout2_wz h3{ color: #eaab00; } .iabout2_txt{ width: 100%; padding: 20px 10px; border-radius: 15px; text-align: justify; height: 148px; background-color: #fff; position: relative; color: #4b4b4b; } .iabout2 a:hover .iabout2_txt{ background-color: #eaab00; color: #fff; } .iabout2_txt p{ line-height: 25px; } .iabout2_txt:after{ content: ''; display: none; height: 0; width: 0; border-top: 11px solid #fff; border-left: 12px solid transparent; border-right: 12px solid transparent; position: absolute; left: 50%; margin-left: -12px; } .iabout2 a:hover .iabout2_txt:after{ border-top: 11px solid #eaab00; } .iabout2_txt:before{ content: ''; display: none; height: 0; width: 0; border-bottom: 11px solid #fff; border-left: 12px solid transparent; border-right: 12px solid transparent; position: absolute; left: 50%; margin-left: -12px; } .iabout2 a:hover .iabout2_txt:before{ border-bottom: 11px solid #eaab00; } .iabout2:nth-child(odd) .iabout2_wz{ margin-top: 163px; background: url("../images/dian1.png") no-repeat top center; } .iabout2:nth-child(odd) .iabout2_wz h3{ padding-top: 56px; } .iabout2:nth-child(odd) .iabout2_txt{ position: absolute; bottom: 227px; } .iabout2:nth-child(odd) .iabout2_txt:after{ display: block; bottom: -10px; } .iabout2:nth-child(even) .iabout2_wz{ position: absolute; bottom: 183px; background: url("../images/dian1.png") no-repeat bottom center; } .iabout2:nth-child(even) .iabout2_wz h3{ position: absolute; bottom: 56px; } .iabout2:nth-child(even) .iabout2_txt{ margin-top: 205px; } .iabout2:nth-child(even) .iabout2_txt:before{ display: block; top: -10px; } .iabout2:nth-child(even):hover .iabout2_wz{ background: url("../images/dian1_h.png") no-repeat bottom center; } .iabout2:nth-child(odd):hover .iabout2_wz{ background: url("../images/dian1_h.png") no-repeat top center; } .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; } .iabout2_con .swiper-pagination2{ display: block; width: 100%; bottom: 0; } .iabout2_con .swiper-pagination-bullet{ width: 10px; height: 10px; border-radius: 0px; opacity: 1; outline: none; margin: 0px 5px; background-color: #fff; } .iabout2_con .swiper-pagination-bullet-active{ background-color: #eaab00; } .inner_more1{ text-align: center; } .inner_more1 a{ display: block; width: 132px; margin: 0 auto; line-height: 36px; background-color: #fff; color: #014099; font-size: 14px; text-align: center; border-radius: 25px; transition: .5s; } .inner_more1 a:hover{ background-color: #014099; color: #fff; } .inner_about3{ margin: 35px 0; overflow: hidden; } .iabout3_con{ margin-top: 25px; position: relative; } .iabout3_con .swiper-container{ max-width: 92%; margin: 0 auto; } .iabout3_con .swiper-slide{ display: initial; } .about3s a{ display:block; overflow: hidden; } .pictp{ border: 1px solid #e8e8e8; padding: 4px; } .about3s a .pic{ background-color: #eee; } .about3s a .pic:after{ padding-bottom: 75.5%; } .about3s a:hover .pic img{ transform: scale(1.05); -moz-transform: scale(1.05); -webkit-transform: scale(1.05); } .honor_txt{ padding-top: 15px; overflow: hidden; text-align: center; } .honor_txt p{ font-size: 16px; color: #1e2027; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .about3s a:hover .honor_txt p{ color: #014099; } .iabout3_con .swiper-button-next3, .iabout3_con .swiper-button-prev3{ display: block; position: absolute; top: 50%; width: 43px; height: 43px; margin-top: -43px; z-index: 10; cursor: pointer; outline: none; background: none; font-size: 50px; color: #fff; border-radius: 25px; } .iabout3_con .swiper-button-prev3{ left: 0; right: auto; background: #e6e6e6 url("../images/hl.png") no-repeat center; } .iabout3_con .swiper-button-prev3:hover{ background: #014099 url("../images/hl_h.png") no-repeat center; } .iabout3_con .swiper-button-next3{ right: 0; left: auto; background: #e6e6e6 url("../images/hr.png") no-repeat center; } .iabout3_con .swiper-button-next3:hover{ background: #014099 url("../images/hr_h.png") no-repeat center; } .inner_about4{ background: url("../images/iabout4_bg.jpg") no-repeat top center; padding: 35px 0; overflow: hidden; } .inner_about4 .inner_title1 h3{ color: #fff; } .inner_about4 .inner_title1 h3:after{ background-color: #fff; } .iabout4_con{ margin: 30px 0; overflow: hidden; } .iabout4_con li{ float: left; width: 25%; padding: 0 20px; } .iabout4_cons{ overflow: hidden; position: relative; border-radius:4px; } .iabout4_cons:hover .tp img{ transform: scale(1.05); -moz-transform: scale(1.05); -webkit-transform: scale(1.05); } .iabout4_txt{ position: absolute; bottom: 0; background-color: rgba(0,0,0,.35); padding: 20px 15px; overflow: hidden; width: 100%; color: #fff; } .iabout4_txt h3{ font-size: 18px; font-weight: bold; margin-bottom: 10px; } .iabout4_txt p{ font-size: 16px; line-height: 25px; height: 50px; overflow: hidden; } .inner_about5{ margin: 40px 0 50px 0; overflow: hidden; } .iabout5_con{ margin-top: 35px; overflow: hidden; } .iabout5_con_fl{ float: left; width: 26%; } .iabout5_title{ font-size: 20px; color: #434446; font-weight: bold; margin-bottom: 30px; } .iabout5_con_fl p{ color: #575757; line-height: 25px; margin-bottom: 15px; padding-left: 45px; word-break: break-all; } .a5-address{ background: url("../images/a5_address.png") no-repeat left center; } .a5-tel{ background: url("../images/a5_tel.png") no-repeat left center; } .a5-fax{ background: url("../images/a5_fax.png") no-repeat left center; } .a5-mail{ background: url("../images/a5_mail.png") no-repeat left 2px; } .iabout5_con_fc{ float: left; width: 45%; margin: 0 5%; } .ly1{ margin-bottom: 11px; overflow: hidden; } .ly1_fl{ float: left; width: 49%; position: relative; } .ly1_fr{ float: right; width: 49%; position: relative; } .ly1 label{ position: absolute; left: 20px; line-height: 40px; } .ly1 input{ width: 100%; background-color: #f4f6f8; border: 1px solid #d2d2d2; line-height: 38px; height: 40px; border-radius: 5px; padding-left: 90px; } .ly2{ overflow: hidden; } .ly2_fl{ float: left; width: 92%; position: relative; } .ly2_fr{ float: right; width: 6%; position: relative; } .ly2 label{ position: absolute; left: 20px; line-height: 38px; } .ly2 textarea{ width: 100%; background-color: #f4f6f8; border: 1px solid #d2d2d2; line-height: 25px; height: 110px; border-radius: 5px; padding: 5px 10px 10px 90px; resize: none; } .ly2_fr button{ width: 100%; text-align: center; background-color: #dadce1; border: none; height: 110px; border-radius: 5px; font-size: 18px; color: #434446; padding: 0 8px; cursor: pointer; } .iabout5_con_fr{ float: right; width: 19%; } .iabout5_con_fr ul{ margin-top: -15px; } .iabout5_con_fr ul li{ margin-bottom: 20px; padding-bottom: 20px; overflow: hidden; border-bottom: 1px solid #ccc9c9; } .iabout5_con_fr ul li:last-child{ border-bottom: none; margin-bottom: 0; padding-bottom: 0; } .iabout5_con_fr1{ float: left; width: 55%; color: #434446; text-align: right; /*padding-top: 20px;*/ } .iabout5_con_fr2{ float: right; width: 35%; } .iabout5_con_fr2 img{ max-width: 100%; height: auto; } /*创始人*/ .inner_leader{ margin: 30px 0px; overflow: hidden; } .inner_leader_con{ margin: 20px 0 50px 0; overflow: hidden; line-height: 30px; color: #6d6d6d; } .inner_leader_con img{ display: block; max-width: 100%; height: auto; margin: auto; } /*js77999网页网站简介*/ .inner_company{ margin: 30px 0; overflow: hidden; } .inner_company_con{ margin: 35px 0 50px 0; overflow: hidden; line-height: 30px; color: #6d6d6d; } .inner_company_con h3{ font-size: 24px; font-weight: bold; text-align: center; margin-bottom: 20px; } .inner_company_con img{ float: right; max-width: 100%; height: auto; } /*企业荣誉*/ .inner_honor{ margin: 30px 0; overflow: hidden; } .inner_honor_con{ margin: 20px 0px; overflow: hidden; } .inner_honor_con li{ float: left; width: 25%; padding: 0 10px; } .inner_honor_con li a{ display: block; } .pictp{ border: 1px solid #e8e8e8; padding: 4px; } .inner_honor_con li a .pic{ background-color: #eee; } .inner_honor_con li a .pic:after{ padding-bottom: 75.5%; } .inner_honor_con li a:hover .pic img{ transform: scale(1.05); -moz-transform: scale(1.05); -webkit-transform: scale(1.05); } .ihonor_txt{ padding: 20px 5px; overflow: hidden; text-align: center; } .ihonor_txt p{ color: #7a7a7a; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .inner_honor_con li a:hover .ihonor_txt p{ color: #014099; } /*企业荣誉详情*/ .inner_honorshow{ margin: 35px 0; overflow: hidden; } .ihonorshow_con{ margin-bottom: 25px; overflow: hidden; } /*联系我们*/ .inner_contact{ margin: 30px 0; overflow: hidden; } .inner_contact_con{ margin-top: 35px; } .inner_contact_con_fl{ float: left; width: 30%; } .inner_contact_con_fl p{ color: #575757; font-size: 16px; padding-left: 45px; margin-bottom: 20px; line-height: 26px; word-break: break-all; } .inner_contact_con_fl img{ display: block; max-width: 100%; height: auto; margin: auto; } .inner_contact_con_fr{ float: right; width: 65%; } .inner_contact_con_fr img{ display: block; max-width: 100%; height: auto; margin: auto; } .inner_feedback{ margin: 0 0 45px 0; overflow: hidden; } .inner_feedback .inner_title p{ text-align: center; } .inner_feedback_con{ margin-top: 25px; border: 1px solid #e6e6e6; overflow: hidden; padding: 32px; } .lx1{ margin-bottom: 21px; overflow: hidden; } .lx1_fl{ float: left; width: 49%; position: relative; } .lx1_fr{ float: right; width: 49%; position: relative; } .lx1 i{ display: inline-block; width: 28px; height: 29px; position: absolute; left: 25px; top: 11px; } .f1{ background: url("../images/f1.png") no-repeat center; } .f2{ background: url("../images/f2.png") no-repeat center; } .f3{ background: url("../images/f3.png") no-repeat center; } .f4{ background: url("../images/f4.png") no-repeat center; } .f5{ background: url("../images/f5.png") no-repeat center; } .lx1 label{ color: #575757; font-size: 16px; line-height: 51px; position: absolute; left: 70px; } .lx1 input{ background-color: #f6f6f6; border: 1px solid #e6e6e6; width: 100%; line-height: 51px; height: 53px; padding-left: 150px; } .lx1{ position: relative; } .lx1 textarea{ background-color: #f6f6f6; border: 1px solid #e6e6e6; width: 100%; line-height: 25px; height: 259px; padding: 15px 20px 20px 150px; resize: none; } .lx2{ margin-bottom: 40px; overflow: hidden; } .lx2_fl{ float: left; width: 49%; position: relative; } .lx2_fl label{ color: #575757; font-size: 16px; line-height: 51px; position: absolute; left: 25px; } .lx2_fl input{ background-color: #f6f6f6; border: 1px solid #e6e6e6; width: 100%; line-height: 51px; height: 53px; padding-left: 100px; } .lx2_fr{ float: left; margin-left: 10px; } .lx2_fr a{ display: block; } .lx2_fr a img{ height: 53px; width: auto; } .lx3{ text-align: center; } .lx3 button{ width: 144px; margin: 0 auto; line-height: 52px; height: 52px; border: none; background: #002d9a url("../images/fj.png") no-repeat 18px center; padding-left: 44px; color: #fff; font-size: 18px; border-radius: 5px; } /*企业文化*/ .inner_culture1{ margin: 30px 0px; overflow: hidden; } .iculture1_con{ margin-top: 5px; border-bottom: 1px solid #ccc; overflow: hidden; } .iculture1_con li{ float: left; margin-right: 50px; } .iculture1_con li a{ display: block; padding: 0 5px 12px 5px; font-size: 18px; color: #333; font-weight: bold; border-bottom: 2px solid #fff; } .iculture1_con li a:hover{ color: #004684; border-bottom: 2px solid #002d9a; } .iculture1_con li a.active{ color: #004684; border-bottom: 2px solid #002d9a; } .inner_title2{ text-align: center; } .inner_title2 h3{ font-size: 20px; color: #333; font-weight: bold; } .inner_culture2{ padding-bottom: 45px; overflow: hidden; } .iculture2_con{ margin-top: 35px; } .iculture2_con li{ float: left; width: 25%; padding: 0 15px; } .iculture2_con li .iabout4_cons{ border: 6px solid #fff; box-shadow: 0 0 10px #ccc; border-radius: 5px; } .inner_culture3{ padding: 30px 0 45px 0; overflow: hidden; background: url("../images/iculture3_bg.jpg") no-repeat top center; } .inner_culture3 .inner_title2 h3{ color: #fff; } .iculture3_con{ margin-top: 25px; } .iculture3_con_title{ overflow: hidden; } .iculture3_con_title ul{ display: flex; justify-content: center; } .iculture3_con_title ul li { margin: 0 10px; } .iculture3_con_title ul li h3 { font-size: 18px; color: #fff; font-weight:bold; border-radius: 20px; padding: 10px 30px; cursor: pointer; } .iculture3_con_title ul .on h3{ background-color: #eaab00; } .iculture3_con_show{ margin-top: 35px; overflow: hidden; } .iculture3_con_show .iculture3_con_info { display:none; } .iculture3_con_info{ overflow: hidden; border-radius: 25px; min-height: 319px; max-width: 90%; margin: 0 auto; background: #fff url("../images/iculture3_con_infobg.png") no-repeat center; padding: 40px 60px; } .iculture3_fl{ float: left; width: 44%; padding-top: 3%; } .iculture3_fl h3{ font-size: 18px; color: #002d9a; font-weight: bold; margin-bottom: 10px; } .iculture3_fl p{ font-size: 16px; color: #333; line-height: 30px; } .iculture3_fr{ float: right; width: 44%; } .iculture3_fr img{ display: block; max-width: 100%; height: auto; margin: auto; } .inner_culture4{ margin: 30px 0; overflow: hidden; } .iculture4_con{ margin-top: 20px; } .iculture4_con li{ float: left; width: 33.3%; padding: 0 50px; } .iculture4_cons{ overflow: hidden; position: relative; border-radius: 180px; border: 6px solid #fff; box-shadow: 0 0 10px #ccc; width: 220px; height: 220px; margin: 0 auto; margin-bottom: 5px; } .iculture4_cons:hover .tp img{ -webkit-transform: rotate(360deg); -ms-transform:rotate(360deg); transform: rotate(360deg); } .iculture4_txt{ position: absolute; top: 50%; width: 100%; height: 100%; text-align: center; color: #fff; padding: 0 20px; } .iculture4_txt h3{ font-size: 20px; font-weight: bold; margin-bottom: 10px; } .iculture4_txt p{ font-size: 13px; } /*发展历程*/ .inner_process{ margin: 30px 0; overflow: hidden; } .inner_process_con{ margin-top: 20px; } .inner_process_con ul{ overflow: hidden; position: relative; } .inner_process_con ul:before{ content: ''; display: block; width: 4px; height: 100%; background-color: #1a355e; position: absolute; left: 156px; top: 0; z-index: -1; } .inner_process_con li{ padding-bottom: 20px; overflow: hidden; background: url(../images/circle.jpg) no-repeat 147px top; position: relative; } .inner_process_con li:hover{ background: url(../images/circle_h.jpg) no-repeat 147px top; } .inner_process_con li:first-child{ background: url(../images/circle0.jpg) no-repeat 147px top; } .inner_process_con li:first-child:hover{ background: url(../images/circle0_h.jpg) no-repeat 147px top; } .inner_process_con li:last-child{ margin-bottom: 0; } .inner_process_con li:last-child:after{ content: ''; display: block; width: 22px; height: 25px; background: url(../images/circle1.jpg) no-repeat center; position: absolute; bottom: 0; left: 147px; } .iprocess_date{ float: left; width: 112px; line-height: 40px; border-radius: 5px; background-color: #002d9a; text-align: center; color: #fff; font-size: 24px; font-weight: bold; } .inner_process_con li:hover .iprocess_date{ background-color: #eaab00; } .iprocess_info{ margin-left: 180px; border: 1px solid #ccc; padding: 20px 30px; overflow: hidden; color: #4b4b4b; } .iprocess_info1{ font-size: 30px; font-weight: bold; margin-bottom: 20px; } .iprocess_info2{ font-size: 18px; } /*地图*/ /*地图*/ .internal_conpc{ display: block; background: url("../images/world.png") no-repeat center; width: 1200px; margin: 0 auto; height: 591px; position: relative; } .dt{ position: absolute; width: 32px; height: 40px; cursor: pointer; background: url("../images/point.png") no-repeat center; } .w0{ top: 210px; left: 208px; } .w0 .wnei{ margin-top: 55px; margin-left: -45px; } .w1{ top: 260px; left: 205px; } .w1 .wnei{ margin-top: 55px; margin-left: -45px; } .w2{ top: 145px; left: 325px; } .w2 .wnei{ margin-top: 55px; margin-left: -42px; } .dt.w2 .wnei{ width: 135px; } .dt.w2 .wnei:before{ margin-left: -18px; } .w3{ top: 145px; left: 535px; } .w3 .wnei{ width: 150px; margin-top: 55px; margin-left: -100px; } .dt.w3 .wnei:before{ left: auto; right: 26px ; margin-left: 0; } .w4{ top: 155px; left: 613px; } .w4 .wnei{ width: 150px; margin-top: 55px; margin-left: -10px; } .dt.w4 .wnei:before{ left: 18px; margin-left: 0; } .w5{ top: 90px; left: 605px; } .dt.w5 .wnei{ min-width: 101px; margin-top: -85px; margin-left: -35px; } .dt.w5 .wnei:before{ top: auto; bottom: -8px; border-bottom: inherit; border-top: 8px solid #053374; } /*.dt:hover.w5 .wnei:before{ border-bottom: inherit; border-top: 8px solid #ff0000; }*/ .w6{ top: 295px; right: 365px; } .dt.w6 .wnei{ min-width: 125px; margin-top: 55px; margin-left: -75px; } .dt.w6 .wnei:before{ left: auto; right: 26px ; margin-left: 0; } .w7{ top: 220px; right: 195px; z-index: 99; } .dt.w7 .wnei{ min-width: 101px; margin-top: -85px; margin-left: -35px; } .dt.w7 .wnei:before{ top: auto; bottom: -8px; border-bottom: inherit; border-top: 8px solid #053374; } /*.dt:hover.w7 .wnei:before{ border-bottom: inherit; border-top: 8px solid #ff0000; }*/ .w8{ top: 297px; right: 262px; } .dt.w8 .wnei{ min-width: 125px; margin-top: 55px; margin-left: -10px; } .dt.w8 .wnei:before{ left: 18px; margin-left: 0; } .w9{ top: 270px; right: 229px; background: url(../images/point1.png) no-repeat center; width: 68px; /*z-index: 99;*/ } .dt.w9 .wnei{ width: 515px; margin-top: 55px; /*margin-left: -115px;*/ margin-left: -250px; height: 95px; } .dt.w9 .wnei:before{ /*left: 137px;*/ left: 53%; margin-left: 0; } .w10{ top: 210px; right: 215px; background: url(../images/point2.png) no-repeat center; width: 60px; height: 78px; } .dt.w10 .wnei{ width: 210px; margin-top: 51px; margin-left: 60px; height: 95px; } .dt.w10 .wnei:before{ margin-left: 0; left: -12px; top: 29px; transform: rotate(90deg); border-bottom: inherit; border-top: 8px solid #ff0000; } /*.dt:hover.w10 .wnei:before{ border-bottom: inherit; border-top: 8px solid #ff0000; }*/ .dt.w10 .wnei:after{ background-color: #ff0000; } .dt .wnei{ display: none; min-width: 120px; text-align: center; height: 74px; /*background-color: #053374;*/ padding: 8px 15px; border-radius: 5px; color: #fff; position: relative; z-index: 99; box-shadow: 0 0 5px #333; /*transition: .5s;*/ } .dt .wnei:after{ content: ''; display: block; width: 100%; height: 100%; background-color: #053374; position: absolute; left: 0; top: 0; transition: .5s; border-radius: 5px; } .dt:hover .wnei:after{ /*background-color: #ff0000;*/ /*transform: scale(1.05); -moz-transform: scale(1.05); -webkit-transform: scale(1.05);*/ } .dt .wnei:before{ content: ''; display: block; width:0; height:0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid #053374; position: absolute; top: -8px; left: 50%; margin-left: -8px; } /*.dt:hover .wnei:before{ border-bottom: 8px solid #ff0000; }*/ .dt .wnei h3{ font-size: 20px; font-weight: bold; z-index: 99; position: relative; line-height: 1.3; text-transform: uppercase; } .dt.w1 .wnei h3,.dt.w7 .wnei h3,.dt.w8 .wnei h3{ line-height: 58px; } .dt .wnei p{ font-size: 18px; z-index: 99; position: relative; } .internal_consj{ display: none; } /*投资者关系新*/ .inner_investor11{ width: 100%; margin: 105px auto 0 auto; overflow: hidden; } .inner_investor11 li{ float: left; width: 50%; padding: 0 50px; margin-bottom: 105px; } .inner_investor11 li a{ display: block; } .investor11_img{ float: left; width: 109px; height: 109px; } .investor11_img img{ display: block; max-width: 100%; height: auto; margin: auto; transition: .5s; } .investor11_txt{ margin-left: 148px; margin-top: 5px; background: url("../images/tzbg.png") no-repeat left center; padding-left: 40px; height: 119px; } .investor11_txt h3{ font-size: 20px; color: #666; margin-bottom: 30px; line-height: 1; text-transform: uppercase; } .investor11_txt p{ width: 132px; line-height: 34px; border: 1px solid #377ffc; text-align: center; color: #377ffc; border-radius: 25px; transition: .5s; } .inner_investor11 li a:hover .investor11_txt p{ color: #fff; background-color: #377ffc; } .inner_investor11 li a:hover .investor11_img img{ transform:rotateY(180deg); -moz-transform:rotateY(180deg); -webkit-transform:rotateY(180deg); } @media (min-width:1701px) and (max-width:1800px){ .menupc li a{ padding: 0 23px; } .iicxfz3_wz{ width: 140px; height: 140px; } .iicxfz3_wz:before{ width: 140px; height: 140px; } .iicxfz3_wz:after{ top: -140px; width: 140px; height: 140px; } .icxfz3_cons:hover .iicxfz3_wz:before{ top: -140px; } .icxfz3_con li{ padding: 0 8px; } .iicxfz3_wz p{ line-height: 140px; font-size: 34px; } .yx a{ padding-top: 18px; } .yx img{ height: 46px; } } @media (min-width:1501px) and (max-width:1700px){ .container1{ width:80%; margin:0 auto; } .menupc li a{ padding: 0 20px; } .home-banner .swiper-button-prev{ left: 10%; } .home-banner .swiper-button-next{ right: 10%; } .icybj2_fls{ padding: 30px 20px; } .icybj2_fls p{ margin: 15px 0 25px 0; } .inner_cybj2 li:nth-child(1) .icybj2_fls p,.inner_cybj2 li:nth-child(2) .icybj2_fls p{ height: 161px; } .inner_cybj2 li:nth-child(3) .icybj2_fls p{ height: 230px; } .icybj1_txt img{ max-width: 14%; } .icybj1_txt{ padding: 15px 10px; } .icybj1_txt h3{ font-size: 20px; } .iicxfz3_wz{ width: 130px; height: 130px; } .iicxfz3_wz:before{ width: 130px; height: 130px; } .iicxfz3_wz:after{ top: -130px; width: 130px; height: 130px; } .icxfz3_cons:hover .iicxfz3_wz:before{ top: -130px; } .icxfz3_con li{ padding: 0 8px; } .iicxfz3_wz p{ line-height: 130px; font-size: 34px; } .inner_ashuzi li h3 span{ font-size: 50px; } .iabout1_con_frs{ padding: 35px; } .iabout1_txt2{ height: 196px; } .iabout5_con_fl p{ margin-bottom: 10px; } .inner_about5 .inner_more{ margin-top: 25px; } .yx a{ padding-top: 21px; } .yx img{ height: 40px; } } @media (min-width:1280px) and (max-width:1500px){ .container1{ width:92%; margin:0 auto; } .menupc li a{ padding: 0 20px; } .home-banner .swiper-button-prev{ left: 4%; } .home-banner .swiper-button-next{ right: 4%; } .column_txts { width: 76%; left: 12%; line-height: 1; font-size: 30px; } .icybj2_fls{ padding: 30px 20px; } .icybj2_fls h3{ font-size: 32px; } .icybj2_fls p{ margin: 15px 0 25px 0; } .inner_cybj2 li:nth-child(1) .icybj2_fls p,.inner_cybj2 li:nth-child(2) .icybj2_fls p{ height: 161px; } .inner_cybj2 li:nth-child(3) .icybj2_fls p{ height: 230px; } .icybj1_txt img{ max-width: 14%; } .icybj1_txt{ padding: 15px 10px; } .icybj1_txt h3{ font-size: 20px; } .icybj1_txt p{ line-height: 22px; } .inner_cxfz2{ padding: 30px; } .icxfz2_con li{ padding: 0 10px; } .iicxfz3_wz{ width: 120px; height: 120px; } .iicxfz3_wz:before{ width: 120px; height: 120px; } .iicxfz3_wz:after{ top: -120px; width: 120px; height: 120px; } .icxfz3_cons:hover .iicxfz3_wz:before{ top: -120px; } .icxfz3_con li{ padding: 0 10px; } .iicxfz3_wz p{ line-height: 120px; font-size: 32px; } .inews4_con li{ padding: 0 30px; } .inner_ashuzi li h3 span{ font-size: 50px; } .iabout1_con_frs{ padding: 35px; } .iabout1_txt2{ height: 168px; } .iabout4_con li{ padding: 0 15px; } .iabout5_con_fl p{ margin-bottom: 10px; } .inner_contact_con_fl p{ margin-bottom: 10px; } .inner_contact_con_fl{ width: 38%; } .inner_contact_con_fr{ width: 60%; } .iculture2_con li{ padding: 0 12px; } .iculture3_fr{ width: 50%; } .yx a{ padding-top: 21px; } .yx img{ height: 40px; } .menupc li a{ font-size: 15px; } } @media (min-width:1201px) and (max-width:1279px){ .container1{ width:92%; margin:0 auto; } .home-internal .container1{ width:100%; margin:0 auto; } .menupc li a{ padding: 0 15px; } .home-banner .swiper-button-prev{ left: 4%; } .home-banner .swiper-button-next{ right: 4%; } .footer1_fl_t p{ font-size: 22px; } .column_txts { width: 80%; left: 10%; line-height: 1; font-size: 30px; } .internal_info li h3 span{ font-size: 80px; } .iidea2_con li{ padding: 0 15px; } .iinter1_con li a:hover .iinter1_txt{ padding-top: 10%; } .iinter1_con li a:hover .iinter1_txt{ margin-top: 25px; } .istrength1_frs{ padding: 10% 4%; } .icybj2_fls{ padding: 30px 15px; } .icybj2_fls h3{ font-size: 30px; } .icybj2_fls p{ margin: 15px 0 25px 0; } .inner_cybj2 li:nth-child(1) .icybj2_fls p,.inner_cybj2 li:nth-child(2) .icybj2_fls p{ height: 138px; } .inner_cybj2 li:nth-child(3) .icybj2_fls p{ height: 207px; } .icybj1_txt img{ max-width: 12%; } .icybj1_txt{ padding: 15px 10px; } .icybj1_txt h3{ font-size: 20px; } .icybj1_txt p{ line-height: 22px; } .inner_cxfz2{ padding: 25px; } .icxfz2_con li{ padding: 0 10px; } .iicxfz3_wz{ width: 100px; height: 100px; } .iicxfz3_wz:before{ width: 100px; height: 100px; } .iicxfz3_wz:after{ top: -100px; width: 100px; height: 100px; } .icxfz3_cons:hover .iicxfz3_wz:before{ top: -100px; } .icxfz3_con li{ padding: 0 10px; } .iicxfz3_wz p{ line-height: 100px; font-size: 30px; } .iicxfz3_txt br{ display: none; } .inews4_con li{ padding: 0 25px; } .inner_ashuzi li h3 span{ font-size: 50px; } .iabout1_con_frs{ padding: 25px; } .iabout1_txt2{ height: 168px; } .inner_nav_fl ul li a{ padding: 0 15px; font-size: 15px; } .iabout4_con li{ padding: 0 10px; } .iabout5_con_fl p{ margin-bottom: 5px; } .inner_contact_con_fl p{ margin-bottom: 10px; } .inner_contact_con_fl{ width: 40%; } .inner_contact_con_fr{ width: 58%; } .iculture2_con li{ padding: 0 10px; } .iculture3_fr{ width: 50%; } .yx a{ padding-top: 21px; } .yx img{ height: 40px; } .menupc li a{ font-size: 15px; } } @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-left:auto; margin-right:auto; } .home-banner .swiper-button-prev{ left: 15px; } .home-banner .swiper-button-next{ right: 15px; } .footer1_fl_t p{ font-size: 20px; } .column_txts { width: 76%; left: 12%; line-height: 1; font-size: 26px; height: 140px; margin-top: -70px; padding: 30px 10px; } .news_xq{ padding: 15px 20px; } .internal_info li h3 span{ font-size: 70px; } .icolumn_txt{ font-size: 30px; } .icolumn_txt p{ padding-top: 30%; } .iidea2_con li{ padding: 0 15px; } .iidea2_cons{ height: 300px; padding: 25px 15px; } .iidea2_txt h3{ margin: 20px 0; } .iidea4_txt{ padding: 0 15px; } .iidea4_txt h3{ font-size: 26px; } .iidea4_txt p{ font-size: 20px; } .iidea3_con_fr li{ padding: 0 35px; } .iidea3_con_b .iidea3_con_fr li{ padding: 0 15px; } .iidea3_con_t{ margin-bottom: 45px; } .iidea3_title{ margin-top: 40px; } .iidea3_con:after{ height: 60%; } .iinvestor3_con li{ padding: 0 15px; } .iinter1_con li a:hover .iinter1_txt{ padding-top: 10%; } .iinter1_txt h3{ font-size: 20px; } .iinter1_con li a:hover .iinter1_txt h3{ margin-top: 20px; } .iinter1_txt p:before{ margin: 15px auto; } .istrength2_con li{ padding: 0 10px; margin-bottom: 20px; } .istrength1_frs{ padding: 50px 15px; } .istrength1_frs h3{ margin: 15px 0; font-size: 24px; } .istrength1_frs p{ font-size: 14px; height: 50px; line-height: 25px; } .istrength1_fls_txt h3{ font-size: 30px; } .icybj2_fls{ padding: 30px 15px; } .icybj2_fls h3{ font-size: 24px; } .icybj2_fls p{ margin: 15px 0 25px 0; } .inner_cybj2 li:nth-child(1) .icybj2_fls p,.inner_cybj2 li:nth-child(2) .icybj2_fls p{ height: 115px; } .inner_cybj2 li:nth-child(3) .icybj2_fls p{ height: 161px; } .inner_cxfz2{ padding: 25px; } .icxfz2_con li{ padding: 0 10px; } .iicxfz3_wz{ width: 100px; height: 100px; } .iicxfz3_wz:before{ width: 100px; height: 100px; } .iicxfz3_wz:after{ top: -100px; width: 100px; height: 100px; } .icxfz3_cons:hover .iicxfz3_wz:before{ top: -100px; } .icxfz3_con li{ padding: 0 10px; } .iicxfz3_wz p{ line-height: 100px; font-size: 30px; } .iicxfz3_txt br{ display: none; } .inews4_con li{ padding: 0 25px; } .inner_ashuzi li h3 span{ font-size: 40px; } .iabout1_con_frs{ padding: 20px; } .iabout1_txt2{ height: 140px; margin: 10px 0 20px 0; } .inner_nav_fl ul li a{ padding: 0 15px; } .iabout3_con .swiper-container{ max-width: 90%; } .iabout4_con li{ padding: 0 10px; } .iabout5_con_fl p{ margin-bottom: 5px; } .iabout5_con_fl{ width: 30%; } .iabout5_con_fc{ margin: 0 3%; } .ly2_fl{ width: 87%; } .ly2_fr{ width: 10%; } .iabout5_con_fl p{ padding-left: 35px; } .iabout5_con_fr ul{ margin-top: 0; } .inner_about5 .inner_more{ margin-top: 25px; } .inner_contact_con_fl p{ margin-bottom: 10px; } .inner_contact_con_fl{ width: 42%; } .inner_contact_con_fr{ width: 55%; } .iculture2_con li{ padding: 0 10px; } .inner_culture3{ background-size: cover; } .iculture3_con_info{ padding: 25px 30px; min-height: auto; max-width: 100%; } .iculture3_fl{ width: 50%; padding-top: 0; } .iculture3_fr{ width: 47%; } .container2{ width: 100%; margin: 0 auto; padding: 0 15px; } .internal_conpc{ display: none; } .internal_consj{ display: block; } .icybj1_2_txt h3{ width: 80%; font-size: 16px; } .inner_nav_fl p{ font-size: 16px; } .inner_investor11 li{ padding: 0 30px; } .investor11_txt h3{ font-size: 18px; } } @media(max-width:768px) { .inner_investor11{ margin: 50px auto 0 auto; } .inner_investor11 li{ padding: 0 15px; margin-bottom: 50px; } .investor11_txt{ margin-left: 128px; padding-left: 28px; } .investor11_txt h3{ font-size: 16px; } .footer1_fl_t{ margin-bottom: 20px; word-break: break-all; } .footer1_fl_b p{ word-break: break-all; } .column_txts { width: 80%; left: 10%; font-size: 20px; height: 100px; margin-top: -50px; padding: 18px 10px; } .news_con_more{ margin-top: 25px; } .news_xq_date p{ font-size: 30px; } .news_xq_txt2{ margin: 10px 0; } .internal_info li h3 span{ font-size: 50px; } .internal_info li p{ font-size: 16px; line-height: 1.2; } .icolumn_txt{ font-size: 26px; } /*.icolumn_txt p{ padding-top: 25%; }*/ .inner_nav_fl ul li a{ font-size: 15px; } .inner_nav_fr p{ line-height: 35px; } .iidea1_txt{ font-size: 20px; bottom: 30px; } .iidea2_con li{ padding: 0 10px; } .iidea2_txt p{ line-height: 25px; } .iidea2_txt h3{ margin: 10px 0; } .iidea4_txt h3{ font-size: 22px; } .iidea4_txt p{ font-size: 16px; } .iidea3_title{ float: none; width: 100%; margin-top: 0; margin-bottom: 10px; } .iidea3_con:after{ display: none; } .iidea3_con_fr{ margin-left: 0; width: 100%; } .iidea3_con_t{ margin-bottom: 25px; } .iinvestor2_con .swiper-container{ max-width: 80%; } .iinvestor3_con li a{ padding: 15px; } .iinvestor3_con li{ padding: 0 10px; } .ireprot_con li{ width: 25%; } .igsgg_con li{ padding: 0 10px; } .igsgg_con li a{ padding: 15px; } .igsgg_txt{ margin-left: 105px; } .iinter1_txt{ height: 50px; } .iinter1_txt img{ max-width: 20%; } .iinter1_con li a:hover .iinter1_txt{ padding-top: 10px; } .iinter1_con li a:hover .iinter1_txt h3{ margin-top: 15px; } .iinter1_txt p:before{ margin: 10px auto; } .iinter1_txt p{ font-size: 12px; line-height: 20px; } .iinter1_txt p br{ display: none; } .istrength2_con li{ padding: 0 8px; margin-bottom: 16px; } .istrength1_frs{ padding: 30px 15px; } .istrength1_frs p{ height: 25px; margin-bottom: 15px; } .icybj2_fls{ padding: 20px 15px; } .icybj2_fls h3{ font-size: 24px; line-height: 1; } .icybj2_fls p{ margin: 15px 0; } .inner_cybj2 li:nth-child(1) .icybj2_fls p,.inner_cybj2 li:nth-child(2) .icybj2_fls p{ height: 92px; } .inner_cybj2 li:nth-child(3) .icybj2_fls p{ height: 138px; } .icybj1_txt{ padding: 15px 10px; } .icybj1_txt img{ max-width: 17%; } .icybj1_txt h3{ font-size: 20px; } .inner_cxfz2{ padding: 20px; } .iicxfz2_txt{ font-size: 16px; } .iicxfz3_wz{ width: 80px; height: 80px; } .iicxfz3_wz:before{ width: 80px; height: 80px; } .iicxfz3_wz:after{ top: -80px; width: 80px; height: 80px; } .icxfz3_cons:hover .iicxfz3_wz:before{ top: -80px; } .icxfz3_con li{ padding: 0 5px; } .iicxfz3_wz p{ line-height: 80px; font-size: 20px; } .iicxfz3_txt{ font-size: 14px; } .inner_cxfz4{ margin: 45px 0; } .icxfz4_txt{ font-size: 18px; bottom: 10px; } .icybj3_2_cons{ width: 100%; } .d0{ top: 130px; right: 115px; } .d1{ bottom: 145px; right: 150px; } .d2{ bottom: 100px; left: 140px; } .d3{ top: 113px; left: 128px; } .d0 .dnei, .d1 .dnei { margin-left: -280px; } .d2 .dnei, .d3 .dnei { margin-left: 75px; } .d0 .dnei:before, .d1 .dnei:before { right: -12px; transform: rotate(270deg); left: auto; } .d2 .dnei:before, .d3 .dnei:before { left: -12px; transform: rotate(90deg); right: auto; } .inews1_con_frs{ padding: 20px 25px; } .inews1_fr_txt3{ height: 50px; } .inews2_txt{ padding: 15px 20px; } .inews3_con .swiper-container{ max-width: 80%; } .inews4_con li{ padding: 0 15px; } .inner_ashuzi li{ padding: 0 10px; } .inner_ashuzi li h3 span{ font-size: 30px; } .inner_ashuzi li h3{ font-size: 16px; } .inner_ashuzi li p{ font-size: 16px; } .iabout1_txt1{ font-size: 22px; } .iabout1_txt2{ height: 84px; } .inner_about2{ padding: 30px 0; } .iabout2_con{ margin: 25px 0px; } .inner_honor_con li{ padding: 0 5px; } .ihonor_txt{ padding: 15px 0; } .iabout3_con .swiper-container{ max-width: 85%; } .iabout4_con li{ padding: 0 5px; } .iabout4_txt{ padding: 15px 10px; } .iabout4_txt h3{ font-size: 16px; margin-bottom: 5px; } .iabout4_txt p{ font-size: 14px; } .iabout5_con_fr1{ float: none; width: 100%; padding-top: 0; text-align: center; } .iabout5_con_fr2{ float: none; width: 100%; } .iabout5_con_fr2 img{ display: block; max-width: 50%; margin: auto; } .iabout5_con_fr ul li{ margin-bottom: 10px; padding-bottom: 10px; } .iculture2_con li{ padding: 0 5px; } .iculture3_fl{ width: 55%; } .iculture3_fr{ width: 42%; } .iculture3_fl p{ font-size: 14px; line-height: 25px; } .iculture3_con_info { padding: 25px 20px; } .iculture4_con li{ padding: 0 10px; } .iprocess_info1{ font-size: 24px; margin-bottom: 10px; } .iprocess_info{ padding: 15px; } .iinvestor1_fl_1{ font-size: 20px; } .inner_title1 h3{ font-size: 24px; } } @media(max-width:600px) { .inner_investor11{ margin: 30px auto; } .inner_investor11 li{ float: none; width: 100%; padding: 0; margin-bottom: 20px; } .inner_investor11 li:last-child{ margin-bottom: 0; } .investor11_txt h3{ font-size: 20px; } .home-banner .swiper-pagination{ display: block !important; } .home-banner .swiper-button-next, .home-banner .swiper-button-prev{ display: none !important; } .footer1{ padding-top: 30px; } .footer1_fl{ float: none; width: 100%; overflow: hidden; } .footer1_fc{ display: none; } .footer1_fr{ float: none; width: 100%; margin-top: 10px; } .footer1_fl_b p{ margin-bottom: 10px; } .son_ul{ width: 100%; left: 0; margin-left: 0; } .footer1_fr_b{ margin-top: 20px; margin-bottom: 30px; } .footer2{ padding: 15px 0; } .home-column li{ float: none; width: 100%; } .home-news{ margin: 30px auto; } .index_title h3{ font-size: 22px; } .index_title p{ font-size: 18px; } .news_con_nav{ margin: 20px 0; } .news_con_info li{ padding: 0 5px; width: 50%; margin-bottom: 20px; } .news_con_nav ul{ display: inherit; justify-content: inherit; } .news_con_nav li{ margin: 0 0 10px 0; } .news_con_nav li a{ width: 100%; } .news_xq_date{ display: none; } .news_xq{ padding: 10px; } .news_xq_txt1{ padding-left: 0; } .news_xq_txt2{ margin: 5px 0 10px 0; } .news_xq_txt4{ display: block; } .news_con_more{ margin-top: 10px; } .home-wenzi{ padding: 30px 0; } .home-wenzi h3{ font-size: 22px; } .home-wenzi p{ font-size: 18px; } .home-wenzi p br{ display: none; } .home-cate{ margin: 30px auto; } .home-cate li{ float: none; width: 100%; padding: 0; margin-bottom: 10px; } .home-internal{ padding: 30px 0; } .internal_nav li{ margin: 0 20px; } .internal_nav li a p{ font-size: 18px; } .internal_info li{ width: 50%; margin-bottom: 15px; } .internal_info li h3 span{ font-size: 40px; } .italent_info{ margin: 30px 0; } .italent_con li{ float: none; width: 100%; padding: 0; } .italent_con{ margin-bottom: 20px; } .inner_nav_fl{ float: none; overflow: hidden; } .inner_nav_fl p{ float: none; text-align: center; line-height: 40px; } .inner_nav_fl ul{ float: none; } .inner_nav_fl ul li a{ line-height: 35px; padding: 0 20px; } .inner_nav_fr{ float: none; } .inner_title h3{ font-size: 22px; } .inner_job{ margin: 30px 0; } .inner_job_con{ margin-top: 20px; } .zp-content{ padding: 15px; } .zp-content1 li{ float: none; margin-right: 0; margin-bottom: 5px; } .iidea1_con li{ float: none; width: 100%; padding: 0; } .inner_idea2{ padding: 30px 0; background-size: cover; } .iidea2_con{ margin-top: 20px; } .iidea2_cons{ height: 260px; } .iidea2_con li{ width: 50%; padding: 0 5px; } .iidea2_con li .tp img{ max-width: 60%; } .iidea2_txt h3{ font-size: 20px; } .inner_idea4{ margin: 30px 0; } .iidea4_con li{ float: none; width: 100%; padding: 0; } .iidea4_txt h3{ font-size: 20px; } .inner_idea3{ margin: 30px 0; } .iidea3_con_fr ul{ display: inherit; justify-content: inherit; } .iidea3_con_fr li{ float: left; width: 25%; padding: 0 10px; } .iidea3_con_fr li .tp{ width: 60px; height: 60px; } .iidea3_con_b .iidea3_con_fr li{ padding: 0 10px; } .iidea3_con_b .iidea3_con_fr li:nth-child(1){ float: none; width: 100%; margin-bottom: 10px; } .iidea3_txt{ margin-top: 10px; font-size: 16px; } .inner_investor1{ padding: 30px 0 40px 0; } .iinvestor1_con h3{ width: 100%; margin: 0 auto 25px auto; line-height: 50px; } .iinvestor1_con h3 span{ font-size: 30px; } .inner_investor2{ margin: 30px 0; } .iinvestor2_con .swiper-container{ max-width: 70%; } .iinvestor2_con .swiper-button-next1, .iinvestor2_con .swiper-button-prev1{ width: 44px; height: 44px; margin-top: -22px; } .inner_more{ margin-top: 25px; } .inner_investor3{ margin-bottom: 30px; } .iinvestor3_con{ margin-top: 25px; } .iinvestor3_con li{ float: none; width: 100%; padding: 0; margin-bottom: 10px; } .iinvestor3_date{ width: 90px; } .iinvestor3_date p{ font-size: 40px; padding: 20px 0 10px 0; } .iinvestor3_txt{ margin-left: 105px; } .inner_investor4{ padding: 30px 0; } .iinvestor4_t{ font-size: 22px; } .iinvestor4_b h3{ width: 100%; font-size: 24px; } .iinvestor4_b p{ width: 100%; background: rgba(26,52,113,0.42) url(../images/mail.png) no-repeat 20px center; padding-left: 70px; font-size: 18px; } .inner_reprot{ margin: 30px 0px; } .ireprot_con{ margin: 25px 0; } .ireprot_con li{ width: 50%; padding: 0 5px; } .inner_gsgg{ margin: 30px 0px; } .igsgg_con{ margin: 25px 0; } .igsgg_con li{ float: none; width: 100%; padding: 0; margin-bottom: 10px; } .igsgg_date p{ font-size: 40px; padding: 15px 0 5px 0; } .show_title h3{ font-size: 20px; padding-bottom: 15px; } .show_title{ padding-bottom: 15px; } .show_content{ padding: 20px 0px; } .show_back_fr{ width: 65%; } .show_back_fr{ width: 30%; } .show_back_fr a{ background: #002d9a url(../images/return.png) no-repeat 15px center; padding-right: 15px; } .igsggshow_con{ margin-bottom: 0; } .inner_inter1{ margin: 30px 0px; } .inner_inter1 .inner_title p br{ display: none; } .iinter1_con li{ float: none; width: 100%; padding: 0; } .iinter1_txt img{ max-width: 100%; } .iinter1_con li a:hover .iinter1_txt{ padding-top: 12%; } .iinter1_con li a:hover .iinter1_txt h3{ margin-top: 25px; } .iinter1_txt p:before{ margin: 20px auto; } .iinter1_txt p{ font-size: 14px; line-height: 25px; } .inner_inter2{ padding: 30px 0; } .inner_title1 h3{ font-size: 22px; } .inner_strength1{ margin: 30px 0; } .inner_strength2{ margin-bottom: 25px; } .istrength2_con{ margin-top: 25px; } .istrength2_con li{ width: 50%; padding: 0 5px; margin-bottom: 10px; } .istrength1_fl{ width: 100%; } .istrength1_fr{ width: 100%; } .istrength1_fls_txt{ top: 30px; } .istrength1_fls_txt h3{ font-size: 24px; } .istrength1_frs{ height: auto !important; } .istrength1_frs h3{ font-size: 20px; } .istrength1_frs p{ height: auto; } .istrength1_con li:nth-child(even) .istrength1_fls_txt{ text-align: left; left: 25px; } .icybj2_fl{ float: none; width: 100%; padding: 0; } .icybj2_fr{ float: none; width: 100%; padding: 0; } .icybj2_fls{ height: auto !important; } .icybj2_fls h3{ font-size: 20px; } .icybj2_fls p{ height: 230px !important; } .icybj1_con li{ float: none; width: 100%; padding: 0; } .inner_cybj1 .inner_title p { font-size: 16px; margin-top: 0; } .icybj1_txt{ padding: 15px 10px; } .icybj1_txt img{ max-width: 10%; } .icybj1_txt h3{ font-size: 20px; margin: 5px 0; } .icybj1_txt p{ line-height: 23px; } .icybj1_con{ margin-top: 20px; } .inner_cxfz2{ padding: 20px 15px 10px 15px; } .icxfz2_con li{ float: none; width: 100%; padding: 0; margin-bottom: 10px; } .iicxfz2_txt{ margin-top: 10px; } .icxfz3_con{ margin-top: 25px; } .inner_cxfz4{ margin: 30px 0; } .icxfz4_con{ margin-top: 25px; } .icxfz4_con li{ width: 50%; padding: 0 5px; margin-bottom: 10px; } .icxfz4_txt{ font-size: 15px; } .icxfz3_con li{ width: 50%; margin-bottom: 15px; } .iicxfz3_txt br{ display: block; } .inner_cybjxq1_1{ margin: 30px 0 25px 0; } .inner_title1 span{ font-size: 22px; line-height: 1; } .inner_cybjxq1_2{ margin: 25px 0; } .icybj1_2_con li{ width: 50%; padding: 0 5px; margin-bottom: 10px; } .icybj1_2_txt{ bottom: 10px; } .icybj1_2_txt h3{ font-size: 15px; width: 90%; line-height: 32px; } .icybj3_2_cons{ height: 280px; } .icybj3_2_con{ padding: 50px 0; margin-top: 25px; } .scnl{ background-size: 50%; } .d0{ top: 50px; right: 50px; } .d1{ bottom: 58px; right: 70px; } .d2{ bottom: 40px; left: 60px; } .d3{ top: 43px; left: 58px; } .d0 .dnei, .d1 .dnei { margin-left: -250px; } .d2 .dnei, .d3 .dnei { margin-left: 45px; } .scnl .dnei h3{ font-size: 16px; } .scnl .dnei p{ font-size: 14px; line-height: 25px; } .inner_news1{ margin: 30px 0; } .inews1_con_fl{ float: none; width: 100%; overflow: hidden; } .inews1_fl_txt{ padding: 10px 15px; } .inews1_con_fl .swiper-pagination1{ bottom: 10px; right: 10px; } .inews1_con_fr{ float: none; width: 100%; } .inews1_con_frs{ padding: 15px; height: auto !important; } .inews1_fr_txt1{ font-size: 16px; } .inews1_fr_txt3{ height: auto; } .inner_news2{ margin-bottom: 30px; } .inews2_con li{ width: 50%; padding: 0 5px; margin-bottom: 10px; } .inner_news3{ padding: 30px 0; } .inews3_txt{ padding: 15px 5px; } .inews3_txt p{ font-size: 14px; } .inews3_con .swiper-container{ max-width: 70%; } .inews3_con .swiper-button-next2, .inews3_con .swiper-button-prev2{ width: 44px; height: 44px; margin-top: -22px; } .inner_news4{ margin: 30px 0; } .inews4_con{ margin-top: 25px; } .inews4_con li{ float: none; width: 100%; margin-bottom: 20px; padding: 0; border-right: none; } .inews4_con li:last-child{ margin-bottom: 0; } .inews4_txt3{ height: auto; } .inner_pdf{ margin: 30px 0; } .ipdf_con li{ width: 50%; padding: 0 5px; margin-bottom: 10px; } .ipdf_txt{ padding: 15px 5px; } .inner_ashuzi{ padding: 30px 0 10px 0; } .inner_ashuzi li{ width: 50%; padding: 0 5px; margin-bottom: 20px; } .inner_ashuzi li:nth-child(2){ background: none; } .inner_ashuzi li h3 span{ font-size: 20px; } .inner_about1{ margin: 30px 0; } .iabout1_con_fl{ float: none; width: 100%; } .iabout1_con_fr{ float: none; width: 100%; } .iabout1_con_frs{ height: auto !important; padding: 25px 15px; } .iabout1_txt1{ font-size: 20px; } .inner_leader_con{ margin: 20px 0 0 0; } .inner_company_con{ margin: 20px 0 0 0; } .inner_company_con h3{ font-size: 20px; } .inner_company_con img{ display: block; margin: 0 auto 10px auto; } .inner_honor_con li{ width: 50%; } .ihonor_txt{ padding: 10px 0; } .inner_honorshow{ margin: 30px 0; overflow: hidden; } .ihonorshow_con{ margin-bottom: 0; } .inner_about3{ margin: 30px 0; } .iabout3_con .swiper-container{ max-width: 75%; } .honor_txt{ padding-top: 10px; } .iabout3_con .swiper-button-next3, .iabout3_con .swiper-button-prev3{ width: 36px; height: 36px; margin-top: -30px; } .inner_about4{ padding: 30px 0; background-size: cover; } .iabout4_con{ margin: 25px 0 15px 0; } .iabout4_con li{ width: 50%; margin-bottom: 10px; } .iabout4_txt{ height: 100%; } .iabout4_txt p{ height: auto; } .inner_about5{ margin: 30px 0; } .iabout5_con{ margin-top: 25px; } .iabout5_con_fl{ float: none; width: 100%; } .iabout5_con_fc{ float: none; width: 100%; margin: 15px 0; } .iabout5_con_fr{ float: none; width: 100%; } .iabout5_title{ font-size: 18px; margin-bottom: 10px; } .iabout5_con_fl p{ margin-bottom: 10px; } .ly1_fl{ float: none; width: 100%; margin-bottom: 11px; } .ly1_fr{ float: none; width: 100%; } .ly2_fl{ width: 85%; } .ly2_fr{ width: 12%; } .ly2_fr button{ font-size: 16px; } .iabout5_con_fr ul li{ float: left; width: 50%; padding: 0 10px; border-bottom: none; margin-bottom: 0; } .iabout5_con_fr1{ margin-bottom: 10px; } .iabout5_con_fr2 img{ max-width: 100%; } .inner_contact_con{ margin-top: 25px; } .inner_contact_con_fl{ float: none; width: 100%; } .inner_contact_con_fr{ float: none; width: 100%; } .inner_contact_con_fl p{ padding-left: 35px; margin-bottom: 15px; } .inner_feedback{ margin: 0 0 30px 0; } .inner_feedback_con{ padding: 15px 15px 25px 15px; } .lx1{ margin-bottom: 11px; } .lx1_fl{ float: none; width: 100%; margin-bottom: 11px; } .lx1_fr{ float: none; width: 100%; } .lx1 textarea{ height: 150px; } .lx1 i{ left: 10px; } .lx1 label{ left: 50px; } .lx1 input{ padding-left: 130px; } .lx1 textarea{ padding: 15px 20px 20px 130px; } .lx2{ margin-bottom: 25px; } .iculture1_con li{ margin-right: 20px; } .inner_culture1{ margin: 30px 0 20px 0; } .iculture1_con li:last-child{ margin-right: 0; } .inner_culture2{ padding-bottom: 20px; } .iculture2_con{ margin-top: 25px; } .iculture2_con li{ width: 50%; margin-bottom: 10px; } .iculture3_fl{ float: none; width: 100%; margin-bottom: 20px; } .iculture3_fr{ float: none; width: 100%; } .iculture3_con_info{ padding: 20px 15px; } .iculture3_fl h3{ text-align: center; } .iculture3_con_title ul{ display: inherit; justify-content: inherit; } .iculture3_con_title ul li h3{ text-align: center; } .iculture3_con_show{ margin-top: 20px; } .iculture4_con li{ float: none; width: 100%; padding: 0; margin-bottom: 10px; } .iprocess_date{ width: 80px; font-size: 20px; } .iprocess_info{ margin-left: 122px; } .iprocess_info1{ font-size: 18px; margin-bottom: 5px; } .iprocess_info2{ font-size: 16px; } .inner_process_con ul:before{ left: 98px; } .inner_process_con li{ background: url(../images/circle.jpg) no-repeat 90px top; } .inner_process_con li:hover{ background: url(../images/circle_h.jpg) no-repeat 90px top; } .inner_process_con li:first-child{ background: url(../images/circle0.jpg) no-repeat 90px top; } .inner_process_con li:first-child:hover{ background: url(../images/circle0_h.jpg) no-repeat 90px top; } .inner_process_con li:last-child:after{ left: 90px; } .iinvestor1_con_fl{ float: none; width: 100%; overflow: hidden; margin-bottom: 20px; } .iinvestor1_con_fr{ float: none; width: 100%; } .iinvestor1_fl_2{ margin: 15px 0; } .icybj1_2_txt h3 { width: 90%; font-size: 14px; } .inner_nav_fl ul li{ float: none; width: 100%; text-align: center; } .top{ height: 94px; position: relative; } .ttext{ position: absolute; top: 47px; left: 0; width: 100%; } .ttext ul{ display: flex; justify-content: center; } .ttext li{ margin: 0 10px; } } @media(max-width:375px) { .d0{ top: 60px; right: 41px; } .d1{ bottom: 62px; right: 62px; } .d2{ bottom: 45px; left: 52px; } .d3{ top: 53px; left: 50px; } } @media(max-width:320px) { .internal_nav li{ margin: 0 15px; } .internal_nav li a p{ font-size: 16px; } .iinvestor2_con .swiper-button-next1, .iinvestor2_con .swiper-button-prev1{ width: 38px; height: 38px; margin-top: -19px; } .inner_ashuzi li p{ font-size: 14px; } }