@charset "utf-8";



.tit{text-align: center;font-weight: normal;    font-family: PingFang;}
.tit b{display: block;font-size: 2.6rem;color: #000;line-height: 2.6rem;}
.tit i{display: block;font-size: 1.3rem;color: #4D4D4D;line-height: 1.3rem;padding-top: 1rem;font-weight: bold;}



/*banner*/
.banner { position:relative; z-index:3; width:100%; overflow:hidden; }
.banner .swiper-pagination { bottom:1.5rem!important; }
.banner .swiper-pagination-bullet { opacity:1; width:0.8rem; height:0.8rem; background:#fff; border-radius:50%; margin:0 0.5rem !important; }
.banner .swiper-pagination-bullet-active { opacity:1; background:#50B883; }
/*test*/
.test { padding:2rem 5.33% 1.5rem; display:flex; display:-webkit-flex; justify-content:space-between; -webkit-justify-content:space-between; flex-wrap:wrap; -webkit-flex-wrap:wrap; }
.test li { width:47.76%; height:5.1rem; margin-bottom:1.5rem; background:#ffffff; border-radius:0.3rem; box-shadow:0rem 0rem 1.6rem 0rem rgba(27,63,139,0.18); }
.test li a { display:block; padding-left:9.375%; width:100%; box-sizing:border-box; display:flex; display:-webkit-flex; justify-content:space-between; -webkit-justify-content:space-between; align-items:center; -webkit-align-items:center; }
.test li img { height:1.3rem; width:auto; display:block; }
.test li span { display:block; font-size:1.5rem; color:#444; line-height:5.1rem; order:-1; }
/*title*/
h2.main_title a { display:block; text-align:center; font-size:0; line-height:0; padding-top:3.3rem; background:url(../images/t_bg.png) no-repeat center top; background-size:11.55rem 3.3rem; }
h2.main_title strong { display:inline-block; font-size:1.8rem; color:#457ED8; line-height:100%; height:1.8rem; position:relative; }
h2.main_title strong:before,h2.main_title strong:after { position:absolute; content:""; width:3.2rem; height:1.35rem; background:url(../images/t_bg_left.png) no-repeat center; background-size:100% 100%; left:-3.7rem; top:0.3rem; }
h2.main_title strong:after { background:url(../images/t_bg_right.png) no-repeat center; background-size:100% 100%; left:auto; right:-3.7rem; }
h2.main_title span { display:block; font-weight:normal; font-size:1.2rem; color:#666; line-height:100%; margin-top:1rem; }
/*intro*/
.intro { text-align:center; font-size:0; line-height:0; position:relative; padding-bottom:7.05rem; }
.intro .intro_nav { margin:1.4rem auto 1.5rem; display:inline-block; height:2.5rem; background:#ebebeb; border-radius:1.25rem; }
.intro .intro_nav h3 { display:inline-block; }
.intro .intro_nav h3 a { display:block; padding:0 1.35rem; font-size:1.4rem; color:#666; line-height:2.5rem; font-weight:normal; border-radius:1.25rem; transition:all 0.5s ease; }
.intro .intro_nav h3.on a,.intro .intro_nav h3:hover a { color:#fff; background:#50b883; }
.intro .intro_con { position:relative; }
.intro .intro_con .swiper-slide { line-height:0; }
.intro .intro_con li { position:absolute; z-index:2; background:url(../images/i1_bg.png) no-repeat center top; transition:all 0.5s ease; display: none; }
.intro .intro_con li h4 { display: none; width:5.85rem; height:5.15rem; font-size:1.1rem; color:#888; line-height:1.4rem; text-align:center; padding:1.2rem 0; box-sizing:border-box; font-weight:normal; }
.intro .intro_con li:hover { z-index:3; }
.intro .intro_con li:hover h4 { color:#fff; }
.intro .intro_con li:nth-child(1) { width:11.65rem; height:12.3rem; left:1rem; top:9.9rem; background-size:11.65rem 12.3rem; }
.intro .intro_con li:nth-child(1):hover { background-image:url(../images/i1_bg_1.png); }
.intro .intro_con li:nth-child(2) { width:11.65rem; height:16.2rem; left:7.9rem; top:4.8rem; background-size:11.65rem 16.2rem; background-image:url(../images/i2_bg.png); }
.intro .intro_con li:nth-child(2) h4 { float:right; }
.intro .intro_con li:nth-child(2):hover { background-image:url(../images/i2_bg_1.png); }
.intro .intro_con li:nth-child(3) { width:10.15rem; height:14.75rem; left:3.7rem; top:1.3rem; background-size:10.15rem 14.75rem; background-image:url(../images/i3_bg.png); }
.intro .intro_con li:nth-child(3):hover { background-image:url(../images/i3_bg_1.png); }
.intro .intro_con li:nth-child(4) { width:11.7rem; height:9.3rem; left:21.9rem; top:14.6rem; background-size:11.7rem 9.3rem; background-image:url(../images/i4_bg.png); }
.intro .intro_con li:nth-child(4) h4 { float:right; }
.intro .intro_con li:nth-child(4):hover { background-image:url(../images/i4_bg_1.png); }
.intro .intro_con li:nth-child(5) { width:10.2rem; height:16.35rem; z-index:3; left:15.4rem; top:10.7rem; background-size:10.2rem 16.35rem; background-image:url(../images/i5_bg.png); }
.intro .intro_con li:nth-child(5):hover { background-image:url(../images/i5_bg_1.png); }
.intro .intro_con li:nth-child(6) { width:11.65rem; height:11.3rem; left:24.55rem; top:2rem; background-size:11.65rem 11.3rem; background-image:url(../images/i6_bg.png); }
.intro .intro_con li:nth-child(6) h4 { float:right; }
.intro .intro_con li:nth-child(6):hover { background-image:url(../images/i6_bg_1.png); }
.intro .intro_con li:nth-child(7) { width:10.15rem; height:14.8rem; left:26.3rem; top:6.65rem; background-size:10.15rem 14.8rem; background-image:url(../images/i7_bg.png); }
.intro .intro_con li:nth-child(7):hover { background-image:url(../images/i7_bg_1.png); }
.intro .ask { position:absolute; right:0; bottom:0; z-index:2; width:calc(100% - 0.35rem); height:13.35rem; padding-top:5.2rem; padding-right:2.65rem; background:url(../images/ask_bg.png) no-repeat center; background-size:100% 100%; box-sizing:border-box; text-align:right; }
.intro .ask a { display:inline-block; width:6.55rem; height:2rem; background:#ffffff; border-radius:1rem; font-size:1.2rem; color:#45b883; line-height:2rem; text-align:center; }
/*project*/
.project { padding:2.2rem 5.33% 0; }
.project .project_nav { margin-top:1.45rem; display:flex; display:-webkit-flex; justify-content:space-between; -webkit-justify-content:space-between; flex-wrap:wrap; -webkit-flex-wrap:wrap; }
.project .project_nav h3,.project .project_nav div { width:50%; box-sizing:border-box; text-align:center; margin-top:1px; }
.project .project_nav h3 a,.project .project_nav div a { display:block; font-size:1.2rem; color:#666; line-height:3.15rem; background:#ebebeb; transition:all 0.5s ease; }
.project .project_nav h3:nth-child(odd) { border-right:1px solid #fff; }
.project .project_nav h3.on a { background:#50B883; color:#fff; }
.project dd { height:18.3rem; box-sizing:border-box; display: none; background:url(../images/project_bg.jpg) no-repeat center; background-size:100% 100%; padding:2.45rem 0 0 21%; position:relative; }
.project dd i { display:block; position:absolute; width:4rem; height:4rem; left:1.8rem; top:1.25rem; }
.project dd h4 a { display:block; font-size:1.4rem; color:#fff; line-height:100%; margin-bottom:2.15rem; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.project dd h5 a { display:block; font-size:1.2rem; color:#fff; line-height:2.8rem; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
/*product*/
.product { padding:3rem 5.33% 0; }
.product .pro_nav { margin-top:1.45rem; display:flex; display:-webkit-flex; justify-content:space-between; -webkit-justify-content:space-between; flex-wrap:wrap; -webkit-flex-wrap:wrap; }
.product .pro_nav h3 { width:50%; box-sizing:border-box; text-align:center; margin-bottom:1px; }
.product .pro_nav h3 a { display:block; font-size:1.2rem; color:#666; line-height:3.15rem; background:#ebebeb; transition:all 0.5s ease; }
.product .pro_nav h3:nth-child(odd) { border-right:1px solid #fff; }
.product .pro_nav h3.on a { background:#50B883; color:#fff; }
.product dd { padding:1.55rem 1.7rem 3.2rem; background:#f7f7f7; box-sizing:border-box; }
.product dd h4 { font-size:1.4rem; color:#457ed8; line-height:100%; font-weight:normal; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding-left:0.7rem; position:relative; }
.product dd h4:before { position:absolute; content:""; width:0.15rem; height:1.25rem; background:#457ed8; border-radius:0.1rem; left:0; top:0.1rem; }
.product dd p { font-size:1.2rem; line-height:1.9rem; color:#666; max-height:5.7rem; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow:hidden; margin:1.4rem 0 2.45rem; }
.product dd span { display:block; width:8.3rem; height:2.5rem; background:#50b883; border-radius:1.25rem; font-size:1.2rem; color:#fff; line-height:2.5rem; text-align:center; transition:all 0.5s ease; }
.product dd span:hover { width:8.8rem; }
/*ys*/
.ys { padding:3.2rem 5.33% 3rem; position:relative; }
.ys .ys_nav { margin-bottom:1px; margin-top:1.5rem; display:flex; display:-webkit-flex; justify-content:space-between; -webkit-justify-content:space-between; }
.ys .ys_nav h3 { width:25%; height:4rem; box-sizing:border-box; background:#ebebeb; border-right:1px solid #fff; display:flex; display:-webkit-flex; justify-content:center; -webkit-justify-content:center; align-items:center; -webkit-align-items:center; transition:all 0.5s ease; }
.ys .ys_nav h3 img { display:block; width:2.1rem; margin-right:0.8rem; }
.ys .ys_nav h3 strong { display:block; font-size:1.3rem; color:#666; line-height:1.5rem; width:2.6rem; font-weight:normal; }
.ys .ys_nav h3:last-child { border-right:none; }
.ys .ys_nav h3.on { background:#457ED8; }
.ys .ys_nav h3.on img { -webkit-filter:brightness(10); filter:brightness(10); }
.ys .ys_nav h3.on strong { color:#fff; }
.ys dd { height:28.5rem; background:url(../images/ys_bg.jpg) no-repeat center top; background-size:100% 100%; box-sizing:border-box; padding:1.4rem 1.5rem; }
.ys dd h3 { margin-bottom:1.3rem; }
.ys dd h3 strong { display:block; font-size:1.4rem; color:#457ED8; line-height:100%; }
.ys dd h3 span { display:block; font-size:1.4rem; color:#666; line-height:2rem; margin-top:0.6rem; }
.ys dd p { font-size:1.2rem; color:#666; line-height:2rem; padding-left:1.25rem; position:relative; }
.ys dd p:before { position:absolute; content:""; width:0.4rem; height:0.4rem; background:#457ed8; border-radius:0.2rem; left:0; top:0.8rem; }
.ys .switch { display:flex; display:-webkit-flex; justify-content:center; -webkit-justify-content:center; align-items:center; -webkit-align-items:center; position:absolute; bottom:5.4rem; width:89.34%; z-index:9; }
.ys .ys_prev,.ys .ys_next { cursor:pointer; width:1.8rem; height:1.8rem; background:rgba(0,0,0,0.1); border-radius:0.9rem; }
.ys .ys_next { background:#50B883; }
.ys .swiper-pagination { bottom:auto; position:relative; height:0.8rem; margin:0 1.35rem; font-size:0; }
.ys .swiper-pagination-bullet { width:0.8rem; height:0.8rem; opacity:0.3; background:#50b883; border-radius:50%; margin:0 0.15rem !important; }
.ys .swiper-pagination-bullet-active { opacity:1; }
/*case*/
.case { background:url(../images/case_bg.jpg) no-repeat center top; background-size:100% 27.5rem; padding-top:2.55rem; overflow:hidden; }
.case h2 { height:8.65rem; }
.case h2 a { background-image:url(../images/t_bg1.png); padding-top:3.25rem; }
.case h2 strong { color:#fff; }
.case h2 strong:before { background-image:url(../images/t_bg_left1.png); }
.case h2 strong:after { background-image:url(../images/t_bg_right1.png); }
.case h2 span { color:#fff; }
.case .case_con { margin-left:5.33%; padding-right:17.2%; }
.case .case_con dt { height:16.3rem; border:0.5rem solid #ffffff; border-bottom:none; box-sizing:border-box; overflow:hidden; }
.case .case_con dt img { width:100%; height:15.8rem; }
.case .case_con dd { height:8.1rem; background:#f8f8f8; position:relative; }
.case .case_con dd a { display:block; padding:1.1rem 1.5rem; }
.case .case_con dd h4 { font-size:1.4rem; color:#555; line-height:100%; font-weight:normal; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.case .case_con dd p { font-size:1.2rem; line-height:1.8rem; color:#666; max-height:3.6rem; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; margin-top:0.85rem; }
/*client*/
.client { padding-top:3rem; }
.client ul { background:url(../images/client_bg.jpg) no-repeat center; background-size:100% 100%; margin-top:1.45rem; display:flex; display:-webkit-flex; justify-content:space-between; -webkit-justify-content:space-between; flex-wrap:wrap; -webkit-flex-wrap:wrap; padding:2.45rem 5.33% 0.55rem; }
.client li { width:10rem; float:left; margin-bottom:1.35rem; }
.client li > a { display:block; width:10rem; height:4.5rem; background:#ffffff; border-radius:0.5rem; overflow:hidden; margin-bottom:0.45rem; }
.client li > a img { width:9rem; margin:0 auto; }
.client li h4 > a { display:block; font-size:1.2rem; color:#fff; line-height:100%; text-align:center; font-weight:normal; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
/*history*/
.history { padding:3.05rem 5.33% 0; }
.history .history_con { background:#f7f7f7 url(../images/history_bg.jpg) no-repeat left top; background-size:10rem 100%; height:43.5rem; margin-top:1.45rem; box-sizing:border-box; padding:1.85rem 1.5rem 1.85rem 11.5rem; position:relative; }
.history .history_con li { position:relative; padding-left:1.25rem; height:auto; }
.history .history_con li:before { position:absolute; content:""; width:0.4rem; height:0.4rem; background:#457ed8; left:0; top:0.8rem; border-radius:0.2rem; }
.history .history_con li a { display:block; display:flex; display:-webkit-flex; }
.history .history_con li h4 { font-size:1.2rem; color:#457ED8; line-height:1.8rem; width:6rem; font-weight:bold; }
.history .history_con li p { font-size:1.2rem; color:#666; line-height:1.8rem; width:calc(100% - 7.25rem); }
.history .swiper-scrollbar { position:absolute; left:10rem; top:0; height:100%; width:0.6rem; border-radius:0; display:block !important; }
.history .swiper-scrollbar-drag { background:#50b883; border-radius:0.3rem; }
.news { padding:3rem 5.33% 0; }
.news .news_nav { margin:1.45rem 0 1rem; height:2.5rem; background:#ebebeb; display:flex; display:-webkit-flex; justify-content:space-between; -webkit-justify-content:space-between; text-align:center; }
.news .news_nav h3 { width:33.33%; }
.news .news_nav h3 a { display:block; font-size:1.4rem; color:#666; line-height:2.5rem; transition:all 0.5s ease; }
.news .news_nav h3.on a { background:#50B883; color:#fff; }
.news_con .swiper-slide { background:#fff; }
.news_con dl { display:flex; display:-webkit-flex; justify-content:space-between; -webkit-justify-content:space-between; align-items:center; -webkit-align-items:center; padding:2rem 0; border-bottom:1px solid rgba(0,0,0,0.1); }
.news_con dl:last-child { border-bottom:none; }
.news_con dt { width:26.86%; }
.news_con dd { width:68%; }
.news_con dd h4 { font-size:1.4rem; color:#333; line-height:1.8rem; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin-bottom:0.55rem; }
.news_con dd p { font-size:1.2rem; line-height:1.8rem; color:#666; max-height:3.6rem; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; }
.news_con .swiper-slide dl:first-child { display:block; padding-top:0; padding-bottom:1.3rem; }
.news_con .swiper-slide dl:first-child dt { width:100%; }
.news_con .swiper-slide dl:first-child dd { width:100%; margin-top:1.2rem; }
.news_con .swiper-slide dl:first-child dd h4 { color:#555; }
.news_con .swiper-slide dl:first-child dd p { font-size:1.2rem; line-height:1.8rem; color:#666; max-height:5.4rem; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow:hidden; }
/**/
.g-ft { margin-top:0 !important; }


/**/
/**/
html{font-size:10px;-webkit-text-size-adjust:none;-webkit-tap-highlight-color:rgba(0,0,0,0);}
@media screen and (min-width:320px){html{font-size:8.533px;}}
@media screen and (min-width:360px){html{font-size:9.6px;}}
@media screen and (min-width:375px){html{font-size:10px;}}
@media screen and (min-width:400px){html{font-size:10.664px;}}
@media screen and (min-width:414px){html{font-size:11.04px;}}
@media screen and (min-width:440px){html{font-size:11.73px;}}
@media screen and (min-width:480px){html{font-size:12.796px;}}
@media screen and (min-width:520px){html{font-size:13.863px;}}
@media screen and (min-width:560px){html{font-size:14.93px;}}
@media screen and (min-width:600px){html{font-size:15.996px;}}
@media screen and (min-width:640px){html{font-size:17.06px;}}
@media screen and (min-width:680px){html{font-size:18.1288px;}}
@media screen and (min-width:700px){html{font-size:18.66px;}}
@media screen and (min-width:720px){html{font-size:19.1952px;}}
@media screen and (min-width:750px){html{font-size:20px;}}