*{ margin: 0; padding: 0; } a{ text-decoration: none; } a:hover{ text-decoration: none; color: #333; } body{ font-family: "微软雅黑"; min-width: 1200px; } ul{ list-style: none; } .heard{ width: 100%; overflow: hidden; } .top{ width: 100%; height: 35px; overflow: hidden; line-height: 35px; background: #eaeaea; } .top>div{ width: 1200px; margin: auto; overflow: hidden; } .top>div>span{ float: left; color: #464646; font-size: 12px; font-family: 宋体 常规; } .topRight{ float: right; } .topRight a{ color: #464646; font-size: 12px; font-family: 宋体 常规; } .tops{ width: 1200px; margin: auto; display: block; } .top1{ width: 100%; height: 55px; background: #fff; border-top: 1px solid #dfdfdf } .nav{ /* box-shadow: 0px 2px 3px #ccc;*/ width: 1200px; margin: auto; } .nav>ul{ margin-bottom: 0; font-size: 0; } .nav>ul>li{ display: inline-block; position: relative; } .nav>ul>li>a{ display: block; text-align: center; color: #464646; font-size: 16px; overflow: hidden; width: 171px; height: 55px; line-height: 55px; } .nav span{ float: right; } .nav>ul>li:nth-child(1)>a{ border-left: 0; } .nav>ul>li:last-child>a{ border-right: 0; } .onclik{ background:#0055b3; color: #fff!important; } .clear{ clear: both; } .more{ position: absolute; left: 0; top: 111px; width: 150px; z-index: 999; background: #fff; display: none; } .more a{ display: block; height: 44px; overflow: hidden; line-height: 44px; font-size: 14px; color: #808080; border: 1px solid #dcdcdc; margin-bottom: -1px; text-align: center; font-size: 15px; transition: all 0.3s linear 0s; } .sous{ width: 100%; height: 60px; overflow: hidden; background: #eeeeee; } .sous>div{ width: 1200px; margin: auto; overflow: hidden; } .sousLeft{ float: left; line-height: 60px; overflow: hidden; } .sousLeft>img{ float: left; margin-top: 25px; margin-right: 10px; } .sousLeft span{ color: #0d71af; font-weight: 700; font-size: 14px; } .sousLeft a{ color: #464646; font-family: 宋体 常规; font-size: 14px; } .sousRight{ float: right; overflow: hidden; margin-top: 10px; } .sousRight input:nth-child(1){ width: 222px; height: 31px; display: block; float: left; overflow: hidden; outline: none; border: 1px solid #ccc; padding-left: 10px; } .sousRight input:nth-child(2){ width: 43px; height: 36px; overflow: hidden; display: block; float: left; background: url(/image/index2_08.jpg)center 0 no-repeat; border: 0; outline: none; text-align: center; } .protop{ margin-top: 50px; text-align: center; height: 108px; } .protop label{ font-size: 28px; color: #111111; margin: 0; } .protop div{ font-size: 22px; color: #00479d; font-family: Myriad Pro Regular; text-transform: uppercase; } .protop img{ } .pronav{ width: 1200px; margin:0 auto; overflow: hidden; margin-bottom: 24px; } .pronav a{ display: block; width: 150px; height: 37px; border: 1px solid #dfdfdf; font-size: 16px; color: #00479d; line-height: 37px; float: left; text-align: center; margin-right: 20px; margin-bottom:20px; color: #464646; } .pronav a:hover{ background: #00479d; color: #fff; } .pronav a:last-child{ margin-right: 0; } .homeproducts{ width: 1200px; margin: auto; overflow: hidden; margin-bottom: 30px; } .homeproduct{ display: flex; flex-wrap: wrap; } .homeproduct a{ display: block; width: 264px; margin-left: 25px; margin-bottom: 26px; } .homeproduct a img{ width: 263px; height: 263px; border: 1px solid #ebebeb; border-bottom: 0; } .homeproduct a span{ text-align: center; height: 35px; display: block; line-height: 35px; overflow: hidden; color: #fff; font-size: 15px; background: #949494; transition: all 0.3s; } .homeproduct a:hover span{ background: #00479d; } .myabout{ width: 100%; background: #f2f2f2; overflow: hidden; } .myabout>div{ width: 1256px; height: 590px; background: url(/images/about_1.jpg) left 30px no-repeat; overflow: hidden; margin: auto; position: relative; } .myaboutright{ right: 47px; width: 539px; overflow: hidden; position: absolute; bottom: 115px; } .myaboutright span{ font-size: 24px; color: #00479d; } .myaboutright div{ color: #464646; line-height: 28px; margin-top: 7px; margin-bottom: 56px; } .myaboutright a{ display: block; width: 180px; height: 40px; background: #00479d; color: #fff; text-align: center; line-height: 40px; } .myaboutright a img{ margin-left: 11px; } .mynew{ width: 100%; overflow: hidden; } .mynew_n{ width: 1200px; margin:50px auto 0px auto; overflow: hidden; } .xinwen_left{ float: right; width: 765px; } .xinwen_left .list_01 .left_1{ float: left; width: 60px; text-align: center; } .xinwen_left .list_01 { overflow: hidden; margin-bottom:8px; padding-bottom: 8px; border-bottom: 1px solid #dfdfdf; } .xinwen_left .list_01 .left_1 .shuzi_0{ font-size: 24px; color: #00479d; } .xinwen_left .list_01 .left_1 img{ width: 116px; height: 83px; } .xinwen_left .list_01 .right_1{ float: right; width: 619px; } .xinwen_left .list_01 .right_1 .biaoti{ line-height: 33px; } .xinwen_left .list_01 .right_1 .biaoti a{ font-weight: bold; color: #464646; } .xinwen_left .list_01 .right_1 .biaoti a:hover{ text-decoration: underline; } .xinwen_left .list_01 .right_1 .wrap{ color: #7b7b7b; } .xinwen_right{ float: left; width: 369px; } .homeContat{ width: 100%; height: 438px; background: url(/image/7.png)center 0 no-repeat; overflow: hidden; } .homeContat>div{ width: 1200px; margin: auto; overflow: hidden; } .homeContatTop{ width: 229px; height: 88px; background: url(/image/9.png)center 0 no-repeat; margin:36px auto; overflow: hidden; } .homeContatTop label{ text-transform: uppercase; font-weight: 400; display: block; text-align: center; margin-top: 18px; margin-bottom: 14px; padding-left: 20px; } .homeContatTop label span{ color: #013c8c; margin-left: 34px; } .homeContatTop a{ display: block; text-align: center; color: #fff; } .homeContats{ overflow: hidden; width: 100%; } .homeContatsLeft{ float: left; overflow: hidden; } .homeContatsLeft img{ float: left; margin-top: 13px; } .homeContatsLeft div{ float: left; color: #fff; line-height: 37px; margin-left: 14px; } .homeContatsRight{ float: right; overflow: hidden; } .homeContatsRight div{ float: left; overflow: hidden; } .homeContatsRight div input{ display: block; height: 45px; width: 300px; padding-left: 10px; background: rgba(0,0,0,0.5); outline: none; border: 1px solid #595959; margin-top: 24px; } .homeContatsRight textarea{ padding-left: 10px; background: rgba(0,0,0,0.5); outline: none; border: 1px solid #595959; display: block; float: left; padding-top: 10px; margin-left: 20px; margin-top: 24px; height: 183px; width: 393px; } .homeContatsRight form>input{ display: block; height: 183px; margin-top: 24px; float: left; margin-left: 10px; text-align: center; width: 72px; background: #013c8c; color: #fff; border: 0; font-size: 30px; } input::-webkit-input-placeholder { color: #c7c7c7; } textarea::-webkit-input-placeholder { color: #c7c7c7; } .mybottom{ margin-top:50px; width: 100%; overflow: hidden; position: relative; background: #1c1c1c; } .bottoms { width: 1200px; margin:40px auto; overflow: hidden; } .bottoms a{ color: #fff; } .bottoms .left_1{ line-height: 30px; width:750px; color: #fff; float: left; } .bottoms .right_1{ width: 142px; color: #fff; float: right; } /*.izl-rmenu{position:fixed;left:86%;bottom:10px;padding-bottom:73px;background:url(/image/r_b.png) 0px bottom no-repeat;z-index:999;} .izl-rmenu .btn{display:block;width:72px;height:73px;margin-bottom:1px;cursor:pointer;position:relative;} .izl-rmenu .btn-qq{background:url(/image/r_qq.png) 0px 0px no-repeat;background-color:#6da9de;} .izl-rmenu .btn-qq:hover{background-color:#488bc7;} .izl-rmenu a.btn-qq,.izl-rmenu a.btn-qq:visited{background:url(/image/r_qq.png) 0px 0px no-repeat;background-color:#6da9de;text-decoration:none;display:block;} .izl-rmenu .btn-wx{background:url(/image/r_wx.png) 0px 0px no-repeat;background-color:#78c340;} .izl-rmenu .btn-wx:hover{background-color:#58a81c;} .izl-rmenu .btn-wx .pic{position:absolute;left:-160px;top:0px;display:none;width:160px;height:160px;} .izl-rmenu .btn-phone{background:url(/image/r_phone.png) 0px 0px no-repeat;background-color:#fbb01f;} .izl-rmenu .btn-phone:hover{background-color:#ff811b;} .izl-rmenu .btn-phone .phone{background-color:#ff811b;position:absolute;width:160px;left:-160px;top:0px;line-height:73px;color:#FFF;font-size:18px;text-align:center;display:none;} .izl-rmenu .btn-top{background:url(/image/r_top.png) 0px 0px no-repeat;background-color:#666666;display:none;} .izl-rmenu .btn-top:hover{background-color:#444;} */ /**/ .blk-main { width: 1200px; margin: 0 auto; overflow: hidden; } .p12-curmbs-1 { font-size: 14px; border-bottom: 1px dashed #dcdcdc; } .p12-curmbs-1 b { border-left: 10px solid #013c8c; font-weight: normal; padding-left: 8px; } .p12-curmbs-1 span { font-family: 宋体; height: 46px; line-height: 46px; padding: 0px 5px; } .p12-curmbs-1 i { font-style: normal; } .p12-curmbs-1 a{ color:#666; } .blk-xs { width: 240px; } .blk { margin-bottom: 20px; } .fl { float: left; } .p14-left-nav-1-tit { background: #013c8c; height: 75px; } .p14-left-nav-1-tit h3 { margin: 0; height: 75px; font-size: 24px; font-weight: normal; line-height: 75px; color: #fff; border-bottom: 1px solid #fff; text-align: center; } .p14-left-nav-1-nav-one h3 { height: 50px; line-height: 50px; background: url(/image/p14-icon5.png) no-repeat right center #013c8c; margin: 0; margin-bottom: 2px; } .p14-left-nav-1-nav-one h3.sidenavcur, .p14-left-nav-1-nav-one h3:hover { background: url(/image/p14-icon2.png) no-repeat right center #013c8c; } .p14-left-nav-1-nav-one h3 a { display: block; font-size: 18px; font-weight: normal; margin-right: 40px; margin-left: 38px; color: #fff; } .p14-left-nav-1-nav a { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .p14-left-nav-1-nav dl { padding: 2px 0 4px; margin-bottom: 0; } .p14-left-nav-1-nav dt { height: 50px; font-size: 16px; line-height: 50px; padding-left: 54px; padding-right: 40px; margin-bottom: 1px; background: #ececec; position: relative; } .p14-left-nav-1-nav a { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #666; font-weight: 400; } .p14-left-nav-1-nav dt:after { content: ""; width: 8px; height: 8px; border: 2px solid #b8b8b8; border-style: solid solid none none; position: absolute; top: 50%; right: 32px; margin-top: -4px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .p14-left-nav-1-nav dt.sidenavcur a, .p14-left-nav-1-nav dt:hover a { color: #013c8c; } .p14-left-nav-1-nav dt.sidenavcur:after, .p14-left-nav-1-nav dt:hover:after { border-color: #013c8c; } .p14-left-nav-1-nav-one>dl{ display: none; } .cbgg-01 { border: 1px solid #013c8c; text-align: center; color: #000; } .cbgg-01 .tit { color: #fff; font-size: 18px; background: #013c8c; height: 71px; padding-top: 18px; text-align: center; overflow: hidden; } .cbgg-01 .tit i { color: #fff; display: block; font: 12px Arial; text-align: center; font-size: 14px; line-height: 18px; text-transform: uppercase; font-style: normal; } .leftlx { width: 220px; text-align: center; font-family: "Microsoft Yahei","微软雅黑"; font-size: 14px; padding: 10px; display: block; margin-bottom: 20px; } .leftlx p { padding-top: 10px; line-height: 25px; } .leftlx .dianh .dianhua span { font-size: 24px; } .leftlx a{ color: #666; } .blk-sm { width: 930px; } .fr { float: right; } .b { clear: both; } .leftnav-z1-tit { margin: 0; height: 50px; line-height: 50px; border-bottom: 1px solid #ebebeb; margin-bottom: 15px; font-size: 24px; } .leftnav-z1-tit span { display: inline-block; height: 50px; border-bottom: 1px solid #003e71; font-weight: 600; color: #666; } .leftnav-z1-list{ overflow: hidden; } .leftnav-z1-list dl { width: 30.9%; border: 1px solid #dedede; margin-bottom: 15px; background: #fff; float: left; margin-right: 2%; box-sizing: border-box; } .leftnav-z1-list dt{ position: relative; } .leftnav-z1-list dt img { width: 100%; display: block; height: 270px; } .leftnav-z1-list dt p{ position: absolute; width: 100%; height: 214px; top: 0; left: 0; background: rgba(0,0,0,0.3); padding: 20px; display: block; margin: 0; transform: scale(0); transition: 0.3s linear; } .leftnav-z1-list dt p label{ width: 56px; height: 56px; border-radius: 50%; background: #b5a40f; display: table; text-align: center; padding: 10px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); margin: 0; } .leftnav-z1-list dt p label i{ color: #fff; display: block; border: 1px solid #ddd; border-radius: 50%; font-size: 20px; width: 100%; height: 100%; line-height: 33px; } .leftnav-z1-list dt a:hover p{ transform: scale(1); transition: 0.3s linear; } .leftnav-z1-list dd { padding: 6px 20px 6px 20px; } .leftnav-z1-list dd h4 { margin: 0; height: 45px; text-align: center; font-weight: normal; font-size: 16px; color: #154c64; line-height: 45px; } .leftnav-z1-list dd h4 a{ color: #666; } .leftnav-z1-list dl:hover { border-color: #013c8c; } /*详情*/ /* 垂直居中 */ .small-img{ display: flex; align-items:center; justify-content: center; } .clearfix:before, .clearfix:after{ display: table; line-height: 0; content: ""; } .magnifier{ width: 500px; position: relative; float: left; margin-bottom: 34px; } .magnifier-container{ width: 500px; height: 500px; overflow: hidden; position: relative; border: 1px solid #ddd; } .move-view{ width: 100px; height: 100px; position: absolute; background-image: url('/image/move-box.png'); } .images-cover{ height: 100%; width: 100%; position: relative; } .images-cover img{ position: absolute; } .magnifier-assembly{ height: 92px; overflow: hidden; position: relative; padding-left: 30px; padding-right: 30px; } .magnifier-btn{ position: absolute; font-family: "宋体"; width: 100%; top: 50%; left: 0; margin-top: -40px; } .magnifier-btn span{ line-height: 80px; height: 80px; width: 20px; background-color: #6e6e6e; color: #fff; display: block; z-index: 9998; text-align: center; font-size: 20px; cursor: pointer; border-radius: 3px; } .magnifier-btn .magnifier-btn-left{ float: left; } .magnifier-btn .magnifier-btn-right{ float: right; } .magnifier-line{ position: relative; overflow: hidden; height: 92px; } .magnifier-line ul{ display: block; font-size: 0; width: 10000%; position: absolute; left: 0; z-index: 9997; } .magnifier-line li{ float: left; width: 100px; cursor: pointer; } .magnifier-line ul > .active .small-img{ border-color: #bbb; } .small-img{ height: 78px; padding: 1px; margin: 5px; overflow: hidden; border: 1px solid #ddd; text-align: center; } .small-img img{ max-width: 100%; max-height: 100%; } .magnifier-view{ width: 100%; height: 100%; position: absolute; right: -105%; top: 0; z-index: 9999; background-color: #fff; display: none; overflow: hidden; } .magnifier-view img{ display: block; } .animation03{ transition: all 0.3s ease-in 0.1s; -ms-transition: all 0.3s ease-in 0.1s; -moz-transition: all 0.3s ease-in 0.1s; -webkit-transition: all 0.3s ease-in 0.1s; -o-transition: all 0.3s ease-in 0.1s; } .detail{ overflow: hidden; } .detailLeft{ float: left; } .detailRight{ margin-left: 55px; float: left; width: 45%; overflow: hidden; line-height: 29px; overflow: hidden; } .detailRight>h1{ margin: 0; height: 50px; font-size: 20px; font-weight: normal; line-height: 50px; overflow: hidden; color: #333; border-bottom: 1px solid #eee; margin-bottom: 5px; } .p1-pro-showcase-1-txt-t1 { margin-bottom: 86px; overflow: hidden; } .p1-pro-showcase-1-txt-t1 i{ font-style: normal; } .p1-pro-showcase-1-txt-t1 b{ font-style: normal; } .p1-pro-showcase-1-txt-t1 strong{ font-style: normal; } .p1-pro-showcase-1-tle .p1-pho-1 { background: url(/image/VISkins-p1.png) no-repeat 0 -3px; min-height: 50px; padding-left: 44px; font-size: 20px; line-height: 30px; margin-left: 30px; margin-right: 50px; color: #013c8c; } .fl { float: left; } .p1-pho-1 span { display: block; font-size: 14px; line-height: 14px; color: #666; } .p1-pho-1 i { font-style: normal; } .fl { float: left; } .p1-pho-2 em { display: block; width: 122px; height: 35px; background: #013c8c; font-size: 16px; font-style: normal; color: #ffffff; text-align: center; line-height: 35px; } .p14-prodcontent-1>h4{ margin: 40px 0 15px 0; background: url(/image/100.jpg) no-repeat left center; padding-left: 34px; font: 24px "Microsoft YaHei"; color: #333333; } .p14-prodcontent-1>h4>i{ font: 16px "Arial"; color: #454545; font-style: normal; text-transform: uppercase; padding-left: 10px; } .zxlb-1n-ts-01-list dl { border: 1px solid #dedede; width: 100%; margin-bottom: 15px; padding: 22px 0 22px; background: #fff; display: inline-block; } .zxlb-1n-ts-01-list dt { width: 18%; float: left; margin-left: 22px; margin-right: 5.5%; } .zxlb-1n-ts-01-list dt img { width: 150px; height:150px; margin: 0 auto; display: block; } .zxlb-1n-ts-01-list dd { width: 71%; float: left; } .zxlb-1n-ts-01-list dd h4 { height: 40px; font-weight: normal; font-size: 18px; color: #154c64; line-height: 40px; margin-bottom: 5px; } .zxlb-1n-ts-01-list h4 a { display: block; color: #4b4a4a; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .zxlb-1n-ts-01-list-desc { max-height: 72px; font-size: 14px; line-height: 24px; color: #797979; margin-bottom: 28px; overflow: hidden; } .zxlb-1n-ts-01-list-deta { float: right; width: 134px; height: 40px; display: inline-block; border: 1px solid #aaa; font-size: 16px; line-height: 40px; text-align: center; } .zxlb-1n-ts-01-list-deta a{ color: #666; } .zxlb-1n-ts-01-list dl:hover .zxlb-1n-ts-01-list-deta { background: #013c8c; border-color: #013c8c; } .zxlb-1n-ts-01-list dl:hover .zxlb-1n-ts-01-list-deta a { color: #fff; } .zxlb-1n-ts-01-list dl:hover h4 a { color: #013c8c; } .zxlb-1n-ts-01-list dl:hover { border-color: #013c8c; } /**/ .tl-fdh-02 { height: 55px; background: #fff; margin-bottom: 20px; overflow: hidden; } .tl-fdh-02 li.sidenavcur, .tl-fdh-02 li:hover { background: url(/image/p16-icon6.png) no-repeat bottom center #0073cb; border-color: #0073cb; } .tl-fdh-02 li { width: 20%; height: 55px; font-size: 18px; line-height: 55px; text-align: center; float: left; border-right: 1px solid #d8d8d8; box-sizing: border-box; background: #f4f4f4; cursor: pointer; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .tl-fdh-02 li a { display: block; height: 55px; color: #333; } .tl-fdh-02 li.sidenavcur a, .tl-fdh-02 li:hover a { color: #fff; } .p12-aboutinfo-1 { display: inline-block; width: 100%; background: #fff; margin-bottom: 38px; } .p12-aboutinfo-1-nr { padding: 0 0 20px; } .endit-content { line-height: 28px; } .k12-gl-gslb-3nf1-1-01-left{ overflow: hidden; } .k12-gl-gslb-3nf1-1-01-left dl:nth-child(4n){ margin-right: 0; } .k12-gl-gslb-3nf1-1-01-left dl { width: 24%; float: left; margin-right: 16px; background: #f0f0f0; } .k12-gl-gslb-3nf1-1-01-left dt { border: 1px solid #e5e5e5; padding: 10px 9px; background: #fff; } .k12-gl-gslb-3nf1-1-01-left dt img { display: block; width: 100%; } .k12-gl-gslb-3nf1-1-01-left dd { height: 50px; font-size: 14px; line-height: 50px; text-align: center; padding: 0 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; background: #f0f0f0; } .k12-gl-gslb-3nf1-1-01-left dd a { color: #4b4a4a; } .youshi_bj{ padding-top: 210px; width: 1200px; margin:0 auto; background: url(/image/index2_13.jpg) center 0px; } .youshi_bj .list_01 .title{ font-size: 18px; font-weight: bold; } .youshi_bj .list_01 p{ color: #666666; } .youshi_bj .list_02{ margin-left: 680px; } .youshi_bj .list_03{ margin-left: 680px; padding-top: 110px; } .youshi_bj .list_04{ padding-bottom:180px; padding-top:100px; width: 580px; padding-left: 80px; } .xuanchuan_bj_88{ height: 189px; background: url(/image/index2_18.jpg) center 0px no-repeat; } .myabout_bj{ width: 1200px; margin: 0 auto; } .c{ clear: both; } .myabout_bj_01{ padding:50px 0px; width: 1200px; margin:0 auto; } .myabout_bj_01 .myaboutright_01{ width:688px; float: left; line-height: 33px; } .myabout_bj_01 .to_11{ width:447px; float:right; } /* FILE ARCHIVED ON 17:28:01 Apr 07, 2022 AND RETRIEVED FROM THE INTERNET ARCHIVE ON 13:16:59 Dec 30, 2024. JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE. ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C. SECTION 108(a)(3)). */ /* playback timings (ms): captures_list: 0.542 exclusion.robots: 0.025 exclusion.robots.policy: 0.015 esindex: 0.012 cdx.remote: 9.613 LoadShardBlock: 71.872 (3) PetaboxLoader3.datanode: 103.326 (4) load_resource: 148.154 PetaboxLoader3.resolve: 80.256 */