锘緻charset "utf-8"; .lbl-common { width:100px !important; } /*CSS Document*/ .banner { position:relative; } .bd{ width:400px; height: 70px;position: absolute; right: 14%; bottom:0; z-index: 2; background:rgba(255,255,255,0.8); border-radius:6px 6px 0 0; } .gpxx { width: 400px; height: 70px; /*position: absolute;*/ right: 0px; bottom: -1px; z-index: 99; border-radius: 6px 6px 0 0; } .gpxx .p1 { padding-top: 15px; padding-bottom: 8px; } .gpxx .span1 { font-size: 15px; color: #2257bf; margin-right: 12px; } .gpxx .span2 { font-size: 15px; color: #ff0000; margin-right: 16px; } .gpxx .span3 { color: #b5c2bc; } .gpxx div { font-size: 15px; margin-left: 15px; } .gpxx b{font-weight:normal;} /*閫氱敤鏍峰紡*/ .LoginPanel { padding-left:265px !important; } .header_box, .footer { width: 100%; } .header, .footer_cont { width: 1200px; margin: 0 auto; position:relative; } /*澶撮儴*/ .header_box { width: 100%; background: #fff; border-bottom: 2px solid #2e4da6; } .header_logo { position:absolute; top:50%; left:0; transform:translateY(-50%); width: 395px; } .header_logo img { display: block; width: 100%; height: auto; } .gyyy-left,.gyyy-right, .gyyy-left-left,.gyyy-left-right{ float: left; } .gyyy-box{ padding: 33px 30px; } .gyyy-left{ border-right: 1px solid rgba(0,0,0,.14); } .gyyy-left-left{ width: 269px; height: 181px; } .gyyy-left-left img{ display: block; width: 100%; height: 100%; } .gyyy-left-right{ width: 390px; padding: 0 35px 0 28px; } .gyyy-lr-text{ line-height: 1.429; font-size: 14px; color: #777; margin-bottom: 20px; } .gyyy-lr-btn{ line-height: 1.79; font-size: 14px; } .gyyy-lr-btn a{ color: #104ca6; } .gyyy-right{ padding-left: 30px; } .gyyy-right .xl-nav{ width: 280px; border-right: 0; } .gyyy-right .xl-nav-li{ float: left; padding-left: 25px; width: calc(50% - 25px); line-height: 1; font-size: 15px; text-indent: 0; margin-bottom: 15px; position: relative; } .gyyy-right .xl-nav-li:nth-child(7),.gyyy-right .xl-nav-li:nth-child(8){ width: calc(100% - 25px); } .gyyy-right .xl-nav-li:before{ content: ""; display: block; width: 14px; height: 14px; background: url(../images/bg-xl-nav.png) no-repeat center center / 100%; background-image:url(../images/bg-xl-nav.png); background-repeat:no-repeat; background-position:center center; background-size:100%; margin: auto 0; position: absolute; top: 0; bottom: 0; left: 0; } .gyyy-right .xl-nav-li a{ display: block; color: #333; transition: .6s; } .gyyy-right .xl-nav-li:hover a{ transform: translateX(10px); } /* 鏂伴椈涓績 */ .xwzx-box{ padding: 34px 30px; position: relative; } .xl-nav,.wrap3_imgnews{ border-right: 1px solid rgba(0,0,0,.14); } .xwzx-box .xl-nav{ position: absolute; top: 33px; left: 635px; } .xl-nav{ width: 122px; } .xl-nav-li{ line-height: 1; font-size: 15px; margin-bottom: 15px; text-indent: 27px; position: relative; } .xl-nav-li:before{ content: ""; display: block; width: 14px; height: 14px; background: url(../images/bg-xl-nav.png) no-repeat center center / 100%; background-image:url(../images/bg-xl-nav.png); background-repeat:no-repeat; background-position:center center; background-size:100%; margin: auto 0; position: absolute; top: 0; bottom: 0; left: 0; } .xl-nav-li a{ display: block; color: #333; transition: .6s; } .xl-nav-li:hover a{ transform: translateX(10px); } .wrap3_imgnews{ float: left; width: 585px; } .wrap3_img,.wrap3_tit{ float: left; } .wrap3_img{ width: 269px; height: 181px; } .wrap3_img img{ display: block; width: 100%; height: 100%; } .wrap3_tit{ width: 275px; padding: 0 20px; } .wrap3_tit h3{ line-height: 1.389; font-size: 18px; margin-bottom: 15px; } .wrap3_tit h3 a{ color: #333; } .wrap3_tit p{ line-height: 1.429; font-size: 14px; color: #777; margin-bottom: 20px; } .more_btn1{ line-height: 1; font-size: 14px; } .more_btn1 a{ color: #104ca6; } .wrap3_list_li{ float: right; width: 380px; line-height: 1; text-indent: 10px; font-size: 16px; margin-bottom: 17px; position: relative; } .wrap3_list_li:before{ content: ""; display: block; width: 4px; height: 4px; background: #2e4da6; border-radius: 50%; margin: auto 0; position: absolute; top: 0; bottom: 0; left: 0; } .wrap3_list_li a{ color: #444; } /* 澶撮儴鍥炬爣 */ .header_icon { width: 100px; padding-left:20px; height: 90px; border-left: 1px solid #dbdbdb; position: relative; } .search_wx { width: auto; height: 28px; margin: auto; position: absolute; top: 0; right: 0; bottom: 0; } .search,.wx{ width: 28px; height: 28px; } .search-image,.wx-image, .search-image img{ display: block; width: 100%; height: 100%; } .search-image,.wx-image{ padding-bottom: 35px; } .search{ margin-right: 10px; } .langOv1{ width: 194px; height: 52px; background: rgba(0,0,0,.6); position: absolute; top: 60px; right: 0; z-index: 5; display: none; } .search-input{ width: 100%; height: 100%; line-height: 100%; color: #fff; text-indent: 15px; } .search:hover .langOv1{ display: block; } .wx-image{ display: flex; justify-content: center; align-items: center; } .wx-top { width: 100px; height: 200px; position: absolute; top: 43px; right: -20px; border-radius: 5px; z-index: 5; } .wx-top{ display: none; } .wx-top img{ width:100%; } .wx:hover .wx-top{ display: block; } /* 澶撮儴瀵艰埅 */ ul.navmenu:after { display:block; content:"."; visibility:hidden; height:0; clear:both; } .header_nav { width: auto; } ul.navmenu > li { float: left; width: auto; padding: 0 8px; height: 90px; line-height: 90px; overflow: hidden; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); position: relative; } ul.navmenu > li:after { content: " "; display: block; width: 100%; height: 90px; background: #2e4da6; position: absolute; left: 0; top: 0; z-index: -1; -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; transition-duration: .3s; } ul.navmenu > li a { display: block; font-size: 16px; font-weight: bold; color: #666; } ul.navmenu > li:hover:after { -webkit-transform: scaleY(1); transform: scaleY(1); } ul.navmenu > li:hover a { color: #fff; } ul.navmenu .active:after { -webkit-transform: scaleY(1); transform: scaleY(1); } ul.navmenu .active a { color: #fff; } .hl_cbox { width: 1200px; margin: 0 auto; position: absolute; top: 92px; right: 0; left: 0; z-index: 10; } .hl_cbox .DnnModule { width: 100%; position: relative; display: none; } .hl_cbox .DnnModule:nth-child(2), .hl_cbox .DnnModule:nth-child(3), .hl_cbox .DnnModule:nth-child(4), .hl_cbox .DnnModule:nth-child(5), .hl_cbox .DnnModule:nth-child(7), .hl_cbox .DnnModule:nth-child(8) { height: 234px; background: #fff; } .hl_cbox .DnnModule:nth-child(5) .gyyy-left-right { width:630px !important; } .hl_cbox .DnnModule:nth-child(5) .gyyy-right .xl-nav { width:120px !important; } .hl_cbox .DnnModule:nth-child(5) .gyyy-right .xl-nav li { width:100% !important; } .hc_left { padding: 30px 0 0 30px; width: 580px; position: absolute; left: 0; top: 0; } .hcl_img { width: 270px; height: 165px; } .hcl_img img { display: block; width: 100%; height: 100%; } .hcl_text { width: 280px; } .hcl_text h2 { height: 50px; line-height: 25px; margin-bottom: 15px; } .hcl_text h2 a { font-size: 18px; color: #333; } .hcl_text h2:hover a { color: #2e4da6; } .hcl_text p { line-height: 18px; font-size: 14px; color: #777; margin-bottom: 20px; } .hcl_text span { display: block; width: auto; height: 26px; line-height: 26px; } .hcl_text span a { font-size: 14px; color: #2e4da6; } /*涓棿瀵艰埅*/ .hc_mid { width: 90px; margin-top: 33px; padding: 0 26px 30px; border-left: 1px solid #d8d8da; border-right: 1px solid #d8d8da; position: absolute; left: 625px; top: 0; } .hcm_ul { width: 100%; } .hcm_li { line-height: 26px; margin-bottom: 10px; padding-left: 25px; background: url(../images/nav_ulbg.png) no-repeat left center; } .hcmli_tit { width: 100%; height: 100%; transition-duration: .3s; } .hcm_li a { font-size: 14px; color: #333; } .hcm_li:hover .hcmli_tit { transform: translateX(10px); } /*鍙充晶鏂伴椈*/ .hcr_ul { width: 360px; margin-top: 33px; padding-right: 50px; float: right; } .hcr_li { padding-left: 10px; line-height: 28px; margin-bottom: 7px; position: relative; } .hcr_li:before { content: " "; display: block; width: 4px; height: 4px; background: #2e4da6; border-radius: 50%; margin: auto 0; position: absolute; top: 0; bottom: 0; left: 0; } .hcr_li a { font-size: 16px; color: #444; } .hcr_li:hover a { color: #2e4da6; } /*鍥藉绾х爺鍙戝钩鍙板鑸?/ .hsnav_box { width: 100%; } .hsnav_cont { width: 590px; margin: 30px 0 0 30px; border-right: 1px solid #dadada; } .hsnav_left { width: 100%; } .hsnav_img { width: 270px; height: 165px; } .hsnav_img img { display: block; width: 100%; height: 100%; } .hsnav_text { width: 280px; margin-right: 20px; } .hsnav_text h2 { line-height: 26px; margin-bottom: 10px; } .hsnav_text h2 a { font-size: 18px; color: #333; } .hsnav_text p { line-height: 20px; font-size: 14px; color: #777; margin-bottom: 20px; } .hsnav_text span { display: block; line-height: 24px; font-size: 14px; color: #2e4da6; } /*浜岀骇鏍忕洰*/ .hsnav_seclist { width: 550px; margin-top: 30px; } .hsnav_ul { width: 100%; } .hsnav_li { line-height: 26px; margin-bottom: 10px; padding-left: 25px; background: url(../images/nav_ulbg.png) no-repeat left center; } .hsnav_tit { width: 100%; height: 100%; transition-duration: .3s; } .hsnav_li a { font-size: 14px; color: #333; } .hsnav_li:hover .hsnav_tit { transform: translateX(10px); } /*绉戞妧棰嗗煙*/ .kjlynav_ul { width: 80%; margin: 0 auto; padding: 30px 0 15px; } .kjlynav_li { float: left; width: 25%; cursor: pointer; } .kjlynav_img { width: 128px; height: 128px; margin: 0 auto; } .kjlynav_img img { display: block; width: 100%; height: 100%; } .kjlynav_text { height: 56px; line-height: 56px; text-align: center; font-size: 16px; color: #333; } /*搴曢儴*/ .footer { background: #2e4da6; } .footer_cont { padding: 37px 0; } /* 搴曢儴寰俊 */ .weixin { width: 36px; height: 36px; margin-right: 15px; position: relative; } .weixin>img { display: block; width: 100%; height: 100%; } .weixin .f_wx2 { display: none; position: absolute; top: 0; } .wx-bottom { position: absolute; left: -20px; bottom: 30px; width: 194px; height: 228px; display: none; } .wx-bottom img { width: 100%; } .weixin:hover .f_wx1 { display: block; } .weixin:hover .f_wx2 { display: block; } .weixin:hover .wx-bottom { display: block; } /* 鐩稿叧閾炬帴 */ .xglj { width: 150px; height: 32px; line-height: 32px; border-radius: 5px; font-size: 14px; color: #888; text-indent: 15px; background: url(../images/shang.png) no-repeat 130px center, #fff; } /* 搴曢儴鍙充晶鏂囧瓧 */ .footer_right { width: 720px; } .footer_right p { text-align: right; line-height: 22px; font-size: 16px; color: #66a0d8; } .footer_right p a { display: inline-block; margin: 0 5px; color: #66a0d8; } .product_nav { padding-top:25px; width: 90%; margin-left: 5%; } .product_nav li { width: 32%; margin-right: 1.5%; height: 180px; float:left; position:relative; } .product_nav li:last-of-type { margin-right: 0; } .product_nav li a { display: block; width: 100%; height: 100%; overflow: hidden; position: relative; } .product_nav li a img{ width: 100%; height: 100%; } .product_nav li div { position: absolute; bottom: 0; width: 100%; height: 3em; font-size: 16px; color: #fff; background-color: rgba(0,0,0,.5); text-align: center; line-height: 3em; } .product_nav li div a { color: #fff; } .engilsh { font-size: 17px; color: #0e6bc5; width: 28px; /* font-weight: bold; */ height: 28px; line-height: 28px; margin-right:10px; } .engilsh a { color: #0e6bc5; }