/* CSS Document*/ * { padding: 0px; margin: 0px; outline: 0 none; } a { text-decoration: none; color: #666; transition: all 0.5s ease 0s; } a:focus { outline: none; } a:hover { color: #0e2a75; text-decoration: none; } ul { list-style-type: none; margin-bottom: 0px; } li { vertical-align: bottom; zoom: 1; } img { border: 0px; } select { font-family: "pingfang SC", "Microsoft YaHei", "黑体"; color: #666; font-size: 12px; } textarea { font-family: "pingfang SC", "Microsoft YaHei", "黑体"; color: #666; font-size: 12px; outline: none; } table { border-collapse: collapse; border-spacing: 0px; } th, td { padding: 0; } input { vertical-align: middle; outline: none; font-size: 12px; font-family: "pingfang SC", "Microsoft YaHei", "黑体"; } .clearfix:before, .clearfix:after { content: " "; display: block; height: 0; visibility: hidden; clear: both; overflow: hidden; } .clearfix { zoom: 1; } .clearfix:after { clear: both; } .hidden { display: none; } h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: inherit; margin: 0px; } p { margin: 0px; } em, i { font-style: normal; } .fl { float: left; } .fr { float: right; } input[type="button"], input[type="submit"], input[type="reset"] { -webkit-appearance: none; } input::-webkit-input-placeholder { color: #999; } input::-moz-input-placeholder { color: #999; } input::-ms-input-placeholder { color: #999; } textarea::-webkit-input-placeholder { color: #999; } textarea::-moz-input-placeholder { color: #999; } textarea::-ms-input-placeholder { color: #999; } body { font-family: "pingfang SC", "Microsoft YaHei", "黑体"; background: #fff; color: #666; font-size: 12px; min-width: 1200px; overflow-x: hidden; } .container { margin: 0px auto; max-width: 1560px; padding: 0px 80px; margin: 0px auto; width: 100%; box-sizing: border-box; } .top { height: 80px; top: 0px; width: 100vw; position: fixed; z-index: 10; transition: all 0.2s ease 0s; border-bottom: 1px solid rgba(255, 255, 255, 0.2); box-sizing: border-box; } .top .container { position: relative; display: flex; justify-content: space-between; align-items: center; height: 100%; } .top.scope { background: #fff; } .top .logo { width: 124px; height: 100%; display: flex; align-items: center; } .top .logo img { width: 100%; height: auto; } .top .logo img:nth-child(2) { display: none; } .top.scope .logo img:nth-child(1) { display: none; } .top.scope .logo img:nth-child(2) { display: block; } .top.scope .nav_r .tel { display: none; } .nav_r { width: calc(100% - 280px); } .nav { z-index: 10; display: flex; align-items: center; height: 80px; border-radius: 0px 0px 6px 0px; justify-content: flex-end; } .nav .nLi { height: 100%; position: relative; } .nav li { display: flex; align-items: center; } .nav .nLi h3 { position: relative; height: 100%; display: flex; align-items: center; } .nav .nLi h3 a { display: block; width: 120px; margin: 0px 5px; font-size: 16px; position: relative; text-align: center; line-height: 80px; z-index: 2; transition: none; color: #fff; } .nav .nLi h3 a:hover::after { width: 100%; height: 100%; content: ''; background: url(../images/nav_hover.png) no-repeat top center; position: absolute; left: 0px; top: 0px; z-index: -1; } .nav .nLi h3 a.on::after { width: 100%; height: 100%; content: ''; background: url(../images/nav_hover.png) no-repeat top center; position: absolute; left: 0px; top: 0px; z-index: -1; } .nav .nLi:hover h3 a.on { color: #fff; } .nav .nLi:hover h3 a::before { width: 100%; height: 100%; content: ''; background: url(../images/nav_sanjiao.png) no-repeat bottom center; position: absolute; left: 0px; top: 0px; z-index: -1; } .nav .nLi:nth-child(1) h3 a::before { display: none; } .nav .nLi:nth-child(3) h3 a::before { display: none; } .nav .nLi:nth-child(4) h3 a::before { display: none; } .nav .nLi .sub { position: absolute; top: 80px; left: 0px; width: 100%; background: rgba(255, 255, 255, 0.8); display: none; padding: 10px 0px; } .nav .nLi:hover .sub { display: block; } .nav .nLi .sub a { display: block; text-align: center; line-height: 36px; font-size: 14px; } .nav .nLi .subb { position: fixed; top: 80px; left: 0px; width: 100vw; background: rgba(255, 255, 255, 0.8); display: none; } .nav .nLi:hover .subb { display: flex; } .nav .nLi .subb .hd { width: 40%; max-height: 420px; overflow-y: auto; } .nav .nLi .subb .hd ul li a { line-height: 70px; width: 100%; font-size: 16px; box-sizing: border-box; padding-right: 10%; display: flex; justify-content: flex-end; color: #333; } .nav .nLi .subb .hd ul li.on a { color: #0e2a75; background: rgba(255, 255, 255, 0.5); } .nav .nLi .subb .bd { width: 60%; padding: 10px 0px; padding-left: 50px; } .nav .nLi .subb .bd ul { height: 300px; overflow-x: auto; } .nav .nLi .subb .bd ul::-webkit-scrollbar { width: 5px; } .nav .nLi .subb .bd ul::-webkit-scrollbar-thumb { background: #4d74b8; } .nav .nLi .subb .bd ul h2 { display: flex; flex-wrap: wrap; width: 70%; padding: 10px 0px; } .nav .nLi .subb .bd ul h2 a { font-size: 14px; padding: 13px 0px; display: block; width: 25%; box-sizing: border-box; } .search { height: 100%; margin-left: 10px; color: #fff; } .search a{ color: #fff; font-size: 15px; display: flex; align-items: center; white-space: nowrap; } .search a i { font-size: 20px; color: #fff; margin-right: 5px; } .top.scope { border: 0px; box-shadow: 0px 0px 5px #ddd; } .top.scope .nav .nLi h3 a { color: #333; } .top.scope .nav .nLi h3 a.on { color: #0e2a75; } .top.scope .nav .nLi h3 a.on::after { display: none; } .top.scope .nav .nLi h3 a:hover { color: #0e2a75; } .top.scope .nav .nLi h3 a:hover::after { display: none; } .top.scope .search a i { color: #333; } .top.scope .search a{ color: #333; } .search_tc { position: fixed; z-index: 100; background: rgba(0, 0, 0, 0.9); width: 100%; height: 100%; top: 0px; left: 0px; display: flex; align-items: center; justify-content: center; transform: translateY(-100%); transition: all 0.3s ease; } .search_tc.into { position: fixed; transform: translateY(0%); transition: all 0.3s ease; } .search_tc .search_close { position: absolute; right: 3%; top: 3%; cursor: pointer; } .search_tc .search_nr { width: 60%; display: flex; } .search_tc .search_nr .select{ border: 0px; border-right: 1px solid #ddd; width: 110px; font-size: 15px; text-align: center; } .search_tc .search_nr .text { width: calc(100% - 180px); border: 0px; line-height: 70px; box-sizing: border-box; padding: 0px 5%; font-size: 18px; } .search_tc .search_nr .btn { width: 70px; height: 70px; background: url(../images/btn_search1.png) no-repeat; border: 0px; cursor: pointer; } .phone_btn { float: right; display: none; } .menu_box { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 99; background: rgba(0, 0, 0, 0.7); transform: translateX(-100%); transition: all 0.3s ease; } .menu_box.into { transform: translateX(0); } .menu_cot { width: 70%; height: 100%; background: #fff; transform: translateX(-100%); transition: all 0.3s ease; } .menu_box.into .menu_cot { transform: translateX(0); transition: all 0.3s 0.2s ease; } .menu_close { position: absolute; top: 0; right: 0%; width: 30%; height: 50px; z-index: 10; transform: translateX(-100%); transition: all 0.3s ease; } .menu_box.into .menu_close { transform: translateX(0); transition: all 0.3s 0.2s ease; } .menu_close a { padding: 10px; height: 100%; width: 100%; display: flex; align-items: flex-start; justify-content: center; box-sizing: border-box; } .menu_close img { width: 50px; height: auto; } .in_module { height: 100vh; width: 100%; } .in_module .section { height: 100%; background-size: cover; background-position: center center; } .in_module .swiper-pagination span { color: #fff; background: #fff; } .in_banner { height: 100%; background: #333; } .in_banner video { width: 100%; height: 100%; object-fit: contain; background: #000; } .in_banner .swiper-slide{ background-size: contain; background-repeat: no-repeat; background-position: center center; } .in_banner .container { height: 100%; width: 100%; display: flex; justify-content: center; flex-direction: column; color: #fff; } .in_banner .container h2 { font-size: 72px; margin-bottom: 2%; } .in_banner .container h3 { font-size: 30px; margin-bottom: 5%; } .in_banner .container span a { font-size: 16px; color: #fff; border: 1px solid #fff; padding: 10px 20px; } .in_banner .container span a:hover { background: #fff; color: #0e2a75; } .in_banner .phone_img { display: none; } .in_banner .qieh { position: absolute; width: 300px; left: 5%; bottom: 10%; display: flex; align-items: center; } .in_banner .swiper-button-next, .in_banner .swiper-button-prev { background: rgba(0, 0, 0, 0); border-radius: 50%; top: 30%; margin-top: 0; width: 100px; height: 50%; padding: 0; cursor: pointer; left: 0%; } .in_banner .swiper-button-next { left: auto; right: 0%; } .in_banner .swiper-button-next::after, .in_banner .swiper-button-prev::after { color: #fff; font-size: 40px; opacity: .5; } .in_banner .swiper-button-next:hover::after, .in_banner .swiper-button-prev:hover::after { opacity: 1; } .in_banner .swiper-pagination { color: rgba(0, 0, 0, 0); font-size: 20px; bottom: 5px; z-index: 1; width: 150px; left: 75px; display: flex; justify-content: space-between; position: relative; } .in_banner .swiper-pagination::after { width: 90px; height: 2px; background: rgba(255, 255, 255, 0.6); position: absolute; left: 30px; bottom: 13px; content: ''; } .in_banner .swiper-pagination::before { height: 2px; background: rgba(255, 255, 255, 1); position: absolute; left: 30px; bottom: 13px; content: ''; animation: qieh 6s linear infinite; } .in_banner1 .swiper-pagination .swiper-pagination-bullet { background: #fff; } .in_banner1 .swiper-pagination span { background: none; } .in_banner .gun { position: absolute; bottom: 5%; left: 50%; transform: translate(0, -50%); width: 24px; height: 46px; background: url(../images/tp2.png) no-repeat; z-index: 2; opacity: .5; } .in_banner .gun:hover { opacity: 1; } .in_banner .gun a{ display:block; width: 100%; height: 100%; } .in_banner .gun img { animation: arrows 1s linear infinite; position: absolute; left: 7px; } @keyframes arrows { 0% { top: 20px; opacity: 1; } 50% { top: 25px; } 100% { top: 30px; } } @keyframes qieh { 0% { width: 0px; } 100% { width: 90px; } } .in_box { height: 100%; } .in_box .swiper-slide { height: 100%; display: flex; align-items: center; justify-content: center; flex-direction: column; } .in_box .swiper-slide::after { content: ''; position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; background: rgba(0, 0, 0, 0.35); z-index: -1; } .in_box .swiper-slide:hover::after { background: rgba(0, 0, 0, 0); } .in_box .swiper-slide h2 img { width: 73px; height: auto; transform: rotateY(0deg); transition: all 0.6s ease; } .in_box .swiper-slide:hover h2 img { transform: rotateY(180deg); transition: all 0.6s ease; } .in_box .swiper-slide p { color: #fff; font-size: 24px; display: block; padding: 20px 0px; } .in_box .swiper-slide b { width: 32px; height: 4px; background-color: #ffffff; display: block; border-radius: 5px; } .in_box .swiper-slide span { position: absolute; bottom: 15%; left: 50%; transform: translate(-50%, 0); display: none; } .in_box .swiper-slide:hover span { display: block; } .in_box .swiper-slide span a { font-size: 16px; color: #fff; border: 1px solid #fff; padding: 10px 20px; } .in_box .swiper-slide span a:hover { background: #fff; color: #0e2a75; } .in_box .swiper-button-next, .in_box .swiper-button-prev { border-radius: 50%; width: 48px; height: 48px; background: rgba(255, 255, 255, 0.2); padding: 0; cursor: pointer; right: 80px; } .in_box .swiper-button-prev{ right: auto; left: 80px; } .in_box .swiper-button-next::after, .in_box .swiper-button-prev::after { color: #fff; font-size: 20px; } .in_box .swiper-button-next:hover::after, .in_box .swiper-button-prev:hover::after { opacity: 1; } .in_box1 { display: flex; justify-content: center; flex-direction: column; width: 100%; height: 100%; box-sizing: border-box; } .in_box1 .container { padding-top: 80px; position: relative; } .in_bt { display: flex; justify-content: space-between; align-items: center; } .in_bt h2 { font-size: 36px; color: #fff; } .in_bt h2 p { font-size: 18px; } .in_bt1 h2 { color: #333; } .in_bt1 p { color: #333; } .in_bt h3 a { color: #0e2a75; border: solid 1px #0e2a75; font-size: 16px; padding: 10px 20px; } .in_bt h3 a:hover { background: #0e2a75; color: #fff; } .in_box1_nr { padding-top: 5%; position: relative; } .in_box1_nr .swiper-slide { display: flex; justify-content: space-between; align-items: center; } .in_box1_nr .swiper-slide .left { width: 42%; overflow: hidden; } .in_box1_nr .swiper-slide .left img { width: 100%; height: auto; transform: scale(1); transition: all 0.5s ease; } .in_box1_nr .swiper-slide .left:hover img { transform: scale(1.05); transition: all 0.5s ease; } .in_box1_nr .swiper-slide .right { width: 58%; background: url(../images/in_box1_xbj.png) no-repeat right bottom #f6f6f6; background-size: 30%; box-sizing: border-box; padding: 40px; } .in_box1_nr .swiper-slide .right h2 { display: flex; align-items: center; font-size: 24px; color: #333; position: relative; } .in_box1_nr .swiper-slide .right h2 b { display: block; width: 30px; height: 2px; background-color: #0e2a75; position: absolute; left: -40px; } .in_box1_nr .swiper-slide .right p { font-size: 15px; line-height: 26px; display: block; padding: 5% 0px; } .in_box1_nr .swiper-slide .right span { display: block; } .in_box1_nr .swiper-slide .right span a { font-size: 14px; color: #333; border: 1px solid #999; padding: 10px 20px; display: inline-block; } .in_box1_nr .swiper-slide .right span a:hover { background: #0e2a75; border: 1px solid #0e2a75; color: #fff; } .in_box1 .container .in_box1_swiper-button-prev, .in_box1 .container .in_box1_swiper-button-next { background: rgba(255, 255, 255, 0.2); width: 40px; height: 40px; border-radius: 2px; top: -40px; right: 0px; } .in_box1 .container .in_box1_swiper-button-prev { left: auto; right: 45px; } .in_box1 .in_box1_swiper-button-prev::after, .in_box1 .in_box1_swiper-button-next::after { color: #fff; font-size: 20px; } .in_box2 { display: flex; justify-content: center; flex-direction: column; width: 100%; height: 100%; box-sizing: border-box; } .in_box2 .container { padding-top: 80px; position: relative; display: flex; justify-content: space-between; } .in_box2_l { width: calc(100% - 200px); max-width: 818px; color: #fff; } .in_box2_l h2 { font-size: 36px; } .in_box2_l p { font-size: 16px; line-height: 32px; } .in_box2_l span { display: block; padding-top: 8%; } .in_box2_l span a { font-size: 16px; color: #0e2a75; background: #fff; padding: 15px 30px; display: inline-block; } .in_box2_l span a:hover { background: #0e2a75; color: #fff; } .in_box2_r { width: 140px; color: #fff; } .in_box2_r ul { height: 100%; } .in_box2_r ul li { height: 33.3%; text-align: center; height: 150px; } .in_box2_r ul li h2 { font-size: 18px; } .in_box2_r ul li h2 b { font-size: 44px; padding-right: 5px; } .in_box2_r ul li p { font-size: 16px; } .section1 { height: auto; } .in_box3 { background: url(../images/in_box3_bj.png) no-repeat right #f6f6f6; padding-top: 100px; } .in_box3_nr { padding: 6% 0px; } .in_box3_news { display: flex; justify-content: space-between; padding-top: 5%; } .in_box3_news_l { width: 50%; display: flex; } .in_box3_news_l .img { width: 45%; overflow: hidden; } .in_box3_news_l .img img { width: 100%; height: auto; transform: scale(1); transition: all 0.5s ease; } .in_box3_news_l .img a:hover img { transform: scale(1.05); transition: all 0.5s ease; } .in_box3_news_l .nr { width: 55%; box-sizing: border-box; padding-left: 30px; position: relative; } .in_box3_news_l .nr h2 a { font-size: 24px; color: #333; position: relative; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .in_box3_news_l .nr b { display: block; width: 22px; height: 2px; background-color: #0e2a75; position: absolute; left: 0px; top: 15px; } .in_box3_news_l .nr h3 { padding: 15px 0px; font-size: 13px; } .in_box3_news_l .nr p { font-size: 15px; line-height: 26px; display: block; overflow: hidden; /* 三行显示省略号 */ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; } .in_box3_news_l .nr span a { font-size: 14px; color: #333; margin-top: 20px; display: block; } .in_box3_news_l .nr a:hover { color: #0e2a75; } .in_box3_news_r { width: 43%; } .in_box3_news_r ul li { display: flex; line-height: 30px; padding-bottom: 20px; } .in_box3_news_r ul li span { width: 100px; font-size: 13px; color: #999; } .in_box3_news_r ul li h2 { width: calc(100% - 100px); } .in_box3_news_r ul li h2 a { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 18px; color: #333; } .in_box3_news_r ul li h2 a:hover { color: #0e2a75; } .di { background: #333; } .di1 { border-bottom: 1px solid #666; padding-top: 100px; padding-bottom: 35px; display: flex; justify-content: space-between; color: #fff; } .di1 .di1_l { width: 250px; } .di1 .di1_l h2 img { width: 159px; } .di1 .di1_l h3 { display: flex; padding: 40px 0px; font-size: 17px; } .di1 .di1_l h3 a { padding: 0px 20px; color: #fff; font-size: 20px; position: relative; } .di1 .di1_l h3 a b{ position: absolute; left: -20px; bottom: 30px; display: none; } .di1 .di1_l h3 a:hover b{ display: block; } .di1 .di1_l h3 a b img{ width: 110px; height: 110px; } .di1 .di1_l p { font-size: 14px; line-height: 26px; } .di1_r { width: calc(100% - 300px); } .di1_r ul { display: flex; } .di1_r ul li { width: 20%; text-align: left; } .di1_r ul li h2 a { display: block; font-size: 17px; color: #fff; padding-bottom: 10px; white-space: nowrap; } .di1_r ul li p a { display: block; color: #f1f1f1; font-size: 14px; padding: 10px 0px; } .di2 { padding: 10px 0px; color: #f1f1f1; font-size: 13px; display: flex; justify-content: space-between; } .di2 a { color: #f1f1f1; } .ny_banner { height: 440px; background-size: cover; background-position: center center; } .ny_banner .container { height: 100%; display: flex; align-items: center; justify-content: center; flex-direction: column; color: #fff; text-shadow: 0px 0px 5px #333; } .ny_banner .container h2 { font-size: 45px; } .ny_banner .container p { font-size: 22px; } .ny_nav { height: 80px; width: 100%; box-shadow: 2px 3px 12px 0px rgba(207, 222, 232, 0.54); box-sizing: border-box; padding: 0px 80px; } .ny_nav .container { white-space: nowrap; overflow-x: auto; max-width: 1400px; padding: 0px; } .ny_nav .container a { flex: 1; text-align: center; display: inline-block; font-size: 18px; color: #333; position: relative; padding: 0px 10px; white-space: nowrap; background: rgba(255, 255, 255, 0.9); line-height: 80px; } .ny_nav .container a::after { content: ''; width: 1px; height: 40px; background: #d4d4d4; position: absolute; right: 0px; top: 20px; } .ny_nav .container a:nth-last-child(1):after { width: 0px; } .ny_nav .container a:hover { color: #0055a6; } .ny_nav .container a.on { color: #0055a6; } .ny_nav .container a b { display: block; width: 32px; height: 2px; background-color: #fff; position: absolute; bottom: 20px; left: 50%; transform: translate(-50%, 0); } .ny_nav .container a.on b { background: #0055a6; } .pro { padding: 50px 0px; overflow-x: auto; } .pro table { width: 100%; } .pro table tr th { background: #0055a6; font-size: 17px; padding: 25px 0px; color: #fff; border: 1px solid #fff; text-align: center; } .pro table tr td { font-size: 15px; padding: 20px 0px; text-align: center; border: 1px solid #fff; cursor: pointer; } .pro table tr:nth-child(odd) { background: #f2f2f2; } .pro table tr:hover { background: #e5f2ff; } .fanye { padding-top: 30px; text-align: center; } .pro_detail { padding: 50px 0px; } .pro_detail1 { background: #fafafa; border-top: 3px solid #0055a6; box-sizing: border-box; padding: 30px; display: flex; align-items: center; justify-content: space-between; } .pro_detail1_l { width: 425px; display: flex; flex-direction: column; align-items: center; justify-content: center; } .pro_detail1_l img { max-width: 100%; width: auto; height: auto; } .pro_detail1_l p { text-align: center; font-size: 17px; padding-top: 10px; color: #333; } .pro_detail1_r { width: calc(100% - 500px); } .pro_detail1_r .bt h2 { font-size: 30px; color: #333; padding-bottom: 15px; } .pro_detail1_r .bt p { font-size: 15px; line-height: 26px; } .pro_detail1_r .zb { padding: 20px 0px; } .pro_detail1_r .zb .xbt { color: #0e2a75; font-size: 18px; padding-bottom: 10px; } .pro_detail1_r .zb ul { display: flex; flex-wrap: wrap; } .pro_detail1_r .zb ul li { font-size: 15px; line-height: 28px; width: 50%; } .pro_detail1_r .xiaz a { display: flex; } .pro_detail1_r .xiaz a i { width: 42px; height: 42px; background-color: #0055a6; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 20px; margin-right: 15px; } .pro_detail1_r .xiaz a p { font-size: 15px; color: #333; } .pro_detail1_r .xiaz a:hover p { color: #0055a6; } .pro_detail2 { height: 64px; display: flex; background: #f2f2f2; } .pro_detail2 a { line-height: 64px; font-size: 16px; flex: 1; text-align: center; position: relative; white-space: nowrap; color: #333; } .pro_detail2 a::after { width: 1px; height: 16px; display: block; background: #ccc; content: ''; position: absolute; right: 0px; top: 25px; } .pro_detail2 a:nth-last-child(1):after { width: 0px; } .dingwei { padding-top: 80px; margin-top: -80px; } .pro_detail3 { padding-top: 60px; } .pro_detail3 .bt { border-bottom: 1px solid #ddd; font-size: 24px; color: #0e2a75; display: flex; align-items: center; padding-bottom: 10px; } .pro_detail3 .bt b { width: 2px; height: 20px; background-color: #0e2a75; display: block; margin-right: 15px; } .pro_detail3 .nr { padding: 20px 0px; } .pro_detail3 .nr img { max-width: 100%; width: auto; height: auto; } .pro_detail3 .nr p { font-size: 15px; line-height: 30px; } .solution { padding: 50px 0px; } .solution ul li { padding: 50px 0px; } .solution ul li .container { display: flex; justify-content: space-between; } .solution ul li .left { width: 47%; overflow: hidden; } .solution ul li .left img { width: 100%; height: auto; transform: scale(1); transition: all 0.5s ease 0s; } .solution ul li .left:hover img { transform: scale(1.05); transition: all 0.5s ease 0s; } .solution ul li .right { width: 47%; } .solution ul li .right h2 { font-size: 30px; color: #333; } .solution ul li .right p { font-size: 15px; line-height: 26px; display: block; padding: 30px 0px; } .solution ul li .right dl { display: flex; } .solution ul li .right dl dd { width: 25%; font-size: 17px; color: #333; display: flex; align-items: center; } .solution ul li .right dl dd b { width: 6px; height: 6px; background-color: #0e2a75; display: block; margin-right: 8px; } .solution ul li .right span { display: block; padding-top: 30px; } .solution ul li .right span a { font-size: 14px; color: #0e2a75; border: 1px solid #0e2a75; padding: 10px 20px; display: inline-block; } .solution ul li .right span a:hover { background: #0e2a75; color: #fff; } .solution ul li:nth-child(even) { background: #f7f7f7; } .solution ul li:nth-child(even) .container { flex-direction: row-reverse; } .solution_banner { padding: 190px 0px 70px 0px; color: #fff; background-size: cover; background-position: center center; } .solution_banner h2 { font-size: 36px; max-width: 880px; padding-bottom: 20px; } .solution_banner p { font-size: 16px; max-width: 880px; line-height: 30px; } .solution_detail .solution_box { padding: 50px 0px; } .solution_detail .solution_box .container{ max-width: 1200px; margin: 0px auto; } .solution_detail .solution_box:nth-child(even) { background: #f7f7f7; } .solution_detail .solution_box .bt { text-align: center; color: #0e2a75; font-size: 30px; padding-bottom: 20px; } .solution_detail .solution_box .nr { padding: 20px 0px; } .solution_detail .solution_box .nr img { max-width: 100%; width: auto; height: auto; } .solution_detail .solution_box .nr p { font-size: 15px; line-height: 30px; } .solution_detail .solution_box .swiper-slide img { width: 100%; height: auto; } .solution_detail .solution_box .swiper-slide h2 { position: absolute; bottom: 0px; width: 100%; background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8)); line-height: 60px; font-size: 17px; text-align: center; color: #fff; } .about_box { padding: 70px 0px; background: url(../images/about_bj.png) no-repeat; background-size: cover; } .about_bt { text-align: center; font-size: 36px; color: #333; padding-bottom: 50px; } .about_box_nr { display: flex; justify-content: space-between; align-items: center; } .about_box_nr_l { width: 600px; } .about_box_nr_l img { width: 100%; height: auto; } .about_box_nr_r { width: calc(100% - 650px); color: #333; } .about_box_nr_r h2 { font-size: 32px; } .about_box_nr_r h3 { font-size: 20px; padding: 10px 0px; } .about_box_nr_r p { font-size: 15px; line-height: 28px; display: block; padding-bottom: 10px; } .about_box1 .about_box_nr { flex-direction: row-reverse; } .about_box_nr1 { display: flex; width: 100%; margin-top: 60px; } .about_box_nr1 li { flex: 1; font-size: 16px; color: #333; border-right: 1px solid #ddd; text-align: center; } .about_box_nr1 li:nth-last-child(1) { border-right: 0px; } .about_box_nr1 li p:nth-child(1) { color: #0055a6; } .about_box_nr1 li p b { font-size: 45px; padding-right: 10px; } .about_box2 { padding: 70px 0px; } .about_box2_box { background: url(../images/about_box_bj.png) repeat-x top; padding-top: 30px; margin-top: 30px; } .about_box2_box .swiper-slide { font-size: 22px; color: #aeaeae; text-align: center; cursor: pointer; } .about_box2_box .swiper-slide b { width: 6px; height: 6px; background-color: #aeaeae; display: block; border-radius: 50%; margin: 0px auto; } .about_box2_box .swiper-slide-thumb-active { color: #4d74b8; } .about_box2_box .swiper-slide-thumb-active b { background: #4d74b8; } .about_box2_box2 .swiper-slide { display: flex; justify-content: space-between; padding: 0px 5%; box-sizing: border-box; } .about_box2_box2 .swiper-slide .left { width: 465px; } .about_box2_box2 .swiper-slide .left img { width: 100%; height: auto; border-radius: 50px 0px 50px 0px; } .about_box2_box2 .swiper-slide .right { width: calc(100% - 500px); max-width: 800px; } .about_box2_box2 .swiper-slide .right h2 { font-size: 30px; color: #0055a6; } .about_box2_box2 .swiper-slide .right b { display: block; width: 48px; height: 2px; background-color: #0055a6; margin: 25px 0px; } .about_box2_box2 .swiper-slide .right p { font-size: 16px; color: #333; line-height: 30px; } .about_box2_box2 .swiper-button-next, .about_box2_box2 .swiper-button-prev { width: 27px; height: 7px; background: url(../images/about_box_prev.png) no-repeat; top: auto; bottom: 30px; } .about_box2_box2 .swiper-button-next::after, .about_box2_box2 .swiper-button-prev::after { display: none; } .about_box2_box2 .swiper-button-next { transform: rotate(180deg); } .about_box2_box2 .swiper-button-prev { left: 600px; } .about_box3 { padding: 70px 0px; background: url(../images/about1_bj.png) no-repeat; background-size: cover; } .about_box3 ul { display: flex; justify-content: space-between; padding-top: 40px; } .about_box3 ul li { width: 20%; } .about_box3 ul li .icon { width: 99px; height: 99px; border: 1px solid #1952d3; border-radius: 50%; margin: 0px auto; display: flex; align-items: center; justify-content: center; transform: rotateY(0deg); transition: all 0.6s ease; } .about_box3 ul li .icon img:nth-child(2) { display: none; } .about_box3 ul li:hover .icon { background: #1952d3; transform: rotateY(180deg); transition: all 0.6s ease; } .about_box3 ul li:hover .icon img:nth-child(1) { display: none; } .about_box3 ul li:hover .icon img:nth-child(2) { display: block; } .about_box3 ul li p { font-size: 20px; color: #333; padding-top: 10px; text-align: center; } .about_box4 { padding: 50px 0px; } .about_box4 ul { display: flex; flex-wrap: wrap; margin: 0px -15px; } .about_box4 ul li { width: calc(33.3% - 30px); margin: 0px 15px; height: 290px; position: relative; background-size: cover; background-position: center center; margin-bottom: 35px; overflow: hidden; } .about_box4 ul li a { position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; color: #fff; background-size: cover; background-position: center center; } .about_box4 ul li a:hover { transform: scale(1.05); } .about_box4 ul li a::after { position: absolute; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.35); left: 0px; top: 0px; content: ''; z-index: 0; } .about_box4 ul li a h2 { position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; font-size: 20px; display: flex; align-items: center; justify-content: center; z-index: 1; } .about_box4 ul li:nth-child(1), .about_box4 ul li:nth-child(2) { width: calc(50% - 30px); } .about_box4 .more{ text-align: center; } .about_box4 .more a{ display: inline-block; margin: 0px auto; font-size: 17px; padding: 10px 60px; border: 1px solid #0055a6; background: #0055a6; color: #fff; } .news_detail { padding: 70px 0px; max-width: 1200px; margin: 0px auto; } .news_detail .bt { text-align: center; border-bottom: 1px solid #ddd; } .news_detail .bt h2 { font-size: 26px; color: #000; } .news_detail .bt h3 { font-size: 16px; color: #999; padding: 15px 0px; text-align: left; } .news_detail .bt h3 span { color: #0055a6; padding-right: 15px; } .news_detail .nr { padding-top: 10px; } .news_detail .nr p { font-size: 15px; line-height: 30px; display: block; padding-bottom: 15px; } .news_detail .nr img { max-width: 100%; width: auto; height: auto; } .news_detail .fanhui { border-top: 1px solid #ddd; padding: 30px 0px; display: flex; justify-content: space-between; align-items: center; } .news_detail .fanhui .left { width: calc(100% - 250px); } .news_detail .fanhui .left p { font-size: 17px; color: #333; padding: 5px 0px; } .news_detail .fanhui .left p a { color: #333; } .news_detail .fanhui .left p a:hover { color: #333; } .news_detail .fanhui .right { width: 200px; text-align: right; } .news_detail .fanhui .right a { width: 170px; height: 45px; border: solid 1px #ddd; font-size: 17px; color: #333; text-align: center; line-height: 45px; display: inline-block; } .news_detail .fanhui .right a:hover { background: #333; color: #fff; } .news_box { padding: 50px 0px; position: relative; } .news_box ul { margin: 0px -10px; } .news_box ul li { background-color: #f5f5f5; margin-bottom: 60px; } .news_box ul li:nth-last-child(1) { margin-bottom: 0px; } .news_box ul li a { display: flex; justify-content: space-between; box-sizing: border-box; } .news_box ul li:hover { box-shadow: 1px 2px 10px 0px rgba(26, 38, 75, 0.1); } .news_box ul li a .img { width: 520px; overflow: hidden; } .news_box ul li a .img img { width: 100%; height: auto; transition: all 0.5s ease 0s; } .news_box ul li a:hover .img img { transform: scale(1.05); transition: all 0.5s ease 0s; } .news_box ul li a .nr { width: calc(100% - 520px); box-sizing: border-box; padding: 20px 30px; } .news_box ul li a .nr h2 { font-size: 24px; font-weight: bold; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .news_box ul li a:hover .nr h2 { color: #0055a6; } .news_box ul li a .nr h3 { color: #333; font-size: 16px; padding: 15px 0px; } .news_box ul li a .nr p { font-size: 16px; line-height: 30px; display: block; color: #666; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; } .news_box ul li a .nr span { display: block; padding-top: 30px; text-align: right; font-size: 15px; color: #0055a6; } .news_box ul li a:hover .nr span { color: #0055a6; } .contact_box { padding: 50px 0px; } .contact_box .bt { padding-bottom: 70px; text-align: center; font-size: 40px; color: #333; } .contact_box ul { display: flex; } .contact_box ul li { width: 30.33%; margin: 0px 1.5%; background-color: #f5f5f5; border-radius: 6px; text-align: center; box-sizing: border-box; padding: 3%; } .contact_box ul li h2 img{ transition: all 0.5s ease 0s; } .contact_box ul li:hover h2 img{ transform: rotatey(180deg); transition: all 0.5s ease 0s; } .contact_box ul li h3 { font-size: 16px; color: #333; padding: 15px 0px; } .contact_box ul li p { font-size: 14px; line-height: 26px; color: #333; } .contact_box1 { padding-bottom: 50px; display: flex; } .contact_box1 .map { width: 100%; height: 550px; } .hr { display: flex; justify-content: space-between; align-items: center; padding: 60px 0px; } .hr h2 { font-size: 30px; color: #333; } .hr h3 { font-size: 16px; line-height: 32px; } .jobli { margin-bottom: 50px; } .jobli li { width: 100%; position: relative; box-sizing: border-box; margin-bottom: 15px; } .jobli li .link .nr { width: 100%; display: flex; justify-content: space-between; background: #f2f2f2; box-sizing: border-box; padding: 0px 25px; cursor: pointer; } .jobli li .link .nr h2 { font-size: 17px; display: block; text-align: center; line-height: 52px; } .jobli li.open .link .tbanchor i { transform: rotate(180deg); } .jobli li .link span.tbanchor { display: flex; align-items: center; justify-content: center; font-size: 14px; } .jobli li .link span.tbanchor i { font-size: 20px; margin-left: 10px; } .jobli li.open .link .nr { background: #0055a6; } .jobli li.open .link .nr h2 { color: #fff; } .jobli li.open .link .nr span { color: #fff; } .jobli li .jobnr { background: #f9f9f9; padding: 20px 40px; font-size: 14px; } .jobli li .jobnr .zc dd { width: 100%; padding-bottom: 25px; } .jobli li .jobnr .zc dd h2 { font-size: 17px; color: #333; padding-bottom: 15px; } .jobli li .jobnr .zc dd p { font-size: 15px; line-height: 26px; }