/*!
Theme Name: MML Theme for rapiddirect
Theme URI: https://www.mmldigi.com/
Author: MML & rapiddirect
Author URI: https://www.mmldigi.com/
Description: A theme developed by MML
Version: 1.0.0
License: Commerce license. If you want to use, contact MML.
License URI: LICENSE
Text Domain: mml-theme
Tags: mml theme
*/

/**/
.g-products3{height: auto;background:#fff;overflow: hidden; padding:0; box-sizing: border-box; font-family: "Arial";clear: both;overflow: hidden; max-width:1440px; margin:0 auto }
.pro3-nav{height: 56px;border-bottom: 1px solid #efefef;text-align: center;}
.pro3-nav  em,.pro3-nav  span{height: 56px;line-height: 56px;display: inline-block;margin:0 10px; font-size: 20px;line-height: 56px;text-align: center;position: relative;}
.pro3-nav  em::after,.pro3-nav  span::after{content: ""; width: 0%;height:3px;background: #0a3e6b;position: absolute; bottom:-1px;left:50%;-webkit-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;-webkit-transform: translateX(-50%);transform: translateX(-50%);z-index: 0;}
.pro3-nav a{color: #666666; font-weight: normal;}
.pro3-nav em.cur a,.pro3-nav em:hover a,.pro3-nav span:hover a{color: #12416f;font-weight: bold;}
.pro3-nav em.cur::after,.pro3-nav em:hover::after,.pro3-nav span:hover::after{width: 100%}
.pro-nr{width:100%;position: relative;margin:17px 0;background:#fff;}
.pro3-con{overflow: hidden;background:#fff; margin:0 auto; width:1400px;}
.pro3-con li{width:23%;position: relative; float: left; margin-right:2.5%; margin-top:15px;}
.pro3-con li:nth-child(4n){ margin-right:0}
.pro3-con li em{width: 100%;max-height: 387px;display: block;box-sizing: border-box;position: relative;height: 0;padding-bottom: 66%;}
/* .pro3-con li em:last-child{border-right: 0;} */
.pro3-con li em img{width: 100%;height: 100%;display: block;position: absolute;top: 0;left: 0;object-fit: cover;object-position: center;border: 1px solid #dbdbdb;}
.pro3-con li h4{font-size:16px;color: #666666;font-weight: normal;text-align: center; line-height: 30px;height: 30px;margin-top:15px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.pro3-con li:hover h4{color: #12416f;font-weight: bold;}




@media screen and (max-width:1024px) {
	.pro3-con ul{margin: -10px;}
	.pro3-con li{width: calc(50% - 20px);margin: 10px!important;}
	.pro3-nav{height: auto;}
	.pro3-nav em, .pro3-nav span{height: 40px;line-height: 40px;}
}






.xAboutBox{width: 100%;display: flex;align-items: center;padding: 0 20px;}
.xAboutBox .abL{display: flex;flex-direction: column;width: 50%;padding-right: 20px;}
.xAboutBox .abR{display: block;width: 50%;padding-left: 20px;}
.xAboutBox .abL .atit{font-family: "Bai Jamjuree", Sans-serif;font-size: 36px;font-weight: 800;line-height: 1.5;}
.xAboutBox .abL .btit{font-size: 20px;line-height: 1.5;color: #444;margin: 10px 0 40px;}
.xAboutBox .abL .ctit{display: flex;flex-wrap: wrap;background: #f7f7f7;padding: 15px 20px;border-radius: 15px;}
.ctitItem{display: flex;width: 50%;align-items: center;padding: 15px 0;}
.ctitItem img{width: 40px;margin: 0;}
.ctitItem p{font-size: 22px;font-weight: bold;color: #333;padding-left: 10px;}
.mySwiperAB{position: relative;overflow: hidden;}
.mySwiperAB .img{height: auto;}
.mySwiperAB .img img{display: block;height: 100%;width: 100%;object-fit: cover;object-position: center;}
.mySwiperAB .swiper-pagination-bullet{background: #fff;transition: .3s;}
.mySwiperAB .swiper-pagination-bullet-active{background: #dd1017;}

@media screen and (max-width:1024px) {
	.xAboutBox .abL{padding-right: 10px;}
	.xAboutBox .abL .btit{font-size: 16px;margin: 10px 0 30px;}
	.xAboutBox .abL .ctit{padding: 10px;}
	.ctitItem p{font-size: 16px;}
	.xAboutBox .abR{padding-left: 10px;}
}
@media screen and (max-width:768px) {
	.abt{display: none;}
	.xAboutBox{flex-direction: column;padding: 0 10px;margin-top: 40px;}
	.xAboutBox .abL{width: 100%;padding-right: 0;}
	.xAboutBox .abR{width: 100%;padding-left: 0;}
	.xAboutBox .abL .atit{font-size: 28px;}
	.xAboutBox .abL .ctit{margin-bottom: 10px;}
	
}




.pd1520{padding: 15px 20px;}