@charset "utf-8"; /* ------------------------------------------------- * 公用样式表 * ------------------------------------------------- */ body{font-family:"微软雅黑","宋体"; position: relative; font-size:14px; height:auto; line-height: 1.28571; font-weight: 400; letter-spacing:-.1px; font-stretch:normal; font-style:normal; color: rgba(255, 255, 255, 1); color: #2c2c2c; background: rgba(255, 255, 255, 1); text-align:justify; -webkit-text-size-adjust:none; -webkit-font-smoothing: subpixel-antialiased; /*chrome、safari*/-moz-osx-font-smoothing: grayscale;/*firefox*/} @media (max-width: 1024px){ body {font-size: 12px; margin: 0 auto;} } /** 定义HTML body **/ a{color:#333; transition:400ms ease all;} a:focus {color: #333;outline: none;text-decoration: none;} a:hover {color: #333;outline: none;text-decoration: none;transition:400ms ease all;} /* == 翻页公用 ====================================================================================*/ .pageflip{width: 100%;overflow: hidden;text-align: center; margin: 20px 0px 0px 0px;} .pageflip a{color: #14c268;height: 34px;display: inline-block;overflow: hidden;line-height: 30px; padding: 0px 10px; border: 2px solid #14c268;border-radius: 5px;margin: 0px 5px;} .pageflip a:hover,.pageflip a.dq{background: #14c268;color: #fff;} .pageflip a i{display: block;line-height: 30px;height: 30px; } @media (max-width:768px){ .pageflip{ margin: 10px 0px 0px 0px;} .pageflip a { font-size: 12px; height: 26px; line-height: 24px; border-width: 1px; padding: 0px 0.3rem;margin: 0px 2px; border-radius: 3px; } .pageflip a i { line-height: 24px; height: 26px; } } /* == 翻页公用 ====================================================================================*/ @media (max-width:1600px){} @media (max-width:1400px){} @media (max-width:1200px){} @media (max-width:1023px){} @media (max-width:767px){} /* == 全局 ======================================================================================================================================*/ .wrapper_full{margin: 0px auto; max-width: 100%; width: 100%; padding: 0 0px;} .wrapper_box{margin: 0px auto; max-width: 1860px; width: 100%; position: relative; padding: 0 65px;} .max1440{margin: 0px auto; max-width: 1560px; width: 100%; padding: 0 65px;} .max1200{margin: 0px auto; max-width: 1200px; width: 100%; padding: 0 30px;} @media (max-width:1440px){ } @media (max-width:1280px){ .wrapper_box{padding: 0px 20px;} .max1440{padding: 0 20px;} .max1200{padding: 0 20px;} } @media (max-width:1024px){ .wrapper_full{overflow: hidden;} .wrapper_box{padding: 0px 10px; overflow: hidden;} .max1440{padding: 0 10px; overflow: hidden;} .max1200{padding: 0 10px; overflow: hidden;} } @media (max-width:767px){ .wrapper_full{padding: 0px 0px;} .wrapper_box{padding: 0px 10px;} .max1440{padding: 0 10px;} .max1200{padding: 0 10px;} } /* == 全局 ======================================================================================================================================*/ /** == 首页banner ======================================================================================================================================*/ .banner_box{ width: 100%; position: relative; padding-top: 0px;/*^banner距顶部距离^*/} .banner_g{position: absolute; width: 100%; height: 100%; z-index: 10; background-repeat:no-repeat; background-position:center top; background-size:cover; } .banner_logo{position: absolute; left: 52.5%; top: 50%; width:70px; height: 70px; z-index: 11; background-repeat:no-repeat; background-position:center top; background-size:cover;} @media (max-width:1680px){ .banner_logo{ left: 50.5%; top: 50%;} } .swiper-ban.swiper-container{ } .swiper-wrapper{z-index: 9;} .swiper-ban.swiper-slide{ background: #000; width: 100%; height:auto;} .swiper-ban a {display: block; width: 100%; height:100%; overflow: hidden; } .swiper-ban a .slide_full{width: 100%; height:100vh;/*^banner高度^*/ overflow: hidden; position: relative; background-repeat:no-repeat; background-position:center top; background-size:cover; transition: all .5s cubic-bezier(.5, 0, .2, 1) 0s; z-index: 8; } .swiper-ban a > img {position: absolute; left: 0 ; top: 0; width:100%; z-index: -1; } .swiper-ban a .bg_hei{position: absolute; left: 0 ; top: 0; width:100%; height: 100%; z-index: -1;background:rgba(0,0,0,0.5); opacity: 0.0;/*^banner上覆盖色^*/} /** banner点点点 =====*/ .swiper-ban.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ bottom: 20px;} .swiper-ban .swiper-pagination-bullet{background: #0a5c78; width: 40px; height:5px; border-radius:5px; opacity: .9; transition: all .5s cubic-bezier(.5, 0, .2, 1) 0s;} .swiper-ban .swiper-pagination-bullet-active {background: #14c268; width: 60px;height: 8px; } /** banner箭头 =====*/ .swiper-ban .swiper-button-prev {left:30px; width: 50px; height: 50px; opacity:1; top: 50%; transition: all 0.5s ease-out;} .swiper-ban .swiper-button-next {right:30px; width: 50px; height: 50px; opacity:1; top: 50%; transition: all 0.5s ease-out;} .swiper-ban .swiper-button-prev {background-color:rgba(0,0,0,0.9);background-image:url(../images/icon/bannerleft.png); background-repeat:no-repeat; background-position:center center; background-size:50%; text-align: center;border-radius:100%; } .swiper-ban .swiper-button-next { background-color:rgba(0,0,0,0.9);background-image:url(../images/icon/bannerright.png); background-repeat:no-repeat; background-position:center center; background-size:50%; text-align: center;border-radius:100%; } .swiper-ban .swiper-button-prev.swiper-button-disabled{opacity:0.1;background-color:none;background-image:url(../images/icon/bannerleft.png);}/*^到头^*/ .swiper-ban .swiper-button-next.swiper-button-disabled{opacity:0.1;background-color:none;background-image:url(../images/icon/bannerright.png);}/*^到头^*/ .swiper-ban .swiper-button-prev:hover{opacity: 0.8;left:40px;} .swiper-ban .swiper-button-next:hover{opacity: 0.8;right:40px;} @media (max-width: 1366px) { .banner_box{ width: 100%; position: relative; padding-top: 0px;/*^banner距顶部距离^*/ } .swiper-ban a .slide_full{width: 100%; height:100vh;/*^banner高度^*/ } } @media (max-width: 1023px) { .banner_g{position: absolute; width: 130%; height: 100%; z-index: 10; background-repeat:no-repeat; background-position:center top; background-size:cover; } .banner_logo{position: absolute; left: 65.5%; top: 40%; width:40px; height: 40px; z-index: 11; background-repeat:no-repeat; background-position:center top; background-size:cover;} .banner_box{ width: 100%; position: relative; /*^banner距顶部距离^*/} .swiper-ban a .slide_full{width: 100%; height:250px;/*^banner高度^*/ } .swiper-ban .swiper-button-prev {left:10px; width: 30px; height: 30px; opacity:1; top: 93%;transition: all 0.5s ease-out;} .swiper-ban .swiper-button-next {right:10px; width: 30px; height: 30px;opacity:1;top: 93%;transition: all 0.5s ease-out;} .swiper-ban .swiper-button-prev:hover{opacity: 0.8;left:20px;} .swiper-ban .swiper-button-next:hover{opacity: 0.8;right:20px;} .swiper-ban .swiper-pagination-bullet{background: #fff; width: 20px; height:2px; border-radius:5px; opacity: .9; transition: all .5s cubic-bezier(.5, 0, .2, 1) 0s;} .swiper-ban .swiper-pagination-bullet-active {background: #14c268; width: 30px;height: 2px; } } /** == 首页banner ======================================================================================================================================*/ /** == 首页banner上文字 ======================================================================================================================================*/ .wenzi_main{ position:absolute; width: 100%; margin: 0px auto; padding: 0px 20px; top: 55%; -webkit-transform:translateY(-50%); transform:translateY(-50%); text-align:left; z-index: 10; text-transform:uppercase;} .ani-01 { height: auto; margin-bottom: 30px; color: #fff; font-size: 30px; line-height: 30px;} .ani-01 span{font-size: 66px;line-height: 76px; display: inline-block;color: #fff;margin-right: 15px;font-weight: bold;} .ani-02 { height: auto; width: 50%; margin-bottom: 40px; color: #fff; font-size: 26px;line-height: 30px; } .ani-03 { height: auto; width: 50%; margin-bottom: 0px; color: #fff; font-size: 18px;line-height: 22px; margin-bottom: 70px;} .ani-04 img{width: 160px;height: 160px;margin-right: 15px; display: none; } .ban_icon{position:absolute; width: 100%; left: 50.5%; margin: 0px auto;top: 70%; -webkit-transform:translateY(-70%); transform:translateY(-70%); } .ani-022 { height: auto; width: 50%; margin-bottom: 20px; color: #fff; font-size: 30px;line-height: 40px; } .ani-033 { height: auto; width: 50%; margin-bottom: 0px; color: #fff; font-size: 18px;line-height: 26px; margin-bottom: 20px;} @media (max-width: 1440px) { } @media (max-width: 1280px) { .wenzi_main{ position:absolute; width: 100%; margin: 0px auto; padding: 0px 20px; top: 50%; -webkit-transform:translateY(-50%); transform:translateY(-50%); text-align:left; z-index: 10; text-transform:uppercase;} .ani-01 { height: auto; margin-bottom: 10px; color: #fff; font-size:40px; } .ani-02 { height: auto; margin-bottom: 10px; color: #fff; font-size: 30px; } .ani-03 { height: auto; margin-bottom: 0px; color: #fff; font-size: 20px; } } @media (max-width: 1023px) { .ani-01 { height: auto; margin-bottom: 10px; color: #fff; font-size: 20px; line-height: 22px;} .ani-01 span{font-size: 26px;line-height: 26px; display: inline-block;color: #fff;margin-right: 15px;font-weight: bold;} .ani-02 { height: auto; margin-bottom: 40px; color: #fff; font-size: 26px;line-height: 30px; } .ani-03 { height: auto; margin-bottom: 0px; color: #fff; font-size: 20px;line-height: 22px; margin-bottom: 70px;} .ani-04 img{width: 160px;height: 160px;margin-right: 15px; display: none; } .ban_icon{position:absolute; width: 100%; left: 50.5%; margin: 0px auto;top: 70%; -webkit-transform:translateY(-70%); transform:translateY(-70%); } } @media (max-width: 767px) { .wenzi_main{ position:absolute; width: 100%; margin: 0px auto; padding: 0px 20px; top: 60%; -webkit-transform:translateY(-50%); transform:translateY(-50%); text-align:left; z-index: 10; text-transform:uppercase;} .ani-01 { height: auto; margin-bottom: 1px; color: #fff; font-size: 0.5rem; line-height: 1.6; } .ani-02 { height: auto; margin-bottom: 1px; color: #fff; font-size: 0.5rem; } .ani-03 { height: auto; margin-bottom: 0px; color: #fff; font-size: 0.5rem; } .ani-022 { height: auto; margin-bottom: 10px; color: #fff; font-size: 0.6rem;line-height: 1.5; } .ani-033 { height: auto; margin-bottom: 0px; color: #fff; font-size: 12px;line-height: 1.5; margin-bottom: 20px;} } /** == 首页banner上文字 ======================================================================================================================================*/ /** == pag_ban ====================================================================================*/ .pag_ban{position: relative;overflow: hidden;height: 400px; margin-top: 90px;transition: all 0.5s ease-out;} .pag_ban:before {content: ''; position: absolute; background-color: rgba(0, 0, 0, 0.5); height: 100%; width: 100%; top: 0;left: 0;} .pag_ban .imgbg {height: 100%; background-position: center center;background-size: cover;background-repeat: no-repeat;} .pag_ban .imgbg img {display: none;} .pag_ban_tit{color: #fff; text-align:left; position: relative; width: 100%; margin: 0px auto; text-shadow: 1px 1px 1px #000; filter:shadow(Color=#000,Direction=10,Strength=10); top: 50%; -webkit-transform:translateY(-50%); transform:translateY(-50%); } .pag_ban_tit .tf30{ font-size: 45px; padding-bottom: 10px; } .pag_ban_tit .tf16{ font-size: 16px; line-height: 30px; font-family:HELVETICANEUELTPRO-THEX, "微软雅黑";} @media (max-width:1366px){ .pag_ban{height: 300px; overflow: hidden;} .pag_ban_tit{padding: 0px 20px 0px 20px;} } @media (max-width:1023px){ .pag_ban{height: 150px; margin-top: 2.4rem;} .pag_ban_tit .tf30{ font-size:16px; font-weight:600;} .pag_ban_tit .tf16{ font-size: 12px; line-height: 20px; font-family:HELVETICANEUELTPRO-THEX, "微软雅黑";} } /** == pag_ban ====================================================================================*/ /** pc_header header ========================================================================================================================*/ .pc_header{width:100%; height: 85px; position:absolute; top: 0px; left: 0px; background:rgba(0,0,0,0); padding: 0px 0px; box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.0);transition: all 0.5s ease-out;} .pc_header.top_fixedY{background: #14c268; position: fixed;-webkit-transform: translateY(-100%);-ms-transform: translateY(-100%);transform: translateY(-100%);transition: all 0s ease-out; } /** .pc_header.top_fixedY 固定顶部溢出 ======**/ .pc_header.top_fixed{-webkit-transform: translateY(0%); -ms-transform: translateY(0%); transform: translateY(0%);transition: all 0.5s ease-out;} /** .pc_header.top_fixedY 滑出顶部显示 ======**/ .m_header{display: none;} @media (max-width:1023px){ .pc_header{display: none;} .m_header{display:block;} } /** PC_logo ========================================================================================================================*/ .pc_header .wrapper_box{height: 100%; width: 100%; max-width: 100%; z-index: 10; position: relative; border-bottom:2px solid #6f9fb0;} .bg_lv{ position: absolute; z-index: 9; height: 85px; width: 100%; background-color:#14c268; top: 0; right:0;} .pc_logo{float: left; height: 100%; display: -webkit-flex; /* Safari */display: flex; -webkit-align-items: center; /* Safari 6.1+ */ align-items: center;} .pc_logo a{float: left; display: block;} .pc_logo a img{ max-width:auto; height:50px;} @media (max-width:1023px){ .bg_lv{ position: absolute; z-index: 9; height: 55px; width: 100%; background-color:#14c268; top: 0; right:0;} } .pc_header .qie{float: right;text-align: right;display: flex;position: relative;} .pc_header .qie a{display: inline-block;color: #fff;line-height: 85px;font-size: 14px;font-weight: bold;margin-left: 35px;} .pc_header .qie a i{font-size: 30px;color: #fff;line-height: 85px;font-weight: normal;float: right;} .pc_header .qie a:hover{color: #0a5c78;} .pc_header .qie a:hover i{color: #0a5c78;} /** pc_nav 通用导航 ====================================================================================*/ .pc_nav {width:auto; margin: 0px auto; float: left;padding-left: 70px; } .pc_nav ul{ display: block;} .pc_nav:after,.pc_nav > ul:after {content: "";display: block;clear: both;visibility: hidden; line-height: 0; height: 0;} /*一级菜单*/ .pc_nav > ul > li.nav-one {float: left; width:auto; display: block; position: relative;-webkit-perspective: 85px; -moz-perspective: 85px; -ms-perspective: 85px; perspective: 85px; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d;} .pc_nav > ul > li.nav-one > a {color: #fff; padding: 0px 23px 0px 23px; font-size: 16px; line-height: 85px; text-align: center; display: block; } .pc_nav > ul > li.nav-one:hover > a {color: #14c268; } .pc_nav > ul > li.nav-one > a.on{ color: #38b1da;} /*一级菜单*/ @media (max-width:1440px){ .pc_nav > ul > li.nav-one > a {color: #fff; padding: 0px 15px 0px 15px; font-size: 16px; line-height: 85px; text-align: center; display: block; } } /*二级菜单*/ .pc_nav > ul > li.nav-one > ul.nav-two {opacity: 0; width: 100%;height: auto;top:auto;left: 0;padding-bottom: 0px; display: block;transition: all 0.3s ease-out; position: absolute;background: transparent;border-bottom-left-radius: 3px;border-bottom-right-radius: 3px;-webkit-transform-origin: 0px 0px;-moz-transform-origin: 0px 0px;-ms-transform-origin: 0px 0px;transform-origin: 0px 0px;-webkit-transform: rotateX(-60deg);-moz-transform: rotateX(-60deg);-ms-transform: rotateX(-60deg);transform: rotateX(-60deg);-moz-backface-visibility: hidden;-webkit-backface-visibility: hidden;-ms-backface-visibility: hidden;backface-visibility: hidden;} .pc_nav > ul > li.nav-one:hover > ul.nav-two { opacity: 1; -webkit-transform: rotateX(0deg);-moz-transform: rotateX(0deg);-ms-transform: rotateX(0deg);transform: rotateX(0deg); } .pc_nav > ul > li.nav-one > ul.nav-two >li{height: 50px; transition: all 0.3s ease-out; position: relative;} .pc_nav > ul > li.nav-one > ul.nav-two >li >a{font-size: 16px; background:#fff; color: #0a5c78; border-top: 1px solid #6f9fb0; width:100%; height:50px;line-height: 50px;padding:0px 0px; text-align: center;display: block; text-decoration: none;transition: all 0.2s ease-out;} .pc_nav > ul > li.nav-one > ul.nav-two >li:hover >a{ color: #fff; background: #14c268;} /*二级菜单*/ /*三级菜单*/ .pc_nav > ul > li.nav-one > ul.nav-two >li > ul.nav-three{margin-left: 100%;top: 0;position: absolute; left: 0px;} .pc_nav > ul > li.nav-one > ul.nav-two >li:hover > ul.nav-three{left: auto; width: 100%;} .pc_nav > ul > li.nav-one > ul.nav-two >li > ul.nav-three li{height: 0; width: 100%; display: block; transition: all 0s ease-out; position: relative; overflow: hidden;} .pc_nav > ul > li.nav-one > ul.nav-two >li:hover > ul.nav-three li{height: 50px; overflow: hidden; transition: all 0.2s ease-out;} .pc_nav > ul > li.nav-one > ul.nav-two >li > ul.nav-three >li >a{font-size: 14px; width:100%; height:50px; line-height: 50px;padding:0px 0px; text-align: center; background:#666;color: #eeeeee; border-top: 1px solid #000;display: block; text-decoration: none; } .pc_nav > ul > li.nav-one > ul.nav-two >li > ul.nav-three >li >a:hover{ color: #fff; background: #000;} /*有三级菜单的小箭头*/ ul.nav-three::after {position: absolute; top: 25px; left: -20px;width: 4px; height: 4px; border-bottom: 1px solid #eee;border-right: 1px solid #eee; content: ""; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg);-o-transform: rotate(-45deg); transform: rotate(-45deg);} /*三级菜单*/ /** pc_nav ====================================================================================*/ /** m_nav 移动端菜单 ====================================================================================*/ .m_header{width: 100%;height:2.4rem; position: fixed; top: 0px; left:0px; right: 0px; z-index: 9999; box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.0);transition: all 0.5s ease-out;} .m_header .header-section{width:100%; height: 100%; overflow: hidden; } .m_header .header-section .mob_logo{height:100%; padding:0.5rem 0.6rem; float: left; overflow: hidden; } .m_header .header-section .mob_logo a{display: block; height: 100%;} .m_header .header-section .mob_logo a img{height:100%;} .m_header .header-section .nav-icon{ position: absolute; right:0.56rem; top: 0.8rem; width:0.8rem;height:0.8rem; z-index:1000;font-size:0;text-align:right;cursor:pointer;} .m_header .header-section .nav-icon i{width:100%;height:100%;position:absolute;left:0;top:0} .m_header .header-section .nav-icon i span{display:inline-block;width:90%;height:1px;background-color:#fff;position:relative;border-radius:2px} .m_header .header-section .nav-icon i:nth-of-type(1) span{top:20%} .m_header .header-section .nav-icon i:nth-of-type(2) span{top:45%;width:60%} .m_header .header-section .nav-icon i:nth-of-type(3) span{top:75%} .mo_fixed{ background:rgba(20,194,104,0.9);}/*移动悬浮追加*/ /*移动导航logo按钮*/ .m_header .m-navbar{background-color:rgba(20,194,104,0.9);position:fixed;width:100%;height:100%;z-index:9997;right:-100%;top:0;padding-bottom:0.6rem;box-sizing:border-box;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);transition:all .4s cubic-bezier(.4,0,0,1);overflow-y:auto;-webkit-overflow-scrolling:touch;} .m_header .m-navbar.open{right: 0px;} .m-navbar .nav-closed{ height:2.4rem; position: relative;} .m-navbar .nav-closed .m-navbar_logo{height:100%; padding:0.5rem 0.6rem; float: left; overflow: hidden;} .m-navbar .nav-closed .m-navbar_logo a{display: block; height: 100%;} .m-navbar .nav-closed .m-navbar_logo a img{height:100%;} .m_header .nav-closed .nav-icon{ position: absolute; right:0.56rem; top: 0.8rem; width:0.8rem;height:0.8rem; z-index:1000;font-size:0;text-align:right;cursor:pointer;} .m_header .nav-closed .nav-icon i{width:100%;height:100%;position:absolute;left:0;top:0} .m_header .nav-closed .nav-icon i span{display:inline-block;width:80%;height:2px;background-color:#fff;position:relative; } .m_header .nav-closed .nav-icon i:nth-of-type(1) span{top:45%; right: 10%; transform:rotate(45deg);} .m_header .nav-closed .nav-icon i:nth-of-type(2) span{top:45%; right: 10%;transform:rotate(-45deg);} /*移动导航弹出信息*/ #navbar .m_navul{margin-top: 10%; width: 80%; margin-left: 10%; text-transform:uppercase;} #navbar .m_navul li{padding: 0 0.6rem;border-bottom: 0px solid rgba(255,255,255,0.1);transform: translateY(0);-webkit-transform: translateY(100%);transform: translateY(100%);transition: all .2s cubic-bezier(.5, 0, .2, 1) 0s;opacity: 0;} #navbar.open .m_navul li{opacity: 1;-webkit-transform: translateY(0); transform: translateY(0);} #navbar .m_navul li a{color: #fff;font-size: 0.6rem;height:auto;line-height: 1rem; padding: 0.4rem 0px; width: 100%;display: block;text-decoration: none;} #navbar .m_navul li a i{float: right;line-height: 1rem;} #navbar .m_navul li a span{font-size: 0.32rem; color:rgba(255,255,255,0.4); } #navbar .m_navul li a:hover{ color: #333;} #navbar .m_navul li a:hover span{ color: #333;} #navbar .m_navul li .dropdown_menu{display: none; border-top: 1px solid #333;padding:0.2rem 0px;} #navbar .m_navul li.dropdown.active .dropdown_menu{display: block;} #navbar .m_navul li .dropdown_menu a{display: block; color: #333; font-size: 0.48rem; line-height: 0.9rem;padding:0.2rem 0.5rem;box-sizing: border-box; } #navbar .m_navul li .dropdown_menu a:last-child{border: none;} #navbar .m_navul li .dropdown_menu a span{font-size: 0.32rem; color:#333; } #navbar .m_navul li:nth-child(1) {transition: all 0.2s ease-out;} #navbar .m_navul li:nth-child(2) {transition: all 0.3s ease-out;} #navbar .m_navul li:nth-child(3) {transition: all 0.4s ease-out;} #navbar .m_navul li:nth-child(4) {transition: all 0.5s ease-out;} #navbar .m_navul li:nth-child(5) {transition: all 0.6s ease-out;} #navbar .m_navul li:nth-child(6) {transition: all 0.7s ease-out;} #navbar .m_navul li:nth-child(7) {transition: all 0.8s ease-out;} #navbar .m_navul li:nth-child(8) {transition: all 0.9s ease-out;} #navbar .m_navul li:nth-child(9) {transition: all 1.0s ease-out;} /** m_nav 移动端菜单 ====================================================================================*/ .index_title{text-align: center;} .index_title .h3{font-size: 52px; line-height: 1; color: #0b5270;margin-bottom: 25px;} .index_title .line{width: 70px;border-bottom: 3px solid #14c268;margin: 0px auto;} /*首页标题---------------------------*/ .index_fa {padding-top: 100px; padding-bottom: 50px;position: relative;background-repeat:no-repeat; background-position:center center; background-size:cover;} .index_fa_bg{margin-top: 70px; position: relative; margin-right: 30%; height: 650px;} .index_fa_bg img{width: 100%;height: 100%; object-fit: cover; z-index: 2; } .index_fa_sm{position: absolute; z-index: 20; background-color: #fff;top: 20%;right:-25%;padding: 60px 110px 75px 20px; color: #0a5c78;display: flex;flex-flow:row;;} .fa_img img{width: 145px;height: 125px;margin-right: 30px;} .fa_txt .tit{font-size: 28px;color: #0a5c78;font-weight: bold;line-height: 1;margin-bottom: 30px;} .fa_txt .txt{font-size: 16px;color: #617690;line-height: 30px;} .fa_num{position: absolute;bottom: -65px;right: 0px;color: #0a5c78;font-size: 116px;font-family: DINEngschriftStd;} @media screen and (max-width: 1023px){ .homeBox{ overflow: hidden;} .index_title{text-align: center;} .index_title .h3{font-size: 22px; line-height: 1; color: #0b5270;margin-bottom: 15px;} .index_title .line{width: 70px;border-bottom: 3px solid #14c268;margin: 0px auto;} .index_fa {padding-top: 30px; padding-bottom: 0px;position: relative;background-repeat:no-repeat; background-position:center center; background-size:cover;} .index_fa_bg{margin-top: 10px; position: relative; margin-right: 0%; height: 400px;} .index_fa_bg img{width: 100%;height: 100%; object-fit: cover; z-index: 2; } .index_fa_sm{position: absolute; z-index: 20; background-color: #fff;top: 10%;right:5%; left: 5%; padding: 20px 20px 20px 20px; color: #0a5c78;display: flex;flex-flow:row; flex-wrap: wrap;} .fa_img img{width: 145px;height: 125px;margin-right: 0px; margin: 0px auto;} .fa_img{width: 100%; text-align: center;} .fa_txt {width: 100%;} .fa_txt .tit{font-size: 18px;color: #0a5c78;font-weight: bold;line-height: 1;margin-bottom: 10px;} .fa_txt .txt{font-size: 14px;color: #617690;line-height: 26px;} .fa_num{position: absolute;bottom: -65px;right: 0px;color: #0a5c78;font-size: 116px;font-family: DINEngschriftStd;} } /** swiper01_box ====================================================================================*/ .swiper01_box{ max-width: 58%; position: relative; padding: 0px 0px 0px 0px;margin: -140px 0px 0px 10.5%; z-index: 20;} /** 点 ============*/ .swiper01_box .swiper-container{padding: 0px 0px 0px 0px; height: auto;} .swiper01_box .swiper-pagination{width: 100%; text-align:center; left: 0px; bottom: 10px; } .swiper01_box .swiper-pagination-bullet{ background: #0053cc; opacity: 0.8; width: 10px; height:10px;border-radius:5px; margin: 0px 5px; transition: all 0.5s ease-out;} .swiper01_box .swiper-pagination-bullet-active{ background: #F00; width: 30px; opacity:1;} /** 左右按钮 ============*/ .swiper01_box .swiper-button-prev {left: -105px;opacity:1;top: 45%;} .swiper01_box .swiper-button-next {right:-105px;opacity:1;top: 45%; } .swiper01_box .swiper-button-prev {width: 50px;height: 50px; text-align: center; background-color:none;background-image:url(../images/icon/swiper_left02.png);background-repeat:no-repeat; background-position:center center; background-size:20px;} .swiper01_box .swiper-button-next {width: 50px;height: 50px; text-align: center; background-color:none;background-image:url(../images/icon/swiper_right02.png);background-repeat:no-repeat; background-position:center center; background-size:20px; } .swiper01_box .swiper-button-prev.swiper-button-disabled{opacity:0.5;background-color:none;background-image:url(../images/icon/swiper_left01.png);} .swiper01_box .swiper-button-next.swiper-button-disabled{opacity:0.5;background-color:none;background-image:url(../images/icon/swiper_right01.png);} .swiper01_box .swiper-button-prev.hide{opacity:0;} .swiper01_box .swiper-button-next.hide{opacity:0;} .swiper01_box .swiper-button-next,.swiper-button-prev{transition:opacity 0.5s;} @media screen and (max-width: 1440px){ .swiper01_box{ max-width:58%; position: relative; padding: 0px 0px 0px 0px;margin: -140px 0px 0px 10.5%;} } @media screen and (max-width: 1023px){ .swiper01_box{ width:100%; max-width:100%; position: relative; margin: 0px auto 0px auto; padding: 20px 0px 30px 0px; } .swiper01_box .swiper-pagination{width: 100%; text-align:center;} /** 点 ============*/ .swiper01_box .swiper-container{padding: 0px 0px 0px 0px; height: auto;} .swiper01_box .swiper-pagination{width: 100%; text-align:center; left: 0px; bottom: 10px; } .swiper01_box .swiper-pagination-bullet{ background: #0053cc; opacity: 0.8; width: 5px; height:5px;border-radius:5px; margin: 0px 2px; transition: all 0.5s ease-out;} .swiper01_box .swiper-pagination-bullet-active{ background: #F00; width: 20px; opacity:1;} .swiper01_box .swiper-button-prev {left: 0px;opacity:1; top: 45%} .swiper01_box .swiper-button-next {right:0px;opacity:1;top: 45%} .swiper01_box .swiper-button-prev {width:30px;height: 30px; background-size:20px;} .swiper01_box .swiper-button-next {width:30px;height: 30px; background-size:20px; } } a.sw_item01{ display: block; background-color: #fff;background-repeat:no-repeat; background-position:center center; background-size:auto;padding: 90px 10px 70px 10px; text-align: center;position: relative;} a.sw_item01:after{content: "";position: absolute;bottom: 0px;left: 0px;width: 100%; border-bottom: 7px solid #0a5c78;} a.sw_item01:before{content: "";position: absolute;bottom: 0px;left: 0px;width: 0%; border-bottom: 7px solid #14c268;transition: all 0.5s ease-out;z-index: 999;} a.sw_item01:hover:before{width: 100%;} a.sw_item01 .tit{font-size: 24px;color: #0a5c78;font-weight: bold;line-height: 1;margin-bottom: 12px;} a.sw_item01 .tit span{color: #14c268;} a.sw_item01 .p1{font-size: 16px;color: #666;line-height: 1;} a.sw_item01:hover .p1{color: #14c268;} .index_about { padding-top: 40px;padding-bottom: 120px; position: relative;background-repeat:no-repeat; background-position:center center; background-size:cover;} .index_ab_txt{max-width: 860px;margin: 30px auto 0px auto;text-align: center;} .index_ab_txt .txt{font-size: 16px;color: #617690;line-height: 30px; overflow: hidden; margin-bottom: 20px;} .index_ab_txt a{display: block;color: #0a5c78;font-size: 18px;line-height: 20px;margin-bottom: 30px;} .index_ab_txt a:hover{color: #14c268;} /*----------------------- 第二屏 -----------------------*/ .index_ab_bg{margin-top: 70px; position: relative; margin-left: 20%; width: 80%; height: 660px;} .index_ab_bg img{width: 100%;height: 100%; object-fit: cover;} .index_ab_sm{position: absolute;background-color: #fff;top: 20%;left:-12%;padding: 90px 150px 75px 150px; color: #0a5c78; box-shadow:0 0 15px rgba(0,0,0,0.15);} .index_ab_sm .tit1{font-size: 24px; width: 100%; color: #0a5c78;font-weight: bold;line-height: 1;margin-bottom: 20px;} .index_ab_sm .tit2{font-size: 24px; width: 100%; color: #0a5c78;font-weight: bold;line-height: 1;margin-left: 140px;} .ab_num{position: absolute;bottom: -70px;left: 60px;color: #0a5c78;font-size: 100px;font-family: DINEngschriftStd;} .index_ab_sm:after{content: "";position: absolute;top: 35px;left: 80px;width: 50px;height: 35px; background-image:url(../images/icon/ab_icon.png);background-repeat:no-repeat; background-position:center center; background-size:50px;z-index: 999;} .index_ab_sm:before{content: "";position: absolute;bottom: 35px;right: 80px;width: 50px;height: 35px; background-image:url(../images/icon/ab_icon.png);background-repeat:no-repeat; background-position:center center; background-size:50px;z-index: 999;} .index_ab_sm span{ color: #14c268;} @media screen and (max-width: 1023px){ .index_about { padding-top: 10px;padding-bottom: 10px; position: relative;background-repeat:no-repeat; background-position:center center; background-size:cover;} .index_ab_txt{max-width: 860px; width: 100%; margin: 10px auto 0px auto;text-align: center; padding: 0px 10px;} .index_ab_txt .txt{font-size: 14px;color: #617690;line-height: 1.75; overflow: hidden; margin-bottom: 20px;} .index_ab_txt a{display: block;color: #0a5c78;font-size: 18px;line-height: 20px;margin-bottom: 30px;} .index_ab_txt a:hover{color: #14c268;} .index_ab_bg{margin-top: 20px; position: relative; margin-left: 0%; width: 100%; height: 300px;} .index_ab_bg img{width: 100%;height: 100%; object-fit: cover;} .index_ab_sm{position: absolute;background-color: #fff;top: 10%;left:5%; width: 90%; padding: 70px 20px 50px 50px; color: #0a5c78; box-shadow:0 0 15px rgba(0,0,0,0.15);} .index_ab_sm .tit1{font-size: 20px; width: 100%; color: #0a5c78;font-weight: bold;line-height: 1;margin-bottom: 20px;} .index_ab_sm .tit2{font-size: 20px; width: 100%; color: #0a5c78;font-weight: bold;line-height: 1;margin-left: 140px;} .ab_num{position: absolute;bottom: -70px;left: 60px;color: #0a5c78;font-size: 100px;font-family: DINEngschriftStd;} .index_ab_sm:after{content: "";position: absolute;top: 15px;left: 20px;width: 50px;height: 35px; background-image:url(../images/icon/ab_icon.png);background-repeat:no-repeat; background-position:center center; background-size:50px;z-index: 999;} .index_ab_sm:before{content: "";position: absolute;bottom: 15px;right: 20px;width: 50px;height: 35px; background-image:url(../images/icon/ab_icon.png);background-repeat:no-repeat; background-position:center center; background-size:50px;z-index: 999;} } /** swiper02_box ====================================================================================*/ .swiper02_box{ max-width: 58%; position: relative; padding: 0px 0px 0px 0px;margin: -140px 0px 0px 21%;} /** 点 ============*/ .swiper02_box .swiper-container{padding: 0px 0px 0px 0px; height: auto;} .swiper02_box .swiper-pagination{width: 100%; text-align:center; left: 0px; bottom: 10px; } .swiper02_box .swiper-pagination-bullet{ background: #0053cc; opacity: 0.8; width: 10px; height:10px;border-radius:5px; margin: 0px 5px; transition: all 0.5s ease-out;} .swiper02_box .swiper-pagination-bullet-active{ background: #F00; width: 30px; opacity:1;} /** 左右按钮 ============*/ .swiper02_box .swiper-button-prev {left: -100px;opacity:1;top: 45%;} .swiper02_box .swiper-button-next {right:-100px;opacity:1;top: 45%; } .swiper02_box .swiper-button-prev {width: 50px;height: 50px; text-align: center; background-color:none;background-image:url(../images/icon/swiper_left02.png);background-repeat:no-repeat; background-position:center center; background-size:20px;} .swiper02_box .swiper-button-next {width: 50px;height: 50px; text-align: center; background-color:none;background-image:url(../images/icon/swiper_right02.png);background-repeat:no-repeat; background-position:center center; background-size:20px; } .swiper02_box .swiper-button-prev.swiper-button-disabled{opacity:0.5;background-color:none;background-image:url(../images/icon/swiper_left01.png);} .swiper02_box .swiper-button-next.swiper-button-disabled{opacity:0.5;background-color:none;background-image:url(../images/icon/swiper_right01.png);} .swiper02_box .swiper-button-prev.hide{opacity:0;} .swiper02_box .swiper-button-next.hide{opacity:0;} .swiper02_box .swiper-button-next,.swiper-button-prev{transition:opacity 0.5s;} @media screen and (max-width: 1280px){ } @media screen and (max-width: 1023px){ .swiper02_box{ width:100%;max-width: 100%; position: relative; margin: 0px auto 0px auto; padding: 20px 0px 30px 0px; } .swiper02_box .swiper-pagination{width: 100%; text-align:center;} /** 点 ============*/ .swiper02_box .swiper-container{padding: 0px 0px 0px 0px; height: auto;} .swiper02_box .swiper-pagination{width: 100%; text-align:center; left: 0px; bottom: 10px; } .swiper02_box .swiper-pagination-bullet{ background: #0053cc; opacity: 0.8; width: 5px; height:5px;border-radius:5px; margin: 0px 2px; transition: all 0.5s ease-out;} .swiper02_box .swiper-pagination-bullet-active{ background: #F00; width: 20px; opacity:1;} .swiper02_box .swiper-button-prev {left: 0px;opacity:1; top: 45%} .swiper02_box .swiper-button-next {right:0px;opacity:1;top: 45%} .swiper02_box .swiper-button-prev {width:30px;height: 30px; background-size:20px;} .swiper02_box .swiper-button-next {width:30px;height: 30px; background-size:20px; } } a.sw_item02{ display: block; position: relative;} a.sw_item02 .imgzoom{padding-bottom: 58%; width: 100%; position: relative; overflow: hidden; } a.sw_item02 .imgzoom img{width: 100%; height: 100%; object-fit: cover; position: absolute;transition: all .5s cubic-bezier(.5, 0, .2, 1) 0s; } a.sw_item02:hover .imgzoom img{-webkit-transform: scale(1.10); -moz-transform: scale(1.10); -ms-transform: scale(1.10); -o-transform: scale(1.10); transform: scale(1.10);} a.sw_item02 .ab_txt{display: flex;justify-content: space-between; align-items: center; background:rgba(39,194,117,0.87);color: #fff;padding: 7px 20px;position: absolute;bottom: 0px;left: 0px;width: 100%;z-index: 1;} a.sw_item02 .ab_txt span{font-size: 16px;line-height: 25px;height: 25px;overflow: hidden;width: 80%;} a.sw_item02 .ab_txt i{color: #fff;} a.sw_item02 .bg_hei{position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;background:rgba(10,92,120,0.28); z-index: 0;} a.sw_item02 .new_time{position: absolute;top: 0px;left: 0px;background-color: #14c268; text-align: center;padding: 8px 10px 5px 10px;} a.sw_item02 .new_time h3{font-size: 28px;color: #fff;line-height: 1;margin-bottom: 5px;} a.sw_item02 .new_time h4{font-size: 14px;color: #fff;line-height: 1;} a.sw_item02:hover .ab_txt span{color: #0b5270;} /*----------------------- 第三屏 -----------------------*/ .homeBoxC { padding: 100px 0px; background-repeat:no-repeat; background-position:center center; background-size: cover; } .index_3_bg{margin-top: 70px; position: relative; margin-right: 30%; height: 650px;} .index_3_bg img{width: 100%;height: 100%; object-fit: cover;} .index_3_sm{position: absolute; z-index: 20; top: 18%;right:-25%;padding: 0px 110px 75px 20px; color: #0a5c78;display: flex;flex-flow:row;;} .index_3_num{position: absolute; z-index: 9; top: 25%;right: -10px;color: #0a5c78;font-size: 116px;font-family: DINEngschriftStd;} .index_3_img{display: flex; position: relative; z-index: 99;} .index_3_img_1{width: 35%; height: 385px; float: left; position: relative; z-index: 2;} .index_3_img_2{width: 35%; height: 385px;overflow: hidden;position: relative; z-index: 1;} .index_3_img_2_1{z-index: 1;position: relative; } .index_3_img_2_2{z-index: 1;position: relative; } .index_3_img_3{width: 30%; height: 385px; float: right; position: relative;} .index_3_img img{width: 100%; height: 100%;} .index_3_img a{ position: relative; display: block; width: 100%; height: 100%; color: #fff;} .index_3_img a:hover{ color: #fff;} .index_3_img span{position: absolute; font-size: 18px; padding: 0px 20px; display:flex;width: 100%; height: 100%; justify-content: center; align-items: center;} .index_3_img_1:after{content: "";position: absolute;top:calc(50% - 14px); right: -10px;width: 27px;height: 27px; background-image:url(../images/icon/jiantou01.png);background-repeat:no-repeat; background-position:center center; background-size:27px; z-index: 999;} .index_3_img_3:before{content: "";position: absolute;top:calc(50% - 14px); left: -10px;width: 27px;height: 27px; background-image:url(../images/icon/jiantou01.png);background-repeat:no-repeat; background-position:center center; background-size:27px; z-index: 9999;} .index_3_sm:after{content: "";position: absolute; background-color: #fff; width: 100px; height:200px; right: 50px; top: 20%; z-index: 8;} @media screen and (max-width: 1023px){ .homeBoxC { padding: 20px 0px 0px 0px; background-repeat:no-repeat; background-position:center center; background-size: cover; } .index_3_bg{margin-top: 10px; position: relative; margin-right: 00%; height: 530px;} .index_3_bg img{width: 100%;height: 100%; object-fit: cover;} .index_3_sm{position: absolute; z-index: 20; top: 10%;right:0%;padding: 0px 20px 20px 20px; color: #0a5c78;display: flex;flex-flow:row;;} .index_3_num{position: absolute; z-index: 9; top: 25%;right: -10px;color: #0a5c78;font-size: 116px;font-family: DINEngschriftStd;} .index_3_img{display: flex; flex-wrap: wrap; position: relative; z-index: 99; width:70% ;} .index_3_img_1{width: 100%; height: 105px; float: left; position: relative; z-index: 2;} .index_3_img_2{width: 100%; height: 210px;overflow: hidden;position: relative; z-index: 1;} .index_3_img_2_1{z-index: 1;height: 105px;position: relative; } .index_3_img_2_2{z-index: 1;height: 105px;position: relative; } .index_3_img_3{width: 100%; height: 105px; float: right; position: relative;} .index_3_img img{width: 100%; height: 100%;} .index_3_img a{ position: relative; display: block; width: 100%; height: 100%; color: #fff;} .index_3_img a:hover{ color: #fff;} .index_3_img span{position: absolute; padding: 0px 20px; font-size: 22px; display:flex;width: 100%; height: 100%; justify-content: center; align-items: center;} .index_3_img_1:after{content: "";position: absolute;top:calc(50% - 14px); right: -10px;width: 27px;height: 27px; background-image:url(../images/icon/jiantou01.png);background-repeat:no-repeat; background-position:center center; background-size:27px; z-index: 999; opacity: 0;} .index_3_img_3:before{content: "";position: absolute;top:calc(50% - 14px); left: -10px;width: 27px;height: 27px; background-image:url(../images/icon/jiantou01.png);background-repeat:no-repeat; background-position:center center; background-size:27px; z-index: 9999; opacity: 0;} .index_3_sm:after{content: "";position: absolute; background-color: #fff; width: 100px; height:200px; right: 50px; top: 20%; z-index: 8;} } /*----------------------- 第四屏 -----------------------*/ .homeBoxD { padding: 100px 0px 0 0; } .index_4_sm{position: absolute;background-color: #fff;top: 20%;left:-12%;padding: 90px 110px 75px 150px; width:700px; color: #0a5c78; box-shadow:0 0 15px rgba(0,0,0,0.15);} .index_4_sm h4{ color: #0a5c78; font-size: 20px; margin-bottom: 20px;} .index_4_sm_txt{ color: #617690;} .index_4_sm_txt a{ color: #0a5c78; display: block; margin-top: 10px;} .ab_num{position: absolute;bottom: -70px;left: 60px;color: #0a5c78;font-size: 100px;font-family: DINEngschriftStd;} .index_4_sm:after{content: "";position: absolute;top: 35px;left: 80px;width: 50px;height: 35px; background-image:url(../images/icon/ab_icon.png);background-repeat:no-repeat; background-position:center center; background-size:50px;z-index: 999;} .index_4_sm:before{content: "";position: absolute;bottom: 35px;right: 80px;width: 50px;height: 35px; background-image:url(../images/icon/ab_icon.png);background-repeat:no-repeat; background-position:center center; background-size:50px;z-index: 999;} .index_4_sm span{ color: #14c268;} @media screen and (max-width: 1023px){ .homeBoxD { padding: 30px 0px 0 0; } .index_4_sm{position: absolute;background-color: #fff;top: 10%;left:5%;padding: 70px 20px 75px 20px; width:90%; color: #0a5c78; box-shadow:0 0 15px rgba(0,0,0,0.15);} .index_4_sm h4{ color: #0a5c78; font-size: 20px; margin-bottom: 20px;} .index_4_sm_txt{ color: #617690;} .index_4_sm_txt a{ color: #0a5c78; display: block; margin-top: 10px;} .ab_num{position: absolute;bottom: -70px;left: 60px;color: #0a5c78;font-size: 100px;font-family: DINEngschriftStd;} .index_4_sm:after{content: "";position: absolute;top: 25px;left: 20px;width: 50px;height: 35px; background-image:url(../images/icon/ab_icon.png);background-repeat:no-repeat; background-position:center center; background-size:50px;z-index: 999;} .index_4_sm:before{content: "";position: absolute;bottom: 25px;right: 20px;width: 50px;height: 35px; background-image:url(../images/icon/ab_icon.png);background-repeat:no-repeat; background-position:center center; background-size:50px;z-index: 999;} .index_4_sm span{ color: #14c268;} } /*----------------------- 第五屏 -----------------------*/ .homeBoxE { padding: 100px 0px 0 0; } .index_kehu{position: relative; width: 100%; height: 650px; overflow: hidden;} .index_kehu_box{position: absolute; left: 0px; top: 0px; width: 100%; height: auto; z-index: 3;} .home-service-bg{background-repeat:repeat-y; background-position: center top; position: relative; position:absolute;top:0;left:0%; width: 100%; height: 10000px;max-width:100%;z-index:1;opacity:1;font-size:0;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-animation:bgScroll 160s infinite linear;animation:bgScroll 160s infinite linear;will-change:transform; } @-webkit-keyframes bgScroll{from{-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(-33.333%);transform:translateY(-33.333%)}}@keyframes bgScroll{from{-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(-33.333%);transform:translateY(-33.333%)}} .index_kehum{} .index_kehum_tit{font-size: 52px; color: #0b5270; text-align: center; padding: 100px 0px 50px 0;} .index_kehum ul{ display: block; max-width: 1200px; margin: 0px auto; padding-top: 50px;} .index_kehum ul li{ width: 16.6%; float: left; padding: 5px 5px;} .index_kehum ul li a{ display: block;box-shadow:0 0 15px rgba(0,0,0,0.15); position: relative; } .index_kehum ul li a .imgzoom{padding-bottom: 50%; width: 100%; position: relative; overflow: hidden; } .index_kehum ul li a .imgzoom img{width: 100%; position: absolute; top: -27%; transition: all .5s cubic-bezier(.5, 0, .2, 1) 0s; } .index_kehum ul li a:hover .imgzoom img{-webkit-transform: scale(1.10); -moz-transform: scale(1.10); -ms-transform: scale(1.10); -o-transform: scale(1.10); transform: scale(1.10);} .index_kehum ul li a span{ position: absolute; width: 100%; font-size: 16px; text-align: center; bottom: 30px; left: 0px; display: none;} .index_kehum ul li a:hover{ display: block;box-shadow:0 0 25px rgba(0,0,0,0.35); position: relative; } @media (max-width:1023px){ .index_kehu{position: relative; width: 100%; height: auto; overflow: hidden;} .index_kehu_box{position:relative; left: 0px; top: 0px; width: 100%; height: auto; z-index: 3;} .index_kehum{ margin-bottom: 20px;} .index_kehum_tit{font-size: 23px; color: #000; text-align: center; padding: 20px 0px;} .index_kehum ul{ display: block; max-width: 1200px; margin: 0px auto; clear: both; padding-top: 20px; } .index_kehum ul li{ width: 33.3333%; float: left; padding: 5px 5px;} .index_kehum ul li a{ display: block;box-shadow:0 0 15px rgba(0,0,0,0.15); position: relative; } .index_kehum ul li a .imgzoom{padding-bottom: 50%; width: 100%; position: relative; overflow: hidden; } .index_kehum ul li a .imgzoom img{width: 100%; position: absolute; top: -27%; transition: all .5s cubic-bezier(.5, 0, .2, 1) 0s; } .index_kehum ul li a:hover .imgzoom img{-webkit-transform: scale(1.10); -moz-transform: scale(1.10); -ms-transform: scale(1.10); -o-transform: scale(1.10); transform: scale(1.10);} .index_kehum ul li a span{ position: absolute; width: 100%; font-size: 16px; text-align: center; bottom: 30px; left: 0px; display: none;} .index_kehum ul li a:hover{ display: block;box-shadow:0 0 25px rgba(0,0,0,0.35); position: relative; } } /** index_kehu ====================================================================================*/ .footer{margin: 0px auto; max-width: 100%; width: 100%; position: relative; background: #1e1e1e;color: #fff;} .footerm{position: relative;display: flex;justify-content: space-between;padding: 60px 75px 30px 75px;} .footerm_l{width: 300px;} .footer_logom{margin-bottom: 45px;} .footer_logom a{display: block;} .footer_logom a img{height: 55px;width: auto;} .f_contact{border-top: 2px solid #fff;border-bottom: 2px solid #fff;width: 165px;text-align: center;margin-bottom: 40px;} .f_contact a {display: inline-block;margin: 10px 5px;position: relative;} .f_contact a icon{position: absolute;bottom: 35px;left: 50%;width: 80px;height: 80px;z-index: 999;margin-left: -40px;display: none;border: 2px solid #0e5b77;} .f_contact a:hover icon{display: block;} .f_contact a .i1{background-image:url(../images/icon/weixin.png);display: block;width: 25px;height: 25px;} .f_contact a .i2{background-image:url(../images/icon/weixin.png);display: block;width: 25px;height: 25px;} .f_contact a .i3{background-image:url(../images/icon/weixin1.png);display: block;width: 25px;height: 25px;} .f_contact a .i4{background-image:url(../images/icon/weixin.png);display: block;width: 25px;height: 25px;} .f1{font-size: 16px;line-height: 24px; color: #fff;margin-bottom: 25px;} .normalblockp{display: block;} .f1 a{color: #fff;} .footerm_r{width: calc(100% - 300px);margin-left: -35px;margin-right: -35px;} .footerm_r dl{float: left;width: 14.285%;padding: 0px 35px;} .footerm_r dl dt a{font-size: 16px;display: block;color: #fff;line-height: 16px;border-bottom: 1px solid #fff;margin-bottom: 25px;padding-bottom: 25px;} .footerm_r dl dt a:hover{color: #0a5c78;} .footerm_r dl dd a{font-size: 14px;display: block;color: #fff;line-height: 14px;margin-bottom: 15px; text-align: left;} .footerm_r dl dd a:hover{color: #0a5c78;} .footer_b{border-top: 1px solid #fff;padding: 40px 75px;font-size: 14px;color: #fff;} .footer_b a{font-size: 14px;color: #fff;display: inline-block;margin: 0px 10px;} .footer_b a:hover{color: #0a5c78;} @media screen and (max-width: 1680px){ .footerm_r{width: calc(100% - 300px);margin-left: -20px;margin-right: -20px;} .footerm_r dl{float: left;width: 14.285%;padding: 0px 10px;} .footerm_r dl dt a{font-size: 14px;display: block;color: #fff;line-height: 16px;border-bottom: 1px solid #fff;margin-bottom: 15px;padding-bottom: 15px;} .footerm_r dl dt a:hover{color: #0a5c78;} } @media screen and (max-width: 1440px){ .footer{margin: 0px auto; max-width: 100%; width: 100%; position: relative; background: #1e1e1e;color: #fff;} .footerm{position: relative;display: flex;justify-content: space-between;padding: 40px 75px 30px 75px;} .footerm_l{width: 300px;} .footer_logom{margin-bottom: 25px;} .footer_logom a{display: block;} .footer_logom a img{height: 55px;width: auto;} .f_contact{border-top: 2px solid #fff;border-bottom: 2px solid #fff;width: 165px;text-align: center;margin-bottom: 30px;} .f_contact a {display: inline-block;margin: 10px 5px;position: relative;} .f_contact a icon{position: absolute;bottom: 35px;left: 50%;width: 80px;height: 80px;z-index: 999;margin-left: -40px;display: none;border: 2px solid #0e5b77;} .f_contact a:hover icon{display: block;} .f_contact a .i1{background-image:url(../images/icon/qq.png);display: block;width: 25px;height: 25px;} .f_contact a .i2{background-image:url(../images/icon/weixin.png);display: block;width: 25px;height: 25px;} .f_contact a .i3{background-image:url(../images/icon/weibo.png);display: block;width: 25px;height: 25px;} .f_contact a .i4{background-image:url(../images/icon/face.png);display: block;width: 25px;height: 25px;} .f1{font-size: 16px;line-height: 1.5; color: #fff;margin-bottom: 20px;} .footerm_r{width: calc(100% - 310px);margin-left: -15px;margin-right: -15px;} .footerm_r dl{float: left;width: 14.285%;padding: 0px 15px;} .footerm_r dl dt a{font-size: 16px;display: block;color: #fff;line-height: 16px;border-bottom: 1px solid #fff;margin-bottom: 15px;padding-bottom: 15px;} .footerm_r dl dt a:hover{color: #0a5c78;} .footerm_r dl dd a{font-size: 14px;display: block;color: #fff;line-height: 14px;margin-bottom: 15px;} .footerm_r dl dd a:hover{color: #0a5c78;} .footer_b{border-top: 1px solid #fff;padding: 20px 75px;font-size: 14px;color: #fff;} .footer_b a{font-size: 14px;color: #fff;display: inline-block;margin: 0px 10px;} .footer_b a:hover{color: #0a5c78;} } @media screen and (max-width: 1366px){ .footer{margin: 0px auto; max-width: 100%; width: 100%; position: relative; background: #1e1e1e;color: #fff;} .footerm{position: relative;display: flex;justify-content: space-between;padding: 40px 30px 30px 30px;} .footerm_l{width: 250px;} .footer_logom{margin-bottom: 15px;} .footer_logom a{display: block;} .footer_logom a img{height: 55px;width: auto;} .f_contact{border-top: 1px solid #fff;border-bottom: 1px solid #fff;width: 165px;text-align: center;margin-bottom: 20px;} .f_contact a {display: inline-block;margin: 5px 5px;position: relative;} .f_contact a icon{position: absolute;bottom: 35px;left: 50%;width: 80px;height: 80px;z-index: 999;margin-left: -40px;display: none;border: 2px solid #0e5b77;} .f_contact a:hover icon{display: block;} .f_contact a .i1{background-image:url(../images/icon/qq.png);display: block;width: 20px;height: 20px;background-repeat:no-repeat; background-position:center center; background-size:cover;} .f_contact a .i2{background-image:url(../images/icon/weixin.png);display: block;width: 20px;height: 20px;background-repeat:no-repeat; background-position:center center; background-size:cover;} .f_contact a .i3{background-image:url(../images/icon/weibo.png);display: block;width: 20px;height: 20px;background-repeat:no-repeat; background-position:center center; background-size:cover;} .f_contact a .i4{background-image:url(../images/icon/face.png);display: block;width: 20px;height: 20px;background-repeat:no-repeat; background-position:center center; background-size:cover;} .f1{font-size: 14px;line-height: 1.5; color: #fff;margin-bottom: 10px;} .footerm_r{width: calc(100% - 250px);margin-left: -15px;margin-right: -15px;} .footerm_r dl{float: left;width: 14.285%;padding: 0px 15px;} .footerm_r dl dt a{font-size: 14px;display: block;color: #fff;line-height: 14px;border-bottom: 1px solid #fff;margin-bottom: 10px;padding-bottom: 10px;} .footerm_r dl dt a:hover{color: #0a5c78;} .footerm_r dl dd a{font-size: 14px;display: block;color: #fff;line-height: 14px;margin-bottom: 10px;} .footerm_r dl dd a:hover{color: #0a5c78;} .footer_b{border-top: 1px solid #fff;padding: 20px 30px;font-size: 14px;color: #fff;} .footer_b a{font-size: 14px;color: #fff;display: inline-block;margin: 0px 10px;} .footer_b a:hover{color: #0a5c78;} } @media screen and (max-width: 1280px){ .footer{margin: 0px auto; max-width: 100%; width: 100%; position: relative; background: #1e1e1e;color: #fff;} .footerm{position: relative;display: flex;justify-content: space-between;padding: 40px 30px 30px 30px;} .footerm_l{width: 250px;} .footer_logom{margin-bottom: 15px;} .footer_logom a{display: block;} .footer_logom a img{height: 45px;width: auto;} .f_contact{border-top: 1px solid #fff;border-bottom: 1px solid #fff;width: 165px;text-align: center;margin-bottom: 20px;} .f_contact a {display: inline-block;margin: 5px 5px;position: relative;} .f_contact a icon{position: absolute;bottom: 35px;left: 50%;width: 80px;height: 80px;z-index: 999;margin-left: -40px;display: none;border: 2px solid #0e5b77;} .f_contact a:hover icon{display: block;} .f_contact a .i1{background-image:url(../images/icon/qq.png);display: block;width: 20px;height: 20px;background-repeat:no-repeat; background-position:center center; background-size:cover;} .f_contact a .i2{background-image:url(../images/icon/weixin.png);display: block;width: 20px;height: 20px;background-repeat:no-repeat; background-position:center center; background-size:cover;} .f_contact a .i3{background-image:url(../images/icon/weibo.png);display: block;width: 20px;height: 20px;background-repeat:no-repeat; background-position:center center; background-size:cover;} .f_contact a .i4{background-image:url(../images/icon/face.png);display: block;width: 20px;height: 20px;background-repeat:no-repeat; background-position:center center; background-size:cover;} .f1{font-size: 14px;line-height: 1.5; color: #fff;margin-bottom: 10px;} .footerm_r{width: calc(100% - 250px);margin-left: -15px;margin-right: -15px;} .footerm_r dl{float: left;width: 14.285%;padding: 0px 15px;} .footerm_r dl dt a{font-size: 14px;display: block;color: #fff;line-height: 14px;border-bottom: 1px solid #fff;margin-bottom: 10px;padding-bottom: 10px;} .footerm_r dl dt a:hover{color: #0a5c78;} .footerm_r dl dd a{font-size: 14px;display: block;color: #fff;line-height: 14px;margin-bottom: 10px;} .footerm_r dl dd a:hover{color: #0a5c78;} .footer_b{border-top: 1px solid #fff;padding: 20px 30px;font-size: 14px;color: #fff;} .footer_b a{font-size: 14px;color: #fff;display: inline-block;margin: 0px 10px;} .footer_b a:hover{color: #0a5c78;} } @media screen and (max-width: 1023px){ .footer{margin: 0px auto; max-width: 100%; width: 100%; position: relative; background: #1e1e1e;color: #fff;} .footerm{position: relative;display: flex;justify-content: space-between;padding: 20px 10px 10px 10px;} .footerm_l{width: 250px;} .footer_logom{margin-bottom: 10px;} .footer_logom a{display: block;} .footer_logom a img{height: 45px;width: auto;} .f_contact{border-top: 1px solid #fff;border-bottom: 1px solid #fff;width: 165px;text-align: center;margin-bottom: 10px;display: none;} .f_contact a {display: inline-block;margin: 5px 5px;position: relative;} .f_contact a icon{position: absolute;bottom: 35px;left: 50%;width: 80px;height: 80px;z-index: 999;margin-left: -40px;display: none;border: 2px solid #0e5b77;} .f_contact a:hover icon{display: block;} .f_contact a .i1{background-image:url(../images/icon/qq.png);display: block;width: 20px;height: 20px;background-repeat:no-repeat; background-position:center center; background-size:cover;} .f_contact a .i2{background-image:url(../images/icon/weixin.png);display: block;width: 20px;height: 20px;background-repeat:no-repeat; background-position:center center; background-size:cover;} .f_contact a .i3{background-image:url(../images/icon/weibo.png);display: block;width: 20px;height: 20px;background-repeat:no-repeat; background-position:center center; background-size:cover;} .f_contact a .i4{background-image:url(../images/icon/face.png);display: block;width: 20px;height: 20px;background-repeat:no-repeat; background-position:center center; background-size:cover;} .f1{font-size: 14px;line-height: 1.5; color: #fff;margin-bottom: 10px;} .footerm_r{width: calc(100% - 250px);margin-left: -15px;margin-right: -15px;display: none;} .footer_b{border-top: 1px solid #fff;padding: 20px 75px;font-size: 14px;color: #fff;display: none;} .footer_b a{font-size: 14px;color: #fff;display: inline-block;margin: 0px 10px;} .footer_b a:hover{color: #0a5c78;} } .leftNav { position: fixed; right: 0px; top:30%; z-index: 999999; width: 140px;background-color: #fff;text-align: center; box-shadow:0 0 15px rgba(0,0,0,0.15);transition: all 0.5s ease-out;} .leftNav ul li { position: relative; text-align: center;padding: 20px 0px;border-bottom: 1px solid #e6e6e6;} .leftNav ul li span { font-size: 15px; color:#0a5c78;opacity: 1; font-weight: bold;text-align: center;} .leftNav ul li:hover span,.leftNav ul li.cur span { opacity: 1;color: #14c268; } .chu{right: -140px;} .m_join{position: absolute;top: 50%;left: -30px;margin-top: -60px; z-index: 999999; } .m_join a{display: inline-block;width: 30px;text-align: center; writing-mode: horizontal-tb;background-color: #0a5c78;color: #fff;font-size: 14px;padding: 20px 5px 20px 0px;border-top-left-radius:15px;border-bottom-left-radius:15px;writing-mode: vertical-rl; } @media screen and (max-width: 1023px){ .leftNav{ display: none;} } /** about_ban ====================================================================================*/ .mySwiper { position: absolute; bottom: 0px; left: calc(50% - 400px); width: 800px; height: 100px;} .mySwiper .swiper-wrapper{ width: 650px; position: relative; } .mySwiper .swiper-slide {width: 10%; margin: 0px -45px; opacity: 0.7; overflow: hidden; clip-path: polygon(20% 0%, 0% 100%, 80% 100%, 100% 0%); } .mySwiper .swiper-slide img{ max-width: 178%; width: 178%; margin-left: -78%; height: 100%; } .mySwiper .swiper-slide-thumb-active { opacity: 1;} .swiper-ban a .about_full{width: 100%; height:680px;/*^banner高度^*/ overflow: hidden; position: relative; background-repeat:no-repeat; background-position:center top; background-size:cover; transition: all .5s cubic-bezier(.5, 0, .2, 1) 0s; z-index: 8; } .swiper-ban a .about_fullhuiyuan{width: 100%; height:380px;/*^banner高度^*/ overflow: hidden; position: relative; background-repeat:no-repeat; background-position:center top; background-size:cover; transition: all .5s cubic-bezier(.5, 0, .2, 1) 0s; z-index: 8; } .ani-ab01 { height: auto; width: 850px; margin-bottom: 20px; color: #fff; font-size: 32px; line-height: 45px;} .ani-ab02 { height: auto; width: 50%; color: #fff; font-size: 16px;line-height: 24px;text-transform: capitalize; text-align: justify; } .about_ban_logo{position: absolute; left: 55.2%; top: 50%; width:70px; height: 70px; z-index: 11; background-repeat:no-repeat; background-position:center top; background-size:cover;} @media (max-width:1680px){ .about_ban_logo{ left: 53.5%; top: 50%;} } @media (max-width:1440px){ .about_ban_logo{ left: 68.5%; top: 30%;width:40px; height: 40px; } .mySwiper {display: none;} .swiper-ban a .about_full{width: 100%; height:320px;/*^banner高度^*/ overflow: hidden; position: relative; background-repeat:no-repeat; background-position:center top; background-size:cover; transition: all .5s cubic-bezier(.5, 0, .2, 1) 0s; z-index: 8; } .ani-ab01 { height: auto; width: 90%; margin-bottom: 10px; color: #fff; font-size: 20px; line-height: 25px;} .ani-ab02 { height: auto; width: 90%; color: #fff; font-size: 14px;line-height: 1.75; } } /** abo01 ====================================================================================*/ .abo01{ position: relative; padding: 80px 0 10px 0; min-height: 660px; overflow: hidden;} .abo01:before{content: " "; position: absolute; top: 0; right: -40%; display: block; width: 100%; height: 100%; background-color: #f2f6fb; clip-path: polygon(20% 0%, 0% 100%, 80% 100%, 100% 0%); } .abou_tit{ color: #0a5c78; font-size: 32px; font-weight: bold; display:block; align-items: center;} .abou_tit i{ background-color: #a5bcc5; width: 200px; height: 2px; display: inline-block; margin-left: 20px; vertical-align: middle; } .abou_titms{ font-size: 16px; padding: 20px 0px 0px 0px;} .aboutB-b .img-box, .hide { position: absolute; left: 0px; border-radius: 50%; border:3px solid #0a5c78; top: 55px; width: 590px; height: 590px; opacity: 1; transition: opacity, 2s;} .aboutB-b .hide { opacity: 0; transition: opacity, .5s;} .aboutB-b .items-list { position: absolute; left: -400px; top: 0px; width: 700px; height: 700px; border: 1px solid rgba(142,180,193,0.95); border-radius: 50%; } .aboutB-b .item { opacity:1; position: absolute; width: 600px; padding-left: 25px; font-size: 18px; transition: font-size 1s; text-align: left; cursor: pointer;} .aboutB-b .item a { position: relative; } .aboutB-b .item:nth-child(3) { font-size: 18px; margin-top: -4px; color: #14c268; transition: font-size .5s; opacity: 1; } .aboutB-b .item a:before { content: ""; position: absolute; width: 20px; height: 20px; background:url(../images/aboutb-2.png) no-repeat center; left: -25px; top:50%; margin-top:-10px; } .aboutB-b .item:nth-child(3):before { top: 10px; } .aboutB-b .item:nth-child(3) a:before {background:url(../images/aboutb-3.png) no-repeat center;} .item a { color: #000; transition: color 0.5s;} .aboutB-b .item a:hover { color: #0a5c78; transition: color 0.5s;} .aboutB-b .item:nth-child(2), .aboutB-b .item:nth-child(3),.aboutB-b .item:nth-child(11),.aboutB-b .item:nth-child(12) { opacity: 1;} .aboutB-b .btn { z-index: 10; position: absolute; width: 20px; height: 20px; cursor: pointer; left: 60px; font-size: 20pt; color: #dae6ef; -webkit-transform: scale(3, 1);transform: scale(3, 1);-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;} .aboutB-b .btn:hover { color: white; transition: color 0.5s;} .aboutB-b .prev { top: 110px;} .aboutB-b .next { bottom: 120px;} .aboutB-b .item a{color:#0a5c78 ;} .aboutB-b .item:nth-child(3) a{color: #14c268; } .aboutB { padding:70px 0 70px; background: url(../images/aboutb.jpg) no-repeat center/cover; } .aboutB-a { max-width: 1600px; margin: 0 auto; } .aboutB-b { margin-top:0px; } .aboutB-f .mainTit,.aboutB-f .mainTit .t,.aboutB-f .mainTit .c { color:#000;font-family: SourceHanSansCN-Light; font-weight: lighter; } .aboutB-b { float: left; position: relative; } .aboutB-d { } .aboutB-e .t { font-size: 22px;color:#14c268; } .aboutB-g { height: 260px; margin-top:20px; overflow-y: scroll; } .aboutB-e .c { text-align: justify; width: 90%; font-size: 16px;color:#666;line-height: 1.6;opacity: 0.8; } .aboutB-g{ /*滚动条滑块按钮的颜色*/ scrollbar-face-color: :#aec9d3; /*滚动条整体颜色*/ scrollbar-highlight-color: #14c268; /*滚动条轨道颜色*/ scrollbar-track-color::#aec9d3; } /*滚动条整体部分,必须要设置*/ .aboutB-g::-webkit-scrollbar{ background-color::#aec9d3; width:5px; height:10px; } /*滚动条的轨道*/ .aboutB-g::-webkit-scrollbar-track{ background-color:#aec9d3; border-radius: 10px; } /*滚动条的滑块按钮*/ .aboutB-g::-webkit-scrollbar-thumb{ border-radius: 10px; background-color: #14c268; } .aboutB-c .next,.aboutB-c .prev { background: url(../images/iconBlue.png) no-repeat center/cover; cursor: pointer; opacity: 1; font-family: "微软雅黑"; font-size: 0px; color:#fff;width: 51px;height: 51px; text-align: center; position: absolute; bottom:0; } .aboutB-c .next:hover,.aboutB-c .prev:hover { background: url(../images/iconBlue1.png) no-repeat center/cover; } .aboutB-c .prev { transform: rotate(180deg); } .aboutB-c .prev:hover { transform: rotate(0deg); } .aboutB-c .next:hover { transform: rotate(180deg); } .aboutB-c .prev { left:80px; } .aboutB-c .next { left:0px; } .aboutB-c .next:hover,.aboutB-c .prev:hover { opacity: 1; } .aboutB-c_box{ position: relative;padding:50px 30px 50px 30px;margin-right: 5%; background-color: #fff; float: right;width: 520px; overflow: hidden;box-shadow:0 0 15px rgba(10,92,120,0.2); border-radius:25px;} .aboutB-c { position: relative; padding-bottom: 100px; overflow: hidden;} .aboutB-b .c-menu { position: relative; height: 500px; margin-left:300px; width: 200px; } .aboutB-b .img-box, .hide { top: 25px; width: 450px; height: 450px; opacity: 1; transition: opacity, 2s; } .aboutB-b .img-box {background-size:vover; } .aboutB-b .items-list { left: -300px; width: 500px; height: 500px; } .aboutB-b .item { width: 500px; padding-left: 25px; font-size: 18px; transition: font-size 1s; text-align: left; cursor: pointer;} @media (max-width:1023px){ .abou_tit{ color: #0a5c78; font-size: 22px; font-weight: bold; display:block; align-items: center;} .abou_tit i{ background-color: #a5bcc5; width: 100px; height: 2px; display: inline-block; margin-left: 20px; vertical-align: middle; } .abou_titms{ font-size: 16px; padding: 20px 0px 0px 0px;} .abo01{ position: relative; padding: 40px 0 10px 0; min-height: 660px; overflow: hidden;} .aboutB { padding:40px 0 20px; background: url(../images/aboutb.jpg) no-repeat center/cover; } .aboutB-b .c-menu {display: none;} .aboutB-b .img-box{display: none;} .aboutB-c_box{ position: relative;padding:20px 20px 20px 20px;margin-right: 5%; background-color: #fff; float: right;width: 90%; overflow: hidden;box-shadow:0 0 15px rgba(10,92,120,0.2); border-radius:25px;} .aboutB-c { position: relative; padding-bottom: 100px; overflow: hidden;} .aboutB-e .c { text-align: justify; width: 95%; font-size: 14px;color:#666;line-height: 1.6;opacity: 0.8; } } /** abo02 ====================================================================================*/ .abo02{ position: relative; padding: 80px 0 0px 0; min-height: 660px;} .abo02_ry{ display: flex; flex-wrap: wrap; padding: 30px 0px;} .abo02_ry li{ width: 20%; padding: 20px 0px; text-align: center; } .abo02_ry_img{width: 100%; height: 260px; overflow: hidden; display: flex; text-align: center; align-items:center; justify-content:center;} .abo02_ry_img img{ width: auto; height: auto; max-height: 95%; } .abo02_ry li span{ padding-top: 10px; display: block; width: 70%; margin: 0px auto;} @media (max-width:1023px){ .abo02{ position: relative; padding: 20px 0 0px 0; min-height: 660px;} .abo02_ry{ display: flex; flex-wrap: wrap; padding: 30px 0px;} .abo02_ry li{ width: 50%; padding: 5px 0px; text-align: center; } .abo02_ry_img{width: 100%; height: 150px; overflow: hidden; display: flex; text-align: center; align-items:center; justify-content:center;} .abo02_ry_img img{ width: auto; height: auto; max-height: 95%; } .abo02_ry li span{ padding-top: 10px; display: block; width: 70%; margin: 0px auto;} } /** abo03 ====================================================================================*/ .abo03{ position: relative; padding: 80px 0 0px 0; } .abo03_n{ text-align: center; padding:50px 0px 0px 0px;} /** abo04 ====================================================================================*/ .abo04{ position: relative; padding: 80px 0 80px 0; } .abo04_n{ text-align: center; padding:50px 0px 0px 0px;} @media (max-width:1023px){ .abo02{ position: relative; padding: 20px 0 0px 0; min-height: 660px;} .abo02_ry{ display: flex; flex-wrap: wrap; padding: 30px 0px;} .abo02_ry li{ width: 50%; padding: 5px 0px; text-align: center; } .abo02_ry_img{width: 100%; height: 150px; overflow: hidden; display: flex; text-align: center; align-items:center; justify-content:center;} .abo02_ry_img img{ width: auto; height: auto; max-height: 95%; } .abo02_ry li span{ padding-top: 10px; display: block; width: 70%; margin: 0px auto;} /** abo03 ====================================================================================*/ .abo03{ position: relative; padding: 20px 0 0px 0; } .abo03_n{ text-align: center; padding:20px 0px 0px 0px;} /** abo04 ====================================================================================*/ .abo04{ position: relative; padding: 20px 0 20px 0; } .abo04_n{ text-align: center; padding:20px 0px 0px 0px;} } /** pro_box ====================================================================================*/ .pro_box{position: relative; padding: 80px 0 80px 0; } /** pronav_swiper ====================================================================================*/ .pronav_swiper{ width:100%; position: relative; margin: 0px auto 0px auto; padding: 0px 0px 40px 0px; } /** 点 ============*/ .pronav_swiper .swiper-container{padding: 10px 10px 30px 10px; height: auto;} .pronav_swiper .swiper-pagination{width: 100%; text-align:center; left: 0px; bottom: 10px; } .pronav_swiper .swiper-pagination-bullet{ background: #0053cc; opacity: 0.8; width: 10px; height:10px;border-radius:5px; margin: 0px 5px; transition: all 0.5s ease-out;} .pronav_swiper .swiper-pagination-bullet-active{ background: #F00; width: 30px; opacity:1;} /** 左右按钮 ============*/ .pronav_swiper .swiper-button-prev {left: -50px;opacity:1;top: 45%; display: none;} .pronav_swiper .swiper-button-next {right:-50px;opacity:1;top: 45%; display: none;} .pronav_swiper .swiper-button-prev {width: 50px;height: 50px; text-align: center; background-color:none;background-image:url(../images/icon/swiper_left02.png);background-repeat:no-repeat; background-position:center center; background-size:20px;} .pronav_swiper .swiper-button-next {width: 50px;height: 50px; text-align: center; background-color:none;background-image:url(../images/icon/swiper_right02.png);background-repeat:no-repeat; background-position:center center; background-size:20px; } .pronav_swiper .swiper-button-prev.swiper-button-disabled{opacity:0.5;background-color:none;background-image:url(../images/icon/swiper_left01.png);} .pronav_swiper .swiper-button-next.swiper-button-disabled{opacity:0.5;background-color:none;background-image:url(../images/icon/swiper_right01.png);} .pronav_swiper .swiper-button-prev.hide{opacity:0;} .pronav_swiper .swiper-button-next.hide{opacity:0;} .pronav_swiper .swiper-button-next,.swiper-button-prev{transition:opacity 0.5s;} @media screen and (max-width: 1023px){ .pro_box{position: relative; padding: 30px 0 30px 0; } } .psw_item01{ width: 100%; height: 240px;background-repeat:no-repeat; background-position:center center; background-size:80%; box-shadow:0px 0px 15px rgba(0,0,0,0.05); border-bottom: 5px solid #0a5b76; padding: 20px 20px; display:flex; flex-wrap: wrap; align-items: center; align-content: center; position: relative;} .psw_item01_1{width: 80px; margin: 0px auto; display: none; z-index: 2; position: relative;} .psw_item01_1 img{width: 80px; } .psw_item01_2{ width: 100%;font-size: 18px; color: #0a5c78; text-align: center; font-weight: bold; margin-bottom: 10px;z-index: 2; position: relative;} .psw_item01_2 span{ color: #14c268;} .psw_item01_4{ width: 100%; z-index: 2; position: relative;} .psw_item01_4 span{ display: block; text-align: center; padding-bottom: 3px;} .psw_item01_4 a:hover{ color: #14c268;} .psw_item01:after{content: " "; display: block; width: 100%; height: 102%; position: absolute; z-index: 1; left: 0; top: 0;background-image:url(../images/psw_item01bg.jpg); opacity: 0;transition: all 0.5s ease-out;background-repeat:no-repeat; background-position:center bottom; background-size:cover;} .psw_item01:before{content: " "; display: block; width: 100%; height:22px; position: absolute; z-index: 1; left: 0; bottom: -20px;background-image:url(../images/psw_item01jt.png); opacity:0;transition: all 0.5s ease-out;background-repeat:no-repeat; background-position:center bottom;} .psw_item01:hover:after{ opacity: 1;} .psw_item01:hover:before{ opacity: 1; bottom: -25px;} .psw_item01:hover .psw_item01_1{display: block;} .psw_item01:hover .psw_item01_2{color: #fff;} .psw_item01:hover .psw_item01_2 span{color: #fff;} .psw_item01:hover .psw_item01_4 span{ display: block; text-align: center; padding-bottom: 3px; color: #fff;} .psw_item01:hover .psw_item01_4 a:hover{ color: #0a5c78; } .cur .psw_item01:after{ opacity: 1;} .cur .psw_item01:before{ opacity: 1; bottom: -25px;} .cur .psw_item01 .psw_item01_1{display: block;} .cur .psw_item01 .psw_item01_2{color: #fff;} .cur .psw_item01 .psw_item01_2 span{color: #fff;} .cur .psw_item01 .psw_item01_4 span{ display: block; text-align: center; padding-bottom: 3px; color: #fff;} .cur .psw_item01 .psw_item01_4 a:hover{ color: #0a5c78; } @media screen and (max-width: 1023px){ .psw_item01{ } .psw_item01:after{background-color:#14c268 ;} .psw_item01_2 span{ display: block;} } /** 产品列表 ====================================================================================*/ .pro_list{ padding: 30px 0px;} .pro_m{width: 100%; margin-bottom: 50px; padding-bottom: 50px; border-bottom: 5px solid #eff3f6; position: relative;} .pro_m a{display: flex; } .pro_m_l{ width: 50%;} .pro_m_l img{ width: 100%;} .pro_m_r{ width: 50%; padding-left: 7%; font-size: 16px;} .pro_m_r_name{ color: #095771; font-size: 30px; text-align: left; font-weight: bold; margin-bottom: 10px;} .pro_m_r_ms{ color: #000; font-size: 16px;} .pro_m_r_n{ color: #0a5b76; min-height: 100px; margin: 20px 0; line-height: 25px; } .pro_m_r_n .s{ color: #ff754e;} .pro_m_r_img{ display: flex; justify-content: space-between;width:90%;} .pro_m_r_img span {display: block; width: 30%;} .pro_m_r_img span .imgzoom{padding-bottom: 80%; width: 100%; position: relative; overflow: hidden; } .pro_m_r_img span .imgzoom img{width: 100%; min-height: 100%; object-fit: cover; position: absolute;transition: all .5s cubic-bezier(.5, 0, .2, 1) 0s; } .pro_m_r_img span:hover .imgzoom img{-webkit-transform: scale(1.10); -moz-transform: scale(1.10); -ms-transform: scale(1.10); -o-transform: scale(1.10); transform: scale(1.10);} .pro_m:before{content: "";position: absolute;bottom: -5px;left: 0px;width: 0%; border-bottom: 7px solid #14c268;transition: all 0.5s ease-out;z-index: 999;} .pro_m:hover:before{width: 100%;} .pro_m:hover .pro_m_r_name{ color: #14c268; } @media screen and (max-width: 1023px){ .pro_list{ padding: 20px 0px;} .pro_m{width: 100%; margin-bottom: 50px; padding-bottom: 50px; border-bottom: 5px solid #eff3f6; position: relative;} .pro_m a{display: flex; flex-wrap: wrap;} .pro_m_l{ width: 100%; margin-bottom: 20px;} .pro_m_l img{ width: 100%;} .pro_m_r{ width: 100%; padding-left: 0%; font-size: 16px;} .pro_m_r_name{ color: #095771; font-size: 26px; font-weight: bold; margin-bottom: 10px;} .pro_m_r_ms{ color: #000; font-size: 16px;} .pro_m_r_n{ color: #0a5b76; min-height: 100px; margin: 20px 0; line-height: 25px; } .pro_m_r_n .s{ color: #ff754e;} .pro_m_r_img{ display: flex; justify-content: space-between;width:90%;} .pro_m_r_img span {display: block; width: 30%;} .pro_m_r_img span .imgzoom{padding-bottom: 80%; width: 100%; position: relative; overflow: hidden; } .pro_m_r_img span .imgzoom img{width: 100%; min-height: 100%; object-fit: cover; position: absolute;transition: all .5s cubic-bezier(.5, 0, .2, 1) 0s; } .pro_m_r_img span:hover .imgzoom img{-webkit-transform: scale(1.10); -moz-transform: scale(1.10); -ms-transform: scale(1.10); -o-transform: scale(1.10); transform: scale(1.10);} .pro_m:before{content: "";position: absolute;bottom: -5px;left: 0px;width: 0%; border-bottom: 7px solid #14c268;transition: all 0.5s ease-out;z-index: 999;} .pro_m:hover:before{width: 100%;} .pro_m:hover .pro_m_r_name{ color: #14c268; } } /** 服务中心 ====================================================================================*/ .ser01{ position: relative; padding: 80px 0 50px 0; } .con_box{ margin: 50px 0px 0px 0px; display: flex; box-shadow:0 0 20px rgba(0,0,0,0.1);} .con_box_img{ width: 30%;} .con_box_txt{ padding: 50px 50px; font-size: 16px; line-height: 1.75; display: flex; flex-direction:column; justify-content: center; flex-wrap: wrap; color: #0b5270;} .con_box_txt h4{ color: #14c268; font-size: 22px; font-weight: bold; padding-bottom: 10px;} .ser02{ position: relative; padding: 80px 0 0px 0; } .ser03{ position: relative; padding: 0px 0 50px 0; } .qy_n{ margin-top: 50px; width: 100%; position: relative; display: flex; justify-content:flex-end;} .qy_n_l{position: absolute; height: 80%; width: 42%; left: 0px; top:50px; } .qy_n_l img{width: 100%; height: 100%; object-fit: cover;} .qy_n_l:before{content: " "; display: block; width: 70px; height: 70px; position: absolute; right: -35px; top:calc(50% - 35px); background-image:url(../images/ban_logo.png);background-repeat:no-repeat; background-position:center center; background-size:cover;} .qy_n_r{ width: 60%; padding: 90px; padding-left: 7%; background-color: #f4f4f4;} .qy_n_r h5{color: #14c268; font-size: 20px; margin-bottom: 50px; text-align: left;} .qy_n_ra{ display: flex; flex-wrap: wrap;} .qy_n_ra a{ width: 50%;} .qy_n_ra a:hover{color: #14c268;} .qy_n_ra a img{ width:100px ;} .qy_n_ra a span{ width: 100%; display: block; font-size: 18px; margin-top: 15px;} .ser04{ position: relative; padding: 80px 0 100px 0; } .mz_n{margin-top: 50px; width: 100%; position: relative; overflow: hidden; } .mz_n:before{content: " "; position: absolute; top: 0; right: -50%; display: block; width: 95%; height: 100%; background-color:rgba(20, 194, 104, 0.8); clip-path: polygon(20% 0%, 0% 100%, 80% 100%, 100% 0%); } .mz_n:after{content: " "; display: block; width: 70px; height: 70px; position: absolute; left: 62%; top:calc(50% - 35px); background-image:url(../images/ban_logo.png);background-repeat:no-repeat; background-position:center center; background-size:cover;} .mz_n a{ position: absolute; top: 47%; right:10%; z-index: 3; color: #fff; font-size: 22px; border: 1px solid #fff; padding: 20px 40px;} .mz_n a:hover{border: 1px solid #0a5c78; color: #0a5c78;} .mz_n a:after{content: "";position: absolute;top: -50px;left: -40px;width: 50px;height: 35px; background-image:url(../images/icon/ab_icon_bai.png);background-repeat:no-repeat; background-position:center center; background-size:50px;z-index: 999;} .mz_n a:before{content: "";position: absolute;bottom: -50px;right: -40px;width: 50px;height: 35px; background-image:url(../images/icon/ab_icon_bai.png);background-repeat:no-repeat; background-position:center center; background-size:50px;z-index: 999;} @media screen and (max-width: 1023px){ .ser01{ position: relative; padding: 20px 0 20px 0; } .con_box{ margin: 20px 0px 0px 0px; display: flex; box-shadow:0 0 20px rgba(0,0,0,0.1); flex-wrap: wrap;} .con_box_img{ width: 100%;} .con_box_txt{ padding: 20px 20px; font-size: 14px; line-height: 1.75; text-align: left; display: flex; flex-direction:column; justify-content: center; flex-wrap: wrap; color: #0b5270;} .con_box_txt h4{ color: #14c268; font-size: 18px; font-weight: bold; padding-bottom: 10px;} .ser02{ position: relative; padding: 80px 0 0px 0; } .ser03{ position: relative; padding: 0px 0 10px 0; } .qy_n{ margin-top: 50px; width: 100%; position: relative; display: flex; justify-content:flex-end;} .qy_n_l{position: absolute; height: 80%; width: 42%; left: 0px; top:50px; display: none; } .qy_n_l img{width: 100%; height: 100%; object-fit: cover;} .qy_n_l:before{content: " "; display: block; width: 70px; height: 70px; position: absolute; right: -35px; top:calc(50% - 35px); background-image:url(../images/ban_logo.png);background-repeat:no-repeat; background-position:center center; background-size:cover; opacity: 0;} .qy_n_r{ width: 100%; padding: 20px; padding-left: 20px; background-color: #f4f4f4;} .qy_n_r h5{color: #14c268; font-size: 24px; margin-bottom: 10px;} .qy_n_ra{ display: flex; flex-wrap: wrap;} .qy_n_ra a{ width: 100%; margin-bottom: 10px;} .qy_n_ra a:hover{color: #14c268;} .qy_n_ra a img{ width:30px ;} .qy_n_ra a span{ width: 100%; display: block; font-size: 18px; margin-top: 15px;} .ser04{ position: relative; padding: 20px 0 40px 0; } .mz_n{margin-top: 10px; width: 100%; position: relative; overflow: hidden; } .mz_n:before{content: " "; position: absolute; top: 0; right: -50%; display: block; width: 95%; height: 100%; background-color:rgba(20, 194, 104, 0.8); clip-path: polygon(20% 0%, 0% 100%, 80% 100%, 100% 0%); } .mz_n:after{content: " "; display: block; width: 70px; height: 70px; position: absolute; left: 62%; top:calc(50% - 35px); background-image:url(../images/ban_logo.png);background-repeat:no-repeat; background-position:center center; background-size:cover; opacity: 0;} .mz_n a{ position: absolute; top: 47%; right:10%; z-index: 3; color: #fff; font-size: 16px; border: 1px solid #fff; padding: 10px 20px;} .mz_n a:hover{border: 1px solid #0a5c78; color: #0a5c78;} .mz_n a:after{content: "";position: absolute;top: -50px;left: -40px;width: 50px;height: 35px; background-image:url(../images/icon/ab_icon_bai.png);background-repeat:no-repeat; background-position:center center; background-size:50px;z-index: 999;} .mz_n a:before{content: "";position: absolute;bottom: -50px;right: -40px;width: 50px;height: 35px; background-image:url(../images/icon/ab_icon_bai.png);background-repeat:no-repeat; background-position:center center; background-size:50px;z-index: 999;} } /** 创新引领 ====================================================================================*/ .cx01{ position: relative; padding: 80px 0 50px 0; overflow: hidden; } .cx01_nav{text-align: center; padding: 0px 0px; margin-top: 20px; border-bottom: 1px solid #d9d9d9;} .cx01_nav a{ display: inline-block; padding: 20px 0px; margin: 0px 30px; font-size:20px; font-weight: bold; color: #0a5c79; border-bottom: 4px solid #fff; } .cx01_nav a:hover{ color: #14c268;} .cx01_nav a.active{ color: #14c268; border-bottom: 4px solid #14c268; } .cx01_box { display: none; } .cx01_box.active{ display: block;} .yf_rw{ margin-top: 40px;} .yf_rw li{ width: 47%; margin-right: 3%; display: flex; float: left; margin-bottom: 30px; position: relative;} .yf_rw li:after{content: "";position: absolute;bottom: 0px;left: 0px; z-index: 1; width: 0%; height: 100%; background-color: #f4f4f4; transition: all 0.5s ease-out;} .yf_rw li:hover:after{ width: 100%;} .yf_rw_l{ z-index: 2; position: relative;} .yf_rw_l img{ width: 220px; height: 270px; object-fit: cover;} .yf_rw_r{ padding: 20px 20px 20px 30px; line-height: 1.5; z-index: 2;} .yf_rw_r1{ color: #14c268; font-size: 20px; font-weight: bold;} .yf_rw_r2{ color: #0a5c78; font-size: 16px; margin: 10px 0px 30px 0px;} .yf_rw_r3{ color: #666666; font-size: 14px;} .jd_img{ margin-top: 40px; width: 100%; display: flex; justify-content: space-between;} .jd_img_01{width: 30%; display: block;} .jd_img_01 .imgzoom{padding-bottom: 120%; width: 100%; position: relative; overflow: hidden; } .jd_img_01 .imgzoom img{width: 100%; min-height: 100%; object-fit: cover; position: absolute;transition: all .5s cubic-bezier(.5, 0, .2, 1) 0s; } .jd_img_01:hover .imgzoom img{-webkit-transform: scale(1.10); -moz-transform: scale(1.10); -ms-transform: scale(1.10); -o-transform: scale(1.10); transform: scale(1.10);} .jd_img_01 span{ color: #5c5c5c; text-align: center; display: block; font-size: 18px; font-weight: bold; padding: 20px 0px;} .yf_m{ margin-top: 40px; width: 100%; display: flex; justify-content: space-between;} .yf_m a{ display: block; width: 30%; background-color: #fff;background-repeat:no-repeat; background-position:center center; background-size:auto;padding:50px 30px 150px 30px; text-align: center;position: relative;box-shadow:0 0 15px rgba(0,0,0,0.1);} .yf_m a:after{content: "";position: absolute;bottom: 0px;left: 0px;width: 100%; border-bottom: 7px solid #0a5c78;} .yf_m a:before{content: "";position: absolute;bottom: 0px;left: 0px;width: 0%; border-bottom: 7px solid #14c268;transition: all 0.5s ease-out;z-index: 999;} .yf_m a:hover:before{width: 100%;} .yf_m a img{width: 50%; } .yf_m a h4{ color: #14c268; font-size: 20px; font-weight: bold; padding: 40px 0px 20px 0px;} .yf_m a .p{ color: #666666; font-size: 16px;} @media screen and (max-width: 1023px){ .cx01{ position: relative; padding: 30px 0 20px 0; overflow: hidden; } .cx01_nav{text-align: center; padding: 0px 0px; margin-top: 20px; border-bottom: 1px solid #d9d9d9;} .cx01_nav a{ display: inline-block; padding: 20px 0px; margin: 0px 10px; font-size:16px; font-weight: bold; color: #0a5c79; border-bottom: 4px solid #fff; } .cx01_nav a:hover{ color: #14c268;} .cx01_nav a.active{ color: #14c268; border-bottom: 4px solid #14c268; } .yf_rw{ margin-top: 20px;} .yf_rw li{ width: 100%; margin-right: 0%; display: flex; float: left; margin-bottom: 10px; position: relative;} .yf_rw li:after{content: "";position: absolute;bottom: 0px;left: 0px; z-index: 1; width: 0%; height: 100%; background-color: #f4f4f4; transition: all 0.5s ease-out;} .yf_rw li:hover:after{ width: 100%;} .yf_rw_l{ z-index: 2; position: relative;} .yf_rw_l img{ width: 220px; height: 270px; object-fit: cover;} .yf_rw_r{ padding: 20px 20px 20px 30px; line-height: 1.5; z-index: 2;} .yf_rw_r1{ color: #14c268; font-size: 20px; font-weight: bold;} .yf_rw_r2{ color: #0a5c78; font-size: 16px; margin: 10px 0px 30px 0px;} .yf_rw_r3{ color: #666666; font-size: 14px;} .jd_img{ margin-top: 40px; width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap;} .jd_img_01{width: 100%; display: block;} .jd_img_01 .imgzoom{padding-bottom: 120%; width: 100%; position: relative; overflow: hidden; } .jd_img_01 .imgzoom img{width: 100%; min-height: 100%; object-fit: cover; position: absolute;transition: all .5s cubic-bezier(.5, 0, .2, 1) 0s; } .jd_img_01:hover .imgzoom img{-webkit-transform: scale(1.10); -moz-transform: scale(1.10); -ms-transform: scale(1.10); -o-transform: scale(1.10); transform: scale(1.10);} .jd_img_01 span{ color: #5c5c5c; text-align: center; display: block; font-size: 18px; font-weight: bold; padding: 20px 0px;} .yf_m{ margin-top: 40px; width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap;} .yf_m a{ display: block; width: 100%; background-color: #fff;background-repeat:no-repeat; background-position:center center; background-size:auto;padding:20px 20px 40px 20px; text-align: center;position: relative;box-shadow:0 0 15px rgba(0,0,0,0.1);} .yf_m a:after{content: "";position: absolute;bottom: 0px;left: 0px;width: 100%; border-bottom: 7px solid #0a5c78;} .yf_m a:before{content: "";position: absolute;bottom: 0px;left: 0px;width: 0%; border-bottom: 7px solid #14c268;transition: all 0.5s ease-out;z-index: 999;} .yf_m a:hover:before{width: 100%;} .yf_m a img{width: 30%; } .yf_m a h4{ color: #14c268; font-size: 20px; font-weight: bold; padding: 10px 0px 10px 0px;} .yf_m a .p{ color: #666666; font-size: 16px;} } /** 创新引领 科创专利 ====================================================================================*/ .cx02{ position: relative; padding: 30px 0 50px 0; } .cx03{ position: relative; padding: 0px 0 50px 0; } .cx03_nav{text-align: center; padding: 0px 0px; margin-top: 20px; border-bottom: 1px solid #d9d9d9;} .cx03_nav a{ display: inline-block; padding: 20px 0px; margin: 0px 30px; font-size:16px; font-weight: bold; color: #0a5c79; border-bottom: 4px solid #fff; } .cx03_nav a:hover{ color: #14c268;} .cx03_nav a.active{ color: #14c268; border-bottom: 4px solid #14c268; } .cx03_box { display: none; } .cx03_box.active{ display: block;} @media screen and (max-width: 1023px){ .cx03{ position: relative; padding: 0px 0 0px 0; } } /** 新闻中心 ====================================================================================*/ .news01{ position: relative; padding:50px 0 50px 0; } .news01_nav{text-align: center; padding: 0px 0px; margin-top: 20px; border-bottom: 1px solid #d9d9d9;} .news01_nav a{ display: inline-block; padding: 20px 0px; margin: 0px 40px; font-size:24px; font-weight: bold; color: #0a5c79; border-bottom: 4px solid #fff; } .news01_nav a:hover{ color: #14c268;} .news01_nav a.active{ color: #14c268; border-bottom: 4px solid #14c268; } .news01_list{ display:block; margin: 30px 0px 0px 0px;} .news01_list li{ width: 19%; float: left; margin: 0px 0.5%; margin-bottom: 30px; border: 1px solid #1a5d79;} .news01_list li a{ display: block; position: relative; overflow: hidden;transition: all 0.5s ease-out;} .news01_list li a .imgzoom{padding-bottom: 58%; width: 100%; position: relative; overflow: hidden; } .news01_list li a .imgzoom img{width: 100%; height: 100%; object-fit: cover; position: absolute;transition: all .5s cubic-bezier(.5, 0, .2, 1) 0s; } .news01_list li a:hover .imgzoom img{-webkit-transform: scale(1.10); -moz-transform: scale(1.10); -ms-transform: scale(1.10); -o-transform: scale(1.10); transform: scale(1.10);} .news01_list li a .ab_txt{display: flex;justify-content: space-between; flex-wrap: wrap; align-items: center; background:rgba(39,194,117,0.87);color: #fff;padding: 15px 20px;position: absolute;bottom: -70px;left: 0px;width: 100%;z-index: 1;transition: all 0.5s ease-out;} .news01_list li a .ab_txt span{ color: #fff; font-size: 14px;line-height: 20px;height: 40px;overflow: hidden;width: 90%;} .news01_list li a .ab_txt i{color: #fff;} .ab_txt_ms{ width: 100%; font-size: 12px; line-height: 20px; height: 60px; opacity: 0.8; margin-top: 10px; overflow: hidden;} .news01_list li a .bg_hei{position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;background:rgba(10,92,120,0.28); z-index: 0;} .news01_list li a .new_time{position: absolute;top: 0px;left: 0px;background-color: #14c268; text-align: center;padding: 8px 10px 5px 10px;} .news01_list li a .new_time h3{font-size: 28px;color: #fff;line-height: 1;margin-bottom: 5px;} .news01_list li a .new_time h4{font-size: 14px;color: #fff;line-height: 1;} .news01_list li a:hover .ab_txt{bottom: 0px;} .news01_list li a:hover .ab_txt span{color: #fff;} .news01_list_l li a .ab_txt{display: flex;justify-content: space-between; flex-wrap: wrap; align-items: center; background:rgba(4,58,97,0.87);color: #fff;padding: 15px 20px;position: absolute;bottom: -70px;left: 0px;width: 100%;z-index: 1;transition: all 0.5s ease-out;} .news01_list_l li a .new_time{position: absolute;top: 0px;left: 0px;background-color: #043a5e; text-align: center;padding: 8px 10px 5px 10px;} @media screen and (max-width: 1023px){ .news01{ position: relative; padding:20px 0 20px 0; } .news01_nav{text-align: center; padding: 0px 0px; margin-top: 20px; border-bottom: 1px solid #d9d9d9;} .news01_nav a{ display: inline-block; padding: 10px 0px; margin: 0px 20px; font-size:18px; font-weight: bold; color: #0a5c79; border-bottom: 4px solid #fff; } .news01_nav a:hover{ color: #14c268;} .news01_nav a.active{ color: #14c268; border-bottom: 4px solid #14c268; } .news01_list{ display:block; margin: 30px 0px 0px 0px;} .news01_list li{ width: 99%; float: left; margin: 0px 0.5%; margin-bottom: 30px; border: 1px solid #1a5d79;} .news01_list li a{ display: block; position: relative; overflow: hidden;transition: all 0.5s ease-out;} .news01_list li a .imgzoom{padding-bottom: 58%; width: 100%; position: relative; overflow: hidden; } .news01_list li a .imgzoom img{width: 100%; height: 100%; object-fit: cover; position: absolute;transition: all .5s cubic-bezier(.5, 0, .2, 1) 0s; } .news01_list li a:hover .imgzoom img{-webkit-transform: scale(1.10); -moz-transform: scale(1.10); -ms-transform: scale(1.10); -o-transform: scale(1.10); transform: scale(1.10);} .news01_list li a .ab_txt{display: flex;justify-content: space-between; flex-wrap: wrap; align-items: center; background:rgba(39,194,117,0.87);color: #fff;padding: 15px 20px;position: absolute;bottom: -70px;left: 0px;width: 100%;z-index: 1;transition: all 0.5s ease-out;} .news01_list li a .ab_txt span{ color: #fff; font-size: 14px;line-height: 20px;height: 40px;overflow: hidden;width: 90%;} .news01_list li a .ab_txt i{color: #fff;} .ab_txt_ms{ width: 100%; font-size: 12px; line-height: 20px; height: 60px; opacity: 0.8; margin-top: 10px; overflow: hidden;} .news01_list li a .bg_hei{position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;background:rgba(10,92,120,0.28); z-index: 0;} .news01_list li a .new_time{position: absolute;top: 0px;left: 0px;background-color: #14c268; text-align: center;padding: 8px 10px 5px 10px;} .news01_list li a .new_time h3{font-size: 28px;color: #fff;line-height: 1;margin-bottom: 5px;} .news01_list li a .new_time h4{font-size: 14px;color: #fff;line-height: 1;} .news01_list li a:hover .ab_txt{bottom: 0px;} .news01_list li a:hover .ab_txt span{color: #fff;} .news01_list_l li a .ab_txt{display: flex;justify-content: space-between; flex-wrap: wrap; align-items: center; background:rgba(4,58,97,0.87);color: #fff;padding: 15px 20px;position: absolute;bottom: -70px;left: 0px;width: 100%;z-index: 1;transition: all 0.5s ease-out;} .news01_list_l li a .new_time{position: absolute;top: 0px;left: 0px;background-color: #043a5e; text-align: center;padding: 8px 10px 5px 10px;} } /** 新闻详情 ====================================================================================*/ .crumbsn{padding: 0px 0px 10px; margin-top: 10px; float: right; color: #333;font-size: 16px;} .crumbsn a{color: #333;margin: 0px 5px;} .crumbsn a:hover{color: #1a5d79;} .crumbsn a.on{color: #1a5d79;} @media (max-width:1023px){ .crumbsn{display: none;} } /* 面包屑 */ .news_info{ width: 100%; position: relative; overflow: hidden; padding: 50px 0px; } .news_info .tf22{ text-align: center; font-size: 30px; padding-bottom: 10px; color: #0a5c79;} .news_info .tf12{ text-align: center; font-size: 16px; line-height: 30px; padding-bottom: 30px; border-bottom: 1px solid #ccc; } .news_info .txt{font-size: 16px; line-height: 2; width: 90%; margin: 40px auto; position: relative; overflow: hidden;} .news_info .txt img{margin: 10px 0px; max-width: 100%;} .pro_info{ width: 100%; position: relative; overflow: hidden; padding: 50px 0px; } .pro_info video{ width: 70%; margin: 0px auto; display: block;} .pro_tit{ display:block; position: relative; height: 40px; } .pro_tit i{ background-color: #a5bcc5; width:100%; height: 2px; margin-top: 20px; display: inline-block; margin-left: 20px; vertical-align: middle; } .pro_tit .name{color: #0a5c78; font-size: 32px; font-weight: bold; position: absolute; background-color: #fff; padding-right: 20px;} .pro_gn{padding:40px 0px ; font-size: 16px; line-height: 2; color: #666;} .pro_gn video{display: block; margin: 0px auto; width: 80%;} @media (max-width:1023px){ .pro_info{ width: 100%; position: relative; overflow: hidden; padding: 10px 0px 20px 0px; } .news_info{ width: 100%; position: relative; overflow: hidden; padding:30px 0px 20px 0px; } .news_info .tf22{ text-align: center; font-size: 20px; padding-bottom: 10px; color: #0a5c79;} .news_info .tf12{ text-align: center; font-size: 16px; line-height: 30px; padding-bottom: 10px; border-bottom: 1px solid #ccc; } .news_info .txt{font-size: 16px; line-height: 2; width: 95%; margin: 0px auto; position: relative; overflow: hidden;} .news_info .txt img{margin: 10px 0px; max-width: 100%;} } .fanye{ padding: 20px 0px 20px 0px; margin-top: 20px; width: 90%; margin: 0px auto; border: 1px solid #ccc; border-left: 0; border-right: 0; } .fanyea { padding-bottom: 10px; color: #333; font-size: 15px; } .fanyea a {color: #333; } .fanyea a:hover { color: #14c268; } .fanyefh{} .fanyefh a{color: #333; background: #ccc; font-size: 15px; width:200px; text-align: center; padding: 10px 30px; display: inline-block; margin:10px 0px 0px 0px; border-radius:2px;} .fanyefh a:hover{background:#14c268; color: #fff; padding:10px 30px;} @media (max-width:992px){ .fanye{ padding: 10px 10px 10px 10px; margin-top: 10px; background: #f4f4f4; } .fanyea {font-size: 12px; } .fanyefh a{font-size: 12px; background:#14c268; color: #fff; width: 100%; margin:0px 0px 0px 0px;} } /** 服务中心 ====================================================================================*/ .ys01{ position: relative; padding: 80px 0 50px 0; } .ys01_num{ margin-top: 50px;} .ys01_num ul { width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between;} .ys01_num ul li { position: relative; margin-bottom: 35px;width:25%; text-align: center;} .ys01_num ul li:after { content:'';width: 30px;height: 30px;background: url(../images/abouta-4.png) no-repeat center; position: absolute; right:-90px; margin-right:-15px; top:50%; margin-top:-25px; } .ys01_num ul li .t { font-size: 50px;color:#0a5c79;} .ys01_num ul li .t .counter{ font-family:DIN-Black;} .ys01_num ul li .c { font-size: 15px;color:#3e4145; } @media(max-width: 1000px){ .ys01{ position: relative; padding: 30px 0 20px 0; } .ys01_num ul li { position: relative; margin-bottom: 35px;width:50%; text-align: center;} .ys01_num ul li .t { font-size: 26px;color:#0a5c79;} } /** 手术直播解析 ====================================================================================*/ .ys02{ position: relative; padding: 80px 0 50px 0; } .ys_01_bg{margin-top:30px; position: relative; margin-right: 17%; height: 650px;} .ys_01_bg img{width: 100%;height: 100%; object-fit: cover;} .ys_01_bg_sm{position: absolute;background-color: #fff; box-shadow:0 0 15px rgba(0,0,0,0.15); width: 600px; top: 25%;right:-20%;padding: 50px 50px 50px 50px; color: #0a5c78;display: flex;flex-flow:row;} .ys_01_bg_txt { } .ys_01_bg_txt .tit{font-size: 28px;color: #0a5c78;font-weight: bold;line-height: 1;margin-bottom: 30px; text-align: left;} .ys_01_bg_txt .txt{font-size: 16px;color: #617690;line-height: 30px;} .ys_01_bg_num{position: absolute;bottom: -85px;right: 20px;color: #0a5c78;font-size: 116px;font-family: DINEngschriftStd;} /** ys_swiper01_box ====================================================================================*/ .ys_swiper01_box{ max-width: 72%; position: relative; padding: 0px 0px 0px 0px;margin: -140px 0px 0px 10.5%;} /** 点 ============*/ .ys_swiper01_box .swiper-container{padding: 0px 0px 0px 0px; height: auto;} /** 左右按钮 ============*/ .ys_swiper01_box .swiper-button-prev {left: -75px;opacity:1;top: 45%;} .ys_swiper01_box .swiper-button-next {right:-75px;opacity:1;top: 45%; } .ys_swiper01_box .swiper-button-prev {width: 50px;height: 50px; text-align: center; background-color:none;background-image:url(../images/icon/swiper_left02.png);background-repeat:no-repeat; background-position:center center; background-size:20px;} .ys_swiper01_box .swiper-button-next {width: 50px;height: 50px; text-align: center; background-color:none;background-image:url(../images/icon/swiper_right02.png);background-repeat:no-repeat; background-position:center center; background-size:20px; } .ys_swiper01_box .swiper-button-prev.swiper-button-disabled{opacity:0.5;background-color:none;background-image:url(../images/icon/swiper_left01.png);} .ys_swiper01_box .swiper-button-next.swiper-button-disabled{opacity:0.5;background-color:none;background-image:url(../images/icon/swiper_right01.png);} .ys_swiper01_box .swiper-button-prev.hide{opacity:0;} .ys_swiper01_box .swiper-button-next.hide{opacity:0;} .ys_swiper01_box .swiper-button-next,.swiper-button-prev{transition:opacity 0.5s;} @media screen and (max-width: 1440px){ .ys_swiper01_box{ max-width:58%; position: relative; padding: 0px 0px 0px 0px;margin: -140px 0px 0px 10.5%;} } @media screen and (max-width: 1023px){ .ys02{ position: relative; padding: 20px 0 20px 0; } .ys_01_bg{margin-top:10px; position: relative; margin-right: 0%; height: 500px;} .ys_01_bg img{width: 100%;height: 100%; object-fit: cover;} .ys_01_bg_sm{position: absolute;background-color: #fff; box-shadow:0 0 15px rgba(0,0,0,0.15); width: 90%; top: 25%;right:-0%;padding: 20px 20px 20px 20px; color: #0a5c78;display: flex;flex-flow:row;} .ys_01_bg_txt { } .ys_01_bg_txt .tit{font-size: 28px;color: #0a5c78;font-weight: bold;line-height: 1;margin-bottom: 30px;} .ys_01_bg_txt .txt{font-size: 16px;color: #617690;line-height: 30px;} .ys_01_bg_num{position: absolute;bottom: -85px;right: 20px;color: #0a5c78;font-size: 116px;font-family: DINEngschriftStd;} .ys_swiper01_box{ max-width:58%; position: relative; padding: 0px 0px 0px 0px;margin: -140px 0px 0px 20.5%;} } a.ys_swiper1{ display: block; background-repeat:no-repeat; background-position:center center; background-size:auto;padding: 10px 10px 10px 10px; text-align: center;position: relative;} a.ys_swiper1 .imgzoom{padding-bottom: 60%; width: 100%; position: relative; overflow: hidden; } a.ys_swiper1 .imgzoom img{width: 100%; min-height: 100%; object-fit: cover; position: absolute; left: 0; top: 0; transition: all .5s cubic-bezier(.5, 0, .2, 1) 0s; } a.ys_swiper1:hover .imgzoom img{-webkit-transform: scale(1.10); -moz-transform: scale(1.10); -ms-transform: scale(1.10); -o-transform: scale(1.10); transform: scale(1.10);} /** 病例解析 ====================================================================================*/ .ys_02_bg{margin-top: 30px; position: relative; margin-left: 17%; height: 650px;} .ys_02_bg img{width: 100%;height: 100%; object-fit: cover;} .ys_02_bg_sm{position: absolute;background-color: #fff; box-shadow:0 0 15px rgba(0,0,0,0.15); width: 600px; top: 25%;left:-20%;padding: 50px 50px 50px 50px; color: #0a5c78;display: flex;flex-flow:row;} .ys_02_bg_txt { } .ys_02_bg_txt .tit{font-size: 28px;color: #0a5c78;font-weight: bold;line-height: 1;margin-bottom: 30px;} .ys_02_bg_txt .txt{font-size: 16px;color: #617690;line-height: 30px;} .ys_02_bg_num{position: absolute;bottom: -85px;left: 20px;color: #0a5c78;font-size: 116px;font-family: DINEngschriftStd;} /** ys_swiper02_box ====================================================================================*/ .ys_swiper02_box{ max-width: 72%; position: relative; padding: 0px 0px 0px 0px;margin: -140px 0px 0px 18.5%;} /** 点 ============*/ .ys_swiper02_box .swiper-container{padding: 0px 0px 0px 0px; height: auto;} /** 左右按钮 ============*/ .ys_swiper02_box .swiper-button-prev {left: -75px;opacity:1;top: 45%;} .ys_swiper02_box .swiper-button-next {right:-75px;opacity:1;top: 45%; } .ys_swiper02_box .swiper-button-prev {width: 50px;height: 50px; text-align: center; background-color:none;background-image:url(../images/icon/swiper_left02.png);background-repeat:no-repeat; background-position:center center; background-size:20px;} .ys_swiper02_box .swiper-button-next {width: 50px;height: 50px; text-align: center; background-color:none;background-image:url(../images/icon/swiper_right02.png);background-repeat:no-repeat; background-position:center center; background-size:20px; } .ys_swiper02_box .swiper-button-prev.swiper-button-disabled{opacity:0.5;background-color:none;background-image:url(../images/icon/swiper_left01.png);} .ys_swiper02_box .swiper-button-next.swiper-button-disabled{opacity:0.5;background-color:none;background-image:url(../images/icon/swiper_right01.png);} .ys_swiper02_box .swiper-button-prev.hide{opacity:0;} .ys_swiper02_box .swiper-button-next.hide{opacity:0;} .ys_swiper02_box .swiper-button-next,.swiper-button-prev{transition:opacity 0.5s;} @media screen and (max-width: 1440px){ .ys_swiper02_box{ max-width:58%; position: relative; padding: 0px 0px 0px 0px;margin: -140px 0px 0px 10.5%;} } @media screen and (max-width: 1023px){ .ys_02_bg{margin-top: 10px; position: relative; margin-left: 0%; height: 500px;} .ys_02_bg img{width: 100%;height: 100%; object-fit: cover;} .ys_02_bg_sm{position: absolute;background-color: #fff; box-shadow:0 0 15px rgba(0,0,0,0.15); width: 90%; top: 25%;left:-0%;padding: 20px 20px 20px 20px; color: #0a5c78;display: flex;flex-flow:row;} .ys_02_bg_txt { } .ys_02_bg_txt .tit{font-size: 28px;color: #0a5c78;font-weight: bold;line-height: 1;margin-bottom: 30px;} .ys_02_bg_txt .txt{font-size: 16px;color: #617690;line-height: 30px;} .ys_02_bg_num{position: absolute;bottom: -85px;left: 20px;color: #0a5c78;font-size: 116px;font-family: DINEngschriftStd;} .ys_swiper02_box{ max-width:58%; position: relative; padding: 0px 0px 0px 0px;margin: -140px 0px 0px 20.5%;} } a.ys_swiper2{ display: block; background-repeat:no-repeat; background-position:center center; background-size:auto;padding: 10px 10px 10px 10px; text-align: center;position: relative;} a.ys_swiper2 .imgzoom{padding-bottom: 60%; width: 100%; position: relative; overflow: hidden; } a.ys_swiper2 .imgzoom img{width: 100%; min-height: 100%; object-fit: cover; position: absolute; left: 0; top: 0; transition: all .5s cubic-bezier(.5, 0, .2, 1) 0s; } a.ys_swiper2:hover .imgzoom img{-webkit-transform: scale(1.10); -moz-transform: scale(1.10); -ms-transform: scale(1.10); -o-transform: scale(1.10); transform: scale(1.10);} /** 文献解析 ====================================================================================*/ .ys_03_bg{margin-top: 30px; position: relative; margin-right: 17%; height: 650px;} .ys_03_bg img{width: 100%;height: 100%; object-fit: cover;} .ys_03_bg_sm{position: absolute;background-color: #fff; box-shadow:0 0 15px rgba(0,0,0,0.15); width: 600px; top: 25%;right:-20%;padding: 50px 50px 50px 50px; color: #0a5c78;display: flex;flex-flow:row;} .ys_03_bg_txt { } .ys_03_bg_txt .tit{font-size: 28px;color: #0a5c78;font-weight: bold;line-height: 1;margin-bottom: 30px;} .ys_03_bg_txt .txt{font-size: 16px;color: #617690;line-height: 30px;} .ys_03_bg_num{position: absolute;bottom: -85px;right: 20px;color: #0a5c78;font-size: 116px;font-family: DINEngschriftStd;} /** ys_swiper03_box ====================================================================================*/ .ys_swiper03_box{ max-width: 72%; position: relative; padding: 0px 0px 0px 0px;margin: -140px 0px 0px 10.5%;} /** 点 ============*/ .ys_swiper03_box .swiper-container{padding: 0px 0px 0px 0px; height: auto;} /** 左右按钮 ============*/ .ys_swiper03_box .swiper-button-prev {left: -75px;opacity:1;top: 45%;} .ys_swiper03_box .swiper-button-next {right:-75px;opacity:1;top: 45%; } .ys_swiper03_box .swiper-button-prev {width: 50px;height: 50px; text-align: center; background-color:none;background-image:url(../images/icon/swiper_left02.png);background-repeat:no-repeat; background-position:center center; background-size:20px;} .ys_swiper03_box .swiper-button-next {width: 50px;height: 50px; text-align: center; background-color:none;background-image:url(../images/icon/swiper_right02.png);background-repeat:no-repeat; background-position:center center; background-size:20px; } .ys_swiper03_box .swiper-button-prev.swiper-button-disabled{opacity:0.5;background-color:none;background-image:url(../images/icon/swiper_left01.png);} .ys_swiper03_box .swiper-button-next.swiper-button-disabled{opacity:0.5;background-color:none;background-image:url(../images/icon/swiper_right01.png);} .ys_swiper03_box .swiper-button-prev.hide{opacity:0;} .ys_swiper03_box .swiper-button-next.hide{opacity:0;} .ys_swiper03_box .swiper-button-next,.swiper-button-prev{transition:opacity 0.5s;} @media screen and (max-width: 1440px){ .ys_swiper03_box{ max-width:58%; position: relative; padding: 0px 0px 0px 0px;margin: -140px 0px 0px 10.5%;} } @media screen and (max-width: 1023px){ .ys_03_bg{margin-top:10px; position: relative; margin-right: 0%; height: 500px;} .ys_03_bg img{width: 100%;height: 100%; object-fit: cover;} .ys_03_bg_sm{position: absolute;background-color: #fff; box-shadow:0 0 15px rgba(0,0,0,0.15); width: 90%; top: 10%;right:-0%;padding: 20px 20px 20px 20px; color: #0a5c78;display: flex;flex-flow:row;} .ys_03_bg_txt { } .ys_03_bg_txt .tit{font-size: 28px;color: #0a5c78;font-weight: bold;line-height: 1;margin-bottom: 30px;} .ys_03_bg_txt .txt{font-size: 16px;color: #617690;line-height: 30px;} .ys_03_bg_num{position: absolute;bottom: -85px;right: 20px;color: #0a5c78;font-size: 116px;font-family: DINEngschriftStd;} .ys_swiper03_box{ max-width:58%; position: relative; padding: 0px 0px 0px 0px;margin: -140px 0px 0px 20.5%;} } a.ys_swiper3{ display: block; background-repeat:no-repeat; background-position:center center; background-size:auto;padding: 10px 10px 10px 10px; text-align: center;position: relative;} a.ys_swiper3 .imgzoom{padding-bottom: 60%; width: 100%; position: relative; overflow: hidden; } a.ys_swiper3 .imgzoom img{width: 100%; min-height: 100%; object-fit: cover; position: absolute; left: 0; top: 0; transition: all .5s cubic-bezier(.5, 0, .2, 1) 0s; } a.ys_swiper3:hover .imgzoom img{-webkit-transform: scale(1.10); -moz-transform: scale(1.10); -ms-transform: scale(1.10); -o-transform: scale(1.10); transform: scale(1.10);} /** 专家讲座 ====================================================================================*/ .ys_04_bg{margin-top: 30px; position: relative; margin-left: 17%; height: 650px;} .ys_04_bg img{width: 100%;height: 100%; object-fit: cover;} .ys_04_bg_sm{position: absolute;background-color: #fff; box-shadow:0 0 15px rgba(0,0,0,0.15); width: 600px; top: 25%;left:-20%;padding: 50px 50px 50px 50px; color: #0a5c78;display: flex;flex-flow:row;} .ys_04_bg_txt { } .ys_04_bg_txt .tit{font-size: 28px;color: #0a5c78;font-weight: bold;line-height: 1;margin-bottom: 30px;} .ys_04_bg_txt .txt{font-size: 16px;color: #617690;line-height: 30px;} .ys_04_bg_num{position: absolute;bottom: -85px;left: 20px;color: #0a5c78;font-size: 116px;font-family: DINEngschriftStd;} /** ys_swiper04_box ====================================================================================*/ .ys_swiper04_box{ max-width: 72%; position: relative; padding: 0px 0px 0px 0px;margin: -140px 0px 0px 18.5%;} /** 点 ============*/ .ys_swiper04_box .swiper-container{padding: 0px 0px 0px 0px; height: auto;} /** 左右按钮 ============*/ .ys_swiper04_box .swiper-button-prev {left: -75px;opacity:1;top: 45%;} .ys_swiper04_box .swiper-button-next {right:-75px;opacity:1;top: 45%; } .ys_swiper04_box .swiper-button-prev {width: 50px;height: 50px; text-align: center; background-color:none;background-image:url(../images/icon/swiper_left02.png);background-repeat:no-repeat; background-position:center center; background-size:20px;} .ys_swiper04_box .swiper-button-next {width: 50px;height: 50px; text-align: center; background-color:none;background-image:url(../images/icon/swiper_right02.png);background-repeat:no-repeat; background-position:center center; background-size:20px; } .ys_swiper04_box .swiper-button-prev.swiper-button-disabled{opacity:0.5;background-color:none;background-image:url(../images/icon/swiper_left01.png);} .ys_swiper04_box .swiper-button-next.swiper-button-disabled{opacity:0.5;background-color:none;background-image:url(../images/icon/swiper_right01.png);} .ys_swiper04_box .swiper-button-prev.hide{opacity:0;} .ys_swiper04_box .swiper-button-next.hide{opacity:0;} .ys_swiper04_box .swiper-button-next,.swiper-button-prev{transition:opacity 0.5s;} @media screen and (max-width: 1440px){ .ys_swiper04_box{ max-width:58%; position: relative; padding: 0px 0px 0px 0px;margin: -140px 0px 0px 10.5%;} } @media screen and (max-width: 1023px){ .ys_04_bg{margin-top: 10px; position: relative; margin-left: 0%; height: 500px;} .ys_04_bg img{width: 100%;height: 100%; object-fit: cover;} .ys_04_bg_sm{position: absolute;background-color: #fff; box-shadow:0 0 15px rgba(0,0,0,0.15); width: 90%; top: 25%;left:-0%;padding: 20px 20px 20px 20px; color: #0a5c78;display: flex;flex-flow:row;} .ys_04_bg_txt { } .ys_04_bg_txt .tit{font-size: 28px;color: #0a5c78;font-weight: bold;line-height: 1;margin-bottom: 30px;} .ys_04_bg_txt .txt{font-size: 16px;color: #617690;line-height: 30px;} .ys_04_bg_num{position: absolute;bottom: -85px;left: 20px;color: #0a5c78;font-size: 116px;font-family: DINEngschriftStd;} .ys_swiper04_box{ max-width:58%; position: relative; padding: 0px 0px 0px 0px;margin: -140px 0px 0px 20.5%;} } a.ys_swiper4{ display: block; background-repeat:no-repeat; background-position:center center; background-size:auto;padding: 10px 10px 10px 10px; text-align: center;position: relative;} a.ys_swiper4 .imgzoom{padding-bottom: 60%; width: 100%; position: relative; overflow: hidden; } a.ys_swiper4 .imgzoom img{width: 100%; min-height: 100%; object-fit: cover; position: absolute; left: 0; top: 0; transition: all .5s cubic-bezier(.5, 0, .2, 1) 0s; } a.ys_swiper4:hover .imgzoom img{-webkit-transform: scale(1.10); -moz-transform: scale(1.10); -ms-transform: scale(1.10); -o-transform: scale(1.10); transform: scale(1.10);} /** 专家讲座 ====================================================================================*/ .ys_05_bg{margin-top: 30px; position: relative; margin-right: 17%; height: 650px;} .ys_05_bg img{width: 100%;height: 100%; object-fit: cover;} .ys_05_bg_sm{position: absolute;background-color: #fff; box-shadow:0 0 15px rgba(0,0,0,0.15); width: 600px; top: 25%;right:-20%;padding: 50px 50px 50px 50px; color: #0a5c78;display: flex;flex-flow:row;} .ys_05_bg_txt { } .ys_05_bg_txt .tit{font-size: 24px;color: #0a5c78;font-weight: bold;line-height: 1;margin-bottom: 30px; text-align: left;} .ys_05_bg_txt .txt{font-size: 16px;color: #617690;line-height: 30px;} .ys_05_bg_num{position: absolute;bottom: -85px;right: 20px;color: #0a5c78;font-size: 116px;font-family: DINEngschriftStd;} /** ys_swiper05_box ====================================================================================*/ .ys_swiper05_box{ max-width: 72%; position: relative; padding: 0px 0px 0px 0px;margin: -140px 0px 0px 10.5%;} /** 点 ============*/ .ys_swiper05_box .swiper-container{padding: 0px 0px 0px 0px; height: auto;} /** 左右按钮 ============*/ .ys_swiper05_box .swiper-button-prev {left: -75px;opacity:1;top: 45%;} .ys_swiper05_box .swiper-button-next {right:-75px;opacity:1;top: 45%; } .ys_swiper05_box .swiper-button-prev {width: 50px;height: 50px; text-align: center; background-color:none;background-image:url(../images/icon/swiper_left02.png);background-repeat:no-repeat; background-position:center center; background-size:20px;} .ys_swiper05_box .swiper-button-next {width: 50px;height: 50px; text-align: center; background-color:none;background-image:url(../images/icon/swiper_right02.png);background-repeat:no-repeat; background-position:center center; background-size:20px; } .ys_swiper05_box .swiper-button-prev.swiper-button-disabled{opacity:0.5;background-color:none;background-image:url(../images/icon/swiper_left01.png);} .ys_swiper05_box .swiper-button-next.swiper-button-disabled{opacity:0.5;background-color:none;background-image:url(../images/icon/swiper_right01.png);} .ys_swiper05_box .swiper-button-prev.hide{opacity:0;} .ys_swiper05_box .swiper-button-next.hide{opacity:0;} .ys_swiper05_box .swiper-button-next,.swiper-button-prev{transition:opacity 0.5s;} @media screen and (max-width: 1440px){ .ys_swiper05_box{ max-width:58%; position: relative; padding: 0px 0px 0px 0px;margin: -140px 0px 0px 10.5%;} } @media screen and (max-width: 1023px){ .ys_05_bg{margin-top:10px; position: relative; margin-right: 0%; height: 500px;} .ys_05_bg img{width: 100%;height: 100%; object-fit: cover;} .ys_05_bg_sm{position: absolute;background-color: #fff; box-shadow:0 0 15px rgba(0,0,0,0.15); width: 90%; top: 10%;right:-0%;padding: 20px 20px 20px 20px; color: #0a5c78;display: flex;flex-flow:row;} .ys_05_bg_txt { } .ys_05_bg_txt .tit{font-size: 28px;color: #0a5c78;font-weight: bold;line-height: 1;margin-bottom: 30px;} .ys_05_bg_txt .txt{font-size: 16px;color: #617690;line-height: 30px;} .ys_05_bg_num{position: absolute;bottom: -85px;right: 20px;color: #0a5c78;font-size: 116px;font-family: DINEngschriftStd;} .ys_swiper05_box{ max-width:58%; position: relative; padding: 0px 0px 0px 0px;margin: -140px 0px 0px 20.5%;} } a.ys_swiper5{ display: block; background-repeat:no-repeat; background-position:center center; background-size:auto;padding: 10px 10px 10px 10px; text-align: center;position: relative;} a.ys_swiper5 .imgzoom{padding-bottom: 60%; width: 100%; position: relative; overflow: hidden; } a.ys_swiper5 .imgzoom img{width: 100%; min-height: 100%; object-fit: cover; position: absolute; left: 0; top: 0; transition: all .5s cubic-bezier(.5, 0, .2, 1) 0s; } a.ys_swiper5:hover .imgzoom img{-webkit-transform: scale(1.10); -moz-transform: scale(1.10); -ms-transform: scale(1.10); -o-transform: scale(1.10); transform: scale(1.10);} /** 会员注册 ====================================================================================*/ .member_box{ position: relative; width: 100%; height:auto; max-width: 800px; box-shadow:0 0 15px rgba(0,0,0,0.15); margin: 100px auto; overflow: hidden;} .member_box_tit{font-size: 26px; text-align: center; padding-top: 50px; font-weight: bold;} .member_box_ms{text-align: center; font-size: 16px; color: #666; padding-top: 10px;} .member_box2_m{ position: relative; z-index: 6; width: 610px; margin: 0px auto; padding: 30px 0px 50px 0px; text-align: center;} .member_box2{ position: relative; margin-bottom: 15px;} .member_box2_name{ font-size: 16px; width: 100px; line-height: 50px; text-align: right; position:absolute; left: 0px; top: 0px;} .member_box2_inp{ width: 100%; padding-left: 120px; height: 50px;} .member_box2_inp .cxinp2{ width: 100%; height: 50px; line-height: 50px; border: 1px solid #dcdcdc; border-radius:5px; padding-left: 10px;} a.member_box2_but{ display: inline-block; background: #0a5c78; border: 0px; color: #fff; width: 100%; font-size: 16px; height: 50px; line-height: 50px; border-radius:5px;} a.member_box2_but:hover{background: #14c268; color: #fff;} input.member_box2_but{ display: inline-block; background: #0a5c78; color: #fff;border: 0px; width: 100%; font-size: 16px; height: 50px; line-height:40px; border-radius:5px;} input.member_box2_but:hover{background: #14c268; color: #fff;} .bt_tit{ color: #14c268; font-size: 24px; text-align: center; padding-bottom: 15px; margin-top: 50px;} .bt_ms{ color: #595959; font-size: 16px;text-align: center; padding-bottom: 15px;} .select:before{content: " "; position: absolute; right: 10px; top: 20px; display: block; width: 16px; height: 11px;background-image:url(../images/jiantou.jpg);background-repeat:no-repeat; background-position:center center; } @media screen and (max-width: 1023px){ .member_box{ position: relative; width: 100%; height:auto; max-width: 800px; box-shadow:0 0 15px rgba(0,0,0,0.15); margin: 30px auto; overflow: hidden;} .member_box_tit{font-size: 26px; text-align: center; padding-top: 50px; font-weight: bold;} .member_box_ms{text-align: center; font-size: 16px; color: #666; padding-top: 10px;} .member_box2_m{ position: relative; z-index: 6; width: 100%; margin: 0px auto; padding: 30px 0px 50px 0px; text-align: center;} .member_box2{ position: relative; margin-bottom: 15px;} .member_box2_name{ font-size: 16px; width: 100px; line-height: 50px; text-align: right; position:absolute; left: 0px; top: 0px;} .member_box2_inp{ width: 90%; padding-left: 120px; height: 50px;} .member_box2_inp .cxinp2{ width: 100%; height: 50px; line-height: 50px; border: 1px solid #dcdcdc; border-radius:5px; padding-left: 10px;} a.member_box2_but{ display: inline-block; background: #0a5c78; border: 0px; color: #fff; width: 100%; font-size: 16px; height: 50px; line-height: 50px; border-radius:5px;} a.member_box2_but:hover{background: #14c268; color: #fff;} input.member_box2_but{ display: inline-block; background: #0a5c78; color: #fff;border: 0px; width: 100%; font-size: 16px; height: 50px; line-height:40px; border-radius:5px;} input.member_box2_but:hover{background: #14c268; color: #fff;} .bt_tit{ color: #14c268; font-size: 24px; text-align: center; padding-bottom: 15px; margin-top: 50px;} .bt_ms{ color: #595959; font-size: 16px;text-align: center; padding-bottom: 15px;} .select:before{content: " "; position: absolute; right: 10px; top: 20px; display: block; width: 16px; height: 11px;background-image:url(../images/jiantou.jpg);background-repeat:no-repeat; background-position:center center; } } /** 表单 ====================================================================================*/ .message{ position: relative; width: 100%; max-width: 1200px; margin: 0px auto 50px auto; padding: 20px 50px 50px 50px; text-align: center;} .messbox{ position: relative; width: 45%; margin: 0px 2%; height:55px; margin-bottom: 20px; display: inline-block;} .messbox—t{ position: relative; width:94%; margin: 0px 2%; height:55px; margin-bottom: 20px; display: inline-block;} .messbox_name{ font-size: 13px; width: 220px; line-height: 52px; position:absolute; left: 10px; top: 0px;} .messbox_inp{ width: 100%; } .messbox_inp .inp{ width: 100%; height: auto; line-height: 50px; border: 1px solid #dcdcdc; border-radius:5px; padding-left: 10px;} .messbox_inp .inp.messbox_inp-l{ padding-left: 210px;} .messbox_inp .sel{ width: 100%; height: 50px; line-height: 50px;font-size: 16px; border: 1px solid #dcdcdc; padding-left: 210px; padding-right: 10px;} .messbox_textarea{ width: 100%; padding-left: 0px; height: 150px;} .messbox_textarea .inp{ width: 100%; height: 150px; line-height: 24px; border: 1px solid #dcdcdc; border-radius:5px; padding-left: 10px; padding-top: 10px;} .messbox_inp_rad{ width: 100%; padding-left: 120px; height:auto; text-align: left;} .messbox_radio{display: inline-block; line-height: 50px; font-size: 16px; margin-right: 10px;} .tijiao{ display: inline-block; background: #0a5c78; border: 0px; color: #fff; width: 100%; font-size: 16px; height: 50px; line-height: 50px; border-radius:5px;} .tijiao:hover{background: #0a5c78; color: #fff;} a.chongzhi{ display: inline-block; background: #d1d1d1; color: #333; width: 100%; font-size: 16px; height: 50px; line-height: 50px; border-radius:5px;} a.chongzhi:hover{background: #bcbcbc; color: #333;} input.chongzhi{ display: inline-block; background: #d1d1d1; color: #333; width: 100%; font-size: 16px; height: 50px; line-height: 50px; border-radius:5px;} input.chongzhi:hover{background: #bcbcbc; color: #333;} .messbox_xy{ position: relative; width:94%; margin: 0px 2%; height:55px; margin-bottom: 20px; display: inline-block; text-align: left;} .messbox_xyx{padding: 5px 0px; color: #000;} .messbox_xyx a{color: #14c268;} .messbox_xyx a:hover{color: #14c268;} @media screen and (max-width: 1023px){ .message{ position: relative; width: 100%; max-width: 1200px; margin: 0px auto 20px auto; padding: 20px 20px 20px 20px; text-align: center;} .messbox{ position: relative; width: 95%; margin: 0px 2%; height:55px; margin-bottom: 20px; display: inline-block;} .messbox—t{ position: relative; width:94%; margin: 0px 2%; height:55px; margin-bottom: 20px; display: inline-block;} } /** 咨询弹出电话二维码 ====================================================================================*/ .tan_boxbg{background:rgba(0,0,0,0.8);position: fixed; top: 0px; left: 0px; right: 0px; bottom: 0px;z-index: 9999; display: none;} .tan_box{position: fixed; top: 50%; -webkit-transform:translateY(-50%); transform:translateY(-50%); left: 50%; width:900px; margin-left: -450px; background-color: #fff;padding: 40px 50px; } .tan_box .h3{text-align: center;font-size: 26px;color: #333;font-weight: bold;margin-bottom: 10px;} .tan_box .wei{text-align: left; padding: 20px; color: #333; font-size: 16px; line-height: 1.75; width: 100%; height:400px;overflow-y: auto;} .tan_box .more {text-align: center;margin-top: 30px;} .tan_box .more a{display: inline-block;padding: 20px 150px; font-size: 18px; background-color: #14c268;color: #fff;} .tan_box .more a:hover{background-color: #14c268;} /** PC在线客服 ====================================================================================*/ .pc_kefu{position:fixed; width: 70px;right:0;top:50%;margin-top:-200px;z-index:9999; display: none;} .pc_kefu dl{width: 100%;height: 70px;position: relative; z-index: 2; margin-bottom: 1px;} .pc_kefu dl dt{width: 70px;height: 70px; box-sizing: border-box; padding: 7px 0; color:#FFFFFF;background-color: #21282e;cursor: pointer;position: relative; z-index: 5;transition: all 0.6s ease; text-align: center; } .pc_kefu dl a{color: #fff;} .pc_kefu dl dt i{ display: inline-block; width: 25px; height: 25px;margin-top: 5px; background-repeat:no-repeat; background-position:center center; background-size:auto;} .pc_kefu dl dt p{ font-size: 12px; margin-top: 3px;} .pc_kefu dl dd{ width: 150px;min-height: 70px; line-height: 25px; color: #fff; background-color:rgba(0, 0, 0, 0.8);padding: 10px 20px;position: absolute; top: 0;right:-150px;z-index: 1;transition: all 0.6s ease;} .pc_kefu dl dd.wechat{padding: 10px 10px;} .pc_kefu dl:hover dt{background-color: #0053cc;} .pc_kefu dl:hover dd{right: 70px;} .pc_kefu dl dt i.ico1{background-image:url(../images/kefu/icon1.png);}/*在线*/ .pc_kefu dl dt i.ico2{background-image:url(../images/kefu/icon2.png);}/*QQ*/ .pc_kefu dl dt i.ico3{background-image:url(../images/kefu/icon3.png);}/*微信*/ .pc_kefu dl dt i.ico4{background-image:url(../images/kefu/icon4.png);}/*电话*/ .pc_kefu dl dt i.ico5{background-image:url(../images/kefu/icon5.png);}/*邮箱*/ .pc_kefu dl dt i.ico6{background-image:url(../images/kefu/icon6.png);}/*微博*/ .pc_kefu dl dt i.ico7{background-image:url(../images/kefu/icon7.png);}/*查找*/ .pc_kefu dl dt i.ico8{background-image:url(../images/kefu/icon8.png);}/*联系我们*/ .pc_kefu dl dt i.ico9{background-image:url(../images/kefu/icon9.png);}/*分享*/ .pc_kefu dl dt i.ico10{background-image:url(../images/kefu/icon10.png);}/*返回*/ @media (max-width:1023px){ .pc_kefu{display: none;} } /** PC在线客服 ====================================================================================*/ /** MOB在线客服 ====================================================================================*/ .mob_kefu{display: none;} @media (max-width:1023px){ .mob_kefu{display:flex; position: fixed; bottom: 0px;left: 0px; width: 100%;background-color: #0053cc; z-index: 999; box-shadow:0 0 15px rgba(0,0,0,0.35);} .mob_kefu li{ color: #fff; padding: 10px 0px 10px 0px; width: 25%; float: left; text-align: center;} .mob_kefu li a{ display: block; color: #fff; font-size: 0.56rem;} .mob_kefu li a img{width: 25px;} .mob_kefu li a p{padding-top: 5px;} .mob_kefu_tel{width: 50px;position: absolute;left: calc(50% - 25px);top: -25px;animation: mob_kefu_teltiao 2s infinite;} .mob_kefu_tel img{width: 100%;} } @keyframes mob_kefu_teltiao { 0%, 20%, 53%, 80%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } 40%, 43% { -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -14px, 0); transform: translate3d(0, -14px, 0); } 70% { -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -6px, 0); transform: translate3d(0, -6px, 0); } 90% { -webkit-transform: translate3d(0,-1px,0); transform: translate3d(0,-1px,0); } } /** MOB在线客服 ====================================================================================*/ /** 手机微信弹出 ====================================================================================*/ @media (max-width:1023px){ .zhezhaoBox{position:fixed;width:100%;height:100%;background-color:rgba(0,0,0,.5);top:0;left:0;z-index:99999;} .wx_Box{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:80%;background-color:#fff;text-align:center;font-size:14px;padding:20px;border-radius:30px;z-index:999999;} .wx_Box>p{margin-top:10px} .wx_Box>img{width:60px;height:60px} .wx_Txt1{font-size:18px;font-weight:700;} .wx_conBtn{width:auto; display: inline-block; padding: 0px 20px; height:40px;color:#fff;font-size:16px;line-height:40px;text-align:center;margin:auto;background-color:#1aad19;margin-top:20px} .wx_conBtn a{display:block;color:#fff} .wx_close{text-align:right} .wx_close>img{width:32px;height:32px;display:inline-block} } /** 手机微信弹出 ====================================================================================*/