.pubcn { color: #3071b7; font-weight: bold; font-size: 24px; margin-top: 5px; } .pubcn,.puben{ line-height: 1.3; text-align: center;} .puben { color: #dddddd; opacity: 0.62; font-size: 14px; text-transform: uppercase; } .banner { height: 100vh; } .hbimg { position: absolute; width: 100%; height: 100%; left: 0; top: 0; background-size: cover; background-repeat: no-repeat; background-position: center; } .hbtxt { width: 90%; text-align: center; left: 5%; transform: translateY(-50%); top: 50%; position: absolute; z-index: 6; color: #fff; } .xxhbtxtmore{ margin-top: 35px;} .hbtxtp1 { font-size: 18px; } .wzxg1, .wzxg2, .wzxg3 { position: relative; opacity: 0; top: 50px; transition: all 0.6s ease; } .hbtxth5 { font-size: 24px; font-weight: bold; } .pubmore { background: #3071b7; border: 1px solid #3071b7; padding: 0 50px; height: 40px; line-height: 40px; color: #fff; border-radius: 3px; display: inline-block; } .hbimg:before{ position:absolute; width:100%; height:100%; content:'';left:0;top:0; z-index:3;} .hbimg:after{ position:absolute; width:100%; height:50%; content:'';left:0;top:0; z-index:2;} .hbimg:before{background: url(../img/bannertopbg.png) center top repeat-x; z-index:5;} .hbimg:after{background: linear-gradient(360deg, rgba(48,113,183,0) 0%, rgba(48,113,183,0.1881127450980392) 50%, rgba(48,113,183,0.3699054621848739) 100%);opacity: 0.2;} .hbimg:after{opacity:0.5;} @keyframes nudgeMouse { 0% { -webkit-transform: translateY(0); transform: translateY(0) } 20% { -webkit-transform: translateY(8px); transform: translateY(8px) } 30% { -webkit-transform: translateY(0); transform: translateY(0) } 50% { -webkit-transform: translateY(8px); transform: translateY(8px) } 60% { -webkit-transform: translateY(0); transform: translateY(0) } 80% { -webkit-transform: translateY(8px); transform: translateY(8px) } 90% { -webkit-transform: translateY(0); transform: translateY(0) } } .sbox { width: 100%; height: auto; position: absolute; left: 0; bottom: 50px; text-align:center; z-index: 80; } .mouse { border: 1px solid #fff; position: relative; width: 20px; height: 35px; border-radius: 100px; background-size: 100% 200%; -webkit-animation: nudgeMouse 5s ease-out infinite; margin: auto; } .mouse:after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; } .mouse:after { background-color: #fff; width: 5px; height: 5px; border-radius: 100%; -webkit-animation: trackBallSlide 5s linear infinite; animation: trackBallSlide 5s linear infinite; } .swiper-slide-active .wzxg1,.swiper-slide-active .wzxg2,.swiper-slide-active .wzxg3{top:0;opacity:1;} .swiper-slide-active .wzxg1{transition-delay:0.3s;} .swiper-slide-active .wzxg2{transition-delay:0.5s;} .swiper-slide-active .wzxg3{transition-delay:0.7s;} .bannerpage { position: absolute;LEFT:0;BOTTOM:0; z-index: 7; text-align: center;} .bannerpage SPAN{background: none; border:1px solid #fff; opacity: 1;} .bannerpage .swiper-pagination-bullet-active{background: #FFF;} .xxserv{ padding: 5%;} .xxservm{position: relative; margin-top: 5%; display: block;} .xxservm:nth-child(1){margin-top: 0;} .xxservm img{width: 100%; vertical-align: top;border-radius: 6px;} .xxservdesc{ position: absolute;text-align: center;color:#fff;width: 100%;left:0;bottom:40px;} .xxservdesc .pubcn,.xxservdesc .puben{color:#fff;} .xxservdesc{padding:0 4%; box-sizing:border-box;bottom:20px;} .xxservdesc h3{text-align:left; font-size:20px;} .xxservdesc .puben{ font-size:14px;} .qqbj{ padding: 45px 0; margin: 0 5%; padding-bottom: 0; padding-top: 0; position: relative;border-radius:6px; overflow: hidden;} .qqbjm{ position: absolute; padding: 20px;width: 100%; box-sizing: border-box;left:0;bottom:0; border-radius:10px;} .qqbj img{width: 100%; vertical-align: top;} .qqbjtxt{ position: absolute;width: 100%;left:0;bottom:20px; box-sizing: border-box; z-index: 3; padding: 0 20px;} .qqbj .pubcn,.qqbj .puben{color:#fff; text-align: left;padding-left: 30px;} .qqbjdesc{padding: 25px 30px;border-radius:6px; font-size: 15px; overflow: hidden; margin-top: 40px; color:#fff; position:relative;} .qqbjdesc:before{ position:absolute;left:0;top:0;width:100%; height:100%; content:'';background-image: linear-gradient(90deg, #457db2 0%, #4c90b3 30%,#529eb3 60%, #5db48b 100%); background-size:cover; } .qqbjdesc p,.qqbjdesci{ position:relative; z-index:6;} .qqbjdesci{display: inline-block; margin-top: 25px;color:#fff;} .qqbjdesci span,.qqbjdesci img{display: inline-block;vertical-align: middle;} .qqbj .qqbjdesc img{width: 8px;margin-right: 8px;} .qqbjdesc span{font-size:12px;} .sixad{ margin-top: 25px;} .swiper-scrollbar{top:15px; left: 15px !important; } .estaboxs { text-align: center; background: #f6f9fa; padding: 45px 0; width: 100%; } .estab-contain {padding-left: 5%; margin-top: 30px; } .established{ margin-top: 45px;} .established .swiper-scrollbar { position: relative; -ms-touch-action: none; background: rgba(0, 0, 0, .1); bottom: auto; width: 100px; z-index: 9; height: 2px; left: 0; } .established .swiper-scrollbar-drag { background: #1995c9; } .established .swiper-button-next, .established .swiper-button-prev { width: 40px; height: 40px; padding: 0; background-size: 40px !important; bottom: auto; top: auto; left: auto; right: auto; position: relative; margin: 0 !important; margin-right: 20px !important;} .established .swiper-button-prev { background: url(../img/phone-prev.svg) no-repeat center center; } .established .swiper-button-next { background: url(../img/phone-next.svg) no-repeat center center; } .estab-contain .swiper-slide p { position: relative; z-index: 2; } .estab-contain .swiper-slide p, .estab-contain .swiper-slide p img { width: 100%; } .estab-contain .swiper-container .swiper-slide .case-desc { margin: 0 auto; background-color: #fff; border-bottom: none; padding: 30px; text-align: left; box-sizing: border-box; } .estab-contain .case-desc h4 { font-size: 16px; line-height: 20px; font-weight: bold; color: #004798; } .estab-contain .swiper-container .swiper-slide .case-desc::after { content: ""; width: 100%; height: 4px; position: absolute; bottom: 0; left: 0; background: #004798;} .new_listBox{ margin-top: 30px;} .news_Boxs{ padding: 40px 0;} .news_Boxs .swiper-pagination-bullet-active{background: #3071b7 !important;} .news_Boxs .swiper-pagination{ position: relative !important; bottom:auto !important; margin-top: 20px;} .news_Boxs { background: #fff; } .imgBox { width: 100%; box-sizing: border-box; overflow: hidden; position: relative; z-index: 1; } .imgBox img { display: block; vertical-align: top; width: 100%; } .imgBox span{color:#fff; display: inline-block;background: rgba(0,0,0,0.4);color:#fff;font-size:12px;padding:10px 20px;border-radius:5px; position: absolute;left:5%;top:8%;} .descBox { width: 100%; box-sizing: border-box; margin: -91px auto 0; padding: 20px 25px 30px; z-index: 5; position: relative; background: #fff; transition: all .6s ease; -webkit-transition: all .6s ease; -moz-transition: all .6s ease; } .arrow-span img{width: 18px;} .descBox { width: 90%; padding: 25px 35px 30px; background-image: linear-gradient(90deg, #457db2 0%, #4c90b3 30%,#529eb3 60%, #5db48b 100%); border-radius:6px; overflow:hidden; position:relative; } .descBox p,.descBox h4,.descBox .new_desc,.descBox span{ position:relative; z-index:3;} .descBox:before{ position:absolute;content:'';left:0;top:0; width:100%; height:100%; background:url(../img/my15gfcwzh5m.jpg) center no-repeat; opacity:0.7; background-size:cover; display:none;} .descBox .new_tis { margin-bottom: 14px; font-size: 12px; opacity: 0.6; color: #fff; } .zaiyiqima {border-radius:6px;} .new_desc{color:#fff; opacity: 0.9; display: none;} .descBox h4 { font-size: 16px; margin-bottom: 26px; color: #fff; font-weight: 400; } .selectBoxs { background: #f6f9fa; width: calc(100% - 40px); padding: 10px 20px 30px; } .select-Item h4 { font-size: 16px; line-height: 22px; margin: 20px 0 10px; } .footer__subnavSelect { width: 100%; background: #FFF; height: 45px; border: 0; border-bottom: 1px solid #879baa; border-radius: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; color: #788791; padding: 2px 15px 0; background-color: #FFF; background-image: url(../img/arrow-down-select.svg); background-repeat: no-repeat; background-position-x: 95%; background-position-y: center; background-size: 15px; outline: 0; display: block; } /*人文*/ .zaiyiqi{padding: 45px 0; background: #fcfcfc;} .zaiyiqim {width: 92%;margin: 0 auto;margin-top: 30px;} .zaiyiqil,.zaiyiqir{width: 100%; overflow: hidden; position: relative;color:#fff;} .zaiyiqimbg{width: 100%;height: 100%;position: absolute;top:0;} .poabsolutewh50 {position:absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 100%;padding: 0 20px;box-sizing: border-box;} .zaiyiqil{text-align: left;} .zaiyiqir{text-align: right; margin-top: 10px;} .zaiyiqimbg1{background: rgba(111,185,44,0.8);left:0;} .zaiyiqimbg2{background: rgba(48,113,183,0.8);right:0;} .poabsolutewh50 h4{font-size:24px; font-weight: bold;} .poabsolutewh50 p{margin-top: 10px;} .zaiyiqima img{max-width: 100%; transition: all 0.3s ease;} .zaiyiqima:hover img{transform: scale(1.03);} .established .puben{color:#666; font-size:16px;} .sjswapsliderm { position:relative; height:54px; background:#fff; border-bottom:2px solid #6fb92c; padding:25px 20px; background:#fff;} .sjswapslider{ margin-left:5%; margin-right:5%; margin-top:30px;} .sjswapslidericon{ position:absolute;left:25px;top:50%; transform:translateY(-50%);} .sjswapsliderm1 .sjswapslidertxt{ padding-left:60px;} .sjswapsliderm2 .sjswapslidertxt{ padding-left:78px;} .sjswapsliderm3 .sjswapslidertxt{ padding-left:63px;} .sjswapsliderm4 .sjswapslidertxt{ padding-left:75px;} .sjswapsliderm5 .sjswapslidertxt{ padding-left:78px;} .sjswapslidericon{ width:55px;} .sjswapsliderm1 .sjswapslidericon{ width:40px;} .sjswapsliderm2 .sjswapslidericon{ width:58px;} .sjswapsliderm3 .sjswapslidericon{ width:43px;} .sjswapsliderm4 .sjswapslidericon{ width:55px;} .sjswapsliderm5 .sjswapslidericon{ width:58px;} .sjswapslidericon img{width:100%;} .sjswapslidertxt,.sjswapslidericon{ float:left;} .sjswapslidertxt{ box-sizing:border-box; text-align:left; padding-left:65px;} .sjswapslidertxt p{color:#6fb92c; font-size:24px; line-height:24px;} .sjswapslidertxt h5{color:#666; font-size:14px; margin-top:10px; line-height:20px;} .zaiyiqima img{ width:100%;} .zaiyiqima { max-height:200px; overflow:hidden;} .shujumwz{padding: 0 5%; margin-top:20px; color:#999; text-align: right; font-size: 14px;} .sjswapslidericon{ position:relative;top:0;left:0; transform:none; float:none; display:inline-block;} .sjswapslidertxt{ float:none;} .sjswapslidertxt{padding-left:0; text-align:center;} .sjswapsliderm{ height:auto;} .sjswapslidertxt p{ margin-top:10px;} .estaboxs{ position:relative;} .sjswapsliderpage{ position:absolute;left:0;bottom:45px;width:95%;left:5%;} .sjswapsliderpage span{margin:0 4px !important;} .sjswapsliderpage{ text-align:left;} /* #lower.lower2{ background:#eeefef; border-color:#3071b7;} #lower.lower2 .phone-foot-adr a{color:#333; font-weight:normal;} #lower.lower2 .w80>h4,#lower.lower2 .bot-contact-icon,.phone-foot-adr,#lower.lower2 .foot-jas{ border-color:#999;} #lower.lower2 .icon-xiajiantou{ background-image:url(../img/language_icon_1.gif);} #lower.lower2 .dbgs span{color:#333;} #lower.lower2 .dbgs{ background-image:url(../img/totop2.png);} #lower.lower2 .bot-contact-icon p{color:#222;} #lower.lower2 .clear-contain li a{ color:#666;} #lower.lower2 .foot-jas p, #lower.lower2 .foot-jas p a{color:#999;} */ .searchwap{ border-bottom: 1px solid rgba(255,255,255,0.8); margin: 0 15px; transition: all 0.3s ease;transition-delay:1s; opacity: 0; margin-top: 20px;} .searchwaptxt,.searchwapbtn{background: none; border:none; height: 50px; line-height: 50px;color:#fff;} .searchwaptxt{ float:left; width: 80%;} .searchwapbtn{ float:right;width: 20%; background: url(../img/search.png) center right no-repeat; background-size: 15px auto;} .qqbjdesc:before{background: rgba(255,255,255,0.3);} .xx829serv{margin: 0 5%;border-radius: 6px;overflow: hidden;} .xx829servm{background: #12355f; padding: 20px 15%;padding-top: 55px;padding-bottom: 150px;} .xx829servm{background: url(../../img/0715/xx829servmbg.jpg) center bottom no-repeat #12355f;background-size: cover;} .xx829servh4{ font-size:24px;color:#fff;font-weight: bold;} .xx829servp1,.xx829servp1 i{color:#fff;} .xx829servp1{margin-top: 8px;} .xx829serva{margin-top: 20px;display: block;} .xx829serva:nth-child(1){margin-top: 0;} .xx829serv{margin-top: 15px;margin-bottom: 45px;} .sjswapsliderm{border: none;} .sjswapsliderm:nth-child(even){margin-top: 15px;} .xxb829p3{color:#fff; font-size:12px;line-height: 1.8;margin-top: 20px;} .x7wqxgsp1h401{text-align: center;} .ba7video{ position: absolute;width: 100% ;height: 100%;object-fit: cover; left:0;top:0;} .xxb829p5{color:#fff;font-size: 12px;margin-top: 10px;} .xxb829p4{margin-top: 25px;font-size: 18px;} .ba7videobg{ position: absolute;width: 100%;height: 100%;left:0;top:0;background: rgba(0,0,0,1); opacity: 0.2;z-index: 2;} .xx829serv1{margin-top: 45px;} .bnwz1{width:74%;position: absolute;left:13%;top:10%; z-index: 3;} *{outline: none;} @media(max-width:375px){ .xxb829p4{ font-size:16px;} } @media(max-width:320px){ .hbtxth5{ font-size:20px;} } .showMain .searchwap{ opacity: 1;}