@charset "utf-8"; /* CSS Document */ /* 鍏ㄥ眬鍏敤鐨刢ss鏍峰紡 */ /*---------------------------------绾︽潫鏍峰紡----------------------------------------*/ * { margin: 0; padding: 0; word-wrap: break-word } * img { border: 0 } * hr { border: 1px dashed #d2d2d2 } .swiper-next, .swiper-prev { outline: none; cursor: pointer } body, h1, h2, h3, h4, h5, h6, td, th, tr { color: #333333; font-weight: normal; font-size: 12px; font-family: "Microsoft YaHei" } body { overflow-x: hidden } h1, h2, h3, h4, h5, h6 { display: inline } a { text-decoration: none; outline: none; color: #333333; cursor: pointer } a:active { star: expression(this.onFocus=this.blur()) } a:focus { outline: none } textarea { resize: none } a:hover { color: #194B90; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-tap-highlight-color: transparent } em { font-style: normal } img { max-width: 100% } .ul li, .ul { list-style: none } input, textarea, select { outline: none; font-family: "Microsoft YaHei" } input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill { -webkit-box-shadow: rgba(255, 255, 255, 0) 0 0 0px 1000px; -moz-box-shadow: rgba(255, 255, 255, 0) 0 0 0px 1000px; box-shadow: rgba(255, 255, 255, 0) 0 0 0px 1000px } @-webkit-keyframes autofill { to { color: #fff; background: rgba(31, 39, 87, 0.3); } } input:-webkit-autofill { animation-name: autofill !important; animation-fill-mode: both !important; } input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus { background-clip: content-box !important; } .clear { width: 100%; clear: both; height: 1px; overflow: hidden } .fl { float: left } .fr { float: right } .ov_hi { overflow: hidden } .layout { width: 1200px; margin: 0 auto } .ul_li { list-style: none } .ov_hi { overflow: hidden } .radius { border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; overflow: hidden } .shadow { -webkit-box-shadow: #DDD9D9 0px 0px 30px; -moz-box-shadow: #DDD9D9 0px 0px 30px; box-shadow: #DDD9D9 0px 0px 30px } .fl-clr { zoom: 1 } .fl-clr:after { display: block; clear: both; height: 0; content: "\0020" } .pc {} .web { display: none !important } .opacityli li, .opacity, .opacitybox .box { opacity: 0 } .titleL1 { overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .titleL1:hover { color: #1d4ea4 } .titleL2 { overflow: hidden; text-overflow: ellipsis; white-space: normal; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2 } .titleL3 { overflow: hidden; text-overflow: ellipsis; white-space: normal; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3 } .scale img, .main-nav-pc li .a:after, .main-nav-pc li .a, .index_show .uk-slidenav-position .uk-slidenav, .index-1-list li .box:before, .index-3-list li .morea, .index-3-list li a, .index-3-more, .footer a, .second-nav-ul li a, .product-list li a, .join_list li .box, .index-1-list li .box .text .name, .notice-list li a, .right-float .li { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease } .second-show .text { -webkit-transition: all 0.8s ease; -moz-transition: all 0.8s ease; -o-transition: all 0.8s ease; transition: all 0.8s ease } .scale:hover img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1) } .top50 { top: 50%; transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%) } body.hidden { overflow: hidden } .index-3-list li a:hover, .notice-list li a:hover { -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0 0 15px; -moz-box-shadow: rgba(0, 0, 0, 0.15) 0 0 15px; box-shadow: rgba(0, 0, 0, 0.15) 0 0 15px } /*鑱旂郴鎴戜滑寮圭獥*/ /*.right-float{position:fixed; width:100px; height:100px; right:20px; top:50%; margin-top:-50px; cursor:pointer; background:#154c8c; border-radius:10px; text-align:center; overflow:hidden} .right-float:before{content:""; background:url(../images/icon_contact.png) no-repeat; display:block; width:40px; height:40px; margin:17px auto 8px auto} .right-float:after{content:"鑱旂郴鎴戜滑"; display:block; font-size:14px; color:#fff; line-height:20px} */ .right-float { position: fixed; width: 40px; right: 20px; bottom: 5%; cursor: pointer; background: #9c9c9c; text-align: center; overflow: hidden } .right-float .li { display: block; width: 100%; height: 40px; position: relative; overflow: hidden } .right-float .li:hover { background: #6c6c6c } .right-float .li:before { content: ""; display: block; width: 20px; height: 20px; margin: 10px auto } .right-float .contact_ico:before { background: url(../images/icon_contact.png) no-repeat; background-size: 100% } .right-float { width: 120px; border: 1px solid #d0dff4; border-radius: 10px; background: #ebf3fd; overflow: hidden } .right-float .title { text-align: center; height: 40px; line-height: 40px; font-size: 16px; color: #fff; background: #1a4c90 } .right-float .a { cursor: pointer; padding: 20px 0; text-align: center; font-size: 14px; line-height: 20px; color: #1a4c90 } .right-float .line { border-bottom: 1px solid #d0dff4 } .right-float .a img { margin-bottom: 5px } .right-float .a:hover { background: #dbe9fd } .contact_pop { position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: rgba(0, 0, 0, 0.5); z-index: 9999; display: none } .contact_pop_box { position: absolute; width: 600px; left: 50%; margin-left: -300px; background: #fff; border-radius: 10px; overflow: hidden } .contact_pop_box .title { height: 50px; padding: 0 20px; background: url(../images/title.png) no-repeat; font-size: 16px; line-height: 50px; color: #fff; position: relative } .contact_pop_box .title .close { position: absolute; width: 26px; height: 26px; right: 10px; top: 12px; background: url(../images/icon_close.png) no-repeat; background-size: 100%; cursor: pointer } .contact_pop_box .pa { padding: 0 0 0 10px; height: 400px; overflow: hidden } .contact_pop_box iframe { width: 100%; height: 400px } /*搴曢儴鏍峰紡*/ .footer { background: #262626; color: #969696; font-size: 14px; line-height: 25px; overflow: hidden } .footer * { overflow: hidden } .footer a { color: #969696 } .footer a:hover { color: #fff } .footer-top { position: relative; padding-right: 300px; padding: 35px 300px 35px 0 } .footer-nav {} .footer-nav li { float: left; width: 20% } .footer-nav li .title { font-size: 15px; color: #fff } .footer-nav li .list {} .footer-code { position: relative; width: 300px; margin-right: -300px; float: right } .footer-code .Hotline { font-size: 15px; color: #fff } .footer-code .Hotline b { display: block } .footer-code .txt { padding-bottom: 10px } .footer-code .img { width: 90px } .footer-text { background: #1f1f1f; padding: 15px 0 } .footer-text .url { margin-left: 25px } .footer-text span { padding: 0 10px } /*瀵艰埅*/ .bh_100 { height: 100px } .headbar_bpx { position: fixed; width: 100%; left: 0; top: 0; z-index: 99; background: #fff; -webkit-box-shadow: rgba(0, 0, 0, 0.19) 0px 0px 16px; -moz-box-shadow: rgba(0, 0, 0, 0.19) 0px 0px 16px; box-shadow: rgba(0, 0, 0, 0.19) 0px 0px 16px } .headbar_bpx .layout { position: relative; z-index: 2 } /*.headbar_top{position:relative; height:110px} */ .headbar_bpx .logo { position: absolute; left: 0; top: 50%; height: 46px; margin-top: -23px } .main-nav-pc { height: 100px; line-height: 100px; float: right } .main-nav-pc li { float: left; position: relative; margin-left: 10px } .main-nav-pc li .a { display: block; height: 100px; font-size: 18px; position: relative; text-align: center; padding: 0 15px } .main-nav-pc li .a a { position: absolute; width: 100%; height: 100%; left: 0; top: 0 } /*.main-nav-pc li .drop-down{display:none; position:absolute; width:100%; left:0; top:100px; background:#fff; text-align:center; -webkit-box-shadow:rgba(0,0,0,0.2) 0px 0px 10px; -moz-box-shadow:rgba(0,0,0,0.2) 0px 0px 10px; box-shadow:rgba(0,0,0,0.2) 0px 0px 10px; padding:15px 0}*/ .main-nav-pc li .drop-down { display: none; position: absolute; width: 220%; left: -60%; top: 100px; text-align: center; } .main-nav-pc li .drop-down .box { background: #fff; display: inline-block; -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 10px; -moz-box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 10px; box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 10px; padding: 15px 29px } .main-nav-pc li .drop-down:before { content: ""; position: absolute; width: 10px; height: 10px; background: #fff; left: 50%; margin-left: -5px; top: -5px; transform: rotate(45deg); -ms-transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg) } .main-nav-pc li .drop-down p { margin-top: -1px } .main-nav-pc li .drop-down a { display: block; height: 30px; font-size: 14px; line-height: 30px } .main-nav-pc li .drop-down a:hover, .main-nav-pc li .drop-down .hover a { color: #194B90 } .main-nav-pc li:hover .drop-down {} .main-nav-pc li:hover .a, .main-nav-pc li.hover .a { color: #194B90 } .ioc_switch { display: none } /*棣栭〉*/ .index_show { /* height:calc(100vh - 130px);*/ position: relative; overflow: hidden } .index_show .uk-slideshow-fullscreen, .index_show .uk-slideshow-fullscreen>li { /*height:calc(100vh - 130px);*/ } .index_show.hover { min-height: 0 } .index_show img { width: 100% } .index_show .uk-slidenav-position .uk-slidenav { color: #fff; background: rgba(0, 0, 0, 0.3); overflow: hidden; height: 100px; width: 50px; font-size: 50px } .index_show .uk-slidenav-position .uk-slidenav:before { content: ""; position: absolute; width: 20px; left: 50%; margin-left: -10px; top: 0; height: 100% } .index_show .uk-slidenav-position .uk-slidenav-previous { left: 0 } .index_show .uk-slidenav-position .uk-slidenav-next { right: 0 } .index_show .uk-slidenav-position .uk-slidenav-previous:before { margin-left: -15px; background: url(../images/index_left.png) no-repeat center center } .index_show .uk-slidenav-position .uk-slidenav-next:before { margin-left: -8px; background: url(../images/index_right.png) no-repeat center center } .index_show:hover .uk-slidenav-position .uk-slidenav { opacity: 1 } .index_show .uk-slidenav-position .uk-slidenav:hover { background: rgba(0, 0, 0, 0.5) } .index_show .uk-slideshow, .index_show .uk-slideshow>li {} .index_show .uk-dotnav { text-align: center; bottom: 40px; display: block } .index_show .uk-dotnav>* { float: none; display: inline-block; padding-left: 10px; margin: 0 } .index_show .uk-dotnav>*>* { width: 20px; height: 8px; background: rgba(255, 255, 255, 0.6); border-radius: 2px } .index_show .uk-dotnav>.uk-active>* { transform: scale(1); background: #fff } .index-title { text-align: center; padding-bottom: 35px; position: relative } .index-title .cn { font-size: 36px; line-height: 36px; margin-bottom: 15px } .index-title .en { font-size: 18px; color: #999999; text-transform: uppercase; line-height: 18px } .index-title .line { display: block; width: 164px; height: 10px; margin: 0 auto 15px auto; position: relative } .index-title .line:before, .index-title .line:after { content: ""; position: absolute; width: 60px; height: 2px; background: #94abcb; top: 50%; margin-top: -1px } .index-title .line:before { left: 0 } .index-title .line:after { right: 0 } .index-title .line em { display: block; width: 10px; height: 10px; margin: 0 auto; border-radius: 50%; background: #194c8e; position: relative } .index-title .line em:before, .index-title .line em:after { content: ""; position: absolute; width: 6px; height: 6px; border-radius: 50%; background: #194c8e; top: 50%; margin-top: -3px } .index-title .line em:before { left: -11px } .index-title .line em:after { right: -11px } .tab .hide { display: none } /*.index-1*/ .index-1 { background: #fff; padding: 90px 0 0 0; overflow: hidden } .index-1-text { width: 900px; margin: 0 auto; font-size: 14px; line-height: 28px; color: #666; text-align: center } .index-1-list { margin-left: -45px } .index-1-list * { overflow: hidden } .index-1-list li { width: 33.3%; float: left; padding-top: 45px } .index-1-list li .box { display: block; margin-left: 45px; position: relative; border-radius: 5px } .index-1-list li .box:before { content: ""; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: rgba(25, 75, 114, 0) } .index-1-list li .box .img { width: 100%; float: left } .index-1-list li .box .text { position: absolute; width: 100%; left: 0; text-align: center; z-index: 2 } .index-1-list li .box .text img { margin-bottom: 40px; height: 80px } .index-1-list li .box .text .name { display: block; width: 280px; height: 100px; background: rgba(255, 255, 255, 0.8); margin: 0 auto; text-align: center; line-height: 100px; font-size: 22px; border-radius: 5px } .index-1-list li .box:hover .text .name { background: #fff } .index-1-list li .box:hover:before { background: rgba(25, 75, 144, 0.8) } .index-2 { background: #fff; padding: 90px 0 0 0; overflow: hidden } .index-2-box { height: 509px; background: url(../images/index-2.png) no-repeat center center } .index-2-box .layout { padding-top: 50px } .index-2-list {} .index-2-list * { overflow: hidden } .index-2-list li { float: left; width: 60%; height: 64px; line-height: 64px; color: #fff; font-size: 18px; position: relative; margin-bottom: 20px } .index-2-list li:nth-child(even) { width: 40% } .index-2-list li img { position: absolute; width: 64px; height: 64px; left: 0; top: 0 } .index-2-list li span { display: block; padding-left: 90px } .index-3 { background: #fff; padding: 90px 0 130px 0; overflow: hidden } .index-3-nav { text-align: center } .index-3-nav li { display: inline-block; background: #fff; width: 158px; height: 38px; line-height: 38px; border-radius: 5px; margin: 0 15px; border: 1px solid #E5E5E5; text-align: center; font-size: 18px; cursor: pointer } .index-3-nav li.hover { background: #194B90; border-color: #194B90; color: #fff } .index-3-boxdiv { padding: 40px 0 0 0 } .index-3-list { margin-left: -45px; padding-bottom: 25px } .index-3-list li * { overflow: hidden } .index-3-list li { width: 33.3%; float: left } .index-3-list li .box { display: block; margin-left: 45px; border-radius: 5px; border: 1px solid #E6E6E6 } .index-3-list li .img { position: relative } .index-3-list li .img img { width: 100%; float: left } .index-3-list li .img .text { position: absolute; width: 80%; left: 10%; font-size: 14px; line-height: 20px; color: #fff; font-weight: bold; text-align: center } .index-3-list li .pa { padding: 25px; font-size: 14px; line-height: 20px } .index-3-list li .title { font-size: 16px; line-height: 24px; height: 48px; font-weight: bold } .index-3-list li .time { color: #999999; margin: 5px 0 0 0 } .index-3-list li .txt { color: #666; margin: 15px 0 } .index-3-list li .txt em { color: #FF0000 } .index-3-list li .goon { color: #FF0000 } .index-3-list li .finish { color: #999 } .index-3-list li .titleL3 { height: 60px } .index-3-list li .morea { display: block; width: 130px; height: 36px; line-height: 36px; text-align: center; background: #8ca4c6; font-size: 14px; color: #fff; border-radius: 5px } .index-3-list li a:hover .morea { background: #194B90 } .index-3-list li .moreb { display: block; height: 36px; line-height: 36px; color: #194B90; text-align: center } .index-3-list li a:hover .moreb { text-decoration: underline } .index-3-more { display: block; width: 178px; height: 38px; text-align: center; line-height: 38px; font-size: 16px; border-radius: 5px; border: 1px solid #E5E5E5; margin: 0 auto; background: #fff } .index-3-more:hover { background: #194B90; color: #fff } /*浜岀骇鍏叡鏍峰紡*/ .second-show { overflow: hidden; /*height:500px;*/ position: relative } .second-show img { float: left; width: 100% } .second-show .title { position: absolute; font-size: 50px; color: #fff; line-height: 50px; text-align: center; width: 100%; left: 0 } .second-show .text { position: absolute; font-size: 16px; color: #fff; line-height: 25px; text-align: center; width: 100%; left: 0 } .second-show .text .h1 { font-size: 50px; line-height: 50px } .second-show .text .txt { padding-top: 10px } .third-show { overflow: hidden; height: 200px; position: relative } .third-show img { float: left; width: 100% } .third-show .title { position: absolute; font-size: 50px; color: #fff; line-height: 50px; text-align: center; width: 100%; left: 0 } .bh_60 { height: 60px } .second-nav { border-bottom: 1px solid #f2f2f2; border-top: 1px solid #f2f2f2 } .second-nav-ul { height: 58px; text-align: center } .second-nav-ul li { display: inline-block; padding: 0 15px } .second-nav-ul li a { font-size: 16px; height: 58px; line-height: 58px; color: #999; display: block; position: relative } .second-nav-ul li.hover a, .second-nav-ul li:hover a { color: #333 } .second-nav-ul li.hover a:after, .second-nav-ul li:hover a:after { content: ""; position: absolute; width: 80%; height: 2px; bottom: -1px; left: 10%; background: #194B90 } .position-box { height: 58px; line-height: 58px; font-size: 15px; color: #999; font-weight: bold } .position-box a { color: #999 } .position-box a:hover { color: #194B90 } .position-box em { padding: 0 5px } .second-box { padding: 60px 0 100px 0 } /*浜у搧灞曠ず*/ .product-pa { padding: 30px 0 55px 0 } .product-list { margin-left: -45px; overflow: hidden; padding: 10px } .product-list li { float: left; width: 50%; padding-bottom: 15px } .product-list li .box { display: block; padding: 20px 20px 20px 200px; background: #fff; position: relative; margin-left: 45px; border-radius: 5px } .product-list li .name { position: absolute; width: 160px; height: 80px; left: 20px; top: 20px; background: url(../images/bj-1.png) no-repeat; background-size: cover; border-radius: 5px; text-align: center; line-height: 20px; font-size: 16px; color: #fff; text-transform: uppercase; font-weight: bold; display: -webkit-flex; display: flex; align-items: center; justify-content: center } .product-list li .name span { display: block; padding: 0 10px } .product-list li .title { height: 80px; line-height: 20px; font-size: 16px; display: -webkit-flex; display: flex; width: 100%; align-items: center } .product-list li .text { height: 80px; line-height: 20px; /*padding:5px 0*/ } .product-list li .text .titleL1 { font-size: 16px; height: 30px; line-height: 30px } .product-list li .text .txt { font-size: 13px; color: #666; height: 40px; overflow: hidden } .product-list li a:hover { -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0 0 15px; -moz-box-shadow: rgba(0, 0, 0, 0.15) 0 0 15px; box-shadow: rgba(0, 0, 0, 0.15) 0 0 15px } /*浜у搧璇︽儏*/ .page_details .title_h1 { font-size: 24px; text-align: center; line-height: 35px; padding-bottom: 25px } .page_details .time { font-size: 12px; color: #999; margin-bottom: 30px; text-align: center } .page_details .product_show { position: relative; padding: 30px 20px 30px 455px; background: #f7f7f7; font-size: 14px; line-height: 25px; min-height: 200px; margin-bottom: 30px } .page_details .product_show .name { position: absolute; left: 20px; top: 30px; width: 400px; height: 200px; background: url(../images/bj-2.png) no-repeat; background-size: cover; border-radius: 5px; overflow: hidden; } .page_details .product_show .name span { display: block; width: 180px; height: 80px; text-align: center; line-height: 30px; font-size: 24px; color: #fff; background: rgba(25, 75, 144, 0.7); margin: 60px auto; overflow: hidden; display: -webkit-flex; display: flex; align-items: center; justify-content: center } .page_details .product_show .text { padding-bottom: 15px } .page_details .product_show .txt { color: #999 } .page_details .text_show { font-size: 14px; line-height: 28px } .page_details .text_show br { display: block; height: 10px } .page_details .text_show h2 { font-size: 18px; display: block; font-weight: bold; line-height: 28px } /*鎶曡祫鑰呭叧绯?/ .investor-list {} .investor-list * { overflow: hidden } .investor-list li { line-height: 40px; font-size: 14px } .investor-list li .titleL1 { display: block; height: 40px; width: 80%; float: left; position: relative; padding-left: 10px } .investor-list li .titleL1:before { content: ""; position: absolute; width: 4px; height: 4px; background: #d8d8d8; left: 0; top: 50%; margin-top: -2px } .investor-list li .time { float: right; color: #999 } .investor-list li a:hover:before { background: #194B90 } .paging-box { text-align: center; line-height: 20px; font-size: 12px; text-align: center; color: #5c5c5c; padding-top: 40px } .paging-box a { display: inline-block; width: 20px; height: 20px; border: 1px solid #ddd; font-size: 12px; color: #5c5c5c; text-align: center; line-height: 20px; margin: 0 2px } .paging-box .w { padding: 0 10px; width: auto } .paging-box .dot { border: 0 !important; color: #5c5c5c !important; height: 22px; line-height: 22px; background: none !important } .paging-box a:hover, .paging-box .on, .paging-box .jump .bnt:hover { background: #7a7a7a; color: #fff; border-color: #666 } .paging-box span { padding: 0 10px } .paging-box .jump {} .paging-box .jump .text { width: 20px; height: 20px; border: 1px solid #ddd; margin: 0 8px } .paging-box .jump .bnt { border: 1px solid #ddd; background: #fff; width: auto; padding: 0 5px; height: 20px; margin-left: 8px; font-size: 12px; cursor: pointer } .investor_contact { position: relative; font-size: 14px; line-height: 35px } .investor_contact h1 { font-size: 18px; font-weight: bold; display: block } .investor_contact .img { position: absolute; right: 0 } /*鍏徃鍔ㄦ€?鏂伴椈璧勮*/ .news-list { overflow: hidden; margin-top: -30px } .news-list * { overflow: hidden } .news-list li { padding-top: 30px } .news-list li .box { display: block; position: relative; padding-left: 310px; height: 175px; font-size: 14px; line-height: 25px } .news-list li .box .img { position: absolute; width: 280px; height: 175px; left: 0; top: 0 } .news-list li .box .img img { width: 100%; height: 175px; object-fit: cover } .news-list li .titleL1 { font-size: 16px; font-weight: bold; line-height: 25px; height: 25px } .news-list li .time { font-size: 12px; color: #999; line-height: 15px; padding: 15px 0 } .news-list li .txt { height: 75px; color: #666 } .news-list li .more { color: #194B90 } /*鍏徃鍔ㄦ€?浼氳閫氱煡*/ .notice-list { margin-left: -45px; overflow: hidden; padding: 10px 0; margin-top: -50px } .notice-list li * { overflow: hidden } .notice-list li { width: 33.3%; float: left; padding-top: 40px } .notice-list li .box { display: block; margin-left: 45px; border-radius: 5px; border: 1px solid #E6E6E6 } .notice-list li .img { position: relative } .notice-list li .img img { width: 100%; float: left } .notice-list li .img .text { position: absolute; width: 80%; left: 10%; font-size: 14px; line-height: 20px; color: #fff; font-weight: bold; text-align: center } .notice-list li .pa { padding: 20px 25px; font-size: 14px; line-height: 20px } .notice-list li .title { font-size: 16px; line-height: 24px; height: 48px; font-weight: bold } .notice-list li .time { color: #999999; margin: 5px 0 0 0 } .notice-list li .txt { color: #666; margin: 15px 0 } .notice-list li .txt em { color: #FF0000 } .notice-list li .goon { color: #FF0000 } .notice-list li .finish { color: #999 } .notice-list li .titleL3 { height: 60px } .notice-list li .morea { display: block; width: 130px; height: 36px; line-height: 36px; text-align: center; background: #8ca4c6; font-size: 14px; color: #fff; border-radius: 5px } .notice-list li a:hover .morea { background: #194B90 } .notice-list li .moreb { display: block; height: 36px; line-height: 36px; color: #194B90; text-align: center } .notice-list li a:hover .moreb { text-decoration: underline } .lecturer_show { background: #f7f7f7; padding: 35px; padding-left: 205px; min-height: 114px; position: relative; display: table; width: calc(100% - 240px) } .lecturer_show img { position: absolute; left: 35px; top: 50%; margin-top: -57px; width: 114px; height: 114px; border-radius: 50% } .lecturer_show .txt { display: table-cell; vertical-align: middle } .lecturer_show .txt .name { font-size: 18px } .Signup_download { display: block; width: 150px; height: 40px; margin: 30px auto; background: #194b90; font-size: 16px; color: #fff !important; text-align: center; line-height: 40px } .Signup_download:hover { background: #14407e } .Signup_download a { display: block; width: 150px; height: 40px; margin: 30px auto; background: #194b90; font-size: 16px; color: #fff !important; text-align: center; line-height: 40px } .Signup_download a:hover { background: #14407e } /*鍏充簬鎴戜滑-鍏徃浠嬬粛*/ .about-1 { padding: 60px 0; overflow: hidden } .about-1 .Stock_code { text-align: center; font-size: 18px; color: #194B90; margin-bottom: 30px; margin-top: -20px } .about-1 .text { font-size: 14px; line-height: 28px } .about-2 { padding: 30px 0 0 0 } .events-show { height: 490px; background: url(../images/bj-3.png) no-repeat } .swiper-events { position: relative } .swiper-events:before { content: ""; position: absolute; width: 100%; left: 0; top: 50%; margin-top: -1px; background: rgba(255, 255, 255, 0.4); height: 2px } .swiper-events .but { position: absolute; width: 42px; height: 42px; top: 50%; margin-top: -21px } .swiper-events .swiper-prev { left: -42px; background: url(../images/e_leftA.png) no-repeat } .swiper-events .swiper-prev.swiper-button-disabled { background: url(../images/e_left.png) no-repeat } .swiper-events .swiper-next { right: -42px; background: url(../images/e_rightA.png) no-repeat } .swiper-events .swiper-next.swiper-button-disabled { background: url(../images/e_right.png) no-repeat } .swiper-events .swiper-slide { position: relative; height: 490px; color: #fff } .swiper-events .swiper-slide:before { content: ""; position: absolute; width: 10px; height: 10px; background: #1a4b8d; border: 3px solid #fff; border-radius: 50px; left: 50%; top: 50%; margin-top: -8px; margin-left: -8px } .swiper-events .swiper-slide .year { position: absolute; left: 50%; margin-left: -60px; top: 50%; margin-top: -70px; width: 120px; height: 45px; background: rgba(255, 255, 255, 0.3); text-align: center; line-height: 45px; font-size: 18px } .swiper-events .swiper-slide .year:before { content: ""; position: absolute; left: 50%; margin-left: -8px; bottom: -8px; border-top: 8px rgba(255, 255, 255, 0.3) solid; border-left: 8px transparent solid; border-right: 8px transparent solid; width: 0; height: 0; overflow: hidden } .swiper-events .swiper-slide .txt { position: absolute; bottom: 0; left: 50%; margin-left: -100px; width: 200px; height: 47%; font-size: 14px; line-height: 20px; overflow: hidden } .swiper-events .swiper-slide:nth-child(even) .year { margin-top: 25px } .swiper-events .swiper-slide:nth-child(even) .year:before { bottom: inherit; top: -8px; border-top: 0; border-bottom: 8px rgba(255, 255, 255, 0.3) solid } .swiper-events .swiper-slide:nth-child(even) .txt { bottom: 53%; height: auto } .about-3 { padding: 70px 0 } .MyService-list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -45px } .MyService-list * { overflow: hidden } .MyService-list li { float: left; padding-top: 25px; width: 25%; flex: 0 0 25%; max-width: 25%; -webkit-box-flex: 0; text-align: center } .MyService-list li .box { margin-left: 45px } .MyService-list li img { height: 48px } .MyService-list li .title { font-size: 16px; line-height: 20px; padding: 15px 0; font-weight: bold } .MyService-list li .txt { font-size: 14px; color: #666; line-height: 22px; text-align: left } /*鍏充簬鎴戜滑- 棰嗗鑷磋緸*/ .speech_show { overflow: hidden; padding-left: 520px; margin-bottom: 40px } .speech_show img { width: 480px; float: left; margin-left: -520px } .speech_show .title { line-height: 36px; padding: 30px 40px } .speech_show .title .cn { font-size: 36px } .speech_show .title .en { font-size: 18px; color: #999; text-transform: uppercase } .speech_show .text { background: #194B90; padding: 15px 40px; color: #fff; font-size: 14px; line-height: 28px } .speech_show .text .name { font-size: 24px } .speech_show .txt { padding: 30px 40px; font-size: 14px; color: #666; line-height: 22px } .speech_show .txt p { position: relative; padding: 9px 0 9px 15px } .speech_show .txt p:before { content: ""; position: absolute; width: 4px; height: 4px; background: #194B90; left: 0; top: 18px } .speech_text { font-size: 14px; line-height: 28px } /*鍏充簬鎴戜滑-鍔犲叆鎴戜滑*/ .join_screen { font-size: 14px; line-height: 20px; padding-bottom: 30px } .join_screen a { color: #666; margin-left: 25px } .join_screen a:hover, .join_screen .on { color: #333 } .join_list { margin-left: -40px; margin-top: -30px } .join_list li { width: 50%; float: left; padding-top: 30px } .join_list li * { overflow: hidden } .join_list li .box { display: block; margin-left: 40px; background: #fff; border: 1px solid #E6E6E6; border-radius: 5px; padding: 25px 30px; font-size: 12px; line-height: 20px; background-size: cover !important } .join_list li a:hover { -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 10px; -moz-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 10px; box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 10px } .join_list li .title { font-size: 18px; height: 20px; margin-bottom: 10px; font-weight: bold; color: #333 } .join_list li .number { font-size: 14px; color: #666666; margin-bottom: 10px } .join_list li .key { color: #999; height: 80px; margin-bottom: 5px } .join_list li .more, .join_list li a:hover .title { color: #194B90 } .page_details .text1_show { font-size: 14px; line-height: 28px; color: #151515; padding-left: 15px } .page_details .text1_show .h1 { position: relative; font-size: 16px } .page_details .text1_show .h1:before { content: ""; position: absolute; width: 4px; height: 18px; background: #194B90; left: -15px; top: 50%; margin-top: -9px } .join_us { background: url(../images/bj-4.png) no-repeat; background-size: cover; border-radius: 5px; overflow: hidden; padding: 35px 80px 35px 30px; font-size: 16px; color: #fff; line-height: 30px; position: relative; margin-top: 60px } .join_us .more { position: absolute; width: 120px; height: 40px; right: 60px; top: 50%; margin-top: -20px; background: #194B90; text-align: center; line-height: 40px; color: #fff; font-size: 16px } .join_us .more:hover { background: #0b3a7a } /*鍏充簬鎴戜滑-鑱旂郴鎴戜滑*/ .about_contact-1 { padding: 60px 0 0 0; background: #fff } .about_contact_show { position: relative; padding-left: 400px } .about_contact_text { position: absolute; left: 0; top: 0; bottom: 0; background: #194b90; width: 360px; padding: 45px 20px 0 20px; color: #fff; font-size: 14px; line-height: 28px; overflow: hidden } .about_contact_text .title { font-size: 18px; padding-bottom: 10px; padding-left: 0 } .about_contact_text p { position: relative; padding-left: 100px } .about_contact_text p .t { position: absolute; left: 0; top: 0 } .about_contact_text .code { text-align: center; padding-top: 15px } .about_contact_text .code img { width: 88px } .about_contact_map {} .about_contact_map img { max-width: none } .about_contact_map .map { height: 400px } .about_contact-2 { padding: 80px 0 100px 0; background: #fff } .about_contact-2 .title { text-align: center; font-size: 20px; line-height: 30px; padding-bottom: 40px } .c_service_list {} .c_service_list * { overflow: hidden } .c_service_list li { float: left; width: 25% } .c_service_list li .box { display: table; width: 160px; height: 160px; border: 1px solid #E6E6E6; border-radius: 50%; text-align: center; font-size: 14px; color: #999; line-height: 25px } .c_service_list li .box .pa { display: table-cell; vertical-align: middle } .c_service_list li .box img { height: 40px } .c_service_list li .box .name { font-weight: bold; color: #333 } .about_contact-3 { background: url(../images/bj-5.png) no-repeat; background-size: cover; height: 300px; font-size: 14px; color: #fff; line-height: 20px } .about_contact-3 .layout { padding-top: 50px } .about_contact-left { float: left; width: 520px; } .about_contact-left .title { font-size: 30px; line-height: 40px; padding-bottom: 10px } .about_contact-left span { display: block } .about_contact-right { float: right; width: 580px } .about_contact-right .ul { margin-left: -30px } .about_contact-right li { float: left; width: 35% } .about_contact-right li:nth-child(1) { width: 30% } .about_contact-right li .box { padding-left: 30px } .about_contact-right .text { display: block; width: 90%; padding: 0 5%; border: 0; height: 28px; line-height: 28px; font-size: 14px; background: #fff; border-radius: 3px } .about_contact-right .name { padding-bottom: 5px } .about_contact-right .li { padding-top: 15px } .about_contact-right textarea.text { width: 96%; padding: 10px 2%; height: 70px } .about_contact-right .t-r { text-align: right; padding-top: 10px } .about_contact-right .submitBnt { display: inline-block; width: 80px; height: 30px; line-height: 30px; background: #194B90; color: #fff; border: 0; text-align: center; font-size: 12px; cursor: pointer } .about_contact-right .submitBnt:hover { background: #123f7d } /*鏂板鎼滅储缁撴灉椤?/ .search_box { background: #f5f5f5 url(../images/background.png) no-repeat center 0; padding: 60px 0 } .search_div { width: 500px; height: 40px; background: #fff; padding: 0 100px 0 20px; margin: 0 auto; border-radius: 5px; overflow: hidden; position: relative } .search_div .text { width: 100%; height: 40px; line-height: px; border: 0; font-size: 14px } .search_div .bnt { position: absolute; right: 0; top: 0; border: 0; cursor: pointer; background: #3a7ad2; text-align: center; width: 80px; height: 40px; line-height: 40px; font-size: 14px; color: #fff } .search_content { padding-bottom: 100px } .search_tips { line-height: 50px; font-size: 14px; color: #999999 } .search_tips span { margin: 0 5px } .search_list { padding-bottom: 0 } .search_list li { padding-bottom: 30px } .search_list li .title { font-size: 16px; line-height: 30px; font-weight: bold } .search_list li .title a:hover { text-decoration: underline } .search_list li .txt { font-size: 12px; color: #666666; line-height: 20px } .search_list li .txt a { color: #194B90 } .indexPop { background: url(../images/popbg.png) no-repeat top } .main-nav-pc { padding-right: 80px } .iconClose { position: absolute; right: -45px; top: -45px; cursor: pointer; height: 40px; width: 40px; background: url(../images/close_icon.png) no-repeat } .icon_search { position: absolute; right: 40px; top: 0; bottom: 0; cursor: pointer; width: 20px; background: url(../images/icon_search.png) no-repeat right center } .icon_news { position: absolute; right: 0; top: 0; bottom: 0; cursor: pointer; width: 20px; background: url(../images/icon_news.png) no-repeat right center } .icon_search.hover { background: url(../images/icon_closea.png) no-repeat right center } .headbar_search { position: absolute; top: 100px; right: 0; background: #fff; padding: 25px 30px; width: 240px; overflow: hidden; -webkit-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px; -moz-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px; display: none } .headbar_search form { display: block; height: 35px; position: relative; padding-right: 40px; overflow: hidden } .headbar_search .text { width: 90%; padding: 0 5%; height: 33px; border: 1px solid #e9e9e9; line-height: 33px; font-size: 14px; } .headbar_search .button { position: absolute; right: 0; top: 0; width: 40px; height: 35px; background: #194b94 url(../images/icon_searchb.png) no-repeat center center; border: 0; cursor: pointer } .productVideo-pop { position: fixed; width: 100%; height: 100%; left: 0; top: 0; z-index: 9999; background: rgba(0, 0, 0, 0.5); display: none } .productVideo-pop .box { position: absolute; background: #fff; padding: 10px; width: 600px; left: 50%; margin-left: -310px; top: 50%; border-radius: 10px; overflow: hidden } .productVideo-pop .box .close { position: absolute; right: 10px; top: 10px; width: 35px; height: 35px; background: url(../images/icon_close.png) no-repeat; background-size: 100%; cursor: pointer } .productVideo-pop .box .video { background: #000; overflow: hidden; margin-top: 45px } .productVideo-pop .box video { width: 100%; height: 300px } @media screen and (max-width:1200px) { .layout { width: auto } /*搴曢儴鏍峰紡*/ .footer { font-size: 0.2rem; line-height: 0.35rem } .footer-top { padding: 0; } .footer-code { position: relative; width: auto; margin-right: 0; float: none; padding: 0.5rem 0.3rem 0.25rem 0.3rem } .footer-code .Hotline { font-size: 0.22rem; color: #fff } .footer-code .txt { padding-top: 10px } .footer-code .img { width: 1.6rem; position: absolute; right: 0.3rem; top: 0.5rem } .footer-nav { display: none } .footer-text { padding: 0.2rem 0; text-align: center } .footer-text .fl, .footer-text .fr { display: block; float: none } .footer-text .url { margin: 0 10px } .footer-text span { padding: 0 0.2rem } /*瀵艰埅*/ .bh_100 { height: 0.88rem } .headbar_bpx .logo { left: 0.3rem; height: 0.46rem; margin-top: -0.23rem } .ioc_switch { display: block; position: absolute; top: 0; right: 0; width: 0.88rem; height: 0.88rem; text-align: center; overflow: hidden; z-index: 4 } .ioc_switch i { display: block; position: relative; width: 0.44rem; height: 0.32rem; margin: 0.28rem auto } .ioc_switch i:before, .ioc_switch i:after { content: ""; position: absolute; left: 50%; margin-left: -0.22rem; background: #d8d8d8; width: 100%; height: 0.04rem } .ioc_switch i:before { top: 0 } .ioc_switch i:after { bottom: 0 } .ioc_switch i em { position: absolute; left: 0; top: 50%; margin-top: -0.02rem; background: #d8d8d8; width: 100%; height: 0.04rem } .ioc_switch.on i:before, .ioc_switch.on i:after { bottom: inherit; top: 50%; margin-top: -0.02rem } .ioc_switch.on i:before { transform: rotate(45deg); -ms-transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg) } .ioc_switch.on i:after { transform: rotate(-45deg); -ms-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg) } .ioc_switch.on i em { display: none } .main-nav-pc { position: fixed; left: 0; top: 0.88rem; width: 100%; height: calc(100% - 0.88rem); background: #f4f4f4; display: none; margin: 0; float: none } .main-nav-pc li { float: none; width: auto; position: relative; margin: 0; padding: 0 0.3rem } .main-nav-pc li .a { height: 0.85rem; line-height: 0.85rem; font-size: 0.28rem; width: auto; text-align: left; padding: 0; border-bottom: 1px solid #ddd } .main-nav-pc li.d .a a, .main-nav-pc li .drop-down:before { display: none } .main-nav-pc li:nth-child(3).d .a a { display: block } /* .main-nav-pc li .drop-down{display:none; position:relative; width:auto; margin:1px 0 0 0; padding:0; left:0; top:0; text-align:left; background:#f4f4f4; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none}*/ .main-nav-pc li .drop-down { display: none; position: relative; width: auto; margin: 1px 0 0 0; left: 0 !important; top: 0; text-align: left } .main-nav-pc li .drop-down .box { background: #f4f4f4; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; padding: 0; display: block } .main-nav-pc li .drop-down a { display: block; height: 0.85rem; padding: 0 0.2rem; line-height: 0.85rem; border-bottom: 1px solid #ddd; font-size: 0.28rem } .main-nav-pc li:hover .drop-down { display: none } /*棣栭〉*/ .index-title { padding-bottom: 0.4rem } .index-title .cn { font-size: 0.4rem; line-height: 0.56rem; margin-bottom: 0 } .index-title .en { font-size: 0.24rem; line-height: 0.33rem } .index-title .line { width: 1.64rem; height: 0.1rem; margin: 0.15rem auto } .index-title .line:before, .index-title .line:after { width: 0.6rem } .index-title .line em { width: 0.1rem; height: 0.1rem } .index-title .line em:before, .index-title .line em:after { content: ""; position: absolute; width: 0.06rem; height: 0.06rem; margin-top: -0.03rem } .index-title .line em:before { left: -0.11rem } .index-title .line em:after { right: -0.11rem } /*.index-1*/ .index-1 { padding: 50px 0.3rem 0 0.3rem } .index-1-text { width: auto; font-size: 14px; line-height: 25px; } .index-1-list { margin-left: -0.45rem } .index-1-list * { overflow: hidden } .index-1-list li { width: 33.3%; padding-top: 0.45rem } .index-1-list li .box { margin-left: 0.45rem; } .index-1-list li .box .text img { margin-bottom: 0.4rem; height: 0.8rem } .index-1-list li .box .text .name { width: 2.8rem; height: 1rem; line-height: 1rem; font-size: 0.22rem } .index-2 { padding: 0.9rem 0 0 0 } .index-2-box { height: auto; background: url(../images/index-2.png) no-repeat center center; background-size: cover } .index-2-box .layout { padding: 0.5rem 0.3rem } .index-2-list li { width: 55%; height: 0.64rem; line-height: 0.64rem; font-size: 0.22rem; margin-bottom: 0.2rem } .index-2-list li:nth-child(even) { width: 45% } .index-2-list li img { width: 0.64rem; height: 0.64rem } .index-2-list li span { padding-left: 0.8rem } .index-3 { padding: 0.6rem 0.3rem } .index-3-nav li { width: 2rem; height: 0.6rem; line-height: 0.6rem; margin: 0 15px; font-size: 0.22rem } .index-3-boxdiv { padding: 0.4rem 0 0 0 } .index-3-list { margin-left: -0.45rem; padding-bottom: 0.25rem } .index-3-list li { width: 33.3%; float: left } .index-3-list li .box { margin-left: 0.45rem } .index-3-list li .img .text { width: 86%; left: 7%; font-size: 0.22rem; line-height: 0.35rem; font-weight: normal } .index-3-list li .pa { padding: 0.2rem; font-size: 0.2rem; line-height: 0.35rem } .index-3-list li .title { font-size: 0.24rem; line-height: 0.35rem; height: 0.7rem; font-weight: normal } .index-3-list li .txt { color: #666; margin: 0.15rem 0 } .index-3-list li .titleL3 { height: 1.05rem } .index-3-list li .morea { width: 100%; height: 0.6rem; line-height: 0.6rem; font-size: 0.2rem } .index-3-list li .moreb { height: 0.6rem; line-height: 0.6rem; font-size: 0.2rem } .index-3-more { width: 2.2rem; height: 0.6rem; line-height: 0.6rem; font-size: 0.2rem } /*浜岀骇鍏叡鏍峰紡*/ .second-show { /*height:3rem*/ } /*.second-show .web{display:block !important}*/ .second-show .title, .second-show .text .h1 { font-size: 0.5rem; line-height: 0.5rem } .second-show .text { font-size: 0.2rem; line-height: 0.35rem } .second-show .text .txt { padding-top: 10px } .third-show { height: 200px } .third-show .title { font-size: 0.5rem; line-height: 0.5rem } .bh_60 { height: 60px } .second-nav { padding: 0 0.3rem } .second-nav-ul li { padding: 0 15px } .second-nav-ul li a { font-size: 16px; height: 58px; line-height: 58px } .position-box { height: 58px; line-height: 58px; font-size: 12px; color: #999 } .second-box { padding: 0.7rem 0.3rem } /*浜у搧灞曠ず*/ .product-list { margin-left: -0.45rem; padding: 10px; overflow: visible } .product-list li { width: 50%; padding-bottom: 15px } .product-list li .box { padding: 20px 20px 20px 200px; margin-left: 0.45rem; } .product-list li .name { width: 160px; height: 80px; left: 20px; top: 20px; line-height: 20px; font-size: 16px; font-weight: normal } .product-list li .name span { padding: 0 10px } .product-list li .title { height: 80px; line-height: 20px; font-size: 16px } .product-list li a { -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0 0 15px; -moz-box-shadow: rgba(0, 0, 0, 0.15) 0 0 15px; box-shadow: rgba(0, 0, 0, 0.15) 0 0 15px } /*浜у搧璇︽儏*/ .page_details .title_h1 { font-size: 22px; line-height: 35px } .page_details .product_show { padding: 30px 20px; font-size: 14px; line-height: 25px; min-height: 0; margin-bottom: 30px } .page_details .product_show .name { position: relative; height: auto; left: 0; top: 0; width: 100%; margin-bottom: 15px } .page_details .product_show .name span { width: 40%; height: 80px; line-height: 30px; font-size: 24px; margin: 1rem auto } /*鎶曡祫鑰呭叧绯?/ /*鍏徃鍔ㄦ€?鏂伴椈璧勮*/ /*鍏徃鍔ㄦ€?浼氳閫氱煡*/ .notice-list { margin-left: -0.45rem; margin-top: -0.4rem } .notice-list li { width: 33.3%; padding-top: 0.4rem } .notice-list li .box { margin-left: 0.45rem } .notice-list li .img .text { width: 86%; left: 7%; font-size: 0.2rem; line-height: 0.35rem; font-weight: normal } .notice-list li .pa { padding: 0.2rem; font-size: 0.2rem; line-height: 0.35rem } .notice-list li .title { font-size: 0.24rem; line-height: 0.35rem; height: 0.7rem; font-weight: normal } .notice-list li .txt { margin: 0.2rem 0 } .notice-list li .titleL3 { height: 1.05rem } .notice-list li .moreb { height: 0.6rem; line-height: 0.6rem; font-size: 0.22rem } .lecturer_show { padding: 35px; padding-left: 205px; min-height: 114px; width: calc(100% - 240px) } .lecturer_show img { left: 35px; top: 50%; margin-top: -57px; width: 114px; height: 114px } .lecturer_show .txt .name { font-size: 18px } .Signup_download { width: 3rem; height: 0.8rem; margin: 30px auto; font-size: 0.24rem; line-height: 0.8rem } /*鍏充簬鎴戜滑-鍏徃浠嬬粛*/ .about-1 { padding: 0.6rem 0.3rem } .about-1 .Stock_code { font-size: 18px; margin-bottom: 30px; margin-top: -20px } .about-1 .text { font-size: 14px; line-height: 28px } .about-2 { padding: 0.3rem 0 0 0 } .events-show { height: 490px; background: url(../images/bj-3.png) no-repeat; padding: 0 0.3rem } .swiper-events:before { width: calc(100% - 84px); left: 42px; } .swiper-events .but { width: 36px; height: 36px; margin-top: -18px; z-index: 9 } .swiper-events .swiper-prev { left: 0; background-size: cover !important } .swiper-events .swiper-prev.swiper-button-disabled { background-size: cover !important } .swiper-events .swiper-next { right: 0; background-size: cover !important } .swiper-events .swiper-next.swiper-button-disabled { background-size: cover !important } .swiper-events .swiper-slide { height: 490px } .swiper-events .swiper-slide:before { width: 10px; height: 10px; border: 3px solid #fff; margin-top: -8px; margin-left: -8px } .swiper-events .swiper-slide .year { margin-left: -60px; top: 50%; margin-top: -70px; width: 120px; height: 45px; line-height: 45px; font-size: 16px } .swiper-events .swiper-slide .year:before { content: ""; position: absolute; left: 50%; margin-left: -8px; bottom: -8px; border-top: 8px rgba(255, 255, 255, 0.3) solid; border-left: 8px transparent solid; border-right: 8px transparent solid; width: 0; height: 0 } .swiper-events .swiper-slide .txt { left: 5%; margin-left: 0; width: 90%; height: 47%; font-size: 14px; line-height: 20px } .about-3 { padding: 0.7rem 0.3rem } .MyService-list { margin-left: -0.45rem } .MyService-list li { padding-top: 25px; width: 33.3%; flex: 0 0 33.3%; max-width: 33.3% } .MyService-list li .box { margin-left: 0.45rem } .MyService-list li img { height: 48px } .MyService-list li .title { font-size: 16px; line-height: 20px; padding: 15px 0 } .MyService-list li .txt { font-size: 14px; color: #666; line-height: 22px; text-align: left } /*鍏充簬鎴戜滑- 棰嗗鑷磋緸*/ .speech_show { padding-left: 0; margin-bottom: 0.4rem } .speech_show img { width: 40%; float: none; margin-left: 0; margin: 0 auto; display: block } .speech_show .title { text-align: center } /*鍏充簬鎴戜滑-鍔犲叆鎴戜滑*/ .join_screen { font-size: 14px; line-height: 20px; padding-bottom: 0.4rem } .join_screen a { margin-left: 25px } .join_list { margin-left: -0.4rem; margin-top: -0.4rem } .join_list li { padding-top: 0.4rem } .join_list li .box { margin-left: 0.4rem; padding: 0.25rem; font-size: 12px; line-height: 20px } .join_us { padding: 0.35rem; font-size: 16px; line-height: 30px; margin-top: 0.6rem } .join_us .more { position: relative; display: block; width: 120px; height: 40px; right: inherit; top: 0; margin: 0 auto; line-height: 40px; font-size: 16px } /*鍏充簬鎴戜滑-鑱旂郴鎴戜滑*/ .about_contact-1 { padding: 0.8rem 0.3rem 0 0.3rem } .about_contact_show { padding-left: 0 } .about_contact_text { position: relative; left: 0; top: 0; bottom: 0; background: #194b90; width: auto; padding: 0.45rem; font-size: 14px; line-height: 28px; } .about_contact_text .title { font-size: 18px; padding-bottom: 10px; padding-left: 0 } .about_contact_text p { position: relative; padding-left: 70px } .about_contact_text p .t { position: absolute; left: 0; top: 0 } .about_contact_text .code { text-align: center; padding-top: 30px } .about_contact_text .code img { width: 88px } .about_contact_map { margin-top: 0.2rem } .about_contact-2 { padding: 0.8rem 0.3rem } .about_contact-2 .title { font-size: 0.28rem; line-height: 0.48rem; padding-bottom: 0.4rem } .c_service_list li { float: left; width: 25%; text-align: center } .c_service_list li .box { width: 150px; height: 150px; font-size: 0.2rem; line-height: 0.35rem; margin: 0 auto } .c_service_list li .box img { height: 30px; margin-bottom: 0.15rem } /*鎼滅储缁撴灉椤?/ .search_box { padding: 0.6rem 0.3rem } .search_div { width: 70%; height: 40px; background: #fff; padding: 0 100px 0 20px; margin: 0 auto; border-radius: 5px; overflow: hidden; position: relative } .search_div .text { width: 100%; height: 40px; line-height: px; border: 0; font-size: 14px } .search_div .bnt { position: absolute; right: 0; top: 0; border: 0; cursor: pointer; background: #3a7ad2; text-align: center; width: 80px; height: 40px; line-height: 40px; font-size: 14px; color: #fff } .search_content { padding: 0 0.3rem; padding-bottom: 0.7rem } .search_tips { line-height: 0.88rem; font-size: 0.24rem } .search_list li { padding-bottom: 0.3rem } .main-nav-pc { padding-right: 0 } .icon_search { right: 100px; width: 50px; background: url(../images/icon_search.png) no-repeat center center } .icon_news { right: 70px; width: 50px; } .icon_search.hover { background: url(../images/icon_closea.png) no-repeat center center } .headbar_search { position: absolute; right: 0; left: 0; top: 0.88rem; padding: 0.3rem; width: auto } } @media screen and (max-width:750px) { .right-float { display: none } html, body { overflow-x: hidden } .pc { display: none !important } .web { display: block !important } .layout { width: auto } .product-list li a { -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none; } /*搴曢儴鏍峰紡*/ .footer { font-size: 0.22rem; line-height: 0.35rem } .footer-code { position: relative; width: auto; margin-right: 0; float: none; padding: 0.5rem 0.3rem 0.25rem 0.3rem } .footer-code .Hotline { font-size: 0.22rem; color: #fff } .footer-code .txt { padding-top: 10px } .footer-code .img { width: 1.2rem; position: absolute; right: 0.3rem; top: 0.5rem } .footer-text { padding: 0.2rem 0; text-align: center } .footer-text .fl, .footer-text .fr { display: block; float: none } .footer-text .fr { display: none } .footer-text span { padding: 0 0.2rem } /*瀵艰埅*/ .bh_100 { height: 0.88rem } .headbar_bpx .logo { left: 0.3rem; height: 0.46rem; margin-top: -0.23rem } .ioc_switch { display: block; position: absolute; top: 0; right: 0; width: 50px; height: 0.88rem; text-align: center; overflow: hidden; z-index: 4 } .ioc_switch i { display: block; position: relative; width: 0.44rem; height: 0.32rem; margin: 0.28rem auto } .ioc_switch i:before, .ioc_switch i:after { content: ""; position: absolute; left: 50%; margin-left: -0.22rem; background: #d8d8d8; width: 100%; height: 0.04rem } .ioc_switch i:before { top: 0 } .ioc_switch i:after { bottom: 0 } .ioc_switch i em { position: absolute; left: 0; top: 50%; margin-top: -0.02rem; background: #d8d8d8; width: 100%; height: 0.04rem } .ioc_switch.on i:before, .ioc_switch.on i:after { bottom: inherit; top: 50%; margin-top: -0.02rem } .ioc_switch.on i:before { transform: rotate(45deg); -ms-transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg) } .ioc_switch.on i:after { transform: rotate(-45deg); -ms-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg) } .ioc_switch.on i em { display: none } .main-nav-pc { position: fixed; left: 0; top: 0.88rem; width: 100%; height: calc(100% - 0.88rem); background: #f4f4f4; display: none; margin: 0; float: none } .main-nav-pc li { float: none; width: auto; position: relative; margin: 0; padding: 0 0.3rem } .main-nav-pc li .a { height: 0.85rem; line-height: 0.85rem; font-size: 0.28rem; width: auto; text-align: left; padding: 0; border-bottom: 1px solid #ddd } .main-nav-pc li.d .a a, .main-nav-pc li .drop-down:before { display: none } .main-nav-pc li .drop-down { display: none; position: relative; width: auto; margin: 1px 0 0 0; padding: 0; left: 0; top: 0; text-align: left; background: #f4f4f4; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none } .main-nav-pc li .drop-down a { display: block; height: 0.85rem; padding: 0 0.2rem; line-height: 0.85rem; border-bottom: 1px solid #ddd; font-size: 0.28rem } .main-nav-pc li:hover .drop-down { display: none } .main-nav-pc li:hover .a, .main-nav-pc li.hover .a {} /*鐒︾偣鍥?/ .index_show .uk-dotnav { bottom: 10px } .index_show .uk-slidenav { display: none } .index_show .uk-position-cover { display: none } .index_show .uk-slideshow>li>.web { visibility: visible; opacity: 1 !important } .index_show .uk-slideshow>li:nth-child(1) img { display: none } .index_show .uk-slidenav-position .uk-slidenav { display: none } .index_show .uk-dotnav>*>* { width: 12px; height: 5px } /*棣栭〉*/ .index-title { padding-bottom: 0.4rem } .index-title .cn { font-size: 0.4rem; line-height: 0.56rem; margin-bottom: 0 } .index-title .en { font-size: 0.24rem; line-height: 0.33rem } .index-title .line { width: 1.64rem; height: 6px; margin: 0.15rem auto } .index-title .line:before, .index-title .line:after { width: 0.6rem } .index-title .line em { width: 6px; height: 6px } .index-title .line em:before, .index-title .line em:after { content: ""; position: absolute; width: 4px; height: 4px; margin-top: -2px } .index-title .line em:before { left: -0.11rem } .index-title .line em:after { right: -0.11rem } /*.index-1*/ .index-1 { padding: 0.85rem 0.3rem 0 0.3rem } .index-1-text { width: auto; font-size: 0.24rem; line-height: 0.4rem; text-align: left } .index-1-list { margin-left: -0.3rem } .index-1-list li { width: 50%; padding-top: 0.3rem } .index-1-list li .box { margin-left: 0.3rem } .index-1-list li .box .text img { margin-bottom: 0.4rem; height: 0.8rem } .index-1-list li .box .text .name { display: block; width: 2.5rem; height: 0.8rem; line-height: 0.8rem; font-size: 0.28rem } /*.index-2*/ .index-2 { padding: 0.85rem 0 0 0 } .index-2-box { height: auto; background-size: cover !important } .index-2-box .layout { padding: 0.5rem 0 0.2rem 0 } .index-2-list li { width: 50%; height: auto; line-height: 0.33rem; font-size: 0.24rem; margin-bottom: 0.3rem } .index-2-list li:nth-child(even) { width: 50% } .index-2-list li img { position: relative; width: 0.64rem; height: 0.64rem; display: block; margin: 0 auto; left: 0; top: 0 } .index-2-list li span { display: block; padding-left: 0; padding: 0.25rem 0.4rem 0 0.4rem; height: 0.66rem } .index-3 { padding: 0.85rem 0.3rem } .index-3-nav li { width: 2rem; height: 0.8rem; line-height: 0.8rem; margin: 0 0.25rem; font-size: 0.28rem } .index-3-boxdiv { padding: 0.4rem 0 0 0 } .index-3-list { margin-left: 0; padding-bottom: 0.5rem } .index-3-list li { width: 100%; float: none; padding-bottom: 0.3rem } .index-3-list li .box { margin-left: 0 } .index-3-list li .img .text { font-size: 0.24rem; line-height: 0.3rem } .index-3-list li .pa { padding: 0.25rem; font-size: 0.24rem; line-height: 0.4rem } .index-3-list li .title { font-size: 0.28rem; line-height: 0.4rem; height: 0.8rem } .index-3-list li .time { margin: 5px 0 0 0 } .index-3-list li .txt { margin: 0.25rem 0 } .index-3-list li .titleL3 { height: 1.2rem } .index-3-list li .morea, .index-3-list li .moreb { display: none } .index-3-more { width: 4rem; height: 0.88rem; line-height: 0.88rem; font-size: 0.32rem } /*浜岀骇鍏叡鏍峰紡*/ .second-show, .third-show { height: auto } .second-show .title, .second-show .text .h1, .third-show .title { font-size: 0.4rem; line-height: 0.4rem } .second-show .text .txt { display: none } .third-show { display: none } .details_page .headbar_bpx { display: none } .details_head { height: 0.88rem; background: #fff; position: fixed; left: 0; top: 0; z-index: 999; width: 100%; text-align: center; font-size: 0.32rem; line-height: 0.88rem; -webkit-box-shadow: rgba(0, 0, 0, 0.19) 0px 0px 16px; -moz-box-shadow: rgba(0, 0, 0, 0.19) 0px 0px 16px; box-shadow: rgba(0, 0, 0, 0.19) 0px 0px 16px; } .details_head .return { position: absolute; left: 0; top: 0; width: 0.88rem; height: 0.88rem; background: url(../images/return.png) no-repeat center center; background-size: 40% } .bh_60, .second-nav, .position-box { display: none } .second-box { padding: 0.7rem 0.3rem } /*浜у搧灞曠ず*/ .product-list { margin-left: 0; padding: 0 } .product-list li { float: none; width: auto; padding-bottom: 0.3rem } .product-list li .box { padding: 0.1rem 0.1rem 0.1rem 2.3rem; margin-left: 0; border-radius: 0; } .product-list li .name { width: 2rem; height: 1.2rem; left: 0.1rem; top: 0.1rem; border-radius: 3px; font-size: 0.25rem; } .product-list li .title { height: 1.2rem; line-height: 0.3rem; font-size: 0.25rem } .product-list li .text { height: 1.2rem; line-height: 0.3rem; /* padding:0.1rem 0; */ } .product-list li .text .titleL1 { font-size: 0.25rem; height: 0.4rem; line-height: 0.4rem } .product-list li .text .txt { font-size: 0.2rem; height: 0.6rem } .product-list li a:hover { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none } .paging_web { height: 0.9rem; position: relative; line-height: 0.9rem; text-align: center; font-size: 0.26rem; margin-top: 0.2rem } .paging_web .bnt { position: absolute; top: 0; width: 2rem; height: 0.88rem; border: 1px solid #D8D8D8; text-align: center; line-height: 0.88rem; font-size: 0.28rem; color: #194B90 } .paging_web .bnt.left { left: 0 } .paging_web .bnt.right { right: 0 } /*浜у搧璇︽儏*/ .page_details .title_h1 { font-size: 0.32rem; line-height: 0.45rem; padding-bottom: 0.25rem } .page_details .time { font-size: 0.22rem; margin-bottom: 0.25rem } .page_details .product_show { position: relative; padding: 3.8rem 0.3rem 0.3rem 0.3rem; font-size: 0.24rem; line-height: 0.48rem; min-height: inherit; margin-bottom: 0.3rem } .page_details .product_show .name { position: absolute; left: 0; top: 0; width: 100%; height: 3.45rem; border-radius: 5px } .page_details .product_show .name span { width: 3.6rem; height: 1.6rem; line-height: 0.5rem; font-size: 0.4rem; margin: 0.92rem auto } .page_details .product_show .text { padding-bottom: 15px } .page_details .text_show { font-size: 0.24rem; line-height: 0.48rem } .page_details .text_show h1 { font-size: 0.28rem; line-height: 0.48rem } .page_details .text_show img { width: 100% !important } /*鎶曡祫鑰呭叧绯?/ .investor-list { padding-bottom: 0; overflow: hidden } .investor-list li { line-height: 0.4rem; font-size: 0.24rem; padding-bottom: 0.3rem } .investor-list li .titleL1 { display: block; height: auto; width: auto; float: none; padding-left: 0; padding-bottom: 0.1rem; white-space: normal; } .investor-list li .titleL1:before { display: none } .investor-list li .time { float: none; display: block } .investor_contact { font-size: 0.24rem; line-height: 0.48rem } .investor_contact h1 { font-size: 0.28rem } .investor_contact .img { display: none } /*鍏徃鍔ㄦ€?鏂伴椈璧勮*/ .news-list { margin-top: -0.3rem } .news-list li { padding-top: 0.3rem } .news-list li .box { padding-left: 2.6rem; height: 1.6rem; font-size: 0.22rem; line-height: 0.24rem } .news-list li .box .img { width: 2.4rem; height: 1.6rem; left: 0; top: 0 } .news-list li .box .img img { width: 100%; height: 1.6rem } .news-list li .titleL1 { font-size: 0.24rem; font-weight: bold; line-height: 0.4rem; height: 0.8rem; text-overflow: ellipsis; white-space: normal; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2 } .news-list li .time { font-size: 0.22rem; line-height: 0.24rem; padding: 0.35rem 0 0 0 } .news-list li .txt, .news-list li .more { display: none } /*鍏徃鍔ㄦ€?浼氳閫氱煡*/ .notice-list { margin-left: 0; margin-top: -0.3rem } .notice-list li { width: 100%; float: none; padding-top: 0.3rem } .notice-list li .box { margin-left: 0 } .notice-list li .img .text { position: absolute; width: 80%; left: 10%; font-size: 0.26rem; line-height: 0.4rem } .notice-list li .pa { padding: 0.25rem; font-size: 0.24rem; line-height: 0.28rem } .notice-list li .title { font-size: 0.28rem; line-height: 0.4rem; height: 0.8rem } .notice-list li .time { margin: 0.2rem 0 0 0 } .notice-list li .txt { margin: 0.3rem 0 0 0 } .notice-list li .moreb { display: none } .lecturer_show { padding: 0.4rem 0.3rem 0.4rem 1.75rem; min-height: 1.14rem; width: calc(100% - 2.05rem); font-size: 0.24rem; line-height: 0.4rem } .lecturer_show img { left: 0.3rem; margin-top: -0.57rem; width: 1.14rem; height: 1.14rem } .lecturer_show .txt .name { font-size: 0.24rem } .Signup_download { width: 2.8rem; height: 0.88rem; margin: 0.5rem auto 0 auto; font-size: 0.24rem; line-height: 0.88rem; border-radius: 3px } /*鍏充簬鎴戜滑-鍏徃浠嬬粛*/ .about-1 { padding: 0.7rem 0.3rem } .about-1 .Stock_code { font-size: 0.28rem; margin-bottom: 0.3rem; line-height: 0.28rem; margin-top: -0.2rem } .about-1 .text { font-size: 0.24rem; line-height: 0.48rem } .about-2 { padding: 0 0.3rem } .events-show { height: auto; background: none } .swiper-events { position: relative } .swiper-events:before { width: 1px; height: 100%; left: 0.1rem; top: 0; border-left: 2px dashed #D0D0D0 } .swiper-events .swiper-wrapper { display: block } .swiper-events .but { display: none } .swiper-events .swiper-slide { position: relative; height: auto; color: #333; padding-left: 0.4rem } .swiper-events .swiper-slide:before { content: ""; position: absolute; width: 0.16rem; height: 0.16rem; background: #fff; border: 0.04rem solid #194B90; border-radius: 50px; left: 0; top: 0.2rem; margin-top: 0; margin-left: 0 } .swiper-events .swiper-slide .year { position: relative; left: auto; margin-left: 0; top: auto; margin-top: 0; width: 2rem; height: 0.6rem; background: #194b90; line-height: 0.6rem; font-size: 0.32rem; color: #fff; border-radius: 4px; display: block } .swiper-events .swiper-slide .year:before { left: -4px; top: 50%; margin-top: -6px; margin-left: 0; bottom: inherit; border-top: 8px transparent solid; border-left: 8px #1a4b8d solid; border-right: 0; transform: rotate(45deg); -ms-transform: rotate(45deg); /* IE 9 */ -moz-transform: rotate(45deg); /* Firefox */ -webkit-transform: rotate(45deg); /* Safari 鍜 Chrome */ -o-transform: rotate(45deg); } .swiper-events .swiper-slide .txt { position: relative; bottom: inherit; left: inherit; margin-left: 0; width: auto; height: auto; font-size: 0.24rem; line-height: 0.4rem; padding: 0.25rem 0 0.6rem 0 } .swiper-events .swiper-slide:nth-child(even) .year { margin-top: 0 } .swiper-events .swiper-slide:nth-child(even) .year:before { bottom: inherit; top: 50%; border-right: 8px #1a4b8d solid; border-left: 0; border-bottom: 8px transparent solid; transform: rotate(-134deg); -ms-transform: rotate(-134deg); /* IE 9 */ -moz-transform: rotate(-134deg); /* Firefox */ -webkit-transform: rotate(-134deg); /* Safari 鍜 Chrome */ -o-transform: rotate(-134deg); } .swiper-events .swiper-slide:nth-child(even) .txt { bottom: inherit; height: auto } .about-3 { padding: 0.7rem 0.3rem } .MyService-list { display: block; margin-left: 0 } .MyService-list li { float: none; padding-top: 0.35rem; width: auto; flex: 0; max-width: none; -webkit-box-flex: 0; text-align: left } .MyService-list li .box { margin-left: 0; position: relative; padding-left: 1rem; min-height: 0.72rem } .MyService-list li img { height: 0.72rem; position: absolute; left: 0; top: 0 } .MyService-list li .title { font-size: 0.28rem; line-height: 0.4rem; padding: 0 0 0.15rem 0 } .MyService-list li .txt { font-size: 0.24rem; line-height: 0.4rem } /*鍏充簬鎴戜滑- 棰嗗鑷磋緸*/ .speech_show { padding-left: 0; margin-bottom: 0.4rem; width: 5rem; display: block; margin: 0 auto } .speech_show img { width: 100%; float: none; margin-left: 0 } .speech_show .title { display: none } .speech_show .text { background: #194B90; padding: 0.15rem 0.2rem; font-size: 0.22rem; line-height: 28px } .speech_show .text .name { font-size: 0.32rem } .speech_show .txt { display: none } .speech_text { font-size: 0.24rem; line-height: 0.48rem; padding-top: 0.4rem } /*鍏充簬鎴戜滑-鍔犲叆鎴戜滑*/ .join_screen { font-size: 0.28rem; line-height: 0.4rem; padding-bottom: 0.3rem } .join_screen a { margin-left: 0; margin-right: 0.4rem } .join_list { margin-left: 0 } .join_list li { width: auto; float: none; padding-top: 0.3rem } .join_list li .box { margin-left: 0; padding: 0.3rem; font-size: 0.24rem; line-height: 0.4rem } .join_list li a:hover { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none } .join_list li .title { font-size: 0.28rem; height: 0.4rem; margin-bottom: 0.2rem } .join_list li .number { font-size: 14px; color: #666666; margin-bottom: 0.3rem } .join_list li .key { height: auto; margin-bottom: 0.4rem } .page_details .text1_show { font-size: 0.24rem; line-height: 0.48rem; padding-left: 15px } .page_details .text1_show .h1 { font-size: 0.28rem; font-weight: bold } .page_details .text1_show .h1:before { width: 4px; height: 14px; left: -15px; margin-top: -7px } .page_details .text1_show h6 { font-size: 0.28rem; font-weight: bold; color: #151515; } .page_details .text1_show h6:before { width: 4px; height: 14px; left: -15px; margin-top: -7px } .join_us { padding: 0.3rem; font-size: 0.28rem; line-height: 0.48rem; margin-top: 0.4rem } .join_us .more { position: relative; display: block; width: 2rem; height: 0.88rem; line-height: 0.88rem; font-size: 0.28rem; right: inherit; top: inherit; margin-top: 0; margin: 0.4rem auto 0 auto; border-radius: 5px } /*鍏充簬鎴戜滑-鑱旂郴鎴戜滑*/ .about_contact-1 { padding: 0.8rem 0.3rem 0 0.3rem; } .about_contact_show { padding-left: 0 } .about_contact_text { display: none } .about_contact_map { height: 3.4rem; overflow: hidden } .about_contact_map .map { height: 3.4rem; overflow: hidden } .about_contact-2 { padding: 0.7rem 0.3rem 0.5rem 0.3rem } .about_contact-2 .title { font-size: 0.28rem; line-height: 0.4rem; padding-bottom: 0.35rem } .c_service_list li { float: left; width: 50%; padding-bottom: 0.3rem; text-align: center } .c_service_list li .box { width: 2.8rem; height: 2.8rem; font-size: 0.24rem; line-height: 0.4rem; margin: 0 auto } .c_service_list li .box img { height: 0.6rem } .about_contact-3 { height: auto; font-size: 0.24rem; line-height: 0.4rem; padding: 0.5rem 0.6rem } .about_contact-3 .layout { padding-top: 0 } .about_contact-left { float: none; width: auto; padding-bottom: 0.3rem } .about_contact-left .title { font-size: 0.32rem; line-height: 0.4rem; padding-bottom: 0.3rem; text-align: center; font-weight: bold } .about_contact-left span { display: inline } .about_contact-right { float: none; width: auto } .about_contact-right .ul { margin-left: 0 } .about_contact-right li { float: none; width: auto; position: relative; margin-top: 0.15rem; background: #fff; border-radius: 3px } .about_contact-right li:nth-child(1) { width: auto } .about_contact-right li .box { padding-left: 0 } .about_contact-right .text { display: block; width: 70%; padding: 0 5% 0 25%; border: 0; height: 0.88rem; line-height: 0.88rem; font-size: 0.24rem; } .about_contact-right .name { padding-bottom: 0; position: absolute; left: 0.15rem; font-size: 0.24rem; color: #999; line-height: 0.88rem; top: 0 } .about_contact-right .li { margin-top: 0.15rem; padding: 0; position: relative } .about_contact-right textarea.text { width: 96%; padding: 0.8rem 2% 2% 2%; height: 1.2rem; line-height: 0.4rem } .about_contact-right .t-r { text-align: center; padding-top: 0.25rem } .about_contact-right .submitBnt { display: block; width: 100%; height: 0.88rem; line-height: 0.88rem; font-size: 0.24rem; border-radius: 3px } /*鎼滅储缁撴灉椤?/ .search_box { padding: 0.5rem 0.3rem } .search_div { width: auto; height: 0.88rem; padding: 0 2rem 0 0.3rem } .search_div .text { height: 0.88rem; line-height: 0.88rem; font-size: 0.28rem } .search_div .bnt { width: 1.8rem; height: 0.88rem; line-height: 0.88rem; font-size: 0.28rem } .search_content { padding: 0 0.3rem; padding-bottom: 0.7rem } .search_tips { line-height: 0.5rem; padding-top: 0.2rem; font-size: 0.24rem } .search_list { padding: 0.3rem 0 } .search_list li { padding-bottom: 0.3rem } .search_list li .title { font-size: 0.28rem; line-height: 0.4rem; font-weight: normal; padding-bottom: 0.1rem } .search_list li .txt { font-size: 0.22rem; line-height: 0.36rem } .search_list li .txt a { display: block; margin-top: 0.1rem } .main-nav-pc { padding-right: 0 } .icon_search { right: 100px; width: 50px; background: url(../images/icon_search.png) no-repeat center center } .icon_search.hover { background: url(../images/icon_closea.png) no-repeat center center } .headbar_search { position: absolute; right: 0; left: 0; top: 0.88rem; padding: 0.3rem; width: auto } .productVideo-pop .box { width: 90%; left: 2%; margin-left: 0 } .productVideo-pop .box video { width: 100%; height: 4rem } } @media screen and (max-width:370px) {} /*ghost*/ h6 { position: relative; font-size: 16px; margin: 0px; padding: 0px; color: #151515; } h6:before { content: ""; position: absolute; width: 4px; height: 18px; background: #194B90; left: -15px; top: 50%; margin-top: -9px } /*鍗囩増璇存槑涓嬭浇鍒楄〃*/ .upgrade_list{display: inline-block;} .upgrade_list li{padding:10px 0px; display:flex;} .upgrade_list li .title{font-size:18px; font-weight:bold; line-height:30px} .upgrade_list li .subtitle{font-size:16px; font-weight:bold; line-height:24px} .upgrade_list li .li{font-size:14px; line-height:25px; padding-right:120px; margin:5px 0; position:relative} .upgrade_list li .li .time{position:absolute; right:0; top:0; color:#999999} .upgrade_list li .history-bnt{font-size:14px; color:#194B90; line-height:30px; cursor:pointer; margin-top:10px} .upgrade_list li .history-bnt i{margin-right:5px; font-size:20px; color:#194B90; position:relative; top:2px} .upgrade_list li .history-bnt.open i:before{content:"\f0d7";} .upgrade_list li .history-list{display:none; padding-top:10px} .upgrade_list li .list{width: 1100px;padding-bottom:20px;border-bottom:1px solid #efefef;} .upgrade_list .upgradefile{width: 12px; height: 15px;margin-right: 10px;} .upgrade_list .history-list .li{font-size:14px; line-height:25px; margin:5px 0; position:relative} .upgrade_list .history-list .li .time{position:absolute; right:0; top:0; color:#999999} .upgrade_list li .icon{ margin-right:46px; width:54px;height:54px; } .upgrade_list li .version{ margin-right:27px; width:75px; } .upgrade_list li .icon img{ width:100%;height:100%;} .upgrade_list .upgradefile.vicon{width: 12px; height: 12px;margin-right: 10px;} @media screen and (max-width: 750px){ .upgrade_list li .list {width: calc(100% - 40px);} .upgrade_list li .icon{margin-right:10px;width:24px;height:24px;} .upgradenavlist .search_c {display:none;} .upgradenavlist li{width:33%;} .upgradenavlist li img{margin-right:0px!important;} .upgradenavlist li span{padding-left: 10px;} .upgradenavlist li .drop-down .box div{padding: 0px 10px 0px 10px!important;} } /*鍗囩増璇存槑绛涢€塶av*/ .upgradenavlist li{float:left;position:relative;font-size:14px;} .upgradenavlist li span{cursor:pointer} .upgradenavlist li img{width:6px;height:6px;margin-left:7px;margin-right:60px;} .upgradenavlist li .drop-down { display:none; border: 1px solid #EEEEEE; position: absolute; top: 50px; webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 2px; -moz-box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 2px; box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 2px; width:auto; z-index: 1; } .upgradenavlist li .drop-down .box div{cursor:pointer;background:#fff;height:44px;line-height:44px;border-bottom: 1px solid #EEEEEE;padding: 0px 56px 0px 10px;white-space: nowrap;} .upgradenavlist .search_c { border-radius: 5px; overflow: hidden; background: #fff; overflow: hidden; width: 230px; float:right; } .upgradenavlist .search_c .text { width: 90%; height: 36px; padding: 2px 10px; border: 0; border-radius: 5px; background: #fff; font-size: 12px; line-height: 20px; border: 1px solid #F2F2F2; } .upgradenavlist .search_c .bnt { position:absolute; right: 0; top: 12px; border: 0; cursor: pointer; width: 52px; height: 36px; border-radius: 0 5px 5px 0; background: #4b72a9 url(/static/images/icon_search_b.png) no-repeat center center; }