@charset "utf-8";
.icolor,.hvicolor:hover{
	color: #1d2088;
}
.bgcolor,.hvbgcolor:hover{
	background: #1d2088;
	color: #fff;
}
.icolor1,.hvicolor1:hover{
	color: #f4c51f;
}
.bgcolor1,.hvbgcolor1:hover{
	background: #f4c51f;
	color: #fff;
}
.icolor2,.hvicolor2:hover{
	color: #290e74;
}
.bgcolor2,.hvbgcolor2:hover{
	background: #290e74;
	color: #fff;
}
.head{
	width: 100%;
	background: #fff;
	box-shadow: 0 0 15px rgba(0,0,0,.06);
	/*position: fixed;
	left: 0;
	top: 0;*/
	z-index: 1000;
	position: relative;
}
/*.head_height{
	height: 100px;
}*/
.head_wrap{
	padding: 0 50px;
}
.ht{
	background: linear-gradient(to left, #290e74, #1d2088);
	color: #fff;
	/*background: #1d2088;*/
	color: #fff;
	height: 50px;
}
.hb_height{
	height: 65px;
	display: none;
}
.hb{
	height: 65px;
	transition: .25s;
}
.head_active .hb{
	width: 100%;
	background: #fff;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 99;
	box-shadow: 0 0 15px rgba(0,0,0,.06);
}
.head_active .hb_height{
	display: block;
}
.logo{
	display: inline-block;
	height: 45px;
}
.nav {
	margin: 0 0 0 3%;
}
.nav li,.hdra{
	position: relative;
	margin-left: 45px;
	height: 65px;
	display: flex;
	align-items: center;
}
.nava{
	display: block;
	line-height: 40px;
	height: 40px;
	position: relative;
	color: #290E74;
	font-weight: bold;
	text-transform: uppercase;
}
.nava::after{
	width: 0;
	height: 2px;
	content: "";
	background: #290E74;
	position: absolute;
	left: 0;
	bottom: 0;
	opacity: 0;
	transition: .5s;
}
.nav li.active .nava,
.nav li:hover .nava{
	color: #290E74;
}
.nav li.active .nava::after,
.nav li:hover .nava::after{
	opacity: 1;
	width: 100%;
}
.navhide,.hdrhide{
	min-width: 240px;
	width: 100%;
	position: absolute;
	left: 50%;
	margin-left: -120px;
	top: 100%;
	margin-top: 10px;
	transition: .25s;
	opacity: 0;
	visibility: hidden;
	background: #fff;
	text-align: center;
	box-shadow: 0 0 15px rgba(0,0,0,.1);
	z-index: 100;
	padding: 10px 0;
	border-radius: 8px;
}
.navhide_three{
	min-width: 240px;
	width: 100%;
	position: absolute;
	left: 100%;
	margin-left: -20px;
	top: -10px;
	transition: .25s;
	opacity: 0;
	visibility: hidden;
	background: #fff;
	text-align: center;
	box-shadow: 0 0 15px rgba(0,0,0,.1);
	z-index: 100;
	padding: 10px 0;
	border-radius: 8px;
}
.nhatwo{
	position: relative;
}
.nhatwo:hover .navhide_twoa{
	color: #1d2088;
}
.nhatwo:hover .navhide_three{
	opacity: 1;
	visibility: inherit;
	margin-left: 0;
}
.hdrhide{
	min-width: 120px;
	width: 120px;
	margin-left: -65px;
	padding: 5px 0;
}
.navhide a,.hdrhide a{
	font-size: 13px;
	line-height: 40px;
	color: #666;
	display: block;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
	padding: 0 20px;
}
.nav li:hover .navhide{
	opacity: 1;
	visibility: inherit;
	margin-top: 0;
}
.navhide a:hover,.hdrhide a:hover{
	color: #1d2088;
}
.nav li{
	position: static;
}
.nhw{
	width: 100%;
	background: #f6f6f6;
	position: absolute;
	left: 0;
	top: 65px;
	width: 100%;
	z-index: 999;
	padding: 10px 0;
	opacity: 0;
	visibility: hidden;
	transition: .1s;
}
.nav li:hover .nhw{
	opacity: 1;
	visibility: inherit;
}
.nhwbox{
	padding: 10px 0;
	width: 100%;
}
.nhtitle_line{
	width: 45px;
	height: 3px;
	display: block;
	margin: 15px 0;
	background: #daddde;
}
.nha{
	width: 25%;
}
.nha_a{
	display: flex;
	align-items: center;
	padding: 15px 20px;
	background: #dcdcdc;
	font-size: 15px;
	min-height: 100%;
}
.nha_a p{
	line-height: 1.5;
}
.nha_a:hover{
	background: #c3c3c3;
}
.nha_a i img{
	display: block;
	height: 50px;
}
.nha_a i{
	margin-right: 17px;
}

.hdra_a{
	line-height: 40px;
	display: block;
	cursor: pointer;
}
.hdra:hover .hdra_a{
	color: #fff;
}
.hdra:hover .hdrhide{
	opacity: 1;
	visibility: inherit;
	margin-top: 0;
}
.hdrsca{
	height: 40px;
	width: 40px;
	border-radius: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: .25s;
	background: #1D2088;
}
.hdrsc{
	margin-left: 10px;
}
/*.hdrsc:hover .hdrsca{
	background: #f5f5f5;
}*/
.hdrsca img{
	height: 25px;
}
.hdrsc_hide{
	width: 100%;
	padding: 120px 0;
	position: absolute;
	left: 0;
	top: 100%;
	z-index: 9;
	background: #1d1d1d;
	display: none;
}
.scw {
	width: 800px;
	max-width: 80%;
}
.scw input{
	height: 70px;
	width: 100%;
	border-bottom: 1px solid #3f3f3f;
	background: none;
	color: #fff;
}
.scw button{
	width: 50px;
	height: 70px;
	background: url(../images/hrico2.png) no-repeat center;
	background-size: 30px;
	position: absolute;
	right: 0;
	top: 0;
	cursor: pointer;
	z-index: 9;
}

.right{
	position: fixed;
	right: 20px;
	bottom: 10%;
	z-index: 99;
}
.rta{
	position: relative;
	margin-bottom: 12px;
}
.rta_a{
	width: 50px;
	height: 50px;
	background: #f4c51f;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid #f4c51f;
	font-size: 24px;
	border-radius: 100%;
}
.rta:nth-child(2) .rta_a{
	background: #e8943a;
	border-color: #e8943a;
}
.rta:nth-child(3) .rta_a{
	background: #18d967;
	border-color: #18d967;
}
.rta:nth-child(4) .rta_a{
	background: #00acf1;
	border-color: #00acf1;
}
#gotop {
	display: none;
}
#gotop .rta_a{
	background: none;
	border: 1px solid #f4c51f;
	color: #f4c51f;
}
#gotop .rta_a:hover{
	border: 1px solid #f4c51f;
	background: #f4c51f;
	color: #fff;
}
.rtahide{
	position: absolute;
	right: 100%;
	top: 0;
	background: #fff;
	width: 300px;
	font-size: 15px;
	min-height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	opacity: 0;
	transition: .25s;
	visibility: hidden;
	margin-right: 15px;
	box-shadow: 0 0 12px rgba(0,0,0,.1);
}
.rta:hover .rtahide{
	opacity: 1;
	visibility: inherit;
	margin-right: 8px;
}
.rtahide_ewm{
	padding: 7px;
	width: 120px;
}
.bn1box .bnimg{
	border-radius: 0 0 150px 0;
}
.bn1box::after{
	width: 100%;
	height: 100%;
	content: "";
	background: rgba(244,197,31,.8);
	position: absolute;
	right: 0;
	bottom: -20px;
	border-radius: 0 0 150px 0;
}
.bnimg1{
	overflow: hidden;
	height: 600px;
}
.bn_video{
	width: 100% !important;
	height: 100% !important;
	object-fit: cover;
    object-position: center center;
}
.bnbg{
	width: 100%;
	color: #fff;
	display: flex;
	align-items: center;
	background: linear-gradient(to left, rgba(0,0,0,0), rgba(17,8,51,1));
	padding-bottom: 50px;
}
.bntxt h1{
	line-height: 1.2;
}
.bntxt a,.bntxt span{
	display: inline-block;
	border-radius: 50px;
	padding: 10px 30px;
	background: #F4C51F;
	color: #000;
}
.foot{
	background: #1a1927;
	color: #fff;
}
.foot a:hover{
	color: #f4c51f;
}
.foot a.morea{
	display: flex;
	align-items: center;
}
.foot a.morea:hover{
	color: #fff;
}
.ft{
	background: #f6f7fb;
}
.ftl h2{
	color: #000;
	margin-left: 20px;
	padding-left: 20px;
	border-left: 2px solid #E6E6E6;
	
}
.ft,.fm{
	padding: 35px 0;
	border-bottom: 1px solid rgba(255,255,255,.1);
}
.fm{
	padding-top: 50px;
}
.fb{
	padding: 20px 0;
}
.fb,.fb a{
	color: rgba(255,255,255,.65);
}
.fml{
	width: 43%;
}
.fmlline{
	height: 2px;
	width: 30px;
	background: #1d2088;
	margin: 18px 0;
}
.fml,.fml a,.fmra a{
	color: rgba(255,255,255,.5);
}
.fmra{
	/*max-width: 300px;*/
}
.fmra ul li{
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	line-clamp: 1;
	overflow: hidden;
	color: rgba(255,255,255,.5);
}
.fmbl h3{
	display: flex;
	align-items: center;
	margin-right: 30px;
}
.fmbl h3 i{
	width: 48px;
	height: 48px;
	border-radius: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #40404f;
	color: #F4C51F;
	margin-right: 10px;
	font-size: 22px;
}
.fmbr a{
	color: rgba(255,255,255,.65);
	margin-right: 15px;
}
.md{
	padding: 70px 0;
}
.morea{
	padding: 10px 25px;
	background: #1d2088;
	color: #fff;
	display: inline-block;
	border-radius: 4px;
}
.morea:hover{
	opacity: .85;
}
.morea_yellow{
	background: #F4C51F;
	color: #000;
}
.itw{
	position: relative;
	z-index: 9;
	margin-top: -80px;
}
.ita{
	width: 23%;
}
.ita.active{
	flex: 0;
	flex-grow: 1;
}
.ita_a{
	display: block;
	background: #fff;
	border-radius: 8px;
	min-height: 100%;
	padding: 30px 15px;
	text-align: center;
	box-shadow: 0 3px 15px rgba(0,0,0,.1);
	overflow: hidden;
	position: relative;
	transition: .5s;
}
.ita_a:hover,.ita_a.active{
	transform:translateY(-10px);
}
.ita_a_ac{
	background: url(../images/ita_acbg.jpg) no-repeat center;
	background-size: cover;
	color: #fff;
	text-align: left;
	display: flex;
	padding: 15px 30px !important;
}
.itar img{
	height: 50px !important;
	margin-left: 10px;
}
.ita_a_ac::after{
	display: none !important;
}
.ita_a h3,.ita_a img{
	position: relative;
	z-index: 9;
}
.ita_a::after{
	content: "";
	width: 100%;
	height: 100%;
	border-bottom: 3px solid #1D2088;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	transition: .5s;
	background: linear-gradient(to bottom, #fff, #e3e4fc);
	opacity: 0;
	box-sizing: border-box;
}
.ita_a:hover::after,.ita_a.active::after{
	opacity: 1;
}
.ita_a img{
	height: 60px;
}
.itopl h1{
	line-height: 40px;
}
.itopr{
	margin-left: 10%;
}
.imore{
	line-height: 40px;
}
.imore:hover{
	text-decoration: underline;
}
.i1,.it{
	background: linear-gradient(to bottom, #fff, #f6f7fb);
	background: #f6f7fb;
}
.i1bg{
	background: url(../images/i1bg.png) no-repeat left center;
	background-size: 5%;
}
.i1a_a{
	background: #fff;
	position: relative;
	box-shadow: 0 0 15px rgba(0,0,0,.05);
	border-radius: 0 0 5px 5px;
	min-height: 100%;
}
.i1a_a::after{
	content: "";
	width: 0px;
	height: 5px;
	position: absolute;
	left: 0;
	bottom: 0;
	background: #1D2088;
	transition: .5s;
	opacity: 0;
}
.i1a_a.active::after,.i1a_a:hover::after{
	width: 100%;
	opacity: 1;
}
.i1aimg{
	border-bottom: 1px dashed #eee;
}
.i1aimg .i1aimgbg{
	background: url(../images/i1abg_02.png) no-repeat bottom center;
	background-size: 100% 60px !important;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	bottom: -1px;
	z-index: 9;
}
.i1aimg{
	display: flex;
	align-items: center;
	justify-content: center;
}
.i1aimg img{
	width: auto !important;
	max-width: 95%;
	max-height: 95%;
}
.i1atxt{
	padding: 30px 25px;
	position: relative;
}
.i1atxt span{
	text-decoration: underline;
}
.i1aico{
	width: 90px;
	height: 90px;
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	right: 20px;
	top: -80px;
	z-index: 9;
	background: #1D2088;
	color: #fff;
	transition: .25s;
}
.i1a_a:hover .i1aico,
.i1a_a.active .i1aico{
	background: #F4C51F;
	color: #000;
	text-decoration: underline;
}
.i1aico img{
	width: 60%;
	display: block;
}
.i2{
	/*background: url(../images/i2bg.jpg) no-repeat center;
	background-size: cover;
	background: #fff !important;
	padding: 60px 0;*/
	background: #f6f7fb;
}
.itxt p{
	padding: 8px 0;
}
.i2logo img{
	height: 60px;
}
.i2box{
	padding: 30px 0;
}
.i3{
	background: url(../images/i3bg.png) no-repeat right center #fff;
	background-size: 6%;
}
.i3l{
	border-radius: 0 0 50px 0;
	overflow: hidden;
	position: relative;
}
.i3f{
	border-top: 1px solid #E6E6E6;
	padding: 40px 0;
}
.i3fa{
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px dotted #ddd;
	transition: .25s;
	background: #fff;
}
.i3fa:hover,.i3fa.active{
	border: 1px solid #1d2088;
}
.i3fa img{
	max-width: 80%;
	max-height: 80%;
	display: block;
}
.vdico{
	width: 100%;
	height: 100%;
	background: url(../images/vdico.png) no-repeat center rgba(0,0,0,.3);
	background-size: 80px;
	position: absolute;
	left: 0;
	top: 0;
}
.i3rw{
	width: 750px;
	max-width: 100%;
	padding-left: 8%;
}
.i3rt i{
	width: 50px;
	height: 2px;
	background: #F4C51F;
	margin-right: 10px;
}
.i3r1{
	padding: 15px 30px;
	background: #f8f8f8;
	border-left: 4px solid #1D2088;
}
.i3bar h1{
	line-height: 50px;
}
.i3ba img{
	height: 50px;
	margin-right: 20px;
}
.i3baline{
	border-left: 2px solid #eee;
}
.i4{
	background: #fff;
}
.i4a_a p{
	line-height: 25px !important;
	height: 75px !important;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	line-clamp: 3;
	overflow: hidden;
}
.i4aimg{
	border: 10px solid #ccc;
	border-radius: 10px;
	overflow: hidden;
}
.i4ab span{
	color: #1D2088;
	text-decoration: underline;
}
.swiper-container-i4 .swiper-slide{
	margin: 25px 0;
}
.i4ahide{
	display: none;
}
.swiper-button-next-pb,.swiper-button-prev-pb{
	width: 50px;
	height: 50px;
	border: 1px solid #1D2088;
	color: #1D2088;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 100%;
	font-size: 24px;
	background: none;
	margin-top: -25px;
	transition: .25s;
}
.swiper-button-next-pb:hover,.swiper-button-prev-pb:hover{
	background: #1D2088;
	color: #fff;
}
.swiper-button-next-pb{
	right: -80px;
}
.swiper-button-prev-pb{
	left: -80px;
}
/*.i5{
	padding: 15px 0;
}
.i5r{
	width: 36.458%;
}
.i5lw{
	width: 750px;
	max-width: 100%;
}*/
.swiper-pagination-pb .swiper-pagination-bullet{
	width: 8px;
	height: 8px;
	background: #999;
	opacity: 1;
	margin-right: 15px;
	transition: .5s;
}
.swiper-pagination-pb .swiper-pagination-bullet-active{
	transform: scale(1.5);
	background: #1D2088;
}
.i4{
	background: #f6f7fb;
}
.i6w{
	border-top: 1px solid #E6E6E6;
}
.i6a{
	display: flex;
	align-items: center;
	padding: 25px 0;
	border-bottom: 1px solid #E6E6E6;
}
.i6a:nth-child(even){
	flex-flow: row-reverse;
}
.i6l{
	text-align: center;
	color: #1D2088;
}
.i6r{
	width: 220px;
}
.i6m{
	margin: 0 5%;
}
.itopline{
	width: 40px;
	height: 2px;
	background: #1D2088;
	margin: 25px auto;
}
.i5t li{
	display: inline-block;
	padding: 6px 30px;
	border: 2px solid #1D2088;
	color: #1D2088;
	min-width: 140px;
	text-align: center;
	cursor: pointer;
	margin: 5px 10px;
	transition: .25s;
	position: relative;
}
.i5t li.active{
	background: #1D2088;
	color: #fff;
}
.i5t li a{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: block;
}
.i5ab{
	width: 100%;
	padding: 20px 28px;
	background: rgba(0,0,0,.5);
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 9;
	color: #fff;
}
.i5ab p{
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	overflow: hidden;
}
.bqico{
	padding: 8px 15px;
	background: #F4C51F;
	color: #000;
	display: inline-block;
	z-index: 9;
	position: absolute;
	left: 0;
	top: 0;
}
.xi1tl{
	overflow: hidden;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	text-transform: capitalize;
}
.xi1tl ul{
	background: #f0f0f0;
	border-radius: 50px;
	padding: 5px;
	display: flex;
    flex-wrap: nowrap;
    width: -moz-min-content;
    width: min-content;
}
.xi1tl li,.xi1tl a{
	padding: 0 25px;
	border-radius: 50px;
	line-height: 42px;
	cursor: pointer;
	transition: .25s;
	width: max-content;
}
.xi1tl a{
	color: #1D2088;
	text-decoration: underline;
}
.xi1tl li.active{
	background: #F4C51F;
	color: #000;
	font-family: font-bold;
}
.i2ba{
	position: relative;
	background-size: cover !important;
	min-height: 450px;
}
.i2babox{
	display: flex;
	align-items: flex-end;
	padding-bottom: 130px;
}
.i2baw{
	width: 440px;
	padding: 25px;
	border-radius: 10px;
	background: #fff;
	max-width: 90%;
}
.i2ba_more{
	background: #1D2088;
	color: #fff;
	border-radius: 50px;
	padding: 10px 25px;
}
.i2ba_more:hover{
	opacity: .85;
}
.i2bwb{
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 45px !important;
	z-index: 9;
}
.i2bwb_box{
	width: 440px;
	max-width: 90%;
}
.i2bwbl i{
	width: 40px;
	height: 40px;
	background: #F4C51F;
	color: #000;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 100%;
	font-size: 20px;
	transition: .25s;
	margin-right: 20px;
	cursor: pointer;
}
.i2bwbl i:hover,.i2bwbl i.active{
	background: #1D2088;
	color: #fff;
}
.swiper-pagination-i2{
	position: static;
}
.swiper-pagination-i2 .swiper-pagination-bullet{
	background: rgba(255,255,255,.9);
	border: 1px solid #fff;
	width: 10px;
	height: 10px;
	margin: 0 5px;
	opacity: 1;
}
.swiper-pagination-i2 .swiper-pagination-bullet-active{
	background: #F4C51F;
	border: 1px solid #F4C51F;
}

/*breadcrumb*/
.listnav{
	background: #F8F8F8;
	border-bottom: 1px solid #E6E6E6;
	padding: 15px 0;
	color: #777;
}
.listnav a{
	color: #1D2088;
}
.listnav a:hover{
	color: #1D2088;
	text-decoration: underline;
}
.listnav i{
	margin: 0 7px;
}

/*products*/
.listbn{
	background-size: cover !important;
	position: relative;
	min-height: 350px;
}
.lbna a{
	padding: 6px 20px;
}
.lbnbg{
	width: 100%;
	color: #fff;
	display: flex;
	align-items: center;
	background: linear-gradient(to left, rgba(0,0,0,0), rgba(2,14,27,1));
	color: #fff;
}
.lbnline{
	width: 50px;
	height: 3px;
	background: #fff;
	margin: 25px 0;
}
.pdl{
	width: 23%;
	margin-right: 3%;
	min-width: 300px;
	position: sticky;
	top: 80px;
}
.pdl li{
	margin-bottom: 12px;
}
.pdla{
	display: flex;
	align-items: center;
	padding: 12px 18px;
	background: #f8f8f8;
	border-radius: 6px;
}
.pdla i{
	transition: .25s;
}
.pdl li:hover .pdla,
.pdl li.active .pdla{
	background: #1d2088;
	color: #fff;
}
.pdlahide{
	padding: 15px 25px;
	display: none;
}
.pdl li.active .pdlahide{
	display: block;
}
.pdlahide a{
	display: block;
}
.pdlahide a:hover{
	color: #1d2088;
}
.pdl li.active .pdla i{
	transform:rotate(90deg);
}
.pdra_1{
	padding: 20px 0;
	border-bottom: 1px solid #E6E6E6;
}
.pdraimg{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 30%;
	margin-right: 5%;
}
.pdraimg img{
	max-width: 90%;
	max-height: 90%;
}
.morea_prd{
	background: #1D1D1D;
	transition: .25s;
	padding: 8px 20px;
}
.morea_prd:hover,
.pdra_1:hover .morea_prd{
	background: #1d2088;
}
.listmd{
	padding-top: 50px !important;
}
.pdra .i1a_a{
	border: 1px solid #E6E6E6;
}
.pdra .i1atxt{
	padding: 20px;
}
.page a{
	margin: 4px;
	width: 40px;
	height: 40px;
	border-radius: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid #E6E6E6;
	color: #999;
}
.page a.pagea{
	color: #333;
}
.page a:hover,.page a.active{
	background: #1d2088;
	color: #fff;;
	border: 1px solid #1d2088;
}

/*products_info*/
.pitt{
	width: 110px;
}
.gallery-thumbs{
	height: 350px;
	margin: 25px 0;
}
.pibtnl,.pibtnr{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 30px;
	background: #f6f6f6;
	margin: 0 auto;
	font-size: 20px;
	cursor: pointer;
	transition: .25s;
}
.pibtnl:hover,.pibtnr:hover{
	background: #1d2088;
	color: #fff;
}
.pi1ta,.pi1ba{
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid #CDCDCD;
}
.pi1ta img,.pi1ba img{
	max-width: 85%;
	max-height: 85%;
}
.pi1ba{
	height: 500px;
	border: 0;
}
.swiper-slide-thumb-active .pi1ta{
	border: 1px solid #1d2088;
}
.pitrt{
	border-bottom: 1px solid #E6E6E6;
	padding-bottom: 20px;
}
.pitrt a{
	color: #cdcdcd;
}
.pitrma{
	padding: 13px 0;
	border-bottom: 1px solid #E6E6E6;
}
.pitrb a{
	background: #e3531b;
	width: 170px;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 12px 20px;
	margin-right: 25px;
	color: #fff;
}
.pitrb a span{
	font-size: 30px;
	margin-right: 10px;
}
.pitrb a.active{
	background: #1d2088;
}
.pitrb a:hover{
	opacity: .85;
}
.pinav{
	width: 100%;
	background: #fff;
	border-bottom: 1px solid #E6E6E6;
	border-top: 1px solid #E6E6E6;
	position: sticky;
	top: 60px;
	left: 0;
	z-index: 98;
}
.pinav a{
	color: #666;
	line-height: 60px;
	display: block;
	padding: 0 30px;
	background: #f8f8f8;
}
.pinav li.active a{
	background: #1d2088;
	color: #fff;
}
.pimd{
	background: #f3f3f3;
	overflow: hidden;
}
.pibox{
	padding: 50px 5%;
	background: #fff;
}
.pititle i{
	width: 10px;
	height: 10px;
	background: #1d2088;
}
.pi1w{
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	padding: 25px 0;
}
.pi1tab{
	width: 100%;
	border-left: 1px solid #E6E6E6;
	border-top: 1px solid #E6E6E6;
}
.pi1tab td{
	border-bottom: 1px solid #E6E6E6;
	border-right: 1px solid #E6E6E6;
	padding: 15px 3%;
}
.pi1tab td.active{
	width: 20%;
	text-align: center;
}
.nitxt *{
	max-width: 100%;
}
.nitxt a{
	text-decoration: underline;
	color: #1D2088;
}
.nitxt video,.nitxt img,.nitxt .ql-video-ext{
	max-width: 80% !important;
}
.nitxt video{
	max-height: 450px;
}
.nitxt_sv video,.nitxt_sv img{
	max-width: 100% !important;
}

/*news*/
.nimd{
	background: #f8f8f8;
	background: #fff;
}
.nir{
	width: 23%;
	margin-left: 7%;
	/*position: sticky;
	top: 80px;*/
}
.nirt{
	padding: 12px;
}
/*.nim *{
	max-width: 100%;
}*/
.nim p{
	padding: 5px 0;
}
.nibota{
	background: #fff;
	display: flex;
	align-items: center;
	padding: 20px;
	box-shadow: 0 0 12px rgba(0,0,0,.05);
	border-radius: 6px;
}
.nibota:hover{
	background: #1d2088;
	color: #fff;
}
.nibota:hover .neal i{
	background: #fff;
	border: 1px solid #fff;
	color: #1d2088;
}
.neal i{
	width: 45px;
	height: 45px;
	border: 1px solid #E6E6E6;
	border-radius: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #999;
	font-size: 20px;
	transition: .25s;
}

.nir1w{
	background: #fff;
	padding: 0 25px;
}
.nir1w a{
	display: block;
	padding: 20px 0;
	border-bottom: 1px solid #E6E6E6;
}
.nir1w a:last-child{
	border-bottom: 0;
}
.nir1w a:hover{
	color: #1d2088;
	padding-left: 10px;
}
.nir2a{
	display: block;
	text-align: center;
	padding: 10px;
	padding-top: 0;
}
.nir2a p{
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	overflow: hidden;
}
.nir2aimg{
	background: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
}
.nir2aimg img{
	max-width: 80%;
	max-height: 80%;
	display: block;
}
.swiper-button-next-ni,.swiper-button-prev-ni{
	width: 30px;
	height: 30px;
	background: #eaeaea;
	color: #888;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: .25s;
	top: 37%;
}
.swiper-button-next-ni:hover,.swiper-button-prev-ni:hover{
	background: #1d2088;
	color: #fff;
}
.swiper-button-next-ni{
	right: 0;
}
.swiper-button-prev-ni{
	left: 0;
}
.nir3w{
	padding: 25px 30px;
}
.nir3a{
	display: flex;
	align-items: center;
	padding: 7px 0;
}
.nir3a i{
	color: #1d2088;
}
.nea{
	padding: 25px 0;
	border-bottom: 1px solid #E6E6E6;
}
.nea:first-child{
	padding-top: 25px;
}
.neaimg{
	max-width: 40%;
	width: 370px;
	margin-right: 5%;
	position: relative;
}
.neatxt i{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	border-radius: 100%;
	background: #1D1D1D;
	color: #fff;
	font-size: 16px;
	transition: .5s;
}
.nea:hover .neatxt i{
	background: #1d2088;
}
.newbox_flex{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.newbox_flex .nea:nth-child(1),
.newbox_flex .nea:nth-child(2){
	padding-top: 0 !important;
}
.newbox_flex .nea{
	display: block !important;
	width: 48% !important;
}
.newbox_flex .neaimg{
	width: 100% !important;
	max-width: 100% !important;
	margin-bottom: 15px;
}
.nea_video .neaimg::after{
	width: 100%;
	height: 100%;
	content: "";
	background: url(../images/vdico.png) no-repeat center rgba(0,0,0,.5);
	background-size: 60px;
	position: absolute;
	left: 0;
	top: 0;
}

/*about*/
.ab1r{
	width: 28.5%;
	margin-left: 10%;
}
.ab1r .i3ra{
	border-bottom: 0 !important;
	border-top: 1px solid #E6E6E6 !important;
	position: relative;
	padding: 28px 0;
}
.ab1r .i3ra:last-child{
	border-bottom: 1px solid #E6E6E6 !important;
}
.ab1r .i3ra::after{
	width: 10px;
	height: 3px;
	background: #f4c51f;
	content: "";
	position: absolute;
	top: -2px;
	left: 0;
}
.ab1r .i3ra:last-child::before{
	width: 10px;
	height: 3px;
	background: #f4c51f;
	content: "";
	position: absolute;
	bottom: -2px;
	left: 0;
}
.ab2{
	/*background: url(../images/ab2bg.jpg) no-repeat center;*/
	cursor: pointer;
}
.ab2w{
	width: 400px;
	height: 180px;
	position: relative;
	margin: 0 auto;
}
.ab2w img{
	height: 60px;
}
.ab2w::after,
.ab2w::before{
	content: '';
    display: block;
    width: 24px;
    height: 24px;
    border-style: solid;
    border-color: #fff;
    position: absolute;
    -webkit-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
    box-sizing: border-box;
}
.ab2w::after{
	border-width: 5px 0 0 5px;
    left: 0;
    top: 0;
}
.ab2w::before{
	border-width: 0 5px 5px 0;
    right: 0;
    bottom: 0;
}
.ab2:hover .ab2w::after{
	left: -15px;
	top: -15px;
}
.ab2:hover .ab2w::before{
	right: -15px;
	bottom: -15px;
}
.ab2:hover .ab2w{
	color: #f4c51f;
}
.ab3_wrap{
	padding: 0 10px;
}
.ab3a{
	width: 24%;
	margin: 0 .5%;
	height: 550px;
	background-size: cover !important;
	position: relative;
	border-radius: 20px;
	transition: 1s;
	overflow: hidden;
}
.ab3a:hover{
	width: 60%;
}
.ab3abg{
	background: rgba(0,0,0,.5);
	color: #fff;
}
.ab3abg .txt{
	transition: .5s;
	margin-bottom: -50px;
	opacity: 0;
	visibility: hidden;
}
.ab3a:hover .ab3abg .txt{
	margin-bottom: 0;
	opacity: 1;
	visibility: inherit;
}
.ab4l{
	width: 30%;
	margin-right: 2%;
}
.ab4l i{
	width: 4px;
	background: #f4c51f;
	margin-right: 15px;
}
.ab4w{
	padding: 40px 0;
	border-bottom: 1px solid #E6E6E6;
}
.ab4w:first-child{
	border-top: 1px solid #E6E6E6;
}

/*contact*/
.co1l{
	width: 40%;
}
.co1r{
	width: 52%;
}
.co1laba{
	margin-right: 5%;
}
.co1laba img{
	display: block;
	margin: 0 auto;
	width: 130px;
}
.co1r .lc2a_a input{
	height: 60px;
	border-radius: 3px;
}
.co1r .lc2a_a textarea{
	border-radius: 3px;
	height: 250px;
	border: 1px solid #eee;
}
.co1r .lc2a_a button{
	width: 100%;
	border-radius: 0;
}
.lc2a_a input,.lc2a_a textarea{
	height: 70px;
	width: 100%;
	padding: 0 20px;
	border-radius: 6px;
	background: #f8f8f8;
	transition: .25s;
}
.lc2a_a input:focus,.lc2a_a textarea:focus{
	background: #f3f3f3;
}
.lc2a_a textarea{
	height: 270px;
	padding: 20px;
	resize: none;
}
.lc2a_a button{
	padding: 16px 60px;
	background: #1D2088;
	color: #fff;
	border-radius: 50px;
	cursor: pointer;
	transition: .25s;
}
.co1r .lc2a_a input{
	height: 60px;
	border-radius: 3px;
}
.co1r .lc2a_a textarea{
	border-radius: 3px;
	height: 230px;
	border: 1px solid #eee;
}
.co1r .lc2a_a button{
	width: 100%;
	border-radius: 0;
}

.nimsg{
	padding: 10px 15px;
}
.nimsg,.nir2w {
	box-shadow: 0 0 15px rgba(0, 0, 0, .1);
	margin-top: 0;
}
.nimsg .co1ra {
	width: 100% !important;
	padding: 5px 10px;
}
.nimsg .lc2a_a input,.nimsg .lc2a_a textarea{
	height: 42px !important;
	width: 100% !important;
	font-size: 14px;
	border: 1px solid #E6E6E6;
	background: #fff;
	border-radius: 3px;
	padding: 0 15px;
}
.nimsg .lc2a_a textarea{
	padding: 5px 15px !important;
	height: 100px !important;
}
.nimsg .lc2a_a input:focus,.nimsg .lc2a_a textarea:focus{
	border: 1px solid #1D2088;
}
.nimsg .lc2a_a button{
	width: 100%;
	font-size: 15px;
	height: 44px;
	border-radius: 4px;
	padding: 0;
}

/*sectorSolutions*/
.listtop_line{
	width: 50px;
	height: 3px;
	background: #ddd;
	margin: 20px auto 0 auto;
}
.listtop_line_l{
	margin-left: 0;
}
.jf1txt a{
	text-decoration: underline;
}
.jf1video{
	position: relative;
}
.jf1w .jf1video{
	max-width: 100%;
	width: 750px;
	margin: 0 auto;
}
.jf1video::after{
	width: 100%;
	height: 100%;
	content: "";
	background: url(../images/vdico.png) no-repeat center rgba(0,0,0,.5);
	background-size: 80px;
	position: absolute;
	left: 0;
	top: 0;
	cursor: pointer;
}
.jf2img{
	position: relative;
}
.jf2img_video::after{
	width: 100%;
	height: 100%;
	content: "";
	background: url(../images/vdico.png) no-repeat center rgba(0,0,0,.5);
	background-size: 100px;
	position: absolute;
	left: 0;
	top: 0;
	cursor: pointer;
}
.jf3t li{
	padding: 4px 13px;
	cursor: pointer;
	transition: .25s;
	margin: 7px;
	background: #fff;
	border: 1px solid #1D2088;
	color: #1D2088;
}
.jf3t li.active{
	background: #1D2088;
	color: #fff;
}

/*automationIntegration*/
.zd1w{
	background: #53758a;
	padding: 25px;
}
.zd1a_a{
	text-align: center;
	color: #fff;
}
.zd2t{
	border-bottom: 1px solid #aaa;
    box-shadow: 0 10px 7px -6px #ccc;
}
.zd2t li{
	padding: 4px 10px;
    text-align: center;
    border: 1px solid #d3d3d3;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    border-bottom: 0;
    cursor: pointer;
    display: block;
    height: 100%;
}
.zd2t li.active{
	color: #fff;
    background: #1D2088;
}
.zd2b1a_a{
	background: #53758a;
	color: #fff;
	padding: 20px;
	border: 2px solid #C6D4F8;
	border-radius: 10px;
}
.zd2b1a_a ul li{
	list-style-type: disc;
	margin-left: 12px;
}
.zd2b1ab{
	padding: 10px;
	background: #fff;
	color: #53758A;
	text-align: center;
}
.zd2b2a_a a{
	display: inline-block;
	padding: 5px 12px;
	border-radius: 4px;
}

/*cycjetStories*/
.vdicoimg{
	position: relative;
	cursor: pointer;
}
.vdicoimg::after{
	width: 100%;
	height: 100%;
	content: "";
	background: url(../images/vdico.png) no-repeat center rgba(0,0,0,.3);
	background-size: 60px !important;
	position: absolute;
	left: 0;
	top: 0;
	transition: .25s;
}
.vdicoimg:hover::after{
	background: url(../images/vdico.png) no-repeat center rgba(0,0,0,.5);
}
.gs3a_a_p{
	font-style: italic;
}
.gs4t li{
	flex: 0;
	flex-grow: 1;
	text-align: center;
	cursor: pointer;
	border-bottom: 5px solid #1D2088;
	position: relative;
	padding-bottom: 20px;
	color: #999;
}
.gs4t li img{
	width: 80px;
	max-width: 30%;
	display: block;
	margin: 0 auto;
	margin-bottom: 10px;
}
.gs4t li i{
	position: absolute;
    bottom: 0px;
    transition: 1s left;
    width: 0px;
    height: 0;
    border-color: transparent transparent #1D2088;
    border-style: solid;
    border-width: 0px 10px 10px 10px;
    margin-left: auto;
    margin-right: auto;
	left: 50%;
	margin-left: -10px;
	opacity: 0;
}
.gs4t li.active{
	font-weight: bold;
	color: #1D2088;
}
.gs4t li.active i{
	opacity: 1;
}
.gs4bw{
	margin-top: 50px;
}
.gs4bw:first-child{
	margin-top: 0 !important;
}
.gs4bw:nth-child(even){
	flex-flow: row-reverse;
}
.gs5a{
	padding: 25px;
	background: #1D2088;
	color: #fff;
	border: 1px solid rgba(255,255,255,.1);
}
.gs5aline{
	width: 25px;
	height: 3px;
	background: #fff;
	margin: 18px 0;
}
.gs5a:nth-child(1){
	background: #1D2088;
	color: #fff;
}
.gs5a:nth-child(2){
	background: #f4c51f;
	color: #000;
}
.gs5a:nth-child(3),
.gs5a:nth-child(4),
.gs5a:nth-child(5){
	background: #290e74;
	color: #fff;
}
.gs5a1{
	width: 40%;
}
.gs5a2{
	width: 60%;
}
.gs5a3{
	width: 33.33%;
}

/*ourApplications_info*/
.oaiimg{
	border-radius: 10px;
	height: 180px;
	background-size: cover !important;
}

/*sectors*/
.sv1a{
	padding: 20px 0;
	border-bottom: 1px solid #E6E6E6;
}
.sv1a .icon{
	width: 30px;
	height: 30px;
	border-radius: 100%;
	background: #f4c51f;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 16px;
	margin-right: 15px;
}
.sv1at{
	cursor: pointer;
}
.sv1atl h3{
	flex: 0;
	flex-grow: 1;
}
.sv1atr{
	font-size: 24px;
	color: #f4c51f;
	transition: .5s;
	margin-left: 20px;
}
.sv1a.active .sv1atr{
	transform:rotate(180deg);
}
.sv1ab {
	display: none;
}
.sv1ab .icon{
	background: #1D2088;
}
.svmore{
	padding: 10px 60px;
	display: inline-block;
	background: #f4c51f;
	color: #fff;
}
.svmore:hover{
	opacity: .85;
}
.sv1ab .flex1 *{
	max-width: 100%;
}
.sv1ab .flex1.text14 *{
	max-width: 100%;
}
.se2a_a{
	background: #fff;
	padding: 35px;
	padding-top: 100px;
	position: relative;
	text-align: center;
	min-height: 100%;
}
.se2a_a .txt{
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	line-clamp: 3;
	overflow: hidden;
}
.se2aimg img{
	mix-blend-mode: multiply;
}
.swiper-container-se2 .se2a_a{
	margin-top: 100px;
}
.tdunderline{
	text-decoration: underline;
}
.se2aimg{
	display: flex;
	justify-content: center;
	height: 200px;
	width: 100%;
	position: absolute;
	left: 0;
	top: -100px;
}
.se3w .gs4bw{
	flex-flow: row-reverse;
}
.se3_md{
	background: #fff;
}
.se3_md .se3w .gs4bw{
	flex-flow: inherit;
}
.se3_md:nth-child(even){
	background: #f8f8f8;
}
.se3_md:nth-child(even) .se3w .gs4bw{
	flex-flow: row-reverse;
}
.jf2_flex .jf2:nth-child(even) .wrap_1500{
	flex-flow: row-reverse;
}

.lc2a_a{
	position: relative;
}
.co1racode{
	width: 160px;
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	overflow: hidden;
	z-index: 9;
	cursor: pointer;
}
.co1racode_info{
	width: 110px;
	height: 40px;
	top: 1px;
	right: 1px;
}

.prdnav{
	width: 100%;
	background-color: #f9f9fb;
	box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25);
	padding: 20px 0;
	position: sticky;
	top: 0;
	z-index: 99;
}
.prdnav a{
	display: inline-block;
	line-height: 22px;
	color: #1d2088;
}
.prdnav li:hover a{
	transform: scale(1.1);
}
.prdnav li.active a{
	text-decoration: underline;
}
.prdnav ul{
	gap: 30px;
}
.prdmd{
	padding: 25px 0;
	background: #fff;
}
.prdmd:nth-child(even){
	background: #f5f5f5;
}
.pdlbox{
	background: #eee;
	padding: 25px;
	border-radius: 6px;
	margin-top: 10px;
}
.pdlbox .morea{
	background: #f4c51f;
	color: #000;
}

.cob1l{
	width: 30%;
	margin-right: 2%;
	position: relative;
	border: 1px solid #0063a4;
	padding: 1px;
}
.cob1l select{
	width: 100%;
	height: 45px;
	border: 1px solid #ddd;
	text-align: center;
	font-size: 16px;
	padding: 0 10px;
	min-width: 200px;
	background-color: #0063a4;
	color: #ffffff;
}
.cob1l select option{
	background: #fff;
	color: #000;
}
.slti{
	height: 100%;
	display: flex;
	align-items: center;
	position: absolute;
	right: 10px;
	top: 0;
	color: #fff;
}
.cob1r{
	background: #F5F5F5;
	padding: 10px 20px;
}
.cob2{
	border: 1px solid #ddd;
	padding: 15px 20px;
}
.cob2 li{
	width: 50%;
	padding: 3px 0;
}
.cob2 li a{
	text-decoration: underline;
}


@media only screen and (max-width:1499px) {
	.md{
		padding: 70px 0;
	}
	.hdrsca{
		width: 30px;
		height: 30px;
	}
	.hdrsca img{
		height: 18px;
	}
	.nav li, .hdra{
		margin-left: 25px;
	}
	.ita_a{
		padding: 20px 12px;
	}
	.ita_a img{
		height: 45px;
	}
	.itar img{
		height: 50px !important;
	}
	.itw{
		margin-top: -60px;
	}
	.i1aico{
		width: 70px;
		height: 70px;
	}
	.i1w {
		padding: 0 60px;
	}
	.swiper-button-next-pb{
		right: -15px;
	}
	.swiper-button-prev-pb{
		left: -15px;
	}
	
	/*about*/
	.ab3a{
		height: 500px;
	}
	
	/*sectorSolutions*/
	.jf1video::after,.jf2img_video::after{
		background-size: 70px;
	}
}
@media only screen and (min-width:768px) and (max-width:1199px) {
	.md{
		padding: 60px 0;
	}
	.i3rw{
		padding-top: 25px;
	}
	
	/*products*/
	.pdra{
		width: 50%;
	}
	
	/*products_info*/
	.pitrb a{
		width: 140px;
	}
	.pitrb a span{
		font-size: 20px;
	}
	
	/*news*/
	.neatxt i{
		width: 45px;
		height: 45px;
		font-size: 20px;
	}
	
	/*about*/
	.ab3a{
		height: 400px;
	}
	
	/*sectorSolutions*/
	.jf1video::after,.jf2img_video::after{
		background-size: 60px;
	}
	
	/*cycjetStories*/
	.vdicoimg::after{
		background-size: 45px !important;
	}
}
@media only screen and (max-width:950px) {
	.md{
		padding: 50px 0;
	}
	
	.se2a {
		width: 50%;
	}
	
	.xi1tl{
		overflow: hidden;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}
	.xi1tl li, .xi1tl a{
		line-height: 35px;
		padding: 0 18px;
		margin: 3px;
	}
}
@media only screen and (max-width:768px) {
	.right{
		right: 0;
		transform: scale(.5);
	}
	.md{
		padding: 25px 0;
	}
	.bnbg{
		padding: 0;
	}
	.bntxt p{
		display: none;
	}
	.bntxt h1{
		font-size: 18px;
	}
	.itw{
		padding-top: 15px;
		margin-top: 0;
	}
	.bntxt a, .bntxt span{
		padding: 3px 15px;
		font-size: 12px;
	}
	.bn1box .bnimg{
		border-radius: 0 0 10px 0;
		min-height: 180px;
	}
	.bn1box::after{
		border-radius: 0 0 10px 0;
		bottom: -3px;
	}
	.ita{
		width: 50%;
	}
	.ita_a_ac{
		padding: 10px 20px !important;
	}
	.ita_a{
		padding: 12px;
		min-height: 100%;
	}
	.ita_a h3{
		line-height: 1.3;
	}
	.ita.active .itar{
		display: none;
	}
	.i1w{
		padding: 0 40px;
	}
	.swiper-button-next-pb, .swiper-button-prev-pb{
		width: 34px;
		height: 34px;
		margin-top: -17px;
		font-size: 16px;
	}
	.swiper-button-next-pb{
		right: -5px;
	}
	.swiper-button-prev-pb{
		left: -5px;
	}
	.i1aico{
		width: 50px;
		height: 50px;
		font-size: 12px;
		top: -40px;
		right: 15px;
	}
	.i1atxt{
		padding: 25px 15px;
	}
	.i1aimg .i1aimgbg{
		background-size: 100% 30px !important;
	}
	.morea{
		padding: 7px 20px;
		font-size: 13px;
	}
	.vdico{
		background-size: 50px;
	}
	.i2ba_more{
		padding: 7px 18px;
	}
	.i3rw{
		padding: 25px 15px;
	}
	.i3l{
		border-radius: 0 0 20px 0;
	}
	.i3ba {
		align-items: center;
		width: 100%;
	}
	.i3ba img{
		height: 40px;
	}
	.i3baline{
		width: 100%;
		margin: 15px 0;
		border-bottom: 1px solid #E6E6E6;
		border-left: 0 !important;
	}
	.i3bar h1{
		line-height: 30px;
	}
	.i3r1{
		padding: 10px 20px;
	}
	.i5t li{
		padding: 3px 12px;
		min-width: 80px;
		margin: 5px;
		border-width: 1px !important;
	}
	.i5bw{
		padding: 0 15px;
	}
	.i5ab{
		padding: 10px 15px;
	}
	.i5a{
		width: 100%;
	}
	.i6a{
		display: block;
		padding: 18px 0;
	}
	.i6m{
		margin: 15px 0;
	}
	.i6r{
		width: 100%;
	}
	.itopr{
		margin-left: 0;
	}
	.i4a{
		width: 100%;
	}
	.xi1tl{
		overflow: hidden;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}
	.xi1tl li, .xi1tl a{
		line-height: 35px;
		padding: 0 18px;
		margin: 3px;
	}
	.itopline{
		margin: 15px auto;
		width: 30px;
	}
	.ft{
		padding: 15px 0;
		text-align: center;
	}
	.ftl {
		justify-content: center;
	}
	.logo{
		height: 35px;
	}
	/*.foot a.morea{
		display: inline-block;
		margin-top: 15px;
	}*/
	.fmt{
		display: none !important;
	}
	.fm{
		border: 0;
		padding: 0;
	}
	.ftr{
		display: flex;
		justify-content: center;
		margin-top: 18px;
	}
	.fmr{
		display: none;
	}
	.fml{
		text-align: center;
	}
	.fmb{
		margin: 0 !important;
	}
	.fmbl h3{
		justify-content: center;
		width: 100%;
		margin-right: 0;
		font-size: 15px;
		padding: 3px 0;
	}
	.fmbl h3 i{
		width: 28px;
		height: 28px;
		font-size: 12px;
	}
	.fmbr{
		margin-top: 15px;
		justify-content: center;
	}
	.fmbr a{
		margin: 0 10px;
	}
	.fmbr a i{
		font-size: 20px;
	}
	.fb{
		text-align: center;
	}
	.fbl span{
		margin: 0;
	}
	.fmlline{
		width: 25px;
		margin: 15px auto;
	}
	.i2ba{
		min-height: 350px;
	}
	.ftl{
		display: block;
		text-align: center;
	}
	.ftl h2{
		margin: 0;
		padding: 0;
		border: 0;
		margin-top: 12px;
		font-size: 15px;
	}
	
	/*breadcrumb*/
	.listnav{
		background: #F8F8F8;
		border-bottom: 1px solid #E6E6E6;
		padding: 10px 0;
		color: #777;
	}
	
	/*products*/
	.listmd{
		padding-top: 25px !important;
	}
	.listbn{
		min-height: 140px;
	}
	.lbna a{
		font-size: 12px;
		padding: 3px 15px;
	}
	.lbntxt .txt{
		display: none;
	}
	.lbnline{
		width: 30px;
		height: 2px;
		margin: 15px 0 0 0;
	}
	.pdl{
		min-width: 250px;
		position: static;
		margin-bottom: 25px !important;
	}
	.pdraimg{
		width: 35%;
		margin-right: 3%;
	}
	.pdra{
		width: 100%;
	}
	.pdra_1 .morea_prd{
		display: none;
	}
	.pdra_1 .pdratxt p{
	    -webkit-line-clamp: 2;
		line-clamp: 2;
	}
	.page a{
		width: 32px;
		height: 32px;
	}
	
	/*products_info*/
	.pitt{
		width: 100%;
	}
	.pibtnl, .pibtnr{
		display: none;
	}
	.pi1ta{
		height: 75px;
	}
	.gallery-thumbs{
		height: auto;
		margin: 0;
	}
	.pitb{
		width: 100% !important;
		margin: 0 !important;
		margin-top: 15px !important;
	}
	.pi1ba{
		width: 100%;
		height: 250px;
	}
	.pitrt{
		padding-bottom: 12px;
	}
	.pitrb a{
		padding: 7px 0;
		width: 180px;
	}
	.pitrb a span{
		font-size: 16px;
	}
	.nitxt video, .nitxt img,.nitxt .ql-video-ext{
		max-width: 100% !important;
	}
	
	.pinav{
		position: static !important;
	}
	.pitrb a{
		margin: 0;
	}
	.pinav a{
		padding: 0 25px;
		line-height: 40px;
		font-size: 13px;
	}
	.pibox{
		padding: 20px;
	}
	.pititle i{
		width: 6px;
		height: 6px;
	}
	
	/*news*/
	.nir{
		position: static;
	}
	.nirt {
		padding: 10px;
	}
	.nir1w a{
		padding: 13px 0;
	}
	.nir3w{
		padding: 15px 20px;
	}
	.nibota{
		padding: 8px 15px;
	}
	.nibota p{
		font-size: 13px;
	}
	.neal i{
		width: 30px;
		height: 30px;
		font-size: 13px;
	}
	.nea{
		padding: 20px 0;
	}
	.nea:first-child{
		padding-top: 10px !important;
	}
	.neatxt i{
		width: 30px;
		height: 30px;
		font-size: 14px;
	}
	.page a{
		width: 30px;
		height: 30px;
		font-size: 12px;
	}
	
	.nibota{
		padding: 8px 15px;
	}
	.nibota p{
		font-size: 13px;
	}
	.neal i{
		width: 30px;
		height: 30px;
		font-size: 13px;
	}
	
	/*about*/
	.ab2{
		padding: 35px 0;
	}
	.ab2w{
		width: 70%;
		height: auto;
		padding: 22px;
	}
	.ab2w img{
		height: 35px;
	}
	.ab2w::after, .ab2w::before{
		width: 18px;
		height: 18px;
	}
	.ab2w::before {
	    border-width: 0 3px 3px 0;
	}
	.ab2w::after {
	    border-width: 3px 0 0 3px;
	}
	.ab3a{
		width: 100% !important;
		height: 250px;
		border-radius: 10px;
		margin-bottom: 15px;
	}
	.ab3abg .txt{
		opacity: 1;
		visibility: inherit;
		margin-bottom: 0;
	}
	.ab4w{
		padding: 25px 0;
	}
	.ab4l i{
		width: 3px;
		height: 18px;
	}
	
	/*contact*/
	.co1lab{
		justify-content: space-between;
	}
	.co1laba{
		width: 30%;
		margin: 0;
	}
	.co1laba img{
		width: 100%;
	}
	.co1r .co1ra{
		width: 100%;
	}
	.lc2a_a input{
		height: 45px;
		padding: 0 15px;
		font-size: 13px;
		border-radius: 4px;
	}
	.lc2a_a textarea{
		height: 130px;
		padding: 15px;
		border-radius: 4px;
	}
	.lc2a_a button{
		padding: 10px 30px;
		font-size: 14px;
	}
	.co1r .lc2a_a input{
		height: 45px;
	}
	.co1r .lc2a_a textarea{
		height: 120px;
	}
	
	/*sectorSolutions*/
	.listtop_line{
		width: 30px;
		height: 2px;
	}
	.jf1video::after,.jf2img_video::after{
		background-size: 40px;
	}
	.jf3a{
		width: 50%;
	}
	.jf3a .i1atxt{
		padding: 10px 15px;
	}
	
	/*automationIntegration*/
	.zd1w{
		padding: 5px 10px;
	}
	
	/*cycjetStories*/
	.vdicoimg::after{
		background-size: 50px !important;
	}
	.gs4t li img{
		max-width: 50%;
	}
	.gs5a{
		width: 100%;
		padding: 20px;
	}
	
	/*sectors*/
	.gs4bw{
		margin-top: 25px;
	}

	.ppya{
		width: 50%;
	}
	
	.prdnav{
		padding: 0;
		position: static;
	}
	.prdnav .wrap_1500{
		overflow: hidden;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}
	.prdnav ul{
		padding: 15px 0;
		gap: 5px 25px;
		display: flex;
		flex-wrap: nowrap;
		width: -moz-min-content;
		width: min-content;
	}
	.prdnav ul li{
		width: max-content;
	}
	.pdlbox{
		padding: 20px;
	}
	
	.se2aimg{
		height: 150px;
	}
	.se2a_a{
		padding-top: 70px;
	}
	.se2a{
		margin-top: 100px;
	}

	.cob2 li{
		width: 100%;
	}
	.i2baw{
		margin-bottom: 130px;
		zoom: .65;
	}
}