@charset "UTF-8"; /* ********************************外层框架 start******************************** */ .logo{height: 68px;} .top { position: fixed; width: 100%; left: 0; top: 0; height: 88px; z-index: 999; min-width: 1366px; background: #FFFFFF; } .footSearchBox{ overflow: hidden; width: 100%; height: 100%; position: fixed; left: 0px; top: 0px; background: rgba(0,0,0,0.7); z-index: 999; display: none; } .footSearchBox .wrap{ position: relative; top: 50%; margin-top: -25px; } .searchCont{ overflow: hidden; width: 600px; margin: 0px auto; padding-top: 40px; position: relative; } .search_dl{ position: absolute; left: 0px; top: 0px; } .search_dl dd{ float: left; display: inline; overflow: hidden; } .search_dl dd a{ display: block; overflow: hidden; width: 100px; height: 40px; line-height: 40px; background: #fff; text-align: center; font-size: 14px; color:#666; } .search_dl dd.hover a{ background: #134B96; color:#fff; } .searchInpDiv{ display: block; overflow: hidden; padding: 0px 10px; border: 3px solid #134B96; border-radius: 0px 0px 0px 3px; background: #fff; height: 44px; } .searchInpDiv input{ display: block; width: 100%; height: 100%; border:none; background: none; font-size: 14px; color:#666; overflow: hidden; line-height: 44px; } a.footSearchBt{ display: block; width: 100px; height: 50px; overflow: hidden; background: #134B96; font-size: 16px; color:#fff; text-align: center; line-height: 50px; border-radius: 0px 3px 3px 0px; } .closeSearchBt{ display: block; width: 40px; height: 40px; overflow: hidden; position: absolute; right: 20px; top: 15px; background: #000 url(/subsiteSrc/cnPc/images/close_h.png) no-repeat center center; background-size: 20px auto; } .logo img{height:68px; display: block; padding-top:15px} .menuDl dd { display: inline; float: left; position: relative; z-index: 3; margin: 0 16px; height: 88px; line-height: 88px; } .menuDl .hover span a{ color: #134b96; border-bottom: 2px solid #134b96; font-weight: bold;} .menuDl dd span a { height: 86px; overflow: hidden; line-height: 88px; color: #333; display: block; font-size: 16px; position: relative; z-index: 10; text-align: center; } .menuDl dd.hover span a { color: #134b96; } .menuDl .searchico a i{ background: url(/subsiteSrc/cnPc/images/fangdajing.png) no-repeat center; width: 19px; height: 19px; display: block; padding-top: 76px; box-sizing: border-box; -webkit-box-sizing: border-box;} .menuDl .searchico { margin:0 12px;} .menuDl dd.hover span a i { display: block; } .menuDl dd .div_a { width: 100%; overflow: hidden; position: absolute; top: 102px; left: 0; z-index: 99; background: #fff; display: none; } .menuDl dd .div_a a { display: block; height: 35px; overflow: hidden; text-align: center; line-height: 35px; text-align: center; color: #333333; font-size: 14px; } .menuDl dd .div_a a.hover { background: #c22e2b } .menuDl dd .div_a a:hover { background: #134B96; } .subMenuDiv { width: 79px; overflow: hidden; position: absolute; top: 87px; left: -5px; z-index: 1; visibility: hidden; } .menuDl dd:hover .subMenuDiv { visibility: visible; } .subMenu a { text-align: center; color: #fff; font-size: 15px; display: block; line-height: 30px; padding: 5px 5px; background: rgba(137, 137, 137, 0.5); opacity: 0; transition: 0.3s ease; -webkit-transform: perspective(100px) rotateX(-90deg); -ms-transform: perspective(100px) rotateX(-90deg); transform: perspective(100px) rotateX(-90deg); -webkit-transform-origin: center top 0; -ms-transform-origin: center top 0; transform-origin: center top 0; transition-delay: 0s; visibility: hidden; } .menuDl dd:hover .subMenu a { opacity: 1; visibility: visible; -webkit-transform: perspective(100px) rotateX(0deg); -ms-transform: perspective(100px) rotateX(0deg); transform: perspective(100px) rotateX(0deg); } .subMenu a:hover { background: #134B96; } .subMenuR { width: 50%; overflow: hidden; padding: 20px 0px; } .menuTop { height: 40px; line-height: 40px; display: block; overflow: hidden; font-size: 24px; color: #555; padding-left: 50px; } .subMenuCont { overflow: hidden; position: relative; margin-right: 15px; } .listBg { width: 0px; height: 0px; overflow: hidden; background: #fff; position: absolute; left: 0px; top: 0px; } .subMenuTop { height: 40px; line-height: 40px; display: none; font-size: 16px; color: #888; overflow: hidden; padding: 15px 0px 10px 50px; } .half { float: left; display: inline; width: 50%; } .half .subMenuTop { display: block; } .subMenuL { width: 50%; padding: 20px 0px; } .subMenuTxt { height: 250px; overflow: hidden; padding: 20px; margin: 0px 20px; } .subMenuLTop { display: none; text-align: center; font-size: 34px; color: #333; overflow: hidden; } .subMenuIntr { display: none; overflow: hidden; font-size: 14px; color: #404040; line-height: 25px; } .menuBg { display: none; width: 100%; height: 50px; overflow: hidden; position: absolute; left: 0px; top: 100px; z-index: 1; background: rgba(0, 0, 0, 0.6); } .friendship { margin-top: 35px; border-bottom: 1px solid #ccc; } .frienTtile span { color: #F5719A; font-size: 16px; font-weight: bold; display: block; line-height: 26px; letter-spacing: 8px; } .frienTtile { border-right: 1px solid #cccccc; margin-right: 15px; margin-bottom: 25px; padding: 0 10px; } .frienDl dd { float: left; margin: 0 15px; margin-top: 15px; } .frienDl dd a { display: block; border-right: 1px solid #ccc; height: 16px; padding: 0 20px; } .frienDl dd a:hover { color: #F5719A; } .footerEwm dd em { font-style: normal; display: block; line-height: 50px; height: 50px; overflow: hidden; font-size: 14px; font-weight: bold; } .footerEwm dd em a { color: #333; } .footerEwm dd { line-height: 37px; } .footerEwm dd span { display: block; text-align: center; } .yidong { margin-right: 20px; padding-top: 15px; } .yidongImg { width: 130px; height: 130px; border: 1px solid #ccc; } .yidongImg { width: 100%; height: 100%; } .footerMenu { overflow: hidden; padding-top: 20px; } .footerMenu dd { float: left; display: inline; margin-right:54px; } .footerMenu dd em { font-style: normal; display: block; line-height: 50px; height: 50px; overflow: hidden; } .footerMenu dd em a { font-size: 14px; color: #ffffff; font-weight: bold; } .footerMenu dd span { font-style: normal; display: block; line-height: 26px; padding: 5px 0; overflow: hidden; } .footerMenu dd span a { font-size: 12px; color: #d4d4d4; } .footerMenu dd span a:hover { color: #4c74a9; } .footerbot { height: 52px; line-height: 52px; background: #eeeeee; position: relative; } .footicot { width: 20px; height: 20px; background: url(/subsiteSrc/cnPc/images/ghIco.png) no-repeat; display: block; position: absolute; top: 32%; left: 603px; } .footerbot img { margin: 0 5px; } .footer2 { width: 100%; font-size: 14px; line-height: 52px; position: relative; background: #001e45; color: #c5c5c5; } .footer2 a { color: #c5c5c5; } .footer2 .aykj { float: right; } .footer2 .aykj:hover{ color: #4c74a9;} .footer2 img { position: absolute; top: 16px; margin-left: 2px; } .footer2 span { padding-left: 25px; } .footer{background: #003274;} .footphone .pic{width: 157px; height: 18px; overflow: hidden;} .footphone{overflow: hidden; font-size: 14px; color: #FFFFFF; margin-bottom: 15px;} .footdizhi{overflow: hidden; font-size: 14px; color: #FFFFFF; margin-bottom: 15px;} .footphone i{display: block; width: 24px; height: 24px; background: url(/subsiteSrc/cnPc/images/phone.png) no-repeat center bottom; float: left; margin-right: 12px;} .footdizhi i{display: block; width: 24px; height: 24px; background: url(/subsiteSrc/cnPc/images/dizhi.png) no-repeat center bottom; float: left; margin-right: 12px;} .footerRight{padding-top: 37px; overflow: hidden;} .dizhi .text{color: #FFFFFF; font-size: 14px; line-height: 36px;} .footerwx{height: 87px; line-height: 87px; border-top: 1px solid #1a4782; color: #FFFFFF; font-size: 14px; position: relative;} .wxicot a{ width: 24px; height: 24px; background: url(/subsiteSrc/cnPc/images/wxicot.png)no-repeat center bottom; margin-top:33px; display: block;} .wximg {position: absolute; width: 88px; height: 88px; left: 100px; top: -8px; z-index: -1;} .wxicot a:hover{background: url(/subsiteSrc/cnPc/images/wxicot1.png)} .footerwx .hover{z-index: 1;} .wximg img{ width: 100%; height: 100%; } .banner { position: relative } .banner .slick-dots { position: absolute; bottom: 50px; left: 50%; transform: translateX(-50%); } .banner .slick-dots li { width: 14px; height: 14px; background: #fff; float: left; margin-right: 10px; border-radius: 10px; cursor: pointer; } .banner .slick-dots .slick-active { width: 35px; background: #003984; } .slick-current .slick-dots li { width: 36px; } .img1 { position: absolute; top: 21px; left: 90px } .banner .mySlide .pic{width: 100%; height: 100%;} .banner .mySlide .pic::before{padding-top: 46.66667%} .dian { width: 200px; height: 50px; position: absolute; bottom: 25px; left: 922px; } .dian div { float: left; display: inline; width: 15px; height: 10px; border: 1px solid #000; margin-left: 5px; background: #fff; border-radius: 35%; } .banner1 { position: relative } .dian .w35 { width: 35px } .column1Dl { overflow: hidden; margin-right: -.5rem; } .column1Dl dd { float: left; display: inline; width: 20%; height: 120px; border-radius: 5px; text-align: center; font-size: 18px; margin-top: 32px; transition: all 0.5s linear; -webkit-transition: all 0.5s linear; } .column1Dl dd a{display: block; height: 100%; background: url(/subsiteSrc/cnPc/images/icot2.png) no-repeat center center; transition: all 0.3s linear; -webkit-transition: all 0.5s linear; margin-right: 20px;} .column1Dl dd a:hover{background: url(/subsiteSrc/cnPc/images/icot1.png) no-repeat center center;} .column1Dl dd a .img{ width: 50px; height: 50px; margin: 0 auto; padding-top: 24px;} .column1Dl .dd1 a .img{ background: url(/subsiteSrc/cnPc/images/icot3l.png) no-repeat center bottom;} .column1Dl .dd2 a .img{ background: url(/subsiteSrc/cnPc/images/icot4l.png) no-repeat center bottom;} .column1Dl .dd3 a .img{ background: url(/subsiteSrc/cnPc/images/icot5l.png) no-repeat center bottom;} .column1Dl .dd4 a .img{ background: url(/subsiteSrc/cnPc/images/icot6l.png) no-repeat center bottom;} .column1Dl .dd5 a .img{ background: url(/subsiteSrc/cnPc/images/icot7l.png) no-repeat center bottom;} .column1Dl dd a .text{ text-align: center; color: #555555; font-size: 16px; height: 43px; line-height: 43px;} .column1Dl dd a:hover .text{color: #FFFFFF;} .column1Dl .dd1 a:hover .img{background: url(/subsiteSrc/cnPc/images/icot3.png) no-repeat center bottom;} .column1Dl .dd2 a:hover .img{background: url(/subsiteSrc/cnPc/images/icot4.png) no-repeat center bottom;} .column1Dl .dd3 a:hover .img{background: url(/subsiteSrc/cnPc/images/icot5.png) no-repeat center bottom;} .column1Dl .dd4 a:hover .img{background: url(/subsiteSrc/cnPc/images/icot6.png) no-repeat center bottom;} .column1Dl .dd5 a:hover .img{background: url(/subsiteSrc/cnPc/images/icot7.png) no-repeat center bottom;} .column2{background-image:url(/subsiteSrc/cnPc/images/bg1.jpg); background-repeat: no-repeat; background-size: 100% 100%;} .columTitle .title{ color: #003984; font-size: 20px; overflow: hidden; font-weight: bold;} .columTitle .title i{width: 22px; height: 22px; display: block; background: url(/subsiteSrc/cnPc/images/title.png) no-repeat center center; float: left; margin-right: 16px;} .colum2Text{line-height: 32px; font-size: 16px; color: #555555;height: 128px;overflow: hidden; } .colum2Text2{line-height: 32px; font-size: 16px; color: #555555;height: 32px;overflow: hidden; } .dlezbt a{width: 200px; height: 48px; line-height: 48px; background: #003984; font-size: 16px; color: #FFFFFF; text-align: center;display: block; border-radius: 5px;} .dlezbt a i{display:inline-block;width: 17px; height: 11px; background: url(/subsiteSrc/cnPc/images/butjiantou.png)no-repeat center center; margin-left: 10px;} .rightimg{width: 650px; height: 400px; border-radius: 5px; overflow: hidden;} .rightimg img{border-radius: 5px;} .column2left{overflow: hidden; } .column2rigth{ margin-left: 60px;} .columTitle .genduo a:hover{color: #003984;} .column3{background: #f8f8f8;overflow: hidden;} .columTitle .columDl{overflow: hidden; margin-left: 30px;} .columTitle .columDl dd{float: left;overflow: hidden;} .columTitle .columDl dd a{display: inline-block; color: #777777; font-size: 16px; margin-right: 23px;} .columTitle .columDl .hover a{color: #003984;} .columTitle .genduo a{font-size: 16px; color: #4c74a9;} .colu3Left{ width: 53.125%; margin-right: 30px; } .colu3Banner {width: 100%; height: 460px; overflow: hidden; position: relative; border-radius: 5px;} .pic img{width: 100%; height: 100%;} .colu3Banner .slick-dots { position: absolute; bottom: 24px; left: 50%; transform: translateX(-50%); } .pic{ position:relative;} .pic:before{ content:"";display:block; padding-top:66.6666%;} .pic img{ position:absolute; width:100%; height:100%; left:0; top:0;object-fit: cover;object-position: top center;} .colu3text .title{height: 32px; overflow: hidden;} .colu3Banner .pic{height: 460px;} .colu3Banner .slick-dots li { width: 12px; height: 12px; background: #fff; float: left; margin-right: 10px; border-radius: 10px; cursor: pointer; } .colu3table1 .a1{z-index: 1;} .colu3table1{position: relative;height: 465px;} .colu3conten{position: absolute;width: 100%; height: 100%;top: 0px;left: 0px;z-index: -1;} .colu3Banner .slick-dots .slick-active { background: #003984; } .colu3Right{ overflow: hidden; } .colu3Dl dd{ background: #FFFFFF; overflow: hidden; padding: 13px 0; border-radius: 5px; margin-bottom: 20px;} .colu3Dl dd .det{ font-size: 14px; padding: 0 25px; color: #888888; border-right: 1px solid #ebebeb} .colu3Dl dd .det span{ font-size: 42px;display: block;} .colu3text{ padding:0 30px; color: #888888; overflow: hidden;} .colu3text .title a{ line-height: 32px; height: 32px; font-size: 16px; color: #333333;} .colu3text .text{ line-height: 30px; height: 30px; font-size: 14px;} .colu3Dl dd:hover .det{color: #003984;} .colu3Dl dd:hover .title a{color: #003984;} .colu4tab4 {position: relative;height: 580px;} .column4{width: 100%;background: #FFFFFF;} .colu4Banner .mySlide{ display: inline-block; margin: 0 15px; padding: 15px 0;} .colu4Banner .mySlide a{ border-radius: 5px; transition: all 0.3s linear; -webkit-transition: all 0.3s linear; display: block; overflow: hidden;} .colu4Banner .mySlide a .pic{border-radius: 5px; height: 276px; width: 100%;} .colu4Banner .mySlide a .pic img{ border-radius: 5px 5px 0 0;} .colu4Banner .mySlide a:hover{box-shadow: 0 0 10px 2px #00000014;} .colu4Banner .mySlide a:hover .colu4title{color: #003984; font-weight: bold;} .colu4Banner { padding: 24px 0; border-radius: 0 0 5px 5px; margin-right: -30px; position: absolute; left: 0; top: 0; z-index: -1; width: 100%; height: 100%;} .dian{color: #c4c4c4; position: absolute; bottom: 0; left: 47%; width: 50px; height: 50px;display: block; box-shadow: 0 0 10px 2px #00000014; line-height: 50px; text-align: center; z-index: 999; border-radius: 5px;} .dian:hover{background: #003984; color: #FFFFFF;} .column4 .a1{z-index: 1;} .colu4Text{ padding:0 .5rem;} .colu4title {color: #333333; font-size: 16px; line-height: 28px; height: 28px; padding-top: 24px;} .colu4Banner .det{color: #bbbbbb; font-size: 14px; padding-top: 10px; line-height: 22px; height: 22px;} .colu4Banner .text{color: #888888; font-size: 14px; padding-top: 5px; line-height: 24px; height: 48px; padding-bottom: 26px;} .colu4Banner .prev { cursor: pointer; width: 50px; height: 50px; display: inline-block; background: url(/subsiteSrc/cnPc/images/prevpage1.png) no-repeat center center; box-shadow: 0 0 10px 2px #00000014; border-radius: 5px; position: absolute; bottom: 0; left: 42%; } .colu4Banner .next { cursor: pointer; width: 50px; height: 50px; display: inline-block; background: url(/subsiteSrc/cnPc/images/nextPage1c.png) no-repeat center center; box-shadow: 0 0 10px 2px #00000014; border-radius: 5px;position: absolute; bottom: 0; left: 52%;} .column4 .prev:hover { background: url(/subsiteSrc/cnPc/images/prevpage1c.png)no-repeat center center #003984; } .column4 .next:hover { background: url(/subsiteSrc/cnPc/images/nextPage1.png)no-repeat center center #003984; } .column5 { width: 100%; background-color: #f8f8f8; } .column5Left{ width: 52.0833%; overflow: hidden;} .imgText1{ overflow: hidden;} .imgText1 dd{ overflow: hidden; float: left; display: inline; padding-bottom: 20px; } .imgText1 dd .pic{ width: 220px; overflow: hidden; position: relative; margin-right: 20px; border-radius: 5px;} .imgText1 dd .pic:before{ display: block; content: ''; padding-top: 60%;} .imgText1 dd .pic img{ display:block; width:100%; height:100%; position:absolute; left:0px; top:0px;} .imgText1 dd .text{ overflow: hidden;} .imgText1 dd .text .title{ overflow: hidden; height: 30px; line-height: 30px; font-weight: bold;margin-bottom: 15px;} .imgText1 dd .text .title a{ color: #666; font-size: 16px;} .imgText1 dd .text .textC{ font-size:14px; color:#888888; line-height:20px; height:60px; overflow:hidden; } .imgText1 dd .text .time{ height:25px; line-height:25px; overflow:hidden; color:#bbbbbb;} .imgText1 dd:hover .text .title a{ color:#003984;} .column5Right{ width: 45.8333%; overflow: hidden;} .imgText2{ overflow: hidden;} .imgText2 .imghover{ overflow: hidden; float: left; display: inline; padding-bottom: 15px; } .imgText2 .imghover .pic{ width: 240px; overflow: hidden; position: relative; margin-right: 20px; border-radius: 5px;} .imgText2 .imghover .pic:before{ display: block; content: ''; padding-top: 60.57%;} .imgText2 .imghover .pic img{ display:block; width:100%; height:100%; position:absolute; left:0px; top:0px;} .imgText2 .imghover .text{ overflow: hidden;} .imgText2 .imghover .text .title{ overflow: hidden; height: 53px; line-height: 53px; font-weight: bold;} .imgText2 .imghover .text .title a{ color: #666; font-size: 16px;} .imgText2 .imghover .text .textC{ font-size:14px; color:#888888; line-height:24px; height:48px; overflow:hidden; } .imgText2 .imghover .text .time{ height:40px; line-height:40px; overflow:hidden; color:#bbbbbb;} .imgText2 .imghover:hover .text .title a{ color:#003984;} .textList1{ overflow: hidden;} .textList1 dd{ overflow: hidden; height: 40px; line-height: 40px;} .textList1 dd a{ display: block;overflow: hidden; font-size: 14px; color: #555555; } .textList1 dd a em{ width: 7px; height:7px; border-radius: 7px; background: #c6d2e1; float:left; display: inline; margin:17px 10px 0 0;} .textList1 dd span{ float: right; display: inline; overflow: hidden; margin-left: 50px; font-size: 14px ;color: #bbbbbb;} .textList1 dd:hover a{ color: #003984;} .colum6Dl{height: 430px;position: relative; overflow: hidden;} .colum6Dl .dd1{width: 341px; height: 204px; position: absolute; left: 0; top: 0;} .colum6Dl .dd2{width: 341px; height: 204px; position: absolute; left: 0; bottom: 0;} .colum6Dl .dd4{width: 341px; height: 204px; position: absolute; right: 0; top: 0;} .colum6Dl .dd5{width: 341px; height: 204px; position: absolute; right: 0; bottom: 0;} .colum6Dl .dd3{width: 716px; height: 430px; position: absolute; left: 363px; top: 0;} .colum6Dl dd .ddText{ width: 241px; height: 56px; background: rgba(0, 30, 69, .75); line-height: 56px; font-size: 16px;color: #FFFFFF; position: absolute; left: 50%; top: 50%; z-index: 99; text-align: center; transform: translate(-50%,-50%); opacity: 0; transition: all 0.3s linear; -webkit-transition: all 0.3s linear;} .colum6Dl dd:hover .ddText{ opacity: 1;} /* FILE ARCHIVED ON 12:14:28 Feb 04, 2022 AND RETRIEVED FROM THE INTERNET ARCHIVE ON 13:19:17 Jan 21, 2025. 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.561 exclusion.robots: 0.028 exclusion.robots.policy: 0.018 esindex: 0.009 cdx.remote: 27.173 LoadShardBlock: 429.158 (3) PetaboxLoader3.datanode: 315.883 (6) PetaboxLoader3.resolve: 332.767 (3) load_resource: 264.799 */