/* CSS Document */
/*#region 重置元素*/
*:focus { outline: none; }
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { padding: 0; margin: 0; }
@font-face { font-family: AlibabaPuHuiTi-2-45-Light; src: url(../font/AlibabaPuHuiTi-2-45-Light.eot) format('embedded-opentype'), url(../font/AlibabaPuHuiTi-2-45-Light.otf) format('opentype'), url(../font/AlibabaPuHuiTi-2-45-Light.ttf) format('TrueType'), url(../font/AlibabaPuHuiTi-2-45-Light.woff) format('woff'), url(../font/AlibabaPuHuiTi-2-45-Light.woff2) format('woff2'); }


body { font: 1em/1.3 "AlibabaPuHuiTi-2-45-Light"; -webkit-text-size-adjust: 100% !important; }
img { max-width: 100%; }
button, input, select, textarea, h1, h2, h3, h4, h5, h6 { font-size: 1em; line-height: 1.3; font-family: "AlibabaPuHuiTi-2-45-Light"; }
address, cite, dfn, em, var { font-style: normal; }
code, kbd, pre, samp { font-family: courier new, courier, monospace; }
small { font-size: 0.75em; }
ul, ol { list-style: none; margin: 0; }
body, legend { color: #000; }
a { color: inherit; color: #000; text-decoration: none; }
a:hover { color: #000; text-decoration: none; }
a:active { color: inherit; }
sup { vertical-align: text-top; }
sub { vertical-align: text-bottom; }

fieldset, img { border: 0; }
button, input, select, textarea { }
table { border-collapse: collapse; border-spacing: 0; width: 100%; word-break: break-all; }
table th { font-weight: normal; }
table th, table td { font-weight: normal; text-align: center; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { display: block; margin: 0; padding: 0; }
img { vertical-align: middle; object-fit: cover; }
::-moz-placeholder { color: #000; }
input:-webkit-input-placeholder { color: #000; }
input:-moz-placeholder { color: #000; }
/*#endregion*/
/*#region 清除浮动*/
.clearfix:after { content: '\20'; display: block; height: 0; clear: both; }
.clearfix { *zoom: 1; }
/*#endregion */

button:disabled,
.disabled { opacity: 0.5; cursor: default; }
.hi { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.css3, .about_1 ul li a { -webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s; }
.comdiv { width: 100%; overflow: hidden; margin: 0; padding: 0; }
.cssimg, .cssimgp img, .index_4_3_left_1_bg, .pro_1_mid_mid_left_bg, .ser_2_mid_pic_bg, .ser_1_right_bg { transition: all 1.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; /*transition-duration: 0.7s;-ms-transition-duration: 0.7s;-moz-transition-duration: 0.7s; -webkit-transition-duration: 0.7s;*/ }

@media screen and (min-width:768px) {
    .cssimg:hover, .cssimgp:hover img, .index_4_3_left:hover .index_4_3_left_1_bg, .pro_1_mid ul li:hover .pro_1_mid_mid_left_bg, .ser_2_mid ul li:hover .ser_2_mid_pic_bg, .ser_1_right:hover .ser_1_right_bg { /*-webkit-transform: scale(1.05, 1.05); -ms-transform: scale(1.05, 1.05); -o-transform: scale(1.05, 1.05); -moz-transform: scale(1.05, 1.05); transform: scale(1.05, 1.05);*/ transform: scale(1.08, 1.08); }
}

.daxie { text-transform: uppercase; }
.cell_mid { display: table; height: 100%; width: 100%; }
.cell_h { height: 100%; display: table-cell; vertical-align: middle; }
/*********header**********/
#header { padding: 1.815em 0; position: fixed; left: 0; top: 0; width: 100%; z-index: 888; }
.headermid { position: relative; margin: 0 3.64583333333333%; }
.headermid_left { position: absolute; left: 0; top: 50%; -webkit-transform: translate(-0%, -50%); transform: translate(-0%, -50%); }
.headermid_mid { text-align: center; margin-left: 211px; margin-right: 36px; }
.headermid_mid ul li { margin: 0 2em; display: inline-block; position: relative; }
.headermid_mid ul li a.biga { padding: 1em 0; color: #161616; font-size: 1.25em; display: block; position: relative; height: 1.444444444444444em; line-height: 1.444444444444444em; }
.headermid_mid ul li a.biga:after { transition: all .3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; content: ''; position: absolute; left: 0; bottom: -1.6em; width: 0; height: 2px; background-color: #2790b7; }
.headermid_mid ul li:hover a.biga:after { width: 100%; }
.headermid_mid ul li.on a.biga:after { width: 100%; }
.headermid_right { position: absolute; right: 0; top: 50%; -webkit-transform: translate(-0%, -50%); transform: translate(-0%, -50%); }
.headermid_right a { position: relative; display: block; border-radius: 100%; width: 2.25em; height: 2.25em; background-color: rgba(39,144,183,.6); }
.headermid_right a:after { -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); content: ''; position: absolute; left: 50%; top: 50%; width: .875em; height: .875em; background-image: url(../picture/img1.png); background-position: center; background-repeat: no-repeat; background-size: cover; }
#header.cur { background-color: #fff; }
/**********index**************/
.mobileimg { display: none; width: 100%; }
.banner_img { position: relative;margin-top:50px; }
.banner_img img { width: 100%; }
.banner_img_bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-position: center; background-repeat: no-repeat; background-size: cover; }
.indexmid { margin: 0 8.125%; }
.bannerinfo { -webkit-transform: translate(-0%, -50%); color: #2b343e; transform: translate(-0%, -50%); position: absolute; left: 0; top: 50%; width: 100%; }
.bannerinfo_1 { font-size: 2.5125em; }
.bannerinfo_2 { margin-top: 10px; margin-bottom: 15px; font-size: 4.13125em; font-weight: bold }
.bannerinfo_3 { color: #35485d; font-size: 1.2056em; opacity: .69 }
#indexbanner_fyindex { bottom: 3.75em; left: 8.125%; width: 83.75%; text-align: left }
.swiper-pagination-bullet { background-color: #616161; opacity: .38; }
.swiper-pagination-bullet-active { opacity: 1; background-color: #2790b7; }
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 2.5em 0 0; }
.index_2 { padding: 6.875em 0; background-color: #f8f8f9; overflow: hidden }
.index_2_mid_left { position: relative; float: left; width: 53.48258706467662%; }
.index_2_mid_left_mid_left { position: relative; z-index: 10; margin-right: 3.125em; margin-bottom: 3.125em; overflow: hidden; }
.index_2_mid_left_mid_left img { width: 100%; }
.index_2_mid_left_mid_right { position: absolute; right: 0; bottom: 0; width: 74.65116279069767%; overflow: hidden; }
.index_2_mid_left_mid_right img { width: 100%; }
.index_2_mid_right { color: #081c28; margin-top: 3.125em; float: right; width: 40.67164179104478%; }
.index_2_mid_right_1 { font-size: 3em; font-weight: bold; }
.index_2_mid_right_2 { font-size: 1.125em; margin-top: 5px; }
.index_2_mid_right_3 { margin-bottom: 2.5em; font-size: 1.125em; line-height: 1.8; margin-top: 2em; }
.index_2_mid_right_4 ul { }
.index_2_mid_right_4 ul li { padding-bottom: 2em; border-bottom: 1px #ababab solid; position: relative; width: 23.5%; float: left; margin-right: 2%; }
.index_2_mid_right_4 ul li:last-child { margin-right: 0 }
.index_2_mid_right_4_1 span { display: inline-block; position: relative; color: #2790b7; font-weight: bold; font-size: 3em; }
.index_2_mid_right_4_1 span.jia:after { -webkit-transform: translate(100%, -25%); color: #2b343e; transform: translate(100%, -25%); color: #2790b7; content: '+'; font-size: .75em; position: absolute; right: 0; top: 0; }
.linkmore { position: relative; border: 1px #c5c5c5 solid; text-align: center; display: block; width: 11.875em; height: 3em; line-height: 3em; overflow: hidden; border-radius: 3em; }
.linkmore span { padding-right: 3.125em; position: relative; z-index: 10; display: inline-block; }
.linkmore span:after { -webkit-transform: translate(-0%, -50%); transform: translate(-0%, -50%); width: 2.0625em; height: 0.6875em; background-image: url(../picture/img3.png); background-position: center; background-repeat: no-repeat; background-size: cover; content: ''; position: absolute; right: 0; top: 50%; }
.linkmore:after { content: ''; position: absolute; left: 0; top: 0; height: 100%; width: 0; background-color: #2790b7; transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
.linkmore:hover:after { width: 100%; }
.linkmore:hover { color: #fff; }
.linkmore:hover span:after { background-image: url(../picture/img3on.png); }
.index_2_mid_right_5 { margin-top: 3.5em; }
.jz { text-align: center }
.index_3 { padding: 6.875em 0; }

.index_3_1 .swiper-container .index_3_1_left { -webkit-transform: translate(-0%, -50%); transform: translate(-0%, -50%); left: 30px; font-family: "宋体"; line-height: 2.25em; text-align: center; cursor: pointer; width: 2.25em; height: 2.25em; border-radius: 100%; position: absolute; z-index: 10; top: 50%; }
.index_3_1 .swiper-container .index_3_1_right { -webkit-transform: translate(-0%, -50%); transform: translate(-0%, -50%); right: 30px; font-family: "宋体"; line-height: 2.25em; text-align: center; cursor: pointer; width: 2.25em; height: 2.25em; border-radius: 100%; position: absolute; z-index: 10; top: 50%; }
.index_3_1 .swiper-container .index_3_1_left:hover img,
.index_3_1 .swiper-container .index_3_1_right:hover img { background-color: rgba(0,0,0,0.6); border-radius: 100%; overflow: hidden; border: 1px solid #bbb; }
.index_3_1 .swiper-container .index_3_1_left img,
.index_3_1 .swiper-container .index_3_1_right img { float: left; border: 1px solid #fff; border-radius: 100%; overflow: hidden; }
.index_3_1 .swiper-wrapper .swiper-slide { float: left; width: 24.37810945273632%; }
.index_3_1 .swiper-wrapper .swiper-slide:last-child { margin-right: 0 }
.index_3_1_mid { overflow: hidden; position: relative; border-radius: 1em; margin: 0 .41vw }
.index_3_1_mid_2 { overflow: hidden }
.index_3_1_mid_2 img { width: 100%; }
.index_3_1_mid_1 { position: absolute; z-index: 1; left: 1.5em; top: 1.5em; }
.index_3_1_mid_1 span { display: block; width: 3.625em; height: 3.625em; border: 2px #fff solid; border-radius: 100%; }
.index_3_1_mid_1 span img { transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.index_3_1_mid_1 span img:nth-child(2) { opacity: 0; }
.index_3_1_mid_3 { position: absolute; left: 1.5em; bottom: 1.5em; right: 1.5em; z-index: 2; color: #fff; }
.index_3_1_mid_3_1 { font-size: 1.875em; }
.index_3_1_mid_3_2 { font-size: 1.125em; margin-top: 5px; }
.index_3_1_mid_4 { transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; position: absolute; left: 0; bottom: 0; width: 100%; z-index: 1; }
.index_3_1_mid_4 img { width: 100%; }
.index_3_1 .swiper-wrapper .swiper-slide:hover .index_3_1_mid_4 { opacity: 0; }
.index_3_1 .swiper-wrapper .swiper-slide:hover .index_3_1_mid_1 span img:nth-child(2) { opacity: 1 }
.index_3_1 .swiper-wrapper .swiper-slide:hover .index_3_1_mid_1 span img:nth-child(1) { opacity: 0 }
.index_3_1 .swiper-wrapper .swiper-slide:hover .index_3_1_mid_1 span { background-color: #fff; }
.index_3_1 { margin-top: 5.3125em; }
.index_4_img img { width: 100%; }
.index_4 { position: relative; }
.index_4_1 { -webkit-transform: translate(-0%, -50%); transform: translate(-0%, -50%); position: absolute; left: 0; top: 50%; width: 100%; z-index: 10; }
.index_4_1_1 { font-size: 1.875em; margin-top: 1em; color: #282828; }
.index_5_1 ul li { margin-right: 3.17164179104478%; position: relative; border-bottom: 1px #c5c5c5 solid; float: left; width: 31.21890547263682%; }
.index_5_1 ul li:after { transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; content: ''; position: absolute; left: 0; bottom: -1px; height: 1px; width: 0; z-index: 1; background-color: #2790b7; }
.index_5_1 ul li:hover:after { width: 100%; }
.index_5_1 ul li:nth-child(3n) { margin-right: 0 }
.index_5_1_1 { border-radius: 1em; overflow: hidden }
.index_5_1_1 img { width: 100%; }
.index_5_1_2_1 { font-size: 1.125em; color: #666; }
.index_5_1_2_2 { margin-top: .4em; margin-bottom: .8em; font-size: 1.5em; line-height: 1.5; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; word-wrap: break-word; word-break: break-all; }
.index_5_1_2_3 { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; word-wrap: break-word; word-break: break-all; color: #081c28; margin-bottom: 2em; }
.linkot { display: inline-block; position: relative; }
.linkot span { transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; display: block; position: relative; padding-right: 1.25em; }
.linkot span:after { -webkit-transform: translate(-0%, -50%); transform: translate(-0%, -50%); transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; content: ''; position: absolute; right: 0; top: 50%; width: 5px; height: 9px; background-image: url(../picture/img23.png); background-position: center; background-repeat: no-repeat; }
a:hover .linkot span { padding-right: 2.5em; }
a:hover .linkot span:after { width: 27px; background-image: url(../picture/img19.png); }
.index_5_1_2 { margin: 2em 0; }
.index_5_1, .index_5_2 { margin-top: 5.3125em }

.linkmore_jz { margin: 0 auto }
.index_6_mid ul { display: flex; }
.index_6_mid ul li>a { display: block;height:100%; }
.index_6_mid ul li { float: left; position: relative; width: 50%; }
.index_6_mid_2 { overflow: hidden;height:100%; }
.index_6_mid_2 img { width: 100%;min-height:100%; }
.index_6_mid_1 { -webkit-transform: translate(-0%, -50%); transform: translate(-0%, -50%); position: absolute; left: 0; top: 50%; z-index: 10; text-align: center; color: #888; width: 100%; }
.index_6_mid_1_mid_1 { font-size: 2.25em; font-weight: bold; color: #333; }
.index_6_mid_1_mid_2 { font-size: 1.5em; margin-top: .5em; margin-bottom: 1.5em; }

.linkot2 { display: inline-block; position: relative; }
.linkot2 span { transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; display: block; position: relative; padding-right: 1.25em; }
.linkot2 span:after { -webkit-transform: translate(-0%, -50%); transform: translate(-0%, -50%); transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; content: ''; position: absolute; right: 0; top: 50%; width: 5px; height: 9px; background-image: url(../picture/img23.png); background-position: center; background-repeat: no-repeat; }
.linkot2 span { padding-right: 2.5em; }
.linkot2 span:after { width: 35px; background-image: url(../picture/img3.png); }
/************footer*****************/
#footer { position: relative; padding-top: 115px; padding-bottom: 80px; }
.gototop { top: 24%; width: 2.5em; height: 2.5em; border: 1px #d2d2d2 solid; border-radius: 100%; position: absolute; z-index: 10; cursor: pointer; right: 2.44791666666667%; }
.gototop:after { -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); content: ''; position: absolute; left: 50%; top: 50%; width: 0.8125em; height: 1.0625em; background-image: url(../picture/img2.png); background-position: center; background-repeat: no-repeat; background-size: cover; }
.gototop:hover { background-color: #2790b7; border-color: #2790b7; }
.gototop:hover:after { background-image: url(../picture/img2on.png); }
.footer_mid_left { float: left; width: 27%; }
.index_6_mid_1_mid { margin: 0 1em; }
.footer_mid_right { float: right; width: 18%; }
.footer_mid_mid { float: left; width: 55%; }
.footer_mid_mid ul li { min-height: 275px; position: relative; float: left; width: 20%; }
.footer_p { margin-bottom: 1.5em; font-size: 1.25em; color: #121212; }
.footer_mid_mid_mid dl dd { margin-bottom: 1em; }
.footer_mid_mid ul li:after { content: ''; position: absolute; left: 0; bottom: 0; width: 1px; height: 100%; background-color: #dedede; }
.footer_mid_mid ul li:last-child:before { content: ''; position: absolute; right: 0; bottom: 0; width: 1px; height: 100%; background-color: #dedede; }
.footer_mid_left_mid { padding-right: 2em; }
.footer_mid_left_mid_2 { margin-top: 1.5em; margin-bottom: 1.25em; font-size: 1.5em; color: #283520; }
.footer_mid_left_mid_3 p { margin-bottom: .5em; line-height: 1.5; }
.footer_mid_mid_mid { padding: 0 28px; }
.footer_mid_right_mid { padding-left: 37%; }
.footer_mid_mid_mid dl dd a:hover { color: #2790b7; }
.footer_mid_mid_mid dl dd a { transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }

#copyright { padding: 18px 10px; text-align: center; border-top: 1px solid #ddd; }
/*********about******************/
.nybody #header { background-color: #fff; }
.nybanner { margin-top: 79.9333px; position: relative; }
.nybanner_jj { width: 100%; position: absolute; left: 0; top: 50%; z-index: 10; -webkit-transform: translate(-0%, -50%); transform: translate(-0%, -50%); /*text-align: center;*/ color: #fff; }
.aboutmid { margin: 0 12.76041666666667%; }
.ins_info_mid { margin: 0 12.76041666666667%; }
.nybanner_jj_1 { font-size: 2.625em; font-weight: 400; margin-top: 20px; font-weight: bold; }
.nybanner_jj_2 { font-size: 1.5em; margin-top: 5px;display:none; }
.about_1_1_left { border-radius: 1em; float: left; width: 46.36363636363636%; overflow: hidden }
.about_1_1_left img { width: 100%; }
.about_1 { padding: 8.5625em 0; background-color: #f6f6f6; overflow: hidden }
.about_1_1_right { color: #081c28; margin-top: 3.5vw; float: right; width: 50.25174825174825%; }
.about_1_1_right_1 { font-size: 2.25em; margin-bottom: .575em; }
.about_1_1_right_2 { line-height: 1.8; font-size: 1.125em; }
.about_1_2 { margin-top: 8em }
.about_1_2 ul li { position: relative; }
.about_1_2 ul li:after { content: ''; position: absolute; left: 0; top: 0; width: 1px; height: 100%; background-color: #cfd1d6; }
.about_1_2 ul li:nth-child(1) { float: left; width: 24%; }
.about_1_2 ul li:nth-child(2) { float: left; width: 30%; }
.about_1_2 ul li:nth-child(3) { float: left; width: 27%; }
.about_1_2 ul li:nth-child(4) { float: left; width: 19%; }
.about_1_2_mid_2 { font-size: 1.25em; }
.about_1_2_mid_1 span { display: inline-block; position: relative; font-size: 6.25em; font-weight: bold; color: #2790b7; }

.about_1_2 ul li:nth-child(1) .about_1_2_mid_1 span:after,
.about_1_2 ul li:nth-child(2) .about_1_2_mid_1 span:after,
.about_1_2 ul li:nth-child(3) .about_1_2_mid_1 span:after,
.about_1_2 ul li:nth-child(4) .about_1_2_mid_1 span:after { content: '+'; font-size: .6em; position: absolute; right: 0; top: 0; -webkit-transform: translate(100%, -25%); transform: translate(100%, -25%); font-weight: normal; }

.about_1_2 ul li:nth-child(1) .about_1_2_mid_1 span:before { font-weight: normal; content: '家'; color: #000; font-size: .6em; position: absolute; right: 0; bottom: 0; -webkit-transform: translate(100%, -75%); transform: translate(100%, -75%); font-size: .24em; }
.about_1_2 ul li:nth-child(2) .about_1_2_mid_1 span:before,
.about_1_2 ul li:nth-child(3) .about_1_2_mid_1 span:before { content: '个'; color: #000; font-size: .6em; position: absolute; right: 0; bottom: 0; -webkit-transform: translate(100%, -75%); transform: translate(100%, -75%); font-size: .24em; font-weight: normal; }

.about_1_2 ul li:nth-child(4) .about_1_2_mid_1 span:before { font-weight: normal; content: '种'; color: #000; font-size: .6em; position: absolute; right: 0; bottom: 0; -webkit-transform: translate(100%, -75%); transform: translate(100%, -75%); font-size: .24em; }
.about_1_2 ul li:nth-child(1):after { display: none }
.about_1_2_mid { margin: 0 1em; }
.about_1_2 ul li:nth-child(2), .about_1_2 ul li:nth-child(3), .about_1_2 ul li:nth-child(4) { text-align: center }
.about_1_2 ul li:nth-child(2) .about_1_2_mid, .about_1_2 ul li:nth-child(3) .about_1_2_mid, .about_1_2 ul li:nth-child(4) .about_1_2_mid { display: inline-block; text-align: left }
.about_1_2 ul li:nth-child(1) .about_1_2_mid { margin-left: 0 }
.about_2_1_right { border-radius: 1em; background-color: #f7f7f7; margin-left: 30.62937062937063%; min-height: 36vw; position: relative; }
.about_2_1 { position: relative; }
.about_2_1_left { z-index: 1; position: absolute; left: 0; top: 3em; height: 80%; border-radius: 1em; overflow: hidden; width: 50%; }
.about_2_1_right_mid { -webkit-transform: translate(0%, -50%); transform: translate(0%, -50%); position: absolute; top: 50%; left: 35%; right: 5%; width: 60%; }
.about_2_1_left_bg { opacity: 0; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-position: center; background-repeat: no-repeat; background-size: cover; }
.about_2_1_left_bg.on { z-index: 10; opacity: 1; }
.about_2_1 { margin-top: 5.3125em; margin-bottom: 2.875em; }
.about_2_1_right_mid_1 { font-size: 2.25em; }
.about_2_1_right_mid_2 { font-size: 3em; font-weight: bold; margin-top: .4em; margin-bottom: .2em; }
.about_2_1_right_mid_3 { font-size: 1.125em; margin-bottom: 2.5em; line-height: 1.6; }
.about_2_1_right_mid_4 div { margin-right: 5px; display: inline-block; border: 1px #b3b5b8 solid; border-radius: 100%; height: 2.5em; width: 2.5em; position: relative; cursor: pointer; }
.about_2_1_right_mid_4 div:after { content: ''; position: absolute; left: 50%; top: 50%; width: 1.1875em; height: .9375em; background-position: center; background-repeat: no-repeat; background-size: cover; background-image: url(../picture/img3.png); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.about_2_1_right_mid_4 div.about_2_1_right_mid_4_right:after { background-image: url(../picture/img4.png); }
.about_2_1_right_mid_4 div:hover { background-color: #2790b7; border-color: #2790b7; }
.about_2_1_right_mid_4 div:hover:after { background-image: url(../picture/img3on.png); }
.about_2_1_right_mid_4 div.about_2_1_right_mid_4_right:hover:after { background-image: url(../picture/img4on.png); }
.about_2_2 ul { display: flex; gap: 0; justify-content: space-between; overflow: hidden; }
.about_2_2 ul li { min-width: 10%; text-align: center; padding-bottom: .5em; padding-left: 0; padding-right: 0; font-size: 2em; color: #666666; white-space: nowrap; display: block; position: relative; z-index: 1; cursor: pointer; }
.about_2_2 { position: relative }
.about_2_2:after { content: ''; position: absolute; left: 0; bottom: 0; width: 100.5%; height: 4px; background-color: #dfdfdf; }
.about_2_2 .icon-youjiantou { position: absolute; right: 0; bottom: -11px; font-size: 28px; color: #dfdfdf; line-height: 1; width: 10px; font-weight: bold; }
.about_2_2 ul li:after { transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; content: ''; position: absolute; z-index: 1; left: 0; bottom: 0; height: 4px; width: 0; background-color: #2790b7; }
.about_2_2 ul li.on:after { width: 100%; }
.about_2_2 ul li.on { color: #000; }

.about_2 { padding-bottom: 11.875em; }
.about_3 { background-color: #f6f6f6; overflow: hidden }
.about_3_1_mid { -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); height: 30vw; margin: 10px; background-color: #fff; position: relative; }
.about_3 .swiper-slide { width: 25%; }
.about_3_1_mid_1 { position: absolute; left: 0; top: 0; width: 100%; text-align: center; height: 82.72058823529412%; }
.about_3_1_mid_1 img { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-width: 66%; max-height: 80%; -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5); box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5); }
.about_3_1_mid_2 { text-align: center; font-size: 1em; position: absolute; left: 0; width: 100%; top: 83%; }
.about_3_1_mid_2 p { margin: 0 1em; }
.about_3_1 { margin-top: 3.125em; }
#hjd { margin: 0 12.76041666666667%; width: 74.47916666666666%; position: static; height: 6px; background-color: #c5cdd4; margin-top: 7em; border-radius: 6px; overflow: hidden; }
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background-color: #2790b7; border-radius: 6px; overflow: hidden; }
.about_4 { overflow: hidden; position: relative; color: #fff; background-image: url(../picture/img6.jpg); background-position: center; background-repeat: no-repeat; background-size: cover; overflow: hidden; }
.baise { color: #fff; }
.about_4_line { top: 0; position: absolute; z-index: 1; height: 100%; width: 1px; background-color: #fff; opacity: .35; }
.about_4_line_1 { left: 12.76041666666667%; }
.about_4_line_2 { left: 37.58680555555556%; }
.about_4_line_3 { right: 37.58680555555556%; }
.about_4_line_4 { right: 12.76041666666667%; }
.about_4_1 ul li { float: left; width: 33.3333%; }
.about_4_1_mid { padding: 0 2.5em; }
.about_4_1_mid_1 { height: 5em; }
.about_4_1_mid_2 { font-size: 1.5em; }
.about_4_1_mid_3 { font-size: 1.125em; line-height: 1.6; margin-top: 10px; }
.about_4_1 { margin: 12.1875em 0; }
.brand_mid { padding-bottom: 9.375em; background-color: #eeeeee; overflow: hidden; }
.brand_mid_1_mid { overflow: hidden; position: relative; background-color: #fff; border-radius: 2em; padding: 3.75em; }
.brand_mid_1_mid_jj { position: relative; }
.brand_mid_1_mid_jj_left { width: 61%; }
.brand_mid_1_mid_jj_right { position: absolute; right: 0; top: 0; width: 20%; height: 100%; }
.brand_mid_1_mid_jj_right:after { content: ''; position: absolute; left: 0; top: 0; height: 100%; width: 2px; background-color: #e6e6e6; }
.brand_mid_1_mid_jj_left_1 { font-size: 1.875em; margin-bottom: .87em; }
.brand_mid_1_mid_jj_left_1 span { padding-bottom: .87em; display: inline-block; position: relative; }
.brand_mid_1_mid_jj_left_1 span:after { width: 2.766666666666667em; position: absolute; left: 0; bottom: 0; height: 2px; content: ''; background-color: #2790b7 }
.brand_mid_1_mid_jj_left_2 { font-size: 1.125em; }
.brand_mid_1_mid_jj_left_3 { line-height: 1.8; margin-top: 10px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; word-wrap: break-word; word-break: break-all; }
.link3 { display: block; width: 9.1875em; height: 2.25em; position: relative; overflow: hidden; line-height: 2.25em; border-radius: 2.25em; background-color: #4a4a4a; text-align: center; color: #fff; }
.link3:after { transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; content: ''; position: absolute; left: 0; top: 0; height: 100%; width: 0; background-color: #2790b7 }
.link3 span { padding-right: 1.75em; position: relative; z-index: 10; }
.link3 span:after { -webkit-transform: translate(-0%, -50%); transform: translate(-0%, -50%); content: ''; position: absolute; right: 0; top: 50%; width: 1.3125em; height: 0.6875em; background-image: url(../picture/img12.png); background-position: center; background-repeat: no-repeat; background-size: cover; }
.brand_mid_1_mid_jj_right .link3 { -webkit-transform: translate(-0%, -50%); transform: translate(-0%, -50%); position: absolute; right: 0; top: 50%; }
a:hover .link3:after { width: 100%; }
.brand_mid_1 { padding-top: 4.625em }
.brand_mid_1 ul li { overflow: hidden; margin-top: 1.625em; position: relative; }
.brand_mid_1 ul .brand_mid_1_mid:after { transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 7px; background-color: #cacaca; }
.brand_mid_1 ul .brand_mid_1_mid:before { transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; content: ''; position: absolute; left: 0; z-index: 1; bottom: 0; width: 0%; height: 7px; background-color: #2790b7; }

.brand_mid_1 ul li:hover .brand_mid_1_mid:before { width: 100%; }
.brand_mid_2 { text-align: center; margin-top: 4em; }
.brand_mid_2 ul li { display: inline-block; margin: 0 .4em; }
.brand_mid_2 ul li a { cursor: pointer; transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; display: block; border: 1px transparent solid; height: 2em; width: 2em; line-height: 2em; border-radius: 100%; }
.brand_mid_2 ul li a.on, .brand_mid_2 ul li a:hover { color: #fff; background-color: #2790b7; border-color: #2790b7 }
.brand_mid_2 ul li.active a, .brand_mid_2 ul li a:hover { color: #fff; background-color: #2790b7; border-color: #2790b7 }
.brand_mid_2 ul { font-size: 1.125em; }
.brand_mid_2 ul li:nth-child(1), .brand_mid_2 ul li:last-child { font-family: "宋体" }
.brand_mid_2 ul li:nth-child(1) a, .brand_mid_2 ul li:last-child a { border: 1px #ccc solid; }
.brand_info_1 { text-align: center; margin-top: 6.25em; }
.brand_info_1 span { padding-bottom: .65em; position: relative; font-size: 3em; display: block; /*text-shadow: 1px 1px 15px rgba(0,0,0,0.6);*/ }
.brand_info_1 span:after { -webkit-transform: translate(-50%, -0%); transform: translate(-50%, -0%); content: ''; position: absolute; left: 50%; bottom: 0; width: 2.208333333333333em; height: 2px; background: #eee; }
.brand_info_1.type-57 span:after { height: 2px; background: #eee; }
.brand_info_1 em { padding-bottom: .65em; display: block; font-size: 1em; font-weight: normal; display: block; }
.brand_info_1 .has-desc span { padding-bottom: 0.3em; }
.brand_info_1 .has-desc span::after { display: none; }
.brand_info_2_mid { text-align: center; line-height: 1.6; margin-top: 3.75em; }
.brand_info_3_1 { position: relative; font-size: 2.25em; color: #2790b7; }
.brand_info_3_1 span { font-weight: bold; z-index: 10; position: relative; display: inline-block; background-color: #fff; padding-right: 0.6944444444444444em; }
.brand_info_3_1:after { -webkit-transform: translate(-0%, -50%); transform: translate(-0%, -50%); content: ''; position: absolute; left: 0; top: 50%; width: 100%; height: .8em; background-color: #e3ebed; }
.brand_info_3_2 { font-size: 1.125em; line-height: 2; margin-top: 1.75em; }
.brand_info_3 ul li { padding-top: 3em; padding-bottom: 3em; border-bottom: 1px #d7d7d7 solid; }
.brand_info_3 ul li:last-child { border: none }
.bannernext { position: absolute; right: 0; bottom: 0; z-index: 10; border-radius: 1em; background-color: rgba(39, 144, 183, 0.23); color: #fff; }
.bannernext_mid { padding: 1.875em 2.5em; }
.bannernext_mid_1 { font-size: 1.125em; }
.bannernext_mid_2 { font-size: 1.575em; margin-top: .4em; }

.nybanner_jj .brand_info_1 span { font-size: 2.625em; font-weight: 400; }
.nybanner_jj .brand_info_1 span:after { background-color: #fff; }
/************innovative***********************/
.inv_mid_1_mid { position: relative; }
.inv_mid_1_mid_left { overflow: hidden; border-radius: 1em; position: relative; z-index: 10; width: 52.93706293706294%; }
.inv_mid_1_mid_left img { width: 100%; }
.inv_mid_1_mid_right { position: absolute; right: 0; top: -3.125em; height: 100%; border-radius: 1em; background-image: url(../picture/img2.jpg); background-position: right center; background-repeat: no-repeat; background-size: cover; width: 60.76923076923077%; }
.inv_mid_1_mid_right_mid { margin-left: 31%; margin-right: 11%; }
.inv_mid_1_mid_right_mid_1 span { font-size: 2.5em; position: relative; display: inline-block; padding-bottom: .6em; }
.inv_mid_1_mid_right_mid_1 span:after { width: 2.3em; content: ''; position: absolute; left: 0; bottom: 0; height: 2px; background-color: #2790b7 }
.inv_mid_1_mid_right_mid_2 { line-height: 1.6; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; word-wrap: break-word; word-break: break-all; color: #0e0e0e; font-size: 1.125em; margin-top: 2em; margin-bottom: 2.5em; }
.inv_mid_1 ul li { margin-top: 12.125em; }
.inv_mid_1 ul li:last-child { margin-bottom: 2em; }
.inv_mid_1 ul li:nth-child(2n) .inv_mid_1_mid_right { background-image: url(../picture/img3.jpg); left: auto; right: auto; background-position: left center; }
.inv_mid_1 ul li:nth-child(2n) .inv_mid_1_mid_left { margin-left: 47.06293706293706% }
.inv_mid_1 ul li:nth-child(2n) .inv_mid_1_mid_right_mid { margin-right: 31%; margin-left: 11%; }
.inv_mid_2 { background-color: #e9eef4; overflow: hidden }
.inv_mid_2_1 ul li { float: left; width: 49%; }
.inv_mid_2_1 ul li:nth-child(2n) { float: right; }
.inv_mid_2_1_mid_1 { overflow: hidden; position: relative; border-radius: 1em; }
.inv_mid_2_1_mid_1 img { width: 100%; }
.inv_mid_2_1_mid_1:after { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; background-color: #000; opacity: .17 }
.inv_mid_2_1_mid { position: relative; }
.inv_mid_2_1_mid_2 { position: absolute; z-index: 10; color: #fff; left: 3.125em; right: 3.125em; bottom: 3.125em; }
.inv_mid_2_1_mid_2 p { font-size: 1.875em; }
.inv_mid_2_1_mid_2 div { font-size: 1.125em; line-height: 1.8; margin-top: 1.25em; }
.inv_mid_2_1_mid_2_2 { opacity: 0; -webkit-transform: translate(-0%, 100%); transform: translate(-0%, 100%); }

.inv_mid_2_1 ul li:hover .inv_mid_2_1_mid_2_2 { opacity: 1; -webkit-transform: translate(-0%, 0%); transform: translate(-0%, 0%); }

.inv_mid_2_1 ul li:hover .inv_mid_2_1_mid_2_1 { opacity: 0; -webkit-transform: translate(-0%, 100%); transform: translate(-0%, 100%); }
.inv_mid_2_1 ul li:hover .inv_mid_2_1_mid_1:after { background: none; background-repeat: no-repeat; opacity: 1; background-image: url(../picture/img5.png); background-position: center bottom; }
.inv_mid_2_1 { margin-top: 6.25em; }
.inv_mid_2 { padding-bottom: 10.9375em; }
.nybanner_jj_1_info { text-align: left; font-size: 2.625em; font-weight: bold; }
.nybanner_jj_2_info { margin-top: 14px; font-size: 1.5em; text-align: left; width: 46%; }
.ins_info_1_mid { text-align: center; font-size: 1.125em; line-height: 1.8; margin-top: 2em; margin-bottom: 3em; }
.ins_info_mid { margin: 0 12.76041666666667%; font-size: 1.2em; line-height: 2; padding-top: 2em; padding-bottom: 4em; }
.ins_info_mid_photo { margin: 0 12.76041666666667%; font-size: 1.025em; line-height: 1.8; padding-top: 1em; padding-bottom: 3em; margin-bottom: 1em; text-align: center; border-bottom: 2px solid #ddd; }
.ins_info_mid_photo img{max-width:750px;}
.type-22 .ins_info_mid_photo{padding:0;margin-bottom:0;}
.ins_info_2 img { max-width: 90%; border-radius: 1em; margin: 12px 0; }
.ins_info_3_mid_mid { position: relative; }
.ins_info_3_mid_mid_left { border-radius: 1em; width: 57.27272727272727%; overflow: hidden; }
.ins_info_3_mid_mid_left img { width: 100%; }
.ins_info_3_mid_mid_right { position: absolute; left: 61%; top: 0; height: 100%; width: 40%; }
.ins_info_3_mid_mid_right_mid_1 > span { font-weight: bold; display: inline-block; position: relative; font-size: 3.0em; padding-bottom: .1em; }
.ins_info_3_mid_mid_right_mid_1 > span:after { content: ''; position: absolute; left: 0; bottom: 0; width: 1.25em; height: 1px; background-color: #2790b7; }
.ins_info_3_mid_mid_right_mid_2 { font-size: 1.0em; color: #202020; line-height: 2.0; margin-top: 1em; }
.ins_info_3_mid_so .ins_info_3_mid_mid_right_mid_2 { text-align: justify; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 8; overflow: hidden; word-wrap: break-word; word-break: break-all; }
.cb1 { font-size: 1.5em; }
.ins_info_3_mid ul li:nth-child(2n) .ins_info_3_mid_mid_right { left: auto; right: 61%; }
.ins_info_3_mid ul li:nth-child(2n) .ins_info_3_mid_mid_left { margin-left: 42.72727272727273%; }
.ins_info_3_mid ul li { margin-top: 6.5625em; }
.ins_info_3_mid ul li:nth-child(1) { margin-top: 0 }

.ins_info_3 { margin: 0.1em 0; }


.ins_info_3_list_mid { position: relative; display: flex; position: relative; display: flex; border-top: 2px solid #eee; padding: 2.4em 0; }
.ins_info_3_list_mid_left { width: 20%; max-width: 200px; }
.ins_info_3_list_mid_left img { width: 80%; max-width: 90px; }
.ins_info_3_list_mid_right { flex:1;}
.ins_info_3_list_mid_right_mid_1 > span { font-weight: bold; display: inline-block; position: relative; font-size:1.8em; padding-bottom: .2em; }
.ins_info_3_list_mid_right_mid_1 > span:after { content: ''; position: absolute; left: 0; bottom: 0; width: 2em; height: 2px; background-color: #eee; }
.ins_info_3_list_mid_right_mid_2 { color: #202020; line-height: 2.0; margin-top: 1em; }

.ins_info_3.type-57 .ins_info_mid { padding-top: 1em; }
.ins_info_3.type-57 .ins_info_mid ul li:first-child .ins_info_3_list_mid { border: none; }

.ins_info_4 { background-color: #f5f5f5; overflow: hidden }
.ins_info_4_1_mid { overflow: hidden; background-color: #fff; -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); margin: 15px; }
.ins_info_4_1_mid_1 { height: 19.53125vw; text-align: center; position: relative; }
.ins_info_4_1_mid_1 img { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-width: 100% }
.ins_info_4_1_mid_2 { text-align: center; margin: 0 1em; margin-bottom: 4vw; }
.ins_info_4_1_mid_2_1 { font-weight: bold; font-size: 1.8em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ins_info_4_1_mid_2_2 { font-size: 1em; margin: .5em 0 1em 0; line-height: 1em; height: 2em; }
.link3_jz { margin: 0 auto; background: none; border: 1px #c5c5c5 solid; color: #181818; }
.link3_jz span:after { background-image: url(../picture/img14.png); }
a:hover .link3_jz span { color: #fff; }
a:hover .link3_jz span:after { background-image: url(../picture/img12.png); }
.ins_info_4_1 { margin-top: 4em; }
/*******solution***************/
.inv_mid_1_so ul li:last-child { margin-bottom: 4em }
.ins_info_3_mid_so .inv_mid_1_mid_right_mid_3 { margin-top: 2em; }
.ins_info_4_1_left { -webkit-transform: translate(-0%, -50%); transform: translate(-0%, -50%); left: 30px; font-family: "宋体"; line-height: 2.25em; text-align: center; cursor: pointer; width: 2.25em; height: 2.25em; border-radius: 100%; border: 2px #dbdbdb solid; position: absolute; z-index: 10; top: 50%; }
.ins_info_4_1_right { -webkit-transform: translate(-0%, -50%); transform: translate(-0%, -50%); right: 30px; font-family: "宋体"; line-height: 2.25em; text-align: center; cursor: pointer; width: 2.25em; height: 2.25em; border-radius: 100%; border: 2px #dbdbdb solid; position: absolute; z-index: 10; top: 50%; }
.ins_info_4_1_left:hover, .ins_info_4_1_right:hover { background-color: #9a9a9a; color: #fff; }
.nybanner img { width: 100%; }
.nybanner img.pcimg { width: 100%; }
.sojj { color: #fff;font-weight:bold; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 10; }
.sojj_1 { font-size: 2.625em; margin-top: 20px; }
.sojj_2 { font-size: 1.5em; margin-top: 10px; margin-bottom: 1em; }
.nybanner-56 .sojj { color: #555; }
.nybanner-54 .sojj { color: #555; }
.nybanner-15 .sojj { color: #555; }
.linkmore_bs { color: #fff; border-color: #fff; }
.linkmore_bs span:after { background-image: url(../picture/img3on.png); }
#nybannerso .swiper-pagination-bullet { width: 1.375em; height: 1.375em; background: none; opacity: 1; background-image: url(../picture/img7.png); background-position: center; background-repeat: no-repeat; background-size: cover; }
#nybannerso .swiper-pagination-bullet-active { background-image: url(../picture/img6.png); }
#nybannerso .swiper-container-horizontal > .swiper-pagination-bullets, #nybannerso .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 28px; }
.sopro { background-color: #eeeeee; overflow: hidden; padding: 4.16666666666667vw 12vw; }
.sopro_1_1 { position: relative; background-color: #fff; height: 30vw; }
.sopro_1_1_left { position: absolute; left: 0; top: 0; width: 60%; height: 100%; }
.sopro_1_1_left img { height: 100%; width: 81.6%; }
.sopro_1_1_right { position: absolute; right: 2%; top: 50%; -webkit-transform: translate(-0%, -50%); transform: translate(-0%, -50%); width: 38%; }
.link3_jz_left { margin: 0; }
.sopro_1_1_right_1 { font-size: 2em; font-weight: bold; }
.sopro_1_1_right_2 { font-size: 1.25em; margin-top: 10px; margin-bottom: 1.5em; }
.sopro_1 ul li { margin-bottom: 2vw; clear: both; overflow: hidden; width: 100%; }
.sopro_1 ul li dl dd { float: left; width: 49%; margin-top: 2vw; }
.sopro_1 ul li dl dd:nth-child(1), .sopro_1 ul li dl dd:nth-child(2) { margin-top: 0 }
.sopro_1 ul li dl dd:nth-child(2n) { float: right; }
.sopro_1_2 { text-align: center; background-color: #fff; position: relative; height: 43.85416666666667vw; }
.sopro_1_2_1 { position: relative; height: 66.66666666666667%; }
.sopro_1_2_1 img { /* position: absolute; */ /* left: 50%; */ /* top: 50%; */ /* -webkit-transform: translate(-50%, -50%); */ /* transform: translate(-50%, -50%); */ /* max-height: 89%; */ width: 100%; max-height: 90%; }
.sopro_1_2_2_1 { font-size: 2em; font-weight: bold; }
.sopro_1_2_2_2 { font-size: 1.25em; margin-top: 5px; margin-bottom: 1.25em; }
#nybannerso .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 1em; }
/*********news************************/
.newsjj { position: absolute; z-index: 10; left: 0; bottom: 28px; color: #fff; width: 100%; }
.newsjj_1 { font-size: 1.5em; margin-bottom: .6em; }
.newsjj_2 { font-size: 2.5em; max-width: 21em; }
.newsjj_2 a { color: #fff; font-weight: bold; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; word-wrap: break-word; word-break: break-all; }
#sob.newsbb { width: 83.75%; left: 8.125%; text-align: right }
.news_1_top { font-weight: bold; margin-bottom: .875em; text-align: center; font-size: 3em; margin-top: 2.083333333333333em; }
.news_1_mid { margin: 0 auto; position: relative; max-width: 800px; }
.news_1_mid_left { position: absolute; left: 0; top: 0; height: 100%; width: 154px; }
.news_1_mid_left div { padding: 0 10px; height: 2.875em; line-height: 2.875em; border: 1px #aeaeae solid; border-radius: 5px; }
.news_1_mid_left div select { font-size: 1.125em; border: none; background: none; width: 100%; }
.news_1_mid_mid { height: 2.875em; line-height: 2.875em; margin-left: 164px; border: 1px #aeaeae solid; border-radius: 5px; }
.news_1_mid_mid input { font-size: 1.125em; border: none; background: none; width: 100%; }
.news_1_mid_mid div { padding: 0 10px; margin-right: 3em; }
.news_1_mid_right { position: absolute; right: 0; top: 0; height: 100%; width: 3em; }
.news_1_mid_right input { background: none; border: none; position: absolute; left: 0; top: 0; width: 100%; height: 100%; cursor: pointer; background-image: url(../picture/img1.png); background-position: center; background-repeat: no-repeat; }
.news_2_1 ul li { position: relative; margin-top: 5.625em; float: left; width: 32%; margin-right: 2%; }
.news_2_1 ul li:after { content: ''; position: absolute; left: 0; bottom: 0; width: 100%; z-index: 1; height: 1px; background-color: #e3e3e3; }
.news_2_1 ul li:before { transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; content: ''; position: absolute; left: 0; bottom: 0; width: 0%; z-index: 5; height: 1px; background-color: #2790b7; }
.news_2_1 ul li:hover:before { width: 100%; }
.news_2_1 ul li:nth-child(3n) { margin-right: 0 }
.news_2_1_1 { overflow: hidden; border-radius: 1em; }
.news_2_1_1 img { width: 100%; }
.news_2_1_2_1 { font-size: 1.125em; color: #666; }
.news_2_1_2_2 { font-size: 1.5em; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; height: 3em; word-wrap: break-word; word-break: break-all; line-height: 1.5; margin-top: .5em; margin-bottom: 1em; }
.news_2_1_2_3 .linkot2 span::after { background-image: url(../picture/img19.png); }
.news_2_1_2 { margin-top: 1.5em; margin-bottom: 3em; }
.news_info_1_mid_left { float: left; }
.news_info_1_mid_right { float: right; }
.news_info_1_mid { overflow: hidden; padding-bottom: 1em; padding-top: 1em; font-size: 1.125em; border-bottom: 1px #e3e3e3 solid; }
.news_info_1_mid_left { float: left; }
.news_info_1_mid_right { float: right; }
.news_info_1 { margin-top: 1em; color: #333; }
.news_info_1 a { color: #333; }
.news_info_1 a:hover, .news_info_1_mid_left span { color: #2790b7 }
.news_info_2_1 { text-align: center; font-size: 1.875em; margin-top: 5em; font-weight: bold; }
.news_info_2_2 { text-align: center; color: #2790b7; font-size: 1.125em; margin-top: 15px; }
.news_info_2_3 { margin-top: 6em; margin-bottom: 5em; font-size: 1.125em; color: #666; line-height: 2; }
.ne1 { color: #000; font-size: 1.25em; }
.news_info_3 ul { display: flex; }
.news_info_3 ul li { float: left; width: 50%; }
.news_info_3 ul li a { padding-left: 12.76041666666667vw; padding-right: 5vw; display: block; background-color: #f4f4f4; font-size: 1.25em; padding-top: 1.25em; padding-bottom: 1.25em; }
.news_info_3 ul li:nth-child(2) a { padding-right: 12.76041666666667vw; text-align: right; padding-left: 5vw; }
.news_info_3 ul li a span { padding-left: 1.65em; display: block; display: inline-block; position: relative; }
.news_info_3 ul li a span:after { -webkit-transform: translate(-0%, -50%); transform: translate(-0%, -50%); content: ''; position: absolute; left: 0; top: 50%; width: 1.2em; height: 1.2em; background-image: url(../picture/img5.png); background-position: center; background-repeat: no-repeat; background-size: cover; }
.news_info_3 ul li:nth-child(2) a span { padding-left: 0; padding-right: 1.65em; }
.news_info_3 ul li:nth-child(2) a span:after { left: auto; right: 0; background-image: url(../picture/img6.png); }
.news_info_3 ul li a:hover { background-color: #535353; color: #fff; }
.news_info_3 ul li a:hover span:after { background-image: url(../picture/img5on.png); }
.news_info_3 ul li:nth-child(2) a:hover span:after { background-image: url(../picture/img6on.png); }
/****************************/
.contact_1_1 { -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); margin-top: 5.625em; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); border-radius: 1em; position: relative; overflow: hidden; }
.contact_1_1_right { margin-left: 50%; }
.contact_1_1_right_mid { overflow: hidden; margin: 3.125em; margin-left: 6.25em; position: relative; height: 360px; }
.contact_1_1_right_mid .swiper-slide { height: auto }
.contact_1_1_right_mid_1 { margin-bottom: .5em; font-size: 1.875em; font-weight: bold; }
.contact_1_1_right_mid dl dd { margin-top: 5px; font-size: 1.125em; line-height: 1.5; }
.contact_1_1_right_mid dl dd span { padding-left: 1.35em; display: inline-block; position: relative; }
.contact_1_1_right_mid dl dd span:after { content: ''; position: absolute; left: 0; background-position: center; background-repeat: no-repeat; background-size: cover; }
.contact_1_1_right_mid dl dd.add span:after { top: .3em; background-image: url(../picture/img3.png); width: 0.7777777777777778em; height: 0.8888888888888889em; }
.contact_1_1_right_mid dl dd.pho span:after { top: .35em; background-image: url(../picture/img4.png); width: 0.7777777777777778em; height: 0.7777777777777778em; }
.contact_1_1_right_mid dl dd.mob span:after { top: .4em; background-image: url(../picture/img5.png); width: 0.5555555555555556em; height: 0.8333333333333333em; }
.contact_1_1_right_mid dl dd.ema span:after { top: .5em; background-image: url(../picture/img6.png); height: 0.6111111111111111em; width: 0.8333333333333333em; }
.contact_1_1_right_mid ul li { padding: 2em 0; border-bottom: 1px #dadada solid; cursor: pointer; }
.contact_1_1_right_mid ul li:last-child { border: none }
.contact_1_1_right_mid_2 a { overflow: hidden; position: relative; display: block; border: 1px #c4c3c3 solid; width: 138px; height: 28px; text-align: center; line-height: 28px; border-radius: 28px; color: #191919; }
.contact_1_1_right_mid_2 a span { padding-left: 1.5em; position: relative; z-index: 10; display: inline-block; position: relative; }
.contact_1_1_right_mid_2 a span:after { -webkit-transform: translate(-0%, -50%); transform: translate(-0%, -50%); content: ''; position: absolute; left: 0; top: 50%; width: 1.1875em; height: .9375em; background-image: url(../picture/img2.png); background-position: center; background-repeat: no-repeat; background-size: cover; }
.contact_1_1_right_mid_2 a:after { transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; content: ''; position: absolute; left: 0; top: 0; height: 100%; width: 0; background-color: #2790b7; width: 0%; }
.contact_1_1_right_mid_2 a:hover:after { width: 100%; }
.contact_1_1_right_mid_2 a:hover { color: #fff; }
.contact_1_1_right_mid_2 a:hover span:after { background-image: url(../picture/img2on.png); }
.contact_1_1_right_mid_2 { margin-top: 1.5em; }
.swiper-container-vertical > .swiper-scrollbar { width: 6px; }
.swiper-scrollbar-drag { background-color: #2790b7 }
.contact_1_1_right_mid ul { margin-right: 6.25em; }
.contact_1_1_left { position: absolute; left: 0; top: 0; width: 50%; height: 100%; }
#container { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.contact_1 { padding-bottom: 0 }
.contact_2_1 { text-align: center; font-size: 1.25em; line-height: 1.6; margin-top: 1.5em; margin-bottom: 1em; }
.contact_2_2_mid { position: relative; }
.contact_2_2_mid_left { border-radius: 1em; overflow: hidden; width: 50%; }
.contact_2_2_mid_left img { width: 100%; }
.contact_2_2_mid_right { -webkit-transform: translate(-0%, -50%); transform: translate(-0%, -50%); position: absolute; right: 0; top: 50%; width: 45.45454545454545% }
.contact_2_2_mid_right_1 { font-size: 2.25em; margin-bottom: .5em; }
.contact_2_2_mid_right_2 { font-size: 1.125em; color: #333; line-height: 2; }
.contact_2_2 ul li:nth-child(2n) .contact_2_2_mid_left { margin-left: 50%; }
.contact_2_2 ul li:nth-child(2n) .contact_2_2_mid_right { left: auto; right: auto }
.contact_2_2 ul li { margin-top: 4em; }
.contact_3 { background-color: #f5f7f8; }
.contact_3_1_left { overflow: hidden; position: relative; width: 35.52447552447552%; border-radius: 1em; }
.contact_3_1_left img { width: 100%; }
.contact_3_1 { position: relative; }
.contact_3_1_right { position: absolute; right: 0; top: 0; width: 64.47552447552448%; height: 100%; }
.contact_3_1_right_1 { position: absolute; left: 0; top: 0; width: 100%; height: 49%; }
.contact_3_1_right_2 { top: auto; bottom: 0; }
.contact_3_1_right_1_mid { position: absolute; left: 2%; width: 48%; height: 100%; overflow: hidden; border-radius: 1em; }
.contact_3_1_right_1_mid img, .contact_3_1_right_2_img img { width: 100%; height: 100%; object-fit: cover; /* 裁剪并填充容器 */ }
.contact_3_1_right_1 .contact_3_1_right_1_mid:nth-child(2) { left: auto; right: 0 }
.contact_3_1_right_1_mid p, .contact_3_1_left p, .contact_3_1_right_2_img p { opacity: 0; position: absolute; color: #fff; z-index: 5; font-size: 1.875em; left: 0.7333333333333333em; bottom: .5em; }
.contact_3_1_right_1_mid:after, .contact_3_1_left:after, .contact_3_1_right_2_img:after { background-position: center bottom; background-repeat: repeat-x; bottom: 0; left: 0; background-image: url(../picture/img9.png); content: ''; position: absolute; z-index: 1; width: 100%; height: 13.28125vw; }
.contact_3_1_right_2_img { bottom: 0; overflow: hidden; border-radius: 1em; left: 2%; width: 98%; height: 100%; position: absolute; }
.contact_3_1_right_1_mid:hover p, .contact_3_1_left:hover p, .contact_3_1_right_2_img:hover p { opacity: 1 }
.contact_3_1 { margin-top: 4em; }
.contact_4 { background-image: url(../picture/img15.jpg); background-position: center; background-repeat: no-repeat; background-size: cover; overflow: hidden; }
.contact_4_1 { text-align: center; margin-top: 3.375em; }
.contact_4_1 ul li { margin: 0 1em; display: inline-block; font-size: 1.125em; }
.contact_4_1 ul li a { display: block; color: #fff; position: relative; overflow: hidden; border: 1px #c2aba3 solid; width: 11.11111111111111em; line-height: 2.666666666666667em; border-radius: 2.666666666666667em; height: 2.666666666666667em; }
.contact_4_1 ul li a:after { transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; content: ''; position: absolute; left: 0; top: 0; z-index: 1; width: 0; height: 100%; background-color: #fff; }
.contact_4_1 ul li:hover a:after, .contact_4_1 ul li.on a:after { width: 100%; }
.contact_4_1 ul li:hover a, .contact_4_1 ul li.on a { color: #000; border-color: #fff; }
.contact_4_1 ul li a span { position: relative; z-index: 5; }
.contact_4_1 .swiper-slide { width: 36.30208333333333vw; margin: 0 1.43229166666667vw; }
.jmid { background-color: rgba(255,255,255,.92); border-radius: 1em; text-align: left; padding: 2.8vw; }
.jmid_1 span { padding-left: 1.25em; font-weight: bold; font-size: 1.875em; display: inline-block; position: relative; }
.jmid_1 span:after { -webkit-transform: translate(-0%, -50%); transform: translate(-0%, -50%); content: ''; position: absolute; left: 0; width: 0.9333333333333333em; height: 1em; background-image: url(../picture/img14.png); background-position: center; background-repeat: no-repeat; background-size: cover; top: 50%; }
.jmid_2 dl dd { display: inline-block; margin-top: .5em; margin-right: 1em; }
.jmid_2 dl dd:last-child { margin-right: 0 }
.jmid_2 { margin-top: .5em; }
.jmid_3 { margin-top: 3em; }
.ins_info_4_1_left_, .ins_info_4_1_right_ { margin: 0 .5em; margin-top: 5em; display: inline-block; width: 2.5em; height: 2.5em; border-radius: 100%; cursor: pointer; background-color: #fff; position: relative; }
.ins_info_4_1_left_:hover, .ins_info_4_1_right_:hover { background-color: #000; }
.ins_info_4_1_left_:after, .ins_info_4_1_right_:after { -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); content: ''; position: absolute; left: 50%; top: 50%; width: 1.1875em; height: .9375em; background-position: center; background-repeat: no-repeat; background-size: cover; }
.ins_info_4_1_left_:after { background-image: url(../picture/img16.png); }
.ins_info_4_1_left_:hover:after { background-image: url(../picture/img16on.png); }

.ins_info_4_1_right_:after { background-image: url(../picture/img17.png); }
.ins_info_4_1_right_:hover:after { background-image: url(../picture/img17on.png); }
.sopro_1_2_2 { margin: 0 1em; }
/********menu*************/
.headermid_mid ul li dl { -webkit-transform: translate(-50%, 20%); transform: translate(-50%, 20%); -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); visibility: hidden; opacity: 0; position: absolute; z-index: 10; transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; background-color: #fff; width: 140px; left: 50%; }
.headermid_mid ul li:hover dl { -webkit-transform: translate(-50%, -0%); transform: translate(-50%, -0%); opacity: 1; visibility: visible }
.headermid_mid ul li dl dd { padding: 0 10px; }
.headermid_mid ul li dl dd a { transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; display: block; border-bottom: 1px #eceded solid; padding: 10px 0px; color: #121212; font-size: 0.9375em }
.headermid_mid ul li dl dd a:hover { color: #2790b7 }
.headermid_mid ul li dl dd:last-child a { border: none }
.headermid_mid ul li dl dd p { text-align: left; -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); display: none; position: absolute; height: 100%; background-color: #fff; width: 165px; padding: 0 10px; top: 0; left: 100%; }
.headermid_mid ul li dl dd p a { position: relative; text-align: left; border: none; padding: 5px 0px; padding-left: 11px; }
.headermid_mid ul li dl dd p a:after { content: ''; position: absolute; left: 0; width: 2px; height: 2px; background-color: #2790b7; border-radius: 100%; top: 14px; }
.headermid_mid ul li dl dd:hover p { display: block }

@media screen and (max-width:1650px) {
    .bannernext_mid_1 { font-size: 1em; }
    .bannernext_mid_2 { font-size: 1.375em; }
    .jmid_1 span { font-size: 1.5em; }
    .contact_3_1_right_1_mid p, .contact_3_1_left p, .contact_3_1_right_2_img p { font-size: 1.5em; bottom: .75em; }
    .contact_2_2_mid_right_1 { font-size: 2em; }
    .contact_2_1, .contact_2_2_mid_right_2 { font-size: 1em; }
    .contact_1_1_right_mid dl dd { font-size: 1em; }
    .contact_1_1_right_mid_1 { font-size: 1.5em; }
    .contact_1_1_right_mid ul { margin-right: 4em; }
    .contact_1_1_right_mid { margin: 2em; margin-left: 4em; }
    .sopro_1_2_2_1 { font-size: 1.8em; }
    .sopro_1_2_2_2 { font-size: 1.2em; }
    .sopro_1_1_right_1 { font-size: 1.8em; }
    .sopro_1_1_right_2 { font-size: 1.2em; }
    .sojj_1 { font-size: 2.625em; }
    .sojj_2 { font-size: 2em; }
    .news_2_1_2_2 { font-size: 1.25em; }
    .news_2_1_2_1 { font-size: 1em; }
    .news_1_top { font-size: 2.5em; }
    #sob.newsbb { font-size: .875em; }
    .newsjj_2 { font-size: 2em; }
    .newsjj_1 { font-size: 1.125em; }
    .ins_info_4_1_mid_1 img { max-width: 100%; }
    .ins_info_4_1_mid_2_1 { font-size: 1.5em; }
    .ins_info_4_1_mid_2_2 { font-size: 1em; }
    .cb1 { font-size: 1.25em; }
    .ins_info_3_mid_mid_right_mid_2 { font-size: 0.875em; }
    .ins_info_3_mid_mid_right_mid_1 span { font-size: 2em; }
    .nybanner_jj_1_info { font-size: 3em; }
    .nybanner_jj_2_info { font-size: 1.75em; }
    .brand_info_1 span { font-size: 2.5em; }
    .inv_mid_2_1_mid_2 { left: 2em; right: 2em; bottom: 2em; }
    .inv_mid_1_mid_right_mid_1 span { font-size: 2em; }
    .inv_mid_1_mid_right_mid_2, .inv_mid_2_1_mid_2 div { font-size: 1em; }
    .brand_mid_1_mid_jj_left_1, .inv_mid_2_1_mid_2 p { font-size: 1.5em; }
    .brand_mid_1_mid_jj_left_2 { font-size: 1em; }
    .about_4_1_mid_1 { height: 60px; }
    .about_4_1_mid_1 img { height: 40px; }
    .about_4_1_mid_2 { font-size: 1.25em; }
    .about_4_1_mid_3 { font-size: 1em; }
    .about_2_2 ul li { font-size: 1.4em; }
    .about_2_1_right_mid_2 { font-size: 2.5em; }
    .about_2_1_right_mid_1 { font-size: 1.5em; }
    .about_2_1_right_mid_3 { font-size: 1em; }
    .about_1_1_right_1 { font-size: 2em; }
    .about_1_1_right_2 {font-size: 1em; }
    .about_1_1_right { margin-top: 0; }
    .nybanner_jj_1 { font-size: 2.625em; }
    .nybanner_jj .brand_info_1 span { font-size: 3em; }
    .nybanner_jj_2 { font-size: 1.25em; }
    .about_1_2_mid_1 span { font-size: 4em; }
    .about_1_2_mid_2 { font-size: 1.125em; }
    .footer_mid_mid { width: 58%; }
    .footer_mid_right { width: 15%; }
    .footer_mid_right_mid { padding-left: 17%; }
    .footer_mid_mid_mid { padding: 0 1em; }
    .footer_mid_left_mid { padding-right: 1em; }
    .footer_mid_left_mid_2 { font-size: 1.25em; }
    .index_6_mid_1_mid_1 { font-size: 1.875em; }
    .index_6_mid_1_mid_2 { font-size: 1.125em; }
    .index_5_1_2_2 { font-size: 1.25em; }
    .index_5_1_2_1 { font-size: 1em; }
    .index_4_1_1 { font-size: 1.5em; }
    .index_3_1_mid_1 span { font-size: .8em; }
    .index_3_1_mid_3_1 { font-size: 1.5em; }
    .index_3_1_mid_3_2 { font-size: 1em; }
    .indexmid { margin: 0 3.64583333333333%; }
    #indexbanner_fyindex { left: 3.64583333333333% }
    .index_2_mid_right_4_1 span { font-size: 2em; }
    .index_2_mid_right_3 { font-size: 1em; }
    .index_2_mid_right_1 { font-size: 2.5em; }
    .index_2_mid_right_2 { font-size: 1em; }
    .bannerinfo_1 { font-size: 1.5em; }
    .bannerinfo_2 { font-size: 3em; }
    .bannerinfo_3 { font-size: 1.125em; }
    .ins_info_mid { margin: 0px 8.760417%; }
    .ins_info_mid_photo { margin: 0px 8.760417%; }
}

@media screen and (max-width:1440px) {
    .about_1 .aboutmid { margin: 0 3.760417%; }
    .ins_info_mid { margin: 0px 3.760417%; font-size: 1em;}
    .ins_info_mid_photo { margin: 0px 3.760417%; }
    .ins_info_3_mid_mid_right_mid_1 span { font-size: 1.8em; line-height: 1.2; }
    .ins_info_3_mid_mid_left { border-radius: 1em; width: 50.272727%; overflow: hidden; }
    .ins_info_3_mid_mid_right { position: absolute; left: 54%; top: 0; height: 100%; width: 42%; }
    .headermid_mid ul li a.biga { font-size: 1.125em; }
    .headermid_mid { margin-left: 300px; }
    .headermid_mid ul li { margin: 0 1.6em;  }
}

@media screen and (max-width:1200px) {
    .ins_info_3_mid_mid_left { width: 100%; }
    .ins_info_3_mid_mid_right { position: static; width: 100%; margin-top: 1.5em; }
    .ins_info_3_mid ul li:nth-child(2n) .ins_info_3_mid_mid_left { margin-left: 0; }
    .ins_info_3_mid_mid_right { position: static; width: 100%; margin-top: 1.5em; }
    .ins_info_3_mid_mid_right { width: 100%; }

    .ins_info_3_list_mid { position: relative; display: flex; position: relative; display: flex; border-top: 2px solid #eee; padding: 2em 0; }
    .ins_info_3_list_mid_left { width: 16%; max-width: 150px; }
    .ins_info_3_list_mid_left img { width: 60%; max-width: 80px; }
    .ins_info_3_list_mid_right_mid_1 > span { font-weight: bold; display: inline-block; position: relative; font-size: 1.4em; padding-bottom: .2em; }
    .ins_info_3_list_mid_right_mid_1 > span:after { content: ''; position: absolute; left: 0; bottom: 0; width: 2em; height: 2px; background-color: #eee; }
    .ins_info_3_list_mid_right_mid_2 {  color: #202020; line-height: 2.0; margin-top: 1em; }


    .about_1_1_left, .about_1_1_right { width: 100%; }
    .about_1_1_right { margin-top: 1.5em; }
    .contact_1_1 { margin-top: 2em; }
    .contact_1_1_right_mid_1 { font-size: 1.25em; }
    .about_2_2 ul li { font-size: 1em; }
    .sojj_1 { font-size: 2em; }
    .sojj_2 { font-size: 1.5em; }
    .sopro_1_2_2_1 { font-size: 1.5em; }
    .sopro_1_2_2_2 { font-size: 1em; }
    .sopro_1_1_right_1 { font-size: 1.75em; }
    .sopro_1_1_right_2 { font-size: 1.25em; }
    .news_info_3 ul li a, .news_info_3 ul li:nth-child(2) a { padding-left: 3.6vw; padding-right: 3.6vw; font-size: 1em; }
    .news_info_2_3 { font-size: 1em; margin: 2em 0; }
    .news_info_2_2 { font-size: 1em; }
    .news_info_2_1 { font-size: 1.5em; }
    .news_info_1_mid { font-size: 1em; }
    .news_1_top { font-size: 2em; }
    .newsjj_2 { font-size: 1.5em; }
    .newsjj_1 { font-size: 1em; }
    .ins_info_4_1 { margin-top: 2em; }
    .inv_mid_2_1 { margin-top: 2em; }
    .inv_mid_1 ul li { margin-top: 6em; }
    .inv_mid_1_mid_right_mid_1 span { font-size: 1.5em }

    .brand_info_3 ul li { padding-top: 2em; padding-bottom: 2em; }
    .brand_info_3_1 { font-size: 1.5em; }
    .brand_info_2_mid { margin-top: 2em; }
    .brand_info_1 span { font-size: 2em; }
    .footer_mid_mid_mid { padding: 0 1em; }
    .gototop { top: auto; bottom: 1em; }
    #footer { padding: 4em 0; }
    .footer_p { font-size: 1.125em; }
    .index_4_1_1 { font-size: 1.25em; }
    .index_3_1_mid_1 span { font-size: .7em; }
    .index_3_1_mid_3_1 { font-size: 1.25em; }
    .index_3_1_mid_3_2 { font-size: .9375em; }
    .index_3_1 { margin-top: 2em; }
    .index_2_mid_left_mid_left { margin-right: 1.5em; margin-bottom: 1.5em; }
    .index_2_mid_right_1 { font-size: 1.75em; }
    .bannerinfo_2 { font-size: 2em; }
    .bannerinfo_1 { font-size: 1.25em; }
    #header { padding: 0; }
    .headermid { height: 80px; }
    .headermid_mid { display: none }
}

@media screen and (max-width:1024px) {
    .sojj_1 { font-size: 1.5em; }
    .sojj_2 { font-size: 1.25em; }
    .ins_info_3 { margin: 5em 0; }
    .cb1 { font-size: 1em; }
    .ins_info_3_mid_mid_right { width: 100%; }
    .ins_info_1_mid { font-size: 1em; }
    .nybanner_jj_1_info, .ins_info_3_mid_mid_right_mid_1 span { font-size: 1.5em; }
    .nybanner_jj_2_info { font-size: 1.125em; }
    .brand_mid_1_mid_jj_left { width: auto; margin-right: 190px; }
    .brand_mid_1_mid_jj_right { width: 170px; }
    .brand_mid_1 ul .brand_mid_1_mid:before, .brand_mid_1 ul .brand_mid_1_mid:after { height: 3px; }
    .brand_mid_1_mid { padding: 2em; }
    .brand_mid_1 { padding-top: 4em; }
    .about_4_1_mid { padding: 0 1em; }
    .about_4_line_1 { left: 3.64583333333333% }
    .about_4_line_2 { left: 34.54861111111111% }
    .about_4_line_3 { right: 34.54861111111111% }
    .about_4_line_4 { right: 3.64583333333333% }
    .about_2 { padding-top: 4em; padding-bottom: 4em; }
    .about_1_2_mid_2 { font-size: 1em; }
    .about_1_2_mid_1 span { font-size: 3em; }
    .about_1_2 ul li:nth-child(4) .about_1_2_mid_1 span:before, .about_1_2 ul li:nth-child(1) .about_1_2_mid_1 span:before, .about_1_2 ul li:nth-child(2) .about_1_2_mid_1 span:before, .about_1_2 ul li:nth-child(3) .about_1_2_mid_1 span:before { font-size: 16px; -webkit-transform: translate(100%, -55%); transform: translate(100%, -55%); }
    .about_1 { padding: 4em 0; }
    .about_1_1_right_1 { font-size: 1.5em; }
    .aboutmid { margin: 0 3.64583333333333% }
    .ins_info_mid { margin: 0 3.64583333333333% }
    .ins_info_mid_photo { margin: 0 3.64583333333333% }
    .sopro { padding: 4.16666666666667vw; }

    .nybanner_jj_1 { font-size: 2em; }
    .nybanner_jj .brand_info_1 span { font-size: 2em; }
    .nybanner_jj_2 { font-size: 1em; }
    .index_6_mid_1_mid_1 { font-size: 1.5em; }
    .index_6_mid_1_mid_2 { font-size: 1.5em; }
    .index_6_mid_1_mid_2 { font-size: 1em; }
    .index_5_1, .index_5_2 { margin-top: 2em; }
    .index_5_1_2_2 { font-size: 1.125em; }
    .index_4_1_1 { font-size: 1em; }
    .index_2_mid_right_4_1 span { font-size: 1.5em; }
}

@media screen and (max-width:900px) {
    .footer_mid_mid, .footer_mid_right { display: none }
    .footer_mid_left { width: 100%; }
}

.news_info_3 ul li a span { display: block }

@media screen and (max-width:810px) {
    .banner_img img:nth-child(2) { display: none }
    .bannernext { display: none }
    .index_6_mid_2 img { width: 100%; height: auto; }
    .contact_3_1_right_1_mid::after, .contact_3_1_left::after, .contact_3_1_right_2_img::after { background-size: cover; height: 100%; }
    .contact_3_1_right_1_mid p, .contact_3_1_left p, .contact_3_1_right_2_img p { opacity: 1; }
    .contact_4_1, .ins_info_4_1_left_, .ins_info_4_1_right_ { margin-top: 2em; }
    .contact_4_1 ul li { font-size: 1em; }
    .contact_2_2 ul li:nth-child(2n) .contact_2_2_mid_left { margin-left: 0 }
    .contact_2_2_mid_right { position: static; width: 100%; -webkit-transform: translate(-0%, -0%); transform: translate(-0%, -0%); margin-top: 1.5em; }
    .contact_2_2 ul li { margin-top: 1.5em; }
    .contact_2_2_mid_left { width: 100%; }
    .contact_4_1 .swiper-slide { width: 60%; }
    .contact_2_2_mid_right_1, .contact_3_1_right_1_mid p, .contact_3_1_left p, .contact_3_1_right_2_img p, .jmid_1 span { font-size: 1.25em }
    .contact_1_1_right_mid ul li { padding: 1em 0; }
    .contact_1_1_right_mid ul { margin-right: 1em; }
    .contact_1_1_right_mid { height: auto; margin-left: 1em; margin: 1em; }
    .contact_1_1_right { margin-left: 0; }
    .contact_1_1_left { width: 100%; position: relative; height: 40vh; }
    .btimg { display: none }
    .sopro_1_2 { height: 56vw; }
    .sopro_1_2_1 img { max-height: 60%; }
    .news_info_2_1 { font-size: 1.25em; margin-top: 2em; }
    .news_info_3 ul li a { padding-top: 1em; padding-bottom: 1em; }
    .news_info_3 ul li a, .news_info_3 ul li:nth-child(2) a { text-align: left }
    .news_info_3 ul li { width: 100%; }
    .news_1_top { font-size: 1.5em; }
    .news_2_1_2_2 { font-size: 1.125em; }
    .news_2_1_2 { margin: 1em 0; }
    .news_2_1 ul li { margin-top: 2em; width: 49%; margin-right: 0 }
    .news_2_1 ul li:nth-child(2n) { float: right }
    .ins_info_4_1_mid_2_1 { font-size: 1.25em; }
    .ins_info_4_1_mid_1 { height: 290px; }
    .ins_info_3_mid ul li { margin-top: 1.5em; }
    .ins_info_3_mid ul li:nth-child(2n) .ins_info_3_mid_mid_left { margin-left: 0 }
    .ins_info_3_mid_mid_right_mid_2 { margin-top: 1em; }
    .ins_info_3_mid_mid_right { position: static; width: 100%; margin-top: 1.5em; }
    .ins_info_3_mid_mid_left { width: 100%; }
    .ins_info_3_mid_mid_right_mid_1 span { font-size: 1.25em; }
    .ins_info_3 { margin: 2em 0; }
    .inv_mid_2_1_mid_2 p { font-size: 1.25em; }
    .inv_mid_2_1_mid_2 { left: 1em; right: 1em; bottom: 1em; }
    .inv_mid_1 ul li:last-child { margin-bottom: 2em; }
    .inv_mid_1 ul li { margin-top: 2em; }
    .inv_mid_1_mid_right_mid_1 span { font-size: 1.25em; }
    .inv_mid_1 ul li:nth-child(2n) .inv_mid_1_mid_left { margin-left: 0 }
    .inv_mid_1_mid_right_mid, .inv_mid_1 ul li:nth-child(2n) .inv_mid_1_mid_right_mid { margin: 1.5em; }
    .inv_mid_1_mid_right { border-radius: 0 0 1em 1em; position: static; width: 100%; }
    .inv_mid_1_mid_left { width: 100%; border-radius: 1em 1em 0 0; }
    .brand_info_3_2 { font-size: 1em; margin-top: 1em; }
    .brand_info_3 ul li { padding-top: 1em; padding-bottom: 1em; }
    .brand_info_1 { margin-top: 4em; }
    .brand_info_1 span { font-size: 1.5em; }
    .brand_info_3_1 { font-size: 1.125em; }
    .brand_mid_1_mid { padding: 1em; }
    .brand_mid_1_mid_jj_left_1 { font-size: 1.25em; }
    .nybanner_jj_1 { font-size: 1.5em; }
    .nybanner_jj .brand_info_1 span { font-size: 1.5em; }
    .about_3_1_mid { height: 52vw; }
    .about_3 .swiper-slide { width: 45%; }
    .about_2_1 { margin-bottom: 2em; }
    .about_2_1_right_mid { padding: 1.5em; position: static; width: auto; -webkit-transform: translate(0%, -0%); transform: translate(0%, -0%); }
    .about_2_1_right { min-height: inherit; margin-left: 0; border-radius: 0 0 1em 1em; }
    .about_2_1_left { border-radius: 1em 1em 0 0; position: relative; width: 100%; top: 0em; height: 50vh; }
    .about_4_1 { margin: 6em 0; }
    .about_3_1 { margin-top: 2em; }
    #hjd { margin-top: 2em; }
    .about_3_1_mid_2 { font-size: 1em; }
    .about_2_2 ul { gap: 0; }
    .about_2_2 ul li { font-size: 1.25em; min-width: 20%; }
    .about_2_1_right_mid_4 { font-size: .875em; }
    .about_2_1_right_mid_2 { font-size: 1.5em; }
    .about_2_1_right_mid_1 { font-size: 1.125em; }
    .about_2_1 { margin-top: 2em; }
    .about_1_2_mid_1 span { font-size: 2.5em; }
    .about_1_2 { margin-top: 2.5em; }
    .about_1_1_right_1 { font-size: 1.25em; }
    .about_1_1_left, .about_1_1_right { width: 100%; }
    .about_1_1_right { margin-top: 1.5em; }
    .footer_mid_left_mid_1 img { height: 20px; }
    #footer { padding: 2em 0; }
    .index_6_mid ul li { width: 100%; }
    .index_6_mid ul li:nth-child(1) { margin-top: 0 }
    .index_6_mid_1_mid_1 { font-size: 1.25em; }
    .index_3_1 .swiper-wrapper .swiper-slide { width: 49%; margin-right: 0 }
    .index_3_1 .swiper-wrapper .swiper-slide:nth-child(2n) { float: right }
    .index_3_1 .swiper-wrapper .swiper-slide:nth-child(3), .index_3_1 .swiper-wrapper .swiper-slide:nth-child(4) { margin-top: 1em; }
    .index_3 { padding: 4em 0; }
    .index_2_mid_right_1 { font-size: 1.5em; }
    .index_2 { padding: 4em 0; }
    .index_2_mid_left, .index_2_mid_right { width: 100%; }
    .index_2_mid_right { margin-top: 1.5em; }
    .bannerinfo_1 { font-size: 1.125em; }
    .bannerinfo_2 { font-size: 1.5em; }
    .bannerinfo_3 { font-size: 1em; }
    .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 5px; }
    #indexbanner_fyindex { bottom: 1em; }
    .banner_img_bg { display: none }
    .banner_img { height: auto; }
    .mobileimg { display: block }
    .contact_2 { padding-top: 0 }
}

@media screen and (max-width:640px) {
    .contact_3_1_right_1_mid p, .contact_3_1_left p, .contact_3_1_right_2_img p { font-size: 1em; }
    .sopro_1_2_1 { height: auto; position: static; padding: 1.5em 0; }
    .sopro_1_1_right_3 .link3_jz_left { margin: 0 auto; }
    .sopro_1_1_left img { max-width: 60%; }
    .sopro_1_1_right { width: auto; text-align: center; padding-left: 1em; padding-right: 1em; position: relative; top: 66.66666666666667%; right: auto; left: auto; width: auto; -webkit-transform: translate(-0%, -0%); transform: translate(-0%, -0%); }
    .sopro_1_1_left img, .sopro_1_2_1 img { max-width: 60%; position: static; -webkit-transform: translate(-0%, -0%); transform: translate(-0%, -0%); }
    .sopro_1_1_left { text-align: center; padding: 1.5em 0; height: auto; position: static; width: auto }
    .sopro_1_1 { height: auto; padding-bottom: 2em; }
    .sopro_1_1_left { width: 100%; }
    .sopro_1_1_right_1 { font-size: 1.25em; }
    .sopro_1_1_right_2 { font-size: 1em; }
    .sopro_1_2_2_1 { font-size: 1.25em; }
    .sopro_1_2 { height: auto; padding-bottom: 2em; }

    .sopro_1 ul li dl dd:nth-child(2) { margin-top: 1em; }
    .sopro_1 ul li dl dd { width: 100%; margin-top: 1em; }
    .sopro_1 ul li dl dd:nth-child(1) { margin-top: 0 }
    .news_1_mid_left div select, .news_1_mid_mid input { font-size: 1em; }
    .news_1_mid_right { top: auto; bottom: 0; height: 48px; }
    .news_1_mid_mid { margin-left: 0; margin-top: 1em; }
    .news_1_mid_left { position: static; width: 100%; }
    .newsjj_2, .news_1_top { font-size: 1.25em; }
    .news_2_1 ul li { width: 100%; }
    .inv_mid_2_1 ul li:nth-child(1) { margin-bottom: 1em; }
    .inv_mid_2_1 ul li { width: 100%; }
    .brand_info_1 { margin-top: 2em; }
    .brand_info_1 span { font-size: 1.25em; }
    .link3 { font-size: .875em; }
    .brand_mid_2 ul li { margin: 0 4px; }
    .brand_mid_2 ul li a { font-size: .875em; }
    .brand_mid { padding-bottom: 2em; }
    .brand_mid_2 { margin-top: 2em; }
    .brand_mid_1 { padding-top: 1em; }
    .brand_mid_1_mid { border-radius: 1em; }
    .brand_mid_1_mid_jj_right:after { display: none }
    .brand_mid_1_mid_jj_right .link3 { position: static; -webkit-transform: translate(-0%, -0%); transform: translate(-0%, -0%); }
    .brand_mid_1_mid_jj_right { margin-top: 1.5em; position: static; width: auto }
    .brand_mid_1_mid_jj_left { margin-right: 0 }
    .about_1_2 ul li:nth-child(4) .about_1_2_mid_1 span::before, .about_1_2 ul li:nth-child(1) .about_1_2_mid_1 span::before, .about_1_2 ul li:nth-child(2) .about_1_2_mid_1 span::before, .about_1_2 ul li:nth-child(3) .about_1_2_mid_1 span::before { font-size: 16px; -webkit-transform: translate(100%, -15%); transform: translate(100%, -15%); }
    .about_1_2_mid_1 span { font-size: 2em; }
    .about_3_1_mid { height: 48vw; }
    .index_5_1 ul li { margin-bottom: 1em; width: 100%; margin-right: 0 }
    .index_5_1 ul li:last-child { margin-bottom: 0 }
    #nybannerso .swiper-container-horizontal > .swiper-pagination-bullets, #nybannerso .swiper-pagination-custom, .swiper-pagination-fraction { font-size: .75em; margin: 0 4px; bottom: 1em; }
}

@media screen and (max-width:480px) {

    .headermid_right a { font-size: .875em; }
    .contact_4_1, .ins_info_4_1_left_, .ins_info_4_1_right_ { font-size: .9em; }
    .contact_4_1 .swiper-slide { width: 80%; }
    .jmid_1 span { font-size: 1.125em; }
    .contact_4_1 ul li { margin: 0 .5em; }
    .contact_4_1 ul li a { width: 8em; }
    .contact_3_1_right_2_img { left: 0; width: 100%; }
    .contact_3_1_right_1_mid { width: 49%; left: 0; }
    .contact_3_1_right_1 .contact_3_1_right_1_mid:nth-child(2) { left: 51%; }
    .contact_3_1_right { width: 100%; position: relative; height: 50vh; top: 2vw; }
    .contact_3_1_left { width: 100%; }
    .contact_1_1_right_mid_1 { font-size: 1.125em; }
    .sojj_1 { font-size: 1.25em; }
    .sojj_2 { font-size: 1.125em; }
    #sob.newsbb { font-size: .6em; }
    .ins_info_4_1_left, .ins_info_4_1_right { font-size: .875em; }
    .nybanner_jj_1_info, .ins_info_3_mid_mid_right_mid_1 span { font-size: 1.25em; }
    .nybanner_jj_2_info { font-size: 1em; }
    .about_2_2 ul li { padding-left: 0; padding-right: 0 }
    .about_4_1_mid_1 { height: 55px; }
    .about_4_1_mid_2 { font-size: 1.125em; }
    .about_4_1 { margin: 2em 0; }
    .about_4_1_mid_1 img { height: 32px; }
    .about_4_line { display: none }
    .about_4_1 ul li { border-bottom: 1px #fff solid; padding-bottom: 1em; width: 100%; margin-bottom: 1em; }
    .nybanner_jj_1 { font-size: 1.25em; }
    .nybanner_jj .brand_info_1 span { font-size: 1.25em; }
    .about_1_2_mid_1 span { padding-right: 10px; font-size: 1.875em; }
    .about_1_2 ul li:nth-child(3):after { display: none }
    .about_1_2 ul li:nth-child(2), .about_1_2 ul li:nth-child(3), .about_1_2 ul li:nth-child(4) { text-align: left }
    .about_1_2 ul li:nth-child(4), .about_1_2 ul li:nth-child(1), .about_1_2 ul li:nth-child(3) { width: 50%; margin-bottom: 1em; }
    .about_1_2 ul li { width: 50%; margin-bottom: 1em; }
    .about_1 { padding: 2em 0; }
    .about_2_1_right_mid_4 { font-size: .75em; }
    .about_2_2 ul li { font-size: 1.125em; }
    .about_2_2 ul { gap: 0; }
    .about_3_1_mid { height: 270px; }
    .about_3 .swiper-slide { width: 55%; }
    .index_6_mid_1_mid_2 { font-size: 1em; }
    .index_3_1_mid_3_2 { font-size: .875em; }
    .index_3_1_mid_3_1 { font-size: 1.125em; }
    .index_3_1_mid_3 { left: 1em; bottom: 1em; right: 1em; }
    .index_3 { padding: 2em 0; }
    .index_2_mid_right_5 { margin-top: 2em; }
    .linkmore { font-size: .875em; }
    .index_2_mid_right_2 { font-size: .9375em; }
    .index_2_mid_right_1 { font-size: 1.25em; }
    .index_2 { padding: 2em 0; }
    .headermid_left img { height: 20px; }
    .bannerinfo_2 { font-size: 1.25em; }
    .index_2_mid_right_4 ul li { width: 49%; margin-right: 0 }
    .index_2_mid_right_4 ul li:nth-child(2n) { float: right; }
    .index_2_mid_right_4 ul li:nth-child(3), .index_2_mid_right_4 ul li:nth-child(4) { margin-top: 1em; }
}
.index_1 .bannerinfo_1, .index_1 .bannerinfo_2 { color: #555; }
body.home .bannerinfo_3{
color:#666;}