.hedgd { height: 100px; }
.head_box { position: fixed; z-index: 99; top: 0; left: 0; width: 100%; height: 100px; background-color: #ffffff; box-sizing: border-box; padding: 0 10%; display: flex; align-items: center; justify-content: flex-end; border-bottom: 1px solid #2297A0; }
.head_box .logo_a { position: absolute; top: 0; left: 10%; height: 100%; width: 135px; background-position: center; background-size: 100%; background-repeat: no-repeat; }
.head_box .en_a { font-size: 18px; color: #000; margin: 0 26px; position: relative; }
.head_box .en_a::before { content: ""; position: absolute; width: 1px; height: 100%; background-color: #fff; top: 0; left: -26px; }
.head_box .nav_ul { font-size: 0; height: 100px; }
.head_box .nav_ul li { display: inline-block; vertical-align: top; margin: 0 20px; }
.head_box .nav_ul li .a1 { display: block; height: 100px; line-height: 100px; font-size: 18px; color: #000; padding: 0 8px; position: relative; transition: all 0.5s; }
.head_box .nav_ul li .a1::before { content: ""; position: absolute; margin: auto; left: 0; right: 0; bottom: 0; width: 0; height: 2px; background-color: #ff; opacity: 0; transition: all 0.5s; }
.head_box .nav_ul li.active .a1 { color: #009FA8; }
.head_box .nav_ul li.active .a1::before { width: 100%; opacity: 1; }
.head_box .nav_ul li .a1 i { float: right; font-size: 18px; display: none; transition: all 0.5s; }
.head_box .nav_ul li.active_li .a1 i { transform: rotate(135deg); }
.head_box .nav_ul li .menu_div { position: absolute; width: 100%; top: 100%; left: 0; background-color: #F5F5F5; display: none; border-top: 1px solid #2297A0; }
.head_box .nav_ul li .menu_div p { display: flex; justify-content: center; height: 85px; line-height: 85px; }
.head_box .nav_ul li .menu_div p a { font-size: 18px; color: #333; margin: 0 45px; transition: all 0.5s; }
.head_box .nav_ul li .menu_div .w1400 { display: flex; color: #333; height: 360px; padding: 54px 0; width: 92%; margin: auto; }
.head_box .nav_ul li .menu_div .h5 { flex-shrink: 0; width: 30%; margin-right: 4%; border-right: 1px solid #999; padding-right: 50px; text-align: right; }
.head_box .nav_ul li .menu_div .h5 strong { display: block; font-size: 28px; margin-bottom: 20px; padding-top: 10px; }
.head_box .nav_ul li .menu_div .h5 span { display: block; font-size: 16px; line-height: 1.8; }
.head_box .nav_ul li .menu_div .div { flex-shrink: 0; width: 72%; }
.head_box .nav_ul li .menu_div .h6 { display: flex; margin-bottom: 30px; }
.head_box .nav_ul li .menu_div .h6 a { font-size: 18px; margin-right: 44px; padding-bottom: 22px; color: #333; transition: all 0.5s; border-bottom: 1px solid #999; }
.head_box .nav_ul li .menu_div .h6 a.show { color: #009FA8; border-color: #656766; }
.head_box .nav_ul li .menu_div .h6 a:last-of-type { margin-right: 0; }
.head_box .nav_ul li .menu_div .nr_dl .sss a { display: block; float: left; width: 100%; }
.head_box .nav_ul li .menu_div .nr_dl .aa1 { margin-left: 170px; }
.head_box .nav_ul li .menu_div .nr_dl .aa2 { margin-left: 322px; }
.head_box .nav_ul li .menu_div .nr_dl .aa3 { margin-left: 493px; }
.head_box .nav_ul li .menu_div .nr_dl .aa4 { margin-left: 620px; }
.head_box .nav_ul li .menu_div .nr_dl { }
.head_box .nav_ul li .menu_div .nr_dl dd { display: none; overflow: hidden; }
.head_box .nav_ul li .menu_div .nr_dl dd:first-of-type { display: block; font-size: 0; }
.head_box .nav_ul li .menu_div .nr_dl dd a { display: inline-block; vertical-align: top; width: 32%; margin-right: 2%; font-size: 16px; color: #333; margin-top: 10px; transition: all 0.5s; }
.head_box .nav_ul li .menu_div .nr_dl dd a:nth-of-type(3n) { margin-right: 0; }
.head_box .mCSB_container { margin-right: 4px; }
.head_box .mCustomScrollBox>.mCSB_scrollTools { width: 4px; }
.head_box .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #217fff; }
.head_box .mCSB_scrollTools .mCSB_draggerRail { background-color: #839fc4; width: 4px; }
.head_box .m_h6 { position: absolute; top: 0; right: 0; width: 60px; height: 60px; background-image: url(../images/an1.png); background-size: 26px; background-repeat: no-repeat; background-position: center; transition: all 0.5s; display: none; }
.head_box .ac_h6 { background-image: url(../images/an2.png); }
.video_box { position: fixed; z-index: 111; width: 100%; height: 100%; top: 0; left: 0; z-index: 15; background-color: rgba(0,0,0,0.7); display: none; }
.video_box div { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 60%; }
.video_box div i { position: absolute; z-index: 3; right: 0; top: 0; width: 40px; height: 40px; background-color: #2172e0; font-size: 0.3rem; text-align: center; color: #fff; line-height: 40px; cursor: pointer; }
.video_box div video { width: 100%; outline: none; }
#boxb { position: fixed; top: 0; left: 0; z-index: -1; opacity: 0; }
 @media (min-width: 1024px) {
.head_box .nav_ul li .menu_div .nr_dl .aa1 { margin-left: 170px; }
.head_box .nav_ul li .menu_div .nr_dl .aa2 { margin-left: 300px; }
.head_box .nav_ul li .menu_div .nr_dl .aa3 { margin-left: 422px; }
.head_box .nav_ul li .menu_div .nr_dl .aa4 { margin-left: 562px; }
.foot_box .box2 .w1400 dd div .a:hover { background-color: #ffffff; }
.foot_box .box2 .w1400 dd div:hover p { width: 216px; margin-left: 10px; }
.solution .tab_swiper .swiper-slide:hover { border-bottom: 2px solid #ffffff; color: #333; }
.data_info .content .gn_div .dd1 .qp_div:hover { background-color: #009FA8; background-image: url(../images/tb13h.png); }
.data_info .content .gn_div .dd1 .fx_div:hover { background-color: #009FA8; background-image: url(../images/tb14h.png); }
.foot_box .ul li .img_a:hover { opacity: 1; }
.head_box .nav_ul li .menu_div .h6 a:hover { color: #009FA8; border-color: #009FA8; }
.head_box .nav_ul li .menu_div .nr_dl dd a:hover { color: #009FA8; }
.head_box .nav_ul li .menu_div p a:hover { color: #009FA8; }
.head_box .nav_ul li:hover .a1 { color: #009FA8; }
.head_box .nav_ul li:hover .a1::before { width: 100%; opacity: 1; }
.foot_box .box2 .w1400 dt a:hover { color: #fff; }
.foot_box .box2 .w1400 dd a:hover { color: #fff; }
.foot_box .ul li a:hover { color: #fff; }
.solution .box16 .ul li:hover div h6 { color: #2172e0; }
.solution .box16 .ul li:hover em i { transform: scale(1.1); }
.solution .box15 .swiper-slide:hover { border-color: #fff; box-shadow: 0px 0px 18px 0px rgba(27, 27, 27, 0.16); }
.solution .box12 .more_a:hover { border-color: #fff; color: #fff; }
.solution .box11 .div ul li:hover h6 { color: #2172e0; }
.solution .box10 .ul li:hover dl { top: 0; padding: 50px 50px 0; }
.solution .box10 .ul li:hover i { transform: scale(1.1); }
.solution .box9 .ul li:hover::after { width: 100%; opacity: 1; }
.solution .box9 .ul li:hover em i { transform: scale(1.1); }
.solution .box9 .ul li:hover { box-shadow: 0px 0px 27px 0px rgba(53, 53, 53, 0.26); }
.solution .box7 .div ul li:hover h6 { color: #fff; }
.solution .box7 .div ul li:hover p { color: #fff; }
.solution .box7 .div ul li:hover { background-color: #2172e0; }
.solution .box5 .div a:hover span { background-color: rgba(33, 114, 224, 1); }
.solution .box5 .div a:hover { border-color: #fff; box-shadow: 0px 0px 27px 0px rgba(53, 53, 53, 0.26); }
.solution .box4 .ul li:hover h6 { color: #2172e0; }
.solution .box4 .ul li:hover i { background-color: #2172e0; }
.solution .box4 .ul li:hover { box-shadow: 0px 0px 27px 0px rgba(53, 53, 53, 0.26); }
.solution .box3 .ul li:hover { background-color: #2172e0; box-shadow: 0px 0px 27px 0px rgba(53, 53, 53, 0.26); }
.solution .box3 .ul li:hover em { background-color: #fff; }
.solution .box3 .ul li:hover dl dt { color: #fff; }
.solution .box3 .ul li:hover dl dd { color: #fff; }
.solution .box2 .ul li:hover div { top: 0; opacity: 1; }
.solution .about_top>.w1400 .tabs a:hover { border-color: #2172e0; }
.index .box4 .list .div a:hover { background-color: #f3f8ff; }
.index .box4 .list .div a:hover span::before { margin-left: 20px; }
.index .box4 .list .div a:hover::after { height: 100%; opacity: 1; }
.index .box4 .list .swiper-button:hover { background-color: #2172e0; border-color: #2172e0; }
.index .box4 .type span:hover { color: #2172e0; }
.index .box2 .ul li:hover dl { opacity: 1; top: 0; }
.index .box2 .ul li:hover h6 { opacity: 0; }
.index .box1 .gallery-thumbs .swiper-slide:hover::after { opacity: 1; }
.index .box1 .gallery-thumbs .swiper-slide:hover span { color: #2172e0; }
.index .box1 .gallery-thumbs .swiper-slide:hover em img:nth-of-type(1) { opacity: 0; }
.index .box1 .gallery-thumbs .swiper-slide:hover em img:nth-of-type(2) { opacity: 1; }
.link_div a:hover { border-bottom: 2px solid #009FA8; color: #333; }
.data_info .content .gn_div .dd1 .bdsharebuttonbox a:hover { background-color: #2172e0; }
.database .content .page .pagination a:hover { background: #2172e0; color: #fff; }
.database .content .right .ul li h6 a:hover { color: #2172e0; }
.database .content .right .div dd a:hover { color: #2172e0; }
.database .content .left .dl .a1:hover { color: #2172e0; }
.database .content .left .dl .a2:hover { color: #2172e0; }
.database .content .left .dl p a:hover { color: #2172e0; }
}
 @media (max-width: 1700px) {
.head_box { padding: 0 5%; }
.head_box .logo_a { left: 5%; }
}
 @media (max-width: 1500px) {
.head_box { padding: 0 3%; }
.head_box .logo_a { left: 3%; }
.head_box .nav_ul li { margin: 0 14px; }
.solution .box15 .swiper_div .swiper-button-prev { left: 20px; }
.solution .box15 .swiper_div .swiper-button-next { right: 20px; }
}
 @media (max-width: 1420px) {
.head_box { padding: 0 2%; }
.head_box .logo_a { left: 2%; }
.head_box .nav_ul li { margin: 0 10px; }
.head_box .nav_ul li .a1 { font-size: 16px; }
.head_box .logo_a { width: 140px; }
.head_box .nav_ul li .menu_div p a { font-size: 16px; }
.head_box .nav_ul li .menu_div .h6 a { font-size: 16px; }
.foot_box .box2 .w1400 { display: block; }
.foot_box .box2 .w1400 dd a:first-of-type { padding-left: 0; }
.foot_box .ul li a:first-of-type { font-size: 16px; }
.foot_box .dl dt { font-size: 18px; }
.foot_box .box2 .w1400 dt { margin-bottom: 10px; }
.database .content .left .h4 { font-size: 22px; }
.database .content .left { width: 280px; }
}
@media (max-width: 768px) {
.hedgd { height: 0px; }
.head_box .nav_ul li .menu_div .nr_dl .aa1 { margin-left: 0px; }
.head_box .nav_ul li .menu_div .nr_dl .aa2 { margin-left: 0px; }
.head_box .nav_ul li .menu_div .nr_dl .aa3 { margin-left: 0px; }
.head_box .nav_ul li .menu_div .nr_dl .aa4 { margin-left: 0px; }
.head_box .nav_ul li .a1 { background-image: none; }
}
@media (max-width: 1200px) {
.main { padding-top: 60px; background-color: #fff; }
.head_box { height: 60px; padding: 0 70px 0 0; }
.head_box .logo_a { width: 100px; left: 3%; }
.head_box .nav_ul { display: none; position: absolute; height: 600px; top: 100%; left: 0; background-color: #fff; width: 100%; box-sizing: border-box; padding: 0 20px; box-shadow: 0 10px 10px rgba(0,0,0,0.2); }
.head_box .nav_ul li { display: block; width: 100%; margin: 0; background-color: #fff; border-bottom: 1px solid #eee; }
.head_box .nav_ul li .a1 { height: 44px; line-height: 44px; color: #333; padding: 0; }
.head_box .nav_ul li .a1 i { display: block; }
.head_box .nav_ul li .menu_div .h5 { display: none; }
.head_box .nav_ul li .menu_div .w1400 { display: block; width: 100%; height: auto; padding: 20px; color: #666; box-sizing: border-box; }
.head_box .nav_ul li .menu_div .div { width: 100%; max-height: 80vw; overflow-y: auto; }
.head_box .nav_ul li .menu_div .h6 { display: none; }
.head_box .nav_ul li .menu_div .nr_dl dd { display: block; height: auto; width: 100%; margin-bottom: 10px; }
.head_box .nav_ul li .menu_div .nr_dl dd:last-of-type { margin-bottom: 0; }
.head_box .nav_ul li .menu_div .nr_dl dd a { color: #666; width: 100%; margin: 0; line-height: 30px; }
.head_box .nav_ul li.active .a1 { color: #000; }
.head_box .nav_ul li .menu_div { display: none; position: static; width: 100%; background-color: #f7f7f7; }
.head_box .nav_ul li .menu_div p { display: block; height: auto; line-height: 1; padding: 10px 20px; }
.head_box .nav_ul li .menu_div p a { display: block; width: 100%; height: 36px; line-height: 36px; margin: 0; color: #666; }
.head_box .m_h6 { display: block; }
.foot_box .ul { display: block; margin-bottom: 30px; }
.foot_box .ul li { margin-right: 0; margin-bottom: 24px; text-align: center; }
.foot_box .ul li:nth-of-type(1) { display: none; }
.foot_box .ul li a { display: inline-block; margin: 0 10px; }
.foot_box .ul li a:first-of-type { display: block; margin-bottom: 10px; font-size: 18px; }
.foot_box .box1 { padding: 40px 0; }
.foot_box .dl dd { width: 80%; margin: 0 auto; text-align: center; }
.foot_box .dl dt { text-align: center; }
.foot_box .dl dd img { width: 33%; margin-right: 6%; margin-top: 20px; }
.foot_box .box2 .w1400 dt { text-align: center; margin-bottom: 0; }
.foot_box .box2 .w1400 dt a { display: block; margin-left: 0; margin-top: 6px; }
.foot_box .dl dd img:nth-of-type(2n) { margin-right: 0; }
.foot_box .box1 .w1400 { display: block; }
.foot_box .box2 .w1400 dd { display: none; }
.database .content { padding: 40px 0; }
.database .content .box { display: block; }
.database .content .left { width: 100%; }
.database .content .right { width: 100%; margin-left: 0; margin-top: 30px; }
.database .content .right .ul li { padding-bottom: 50px; padding-right: 0; }
.database .content .right .ul li h6 { top: auto; margin-top: 0; bottom: 0.2rem; }
.database .content .page .pagination a { margin: 8px 2px; font-size: 14px; }
.database .content .page { padding: 0; }
.data_info .content { padding: 40px 0; }
.data_info .content .title h5 { font-size: 24px; }
.data_info .content .gn_div .dd1 .qp_div { -display: none; }
.data_info .content .gn_div .dd2 { display: none; }
.data_info .content .gn_div .dd1 { width: auto; display: none; }
.data_info .content .gn_div .dd3 { width: 100%; }
.data_info .content .gn_dl { width: 100%; height: 50px; }
.data_info .content .div p img { /* width: 92%;
        margin: 15px auto; */
}
.index .banner { width: 100%; height: 60vw; }
.index .banner .swiper-slide video { width: auto; height: 100%; top: 0; left: 50%; transform: translateX(-50%); }
.index .banner .video-slide { display: none; }
.index .banner .swiper-slide dl dt strong { font-size: 36px; line-height: 1.4; }
.index .banner .swiper-slide dl dd { font-size: 20px; }
.index .banner .swiper-button-prev { display: none; }
.index .banner .swiper-button-next { display: none; }
.title_h5 strong { font-size: 22px; }
.title_h5 P { width: 100%; font-size: 14px; }
.index .box1 { margin-top: 50px; }
.index .pd { padding: 50px 0; }
.title_h5 { margin-bottom: 40px; }
.index .box1 .gallery-top { height: 60vw; }
.index .box1 .gallery-top .swiper-slide h6 { font-size: 20px; width: 100%; }
.index .more_a { width: 134px; height: 32px; line-height: 32px; font-size: 14px; }
.index .box1 .gallery-top .swiper-slide p { width: 100%; margin: 20px 0; font-size: 14px; }
.index .box2 .ul li { width: 50%; }
.index .box2 .ul li:nth-of-type(3) { border-top: 1px solid #e0e0e0; }
.index .box2 .ul li:nth-of-type(3n) { border-right: 1px solid #e0e0e0; }
.index .box2 .ul li:nth-of-type(2n) { border-right: none; }
.index .box2 .ul li a { padding: 10px; }
.index .box2 .ul li dl { display: none; }
.index .box2 .ul li h6 { font-size: 14px; line-height: 1.4; }
.index .box1 .thumbs_div { width: 96%; display: none; }
.index .box1 .gallery-thumbs .swiper-slide span { font-size: 16px; line-height: 1.5; }
.index .box3 { height: 70vw; }
.index .box3 .w1400 h6 { font-size: 22px; }
.index .box3 .w1400 h5 { font-size: 28px; }
.index .box3 .w1400 p { font-size: 16px; }
.index .box3 .w1400 .more_a { margin-top: 20px; }
.index .box4 .type { text-align: center; margin-top: -14px; }
.index .box4 .type span { width: 25%; margin-left: 0; margin-top: 14px; }
.index .box4 .list { height: auto; }
.index .box4 .list .swiper-container { width: 100%; height: 84vw; }
.index .box4 .list .div { position: static; width: 100%; margin-left: 0; }
.index .box4 .list .swiper-slide div h6 { font-size: 20px; }
.index .box4 .list .swiper-slide div p { font-size: 14px; height: 44px; }
.index .box4 .list .div a h6 { font-size: 20px; }
.index .box4 .list .div a p { font-size: 14px; height: 44px; }
.index .box4 .list .div a span::before { width: 24px; height: 16px; }
.index .box4 .list .div a span { font-size: 14px; }
.solution .tab_swiper { display: none; }
.solution .pd { padding: 50px 0; }
.solution .box1 { height: auto; padding: 50px 0; }
.solution .box1 .w1400 { flex-direction: column-reverse; }
.solution .box1 .w1400 dd { position: static; width: 100%; height: 50vw; }
.solution .box1 .w1400 dt { width: 100%; margin-top: 20px; }
.solution .box1 .w1400 dt h6 { font-size: 22px; }
.solution .box1 .w1400 dt p { margin-top: 14px; }
.solution .box2 .ul { margin-top: -20px; }
.solution .box2 .ul li h6 { font-size: 18px; }
.solution .box2 .ul li div { display: none; }
.solution .box2 .ul li img { width: 42px; }
.solution .box2 .ul li { padding: 0 10px; margin-top: 20px; }
.solution .box2 .ul li span { line-height: 1.4; }
.solution .box2s .ul li { width: 49%; }
.solution .box2s .ul li:nth-of-type(3n) { margin-right: 2%; }
.solution .box2s .ul li:nth-of-type(2n) { margin-right: 0; }
.solution .box3 .ul { margin-top: 0; }
.solution .box3 .ul li { float: none; width: 100%; display: block; padding: 30px 20px; height: auto; text-align: center; margin-top: 20px; }
.solution .box3 .ul li em { margin: 0 auto; width: 100px; height: 100px; }
.solution .box3 .ul li dl { width: 100%; margin-left: 0; margin-top: 20px; }
.solution .box3 .ul li dl dt { font-size: 24px; }
.solution .box4 .ul { margin-top: 0; }
.solution .box4 .ul li { float: none; width: 100%; margin-top: 20px; padding: 0 20px; height: 280px; }
.solution .box5 .div a { flex-wrap: wrap; padding: 20px 80px 20px 20px; height: auto; margin-bottom: 20px; }
.solution .box5 .div a span { right: 20px; }
.solution .box5 .div a h6 { flex: 1; min-width: 0; margin: 0 20px; }
.solution .box5 .div a p { flex: none; width: 100%; line-height: 1.4; margin-top: 20px; }
.solution .box6 .div { display: block; }
.solution .box6 .div em { width: 100%; display: block; }
.solution .box6 .div .gdl_div { width: 100%; margin-top: 30px; }
.solution .box6 .div .gdl_div h4 { font-size: 18px; }
.solution .box7 .div { display: block; }
.solution .box7 .div em { display: block; width: 100%; height: 50vw; border-radius: 0; }
.solution .box7 .div ul { width: 100%; border-radius: 0; padding: 10px 0 0; }
.solution .box7 .div ul li { padding: 20px; border-bottom: 1px solid #eee; }
.solution .box7 .div ul li:last-of-type { border-bottom: none; }
.solution .box8 .swiper-container { height: auto; padding-bottom: 30px; }
.solution .box8 .swiper-slide { flex-direction: column-reverse; }
.solution .box8 .swiper-slide div { width: 100%; padding: 30px 20px; }
.solution .box8 .swiper-slide em { display: block; width: 100%; height: 60vw; }
.solution .box8 .swiper-slide div h6 { font-size: 24px; margin-bottom: 20px; }
.solution .box8 .swiper-button-next { display: none; }
.solution .box8 .swiper-button-prev { display: none; }
.solution .box8 .swiper-pagination { right: 0; bottom: 0.2rem; width: 100%; }
.solution .box9 .ul { margin-top: -20px; }
.solution .box9 .ul li { float: none; width: 100%; margin-top: 20px; margin-right: 0; }
.solution .box9 .ul li div { padding: 30px 20px 24px; }
.solution .box10 .ul { margin-top: -20px; }
.solution .box10 .ul li { width: 100%; margin-top: 20px; padding-bottom: 70%; }
.solution .box10 .ul li dl { top: 0; padding: 30px 20px; }
.solution .box10 .ul li dl dd { max-height: 70%; overflow-y: auto; font-size: 14px; }
.solution .box11 .div ul li h6 { font-size: 18px; }
.solution .box11 .div ul li p { font-size: 14px; }
.solution .box11 .div { height: auto; }
.solution .box11 .div em { width: 100%; height: 50vw; }
.solution .box11 .div .list_div { position: static; width: 100%; height: auto; }
.solution .box11 .div ul { padding: 10px 20px; }
.solution .box12 .gallery-top .swiper-slide { flex-direction: column-reverse; }
.solution .box12 .gallery-top .swiper-slide div { width: 100%; margin-top: 30px; }
.solution .box12 .gallery-top .swiper-slide i { width: 100%; padding-bottom: 50%; }
.solution .box12 .gallery-top .swiper-slide div h6 { font-size: 24px; }
.solution .box13 .swiper-container { padding: 0; margin-top: 0; }
.solution .box13 .swiper-slide-active i { transform: none; }
.solution .box13 .swiper-slide i { box-shadow: none; }
.solution .box14 .swiper_div { display: block; }
.solution .box14 .gallery-thumbs { display: none; }
.solution .box14 .gallery-top .swiper-wrapper { display: block; }
.solution .box14 .gallery-top .swiper-slide i { padding-bottom: 42%; }
.solution .box14 .gallery-top .swiper-slide div { padding: 30px 20px; }
.solution .box14 .gallery-top .swiper-slide div h6 { font-size: 24px; }
.solution .box15 .swiper-container { padding: 0; margin: 0; }
.solution .box16 .ul { display: block; }
.solution .box16 .ul li { width: 100%; margin-top: 20px; }
.solution .box17 .w1400 { display: block; height: auto; }
.solution .box17 em { display: block; position: relative; width: 100%; height: 50vw; }
.solution .box17 .w1400 em::after { width: 54px; height: 54px; margin: -27px 0 0 -27px; }
.solution .box17 .w1400 div { width: 100%; margin-left: 0; padding: 0; padding: 30px 0 50px; }
.solution .box17 .w1400 div h6 { font-size: 24px; }
.solution .box17 .w1400 div a { margin: 30px auto 0; }
.solution .box18 .div h6 { font-size: 24px; }
.solution .box18 .div p { font-size: 16px; }
.solution .box9 .ul li div h6 { font-size: 18px; }
.solution .box12 .gallery-thumbs .swiper-slide { font-size: 16px; }
.solution .box12 .gallery-top .swiper-slide div p { font-size: 14px; }
.solution .box6 .div .gdl_div { max-height: none; }
.solution .box6 .div .gdl_div p { font-size: 14px; }
.solution .box9 .ul li div p { font-size: 14px; }
.link_div { display: none; }
.video_box div { width: 100%; }
}