锘緻charset "utf-8"; /* base */ @font-face { font-family: 'bebas'; src: url(../fonts/bebas.ttf); } *, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } html { font-family: "寰蒋闆呴粦", "Helvetica Neue", Helvetica, Arial, sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; font-size: 10px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } body { margin: 0; font-size: 14px; line-height: 1.42857143; color: #333; background-color: #fff; } article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } audio:not([controls]) { display: none; height: 0; } [hidden], template { display: none; } a { background-color: transparent; color: #337ab7; text-decoration: none; -webkit-tap-highlight-color: transparent; } a:active, a:hover { outline: 0; text-decoration: none; } a:focus { text-decoration: none; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } ol, ul { margin: 0; padding: 0; list-style: none; } img { border: 0; vertical-align: middle; max-width: 100%; } svg:not(:root) { overflow: hidden; } figure { margin: 1em 40px; } hr { height: 0; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } pre { overflow: auto; } code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } dl, dd, h1, h2, h3, h4, h5, h6, p { margin: 0; font-weight: normal; } button, input, optgroup, select, textarea { margin: 0; font: inherit; color: inherit; font-family: inherit; line-height: inherit; } button { overflow: visible; } button, select { text-transform: none; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; } button[disabled], html input[disabled] { cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner { padding: 0; border: 0; } input { line-height: normal; outline: none; } input[type="checkbox"], input[type="radio"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } input[type="search"] { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; -webkit-appearance: textfield; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } fieldset { padding: .35em .625em .75em; margin: 0 2px; border: 1px solid #c0c0c0; } legend { padding: 0; border: 0; } textarea { overflow: auto; } optgroup { font-weight: bold; } table { border-spacing: 0; border-collapse: collapse; } td, th { padding: 0; } .visible-xs { display: none !important; } .container::after, .clearfix::after { content: ''; height: 0; display: block; clear: both; } /*flex*/ .d_flex { display: -webkit-box; display: -moz-box; display: -moz-flex; display: -ms-flexbox; display: -o-flex; display: -webkit-flex; display: flex; } .flex_wrap { display: -webkit-box; display: -moz-box; display: -moz-flex; display: -o-flex; display: -ms-flexbox; display: -webkit-flex; display: flex; -o-flex-wrap: wrap; -ms-flex-wrap: wrap; -moz-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; } .j_start { -o-justify-content: flex-start; -moz-justify-content: flex-start; -webkit-justify-content: flex-start; -ms-justify-content: flex-start; justify-content: flex-start; } .j_center { -o-justify-content: center; -ms-justify-content: center; -moz-justify-content: center; -webkit-justify-content: center; justify-content: center; } .j_between { -o-justify-content: space-between; -moz-justify-content: space-between; -webkit-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; } .j_space_around { -o-justify-content: space-around; -ms-justify-content: space-around; -moz-justify-content: space-around; -webkit-justify-content: space-around; -webkit-justify-content: space-around; justify-content: space-around; } .j_end { -o-justify-content: flex-end; -ms-justify-content: flex-end; -moz-justify-content: flex-end; -webkit-justify-content: flex-end; justify-content: flex-end; } .a_center { -o-align-items: center; -moz-align-items: center; -webkit-align-items: center; -ms-align-items: center; align-items: center; } .a_end { -o-align-items: flex-end; -ms-align-items: flex-end; -moz-align-items: flex-end; -webkit-align-items: flex-end; align-items: flex-end; } .flex_column { -o-flex-direction: column; -ms-flex-direction: column; -moz-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; } .container { margin: auto; min-height: 1px; max-width: 1200px; } @media (max-width: 1360px) { .container { padding-left: 80px; padding-right: 80px; } } @media (max-width: 768px) { .container { width: 100%; padding-left: 3%; padding-right: 3%; } .hidden-xs { display: none !important; } .visible-xs { display: block !important; } } /* base */ /* scrollbar */ @media (min-width: 768px) { ::-webkit-scrollbar-track-piece { width: 10px; background-color: #ccc; } ::-webkit-scrollbar { width: 8px; height: 6px } ::-webkit-scrollbar-thumb { height: 50px; background-color: #666; } ::-webkit-scrollbar-thumb:hover { background: #333; } ::selection { background: #ccc; color: #fff; } } /* scrollbar */ /* animation */ /* animation: jump_down 1.8s infinite ease-in-out; -moz-animation: jump_down 1.8s infinite ease-in-out; -webkit-animation: jump_down 1.8s infinite ease-in-out; -o-animation: jump_down 1.8s infinite ease-in-out; */ /* jump_down */ @keyframes jump_down { 0% { transform: translateY(3px); -webkit-transform: translateY(3px); -moz-transform: translateY(3px); -ms-transform: translateY(3px); -o-transform: translateY(3px); } 50% { transform: translateY(-3px); -webkit-transform: translateY(-3px); -moz-transform: translateY(-3px); -ms-transform: translateY(-3px); -o-transform: translateY(-3px); } 100% { transform: translateY(3px); -webkit-transform: translateY(3px); -moz-transform: translateY(3px); -ms-transform: translateY(3px); -o-transform: translateY(3px); } } @-moz-keyframes jump_down { 0% { transform: translateY(3px); -webkit-transform: translateY(3px); -moz-transform: translateY(3px); -ms-transform: translateY(3px); -o-transform: translateY(3px); } 50% { transform: translateY(-3px); -webkit-transform: translateY(-3px); -moz-transform: translateY(-3px); -ms-transform: translateY(-3px); -o-transform: translateY(-3px); } 100% { transform: translateY(3px); -webkit-transform: translateY(3px); -moz-transform: translateY(3px); -ms-transform: translateY(3px); -o-transform: translateY(3px); } } @-webkit-keyframes jump_down { 0% { transform: translateY(3px); -webkit-transform: translateY(3px); -moz-transform: translateY(3px); -ms-transform: translateY(3px); -o-transform: translateY(3px); } 50% { transform: translateY(-3px); -webkit-transform: translateY(-3px); -moz-transform: translateY(-3px); -ms-transform: translateY(-3px); -o-transform: translateY(-3px); } 100% { transform: translateY(3px); -webkit-transform: translateY(3px); -moz-transform: translateY(3px); -ms-transform: translateY(3px); -o-transform: translateY(3px); } } @-o-keyframes jump_down { 0% { transform: translateY(3px); -webkit-transform: translateY(3px); -moz-transform: translateY(3px); -ms-transform: translateY(3px); -o-transform: translateY(3px); } 50% { transform: translateY(-3px); -webkit-transform: translateY(-3px); -moz-transform: translateY(-3px); -ms-transform: translateY(-3px); -o-transform: translateY(-3px); } 100% { transform: translateY(3px); -webkit-transform: translateY(3px); -moz-transform: translateY(3px); -ms-transform: translateY(3px); -o-transform: translateY(3px); } } /* jump_down */ /* widthC */ @keyframes widthC { 0% { width: 15px; } 50% { width: 25px; } 100% { width: 15px; } } @-moz-keyframes widthC { 0% { width: 15px; } 50% { width: 25px; } 100% { width: 15px; } } @-webkit-keyframes widthC { 0% { width: 15px; } 50% { width: 25px; } 100% { width: 15px; } } @-o-keyframes widthC { 0% { width: 15px; } 50% { width: 25px; } 100% { width: 15px; } } /* widthC */ /* animation */ /* page */ /* */ .pagination { margin: 40px auto; } .page_pc { text-align: center; font-size: 14px; line-height: 40px; height: 40px; } .page_pc span a { color: #333; width: 40px; line-height: 40px; height: 40px; display: inline-block; text-decoration: none; background: none; transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; border-radius: 3px; font-weight: bold; } .page_pc span a:hover, .page_pc span.current a { background: #004198; color: #fff; } .page_pc span { margin: 2px; } .page_pc em { font-style: normal; font-size: 12px; color: #666; } .page_sj { width: 100px; height: 32px; background: #004198; color: #fff; display: block; margin: 0 auto; line-height: 32px; display: none; text-align: center; } /* page */ /* common */ #video_model { position: fixed; z-index: 9999; height: 100%; width: 100%; left: 0; top: 0; background: rgba(0, 0, 0, 0.6); } #video_model video { position: absolute; width: 80%; left: 0; right: 0; top: 0; bottom: 0; margin: auto; } #video_model img { width: 40px; cursor: pointer; position: absolute; right: 40px; top: 40px; } .common_btn { display: block; margin: auto; overflow: hidden; position: relative; width: 170px; height: 50px; line-height: 50px; border: solid 2px #094eac; font-size: 14px; color: #1a1a1a; text-transform: uppercase; text-align: center; } .common_btn::before { content: attr(data-text); z-index: 1; position: absolute; left: 0; color: #fff; opacity: 0; width: 100%; height: 100%; transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transform: translateZ(0); -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); } .common_btn::after { content: ''; position: absolute; top: 0; right: 0; height: 100%; width: 140%; background: #094eac; opacity: 0; transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transform: translateX(100%) skew(0deg); -webkit-transform: translateX(100%) skew(0deg); -moz-transform: translateX(100%) skew(0deg); -ms-transform: translateX(100%) skew(0deg); -o-transform: translateX(100%) skew(0deg); } .common_btn:hover::before { opacity: 1; } .common_btn:hover::after { opacity: 1; transform: translateX(10%) skew(-20deg); -webkit-transform: translateX(10%) skew(-20deg); -moz-transform: translateX(10%) skew(-20deg); -ms-transform: translateX(10%) skew(-20deg); -o-transform: translateX(10%) skew(-20deg); } .common_btn span { transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; z-index: 1; display: block; opacity: 1; } .common_btn:hover span { opacity: 0; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); } .common_tit { text-align: center; } .common_tit h3 { font-family: 'Bebas'; font-size: 34px; color: #333; } .common_tit h3.sh { font-family: Arial; font-weight: bold; } .common_tit h3 span { color: #004098; } .common_tit h5 { font-size: 18px; color: #4d4d4d; } .common_tit h6 { font-size: 14px; color: #4d4d4d; line-height: 28px; } .common_tit h5:last-child { margin-top: 20px; } .breadcrumb { border-top: 1px solid #e8e8e8; } .breadcrumb li { display: inline-block; line-height: 60px; } .breadcrumb li::before { content: '>'; display: inline-block; margin: 0 10px; color: #666; } .breadcrumb li:first-child::before { display: none; } .breadcrumb li a { font-size: 14px; color: #666; } .breadcrumb li:first-child a { color: #888; } /* common */ /* header */ .header { height: 100px; line-height: 100px; width: 100%; position: fixed; top: 0; left: 0; z-index: 999; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; min-width: 1200px; } .header_inner { padding: 0 45px; } .header.bg { background: #fff; -webkit-box-shadow: 0px 3px 10px #ccc; -moz-box-shadow: 0px 3px 10px #ccc; box-shadow: 0px 3px 10px #ccc; } .wrapper.inner_w { padding-top: 100px; } .header .header_inner>ul { display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; width: 63%; } .header .header_inner>ul>li a { display: block; color: #4d4d4d; font-size: 16px; position: relative; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .header .header_inner>ul>li>a::after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; margin: auto; width: 0; height: 3px; background: #004098; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .header .header_inner>ul>li a:hover { color: #004098; } .header .header_inner>ul>li a:hover::after { width: 100%; } .header .header_inner>ul>li.lang { text-decoration: underline; } .header .header_inner>ul>li.logo a::after, .header .header_inner>ul>li.lang a::after { display: none; } .header .header_inner>ul>li>ul { line-height: 60px; background: #eee; text-align: center; max-height: 0; overflow: hidden; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; position: fixed; top: 100px; left: 0; width: 100%; } .header .header_inner>ul>li:hover>ul { max-height: 200px; } .header .header_inner>ul>li>ul>li { display: inline-block; margin: 0 40px; } .header .header_inner>ul>li .tel { padding-right: 38px; float: left; color: #000; font-size: 14px; line-height: 1.2; text-align: right; transition: all 0.3s; -webkit-transition: all 0.3s; background: url(../images/h_tel.png) no-repeat right -10px; } .header .header_inner>ul>li .tel span { display: block; font-size: 24px; font-weight: bold; } .header .header_inner>ul>li.search_icon{ cursor: pointer; } .header .header_inner>ul>li.search_icon>a::after{ display: none; } .headerSJ { display: none; } /* header */ /* menu */ /* menu */ /* banner */ .banner { width: 100%; height: 100vh; position: relative; background: -webkit-linear-gradient(top, #f3f4f5, #e3e4e7); background: -o-linear-gradient(top, #f3f4f5, #e3e4e7); background: -moz-linear-gradient(top, #f3f4f5, #e3e4e7); background: linear-gradient(to bottom, #f3f4f5, #e3e4e7); } .banner .swiper-container { width: 100%; height: 100vh; } .banner .swiper-slide { width: 100%; height: 100%; overflow: hidden; } .banner_inner { display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; height: 100%; } .banner_l { width: 50%; text-align: right; padding-left: 10%; } .banner_l img { margin-top: 10%; opacity: 0; -webkit-transition: all 1s ease-in-out 0.2s; -moz-transition: all 1s ease-in-out 0.2s; -ms-transition: all 1s ease-in-out 0.2s; -o-transition: all 1s ease-in-out 0.2s; transition: all 1s ease-in-out 0.2s; } .banner_r { width: 45%; margin-left: 5%; padding-right: calc(45% - 500px); } .banner_r h3 { font-size: 46px; line-height: 65px; color: #333; opacity: 0; -webkit-transform: translateX(100px); -moz-transform: translateX(100px); -ms-transform: translateX(100px); -o-transform: translateX(100px); transform: translateX(100px); -webkit-transition: all 1s ease-in-out 0.2s; -moz-transition: all 1s ease-in-out 0.2s; -ms-transition: all 1s ease-in-out 0.2s; -o-transition: all 1s ease-in-out 0.2s; transition: all 1s ease-in-out 0.2s; } .banner_r h3 span { color: #0a3b7d; } .banner_r h6 { font-size: 18px; color: #666; margin-top: 32px; opacity: 0; -webkit-transform: translateX(100px); -moz-transform: translateX(100px); -ms-transform: translateX(100px); -o-transform: translateX(100px); transform: translateX(100px); -webkit-transition: all 1s ease-in-out 0.3s; -moz-transition: all 1s ease-in-out 0.3s; -ms-transition: all 1s ease-in-out 0.3s; -o-transition: all 1s ease-in-out 0.3s; transition: all 1s ease-in-out 0.3s; } .banner_r img { margin-top: 32px; opacity: 0; -webkit-transform: translateX(100px); -moz-transform: translateX(100px); -ms-transform: translateX(100px); -o-transform: translateX(100px); transform: translateX(100px); -webkit-transition: all 1s ease-in-out 0.4s; -moz-transition: all 1s ease-in-out 0.4s; -ms-transition: all 1s ease-in-out 0.4s; -o-transition: all 1s ease-in-out 0.4s; transition: all 1s ease-in-out 0.4s; } .banner_r .common_btn { margin: 40px 0 0; opacity: 0; -webkit-transform: translateX(100px); -moz-transform: translateX(100px); -ms-transform: translateX(100px); -o-transform: translateX(100px); transform: translateX(100px); -webkit-transition: all 1s ease-in-out 0.5s; -moz-transition: all 1s ease-in-out 0.5s; -ms-transition: all 1s ease-in-out 0.5s; -o-transition: all 1s ease-in-out 0.5s; transition: all 1s ease-in-out 0.5s; } .banner .swiper-slide.swiper-slide-active .banner_l img, .banner .swiper-slide.swiper-slide-active .banner_r h3, .banner .swiper-slide.swiper-slide-active .banner_r img, .banner .swiper-slide.swiper-slide-active .banner_r h6, .banner .swiper-slide.swiper-slide-active .banner_r .common_btn { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } .banner_btn { position: absolute; width: 60px; height: 60px; bottom: 0; top: 0; margin: auto; line-height: 60px; z-index: 9; text-align: center; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; cursor: pointer; } .bannerPrev { left: 108px; border: solid 1px #7d7d7d; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .bannerNext { right: 108px; border: solid 1px #7d7d7d; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .bannerPrev:hover, .bannerNext:hover { background: #004098; border-color: #004098; } .bannerP { position: absolute; bottom: 0; z-index: 9; width: 100%; } .bannerP ul { text-align: center; } .bannerP ul li { display: inline-block; } .bannerP ul li a { color: #999; padding: 25px 0 50px 0; display: block; position: relative; margin: 0 24px; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .bannerP ul li a span { position: absolute; top: 0; left: 50%; margin: auto; -webkit-transform: translate(-50%, -100%); -moz-transform: translate(-50%, -100%); -o-transform: translate(-50%, -100%); transform: translate(-50%, -100%); opacity: 0; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .bannerP ul li a::before { content: ''; position: absolute; top: 0; left: 0; right: 0; margin: auto; background: #b5b5b5; width: 1px; height: 20px; opacity: 0; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .bannerP ul li a::after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; margin: auto; background: #b5b5b5; width: 1px; height: 45px; opacity: 0; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .bannerP ul li.active a { color: #4d4d4d; } .bannerP ul li.active a span { opacity: 1; } .bannerP ul li.active a::before { opacity: 1; } .bannerP ul li.active a::after { opacity: 1; } /* banner */ /* index */ .wrapper { padding: 0 20px; overflow: hidden; } .ind_sec1 { position: relative; background: #f7f8fa; } .ind_sec1::after { content: ''; position: absolute; right: 0; top: 0; height: 100%; width: calc(50% - 480px); background: #f0f0f2; } .ind_sec1_t { padding: 64px 0; } .ind_sec1_t .container { display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; position: relative; } .ind_sec1_t_l { width: 50%; } .ind_sec1_t_l_inner { position: absolute; top: 0; z-index: 1; opacity: 0; -webkit-transition: all 0.8s ease-in-out; -moz-transition: all 0.8s ease-in-out; -ms-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out; width: 100%; } .ind_sec1_t_l_inner:first-child { position: relative; } .ind_sec1_t_l_inner.active { opacity: 1; z-index: 9; } .ind_sec1_t_l h3 { font-size: 40px; line-height: 55px; color: #1a1a1a; } .ind_sec1_t_l h5 { font-size: 20px; color: #1a1a1a; margin-top: 10px; } .ind_sec1_t_l .common_btn { margin: 40px 0 0; } .ind_sec1_t_r { width: 50%; } .ind_sec1_t_r img { -webkit-transform: translateX(-120px); -moz-transform: translateX(-120px); -ms-transform: translateX(-120px); -o-transform: translateX(-120px); transform: translateX(-120px); } .ind_sec1_t .common_tit { position: absolute; left: 100%; top: 0; z-index: 9; width: 340px; text-align: left; } .ind_sec1_t .common_tit h3 { -webkit-transform: rotateZ(90deg); -moz-transform: rotateZ(90deg); -ms-transform: rotateZ(90deg); -o-transform: rotateZ(90deg); transform: rotateZ(90deg); transform-origin: top left; } .ind_sec1_t .common_tit h5 { width: 24px; -webkit-transform: translate(-68px, -48px); -moz-transform: translate(-68px, -48px); -ms-transform: translate(-68px, -48px); -o-transform: translate(-68px, -48px); transform: translate(-68px, -48px); line-height: 22px; } .ind_sec1_b { position: relative; z-index: 5; } .ind_sec1_swiper_bg { position: absolute; top: 0; left: 0; width: 100%; height: 80%; background: #ebeced; } .ind_sec1_swiper_img { text-align: center; position: relative; z-index: 9; } .ind_sec1Prev { left: 108px; border: solid 1px #7d7d7d; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .ind_sec1Next { right: 108px; border: solid 1px #7d7d7d; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .ind_sec1Prev:hover, .ind_sec1Next:hover { background: #004098; border-color: #004098; } .ind_sec2 { margin-top: 80px; background: #eeedeb; } .ind_sec2 .common_tit h6::before { content: ''; display: block; margin: 20px auto; width: 15px; height: 6px; background: #004098; } .ind_sec2 .common_tit h6::after { content: ''; display: block; margin: 20px auto; width: 1px; height: 95px; background: #004098; } .ind_sec2_l { width: 43.6%; background: #eeedeb; float: left; display: table; min-height: 1px; padding: 50px 0; } .ind_sec2_l_inner { display: table-cell; vertical-align: middle; text-align: center; padding: 0 20% 0 calc(114.5% - 600px); } .ind_sec2_tit { text-align: left; } .ind_sec2_tit h3 { font-family: 'Bebas'; font-size: 40px; color: #000; } .ind_sec2_tit h3 { font-family: Arial; font-weight: bold; } .ind_sec2_tit h6 { font-size: 20px; line-height: 36px; color: #333; } .ind_sec2_tit h6::before { content: ''; display: block; margin: 40px 0; width: 15px; height: 6px; background-color: #004098; } .ind_sec_video { position: relative; margin-top: 40px; } .ind_sec2 a.common_btn { margin: 40px auto 0; } .ind_sec_video_img { position: relative; } .ind_sec_video_img .video_bg { width: 100%; } .ind_sec_video img.video_sd { position: absolute; bottom: 0; left: 50%; right: 0; margin: auto; max-width: 150%; -webkit-transform: translate(-50%, 100%); -moz-transform: translate(-50%, 100%); -ms-transform: translate(-50%, 100%); -o-transform: translate(-50%, 100%); transform: translate(-50%, 100%); z-index: 1; } .ind_sec_video .mask { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); z-index: 5; } .ind_sec_video .mask a { position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto; width: 50px; height: 50px; overflow: hidden; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .ind_sec2_r { width: 56.4%; background: #dedfe0; float: left; padding-top: 160px; text-align: center; } .ind_sec2_r img { max-width: 80%; } .ind_sec3 { padding: 100px 0; } .ind_sec3 a.common_btn { margin-top: 50px; color: #eeedeb; } .ind_sec3_tit { text-align: center; } .ind_sec3_tit h3 { font-size: 40px; color: #fff; } .ind_sec3_tit h3::after { content: ''; display: block; margin: 32px auto; width: 15px; height: 6px; background-color: #fff; } .ind_sec3_tit h6 { font-size: 20px; color: #fff; line-height: 36px; } .ind_sec3 .ind_sec_video { width: 600px; margin: 72px auto 0; } .ind_sec3 .ind_sec_video_img .mask a { width: 75px; height: 75px; } .ind_sec4 { background: -webkit-linear-gradient(top, #f2f6f8, #e1e7ec); background: -o-linear-gradient(top, #f2f6f8, #e1e7ec); background: -moz-linear-gradient(top, #f2f6f8, #e1e7ec); background: linear-gradient(to bottom, #f2f6f8, #e1e7ec); padding: 160px 0 20px; } .ind_sec4_l { width: 50%; float: left; padding-left: calc(50% - 600px); } .ind_sec4_tit h3 { font-size: 40px; color: #333; } .ind_sec4_tit h3::after { content: ''; display: block; margin: 32px 0; width: 15px; height: 6px; background-color: #004098; } .ind_sec4_tit h6 { font-size: 20px; color: #333; line-height: 36px; } .ind_sec4_nav { font-size: 0; letter-spacing: 0; margin-top: 88px; } .ind_sec4_nav li { display: inline-block; padding-right: 32px; vertical-align: top; width: 33.3%; } .ind_sec4_nav_img { position: relative; border: solid 1px #004098; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; text-align: center; width: 135px; line-height: 85px; height: 85px; margin-bottom: 20px; } .ind_sec4_nav_img img { opacity: 1; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .ind_sec4_nav_img img:nth-child(2) { position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 0; margin: auto; } .ind_sec4_nav li a:hover .ind_sec4_nav_img { background: #004098; } .ind_sec4_nav li a:hover .ind_sec4_nav_img img { opacity: 0; } .ind_sec4_nav li a:hover .ind_sec4_nav_img img:nth-child(2) { opacity: 1; } .ind_sec4_nav li p { font-size: 16px; line-height: 24px; color: #666; } .ind_sec4_r { width: 50%; float: left; padding-right: 80px; } .ind_sec5 { padding: 80px 0; } .ind_sec5 .common_tit {} .ind_sec5 .common_tit h3 { color: #fff; } .ind_sec5 .common_tit h6 { color: #fff; max-width: 1000px; margin: 12px auto 0; } .ind_sec5 .common_tit h6:last-child { margin-top: 32px; } .ind_sec5_nav { margin-top: 72px; } .ind_sec5_nav ul { font-size: 0; letter-spacing: 0; text-align: center; } .ind_sec5_nav li { display: inline-block; margin: 0 80px; text-align: center; } .ind_sec5_nav li span { display: block; font-family: 'Bebas'; font-size: 80px; color: #fff; } .ind_sec5_nav li p { font-size: 14px; line-height: 28px; color: #ccc; } .ind_sec6_l { float: left; width: 30%; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; background: #094eac; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; } .ind_sec6_l h4 { font-family: 'Bebas'; font-size: 60px; text-align: center; color: #fff; } .ind_sec6_l h4::after { content: ''; display: block; margin: 30px 0 70px; width: 15px; height: 6px; background-color: #fff; } .ind_sec6_l h5 { font-size: 20px; line-height: 28px; color: #e1e1e1; } .ind_sec6_r { float: left; width: 70%; padding: 50px calc(50% - 600px) 50px 160px; } .ind_sec6_r h3 { font-size: 20px; line-height: 28px; color: #333; } .ind_sec6_r ul { font-size: 0; letter-spacing: 0; } .ind_sec6_r_t { margin-top: 20px; } .ind_sec6_r_t ul li { display: inline-block; width: 50%; font-size: 14px; color: #333; line-height: 40px; vertical-align: top; } .ind_sec6_r ul li span { /*color: #808080;*/ } .ind_sec6_r_b { margin-top: 40px; position: relative; padding-right: 60px; } .ind_sec6_r_b h4 { font-size: 20px; line-height: 28px; color: #094eac; } .ind_sec6_r_b h5 { font-size: 14px; line-height: 28px; color: #808080; margin-top: 20px; margin-bottom: 10px; } .ind_sec6_r_b ul li { width: calc(33.3% - 16px); display: inline-block; margin-left: 24px; font-size: 14px; color: #333; } .ind_sec6_r_b ul li:first-child { margin-left: 0; } .ind_sec6_r_b ul li input { height: 38px; background: #f6f8fb; border-radius: 3px; border: solid 1px #eee; width: calc(100% - 42px); padding: 0 10px; } .ind_sec6_r_b ul li:first-child input { width: calc(100% - 70px); } .ind_sec6_r_b ul:nth-of-type(2) { margin-top: 12px; } .ind_sec6_r_b ul:nth-of-type(2) li:last-child { /*width: calc(66.6% - 8px);*/ } .ind_sec6_r_b ul:nth-of-type(2) li:last-child textarea { height: 38px; border-radius: 3px; border: solid 1px #eee; vertical-align: middle; display: inline-block; width: calc(100% - 42px); outline: none; padding: 8px 10px; background: #f6f8fb; resize: none; } .ind_sec6_r_b_btn { height: 90px; position: absolute; right: 0; bottom: 0; overflow: hidden; } .ind_sec6_r_b_btn a { display: block; background-color: #094eac; border: 1px solid #094eac; border-radius: 3px; width: 42px; height: 100%; line-height: 34px; padding: 8px; color: #fff; font-size: 14px; text-align: center; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .ind_sec6_r_b_btn a:hover { background: #fff; color: #094eac; } /* index */ /* news_deatil */ .news_deatil { background: #f6f6f6; } .news_deatil_tit { padding: 80px 0 28px; text-align: center; } .news_deatil_tit h1 { font-size: 24px; line-height: 28px; color: #444; } .news_deatil_tit h5 { font-size: 14px; line-height: 28px; color: #666; margin-top: 32px; position: relative; } .news_deatil_tit h5 span { position: absolute; right: 0; top: 0; } .news_deatil_con { padding: 40px 0; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; } .news_deatil_con p { font-size: 14px; line-height: 28px; color: #444; margin-bottom: 20px; } .news_deatil_con p:last-child { margin-bottom: 0; } .news_deatil_b { padding: 40px 0 80px; line-height: 40px; } .news_deatil_b_l { float: left; } .news_deatil_b_r { float: right; } .news_deatil_btn { width: 40px; height: 40px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; cursor: pointer; border: solid 1px #7d7d7d; position: relative; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .news_deatil_b a { display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; color: #444; } .news_deatil_btn img { opacity: 1; height: 16px; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .news_deatil_btn img:nth-child(2) { position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; opacity: 0; } .news_deatil_b_l .news_deatil_btn { margin-right: 10px; } .news_deatil_b_r .news_deatil_btn { margin-left: 10px; } .news_deatil_b_r img:nth-child(1), .news_deatil_b_l img:nth-child(2) { -webkit-transform: rotateZ(180deg); -moz-transform: rotateZ(180deg); -ms-transform: rotateZ(180deg); -o-transform: rotateZ(180deg); transform: rotateZ(180deg); } .news_deatil_b a:hover { color: #004098; } .news_deatil_b a:hover .news_deatil_btn { border: solid 1px #004098; background: #004098; } .news_deatil_b a:hover .news_deatil_btn img { opacity: 0; } .news_deatil_b a:hover .news_deatil_btn img:nth-child(2) { opacity: 1; } /* news_deatil */ /* service_sec */ .service_sec2 { background: #f9f9f9; padding: 80px 0; } .service_sec2_l { width: 50%; float: left; } .service_sec2_l h3 { font-size: 22px; line-height: 34px; color: #004098; } .service_sec2_l ul { margin-top: 20px; } .service_sec2_l ul li { font-size: 14px; line-height: 36px; color: #555; } .service_sec2_l ul li span { display: inline-block; width: 30px; height: 30px; background-color: #fff; border-radius: 50%; line-height: 30px; text-align: center; margin-right: 10px; } .service_sec2_l .ewm { margin-top: 20px; } .service_sec2_l .ewm img { margin-bottom: 10px; } .service_sec2_l h5 { line-height: 24px; color: #888; font-size: 14px; } .service_sec2_r { width: 50%; float: left; position: relative; } .service_sec2_r p { text-align: center; position: absolute; left: -5%; top: 0; bottom: 0; margin: auto; width: 110%; height: 45px; font-size: 18px; line-height: 45px; color: #fff; background-color: #004098; } .service_sec3 { padding: 80px 0; } .service_sec3 h4 { font-size: 14px; line-height: 36px; color: #333031; margin: 10px 0; } .service_sec3 h4 img { margin-right: 10px; } .service_sec3_box { padding: 30px; border: solid 1px #e1e1e1; } .service_sec3_box label { display: block; width: 50%; float: left; font-size: 14px; line-height: 42px; color: #555; margin-bottom: 20px; } .service_sec3_box label:nth-last-child(-n + 2) { margin-bottom: 0; } .service_sec3_box label:nth-last-child(2n + 1) { clear: both; } .service_sec3_box label:last-child { width: 100%; } .service_sec3_box label input { width: calc(100% - 120px); margin: 0 10px; height: 38px; border-radius: 3px; border: solid 1px #dedede; background: transparent; padding: 0 10px; } .service_sec3_box label span { color: #fd7e7e; } .service_sec3 textarea { width: 100%; height: 160px; padding: 10px; line-height: 28px; font-size: 14px; color: #666; outline: none; border: solid 1px #e1e1e1; resize: none; background: transparent; } .service_sec3 .common_btn { margin-top: 40px; width: 90px; height: 44px; line-height: 40px; } /* service_sec */ /* pro_sec */ .pro_sec1 { position: relative; } .pro_sec1 img { width: 100%; } .pro_sec1 .play { position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; width: 75px; height: 75px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; overflow: hidden; } .pro_sec2 { background: -webkit-linear-gradient(top, #f2f6f8, #e1e7ec); background: -o-linear-gradient(top, #f2f6f8, #e1e7ec); background: -moz-linear-gradient(top, #f2f6f8, #e1e7ec); background: linear-gradient(to bottom, #f2f6f8, #e1e7ec); } .pro_sec2 .swiper-slide { text-align: center; padding: 160px 0 60px; } .pro_sec2 .pro_sec2_inner img:nth-child(1) { opacity: 0; -webkit-transform: translateY(-100px); -moz-transform: translateY(-100px); -ms-transform: translateY(-100px); -o-transform: translateY(-100px); transform: translateY(-100px); -webkit-transition: all 1s ease-in-out 0.4s; -moz-transition: all 1s ease-in-out 0.4s; -ms-transition: all 1s ease-in-out 0.4s; -o-transition: all 1s ease-in-out 0.4s; transition: all 1s ease-in-out 0.4s; } .pro_sec2 .pro_sec2_inner p { font-size: 24px; color: #333; /*margin: 36px 0 60px;*/ opacity: 0; -webkit-transform: translateY(-100px); -moz-transform: translateY(-100px); -ms-transform: translateY(-100px); -o-transform: translateY(-100px); transform: translateY(-100px); -webkit-transition: all 1s ease-in-out 0.3s; -moz-transition: all 1s ease-in-out 0.3s; -ms-transition: all 1s ease-in-out 0.3s; -o-transition: all 1s ease-in-out 0.3s; transition: all 1s ease-in-out 0.3s; } .pro_sec2 .pro_sec2_inner img:nth-child(3) { opacity: 0; -webkit-transition: all 1s ease-in-out 0.2s; -moz-transition: all 1s ease-in-out 0.2s; -ms-transition: all 1s ease-in-out 0.2s; -o-transition: all 1s ease-in-out 0.2s; transition: all 1s ease-in-out 0.2s; } .pro_sec2 .swiper-slide.swiper-slide-active .pro_sec2_inner img:nth-child(3) {} .pro_sec2 .pro_sec2_inner h3 { font-size: 48px; line-height: 65px; color: #0a3b7d; opacity: 0; -webkit-transform: translateY(100px); -moz-transform: translateY(100px); -ms-transform: translateY(100px); -o-transform: translateY(100px); transform: translateY(100px); -webkit-transition: all 1s ease-in-out 0.5s; -moz-transition: all 1s ease-in-out 0.5s; -ms-transition: all 1s ease-in-out 0.5s; -o-transition: all 1s ease-in-out 0.5s; transition: all 1s ease-in-out 0.5s; } .pro_sec2 .pro_sec2_inner h4 { font-size: 24px; line-height: 1.8; color: #333; opacity: 0; -webkit-transform: translateY(100px); -moz-transform: translateY(100px); -ms-transform: translateY(100px); -o-transform: translateY(100px); transform: translateY(100px); -webkit-transition: all 1s ease-in-out 0.6s; -moz-transition: all 1s ease-in-out 0.6s; -ms-transition: all 1s ease-in-out 0.6s; -o-transition: all 1s ease-in-out 0.6s; transition: all 1s ease-in-out 0.6s; } .pro_sec2 .pro_sec2_inner h5 { font-size: 24px; color: #333; font-family: 'Bebas'; margin-top: 32px; opacity: 0; -webkit-transform: translateY(100px); -moz-transform: translateY(100px); -ms-transform: translateY(100px); -o-transform: translateY(100px); transform: translateY(100px); -webkit-transition: all 1s ease-in-out 0.7s; -moz-transition: all 1s ease-in-out 0.7s; -ms-transition: all 1s ease-in-out 0.7s; -o-transition: all 1s ease-in-out 0.7s; transition: all 1s ease-in-out 0.7s; } .pro_sec2 .pro_sec2_inner h5::after { content: ''; display: block; width: 15px; height: 6px; background: #004098; margin: 28px auto 54px; } .pro_sec2 .swiper-slide.swiper-slide-active .pro_sec2_inner img:nth-child(1), .pro_sec2 .swiper-slide.swiper-slide-active .pro_sec2_inner p, .pro_sec2 .swiper-slide.swiper-slide-active .pro_sec2_inner img:nth-child(3), .pro_sec2 .swiper-slide.swiper-slide-active .pro_sec2_inner h3, .pro_sec2 .swiper-slide.swiper-slide-active .pro_sec2_inner h5, .pro_sec2 .swiper-slide.swiper-slide-active .pro_sec2_inner h4 { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .pro_sec2 .swiper-slide.swiper-slide-active .pro_sec2_inner img:nth-child(1) { width: 46%; } .pro_sec3_inner { position: relative; } .pro_sec3_inner img { width: 100%; } .pro_sec3_inner .text { display: inline-block; position: absolute; z-index: 9; top: 50%; left: 60%; text-align: center; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); line-height: 1.8; font-size: 40px; color: #fff; } .pro_sec4 { padding: 80px 0; background: #f3f3f3; } .pro_sec4_list { font-size: 0; letter-spacing: 0; margin-top: 40px; } .pro_sec4_list>li { display: inline-block; width: 31%; margin-left: 1.75%; text-align: center; } .pro_sec4_list>li:last-child { margin-right: 1.75%; } .pro_sec4_list a { display: block; padding: 60px 40px; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .pro_sec4_list a:hover { background: #fff; box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.03); border-radius: 3px; } .pro_sec4_list a h4 { margin-bottom: 12px; text-align: left; } .pro_sec4_list a h4 span { display: inline-block; font-size: 12px; color: #666; height: 40px; border: solid 1px #c4c4c4; line-height: 40px; padding: 0 24px; } .pro_sec4_list a img { max-width: 75%; } .pro_sec4_list a h3 { font-size: 18px; color: #333; text-align: left; margin: 24px 0; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .pro_sec4_list a:hover h3 { color: #004098; } .pro_sec4_list a ul li { display: inline-block; width: 30%; text-align: center; background-color: #fff; border: solid 1px #dadada; margin-right: 3%; padding: 16px 0; vertical-align: top; } .pro_sec4_list a ul li img { max-width: 75%; } .pro_sec4_list a ul li p { font-size: 14px; color: #555; margin-top: 16px; line-height: 22px; height: 44px; overflow: hidden; } /* pro_sec */ /* intro_sec */ .intro_sec1_img { position: relative; } .intro_sec1_img img { width: 100%; } .intro_sec1_text { position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; text-align: center; } .intro_sec1_text_inner h4 { font-size: 36px; color: #fff; } .intro_sec1_text_inner h3 { font-size: 72px; color: #fff; font-weight: bold; } .intro_sec1_text_inner h6 { font-size: 18px; letter-spacing: 0.9px; color: #fff; font-family: Arial; } .intro_sec1_text_inner h6::before { content: ''; display: block; margin: 20px auto 32px; width: 2px; height: 50px; background-color: #fff; opacity: 0.5; } .intro_sec2 { padding: 80px 0; position: relative; background: #f3f1f1; text-align: center; } .intro_sec2 .common_tit { position: absolute; top: 80px; width: 100%; } .intro_sec3 { margin: 80px auto; } .intro_sec3_swiper { margin-top: 40px; } .intro_sec3_swiper .swiper-slide>div { display: flex; align-items: center; justify-content: center; flex-direction: column; -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); overflow: hidden; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .intro_sec3_swiper .swiper-slide-active>div { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .intro_sec3_swiper .swiper-slide img { width: 100%; } .intro_sec3_swiper .swiper-slide p { width: 100%; height: 54px; line-height: 54px; background-color: #fff; border: solid 1px #dadada; text-align: center; font-size: 16px; color: #555; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .intro_sec3_swiper .swiper-slide-active>div p { background: #004098; color: #fff; } .intro3_p { text-align: center; } .intro3Prev { left: 0px; width: 40px; height: 100px; line-height: 100px; background-color: #ededed; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .intro3Next { right: 0px; width: 40px; height: 100px; line-height: 100px; background-color: #ededed; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-transform: translateX(50%); -moz-transform: translateX(50%); -ms-transform: translateX(50%); -o-transform: translateX(50%); transform: translateX(50%); -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .intro3Prev:hover, .intro3Next:hover { background: #004098; } /* intro_sec */ /* news_sec */ .news_sec { padding: 80px 0; } .news_list ul li { width: calc(50% - 10px); margin-right: 20px; float: left; margin-bottom: 20px; } .news_list ul li:nth-child(2n) { margin-right: 0; } .news_list ul li:nth-last-child(-n + 2) { margin-bottom: 0; } .news_list ul li:nth-child(2n + 1) { clear: both; } .news_list ul li a { display: block; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; padding: 40px 30px; border-bottom: 1px solid #dcdcdc; } .news_list ul li a h4 { font-size: 22px; line-height: 34px; color: #808080; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .news_list ul li a h4 span { font-size: 14px; } .news_list ul li a h3 { font-size: 22px; line-height: 34px; font-weight: bold; color: #333; margin-top: 50px; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .news_list ul li a>img { width: 55%; margin-top: 20px; } .news_list ul li a h6 { font-size: 14px; line-height: 28px; color: #666; margin-top: 40px; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; height: 56px; } .news_list ul li a .img_outer { margin-top: 70px; } .news_list ul li a .img { position: relative; } .news_list ul li a .img img { display: block; width: auto; opacity: 1; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .news_list ul li a .img img:nth-child(2) { position: absolute; top: 0; left: 0; opacity: 0; } .news_list ul li a:hover { background: #004f98; border-bottom-color: #004f98; } .news_list ul li a:hover h4, .news_list ul li a:hover h3 { color: #fff; } .news_list ul li a:hover h6 { color: #fff; opacity: 0.5; } .news_list ul li a:hover .img img { opacity: 0; } .news_list ul li a:hover .img img:nth-child(2) { opacity: 1; } .news_sec .pagination { margin-bottom: 0; } /* news_sec */ /*鎶曡祫鑰呭叧绯?/ .company_banner{ width: 100%; position: relative; } .company_banner .company_info{ position: absolute; left: 50%; top: 50%; -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); color:#fff; text-align: center; width: 100%; } .company_banner .company_info .txt{ font-size: 48px; font-weight: bold; } .company_banner .company_info .txt2{ font-size: 16px; padding-top: 20px; letter-spacing: 25px; } .company_menu{ position: absolute; bottom: 0; left: 0; z-index: 100; height: 60px; line-height: 60px; width: 100%; padding: 0 11.5%; box-sizing: border-box; border-top: 1px solid rgba(255,255,255,0.2); } .company_menu .company_menu_nav{ margin-right: 90px; color:#fff; font-size: 14px; position: relative; height: 60px; display: block; } .company_menu .company_menu_nav:last-child{ margin-right: 0; } .company_menu .company_menu_nav::after { content: ''; position: absolute; bottom: 0; -ms-transform: translateX(-50%); -o-transform: translateX(-50%); -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); left: 50%; margin: auto; width: 0; height: 3px; background: #fff; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; border-radius: 10px; } .company_menu .company_menu_nav:hover::after{ width: 20px; } .company_menu .company_menu_nav.on::after{ width: 20px; } .company1_box{ padding: 0 11.5% 80px 11.5%; min-width: 1200px; } .company1_box .company1_title{ font-size: 22px; font-weight: bold; text-align: center; line-height: 1; padding: 80px 0 40px 0; } .company1_menu{ width: 100%; margin-bottom: 25px; } .company1_menu .company1_menu_nav{ height: 50px; width: 144px; border-radius: 50px; text-align: center; line-height: 50px; font-size: 16px; color:#333; background: #fff; } .company1_menu .company1_menu_nav.on{ background: #1d4589; color:#fff; } .company1_menu .year_txt{ border:none; -ms-appearance:none; -o-appearance:none; -moz-appearance:none; -webkit-appearance:none; appearance:none; color:#1d4589; font-size: 14px; padding-right: 26px; position: relative; z-index: 10; background: transparent; } .company1_menu .date_icon{ position: relative; left: -16px; } .company1_menu .year_txt:focus{ outline: none; } .company1_box .company1_content{ width: 100%; } .company1_box .company1_nav{ height: 80px; font-size: 14px; padding: 0 20px; border-bottom: 1px solid #f0f0f0; color:#333333; } .company1_box .company1_nav:first-child{ border-top: 1px solid #f0f0f0; } .company1_box .company1_nav .left{ line-height: 30px; } .company1_box .company1_nav .right{ line-height: 1px; color:#b3b3b3; white-space: nowrap; } .company1_box .company1_nav .company1_icon{ width: 20px; height: 22px; } .company1_box .company1_nav .img2{ display: none; } .company1_box .company1_nav:hover .img2{ display: block; } .company1_box .company1_nav:hover .img1{ display: none; } .company1_box .company1_nav:hover{ color:#1d4589; background: #f2f4f8; } .company1_box .company1_nav .txt{ width: calc(100% - 30px); margin-left: 10px; } .connect1_inner{ height: 304px; margin-top: 60px; color:#fff; font-size: 14px; width: 100%; } .connect1_content{ padding: 0 9%; width: 100%; box-sizing: border-box; } .connect1_nav{ width: 100%; } .connect1_nav .txt{ margin-bottom: 40px; } .connect1_box .company1_title{ border-bottom: 1px solid #f0f0f0; } .detail_con{ padding: 0 8%; } .detail_con .detail_title{ text-align: center; font-size: 24px; font-weight: bold; padding-top: 80px; padding-bottom: 16px; line-height: 30px; } .detail_con .detail_subtitle{ text-align: center; font-size: 16px; color:#888; line-height: 1; padding-bottom: 20px; } .detail_con .detail_box{ border-top: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb; padding: 70px 0; } .detail_con .detail_box .detail_content p{ color:#666; font-size: 16px; margin-bottom: 30px; text-indent: 32px; line-height: 36px; } .detail_con .detail_box .detail_content img{ max-width: 100%; display: block; margin: auto; } .detail_con .detail_box .detail_content p:last-child{ margin-bottom: 0; } .detail_con .detail_msg{ text-align: right; color:#666; font-size: 16px; line-height: 36px; padding-top: 60px; } .detail_con .detail_footer{ padding-top: 40px; padding-bottom: 100px; } .detail_con .detail_footer .detail_return{ width: 96px; height: 40px; border-radius: 40px; border:1px solid #ebebeb; font-size: 16px; color:#999; line-height: 40px; text-align: center; } /*鎶曡祫鑰呭叧绯?/ /* footer */ .footer { background: #f2f2f2; min-width: 1200px; } .footer_inner { margin: 0 11.5% 0 11.5%; padding: 108px 0 86px 0; overflow: hidden; border-bottom: 1px solid #d8d8d8; } .footer_inner h3 { text-align: center; margin-bottom: 40px; } .footer_l { float: left; } .footer_nav>li { display: inline-block; vertical-align: top; margin-right: 108px; } .footer_nav>li:last-child { margin-right: 0; } .footer_nav>li h4 a { font-size: 20px; color: #333; font-weight: bold; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .footer_nav>li>ul>li { margin-top: 20px; } .footer_nav>li>ul>li a { color: #333; font-size: 16px; line-height: 1; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .footer_nav a:hover { color: #094eac; } .footer_r { float: right; } .footer_r h5 { text-align: center; color: #808080; font-size: 14px; margin-top: 20px; } .footer_r h5 a { color: #808080; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .footer_r h5 a:hover { color: #fff; } .footer_r ul { font-size: 0; letter-spacing: 0; } .footer_r ul li { display: inline-block; margin-left: 10px; } .footer_r ul li:first-child { margin-left: 0; } .footer_r ul li a { display: block; width: 40px; height: 40px; background: #666; line-height: 40px; text-align: center; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .footer_r ul li a:hover { background: #094eac; } .footer_b { line-height: 95px; color: #808080; font-size: 14px; padding: 0 11.5%; } .footer_b a { color: inherit; } /* footer */ .ind_sec1_p, .pro2_p, .pro4_p { text-align: center; position: absolute; width: 100%; bottom: 10px; z-index: 9; } .ind_sec1_p .swiper-pagination-bullet, .intro1_p .swiper-pagination-bullet, .pro2_p .swiper-pagination-bullet, .pro4_p .swiper-pagination-bullet { background: #004098; margin: 0 5px; } .ind_sec1_p .swiper-pagination-bullet-active, .intro1_p .swiper-pagination-bullet-active, .pro2_p .swiper-pagination-bullet-active, .pro4_p .swiper-pagination-bullet-active { background: #004098; } .footer_r ul .wx { position: relative; text-align: right; line-height: 1; } .footer_r ul .ewm { width: 154px; display: inline-block; } .footer_r ul .wx_title { font-size: 20px; font-weight: bold; } .footer_r ul .wx_phone { font-size: 42px; font-weight: bold; margin-top: 26px; margin-bottom: 47px; } @media (max-width: 1860px) { .footer_nav>li { margin-right: 90px; } } @media (max-width: 1660px) { .pro_sec3_inner .text { font-size: 32px; } .footer_nav>li { margin-right: 80px; } .footer_r ul .wx_title { font-size: 16px; } .footer_r ul .wx_phone { font-size: 30px; } } @media (max-width: 1440px) { .ind_sec2_r { padding: 180px 0 20px; } .intro_sec1_text_inner h4 { font-size: 28px; } .intro_sec1_text_inner h3 { font-size: 64px; } .intro_sec1_text_inner h6 { font-size: 16px; } .intro_sec1_text_inner h6::before { margin: 16px auto 24px; height: 42px; } .pro_sec3_inner .text { left: 54%; font-size: 30px; } .footer_nav>li { margin-right: 50px; } .header .header_inner>ul{ width: 70%; } } @media (max-width: 1366px) { .connect1_content{ padding: 0 5%; } .footer_inner { margin-right: 80px; margin-left: 80px; } .footer_b { padding: 0 80px; } .ind_sec2_l_inner { padding-left: 80px; } .ind_sec4_l { padding-left: 80px; } .pro_sec3_inner .text { font-size: 26px; } .header { height: 80px; line-height: 80px; } .header .container>ul>li>ul { top: 80px; } .ind_sec2 .common_tit h6::after { display: none; } .ind_sec_video { margin: 20px auto; width: 80%; } .ind_sec1_t_l .common_btn { margin: 20px 0 0; } .ind_sec1_t { padding: 64px 0 32px; } .ind_sec2 .common_tit h6::before { margin: 10px auto; } .ind_sec2_tit h6::before { margin: 10px 0; } .ind_sec2_r { padding: 120px 0 20px; } .ind_sec3_tit h3::after { margin: 10px auto; } .ind_sec3 .ind_sec_video { margin: 20px auto; width: 400px; } .ind_sec3 a.common_btn { margin-top: 20px; } .ind_sec4_tit h3::after { margin: 10px 0; } .ind_sec4_nav { margin-top: 40px; } .pro_sec2 .pro_sec2_inner h5::after { margin: 20px auto; } .intro_sec2_img { width: 600px; margin: auto; } .intro_sec3_swiper { width: 80%; margin: 20px auto 0; } .news_list ul li a h3 { margin-top: 20px; } .news_list ul li a h6 { margin-top: 20px; } .news_list ul li a .img_outer { margin-top: 30px; } } @media (max-width: 1280px) { .ind_sec1_t { background: #ebeced; } .ind_sec1_t_r { display: none; } .ind_sec1_b { position: absolute; width: calc(100% - 380px); top: 0; left: 300px; } .ind_sec1_t .common_tit { top: -40px; } .ind_sec2_l { padding: 0; } .ind_sec2_tit h3 { font-size: 28px; } .ind_sec6_r { padding: 50px calc(50% - 600px) 50px 40px; } .pro_sec2 .pro_sec2_inner img:nth-child(3) { width: 50%; } .pro_sec4_list a h4 { float: left; margin-left: 10px; } .pro_sec4_list a h4:first-child { margin-left: 0; } } @media (max-width: 768px) { .company_banner .company_info .txt{ font-size: 16px; } .company_banner .company_info .txt2{ font-size: 12px; letter-spacing: 0px; padding-top: 5px; } .company_banner .company_info{ top: 35%; } .company_menu{ height: 32px; line-height: 32px; } .company_menu .company_menu_nav{ font-size: 12px; height: 32px; margin-right: 20px; } .company1_box{ min-width: auto; } .connect1_inner{ height: auto; padding: 20px 0; margin-top: 30px; } .connect1_nav{ display: block; line-height: 36px; font-size: 16px; } .connect1_nav .txt{ margin-bottom: 0; } .company1_box .company1_title { font-size: 18px; padding: 30px 0 20px 0; } .company1_box .company1_nav{ display: block; height: auto; font-size: 16px; padding: 20px 0; } .company1_box .company1_nav .left{ width: 100%; line-height: 24px; } .company1_box .company1_nav .right{ width: 100%; font-size: 14px; padding-top: 20px; text-align: right; } .company1_menu .company1_menu_nav { height: 36px; width: 90px; line-height: 36px; font-size: 16px; } .company1_box { padding: 0 3% 30px 3%; } .company1_menu .year_txt{ font-size: 16px; } .detail_con .detail_title { font-size: 18px; padding-top: 30px; line-height: 26px; } .detail_con .detail_box .detail_content p{ font-size: 14px; margin-bottom: 20px; text-indent: 28px; line-height: 24px; } .detail_con .detail_msg { font-size: 14px; line-height: 24px; padding-top: 30px; } .detail_con .detail_box { padding: 20px 0; } .detail_con .detail_footer { padding-top: 20px; padding-bottom: 30px; } #video_model video { width: 100%; height: auto; } #video_model img { width: 24px; } .header { display: none; } .headerSJ { display: block; position: fixed; left: 0px; top: 0px; box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.2); z-index: 9999; width: 100%; background-color: #fff; padding: 0px 0px; } .headerSJ .headerSC { padding: 0px 12px; height: 60px; } .headerSJ .logo { float: left; line-height: 60px; } .headerSJ .logo img { height: 22px; } .headerSJ .navbar { position: relative; float: right; padding: 7px 10px; margin-top: 15px; margin-right: 0px; margin-bottom: 8px; background-color: transparent; background-image: none; border: 1px solid #004098; border-radius: 4px; outline: none; } .headerSJ .navbar .icon-bar { display: block; width: 22px; height: 2px; border-radius: 1px; background-color: #004098; } .headerSJ .navbar .icon-bar+.icon-bar { margin-top: 4px; } .headerSJ .navwrap { position: fixed; top: 0px; left: -50%; width: 50%; height: 100%; z-index: 1100; background-color: #000; opacity: 0; } .headerSJ .navwrap .nav { padding: 10px 5% 0px 5%; } .headerSJ .navwrap .nav li { line-height: 42px; border-bottom: 1px solid #232530; padding: 0px 5%; } .headerSJ .navwrap .nav li a { display: block; color: #fff; font-size: 16px; } .headerSJ .navbg { position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.7); z-index: 1001; display: none; } .headerSJ .navbg .closeSJ { position: absolute; right: 20px; top: 20px; } .headerSJ .navwrap .nav .SJbod { display: none; } .headerSJ .navwrap .nav .SJbod dd a { height: 36px; line-height: 36px; font-size: 14px; } .headerSJ .navwrap .nav .plus a { background: url(../images/plus.png) right center no-repeat; } .headerSJ .navwrap .nav .minus a { background: url(../images/minus.jpg) right center no-repeat; } .headerSJ .navwrap .nav .lan .SJtit a { display: inline-block; } .headerSJ .navwrap .nav .lan .SJtit span { color: #fff; font-size: 16px; display: inline-block; padding: 0px 5px; } .common_tit h3 { font-size: 24px; } .common_btn { width: 120px; font-size: 12px; line-height: 36px; height: 40px; } .common_btn::before, .common_btn::after { display: none; } .common_btn:hover span { opacity: 1; transform: translateX(0%); -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); -o-transform: translateX(0%); } .wrapper { padding: 0; } .wrapper.inner_w { padding: 60px 0 0; } .banner_inner { flex-direction: column; padding: 0 3%; } .banner_l { padding-left: 0%; text-align: center; } .banner_l img { max-width: 80%; margin-top: 0; } .banner_r h3 { font-size: 20px; line-height: 32px; } .banner_r h6 { font-size: 14px; margin-top: 20px; } .banner_r img { max-width: 50%; margin-top: 20px; } .banner_r .common_btn { margin: 20px auto 0; } .banner_l, .banner_r { width: 100%; float: none; margin: 0; text-align: center; } .banner_btn { display: none; } .bannerP { bottom: 20px; } .bannerP ul li a { padding-bottom: 0; } .bannerP ul li a::after { display: none; } .ind_sec1_t { padding: 40px 0 0; } .ind_sec1_t .container { display: block; } .ind_sec1_t .common_tit { text-align: center; position: static; width: auto; } .ind_sec1_t .common_tit h3 { -webkit-transform: rotateZ(0); -moz-transform: rotateZ(0); -ms-transform: rotateZ(0); -o-transform: rotateZ(0); transform: rotateZ(0); } .ind_sec1_t .common_tit h5 { width: auto; -webkit-transform: rotateZ(0); -moz-transform: rotateZ(0); -ms-transform: rotateZ(0); -o-transform: rotateZ(0); transform: rotateZ(0); } .ind_sec1_t_l { width: 100%; margin-top: 20px; position: relative; } .ind_sec1_t_l h3 { font-size: 20px; line-height: 32px; } .ind_sec1_t_l h5 { font-size: 14px; margin-top: 10px; } .ind_sec1_t_l .common_btn { margin: 20px auto 0; } .ind_sec1_t_r { margin-top: 20px; width: 100%; } .ind_sec1_b .container { padding: 0; } .ind_sec2 { margin-top: 40px; } .common_tit h6 { margin-bottom: 20px; } .ind_sec2 .common_tit h6::after { display: none; } .ind_sec2_l { width: 100%; float: none; height: auto !important; display: block; } .ind_sec2_l_inner { display: block; padding: 40px 3%; } .ind_sec2_tit h3 { font-size: 24px; } .ind_sec2_tit h6 { font-size: 14px; line-height: 24px; } .ind_sec2_tit h6::before { margin: 20px auto; } .ind_sec_video { width: 80%; margin: 20px auto 0; } .ind_sec2_r { width: 100%; float: none; padding: 40px 0; height: auto !important; } .ind_sec3 { padding: 40px 3%; } .ind_sec3_tit h3 { font-size: 24px; } .ind_sec3_tit h3::after { margin: 12px auto; } .ind_sec3_tit h6 { font-size: 14px; line-height: 24px; } .ind_sec3 .ind_sec_video { margin-top: 40px; width: 80%; } .ind_sec4 { padding: 40px 3%; } .ind_sec4_tit h3 { font-size: 24px; } .ind_sec4_tit h3::after { margin: 12px auto; } .ind_sec4_tit h6 { font-size: 14px; line-height: 24px; } .ind_sec4_nav { margin-top: 20px; } .ind_sec4_l { width: 100%; float: none; padding: 0; } .ind_sec4_nav li { width: 32%; margin-right: 2%; vertical-align: top; } .ind_sec4_nav li:last-child { margin-right: 0; } .ind_sec4_nav li p { font-size: 14px; } .ind_sec4_nav_img { width: 100%; margin-bottom: 10px; } .ind_sec4_r { width: 100%; float: none; margin-top: 20px; text-align: center; padding-right: 0; } .ind_sec4_r img { width: 80%; } .ind_sec5 { padding: 40px 3%; } .ind_sec5_nav { margin-top: 0px; } .ind_sec5_nav li { margin-top: 20px; } .ind_sec5_nav li span { font-size: 40px; } .ind_sec6_l { width: 100%; float: none; height: auto !important; padding: 40px 3%; } .ind_sec6_r { width: 100%; float: none; padding: 40px 3%; } .ind_sec6_r_t ul li { width: 100%; line-height: 28px; } .ind_sec6_r_b { padding-right: 0; } .ind_sec6_r_b ul li { width: 100%; margin: 5px 0; } .ind_sec6_r_b ul:nth-of-type(1) li:nth-child(2) span, .ind_sec6_r_b ul:nth-of-type(1) li:nth-child(3) span, .ind_sec6_r_b ul:nth-of-type(2) li:nth-child(2) span { display: inline-block; text-indent: 2em; } .ind_sec6_r_b ul:nth-of-type(1) li:nth-child(2) input, .ind_sec6_r_b ul:nth-of-type(1) li:nth-child(3) input, .ind_sec6_r_b ul:nth-of-type(2) li:nth-child(2) textarea { width: calc(100% - 70px); } .ind_sec6_r_b ul:nth-of-type(2) li:last-child { width: 100%; } .ind_sec6_r_b ul:nth-of-type(2) { margin-top: 0; } .ind_sec6_r_b_btn { height: auto; position: static; margin: 20px 0 0; } .ind_sec6_r_b_btn a { display: block; width: 120px; height: 40px; line-height: 40px; margin: auto; padding: 0; } .footer{ min-width:auto; } .footer_inner { padding-top: 40px; padding-bottom: 20px; display: block; margin: 0; } .footer_r { width: 100%; float: none; text-align: center; } .footer_r ul .wx{ text-align: center; } .footer_r ul .wx_phone { font-size: 18px; margin-top: 20px; margin-bottom: 20px; } .footer_b { padding: 10px 3%; display: block; line-height: 24px; box-sizing: border-box; text-align: center; } .footer_b span{ display: block; } .pro_sec2 .swiper-slide { padding: 40px 0; } .pro_sec2 .pro_sec2_inner img:nth-child(1) { width: 50%; } .pro_sec2 .pro_sec2_inner p { font-size: 20px; margin: 20px 0; } .pro_sec2 .pro_sec2_inner img:nth-child(3) { width: 80%; } .pro_sec2 .pro_sec2_inner h3 { font-size: 24px; line-height: 36px; } .pro_sec2 .pro_sec2_inner h5 { font-size: 16px; margin-top: 12px; } .pro_sec2 .pro_sec2_inner h5::after { margin: 20px auto; } .pro_sec2 .pro_sec2_inner h4 { font-size: 18px; } .pro_sec4 { padding: 40px 0; } .pro_sec4_list { margin-top: 20px; position: relative; } .pro_sec4_list a { padding: 40px 3%; background: #fff; box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.03); border-radius: 3px; } .pro_sec4_list a h3 { color: #004098; } .news_sec { padding: 40px 0; } .news_list ul li { width: 100%; margin-right: 0; } .news_list ul li:nth-last-child(2) { margin-bottom: 20px; } .news_list ul li a h4 { font-size: 20px; line-height: 28px; } .news_list ul li a h3 { font-size: 20px; line-height: 28px; margin-top: 20px; } .news_list ul li a>img { width: 80%; } .news_list ul li a h6 { margin-top: 20px; } .news_list ul li a .img_outer { margin-top: 20px; } .news_deatil_tit { padding: 40px 0 28px; } .news_deatil_tit h1 { font-size: 22px; } .news_deatil_tit h5 { margin-top: 12px; } .news_deatil_tit h5 span { position: static; display: block; } .news_deatil_tit h5 span::after { content: ''; height: 0; display: block; clear: both; } .news_deatil_tit h5 span>div { float: right; } .news_deatil_b { padding: 28px 0 28px; line-height: 28px; } .service_sec1 { padding: 40px 0; } .country .swiper-slide h3 { line-height: 48px; font-size: 22px; } .country .swiper-slide ul { font-size: 0; letter-spacing: 0; } .country .swiper-slide ul li { text-align: center; width: 25%; display: inline-block; margin-top: 10px; font-size: 14px; } .country .swiper-slide ul li img { display: block; margin: auto; } .service_sec2 { padding: 40px 0; } .service_sec2_l { width: 100%; float: none; } .service_sec2_l h3 { font-size: 20px; } .service_sec2_r { width: 100%; float: none; margin-top: 20px; } .service_sec3 { padding: 40px 0; } .service_sec3_box { padding: 20px; } .service_sec3_box label { width: 100%; float: none; margin-bottom: 10px; } .service_sec3_box label:nth-last-child(2) { margin-bottom: 10px; } .intro_sec3 { margin: 40px auto; } .intro_sec2 { padding: 80px 0 40px 0; } .intro_sec2 .common_tit { top: 40px; } .intro_sec1_text_inner h4 { font-size: 18px; } .intro_sec1_text_inner h3 { font-size: 22px; margin-top: 5px; } .intro_sec1_text_inner h6 { font-size: 14px; } .intro_sec1_text_inner h6::before { margin: 6px auto 12px; height: 20px; } .intro_sec3_swiper .swiper-slide>div { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .pro_sec3_inner .text { font-size: 14px; left: 0; right: 0; } .ind_sec1_t_l_inner { text-align: center; } .ind_sec4_tit { text-align: center; } .ind_sec2_tit { text-align: center; } .ind_sec2 a.common_btn { margin: 40px auto 0; } .ind_sec6_l h4::after { margin: 30px auto; } .ind_sec1_b { position: relative; top: 0; left: 0; width: 100%; } .intro_sec2_img { width: 100%; } .intro_sec3_swiper { width: 100%; } }