@charset 'utf-8';
/*clear-default*/
* { margin: 0; padding: 0; box-sizing: border-box; }
html { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
html, body { overflow: hidden auto; }
html, body, input, textarea, button, select { font-family: '微软雅黑', '宋体', Tahoma, Helvetica, Arial, sans-serif; }
body { font-size: 14px; line-height: 1.42858; color: white; }
a, a:link, a:visited, a:hover, a:active { text-decoration: none; }
a img, fieldset { border: 0; }
img { display: block; border: 0; }
ul, ol, dl, li { list-style: none; }
hr { display: block; height: 1px; padding: 0; border: none; border-top: 1px solid #eee; }
sup { vertical-align: text-top; }
sub { vertical-align: text-bottom; }
q, blockquote { quotes: none; }
q:before, blockquote:before, q:after, blockquote:after { content: ''; }
table { border-spacing: 0; border-collapse: collapse; font-size: inherit; }
input, button, select, textarea { outline: none; border: none; -webkit-tap-highlight-color: transparent; -moz-tap-highlight-color: transparent; -ms-tap-highlight-color: transparent; tap-highlight-color: transparent; }
select { appearance: none; -moz-appearance: none; -webkit-appearance: none; padding-right: 14px; background: url(../images/arrowSel.png) no-repeat right center; background-size: 21px auto; border: #ccc 1px solid; }
select::-ms-expand {
display: none;
}
textarea { overflow: auto; resize: none; }
a, b, body, dd, div, dl, dt, em, form, h1, h2, h3, h4, h5, h6, i, li, ol, p, small, span, td, th, ul { -webkit-tap-highlight-color: rgba(0,0,0,.1); -moz-tap-highlight-color: rgba(0,0,0,.1); -ms-tap-highlight-color: rgba(0,0,0,.1); tap-highlight-color: rgba(0,0,0,.1); }
/*placeholder*/
::-webkit-input-placeholder {
color: #808080;
}
:-moz-placeholder {
color: #808080;
}
::-moz-placeholder {
color: #808080;
}
:-ms-input-placeholder {
color: #808080;
}
/*float*/
.clear { display: block; clear: both; }
.clearfix:before, .clearfix:after { display: table; content: ''; }
.clearfix:after { clear: both; overflow: hidden; }
.clearfix { zoom: 1; }
/*common*/
.fl { float: left; }
.fr { float: right; }
.none { display: none; }
.re { position: relative; }
.ab { position: absolute; }
.fix{ position:fixed; }
.ani { -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; animation-fill-mode: both; }
.mt42 { margin-top: 42px; }
.mt90 { margin-top: 90px; }
.mt105 { margin-top: 105px; }
.mt110 { margin-top: 110px; }
.mt305 { margin-top: 305px; }
.pt90 { padding-top: 90px; }
.pt110 { padding-top: 110px; }
/*header-footer*/
.j-header { position: fixed; left: 0; top: -100%; z-index: 999; width: 100%; height: 116px; background: none; display: flex; justify-content: space-between; align-items: center; padding: 0 90px; transition: all 500ms; }
.j-header.show { top: 0; }
.j-header.black { background: #2e2f32; }
.j-header-r { position: relative; width: 56%; margin-top: 18px; display: flex; justify-content: space-between; align-items: center; }
.j-nav { display: flex; }
.j-nav li { position: relative; padding-bottom: 6px; margin: 0 16px; }
.j-nav li:hover, .j-nav li.active { border-bottom: 2px solid white; }
.j-nav li:hover a, .j-nav li.active a, .j-nav li:hover span, .j-nav li.active span { font-weight: bold; }
.j-nav li a, .j-nav li span { font-size: 16px; line-height: 1; color: white; cursor: pointer; }
.j-subnav { position: relative; display: none; transition: all 500ms; position: absolute; left: 50%; top: 46px; height: 300px; margin-left: -200px; background: white; border-radius: 14px; align-items: center; box-shadow: 0 0 20px rgba(0, 0, 0, .5); }
.j-subnav:before { content: ''; position: absolute; left: 50%; top: -20px; width: 0; height: 0; margin-left: -10px; border-style: solid; border-width: 10px; border-color: transparent transparent white transparent; }
.j-nav li:hover .j-subnav { display: flex; }
.j-nav li .j-subnav a { display: flex; flex-direction: column; justify-content: center; align-items: center; height: 220px; padding: 0 40px; border-left: 1px solid #ccc; font-size: 18px; text-align: center; color: #949494; }
.j-nav li .j-subnav a:first-child { border-left: none; }
.j-nav li .j-subnav a img { margin-bottom: 20px; }
.j-nav li .j-subnav a:hover, .j-nav li .j-subnav a.active { color: #404040; }
.j-about { width: 154px; height: 40px; border: 2px solid white; border-radius: 10px; font-size: 16px; line-height: 36px; text-align: center; color: white; cursor: pointer; }
.j-header-tel { display: none; position: absolute; z-index: 2; right: 0; top: 30px; }
.j-header-tel-close { position: absolute; top: 30px; right: 40px; width: 40px; height: 40px; cursor: pointer; }

/*home*/
.jhome-ctn { position: relative; width: 100%; background-size: 1920px auto; background-repeat: no-repeat; background-position: center bottom; }
.jhome-ctn.fixed { background-attachment: fixed; background-position: center;  }
.jhome-b2 { height: 1000px; background-image: url(../images/jhome-banner2.jpg); }
.jhome-b3 { height: 1000px; background-image: url(../images/jhome-banner3.jpg); }
.jhome-b4 { height: 1000px; background-image: url(../images/jhome-banner4.jpg); }
.jhome-b5 { height: 1000px; background-image: url(../images/jhome-banner5.jpg); }
.jhome-b6 { background-color: #f6f6f6; }
.jpro1-b1 { height: 998px; background-image: url(../images/jpro1-banner1.jpg); }
.jpro1-b2 { height: 1000px; background-image: url(../images/jpro1-banner2.jpg); }
.jpro1-b3 { height: 1000px; background-image: url(../images/jpro1-banner3.jpg); }
.jpro1-b6 { height: 1589px; background-image: url(../images/jpro1-b6-bg.jpg); }
.jpro1-b7 { height: 1036px; background-image: url(../images/jpro1-b7-bg.jpg); }
.jpro2-b1 { height: 998px; background-image: url(../images/jpro2-banner1.jpg); }
.jpro2-b2 { height: 1003px; background-image: url(../images/jpro2-banner2.jpg); }
.jpro2-b4 { background: linear-gradient(0deg, #ffffff, #f4f4f4); }
.jpro2-b5 { height: 1106px; background-image: url(../images/jpro2-b5-bg.jpg); }
.jpro2-b7 { background: #2c2d2e; }
.jpro3-b1 { height: 948px; background-image: url(../images/jpro3-banner1.jpg); }
.jpro3-b2 { height: 998px; background-image: url(../images/jpro3-banner2.jpg); }
.jpro3-b3 { height: 888px; background-image: url(../images/jpro3-banner3.jpg); }
.jpro3-b4 { height: 1002px; background-image: url(../images/jpro3-banner4.jpg); }
.jexp-b1 { height: 1002px; background-image: url(../images/jexp-banner1.jpg); }
.jabo-b1 { height: 500px; background-image: url(../images/jabo-banner1.jpg); }
.jabo-b3 { height: 799px; background-image: url(../images/jabo-b3-bg.jpg); }
.jnews-b1 { height: 350px; background-image: url(../images/jnews-banner1.jpg); }
.j-mouse { position: absolute; z-index: 2; left: 80px; bottom: 28px; animation: slideInDownUp 5000ms infinite; }
.jhome-b1-ctn { position: relative; width: 100%; height: 998px; }
.jhome-b1-ctn .swiper-container { width: 100%; height: 998px; }
.jhome-b1-ctn .swiper-slide { width: 100%; height: 998px; }
.jhome-b1-ctn .swiper-container-horizontal>.swiper-pagination-bullets { width: auto; left: auto; right: 80px; bottom: 16px; }
.jhome-b1-ctn .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { display: block; margin: 12px; background: black; }
.jhome-b1-ctn .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active { background: white; }

.jhome-b1-video { position: absolute; z-index: 2; width: 74px; height: 74px; left: 50%; top: 50%; margin: 120px 0 0 -260px; cursor: pointer; }
#videoMask { display: none; position: fixed; z-index: 2; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .7); }
#videoPop { display: none; position: absolute; z-index: 3; width: 1300px; height: 730px; left: 50%; top: 50%; margin: -365px 0 0 -650px; }
#videoClose { position: absolute; z-index: 2; right: -15px; top: -15px; cursor: pointer; }
.jhome-title { font-size: 44px; text-align: center; color: #404040; }
.jhome-title.white { color: white; }
.jhome-info { margin-top: 20px; font-size: 20px; line-height: 1.5; text-align: center; color: #5a5a5a; }
.jhome-info.white { color: #bfbfbf; }
.jhome-btn { display: block; width: 124px; height: 38px; border: 2px solid white; border-radius: 10px; font-size: 16px; line-height: 36px; text-align: center; color: white; }
.jhome-b2-img1 { position: absolute; left: 50%; top: 50%; margin: -460px 0 0 -230px; }
.jhome-b2-btn { position: absolute; left: 50%; top: 50%; margin: 40px 0 0 138px; }
.jhome-b2-img2 { position: absolute; right: 76px; bottom: 46px; }
.jhome-b3-img1 { position: absolute; left: 50%; top: 50%; margin: -350px 0 0 -404px; }
.jhome-b3-btn { position: absolute; left: 50%; top: 50%; margin: 30px 0 0 -62px; }
.jhome-b4-img1 { position: absolute; left: 50%; top: 50%; margin: -250px 0 0 -120px; }
.jhome-b4-btn { position: absolute; left: 50%; top: 50%; margin: -60px 0 0 220px; }
.jhome-b5-img1 { position: absolute; left: 50%; top: 50%; margin: -280px 0 0 -205px; }
.jhome-b5-img01 { position: absolute; left: 50%; top: 50%; width: 802px; height: 773px; margin: -300px 0 0 -740px; }
.jhome-b5-img01 img, .jhome-b5-img02 img, .jhome-b5-img03 img { position: absolute; left: 0; top: 0; }
.jhome-b5-img01 img.hover, .jhome-b5-img02 img.hover, .jhome-b5-img03 img.hover { display: none; }
.jhome-b5-img01:hover img.hover, .jhome-b5-img02:hover img.hover, .jhome-b5-img03:hover img.hover { display: block; }
.jhome-b5-img02 { position: absolute; left: 50%; top: 50%; width: 1010px; height: 590px; margin: -110px 0 0 -460px; }
.jhome-b5-img03 { position: absolute; left: 50%; top: 50%; width: 531px; height: 792px; margin: -300px 0 0 380px; }
.jhome-b6 .fp-tableCell { padding-top: 80px; }
.jhome-b6-ctn { position: relative; width: 1668px; height: 485px; margin: 46px auto 0; }
.jhome-b6-ctn .swiper-container { width: 1578px; height: 485px; }
.jhome-b6-ctn .swiper-slide { width: 382px; height: 485px; }
.jhome-b6-ctn .swiper-button-prev, .jhome-b6-ctn .swiper-button-next { width: 21px; height: 45px; }
.jhome-b6-ctn .swiper-button-prev:focus, .jhome-b6-ctn .swiper-button-next:focus { outline: none; }
.jhome-b6-ctn .swiper-button-prev { left: 0; background: url(../images/jhome-prev.png) no-repeat; }
.jhome-b6-ctn .swiper-button-next { right: 0; background: url(../images/jhome-next.png) no-repeat; }
.jhome-b7-ctn1 { width: 1480px; height: 380px; margin: 42px auto 0; display: flex; justify-content: space-between; }
.jhome-b7-ctn1 li h3 { margin: 23px 0 8px; font-size: 22px; line-height: 1; font-weight: bold; text-align: center; color: #363636; }
.jhome-b7-ctn1 li p { font-size: 15px; line-height: 1.4; text-align: center; color: #5a5a5a; }
.jhome-link { width: 1380px; margin: 50px auto 0; display: flex; flex-flow: row wrap; justify-content: space-around; }
.jhome-link a { margin: 16px 0; border-radius: 28px; }
.jhome-link a:hover { box-shadow: 0 0 15px rgba(0,0,0,.1); }
.jhome-b7-ctn { position: relative; width: 1420px; height: 720px; margin: 46px auto 0; }
.jhome-b7-ctn .swiper-container { width: 1300px; height: 720px; }
.jhome-b7-ctn .swiper-slide { width: 1300px; height: 720px; }
.jhome-b7-ctn .swiper-button-prev, .jhome-b7-ctn .swiper-button-next { width: 21px; height: 45px; }
.jhome-b7-ctn .swiper-button-prev:focus, .jhome-b7-ctn .swiper-button-next:focus { outline: none; }
.jhome-b7-ctn .swiper-button-prev { left: 0; background: url(../images/jhome-prev.png) no-repeat; }
.jhome-b7-ctn .swiper-button-next { right: 0; background: url(../images/jhome-next.png) no-repeat; }
.jhome-b7-ctn2 { height: 522px; margin-top: 134px; background: url(../images/jhome-b7-ctn2-bg.jpg) no-repeat center; display: flex; flex-direction: column; justify-content: center; align-items: center; }
.jhome-b7-ctn3 { padding: 180px 0 40px; width: 1080px; margin: 0 auto; display: flex; justify-content: space-between; }
.jhome-b7-ctn3-h3 { margin: 76px 0 50px; font-size: 42px; font-weight: normal; line-height: 1.5; color: #232222; }
.jhome-b7-ctn3 ul { width: 380px; height: 210px; padding: 0 40px; border: 2px solid #d8d8d8; border-radius: 16px; display: flex; justify-content: space-around; align-items: center; }
.jhome-b7-ctn3 ul li { width: 123px; }
.jhome-b7-ctn3 ul li img { width: 123px; height: 123px; }
.jhome-b7-ctn3 ul li p { line-height: 1.5; text-align: center; color: #9e9e9e; }
.j-footer-top { position: relative; width: 100%; height: 256px; background: #282828; display: flex; flex-direction: column; justify-content: center; align-items: center; }
#botnav { cursor: pointer; }
.j-footer-top .jf-subnav { display: none; position: absolute; left: 50%; top: 200px; width: 160px; padding: 10px; margin-left: -310px; background: white; border-radius: 6px; }
.j-footer-top .jf-subnav:before { content: ''; position: absolute; left: 50%; top: -20px; width: 0; height: 0; margin-left: -10px; border-style: solid; border-width: 10px; border-color: transparent transparent white transparent; }
.j-footer-top .jf-subnav a { display: block; font-size: 16px; line-height: 2; color: #7b7b7b; }
.j-footer-top .jf-subnav a:hover { font-weight: bold; color: #404040; }
.j-footer-bot { width: 100%; height: 196px; background: #161616; display: flex; flex-direction: column; justify-content: center; align-items: center; }
.jf-nav { display: flex; }
.jf-nav a, .jf-nav span { padding-bottom: 6px; margin: 0 36px; font-size: 16px; line-height: 1; color: white; }
.jf-nav a.active { font-weight: bold; }
.j-footer-botctn { width: 806px; margin-top: 30px; display: flex; justify-content: space-between; font-size: 15px; color: #7b7b7b; }

/* product */
#jpro1B4Btn { position: fixed; z-index: 9; left: 0; top: 0; width: 100%; }
.jpro1-b3-video { position: absolute; z-index: 2; width: 74px; height: 74px; background: url(../images/jhome-start.png) no-repeat; left: 50%; top: 50%; margin: 160px 0 0 52px; cursor: pointer; }
.jpro1-b4 ul { width: 100%; height: 88px; background: black; display: flex; justify-content: center; align-items: center; }
.jpro1-b4 ul li { margin: 0 30px; color: white; cursor: pointer; }
.jpro1-b4 ul li.active { font-weight: bold; }
.jpro1B4Ctn img { max-width: 1920px; width: 100%; }
.jpro1-b5-tlt1 { margin-top: 160px; font-size: 44px; text-align: center; color: #404040; }
.jpro1-b5-tlt2 { margin: 14px 0 20px; font-size: 24px; text-align: center; color: #404040; }
.jpro1-b5-ctn1 { font-size: 20px; line-height: 1.4; text-align: center; color: #404040; }
.jpro1-b5-img1 { margin: 70px auto 0; }
.jpro1-b6-main { position: relative; width: 1280px; margin: 0 auto; }
.jpro1-b6-tlt1 { padding-top: 140px; font-size: 38px; font-weight: bold; color: white; }
.jpro1-b6-tlt2 { padding-top: 10px; font-size: 20px; font-weight: bold; color: white; }
.jpro1-b6-tlt3 { padding-top: 22px; width: 540px; height: 260px; font-size: 20px; color: #b2b2b2; }
.jpro1-b6-tlt4 { padding: 128px 0 0 630px; font-size: 38px; font-weight: bold; color: #4c4c4c; }
.jpro1-b6-tlt5 { padding: 20px 0 0 630px; font-size: 20px; font-weight: bold; color: #4c4c4c; }
.jpro1-b6-tlt6 { padding: 20px 60px 0 630px; font-size: 20px; color: #4c4c4c; }
.jpro1-b6-tlt7 { font-size: 38px; font-weight: bold; text-align: center; color: #4c4c4c; }
.jpro1-b6-img0 { position: absolute; left: 70px; top: 610px; }
.jpro1-b6-img1 { margin: 50px 0 0 630px; }
.jpro1-b6-img2 { margin: 100px auto 80px; }
.jpro1-b6-img3 { margin: 50px auto 0; }
.jpro1-b7-tlt1 { padding: 30px 0 40px; font-size: 20px; line-height: 1.4; text-align: center; color: white; }
.jpro1-b7-img1 { margin: 130px auto 0; padding-top: 120px; }
.jpro1-b7-img2 { margin: 0 auto; padding-left: 150px; }
.jpro1-b8-tlt1 { padding-top: 80px; font-size: 38px; font-weight: bold; text-align: center; color: #4c4c4c; }
.jpro1-b8-tlt2 { padding-top: 10px; font-size: 20px; font-weight: bold; text-align: center; color: #4c4c4c; }
.jpro1-b8-tlt3 { padding-top: 22px; font-size: 20px; text-align: center; color: #626262; }
.jpro1-b8-img1 { margin: 66px auto 0; }
.jpro1-b8-img2 { width: 1301px; height: 1412px; margin: 75px auto 0; background: url(../images/jpro1-b8-img2.jpg) no-repeat; }
.jpro1-b8-img2 li { width: 500px; height: 351px; margin: 0 650px 0 75px; display: flex; flex-direction: column; justify-content: center; }
.jpro1-b8-img2 li:nth-child(1), .jpro1-b8-img2 li:nth-child(3) { margin-left: 725px; }
.jpro1-b8-img2 li h4 { font-size: 30px; font-weight: bold; color: #4c4c4c; }
.jpro1-b8-img2 li p { padding-top: 20px; font-size: 15px; line-height: 1.3; color: #626262; }
.jpro1-b9 { margin-top: 150px; width: 100%; height: 1100px; background: url(../images/jpro1-b9-bg.jpg) no-repeat center; }
.jpro1-b9-tlt1 { padding-top: 80px; font-size: 38px; font-weight: bold; text-align: center; color: white; }
.jpro1-b9-ctn { position: relative; width: 1380px; height: 720px; margin: 46px auto 0; }
.jpro1-b9-ctn .swiper-container { width: 1280px; height: 720px; }
.jpro1-b9-ctn .swiper-slide { position: relative; width: 1280px; height: 720px; }
.jpro1-b9-ctn .swiper-slide p { position: absolute; z-index: 2; left: 70px; bottom: 32px; width: calc(100% - 140px); font-size: 18px; color: rgba(255,255,255,0.6); }
.jpro1-b9-ctn .swiper-slide p strong { font-size: 24px; color: white; }
.jpro1-b9-ctn .swiper-button-prev, .jpro1-b9-ctn .swiper-button-next { width: 29px; height: 54px; }
.jpro1-b9-ctn .swiper-button-prev:focus, .jpro1-b9-ctn .swiper-button-next:focus { outline: none; }
.jpro1-b9-ctn .swiper-button-prev { left: 0; background: url(../images/jhome-prev2.png) no-repeat; }
.jpro1-b9-ctn .swiper-button-next { right: 0; background: url(../images/jhome-next2.png)  no-repeat; }
.jpro1-b9 #jproB9Btn { position: relative; width: 980px; margin: 44px auto 50px; display: flex; justify-content: center; align-items: center; }
.jpro1-b9 #jproB9Btn:before { content: ''; position: absolute; bottom: 2px; left: 0; width: 980px; height: 1px; background: #b2b2b2; }
.jpro1-b9 #jproB9Btn p { position: relative; z-index: 1; margin: 0 30px; font-size: 22px; color: #b2b2b2; cursor: pointer; }
.jpro1-b9 #jproB9Btn p.active { font-size: 24px; font-weight: bold; color: white; border-bottom: 5px solid white; }
.jproB9Ctn { display: none; }
.jproB9Ctn:first-child { display: block; }
.jpro1-b10-btn { display: block; width: 170px; height: 38px; margin: 24px auto 0; border: 1px solid #808080; border-radius: 38px; font-size: 14px; line-height: 36px; text-align: center; color: #808080; }
.jpro1-b10-img1 { margin: 50px auto 0;}
.jpro1-b11-tlt1 { padding-top: 96px; font-size: 44px; font-weight: bold; text-align: center; color: #404040; }
.jpro1-b11-tlt2 { padding-top: 24px; font-size: 22px; line-height: 1.3; text-align: center; color: #5a5a5a; }
.jpro1-b11-img1 { margin: 44px auto 0;}
.jpro1-b12 { padding: 90px 0; background: #f5f5f5; }
.jpro1-b12-ctn { position: relative; width: 1400px; height: 584px; margin: 46px auto 0; }
.jpro1-b12-ctn .swiper-container { width: 1300px; height: 584px; border-radius: 10px; box-shadow: 0 0 20px rgba(0,0,0,.1); }
.jpro1-b12-ctn .swiper-slide { position: relative; width: 1300px; height: 584px; }
.jpro1-b12-ctn .swiper-button-prev, .jpro1-b12-ctn .swiper-button-next { width: 29px; height: 54px; }
.jpro1-b12-ctn .swiper-button-prev:focus, .jpro1-b12-ctn .swiper-button-next:focus { outline: none; }
.jpro1-b12-ctn .swiper-button-prev { left: 0; background: url(../images/jhome-prev2.png) no-repeat; }
.jpro1-b12-ctn .swiper-button-next { right: 0; background: url(../images/jhome-next2.png)  no-repeat; }
/*轮播图-3D切换*/
.jpro1-b13-tlt { position: relative; width: 840px; margin: 44px auto 50px; border-bottom: 1px solid #b2b2b2; display: flex; justify-content: center; align-items: center; }
.jpro1-b13-tlt li { position: relative; z-index: 1; margin: 0 30px; font-size: 22px; color: #b2b2b2; cursor: pointer; }
.jpro1-b13-tlt li.active { font-size: 24px; font-weight: bold; color: #15c64a; border-bottom: 5px solid #15c64a; }
.jpro1-b13-ctn { position: relative; width: 1300px; margin: 0 auto 190px; overflow: hidden; }
.jpro1-b13-ctn .slide { width: 100%; background: #fff; position: absolute; }
.jpro1-b13-ctn .slide .img { margin: 10px auto; border: none; }
.jpro1-b13-ctn .img { position: relative; width: 840px; height: 462px; background-color: black; }
.jpro1-b13-ctn .img::before { content: ''; position: absolute; z-index: 5; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .8); }
.jpro1-b13-ctn .img.roundabout-in-focus::before { display: none; }
.jpro1-b13-ctn .img img { display: block; width: 100%; height: 100%; }
.jpro1-b13-ctn a.next, .jpro1-b13-ctn a.prev { position: absolute; z-index: 1000; top: 50%; bottom: 0; left: 180px; width: 50px; height: 50px; margin-top: -25px; background: url(../images/j-prev.png); border-radius: 100%; }
.jpro1-b13-ctn a.prev { right: 180px; left: auto; background-image: url(../images/j-next.png); }

/* product2 */
.jpro2-subtitle { margin-top: 20px; font-size: 22px; line-height: 1.5; text-align: center; color: #595757; }
.jpro2-subtitle .green { color: #279c27; }
.jhome-text { margin-top: 20px; font-size: 20px; line-height: 1.5; text-align: center; color: #595757; }
.jpro2-img3-auto { margin: 40px auto 100px; }
.jpro2-img3-ul { width: 1320px; margin: 40px auto 100px; display: flex; }
.jpro2-img3-ul li { width: 210px; height: 420px; margin: 0 5px; cursor: pointer; }
.jpro2-img3-ul li .img0 { display: block; }
.jpro2-img3-ul li .img1 { display: none; }
.jpro2-img3-ul li:hover .img0 { display: none; }
.jpro2-img3-ul li:hover .img1 { display: block; }
.jpro2-b5-info1 { width: 335px; height: 74px; margin: 20px auto 0; border: 1px solid white; border-radius: 74px; display: flex; flex-direction: column; justify-content: center; align-items: center; }
.jpro2-b6-img1 { margin: 55px auto 160px; }
.jpro2-b71-tlt1 { font-size: 18px; color: white; }
.jpro2-b71-tlt2 { font-size: 30px; font-weight: bold; color: #12c74a; }
.jpro2-b71-text1 { margin-top: 30px; font-size: 18px; line-height: 1.4; color: #c7c7c7; }
.jpro2-b71 { height: 779px; margin: 90px 0 32px; background: url(../images/jpro2-b7-bg11.jpg) no-repeat center; }
.jpro2-b72 { height: 1115px; margin-top: 94px; background: url(../images/jpro2-b7-bg21.jpg) no-repeat center; }
.jpro2-b73 { height: 854px; margin-bottom: 64px; background: url(../images/jpro2-b7-bg31.jpg) no-repeat center; }
.jpro2-b74 { height: 710px; margin-top: 84px; background: url(../images/jpro2-b7-bg41.jpg) no-repeat center 0; }
.jpro2-b7-ctn { width: 1230px; margin: 0 auto; }
.jpro2-b71 .jpro2-b7-ctn { padding: 80px 0 0 750px; }
.jpro2-b72 .jpro2-b7-ctn { padding: 20px 0 0 0; }
.jpro2-b73 .jpro2-b7-ctn { padding: 110px 0 0 0; }
.jpro2-b74 .jpro2-b7-ctn { padding: 200px 0 0 730px; }
/*轮播图-3D切换*/
.jpro2-b11-ctn { position: relative; width: 1300px; height: 640px; margin: 40px auto 130px; overflow: hidden; }
.jpro2-b11-ctn .slide { width: 100%; background: #fff; position: absolute; }
.jpro2-b11-ctn .slide .img { margin: 10px auto; border: none; }
.jpro2-b11-ctn .img { position: relative; width: 840px; height: 588px; background-color: white; }
.jpro2-b11-ctn .img::before { content: ''; position: absolute; z-index: 5; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .8); }
.jpro2-b11-ctn .img.roundabout-in-focus::before { display: none; }
.jpro2-b11-ctn .img img { display: block; width: 100%; height: 100%; }
.jpro2-b11-ctn ul.switcher { position: absolute; z-index: 999; left: 0; right: 0; bottom: 0; text-align: center; }
.jpro2-b11-ctn ul.switcher li { display: inline; }
.jpro2-b11-ctn ul.switcher li a { display: inline-block; width: 10px; height: 10px; margin: 0 5px; background: #cbcbcb; border-radius: 100%; -webkit-transition: background 0.30s ease-in-out; transition: background 0.30s ease-in-out; }
.jpro2-b11-ctn ul.switcher li a:hover, .jpro2-b11-ctn ul.switcher li.active a { background: #7e7e7e; }
.jpro2-b11-ctn ul.switcher li:last-child { margin-right: 0; }

/* about */
.jabo-b21 { width: 1474px; height: 694px; padding: 210px 135px 0 690px; margin: -40px auto 0; background: url(../images/jabo-b21-bg.jpg) no-repeat; }
.jabo-b21 h3 { font-size: 18px; line-height: 1.8; color: #040404; }
.jabo-b21 p { margin-top: 40px; font-size: 15px; line-height: 1.8; color: #464646; }
.jabo-b22-img { margin: 35px auto 0; }
.jabo-b23 { position: relative; width: 1230px; height: 742px; margin: -10px auto 60px; background: url(../images/jabo-b23-bg.jpg) no-repeat; }
.jabo-b23-ctn { position: absolute; left: 50%; }
.jabo-b23-ctn.jabo1 { margin-left: -560px; top: 360px; }
.jabo-b23-ctn.jabo2 { margin-left: -160px; top: 410px; }
.jabo-b23-ctn.jabo3 { margin-left: 256px; top: 360px; }
.jabo-b23-ctn p { width: 310px; }
.jabo-b23-ctn p:nth-child(1) { font-size: 28px; text-align: center; color: #1a1a1a; }
.jabo-b23-ctn p:nth-child(2) { margin: 15px 0 25px; font-size: 18px; text-align: center; color: #161616; }
.jabo-b23-ctn p:nth-child(3) { font-size: 14px; line-height: 1.5; color: #595757; }

/* news */
.jnews-b2-ctn { width: 1180px; padding-bottom: 50px; margin: 25px auto 0; border-bottom: 2px solid #cbcbcb; display: flex; flex-wrap: wrap; justify-content: space-between; }
.jnews-b2-ctn li { width: 562px; height: 178px; margin-top: 55px; display: flex; justify-content: space-between; }
.jnews-img { width: 240px; height: 178px; }
.jnews-r { width: 280px; padding-top: 12px; }
.jnews-r h3 { font-size: 18px; color: black; }
.jnews-r p { width: 280px; height: 63px; overflow: hidden; -webkit-line-clamp: 3; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; margin: 20px 0 10px; font-size: 14px; line-height: 1.5; color: black; }
.jnews-r a { display: block; width: 105px; height: 33px; border: 1px solid #5a595a; font-size: 14px; line-height: 31px; text-align: center; color: #5a595a; }
.jnews-r a:hover { color: #444; }
.jpage { margin: 30px 0 70px; text-align: center; color: #808080; }
.jpage a, .jpage span {  border: 1px solid #808080; padding: 2px 6px; margin: 0 5px; color: #808080; } 
.jpage a:hover, .jpage span.current { background: #5fdb4f; border-color: #5fdb4f; color: white; } 
.jpage span.disabled { border-color: #ddd; color: #ddd; } 

/* news-detail */
.jnewsde-b1 { min-height: 350px; padding-top: 280px; background: url(../images/jnews-banner1.jpg) no-repeat center 50px; }
.jnewsde-ctn { width: 1254px; padding: 60px 40px 0; margin: 0 auto; background: url(../images/jnewsde-ctn-bg.png) no-repeat top center; }
.jnewsde-top { padding-left: 86px; font-size: 22px; color: #3e3e3e; }
.jnewsde-link { padding-left: 86px; font-size: 14px; color: #898989; }
.jnewsde-title { margin-top: 46px; font-size: 22px; color: #4c4c4c; text-align: center; }
.jnewsde-info { margin-top: 14px; font-size: 12px; color: #ccc; display: flex; justify-content: center; align-items: center; }
.jnewsde-info span { margin: 0 22px; }
.jnewsde-content { width: 950px; margin: 0 auto 40px; font-size: 14px; line-height: 2; color: #444; }
.jnewsde-content img { max-width: 950px; }
.jnewsde-bot { padding: 30px 90px 170px; border-top: 1px solid #bfbfbf; }
.jnewsde-bot a, .jnewsde-bot span { font-size: 14px; color: #adabab; }
.jnewsde-bot a:hover { color: #808080; }

/* stadium */
.jsta-b1 { padding-top: 180px; }
.jsta-search-box { position: fixed; z-index: 9; left: 0; top: 116px; width: 100%; height: 110px; background: white; display: flex; justify-content: center; align-items: center; transition: all 200ms; }
.jsta-search-box.top { top: 0; box-shadow: 0 0 20px rgba(0, 0, 0, .2); }
.jsta-search {width: 720px; height: 50px; margin: 0 auto; background: url(../images/search.png) no-repeat 18px center #eee; border-radius: 50px; display: flex; justify-content: space-between; align-items: center; font-size: 20px; }
.jsta-search input { width: 620px; height: 50px; padding-left: 60px; border-radius: 0 50px 50px 0; background: none; }
.jsta-search button { width: 100px; height: 50px; border-radius: 0 50px 50px 0; background: black; color: white; }
.jsta-ctn { width: 1360px; margin: 40px auto 40px; display: flex; flex-flow: row wrap; }
.jsta-ctn li { position: relative; width: 244px; height: 276px; margin: 20px 10px 0; border: 1px solid #e5e5e5; line-height: 1; border-radius: 16px; display: flex; flex-flow: column wrap; justify-content: center; align-items: center; cursor: pointer; }
.jsta-ctn li:hover { border: 3px solid #41b04f; box-shadow: 0 0 16px rgba(0,0,0,.1); }
.jsta-ctn li .img { width: 90px; height: 90px; }
.jsta-ctn li h3 { margin-top: 10px; font-size: 24px; color: #595757; }
.jsta-ctn li h4 { margin: 6px 0 10px; font-size: 16px; color: #595757; }
.jsta-ctn li p { margin-top: 6px; font-size: 12px; color: #595757; }
.jsta-lipop { display: none; position: fixed; z-index: 9; left: 50%; top: 50%; width: 1160px; height: 560px; margin: -280px 0 0 -556px; padding: 30px 0; background: white; border-radius: 20px; box-shadow: 0 0 24px rgba(0,0,0,.1); overflow: auto; }
.jsta-lipop img { max-width: 100%; margin: 0 auto; }
.jsta-lipop img.jsta-close { position: fixed; z-index: 2; left: 50%; top: 50%; margin: -260px 0 0 534px; }