@charset 'utf-8'; .banner { width: 100%; position: relative; overflow: hidden; } .ban_b { display: none; } .banner_item { position: relative; } .banner_item video { width: 100%; } .banner_item>img { width: auto; max-width: 100%; min-height: 100%; height: 100%; position: relative; top: 0; left: 50%; transform: translateX(-50%); } .asidenav { position: absolute; bottom: 0; right: 0; background: #005baa; width: 100px; height: 100%; z-index: 48; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s; } /*.asidenav.act{ display:none; }*/ .banner_txt { top: 43%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); position: absolute; z-index: 10; width: 1200px; text-align: left; } .banner_txt h2 { font-size: 64px; font-family: "SourceHanSerifSC-Heavy"; color: #ffffff; } .banner_pic .slick-dots { bottom: auto; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); right: 44px; width: auto; z-index: 50; } .banner_pic .slick-dots li { position: relative; display: block; margin: 14px 0; width: 12px; height: 12px; border: 2px solid #fff; background: none; } .banner_pic .slick-dots li.slick-active { background: #fff; } .hexin { width: 100%; padding-bottom: 170px; position: relative; background: #fff; } .hexincon { width: 1200px; margin: 0 auto; padding: 100px 0 90px; } .heleft { width: 450px; visibility: visible; animation-duration: 1s; animation-name: fadeInUp; } .heleft h3 { font-size: 48px; /*font-family:'SourceHanSerifSC-Heavy';*/ font-family: "微软雅黑"; color: #464646; } .heright { width: calc(100% - 450px); position: relative; visibility: visible; animation-duration: 1s; animation-name: fadeInUp; display: flex; justify-content: space-around; } .heright::after { position: absolute; content: ''; width: 1px; height: 140px; background: #e5e5e5; top: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateY(-50%); left: -34px; } .heright p { font-size: 16px; font-family: "微软雅黑"; color: #333333; line-height: 30px; letter-spacing: 1px; height: 90px; overflow: hidden; } .news { width: 100%; position: relative; /*height:919px;*/ /*height:1070px;*/ overflow: hidden; } .news::after { position: absolute; content: ''; width: 100%; height: 100%; background: ; z-index: 1; background: url(../images/fangkuaiyi.png) repeat rgba(0, 0, 0, 0.27); } .videobox img { width: auto; /*height: 100%;*/ position: absolute; /*left: 50%; transform: translateX(-50%);*/ } .videobox video { min-height: 100%; width: 100%; position: absolute; top: 0; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .news_con { /*padding:97px 100px 0; position:absolute;*/ padding: 100px 100px 110px 10px; position: relative; /* top:0; left:50%;*/ /* -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%);*/ width: 1560px; z-index: 5; } .neconright { width: 1230px; /*background:linear-gradient(#133183,#267cc0);*/ position: relative; } .neconleft { /*width:calc(100% - 1300px);*/ visibility: visible; animation-duration: 1s; animation-name: fadeInUp; } .neconleft h3 { font-size: 48px; /* font-family:"SourceHanSerifSC-Heavy";*/ font-family: "微软雅黑"; color: #ffffff; } .nelist { width: 33.333333%; position: relative; background: linear-gradient(#133183, #267cc0); /* height:399px;*/ } .neitem { width: 100%; height: 100%; padding: 74px 0 80px 54px; } .neleft { width: 290px; padding-right: 0; } .neright { width: calc(100% - 315px); } .neright p { /*writing-mode:tb-rl;*/ color: #f9f9f9; font-size: 14px; font-family: "微软雅黑"; letter-spacing: 1px; width: 16px; text-align: center; } .lianjie { display: block; width: 287px; height: 43px; border: 1px solid #959494; text-align: center; transition: all 0.8s; } .lianjie span { color: #959494; line-height: 43px; font-size: 16px; transition: all 0.8s; } .lianjie span:nth-child(2) { margin-left: 2px; transition: all 0.8s; } .neleft h2 { font-size: 24px; font-family: "微软雅黑"; color: #505256; margin-bottom: 44px; position: relative; height: 24px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .neleft h2::after { position: absolute; content: ''; width: 25px; height: 2px; background: #7bd8ff; left: 0; bottom: -18px; } .newshengxian { width: 25px; height: 2px; background: #7bd8ff; transform: translate(1px, -20px); } .neleft p { font-size: 14px; font-family: "微软雅黑"; color: #959494; line-height: 24px; margin-bottom: 50px; height: 74px; overflow: hidden; padding-right: 35px; } .nelistboxx { width: 100%; } .neconright .nelist { position: relative; visibility: visible; animation-duration: 1s; animation-name: fadeInUp; } .neconright .nelist::after { content: ''; position: absolute; top: 0; left: 0; width: 1px; height: 100%; background-color: rgba(255, 255, 255, 0.11); } .neconright .nelist:nth-child(1)::after { display: none; } .neconright .nelist:nth-child(4)::after { display: none; } .neconright .nelist:nth-child(6) { background: none; animation-delay: 1s; } .neconright .nelist:nth-child(5) { /* background:-webkit-linear-gradient(left, #173e8e, #1f62ab); background:-o-linear-gradient(left, #173e8e, #1f62ab); background:linear-gradient(left, #173e8e, #1f62ab);*/ /*border-left:1px solid rgba(255,255,255,0.11);*/ background:#f6f6f6; /* background: -webkit-linear-gradient(left, #1a4d9a, #226eb5); */ /* background: -o-linear-gradient(left, #1a4d9a, #226eb5); */ /* background: linear-gradient(left, #1a4d9a, #226eb5); */ animation-delay: 0.8s; } .neconright .nelist:nth-child(4) { /*background:-webkit-linear-gradient(left, #102579,#174190); background:-o-linear-gradient(left, #102579,#174190); background:linear-gradient(left, #102579,#174190);*/ background:#f6f6f6; /* background: -webkit-linear-gradient(left, #122b7e, #1a4d9a); */ /* background: -o-linear-gradient(left, #122b7e, #1a4d9a); */ /* background: linear-gradient(left, #122b7e, #1a4d9a); */ animation-delay: 0.6s; } .neconright .nelist:nth-child(3) { background:#f6f6f6; /* background: -webkit-linear-gradient(left, #226eb5, #2885c7); */ /* background: -o-linear-gradient(left, #226eb5, #2885c7); */ /* background: linear-gradient(left, #226eb5, #2885c7); */ animation-delay: 0.4s; } .neconright .nelist:nth-child(2) { background:#f6f6f6; /* background: -webkit-linear-gradient(left, #1a4d9a, #226eb5); */ /* background: -o-linear-gradient(left, #1a4d9a, #226eb5); */ /* background: linear-gradient(left, #1a4d9a, #226eb5); */ /*border-right:1px solid rgba(255,255,255,0.11); border-left:1px solid rgba(255,255,255,0.11);*/ animation-delay: 0.2s; } .neconright .nelist:nth-child(1) { background:#f6f6f6; /* background: -webkit-linear-gradient(left, #122b7e, #1a4d9a); */ /* background: -o-linear-gradient(left, #122b7e, #1a4d9a); */ /* background: linear-gradient(left, #122b7e, #1a4d9a); */ } .neconright .nelist:nth-child(6) .nelistboxx { /* background:-webkit-linear-gradient(left, #2065ad, #2780c3); background:-o-linear-gradient(left, #2065ad, #2780c3); background:linear-gradient(left, #2065ad, #2780c3);*/ width: 100%; height: 185px; background:#f6f6f6; /* background: -webkit-linear-gradient(left, #226eb5, #2885c7); */ /* background: -o-linear-gradient(left, #226eb5, #2885c7); */ /* background: linear-gradient(left, #226eb5, #2885c7); */ } .lianjiea { position: relative; top: 70px; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); width: 255px; height: 62px; line-height: 62px; background:#fff; /* background: -webkit-linear-gradient(left, rgba(14, 35, 120, 0.6), rgba(40, 133, 199, 0.6)); */ /* background: -o-linear-gradient(left, rgba(14, 35, 120, 0.6), rgba(40, 133, 199, 0.6)); */ /* background: linear-gradient(left, rgba(14, 35, 120, 0.6), rgba(40, 133, 199, 0.6)); */ border: none; } .earthmap { width: 1035px; margin: 0 auto 0px; visibility: visible; animation-duration: 1s; animation-delay: 0.8s; animation-name: fadeIn; position: relative; /* padding-bottom:43px;*/ } .earth { padding-bottom: 43px; } .lianhua { width: 100%; position: relative; /* height:501px;*/ } .lianhua::after { position: absolute; content: ''; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.72); z-index: 0; top: 0; left: 0; background: url(../images/fangkuaiyi.png) repeat rgba(0, 0, 0, 0.27); } .videoboxa video { height: 496px; } .lianhuacon { width: 1460px; margin: 0 auto; top: 0; right: 100px; position: absolute; padding-top: 116px; z-index: 1; } .lianhuaitem h4 { font-size: 60px; font-family: "Arial"; color: #25549e; visibility: visible; animation-duration: 1s; animation-name: fadeInUp; } .lianhuaitem h4 i { font-size: 18px; font-family: "Arial"; color: #25549e; font-style: normal; } .lianhuaitem p { font-size: 16px; font-family: "微软雅黑"; color: #ffffff; margin-top: 20px; visibility: visible; animation-duration: 1s; animation-name: fadeInUp; animation-delay: 0.2s; } .lianhuaitem { padding: 0 65px; visibility: visible; animation-duration: 1s; animation-name: fadeInUp; } .lianhuaitem:nth-child(1) { animation-delay: 0.1s; } .lianhuaitem:nth-child(2) { animation-delay: 0.2s; } .lianhuaitem:nth-child(3) { animation-delay: 0.3s; } .lianhuaitem:nth-child(4) { animation-delay: 0.4s; } .videobox { width: 100%; height: 100%; /* position:relative;*/ position: absolute; z-index: 1 } .videobox video { min-height: 100%; width: 100%; position: absolute; top: 0; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .lianhuabt h3 { font-size: 48px; font-family: "微软雅黑"; color: #ffffff; } .lianhuabg img { width: 100%; } .lianhuamore { display: block; width: 150px; height: 40px; border: 1px solid rgba(255, 255, 255, 0.5); text-align: center; margin-top: 103px; transition: all 0.8s; visibility: visible; animation-duration: 1s; animation-name: fadeInUp; } .lianhuamore span { font-size: 16px; font-family: "微软雅黑"; color: #ffffff; line-height: 40px; transition: all 0.8s; } .lianhuamore span:nth-child(2) { margin-left: 2px; transition: all 0.8s; } .footer { width: 100%; background: #1c2d39; padding-top: 50px; border-top: 1px solid rgba(255, 255, 255, 0.18); position: relative; } .lianhuabg { position: absolute; left: 0; top: -188px; width: 100%; background: url(../images/beijing.png) no-repeat center; background-size: cover; height: 187px; } .ft_con { width: 1200px; margin: 0 auto; position: relative; } .ft_itembox a { font-size: 14px; font-family: "微软雅黑"; color: #ffffff; display: block; padding: 11px 0; } .ft_itemboxa { margin-left: 100px; } /*分享*/ .d2-f-fenx { display: inline-block; } /*图标分享*/ .bshare_box { position: absolute; width: 100%; height: 100%; left: 0; top: 0; } .bshare_box a { width: 100% !important; height: 100% !important; display: block; opacity: 0 !important; } .bsPromo { width: 100%; height: 100%; display: block !important; opacity: 0 !important; position: absolute; top: 0; left: 0; } .l-r-topb { position: relative; height: 100%; width: 42px; height: 42px; text-align: center; line-height: 42px; margin-right: 8px; transition: all .3s ease-out 0s; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; border-radius: 50%; border: 1px solid rgba(255, 255, 255, 0.15); } .l-r-topba { margin-right: 0; } .l-r-topb i { color: #fff; font-size: 38px; } .bsTop { width: 100%!important; padding-top: 5px; } .linkedin { color: #999999!important; font-size: 50px!important; } .weibo { color: #999999!important; font-size: 22px!important; } .wx { color: #999999!important; font-size: 18px!important; position: absolute; top: 50%; -webkit-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); transform: translate(-50%, -50%); left: 50%; } .fenxianga { position: relative; bottom: 0; right: 0; margin: 133px auto 12px; } .fenxianga .l-r-topb { width: 50px; height: 50px; border: 2px solid #999999; text-align: center; line-height: 50px; margin-right: 44px; position: relative; } .fenxianga .fenicont { width: 300px; } .footer .item4 { /*width: 285px;*/ /*margin: 50px 0 50px 0px;*/ margin-top: 36px; width: 100%; } .footer .item4 .link { position: relative; width: 150px; margin-right: auto; } .footer .item4 .link span { -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s; } .footer .item4 .link span.act { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .footer .item4 .link .head { width: 150px; padding-top: 14px; padding-right: 18px; padding-bottom: 14px; padding-left: 14px; cursor: pointer; color: #fff; border: 1px solid rgba(255, 255, 255, 0.5); } .footer .item4 .link .drop { position: absolute; bottom: 44px; left: 0; overflow: hidden; width: 100%; max-height: 100px; height: 100px !important; /* -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s;*/ border: 1px solid #fff; border-bottom: none; display: none; } .footer .item4 .link .drop li { padding-top: 14px; padding-right: 20px; padding-bottom: 14px; padding-left: 15px; text-align: left; background: #2f333d; } .footer .item4 .link .drop li a { color: #fff; } .footer .item4 .link2 { padding-top: 33px; text-align: right; } .footer .item4 .link2 a { font-size: 18px; line-height: 30px; display: inline-block; width: 30px; height: 30px; margin-left: 8px; text-align: center; vertical-align: middle; color: #fff; border-radius: 50%; } .footer .item4 .link2 .a1 { background: #57c839; } .footer .item4 .link2 .a2 { line-height: 26px; background: #118fd1; } .footer .item4 .link2 .a3 { background: #63b3f0; } .footer .item4 .link2 .a4 { background: #3b5998; } .footer .item4 .link2 .a5 { background: #ec3335; } .footer .left, .footer .right { display: inline-block; vertical-align: top; } .footer .right { width: calc(100% - 38px); width: -webkit-calc(100% - 38px); padding-left: 24px; } .footer .right { width: calc(100% - 50px); width: -webkit-calc(100% - 50px); padding-left: 24px; } .footer p { line-height: 1.85; letter-spacing: .75px; color: rgba(255, 255, 255, .5); } .footer h4 { font-family: '微软雅黑'; color: #fff; font-size: 16px; } .fenicont { /*width:103px;*/ display: inline-block; } .foot_right { text-align: center; } .foot_right .QR{ display: flex; } .footp { text-align: center; padding: 25px 0 34px; } .footp p { color: #bbbec0; /* color:rgba(157,187,210,0.6);*/ font-size: 14px; font-family: "微软雅黑"; } .footp p a { color: #bbbec0; /*color:rgba(157,187,210,0.6);*/ font-size: 14px; font-family: "微软雅黑"; } .footp img { margin-left: 10px; } .ftlogo { width: 95px; position: absolute; top: -95px; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); background: #1c2d39; } .ftlogo img { width: 100%; } .heixinlistbox { position: relative; } .heixinlist { width: 100%; visibility: visible; animation-duration: 1s; animation-name: fadeInUp; } .heixinlist .slick-dots { bottom: -81px; } .heixinlist .slick-dots li { width: 16px; height: 16px; background: #e5e5e5; border-radius: 0; margin: 0 9px; } .heixinlist .slick-dots li.slick-active { background: #005599; } .hxin_item { position: relative; width: 1200px; margin: 0 54px; } .heixinlist .slick-active .hxin_txt { display: block; } .hitbox { width: 100%; opacity: 0.3; } .heixinlist .slick-active .hitbox { opacity: 1; } .hxin_txt { position: absolute; background: #fff; width: 380px; height: 422px; bottom: 10px; left: 10px; padding: 56px 53px 42px; display: none; z-index: 1; } .hxin_txt h2 { color: #333333; font-size: 30px; font-family: "微软雅黑"; position: relative; animation-duration: 1s; animation-name: fadeInUp; visibility: visible !important; } .hxin_txt h2::after { position: absolute; top: 8px; content: ''; width: 73px; height: 2px; background: #0067da; left: -97px; } .hxin_txt>p { color: #666666; font-size: 16px; font-family: "微软雅黑"; margin: 30px 0 76px; line-height: 30px; animation-duration: 1s; animation-name: fadeInUp; visibility: visible !important; } .hxin_txt a { color: #0067da; font-size: 20px; font-family: "微软雅黑"; animation-duration: 1s; animation-name: fadeInUp; visibility: visible !important; } .gengduo span { color: #0067da; font-size: 20px; font-family: "微软雅黑"; } .pagebox { width: 100%; text-align: center; margin-top: 66px; } .pagebox p { color: #999999; font-size: 24px; font-family: "Arial"; } .pagebox p i { font-style: normal; color: #333333; font-size: 36px; font-family: "Arial"; } .lianhuabt { width: 192px; visibility: visible; animation-duration: 1s; animation-name: fadeInUp; } .lianhuarighta { width: calc(100% - 227px); } .earthmap img { max-width: 100%; } .videoaa { width: 100%; position: relative; height: 496px; overflow: hidden; } .videoaa video { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: auto; height: auto; } .videoaa img { width: 100%; } .lianjie:hover { color: #fff; } .heixinlist .slick-prev, .heixinlist .slick-next { background: #b2b2b2; width: 91px; height: 56px; z-index: 50; } .heixinlist .slick-prev { left: 13.3%; background: url(../images/prev.png) no-repeat center #b2b2b2; } .heixinlist .slick-next { right: 13.3%; background: url(../images/next.png) no-repeat center #b2b2b2; } .jian { margin-left: 12px; display: inline-block; line-height: 62px; transition: all 0.8s; width: 9px; } .jian img { width: 100%; } .liaojie { font-family: "微软雅黑"; font-size: 18px; color: #999999; display: inline-block; line-height: 62px; } .liaojie:hover{ color:#fff; } .jk { display: inline-block; } .hxin_txt .gengduo span:nth-child(2) { margin-left: 2px; transition: all 0.8s; } .hitbox a { display: block; overflow: hidden; } .hitbox img { transition: all 1s; } @media screen and (min-width:1200px) { .xailabox a:hover { color: #000; } .navitem a:hover { color: #25549e; } .lianhuamore:hover span { color: #25549e; transition: all 0.8s; } .lianhuamore:hover .lianhuaspana { margin-left: 10px; } .lianhuamore:hover { /* border-color:#25549e;*/ background-color: #fff; transition: all 0.8s; } .ft_itembox a:hover { color: #25549e; } .hxin_txt:hover .gengduo span:nth-child(2) { margin-left: 20px; transition: all 0.5s; } .lianjie:hover span:nth-child(2) { margin-left: 20px; transition: all 0.5s; } .lianjie:hover span { color: #fff; transition: all 0.5s; } .lianjie:hover { background-color: #55A6DB; transition: all 0.5s; } .lianjiea:hover .jian { margin-left: 30px; transition: all 0.5s; } .neleft h2:hover { color: #000; transition: all 0.3s; } .neleft p:hover { color: #000; transition: all 0.3s; } .lianjiea:hover span:nth-child(2) { margin-left: 10px; transition: all 0.8s; } .hxin_item:hover img { transition: all 1s; transform: scale(1); } .lianjiebox:hover a { background: linear-gradient(to right, #132d81, #2169b1); } .lianjiebox:hover span { color: #fff; } .lianjiebox:hover .jia { margin-left: 15px; } .chuan:hover { z-index: 3; transform: scale(1.1); } .xingkong:hover { z-index: 3; transform: scale(1.1); } .wenua_item:hover { margin-top: -50px; } /* .wenhu_list .wenua_item:hover img{ transform: scale(1.1); }*/ /* .wenhu_list .wenua_item:hover .wenhua_txt::after{ height:100%; }*/ /* .wenhu_list .wenua_item:hover h3{ color:#fff; }*/ /*.wenhu_list .wenua_item:hover h3::after{ background:#fff; }*/ .newslist:hover .c1lianjie .jiac1 { margin-left: 10px; } .newslist:hover .c1lianjie { background: #122b7f; border-color: #122b7f; } .newslist:hover .c1lianjie span { color: #fff; } .newslist:hover h3 { color: #122b7f; transform: translateX(10px) } .newslist:hover .c1newsp { transform: scale(1.1); } .c1riitem:hover h4 { transform: translateX(10px) } .c1riitem:hover a { background: -webkit-linear-gradient(right, #122b7f, #267dc1); background: -o-linear-gradient(right, #122b7f, #267dc1); background: linear-gradient(to left, #122b7f, #267dc1); } .e1news .news_list .news_itema:hover { background: url(../images/newse1a.jpg) no-repeat center; background-size: cover; } .e1news .news_list .news_itema:hover h3 { color: #fff; font-weight: bold; } .e1news .news_list .news_itema:hover p { color: #fff; } .e1news .news_list .news_itema:hover span { color: #fff; } .e1news .news_list .news_itema:hover i { color: #fff; } .e1news .news_list .news_itema:hover .news_item { border-bottom: 1px solid rgba(255, 255, 255, 0); } .d4ccase a:hover .d4lian { margin-left: 10px; } .d4ccase a:hover { background: -webkit-linear-gradient(right, #11267a, #2884c6); background: -o-linear-gradient(right, #11267a, #2884c6); background: linear-gradient(to left, #11267a, #2884c6); } .d5listbox .d5item:hover img { transform: scale(1.1); } .d5listbox .d5item:hover h3 { color: #25549e; } .d5listbox .d5item:hover p { color: #25549e; } .d7list .d7item:hover img { filter: grayscale(100%) } .ifitem:hover .e1timea h4 { color: #25549e; } .ifitem:hover .e1rileft h2 { color: #25549e; } .ifitem:hover .e1timea { transform: translateX(28px) } .ifitem:hover .e1rileft { transform: translateX(28px) } .ifitem:hover h4::before { background: #25549e; } .ifitem:hover { background: #fff; /* width:1285px;*/ box-shadow: 0px 1px 23px #e6e6e6; border: none; } .iflist .ifitem:nth-child(1):hover { border-top: none; } .e2body .ifitem:hover { background: none; box-shadow: 0px 1px 23px #fff; border-bottom: 1px solid #e5e5e5; } .e2body .ifitem:hover .e1timea h4 { color: #fff; } .c2neipic:hover img { transform: scale(1.1); } .d1picbox:hover img { transform: scale(1.1); } .inter_right:hover img { transform: scale(1.1); } .dongchitem:hover .e3lianhuameng { top: 0; } .nav_asida:hover .lanjian { opacity: 1; } .f3btnleftbox:hover { background: linear-gradient(to left, #122a7e, #277fc2); } .lianhuaitemaa:hover .f3toumnga { transform: scale(1.1); } .lianhuaitemaa:hover .f3jia { margin-left: 10px; } .lianhuam_lianjie:hover .lhu_aa::after { height: 100%; } .lianhuam_lianjie:hover a { color: #fff; } .g2itema:hover { background: url(../images/g2bgg.jpg) no-repeat center; background-size: cover; } .g2itema:hover h3 { color: #fff; } .g2itema:hover p { color: #d2e8f3; } .g2itema:hover .rencai01 { opacity: 0; } .g2renbtitem:hover { border-color: #25549e; } .g2renbtitem:hover h5:after { opacity: 1; } } #drop .mCSB_inside>.mCSB_container { margin-right: 0; } .slick-vertical .banner_item.slick-slide { border: none !important; overflow: hidden; } .youqing { width: 100%; height: 40px; border: 1px solid #c2c2c2; padding: 0 25px 0 12px; background-image: url(../images/anniu.png); background-size: 11px 6px; background-repeat: no-repeat; background-position: 94% 50%; position: relative; cursor: pointer; } .youqingsanjiao { width: 14px; position: absolute; top: 50%; transform: translateY(-50%); right: 17px; } .jian_b { display: none; } .youqingsanjiao.active .jian_b { display: block; } .youqingsanjiao.active .jian_a { display: none; } .youqingsanjiao img { width: 100%; } .youqingbox { width: 100%; line-height: 38px; font-family: "微软雅黑"; font-size: 14px; color: #d4d8e0; text-align: left; } .xailabox { width: 90%; text-align: left; } .xailabox a { font-size: 14px; line-height: 30px; color: #fff; font-family: "微软雅黑"; font-size: 14px; line-height: 30px; } .youqingbox2 { position: absolute; bottom: 40px; left: 0; width: 100%; height: 155px; overflow: hidden; background-color: #005baa; display: none; padding: 10px 5px 0 15px; } /***b1***/ .b1_banner { width: 100%; overflow: hidden; background: #fff; min-height: 789px; } .bg video { width: 100%; } video { object-fit: cover; } .b1banner { width: 100%; position: relative; } .bav_txt { position: absolute; width: 1200px; /*top:calc(50% + 86px);*/ top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .b1bt { text-align: center; width: 928px; margin: 0 auto; } .b1bt h2 { color: #ffffff; font-size: 48px; font-family: "微软雅黑"; } .b1bt p { color: #ffffff; font-size: 16px; font-family: "微软雅黑"; line-height: 30px; margin-top: 36px; /* height:60px;*/ overflow: hidden; } .b1_box h3 { color: #25549e; font-size: 18px; font-family: "微软雅黑"; } .b1_box h3 span { color: #25549e; font-size: 60px; font-family: "微软雅黑"; font-weight: bold; } .b1_box p { color: #ffffff; font-size: 16px; font-family: "微软雅黑"; line-height: 30px; margin-top: 10px; } .b1_list { width: 100%; margin-top: 80px; } .b1_item { width: 25%; text-align: center; } .b1_item:nth-child(1) { animation: fadeInUp 1.8s; } .b1_item:nth-child(2) { animation: fadeInUp 2.4s; } .b1_item:nth-child(3) { animation: fadeInUp 3s; } .b1_item:nth-child(4) { animation: fadeInUp 3.6s; } .lianhuabig { width: 100%; padding: 170px 0 120px; overflow: hidden; } .lianhua_con { width: 1200px; margin: 0 auto; } .lihua_left { width: 50%; position: relative; height: 705px; } .chuan { position: absolute; top: 0; left: 0; width: 601px; z-index: 2; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s; overflow: hidden; animation: fadeInUp 1.6s; } .lan { animation: fadeInUp 2.8s; } .xingkong { position: absolute; bottom: 0; right: -80px; width: 268px; z-index: 3; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s; overflow: hidden; animation: fadeInUp 1.6s; } .lan { width: 602px; position: absolute; bottom: 174px; right: -104px; z-index: 1; } .santu img { width: 100%; } .lihua_right { width: 50%; } .lihua_txt { width: 100%; padding-left: 160px; padding-top: 80px; } .lihua_txt h2 { color: #333333; font-weight: bold; font-family: "微软雅黑"; letter-spacing: 1px; font-size: 18px; animation: fadeInUp 1.8s; } .lihua_txt h3 { color: #25549e; font-family: "微软雅黑"; letter-spacing: 1px; font-size: 36px; margin: 22px 0 93px; position: relative; animation: fadeInUp 2s; } .lihua_txt h3::after { position: absolute; content: ''; width: 36px; height: 1px; background: #25549e; left: 0; bottom: -50px; } .lihua_txt p { color: #333333; font-family: "微软雅黑"; letter-spacing: 1px; font-size: 16px; line-height: 30px; animation: fadeInUp 2.5s; padding-right: 103px; } .lianjiebox { margin-top: 67px; } .lianjiebox a { display: block; width: 150px; height: 50px; line-height: 50px; color: #2885c7; border: 1px solid #2885c7; text-align: center; } .lianjiebox a span { color: #2885c7; font-size: 16px; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s; } .douhao { width: 51px; margin: 107px 0 0 65px; } .douhao img { width: 100%; } .wenhua { width: 100%; height: 562px; overflow: hidden; } .wenhuacon { width: 1200px; margin: 0 auto; padding: 111px 0 8px; transform: translateX(24px); } .wenhaunt { width: 100%; text-align: right; margin-bottom: 92px; } .wenhaunt h2 { color: #ffffff; font-family: "微软雅黑"; font-size: 30px; position: relative; padding-right: 18px; } .wenhaunt h2::after { position: absolute; content: ''; width: 243px; height: 1px; background: #ffffff; right: 46px; bottom: -20px; } .wenhu_list { width: 100%; margin: 0 -10px; } .wenua_item { width: 33.333333%; padding: 0 10px; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s; margin-top: -25px; } .wenua_item:nth-child(1) { animation: fadeInUp 2.4s; } .wenua_item:nth-child(2) { animation: fadeInUp 2s; } .wenua_item:nth-child(3) { animation: fadeInUp 1.8s; } .wenhua_box { width: 100%; height: 100%; } .wenhu_pic { position: relative; overflow: hidden; background: #fff; } .wenhu_pic img { width: 100%; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s; } .wen_a { position: absolute; top: 0; left: 0; } .wenhua_txt { height: 112px; text-align: center; padding-top: 40px; background: #fff; position: relative; } .wenhua_txt::after { position: absolute; content: ''; width: 100%; height: 0; background: #2885c7; bottom: 0; left: 0; z-index: 5; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s; } .wenhua_txt h3 { color: #333333; font-family: "微软雅黑"; font-size: 20px; height: 20px; padding: 0 5px; position: relative; z-index: 10; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s; } .wenhua_txt h3::after { position: absolute; content: ''; width: 33px; height: 1px; background: #25549e; bottom: -14px; left: 50%; transform: translateX(-50%); } .b1body .earth { width: 100%; padding: 152px 0 136px; background: #fff; } .earth_bt h2 { text-align: center; color: #25549e; font-size: 30px; font-family: "微软雅黑"; letter-spacing: 1px; margin-bottom: 56px; } .bg_boxa { position: relative; z-index: 10; } .bggu { width: 100%; position: fixed; z-index: 5; top: 0; left: 0; opacity: 0; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s; } .bggu.act { opacity: 1; } .bggu img { width: 100%; } .padmap { width: 100%; display: none; } .padmap img { width: 100%; } /***b2***/ .introduce { width: 100%; padding-top: 109px; background: #f4f9fc; overflow: hidden; } .introduce_con { width: 1200px; margin: 0 auto; background: #fff; } .inter_shang { padding: 57px 40px 34px; width: 100%; animation: fadeInUp 2s; } .inter_shang h3 { color: #25549e; font-size: 18px; font-family: "微软雅黑"; font-weight: bold; line-height: 1.5; } .inter_shang p { color: #999999; font-size: 14px; font-family: "微软雅黑"; line-height: 24px; overflow: hidden; margin-top: 53px; } .inter_left { width: 552px; padding: 0 37px; } .inter_left p { color: #999999; font-size: 14px; font-family: "微软雅黑"; line-height: 24px; margin-bottom: 16px; overflow: hidden; } .b2wenbe { margin-top: 30px; height: 48px!important; overflow: hidden; } .inter_right { width: 648px; overflow: hidden; } .inter_right img { max-width: 100%; transition: all .3s ease-out 0s; width: 100%; } .b2_lianhua { width: 100%; } .b2_lianhua_con { width: 1200px; margin: 0 auto; } .lianhuaright { width: 648px; } .value { width: 100%; height: 100%; } .valuecon { width: 1200px; margin: 0 auto; /* padding-top:240px;*/ position: relative; top: 50%; transform: translateY(-50%); } .heixnzhi { width: 153px; padding-top: 68px; } .heyou { width: calc(100% - 153px); } .heyoubox { width: 875px; } .heixnzhi h4 { color: #ffffff; font-size: 14px; font-family: "微软雅黑"; position: relative; } .heixnzhi h4::after { position: absolute; content: ''; width: 346px; height: 1px; background: #fff; opacity: 0.3; top: 50%; transform: translateY(-50%); left: -358px; } .heyoubox h2 { color: #ffffff; font-size: 36px; font-family: "微软雅黑"; margin-bottom: 92px; position: relative; animation: fadeInUp 2.1s; } .heyoubox h2::after { position: absolute; content: ''; height: 1px; width: 54px; bottom: -42px; left: 0; background: #fff; } .heyoubox p { line-height: 36px; position: relative; height: 36px; } .heyoubox p span { color: #ffffff; font-size: 16px; font-family: "微软雅黑"; line-height: 36px; display: block; } .heyoubox p .spana { width: 48px; position: relative; } .heyoubox p .spana::after { position: absolute; content: ''; left: -10px; top: 17px; width: 2px; height: 2px; background: #fff; } .heyoubox p { animation: fadeInUp 2.5s; } .heyoubox p .sapnb { width: calc(100% - 48px); } .scroll { width: 23px; margin: 115px auto 0; cursor: pointer; cursor: pointer; position: absolute; bottom: 25px; left: 50%; transform: translateX(-50%); } .dian { width: 12px; height: 12px; background: #25549e; border-radius: 50%; margin-top: 43px; margin-left: 10px; } .vision { height: 100%; } .vision .valuecon { /*padding-top:185px;*/ } .vision .valuecon .heyoubox p { line-height: 30px; height: 60px; overflow: hidden; color: #fff; font-size: 16px; } .Mission .valuecon .heyoubox p { font-size: 24px; } .vision .heixnzhi h4::after { display: none; } .diana { margin-top: 0; position: relative; } .diana::after { position: absolute; content: ''; width: 346px; height: 1px; background: #fff; opacity: 0.3; top: 50%; transform: translateY(-50%); left: -358px; } .vision .heixnzhi h4 { margin-top: 40px; } .dianab { margin-top: 40px; } .vision .heixnzhi { padding-top: 37px; } .vision .scroll { margin-top: 245px; } .Mission { height: 100%; } .Mission .valueco { padding-top: 240px; } .map-dot { width: 9px; height: 9px; background: #005599; border-radius: 50%; position: absolute; opacity: 0; } .map-dot--0 { top: 26.367187%; right: 15.072464%; width: 60px; height: 60px; background: rgba(0, 85, 153, 0.2); } .map-dot--1 { top: 39.0625%; right: 16.714976%; animation-delay: 1.04s; } .map-dot--2 { top: 57.421875%; right: 21.449275%; animation-delay: 1.4s; } .map-dot--3 { top: 42.382812%; right: 39.42029%; animation-delay: 1.76s; } .map-dot--4 { bottom: 23.4375%; right: 50.048309%; animation-delay: 2.12s; } .map-dot--5 { top: 61.132812%; right: 78.26087%; animation-delay: 2.48s; } .map-dot--6 { top: 17.1875%; right: 55.652174%; animation-delay: 2.84s; } .map-dot--7 { width: 33px; height: 33px; background: rgba(0, 85, 153, 0.3); top: 50%; left: 50%; transform: translate(-50%, -50%); } .map-dot--8 { top: 50%; left: 50%; transform: translate(-50%, -50%); } .map-lines { position: absolute; top: 0; left: 0; z-index: 10; fill: none; -webkit-stroke: #005599; -moz-stroke: #005599; -ms-stroke: #005599; -o-stroke: #005599; stroke: #005599; -webkit-stroke-width: .6px; -moz-stroke-width: .6px; -ms-stroke-width: .6px; -o-stroke-width: .6px; stroke-width: .6px; } @keyframes animation-line { 0% { stroke-dashoffset: 700px } 14.28571% { stroke-dashoffset: 0px } 61.42857% { stroke-dashoffset: 0px } 85.71429% { stroke-dashoffset: -700px } to { stroke-dashoffset: -700px } } @-webkit-keyframes animation-line { 0% { -webkit-stroke-dashoffset: 700px } 14.28571% { -webkit-stroke-dashoffset: 0px } 61.42857% { -webkit-stroke-dashoffset: 0px } 85.71429% { -webkit-stroke-dashoffset: -700px } to { -webkit-stroke-dashoffset: -700px } } @-moz-keyframes animation-line { 0% { -moz-stroke-dashoffset: 700px } 14.28571% { -moz-stroke-dashoffset: 0px } 61.42857% { -moz-stroke-dashoffset: 0px } 85.71429% { -moz-stroke-dashoffset: -700px } to { -moz-stroke-dashoffset: -700px } } @-o-keyframes animation-line { 0% { -o-stroke-dashoffset: 700px } 14.28571% { -o-stroke-dashoffset: 0px } 61.42857% { -o-stroke-dashoffset: 0px } 85.71429% { -o-stroke-dashoffset: -700px } to { -o-stroke-dashoffset: -700px } } /****/ @keyframes animation-linea { 0% { stroke-dashoffset: -700px } 14.28571% { stroke-dashoffset: 0px } 61.42857% { stroke-dashoffset: 0px } 85.71429% { stroke-dashoffset: 700px } to { stroke-dashoffset: 700px } } @-webkit-keyframes animation-linea { 0% { -webkit-stroke-dashoffset: -700px } 14.28571% { -webkit-stroke-dashoffset: 0px } 61.42857% { -webkit-stroke-dashoffset: 0px } 85.71429% { -webkit-stroke-dashoffset: 700px } to { -webkit-stroke-dashoffset: 700px } } @-moz-keyframes animation-linea { 0% { -moz-stroke-dashoffset: -700px } 14.28571% { -moz-stroke-dashoffset: 0px } 61.42857% { -moz-stroke-dashoffset: 0px } 85.71429% { -moz-stroke-dashoffset: 700px } to { -moz-stroke-dashoffset: 700px } } @-o-keyframes animation-linea { 0% { -o-stroke-dashoffset: -700px } 14.28571% { -o-stroke-dashoffset: 0px } 61.42857% { -o-stroke-dashoffset: 0px } 85.71429% { -o-stroke-dashoffset: 700px } to { -o-stroke-dashoffset: 700px } } .map-line--6 { animation: animation-linea 10.04s ease-in!important; animation-fill-mode: forwards!important; animation-iteration-count: infinite!important; animation-delay: 2.66s!important; } /****/ svg:not(:root) { overflow: hidden; } /*.map-line .scrollTip.animate{animation: animation-line 800ms;}*/ .map-line { stroke-dashoffset: 700px; stroke-dasharray: 700px; animation: animation-line 10.04s ease-in; animation-fill-mode: forwards; animation-iteration-count: infinite; } .is-ie .map-line { stroke-dashoffset: 0!important; animation-name: animation-line-fallback; } .map-line--1 { animation-delay: .86s; } .map-line--2 { animation-delay: 1.22s; } .map-line--3 { animation-delay: 1.58s; } .map-line--4 { animation-delay: 1.94s; } .map-line--5 { animation-delay: 2.3s; } .map-line--6 { animation-delay: 2.66s; } .is-ie .map-dot { stroke-dashoffset: 0!important; animation-name: animation-line-fallback-box; } @keyframes animation-line-fallback-box { 0% { opacity: 1 } 14.28571% { opacity: 1 } 61.42857% { opacity: 1 } 85.71429% { opacity: 0 } to { opacity: 0.5 } } @-webkit-keyframes animation-line-fallback-box { 0% { -webkit-opacity: 1 } 14.28571% { -webkit-opacity: 1 } 61.42857% { -webkit-opacity: 1 } 85.71429% { -webkit-opacity: 0 } to { -webkit-opacity: 0.5 } } @-moz-keyframes animation-line-fallback-box { 0% { -moz-opacity: 1 } 14.28571% { -moz-opacity: 1 } 61.42857% { -moz-opacity: 1 } 85.71429% { -moz-opacity: 0 } to { -moz-opacity: 0.5 } } @-o-keyframes animation-line-fallback-box { 0% { -o-opacity: 1 } 14.28571% { -o-opacity: 1 } 61.42857% { -o-opacity: 1 } 85.71429% { -o-opacity: 0 } to { -o-opacity: 0.5 } } .map-dot { -webkit-animation: animation-dot 4.04s cubic-bezier(.25, .74, .22, .99); -moz-animation: animation-dot 4.04s cubic-bezier(.25, .74, .22, .99); -ms-animation: animation-dot 4.04s cubic-bezier(.25, .74, .22, .99); -o-animation: animation-dot 4.04s cubic-bezier(.25, .74, .22, .99); animation: animation-dot 4.04s cubic-bezier(.25, .74, .22, .99); -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; -ms-animation-iteration-count: infinite; -o-animation-iteration-count: infinite; animation-iteration-count: infinite; } @-webkit-keyframes animation-dot { 0% { -webkit-opacity: 0; opacity: 0; } 14.28571% { -webkit-opacity: 1; opacity: 1 } 26.42857% { -webkit-opacity: 1; opacity: 1 } 40.71429% { -webkit-opacity: 0; opacity: 0 } to { -webkit-opacity: 0; opacity: 0 } } @-moz-keyframes animation-dot { 0% { -moz-opacity: 0; opacity: 0 } 14.28571% { -moz-opacity: 1; opacity: 1 } 26.42857% { -moz-opacity: 1; opacity: 1 } 40.71429% { -moz-opacity: 0; opacity: 0 } to { -moz-opacity: 0; opacity: 0 } } @-o-keyframes animation-dot { 0% { -o-opacity: 0; opacity: 0 } 14.28571% { -o-opacity: 1; opacity: 1 } 26.42857% { -o-opacity: 1; opacity: 1 } 40.71429% { -o-opacity: 0; opacity: 0 } to { -o-opacity: 0; opacity: 0 } } @keyframes animation-dot { 0% { opacity: 0; } 14.28571% { opacity: 0.5; } 26.42857% { opacity: 1; } 40.71429% { opacity: 0; } to { opacity: 1; } } .map-dot--1 { animation-delay: 1.04s; } .map-dot--2 { animation-delay: 1.4s; } .map-dot--3 { animation-delay: 1.76s; } .map-dot--4 { animation-delay: 2.12s; } .map-dot--5 { animation-delay: 2.48s; } .map-dot--6 { animation-delay: 2.84s; } .map-dot--0 { -webkit-animation: fade-in 1.8s cubic-bezier(.25, .74, .22, .99); -moz-animation: fade-in 1.8s cubic-bezier(.25, .74, .22, .99); -ms-animation: fade-in 1.8s cubic-bezier(.25, .74, .22, .99); -o-animation: fade-in 1.8s cubic-bezier(.25, .74, .22, .99); animation: fade-in 1.8s cubic-bezier(.25, .74, .22, .99); -webkit-animation-delay: .5s; -moz-animation-delay: .5s; -ms-animation-delay: .5s; -o-animation-delay: .5s; animation-delay: .5s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-iteration-count: 1; -moz-animation-iteration-count: 1; -ms-animation-iteration-count: 1; -o-animation-iteration-count: 1; animation-iteration-count: 1; } .map-dot--7 { -webkit-animation: fade-in 1.8s cubic-bezier(.25, .74, .22, .99); -moz-animation: fade-in 1.8s cubic-bezier(.25, .74, .22, .99); -ms-animation: fade-in 1.8s cubic-bezier(.25, .74, .22, .99); -o-animation: fade-in 1.8s cubic-bezier(.25, .74, .22, .99); animation: fade-in 1.8s cubic-bezier(.25, .74, .22, .99); -webkit-animation-delay: .5s; -moz-animation-delay: .5s; -ms-animation-delay: .5s; -o-animation-delay: .5s; animation-delay: .5s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-iteration-count: 1; -moz-animation-iteration-count: 1; -ms-animation-iteration-count: 1; -o-animation-iteration-count: 1; animation-iteration-count: 1; } .map-dot--8 { -webkit-animation: fade-in 1.8s cubic-bezier(.25, .74, .22, .99); -moz-animation: fade-in 1.8s cubic-bezier(.25, .74, .22, .99); -ms-animation: fade-in 1.8s cubic-bezier(.25, .74, .22, .99); -o-animation: fade-in 1.8s cubic-bezier(.25, .74, .22, .99); animation: fade-in 1.8s cubic-bezier(.25, .74, .22, .99); -webkit-animation-delay: .5s; -moz-animation-delay: .5s; -ms-animation-delay: .5s; -o-animation-delay: .5s; animation-delay: .5s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-iteration-count: 1; -moz-animation-iteration-count: 1; -ms-animation-iteration-count: 1; -o-animation-iteration-count: 1; animation-iteration-count: 1; } @-webkit-keyframes fade-in { 0% { -webkit-opacity: 0; opacity: 0; } to { -webkit-opacity: 1; opacity: 1; } } @-moz-keyframes fade-in { 0% { -moz-opacity: 0; opacity: 0; } to { -moz-opacity: 1; opacity: 1; } } @-o-keyframes fade-in { 0% { -o-opacity: 0; opacity: 0; } to { -o-opacity: 1; opacity: 1; } } @keyframes fade-in { 0% { opacity: 0; } to { opacity: 1; } } @keyframes animation-line-fallback { 0% { opacity: 0 } 14.28571% { opacity: 1 } 26.42857% { opacity: 1 } 40.71429% { opacity: 0 } to { opacity: 0 } } @-webkit-keyframes animation-line-fallback { 0% { -webkit-opacity: 0 } 14.28571% { -webkit-opacity: 1 } 26.42857% { -webkit-opacity: 1 } 40.71429% { -webkit-opacity: 0 } to { -webkit-opacity: 0 } } @-moz-keyframes animation-line-fallback { 0% { -moz-opacity: 0 } 14.28571% { -moz-opacity: 1 } 26.42857% { -moz-opacity: 1 } 40.71429% { -moz-opacity: 0 } to { -moz-opacity: 0 } } @-o-keyframes animation-line-fallback { 0% { -o-opacity: 0 } 14.28571% { -o-opacity: 1 } 26.42857% { -o-opacity: 1 } 40.71429% { -o-opacity: 0 } to { -o-opacity: 0 } } /*****************b4***********************/ .b4banner { width: 100%; position: relative; /*margin-top: 86px;*/ } .b4banner img { width: 100%; position: relative; top: 20px; left: 50%; transform: translateX(-50%); } /**面包屑css*/ .wj_pb_bottom { position: absolute; bottom: 0; left: 0; width: 100%; height: 50px; border-top: 1px solid rgba(255, 255, 255, 0.2); z-index: 10; } .wj_pb_b_cont { width: 1200px; margin: 0 auto; height: 100%; line-height: 50px; } .wj_pb_bc_list { float: left; padding: 17px 30px; border-right: 1px solid rgba(255, 255, 255, 0.2); line-height: 50px; height: 100%; cursor: pointer; position: relative; } .wj_pb_bc_list:hover p { color: #25549e; } .wj_pb_bc_list:hover i { color: #25549e; } .wj_pb_bc_list:nth-child(1) { padding-left: 0; padding-top: 0; } .wj_pb_bc_list img { display: inline-block; width: 13px; } .wj_pb_bc_list i { transition: all .3s ease-out 0s; } .wj_pb_bc_list p { color: #ffffff; font-size: 14px; font-family: "微软雅黑"; font-weight: lighter; float: left; transition: all .3s ease-out 0s; } .wj_pb_bc_list i { float: right; font-size: 13px; color: #ffffff; margin-left: 20px; line-height: 15px; transform: rotate(180deg); } .dns_navs_ul { width: 100%; position: absolute; top: 49px; /*background: linear-gradient(to right,#234e95,#46a9d6 ); */ /*background: #47acd8;*/ left: 0; display: none; background: #25549e; } .dns_navs_ul li { padding-left: 30px; font-size: 14px; font-family: "微软雅黑"; color: #ffffff; line-height: 50px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } .dns_navs_ul li a { /*color: #ffffff;*/ color: #ffffff; position: relative; left: 0; transition: all 0.2s ease; } .dns_navs_ul li:hover a { left: 20px; } .structure { width: 100%; padding-bottom: 221px; } .jiegoubt { width: 100%; text-align: center; } .jiegoubt h2 { font-size: 30px; font-family: "微软雅黑"; color: #464646; position: relative; width: 100%; padding: 60px 0 37px; letter-spacing: 1px; } .jiegoubt h2::after { position: absolute; content: ''; width: 100%; height: 1px; background: rgba(222, 222, 222, 0.5); bottom: 16px; left: 0; } .jiegoubt h2::before { position: absolute; content: ''; width: 124px; height: 1px; background: #25549e; bottom: 16px; left: 50%; transform: translateX(-50%); } .jiegoubt p { font-size: 18px; font-family: "Conv_Roboto-Light", "微软雅黑"; color: #464646; text-transform: uppercase; letter-spacing: 1px; } .strupic { width: 1200px; margin: 55px auto 0; } .strupic img { max-width: 100%; } .structure_a { padding-bottom: 250px; } /**c1***/ .bannerli { /*margin-top: 86px;*/ } .c1news { width: 100%; } .c1newscon { width: 1200px; margin: 55px auto 0; } .newslist { padding: 36px 0; border-bottom: 1px solid #eeeeee; animation: fadeInUp 2.2s; } .newslist:nth-child(1) { border-top: 1px solid #eeeeee; } .c1nleft { width: 100%; } .c1right { width: calc(100% - 860px); padding-left: 35px; } .c1right h3 { margin-bottom: 20px; color: #464646; font-size: 18px; font-family: '微软雅黑'; padding-left: 24px; height: 18px; overflow: hidden; position: relative; } .c1right h3::after { position: absolute; content: ''; top: 50%; transform: translateX(-50%); left: 0; width: 30px; height: 2px; background: #25549e; } .c1newspic { width: 300px; position: relative; overflow: hidden; } .c1newspic img { width: 100%; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s; } .c1newsp { position: absolute; top: 0; left: 0; } .c1newstxt { width: calc(100% - 300px); padding: 0 30px; } .c1newstxt.active { width: 100%; padding-left: 0; } .c1newstxt h3 { font-size: 18px; font-family: "微软雅黑"; color: #333333; letter-spacing: 1px; white-space: nowrap; text-overflow: ellipsis; line-height: 1.5; height: 27px; overflow: hidden; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s; } .c1time { margin: 17px 0 20px; } .c1time span { font-size: 14px; font-family: "Arial"; color: #999999; } .c1newstxt p { font-size: 14px; font-family: "微软雅黑"; color: #848484; line-height: 24px; overflow: hidden; letter-spacing: 1px; height: 48px; overflow: hidden; margin-bottom: 16px; } .c1lianjie { width: 150px; height: 40px; border: 1px solid #93c2e3; text-align: center; line-height: 40px; } .c1lianjie .jiac1 { -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s; } .c1lianjie a { font-size: 16px; font-family: "微软雅黑"; color: #2885c7; } .c1riitem { width: 100%; margin-bottom: 5px; animation: fadeInUp 1.7s; } .c1riitem:nth-child(1) { animation: fadeInUp 1.7s; } .c1riitem:nth-child(2) { animation: fadeInUp 2.1s; } .c1riitem:nth-child(3) { animation: fadeInUp 2.5s; } .c1riitem a { display: block; background: linear-gradient(to right, #122b7f, #267dc1); padding: 28px 27px 47px 27px; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s; } .c1riitem h4 { font-size: 18px; font-family: "微软雅黑"; color: #fff; line-height: 1.5; height: 27px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; letter-spacing: 1px; position: relative; -webkit-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s; } .c1hengxian { width: 25px; height: 2px; background: #7bd8ff; margin: 20px 0; } .c1riitem p { font-size: 14px; font-family: "微软雅黑"; color: #97d4ff; line-height: 24px; height: 72px; overflow: hidden; } /*********************分页符************************/ .page { text-align: center; padding: 80px 0 80px; } .page li { display: inline-block; width: 28px; height: 28px; line-height: 28px; font-size: 14px; color: #333; position: relative; margin: 0 4px; } .page li img { margin-top: 0px; } .page li img:last-child { display: none; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .page li:hover img:last-child { display: block; } .page li.activepage { color: #075fa2; border: 1px solid #2aa3eb; color: #2aa3eb; } .page li:hover { color: #2aa3eb; border: 1px solid #2aa3eb; } .fenye_ph .fp_btn a { color: #2885c7; } .fenye_ph .fp_btn { padding: 5px 10px; font-size: 14px; color: #2885c7; border: 1px solid #2885c7; } .fenye_ph { display: none; } .page li:hover img:last-child { display: block; } .lrs_a { transform: translateY(-3px); } .page li:hover .lrs_a { opacity: 0; } /**分页符结束**/ /**c2开始***/ .c2nei { width: 100%; } .c2neicon { width: 1200px; margin: 95px auto 0; } .c2neicon.act .c2neileft { width: 60px; } .c2neicon.act .c2neiright { width: calc(100% - 100px); } .c2neicon.act .c2neiright .fenxianga { margin: 0 auto 0px; } .c2neileft { width: 464px; } .c2neipic { width: 100%; overflow: hidden; } .c2neipic img { width: 100%; transition: all .3s ease-out 0s; } /*分享*/ .fenxianga { position: relative; bottom: 0; right: 0; margin: 52px auto 0px; } .fenxianga .l-r-topb { width: 50px; height: 50px; text-align: center; line-height: 50px; position: relative; border: none!important; } .fenxianga .fenicont { width: 56px; border: 1px solid #e5e5e5; } .d2-f-fenx { display: inline-block; } /*图标分享*/ .bshare_box { position: absolute; width: 100%; height: 100%; left: 0; top: 0; } .bshare_box a { width: 100% !important; height: 100% !important; display: block; opacity: 0 !important; } .bsPromo { width: 100%; height: 100%; display: block !important; opacity: 0 !important; position: absolute; top: 0; left: 0; } .l-r-topb { position: relative; height: 100%; width: 42px; height: 42px; text-align: center; line-height: 42px; margin-right: 8px; transition: all .3s ease-out 0s; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; } .c2nei .l-r-topb i { color: #cccccc; font-size: 22px; } .bsTop { width: 100%!important; padding-top: 5px; } .c2neiright { width: calc(100% - 552px); } .c2neiright h2 { font-size: 24px; font-family: "微软雅黑"; color: #464646; line-height: 1.5; height: 36px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .c2timelist { padding: 40px 0 20px; border-bottom: 1px solid #dddddd; } .c2item span { font-size: 14px; font-family: "微软雅黑"; color: #666666; margin-left: 17px; } .c2timelist .c2item:nth-child(2) { margin: 0 50px; } .c2text p { color: #666666; font-size: 14px; font-family: "微软雅黑"; line-height: 28px; letter-spacing: 1px; margin: 39px 0; } .c2fenye { width: 100%; position: relative; margin: 34px 0 235px; } .c2fenbox { width: 45px; height: 45px; border: 1px solid #d2d2d2; position: relative; } .c2fenbox a { display: block; width: 100%; height: 100%; line-height: 42px; text-align: center; } .c2menue { width: 20px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .c2menue img { width: 100%; } /****/ .c3news .news { width: 100%; position: relative; z-index: 99; transition: all .7s ease-out 0s; -webkit-transition: all .7s ease-out 0s; -moz-transition: all .7s ease-out 0s; -o-transition: all .7s ease-out 0s; -ms-transition: all .7s ease-out 0s; } .c3news .e1news { z-index: 96; } .c3news .newsbox { margin-top: 95px; width: 100%; } .c3news .news_list { margin: 0 auto; } .c3news .nw_time { width: 150px; transform: translateY(68%); } .c3news .nw_time span { color: #25549e; font-size: 36px; font-family: "Ebrima"; text-transform: capitalize; transition: all .3s ease-out 0s; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; } .c3news .nw_time i { color: #25549e; font-size: 18px; font-family: "Arial"; font-style: normal; margin-left: 10px; transition: all .3s ease-out 0s; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; } .c3news .nw_txt { width: calc(100% - 220px); position: relative; } .c3news .changjiana { position: absolute; top: 0px; left: 0; opacity: 0; } .c3news .nw_txt h3 { color: #333333; font-size: 20px; font-family: "微软雅黑"; margin-bottom: 13px; /* transition: all .3s ease-out 0s;*/ /* -webkit-transition:all .3s ease-out 0s; -moz-transition:all .3s ease-out 0s; -ms-transition:all .3s ease-out 0s; -o-transition:all .3s ease-out 0s;*/ line-height: 1.5; letter-spacing: 1px; height: 30px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .c3news .nw_txt p { color: #666666; font-size: 14px; font-family: "微软雅黑"; line-height: 30px; transition: all .3s ease-out 0s; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; height: 54px; overflow: hidden; } .c3news .nw_jiantou { width: 50px; transform: translateY(50%); margin-top: 32px; } .c3news .nw_txta { width: calc(100% - 173px); } .c3news .news_item { padding: 50px 30px; border-bottom: 1px dashed rgba(220, 220, 220, 0.1); transition: all .3s ease-out 0s; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; width: 1255px; margin: 0 auto; border-bottom: 1px solid #dcdcdc; } .c3news .nitbox:nth-child(1) .news_item { border-top: 1px dashed rgba(220, 220, 220, 0.1); } .c3news .news_itema { width: 100%; } .c3news .news_list .news_itema { border-bottom: 0.5px solid rgba(220, 220, 220, 0); transition: all .3s ease-out 0s; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; position: relative; cursor: pointer; } .c3news .news_list .news_itema::after { position: absolute; content: ""; width: 2%; height: 1px; bottom: 0; left: 50%; transform: translateX(-50%); background: rgba(220, 220, 220, 0.6); transition: all .3s ease-out 0s; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; opacity: 0; } /*.news_list .news_itema:hover{ border-bottom:0.5px solid rgba(220,220,220,0.6); }*/ .c3news .nitbox { animation: fadeInUp 2s; } .c3news .newsc { width: 1400px; margin: 0 auto; } .c3news .more { width: 178px; margin: 67px 0 108px; position: relative; } .c3news .more a { display: block; width: 100%; height: 100%; line-height: 46px; } .c3news .more span { text-transform: uppercase; color: #ffffff; font-size: 16px; font-family: "Arial"; transform: translateY(-2px); letter-spacing: 1px; } .e1news .news_list .news_itema { transition: all .3s ease-out 0s; } /***c4**/ .c4neiye .c2neileft { width: 100%; float: none; position: relative; } .c4neiye .c2neipic { position: relative; } .c4neiye .c2neipic::after { position: absolute; content: ''; width: 4px; height: 100%; background: linear-gradient(#102378, #2884c6); top: 0; left: 0; } .c4neiye .fenxianga { position: absolute; margin: 0; top: 0; right: -96px; } .c4neiye .c2neiright { width: 100%; margin-top: 50px; } /**d1***/ .d1body .introduce { padding-top: 0; background: #fff; } .d1body .introduce_con { margin-top: 60px; } .d1picbox { width: 100%; overflow: hidden; text-align: center; background: #f2f2f2; } .d1picbox img { max-width: 100%; transition: all .3s ease-out 0s; } .inter_xia { animation: fadeInUp 2.5s; padding-bottom: 138px; } .d1body .inter_xia .inter_left { width: 386px; background: #f7f9fb; padding: 0; } .d1body .inter_xia .inter_left img { width: 100%; } .d1body .inter_xia .inter_right { width: 100%; /*padding-top:57px;*/ padding-top: 85px; } .d1body .inter_xia .inter_right h3 { color: #333333; font-size: 16px; font-family: "微软雅黑"; font-weight: bold; margin-bottom: 39px; } .d1body .inter_xia .inter_right p { color: #333333; font-size: 14px; font-family: "微软雅黑"; /* line-height: 30px; */ letter-spacing: 1px; padding-right: 45px; overflow: hidden; } .d1bigtxt { color: #f0f0f0!important; font-size: 48px!important; font-family: "Arial"; text-transform: uppercase; font-weight: bold; margin-top: 36px; text-align: right; padding-right: 0!important; height: auto!important; overflow: unset!important; line-height: 1.5!important; } .d1lianhualeft { width: 387px; padding-top: 70px; padding-right: 33px; } .d1lianhualeft h3 { color: #ffffff; font-size: 26px; font-family: "Arial"; text-transform: uppercase; line-height: 36px; } .d1lianhualeft p { color: #ffffff; font-size: 18px; font-family: "微软雅黑"; font-weight: bold; margin-top: 30px; letter-spacing: 1px; } .lrtxt h3 { animation: fadeInUp 2.1s; } .lrtxt p { animation: fadeInUp 2.4s; } .lelist { animation: fadeInUp 2.6s; } .d1body .lianhuaright { width: 100%; background: #f7f9fb; padding-left: 60px; padding-top: 50px; padding-bottom: 210px; padding-right: 48px; } .d1body .lianhuaright h3 { color: #333333; font-size: 16px; font-family: "微软雅黑"; font-weight: bold; margin-bottom: 24px; animation: fadeInUp 1.5s; } .d1body .lianhuaright p { color: #333333; font-size: 14px; font-family: "微软雅黑"; font-weight: lighter; margin-bottom: 24px; line-height: 28px; animation: fadeInUp 1.6s; } .lelist .leitem { margin-right: 40px; } .d2body .lelist { margin-top: 54px; animation: fadeInUp 1.8s; } .d4body .lianhuaright { margin-bottom: 210px; padding-bottom: 60px; position: relative; } .d4ccase { /*position: absolute;*/ left: 0; bottom: -50px; } .d4ccase a { display: block; width: 240px; height: 50px; color: #ffffff; font-size: 14px; font-family: '微软雅黑'; font-weight: bold; line-height: 50px; background: linear-gradient(to right, #11267a, #2884c6); text-align: center; } .d4lian { transition: all .3s ease-out 0s; } .d5list { width: 1200px; margin: 60px auto 0; } .d5listbox { margin: 0 -15px; } .d5item { width: 33%; padding: 0 15px; animation: fadeInUp 1.9s; } .d5itempic { position: relative; width: 100%; height: 100%; overflow: hidden; } .d5itempic img { width: 100%; transition: all .3s ease-out 0s; } .d5pix { position: absolute; top: 0; left: 0; } .d5itemtxt { padding: 23px 15px 29px; text-align: center; } .d5itemtxt h3 { color: #464646; font-size: 18px; font-family: '微软雅黑'; line-height: 18px; overflow: hidden; height: 18px; text-overflow:ellipsis; white-space: nowrap; } .d5itemtxt p { color: #848484; font-size: 14px; font-family: '微软雅黑'; margin-top: 15px; letter-spacing: 1px; line-height: 14px; overflow: hidden; height: 14px; } .d7listbox { width: 1200px; margin: 58px auto 255px; } .d7list { margin: 0 -10px; } .d7item { width: 25%; position: relative; padding: 0 10px; text-align: center; margin-bottom: 20px; } .d7item img { width: 100%; } .d7item a { display: block; width: 100%; height: 100%; } /*.d7picaa{ position:absolute; top:0; left:0; }*/ .d7itembox { border: 1px solid #e5e5e5; } .iflist { width: 1200px; margin: 65px auto 0; } .e1timea { width: 67px; transition: all .3s ease-out 0s; } .e1timea h4 { color: #333333; font-size: 24px; font-family: "Conv_HelveticaNeueLTPro-ThEx"; letter-spacing: 1px; position: relative; } .e1timea h4::before { position: absolute; content: ''; width: 88px; height: 1px; background: #a0a0a0; top: 50%; transform: translateY(-50%); right: -107px; } .e1rightbox { width: calc(100% - 197px); } .e1rileft { width: calc(100% - 125px); padding-right: 46px; transition: all .3s ease-out 0s; } .e1rileft h2 { color: #333333; font-size: 18px; font-family: "微软雅黑"; margin-bottom: 25px; height: 18px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .e1rileft p { color: #848484; font-size: 14px; font-family: "微软雅黑"; line-height: 24px; letter-spacing: 1px; height: 48px; overflow: hidden; } .e1titight { width: 125px; padding-left: 37px; position: relative; height: 56px; line-height: 56px; transform: translateY(13px); transition: all .3s ease-out 0s; } .e1titight::after { position: absolute; content: ''; top: 50%; transform: translateY(-50%); width: 1px; height: 54px; background: #d2d2d2; left: 0; } .ifitem { padding: 42px 0 36px; border-bottom: 1px solid #e5e5e5; animation: fadeInUp 1.6s; } .iflist .ifitem:nth-child(1) { border-top: 1px solid #e5e5e5; } .e2body .e1timea { width: 106px; height: 89px; background: #3488ea; text-align: center; } .e2body .e1timea h4 { line-height: 89px; color: #fff; } .e2body .e1timea h4::before { display: none; } .e2body .e1titight { width: 150px; height: 38px; border: 1px solid #93c2e3; line-height: 38px; transform: translateY(20px)!important; } .e2body .e1rightbox { width: calc(100% - 165px); } .e2body .e1titight::after { display: none; } .e2body .e1rileft { width: calc(100% - 150px); padding-right: 100px; } /*e3*/ .dongchae2 { width: 1200px; margin: 65px auto 325px; } .dongchitem { width: 25%; position: relative; overflow: hidden; } .dongchitem a { display: block; } .dongchitem img { width: 100%; } .e3pica { position: absolute; top: 0; left: 0; } .e3lianhuameng { position: absolute; top: -400px; left: 0; width: 100%; height: 100%; z-index: 10; text-align: center; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s; } .e3lianjiebox { position: relative; top: 50%; transform: translateY(-50%); } .e3lianhuameng h3 { color: #fff; font-family: "微软雅黑"; font-weight: bold; font-size: 18px; margin-bottom: 25px; line-height: 1.5; padding: 0 10px; } .e3lianjie span { color: #fff; font-family: "微软雅黑"; font-weight: bold; } .f1btbox { width: 100%; text-align: center; } .f1btbox img { max-width: 100%; animation: fadeInUp 1.6s; } .ifbox { overflow: hidden; } .f1list { width: 1200px; margin: 65px auto 130px; } .filista { width: 963px; margin: 70px auto 0; } .fiitem { width: 33.333333%; text-align: center; } .fiitem h3 { color: #215dab; font-family: "微软雅黑"; font-size: 18px; font-weight: bold; margin-bottom: 20px; animation: fadeInUp 1.6s; } .fiitem p { color: #464646; font-family: "微软雅黑"; font-size: 14px; line-height: 24px; letter-spacing: 1px; animation: fadeInUp 1.9s; } /**首页核心产业**/ .wrap_textbox { position: absolute; top: 67px; left: 11.6%; } .wrap_textbox .box { position: absolute; left: 140px; top: 0; width: 380px; height: 422px; background: #fff; box-shadow: 10px 15px 50px rgba(0, 0, 0, 0.25); -webkit-box-shadow: 10px 15px 50px rgba(0, 0, 0, 0.25); padding: 55px 50px; } .wrap_textbox .box .wrap_txt li.active { display: block; } .wrap_textbox .box .wrap_txt li { display: none; } .wrap_textbox .box .wrap_txt li .tit { font-family: "微软雅黑"; font-size: 30px; color: #333; line-height: 30px; position: relative; } .wrap_textbox .box .wrap_txt li .tit::after { position: absolute; content: ''; top: 7px; width: 73px; height: 2px; background: #0067da; left: -98px; } .wrap_textbox .box .wrap_txt li .wrap_desc { margin-top: 20px; color: #666666; font-size: 16px; font-family: "微软雅黑"; line-height: 30px; } .wrap_textbox .box .wrap_txt li .btn_text_6 { margin-top: 77px; display: block; } .btn_text_6 span { display: inline-block; font-family: "微软雅黑"; font-size: 20px; color: #0067da; } .btn_text_6 span:after { display: inline-block; content: ""; width: 6px; height: 9px; background: url(../images/d4pic00100.png) no-repeat; margin-left: 10px; } .slide_page { position: absolute; bottom: 40px; left: 10.6%; } .slide_page .slides_log { padding-left: 285px; font-family: nbr; font-size: 20px; color: #666; letter-spacing: 2px; } .slide_page .slides_log .slide_num { font-size: 36px; color: #333; font-family: "Arial"; } .slide_page .slides_log .slide_num span { font-family: nbb; } .slide_total_num { font-size: 24px; color: #999999; font-family: "Arial"; } .mapboxa { display: none; width: 100%; } .mapboxa img { width: 100%; } .video_boxoo { /*display: none;*/ width: auto; position: relative; height: 100%; top: 0; left: 0; } .pcxiala { width: 100%; height: 400px; background: rgba(255, 255, 255, 0.92); position: absolute; top: 86px; left: 0; display: none; } .pcxialacon { width: 1200px; margin: 0 auto; padding: 65px 0px; } .pcxialaa h3 { color: #333333; font-size: 36px; font-family: "微软雅黑"; position: relative; } .pcxialaa h3::after { position: absolute; content: ''; width: 51px; height: 3px; background: #1785ff; left: 0; bottom: -37px; } .pcxialaa p { color: #333333; font-size: 16px; font-family: "微软雅黑"; line-height: 36px; margin-top: 75px; } .pcxialacon .pcxialaa:nth-child(1) { width: 304px; overflow: hidden; } .pcxialacon .pcxialaa:nth-child(2) { width: 592px; overflow: hidden; padding-left: 197px; } .pcxialacon .pcxialaa:nth-child(3) { width: 303px; overflow: hidden; } .pxialapic { width: 100%; } .pxialapic img { width: 100%; } .pcxialaa h4 { color: #333333; font-size: 18px; font-family: "微软雅黑"; margin-top: 27px; } .pcxialaaboxa a { display: block; color: #666666!important; font-size: 18px; font-family: "微软雅黑"; margin-bottom: 25px; } .nav_aside { width: 260px; text-align: center; /*padding-left:12px;*/ position: absolute; top: 86px; right: -260px; background: #fff; height: 100vh; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s; z-index: 66; } .nav_aside.active { right: 0; } .nav_asida { /*border-bottom:1px solid #eaebeb;*/ padding-left: 12px; } .nav_asida a { display: block; padding: 30px 0; color: #666666; font-size: 16px; font-family: "微软雅黑"; border-bottom: 1px solid #eaebeb; } .lanjian { transform: translateX(-65px); opacity: 0; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s; } .nav_asida:hover .nav_cela { display: block; } .nav_cela { width: 258px; padding: 0 25px; background: rgba(255, 255, 255, 0.92); position: absolute; top: 0; right: 260px; height: 100vh; display: none; } .nav_class { border-bottom: 1px solid rgba(0, 0, 0, 0.06); } /*手机下拉*/ .phxia { position: fixed; z-index: 10; margin-top: 60px; width: 100%; z-index: 110; } .xialaph { display: none; position: absolute; top: 0px; left: 0px; width: 100%; padding-bottom: 30px; background-color: #f1f1f1; font-family: '微软雅黑'; } @media screen and (max-width: 992px) { .xialaph .container { width: 100%; padding: 0 40px; } } @media screen and (max-width: 768px) { .xialaph .container { width: 100%; padding: 0 20px; } } .xialaph h4 { position: relative; } .xialaph h4::after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; opacity: .1; background-color: #000; } .xialaph h4 a { font-size: 16px; font-weight: bold; line-height: 60px; text-transform: uppercase; color: #999; } .xialaph h4 img { position: absolute; top: 50%; right: 5px; width: 13px; cursor: pointer; transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); } .xialaph .ul2 { display: none; padding-top: 7px; padding-bottom: 8px; } .xialaph .ul2 .container { max-width: 100%; } .xialaph h5 { position: relative; } .xialaph h5::after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; opacity: .05; background-color: #000; } .xialaph h5 a { font-family: '微软雅黑'; font-size: 14px; line-height: 40px; text-transform: uppercase; color: #999; } .xialaph h5 img { position: absolute; top: 50%; right: 5px; width: 13px; cursor: pointer; transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); } .xialaph h4.active img.img_s, .xialaph h5.active img.img_s { display: none; } .xialaph h4.active img.img_d, .xialaph h5.active img.img_d { display: block; } .xialaph .ul3 { display: none; padding-left: 15px; } .xialaph h6 a { font-family: '微软雅黑'; font-size: 12px; line-height: 40px; text-transform: uppercase; color: #999; } /**扒侧导航**/ body.active_right #header_right { z-index: 998; visibility: visible; } #header_right { position: fixed; top: 0; right: 0; bottom: 0; z-index: 0; width: 100%; visibility: hidden; } #header_right .header_inner_wrap { position: relative; max-width: 2000px; margin: 0 auto; height: 100%; overflow: hidden; } #header_right .header_inner_wrap .dimmed_area { position: absolute; right: 480px; top: 0; bottom: 0; left: 0; } body.stop.active_right #header_right .header_inner_wrap .header_inner { -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -ms-transform: translateX(0px); -o-transform: translateX(0px); transform: translateX(0px); } #header_right .header_inner_wrap .header_inner { -webkit-transform: translateX(480px); -moz-transform: translateX(480px); -ms-transform: translateX(480px); -o-transform: translateX(480px); transform: translateX(480px); } #header_right .header_inner_wrap .header_inner { position: absolute; right: 0; top: 0; bottom: 0; width: 480px; text-align: left; } .header_inner_wrap .header_inner { background: #fff; overflow-y: auto; } .gnb_mot { -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .header_inner_wrap .header_inner h3 { background: url(../images/header_side_bg.png) repeat-y center top; background-size: 100%; color: #fff; padding: 37px 0 15px 40px; font-size: 18px; line-height: 18px; letter-spacing: 0.8px; font-weight: bold; } .eng { font-family: 'Arial', sans-serif; background-color: transparent; -webkit-font-smoothing: antialiased; } #header_right .header_inner_wrap .header_inner .block.first { background: url(../images/header_right_block1_bg.jpg) no-repeat center bottom; } .header_inner_wrap .header_inner .block { padding: 30px 37px; border-bottom: 8px solid #ececec; } .header_inner_wrap .header_inner .block { padding: 30px 37px; border-bottom: 8px solid #ececec; } .header_inner_wrap .header_inner .block.block3 { border: 0; } .header_inner_wrap .header_inner .block { padding: 30px 37px; border-bottom: 8px solid #ececec; } /**扒侧导航结束*/ /**f1**/ .f1linianlie { width: 1200px; margin: 0 auto; } .f1linanitem { margin: 0 -11px; } .f1itemaa { width: 33.333333%; padding: 0 11px; } .f1itemaa:nth-child(1) { animation: fadeInUp 1.5s; } .f1itemaa:nth-child(2) { animation: fadeInUp 1.8s; } .f1itemaa:nth-child(3) { animation: fadeInUp 2.1s; } .f1senction { width: 100%; padding: 250px 0 245px; } .f1lininabox { width: 100%; height: 100%; background: #fff; padding: 0 45px; position: relative; height: 356px; } .f1weli { width: 159px; margin: 0 auto; position: absolute; top: -103px; left: 50%; transform: translateX(-50%); } .f1weli img { width: 100%; } .f1wenyxy p { color: #666666; font-size: 14px; font-family: "微软雅黑"; line-height: 30px; text-align: justify; text-align-last: center; } .f1linanitem .f1itemaa:nth-child(1) .f1lininabox { height: 356px; } .f1linanitem .f1itemaa:nth-child(1) .f1lininabox p { height: 150px; overflow: hidden; } .f1linanitem .f1itemaa:nth-child(2) .f1lininabox { height: 437px; } .f1linanitem .f1itemaa:nth-child(2) .f1lininabox p { height: 270px; overflow: hidden; } .f1linanitem .f1itemaa:nth-child(3) .f1lininabox { height: 356px; } .f1linanitem .f1itemaa:nth-child(3) .f1lininabox p { height: 150px; overflow: hidden; } .f1wenyxy { padding-top: 125px; } .f2pic01 { width: 1200px; margin: 67px auto 0; } .f2pic01 img { width: 100%; } .pioneer { width: 1200px; margin: 0 auto; } .pionerbox { padding-left: 193px; width: calc(100% - 843px); } .pioneright { width: 843px; padding-left: 25px; position: relative; } .pioneright::after { position: absolute; content: ''; height: 92px; width: 1px; background: #000000; top: 50%; transform: translateY(-50%); left: 0; } .pioneer h3 { font-size: 36px; font-family: "微软雅黑"; color: #25549e; font-weight: bold; line-height: 48px; text-transform: uppercase; margin: 151px 0 80px; animation: fadeInLeft 1.8s; } .pioneer h3 p { font-size: 36px; font-family: "微软雅黑"; color: #25549e; font-weight: bold; line-height: 48px; text-transform: uppercase; } .pionerbox h4 { font-size: 24px; font-family: "微软雅黑"; color: #333333; font-weight: bold; animation: fadeInLeft 1.6s; } .pioneright p { font-size: 14px; font-family: "微软雅黑"; color: #333333; font-weight: lighter; line-height: 24px; animation: fadeInRight 1.9s; } .pioneerleft { margin-bottom: 94px; } .sanyuanze { padding: 83px 0 268px; } .sanyuanzecon { width: 1200px; margin: 0 auto; } .sanyuanbbt { padding: 22px 0; border-top: 1px solid #fff; border-bottom: 1px solid #fff; width: 358px; padding-left: 2px; } .sanyuanbbt h2 { color: #ffffff; font-size: 30px; font-family: "微软雅黑"; } .anyuanleft { width: 634px; } .anyuanleft img { width: 100%; animation: fadeInLeft 1.6s; } .anyuanright { width: calc(100% - 670px); } .aritshang { animation: fadeInRight 1.6s; } .aritshang h2 { color: #cae2ff; font-size: 48px; font-weight: bold; font-family: "微软雅黑"; opacity: 0.64; text-align: right; text-transform: uppercase; } .aritshang p { color: #ffffff; font-size: 18px; font-weight: bold; font-family: "微软雅黑"; line-height: 30px; margin: 67px 0 54px; } .arxia { margin-bottom: 45px; } .arxia:nth-child(1) { animation: fadeInRight 1.8s; } .arxia:nth-child(2) { animation: fadeInRight 2.2s; } .arxia:nth-child(3) { animation: fadeInRight 2.6s; } .arxia:nth-child(4) { animation: fadeInRight 3s; } .arxia h3 { color: #ffffff; font-size: 14px; font-weight: bold; font-family: "微软雅黑"; margin-bottom: 16px; padding-left: 15px; position: relative; } .arxia h3::after { position: absolute; content: ''; width: 6px; height: 6px; background: #fff; border-radius: 50%; top: 50%; transform: translate(-50%); left: 0; } .f3bt1 { animation: fadeInUp 1.6s; } .f3bt2 { animation: fadeInUp 1.6s; } .arxia p { color: #ffffff; font-size: 14px; font-family: "微软雅黑"; letter-spacing: 1px; line-height: 1.5; } .sanyuanxia { margin-top: 80px; overflow: hidden; } .f3lianhuacon { width: 1200px; margin: 67px auto 0; } .f3shangwenbve p { color: #464646; font-size: 16px; font-family: "微软雅黑"; line-height: 36px; margin: 37px 0 115px; animation: fadeInUp 1.6s; } .f3piccc { width: 573px; position: relative; margin-left: 53px; } .f3piccc img { width: 100%; } .xiaocaoaa { position: absolute; left: -50px; bottom: -25px; } .f3cnright { width: 510px; } .f3cnright img { width: 100%; } .f3cnleft { padding-top: 48px; } .f3bt2 { margin-top: 44px; } .fupinbt { width: 100%; text-align: center; } .fupin { padding-top: 130px; width: 100%; } .fupinbt p { font-size: 16px; font-family: '微软雅黑'; color: #333333; margin-top: 23px; margin-bottom: 47px; letter-spacing: 1px; line-height: 1.5; } .fupintupianlist { width: 1125px; margin: 0 auto; } .fupintupianlist img { width: 100%; } .f3btn { width: 1200px; margin: 43px auto 0; position: relative; } .fupitxt { width: 100%; position: absolute; top: 0; left: 0; z-index: -2; } .fupitxt::after { position: absolute; content: ''; width: 100%; height: 6px; background: #f7f7f7; left: 0; top: 50%; transform: translateY(-50%); z-index: -2; display: none; } .fupitxt p { color: #999999; font-size: 24px; font-family: "微软雅黑"; text-align: center; line-height: 47px; } .f3btnleftbox { width: 47px; height: 47px; background: linear-gradient(to right, #122a7e, #277fc2); text-align: center; line-height: 47px; cursor: pointer; } .lanfengpic { width: 100%; margin: 82px 0 126px; } .lanfengpic img { width: 100%; } .chengciaobt h3 { color: #333333; font-size: 30px; font-family: "微软雅黑"; } .chengciaocon { width: 1200px; margin: 0 auto; } .chengciaobt { text-align: center; } .chengciaobt p { color: #333333; font-size: 16px; font-family: "微软雅黑"; margin-top: 33px; line-height: 1.5; } .lianhualist { width: 100%; margin: 0 -19px; } .lianhuaitemaa { width: 33.333333%; padding: 0 19px; } .lianhuaitemaa:nth-child(1) { animation: fadeInUp 1.5s; } .lianhuaitemaa:nth-child(2) { animation: fadeInUp 1.9s; } .lianhuaitemaa:nth-child(3) { animation: fadeInUp 2.3s; } .lianhuaitem a { width: 100%; height: 100%; display: block; } .liitpic { width: 100%; position: relative; overflow: hidden; } .liitpic img { width: 100%; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s; } .f3toumnga { position: absolute; top: 0; left: 0; } .lihuatxt { padding-top: 15px; } .lihuatxt h6 { color: #25549e; font-size: 14px; font-family: "微软雅黑"; } .lihuatxt h3 { color: #333333; font-size: 18px; font-family: "微软雅黑"; margin: 17px 0 32px; } .f3more a span { color: #0067da; font-size: 20px; font-family: "微软雅黑"; } .lianhualistbb { margin: 48px 0 70px; overflow: hidden; } .lianhuam_lianjie { width: 1200px; height: 95px; background: #eeeeee; margin-bottom: 243px; } .lhu_aa { width: 100%; height: 100%; position: relative; } .lhu_aa::after { position: absolute; content: ''; width: 100%; height: 0; background: #25549e; bottom: 0; left: 0; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s; z-index: 9; } .lianhuam_lianjie a { width: 100%; height: 100%; display: block; color: #333333; font-size: 18px; font-family: "微软雅黑"; font-weight: bold; text-align: center; line-height: 95px; z-index: 10; position: relative; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s; } .f3jia { -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s; } .g2con { width: 1200px; margin: 0 auto; } .g2list { width: 100%; margin: 65px -5px 0; } .g2item { width: 33.333333%; padding: 0 5px; } .g2itema { background: #fff; width: 100%; height: 222px; -webkit-transition: all .3s ease-out 0s; cursor: pointer; } .g2pic { width: 106px; text-align: center; position: relative; height: 100%; z-index: 1; } .rencai01 { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 10; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s; } .rencai02 { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .g2text { width: calc(100% - 106px); padding: 49px 0 37px; } .g2text h3 { color: #333333; font-size: 18px; font-family: "微软雅黑"; font-weight: bold; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s; } .g2textxia { margin-top: 35px; } .g2textxia p { color: #666666; font-size: 14px; font-family: "微软雅黑"; line-height: 24px; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s; } .g2tanchuang { width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: rgba(0, 0, 0, 0.75); z-index: 80; display: none; } .g2wenbenshang h2 { font-family: "微软雅黑"; font-size: 18px; font-weight: bold; } .tanchuang { width: 655px; background: #fff; position: relative; top: 56%; left: 50%; transform: translate(-50%, -50%); padding: 40px 75px 75px; border-bottom: 4px solid #25549e; height: 550px; } .g2btn { position: absolute; top: 26%; right: 29%; width: 28px; cursor: pointer; } .g2btn img { width: 100%; } .g2txta { margin: 38px 0 40px; } .g2txta p { font-family: "微软雅黑"; font-size: 18px; color: #666666; line-height: 30px; } .gebfboxx { display: inline-block; width: 180px; height: 52px; background: #efefef; } .gebfboxx.active { background: #25549e; } .gebfboxx.active a { color: #fff; } .gebfboxx a { color: #25549e; font-size: 18px; font-family: "微软雅黑"; font-weight: lighter; display: block; width: 100%; height: 100%; text-align: center; line-height: 52px; } .contactus { width: 100%; } .cont_con { width: 1200px; margin: 65px auto 230px; } .cont_left { width: 693px; } #map { width: 100%; height: 435px; } .cont_right { width: calc(100% - 753px); padding-top: 50px; } .right_txtx { margin-bottom: 18px; } .right_txtx p { color: #464646; font-size: 16px; font-family: "微软雅黑"; font-weight: lighter; } .weizhi { margin-left: 15px; width: 11%; } .ttxtpic { display: inline-block; width: 19px; } .right_txtx span { display: block; } .h1txt { width: 78%; } .rtxta { margin-left: 28px; text-align: center; width: 161px; margin-top: 27px; } .rtxta p { color: #464646; font-size: 14px; font-family: "微软雅黑"; } .rtabox { width: 157px; margin-bottom: 16px; } .rtabox img { width: 100%; } .policycon { width: 1200px; margin: 66px auto 0; } .policbt { width: 175px; height: 201px; } .policbt h2 { color: #464646; font-size: 72px; font-family: "Arial"; font-weight: bold; text-transform: uppercase; } .policleft { width: 688px; position: relative; } .poliright { width: calc(100% - 826px); padding-top: 50px; } .poliright h3 { animation: fadeInUp 1.6s; } .policypic1 { margin-top: 65px; margin-right: 27px; } .porigtone { animation: fadeInUp 1.6s; } .g1lianaa { animation: fadeInUp 1.6s; } .porigttwo { animation: fadeInUp 1.6s; } .policypic2 { width: 385px; height: 634px; background: rgba(0, 126, 255, 0.5); position: absolute; top: 0; right: 0; z-index: 25; } .poliright h3 { color: #333333; font-size: 24px; font-family: "微软雅黑"; } .porigt { margin-top: 25px; } .porigt p { color: #666666; font-size: 14px; font-family: "微软雅黑"; line-height: 28px; } .g1lian { margin-top: 25px; margin-bottom: 57px; } .g1lianji { animation: fadeInUp 1.6s; } .g1lianbb span { color: #25549e; font-size: 16px; font-family: "微软雅黑"; } .g1guihua { width: 100%; } .g1huihuacon { width: 1200px; margin: 170px auto 140px; } .g1guileft { width: 363px; } .g1guihuaright { width: calc(100% - 363px); padding-left: 30px; position: relative; } .g1guihuaright::after { position: absolute; top: 50%; transform: translateY(-50%); left: 0; width: 1px; height: 136px; content: ""; background: #1b1b1b; } .g1guileft h2 { color: #333333; font-size: 30px; font-family: "微软雅黑"; font-weight: bold; } .g1guihuaright p { color: #333333; font-size: 14px; font-family: "微软雅黑"; font-weight: lighter; line-height: 24px; } .g2item { animation: fadeInUp 1.8s; } .g1boxa { margin-bottom: 79px; } .g1boxa:nth-child(1) { animation: fadeInUp 1.6s; } .g1boxa:nth-child(2) { animation: fadeInUp 1.9s; } .g1boxa:nth-child(3) { animation: fadeInUp 2.3s; } .spanbt { color: #25549e; font-weight: bold; font-family: "微软雅黑"; font-size: 14px; display: block; width: 70px; line-height: 24px; } .sanantxt { width: calc(100% - 70px); line-height: 24px; } .g2p1 { margin-top: 20px; } .g2p2 { margin-top: 34px; } .g1boxa_b .g1guihuaright::after { height: 190px; } .g2rencai { width: 100%; background: #f9fafa; padding-bottom: 242px; } .g2rencai_con { width: 1200px; margin: 0 auto; padding-top: 72px; } .g2rencai_con h3 { font-family: "微软雅黑"; font-size: 30px; color: #333333; font-weight: bold; } .g2renbtlist { margin-top: 65px; margin-bottom: 40px; width: 524px; } .g2renbtitem { width: 127px!important; } .g2renbtitem h5 { font-family: "微软雅黑"; font-size: 18px; color: #333333; position: relative; line-height: 1.5; text-align: center; } .g2renbtitem h5::after { position: absolute; content: ""; width: 0; height: 0; border-width: 0 5px 5px; border-style: solid; border-color: transparent transparent #25549e; /*透明 透明 灰*/ bottom: -9px; left: 50%; transform: translateX(-50%); opacity: 0; } .g2renbtlist .g2renbtitem:nth-child(2) { margin: 0 40px; } .g2renbtitem { border-bottom: 2px solid #f9fafa; padding-bottom: 9px; cursor: pointer; /* display:none;*/ } .g2renbtitem.active { border-color: #25549e; } .g2renbtitem.active h5 { color: #25549e; } .g2renbtitem.active h5:after { opacity: 1; } .g2luboleft>p { font-family: "微软雅黑"; font-size: 14px; color: #999999; line-height: 24px; margin-bottom: 50px; } .g2luboleft { width: 100%; padding-top: 27px; } .g2_text h2 { font-family: "微软雅黑"; font-size: 14px; color: #25549e; font-weight: bold; } .g2_text p { font-family: "微软雅黑"; font-size: 14px; color: #333333; margin-top: 11px; line-height: 1.5; } .g2_text { margin-bottom: 37px; } .g2lunboright { width: 50%; text-align: center; } .g2_lunboright img { max-width: 100%; } .g2lunboright .f3btn { width: 100%; margin: 15px auto 0; position: relative; } .g2lunboright .f3btn { z-index: 10; } .g2lunboright .fupitxt p { color: #666666; font-size: 18px; } .g2_lunboright { display: none; } .b2html { position: relative; z-index: 100; top: 0; left: 0; } .b2fixed { width: 100%; height: 100%; position: fixed; top: 0; left: 0; } .b2fixed img { width: 100%; height: 100%; } .lianjie a { display: block; } .d5body .page li.activepage { background: #2aa3eb; color: #fff; } .e1body .page li.activepage { background: #2aa3eb; color: #fff; } .e2body .page li.activepage { background: #2aa3eb; color: #fff; } .bavideo img { width: 100%; position: relative; top: 0; left: 50%; transform: translateX(-50%); } .b2_lianhua .lianhuaright img { max-width: 100%; } .padpicc { display: none; width: 100%; } .padpicc img { width: 100%; } .policypic1 img { width: 100%; } .sousuoend { font-size: 28px; color: #fff; } .sousuoend.act { color: #999999; } .b1fa { width: 100%; } .b1facon { width: 1200px; /*height:815px;*/ margin: 0 auto; position: relative; padding-top: 122px; } .b1fabt { width: 454px; height: 200px; background: #11287c; position: absolute; top: 0; } .b1fabt h2 { color: #ffffff; font-size: 30px; font-family: "微软雅黑"; line-height: 200px; padding-left: 111px; position: relative; } .b1fabt h2::after { position: absolute; content: ''; width: 242px; height: 1px; background: #fff; bottom: 70px; left: -35px; } .slick_contiont { width: 100%; display: none; } .slick_item {} .slickright { width: 100%; margin-top: 18px; } .slickright.active { width: 713px; height: 454px; } .slickleft { width: 100%; position: relative; } .slickleft h3 { color: #fff; font-size: 18px; font-family: "微软雅黑"; font-weight: bold; } .slicklefttxt { margin-top: 15px; } .slickleft p { color: #fff; font-size: 14px; font-family: "微软雅黑"; line-height: 24px; } .slickright img { width: 100%; } .slick_contiontbox { width: 100%; margin: 0 auto; padding: 0 15px; } .ceshia { width: 1200px; float: right; } .b1ceshi { width: 1200px; float: right; } .b1ceshiitem { width: 350px; height: 227px; } .b1ceshiitem img { width: 350px; height: 227px; } .b1ceshiitem.slick-current { width: 711px!important; height: 456px!important; } .b1ceshiitem.slick-current .b1ceshiitempic { width: 711px!important; height: 456px!important; } .b1ceshiitem.slick-current img { width: 711px; height: 456px; } .b1ceshiitem.slick-current .slickleft { display: block; } .bl02::before { position: absolute; left: 0; top: 0; width: 23px; height: 23px; border-radius: 23px; background: #fff; opacity: 0.2; content: ""; } .bl02::after { content: ''; text-align: left; } .bl03::before { position: absolute; left: 0; top: 0; width: 23px; height: 23px; border-radius: 23px; background: #fff; opacity: 0.2; content: ""; } .bl03::after { content: ''; text-align: left; } .bl01 { margin-left: -8px; } #container .content.history-view .section02>.wrap .swiper-button-prev { width: 44px; height: 26px; bottom: 181px!important; top: auto!important; } #container .content.history-view .section02>.wrap .swiper-button-next { width: 44px; height: 26px; bottom: 181px!important; top: auto!important; } #container .content.history-view .section02>.wrap .swiper-container .swiper-wrapper .swiper-slide .left-text-area dl dt { color: #fff; font-size: 18px; font-family: "微软雅黑"; font-weight: bold; } #container .content.history-view .section02>.wrap .swiper-container .swiper-wrapper .swiper-slide .left-text-area dl dd { font-size: 14px; color: #c6daff; line-height: 24px; margin-top: 35px; padding-left: 40px; } #wrap { position: absolute; width: 100%; min-width: 1200px; top: 373px; } .b1fa { height: 815px; position: relative; } .slicktime { margin: 18px 0 25px; } .slicktime p { color: #fff; font-size: 14px; font-family: "微软雅黑"; line-height: 24px; text-align: center; } .slick_contiont .slick-dots { transform: translateX(-15px); bottom: 5px; } .slick_contiont .slick-dots li { background: #fff; } .slick-dots li.slick-active { background: #999; } #container .content.history-view .section02>.wrap .swiper-pagination .bl span::after { content: ""; position: absolute; width: 91px; height: 1px; background: #fff; left: -9px; bottom: -40px; opacity: 0; } #container .content.history-view .section02>.wrap .swiper-pagination .bl span { overflow: unset; } #container .content.history-view .section02>.wrap .swiper-pagination .bl.active span::after { /* opacity: 1;*/ } .wj_pb_bc_list.act p { color: #25549e } .wj_pb_bc_list.act i { color: #25549e } .c3body .c3news .nw_txta { width: 100%; padding-right: 72px; } .c2text { padding-top: 41px; padding-bottom: 29px; } .c2text img{ max-width:100% } .d1body .lianhuaright p { margin-bottom: 0; } .lrtxt p:nth-child(3) { margin-bottom: 50px; } .d3body .d1bigtxt { margin-top: 10px; line-height: 1.1!important; } .d3body .lianhuaright { width: calc(100% - 387px); background: #f7f9fb; padding-left: 60px; padding-top: 50px; padding-bottom: 40px; padding-right: 48px; margin-bottom: 295px; } .d3body .lianhuaright p { margin-bottom: 24px; } .e2rileft h2 { margin-bottom: 23px; } .fiitema h3 { color: #215dab; } .fiitemb h3 { color: #25549e; } .fiitemc h3 { color: #102078; } .pioneerleftcc { margin-bottom: 172px; } .g2body .page li.activepage { background: #2aa3eb; color: #fff; } .right_txtx span { font-size: 16px; color: #464646; font-family: "微软雅黑"; font-weight: lighter; } .pcdaohangwai .logo_b { display: block; } .bannerindex { position: fixed; top: 0; left: 0; } .indexboxa { margin-top: 100vh; background: #fff; } .earth { background: #fff; position: relative; } .earth_con { background: #fff; } .banner_item video { position: relative; top: 0; left: 50%; transform: translateX(-50%); width: auto; height: auto; } .slick-vertical .slick-slide { height: 100vh; } .ban_a { height: 100%; min-width: 100%; } .b1_bannera { display: none; } .bavideo video { /**height: 100vh;**/ position: relative; top: 0; left: 50%; transform: translateX(-50%); width: 100%; } .bavideo { position: relative; } .bavideo::after { position: absolute; content: ''; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); } .ban_a { transition: all 1s ease-out 0s; position: relative; top: 0; left: 50%; transform: translateX(-50%) scale(1.1); } .banner_item video { transition: all 1s ease-out 0s; position: relative; top: 0; left: 50%; transform: translateX(-50%) scale(1.1); } .banner_pic .banner_item.slick-active .ban_a { transform: translateX(-50%) scale(1); } .banner_pic .banner_item.slick-active video { transform: translateX(-50%) scale(1); } .b3body .footer { /* bottom:0; position:absolute; bottom:0;*/ } @keyframes myfirstaa { 0% { transform: translateY(0); } 100% { transform: translateY(10px); } } .scroll img { animation: myfirstaa 1s infinite alternate ease-in; } .sectionbox { height: 200px!important; } .sectionbox .fp-tableCell { height: 200px!important; } #fullpage .section:nth-child(4) { height: 200px!important; } #fullpage .section:nth-child(4) .fp-tableCell { height: 200px!important; } .slick_contiontbox .slick-dots li { background: #c2c2c2; } .slick_contiontbox .slick-dots li.slick-active { background: #333; } .w_g_wapcen { width: 100vw; height: 100vh; background: #0154b4; position: fixed; left: 0; top: 0; z-index: 99999999999999999999999999999999; } .g_wapcen { position: fixed; left: 50vw; top: 50vh; transform: translate(-50%, -50%); } .g_wap { width: 148px; height: 168px; position: relative; margin: auto; } #g_swg4 { transition: all 3s; } .spinner6 { margin: 10px auto 0; width: 150px; text-align: center; } .spinner6>div { width: 10px; height: 10px; background-color: #00A2E9; border-radius: 100%; display: inline-block; -webkit-animation: bouncedelay 1.4s infinite ease-in-out; animation: bouncedelay 1.4s infinite ease-in-out; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .spinner6 .bounce1 { -webkit-animation-delay: -0.32s; animation-delay: -0.32s; } .spinner6 .bounce2 { -webkit-animation-delay: -0.16s; animation-delay: -0.16s; } .lvceng { width: 148px; margin-bottom: 27px; } .lvceng img { width: 100%; } .w_php { opacity: 0; } .g_infrxbox { overflow: hidden !important; width: 100vw; height: 100vh; } @-webkit-keyframes bouncedelay { 0%, 80%, 100% { -webkit-transform: scale(0.0) } 40% { -webkit-transform: scale(1.0) } } @keyframes bouncedelay { 0%, 80%, 100% { transform: scale(0.0); -webkit-transform: scale(0.0); } 40% { transform: scale(1.0); -webkit-transform: scale(1.0); } } /*.g2bbbb{ display:none; } .g2bbbb.active{ display:block; }*/ .g2bbbbmoij { width: 50%; } /*.g2renbtlist .slick-current h5{ color: #25549e; } .g2renbtlist .slick-current h5::after{ position: absolute; content: ""; width: 0; height: 0; border-width: 0 5px 5px; border-style: solid; border-color: transparent transparent #25549e; bottom: -9px; left: 50%; transform: translateX(-50%); opacity: 1; } .g2renbtlist .slick-current.g2renbtitem{ border-color: #25549e; } */ .bsFrameDiv div { overflow: hidden!important; } .bsFrameDiv { overflow: hidden; } .bsFrameDiv img { width: 170px!important; height: 170px!important; } .f3btnleftbox { display: none; } .g2lunboright { transform: translateY(-79px); } .bl { position: relative; } .yuandiani { position: absolute; font-size: 0; width: 10px; height: 10px; border-radius: 50%; background: #fff; top: 50%; left: 53%; transform: translate(-52%, -50%); opacity: 0.9; } .bl.active .yuandiani { background: #11287c; } .yuandiani::after { content: ""; position: absolute; width: 91px; height: 1px; background: #fff; left: -9px; bottom: -45px; opacity: 0; } .bl.active .yuandiani::after { opacity: 1; } .g_list { overflow: hidden; height: 62px; } .g_box { transition: all 0.3s; } #container .content.history-view .section02>.wrap .swiper-pagination { /* padding-left:50px;*/ bottom: -8px; } #container .content.history-view .section02>.wrap .swiper-pagination .bl { position: relative; width: 23px; height: 23px; /* opacity: 0.8; */ margin-right: 100px; overflow: visible; background: rgba(255, 255, 255, 0.3); border-radius: 50%; margin-left: 100px; } #container .content.history-view .section02>.wrap .swiper-pagination .bl:nth-child(4), #container .content.history-view .section02>.wrap .swiper-pagination .bl:nth-child(7), #container .content.history-view .section02>.wrap .swiper-pagination .bl:nth-child(10) { margin-left: 93px; } .e2jianjie { width: 1200px; margin: 0 auto; padding: 65px 0 0; } .e2jianjie p { color: #464646; font-size: 18px; font-family: "微软雅黑"; line-height: 1.75 } .sbbb { color: #fff; }