/* 鍓嶇璋锋ⅵ闃 */ /* 涓昏壊璋 #1c3b89 */ @font-face { font-family: "gmb"; src: url("../font/GOTHAMRND-BOLD.woff") format("woff"), url("../font/GOTHAMRND-BOLD.ttf") format("truetype"), url("../font/GOTHAMRND-BOLD.eot") format("embedded-opentype"), url("../font/GOTHAMRND-BOLD.svg") format("svg"), url("../font/GOTHAMRND-BOLD.otf") format("opentype"); font-weight: normal; font-style: normal; } @font-face { font-family: "hrs"; src: url("../font/HELVETICA-ROMAN-SEMIB.woff2") format("woff2"), url("../font/HELVETICA-ROMAN-SEMIB.woff") format("woff"), url("../font/HELVETICA-ROMAN-SEMIB.ttf") format("truetype"), url("../font/HELVETICA-ROMAN-SEMIB.eot") format("embedded-opentype"), url("../font/HELVETICA-ROMAN-SEMIB.svg") format("svg"); font-weight: normal; font-style: normal; } *, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } * { margin: 0; padding: 0; } body { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); margin: 0 auto; overflow-x: hidden; /* max-width: 1920px; */ min-width: 1280px; position: relative; padding: 0; width: 100%; color: #1f1f1f; font-family: "寰蒋闆呴粦", "Microsoft YaHei", Helvetica, Arial, sans-serif; font-size: 14px; line-height: 1; background: #fff; } html.act { overflow: hidden; width: 100%; height: 100vh; } ul, ul li, ol li, tr td, dl, dd { list-style-type: none; margin: 0; padding: 0; } .clearfix:after { content: " "; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { *zoom: 1; } a { display: inline-block; text-decoration: none; cursor: pointer; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; color: #1f1f1f; } textarea, select { outline: none; color: #666; font-size: 14px; width: 100%; } img { border: none; transform: scale(1); -webkit-transform: scale(1); display: block; max-width: 100%; } img[src=""] { opacity: 0; } body::-webkit-scrollbar { width: 4px; height: 1px; } body::-webkit-scrollbar-thumb { background: #000; } body::-webkit-scrollbar-track { background: #fff; } .f_12 { font-size: 12px; } .f_14 { font-size: 14px; } .f_16 { font-size: 16px; } .f_18 { font-size: 18px; } .f_20 { font-size: 20px; } .f_22 { font-size: 22px; } .f_24 { font-size: 30px; } .f_26 { font-size: 26px; } .f_28 { font-size: 28px; } .f_30 { font-size: 30px; } .f_32 { font-size: 32px; } .f_34 { font-size: 34px; } .f_36 { font-size: 36px; } .f_38 { font-size: 38px; } .f_40 { font-size: 40px; } .f_42 { font-size: 42px; } .f_48 { font-size: 48px; } .f_50 { font-size: 50px; } .f_70 { font-size: 70px; } /*鍒嗛〉*/ .BMap_mask, .BMap_cpyCtrl, .BMap_scaleTxt, .BMap_scaleCtrl, .BMap_omCtrl, .anchorBL { display: none !important; } .a_dw { position: relative; top: -100px; } .a_kxo { position: relative; top: -40px; } .box { max-width: 1706px; min-width: 1200px; width: 90%; margin: 0 auto; position: relative; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; box-sizing: border-box; } .ibox { max-width: 1600px; min-width: 1200px; width: 90%; margin: 0 auto; position: relative; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; box-sizing: border-box; } .obox { max-width: 1400px; min-width: 100px; width: 90%; margin: 0 auto; position: relative; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; box-sizing: border-box; } .zbox { max-width: 1000px; min-width: 100px; width: 85%; margin: 0 auto; position: relative; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; box-sizing: border-box; } .alltime, .alltime * { -webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); -moz-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); } .wow { opacity: 1; } .wow1 { opacity: 1; } /* 澶撮儴 */ .m_header { display: none; } .header_nav { display: none; } .header { width: 100%; height: 100px; position: fixed; top: 0; left: 0; z-index: 10; background-color: #fff; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; border-bottom: 1px solid #dddddd; } .header.fixed { position: fixed; background-color: #fff; } .header .box { height: 100%; line-height: 100px; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; transition: all 0.4s; position: relative; display: flex; justify-content: space-between; } .header .logo_img { cursor: pointer; } .header .logo_img>a img { margin-top: 25px; } .header .box .fr { width: 65%; display: flex; } .header .box .h_daohang { width: 62%; height: 100%; } .header .box .ul1 { width: 100%; height: 100%; display: flex; justify-content: space-around; align-items: center; cursor: pointer; } .header .box .ul1 li { width: 100%; height: 100%; position: relative; text-align: center; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; } .header .box .ul1 li .ltp a { width: 100%; height: 100%; color: #333; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; } .header .box .ul1 li .ltp a span { position: relative; display: inline-block; } .header .box .ul1 li .ltp a span::before { content: ""; display: block; width: 0; height: 2px; background-color: #1c3b89; opacity: 0; -webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); -moz-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); position: absolute; bottom: 0; left: 0; } .header .box .ul1 li:hover .ltp a span::before { opacity: 1; width: 100%; } .header .box .ul1 li.act .ltp a span::before { opacity: 1; width: 100%; } .header .box .right { width: 38%; display: flex; align-items: center; position: relative; } .header .box .right .line { width: 1px; height: 18px; background-color: #999999; margin: 0 48px 0 28px; } .header .box .right .dsen { color: #333; } .header .box .right .dsen:hover { color: #1c3b89; } .header .box .right .en { margin: 0 7.5%; } .header .box .right .ss { width: 15px; height: 15px; position: relative; } .header .box .right .ss a { display: block; width: 100%; height: 100%; background: url(../images/h_1.png) center no-repeat; position: relative; } .header .box .right .ss input { display: block; width: 0px; height: 30px; background: #fff; border: 0; outline: none; border-bottom: 1px solid #333; position: absolute; top: 50%; transform: translateY(-50%); right: 100%; z-index: 5; } .header .box .right .ss:hover input { width: 270px; padding: 0 10px; } .header .box .right .phone_text { display: flex; align-items: center; position: absolute; right: 0; } .header .box .right .phone_text .ph_text { color: #0d5398; font-family: Arial; font-weight: bold; margin-left: 6px; } .header .box .ul1 li.act .ltp a { width: 100%; color: #1c3b89; } .header .box .ul1 li:hover .ltp a { width: 100%; color: #1c3b89; } .header .box .ul1 li .lbt a::before { content: ""; display: block; position: absolute; bottom: 0; left: 0; width: 0; height: 2px; background-color: #fff; -webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); -moz-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); display: none; } .header .box .ul1 li .lbt a:hover::before { content: ""; width: 100%; height: 2px; background-color: #fff; display: none; } .header .box .ul1 li .lbt { display: none; width: 100%; /* height: auto; */ position: absolute; /* top: 100px; */ left: 50%; transform: translateX(-50%); z-index: 10; /* border-top: 1px solid #dcdcdc; */ } .header .box .ul1 li .lbt.new-sy{ width: 1290px; position: fixed; top: 100px; left: 56%; transform: translateX(-50%); z-index: 10; } .header .box .ul1 li .lbt.new-sy .sbox { display: flex; justify-content: space-between; flex-direction: inherit; padding: 39px 67px 42px; border-radius: 0 0 16px 16px; box-shadow: 0 4px 7px rgba(0,0,0,.1); background: rgba(255, 255, 255, .6); } .new_tit p{ color: #666; padding: 10px 30px 10px 50px; line-height: 30px; position: relative; font-size: 16px; cursor: pointer; } .new_tit.Cblue p{ color: #1c3b89; } .new_tit .new_item{ display: none; } .new_tit .new_item a{ padding: 10px 30px 10px 80px; } .header .box .ul1 li .lbt.new-sy .sbox ul{ width: ; } .header .box .ul1 li .lbt.new-sy .sbox ul li{ height: auto; text-align: left; padding-left: 6px; } .header .box .ul1 li .lbt.new-sy .sbox ul.w300{ width: 316px; } .header .box .ul1 li .lbt.new-sy .sbox ul li a{ font-size: 12px; color: #333; } .header .box .ul1 li .lbt.new-sy .sbox ul li a:hover{ color: #0c2971; } .header .box .ul1 li .lbt.new-sy .sbox ul li s{ width: 2px; height: 17px; background-color: #0d5398; position: absolute; left: 0; top: 50%; margin-top: -8.5px; } .header .box .ul1 li .lbt.new-sy .sbox ul li.i_tit a{ font-size: 14px; color: #333; } /* .header .box .ul1 li:nth-child(2) .lbt { width: 170px; } */ .header .box .ul1 li .lbt.act { display: block; } .header .box .ul1 li .lbt .sbox { width: 100%; height: auto; position: relative; left: 50%; transform: translateX(-50%); z-index: 2; background: rgba(255, 255, 255, .6); display: flex; justify-content: center; flex-direction: column; padding: 10px 0; -moz-box-shadow:0px 0px 5px #ddd; -webkit-box-shadow:0px 0px 5px #ddd; box-shadow:0px 0px 5px #ddd; } .header .box .ul1 li .lbt a { display: block; line-height: 2.5; font-size: 14px; /* margin-right: 50px; */ color: #666; position: relative; } .header .box .ul1 li .lbt a:last-child { margin-right: 0; } .header .box .ul1 li .lbt a:hover { color: #0d5398; } /* 澶撮儴 */ /* 鑴氶儴 */ .footer { width: 100%; height: auto; background-color: #f3f4f4; } .footer .c_line { width: 100%; height: 8px; background-color: #1c3b89; } .footer .ibox { padding-top: 82px; } .footer .ibox .up { display: flex; justify-content: space-between; margin-bottom: 80px; } .footer .ibox .up .left { width: 41%; } .footer .ibox .up .left .l_box { width: 100%; display: flex; justify-content: space-between; margin-top: 30px; } .footer .ibox .up .left .l_box .l_left { width: 64%; } .footer .ibox .up .left .l_box .l_left .phone_text { color: #0051a5; font-family: "hrs"; } .footer .ibox .up .left .l_box .l_left .d_line { width: 20px; height: 2px; background-color: #d0d0d0; margin: 20px 0 24px 0; } .footer .ibox .up .left .l_box .l_left .t_text { color: #606569; padding-left: 27px; position: relative; line-height: 1.5; } .footer .ibox .up .left .l_box .l_left .t_text::before { content: ""; display: block; width: 15px; height: 15px; position: absolute; top: 4px; left: 0; background: url(../images/f_1.png); } .footer .ibox .up .left .l_box .l_left .t_text.two { margin-top: 17px; } .footer .ibox .up .left .l_box .l_left .t_text.two::before { background: url(../images/f_2.png); } .footer .ibox .up .left .l_box .l_left .t_text:hover { color: #1c3b89; } .footer .ibox .up .left .l_box .line { width: 1px; height: 148px; background-color: #e3e6e7; margin-top: 9px; } .footer .ibox .up .left .l_box .l_right { padding: 18px 15px 11px; display: flex; justify-content: center; align-items: center; flex-direction: column; background-color: #fff; margin-top: -4px; } .footer .ibox .up .left .l_box .l_right .lr_text { color: #282d38; margin-top: 13px; } .footer .ibox .up .right { width: 47.125%; } .footer .ibox .up .right .ul1 { width: 100%; display: flex; justify-content: space-between; } .footer .ibox .up .right .ul1 li {} .footer .ibox .up .right .ul1 li a { color: #606569; margin-bottom: 16px; display: block; } .footer .ibox .up .right .ul1 li a:last-child { margin-bottom: 0; } .footer .ibox .up .right .ul1 li a:first-child { color: #242b3d; margin-bottom: 30px; } .footer .ibox .up .right .ul1 li a:hover { color: #1c3b89; transform: translateX(5px); } .footer .down { width: 100%; display: flex; justify-content: space-between; align-items: center; padding: 28px 0 16px 0; border-top: 1px solid #e3e6e7; } .footer .down .bq_left { display: flex; align-items: center; } media.footer .down .bq_left, .footer .down .bq_left * { color: #606569; } .footer .down .bq_left .bah { margin-left: 6px; } .footer .down .bq_left .hs { margin-left: 35px; } .footer .down .bq_right { display: flex; } .footer .down .bq_right .two_img { margin-right: 10px; } .footer .down .bq_right .two_img:last-child { margin-right: 0px; } /* 鑴氭缁撴潫 */ /* 棣栭〉 */ #index .banner { width: 100%; margin-top: 100px; position: relative; } #index .banner .swiper1 { width: 100%; } #index .banner .swiper1 .s1_box { width: 100%; position: relative; } #index .banner .swiper1 .s1_box .img { width: 100%; } #index .banner .swiper1 .s1_box .img img { width: 100%; } #index .banner .swiper1 .s1_box .img img:last-child { display: none; } /* 263 */ #index .banner .swiper1 .s1_box .s1_fp { width: 100%; position: absolute; top: 31%; left: 50%; transform: translateX(-50%); } #index .banner .swiper1 .s1_box .s1_fp .text { width: 100%; display: flex; justify-content: center; align-items: center; flex-direction: column; position: relative; } #index .banner .swiper1 .s1_box .s1_fp .text::before { content: ""; display: block; width: 462px; height: 331px; background: url(../images/i_1.png) center no-repeat; position: absolute; top: -110px; left: 50%; transform: translateX(-50%); opacity: 0; -webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); -moz-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); transition-delay: 0.8s; -moz-transition-delay: 0.8s; -webkit-transition-delay: 0.8s; -o-transition-delay: 0.8s; } #index .banner .swiper1 .swiper-slide-active .s1_box .s1_fp .text::before { top: -130px; opacity: 1; } #index .banner .swiper1 .s1_box .s1_fp .text .d_text { color: #fff; transform: translateY(20px); transition-delay: 1.1s; -moz-transition-delay: 1.1s; -webkit-transition-delay: 1.1s; -o-transition-delay: 1.1s; opacity: 0; } #index .banner .swiper1 .swiper-slide-active .s1_box .s1_fp .text .d_text { transform: translateY(0); opacity: 1; } #index .banner .swiper1 .s1_box .s1_fp .text .c_text { color: #fff; margin-top: 25px; line-height: 1.5; transform: translateY(10px); opacity: 0; transition-delay: 1.3s; -moz-transition-delay: 1.3s; -webkit-transition-delay: 1.3s; -o-transition-delay: 1.3s; } #index .banner .swiper1 .swiper-slide-active .s1_box .s1_fp .text .c_text { transform: translateY(0); opacity: 1; } #index .banner .swiper1 .s1_box .s1_fp .text .play { width: 83px; height: 83px; margin-top: 35px; cursor: pointer; transform: translateY(20px); transition-delay: 1.5s; -moz-transition-delay: 1.5s; -webkit-transition-delay: 1.5s; -o-transition-delay: 1.5s; opacity: 0; } #index .banner .swiper1 .swiper-slide-active .s1_box .s1_fp .text .play { transform: translateY(0); opacity: 1; } #index .banner .swiper1 .s1_box .s1_fp .text .play .play_img { width: 100%; height: 100%; position: relative; } /* 鏃嬭浆鍔ㄧ敾 */ @keyframes xz { 0% { transform: rotate(0deg); } 100% { transform: rotate(180deg); } } @-webkit-keyframes xz { 0% { transform: scale(0); } 100% { transform: scale(1); } } #index .banner .swiper1 .s1_box .s1_fp .text .play .play_img::before { content: ""; display: block; width: 100%; height: 100%; background: url(../images/i_2.png) center no-repeat; position: absolute; top: 0; left: 0; -webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); -moz-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); } #index .banner .swiper1 .s1_box .s1_fp .text .play:hover .play_img::before { animation: xz 1s linear infinite; -webkit-animation: xz 1s linear infinite; } #index .banner .ibox { position: absolute; bottom: 20px; left: 50%; transform: translateX(-50%); z-index: 2; } /* dddd */ #index .banner .ibox .four_img { width: 100%; display: flex; justify-content: space-between; align-items: center; } #index .banner .ibox .four_img .four { width: 100%; margin-right: 20px; overflow: hidden; height: 150px; } #index .banner .ibox .four_img .four:last-child { margin-right: 0; } #index .banner .ibox .four_img .four a { display: block; position: relative; width: 100%; height: 100%; display: flex; justify-content: center; flex-direction: column; padding: 0 20px; } #index .banner .ibox .four_img .four a .text { position: relative; z-index: 5; } #index .banner .ibox .four_img .four a .text .d_text { color: #333; } #index .banner .ibox .four_img .four a .text .c_text { color: rgba(51, 51, 51, .8); font-family: Arial; margin-top: 17px; } #index .banner .ibox .four_img .four:hover a .text .d_text { color: #fff; } #index .banner .ibox .four_img .four:hover a .text .c_text { color: rgba(255, 255, 255, .6); } #index .banner .ibox .four_img .four a .text .ty_jiantou { position: absolute; top: 50%; right: 35px; transform: translateY(-50%); opacity: 0; } #index .banner .ibox .four_img .four a:hover .text .ty_jiantou { opacity: 1; } #index .banner .ibox .four_img .four a:hover .text .ty_jiantou .svg svg.circle-hover circle { stroke-dashoffset: 0; } #index .banner .ibox .four_img .four a:hover .text .ty_jiantou .svg svg.circle-hover.copy circle { transition-delay: 0.2s; } #index .banner .ibox .four_img .four a .cir { position: absolute; top: 50%; -webkit-transform: translate(22%, -50%); -moz-transform: translate(22%, -50%); -ms-transform: translate(22%, -50%); -o-transform: translate(22%, -50%); transform: translate(22%, -50%); right: 50px; width: 106px; height: 106px; border-radius: 50%; box-shadow: 0px 0px 0px 300px #fff; -webkit-transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1); -moz-transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1); transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1); } #index .banner .ibox .four_img .four:hover a .cir { width: 700px; height: 700px; background-color: rgba(12, 41, 113, .8); } #index .banner .ibox .four_img .four a .cir img{display: block;width: 100%;} #index .banner .ibox .four_img .four:hover a .cir img{opacity: 0;} /* 棣栭〉浜у搧 */ #index .sycp { width: 100%; } #index .sycp .ibox { /* padding: 85px 0 100px 0; */ padding: 30px 0 100px 0; position: relative; } #index .sycp .ibox .line { width: 100%; height: 19px; position: absolute; top: 0; left: 50%; transform: translateX(-50%); background-image: linear-gradient(#f2f3f9, #fff); } #index .sycp .ibox .swiper2 { width: 100%; } #index .sycp .ibox .swiper2 .swiper-slide { width: 20.125%; margin-right: 1.25%; } #index .sycp .ibox .swiper2 .swiper-slide.act { width: 35.8125%; } #index .sycp .ibox .swiper2 .swiper-slide:last-child { margin-right: 0; } #index .sycp .ibox .swiper2 .swiper-slide .s2_box { width: 100%; } #index .sycp .ibox .swiper2 .swiper-slide .s2_box .s2_img { width: 100%; height: 430px; background: url(../images/i_6.jpg) center no-repeat; display: flex; justify-content: center; align-items: center; position: relative; } #index .sycp .ibox .swiper2 .swiper-slide .s2_box .s2_img::before { content: ""; display: block; width: 0; height: 5px; background-color: #1c3b89; position: absolute; bottom: 0; left: 0; opacity: 0; -webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); -moz-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); } #index .sycp .ibox .swiper2 .swiper-slide.act .s2_box .s2_img::before { opacity: 1; width: 100%; } #index .sycp .ibox .swiper2 .swiper-slide .s2_box .s2_text { width: 100%; padding: 25px 0 2px 0; } #index .sycp .ibox .swiper2 .swiper-slide .s2_box .s2_text .d_text { width: 100%; color: #242b3d; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } #index .sycp .ibox .swiper2 .swiper-slide .s2_box .s2_text .c_text { width: 100%; color: #888; opacity: 0; margin-top: 32px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } #index .sycp .ibox .swiper2 .swiper-slide.act .s2_box .s2_text .c_text { opacity: 1; } /* 鍏充簬鏅礉鏂 */ #index .pbs { width: 100%; } #index .pbs .ibox { padding: 0 0 135px 0; } #index .pbs .ibox .lrt { width: 100%; display: flex; justify-content: space-between; align-items: center; } #index .pbs .ibox .lrt .left { width: 50%; height: 450px; background-color: #1c3b89; cursor: pointer; } #index .pbs .ibox .lrt .left .l_img { width: 100%; transform: translate(20px, 20px); position: relative; } #index .pbs .ibox .lrt .left .l_img .play { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } #index .pbs .ibox .lrt .left:hover .l_img .play img { transform: scale(0.8); } #index .pbs .ibox .lrt .right { width: 44.5%; } #index .pbs .ibox .lrt .right .en_text { font-family: "hrs"; color: #242b3d; } #index .pbs .ibox .lrt .right .d_text { color: #333; margin: 5px 0 35px 0; } #index .pbs .ibox .lrt .right .c_text { color: #666; line-height: 1.625; text-align: justify; } #index .pbs .ibox .lrt .right .tsgd_text { margin-top: 88px; } /* 鏂伴椈璧勮 */ #index .xwzx { width: 100%; } #index .xwzx .ibox { padding: 0 0 120px 0; } #index .xwzx .ibox .up { width: 100%; display: flex; justify-content: space-between; align-items: flex-end; } #index .xwzx .ibox .up .up_l {} #index .xwzx .ibox .up .up_l .en_text { color: #242b3d; font-family: "hrs"; } #index .xwzx .ibox .up .up_l .d_text { color: #333; margin-top: 5px; } #index .xwzx .ibox .down { width: 100%; display: flex; justify-content: space-between; margin-top: 80px; height: 545px; } #index .xwzx .ibox .down .left { width: 45%; height: 100%; height: 100%; } #index .xwzx .ibox .down .left .four_img { width: 100%; height: 100%; display: flex; justify-content: space-between; flex-direction: column; } #index .xwzx .ibox .down .left .four_img .four { width: 100%; height: 90px; overflow: hidden; border-bottom: 1px solid #f2f2f2; } #index .xwzx .ibox .down .left .four_img .four.act { height: 276px; } #index .xwzx .ibox .down .left .four_img .four .four_up { width: 100%; height: 100%; display: flex; align-items: center; } #index .xwzx .ibox .down .left .four_img .four.act .four_up { display: none; } #index .xwzx .ibox .down .left .four_img .four .four_up .four_text { width: 100%; display: flex; align-items: flex-end; } #index .xwzx .ibox .down .left .four_img .four .four_up .year { width: 130px; color: #606569; font-family: Arial; } #index .xwzx .ibox .down .left .four_img .four .four_up .c_text { color: #606569; width: calc(100% - 130px); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } #index .xwzx .ibox .down .left .four_img .four .four_down { display: none; } #index .xwzx .ibox .down .left .four_img .four.act .four_down { display: block; } #index .xwzx .ibox .down .left .four_img .four .four_down .lrt { width: 100%; height: 100%; display: flex; justify-content: space-between; align-items: center; padding: 42px 50px; background: url(../images/i_10.jpg) center no-repeat; } #index .xwzx .ibox .down .left .four_img .four .four_down .lrt .l_left { width: 45.5%; } #index .xwzx .ibox .down .left .four_img .four .four_down .lrt .l_right { width: 46%; } #index .xwzx .ibox .down .left .four_img .four .four_down .lrt .l_right .year { color: #5370ba; font-family: Arial; } #index .xwzx .ibox .down .left .four_img .four .four_down .lrt .l_right .c_text { width: 100%; color: #fff; line-height: 1.85; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin: 17px 0 30px 0; } #index .xwzx .ibox .down .left .four_img .four:hover .four_down .lrt .l_right .svg svg.circle-hover circle { stroke-dashoffset: 0; } #index .xwzx .ibox .down .left .four_img .four:hover .four_down .lrt .l_right .svg svg.circle-hover.copy circle { transition-delay: 0.2s; } #index .xwzx .ibox .down .left .four_img .four:hover .four_down .lrt .l_right .svgo { z-index: 1; } #index .xwzx .ibox .down .right { width: 50%; height: 100%; } #index .xwzx .ibox .down .right .big_img { width: 100%; height: 100%; position: relative; } #index .xwzx .ibox .down .right .big_img .b_img { width: 100%; height: 100%; overflow: hidden; position: relative; } #index .xwzx .ibox .down .right .big_img .b_img::before { content: ""; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: url(../images/i_21.png) center no-repeat; z-index: 2; } #index .xwzx .ibox .down .right .big_img .b_img img { width: 100%; height: 100%; object-fit: none; } #index .xwzx .ibox .down .right .big_img:hover .b_img img { transform: scale(1.2); } #index .xwzx .ibox .down .right .big_img .b_fp { width: 62%; position: absolute; bottom: 55px; left: 60px; z-index: 4; } #index .xwzx .ibox .down .right .big_img .b_fp .year { color: #fff; font-family: Arial; margin-bottom: 20px; } #index .xwzx .ibox .down .right .big_img .b_fp .c_text { color: #fff; line-height: 1.53; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } /* 鍚堜綔浼欎即 */ #index .hzhb { width: 100%; background: url(../images/i_10.png) left top no-repeat; display: none; } .kh{ display: none;} #index .hzhb .ibox .lrt { width: 100%; display: flex; justify-content: space-between; } #index .hzhb .ibox .lrt .left { width: 620px; padding-top: 65px; } #index .hzhb .ibox .lrt .left .en_text { color: #242b3d; font-family: "hrs"; } #index .hzhb .ibox .lrt .left .d_text { color: #333; margin-top: 5px; } #index .hzhb .ibox .lrt .left .c_text { color: #555; line-height: 1.625; margin: 32px 0 83px 0; text-align: justify; } #index .kh .ibox { padding: 100px 0; } #index .kh .swiper3 { padding-bottom: 50px; } #index .kh .swiper3>.swiper-pagination-progress { width: 340px; height: 4px; left: 50%; transform: translateX(-50%); top: auto; bottom: 0; background: #d2d8e7; } #index .kh .swiper3 .swiper-pagination-progress .swiper-pagination-progressbar { background: #1c3b89; } #index .kh .swiper3 .s3_box { background-color: #f7f7f7; display: flex; justify-content: center; align-items: center; } /* 棣栭〉寮圭獥 */ .index_tc { max-width: 1600px; min-width: 1200px; width: 90%; height: 62vh; /* position: fixed; top: -100vh; left: 0; */ z-index: 9; /* 鏂板姞浠g爜 */ padding-top: 85px; position: relative; margin: 0 auto; display: none; } .index_tc.act { top: 0; } .index_tc .tc_box { width: 100%; height: 100%; position: relative; } .index_tc .tc_box .tc_img { width: 100%; height: 100%; } .index_tc .tc_box .tc_img img { width: 100%; height: 100%; object-fit: none; } .index_tc .tc_box .tc_fp { position: absolute; top: 30%; left: 8.9%; } .index_tc .tc_box .tc_fp .d_text { color: #0c2971; } .index_tc .tc_box .tc_fp .c_text { color: #0c2971; margin: 40px 0 90px 0; } .index_tc .tc_box .tc_out { position: absolute; top: 49px; right: 43px; cursor: pointer; /* 鏂板姞浠g爜 */ display: none; } .index_tc .tc_box .tc_out:hover { transform: rotate(180deg); } /* 鏂板姞浠g爜 */ #index .index_tc .cc_line { width: 100%; height: 19px; position: absolute; top: 0; left: 50%; transform: translateX(-50%); background-image: linear-gradient(#f2f3f9, #fff); } /* 搴旂敤棰嗗煙 */ #case .scyz { width: 100%; } #case .scyz .ibox { padding: 70px 0 25px 0 !important; } #case .scyz .ibox .sc_box { width: 100%; position: relative; } #case .scyz .ibox .sc_box .sc_img { width: 100%; } #case .scyz .ibox .sc_box .sc_img img { width: 100%; object-fit: none; } #case .scyz .ibox .sc_box .sc_fp { width: 560px; height: 340px; position: absolute; top: 50%; right: 101px; transform: translateY(-50%); background-color: #fff; padding: 35px 40px; } #case .scyz .ibox .sc_box .sc_fp .text { margin-bottom: 30px; display: flex; justify-content: space-between; align-items: center; } #case .scyz .ibox .sc_box .sc_fp .text .cn_text { color: #333; } #case .scyz .ibox .sc_box .sc_fp .text .en_text { color: rgba(28, 59, 137, .2); font-family: Arial; display: none; } #case .scyz .ibox .sc_box .sc_fp .c_text { height: 200px; overflow: auto; color: #555; line-height: 1.7; padding-right: 10px; text-align: justify; } #case .scyz .ibox .sc_box .sc_fp .c_text::-webkit-scrollbar { width: 3px; height: 1px; } #case .scyz .ibox .sc_box .sc_fp .c_text::-webkit-scrollbar-thumb { background: #1c3b89; } #case .scyz .ibox .sc_box .sc_fp .c_text::-webkit-scrollbar-track { background: #fff; } #case .scyz .ibox .sc_box .lr_btn { width: 32px; height: 160px; position: absolute; top: 50%; right: 40px; transform: translateY(-50%); display: flex; justify-content: space-between; flex-direction: column; } #case .scyz .ibox .sc_box .lr_btn .y_jt .svgo { left: -9px; } .zy_jt:hover .ty_jiantou .svg svg.circle-hover circle { stroke-dashoffset: 0; } .zy_jt:hover .ty_jiantou .svg svg.circle-hover.copy circle { transition-delay: 0.2s; } /* 宸ョ▼妗堜緥 */ #case .gcal { width: 100%; background-color: #f6f6f6; margin-bottom: 100px; } #case .gcal .ibox { padding: 50px 0 68px; } #case .gcal .ibox .up { width: 100%; display: flex; justify-content: space-between; align-items: center; } #case .gcal .ibox .up .u_left { color: #333; } #case .gcal .ibox .down { width: 100%; margin-top: 31px; } #case .gcal .ibox .down .six_img { width: 100%; display: flex; flex-wrap: wrap; } #case .gcal .ibox .down .six_img .six { width: 23.5%; margin: 0 2% 2% 0; } #case .gcal .ibox .down .six_img .six:nth-child(4n) { margin-right: 0; } #case .gcal .ibox .down .six_img .six .s_img { width: 100%; overflow: hidden; } #case .gcal .ibox .down .six_img .six .s_img img { width: 100%; } #case .gcal .ibox .down .six_img .six:hover .s_img img { transform: scale(1.2); } #case .gcal .ibox .down .six_img .six .s_text { width: 100%; height: 59px; line-height: 59px; text-align: center; color: #333; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; background-color: #fff; /* padding-left: 21px; */ position: relative; } #case .gcal .ibox .down .six_img .six .s_text::before { content: ""; display: block; width: 0; height: 4px; background-color: #1c3b89; position: absolute; bottom: 0; left: 0; opacity: 0; -webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); -moz-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); } #case .gcal .ibox .down .six_img .six:hover .s_text::before { width: 100%; opacity: 1; } #case .gcal .ibox .fy { margin-top: 40px; } /* 鎼滅储椤甸潰 */ #search { background-color: #f9f9f9; } #search .inp { width: 100%; margin-top: 170px; } #search .inp .ibox .in_box { width: 100%; position: relative; } #search .inp .ibox .in_box input { width: 100%; height: 80px; background-color: #f9f9f9; border: 0; font-size: 36px; } #search .inp .ibox .in_box a { position: absolute; top: 50%; right: 0; transform: translateY(-50%); } #search .inp .ibox .line { width: 100%; height: 1px; margin-top: 40px; background-color: #e2e2e2; } /* 鎼滅储缁撴灉 */ #search .ssjg { width: 100%; } #search .ssjg .ibox { padding: 50px 0 60px 0; } #search .ssjg .ibox .ssjg_text { color: #1c3b89; margin-bottom: 53px; } #search .ssjg .ibox .down { width: 100%; display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #dcdcdc; padding-bottom: 40px; } #search .ssjg .ibox .down .left { display: flex; } #search .ssjg .ibox .down .left .two { margin-right: 110px; position: relative; } #search .ssjg .ibox .down .left .two:last-child { margin-right: 0; } #search .ssjg .ibox .down .left .two .s1 { color: #333; } #search .ssjg .ibox .down .left .two .s2 { color: #1c3b89; } #search .ssjg .ibox .down .left .two::before { content: ""; display: block; width: 0; height: 2px; background-color: #1c3b89; position: absolute; left: 0; bottom: -41px; opacity: 0; -webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); -moz-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); } #search .ssjg .ibox .down .left .two.act::before { width: 100%; opacity: 1; } #search .ssjg .ibox .down .left .two:hover::before { width: 100%; opacity: 1; } #search .ssjg .ibox .down .right .c_text { color: #333; } #search .ssjg .ibox .down .right .c_text .s1 { color: #1c3b89; } #search .xwcp .ibox { padding-bottom: 100px; } #search .xwcp .ibox .two_text { width: 100%; position: relative; } #search .xwcp .ibox .two_text .two { width: 100%; position: absolute; top: 20px; left: 0; z-index: -2; opacity: 0; display: none; } #search .xwcp .ibox .two_text .two.act { position: relative; top: 0; left: auto; z-index: 2; opacity: 1; display: block; } #search .xwcp .ul1 {} #search .xwcp .ul1 li { margin-bottom: 60px; } #search .xwcp .ul1 li:last-child { margin-bottom: 0; } #search .xwcp .ul1 li a { display: block; width: 100%; position: relative; overflow: hidden; height: 255px; } #search .xwcp .ul1 li a .img { display: block; width: 450px; float: right; overflow: hidden; } #search .xwcp .ul1 li a .img img { display: block; width: 100%; transform: scale(1.00001); -webkit-transform: scale(1.00001); } #search .xwcp .ul1 li a .txt { width: calc(100% - 500px); float: left; height: 100%; border-bottom: 1px solid #ddd; } #search .xwcp .ul1 li a .txt .day { color: #888; } #search .xwcp .ul1 li a .txt .att { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin: 25px 0; line-height: 1; color: #333; } #search .xwcp .ul1 li a .txt .atc { line-height: 26px; word-break: break-all; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; height: 52px; } #search .xwcp .ul1 li a:hover .txt .att { color: #1c3b89; } #search .xwcp .ul1 li a:hover .img img { width: 100%; transform: scale(1.05); -webkit-transform: scale(1.05); } #search .xwcp .two .fy { margin-top: 60px; } #search .xwcp .two .six_img { width: 100%; display: flex; flex-wrap: wrap; } #search .xwcp .two .six_img .six { width: 32.1875%; margin: 0 1.71875% 1.71875% 0; } #search .xwcp .two .six_img .six:nth-child(3n) { margin-right: 0; } #search .xwcp .two .six_img .six .big_img { width: 100%; overflow: hidden; border: 1px solid #e3e3e3; } #search .xwcp .two .six_img .six .big_img img { width: 100%; } #search .xwcp .two .six_img .six:hover .big_img img { transform: scale(1.2); } #search .xwcp .two .six_img .six .text { width: 100%; padding: 23px 20px 35px 0; position: relative; } #search .xwcp .two .six_img .six:hover .text { padding: 23px 20px 35px 17px; background-color: #1c3b89; } #search .xwcp .two .six_img .six .text::before { content: ""; display: block; width: 33px; height: 24px; background: url(../images/p_1.png) center no-repeat; position: absolute; top: 50%; right: 20px; transform: translateY(-50%); opacity: 0; -webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); -moz-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); } #search .xwcp .two .six_img .six:hover .text::before { opacity: 1; } #search .xwcp .two .six_img .six .text .dc_text { width: 75%; } #search .xwcp .two .six_img .six .text .dc_text .d_text { color: #333; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } #search .xwcp .two .six_img .six .text .dc_text .c_text { color: #777; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 1.8; margin-top: 19px; } #search .xwcp .two .six_img .six:hover .text .dc_text .d_text { color: #fff; } #search .xwcp .two .six_img .six:hover .text .dc_text .c_text { color: #fff; } /* 浜у搧涓績 */ #product .cplb { width: 100%; padding: 60px 0 50px 0; } /* #product .cplb .ibox{width: 1200px;} */ #product .cplb .six_img { width: 100%; display: flex; flex-wrap: wrap; } #product .cplb .six_img .six { width: 23.5%; margin: 0 2% 1.71875% 0; } #product .cplb .six_img .six:nth-child(4n) { margin-right: 0; } #product .cplb .six_img .six .big_img { width: 100%; overflow: hidden; border: 1px solid #e3e3e3; } #product .cplb .six_img .six .big_img img { width: 100%; transform: scale(1.25); } #product .cplb .six_img .six:hover .big_img img { transform: scale(1.2); } #product .cplb .six_img .six .text { width: 100%; padding: 23px 10px 35px 10px; position: relative; } #product .cplb .six_img .six:hover .text { padding: 23px 20px 35px 17px; background-color: #1c3b89; } #product .cplb .six_img .six .text::before { content: ""; display: block; width: 33px; height: 24px; background: url(../images/p_1.png) center no-repeat; position: absolute; top: 50%; right: 20px; transform: translateY(-50%); opacity: 0; -webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); -moz-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); } #product .cplb .six_img .six:hover .text::before { opacity: 1; } #product .cplb .six_img .six .text .dc_text { width:100%; text-align: center; } #product .cplb .six_img .six .text .dc_text .d_text { color: #333; font-size: 18px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } #product .cplb .six_img .six .text .dc_text .c_text { color: #777; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 1.8; margin-top: 19px; display: none; } #product .cplb .six_img .six:hover .text .dc_text .d_text { color: #fff; } #product .cplb .six_img .six:hover .text .dc_text .c_text { color: #fff; } #product .cplb .fy{ justify-content: center; margin-top: 20px; } /* 瑙e喅闂 */ #product .jjwt { width: 100%; } #product .jjwt .ibox { padding-bottom: 100px; } #product .jjwt .jj_box { width: 100%; position: relative; } #product .jjwt .jj_box .img { width: 100%; } #product .jjwt .jj_box .img img { width: 100%; } #product .jjwt .jj_box .jj_fp { width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: flex; align-items: center; justify-content: center; flex-direction: column; } #product .jjwt .jj_box .jj_fp .d_text { color: #fff; letter-spacing: 4px; margin-bottom: 40px; } /* 浜у搧璇︽儏 */ #product_con .cpxq { width: 100%; } #product_con .cpxq .obox { padding: 55px 0 30px 0; } #product_con .cpxq .obox .lrt { width: 100%; display: flex; justify-content: space-between; } #product_con .cpxq .obox .lrt .left { width: 30%; } #product_con .cpxq .obox .lrt .left .swiper4 { border: 1px solid #dddddd; } #product_con .cpxq .obox .lrt .left .swiper4 .s4_box { width: 100%; } #product_con .cpxq .obox .lrt .left .swiper4 .s4_box .img { width: 100%; } #product_con .cpxq .obox .lrt .left .swiper4 .s4_box .img img { width: 100%; } #product_con .cpxq .obox .lrt .left .swiper4 .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 20px; left: 0; width: 100%; } #product_con .cpxq .obox .lrt .left .swiper4 .swiper-pagination-bullet { width: 10px; height: 10px; background: #a4b1d0; opacity: 1; } #product_con .cpxq .obox .lrt .left .swiper4 .swiper-pagination-bullet-active { opacity: 1; background: #1c3b89; } #product_con .cpxq .obox .lrt .right { width: 63%; padding-top: 23px; } #product_con .cpxq .obox .lrt .right .d_text { color: #1c3b89; } #product_con .cpxq .obox .lrt .right .c_text { color: #333; line-height: 1.5; margin: 28px 0 26px 0; } #product_con .cpxq .obox .lrt .right .line { width: 100%; height: 1px; background-color: #d2d7e4; } #product_con .cpxq .obox .lrt .right .cc_text { height: 120px; overflow: auto; color: #777; line-height: 1.625; margin: 40px 0 40px 0; padding-right: 10px; text-align: justify; } #product_con .cpxq .obox .lrt .right .cc_text::-webkit-scrollbar { width: 4px; height: 1px; } #product_con .cpxq .obox .lrt .right .cc_text::-webkit-scrollbar-thumb { background: #1c3b89; } #product_con .cpxq .obox .lrt .right .cc_text::-webkit-scrollbar-track { background: #fff; } #product_con .cpxq .obox .lrt .right .kfrx_text { color: #777; margin-top: 27px; } #product_con .cpxq .obox .lrt .right .kfrx_text .s1 { color: #1c3b89; } /* 浜у搧鐗圭偣 */ #product_con .cptd { width: 100%; background-color: #f6f6f6; } #product_con .cptd .obox { padding: 30px 0 70px 0; } #product_con .cptd .obox .up { width: 100%; } #product_con .cptd .obox .up .two_text { width: 100%; display: flex; /* justify-content: center; */ margin-left: 17%; } #product_con .cptd .obox .up .two_text .two { margin-right: 170px; position: relative; cursor: pointer; } #product_con .cptd .obox .up .two_text .two:last-child { margin-right: 0; } #product_con .cptd .obox .up .two_text .two .cn_text { color: #333; text-align: center; } #product_con .cptd .obox .up .two_text .two .en_text { color: #666; font-family: Arial; text-align: center; margin-top: 10px; } #product_con .cptd .obox .up .two_text .two::before { content: ""; display: block; width: 0; height: 3px; background-color: #1c3b89; position: absolute; left: 0; bottom: -35px; opacity: 0; -webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); -moz-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); } #product_con .cptd .obox .up .two_text .two:hover::before { width: 100%; opacity: 1; } #product_con .cptd .obox .up .two_text .two.act::before { width: 100%; opacity: 1; } #product_con .cptd .obox .down { width: 100%; margin-top: 33px; background-color: #fff; } #product_con .cptd .obox .down .ul1 { width: 100%; position: relative; overflow: hidden; } #product_con .cptd .obox .down .ul1 li { position: absolute; top: 20px; left: 0; opacity: 0; z-index: -1; } #product_con .cptd .obox .down .ul1 li.act { position: relative; top: 0; left: auto; opacity: 1; z-index: 2; } #product_con .cptd .obox .down .ul1 li.li1 { padding: 75px 15%; } #product_con .cptd .obox .down .ul1 li.li1 .c_text { line-height: 1.875; color: #666; text-align: justify; } #product_con .cptd .obox .down .ul1 li.li1 .c_text .s1 { color: #1c3b89; margin-right: 13px; } #product_con .cptd .obox .down .ul1 li.li2 { padding: 70px 5.7% 100px 5.7%; } #product_con .cptd .obox .down .ul1 li.li2 .more_text { width: 100%; } #product_con .cptd .obox .down .ul1 li.li2 .more_text .text { display: flex; justify-content: space-between; align-items: center; line-height: 1.8; padding: 10px 85px; background-color: #f6f7fa; } #product_con .cptd .obox .down .ul1 li.li2 .more_text .text:nth-child(2n) { background-color: #fff; } #product_con .cptd .obox .down .ul1 li.li2 .more_text .text .d_text { width: 64px; color: #333; display: inline-block; text-align: justify; text-align-last: justify; } #product_con .cptd .obox .down .ul1 li.li2 .more_text .text .c_text { width: calc(100% - 25%); color: #666; } #product_con .cptd .obox .down .ul1 li.li2 .cc_text { color: #666; margin-top: 40px; } @media (max-width: 1680px) { /* #index .banner .swiper1 { height:930px !important; } */ #index .banner .swiper1 { height:100% !important; } .header .box .h_daohang { width: 60%; } .header .box .ul1 li .lbt.new-sy{left: 50%;} .header .box .right { width: 40%; } .header .box .right .line { margin: 0 38px 0 20px; } .footer .ibox .up .left { width: 44%; } #index .pbs .ibox .lrt .left { height: 430px; } #index .banner .ibox .four_img .four a .cir{ width: 96px;height:96px;} } @media (max-width: 1580px) { /* #index .banner .swiper1 { height:930px; } */ #index .banner .swiper1 { height:100% !important; } .header .box .fr { width: 70%; } .footer .ibox .up .left .l_box .l_left { width: 67%; } #index .pbs .ibox .lrt .left { height: 405px; } } @media (max-width: 1440px) { /* #index .banner .swiper1 { height:930px; } */ .header .box .h_daohang { width: 59%; } .header .box .right { width: 41%; } .header .box .right .line { margin: 0px 27px 0 20px; } .header .box .right .en { margin: 0px 6.5%; } .footer .ibox .up .left { width: 49%; } .footer .ibox .up .left .l_box .l_left { width: 66%; } #index .banner .ibox .four_img .four a { padding: 0 14px; } #index .banner .ibox .four_img .four a .cir { right: 30px; width: 75px; height: 75px; } #index .banner .ibox .four_img .four { height: 120px; } #index .pbs .ibox .lrt .left { height: 370px; } /* #product .cplb .six_img .six{width: 30%;margin-right: 5%;} */ /* #product .cplb .six_img .six:nth-child(3n){margin-right: 0;} #product .cplb .six_img .six:nth-child(6n){margin-right: auto;} */ } @media (max-width: 1366px) { /* #index .banner .swiper1 { height:930px; } */ .header .box .fr { width: 74%; } .footer .ibox .up .right { width: 45%; } .footer .ibox .up .left { width: 51%; } .footer .ibox .up .left .l_box .l_left { width: 68%; } #index .banner .ibox .four_img .four a .cir { right: 25px; width: 65px; height: 65px; } .header .box .ul1 li .lbt.new-sy .sbox ul.w300{ width: 290px; } #index .banner .ibox .four_img .four a .text .ty_jiantou { right: 14px; } #index .pbs .ibox .lrt .left { height: 350px; } } @media (max-width: 1280px) { /* #index .banner .swiper1 { height:930px; } */ .header .box .right .line { margin: 0px 21px 0 17px; } .footer .ibox .up .left .l_box .l_left { width: 69%; } #index .banner .ibox .four_img .four { height: 110px; } .header .box .ul1 li .lbt.new-sy{ width: 1200px; } } @media (max-width: 1240px) { /* #index .banner .swiper1 { height:930px; } */ .header .box .ul1 li .lbt.new-sy .sbox ul.w300{ width: 270px; } } @media (max-width: 1030px) { #index .banner .swiper1 { height:auto !important; } .f_14 { font-size: 14px; } .f_16 { font-size: 14px; } .f_18 { font-size: 14px; } .f_20 { font-size: 16px; } .f_22 { font-size: 16px; } .f_24 { font-size: 18px; } .f_26 { font-size: 18px; } .f_28 { font-size: 18px; } .f_30 { font-size: 20px; } .f_32 { font-size: 20px; } .f_34 { font-size: 22px; } .f_36 { font-size: 22px; } .f_38 { font-size: 24px; } .f_40 { font-size: 24px; } .f_42 { font-size: 26px; } .f_50 { font-size: 26px; } .f_48 { font-size: 26px; } .f_70 { font-size: 28px; } .a_dw { position: relative; top: -60px; } .ibox { max-width: 1200px; min-width: 100px; width: 90%; margin: 0 auto; position: relative; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; box-sizing: border-box; } .box { max-width: 1200px; min-width: 100px; width: 91%; margin: 0 auto; position: relative; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; box-sizing: border-box; } .header { display: none; } .m_header { width: 100%; height: 60px; display: block; overflow: hidden; padding: 0 5%; position: fixed; top: 0; left: 0; z-index: 10; background-color: #fff; display: flex; justify-content: space-between; align-items: center; } .m_header .logo { width: 160px; margin-top: 7px; } .m_header .sanline { width: 50px; height: 50px; } .m_header .sanline img { width: 50px; height: 50px; } .header_nav .sancha { width: 50px; height: 50px; } .header_nav .sancha img { width: 50px; height: 50px; position: absolute; top: 20px; right: 20px; } .header_nav { display: block; position: fixed; z-index: 999999999999; width: 100%; height: 100%; top: 0%; right: -100%; -webkit-transition: all 1s; -moz-transition: all 1s; transition: all 1s; overflow: hidden; box-sizing: border-box; background-color: #fff; } .header_nav.act { right: 0; } .header_nav li a { font-size: 18px; color: #666; padding: 10px 30px 10px 50px; line-height: 30px; position: relative; } .header_nav li a.ltp:after { content: ""; display: block; width: 5px; height: 20px; background: #d4d3d4; position: absolute; top: 50%; margin-top: -10px; left: 30px; } .header_nav li a.ltp.act:after { background: #1c3b89; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; transition: all 0.4s; } .header_nav li a.ltp.act { color: #1c3b89; } .header_nav li .qp .hd { display: none; } .header_nav li .qp .hd .hp a { display: block; font-size: 16px; } .header_nav li .qp .hd .hp a:last-child { border-bottom: 1px solid #ccc; } .header_nav li .inp { padding: 0 35px 0 50px; display: flex; justify-content: space-between; align-items: center; height: 40px; margin: 12px 0; } .header_nav li .inp .left { width: calc(100% - 80px); height: 100%; } .header_nav li .inp .left input { width: 100%; height: 100%; padding-left: 15px; } .header_nav li .inp .right { width: 70px; height: 100%; display: flex; justify-content: center; align-items: center; font-size: 18px; background-color: #1c3b89; color: #fff; border-radius: 5px; padding: 0; } .header_nav li .phone .phone_text { display: flex; align-items: center; } .header_nav li .phone .phone_text .ph_text { color: #0d5398; font-family: Arial; font-weight: bold; margin-left: 6px; } .footer .ibox { padding-top: 0; } .footer .c_line { height: 3px; } .footer .down { padding: 20px 0 16px 0; } .footer .ibox .up { display: none; } /* dz1 */ #index .banner { margin-top: 60px; } #index .sycp .ibox { padding: 60px 0; } #index .pbs .ibox .lrt .left { height: 250px; } #index .pbs .ibox .lrt .right .tsgd_text { margin-top: 40px; } #index .pbs .ibox .lrt .right .d_text { margin: 5px 0 20px 0; } #index .pbs .ibox { padding: 0 0 65px 0; } #index .xwzx .ibox .down .left .four_img .four .four_down .lrt { padding: 15px 15px; } #index .xwzx .ibox .down .left .four_img .four .four_down .lrt .l_right .c_text { margin: 8px 0 14px 0; } #index .xwzx .ibox .down .left .four_img .four.act { height: 148px; } #index .xwzx .ibox .down { margin-top: 40px; height: 410px; } #index .xwzx .ibox { padding: 0 0 60px 0; } #index .kh .ibox { padding: 60px 0; } #product .cplb { width: 100%; padding: 60px 0 1px; } #product .cplb .ibox{width: 90%;} #product .jjwt .jj_box .jj_fp .d_text { margin-bottom: 25px; } #product .jjwt .ibox { padding-bottom: 60px; } #product_con .cpxq { margin-top: 10px; } #product_con .cpxq .obox { padding: 60px 0; } #product_con .cpxq .obox .lrt .right .c_text { margin: 10px 0 18px 0; } #product_con .cpxq .obox .lrt .right { padding-top: 0; } #product_con .cpxq .obox .lrt .right .cc_text { margin: 20px 0 23px 0; } #product_con .cptd .obox { padding: 60px 0; } #product_con .cptd .obox .up .two_text .two::before { bottom: -20px; } #product_con .cptd .obox .up .two_text .two .en_text { margin-top: 6px; } #product_con .cptd .obox .down { margin-top: 20px; } #product_con .cptd .obox .down .ul1 li.li1 { padding: 30px 13%; } #product_con .cptd .obox .down .ul1 li.li2 { padding: 30px 5.7% 40px 5.7%; } #product_con .cptd .obox .down .ul1 li.li2 .more_text .text { padding: 10px 60px; } #product_con .cptd .obox .down .ul1 li { display: none; } #product_con .cptd .obox .down .ul1 li.act { display: block; } #case .scyz .ibox { padding: 60px 0 25px 0; } #case .scyz .ibox .sc_box .sc_fp { width: 520px; height: 240px; padding: 20px 23px; } #case .scyz .ibox .sc_box .sc_fp .c_text { height: 160px; } #case .scyz .ibox .sc_box .sc_fp .text { margin-bottom: 15px; } #case .gcal .ibox { padding: 40px 0 60px; width: 90%; } #case .gcal .ibox .down .six_img .six .s_text { width: 100%; height: 45px; padding-left: 15px; } #case .gcal { margin-bottom: 0; } #search .inp { margin-top: 70px; } #search .inp .ibox .line { margin-top: 5px; } #search .ssjg .ibox { padding: 40px 0; } #search .ssjg .ibox .ssjg_text { margin-bottom: 25px; } #search .ssjg .ibox .down { padding-bottom: 20px; } #search .ssjg .ibox .down .left .two::before { bottom: -21px; } #search .xwcp .ul1 li a .img { width: 350px; } #search .xwcp .ul1 li a .txt { width: calc(100% - 400px); } #search .xwcp .ul1 li a { height: 200px; } #search .xwcp .ul1 li { margin-bottom: 40px; } #search .xwcp .ibox { padding-bottom: 60px; } #search .xwcp .two .fy { margin-top: 50px; } #search .ssjg .ibox .down .left .two { margin-right: 50px; } } @media (max-width: 960px) { .f_48 { font-size: 24px; } .box { max-width: 960px; min-width: 100px; width: 85%; margin: 0 auto; } .a_dw { position: relative; top: -50px; } /* 澶 */ .m_header { width: 100%; height: 50px; display: block; /* overflow: hidden; */ padding: 0 5%; position: fixed; top: 0; left: 0; z-index: 10; background-color: #fff; display: flex; justify-content: space-between; align-items: center; } .m_header .logo { width: 130px; margin-top: 7px; } .m_header a img { height: auto; } .footer { padding-top: 0; } .footer .ibox .up { display: none; } .footer .down { display: flex; justify-content: center; flex-direction: column; padding: 20px 0 20px 0; border-top: 0; } .footer .down .bq_left { justify-content: center; flex-direction: column; line-height: 2; } .footer .down .bq_left .hs { margin-left: 0; } .footer .down .bq_left .bah { margin-left: 0; } .footer .down .bq_right { margin-top: 10px; } .footer .c_line { display: none; } /* 鑴氭缁撴潫 */ #index .banner .swiper1 .s1_box .img img:last-child { display: block; } #index .banner .swiper1 .s1_box .img img:first-child { display: none; } #index .banner .ibox .four_img { display: none; } #index .banner { margin-top: 50px; } #index .banner .swiper1 .s1_box .s1_fp .text { width: 90%; margin: 0 auto; } #index .banner .swiper1 .s1_box .s1_fp .text .d_text { line-height: 1.5; } #index .banner .swiper1 .s1_box .s1_fp .text .c_text { margin-top: 10px; } #index .banner .swiper1 .s1_box .s1_fp .text::before { display: none; } #index .banner .swiper1 .s1_box .s1_fp { top: 16%; } #index .banner .swiper1 .swiper-pagination-bullet-active { opacity: 1; background: #1c3b89; } #index .banner .swiper1 .s1_box .s1_fp .text .play { width: 50px; height: 50px; } #index .banner .swiper1 .s1_box .s1_fp .text .play .play_img::before { background-size: contain; } #index .sycp .ibox { padding: 30px 0; } #index .sycp .ibox .swiper2 .swiper-slide { width: 100%; margin-right: 0; } #index .sycp .ibox .swiper2 .swiper-slide .s2_box .s2_text { padding: 15px 0 2px 0; } #index .sycp .ibox .swiper2 .swiper-slide .s2_box .s2_text .c_text { margin-top: 17px; opacity: 1; } #index .pbs .ibox .lrt { display: block; } #index .pbs .ibox .lrt .left { width: 100%; height: auto; } #index .pbs .ibox .lrt .right { width: 100%; margin-top: 20px; } #index .pbs .ibox .lrt .left .l_img { transform: translate(0, 0); } #index .pbs .ibox .lrt .right .tsgd_text { margin-top: 20px; } #index .pbs .ibox .lrt .right .d_text { margin: 5px 0 15px 0; } #index .pbs .ibox { padding: 0 0 40px 0; } #index .xwzx .ibox .down { margin-top: 30px; height: auto; display: block; } #index .xwzx .ibox .down .left { width: 100%; } #index .xwzx .ibox .down .right { width: 100%; } #index .xwzx .ibox .down .left .four_img .four { height: 60px; } #index .xwzx .ibox .down .left .four_img .four .four_up .year { width: 100px; } #index .xwzx .ibox .down .left .four_img .four .four_up .c_text { width: calc(100% - 100px); } #index .xwzx .ibox .down .left .four_img .four .four_down .lrt .l_right .c_text { margin: 5px 0 5px 0; } #index .xwzx .ibox .down .left .four_img .four.act { height: 136px; } #index .xwzx .ibox .down .right .big_img .b_fp { width: 90%; bottom: 15px; left: 15px; } #index .xwzx .ibox { padding: 0 0 30px 0; } #index .hzhb .ibox .lrt { display: block; } #index .hzhb .ibox .lrt .left { width: 100%; padding-top: 10px; } #index .hzhb .ibox .lrt .right { width: 100%; } #index .hzhb .ibox .lrt .left .c_text { color: #555; margin: 20px 0 10px 0; } #index .kh .ibox { padding: 30px 0; } #index .kh .swiper3 { padding-bottom: 20px; } #product .cplb { padding: 30px 0; } #product .cplb .six_img .six { width: 100%; margin: 0 0% 6% 0; } #product .cplb .six_img .six .text .dc_text { width: 100%; } #product .cplb .six_img .six .text { padding: 14px 0px 1px 0; } #product .cplb .six_img .six .text .dc_text .c_text { margin-top: 9px; } #product .jjwt .jj_box .img img { width: 100%; height: 200px; object-fit: none; } #product .jjwt .ibox { padding-bottom: 30px; } #product_con .cpxq .obox .lrt { display: block; } #product_con .cpxq .obox .lrt .left { width: 100%; } #product_con .cpxq .obox .lrt .right { width: 100%; margin-top: 20px; } #product_con .cpxq .obox .lrt .right .cc_text { height: auto; overflow: auto; color: #777; line-height: 1.625; margin: 15px 0 20px 0; padding-right: 0; text-align: justify; } #product_con .cpxq .obox { padding: 30px 0; } #product_con .cptd .obox { padding: 30px 0; } #product_con .cptd .obox .up .two_text { width: 100%; display: flex; /* justify-content: center; */ margin-left: 11%; } #product_con .cptd .obox .up .two_text .two { margin-right: 45px; } #product_con .cptd .obox .down .ul1 li.li1 { padding: 20px 7%; } #product_con .cptd .obox .down .ul1 li.li2 { padding: 20px 3.7% 30px 3.7%; } #product_con .cptd .obox .down .ul1 li.li2 .more_text .text { display: block; line-height: 1.8; padding: 10px 15px; background-color: #f6f7fa; } #product_con .cptd .obox .down .ul1 li.li2 .more_text .text .c_text { width: 100%; color: #666; } #product_con .cptd .obox .down .ul1 li.li2 .cc_text { margin-top: 30px; line-height: 1.5; } #case .scyz .ibox { padding: 30px 0 !important; } #case .scyz .ibox .sc_box .sc_fp { width: 100%; height: auto; position: relative; top: auto; right: auto; transform: translateY(0); background-color: #fff; padding: 15px 0; } #case .scyz .ibox .sc_box .sc_fp .c_text { height: auto; overflow: auto; padding-right: 0; } #case .scyz .ibox .sc_box .lr_btn { display: none; } #case .gcal .ibox { padding: 30px 0; } #case .gcal .ibox .down .six_img .six { width: 100%; margin: 0 0 6% 0; } #case .gcal .ibox .down .six_img .six:last-child { margin-bottom: 0; } #search .inp .ibox .in_box input { width: 100%; height: 40px; background-color: #f9f9f9; border: 0; font-size: 16px; } #search .inp .ibox .in_box a { width: 20px; height: 20px; } #search .ssjg .ibox { padding: 30px 0; } #search .ssjg .ibox .ssjg_text { margin-bottom: 20px; } #search .ssjg .ibox .down { width: 100%; display: block; justify-content: space-between; align-items: center; } #search .ssjg .ibox .down .left .two::before { bottom: -10px; } #search .ssjg .ibox .down .right { margin-top: 20px; } #search .xwcp .ul1 li { margin-bottom: 25px; } #search .xwcp .ul1 li a { overflow: auto; height: auto; } #search .xwcp .ul1 li a .img { width: 100%; float: none; } #search .xwcp .ul1 li a .txt { width: 100%; float: none; height: auto; margin-top: 20px; padding-bottom: 10px; } #search .xwcp .ibox { padding-bottom: 30px; } #search .xwcp .two .six_img .six { width: 100%; margin: 0 0 6% 0; } #search .xwcp .two .six_img .six .text { padding: 14px 0px 1px 0; } #search .xwcp .two .six_img .six .text .dc_text { width: 100%; } #search .xwcp .two .six_img .six .text .dc_text .c_text { margin-top: 9px; } }