/* 响应式 */
@media (max-width:1920px){html{font-size:16px;}}
@media (min-width:1600px) and (max-width:1800px){html{font-size:15px;}}
@media (min-width:1400px) and (max-width:1599px){html{font-size:14px;}}
@media (min-width:1200px) and (max-width:1399px){html{font-size:13px;}}
@media (min-width:640px) and (max-width:1199px){html{font-size:12px;}}
@media (min-width:471px) and (max-width:639px){html{font-size:13px;}}
@media (min-width:329px) and (max-width:470px){html{font-size:14px;}}
@media (max-width:328px){html{font-size:14px;}}
/* 手机端下拉 */
.wap-click {display: none; cursor: pointer; margin-left: 2rem;}
.wap-click span { width: 34px; height: 2px; background: #333; display: block; margin: 10px auto; transition: all 277ms ease-in-out; position: relative;}
.wap-click span:nth-child(2) {width: 28px;}
.active span.cl-1 { transform: rotate(-45deg); top: 12px;}
.active span.cl-2 { opacity: 0;}
.active span.cl-3 { transform: rotate(45deg); top: -12px;}
.hadNav2 {position: absolute;left: 0; top: 100%; z-index: 999;width: 100%; height: 100vh; background-color: #fff; display: none;}
.hadNav2 .nav2Box {width: 92%; margin: auto; height: calc(100% - 9.5rem); }
.wrapNav {height: calc(100% - 4.5rem); margin-bottom: 30px; overflow-x: hidden;overflow-y: auto;}
.wrapNav > li {padding: 1rem 0; border-bottom: 1px solid #ddd; box-sizing: border-box;}
.wrapNav > li > a {display: flex; justify-content: space-between; align-items: center;}
.wrapNav > li > a > span {font-size: 1.3rem;color: #333; display: block; }
.wrapNav > li:hover > a > span {color: #11719E;}
.wrapNav > li > a > i {transition: .5s;}
.wrapNav > li > a > i svg { width: 20px; height: 100%;}
.wrapNav > li.active > a > i {transform: rotateX(180deg);}
.wrapNav2 {padding:5px 10px; padding-right: 0;display: none;}
.wrapNav2 > li {margin-top: 0.5rem; }
.wrapNav2 > li > a > span {font-size: 1.1rem;color: #333; display: block;}
.wrapNav2 > li:hover > a > span {color: #11719E;}
.wrapNav2 > li > a {display: flex; justify-content: space-between; align-items: center;}
.wrapNav2 > li > a > i { width: 40px; height: 25px; display: flex;align-items: center;flex-shrink: 0; justify-content: center; -webkit-transition: all 0.3s linear; transition: all 0.3s linear; position: relative;}
.wrapNav2 > li > a i:after, .wrapNav2 > li > a i:before { content: "";display: block;width: 14px;height: 2px;position: absolute;top: 50%;left: 90%; margin-left: -13px; background-color: #333;}
.wrapNav2 > li > a i:before {transform: rotate(90deg);}
.wrapNav2 > li.active > a i:before { opacity: 0;}
.wrapNav3 {padding:5px 10px; padding-right: 0; display: none;}
.wrapNav3 > li {margin-top: 0.5rem;}
.wrapNav3 > li > a {font-size: 1.1rem;color: #333; display: block;}
.wrapNav3 > li:hover > a {color: #11719E;}
.wrapSearch {width: 100%; background: #f0f0f0; height: 3rem; position: relative; }
.wrapSearch form {display: flex; align-items: center; height: 100%;}
.wrapSearch .inText {width: 92%; background: none; outline: none; border: none; height: 100%; padding-left: 1rem; font-size: 1rem; color: #333; box-sizing: border-box;}
.wrapSearch .sub { cursor: pointer; outline: none; border: none; width: 18px; height: 18px; background: url(../images/searchIcon.png) no-repeat center; background-size: contain;}
/* 首页banner */
.bannerSwiper .imgBox {display: none;}
.bannerSwiper .imgBox img {display: block;width: 100%;}
@media screen and (min-width: 200px) and (max-width: 1800px) {
.bannerSwiper .swiper-slide:nth-child(3) .box .imgBox img {width: 84%;}
}
/* ======================================================1700px========================================================= */
@media screen and (min-width: 200px) and (max-width: 1700px) {
}
/* ======================================================1600px========================================================= */
@media screen and (min-width: 200px) and (max-width: 1600px) {
.bannerSwiper .swiper-slide:nth-child(3) .box .imgBox img {width: 78%;}
}
/* ======================================================1550px========================================================= */
@media screen and (min-width: 200px) and (max-width: 1550px) {
}
/* ======================================================1500px========================================================= */
@media screen and (min-width: 200px) and (max-width: 1500px) {
}
/* ======================================================1450px========================================================= */
@media screen and (min-width: 200px) and (max-width: 1450px) {
}
/* ======================================================1400px========================================================= */
@media screen and (min-width: 200px) and (max-width: 1400px) {
/* .banner */
.bannerSwiper .swiper-slide .box {max-width: 92%;}
.bannerSwiper .swiper-slide .box .con {padding-left: 0;}
.bannerSwiper .swiper-slide .box .imgBox{width:45%;}
.bannerSwiper .swiper-slide .con .imgText img{width:19.5rem;max-width:19.5rem;}
}
/* ======================================================1350px========================================================= */
@media screen and (min-width: 200px) and (max-width: 1350px) {
}
/* ======================================================1300px========================================================= */
@media screen and (min-width: 200px) and (max-width: 1300px) {
/* 首页 */
}
/* ======================================================1250px========================================================= */
@media screen and (min-width: 200px) and (max-width: 1280px) {
}
/* ======================================================1200px========================================================= */
@media screen and (min-width: 200px) and (max-width: 1200px) {
}
/* ======================================================1100px========================================================= */
@media screen and (min-width: 200px) and (max-width: 1100px) {
/* 首页 */
}
/* ======================================================1028px========================================================= */
@media screen and (min-width: 200px) and (max-width: 1028px) {
/* 头部 */
.headerBox .he-re {width: auto; align-items: center;}
.headerBox .language a {font-size: 1.5rem; margin-right: 1.5rem;}
nav {display: none;}
.wap-click {display: block;}
/* 首页 */
/* .banner */
.bannerSwiper .swiper-slide .box .con strong {font-size: 2.8rem;}
.bannerSwiper .swiper-slide .box .con small {font-size: 2rem;}
.bannerSwiper .swiper-slide .box .con span {font-size: 1.5rem;}
.banner1con div {font-size: 4rem;}
.bannerSwiper .swiper-slide .box .con2 strong {font-size: 2rem;}
.bannerSwiper .swiper-slide .box .con2 small {font-size: 1.8rem;}
.bannerSwiper .swiper-slide .box .con2 span {font-size: 1.5rem;}
footer .box {flex-wrap: wrap;}
footer .box .le {text-align: center; width: 100%; margin-bottom: 2rem;}
footer .box ul {width: 100%;}
/* 招贤纳士 */
.careers-banner .caresTle {width: 50%; }
.careers-banner .caresTle .text1 {font-size: 2rem;}
.careers-banner .caresTle dl {margin-top: 3rem;}
.careers-banner .caresImgBox {width: 50%;}
/* 关于我们 */
.aboutFive .container {max-width: 98%;}
.abFiveSwiper {max-width: 85%;}
}
/* ======================================================1000px========================================================= */
@media screen and (min-width: 200px) and (max-width: 1000px) {
/* 关于我们 */
.aboutFour .swiperBox2 {max-width: 100%;}
.hismySwiper2 { max-width:95%;}
.hismySwiper .swiper-slide-thumb-active::after { left: 65%;}
/* 产品详情 */
.detaSwiper2 {width: 85%;}
/* 新闻列表 改 */
.newsList ul::after {width: 48%;}
.newsList .item {width: 48%;}
}
/* ======================================================900px========================================================= */
@media screen and (min-width: 200px) and (max-width: 900px) {
}
/* ======================================================手机端========================================================= */
@media screen and (min-width: 200px) and (max-width: 768px) {
/* 头部 */
.navThree{ background: none;border-bottom:1px solid #eee;}
/* 首页 */
.prolist{min-height:400px}
.inTwoSlide .hd ul {justify-content: center;}
.inTwoSlide .bd ul a{display: inline-block;}
.indexTwo .bd ul li {height: auto; padding-bottom: 11rem; background-position-x:63% !important;}
.indexTwo .bd ul li .box {width: 100%; padding-top: 4rem; text-align: left;}
.indexTwo .bd ul li .box p {line-height: 2rem;font-size: 1rem;}
.footerMore {background: none; display: flex;flex-direction: column; height: auto; overflow: hidden;}
.footerMore > img {display: block;order: 1; width: 210%; margin-top: 2rem; object-fit: cover; left: -90%; position: relative;}
.footerMore .box {position: relative;left: 0; top: 0;transform: initial; max-width: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.bannerSwiper {height: auto !important;}
.bannerSwiper .swiper-slide {background: none !important;}
.bannerSwiper .swiper-slide .con {display: none;}
.bannerSwiper .swiper-slide .box {display: none;}
.bannerSwiper .swiper-slide .con3 {display: none;}
.bannerSwiper .imgBox {display: block;}
.indexTwo .inTwoSlide .bd ul:nth-child(2){background: linear-gradient(0deg,#3785AC 0%, #f5f7f9 100%);}
/* 底部 */
footer .box .le{display: none;}
footer .box{ padding:0;}
footer .copy{opacity: 0.8;}
footer .box ul{ padding-top: 1.5rem;}
/* 招贤纳士 */
.careers-banner {height: auto !important;}
.careers-banner .caresTle {display: none;}
.careers-banner .caresImgBox {width: 100%;}
.wrapJoin {display: block; padding: 2rem 0;}
.careersOne .bd ul::after {width: 48%;}
.careersOne .bd ul li {width: 100%;}
.careersOne .bd ul li .liTle {font-size: 1.5rem;}
.careersInfo {width:92%;}
/* 新闻中心 */
.newsList ul li .imgBox img {height: 16rem; object-fit: cover;}
/* 联系我们 */
.contactOne {text-align: center; background-position-x: 75%;padding: 3rem 0 1rem 0;}
.contactOne dl dt {font-size: 2rem;}
.contactOne dl dd .con {text-align: center;}
.contactOne dl dd p, .contactOne dl dd p a{font-size: 1.1rem;}
.contactOne dl dd .icBox{margin-right: 0;margin-bottom: 0.5rem;}
/* 关于我们 */
.aboutTle {padding: 3rem 0;}
.aboutTle span,.hismySwiper2 .re dd {font-size: 1rem;}
.aboutOne .aboutTle {text-align: center;padding-top: 2rem;}
/* .indexOne {padding-bottom: 0;} */
.aboutOne {padding:3rem 0 0 0;padding-top: 0;}
.indexOne{padding-bottom: 0;}
.aboutOne .container {width: auto; margin: auto;}
.aboutOne .box {flex-wrap: wrap;}
.aboutOne .box .le {width: 100%;}
.aboutOne .box .re {width: 100%; margin: 0; margin-top: 2rem;}
.acquisition-info {width: 100%;}
.aboutOne .box .re::after{display: none;}
.hismySwiper2 {max-width:92%;}
.hismySwiper2 .swiper-slide {flex-wrap: wrap; text-align: center;}
.hismySwiper .swiper-slide i { transform: translateY(-2.8rem);}
.hismySwiper .swiper-slide-thumb-active i {transform: translateY(-3.5rem);}
.hismySwiper2 .le {width: 100%;}
.hismySwiper2 .re {width: 100%;}
.aboutFour .swiperBox2 { max-width: 104%; margin-left: -2%;}
/* 产品中心 */
.navThree ul {justify-content: center;}
.navThree ul li {padding-bottom: 0; height: 4rem;line-height: 4rem;margin-right:0; width: 35%;}
.navThree ul li.on{ background: #11719E;color:#fff}
.navThree ul li.on span{color:#fff}
.prolist ul li .box {flex-wrap: wrap;}
.prolist ul li .box .le {width: 100%;}
.prolist ul li .box .re {width: 100%; margin-top: 0rem; }
/* 产品详情 */
.detailOne .detailTitle {text-align: center;}
.detailOne .box {flex-wrap: wrap;}
.detailOne .box .detaLe {width: 100%;}
.detailOne .box .detaRe {width: 100%; margin-top: 3rem;}
.detaSwiper2 {height: 7.5rem;}
.detaSwiper1 .swiper-button-next , .detaSwiper1 .swiper-button-prev {height: 7.5rem;}
.detailOne .acquisition-info {width:92%;}
/* 联系我们 */
.contactOne {padding-bottom: 0;}
/* .contactOne .boxMap {position: relative !important; width: 100% !important; height: 60vh !important;} */
.contactOne .boxMap {position: relative !important; width: 100% !important;}
.contactOne .boxMap::after {display: none !important;}
.contactOne ul {justify-content: center; margin-top:4rem;}
.usEamil {font-size: 1rem !important;}
.prolist ul li:nth-child(even){ background: none;}
.prolist ul li{ background: #fff;box-shadow: 0 0 8px #ddd;width: 90%;margin:2rem auto;}
}
.case-wap{display: none;}
@media screen and (min-width: 200px) and (max-width: 640px) {
/* 首页 */
/* .bannerSwiper {height: 20rem;} */
.banner {padding-bottom: 1.5rem;}
.banner1con div {font-size: 2rem;line-height: initial;}
.banner1con div:nth-child(2) {margin-left: 6rem !important;margin-top: 0 !important;}
.indexOne ul {flex-wrap: wrap; margin: 2rem 0 1rem 0; align-items: flex-start;}
.indexOne ul li {width:24%; margin-bottom: 2rem;}
.indexOne ul li span {font-size: 1rem;}
.inThSwiper {padding-bottom: 4rem;}
.inThSwiper .swiper-pagination {display: block;}
.indexThree .more {margin-top: 2rem;}
.inThSwiper .swiper-pagination-bullet-active {background: #3f9cc3;}
.case-pc{display: none;}
.case-wap{display: block;}
/* 内页banner */
.ny-banner2 {height: 30rem;}
.ny-banner2 .tle {text-align: left;}
.ny-banner2 .tle h3 {font-size: 1.8rem;}
.ny-banner2 .tle h4 {font-size: 1.8rem;}
.ny-banner2 .bjbox { background-position-x: 29% !important;}
.product-banner .bjbox { background-position-x: 85% !important;}
.contact-banner .bjbox {background-position-x: 65% !important;}
.contact-banner .tle {text-align: left;}
.prodetail-banner {height: 15rem;}
.navTwo ul {justify-content: space-around;}
.navTwo ul li {margin-right: 0;}
.navTwo ul li a {font-size: 1.1rem;}
.navTwo {padding: 2rem 0; bottom: 0;}
.navTwo::after {width: 100%;}
.news-banner {height: 5.5rem !important;}
.news-banner .navTwo {padding: 2rem 0; bottom: 0;}
.aboutTle h4{display: none;}
.ny-banner2 .tle h4{display: none;}
.navTwo{display: none;}
/* .navThree .container {max-width: 98%;} */
.navThree ul li .downJt{display: none;}
.navThree ul li.on span{font-size: .9rem}
.navThree ul li span{margin-top: 0; font-size: .9rem;}
.navThree ul li .icBox{display: none;}
/* 招贤纳士 */
.careersOne .hd ul { margin-bottom: 0.5rem;}
.careersOne .hd ul {flex-wrap: wrap;justify-content: space-between;}
.careersOne .hd li {width:46%; margin-bottom: 1rem; margin-right: 0;}
.careersOne .hd li a {width: 100%; font-size: 1rem; height:3rem; background:none; border: 1px solid #ddd;}
.careersTwo {padding:3rem 0;}
.careersTwo .tle strong {font-size: 1.8rem;}
.caresSwiper .swiper-slide {width:90%;}
.caresSwiper .swiper-slide .imgBox { border-radius: 1rem;}
.caresSwiper .swiper-slide span {font-size: 1rem;}
.aboutFour{padding: 1rem 0;}
.aboutTle{padding-top: 2rem;}
.aboutFive .aboutTle{padding-bottom: 2rem;}
.caresSwiper{padding-bottom: 3rem;}
.news-banner .navTwo{display: block;}
/* 新闻中心 */
.newsList .newsInfo {flex-wrap: wrap; padding: 2rem 0;}
.newsList .newsInfo .imgBox {width: 100%;}
.newsList .newsInfo .imgBox img {height: auto;}
.newsList .newsInfo .re {width: 100%; margin-top: 2rem;}
.newsList .newsInfo .re .more a {margin-top: 2rem;}
.newsList ul {margin-top: 1rem;}
.newsList ul li a {flex-wrap: wrap; padding: 2rem 0;}
.newsList ul li .imgBox {width: 100%; margin-bottom: 2rem;}
.newsList ul li .imgBox img {height: auto;}
.newsList ul li .reCon {width: 100%;}
.newsList ul li{ background: #fff; box-shadow: 0 0 8px #ddd; width: 100%;margin: 1rem auto; padding: 0 1rem;}
.newsList ul li .reCon h5{font-size: 1.2rem;}
.newsList ul li .reCon em{color:#888;font-size: 1rem;}
.newsList ul li .reCon p{line-height: 1.2rem;color:#777}
.fy a{font-size: 12px; padding: 2px 4px;}
/* 新闻列表 改 */
.newsList ul::after {display: none;}
.newsList .item {width: 100%;}
/* 新闻详情 */
.newsdetail .boxTop {padding: 3rem 0;}
.newsdetail .boxTop .boxTle {flex-wrap: wrap;}
.newsdetail .boxTop .boxTle .tle {width: 100%;}
.newsdetail .boxTop .boxTle h3 {font-size: 1.2rem;font-weight:normal}
.newsdetail .boxTop .data span{font-size: 0.9rem;}
.newsdetail .boxTop .boxTle .more {display: flex; justify-content: left; width: 100%;}
.newsdetail .boxTop .boxTle .more a { margin-top: 2rem;}
.newsdetail .boxTop .data {justify-content: left;}
.newsdetail .boxTop .data .icBox img{width:1.2rem;}
.indexTwo{margin-top: 2rem;}
/* 关于我们 */
.hismySwiper .swiper-slide {text-align: center;}
.hismySwiper .swiper-slide i { margin-left: 47%;}
.hismySwiper .swiper-slide::after {left: 50%;}
.hismySwiper .swiper-slide-thumb-active i { margin-left: 47%;}
.hismySwiper .swiper-slide-thumb-active::after { width: 100%; left: 104%; }
.hismySwiper2 .re dt {font-size: 1.5rem;}
.aboutFive {padding-bottom: 2rem;}
.abFiveSwiper {max-width: 92%; padding-bottom: 3rem;}
.abFiveSwiper .swiper-button-prev , .abFiveSwiper .swiper-button-next {display: none;}
.abFiveSwiper .swiper-pagination {display: block;}
.careersTwo .tle{margin-bottom: 1rem;}
.wrapJoin .text1{font-size:1rem;}
.wrapJoin dl dd{font-weight: bold;}
.contactOne dl dd{ background: #f5f5f5; padding:1rem 2rem; margin-bottom: 1rem;border-radius: 10px;}
.contactOne dl dd .con{text-align: left;}
.contactOne ul li{margin:0 1rem}
.contactOne dl dd .icBox img{width: 2rem;margin-right:1rem}
}
@media screen and (min-width: 200px) and (max-width: 500px) {
/* 头部 */
.wap-click {margin-left: 1rem;}
.wap-click span {width: 20px; margin: 5px auto;}
.wap-click span:nth-child(2) {width: 15px;}
.active span.cl-1 {top: 5px;}
.active span.cl-3 {top: -9px;}
.zwys , .headerBox .box {height: 5rem;}
.headerBox .box .he-le {width: 50%;}
.headerBox .box .logo img {max-width: 100%;}
.headerBox .heSearch img {max-width: 80%;}
.headerBox .language a {font-size: 1.25rem;}
.searchBox {top: 5rem; height: 5rem;}
header.navfixed .box {height:4.5rem ;}
header.navfixed .searchBox {top: 4.5rem;}
.wrapNav > li > a > i svg { width: 12px;}
.wrapNav > li > a > span{ font-size: 1.1rem;}
/* 首页 */
.indexTle h3 { font-size: 1.5rem;font-weight:600}
.indexTle {padding:2rem 0 1rem 0}
.indexOne .con {width: 100%;}
.indexOne .con p {text-indent: 2rem; text-align: left; line-height: 2rem; font-size: 1rem;}
.indexOne ul li b {font-size: 2rem;}
.indexOne ul li em{margin-left: 0;}
.indexTwo .inTwoSlide .hd {top: 84%;}
.indexTwo .bd ul li .box h4 {font-size:1.5rem; text-align: left;font-weight:600}
/* .indexTwo .bd ul li .box p {text-align: left; text-indent: 2rem;} */
.indexTwo .bd ul li .box a{color:#fff;border-radius:50px;border:1px solid #fff;width:9.5rem;height:2.8rem;line-height:2.8rem;text-align: center;display: block;margin:2rem 0 0 0;}
.inTwoSlide .hd ul li {width: 50%; height: 6rem;}
.inTwoSlide .hd ul li img {width: 20%;}
.inTwoSlide .hd ul li span {font-size: 1.1rem;}
.indexThree {padding-bottom: 3rem;}
.footerMore .box strong {font-size: 2rem; text-align: center;}
.footerMore .more {justify-content: center; margin-top: 3rem;}
/* 底部 */
footer .box .foterlogo img {max-width: 85%;}
footer .box ul {flex-wrap: wrap;}
footer .box ul li {width: 31%; text-align: center; margin-bottom: 1rem;}
footer .copy {padding: 1rem 0;}
/* 内页banner */
.ny-banner2 {height: 13rem;}
.prodetail-banner {height: 10rem;}
.prodetail-banner .tle {top:49%;}
.prodetail-banner .tle h3 {font-size: 1.5rem;text-align: center;}
.mbx{display: none;}
/* 招贤纳士 */
.wrapJoin .text2,.wrapJoin dl dd{font-size: 1rem;margin-top: 0;}
.wrapJoin dl{margin-top: 2rem;}
.careersTle h3 {font-size: 2rem;}
.careersTle h4{display: none;}
.careersTle {padding:2rem 0;}
.careersOne {padding-bottom: 3rem;}
.careersOne ul::after {width: 100%;}
.careersOne .bd ul li .box {padding:6%;}
.careersOne .bd ul li {margin-bottom: 1rem;}
.careersOne .bd ul li .liTle {font-size: 1.2rem;}
.careersOne .bd ul li .num span {font-size: 0.9rem;margin-right: 0;}
.careersOne .bd ul li .num{margin-top:0.6rem}
.careersInfo dl p {line-height: 2rem !important;}
.detailOne .box .detaRe .info span{font-weight:normal}
.detailTitle .tle{text-align: left;}
.detailOne .detailTitle{text-align: left;}
/* 关于我们 */
.aboutTle h3 {font-size:1.8rem;}
.aboutOne .box .le p {text-indent: 2rem; line-height: 2rem; font-size: 1rem;}
.aboutFour .swiperBox2 {margin-top: 0;}
/* .hismySwiper .swiper-slide-thumb-active::after { left: 82%;} */
.hismySwiper2 .le .imgBox {border-radius: 1rem;}
.hismySwiper2 .swiper-button-prev {width: 3rem; height: 3rem; left: -1%;display: none;}
.hismySwiper2 .swiper-button-next {width: 3rem; height: 3rem; right: -1%;display: none}
.abFiveSwiper .swiper-pagination-bullet {margin: 0 5px !important;}
.careersInfo .box-title h3{font-size: 1.3rem;}
.careersInfo dl span{font-size:1rem !important}
.careersInfo dl strong{font-size:1.125rem !important}
.usEamil{text-align: left !important;}
.wrapJoin .textBox{text-align: center;}
/* 产品中心 */
.navThree {padding:0;}
.navThree ul li .icBox {width: 3.5rem; height: 3.5rem;}
.navThree ul li .cir1 {left: 28%;}
.navThree ul li .cir2 { left: 23%;}
.prolist ul li {padding: 2rem 0;}
/* .navThree ul li span {font-size: 1rem;} */
.prolist ul li .box .re h4 {font-size: 2rem; margin-bottom: 1rem;}
.prolist ul li .box .re p {font-size: 1.1rem;display: none;}
.prolist ul li .box .re em {text-align: center; font-size:1.1rem; width: 100%; display: block;}
.prolist ul li .box .re .more a {margin: auto; margin-top: 1rem; width: 9rem; height: 3rem; font-size: 1rem;}
/* 产品详情 */
.detaSwiper2 {height: 5rem; width: 80%;}
.detaSwiper1 .swiper-button-next , .detaSwiper1 .swiper-button-prev {height: 5rem;}
.detailTitle {padding: 3rem 0;}
.detailTitle h4 {font-size: 2rem;}
.detailTitle h5 {font-size: 1.8rem;}
.detailTitle i {margin-top: 1rem;}
.fy {padding: 30px 0; }
}
@media screen and (min-width: 200px) and (max-width: 450px) {
}
@media screen and (min-width: 200px) and (max-width: 400px) {
}