*:before, *:after { -webkit-box-sizing: border-box; box-sizing: border-box; } html { overflow-x: hidden; } body { overflow-x: hidden; font-family: '黑体'; } body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, select, p, blockquote, th, td, section { margin: 0; padding: 0; } hr { border-top: 1px solid #000; margin-top: 4px; margin-bottom: 4px; } button, html input[type='button'], input[type='reset'], input[type='submit'] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ } a:focus { outline: none; } a:hover { text-decoration: none; } body, input, textarea, select, button { text-rendering: optimizeLegibility; /* 1 */ -webkit-font-smoothing: antialiased; /* 2 */ -moz-osx-font-smoothing: grayscale; /* 3 Default: auto */ -moz-font-feature-settings: 'liga', 'kern'; } select { -webkit-appearance: none; /*去除系统默认的样式*/ -webkit-tap-highlight-color: rgba(0, 0, 0, 0); /* 点击高亮的颜色*/ } select::-ms-expand { display: none; } em { font-style: normal; } button, input, optgroup, select, textarea { color: inherit; /* 1 */ font: inherit; /* 2 */ margin: 0; /* 3 */ } button, input { border: 0; line-height: normal; } input[type='file'] { width: 66px; } button, select { text-transform: none; } input[type='button'], input[type='text'] { -webkit-appearance: none; outline: none; } li, dd, dl { list-style: none; margin: 0px; padding: 0px; -webkit-box-sizing: border-box; box-sizing: border-box; } .clear { clear: both; } .banner { width: 100%; position: relative; } .ny-banner { height: auto; } .banner .swiper-container .swiper-slide > img { width: 100%; } .banner .swiper-container .swiper-slide { position: relative; } .banner .swiper-container .swiper-slide .banner_video { position: absolute; left: 0; top: 0px; z-index: -1 !important; width: 100%; height: 100%; } .nybanner { padding-top: 108px; } .cpbanner { padding-top: 0; } .nybanner > img { width: 100%; } .banner .swiper-pagination-bullet { width: 40px; height: 6px; background: #fff; opacity: 1; border-radius: 3px; } .banner .swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 80px; } .banner .swiper-pagination-bullet-active { background: #f4b16c; } .banner-box { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 99; width: 1200px; height: 100%; } .banner-box .banner-center { max-width: 1200px; margin: 0 auto; position: absolute; top: 50%; transform: translateY(-50%); } .banner-box1 { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 99; width: 1200px; height: 100%; } .banner-box1 .banner-center { max-width: 70%; margin: 0 auto; position: absolute; top: 50%; transform: translateY(-50%); padding: 30px; background: rgba(255, 255, 255, 0.4); border-radius: 5px; border: 1px solid #fff; } /* 第一张图片的文字设置 */ .banner-center h3 { /* font-size: 54px; */ font-size: 45px; font-weight: bold; } .banner-center p { font-size: 24px; /* color: #fff; */ color: #000; margin: 20px 0; } .banner-center a { display: inline-block; width: 162px; height: 48px; line-height: 48px; font-size: 14px; color: #fff; background: #d49579; text-align: center; } .banner-center a img { margin-left: 8px; } .top-wrap { position: absolute; left: 0; top: 0; width: 100%; z-index: 99; } .top-wrap .top-main { max-width: 1230px; margin: 0 auto; padding: 40px 0; } .nytop-wrap .top-main { padding: 20px 0; } .nytop-wrap { background: #ffffff; border-bottom: 3px solid #6eabff; } .nytop-wrap .logo img:last-of-type { display: inline-block; } .nytop-wrap .logo img:first-of-type { display: none; } .top-main .logo img:last-of-type { display: none; } .top-main .logo img:first-of-type { display: inline-block; } .top-main .nav { float: right; margin-top: 24px; } .nav > ul > li { float: left; margin-left: 30px; position: relative; padding-bottom: 40px; } .nav > ul > li a { display: inline-block; font-size: 16px; color: #fff; } .nav > ul > li a:hover { color: #f4b16c; } .nav > ul > li a img { margin-left: 5px; } .nytop-wrap .nav > ul > li > a { color: #747774; } .nytop-wrap .nav > ul > li > a:hover { color: #d49579; } .nytop-wrap .nav > ul > li:last-of-type img { cursor: pointer; } .nytop-wrap .nav > ul > li:last-of-type img:first-of-type { display: none; } .nytop-wrap .nav > ul > li:last-of-type a:after { background: #e6e6e6; } .nav > ul > li:last-of-type a { display: inline-block; padding-right: 12px; position: relative; margin-right: 12px; } .nav > ul > li:last-of-type a:after { content: ''; display: inline-block; width: 1px; height: 12px; background: #fff; right: 0; top: 5px; position: absolute; } .nav > ul > li:last-of-type img { transform: translateY(-3px); } .nav-menu { position: absolute; top: 45px; left: 50%; transform: translateX(-50%); background: rgba(32, 138, 204, 0.83); padding: 50px; /* 修改padding-right距离 */ padding-right: 30px; width: 650px; display: none; } .nav-menu .menu-img { float: left; padding-right: 40px; margin-right: 40px; border-right: 1px solid #a3c8ff; } .nav-menu > span { display: inline-block; border-left: 14px solid transparent; border-right: 14px solid transparent; border-bottom: 14px solid rgba(32, 138, 204, 0.83); position: absolute; top: -14px; left: 50%; transform: translateX(-50%); } .nav-menu .menu-img a { position: relative; } .nav-menu .menu-img a span { position: absolute; right: 20px; bottom: 12px; display: inline-block; width: 100px; height: 30px; color: #fff; text-align: center; line-height: 30px; background: #d49579; font-size: 14px; } .menu-li { float: left; width: 160px; } .menu-li ul li { display: inline-block; width: 100%; line-height: 32px; border-bottom: 1px dashed #d6dbe1; /* 文字不换行 */ white-space: nowrap; } .menu-li h3 { font-size: 18px; color: #fff; margin-bottom: 10px; font-weight: bold; } .menu-li ul li a { display: inline-block; width: 100%; transition: all 0.5s; color: #fff; } .menu-li ul li:hover a { padding-left: 10px; } .top-wrap { width: 100%; } /*手机端导航样式*/ .yd-nav { z-index: 99; cursor: pointer; width: 48px; height: 48px; position: absolute; right: 15px; top: 21px; display: none; } .yd-menu { position: fixed; right: -260px; top: 0; background: #fff; padding: 15px 0; width: 260px; height: 100%; text-align: left; z-index: 999; transition: all 0.3s; overflow: auto; } .yd-menu ul li a img, .menu2 ul li img { position: absolute; right: 30px; top: 17px; width: 20px; transition: all 0.3s; } .yd-menu ul li a { position: relative; display: inline-block; padding: 17px 15px 18px; color: #262626; font-family: ubm; font-size: 14px; width: 100%; border-bottom: 1px solid #ebeaea; } .yd-menu ul li .menu2 ul li { position: relative; border-bottom: 1px solid #ebeaea; display: inline-block; padding: 17px 15px 18px 20px; font-family: ubm; font-size: 14px; width: 100%; color: #777; } .yd-menu ul li { position: relative; } .yd-menu ul li > img { position: absolute; left: 1rem; top: 0rem; width: 0.4rem; } .yd-menu .menu2, .yd-menu .menu3 { display: none; } .visbox { width: 100%; height: 10000px; position: absolute; left: 0; top: 0; background: rgba(0, 0, 0, 0.75); z-index: 100; display: none; } .yd-nav2 { display: none; } .main1-wrap { width: 100%; padding: 88px 0 100px; } .main1 { max-width: 1200px; margin: 0 auto; overflow: hidden; } .main1-left { width: 536px; float: left; padding-left: 28px; } .main1-left > .topx { display: inline-block; width: 92px; height: 2px; background: #ebeef2; margin-bottom: 20px; } .main1-left h4 { font-size: 24px; font-weight: bolder; color: #333333; letter-spacing: 12px; } .main1-left > span { font-size: 16px; color: #3779db; } .main1-left > span .topx { display: inline-block; width: 52px; height: 2px; background: #ebeef2; margin-left: 177px; } .main1-box { margin-top: 55px; width: 100%; padding: 60px; background: url(../img/main1bac.png) no-repeat center/cover; } .main1-box span { font-size: 14px; color: #fff; } .main1-box h3 { font-size: 18px; color: #fff; margin: 10px 0 20px; } /*.main1-box h3:hover{color:#1252b2}*/ .main1-box p { font-size: 14px; color: #fff; padding-left: 27px; position: relative; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .main1-box p:before { content: ''; display: inline-block; width: 1px; height: 37px; background: #cccccc; position: absolute; left: 0; top: 0; } .main1-box img { max-width: 100%; margin-top: 20px; } .main1-right { width: 585px; float: right; margin-top: 42px; } .main1-right > p { text-align: right; } .main1-right > p a { display: inline-block; font-size: 16px; color: #818181; margin: 0 15px; } .main1-right > p .this_a { color: #262626; } .main1-right > p a:hover { color: #262626; } .main1-right .main1-li { width: 100%; margin-top: 65px; } .main1-li ul li { padding: 33px 100px 33px 75px; border-bottom: 1px solid #ebf0f6; position: relative; transition: all 0.3s; } .main1-li ul li:first-of-type { border-top: 1px solid #ebf0f6; } .main1-li ul li h3 { font-size: 18px; color: #515151; margin-bottom: 15px; position: relative; } .main1-li ul li p { font-size: 14px; color: #949494; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .main1-li ul li span { font-size: 14px; color: #cbcbcb; position: absolute; bottom: 32px; right: 15px; } .main1-li ul li h3:before { content: ''; display: inline-block; position: absolute; width: 6px; height: 6px; background: #c6c9cc; border-radius: 50%; left: -25px; top: 7px; } .main1-li ul li:hover { border-color: #c7daf0; } .main1-li ul li:hover h3 { color: #1252b2; } .main1-li ul li:hover h3:before { background: #1252b2; } .main2-wrap { width: 100%; clear: both; background: url(../img/main2bac.png) no-repeat center; background-size: cover; padding: 100px 0; } .main2 { max-width: 1200px; margin: 0 auto; } .main2 h3 { font-size: 32px; font-weight: bolder; color: #fff; text-align: center; margin-bottom: 12px; } .main2 h4 { font-size: 18px; color: #cacaff; text-align: center; } .main2-box { width: 100%; overflow: hidden; margin-top: 60px; } .main2-box .main2-left { width: 484px; float: left; position: relative; overflow: hidden; position: relative; } .main2-left .more { font-size: 16px; color: #fff; position: absolute; right: 37px; bottom: 30px; border-bottom: 1px solid #fff; } .main2-left > img { width: 100%; display: none; } .main2-left > img:first-of-type { display: block; } .main2-left ul { position: absolute; left: 0; top: 50%; transform: translateY(-50%); } .main2-left ul li { padding: 15px 25px 15px 10px; transition: all 0.3s ease-in; cursor: pointer; background: #296fdb; border-radius: 0 50px 50px 0; margin-bottom: 27px; position: relative; left: -120px; min-width: 220px; } .main2-left ul .this_pro { left: 0; background: rgba(245, 173, 99, 0.8); } .main2-left ul .this_pro span:last-of-type { display: none; } .main2-left ul li span { font-weight: bold; color: #fff; } .main2-left ul li span:first-of-type { font-size: 20px; opacity: 0; } .main2-left ul li span:nth-of-type(2) { font-size: 24px; margin-left: 16px; position: absolute; right: 40px; top: 16px; } .main2-left ul li img { margin-left: 9px; margin-right: 15px; } .main2-left ul .this_pro span:first-of-type { opacity: 1; } .main2-left ul .this_pro img { display: inline-block; } .main2-right { float: right; width: 694px; } .main2-right > ul { overflow: hidden; display: none; } .main2-right > ul > li { width: 334px; float: left; overflow: hidden; border-radius: 8px; margin-right: 25px; background: #fff; margin-bottom: 25px; cursor: pointer; } .main2-right > ul > li > .pro-img:after { content: ''; display: inline-block; position: absolute; bottom: -3px; transition: all 0.3s; left: 0; width: 0; height: 3px; background: #2d51d3; } .main2-right > ul > li:hover > .pro-img:after { width: 100%; } .main2-right > ul > li:hover .pro-txt > p { color: #2d51d3; } .main2-right > ul > li:nth-of-type(2n) { margin-right: 0; } .pro-img { width: 100%; height: 80%; position: relative; border-bottom: 3px solid #edeff6; display: flex; justify-content: center; align-items: center; } .pro-img img { max-height: 100%; width: auto; } .main2-right > ul > li > .pro-txt { height: 20%; display: flex; justify-content: center; align-items: center; padding: 0 20px; } .main2-right > ul > li > .pro-txt a { display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; font-size: 16px; } .main2-right > ul > li > .pro-txt > p { text-align: center; font-size: 16px; color: #232323; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .main3-wrap { width: 100%; padding: 110px 0; } .main3 { max-width: 1160px; margin: 0 auto; } .main3 h3 { font-size: 32px; color: #333333; margin-bottom: 12px; text-align: center; font-weight: bolder; } .main3 h4 { font-size: 18px; color: #333333; text-align: center; } .main3-box { width: 100%; overflow: hidden; margin-top: 60px; } /*.main3-box .swiper-slide{width: 460px!important;}*/ .main3-box .swiper-slide { overflow: hidden; cursor: pointer; } .main3-box .swiper-slide .kybox { background: #f3f6f9; height: 275px; display: flex; justify-content: center; align-items: center; } .main3-box .swiper-slide-active .kybox { width: 460px; margin: 0 auto; background: linear-gradient(to bottom, #3470e2, #516bed); border-radius: 20px; } .main3-box .swiper-slide-active .kybox p { color: #fff; } .main3-box .swiper-slide .kybox img:first-of-type { display: none; } .main3-box .swiper-slide-active .kybox img:first-of-type { display: block; } .main3-box .swiper-slide-active .kybox img:nth-of-type(2) { display: none; } .main3-box .swiper-slide-active a { display: block; } .kybox img { display: block; margin: 0 auto; } .kybox p { text-align: center; font-size: 22px; color: #4f5255; margin: 16px 0; } .kybox a { font-size: 22px; color: #2c62b2; display: block; margin: 0 auto; text-align: center; width: 40px; line-height: 40px; height: 40px; background: #fff; border-radius: 50%; display: none; } .kybox a:hover { background: #f4b16c; } .main4-wrap { width: 100%; background: #e6edf3; padding: 120px 0; } .main4 { max-width: 1200px; margin: 0 auto; overflow: hidden; } .main4 .main4-left { width: 306px; float: left; position: relative; } .main4-left .bfbox { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); cursor: pointer; } .video-visbox { position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 999; display: none; } .video-visbox .video-zbox { background: rgba(0, 0, 0, 0.8); width: 100%; height: 100%; padding: 44px; display: flex; justify-content: center; align-items: center; } .video-visbox video { height: 100%; } .video-zbox img { position: absolute; right: 20px; top: 20px; z-index: 99; cursor: pointer; } .main4-right { float: right; width: 840px; } .main4 h2 { font-size: 32px; color: #2a72de; margin-bottom: 10px; font-weight: bold; } .main4 h3 { font-size: 18px; color: #767676; margin-bottom: 15px; } .main4 p { font-size: 16px; color: #7c7c7c; line-height: 30px; } .main4-box { margin: 30px 0; } .main4-box ul li { transition: all 0.3s; width: 178px; text-align: center; box-shadow: 0 0 10px #dfe2e5; cursor: pointer; margin-right: 9px; border-radius: 5px; padding: 30px 10px 30px 15px; background: #fff; border-right: 1px solid #cfd0d9; float: left; border-right: 0; } .main4-box ul li span { font-size: 26px; color: #2a72de; } .main4-box ul li a { transform: translateY(-15px); display: inline-block; font-size: 14px; } .main4-box ul li p { font-size: 14px; font-weight: bolder; color: #7c7c7c; } .main4-box ul li:hover { background: #2a72de; } .main4-box ul li:hover span { color: #fff; } .main4-box ul li:hover p { color: #fff; } .main4-box ul li .gy-img { width: 54px; height: 54px; margin-top: 5px; float: left; border-radius: 50%; background: #4886e3; display: flex; justify-content: center; align-items: center; } .main4-box ul li .gy-img img:last-of-type { display: none; } .main4-box ul li:hover .gy-img img:first-of-type { display: none; } .main4-box ul li:hover .gy-img img:last-of-type { display: block; } .main4-box ul li:hover .gy-img { background: #e1ebfa; } .main4-box ul li:hover a { color: #fff; } .main4-box ul li:hover { transform: translateY(-3px); } .main4-right > a { display: inline-block; width: 134px; height: 44px; line-height: 44px; font-size: 14px; color: #fff; text-align: center; background: #f4b16c; } footer { width: 100%; background: #08162a; } .footer { max-width: 1200px; margin: 0 auto; overflow: hidden; padding-top: 60px; } .footer .fotnav { float: left; width: 1050px; } .fotnav ul li { float: left; margin-right: 60px; max-width: 90px; } .fotnav ul li span { display: inline-block; width: 100%; margin-bottom: 20px; font-size: 18px; color: #ededed; font-weight: bold; } .fotnav ul li a { display: inline-block; width: 100%; font-size: 14px; color: #ededed; margin-bottom: 10px; } .fotnav ul li:last-of-type { max-width: 290px; margin-right: 0; } .fotnav ul li p { font-size: 14px; color: #ededed; line-height: 26px; } .footer .ewm { float: right; } .fotbot { width: 100%; margin-top: 60px; padding: 20px 0; border-top: 1px solid #ededed; } .yqbox { margin-bottom: 20px; } .yqbox span, .yqbox a { font-size: 14px; color: #ededed; display: inline-block; margin-right: 15px; } .copy { width: 100%; overflow: hidden; } .copy > span { font-size: 14px; color: #ededed; float: left; } .copy > div { float: right; } .copy > div span { font-size: 14px; color: #ededed; float: left; position: relative; } .copy > div span:first-of-type { margin-right: 6px; padding-right: 6px; } .copy > div span:first-of-type:after { content: ''; display: inline-block; width: 1px; height: 16px; background: #ededed; position: absolute; right: 0; top: 2px; } .nynav { width: 100%; position: absolute; bottom: 0; left: 0; text-align: center; background: rgba(255, 255, 255, 0.55); } .nynav a { display: inline-block; padding: 12px 34px; color: #3b3b3b; font-size: 16px; position: relative; font-weight: bold; } .nynav a:last-of-type:after { display: none; } .nynav a:after { content: ''; display: inline-block; width: 1px; height: 11px; background: #fff; position: absolute; right: 0; top: 20px; } .nynav .this_nav { color: #fff; background: #476bee; } .nynav .this_nav:after { display: none; } .jy-wrap { width: 100%; padding: 100px 0; } .jy-main { max-width: 1200px; margin: 0 auto; } .jy-nav { width: 100%; text-align: center; margin-bottom: 65px; } .jy-nav a { width: 200px; height: 55px; line-height: 55px; display: inline-block; box-shadow: 0 0 5px #eeeeee; text-align: center; color: #a4a4a4; font-size: 16px; } .jy-nav .this_jy { background: #3b6fe7; color: #fff; } .jy-box .swiper-container { width: 100%; padding-bottom: 70px; } .jy-box .swiper-container .swiper-slide { overflow: hidden; } .jy-box .swiper-container .swiper-slide img { width: 100%; max-height: 360px; } .jy-box .swiper-button-prev, .jy-box .swiper-button-next { width: 34px; height: 85px; position: absolute; margin-top: -82px; } .jy-box .swiper-button-prev { left: 26%; background: url(../img/lbprev.png) no-repeat; } .jy-box .swiper-button-next { right: 26%; background: url(../img/lbnext.png) no-repeat; } .jy-box .swiper-pagination-bullet { width: 13px; height: 13px; } .jy-box .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 12px; } .cp-wrap { width: 100%; padding: 100px 0; background: #edeff6; } .cp-main { max-width: 1200px; margin: 0 auto; } .cp-left { width: 258px; float: left; } .cp-right { width: 917px; float: right; } .cp-right > ul > li { width: 290px; float: left; margin-right: 22px; border-radius: 8px; margin-bottom: 26px; cursor: pointer; background: #fff; box-shadow: 0 0 15px #cccfd9; } .cp-right > ul > li:nth-of-type(3n) { margin-right: 0; } .cp-right > ul > li > .cp-img { width: 100%; display: flex; justify-content: center; align-items: center; padding: 20px; border-bottom: 3px solid #edeff6; transition: all 0.3s; overflow: hidden; } .cp-img img { max-width: 100%; transition: all 0.3s ease-in-out; } .cp-right > ul > li:nth-of-type(3n) { margin-right: 0; } /*.cp-right>ul>li:hover{}*/ /*.cp-main>ul>li:hover .cp-bot:after{width:100%;}*/ .cp-right > ul > li:hover .cp-bot p, .cp-main > ul > li:hover .cp-bot span { color: #fff; } .cp-right > ul > li:hover .cp-bot { background: #476bee; } .cp-right > ul > li:hover .cp-img img { transform: scale(1.1); } .cp-right > ul > li:hover .cp-img { border-bottom: 2px solid #2d51d3; } .cp-right > ul > li:hover .cp-bot span { color: #fff; } .cp-left { width: 258px; background: #fff; border-radius: 8px 8px 0 0; overflow: hidden; } .cp-left > h3 { padding: 20px 26px; background: #476bee; } .cp-left > h3 span:first-of-type { font-size: 30px; color: #fff; display: inline-block; margin-right: 6px; } .cp-left .cp-nav { width: 100%; } .cp-nav > ul > li { position: relative; padding: 20px 30px; font-size: 14px; color: #333747; border-bottom: 2px solid #e7eaeb; cursor: pointer; } .cp-nav ul > li > img { position: absolute; right: 42px; top: 18px; } .cp-nav > ul > li > img:last-of-type { display: none; } .cp-nav > ul > .active > .cp-vbox > .cp-svbox { display: block; } .cp-nav > ul > .active > img:last-of-type { display: block; } .cp-nav > ul > .active > img:first-of-type { display: none; } .cp-nav ul li .cp-vbox { width: 100%; margin-top: 12px; display: none; } .cp-nav ul .active .cp-vbox { display: block; color: #337ab7; } .cp-nav ul li .cp-vbox .active .cp-svbox { display: block; } .cp-nav ul .active > a { color: #476bee; font-weight: bold; font-size: 17px; } .cp-nav ul li > a { color: #333; font-size: 16px; } .cp-vbox .active > a { color: #476bee; } .cp-vbox span > a { color: #333; } .cp-svbox > div { font-size: 14px; border: none; line-height: 20px; padding-left: 20px; background: none; color: #999999; display: inline-block; width: 100%; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; margin-bottom: 6px; } .cp-nav > ul > li:hover { color: #6485ff; } .cp-svbox { display: none; } .cp-vbox span .cp-svbox > div:hover { color: #6485ff; } .cp-vbox > span { font-size: 14px; line-height: 36px; display: inline-block; width: 100%; color: #333; position: relative; } .cp-vbox > span:hover { color: #6485ff; } .cp-svbox > div:hover { color: #6485ff; } .cp-vbox span > img { position: absolute; right: 12px; top: 5px; } .cp-vbox span > img:last-of-type { display: none; } .cp-vbox .active > img:last-of-type { display: block; } .cp-vbox .active > img:first-of-type { display: none; } .cp-bot { width: 100%; padding: 12px 30px; position: relative; transition: all 0.3s; border-radius: 0 0 8px 8px; min-height: 72px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-align: center; } /*.cp-bot:after{content: "";display: inline-block;width:0;transition: all .3s ease-in-out;height: 3px;background: #f4aa62;position: absolute;bottom:-3px;left: 0;}*/ .cp-bot p { font-size: 16px; color: #454545; overflow: hidden; } .cp-bot span { font-size: 15px; color: #bbbbbb; } .page { width: 100%; text-align: center; margin-top: 30px; } .page a { display: inline-block; padding: 6px 12px; border: 1px solid #dddddd; margin: 0 3px; color: #111111; font-size: 14px; } .page .this_page { background: #3b6fe7; border: 1px solid #3b6fe7; color: #fff; } .page a:hover { background: #3b6fe7; border: 1px solid #3b6fe7; color: #fff; } .cpxq-main { position: fixed; width: 1200px; height: 80%; left: 50%; top: 50%; background: #fff; transform: translate(-50%, -50%); z-index: 999; display: none; } .vixbox { width: 100%; height: 10000px; position: fixed; left: 0; top: 0; background: rgba(0, 0, 0, 0.75); z-index: 999; display: none; } .cpxq-big h3 { text-align: center; font-size: 28px; color: #232937; padding-bottom: 15px; margin-bottom: 40px; position: relative; } .cpxq-big h3:after { content: ''; display: inline-block; width: 96px; height: 1px; background: #f4aa62; position: absolute; left: 50%; transform: translateX(-50%); bottom: 0; } .cpxq-top { width: 100%; overflow: hidden; } .cpxq-top img { max-width: 100%; overflow: hidden; } .cpxq-left { width: 500px; height: 414px; border: 2px solid #f2f2f2; display: flex; justify-content: center; align-items: center; float: left; margin-right: 40px; } .cpxq-left img { max-width: 100%; } .cpxq-right { width: 420px; float: left; margin-top: 20px; } .cpxq-main .xqesc { width: 36px; position: absolute; right: -12px; top: -18px; } .cpxq-sbox { display: none; } .cpxq-sbox p { font-size: 16px !important; } .cpxq-sbox p span { font-size: 16px !important; color: #000 !important; } .cpxq-sbox img { max-width: 550px; width: auto !important; height: auto !important; } .cpxq-big { width: 100%; height: 100%; overflow-y: auto; padding: 60px 50px; } .cpxq-right .td:after { content: ''; display: inline-block; width: 100%; height: 8px; background: #94abff; border-radius: 10px; } .cpxq-right .td span { font-size: 22px; color: #000000; } .cpxq-right .td span:last-of-type { font-size: 14px; display: inline-block; margin-left: 6px; } .tdnr { padding: 20px 0; } .tdnr p { font-size: 16px !important; color: #000 !important; font-family: '黑体' !important; line-height: 24px; } .tdnr p span { font-size: 16px !important; color: #000 !important; font-family: '黑体' !important; line-height: 24px; } .yt { margin-bottom: 50px; } .yt span { font-size: 16px; color: #070707; } .yt p { font-size: 14px; color: #757575; } .cpxq-right > a { display: inline-block; width: 123px; height: 32px; line-height: 32px; background: #f3a050; font-size: 14px; text-align: center; color: #fff; border-radius: 5px; } .cpxq-bot { margin-top: 60px; } .cpxq-nav { width: 100%; position: relative; margin-bottom: 55px; background: #f9f9f9; } .cpxq-nav ul li { display: inline-block; vertical-align: middle; position: relative; line-height: 43px; min-width: 175px; text-align: center; cursor: pointer; padding: 0; background: #e5e5e5; font-size: 16px; color: #666; } .cpxq-nav ul { height: 43px; } .cpxq-nav ul .this_xq { background: #476bee; border-radius: 6px; border-bottom: 0; color: #fff; } .cpxq-nav ul .this_xq:after { position: absolute; left: 0; bottom: -1px; content: ''; display: inline-block; width: 100%; height: 2px; background: #fff; } /*.cpxq-nav ul .this_xq:before{content: "";display: inline-block;width: 63px;height: 4px;position: absolute;bottom: 0;left:50%;transform: translateX(-50%);border-radius: 3px 3px 0 0;background: #94abff;} */ .cpxq-big::-webkit-scrollbar { /*滚动条整体样式*/ width: 10px; /*高宽分别对应横竖滚动条的尺寸*/ height: 1px; } .cpxq-big::-webkit-scrollbar-thumb { /*滚动条里面小方块*/ background: #c9cbd6; } .cpxq-big::-webkit-scrollbar-track { /*滚动条里面轨道*/ -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); border-radius: 10px; background: #ededed; } .fz-wrap { width: 100%; padding: 90px 0 146px; background: url(../img/fzbac.png) no-repeat center; background-size: cover; } .fz-main { max-width: 1200px; margin: 0 auto; padding: 0 20px; } .fz-main h1 { text-align: center; font-size: 36px; color: #333333; padding-bottom: 30px; position: relative; font-weight: bold; } .fz-main h1:after { content: ''; display: inline-block; width: 105px; height: 2px; background: url(../img/fzx.png) no-repeat center; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); } .fzbanner { width: 100%; position: relative; margin-top: 120px; } .fzbanner .swiper-container { max-width: 980px; margin: 0 auto; border-bottom: 2px solid #6485ff; } .fzbanner .swiper-slide { padding: 25px 25px 50px; background: url(../img/fzx2.png) no-repeat left top; background-size: auto 100%; } .fzbanner .swiper-slide span { font-size: 22px; color: #3b6fe7; font-weight: bolder; } .fzbanner .swiper-slide h3 { font-size: 16px; color: #414141; font-weight: bolder; padding: 12px 0; } .fzbanner .swiper-slide p { font-size: 14px; color: #848484; } .fzbanner .swiper-button-next, .fzbanner .swiper-button-prev { width: 32px; height: 32px; } .fzbanner .swiper-button-prev { background: url(../img/prev1.png) no-repeat center; background-size: 100%; } .fzbanner .swiper-button-next { background: url(../img/next1.png) no-repeat center; background-size: 100%; } .fzbanner .swiper-button-prev:hover { background: url(../img/prev2.png) no-repeat center; background-size: 100%; } .fzbanner .swiper-button-next:hover { background: url(../img/next2.png) no-repeat center; background-size: 100%; } .about-wrap { width: 100%; padding: 78px 0; } .about-main { max-width: 1200px; margin: 0 auto; padding: 0 20px; } .about-main h1 { font-size: 40px; color: #333333; text-align: center; padding-bottom: 30px; position: relative; font-weight: bold; } .about-main h1:after { content: ''; display: inline-block; width: 105px; height: 2px; background: url(../img/fzx.png) no-repeat center; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); } .about-top { width: 100%; margin: 40px 0; text-align: center; } .about-top li { padding: 0 40px; display: inline-block; border-right: 1px solid #e9e9e9; } .about-top li:last-of-type { border: 0; } .about-top li span { font-size: 46px; color: #393939; position: relative; } .about-top li span sup { font-size: 12px; color: #7f7f7f; position: absolute; top: 17px; right: -14px; } .about-top li p { font-size: 12px; color: #a7a7a7; } .about-nr { width: 100%; } .about-nr p { font-size: 14px; color: #838383; line-height: 29px; margin-bottom: 24px; } .video-box { width: 100%; text-align: center; margin-top: 46px; } .video-box .video-bt { text-align: center; width: 408px; font-size: 22px; color: #232937; margin-bottom: 42px; position: relative; background: url(../img/videobac.png) no-repeat center; display: inline-block; } .video-box span { transform: translateY(-10px); display: inline-block; } .video-box video { display: block; margin: 0 auto; width: 900px; } .zs-wrap { width: 100%; padding: 60px 0; } .zs-main { max-width: 1200px; margin: 0 auto; } .zs-main ul li { width: 371px; float: left; margin-right: 38px; margin-bottom: 24px; } .zs-main ul li img { max-width: 100%; } .zs-main ul li:nth-of-type(3n) { margin-right: 0; } .zs-main ul { margin-bottom: 40px; } .hj-wrap { width: 100%; padding: 50px 0; } .hj-main { max-width: 1200px; margin: 0 auto; } .hj-main .hj-left { width: 852px; float: left; border: 1px solid #e6ebed; padding: 40px; } .hj-left .hj-top h1 { text-align: center; font-size: 24px; color: #131313; margin-bottom: 20px; font-weight: bold; } .hj-left .hj-top { padding-bottom: 20px; border-bottom: 1px solid #e6ebed; } .hj-top p { text-align: center; } .hj-top span { font-size: 14px; color: #8f8f8f; margin: 0 15px; } .hj-nr { width: 100%; padding: 30px 0; } .hj-nr section { max-width: 100% !important; height: auto !important; } .hj-nr p img { max-width: 100%; height: auto !important; } .hj-nr img { max-width: 100%; height: auto !important; } .hj-nr p { font-size: 16px !important; color: #666 !important; line-height: 28px !important; margin-bottom: 30px; font-family: '黑体' !important; } .hj-nr p span { font-family: '黑体' !important; font-size: 16px !important; color: #666 !important; line-height: 28px !important; } .hj-nr section p { max-width: 100%; font-size: 16px !important; color: #666 !important; line-height: 28px !important; margin-bottom: 30px; font-family: '黑体' !important; } .hj-nr section span { font-size: 16px !important; color: #666 !important; line-height: 28px !important; font-family: '黑体' !important; } .hj-nr > img { margin-bottom: 20px; max-width: 100%; } .hj-nr h3 { text-align: center; font-size: 16px; color: #3b6fe7; font-weight: bold; margin-bottom: 20px; } .hj-nr h4 { font-size: 15px; color: #343434; margin-bottom: 10px; font-weight: bold; } .hj-img { width: 100%; overflow: hidden; margin-bottom: 20px; } .hj-img img { max-width: 50%; float: left; } .hj-page { width: 100%; overflow: hidden; padding: 14px 0; border-top: 1px solid #e6ebed; border-bottom: 1px solid #e6ebed; } .hj-page a { display: inline-block; max-width: 50%; float: left; font-size: 14px; color: #4f4f4f; } .hj-page a:last-of-type { float: right; } .hj-page a img { vertical-align: bottom; width: auto !important; } .hj-page a:first-of-type img { margin-right: 12px; } .hj-page a:last-of-type img { margin-left: 12px; } .hj-page a span { max-width: 94%; display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .hj-page a:hover span { color: #476bee; } .hj-right { width: 308px; float: right; } .hj-right h3 { padding: 0 20px; width: 100%; height: 40px; line-height: 40px; background: #3b6fe7; font-size: 16px; color: #fff; } .hj-right .hj-rbox { width: 100%; padding: 8px 20px 30px; background: #f2f4f7; } .hj-rbox ul li { padding: 12px 0; border-bottom: 1px solid #d5d5d5; } .hj-rbox ul li a { font-size: 14px; color: #3b3b3b; display: inline-block; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-bottom: 5px; } .hj-rbox ul li span { font-size: 14px; color: #858585; } .hj-rbox ul li a:hover { color: #476bee; } .lx-wrap { width: 100%; padding: 90px 0; background: url(../img/lxbac.png) no-repeat center; background-size: cover; margin-top: 109px; } .lx-main { max-width: 1200px; margin: 0 auto; overflow: hidden; } .lx-left { width: 533px; float: left; position: relative; background: rgba(32, 138, 204, 0.83); padding: 60px; } .lx-left h1 { font-size: 34px; font-weight: bold; color: #fff9f9; padding-bottom: 10px; } .lx-left h2 { font-size: 28px; color: #fff; font-weight: 300; padding-bottom: 15px; position: relative; } .lx-left h2:after { content: ''; display: inline-block; width: 75px; height: 3px; background: #fff; position: absolute; left: 0; bottom: 0; } .lx-left .lx-p { padding: 18px 0 0 0; } .lx-p .lx-sp { padding-left: 28px; margin-bottom: 20px; } .lx-p .lx-sp:first-of-type { background: url(../img/lx1.png) no-repeat left 5px; } .lx-p .lx-sp:nth-of-type(2) { background: url(../img/lx2.png) no-repeat left 5px; } .lx-p .lx-sp:nth-of-type(3) { background: url(../img/lx2.png) no-repeat left 5px; } .lx-p .lx-sp:nth-of-type(4) { background: url(../img/lx3.png) no-repeat left 5px; } .lx-p .lx-sp:nth-of-type(5) { background: url(../img/lx3.png) no-repeat left 5px; } .lx-p .lx-sp span { font-size: 15px; color: #fff; display: inline-block; width: 100%; } .lx-p .lx-sp p { font-size: 15px; color: #fff; } .lx-ewm { position: absolute; bottom: 60px; right: 60px; text-align: center; } .lx-ewm img { display: block; margin: 10px auto; } .lx-ewm span { font-size: 12px; color: #fff; } .lx-lybox { width: 667px; float: right; background: rgba(249, 249, 249, 0.83); border: 1px solid #e9e9e9; padding: 34px 26px; } .lx-lybox h2 { font-size: 24px; color: #2f2f2f; text-align: center; margin-bottom: 17px; font-weight: bold; } .ly-sinput { width: 100%; overflow: hidden; } .ly-input .ly-sinput input { width: 48%; float: left; height: 42px; background: #fff; border: 1px solid transparent; padding: 0 18px; margin-bottom: 18px; } .ly-input .ly-sinput input:nth-of-type(2) { float: right; } .ly-input input { width: 100%; height: 42px; background: #fff; border: 0; padding: 0 18px; margin-bottom: 18px; border: 1px solid transparent; } .ly-input textarea { width: 100%; height: 129px; margin-bottom: 12px; padding: 10px 20px; background: #fff; outline: none; border: 1px solid transparent; } .ly-input .ly-sinput input:focus, .ly-input textarea:focus, .ly-input input:focus { border: 1px solid #f3a04f; } .yzmbox { width: 100%; overflow: hidden; } .yzmbox input { width: 307px; } .yzmbox img { cursor: pointer; } .ly-input button { width: 100%; height: 40px; background: #f4aa62; color: #fff; font-size: 16px; border-radius: 5px; outline: none; } .sh-wrap { width: 100%; padding: 90px 0; } .sh-main { max-width: 1130px; margin: 0 auto; } .sh-main h1 { text-align: center; font-size: 29px; color: #3b3b3b; margin-bottom: 30px; padding-bottom: 10px; position: relative; } .sh-main h1:after { content: ''; display: inline-block; width: 69px; height: 2px; background: #abbdff; position: absolute; left: 50%; transform: translateX(-50%); bottom: 0; } .sh-box { width: 100%; } .sh-center { width: 100%; overflow: hidden; position: relative; } .sh-box > p { font-size: 16px; line-height: 32px; color: #666; text-align: center; margin-bottom: 30px; } .sh-center .shln-left { background: url(../img/shlnleft.png) no-repeat; background-size: 100%; width: 340px; height: 220px; padding: 105px 40px 0; position: absolute; top: 88px; left: 0; } .shln-left span { font-size: 28px; color: #fff; } .shln-left span img { margin-right: 12px; } .shln-left p { font-size: 24px; color: #fff; } .shln-right { width: 923px; height: 330px; background: url(../img/shcenter.png) no-repeat; background-size: 100% 100%; display: flex; justify-content: center; align-items: center; float: right; padding: 0 70px 0 160px; } .shln-right > div { font-size: 16px; color: #666; } .sh-bot { width: 100%; box-shadow: 0 0 15px #e2e4e7; padding: 50px; margin-top: 80px; border-radius: 10px; position: relative; } .sh-bot img { position: absolute; right: 40px; bottom: 0; width: 400px; } .shbot-txt { max-width: 680px; } .shbot-txt h3 { font-size: 22px; color: #3b3b3b; margin-bottom: 20px; } .shbot-txt p { font-size: 16px; color: #666; line-height: 30px; } .news-wrap { width: 100%; padding: 60px 0; } .news-main { max-width: 1200px; margin: 0 auto; overflow: hidden; } .news-main ul li { width: 100%; display: flex; overflow: hidden; padding-bottom: 36px; margin-bottom: 36px; border-bottom: 1px solid #ededed; } .news-img { float: left; margin-right: 36px; width: 294px; height: 202px; position: relative; overflow: hidden; } /* 修改图片固定比例 */ .news-img img { max-width: 100%; transition: all 0.3s ease-in; display: block; width: 100%; height: 100%; object-fit: cover; } .news-img:hover img { transform: scale(1.1); } .news-right { width: 850px; float: right; height: 100%; } .news-right h3 { font-size: 20px; color: #0b0b0c; margin-bottom: 10px; } .news-right h3:hover { color: #6485ff; } .news-right p { font-size: 14px; color: #ababab; } .news-center { width: 100%; margin: 12px 0 30px; } .news-center span { font-size: 12px; color: #666672; display: inline-block; margin-right: 10px; } .news-center img { transform: translateY(-2px); margin-right: 5px; } .news-right .news-but { display: inline-block; width: 123px; height: 32px; line-height: 32px; text-align: center; border: 1px solid #d0d4d6; font-size: 14px; color: #646464; border-radius: 3px; } .news-right .news-but:hover { background: #5e7ced; color: #fff; border: 1px solid #5e7ced; } .yf-wrap { width: 100%; padding: 70px 0; } .yf-main { max-width: 1200px; margin: 0 auto; } .yf-nav { width: 100%; text-align: center; font-size: 0; margin-bottom: 70px; } .yf-nav ul li { width: 200px; height: 55px; cursor: pointer; line-height: 55px; font-size: 16px; color: #a4a4a4; box-shadow: 0 0 8px #dcdcdc; text-align: center; display: inline-block; } .yf-nav ul .this_yf { background: #3b6fe7; color: #fff; } .yf-big { width: 100%; border: 1px solid #d3d7d8; padding: 70px; } .yf-big h3 { font-size: 30px; color: #1e1e1f; font-weight: bolder; text-align: center; margin-bottom: 46px; } .yf-nr { width: 100%; display: none; } .yf-nr .yf-top { width: 100%; height: 44px; line-height: 44px; background: #0459af; } .yf-top span { display: inline-block; width: 40%; color: #fff; text-align: center; float: left; font-size: 20px; } .yf-top span:last-of-type { width: 60%; } .yf-box { width: 100%; overflow: hidden; } .yf-box li { width: 40%; height: auto; display: inline-block; padding: 5px; font-size: 18px; } .yf-box li:last-of-type { width: 60%; text-align: center; } .yf-box ul { display: flex; justify-content: center; align-items: center; border-bottom: 2px solid #000000; border-left: 2px dotted #161616; border-right: 2px dotted #161616; } .yf-box li:first-of-type { border-right: 1px dotted #161616; } .join-wrap { width: 100%; padding: 60px 0; border-bottom: 2px solid #f7f7f7; } .join-main { max-width: 1200px; margin: 0 auto; } .join-main ul li { width: 100%; margin-bottom: 22px; } .join-main ul li .join-top { width: 100%; line-height: 57px; background: #f5f6fa; padding: 0 20px; cursor: pointer; } .join-top span { font-size: 16px; color: #202020; } .join-top span:nth-of-type(2) { float: right; } .join-top img { float: right; margin-top: 17px; margin-left: 35px; } .join-top .jimg2 { display: none; } .join-nr { width: 100%; padding: 30px; display: none; } .join-nr h3 { font-size: 14px; color: #3b6fe7; line-height: 26px; } .join-nr p { font-size: 14px; color: #656565; line-height: 26px; } .join-main ul li:first-of-type .join-nr { display: block; } .join-main ul li .active { background: #5c7fce; } .join-main ul li .active span { color: #fff; } .join-main ul li .active .jimg1 { display: none; } .join-main ul li .active .jimg2 { display: block; } .join-nr a { display: inline-block; width: 114px; height: 36px; line-height: 36px; background: #5c7fce; font-size: 14px; color: #fff; text-align: center; margin-top: 15px; } .rc-wrap { width: 100%; padding: 74px 0; } .rc-wrap .rc-main { max-width: 1200px; margin: 0 auto; } .rc-main .rc-box { width: 100%; overflow: hidden; margin-bottom: 40px; } .rc-box .rc-left { width: 570px; float: left; } .rc-box .rc-left img { max-width: 100%; } .rc-box .rc-right { width: 570px; float: right; position: relative; } .rc-right img { margin-bottom: 15px; } .rc-right h3 { position: absolute; left: 24px; top: 38px; } .rc-right h3 span { display: inline-block; width: 100%; font-size: 13px; color: #7c7c7c; } .rc-txt p { font-size: 16px; line-height: 36px; color: #393939; } .rc-main .rc-box:nth-of-type(2n) .rc-left { float: right; } .rc-main .rc-box:nth-of-type(2n) .rc-right { float: left; } @media only screen and (max-width: 1440px) { .nybanner { padding-top: 109px; position: relative; height: 349px; } .nybanner img { position: absolute; left: 50%; top: 0; transform: translate(-50%); width: auto; height: 349px; } .cpbanner { padding-top: 0; } .cpbanner img { position: static; left: 0; top: 0; transform: translateX(0); height: 100%; } } @media only screen and (max-width: 1200px) { .top-wrap .top-main { max-width: 100%; padding: 20px 15px; } .banner-box { width: 100%; } .banner-box .banner-center { max-width: 100%; padding: 0 15px; } .main1 { max-width: 100%; padding: 0 15px; } .main1-left { width: 44%; } .main1-right { width: 48%; } .nav > ul > li { margin-left: 24px; } .main2 { max-width: 100%; padding: 0 15px; } .main2-box .main2-left { width: 40%; } .main2-right { width: 57%; } .main2-right > ul > li { width: 49%; margin-right: 2%; } .main3 { max-width: 100%; padding: 0 15px; } .main3-box .swiper-slide-active .kybox { width: auto; } .main4 { max-width: 100%; padding: 0 15px; } .main4 .main4-left { margin-right: 20px; } .main4 { display: flex; } .main4-box ul li { width: 25%; } .footer { max-width: 100%; padding: 60px 15px 0; } .footer .fotnav { max-width: 100%; } .footer .ewm { float: left; } .fotnav ul li { margin-right: 40px; } .nav-menu { width: auto; } .nav-menu .menu-img { display: none; } /* 新加宽度 */ .menu-li { width: 190px; } .cp-wrap { padding: 0.5rem 0; } .cp-main { max-width: 100%; padding: 0 0.15rem; } .cp-main > ul > li { width: 32%; margin-right: 2%; } .cpxq-main { width: 84%; } .cpxq-left { width: 48%; margin-right: 2%; } .cp-left { width: 21.5%; } .cp-right { width: 76%; } .cp-right > ul > li { width: 32%; margin-right: 2%; } .cpxq-right { width: 48%; } .cpxq-big { padding: 30px; } .hj-main { padding: 0 15px; } .hj-main .hj-left { width: 70%; padding: 20px; } .hj-right { width: 28%; } .hj-page a span { max-width: 75%; } .lx-wrap { padding: 60px 0; } .lx-main { max-width: 100%; padding: 0 15px; } .lx-left { width: 40%; } .lx-lybox { width: 56%; } .zs-main { max-width: 100%; padding: 0 15px; } .zs-main ul li { width: 32%; margin-right: 2%; } .rc-wrap .rc-main { max-width: 100%; padding: 0 15px; } .rc-box .rc-left, .rc-box .rc-right { width: 47%; } .sh-main { max-width: 100%; padding: 0 30px; } .shbot-txt { max-width: 50%; } .sh-bot img { max-width: 50%; } .sh-center .shln-left { position: static; margin: 20px auto; } .shln-right { width: 100%; padding: 20px; } .news-main { max-width: 100%; padding: 0 15px; } .news-img { width: 24%; height: auto; margin-right: 4%; } .news-right { width: 72%; } .yf-main { max-width: 100%; padding: 0 15px; } .yf-nav { margin-bottom: 40px; } .yf-big { padding: 40px; } .join-main { max-width: 100%; padding: 0 15px; } } @media only screen and (max-width: 991px) { .nybanner { padding-top: 99px; height: 339px; position: relative; } .nybanner img { position: absolute; left: 50%; transform: translateX(-50%); width: auto; height: 240px; } .cpbanner { height: 400px; } .nav { display: none; } .yd-nav { display: block; } .top-wrap .yd-nav:first-of-type { display: block; } .top-wrap .yd-nav:nth-of-type(2) { display: none; } .nytop-wrap .yd-nav:first-of-type { display: none; } .nytop-wrap .yd-nav:nth-of-type(2) { display: block; } .banner-center h3 { font-size: 48px; } .banner-center p { font-size: 18px; } .banner .swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 40px; } .main1-box { padding: 30px; } .main1-li ul li { padding: 25px 100px 25px 40px; } .main2-box .main2-left { width: 100%; float: none; max-height: 600px; } .main2-right { width: 100%; float: none; } .main4 { display: block; } .main4 .main4-left { width: 100%; float: none; } .main4-right { width: 100%; float: none; margin-top: 20px; } .video-box video { max-width: 100%; } .shbot-txt { max-width: 100%; } .sh-bot img { display: none; } .news-img { width: 30%; height: auto; margin-right: 4%; } .news-right { width: 66%; } .cp-right > ul > li { width: 49%; } .cp-right > ul > li:nth-of-type(3n) { margin-right: 2%; } .cp-right > ul > li:nth-of-type(2n) { margin-right: 0; } } @media only screen and (max-width: 768px) { .banner { position: relative; height: 6rem; } .ny-banner { height: auto; } .banner .swiper-container { height: 100%; } .cp-main > ul > li > .cp-img { padding: 0.15rem; margin-bottom: 0.15rem; } .cp-main > ul > li { margin-bottom: 0.2rem; } .cp-bot p { font-size: 0.28rem; } .cp-bot span { font-size: 0.24rem; } .page a { margin: 3px; } .banner .swiper-container .swiper-slide > img { position: absolute; left: 50%; transform: translateX(-50%); height: 100%; width: auto; } .banner .swiper-container .swiper-slide > video { width: auto; height: 100%; } .top-wrap .top-main { padding: 0.2rem 0.15rem; height: 1.5rem; } .banner-center h3 { font-size: 0.4rem; } .banner-center p { margin: 0.1rem 0; font-size: 0.28rem; } .banner-center a { width: 2rem; height: 0.7rem; line-height: 0.7rem; font-size: 0.28rem; } .banner-box { top: 54%; } .yd-menu ul li a img, .menu2 ul li img { width: 0.36rem; } .top-main .logo img:first-of-type { width: 2.4rem; margin-top: 0.1rem; } .nybanner { padding-top: 1.5rem; height: 6.5rem; position: relative; } .cpbanner { height: 5rem; } .nybanner img { position: absolute; left: 50%; transform: translateX(-50%); width: auto; height: 5rem; } .nynav a { padding: 0.12rem 0.3rem; font-size: 0.28rem; } .yd-menu ul li a { font-size: 0.28rem; } .jy-wrap { padding: 0.8rem 0; } .jy-nav a { width: 1.6rem; line-height: 0.7rem; height: 0.7rem; font-size: 0.28rem; } .jy-nav { margin-bottom: 0.5rem; } .jy-box .swiper-container .swiper-slide img { max-height: 4rem; } .jy-box .swiper-button-next { right: 13%; } .jy-box .swiper-button-prev { left: 13%; } .jy-box .swiper-pagination-bullet { width: 0.15rem; height: 0.15rem; } .yd-nav { width: 0.6rem; top: 0.38rem; } .banner .swiper-pagination-bullet { width: 0.4rem; height: 0.05rem; } .main1-wrap { padding: 0.8rem 0; } .main1-left { width: 100%; padding-left: 0; float: none; } .main1-left > .topx { margin-bottom: 5px; } .main1-box { margin-top: 20px; } .main1-right { width: 100%; float: none; margin-top: 20px; } .main1-right .main1-li { margin-top: 30px; } .main1-li ul li { padding: 0.3rem; } .main1-li ul li span { position: static; } .main1-li ul li h3:before { left: -10px; } .main2-wrap { padding: 0.5rem 0 1.4rem; } .main2 { padding: 0 0.15rem; } .main2-box { margin-top: 0.3rem; } .main2-left ul li { margin-bottom: 10px; padding: 0.15rem 0.25rem; } .main2-left ul li span:nth-of-type(2) { top: 0.16rem; } .main2-left ul li span:first-of-type { font-size: 0.3rem; } .main2-box .main2-left { max-height: 460px; } .pro-img img { max-width: 80%; } .main2 h3 { font-size: 0.4rem; } .main2-right ul li { margin-bottom: 0.15rem; width: 3.5rem !important; margin-right: 0.2rem; } .main2 h4 { font-size: 0.24rem; } .main2-right > ul > li > .pro-txt > p { font-size: 0.24rem; } .pro-img { height: 76%; } .main2-right ul li p { margin: 0; padding: 0; } .main2-right > ul > li > .pro-txt { padding: 0 0.2rem; height: 24%; } .main3-box .swiper-slide .kybox { height: 230px; } .main3 h3 { font-size: 0.4rem; } .main3 h4 { font-size: 0.24rem; } .kybox img { width: 0.7rem; } .kybox p { font-size: 0.28rem; } .kybox a { width: 0.5rem; height: 0.5rem; line-height: 0.5rem; font-size: 0.24rem; } .main4 h2 { font-size: 0.4rem; } .main4 h3 { font-size: 0.34rem; } .main4 p { font-size: 0.28rem; } .main3-box { margin-top: 0.4rem; } .main3-wrap { padding-bottom: 1rem; } .main4-wrap { padding: 0.8rem 0; } .main4 .main4-left img { width: 100%; } .main4-box ul li { width: 50%; padding: 0.5rem 0.25rem; margin-right: 0; } .main4-box ul li:nth-of-type(2) { border-right: 1px solid #cfd0d9; } .footer { padding: 0.3rem 0.15rem; } .footer .fotnav ul li { display: none; } .footer .fotnav ul li:last-child { display: block; } .yqbox { display: none; } .footer .ewm { margin-top: 0.15rem; } .fotbot { margin-top: 0.3rem; padding: 0.2rem 0; } .copy > div { display: none; } .copy > span { float: none; } .copy { text-align: center; } .cp-main > ul > li { width: 49%; margin-right: 2%; } .cp-main > ul > li:nth-of-type(3n) { margin-right: 2%; } .cp-main > ul > li:nth-of-type(2n) { margin-right: 0; } .cpxq-big h3 { font-size: 0.4rem; } .cpxq-left { width: 100%; float: none; height: auto; padding: 0.2rem; } .cpxq-right { width: 100%; float: none; } .fz-wrap { padding: 0.9rem 0; } .fz-main h1 { font-size: 0.44rem; } .fzbanner { margin-top: 1rem; } .about-wrap { padding: 0.7rem 0; } .about-main h1 { font-size: 0.44rem; } .about-top { margin: 0.4rem 0; } .about-top li { max-width: 33%; padding: 0 0.4rem; border: 0; } .about-nr p { font-size: 0.24rem; line-height: 0.4rem; } .video-box .video-bt { margin-bottom: 0.4rem; } .hj-main .hj-left { width: 100%; float: none; margin-bottom: 0.2rem; } .hj-right { width: 100%; float: none; } .hj-page a img { width: 0.4rem; transform: translateY(-4px); } .hj-img img { max-width: 100%; float: none; } .lx-left { width: 100%; float: none; margin-bottom: 20px; padding: 0.3rem; } .lx-lybox { width: 100%; padding: 20px; } .yzmbox input { width: 50%; } .yzmbox img { max-width: 50%; } .zs-wrap { padding: 0.6rem 0; } .zs-main ul li { width: 49%; margin-right: 2%; } .zs-main ul li:nth-of-type(3n) { margin-right: 2%; } .zs-main ul li:nth-of-type(2n) { margin-right: 0; } .rc-box .rc-left, .rc-box .rc-right { width: 100%; float: none; } .rc-box .rc-left { margin-bottom: 0.2rem; } .sh-wrap { padding: 0.9rem 0; } .sh-main { padding: 0 0.15rem; } .sh-bot { margin-top: 30px; } .sh-bot { padding: 20px; } .news-img { width: 100%; margin-bottom: 0.2rem; float: none; } .news-right { width: 100%; float: none; height: auto; } .news-right h3 { font-size: 0.36rem; } .news-right p { font-size: 0.28rem; } .hj-left .hj-top h1 { font-size: 0.4rem; } .hj-nr p { font-size: 0.28rem; line-height: 0.4rem; } .yf-wrap { padding: 0.7rem 0; } .yf-nav ul li { width: 2rem; height: 0.7rem; line-height: 0.7rem; } .yf-nav { margin-bottom: 0.4rem; } .yf-big { padding: 0.3rem 0.2rem; } .yf-big h3 { font-size: 0.4rem; margin-bottom: 0.4rem; } .yf-top span { font-size: 0.28rem; } .yf-box li { font-size: 0.28rem; } .join-wrap { padding: 0.6rem 0; } .join-main ul li .join-top { line-height: 0.8rem; padding: 0 0.15rem; } .join-top img { margin-top: 0.25rem; margin-left: 0.1rem; width: 0.3rem; } .join-nr { padding: 0.15rem; } .join-top span { font-size: 0.28rem; } .cp-left { width: 100%; float: none; margin-bottom: 0.2rem; } .cp-right { width: 100%; float: none; } .cp-right > ul > li > .cp-img { padding: 0.1rem; } .cpxq-sbox img { max-width: 100%; } .cpxq-big { padding: 0.15rem; } .cpxq-nav ul { height: auto; } .cpxq-nav ul li { width: 100%; } .main4-box ul li .gy-img { width: 0.8rem; height: 0.8rem; } .banner .swiper-container .swiper-slide video { width: auto; height: 100%; } .lx-ewm { position: static; text-align: left; margin-top: 0.2rem; } .lx-ewm img { margin: 0; width: 2.5rem; } .lx-ewm span { width: 100%; display: inline-block; width: 2.5rem; text-align: center; } }