
@font-face { font-family: "Gilroy-Heavy"; src: url("../font/gilroy-heavy.ttf") format("truetype"); font-weight: normal; font-style: normal; }
.Gilroy-Heavy { font-family: "Gilroy-Heavy"; }
html, body { color: #333; }
.w1200 { width: 1200px; margin: 0 auto; }
.header, .nav li, .navsub { position: relative; z-index: 60; }
.header { width: 100%; position: fixed; left: 0; top: 0; z-index: 99; }
.headerm { width: 90%; min-width: 1200px; }
.header { background: rgba(0, 0, 0, 0); padding: 25px 0; }
.nav a { color: #fff; }
.nav a:hover { color: #fff; }
.nav li { position: relative; }
.nav li.on a { color: #fff; }
.nava { display: block; vertical-align: top; font-size: 16px; }
.navsub { position: absolute; width: 180px; left: 0; top: 60px; background: rgba(255, 255, 255, 0.7); padding: 10px 0; opacity: 0; visibility: hidden; z-index: -6; }
.navsub dd { line-height: 1.4; text-align: left; padding: 10px 30px; position: relative; }
.navsub dd:before { position: absolute; width: 0; height: 100%; content: ''; left: 0; top: 0; background: #fff; opacity: 0.9; }
.navsub dd a { font-size: 16px; position: relative; z-index: 60; }
.navsub dd:hover:before { width: 100%; }
.headerma { text-align: right; padding: 10px 0; }
.headerma a { padding: 2px 5px; font-size: 12px; display: inline-block; color: #9f9fa0; }
.headerma a.on { background: #9f9fa0; color: #fff; }
.logo { height: 50px; width: 190px; position: relative; }
.logo img { height: 100%; position: absolute; left: 0; top: 0; transition: all 0.3s ease; }
.logo2 { opacity: 0; }
.cgorder, .header, .logo, .lauge, .nava { transition: all 0.3s ease; }
.header.scron { padding-top: 10px; padding-bottom: 10px; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05); background: #fff; }
.header.scron .gclheadrgp { color: #000; }
.header.scron .logo2 { opacity: 1; }
.header.scron .cgorder { margin-top: 10px; }
.header.scron .logo, .header.scron .lauge, .header.scron .nava { height: 58px; line-height: 58px; color: #111; }
.cgorder { border: 1px solid #797d84; font-size: 12px; color: #fff; padding: 0 25px; line-height: 38px; height: 38px; margin-top: 15px; border-radius: 20px; }
.cgorder:hover { border: 1px solid #fff; color: #fff; }
.lauge { height: 40px; line-height: 40px; font-size: 14px; color: #fff; padding-right: 22px; padding-left: 30px; position: relative; background: url(/images/icon1.png) center right no-repeat; background-size: 10px auto; }
.lauge:before { position: absolute; background: url(../image/language_icon_2.gif) left center no-repeat; content: ''; width: 18px; height: 100%; left: 0; top: 0; background-size: 100% auto; }
.lauge:after { position: absolute; background: url(../image/language_icon_1.gif) left center no-repeat; content: ''; width: 18px; height: 100%; left: 0; top: 0; background-size: 100% auto; }
.lauge:after, .lauge:before { opacity: 0; }
.nava { position: relative; }
.nava i { position: absolute; width: 6px; height: 100%; display: block; }
.nava i { right: 0; top: 0; }
.nava i:before, .nava i:after { position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: ''; }
.nava i:before, .nava i:after { background-position: center; background-repeat: no-repeat; background-size: 100% auto; }
.nava i:before { background-image: url(../image/ytopnav1span.png); }
.nava i:after { background-image: url(/images/ytopnav1span1.png); opacity: 0; }
.hanav { padding-right: 15px; }
.nava i:before, .nava i:after, .nav li { transition: all 0.3s ease; }
.nav li { height: 40px; line-height: 40px; display: inline-block; width: 100px; text-align: center; }
.navlil { padding: 0 20px; }
.navlil:hover { border-radius: 20px; background: #fff; }
.navlil:hover a { color: #222; }
.navlil:hover i:before { opacity: 0; }
.navlil:hover i:after { opacity: 1; }
/* .navlil a {
	font-size: 18px;
}

.navlir a {
	font-size: 16px;
	opacity: 0.8;
} */

#lContent ul{ margin-left:20px;}
#lContent ul li{list-style: outside disc;}

.mmeau { width: 28px; transform: scale(0.9); position: relative; top: -2px; }
.mmeau span { display: block; vertical-align: top; position: relative; width: 100%; height: 2px; margin-top: 7px; border-radius: 1px; background: #fff; }
.mmeau span { transform-origin: left center; transition: transform .3s ease-in-out, opacity .3s ease-in-out; will-change: transform, opacity; }
.mmeauom .msp1 { transform: rotate(45deg); }
.mmeauom .msp2 { opacity: 0; }
.mmeauom .msp3 { transform: rotate(-45deg); top: 2px; }
.mheadon .mtoplauge1 span:before, .mheadon .mtoplauge1 i:before, .mheadonxx .mtoplauge1 span:before, .mheadonxx .mtoplauge1 i:before { opacity: 0; }
.mheadon .mtoplauge1 span:after, .mheadon .mtoplauge1 i:after, .mheadonxx .mtoplauge1 span:after, .mheadonxx .mtoplauge1 i:after { opacity: 1; }
.mheadon .mtoplauge1 span, .mheadonxx .mtoplauge1 span { color: #000; }
.mheadon, .mheadonxx { box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); }
.header.on { background: rgba(255, 255, 255, 1); }
.header.on .logo1 { opacity: 0; }
.header.on .logo2 { opacity: 1; }
.header.on .nava { color: #333; }
.header.on .nava i:before { opacity: 0; }
.header.on .nava i:after { opacity: 1; }
.header.on .lauge { background-image: url(../image/icon1xx.png); color: #444; }
.header.on .mmeau span { background: #333; }
.headermb { display: flex; justify-content: space-between; align-items: center; }
.headermb .nav { display: flex; margin-right: auto; margin-left: 50px; }
.headermb .nav2 { display: flex; align-items: center; }
.banner { margin-top: 108px; }
.banner img { width: 100%; transition: all 0.2s ease; }
.bannerpage { position: absolute; width: 100%; bottom: 5% !important; z-index: 6; left: 0; }
.banner-thumbs { background: #f6f6f6; padding: 35px 0; }
.banner-thumbsm { width: 1200px; margin: 0 auto; position: relative; }
.gallery-thumbs:before, .gallery-thumbs:after { position: absolute; height: 36px; background: #bdbdbd; width: 1px; content: ''; top: 50%; margin-top: -18px; }
.gallery-thumbs:before { left: 33.33%; }
.gallery-thumbs:after { left: 66.66%; }
.thumbsa { display: block; text-align: center; color: #222; margin: 0 50px; }
.thumbsap2 { font-size: 18px; color: #00306f; padding-top: 5px; padding-bottom: 5px; }
.thumbsap3 { color: #00b8ec; font-size: 18px; }
.thumbsbtn { position: absolute; width: 48px; height: 48px; top: 50%; margin-top: -24px; opacity: 0.8; z-index: 66; }
.thumbsbtnl { background: url(/images/icon2.png) center no-repeat; background-size: 50% auto; left: 0; }
.thumbsbtnr { background: url(../image/icon3.png) center no-repeat; background-size: 50% auto; right: 0; }
.pubp2, .pubp1 { text-align: center; }
.pubp2 { font-size: 30px; color: #040c18; line-height: 1.2; padding-top: 5px; position: relative; margin-top: 8px; }
.pubp2:before { height: 3px; width: 24px; background: #0a203d; position: absolute; left: 50%; margin-left: -12px; top: 0; content: ''; }
.pubp1 { -webkit-text-fill-color: transparent; -webkit-text-stroke: 1px #040c18; font-size: 45px; opacity: 0.2; line-height: 1; color: transparent; text-shadow: 3px 3px 0 rgba(0, 0, 0, 0.2); }
.nav li:hover .navsub { visibility: visible; top: 45px; opacity: 1; z-index: 60; }
.mbhisbox { padding: 80px 0; }
.playlist_item { width: 100%; text-align: center; top: 50%; left: 0; transform: translateY(-50%); z-index: 40; position: absolute; }
.playlist_vd { width: 100%; height: 670px; position: relative; z-index: 0; overflow: hidden; }
.playlist_vd::before { content: ''; position: absolute; top: -55px; left: -5%; width: 110%; height: 110px; background-color: #FFFFFF; border-radius: 100%; z-index: 88; }
.playlist_vd:after { content: ''; position: absolute; bottom: -55px; left: -5%; width: 110%; height: 110px; background-color: #FFFFFF; border-radius: 100%; z-index: 88; }
.hovTxt h5 { color: #fff; font-size: 50px; line-height: 1.2; text-transform: uppercase; }
.vrdenomore { cursor: pointer; width: 48px; height: 48px; display: block; margin: 30px auto 0; border-radius: 50%; -webkit-border-radius: 50%; background: #fff; overflow: hidden; position: relative; }
.vrdenomore:before { position: absolute; content: ''; left: -5%; top: 0; width: 110%; height: 100%; background: #0a203d; transform: scale(0); -webkit-transform: scale(0); border-radius: 50%; -webkit-border-radius: 50%; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; }
.vrdenomore i { display: inline-block; width: 110%; height: 100%; vertical-align: top; position: absolute; left: -6%; top: 0; z-index: 5; }
.vrdenomore i:before, .vrdenomore i:after, .vrdenomore:before, .vrdenomore { transition: all 0.3s ease; -webkit-transition: all 0.3s ease; }
.vrdenomore i:before, .vrdenomore i:after { position: absolute; content: ''; left: 0; top: 0; width: 100%; height: 100%; z-index: 5; }
.vrdenomore i:before { background: url(../image/jia-hong.png) center no-repeat; background-size: 12px auto; }
.vrdenomore i:after { background: url(../image/jia-bai.png) center no-repeat; background-size: 12px auto; opacity: 0; -webkit-opacity: 0; }
.vrdenomore:hover:before, .items_pros1:hover .vrdenomore:before, .item5_1bot_YELL:hover .vrdenomore:before { transform: scale(1); -webkit-transform: scale(1); }
.vrdenomore:hover i:after, .items_pros1:hover .vrdenomore i:after, .item5_1bot_YELL:hover .vrdenomore i:after { opacity: 1; }
.hkhu ul { padding: 20px 0; }
.hkhu { background: #051136; padding: 100px 0; text-align: center; font-size: 12px; color: #fff; }
.hkhu span, .hkhu img { vertical-align: top; display: inline-block; margin: 0 25px; }
.hkhum2 img, .hkhum2 span { line-height: 58px; height: 58px; }
.hkhum1 img, .hkhum1 span { line-height: 90px; height: 90px; }
.Tra-t { width: 100%; font-size: 18px; }
.w85 { width: 85%; min-width: 1200px; margin: 0 auto; }
.Tra { background: rgba(5, 17, 54, 0.95); line-height: 18px; }
.Tra p { padding-top: 10px; }
.Tra a, .Tra a:hover { color: #fff; }
.Tra a:hover { background: #051136; }
.Tra-t { display: table; }
.Tra-c { display: table-cell; border-right: 1px solid rgba(0, 0, 0, 0.5); vertical-align: middle; text-align: center; padding: 30px; }
.tc-a { display: inline-block; height: 69px; transition: all 0.3s linear 0s; }
.Tra a:hover .tc-a { background-position: 0 -69px; }
.tc-1 { width: 223px; background: url(/images/traffic1.png) left top no-repeat; }
.tc-2 { width: 64px; background: url(/images/traffic2.png) left top no-repeat; }
.tc-3 { width: 107px; background: url(/images/traffic3.png) left top no-repeat; }
.tc-4 { width: 79px; background: url(/images/traffic4.png) left top no-repeat; }
.tc-5 { width: 79px; background: url(/images/traffic5.png) left top no-repeat; }
.tc-6 { width: 59px; background: url(/images/traffic6.png) left top no-repeat; }
.foots { background: #000000; padding-top: 70px; }
.footsm2 { padding-bottom: 50px; }
.footsm2 img { height: 60px; }
.footsm1 { display: flex; justify-content: space-between; }
.footsm1 a { display: block; }
.footsm { width: 90%; margin: 0 auto; min-width: 1200px; }
.footsm1 h4 { font-size: 16px; color: #fff; }
.footsm1 ul a { color: #fff; opacity: 0.8; line-height: 24px; margin-top: 15px; font-size: 12px; }
.footsm3 { margin-top: 20px; }
.footsm31 { text-align: right; }
.footsm3m { width: 90%; margin: 0 auto; min-width: 1200px; }
.footsm33 { padding: 30px 0; border-top: 1px solid #1a1a1a; font-size: 12px; color: rgba(255, 255, 255, 0.5); margin-top: 30px; }
.navsub, a, .bannerpage span, .navsub dd:before { transition: all 0.5s ease; }
.sean5mn1 { padding-bottom: 20px; border-bottom: 1px solid rgba(255, 255, 255, 0.2); }
.sean5mnimgm { height: 88px; }
.sean5mnwz { line-height: 88px; height: 88px; }
.sean5mnwz { width: 20%; color: #fff; font-size: 25px; text-align: left; }
.sean5mnimg { width: 80%; }
.sean5mnimgm { width: 20%; position: relative; }
.sean5mnimgm img { position: absolute; left: 0; top: 0; bottom: 0; right: 0; margin: auto; max-width: 80%; max-height: 80%; }
.sean5mnimgm { margin-top: 20px; }
.sean5mnwz { margin-top: 20px; }
.homebanner { height: 100vh; }
.bbg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center; transition: all 5s ease; }
.swiper-slide-active .bbg { transform: scale(1.08); }
.sean1 { position: absolute; width: 100%; left: 0; top: 50%; transform: translateY(-50%); z-index: 6; }
.sean1m { padding: 10% 0; color: #fff; font-size: 40px; }
.sean1ma { transform: scale(0.8); }
.sean1maimg { position: relative; }
.sean1maimg:before { position: absolute; transition: all 0.5s ease; left: 0; top: 0; width: 100%; height: 100%; content: ''; z-index: 8; background: #000; opacity: 0.5; }
.sean1ma.swiper-slide-active { transform: scale(1.15); opacity: 1; }
.sean1ma p { max-width: 80%; padding: 20px; box-sizing: border-box; opacity: 0; position: relative; }
.sean1ma p:before { position: absolute; left: 20px; top: 75px; background: url(../image/icon63.png) left top no-repeat; content: ''; width: 20px; height: 15px; background-size: 6px auto; }
.sean1ma.swiper-slide-active p { opacity: 1; }
.sean1ma.swiper-slide-active .sean1maimg:before { opacity: 0; }
.swiper-container-autoheight .swiper-wrapper { height: auto !important; }
.sean1ma p, .sean1ma { transition: all 0.5s ease; }
.sean1mbtn { position: absolute; width: 56%; left: 50%; transform: translateX(-50%); bottom: 14%; text-align: right; z-index: 8; }
.sean1mbtnm { display: inline-block; width: 40px; height: 40px; border: 1px solid #fff; border-radius: 50%; position: relative; overflow: hidden; margin-left: 20px; }
.sean1mbtnm1:after { background: url(/images/icon8.png) center no-repeat; background-size: 50% auto; }
.sean1mbtnm2:after { background: url(../image/icon9.png) center no-repeat; background-size: 50% auto; }
.sean1mbtnm:hover { border-color: #00b8ec; }
.sean1mbtnm:hover:before { opacity: 1; }
.sean1mbtnm:before, .sean1mbtnm:after { position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: ''; transition: all 0.3s ease; }
.sean1mbtnm:before { background: #00b8ec; opacity: 0; }
.sean1mbtnm:after { z-index: 8; }
.pubh4 { font-size: 40px; color: #fff; text-transform: uppercase; text-align: center; }
.sean2 { position: absolute; width: 72%; left: 50%; top: 52%; transform: translate(-50%, -50%); }
.sean2ma { width: 32.33%; margin-right: 1.5%; margin-top: 1.5%; position: relative; float: left; }
.sean2ma:before { position: absolute; left: 0; top: 0; background: #000; opacity: 0.2; z-index: 3; content: ''; width: 100%; height: 100%; }
.sean2ma:nth-child(3n) { margin-right: 0; }
.sean2mimg img { width: 100%; vertical-align: top; }
.sean2mh5 { width: 100%; position: absolute; box-sizing: border-box; padding-left: 20px; color: #fff; z-index: 6; left: 0; bottom: 10px; }
.sean2mh5 p { font-size: 18px; height: 30px; line-height: 30px; width: 84%; border-bottom: 1px solid rgba(255, 255, 255, 0.7); }
.sean2mh5 span { font-size: 12px; display: block; vertical-align: top; padding-top: 5px; }
.sean2mh5 i { font-size: 12px; position: absolute; width: 15%; text-align: center; border-left: 1px solid rgba(255, 255, 255, 0.7); box-sizing: border-box; right: 0; top: 16px; height: 27px; line-height: 27px; display: block; }
.sean2ma:hover:before { opacity: 0; }
.sean2ma:hover img { transform: scale(1.02); }
.sean2ma img, .sean2ma:before { transition: all 0.5s ease; }
.sean2m { margin-top: 40px; }
.buttonlight { display: inline-block; vertical-align: top; text-align: center; cursor: pointer; font-size: 14px; line-height: 16px; padding: 2px; overflow: hidden; letter-spacing: .5px; position: relative; }
.buttonlight a { color: #fff; }
.buttonlight:after, .buttonlight:before { position: absolute; top: 2px; left: 0; width: 3px; height: 0; background: #1d1d1d; transition: height .3s ease-out 150ms; content: ''; }
.buttonlight:before { background: #fff; }
.buttonlight:after { top: auto; left: auto; bottom: 2px; width: 1px; right: 0; }
.buttonlight:after { right: 1px; }
.buttonlight:after { background: #fff; }
.buttonlight .btn { border-color: rgba(255, 255, 255, .2); }
.buttonlight .btn { display: block; padding: 12px 40px; border-top: 1px solid #dfdfdf; border-bottom: 1px solid #dfdfdf; }
.buttonlight .btn:after, .buttonlight .btn:before { position: absolute; top: 1px; left: 40px; width: 20px; height: 3px; background: #1d1d1d; transition: left .3s ease-out .3s, right .3s ease-out .3s, background .3s linear; content: ''; }
.buttonlight .btn:before { background: #fff; }
.buttonlight .btn:after { background: #fff; }
.buttonlight .btn:after { top: auto; left: auto; bottom: 1px; right: 40px; width: 30px; height: 1px; }
.buttonlight .btn:after { bottom: 2px; }
.buttonlight:hover:before, .buttonlight:hover:after { height: calc(100% - 4px); }
.buttonlight:hover .btn:before { left: -30px; transition: left .3s ease-out, right .3s ease-out; }
.buttonlight:hover .btn:after { right: -40px; transition: left .3s ease-out, right .3s ease-out; }
.sean2more { text-align: center; margin-top: 7%; }
.sean3, .sean6 { position: absolute; width: 72%; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 8; }
.sean7 { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 8; }
.sean6_main, .super_main { display: flex; justify-content: space-between; margin-top: 50px; }
.super_ul1 { width: 50%; position: relative; }
.super_ul2 { width: 50%; background: #03529f; }
.sean6_ul1 { width: 50%; }
.super_li1 { /* padding: 80px 110px; */ padding: 40px; }
.super_ul1 img { object-fit: cover; }
.super_p1 { font-size: 30px; color: #fff; }
.super_p2 { margin-top: 30px; color: #fff; }
.super_p3 { margin-top: 50px; }
.playlist_wz { text-align: center; position: absolute; left: 0; width: 100%; top: 50%; transform: translateY(-50%); }
.abt26btcbg { position: fixed; left: 0; top: 0; width: 100%; height: 100vh; z-index: 300; background: #000; opacity: 0.5; display: none; }
.abt26btc { /* width: 900px; */ /* margin-left: -450px; */
position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 310; display: none; }
.abt26btcclose { display: block; width: 30px; height: 30px; position: absolute; right: -40px; top: 0; background: url(../image/guanbia.png) center no-repeat; background-size: cover; }
.sean6_ul2 { width: 50%; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; }
.sean6_ul2 li { width: 50%; text-align: center; color: #fff; }
.sean6_ul2 li img { height: 60px; }
.sean6_ul2 li p { margin-top: 10px; }
.sean6_p1 { font-size: 16px; color: #fff; }
.sean6_p2 { font-size: 38px; color: #fff; margin-top: 15px; }
.sean6_p3 { margin-top: 140px; position: relative; z-index: 20; }
.sean3m { margin-top: 60px; }
.sean3mimg { overflow: hidden; position: relative; }
.sean3mimg:before { position: absolute; left: 0; top: 0; background: #000; opacity: 0.2; z-index: 3; content: ''; width: 100%; height: 100%; }
.sean3ma { width: 49%; margin-right: 2%; overflow: hidden; float: left; position: relative; font-size: 35px; color: #fff; }
.sean3ma:nth-child(2) { margin-right: 0; }
.sean3mimg:hover:before { opacity: 0; }
.sean3ma:hover img { transform: scale(1.02); }
.sean3ma img, .sean3mimg:before { transition: all 0.5s ease; }
.sean3mh5 { position: relative; z-index: 6; padding: 0 7%; width: 100%; box-sizing: border-box; margin-top: -20px; }
.sean4 { position: absolute; width: 72%; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 8; text-align: center;/* min-width: 1000px; */ }
.sean4m { position: relative; height: 100%; overflow: hidden; }
.sean4m:before { position: absolute; left: 0; top: 0; content: ''; width: 100%; height: 100%; background: #000; opacity: 0.3; z-index: 3; transition: all 0.5s ease; }
.sean4m:hover:before { opacity: 0.2; }
.sean4m img { width: 100%; }
.gclo0atit_span1 { margin-top: 15px; }
.gclo0atit_span1 a { border: none; box-shadow: none; font-size: 18px; }
.gclo0aimg4 { position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 440px; opacity: 0; visibility: hidden; transition: all 0.3s ease; }
.gclo0ams .gclo0aimg41:hover .gclo0aimg4 { opacity: 1; visibility: visible; }
.sean4txt { position: absolute; width: 100%; left: 0; top: 50%; transform: translateY(-50%); z-index: 6; text-align: center; color: #fff; }
.sean4txt p { font-size: 25px; padding-bottom: 5px; }
.sean4txtp1 { margin-top: 55px; }
.sean40 { width: 100%; height: 100%; position: absolute; left: 0; top: 0; }
.sean4 { display: flex; justify-content: space-between; }
.sean4_ul1 { width: 50%; color: #fff; text-align: left; }
.sean4_div1 { /* border: 1px solid #6db72d; */ margin-top: 30px; }
.sean4_div1 p { padding: 20px 30px; }
.sean4_ul3 { width: 40%; color: #fff; text-align: left; background: rgba(255, 255, 255, 0.1); border-radius: 24px; }
.sean4_ul2 { margin-top: 50px; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;/* border: 1px solid #6db72d; */ }
.sean4_ul2 a { /* width: 40%;
	text-align: center;
	color: #fff;
	transition: all 0.3s ease;
	padding: 30px;
	border-radius: 10px; */ width: 30%; text-align: center; color: #fff; transition: all 0.3s ease; padding: 30px 10px; border-radius: 10px; }
.sean4_ul2 a:hover { background: rgba(255, 255, 255, 0.1); cursor: pointer; }
.sean4_li1 { margin-top: 50px; }
.sean4_ul2 a p { margin-top: 10px; }
.sean4_ul2 a img { height: 60px; }
.sean4_p1 { font-size: 38px; color: #fff; margin-top: 15px; margin-left: 30px; }
.sean4_p2 { font-size: 18px; color: #fff; margin-left: 30px; }
.sean4_span1 { font-size: 50px; color: red; }
.sean4_span2 i { font-size: 50px; color: red; }
.sean4_span3 { display: flex; align-items: center; flex-direction: column; color: red; font-size: 14px; font-weight: bold; margin-top: 30px; margin-left: 20px; }
.sean4_span4 { margin-left: 10px; margin-top: 10px; }
.sean4_span5 { color: red; font-weight: bold; }
.sean4_span6 { margin-left: 10px; }
.sean4_span7 { color: #70b638; font-weight: bold; }
.sean4_ul4 { padding: 35px 45px; position: relative; }
.sean4_ul5 { display: flex; }
.sean4_ul6 { position: absolute; top: 34%; left: 0; width: 100%; height: 1px; background: #fff; opacity: 0.1; }
.sean4_ul7 { margin-top: 50px; }
.sean4_p3 { font-size: 20px; color: #fff; }
.sean4_ul7_li { padding: 20px 0; color: #fff; border-bottom: 1px solid rgba(255, 255, 255, 0.1); display: block; }
.homebanner .hbmn:last-child { height: auto !important; }
.sean3, .sean2, .sean1, .sean4 { margin-top: 50px; }
.geely_navg { position: fixed; right: 10px; top: 35%; z-index: 50; width: 60px; z-index: 90; display: none; }
.geely_navg>img { position: absolute; left: 10px; top: 0; }
.geely_navg .xldsvg { left: 38px; top: 19px; }
.geely_navgbtn { display: block; margin: 12px 0; position: relative; z-index: 110; }
#geely_navg-p1 { margin-left: 33px; }
#geely_navg-p2 { margin-left: 5px; }
#geely_navg-p3 { margin-left: 0; }
#geely_navg-p4 { margin-left: 5px; }
#geely_navg-p5 { margin-left: 33px; }
.geely_navgbtn { width: 27px; height: 27px; border-radius: 50%; }
.geely_navgbtn img { max-width: 15px; max-height: 15px; position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; }
.geely_navgbtn.on { background: rgba(198, 130, 50, 0.7); }
.geely_navgbtn { background: rgba(0, 0, 0, 0.4); }
#geely_navg-p1 img { max-width: 14px; max-height: 14px; }
.pubh4, .sean2m, .sean2more, .sean3ma { opacity: 0; transform: translateY(100px); transition: all 0.6s ease; }
.pubh4, .sean4m { transition-delay: 0.5s; }
.sean2m, .sean3ma1 { transition-delay: 0.7s; }
.sean2more, .sean3ma2 { transition-delay: 0.9s; }
.swiper-slide-active .sean3ma, .swiper-slide-active .sean2more, .swiper-slide-active .pubh4, .swiper-slide-active .sean2m { transform: translateY(0); opacity: 1; }
.sean1ma img, .sean2mimg img, .sean3ma img { width: 100%; }
.appear-animation { opacity: 0; }
 @-webkit-keyframes fadeInUpShorter { from {
 opacity: 0;
 -webkit-transform: translate(0, 50px);
 transform: translate(0, 50px);
}
to { opacity: 1; -webkit-transform: none; transform: none; }
}
 @keyframes fadeInUpShorter { from {
 opacity: 0;
 -webkit-transform: translate(0, 50px);
 transform: translate(0, 50px);
}
to { opacity: 1; -webkit-transform: none; transform: none; }
}
.fadeInUpShorter { -webkit-animation-name: fadeInUpShorter; animation-name: fadeInUpShorter; }
 @-webkit-keyframes fadeInDownShorter { from {
 opacity: 0;
 -webkit-transform: translate(0, -50px);
 transform: translate(0, -50px);
}
to { opacity: 1; -webkit-transform: none; transform: none; }
}
 @keyframes fadeInDownShorter { from {
 opacity: 0;
 -webkit-transform: translate(0, -50px);
 transform: translate(0, -50px);
}
to { opacity: 1; -webkit-transform: none; transform: none; }
}
.fadeInDownShorter { -webkit-animation-name: fadeInDownShorter; animation-name: fadeInDownShorter; }
.sldbaner .swiper-slide-active .appear-animation { animation: fadeInUpShorter 0.8s normal forwards; }
.sldbaner .swiper-slide-active .scale { transform: scale(1); }
.scale { transform: scale(1.06); transition: all 3s ease; }
.ani1 { animation-delay: 0.3s !important; }
.ani2 { animation-delay: 0.5s !important; }
.ani3 { animation-delay: 0.7s !important; }
/* banner */
.inbanervideo { position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 3; }
.inbanervideo::before { background: #2160a9; opacity: 0.5; }
.inbanervideo2 video::before { background: #2160a9; opacity: 0.5; }
.inbanervideo2:before { content: ''; left: 0; top: 0; width: 100%; height: 100%; position: absolute; }
.inbanervideo video { width: 100%; height: 100%; object-fit: cover; }
.slah2 { font-size: 55px; color: #fff; font-weight: bold; }
.slap1 { margin-top: 45px; }
.slap11 { margin-top: 30px; }
.slap1 a { margin: 0 8px; }
.sldbanerm { text-align: center; }
.lxbg { background: url(/fonts/1903fcc9834c4d92984684eb0dd6fc4a.svg); }
.sldhbbtnr { background-image: url(/fonts/sldbjtr.svg); }
.sldhbbtn { opacity: 0.7; }
.sldhbbtn:hover { opacity: 1; }
.sean1 { height: 100%; margin-top: 0; }
.sldbaner { height: 100%; }
.sldbantxt { z-index: 5; position: absolute; min-width: 1200px; width: 85%; left: 58%; top: 52%; transform: translate(-50%, -50%); }
.sld2tit { display: flex; justify-content: space-between; align-items: center; }
.sld2h3 { font-size: 35px; line-height: 1; color: #0a539d; letter-spacing: 1px; padding-top: 15px; font-weight: bold; }
.sldp0 { font-size: 16px; color: #555; }
.sld2h3fff, .sldp0fff { color: #fff; }
.sld2sub { position: relative; top: 3px; }
.sld2sub span { display: inline-block; cursor: pointer; padding-bottom: 8px; color: #fff; margin-left: 50px; }
.sld2sub span { position: relative; font-size: 18px; }
.sld2sub span:before { position: absolute; content: ''; left: 0; bottom: 0; height: 1px; width: 100%; background: #744a1e; }
.sld2sub span:before { transition: all 0.3s ease; }
.sld2sub span:before { opacity: 0; }
.sld2sub span.on:before, .sld2sub span:hover:before { opacity: 1; }
.sld2cp { margin-top: 35px; }
.sld2cpma { display: flex; justify-content: space-between; }
.sld2cpmaimg img { height: 210px; vertical-align: top; }
.sld2cpma { background-color: #fff; border-radius: 10px; padding: 30px 60px; overflow: hidden; }
.sld2cpmatit, .sld2cpmawz { padding-top: 35px; }
.xldmabnb { display: flex; justify-content: space-between; }
.xldmabnba { width: 32.5%; border-radius: 10px; position: relative; overflow: hidden; }
.xldmabnbimg { vertical-align: top; width: 100%; height: 100%; object-fit: cover; }
.xldmabnba { height: 228px; }
.xldmabnbi { z-index: 2; position: absolute; width: 80px; height: 80px; display: block; }
.xldmabnbi img { position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; }
.xldmabnbi img { max-width: 80%; max-height: 80%; }
.xldmabnbi { left: 50%; transform: translateX(-50%); top: 40px; opacity: 0; }
.xldmabnbp1 { color: #fff; text-align: center; font-weight: bold; color: #fff; width: 100%; position: absolute; left: 0; bottom: 30px; z-index: 3; }
.xldmabnbp1 { font-size: 18px; }
.xldmabnbi, .xldmabnbimg { transition: all 0.3s ease; }
.xldmabnba:hover .xldmabnbi { top: 40px; opacity: 1; }
.xldmabnba:hover .xldmabnbimg { transform: scale(1.1); }
.xldmabnb { margin-top: 12px; }
.xldmabnbtag { left: 20px; top: 20px; z-index: 3; background: rgba(241, 144, 21, 0.6); }
.xldmabnbtag { border-radius: 25px; position: absolute; color: #fff; line-height: 1; font-size: 12px; padding: 12px 25px; }
.sld2cpmatit { font-weight: 700; font-size: 22px; color: #222; line-height: 1.4; }
.sld2cpmawz { line-height: 1.6; }
.sld2cpmap2 { margin-top: 35px; }
.sld2cpmore { height: 45px; line-height: 43px; padding: 0 35px; }
.sld2cpmore:nth-child(1) { margin-right: 20px; }
.sld2cp { position: relative; height: 510px; }
.sld2cpm { position: absolute; width: 100%; left: 0; top: 0; visibility: hidden; opacity: 0; z-index: -1; }
.sld2cpm.on { visibility: visible; opacity: 1; z-index: 10; }
.sld2cpm { transition: all 0.5s ease; }
.sean3x1 { background: #fff; border-radius: 15px; overflow: hidden; padding: 60px; }
.xldslidpage3, .sean3x1 { margin-top: 45px; }
.xldslidpage3 { position: relative !important; left: 0 !important; bottom: 0 !important; }
.xldslidpage3 { width: 100% !important; text-align: center; }
.xldslidpage3 span { margin: 0 4px; }
.xldmada { display: flex; justify-content: space-between; margin-top: 35px; }
.xldmadam { width: 31.5%; background: #fff; text-align: left; border-radius: 10px; overflow: hidden; }
.xldmadap2 { font-size: 18px; font-weight: bold; }
.xldmadap1 { display: inline-block; background: #f0f0f0; font-size: 13px; }
.xldmadap1 { width: 110px; height: 38px; line-height: 38px; text-align: center; }
.xldmadap1 { border-radius: 35px; text-align: center; color: #444; }
.xldmadap3 { font-size: 14px; line-height: 1.8; margin-top: 20px; }
.xldmadap3 { color: #666; }
.xldmadap4 { display: inline-block; margin-top: 40px; color: #999; }
.xldmadam:hover .xldmadap1 { background: #00a2e9; color: #fff; }
.xldmadap1, .xldmadamimg img { transition: all 0.3s ease }
.xldmadamwz { padding: 35px; }
.xldmadamimg { overflow: hidden; }
.xldmadamimg img { width: 100%; vertical-align: top; }
.xldmadam:hover .xldmadamimg img { transform: scale(1.04); }
.text-c { text-align: center; }
.ibox { position: relative; width: 100%; height: 100%; }
.disappear .ibox { transform: scale(0.8); opacity: 0.5; transition: all 0.8s cubic-bezier(0.445, 0.145, 0.355, 1) 0s; }
.swiper-slide-active .ibox { transform: translate(0px, 0px) scale(1); opacity: 1; transition: all 0.4s cubic-bezier(0.445, 0.145, 0.355, 1) 0s; }
.hbmn:last-child .ibox { opacity: 1; transform: scale(1); }
/* body {
	background: #000;
} */

.slah21 { font-size: 55px; }
.slap0 { color: #fff; font-size: 18px; margin-top: 30px; }
.slap4 { font-size: 60px; color: #2f70b7; }
.sldbantxt2 { transform: translateX(-50%); top: 43%; left: 33%; }
.sldbantxt3 { top: 50%; left: 50%; }
.sldbantxt4 { top: 50%; left: 55%; text-align: left; }
.sldbantxt4 .slap0 { margin-top: 0; }
.sldbantxt4 .ani2 { margin-top: 60px; }
.sldbantxt .p1 { font-size: 26px; color: #fff; font-weight: normal; }
.pubflex { display: flex; justify-content: space-between; flex-wrap: wrap; }
.pubflexm { width: 33.33%; }
.pbtmama { display: block; position: relative; overflow: hidden; box-shadow: 0 0 15px rgba(0, 0, 0, 0.05); background: #fff; padding-bottom: 25px; }
.pbtmama { border-radius: 10px; transition: all 0.3s ease; }
.pbtmama:hover { box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08); }
.pbtmamaimg { position: relative; height: 417px; }
.pbtmamaimg img { position: absolute; left: 0; right: 0; bottom: 5%; margin: auto; }
.pbtmamaimg img { max-width: 80%; max-height: 80%; }
.pbtmap0 { text-align: center; }
.pbtmap1 { color: #646f85; font-size: 22px; line-height: 1; height: 25px; }
.pbtmap2 { margin-top: 20px; }
.pbtmap2 a { padding: 0 35px; border: 1px solid #2f70b7; border-radius: 35px; vertical-align: top; }
.pbtmap2 a { height: 40px; line-height: 38px; color: #333; }
.pbtmap2 a:hover, .pbtmap2 a.on:hover { background-color: #2f70b7; color: #fff; border-color: #2f70b7; }
.pbtmap2 a.on { color: #fff; background: #646f85; border-color: #646f85; }
.pbtmap2 a { margin: 0 5px; }
.pbtmamaimg span { display: inline-block; width: 120px; height: 42px; line-height: 40px; text-align: center; font-size: 18px; }
.pbtmamaimg span { color: #646f85; border: 1px solid #2f70b7; border-radius: 35px; }
.pbtmamaimg span { position: absolute; left: 25px; top: 25px; z-index: 3; }
.pbtmamaimg span.on { background: #2f70b7; color: #fff; }
.pbtmap2 a, .pbtmap3 a { display: inline-block; font-size: 14px; }
.pbtmama2 { height: 246px; margin-top: 18px; }
.pbtmama2:nth-child(1) { margin-top: 0; }
.pbtmamaimg2 { height: 200px; }
.pbtmap3 a { line-height: 20px; margin: 0 10px; }
.pbtmap3 i { color: #0e597c; margin-left: 5px; position: relative; top: 1px; transition: all 0.3s ease; left: 0; }
.pbtmap3 a:hover, .pbtmap3 a:hover i { color: #2f70b7; }
.pbtmap3 a:hover i { left: 5px; }
.pbtmam:nth-child(1) { padding-right: 12px; }
.pbtmam:nth-child(2) { padding: 0 6px; }
.pbtmam:nth-child(3) { padding-left: 12px; }
.pbtmamaimg3 { height: 100%; }
.pbtmamaimg3 img { top: 0; bottom: 0; }
.pbtmama21 { padding-bottom: 0; }
.pbtma { margin-top: 45px; }
.pbtmama1 { height: 510px; }
.sean3p1 { font-size: 14px; line-height: 1.8; margin-top: 80px; height: 235px; }
.sean3p2 a { display: inline-block; font-size: 14px; }
.sean3p2 a { line-height: 20px; }
.sean3p2 i { color: #0e597c; margin-left: 5px; position: relative; top: 1px; transition: all 0.3s ease; left: 0; }
.pbtmama:hover .sean3p2 i, .pbtmama:hover .sean3p2 span { color: #2f70b7; }
.sean3wz { width: 100%; position: absolute; left: 0; top: 70px; padding: 0 50px; }
.sean3h4 { font-size: 26px; line-height: 26px; }
.sean3p21 { margin-top: 53px; }
.pbtmam-a { width: 40%; }
.pbtmam-b { width: 30%; }
.pbtmama1, .pbtmama2 { padding-bottom: 0; }
.sean3img1 { width: 100%; height: 100%; object-fit: cover; vertical-align: top; }
.pbtmama41 { padding-bottom: 0; }
.pbtmama41a { height: 510px; }
.sean4p1 { font-size: 14px; }
.sean4wz { padding: 0 50px; text-align: left; line-height: 1.6; }
.sean4wzimg { height: 170px; overflow: hidden; }
.sean4wzimg2 { height: 170px; }
.sean4wzimg img { width: 100%; height: 100%; object-fit: cover; }
.sean4wz { padding-top: 28px; }
.sean4p1 { margin-top: 50px; height: 190px; }
.xxproah4 { color: #3070ba; font-size: 20px; font-weight: bold; }
.xxprowz { padding: 15px 30px; padding-top: 25px; }
.xxproa { width: 31%; background: #fff; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08); }
.xxproap1 { color: #555; margin-top: 12px; padding-bottom: 15px; padding-right: 52%; border-bottom: 1px solid rgba(0, 0, 0, 0.1); position: relative; z-index: 3; }
.xxproamore { display: inline-block; margin-top: 15px; color: #666; font-size: 14px; }
.xxproamore { position: relative; padding-right: 20px; }
.xxproamore i { position: absolute; right: 0; top: 2px; font-size: 16px; color: #3070ba }
.xxproimg img { width: 100%; vertical-align: top; }
.xxproimg { overflow: hidden; }
.xxproimg img, .xxproa { transition: all 0.3s ease; }
.xxprowz { position: relative; }
.xxprowz img { position: absolute; right: 0; top: -50%; max-width: 48%; }
.xxproa:hover { box-shadow: 0 15px 25px rgba(0, 0, 0, 0.1); }
.xxproa:hover .xxproimg img { transform: scale(1.03); }
.xxsoloa { width: 100%; display: flex; justify-content: space-between; }
.xxsoloaimg img { width: 100%; }
/* .xxsoloaimg img{height: 100% ;object-fit: cover;} */
.xxsoloaimg, .xxsoloawz { overflow: hidden; border-radius: 8px; }
.xxsoloawz h4 { color: #3070ba; font-size: 20px; font-weight: bold; }
.xxsoloawz p { color: #666; font-size: 14px; margin-top: 15px; line-height: 1.6; }
.xxsoloaimg { width: 455px; }
.xxsoloawz { width: calc(100% - 470px); background: #fff; padding: 0 55px; display: flex; align-items: center; }
.xxsoloa { margin-bottom: 15px; }
.gclheadrgp { color: #fff; transition: all 0.3s ease; display: flex; align-items: center; }
.gclheadrgp em { font-style: normal; }
.header.on .gclheadrgp { color: #444; }
.gclheadrgp_span1 { letter-spacing: 3px; }
.gclheadrgp_img1 { height: 20px; margin-right: 15px; position: absolute; top: 0; left: -35px; }
.gclheadrgp_img1.on { opacity: 1; }
.gclheadrgp_img2 { display: block !important; }
.gclheadrgp_img2.on { opacity: 1; }
.gclheadrgp_span2 { display: flex; align-items: center; padding-right: 30px; position: relative; }
.gclheadrgp_span3 { padding-right: 50px; }
.servicea1_list { display: flex; justify-content: space-between; /* flex-wrap: wrap; */ margin-top: 60px; }
.servicea1_ul { position: relative; display: flex; justify-content: space-between; transition: all 0.5s ease; overflow: hidden; /* width: 22%; */ width: 268px; /* width: 340px; */ margin-right: 12px; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1); }
.servicea1_ul .img1 { width: 268px; /* width: 100%; */ height: 413px; }
.servicea1_li { box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1); background: #fff; /* padding: 50px 35px; */ padding: 30px 25px; width: 50%; height: 100%; visibility: hidden; opacity: 0; transition: all 0.3s ease; position: absolute; top: 0; left: 50%; }
.servicea1_p1 { font-size: 16px; }
.servicea1_li a { margin-top: 50px; }
.servicea1_li p { /* width: 198px;
	width: 270px; */ line-height: 1.6; }
.servicea1_on .servicea1_li { visibility: visible; opacity: 1; transition: all 0.3s ease; }
.servicea1_on { /* width: 30%; */ /* width: 536px; */
width: 680px; }
.servicea1_on .servicea1_icon { position: absolute; top: 47%; left: 25%; transform: translate(-50%, -50%); text-align: center; }
.servicea1_p1 { font-size: 18px; font-weight: bold; color: #000; margin-bottom: 10px; }
.servicea1_icon { position: absolute; top: 47%; left: 50%; transform: translate(-50%, -50%); text-align: center; width: 100%; }
.servicea1_icon p { color: #fff; margin-top: 10px; font-size: 18px; font-weight: bold; }
.service_icon1 { height: 46px; }
.service_icon2 { height: 40px; }
.service_icon3 { height: 45px; }
.jcbomed_item { margin-top: 30px; display: flex; justify-content: space-between; }
.jcbomed_li1 { padding: 30px 35px; box-shadow: 0 0 20px rgba(0, 0, 0, 0.25); transition: all 0.3s ease; }
.jcbomed_li1:hover { /* background: #2160a9; */ box-shadow: 0 0 20px rgba(0, 0, 0, 0.3); cursor: pointer; }
/* .jcbomed_li1:hover .jcbomed_p2 {
	color: #70b638;
} */

.jcbomed_li1:hover { box-shadow: 0 0 20px rgba(0, 0, 0, 0.3); }
.jcbomed_ul1 { width: 37%; }
.jcbomed_ul1 img, .jchomea_ul2 img, .jchomea_ul3 img, .jcbomed_li5 img { transition: all 0.3s ease; }
.jcbomed_li5 { /* width: 518px; */ width: 100%; height: 263px; overflow: hidden; }
.jcbomed_li5 img { width: 100%; height: 100%; object-fit: cover; }
.jcbomed_li5:hover img { transform: scale(1.05); }
.jcbomed_ul1:hover img, .jchomea_ul2:hover img, .jchomea_ul3:hover img { /* transform: scale(1.05); */ }
.jcbomed_li2 { margin-top: 25px; }
.jcbomed_ul2 { width: 34%; }
.jcbomed_ul2 .jcbomed_li1:nth-child(2){ margin-top:25px;}
.jcbomed_ul3 { width: 23%; position: relative; }
.jcbomed_ul3 li:nth-child(1){ padding-bottom:92%; position:relative;}
.jcbomed_ul3 li img{ width:100%; height:100%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto auto;}
.jcbomed_p1 { font-size: 14px; color: #999; }
.jcbomed_p2 { font-size: 18px; line-height: 1.3; height: 54px; color: #316bab; font-weight: bold; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.jcbomed_10 { font-size: 18px; height: 54px; font-weight: bold; color: #316bab; line-height: 1.5; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.jcbomed_p3 { font-size: 16px; /* height: 78px; */ color: #666; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; margin-top: 10px; }
.jcbomed_p4 { /* margin-top:25px; */ font-size: 14px; color: #333; }
.jcbomed_p9 { font-size: 14px; color: #2f70b7; }
.jcbomed_li3 { width: 90%; background: #70b638; position: absolute; top: 71%; left: 50%; transform: translate(-50%, -50%); padding: 20px; color: #fff; height: 290px; }
.jcbomed_p5 { font-size: 14px; opacity: 0.8; }
.jcbomed_p6 { font-size: 20px; font-weight: bold; margin-top: 30px; }
.jcbomed_p7 { font-size: 14px; padding: 15px 0; opacity: 0.8; color: #fff; display: inline-block; }
.jcbomed_p7:hover { color: #fff; }
.jcbomed_li3 hr { opacity: 0.3; }
.jcbomed_p8 { margin-top: 30px; font-size: 14px; color: #fff; display: inline-block; }
/*new*/
.xxnew1 { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; }
.xxnew_p1 { color: #fff; font-size: 18px; opacity: 0.9; padding-bottom: 10px; }
.xxnew_p2 { font-size: 48px; font-weight: bold; line-height: 1.4; color: #fff; }
.xxnew_ul2 { padding-top: 360px; }
.xxnew_ul2 a { color: #fff; }
.xxnew_ul2 em { color: #fff; padding: 0 5px; }
.xxnew_top { border-bottom: 1px solid #d7d7d7; position: relative; }
.xxnew_top li a.on { color: #3372b5; }
.xxnew_top li .xxnew_a { color: #fff !important; }
.xxnew_top li a:hover { color: #3372b5; }
.xxnew_top li { display: flex; justify-content: center; align-items: center; height: 60px; line-height: 60px; }
.xxnew_top li a { /* margin-right: 40px; */ padding: 0 20px; }
/* .xxnew_top li a.on {
	color: #70b638;
} */

.xxnew_top .xxnew_top_a { width: 50%; text-align: center; }
.xxnew_a { display: inline-block; background: #3372b5; color: #fff; }
.xxnew_b { display: inline-block; background: #f7f7f7; color: #1f6abc; }
.xxnew_c { margin-top: 40px; border-bottom: 1px solid transparent; }
.xxnew_item { display: flex; align-items: center; flex-wrap: wrap; justify-content: space-between; box-shadow: 0 0 20px rgb(0 0 0 / 8%); padding: 15px; margin-top: 30px; }
.xxnew_item:first-child { margin-top: 0; }
.xxnew_item img { transition: all 0.3s ease; }
.xxnew_item:hover { box-shadow: 0 0 20px rgb(0 0 0 / 10%); cursor: pointer; }
.xxnew_item:hover img { transform: scale(1.05); }
.xxnew_item:hover .xxitem_p2 { color: #70b638; }
.xxitem_ul1 { width: 20%; }
.xxitem_ul1 li { overflow: hidden; }
.xxitem_ul2 { width: 80%; padding: 30px 40px; }
.xxitem_p1 { font-size: 12px; color: #666; }
.xxitem_p2 { font-size: 18px; color: #222; font-weight: bold; margin-top: 10px; }
.xxitem_p3 { color: #333; margin-top: 20px; line-height: 1.6; font-size: 14px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.press_top { display: flex; align-items: center; justify-content: space-between; }
.press_span1 { color: #1f6abc; font-size: 35px; font-weight: bold; line-height: 1.4; }
.press_span2 a { color: #70b638; }
/* .fztxbg1 {
	right: 0;
	top: 58%;
}

.fztxbgr {
	background: url(../fonts/fztxbg2.svg) right top no-repeat;
	background-size: auto 100%;
}

.fztxbg {
	position: absolute;
	width: 35%;
	height: 84%;
	max-height: 500px;
	overflow: hidden;
} */

.xxnew_page { display: flex; justify-content: center; margin-top: 30px; }
.xxnew_page a { display: inline-block; width: 40px; height: 40px; line-height: 40px; text-align: center; color: #000; border-radius: 50%; margin: 0 5px; border: 1px solid #666; transition: all 0.3s ease; }
.xxnew_page a.on { display: inline-block; width: 40px; height: 40px; line-height: 40px; text-align: center; background: #70b638; color: #fff; border-radius: 50%; margin: 0 5px; border: 1px solid #70b638; }
.xxnew_page a:hover { background: #70b638; color: #fff; }
.press_main { display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 30px; }
.press_ul1 { width: 49%;/* padding: 20px; */ }
.press_ul3 { width: 49%;/* padding: 20px; */ }
.press_ul1 li { overflow: hidden; }
.press_ul1 img { transition: all 0.3s ease; }
.press_ul1:hover img { transform: scale(1.05); }
.press_p1 { font-size: 16px; font-weight: bold; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; }
.press_p2 { line-height: 1.6; color: #666; font-size: 14px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; margin-top: 15px; }
.press_p3 { line-height: 1.6; color: #666; font-size: 14px; }
.press_a1 { color: #70b638; }
.press_a1 i { transition: all 0.3s ease; }
.product_ul2:hover i, .product_cul1:hover i { margin-left: 20px; }
.press_li1 { margin-top: 30px; }
.press_ul2 { display: flex; justify-content: space-between; box-shadow: 0 10px 15px rgb(53 168 219 / 8%); margin-top: 20px; transition: all 0.3s ease; /* border-radius: 6px; */ overflow: hidden; }
.press_ul2:first-child { margin-top: 0; }
.press_li2 { width: 30%; overflow: hidden; }
.press_ul2 img { transition: all 0.3s ease; }
.press_ul2:hover img { transform: scale(1.05); }
.press_li3 { width: 70%; padding: 10px 20px; }
.press_ul2:hover .press_li3 { background: #70b638; color: #fff; }
.press_ul2:hover .press_p2 { color: #fff; }
.pressb { width: 100%; background: #f8fcfe; }
.press_list { display: flex; justify-content: space-between; flex-wrap: wrap; }
.prlist_ul1 { width: 31%; padding: 35px 30px; background: #fff; transition: all 0.3s ease; margin-top: 30px;/* border-radius: 12px; */ }
.prlist_ul1:hover { background: #70b638; color: #fff; cursor: pointer; }
.prlist_ul1:hover i { margin-left: 20px; }
.prlist_ul1:hover .prlist_li2, .prlist_ul1:hover .press_a1 { color: #fff; }
.prlist_li1 { height: 55px; font-size: 16px; font-weight: bold; }
.prlist_li2 { line-height: 1.6; margin-top: 10px; color: #666; font-size: 14px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; height: 45px; }
.prlist_li3 { margin-top: 35px; }
.pressc { width: 100%; }
.pressc_main { display: flex; justify-content: space-between; }
.pressc_ul1 { width: 50%; }
.pressc_ul1 li { overflow: hidden; border-radius: 6px; }
.pressc_ul1 img { transition: all 0.3s ease; }
.pressc_ul1:hover img { transform: scale(1.05); }
.pressc_ul2 { width: 50%; padding: 40px 60px; }
.pressc_p1 { font-size: 14px; color: #70b638; }
.pressc_p2 { font-size: 35px; font-weight: bold; line-height: 1.4; }
.pressc_li1 { margin-top: 30px; }
.pressc_li2 { margin-top: 40px; }
.pressc_li2 p { margin-top: 10px; }
/*new*/

/*contact*/
.contact_p1 { font-size: 30px; font-weight: bold; line-height: 1; padding-bottom: 20px; border-bottom: 1px solid #cacaca; /* padding-top: 60px; */ color: #316bab; }
.contact_main { display: flex; justify-content: space-between; flex-wrap: wrap; }
.contact_ul1 { width: 49%; padding: 35px; box-shadow: 0 15px 30px rgb(0 0 0 / 6%); margin-top: 35px; transition: all 0.3s ease; }
.contact_ul1:hover { box-shadow: 0 15px 30px rgb(0 0 0 / 9%); }
.contact_li1 { font-size: 20px; color: #222; font-weight: bold; }
.contact_li2 { margin-top: 20px; }
.contact_li2 p { margin-top: 10px; color: #333; display: flex; align-items: center; }
.contact_li2 i { font-size: 25px; margin-right: 15px; color: #70b638; }
/*contact*/

/*product*/
.product_list { display: flex; flex-wrap: wrap; justify-content: space-between; position: relative; }
.product_ul1 { display: flex; flex-direction: column; width: 20%; }
.product_p1 { position: absolute; top: 10px; left: 0; font-size: 24px; font-weight: bold;/* color: #1f6abc; */ }
.regardc_list { width: 80%; }
.gw_box_tit2 { margin-top: 20px; }
.gw_box_tit2:first-child { margin-top: 70px; }
.gw_box_tit2.on { background: #70b638; color: #fff; width: 100px; text-align: center; border-radius: 23px; height: 46px; line-height: 46px; transition: all 0.3s ease; }
.gw_box_tit2:hover { cursor: pointer; }
.regardc_item1 { display: none;/* opacity: 0;
	visibility: hidden; */ }
.regardc_item1.on { display: block;/* opacity: 1;
	visibility: visible; */ }
.product_item { display: flex; justify-content: space-between; flex-wrap: wrap; }
.product_ul2 { width: 49%; display: flex; align-items: center; justify-content: space-between; /* box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2); */ padding: 30px 35px; /* margin-top: 20px; */ transition: all 0.3s ease; background: #fff; }
.product_ul2:hover { /* box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3); */ cursor: pointer; }
.product_ul3 { margin-top: 0px; }
.product_li1 { width: 40%; text-align: center; }
.product_li1 img { /* height: 160px; */ }
.product_li2 { width: 57%; }
.product_p2 { margin-top: 10px; font-size: 24px; font-weight: bold; color: #70b638; }
.product_p3 { font-size: 20px; font-weight: bold; color: #000; margin-top: 10px; }
.product_p4 { font-size: 14px; color: #7f7f7f; line-height: 1.5;/* margin-top: 35px; */ }
.product_p5 { margin-top: 30px; }
/*about*/
.abouts_p1 { font-size: 36px; font-weight: bold; color: #316bab; line-height: 1.2; text-align: center; }
.abouts_p2 { font-size: 36px; font-weight: bold; color: #fff; line-height: 1.2; text-align: center; }
.abouts_list p { margin-top: 30px; color: #231815; line-height: 32px; }
.aboutd { position: relative; }
.aboutd>img{ display:block; width:100%;}
.aboutd_list { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -10%); }
.aboutd_ul1 { margin-top: 30px; background: #fff; padding: 60px 90px; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1); }
.aboutd_ul1 p { line-height: 32px; }
.aboutd_p1 { margin-top: 30px; }
.aboutd_p2 { text-align: center; margin-top: 30px; }
.abouth { margin-top: 250px; }
.aboute { /* margin-top: 220px; */ }
.aboute_ul1 { margin-top: 30px; display: flex; justify-content: space-between; flex-wrap: wrap; }
.aboute_ul1 li { width: 50%; overflow: hidden; }
.aboute_ul1 img { width: 100%; transition: all 0.3s ease; }
.aboute_li1:hover img { transform: scale(1.05); }
.aboute_li2 { padding: 55px 50px; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1); }
.aboute_p1 { margin-top: 40px; }
.staboute_li { position: absolute; bottom: 4%; left: 50%; transform: translate(-50%, -50%); text-align: center; color: #fff; font-size: 16px; width: 170px; }
.staboute_list { display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: 30px; }
.staboute_item { width: 19%; display: flex; flex-direction: column; box-shadow: 3px 3px 16px #e9e8e8; overflow: hidden; position: relative; border-radius: 10px; }
.staboute_img2 { width: 20%; margin: 30px 50px; }
.staboute_p1 { margin: 0px 30px 30px 30px; }
.staboute_img1 { border-radius: 6px; transition: all 0.3s ease; height:350px; object-fit:cover;}
.staboute_item .staboute_img1:hover { transform: scale(1.05); }
.staboute_item:hover { box-shadow: 3px 3px 16px #c2c1c1; }
.staboute_p2 { font-size: 18px; font-weight: bold; }
.aboutg { background: #f7f7f7; }
.aboutg_mian { display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: 10px; }
.aboutg_ul { width: 49%; background: #fff; padding: 30px 35px; margin-top: 20px; transition: all 0.3s ease; background: #fff; }
.aboutg_li1 { width: 100%; }
.line2 { width: 100%; }
.aboutg_p1 { font-size: 20px; font-weight: bold; color: #316bab; margin-top: 10px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; }
.aboutg_p2 { font-size: 14px; color: #7f7f7f; line-height: 1.5; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; margin-bottom: 30px; }
.aboutg_p3 { text-align: center; margin: 40px auto 0 auto; }
/*about*/

.investor2_list { /* margin-top: 20px; */ display: flex; flex-wrap: wrap; justify-content: space-between; padding: 35px; background: #f7f7f7; }
.investor2_list .investor2_ul1 { width: 40%; }
.investor2_list .investor2_ul2 { width: 50%; }
.investor2_li1 { display: flex; justify-content: space-between; padding: 20px 50px 20px 0; border-top: 1px solid #a6afc3; border-bottom: 1px solid #a6afc3; margin-top: 30px; font-size: 12px; }
.investor2_li2 p { font-size: 12px; margin-top: 30px; line-height: 2; }
.investor2_p1 { font-size: 24px; color: #3372b5; }
.investor2_p2 { font-size: 40px; font-weight: bold; color: #3372b5; line-height: 1.8; }
.investor2_p3 { font-size: 20px; }
.investor2_p2 i { font-size: 40px; color: red; }
.investor1_list { display: flex; justify-content: space-between; flex-wrap: wrap; }
.investor1_ul1 { width: 100%; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; padding: 30px 0; /* border-top: 1px solid #e5e5e5; */ border-bottom: 1px solid #e5e5e5; }
.investor1_li1 { margin-right: 200px; text-align: left; width: 500px; }
.investor1_ul1:hover .investor1_li1 { cursor: pointer; color: #70b638; }
.investor1_li1_biaoqian { min-width: 56px; }
.newpagenewm { text-align: center; margin-top: 50px; line-height: 2.5; }
.newpagenewm a, .newpagenewm .prev, .newpagenewm .next { position: relative; font-size: 14px; transition: all 0.3s ease; display: inline-block; margin: 0 5px; vertical-align: top; width: 35px; height: 35px; /* border-radius: 50%; */ text-align: center; line-height: 35px; }
.newpagenewm .prev:before, .newpagenewm .next:before, .newpagenewm .prev:after, .newpagenewm .next:after { position: absolute; width: 100%; height: 100%; content: ''; left: 0; top: 0; background-position: center; background-repeat: no-repeat; background-size: 12px auto; }
/* .newpagenewm .prev:before,.newpagenewm .next:before{ background-image: url(../fonts/arr_black.svg);}
.newpagenewm .prev:after,.newpagenewm .next:after{ background-image: url(../fonts/arr_blue.svg); opacity: 0;} */
.newpagenewm .prev:before, .newpagenewm .prev:after { transform: rotateZ(180deg); }
.newpagenewm a.prev:hover:before { opacity: 0; }
.newpagenewm a.prev:hover:after { opacity: 1; }
.newpagenewm a.next:hover:before { opacity: 0; }
.newpagenewm a.next:hover:after { opacity: 1; }
.newpagenewm a.prev, .newpagenewm a.next { cursor: pointer; }
.newpagenewm a.on, .newpagenewm a:hover { background: #6fb03b; color: #fff; }
.newpagenewm .prev, .newpagenewm .prev:hover, .newpagenewm .next, .newpagenewm .next:hover { background: none !important; }
/*product*/
/*join*/
.join_ul1 { position: relative; }
.join_ul1 li img{ width:100%;}
.join_li1 { position: absolute; top: 45%; left: 40%; transform: translate(-50%, -50%); }
.join_p1 { font-size: 36px; color: #fff; }
.join_p2 { font-size: 16px; color: #fff; margin-top: 40px; }
.joinb { background: #f7f7f7; }
.joinb_list { margin-top: 40px; font-size: 16px; }
.joinb_top { background: #80b545; display: flex; align-items: center; justify-content: space-between; color: #fff; height: 80px; padding: 0 180px; }
.joinb_span1 { padding: 0 140px; border-left: 1px solid #fff; border-right: 1px solid #fff; }
.joinb_item { display: flex; align-items: center; justify-content: space-between; color: #000; height: 80px; padding: 0 130px; background: #fff; border-bottom: 1px solid #eaeaea; }
.joinb_s, .joinb_s2 { display: inline-block; width: 60px; text-align: center; }
.joinb_s3 { display: inline-block; width: 150px; text-align: center; }
.joinb_all .joinList { display: none; }
.joinb_all.on .proList2 { display: block; }
.joinb_all .joinb_s2 { display: none; }
.joinb_all.on .joinb_s2 { display: block; }
.joinb_all.on .joinb_s { display: none; }
.resume { background: #fafafc; padding: 40px 150px 40px 170px; }
.resume_p1 { font-size: 16px; color: #106bb2; margin-bottom: 20px; }
.resume_ul1 { padding-left: 10px; color: #434343; margin-bottom: 30px; }
.resume_ul1 p { font-size: 16px; color: #231815; }
.resume_ul2 { padding-left: 10px; display: flex; align-items: center; justify-content: space-between; }
.resume_ul3 { color: #434343; }
/*join*/

/*projectcase*/
.project_list { display: flex; flex-wrap: wrap; justify-content: space-between; }
.project_ul1 { position: relative; width: 32%; margin-bottom: 60px; }
.project_li1 { width: 90%; background: #fff; /* margin: 0 auto; */ border-bottom: 1px solid #70b638; }
.project_li1 { height: 58px; overflow: hidden; padding: 0 20px; position: absolute; bottom: -10%; left: 5%; z-index: 1; transition: all 0.5s ease; }
.project_li1 p { line-height: 58px; font-size: 16px; font-weight: bold; color: #316bab; }
.project_ul1:hover .project_li1 { height: 230px; }
.project_sp1 { font-size: 14px; opacity: 0.7; }
/*powera*/
.powera_ul1 { margin-top: 50px; position: relative; }
.powera_li1 { width: 540px; height: 464px; background: #fff; position: absolute; top: -6%; left: 52%; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05); padding: 130px 45px; }
.powera_li2 { left: 7%; }
.powera_hr { height: 1px; width: 100%; background-image: linear-gradient(to right, #6fb92c, #fff); }
.powera_p1 { margin-top: 25px; }
.powerb_p1 { margin-bottom: 40px; }
.powerb_list { position: relative; z-index: 1; width: 100%; margin-top: -100px; background: #fff; padding: 80px 100px; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05); font-size: 16px; }
.powerb_p2 { font-size: 24px; font-weight: bold; }
.powera_hr2 { margin: 30px 0; }
.powerb_list li p { position: relative; padding-left: 20px; }
.powerb_list li p::before { content: ""; display: inline-block; width: 8px; height: 8px; background: #70b638; border-radius: 50%; position: absolute; top: 10px; left: 3px; }
.powerb_p3 { font-size: 24px; font-weight: bold; margin-top: 50px; }
.powerb_p4 { margin-top: 30px; }
.powerc_ul1 { display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: 30px; }
.powerc_li1 { width: 31%; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05); }
.powerc_li1 p { overflow: hidden; }
.powerc_li1 img { transition: all 0.3s ease; }
.powerc_li1:hover img { transform: scale(1.05); }
.powera_hr3 { margin: 20px 0; }
.powerc_li2 { padding: 30px; }
.powerc_p1 { font-size: 24px; font-weight: bold; }
.powerc_p2 { margin-bottom: 30px; }
/*powera*/

/*projectcase*/

/*productCenter3*/
/*1*/
.gcl-121-banerbtn { position: absolute; top: 50%; transform: translateY(-50%); z-index: 10; width: 60px; height: 50px; cursor: pointer; }
.gcl-121-banerbtn1 { left: 50%; margin-left: -700px; }
.gcl-121-banerbtn2 { right: 50%; margin-right: -700px; }
.gcl-121-banerbtn1 { background: url(/fonts/jt002.svg) center no-repeat; background-size: 50px auto; }
.gcl-121-banerbtn2 { background: url(/fonts/jt001.svg) center no-repeat; background-size: 50px auto; }
.gcl-121-baner { width: 100%; height: 700px; margin-top: 128px; }
.gcl-121-baner-bg { position: absolute; width: 100%; height: 100%; left: 0; top: 0; background-position: center; background-repeat: no-repeat; }
.gcl-121-baner-bg { background-size: cover; }
.gcl-121-baner-m { position: relative; height: 100%; }
.gcl-121-nav { left: 50%; top: 15px; z-index: 10; position: absolute; margin-left: -600px; }
.gcl-121-nav, .gcl-121-nav a { color: #fff; }
.gcl-121-nav em { padding: 0 5px; }
.gcl-121-zw { position: absolute; width: 100%; left: 0; top: 50%; transform: translateY(-50%); }
.gcl-121-zw { display: flex; justify-content: space-between; }
.gcl-121-zw { color: #fff; }
.gcl-121-baner-h3 { font-size: 46px; font-weight: bold; line-height: 1.4; }
.gcl-121-baner-h3 .viobtn { height: 45px; margin-top: 10px; }
.gcl-121-baner-p1 { font-size: 24px; line-height: 1; margin-top: 15px; }
.gcl-121-baner-p2 span { font-size: 32px; font-weight: bold; }
.gcl-121-baner-p2 { line-height: 1; }
.gcl-121-baner-p3 { line-height: 1; font-size: 16px; margin-top: 15px; }
.gcl-121-baner-p2 i { font-style: normal; font-size: 20px; padding-left: 5px; }
.gcl-121-baner-cs { width: 100%; display: flex; justify-content: space-between; }
.gcl-121-baner-cs-l { display: flex; justify-content: space-between; /* justify-content: center; */ width: 738px; align-items: center; }
.gcl-121-baner-cs { margin-top: 20px; }
.gcl-121-baner-more { margin-top: 60px; }
.gcl-121-baner-more a { display: inline-block; margin-right: 20px; }
.gcl-121-baner-more a { width: 178px; text-align: center; height: 58px; border: 1px solid rgba(255, 255, 255, 0.8); line-height: 56px; }
.gcl-121-baner-cs-l2 { justify-content: space-between; }
.gcl-121-baner-more a { font-size: 16px; color: #fff; cursor: pointer; }
.gcl-121-baner-more a:hover, .gcl-121-baner-more a.on { background: #70b638; color: #fff; border-color: #70b638; }
.gcl-121-baner-cs-thumb { position: relative; width: 170px; height: 360px; }
.gcl-121-baner-cs-thumb img { position: absolute; left: -125px; top: 240px; right: 0; bottom: 0; /* margin: auto; */ max-width: 90%; max-height: 90%; }
.gcl-121-baner-h5 { font-size: 20px; margin-top: 55px; }
.gcl-121-line { width: 1px; background: #fff; height: 55px; opacity: 0.2; }
/*1*/

/*2*/
.gcl-60p { margin-top: 70px; }
.gcl-121-flex { display: flex; flex-wrap: wrap; width: 100%; justify-content: space-between; }
.gcl-121-a-h2 { font-weight: bold; color: #1f6abc; font-size: 35px; line-height: 1.4; }
.gcl-121-a-p1, .gcl-121-a-p1 p { line-height: 1.8; }
.gcl-121-a-p1 { font-size: 16px; margin-top: 30px; padding-right: 20px; }
.gcl-121-a-p1 p { position: relative; padding-left: 10px; }
.gcl-121-a-p1 p:before { position: absolute; content: ''; left: 0; width: 4px; height: 4px; border-radius: 50%; background: #70b638; }
.gcl-121-a-p1 p:before { top: 12px; }
.gcl-121-a-w1 { width: 32%; }
.gcl-121-a-w2 { width: 63%; }
.gcl-121-a-w3 { width: 50%; }
.gcl-121-a-w4 { width: 45%; }
.gcl-121-a-w3_1 { width: 63%; }
.gcl-121-a-w4_2 { width: 30%; }
.gcl-121-a-wz { padding-top: 60px; border-top: 1px solid #b7c8d9; }
.gcl-121-a-img img { max-width: 100%; }
.gcl-121-a-ms { font-size: 16px; margin-top: 10px; }
/*2*/

/*3*/
.gcl-121-b { background: #f3f7fb; }
.gcl-121-a-huhang { background: #fff; padding: 65px 0; text-align: center; box-shadow: 0 5px 25px rgba(0, 0, 0, 0.08); }
.gcl-121-a-huhang img { max-width: 90%; }
.gcl-121-a-huhang { margin-top: 45px; }
/*3*/

/*4*/
.gcl-121-c-flex { width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; }
.gcl-121-c-flex-li { width: 46%; padding-top: 60px; }
.gcl-121-c-flex-li { font-size: 16px; }
.gcl-121-c-flex-li-2 { width: 100%; }
.gcl-121-c-desc p { line-height: 1.8; }
.gcl-121-c-desc { margin-top: 20px; }
.gcl-121-c-tit { font-size: 24px; font-weight: bold; color: #1f6abc; }
.gcl-121-c-tab-m { display: none; }
/*4*/

/*5*/
.gcl-121-c { padding-top: 0; }
.gcl-121-td0 { width: 285px; }
.gcl-121-td1 { width: 600px; }
.gcl-121-c-tab { text-align: center; margin-top: 35px; border-bottom: 1px solid #b7c8d9; }
.gcl-121-c-tab span { display: inline-block; margin: 0 25px; vertical-align: top; padding-bottom: 20px; position: relative; cursor: pointer; }
.gcl-121-c-tab span { font-size: 20px; opacity: 0.5; transition: all 0.3s ease; }
.gcl-121-c-tab span:before { position: absolute; content: ''; left: 0; bottom: -1px; background: #1f6abc; height: 4px; width: 100%; opacity: 0; transition: all 0.3s ease; }
.gcl-121-c-tab span.on, .gcl-121-c-tab span:hover { opacity: 1; color: #1f6abc; }
.gcl-121-c-tab span.on:before, .gcl-121-c-tab span:hover:before { opacity: 1; }
.gcl-121-c-tab-table table { width: 100%; }
.gcl-121-c-tab-table table, .gcl-121-c-tab-table td { border-collapse: collapse; }
.gcl-121-c-tab-table td { padding: 0; font-size: 16px; color: rgba(0, 0, 0, 0.5); text-align: center; border: 1px solid #cccccc; }
.table-b70b638 td { background: #70b638; color: #fff; border-color: #70b638; }
.gcl-121-c-tab-table td p { padding: 18px 20px; min-height: 62px; }
.table2 td p { border-bottom: 1px solid; }
.bf7-table { background: #f7f7f7; }
.bf7-table strong { color: #70b638 }
.xx-tab { position: relative; top: -24px; }
.table-end { color: #70b638; font-size: 20px; }
.table-end strong { font-size: 32px; }
.table-shuxian { position: relative; }
.table-shuxian:before { position: absolute; width: 1px; background: #fff; height: 48px; content: ''; left: -1px; top: 50%; transform: translateY(-50%); }
.gcl-121-c-tab-tb { margin-top: 60px; }
.gcl-121-c-tab-tb-wz { text-align: center; margin-top: 25px; font-size: 16px; }
.gcl-121-c-tab-tb-img { width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap; }
.gcl-121-c-tab-tb-img img { max-width: 48.5%; }
.gcl-121-c-tab-table { margin-top: 40PX; }
.gcl-121-c-list { min-height: 470px; }
/*5*/


/*productCenter3*/

/*productdetail*/
.product_a { width: 100%; background: #f7f7f7; }
.product_aul1 { display: flex; justify-content: space-between; flex-wrap: wrap; }
.product_ali1 { width: 30%; text-align: center; background: #fff; padding: 40px 70px; margin-top: 30px; }
.product_ali1:hover { box-shadow: 0 5px 25px rgba(0, 0, 0, 0.08); }
.product_ali1 img { height: 45px; }
.product_ap1 { margin-top: 40px; }
.product_bitem { display: flex; justify-content: space-between; flex-wrap: wrap; }
.product_bitem .product_bul1 { width: 31%; box-shadow: 0 5px 25px rgba(0, 0, 0, 0.08); margin-top: 30px; }
.product_bli1 { overflow: hidden; }
.product_bli1 img { transition: all 0.3s ease; }
.product_bul1:hover img { transform: scale(1.05); }
.product_bli2 { text-align: center; height: 60px; line-height: 60px; font-size: 20px; }
.product_c { width: 100%; background: #f7f7f7; }
.product_citem { display: flex; justify-content: space-between; flex-wrap: wrap; }
.product_cul1 { width: 31%; display: flex; justify-content: space-between; padding: 40px; /* background: #fff; */ background: #f7f7f7; margin-top: 30px; }
.product_cli1 { width: 40%; overflow: hidden; }
.product_cli1 img { transition: all 0.3s ease; }
.product_cul1:hover img { transform: scale(1.05); }
.product_cli2 { width: 55%; }
.product_cp1 { margin-top: 70px; }
.product_cp1 a { margin-right: 0; }
.product_cp2 { font-size: 20px; color: #70b638; }
.product_cp3 { font-size: 16px; }
.resume_from2 { background: #fff; }
.resume_from2 input { background: #fff; }
.resume_from2 textarea { background: #fff; }
/*productdetail*/
/*solution3*/
.solution3_p1 { margin-top: 30px; text-align: center; }
.solution3_ul { display: flex; justify-content: space-between; flex-wrap: wrap; }
.solution3_li1 { width: 19%; padding: 20px 15px; box-shadow: 0 5px 25px rgba(0, 0, 0, 0.08); margin-top: 30px; }
.solution3_li1:hover { box-shadow: 0 5px 25px rgba(0, 0, 0, 0.15); }
.solution3_hr { width: 100%; height: 1px; background: #70b638; margin: 15px 0; }
.solution3_p2 { font-size: 22px; color: #346da9; font-weight: bold; }
.solution3_p3 { font-size: 16px; color: #000; font-weight: bold; }
.solution3a_main { width: 100%; background: #f7f7f7; }
.solution3b { box-shadow: 0 5px 25px rgba(0, 0, 0, 0.08); text-align: center; margin-top: 30px; padding: 15px 0; }
.solution3c { width: 100%; background: #f7f7f7; }
.pipeline_tab { margin-top: 30px; position: relative; }
.pipeline_tab table { width: 100%; background: #eeeeee; overflow: hidden; border: 1px solid #c6c6c6; font-size: 16px; }
.pipeline_tr1 { background: #fff; }
.th2 { border-left: 1px solid #c6c6c6; }
.pipeline_tr2 .th1 { color: #000; }
.pipeline_tab th { /* width: 20%; */ height: 70px; background: #70b638; color: #fff; }
.pipeline_tab td { height: 70px; line-height: 70px; text-align: center; border: 1px solid #c6c6c6; }
.pipeline_tab tr { transition: all 0.3s ease; }
.solution3d { margin-top: 30px; }
.slidcons3 { margin-top: 30px; }
.slid { position: relative; }
.slidcons3_itme { /* box-shadow: 0 5px 25px rgba(0, 0, 0, 0.08); */ padding: 5px 10px; }
.slidcons3_itme:hover img { transform: scale(1.05); }
.slidcons3_li1 { overflow: hidden; }
.slidcons3_li1 img { width: 100%; transition: all 0.3s ease; }
.slidcons3_li2 { height: 60px; line-height: 60px; text-align: center; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05); }
.casea3_btn3 { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 2; width: 105%; display: flex; justify-content: space-between; }
.casea3_btn3 i { font-size: 40px; color: #70b638; }
/*solution3*/

/*ystk*/
.ystk { margin-top: 125px; }
.ystk_p1 { font-size: 16px; font-weight: bold; }
/*ystk*/
.emil_span1 { color: #BEBEC0; margin-left: 15px; }
/**/
.product_top { width: 100%; border-top: 1px solid rgb(255, 255, 255, 0.3); margin-top: -100px; position: relative; z-index: 1; }
.topa_item { display: flex; justify-content: space-between; align-items: center; height: 100px; color: #fff; }
.topa_ul { width: 33.33%; height: 100%; line-height: 100px; text-align: center; border-top: 3px solid transparent; font-size: 18px; }
.topa_ul.on { border-top: 3px solid #3372b5; background-image: linear-gradient(#44628a, transparent); }
.topa_ul:hover { border-top: 3px solid #3372b5; background-image: linear-gradient(#44628a, transparent); cursor: pointer; }
.topa_ul a{ color:#fff;}
.topa_all { background: #f7f7f7; }
.topa_list { display: flex; }
.topa_div1 { /* width: 120px; */ /* text-align: center; */
margin-right: 30px; /* border-radius: 5px; */ color: #7b7b7b; padding: 20px; border-bottom: 3px solid transparent; }
.topa_div1.on { color: #000000; padding: 20px; border-bottom: 3px solid #3372b5; }
.topa_div1:hover { cursor: pointer; color: #000000; padding: 20px; border-bottom: 3px solid #3372b5; }
.topa_item3 { display: none; }
.topa_item3.on { display: block; }
.topa_item2 { width: 100%; margin-top: 40px; }
.product_ul4 { margin-top: 20px; }
.product_li20 { width: 100%; }
.xxnew_main { width: 100%; background: #f7f7f7; }
.xxnew_uls { display: flex; justify-content: space-between; flex-wrap: wrap; }
.xxnew_ul li { overflow: hidden; border-radius: 10px; }
.xxnew_li2 { width: 48%; overflow: hidden; border-radius: 10px; }
.xxnew_li1 { width: 50%; padding: 40px; background: #fff; border-radius: 10px; }
.xxnew_li2 img { transition: all 0.5s ease; }
.xxnew_li2:hover img { transform: scale(1.05); }
.xxnew_li3 { font-size: 24px; color: #3372b5; margin-bottom: 25px; }
.xxnew_li4 { margin-top: 60px; display: flex; align-items: center; font-weight: bold; }
.xxnew_li4 i { font-size: 24px; margin-right: 10px; }
.contact_p2 { color: #71b838; }
.contact_p3 { margin-top: 30px; line-height: 1.6; }
/**/

.centerb { display: flex; /* justify-content: space-between; */ flex-wrap: wrap; text-align: center; }
.centerb_ul1 { width: 23%; padding: 30px 0; margin-right: 24px; transition: all 0.3s ease; }
.centerb_ul1:hover { box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1); }
.centerb_ul1:hover .line_hove { width: 100%; background: #3372b5; }
.centerb_ul1 li img { height: 40px; }
.centerb_li1 { margin-top: 10px; font-size: 20px; color: #4c575b; }
.centerb_li2 { font-size: 16px; }
.centerc { width: 100%; background: #f7f7f7; }
.centerc_ul1 { margin-top: 30px; }
#bigDiv { position: absolute; left: 0; right: 0; top: 0; bottom: 0; background-color: rgba(24, 23, 23, 0.9); display: flex; justify-content: center; align-items: center; }
.box { position: relative; z-index: 1111; }
.xxbans { height: 100%; }
/*Centerdetail2*/
.centerda { background-image: url(/images/pic16.jpg); background-position: center; background-repeat: no-repeat; height: 784px; }
.gcl-121-baner2 { height: 700px; margin-top: 128px; }
.slidcons4 { display: flex; justify-content: space-between; flex-wrap: wrap; }
.slidcons3_li3 { width: 32%; }
.gcl-121_li1 { margin-top: 30px; }
.centerd { background-image: url('/images/pic16.jpg'); }
.centerd_list { margin-top: 30px; }
.centerd_ul1 { position: relative; }
.centerd_li1 { position: absolute; top: 50%; left: 7%; width: 85%; }
.centerd_p1 { font-size: 20px; color: #fff; }
.centerd_ul2 { display: flex; justify-content: space-between; flex-wrap: wrap; color: #fff; margin-top: 15px; }
.centerd_ul3 { width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap; }
.centerd_ul3 li { width: 50%; padding: 40px 70px; }
.centerd_li2 { background: #fafafa; }
.centerd_li3 { background: #fff; }
.centerd_p2 { font-size: 20px; font-weight: bold; }
.centerd-pagination { text-align: center; margin: 10px 0; }
.centerd-pagination span { margin: 0 5px; background: #70b638; }
/*Centerdetail2*/
/**/
.solution { background: #f7f7f7; }
.solution2 { display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: 40px; }
.solution2_li1 { padding: 22px 45px; background: #fff; }
.solution2_p1 { font-size: 20px; font-weight: bold; color: #3372b5; }
.solution2_ul1 { width: 62%; }
.solution2_ul2 { width: 36%; }
.solution2_li1 .line { width: 100%; }
.solution2_li2 { margin-top: 20px; }
.solution2_li3 { margin-top: 15px; }
.solution2_ul3 { width: 46%; }
.solution2_ul4 { width: 52%; }
.solution4 { margin-top: 20px; display: flex; justify-content: space-between; flex-wrap: wrap; }
.solution4_ul1 { margin-top: 20px; width: 49%; background: #fff; }
.solution4_li1 { padding: 30px 40px; background: #fff; border-top: 1px solid #e5e5e5; }
.pipeline_tab th { /* width: 20%; */ height: 70px; background: #70b638; color: #fff; }
.cena_li5 img { height: 40px }
/**/
.gclp1,  .gclp2 { text-align: center; }
.gclp1 { font-size: 16px; opacity: 0.8; padding-bottom: 10px; }
.gclp2 { font-size: 36px; color: #316bab; font-weight: bold; }
.gclp1fff,  .gclp2fff { color: #fff; }
.gclo0asliderm { color: #fff; }
.gclo0asliderm { height: 440px; }
.gclo0aimg { position: absolute; width: 100%; height: 100%; left: 0; top: 0; }
.gclo0aimg img { width: 100%; height: 100%; object-fit: cover; vertical-align: top; }
.gclo0asliderm.swiper-slide-active .gclo0aimg img { transform: scale(1.2); }
.gclo0asliderm.swiper-slide-active .gclo0aimg { z-index: 12; }
.gclo0aimg img { transition: all 0.3s ease; }
.gclo0aslider { padding: 55px 0; }
.gclo0aslider { margin-top: 35px; }
.gclo0ap1,  .gclo0ap2 { position: absolute; z-index: 3; width: 100%; left: 0; transition: all 0.3s ease; }
.gclo0ap1 { text-align: center; top: 50%; transform: translateY(-50%);/* left: -30px; */
}
.gclo0ap2 { opacity: 0; top: 0; z-index: 20; padding: 0 20px; }
.gclo0atit { font-size: 26px; font-weight: bold; position: relative; z-index: 20; margin-top: 12px; }
.gclo0aicon { height: 35px; position: relative; z-index: 20; }
.gclo0asliderm.swiper-slide-active .gclo0ap1 { opacity: 0; }
.gclo0asliderm.swiper-slide-active .gclo0ap2 { opacity: 1; }
.gclo0ams { font-size: 16px; line-height: 1.6; margin-top: 35px; height: 200px; }
.gclo0aimg41 { padding: 0; margin-top: 0px; }
.gclo0ap2 { padding: 45px 50px; }
.gclo0aslider { overflow: inherit; }
.gclo0asliderm { width: 33.33%; cursor: pointer; }
.gclo0asliderm { box-shadow: 0 54px 44px -12px rgb(0 5 30 / 0%); transition-duration: .5s; transition-property: transform, z-index, box-shadow; transition-timing-function: cubic-bezier(0.260, 0.005, 0.000, 1.035); z-index: 1; }
.gclo0asliderm:hover,  .gclo0asliderm.on { transform: scale(1.2, 1.2); z-index: 100; box-shadow: 0 54px 44px rgb(0 5 30 / 4%); }
.gclo0asliderm:hover .gclo0ap1,  .gclo0asliderm.on .gclo0ap1 { opacity: 0; }
.gclo0asliderm:hover .gclo0ap2,  .gclo0asliderm.on .gclo0ap2 { opacity: 1; }


/*<!---->*/
@keyframes imgbig1
{
0% { transform:scale(1);}
100% { transform:scale(1.1);}
}
/* Firefox */
@-moz-keyframes imgbig1 
{
0% { transform:scale(1);}
100% { transform:scale(1.1);}
}
/* Safari and Chrome */
@-webkit-keyframes imgbig1 
{
0% { transform:scale(1);}
100% { transform:scale(1.1);}
}
/* Opera */
@-o-keyframes imgbig1 
{
0% { transform:scale(1);}
100% { transform:scale(1.1);}
}

@keyframes line1
{
0% { width:0;}
100% { width:100%;}
}
/* Firefox */
@-moz-keyframes line1 
{
0% { width:0;}
100% { width:100%;}
}
/* Safari and Chrome */
@-webkit-keyframes line1 
{
0% { width:0;}
100% { width:100%;}
}
/* Opera */
@-o-keyframes line1 
{
0% { width:0;}
100% { width:100%;}
}

/*<!---->*/
@keyframes shake1 {
  0%, 100% {
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
  }
}
.jt{ position:absolute; bottom:15px; left:50%; transform:translateX(-50%); z-index:2;
animation-duration: 1s; animation-fill-mode: both;
animation: shake1 5s infinite;
-mzoanimation: shake1 5s infinite;
-webkit-animation: shake1 5s infinite;
-o-animation: shake1 5s infinite;}
.jt img{ display:block; margin:0 auto; cursor:pointer;}

/*<!---->*/
.tit1{ text-align:center;}
.tit1 .h2{ font-size:48px; line-height:58px; font-weight:bold;}
.tit1 .h3{ font-size:24px; line-height:34px; margin-top:40px;}
.tit1 .h4{ font-size:16px; line-height:30px; margin-top:30px;}
.tit2{ }
.tit2 .h2{ font-size:48px; line-height:58px; height:58px; font-weight:bold;}
.tit2 .h2 a{ float:right; font-size:18px; font-weight:normal;}
@media(max-width:1680px){
.tit1 .h2{ font-size:40px; line-height:50px; }
.tit2 .h2{ font-size:40px; line-height:50px; height:50px; }
}
@media(max-width:768px){
.tit1 .h2{ font-size:24px; line-height:34px; }
.tit1 .h3{ font-size:18px; line-height:28px; margin-top:20px;}
.tit1 .h4{ font-size:14px; line-height:24px; margin-top:10px;}
.tit2 .h2{ font-size:24px; line-height:34px; height:34px;}
.tit2 .h2 a{ font-size:14px;}
}


.more1{}
.more1 span{ display:inline-block; text-align:center; font-size:18px; color:#fff; border:1px solid #fff; height:58px; line-height:58px; width:178px;}
.more1 span:hover{}
.more1 span i{ display:inline-block; vertical-align:top; width:17px; height:58px; background:url(/images/gengd3.png) center no-repeat; margin-left:20px; transition:all .3s ease;}
.more1 span:hover i{ margin-left:30px;}

.more2{}
.more2 span{ display:inline-block; text-align:center; font-size:18px; color:#fff; border:1px solid #5e96c7; height:58px; line-height:58px; width:178px; background:linear-gradient(225deg, #26B7BC, #0B86F3);}
.more2 span:hover{}
.more2 span i{ display:inline-block; vertical-align:top; width:17px; height:58px; background:url(/images/gengd3.png) center no-repeat; margin-left:20px; transition:all .3s ease;}
.more2 span:hover i{ margin-left:30px;}

.more3{}
.more3 span{ display:inline-block; text-align:center; font-size:14px; border:2px solid #fff; color:#fff; width:150px; line-height:50px;}
.more3 span:hover{ background:#136fb4; border-color:#136fb4;}

.more4{}
.more4 span{ display:inline-block; text-align:center; font-size:14px; border:2px solid #136fb4; color:#136fb4; width:150px; line-height:50px;}
.more4 span:hover{ background:#136fb4; border-color:#136fb4; color:#fff;}
@media(max-width:1680px){
.more4 span{ font-size:12px; border:2px solid #136fb4; width:140px; line-height:40px;}
}
@media(max-width:768px){
.more1 span{ font-size:12px; height:30px; line-height:30px; width:98px;}
.more1 span i{ width:17px; height:30px; margin-left:10px; }
.more1 span:hover i{ margin-left:20px;}

.more2 span{ font-size:12px; height:30px; line-height:30px; width:98px; }
.more2 span i{ width:17px; height:30px; margin-left:10px; }
.more2 span:hover i{ margin-left:20px;}

.more3 span{ font-size:12px; border:1px solid #fff; color:#fff; width:100px; line-height:30px;}

.more4 span{ font-size:12px; border:1px solid #136fb4; color:#136fb4; width:100px; line-height:30px;}
}




.home1_banner{ position:relative;}
.home1_banner .swiper-container1 { width: 100%; }
.home1_banner .swiper-container1 .swiper-slide { position:relative;
/* Center slide text vertically */
/*display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;*/
}
.home1_banner .swiper-container1 .swiper-slide img,.home1_banner .swiper-container1 .swiper-slide video{ display:block; width:100%; height:100vh; object-fit:cover;}
.home1_banner .swiper-container1 .swiper-slide .txtbg{ width:100%; position:absolute; left:0; top:50%; transform:translateY(-50%);}
.home1_banner .swiper-container1 .swiper-slide .txt{ color:#fff; text-align:center; }
.home1_banner .swiper-container1 .swiper-slide .txt .h2{ font-size:60px; line-height:70px; margin-bottom:25px; font-weight:bold;}
.home1_banner .swiper-container1 .swiper-slide .txt .h3{ font-size:30px; line-height:40px; margin-bottom:50px;}
.home1_banner .swiper-container1 .swiper-slide.swiper-slide-active img{
-webkit-animation: imgbig1 4s linear 1 0s forwards;
-moz-animation: imgbig1 4s linear 1 0s forwards;
-o-animation: imgbig1 4s linear 1 0s forwards;
-ms-animation: imgbig1 4s linear 1 0s forwards;
animation: imgbig1 4s linear 1 0s forwards;}
/*.home1_banner .swiper-container1 .swiper-slide:before{ content:""; width:0; height:6px; background:#70b638; position:absolute; bottom:0; left:0; z-index:2;}
.home1_banner .swiper-container1 .swiper-slide.swiper-slide-active:before{
-webkit-animation: line1 5s linear 1 0s forwards;
-moz-animation: line1 5s linear 1 0s forwards;
-o-animation: line1 5s linear 1 0s forwards;
-ms-animation: line1 5s linear 1 0s forwards;
animation: line1 5s linear 1 0s forwards;}*/
.home1_banner .swiper-container1 .swiper-pagination1{ height:6px; bottom:80px;}
.home1_banner .swiper-container1 .swiper-pagination1 .swiper-pagination-bullet{ border-radius:0; width:54px; height:6px; background:rgba(255,255,255,.7); opacity:1; position:relative;}
.home1_banner .swiper-container1 .swiper-pagination1 .swiper-pagination-bullet.swiper-pagination-bullet-active{ background:rgba(255,255,255,.7); }
.home1_banner .swiper-container1 .swiper-pagination1 .swiper-pagination-bullet:before{}
.home1_banner .swiper-container1 .swiper-pagination1 .swiper-pagination-bullet.swiper-pagination-bullet-active:before{ content:""; width:0; height:6px; background:#fff; position:absolute; bottom:0; left:0; z-index:2;
-webkit-animation: line1 5s linear 1 0s forwards;
-moz-animation: line1 5s linear 1 0s forwards;
-o-animation: line1 5s linear 1 0s forwards;
-ms-animation: line1 5s linear 1 0s forwards;
animation: line1 5s linear 1 0s forwards;}
.home1_banner .swiper-container1 .swiper-button-prev1,.home1_banner .swiper-container1 .swiper-button-next1{ display:none;}
.home1_banner .swiper-container1 .swiper-button-prev1{}
.home1_banner .swiper-container1 .swiper-button-next1{}
@media(max-width:1680px){
.home1_banner .swiper-container1 .swiper-slide .txt .h2{ font-size:40px; line-height:50px; }
.home1_banner .swiper-container1 .swiper-slide .txt .h3{ font-size:24px; line-height:34px; }
}
@media(max-width:768px){
.home1_banner{ margin-top:80px;}
.home1_banner .swiper-container1 .swiper-slide img,.home1_banner .swiper-container1 .swiper-slide video{ height:25vh; object-fit:cover;}
.home1_banner .swiper-container1 .swiper-slide .txt .h2{ font-size:24px; line-height:34px; margin-bottom:10px;}
.home1_banner .swiper-container1 .swiper-slide .txt .h3{ font-size:14px; line-height:24px; margin-bottom:20px;}
.home1_banner .swiper-container1 .swiper-pagination1{ bottom:26px;}
}


.wapper1{ width:82%; min-width:1000px; margin:0 auto;}
@media(max-width:1320px){
.wapper1{ width:90%; }
}
.home1_con01bg{ width:100%; height:100%; padding-top:90px; overflow:hidden; background:#f9f9f9; position:relative;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;}
.home1_con01{ }
.home1_con01_top{ }
.home1_con01_top .lt{ float:left; width:50%;}
.home1_con01_top .nr_box{ width:86%;}
.home1_con01_top .h2{ font-size:48px; line-height:58px; font-weight:bold; margin-bottom:20px;}
.home1_con01_top .h3{ font-size:14px; line-height:30px; margin-bottom:40px;}
.home1_con01_top .rt{ float:right; width:50%; height:520px;}
.swiper-container2 { width: 100%; height:auto;}
.swiper-container2 .swiper-wrapper{ height:auto;}
.swiper-container2 .swiper-slide { position:relative; height:auto;
/* Center slide text vertically */
/*display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;*/
}
.swiper-container2 .swiper-slide .img{ padding-bottom:66%; position:relative;}
.swiper-container2 .swiper-slide img,.swiper-container2 .swiper-slide video{ display:block; width:100%; height:100%; object-fit:cover; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto auto;}
.swiper-container2 .swiper-pagination2{ height:6px; bottom:20px;}
.swiper-container2 .swiper-pagination2 .swiper-pagination-bullet{/* border-radius:0;*/ width:8px; height:8px; background:rgba(255,255,255,.7); opacity:1; position:relative;}
.swiper-container2 .swiper-pagination2 .swiper-pagination-bullet.swiper-pagination-bullet-active{ background:rgba(255,255,255,1); }
/*.swiper-container2 .swiper-pagination1 .swiper-pagination-bullet:before{}
.swiper-container2 .swiper-pagination1 .swiper-pagination-bullet.swiper-pagination-bullet-active:before{ content:""; width:0; height:6px; background:#fff; position:absolute; bottom:0; left:0; z-index:2;
-webkit-animation: line1 5s linear 1 0s forwards;
-moz-animation: line1 5s linear 1 0s forwards;
-o-animation: line1 5s linear 1 0s forwards;
-ms-animation: line1 5s linear 1 0s forwards;
animation: line1 5s linear 1 0s forwards;}*/
.swiper-container2 .swiper-button-prev2,.swiper-container2 .swiper-button-next2{ display:none;}
.swiper-container2 .swiper-button-prev2{}
.swiper-container2 .swiper-button-next2{}
.home1_con01_btm{ margin-top:60px;}
.home1_con01_btm ul{
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;}
.home1_con01_btm ul li{ }
.home1_con01_btm ul li .txt{ }
.home1_con01_btm ul li .txt .h2{ font-size:14px; line-height:48px; }
.home1_con01_btm ul li .txt .h2 strong{ font-size:48px; margin-right:5px;}
.home1_con01_btm ul li .txt .h3{ font-size:14px; line-height:30px; }
@media(max-width:1680px){
.home1_con01_top .h2{ font-size:40px; line-height:50px; margin-bottom:15px;}
.home1_con01_top .h3{ font-size:14px; line-height:30px; margin-bottom:30px;}
.home1_con01_btm{ margin-top:35px;}
.home1_con01_btm ul li .txt .h2{ font-size:14px; line-height:40px; }
.home1_con01_btm ul li .txt .h2 strong{ font-size:40px; margin-right:5px;}
.home1_con01_btm ul li .txt .h3{ font-size:14px; line-height:24px; }
}
@media(max-width:768px){
.wapper1{ width:90%; min-width:0; }
.home1_con01bg{ padding:60px 0 60px 0;  display:block;}
.home1_con01_top .lt{ float:left; width:100%; margin-bottom:20px;}
.home1_con01_top .nr_box{ width:100%;}
.home1_con01_top .h2{ font-size:24px; line-height:34px; margin-bottom:10px;}
.home1_con01_top .h3{ font-size:14px; line-height:24px; margin-bottom:20px;}
.home1_con01_top .rt{ float:right; width:100%;}
.home1_con01_btm ul li .txt .h2{ font-size:14px; line-height:20px; }
.home1_con01_btm ul li .txt .h2 strong{ font-size:20px; }
.home1_con01_btm ul li .txt .h3{ font-size:12px; line-height:22px; }
}
@media(max-width:767px){
.home1_con01_btm ul{ background:#fff; padding:2% 0;
-webkit-justify-content: flex-start;
justify-content: flex-start;
flex-wrap:wrap;}
.home1_con01_btm ul li{ width:calc(100%/3 - 2%); margin:2% 1%; text-align:center;}
}


.home2_con02bg{ width:100%; height:100%; padding-top:90px; overflow:hidden; background:#f9f9f9; position:relative;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;}
.home2_con02{ color:#fff;}
.home2_con02 .tit2{ position:absolute; z-index:2; top:120px;}
.home2_con02 .list{ margin-top:120px;}
.slideTxtBox_02{
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
 flex-direction: row-reverse}
.slideTxtBox_02 .hd{ float:right; width:660px; position:relative; z-index:2;}
.slideTxtBox_02 .hd ul li{ float:left; width:218px; height:218px; border:1px solid #5e96c7; margin-top:-1px; margin-left:-1px;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;}
.slideTxtBox_02 .hd ul li a{ display:block; width:100%;}
.slideTxtBox_02 .hd ul li .nr_box{ padding:0 20px;}
.slideTxtBox_02 .hd ul li .img{}
.slideTxtBox_02 .hd ul li .img img{ display:block; margin:0 auto; height:70px;}
.slideTxtBox_02 .hd ul li .txt{ margin-top:15px; color:#fff; text-align:center;}
.slideTxtBox_02 .hd ul li .txt .h2{ font-size:16px; line-height:20px; height:40px;}
.slideTxtBox_02 .hd ul li.on{ background:linear-gradient(225deg, #26B7BC, #0B86F3);}
.slideTxtBox_02 .hd ul li:nth-child(3){ clear:left; margin-left:216px;}
.slideTxtBox_02 .hd ul li:nth-child(5){ clear:left; margin-left:433px;}
.slideTxtBox_02 .bd{ float:left; width:40%;}
.home2_con02_list{}
.home2_con02_list .img{ width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover; position:absolute; left:0; top:0; z-index:1;}
.home2_con02_list .img:before{ content:""; width:100%; height:100%; background:rgba(0,0,0,.2); position:absolute; left:0; top:0;}
.home2_con02_list .txt{ position:relative; z-index:2;}
.home2_con02_list .txt .h2{ font-size:36px; line-height:46px; margin-bottom:30px;}
.home2_con02_list .txt .h3{ font-size:18px; line-height:36px; margin-bottom:60px;}
@media(max-width:1680px){
.home2_con02 .list{ margin-top:100px;}
.slideTxtBox_02 .hd{ width:480px; }
.slideTxtBox_02 .hd ul li{ width:158px; height:158px; }
.slideTxtBox_02 .hd ul li .nr_box{ padding:0 10px;}
.slideTxtBox_02 .hd ul li .img img{ height:60px; }
.slideTxtBox_02 .hd ul li .txt .h2{ font-size:12px; line-height:18px; height:36px;}
.slideTxtBox_02 .hd ul li:nth-child(3){ clear:left; margin-left:156px;}
.slideTxtBox_02 .hd ul li:nth-child(5){ clear:left; margin-left:313px;}
.home2_con02_list .txt .h2{ font-size:30px; line-height:40px; margin-bottom:30px;}
}
@media(max-width:768px){
.home2_con02bg{ padding:60px 0; display:block;}
.home2_con02 .tit2{ position:relative; top:auto;}
.home2_con02 .list{ margin-top:30px;}
.slideTxtBox_02{ display:block;}
.slideTxtBox_02 .hd{ float:none; width:100%; margin:0 auto; margin-bottom:30px;}
.slideTxtBox_02 .hd ul li{ float:left; width:calc(100%/5); height:108px; }
.slideTxtBox_02 .hd ul li .nr_box{ padding:0 10px;}
.slideTxtBox_02 .hd ul li .img img{ height:40px;}
.slideTxtBox_02 .hd ul li .txt{ margin-top:10px; }
.slideTxtBox_02 .hd ul li .txt .h2{ font-size:12px; line-height:16px; height:32px;}
.slideTxtBox_02 .hd ul li:nth-child(3){ clear:none; margin-left:0;}
.slideTxtBox_02 .hd ul li:nth-child(5){ clear:none; margin-left:0;}
.slideTxtBox_02 .bd{ float:left; width:100%;}
.home2_con02_list .txt .h2{ font-size:20px; line-height:30px; margin-bottom:10px;}
.home2_con02_list .txt .h3{ font-size:14px; line-height:24px; margin-bottom:20px;}
}
@media(max-width:767px){
.slideTxtBox_02 .hd ul li{ float:left; width:calc(100%/3); height:108px; }
.slideTxtBox_02 .hd ul li:nth-child(4){ clear:left;}
}


.home1_con03bg{ width:100%; height:100%; padding-top:90px; overflow:hidden; background:#f9f9f9; position:relative;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;}
.home1_con03{}
.home1_con03 .list{ margin-top:3vw;}
.home1_con03 .list ul li{ float:left; width:calc((100% - 40px)/5); margin:0 0 0 10px; background:#fff; position:relative; overflow:hidden; border-top:4px solid #333;}
.home1_con03 .list ul li:hover{ border-color:#136fb4;}
.home1_con03 .list ul li:nth-child(5n-4){ margin-left:0; clear:left;}
.home1_con03 .list ul li .nr_box{}
.home1_con03 .list ul li .img{ padding-bottom:200%; position:relative; overflow:hidden;}
.home1_con03 .list ul li .img img{ width:100%; height:100%; object-fit:cover; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto auto; transition:all .3s ease;}
.home1_con03 .list ul li:hover .img img{ transform:scale(1.1);}
.home1_con03 .list ul li .txt1bg{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:1;}
.home1_con03 .list ul li:hover .txt1bg{
background: -webkit-gradient(linear,left top,left bottom,from(rgba(16,30,55,.2)),to(rgba(11,27,57,1)));
background: -o-linear-gradient(top,rgba(16,30,55,.2) 0,rgba(11,27,57,1) 100%);
background: linear-gradient(180deg,rgba(16,30,55,.2),rgba(11,27,57,1));}
.home1_con03 .list ul li .txt1{ color:#fff; text-align:center; padding:3vw 5% 0 5%;}
.home1_con03 .list ul li .txt1 .h2{ font-size:24px; line-height:34px; margin-bottom:10px;}
.home1_con03 .list ul li .txt1 .h3{ font-size:14px; line-height:24px; display:none;}
.home1_con03 .list ul li:hover .txt1 .h3{ display:block;}
.home1_con03 .list ul li .txt2bg{ width:100%; background:#136fb4; position:absolute; bottom:-100%; left:0; transition:all .3s ease; z-index:2;}
.home1_con03 .list ul li:hover .txt2bg{ bottom:0;}
.home1_con03 .list ul li .txt2{ color:#fff; text-align:center; padding:30px 10px;}
.home1_con03 .list ul li .txt2 .h4{ font-size:14px; line-height:30px;}
.home1_con03 .list ul li .txt2 .h4 span{}
@media(max-width:768px){
.tit2 .h2{ font-size:24px; line-height:34px; height:34px;}
.tit2 .h2 a{ font-size:14px;}
.home1_con03bg{ padding:60px 0 60px 0; display:block;}
.home1_con03 .list ul li{ float:left; width:calc((100% - 20px)/3); margin:20px 0 0 10px; }
.home1_con03 .list ul li:nth-child(5n-4){ margin-left:10px; clear:none;}
.home1_con03 .list ul li:nth-child(3n-2){ margin-left:0; clear:left;}
.home1_con03 .list ul li .img{ padding-bottom:120%;}
.home1_con03 .list ul li .txt1{ padding:30px 25px 0 20px;}
.home1_con03 .list ul li .txt1 .h2{ font-size:20px; line-height:30px; margin-bottom:10px;}
.home1_con03 .list ul li .txt1 .h3{ font-size:14px; line-height:24px; display:block;}
.home1_con03 .list ul li .txt2bg{ bottom:0;}
.home1_con03 .list ul li .txt2{ padding:10px 10px;}
}
@media(max-width:767px){
.home1_con03 .list ul li{ float:left; width:100%; margin:20px 0 0 0; }
.home1_con03 .list ul li .img{ padding-bottom:90%;}
.home1_con03 .list ul li .txt1bg{
background: -webkit-gradient(linear,left top,left bottom,from(rgba(16,30,55,.2)),to(rgba(11,27,57,1)));
background: -o-linear-gradient(top,rgba(16,30,55,.2) 0,rgba(11,27,57,1) 100%);
background: linear-gradient(180deg,rgba(16,30,55,.2),rgba(11,27,57,1));}
}


.home1_con04bg{ width:100%; height:100%; padding-top:90px; overflow:hidden; background:#f9f9f9; position:relative;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;}
.home1_con04{ position:relative;}
.home1_con04 .list{ margin-top:3vw;}
.slideTxtBox_01{}
.slideTxtBox_01 .hd{ font-size:20px; line-height:30px; height:30px; position:absolute; top:10px; right:0;}
.slideTxtBox_01 .hd ul li{ cursor:pointer; float:left; margin-left:40px; position:relative;}
.slideTxtBox_01 .hd ul li:before{ content:"/"; width:6px; text-align:center; position:absolute; left:-17px; top:0;}
.slideTxtBox_01 .hd ul li:nth-child(1):before{ display:none;}
.slideTxtBox_01 .hd ul li a{ display:block; color:#666;}
.slideTxtBox_01 .hd ul li.on a{ color:#136fb4;}
.slideTxtBox_01 .bd{}
.home1_con04_list{}
.home1_con04_list .lt{ float:left; width:45%;/* border-bottom:1px solid #D6D6D6;*/ position:relative;}
/*.home1_con04_list .lt:before{ content:""; width:0; height:1px; background:#136fb4; position:absolute; left:0; bottom:-1px; transition:all .5s ease;}
.home1_con04_list .lt:hover:before{ width:100%;}*/
.home1_con04_list .lt .nr_box{}
.home1_con04_list .lt .img{ padding-bottom:60%; position:relative; overflow:hidden;}
.home1_con04_list .lt .img img{ width:100%; height:100%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto auto; transition:all .3s ease;}
.home1_con04_list .lt:hover .img img{ transform:scale(1.1);}
.home1_con04_list .lt .txt{ color:#333; padding:10px 0 20px 0;}
.home1_con04_list .lt .txt .h2{ font-size:18px; line-height:28px; color:#999; }
.home1_con04_list .lt .txt .h3{ font-size:18px; line-height:28px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;}
.home1_con04_list .lt:hover .txt .h3{ color:#136fb4;}
.home1_con04_list .lt .txt .h5{ font-size:14px; line-height:20px; color:#999; margin-top:15px;}
.home1_con04_list .lt .txt .h5 span{ display:inline-block;}
.home1_con04_list .lt .txt .h5 span i{ display:inline-block; vertical-align:top; width:25px; height:20px; background:url(/images/gengd2.png) center no-repeat; background-size:contain; margin-left:10px; transition:all .3s ease;}
.home1_con04_list .lt:hover .txt .h5 span i{ margin-left:20px;}
.home1_con04_list .rt{ float:right; width:50%;}
.home1_con04_list .rt ul li{ padding:15px 0 20px 0; border-top:1px solid #D6D6D6; position:relative;}
.home1_con04_list .rt ul li:nth-child(1){ padding-top:0; border-top:none;}
/*.home1_con04_list .rt ul li:before{ content:""; width:0; height:1px; background:#136fb4; position:absolute; left:0; bottom:-1px; transition:all .5s ease;}
.home1_con04_list .rt ul li:hover:before{ width:100%;}*/
.home1_con04_list .rt ul li .nr_box{}
.home1_con04_list .rt ul li .txt{ color:#333;}
.home1_con04_list .rt ul li .txt .h2{ font-size:18px; line-height:28px; color:#999; }
.home1_con04_list .rt ul li .txt .h3{ font-size:18px; line-height:28px; margin-bottom:5px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;}
.home1_con04_list .rt ul li:hover .txt .h3{ color:#136fb4;}
.home1_con04_list .rt ul li .txt .h4{ font-size:14px; line-height:24px; color:#666; margin-bottom:10px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;}
.home1_con04_list .rt ul li .txt .h5{ font-size:14px; line-height:20px; color:#999;}
.home1_con04_list .rt ul li .txt .h5 span{ display:inline-block;}
.home1_con04_list .rt ul li .txt .h5 span i{ display:inline-block; vertical-align:top; width:25px; height:20px; background:url(/images/gengd2.png) center no-repeat; background-size:contain; margin-left:10px; transition:all .3s ease;}
.home1_con04_list .rt ul li:hover .txt .h5 span i{ margin-left:20px;}
@media(max-width:1680px){
.home1_con04_list .rt ul li .txt .h4{-webkit-line-clamp: 1;}
}
@media(max-width:768px){
.home1_con04bg{ padding:60px 0 60px 0; display:block;}
.home1_con04 .list{ margin-top:30px;}
.slideTxtBox_01 .hd{ font-size:18px; top:2px;}
.slideTxtBox_01 .hd ul li{ margin-left:30px; }
.home1_con04_list .lt{ float:left; width:100%; }
.home1_con04_list .lt .txt{ }
.home1_con04_list .lt .txt .h2{ font-size:16px; line-height:26px; }
.home1_con04_list .lt .txt .h3{ font-size:16px; line-height:26px; }
.home1_con04_list .rt{ float:right; width:100%;}
.home1_con04_list .rt ul li{ padding:15px 0 20px 0 !important; border-top:1px solid #D6D6D6 !important;}
.home1_con04_list .rt ul li .txt .h2{ font-size:16px; line-height:26px; }
.home1_con04_list .rt ul li .txt .h3{ font-size:16px; line-height:26px; }
.home1_con04_list .rt ul li .txt .h4{ font-size:12px; line-height:22px; }
}


.foot2bg{ background:#0075c1;}
.foot2{ color:rgba(255, 255, 255, 0.6);}
.foot2 a{ color:rgba(255, 255, 255, 0.6);}
.foot2 a:hover{ color:#fff;}
.foot2 .f_top1{ padding:60px 0;}
.foot2 .f_top1 .box1{ float:left; width:25%;}
.foot2 .f_logo{ margin-bottom:20px;}
.foot2 .f_logo img{ max-width:100%;}
.foot2 .f_contact{ font-size:16px; line-height:26px; color:#fff; margin-bottom:20px;}
.foot2 .f_contact .txt{}
.foot2 .f_contact .txt ul li{ margin-bottom:10px;}
.foot2 .f_share{ margin-bottom:10px;}
.foot2 .f_share a{ display:inline-block; margin:0 10px 0 0; position:relative;}
.foot2 .f_share .ewm{ width:180px; padding:0 0 10px 0; position:absolute; bottom:43%; left:50%; transform:translateX(-50%); display:none;}
.foot2 .f_share a:hover .ewm{ display:block;}
.foot2 .f_share .ewm img{ display:block; margin:0 auto; width:100%; background:#fff;}
.foot2 .f_info{ font-size:14px; line-height:24px;}
.foot2 .f_info ul li{ margin-bottom:10px;}
.foot2 .f_top1 .box2{ float:right; max-width:75%;}
.foot2 .f_top1 .box2 dl{ float:left; margin-left:20px; }
.foot2 .f_top1 .box2 dl dt{ color:#fff; font-size:18px; line-height:28px; font-weight:bold; margin-bottom:20px;}
.foot2 .f_top1 .box2 dl dd{ font-size:14px; line-height:24px; margin-top:10px;}
@media(max-width:1680px){
.foot2 .f_top1 .box2 dl{ max-width:110px;}

}
@media(max-width:768px){
.foot2 .f_top1 .box1{ float:left; width:100%;}
.foot2 .f_top1 .box2{ display:none;}

}


/*<!---->*/

/*企业文化*/
.culture6bg{ padding:80px 0; overflow:hidden;}
.culture6{}
.culture6 .list{}
.culture6 .list ul li{ float:left; margin: 0 0 10px 10px; position:relative;}
.culture6 .list ul li .img{ height:360px; position:relative;}
.culture6 .list ul li .img img{ width:100%; height:100%; object-fit:cover; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto auto; z-index:1;}
.culture6 .list ul li .img:before{ content:""; width:100%; height:100%; background-image: linear-gradient(transparent, rgba(31,106,188,1)); position:absolute; bottom:0; left:0; z-index:2;}
.culture6 .list ul li .txtbg{ width:100%; position:absolute; top:0; left:0; z-index:3;}
.culture6 .list ul li .txt{ padding:60px 40px 0 40px; color:#fff;}
.culture6 .list ul li .txt .h2{ font-size:30px; line-height:40px; margin-bottom:30px; border-bottom:2px solid #0075c1; height:47px;}
.culture6 .list ul li .txt .h2 span{ display:inline-block; vertical-align:top; position:relative; border-bottom:2px solid #70b638; padding-bottom:5px;}
.culture6 .list ul li .txt .h2 span:before{ }
.culture6 .list ul li .txt .h3{ font-size:20px; line-height:30px;}
.culture6 .list ul li.cli1{ width:30%; margin-left:0;}
.culture6 .list ul li.cli2{ width:30%;}
.culture6 .list ul li.cli3{ width:calc(40% - 20px); }
.culture6 .list ul li.cli4{ width:calc(70% - 10px); margin-left:0;}
.culture6 .list ul li.cli5{ width:30%;}
@media(max-width:768px){
.culture6bg{ padding:40px 0 80px 0; }
.culture6 .list ul li{ width:100% !important; margin-left:0;}
.culture6 .list ul li .img{ height:220px; }
.culture6 .list ul li .txt{ padding:30px 20px 0 20px; }
.culture6 .list ul li .txt .h2{ font-size:20px; line-height:30px; margin-bottom:20px; height:37px;}
.culture6 .list ul li .txt .h3{ font-size:16px; line-height:26px;}
}


/*发展历程*/
.history1bg{ padding:80px 0 80px 0; overflow:hidden;}
.history1{ }
.history1 .list1{
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;}
.history1 .list1 .img{ width:58%;}
.history1 .list1 .img img{ display:block; width:100%;}
.history1 .list1 .txtbg{ width:42%;}
.history1 .list1 .txt{ float:right; width:118%; background:rgba(8,64,147,0.9); color:#fff; padding:30px; font-size:16px; line-height:26px;}
.history1 .list1 .txt .h2{ font-size:30px; line-height:40px; margin-bottom:15px;}
.history1 .list1 .txt .h3{}
.history2bg{ padding:0px 0 80px 0;}
.history2{ }
.history2 .list2{ background:#f8f8f8; padding:40px 15% 40px 10%; }
.history2 .list2 .h1{ text-align:center; font-size:18px; line-height:28px; margin-bottom:40px;}
.history2 .list2 .h1 strong{ display:block; font-weight:normal; font-size:24px; line-height:34px; margin-bottom:15px;}
.history2 .list2 .h1 span{}
.history2_list2{ position:relative;}
.history2_list2:before{ content:""; width:1px; height:100%; background:#e1e1e1; position:absolute; left:100px; top:0;}
.history2_list2 ul li{ font-size:16px; line-height:26px; color:#666; margin-bottom:30px; position:relative;}
.history2_list2 ul li .txt1{ float:left; width:100px; padding:23px 0 35px 0; text-align:center;}
.history2_list2 ul li .h2{ font-size:21px; line-height:31px; color:#084093; position:relative;}
.history2_list2 ul li .h2:before{ content:""; width:15px; height:15px; border:1px solid #0e4495; border-radius:100%; background:#fff; position:absolute; top:6px; right:-9px;}
.history2_list2 ul li .h2:after{ content:""; width:5px; height:5px; border-radius:100%; background:#0e4495; position:absolute; top:12px; right:-3px;}
.history2_list2 ul li .txt2{ float:left; width:calc(67% - 100px); padding:23px 3% 35px 3%;}
.history2_list2 ul li .h3{ font-size:21px; line-height:31px; color:#084093; margin-bottom:5px;}
.history2_list2 ul li .h4{ background:url(/images/ico_list11.png) left top repeat-y; padding-left:20px;}
.history2_list2 ul li .h4 li{}
.history2_list2 ul li .img{ float:right; width:33%; margin:30px 0 0 0; text-align:center;/* position:absolute; right:0; top:0; height:calc(100% - 60px);*/ }
.history2_list2 ul li .img img{ display:block; width:100%; height:100%; object-fit:cover;}
.history2_list2 ul li .img span{ display:block; font-size:14px; line-height:24px;}
@media(max-width:1620px){
.history2 .list2{ padding:40px 1% 40px 2%; }
.history2_list2 ul li .txt2{ width:calc(72% - 100px);}
.history2_list2 ul li .img{ width:28%;}

}
@media(max-width:768px){
.history1bg{ padding:40px 0 40px 0; }
.history1 .list1{ display:block;}
.history1 .list1 .img{ width:100%;}
.history1 .list1 .txtbg{ width:100%;}
.history1 .list1 .txt{ float:right; width:100%; padding:30px 20px; font-size:14px; line-height:23px;}
.history1 .list1 .txt .h2{ font-size:20px; line-height:30px; margin-bottom:15px;}
.history2bg{ padding:40px 0 80px 0;}
.history2bg .w1200{ width:100%;}
.history2 .list2{ padding:40px 10px; }
.history2_list2:before{ left:70px; }
.history2_list2 ul li{ font-size:14px; line-height:24px; }
.history2_list2 ul li .txt1{ float:left; width:70px; padding:23px 0 15px 0; text-align:left;}
.history2_list2 ul li .h2{ font-size:18px; line-height:28px; }
.history2_list2 ul li .txt2{ float:left; width:calc(100% - 70px); padding:23px 0 15px 20px;}
.history2_list2 ul li .h3{ font-size:18px; line-height:28px; margin-bottom:5px;}
.history2_list2 ul li .h4{ background-size:auto 24px;}
.history2_list2 ul li .img{ float:right; width:100%; margin-right:0; position:static; height:auto;}
}


/*关于富海*/
.gyfh1{ }
.gyfh1 .list1{ /*text-align:center;*/}
.gyfh1 .list1 .h1{ font-size:36px; line-height:46px; font-weight:bold; margin-bottom:30px;}
.gyfh1 .list1 .txt{ font-size:16px; line-height:26px; margin-bottom:30px;}
.gyfh1 .list2{}
.gyfh1 .list2 video{ display:block; width:100%;}
@media(max-width:768px){
.gyfh1 .list1 .h1{ font-size:20px; line-height:30px; margin-bottom:10px;}
.gyfh1 .list1 .txt{ font-size:14px; line-height:24px; margin-bottom:30px;}
}


/*主营业务*/
.proClass1bg{ padding:80px 0; overflow:hidden;}
.proClass1{}
.proClass1 .list{ text-align:center;}
.proClass1 .list .txt{ font-size:16px; line-height:26px;}
.proClass2bg{ overflow:hidden;}
.proClass2{}
.proClass2 ul li{}
.proClass2 ul li .nr_box{
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;}
.proClass2 ul li .img{ width:50%;}
.proClass2 ul li .img img{ display:block; width:100%;}
.proClass2 ul li .txtbg{ width:50%;}
.proClass2 ul li .txt{ padding:0 10%; color:#333;}
.proClass2 ul li .txt .h2{ font-size:48px; line-height:58px; font-weight:bold; color:#0762bf; margin-bottom:5px;}
.proClass2 ul li .txt .h3{ font-size:24px; line-height:34px; margin-bottom:3vw;}
.proClass2 ul li .txt .h4{ font-size:16px; line-height:26px; color:#666;}
.proClass2 ul li:nth-child(2n) .nr_box{flex-direction: row-reverse;}
@media(max-width:768px){
.proClass1bg{ padding:40px 0; }
.proClass1 .list .txt{ font-size:14px; line-height:24px;}
.proClass2 ul li .nr_box{ display:block;}
.proClass2 ul li .img{ width:100%;}
.proClass2 ul li .txtbg{ width:100%;}
.proClass2 ul li .txt{ padding:10px 5% 40px 5%;}
.proClass2 ul li .txt .h2{ font-size:24px; line-height:34px; margin-bottom:5px;}
.proClass2 ul li .txt .h3{ font-size:20px; line-height:30px; margin-bottom:15px;}
.proClass2 ul li .txt .h4{ font-size:14px; line-height:24px; }
}


/*产品列表*/
.product1{ }
.product1 ul li{ border:1px solid #e9e9e9; margin-bottom:40px;}
.product1 ul li .nr_box{}
.product1 ul li .imgbg{ float:left; width:42%;}
.product1 ul li .img{ padding-bottom:58%; position:relative; border-right:1px solid #e9e9e9;}
.product1 ul li .img img{ max-width:100%; max-height:100%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto auto;}
.product1 ul li .txtbg{ float:right; width:58%;}
.product1 ul li .txt{ padding:20px 40px 0 40px; color:#333;}
.product1 ul li .txt .h2{ font-size:24px; line-height:34px; position:relative; padding-bottom:15px; margin-bottom:15px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;}
.product1 ul li:hover .txt .h2{ color:#1f6abc;}
.product1 ul li .txt .h2:before{ content:""; width:25px; height:2px; background:#1f6abc; position:absolute; bottom:0; left:0;}
.product1 ul li .txt .h3{ font-size:18px; line-height:28px; margin-bottom:10px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;}
.product1 ul li .txt .h4{ font-size:18px; line-height:28px; margin-bottom:20px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;}
.product1 ul li .txt .h5{ font-size:18px; line-height:38px;}
.product1 ul li .txt .h5 span{ display:inline-block; width:130px; padding-right:32px; background:url(/images/Arrow.png) right center no-repeat; position:relative;}
.product1 ul li:hover .txt .h5 span{ background-image:url(/images/Arrow1.png); color:#1f6abc;}
.product1 ul li .txt .h5 span:before{ content:""; width:22px; height:1px; background:#999; position:absolute; bottom:0; left:0; transition:all .3s ease;}
.product1 ul li:hover .txt .h5 span:before{ width:129px; background:#1f6abc;}
@media(max-width:768px){
.product1 ul li .imgbg{ float:left; width:100%;}
.product1 ul li .img{ border-right:none; border-bottom:1px solid #e9e9e9;}
.product1 ul li .txtbg{ float:right; width:100%;}
.product1 ul li .txt{ padding:20px 20px 20px 20px; }
.product1 ul li .txt .h2{ font-size:20px; line-height:30px; padding-bottom:15px; margin-bottom:15px; }
.product1 ul li .txt .h3{ font-size:14px; line-height:24px; margin-bottom:10px; }
.product1 ul li .txt .h4{ font-size:14px; line-height:24px; margin-bottom:20px; }
}


/*产品详情*/
.proDetail1bg{ padding:80px 0; overflow:hidden;}
.proDetail1{}
.proDetail1 .h1{ text-align:center; font-size:28px; line-height:38px; font-weight:bold;}
.proDetail1 .h1 strong{ display:block; font-size:32px; line-height:42px; color:#1f6abc; margin-bottom:10px;}
.proDetail1 .h1 span{ display:block;}
.proDetail1 .list1{ font-size:18px; line-height:28px; margin-top:30px; margin-bottom:30px;}
.proDetail1 .list2{}
.proDetail1 .gallery-top { float:left; width:calc(100% - 250px); height:510px;}
.proDetail1 .gallery-top .swiper-slide { height:510px;}
.proDetail1 .gallery-top .swiper-slide .img{ height:100%; position:relative; background:#fefefe;}
.proDetail1 .gallery-top .swiper-slide .img img{ max-width:100%; max-height:100%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto auto;}
.proDetail1 .gallery-thumbs { float:right; width:215px; height:510px;}
.proDetail1 .gallery-thumbs .swiper-slide { height:126px !important; opacity:.5;}
.proDetail1 .gallery-thumbs .swiper-slide .img{ height:100%; position:relative;}
.proDetail1 .gallery-thumbs .swiper-slide .img img{ width:100%; height:100%; object-fit:cover; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto auto;}
.proDetail1 .gallery-thumbs .swiper-slide-thumb-active{ opacity:1;}
.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after{ content:"<"}
.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after{ content:">"}
.tit3{ text-align:center; padding-bottom:11px; position:relative;}
.tit3:before{ content:""; width:100%; height:11px; background:url(/images/li_sanjiao.png) bottom center no-repeat; position:absolute; bottom:0; left:0;}
.tit3 .h2{ font-size:28px; line-height:38px; background:#1f6abc; color:#fff; padding:20px 0;}
.proDetail2_box{}
.proDetail2bg{ overflow:hidden;}
.proDetail2{}
.proDetail2 .list{ padding:30px 0 40px 0; font-size:18px; line-height:28px;}
@media(max-width:768px){
.proDetail1bg{ padding:40px 0 80px 0;}
.proDetail1 .h1{ text-align:center; font-size:20px; line-height:30px; }
.proDetail1 .h1 strong{ font-size:24px; line-height:34px; margin-bottom:10px;}
.proDetail1 .list1{ font-size:14px; line-height:24px; margin-top:20px; margin-bottom:20px;}
.proDetail1 .gallery-top { float:left; width:calc(100% - 60px); height:126px;}
.proDetail1 .gallery-top .swiper-slide { height:126px;}
.proDetail1 .gallery-thumbs { float:right; width:50px; height:126px;}
.proDetail1 .gallery-thumbs .swiper-slide { height:30px !important; opacity:.5;}
.proDetail1 .gallery-thumbs .swiper-slide .img{ height:100%; position:relative;}
.tit3 .h2{ font-size:20px; line-height:30px; padding:20px 0;}
.proDetail2 .list{ padding:30px 0 40px 0; font-size:14px; line-height:24px;}
}


/*荣誉资质*/
.honor1{}
.honor1 ul li{ float:left; width:calc((100% - 60px)/4); margin:0 0 20px 20px;}
.honor1 ul li:nth-child(4n-3){ margin-left:0; clear:left;}
.honor1 ul li .img{ padding-bottom:86%; position:relative; background:#ededed; overflow:hidden;}
.honor1 ul li .img img{ max-width:100%; max-height:100%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto auto; transition:all .3s ease;}
.honor1 ul li:hover .img img{ transform:scale(1.1);}
.honor1 ul li .txt{ color:#333; margin-top:10px;}
.honor1 ul li .txt .h2{ font-size:16px; line-height:26px; margin-bottom:5px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;}
.honor1 ul li .txt .h3{ font-size:14px; line-height:24px;}
@media(max-width:768px){
.honor1 ul li{ float:left; width:100%; margin:0 0 20px 0;}
.honor1 ul li .txt .h2{ font-size:14px; line-height:24px; margin-bottom:5px; }
.honor1 ul li .txt .h3{ font-size:12px; line-height:22px;}
}


/*合作伙伴*/
.partner1{}
.partner1 .list2{ font-size:16px; line-height:26px; margin-bottom:40px;}
.partner1 ul li{ float:left; width:calc((100% - 80px)/5); margin:0 0 20px 20px;}
.partner1 ul li:nth-child(5n-4){ margin-left:0; clear:left;}
.partner1 ul li .img{ padding-bottom:50%; position:relative; background:#ededed; overflow:hidden;}
.partner1 ul li .img img{ max-width:100%; max-height:100%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto auto; transition:all .3s ease;}
.partner1 ul li:hover .img img{ transform:scale(1.1);}
.partner1 ul li .txt{ color:#333; margin-top:10px; text-align:center;}
.partner1 ul li .txt .h2{ font-size:16px; line-height:26px; margin-bottom:5px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;}
@media(max-width:768px){
.partner1 .list2{ font-size:14px; line-height:24px; margin-bottom:40px;}
.partner1 ul li{ float:left; width:calc((100% - 20px)/3); margin:0 0 10px 10px;}
.partner1 ul li:nth-child(5n-4){ margin-left:10px; clear:none;}
.partner1 ul li:nth-child(3n-2){ margin-left:0; clear:left;}
.honor1 ul li .txt .h2{ font-size:14px; line-height:24px; margin-bottom:5px; }
}


/*公司地址*/
.contact1bg{ padding:40px 0; background:#fcfcfc; overflow:hidden;}
.contact1{}
.contact1 .list{ }
.contact1 .list dl dd{ padding:40px 0; border-top:2px dashed #bebebe;}
.contact1 .list dl dd:nth-child(1){ border:none;}
.contact1 .list dl dd .box1{ color:#666;}
.contact1 .list dl dd .box1 .h2{ font-size:26px; line-height:36px; }
.contact1 .list dl dd .box1 .h3{ font-size:26px; line-height:36px; margin-bottom:20px;}
.contact1 .list dl dd .box1 .h3 img{ vertical-align:middle; margin-right:5px;}
.contact1 .list dl dd .box1 .h4{ font-size:14px; line-height:24px;}
.contact1 .list dl dd .box2{}
.contact1 .list dl dd .box2 ul li{ float:left; width:calc((100% - 120px)/4); margin:40px 0 0 40px;}
.contact1 .list dl dd .box2 ul li:nth-child(4n-3){ margin-left:0; clear:left;}
.contact1 .list dl dd .box2 ul li .txt{}
.contact1 .list dl dd .box2 ul li .txt .h2{ font-size:22px; line-height:32px; margin-bottom:10px;}
.contact1 .list dl dd .box2 ul li .txt .h3{ font-size:14px; line-height:24px; color:#666;}
.contact2bg{ padding:80px 0; overflow:hidden;}
.contact2{}
.contact2 .list{ margin-top:40px;}
.contact2 .list table{}
.contact2 .list table td{ width:50%; padding:20px 0;}
.contact2 .list table .td1{ padding-right:30px;}
.contact2 .list table .td2{ padding-left:30px;}
.contact2 .list .text_box1{ position:relative; height:50px; border:1px solid #e5e5e5; border-radius:4px; overflow:hidden; background:#fbfbfb; padding-left:50px;}
.contact2 .list .text_box1 i{ width:50px; height:48px; border-right:1px solid #e5e5e5; position:absolute; top:0; left:0;}
.contact2 .list .text_box1 i img{ max-width:100%; max-height:100%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto auto;}
.contact2 .list .text_box2{ position:relative; height:50px; border:1px solid #e5e5e5; border-radius:4px; overflow:hidden; background:#fbfbfb; padding-left:50px; padding-right:70px;}
.contact2 .list .text_box2 i{ width:50px; height:48px; border-right:1px solid #e5e5e5; position:absolute; top:0; left:0;}
.contact2 .list .text_box2 i img{ max-width:100%; max-height:100%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto auto;}
.contact2 .list .text_box2 img.yzm1{ width:70px; height:48px; position:absolute; top:0; right:0;}
.contact2 .list .text1{ border:none; background:none; height:48px; line-height:48px; padding:0 0 0 10px; width:100%;}
.contact2 .list .text2{ border:1px solid #e5e5e5; background:#fbfbfb; height:298px; line-height:48px; padding:0 0 0 10px; width:100%; border-radius:4px;}
.contact2 .list .button1{ display:inline-block; text-align:center; width:180px; border-radius:60px; overflow:hidden; line-height:50px; font-size:16px; color:#014099; background:#fff; box-shadow: 0 3px 5px 5px #f8f8f9; margin:0 15px;}
.contact2 .list .button1 span{ display:block; box-shadow:0px 7px 12px #f5f6f9 inset;}
.contact2 .list .button1:hover{ background:url(/images/jianb.png) center no-repeat; color:#fff;}
@media(max-width:768px){
.contact1 .list dl dd .box1 .h2{ font-size:20px; line-height:30px; }
.contact1 .list dl dd .box1 .h3{ font-size:20px; line-height:30px; margin-bottom:10px;}
.contact1 .list dl dd .box1 .h4{ font-size:12px; line-height:22px;}
.contact1 .list dl dd .box2 ul li{ float:left; width:100%; margin:40px 0 0 0;}
.contact1 .list dl dd .box2 ul li .txt .h2{ font-size:18px; line-height:28px; margin-bottom:10px;}
.contact1 .list dl dd .box2 ul li .txt .h3{ font-size:14px; line-height:24px; }
}


/*招贤纳士*/
.recruit1{}
.recruit1 .list{ margin-top:40px;}
.recruit1 .list dl dd{ border-bottom:1px solid #e0e0e0; padding:40px 0;}
.recruit1 .list dl dd .box1{ cursor:pointer; position:relative;}
.recruit1 .list dl dd .box1 i{ width:40px; height:40px; border-radius:100%; border:1px solid #a8a8a8; background:url(/images/jia.png) center no-repeat; position:absolute; top:0; right:0;}
.recruit1 .list dl dd:hover .box1 i{ border-color:#014099; background-color:#014099; background-image:url(/images/jia2.png);}
.recruit1 .list dl dd.active .box1 i{ border-color:#014099; background-color:#014099; background-image:url(/images/jian.png);}
.recruit1 .list dl dd .box1 .h1{ font-size:22px; line-height:32px; color:#014099; margin-bottom:5px;}
.recruit1 .list dl dd .box1 .h2{ font-size:14px; line-height:24px;}
.recruit1 .list dl dd.active .box1 .h2{ display:none;}
.recruit1 .list dl dd .box2{ font-size:14px; line-height:24px; margin-top:20px; display:none;}
.recruit1 .list dl dd .box2 .h2{ font-size:18px; line-height:28px; margin-bottom:10px;}
.recruit1 .list dl dd .box2 .h3{ color:#666;}
.recruit1 .list dl dd .box2 .h4{}
@media(max-width:768px){
.recruit1 .list{ margin-top:0;}
.recruit1 .list dl dd{ padding:30px 0;}
.recruit1 .list dl dd .box1 i{ width:30px; height:30px; }
.recruit1 .list dl dd .box1 .h1{ font-size:20px; line-height:30px; margin-bottom:5px;}
.recruit1 .list dl dd .box1 .h2{ font-size:12px; line-height:22px;}
.recruit1 .list dl dd .box2{ font-size:12px; line-height:22px; margin-top:10px;}
.recruit1 .list dl dd .box2 .h2{ font-size:16px; line-height:26px; margin-bottom:5px;}
}


.company1{ margin-top:60px;}
.company1 .list1{ margin-top:30px; margin-bottom:60px;}
.company1 .list1 .lt{ float:left; width:45%;}
.company1 .list1 .lt .nr_box{}
.company1 .list1 .lt .h2{ font-size:24px; line-height:34px;}
.company1 .list1 .lt .txt{ font-size:16px; line-height:2em; max-height:370px; overflow-y:auto; margin-top:45px; padding:0 10px 0 0 ;}
.company1 .list1 .lt .txt::-webkit-scrollbar{ width:4px;height: 1px;}
.company1 .list1 .lt .txt::-webkit-scrollbar-thumb{ background:#0069d1;}
.company1 .list1 .lt .txt::-webkit-scrollbar-track{ background:#fff;} 
.company1 .list1 .rt{ float:right; width:50%;}
.company1 .list1 .rt img{ display:block; width:100%;}
.company1 .list2{}
.company1 .list2 ul{
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: flex-start;
align-items: flex-start;}
.company1 .list2 ul li{}
.company1 .list2 ul li .txt{}
.company1 .list2 ul li .txt .h2{}
.company1 .list2 ul li .txt .h2 strong{ display:inline-block; vertical-align:text-top; font-size:64px; line-height:1em; color:#014099;}
.company1 .list2 ul li .txt .h2 b{ display:inline-block; vertical-align:text-top; font-size:18px; line-height:1em;}
.company1 .list2 ul li .txt .h3{ font-size:16px; line-height:26px; margin-top:5px;}
@media(max-width:1680px){
.company1 .list1 .lt .h2{ font-size:22px; line-height:32px;}
.company1 .list1 .lt .txt{ font-size:14px; line-height:2em; max-height:280px; margin-top:25px; padding:0 10px 0 0 ;}
.company1 .list2 ul li .txt .h2 strong{ font-size:42px; }
.company1 .list2 ul li .txt .h2 b{ font-size:16px; }
.company1 .list2 ul li .txt .h3{ font-size:14px; line-height:24px; margin-top:5px;}
}
@media(max-width:768px){
.company1 .list1 .lt{ float:left; width:100%; margin-bottom:20px;}
.company1 .list1 .rt{ float:right; width:100%;}
.company1 .list2 ul{ flex-wrap:wrap;}
.company1 .list2 ul li{ width:50%; margin:10px 0 10px 0;}
.company1 .list2 ul li .txt .h2 strong{ font-size:36px;}
}

.company2{ margin-top:60px;}
.company2 .list1{ margin-top:30px; margin-bottom:60px;}
.company2 .list1 .txt{ font-size:16px; line-height:2em;}
.company2 .list1 .video{}
.company2 .list1 .video video,.company2 .list1 .video iframe{ width:100%;}
.company2 .list2{ margin-bottom:60px;}
.company2 .list2 ul{
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: flex-start;
align-items: flex-start;}
.company2 .list2 ul li{}
.company2 .list2 ul li .txt{}
.company2 .list2 ul li .txt .h2{}
.company2 .list2 ul li .txt .h2 strong{ display:inline-block; vertical-align:text-top; font-size:64px; line-height:1em; color:#014099;}
.company2 .list2 ul li .txt .h2 b{ display:inline-block; vertical-align:text-top; font-size:18px; line-height:1em;}
.company2 .list2 ul li .txt .h3{ font-size:16px; line-height:26px; margin-top:5px;}
.company2 .list3{ font-size:16px; line-height:2em;}
@media(max-width:768px){
.company2 .list1{ margin-bottom:30px;}
.company2 .list1 .txt{ font-size:14px; line-height:2em;}
.company2 .list1 .video iframe{ height:200px;}
.company2 .list2{ margin-bottom:20px;}
.company2 .list2 ul{ flex-wrap:wrap;}
.company2 .list2 ul li{ width:50%; margin:10px 0 10px 0;}
.company2 .list2 ul li .txt .h2 strong{ font-size:36px;}
.company2 .list3{ font-size:14px; line-height:2em;}
}


.layout1{ margin-top:60px;}
.Larea1{ float:left; width:120px; margin-right:20px;}
.Larea1 ul li{ border:1px solid #e5e5e5; background:#d5e1ed; color:#333; line-height:34px; font-size:16px; text-align:center; cursor:pointer; margin-bottom:20px;}
.Larea1 ul li.on{ border-color: #1f6abc; background:#1f6abc; color:#fff;}

.Lcompany1{ float:left; width:400px;/* height:540px;*/}
.layout1_tab{ border:1px solid #e5e5e5; padding:0 20px; display:none;}
.Lcompany2{ font-size:16px; line-height:26px; padding:10px 0;}
.Lcompany2 ul{/* height:375px; overflow-y:auto;*/}
.Lcompany2 ul li{ margin-bottom:10px; cursor:pointer; text-align:center; border-bottom: 1px solid #e5e5e5; padding:10px 0;}
.Lcompany2 ul li.on{ color:#1f6abc;}
.Lcontact2{ font-size:18px; line-height:28px;/* color:#1f6abc;*/}
.Lcontact2 .txt{ display:none; padding:0 0 20px 0;}
.Lcontact2 .jianjie{ font-size:16px; line-height:26px; margin-bottom:10px; max-height:300px; overflow-y:auto;}
.Lcontact2 ul li{}
.Lcontact2 ul li b{ font-weight:normal;}
.Lcontact2 ul li a{ color:#1f6abc;}
.Lcontact2 ul li a:hover{ text-decoration:underline;}

.Lmap1{ float:right; width:calc(100% - 640px); position:relative;}
.Lmap1>img{ display:block; width:100%;}
.Lmap1 ul{}
.Lmap1 ul li{ position:absolute; top:0; left:0; display:none;}
.Lmap1 ul li img{ display:block; width:100%;}
@media(max-width:1720px){
.Larea1{ width:100px; margin-right:10px;}
.Larea1 ul li{ font-size:14px; margin-bottom:10px;}
.Lcompany1{ width:300px;}
.layout1_tab{ padding:0 10px;}
.Lcompany2{ font-size:14px; line-height:24px;}
.Lcontact2{ font-size:16px; line-height:26px;}
.Lmap1{ float:right; width:calc(100% - 420px); }
}
@media(max-width:768px){
.Lcompany1{ float:left; width:calc(100% - 140px); }
.layout1_tab{ padding:0 10px; }
.Lcompany2{ font-size:14px; line-height:24px; padding:10px 0;}
.Lcontact2{ font-size:12px; line-height:22px;/* color:#1f6abc;*/}
.Lcontact2 .jianjie{ font-size:12px; line-height:22px; margin-bottom:10px;}
.Lmap1{ float:right; width:100%;}

}


.solution1-1{ margin-bottom:60px;}
.solution1-1 .tit1 .h2{ font-weight:normal;}
.solution1-1 .list{ font-size:16px; line-height:2em; margin-top:30px;}
.solution1-2{}
.solution1-2 .tit1 .h2{ font-weight:normal;}
.solution1-2 .list{ margin-top:30px;}
.solution1-2 .list ul li{ float:left; width:calc((100% - 10px)/2); margin:0 0 20px 10px;}
.solution1-2 .list ul li:nth-child(2n-1){ margin-left:0; clear:left;}
.solution1-2 .list ul li .nr_box{ border:1px solid #eee;}
.solution1-2 .list ul li .img{ padding-bottom:40%; position:relative; overflow:hidden;}
.solution1-2 .list ul li .img img{ width:100%; height:100%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto auto; transition:all .3s ease;}
.solution1-2 .list ul li:hover .img img{ transform:scale(1.1);}
.solution1-2 .list ul li .txt{ padding:25px 5%; color:#333;}
.solution1-2 .list ul li .txt .h2{ font-size:20px; line-height:30px; height:30px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;}
.solution1-2 .list ul li .txt .h3{ font-size:16px; line-height:26px; height:67px; padding-top:15px; margin-top:10px; position:relative;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;}
.solution1-2 .list ul li .txt .h3:before{ content:""; width:28px; height:2px; background:#1f6abc; position:absolute; top:0; left:0;}
.solution1-2 .list ul li .txt .h4{ font-size:14px; line-height:24px; text-align:right; position:relative; padding-bottom:5px; margin-top:8px;}
.solution1-2 .list ul li .txt .h4:before{ content:""; width:28px; height:2px; background:#1f6abc; position:absolute; bottom:0; right:0;}
@media(max-width:768px){
.solution1-2 .list ul li{ float:left; width:100%; margin:0 0 20px 0;}
}


.invest1{}
.invest1 .lt{ float:left; width:460px; box-shadow:0px 4px 40px rgba(24,9,66,.1); border-radius:8px; overflow:hidden; margin-bottom:20px;}
.invest1 .lt .nr_box{}
.invest1 .lt .txt1{ padding:25px 30px; color:#fff; background:#1f6abc;}
.invest1 .lt .txt1 .h2{ font-size:20px; line-height:30px; margin-bottom:14px;}
.invest1 .lt .txt1 .h3{ font-size:14px; line-height:60px;}
.invest1 .lt .txt1 .h3 strong{ font-size:20px; font-weight:normal;}
.invest1 .lt .txt1 .h3 strong b{ font-size:60px; font-weight:normal;}
.invest1 .lt .txt1 .h3 i{ color:#14A850; margin:0 5px;}
.invest1 .lt .txt1 .h3 span{}
.invest1 .lt .txt1 .h4{ font-size:14px; line-height:14px;}
.invest1 .lt .txt2{ padding:0 30px 5px 30px;}
.invest1 .lt .txt2 ul li{ float:left; width:calc((100% - 30px)/2); margin:0 0 0 30px; padding:10px 0; border-bottom:1px solid #eee;}
.invest1 .lt .txt2 ul li:nth-child(2n-1){ margin-left:0;}
.invest1 .lt .txt2 ul li .h2{ font-size:20px; line-height:30px;}
.invest1 .lt .txt2 ul li .h2 span{ display:block;}
.invest1 .lt .txt2 ul li .h2 strong{ display:block; color:#0054CA; font-weight:normal;}
.invest1 .lt .txt2 .tips1{ font-size:14px; line-height:24px; margin-top:5px;}
.invest1 .rt{ float:right; width:calc(100% - 500px); box-shadow:0px 4px 40px rgba(24,9,66,.1); border-radius:8px; overflow:hidden;}
.invest1 .rt img{ display:block; width:100%; height:460px; }
@media(max-width:768px){
.invest1 .lt{ float:left; width:100%; }
.invest1 .lt .txt1{ padding:25px 20px; }
.invest1 .lt .txt1 .h2{ font-size:20px; line-height:30px; margin-bottom:10px;}
.invest1 .lt .txt1 .h3{ line-height:40px;}
.invest1 .lt .txt1 .h3 strong b{ font-size:40px; }
.invest1 .lt .txt2{ padding:0 20px 5px 20px;}
.invest1 .lt .txt2 ul li{ float:left; width:calc((100% - 20px)/2); margin:0 0 0 20px; padding:10px 0; }
.invest1 .lt .txt2 ul li .h2{ font-size:16px; line-height:26px;}
.invest1 .rt{ float:right; width:100%; }
.invest1 .rt img{ display:block; width:100%; height:auto; }
}






