@charset "utf-8";

/*--------refactoring alert css begin-------------*/
.modal {
  display: none; 
  position: fixed;
  z-index: 1000; 
  left: 0;
  top: 0;
  width: 100%; 
  height: 100%; 
  background-color: rgba(0, 0, 0, 0.5); 
}

.modal-content {
  background-color: #1c3c6e;
  margin: 15% auto; 
  padding: 10px;
  width: 80%;
  max-width: 300px;
  color:#fff;
}
.modal-content button {
  display: block;
  margin: 20px auto 0;
  padding: 5px 20px;
  background-color: #4CAF50;
  color: white;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}

.modal-content button:hover {
  background-color: #f3e04e;
  color:#000;
}
/*---------refactoring alert css end-----------------*/

.subscribe{
	background-color: var(--main-yellow-color);
	padding-top:20px;
	padding-bottom:20px;
	position: relative;
}
.subscribe-area{
    display: flex;
	position: relative;
}

.sub-input-full{
	position: relative;
	width:100%;
	height:40px;
	margin-top:15px;
}
.sub-input-full input{
	width:100%;
	padding-left:5px;
	height:40px;
	border:0;
	position: relative;
}
.sub-input-full .newsletterbutton{
	height:40px;
	position: absolute;
	top:0;
	right:-9px;
	border:0px;
	z-index: 10;
	background-color:var(--main-blue-color);
	color:var(--main-white-color);
	padding-left:20px;
	padding-right:20px;
	cursor: pointer;
	font-size:16px;
}
.sub-input-full .newsletterbutton:hover{
	background-color:var(--main-black-color);
	color:var(--main-yellow-color);
}

.subscribe-area .sub-quality img{
	margin-left:10px;
	margin-right:10px;
}
@media screen and (min-width: 993px) {
.subscribe-area .sub-input{
	width:65%;
	}
.subscribe-area .sub-quality{
	display: flex;
	align-items: center;
	justify-content: center;
	width:30%;
}
	
}
@media screen and (max-width: 992px) {
	.subscribe-area{
		flex-wrap: wrap;
	}
.subscribe-area .sub-input{
	width:100%;
	text-align: center;
	}
.subscribe-area .sub-quality{
	padding-top:15px;
	text-align: center;
	width:100%;
}	
.subscribe-area .sub-input{
	padding-left:15px;
	padding-right:15px;
}
}

.bottombg{
	background-color: var(--main-blue-color);
	padding-top:25px;
	color:var(--main-white-color);
	line-height:28px;
}
.bottombg a{
	color:var(--main-white-color);
}
.bottombg a:hover{
	color:var(--main-yellow-color);
}
.bottomcont ul{
	display: flex;
	margin:0;
	padding:0;
}
.service-custmer{
	padding-right:25px;
	display: inline-block;
}
.add-area-unit{
	margin-bottom:20px;
	padding-left:15px;
	padding-right:15px;
}
.bottom-webabout-link {
	padding-left:15px;
	padding-right:15px;
}
.bottom-webabout-link a{
	display: block;
	padding-top:12px;
	padding-bottom:12px;
}
.shareicon span{
	font-size:24px;
	width:48px;
	height:48px;
}
@media screen and (min-width: 993px) {

.bottombg{
	padding-bottom:35px;
	}
.bottomcont ul li:nth-child(1){
	width:28%;
}
.bottomcont ul li:nth-child(2){
	width:42%;
}
.bottomcont ul li:nth-child(3){
	width:25%;
}
.bottomcont ul li:nth-child(4){
	width:5%;
	text-align: center;
}
	.shareicon span{
	display: block;
		margin-bottom:10px;
	}
}
@media screen and (max-width: 992px) {
	.bottombg{
	padding-bottom:125px;
	}
	.bottomcont ul{
		flex-wrap: wrap;
}
		
.bottomcont ul li{
	width:100%;
}
.service-custmer{
		padding-left:15px;
	}
.bottomcont ul li:nth-child(4){
		padding-top:25px;
	    text-align: left;
		padding-left:15px;
}
	.shareicon span{
	display: inline-block;
	margin-left:8px;
	margin-right:8px;
	}
}

.lastlay{
	border-top:1px solid #4c658d;
	text-align: center;
	padding-top:25px;
	padding-bottom:65px;
}
.lastlay a{
	margin-right:15px;
}



.right-tit{
	font-size:20px;
	margin-bottom:10px;
}
.right-small-tit{
	font-size:18px;
	margin-bottom:10px;
	position: relative;
	padding-left:15px;
}
.right-small-tit::before{
	content:"";
	width:10px;
	height:10px;
	background-color: var(--main-blue-color);
	position: absolute;
	left:0;
	top:7px;
}
.right-nav-li > li >a {
	display: inline-block;
	padding-right:15px;
}
.right-menu{
	margin-left:0;
	padding-left:0;
}
.right-menu li{
	border-bottom:1px solid #ccc;
/*	padding:10px;*/
	margin-top:0px;
	margin-bottom:0px;
	position: relative;
	cursor: pointer;
/*	padding-right:15px;*/
}
.right-menu li a{
	display: block;
	padding:10px 25px 10px 10px;
}
.right-menu > li .menu-dropdown-icon{
	position: absolute;
	top:0px;
	right:0px;
	width:40px;
	height:42px;
	line-height:42px;
	text-align: center;
}

.right-menu li:hover{
	 background-color: var(--main-yellow-color);
}
.right-menu li.rightchoose{
	background-color: var(--main-hui-color);
}

.right-menu li.rightchoose > a,.right-menu li:hover > a{
	font-weight:bold;
	color:var(--main-black-color);
	background-color: var(--main-yellow-color);
	text-decoration: none;}

.right-menu li ul{
	padding-left:0;
	display: none;
	width:94%;
	margin:0 auto 15px auto;
}
.right-menu li ul li:last-child{
	border-bottom:0px;
}
.right-menu li.menu-dropdown-icon::after{
	content: "";
	width:10px;
	height:10px;
	position: absolute;
	border-top:3px solid #000;
	border-right:3px solid #000;
	transform: rotate(45deg);
	top:15px;
	right:15px;
	text-align: center;
	line-height:40px;
}
.right-menu li ul li{
	border-bottom:1px solid #ccc;
}

.relatedlist{
	margin-left:0;
	padding-left:0;
}
.relatedlist li{
	border-bottom:1px solid #ccc;
	padding:10px;
	margin-top:0px;
	margin-bottom:0px;
}
.relatedlist li:hover{
	 background-color: var(--main-yellow-color);
}
.relatedlist li.rightchoose > a,.relatedlist li:hover > a{
	font-weight:bold;
}
.pronote{
background-color:var(--main-yellow-color);
color:#000;
font-size:12px;
padding:5px 8px 5px 8px;
border-radius: 5px;
margin:20px auto;
}
.adc_ad{
	max-width:100%;
	margin:auto;
}
@media screen and (min-width: 993px) {
  .adc_ad{
display: block;
	}
}
@media screen and (max-width: 992px) {
  .adc_ad{
		display: none;
	}
}


@media screen and (min-width: 993px) {
.dofor{
	display: flex;
	flex-wrap: wrap;
}
}
@media screen and (max-width: 992px) {
 .dofor{

}
}
.dofor div[class*="col"]{
	margin-bottom:15px;
	font-size:14px;
	text-align: center;
}
.dofor a{
    line-height:1.5em;
	display: block;
	color:var(--main-block-color);
    width:100%;
}
.dofor a:hover{
	background-color:var(--main-blue-color);
	color:var(--main-white-color);
}

.scolltopbutton{
	font-size:28px;
	font-weight:700;
	color:#000;
	background-color:var(--main-yellow-color);
	padding:10px 15px;
}
.scolltopbutton:hover{
	background-color:#d8c008;
	color:#fff;
}

.tab_nav {
	position: relative;
	margin-top: 20px;
}

.tab_nav span {
	margin-right: 15px;
	padding: 5px 10px 5px 10px;
	display: inline-block;
	border-left: 1px solid #efefef;
	border-right: 1px solid #efefef;
	border-bottom: 1px solid #efefef;
	background-color: #f2f2f2;
	cursor: pointer;
}

.tab_nav span:hover,.tab_nav .tab_choosebg {
	background-color: var(--main-yellow-color);
	color: #000;
}

.tab_cont {
	padding: 20px;
	position: relative;
	border: 1px solid #efefef;
	display: none;
}

.reviewsbox{
	padding:10px 15px 15px 15px;
}
.r-item{
	display: flex;
	border-bottom:1px solid #efefef;
	padding-bottom:15px;
	margin-bottom:10px;
}
.r-item img{
	width:60px;
	height:60px;
	border:1px solid #ccc;
	border-radius: 60px;
}
.r-item .r-cont{
	padding:0px 15px 0px 15px;
	display: block;
	width:100%;
	position: relative;
}
.r-item .r-cont .r-start{
	font-size:14px;
	color:#666;
/*	display: inline-block;*/
}
.r-item .r-cont .r-start span{
	margin-right:5px;
	color:var(--main-yellow-color);
}
.r-item .r-cont .r-links{
	width:90px;
	height:30px;
	position: absolute;
	top:0;
	right:0px;
	color:#ff0000;
}
.r-item .r-cont .r-cont-box{
	margin-top:10px;
	margin-bottom:10px;
}
.r-item .r-cont .r-time{
	text-align: right;
	font-size:12px;
	color:#666;
	display: block;
	width:100%;
}


/*MAQING BEGIN*/
.red {
	color: red
}

.orange {
	color: #fa8b15
}

.gray {
	color: #777
}

.mtop10,.mt-10 {
	margin-top: 10px
}

.mtop15,.mt-15 {
	margin-top: 15px
}

.mtop20,.mt-20 {
	margin-top: 20px
}

.mtop30,.mt-30 {
	margin-top: 30px
}

.mtop40,.mt-40 {
	margin-top: 40px
}

.mtop50,.mt-50 {
	margin-top: 50px
}

.mbottom10,.mb-10 {
	margin-bottom: 10px
}

.mbottom15,.mb-15 {
	margin-bottom: 15px
}

.mbottom20,.mb-20 {
	margin-bottom: 20px
}

.mbottom30,.mb-30 {
	margin-bottom: 30px
}

.mbottom40,.mb-40 {
	margin-bottom: 40px
}

.mbottom50,.mb-50 {
	margin-bottom: 50px
}

ul.border-box>li {
	margin-bottom: 0
}

ul.border-box {
	padding: 15px 15px 15px 30px
}

.border-box {
	border: 1px solid #1a5ca3;
	padding: 15px;
	border-radius: 5px
}

.bg-box {
	background: #e9eff9;
	padding: 10px 15px;
	border-radius: 5px
}

div.bg-box,div.border-box {
	margin-bottom: 25px
}

@media (min-width:992px) {
	.list-box,.flex-box {
		display: flex;
		flex-wrap: wrap
	}

	.list-box div[class*="col-md"] {
		display: flex
	}
}

.flex-box .border-box {
	margin-bottom: 0;
	height: 100%
}

.list-box div[class*="col-md"],.flex-box div[class*="col-md"] {
	margin-bottom: 20px
}

.list-box a {
	display: flex;
	align-items: center;
	border: 1px solid #ddd;
	width: 100%;
	padding: 10px;
	border-radius: 5px;
	position: relative;
	transition: all ease .4s;
	text-align: left
}

.list-box a:before {
	position: absolute;
	content: '';
	background: #2391cc;
	z-index: -1;
	top: 0;
	right: auto;
	bottom: auto;
	left: 0;
	width: 0;
	height: 100%;
	opacity: 1;
	border: solid 2px #2391cc;
	transition: all ease .4s
}

.list-box a:hover {
	color: #fff;
	border: 1px solid transparent
}

.list-box a:hover:before {
	right: 0;
	width: 100%;
	border-radius: 5px
}

.flex-box p {
	margin-bottom: 15px
}

.flex-box p:last-child {
	margin-bottom: 10px
}

@media(min-width: 992px) {
	.bg-box>.row {
		display: flex;
		flex-wrap: wrap;
	}

	.border-box ul:last-child,.border-box p:last-child,.bg-box div[class*="col-md"]>p:last-child,.bg-box div[class*="col-md"] img,.bg-box ul:last-child {
		margin-bottom: 0
	}
}

.bg-box>.row .ServiceShowPic, .bg-box>.row .show-center {
	height: 100%;
	width: 100%;
	position: relative;
	overflow: hidden;
	min-height: 140px;
}

.bg-box>.row .ServiceShowPic img,.bg-box>.row .show-center img {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	min-width: 100%;
	min-height: 100%;
	max-width: 120%;
}

.next-box a {
	display: flex;
	align-items: center;
	height: 180px;
	position: relative;
	width: 100%;
	color: #fff;
	text-align: center;
	border-radius: 5px;
	transition: all ease .4s;
	margin-bottom: 30px;
}

.next-box h2,.next-box h3 {
	padding: 5px;
	background: rgba(0,0,0,.4);
	font-weight: normal;
	margin-bottom: 0;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 5px;
	font-size: 1.2em;
}

.next-box a:hover {
	box-shadow: 0 0 10px #ccc;
	transform: scale(1.02);
}
/*MAQING end*/


/*-------------------2024-6-28 public css begin-----------------------------------*/
.box-radius{
	border-radius:5px;
	padding:10px;
	display:block;
	margin-top:10px;
	margin-bottom:10px;
	position:relative;
}
.bluebg,.yellowbg,.light-bluebg{
	text-align: center;
	font-weight:bold;
}
.bluebg{
	background-color:#1a3a6f;
	color:#fff;
}
.yellowbg{
	background-color:#f3e04e;
	color:#000;
}
.light-bluebg{
	background-color:#c7daf1;
	color:#000;
}
.entrance-list div[class*="col"],.blue-entrance-list div[class*="col"],.light-blue-entrance-list div[class*="col"]{
	margin-bottom:15px;
}
.entrance-list,.blue-entrance-list,.light-blue-entrance-list{
	display: flex;
	flex-wrap: wrap;
	margin-bottom:15px;
}

.entrance-list a,.blue-entrance-list a,.light-blue-entrance-list a{
	display: flex;
	border:1px solid #ccc;
	padding:10px;
	width:100%;
	align-items: center;
	justify-content:center;
	text-align: center;
	line-height:1.4em;
	border-radius: 5px;

}
.blue-entrance-list a{background-color:#1a3a6f;color:#fff;}
.light-blue-entrance-list a{background-color:#c7daf1;color:#000;}
.entrance-list a:hover,.blue-entrance-list a:hover,.light-blue-entrance-list a:hover {
	background-color:#f3e04e;
	color:#000;
}

.text-box-style,.text-box-style-blue{
	border-radius:5px;
	padding:20px;
	display:block;
	margin-top:10px;
	margin-bottom:10px;
	position:relative;
	border:1px solid #ccc;
}
.text-box-style-blue{
	border:2px solid #1a3a6f;
}
.text-box-style p,.text-box-style-blue p{
	padding-bottom:8px;
}
.textboxstyle-area span{
	padding:10px;border-top-left-radius: 5px;border-top-right-radius: 5px; text-align: center; 
	display: block;margin:auto !important;
	background-color: #1c3c6e;color:#fff;
}
.textboxstyle-area .box-radius_titarea{
	padding:15px 15px 5px 15px; display: block;margin-bottom:10px; position: relative;
	border:1px solid #1c3c6e;
}
.textboxstyle-area-yellow span{
	padding:10px;border-top-left-radius: 5px;border-top-right-radius: 5px; text-align: center; 
	display: block;margin:auto !important;
	background-color: #f3e04e;
	color:#000;
}
.textboxstyle-area-yellow .box-radius_titarea{
	border:1px solid #f3e04e;
}

.textboxstyle-area-light-pink span{
	padding:10px;border-top-left-radius: 5px;border-top-right-radius: 5px; text-align: center; 
	display: block;margin:auto !important;
	background-color: #fbe5d6;
	color:#c19207;
}
.textboxstyle-area-light-pink .box-radius_titarea{
	border:1px solid #fbe5d6;
}
.textboxstyle-area-light-pink-yellow span{
	padding:10px;border-top-left-radius: 5px;border-top-right-radius: 5px; text-align: center; 
	display: block;margin:auto !important;
	background-color: #fff2cc;
	color:#c19207;
}
.textboxstyle-area-light-pink-yellow .box-radius_titarea{
	border:1px solid #fff2cc;
}
.textboxstyle-area-light-blue span{
	padding:10px;border-top-left-radius: 5px;border-top-right-radius: 5px; text-align: center; 
	display: block;margin:auto !important;
	background-color: #deebf7;
	color:#c19207;
}
.textboxstyle-area-light-blue .box-radius_titarea{
	border:1px solid #deebf7;
}

@media (min-width: 993px){
.textboxstyle-area span,
.textboxstyle-area-yellow span,
.textboxstyle-area-light-pink span,
.textboxstyle-area-light-pink-yellow span,
.textboxstyle-area-light-blue span{
	width:50%;
	}
}
@media (max-width: 992px){
.textboxstyle-area span,
.textboxstyle-area-yellow span,
.textboxstyle-area-light-pink span,
.textboxstyle-area-light-pink-yellow span,
.textboxstyle-area-light-blue span{
	width:100%;
	}
	}

.textboxstyle3{
	margin-bottom:15px;
}
.textboxstyle3 .box_r_con{
	display: block;
	border-radius:5px; 
	padding:20px;
	height:100%;
}
.blue3 .box_r_con{
	background-color: #c7daf1;
}
.yellow3 .box_r_con{
	background-color: #f3e04e;
}

.textboxstyle-45{
	display: flex;
	flex-wrap: wrap;
	margin-bottom:15px;
}
.textboxstyle-45 div[class*="col"]{
	margin-bottom:25px;
	padding-top:25px;
}

.textboxstyle-45 .textboxstylecont{
	display: block;
	border-radius:5px; 
	height:100%;
	position: relative;
	padding:10px 15px 10px 15px;
}
.textboxstyle-45 .textboxstylecont span{
	display: block;
	border-radius:5px; 
	padding:10px;
	text-align:center;
	font-weight:bold;
	width:80%;
	margin:-30px auto auto auto !important;
}
.textboxstyle-45 .textboxstylecont div{
	padding-top:5px;
	margin:0px !important;
}
.textboxstyle-45 .textboxstylecont div p{
	margin:0px;
	padding:0px;
}

.blue45 span{
	border:1px solid #1c3c6e;background-color:#1c3c6e;color:#fff;
}
.blue45 .textboxstylecont{
	border:1px solid #1c3c6e;
}
.yellow45 span{
	border:1px solid #f3e04e;background-color:#f3e04e;color:#000;
}
.yellow45 .textboxstylecont{
	border:1px solid #f3e04e;
}

.textboxstyle-7{
	display: flex;
	flex-wrap: wrap;
	margin-bottom:15px;
}
.textboxstyle-7 .box_r_con{
	height:100%;
	border-radius: 5px;
}
.textboxstyle-7 .bluecolor{
	background-color: #c7daf1;
}
.textboxstyle-7 .light-yellowcolor{
	background-color: #ebf1de;
}


.list_number div[class*="col-md"] span.bgcolor-green{background-color: #00b050;}
.list_number div[class*="col-md"] span.bgcolor-yellow{background-color: #eadf00;color:#000;}
.list_number{ text-align:left;}
.list_number div[class*="col-md"]{padding-left:55px;margin-top:10px;margin-bottom:10px; position: relative;}
.list_number div[class*="col-md"] span{background-color: #1c3c6e;color:#fff;width:30px;height:30px; text-align: center;line-height:30px; display: inline-block;top:5px;margin-right:10px; position: absolute;left:15px;}

.section_site {
	cursor: pointer;
	position: relative;
	font-size: 16px !important;
	background-color: #efefef;
	display: block;
	border-radius: 5px;
}

.faqnavsite {
	cursor: pointer;
	display: block;
	padding: 15px;
	position: relative;
}

.fontbacktop {
	display: inline-block;
	cursor: pointer;
	color: #0E62CC;
	margin-left: 10px;
	position: absolute;
	width: 60px;
	height: 50px;
	z-index: 100;
	line-height: 50px;
	top: 0;
	right: 0;
}

.faqnavsite::after {
	content: "›";
	display: inline-block;
	width: 40px;
	height: 50px;
	line-height: 45px;
	position: absolute;
	top: 0;
	right: 60px;
	text-align: center;
	font-size: 30px;
}

.faqlist {
     padding-left:5px;
	}
.faqlist p,.faqlist ul,.faqlist ol{
	display: none;
	}
.faqlist li{
	list-style-position: outside;
    list-style: none;
	border-bottom:1px solid #efefef;
	padding-top:8px;
	padding-bottom:8px;
				}
.faqlist ul li,.faqlist ol li{
	border:0;
	list-style-type: disc !important;
}
.faqlist ul li p{
	margin-top:15px;
}

.sFAQTit {
	display: block;
	position: relative;
	padding-right: 60px;
	font-weight: bold;
}

.sFAQTit::after {
	content: "›";
	display: inline-block;
	width: 40px;
	height: 30px;
	line-height: 30px;
	position: absolute;
	top: 0;
	right: 0;
	text-align: center;
	font-size: 26px;
}

.flow-chart{margin-bottom:15px;}
.flow-chart .fcunit span.bgcolor-green{background-color: #00b050;}
.flow-chart .fcunit span.bgcolor-yellow{background-color: #eadf00;color:#000;}
.flow-chart .fcunit span.bgcolor-yellow a{color:#000;}
.flow-chart div[class*="col"]{position: relative;}
.flow-chart .fcunit{display: block; position: relative;}
.flow-chart .fcunit span{background-color: #1c3c6e;color:#fff;padding:10px;border-radius: 5px;line-height:22px; display: flex; align-content: center; align-items: center; min-height:70px;}
.flow-chart .fcunit span a{color:#fff;display: inline-block;}
.flow-chart .fcunit p{padding:10px;margin-bottom:0;border:1px solid #ddd;border-radius: 5px;margin-top:15px;}
.flow-chart .fcunit ul{border:1px solid #ddd;border-radius: 8px;padding:10px;}
.flow-chart .fcunit ul li{margin-bottom:0px; margin-left:15px;}
.flow-chart div[class*="col"]:after{font-size:30px;height:50px; text-align: center;font-weight:bold;}
.flow-chart div[class*="col"]:last-child:after{content:"";}
@media (min-width: 993px){
.flow-chart .fcunit{width:88%;}
.flow-chart div[class*="col"]:after{content:"→"; position: absolute;top:100px;right:0;width:50px;}
}
@media (max-width: 992px){
.flow-chart .fcunit{width:100%;}
.flow-chart div[class*="col"]:after{content:"↓"; position: relative; display: block; text-align: center;width:100%;margin-top:10px;}
}

.box_r_con{border-radius:15px;padding:20px}
.table_td_padd td{padding:10px;margin:auto !important}

.tablecontentshow{margin:auto auto 15px auto}
.tablecontentshow td{padding:5px}
.tablecontentshow .servicetheadbg,.tablecontentshow thead{background-color:#f3e04e;color:#000;}
.tablecontentshow{margin:auto auto 15px auto}
.tablecontentshow td{padding:5px}
.tablecontentshow .servicetheadbg{background-color:#39c;color:#fff}

/*---------------------2024-6-28 public css end----------------------------------*/
.reviewdiv_bg_full,.publication_full{ position: fixed;width:100%;height:100%;top:0px;left:0px; background-color:rgba(0,0,0,0.8);z-index: 1000; display: none;}
.reviewdiv_bg_full iframe,.publication_full iframe{border:0;}
.reviewdiv_bg_full .hbsptmain_bg_close,.publication_full .hbsptmain_bg_close{position: absolute;top:0px;right:0px;width:50px;height:50px;line-height:50px;color:#fff;display: inline-block;text-align: center;cursor: pointer;z-index:200;
}
.reviewdiv_bg_full .hbsptmain_bg_close:hover,.publication_full .hbsptmain_bg_close:hover{background-color:#f3e04e;color:#000;}
.reviewdiv_bg_full .iframemain,.publication_full .iframemain{margin:30px auto auto auto;z-index:100;}
/*#product-list-group-position{ display: none;height:1px;}*/
.publications-form{text-align:right; cursor: pointer;}
.publications-form:hover{color:#f3e04e;font-weight:bold;}