﻿@charset "utf-8";
@font-face{font-family:'Open Sans';
	src:url('../fonts/Open Sans.woff2');
	src:url('../fonts/Open Sans.eot?#iefix') format('Open Sans'),
		url('../fonts/Open Sans.woff') format('woff'),
		url('../fonts/Open Sans.ttf') format('truetype'),
		url('../fonts/Open Sans.svg#Open Sans') format('svg');
	     font-display:swap;
}
@font-face{font-family:'Open Sans Light';
	src:url('../fonts/Open Sans Light.woff2');
	src:url('../fonts/Open Sans Light.eot?#iefix') format('Open Sans Light'),
		url('../fonts/Open Sans Light.woff') format('woff'),
		url('../fonts/Open Sans Light.ttf') format('truetype'),
		url('../fonts/Open Sans Light.svg#Open Sans Light') format('svg');
	   font-display:swap;
}
@font-face{font-family:'open-sans-bold';
	src:url('../fonts/open-sans-bold.woff2');
	src:url('../fonts/open-sans-bold.eot?#iefix') format('Open Sans Light'),
		url('../fonts/open-sans-bold.woff') format('woff'),
		url('../fonts/open-sans-bold.ttf') format('truetype'),
		url('../fonts/open-sans-bold.svg#open-sans-bold') format('svg');
	    font-display:swap;
}
@font-face {
    font-family: 'CenturyGothic';
    src: url('../fonts/CenturyGothic.eot'); /* IE9 Compat Modes */
    src: url('../fonts/CenturyGothic.eot?#iefix') format('Open Sans Light'), /* IE6-IE8 */

    url('../fonts/CenturyGothic.ttf')  format('truetype'), /* Safari, Android, iOS */
    url('../fonts/CenturyGothic.svg#CenturyGothicbold') format('svg'); /* Legacy iOS */
	font-display:swap;
}
html, body { 
    scroll-behavior:smooth;
}
body {
    margin: 0px;
    padding: 0px;
	font-family: 'Open Sans', sans-serif;
    background-position: top center;
    background-repeat: no-repeat;
	font-size: 16px;
    font-weight: normal;
    -webkit-text-size-adjust: none;
	-webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
	-ms-font-smoothing: antialiased;
	-o-font-smoothing: antialiased;
    color: #444;


}
.yellow{color:#f3e04e;}

ul,li{list-style:none;padding:0px;margin:0px;}
a{ text-decoration:none;}
a:hover{transition:color .3s;text-decoration:none;}
input,textarea,select,a:focus {
   outline: none;
}
.clear {
    clear: both;
}
.red{color:#ff0000;}

h2,h3,h4,h5,h6 { margin:20px 0 20px 0 !important;}
h2{
	font-size:22px !important;
}
h3{
	font-size:18px !important;
}
h4{
	font-size:14px !important ;
}
h5{
	font-size:12px ;
}
h6{
	font-size:12px;
}


.open-sans{font-family: 'Open Sans', sans-serif !important;}
.open-sans-light{font-family: 'Open Sans Light', sans-serif !important;}
.open-sans-bold{font-family: 'open-sans-bold', sans-serif !important;}

@media screen and (min-width: 1280px){	
.content-width{width:88%;}
.small_content-width{width:88%;margin:auto; position:relative;display:block;}
}
@media screen and (min-width: 769px) and (max-width: 1279px){
.content-width{width:88%;}
.small_content-width{width:88%;margin:auto;position:relative;display:block;height:auto;}
	}
@media screen and (max-width: 768px){
	.content-width{width:88%;}
	.small_content-width{width:88%;margin:auto;position:relative;display:block;}
	}

.topad_pic{background-color: #f3e04e;color:#000000;font-size:15px; position: relative; text-align: 
center;/*padding-top:5px;padding-bottom:5px;*/padding:0px;margin:0px;}
.topad_pic img{width:100% !important;height:auto;}
.topad_pic .col-md-6{padding:0px;margin:0px;}
.topad_pic .col-md-6:nth-child(1){background-color: #ffffff !important;}
.topad_pic .ad_close{position: absolute;width:50px;height:70px;top:0;right:0;color:#0061cd !important; z-index: 10000; text-align: center;}
.topad_pic .ad_close i{width:50px;height:70px;}
.topad_pic .ad_close:hover{color:#1b3b6b !important;}
.topad_pic h3{width:80%;margin:10px auto 10px auto;}
.topad_pic p{width:80%;margin:10px auto 10px auto;}


@media (min-width:769px){
	.source-img-box{
	display: block;
	height:75px;
	background-image: url(https://www.cblcdn.com/_noindex/ad_exhibition/upcoming-events-pic-1.png);
	background: -webkit-image-set(url(https://www.cblcdn.com/_noindex/ad_exhibition/upcoming-events-pic-1.webp) 1x,url(https://www.cblcdn.com/_noindex/ad_exhibition/upcoming-events-pic-1.webp) 2x);
	background: image-set(url(https://www.cblcdn.com/_noindex/ad_exhibition/upcoming-events-pic-1.webp) 1x,url(https://www.cblcdn.com/_noindex/ad_exhibition/upcoming-events-pic-1.webp) 2x);
	background: url("https://www.cblcdn.com/_noindex/ad_exhibition/upcoming-events-pic-1.png");
	background-repeat: no-repeat;
    background-size:contain;
    background-position: center;
}
}

@media (max-width:768px) {
   .source-img-box{
	display: block;
	height:90px;
	background-image: url(https://www.cblcdn.com/_noindex/ad_exhibition/upcoming-events-pic-2.webp);
	background: -webkit-image-set(url(https://www.cblcdn.com/_noindex/ad_exhibition/upcoming-events-pic-2.webp) 3x);
	background: image-set(url(https://www.cblcdn.com/_noindex/ad_exhibition/upcoming-events-pic-2.webp) 3x);
	background-repeat: no-repeat;
    background-size:contain;
    background-position: center;
}

}


.topad_pic img:nth-child(2){display: none;}
/*@media (min-width: 768px)and (max-width: 1024px){
	.topad_pic{height:240px;}
}*/
@media(max-width:767px) {
/*    .topad_pic{height:102px;}*/
	.topad_pic p{width:95%;}
	.topad_pic h3{width:95%;}
	/*.topad_pic img:nth-child(2){display: block;}
    .topad_pic img:nth-child(1){display: none;}*/
}
.topad_pic .ad_button{border-radius:5px; background-color: #0061cd;color:#ffffff;padding:5px 20px 5px 20px;margin:auto; display: inline-block;}
.topad_pic .ad_button:hover{background-color: #1b3b6b;}
/*
.inquiry-button{
	cursor: pointer;
	color:#0061cd;
}
*/


/***==================== nav Css style begin========***/
#header{height:90px;margin:0 auto;}
.autoheader{width:100%;margin:0 auto; /*background-color:#1c3c6e;*/z-index:1000;/*border-bottom:1px solid #eeeeee;*/ }

.navMenu{/*color:#000;*/height:40px;}
.navMenu span{display:inline-block;margin-right:5px;font-size:16px; cursor:pointer;font-weight:bold;width:110px;padding:10px;height:40px;text-align:center;}
/*.navMenu span:first-child{width:90px;}*/
.navMenu i{margin-right:8px;}
.menuShow .menuclosed i,.searchclosed i{margin-right:5px;color:#1c3c6e;}
.menuShow .menuclosed:hover,.searchclosed:hover {background-color: #f3e04e;color:#444 !important;}
.navMenu span:hover{/*color:#0061cd;*/background-color: #f3e04e;color:#444 !important;transition: color .3s ease;}
#logo{width:120px;height:60px;margin:10px;}


.menuShow{ display:none;background-color:rgba(255,255,255,1); width:100%;height:650px;color:#000; box-shadow: 0 0 8px #ccc;border-top:6px solid #f3e04e;}
.menuShow .menuclosed,.searchclosed{ position:fixed;left:0px;top:5px;color:#444;padding:8px;z-index:1000;font-size:16px; cursor:pointer;}
.menuShow .menuclosed,.searchclosed:hover{color:#1c3c6e;}
.menuShow .mennav{background-color:rgba(255,255,255,1);height:120px;padding:20px 6% 20px 6%;}
.menuShow .mennav ul{padding:0;margin-top:35px;margin-left:auto;margin-right:auto; }
.menuShow .mennav > ul > li{border-bottom:1px solid #666; line-height:24px;/*padding-right:50px;*/}
.menuShow .mennav > ul > li > a,.menuShow .mennav > ul > li > span{color:#444; display:block; position:relative;font-size:16px;font-weight:bold; text-decoration: none;padding:8px; cursor: pointer;}
.menuShow .mennav > ul > li > span.menu-dropdown-icon-n{position: absolute;top:0px;right:0px;width:40px;height:40px;line-height:40px;padding:0px;z-index: 1000;text-align: center;}
.menuShow .mennav > ul > li:hover{transition: border .3s ease;}
.menuShow .mennav > ul > li:hover > a,.menuShow .mennav > ul > li:hover > span{background-color: #f3e04e;color:#444;transition: color .3s ease;}
.menuShow .mennav > ul > li .secondMenu{left:0;width:100%; text-align:left;display: none;}
.menuShow .mennav > ul > li .secondMenu ul li.col-md-6{padding-left:0px;}
.menuShow .mennav > ul > li .secondMenu h2{margin-bottom:8px;padding-bottom:0px;}
.menuShow .mennav > ul > li .secondMenu p{line-height:26px;font-size:16px;}
.menuShow .mennav > ul > li > .secondMenu .bannerbutton{font-size:16px;color:#444;}
.menuShow .mennav > ul > li > .secondMenu .bannerbutton:hover{color:#f3e04e;}
.menuShow .mennav > ul > li .secondMenu .Highlights_tit{color:#444 !important;margin-top:35px;}
.menuShow .mennav > ul > li .secondMenu .HighlightsArea{padding:0px;margin:0px 0px 0px 0px;}
.menuShow .mennav > ul > li .secondMenu .HighlightsArea li{ text-align:left;}
.menuShow .mennav > ul > li .secondMenu .HighlightsArea li img{margin-bottom:5px;margin-top:10px; display:block;max-width: 100%;height:100%; position: relative;}
.menuShow .mennav > ul > li .secondMenu .HighlightsArea li{line-height:18px !important;}
.menuShow .mennav > ul > li .secondMenu .HighlightsArea li > a{padding-top:0;padding-bottom:0px;margin-top:0;margin-bottom:0;font-size:14px; position: relative;color:#444 !important;}
.menuShow .mennav > ul > li .secondMenu .HighlightsArea li > a i{margin-right:5px;}
.menuShow .mennav > ul > li .secondMenu .MenuList {margin-top:15px;}
.menuShow .mennav > ul > li .secondMenu .MenuList li {margin-bottom:25px;border-left:1px solid #666666;line-height:20px;padding-top:5px;padding-bottom:5px;}
/*.menuShow .mennav > ul > li .secondMenu .MenuList > li.col-md-4{height:200px;overflow-y: auto;}*/
.menuShow .mennav > ul > li .secondMenu .MenuList li > a{color:#444;font-size:16px;font-weight:bold;}
.menuShow .mennav > ul > li .secondMenu .MenuList li:hover{border-left:1px solid #444;}
/*.menuShow .mennav > ul > li .secondMenu .MenuList li:hover .three_menu{ display:block;}*/
.menuShow .mennav > ul > li .secondMenu .MenuList li a:hover {color:#f3e04e;transition: color .3s ease;text-decoration: none;}
.menuShow .mennav > ul > li .secondMenu .MenuList li .three_menu{font-size:14px !important;font-family: 'Open Sans Light', sans-serif;margin-top:10px !important;}
.menuShow .mennav > ul > li .secondMenu .MenuList li .three_menu > li{padding-right:25px;font-weight:normal;}
.menuShow .mennav > ul > li .secondMenu .MenuList li .three_menu > li a{ display:block;color:#444;font-size:14px !important;}
.menuShow .mennav > ul > li .secondMenu .MenuList li .three_menu > li a:hover{color:#f3e04e;text-decoration: none;}
.second-menu-area-box{/*display:table;*/width:100%;}
.menu-dropdown-icon-n:before {
    content: "\f107";
    font-family: "Font Awesome 5 Free";
    display: none;
    cursor: pointer;
/*    padding: 0 1em 0 0;*/
    color: #444;
	font-size:24px;
font-weight:bold;
/*
position:absolute;
right:0;
top:0;
padding-left:10px;
*/
height:50px;
z-index:1000;

}
.three_menu{margin-top:0 !important;}
.three_menu li{border-left:0 !important;margin-top:0 !important;margin-bottom:0 !important;padding-top:5px !important;padding-bottom:5px !important; position:relative !important;}
.three_menu li a{display:inline-block !important;}
.three_menu li > ul{margin-top:0 !important;padding-top:0 !important;}
.three_menu li > ul > li{padding-left:10px;padding-right:10px;font-size:14px;/*font-style:italic*/;}
.three_menu li .three_menu_arrow,.navi-menu-li-2 > .three_menu_arrow{position:absolute;width:20px;height:20px; text-align:center;font-size:20px;right:0;top:5px;color:#444; display: inline-block; z-index: 1000;}
.three_menu li:hover .three_menu_arrow{color:#0061cd;}
.three_menu li:hover > a{color:#f3e04e !important;}
.three_menu .totalnum{margin-left:5px;color:#ff0000; background-color: none;}

.menuShow .mennav > ul > li .secondMenu::-webkit-scrollbar
{
	width: 15px;
	height: 15px;
	background-color: #666;
	border-radius: 15px;
}
 
.menuShow .mennav > ul > li .secondMenu::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3);
	border-radius: 15px;
	background-color: #666;
}
 
.menuShow .mennav > ul > li .secondMenu::-webkit-scrollbar-thumb
{
	border-radius: 15px;
	-webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3);
	background-color: #FFFFFF;
}


.search-input{ border-radius:5px;line-height:40px; padding-left:10px; width:100%;border:1px solid #000000; height:40px;font-size:14px; background-color:#ffffff;color:#000000;}
.search_title{width:100%;  margin-top:5px; display:block;}
.search_title label{color:#444; padding-right:10px;}
.search{width:100%; height:auto; overflow:hidden; margin-top:8px;}
.searchShow{display:none;background-color:rgba(255,255,255,0.95); width:100%;height:100%;color:#000; position:fixed; z-index:1000;top:0;left:0;border-top:6px solid #f3e04e;}
.searchShow .addsearch{margin:auto;}
.top-search .radio-inline,.addsearch .radio-inline,.addsearch .radio-inline + .radio-inline,.top-search .radio-inline + .radio-inline{margin-top:10px;margin-left:0px;padding-right:5px;}	

.search-div{padding-left:0px !important;}
.top-search, .addsearch{position: relative;}
.search-div .search_btn,.csearch-div .search_btn{background-color:#f3e04e; position:absolute;right:0;height:40px;line-height:40px;display:inline-block;width:50px;color:#444444;border-bottom-right-radius:5px;border-top-right-radius:5px; text-align:center;font-size:20px; cursor:pointer;border:1px solid #f3e04e;}

.search-div .search_btn:hover,.search-div .search_btn:hover{color:#fff;background-color:#1b3b6b;border:1px solid #1b3b6b;}

/*select Item*/
.selectItems{position:absolute;z-index:99999;top:40px;left:0px;background-color:#fff;width:100%;border-left:#ccc solid 1px;border-right:#ccc solid 1px;border-bottom:#ccc solid 1px;}
.selectItems ul{list-style:none;font-size:14px;padding:3px 0;margin:0px !important;}
.selectItems ul li{line-height:22px; padding:4px 12px 0 12px; color:#666;cursor:pointer; text-align:left;}
.selectItems ul li:hover{color:#f60;}                 
.selectItems ul li.curr{color:#f60;background-color:#efefef;}
	
@media (min-width: 1367px){	
.autoheader{position: fixed;}
#header{width:95%; height:auto;  margin:0 auto; position: relative;}
.navMenu{ position: absolute;padding-top:20px;}
#logo{float:right;border:0px;}
.header_right{width:30%;}
.fixed{
position: fixed;
z-index: 1000; 
left:0;	
border-bottom:1px solid #ccc;
}
.fixed #logo{width:120px;}
.fixed .navMenu span{color:#000;}
.fixed #header{height:auto;}

.nav_bg{width:100%;height:100%;position:fixed; background-color: rgba(0,0,0,0.6);left:0;top:0;z-index: 100; display: none;}
	
.menuShow{position:fixed;left:0;top:0; z-index:1000;}
.menuShow .mennav > ul > li{/*width:10%;*/ display: inline-block; float:left; text-align:center;height:65px;padding-left:10px;padding-right:10px;}
.menu-dropdown-icon-n{ display:none;}
.menuShow .mennav > ul > li .secondMenu{overflow-y: auto; padding-bottom:40px;margin-top:20px;padding-top:10px; position: absolute; z-index:1000;height:510px;}
/*.menuShow .mennav > ul > li .secondMenu .MenuList li .three_menu{display:block;}*/
.top-search{width:50%; position: absolute;top:8px;right:6%;}
.addsearch{width:50%;position: absolute;top:150px;left:25%;}
.menuShow .mennav{border-bottom:2px solid #000;}

	.menuShow .mennav > ul > li .secondMenu .MenuList {display:flex;flex-wrap: wrap;}
    .navi-menu-li-2 > .three_menu_arrow,.menuShow .mennav > ul > li > span.menu-dropdown-icon-n{ display: none;}

}
@media (min-width: 1280px)and (max-width: 1366px){
.autoheader{position: fixed;}
#header{width:95%; height:auto;  margin:0 auto; position: relative;}
.navMenu{ position: absolute;padding-top:20px;}
#logo{float:right;display:inline-block; border:0px; }
.header_right{width:30%;}
.fixed{
    position: fixed;
    z-index: 99;
	left:0;
	border-bottom:1px solid #ccc;
}
.fixed #logo{width:120px;margin-top:0;}
.fixed #header{height:auto;}
.menuShow{position:fixed;left:0;top:0; z-index:11000;}
.menuShow .mennav > ul > li{width:11%;float:left;height:65px;}
.menu-dropdown-icon-n{ display:none;}
.menuShow .mennav > ul > li .secondMenu{overflow-y: auto;padding-bottom:40px;margin-top:20px; padding-top:10px; position: absolute;z-index: 1000; height:510px;}
.top-search{width:60%; position: absolute;top:10px;right:2%;}
.addsearch{width:50%;position: absolute;top:60px;left:25%;}
.menuShow .mennav{border-bottom:1px solid #444444;}

	.menuShow .mennav > ul > li .secondMenu .MenuList {display:flex;flex-wrap: wrap;}
        .navi-menu-li-2 > .three_menu_arrow,.menuShow .mennav > ul > li > span.menu-dropdown-icon-n{ display: none;}{ display: none;}
}
@media (min-width: 769px) and (max-width: 1279px){
	/*.MenuList li .three_menu{ overflow-y: scroll;height:100px;}*/
.autoheader{position: fixed;/*height:90px;height:150px*/}
#header{width:95%;  margin:0 auto; position: relative;height:90px;}
.navMenu{ position: absolute;padding-top:20px;}
#logo{float:right;display:inline-block; border:0px; }
.header_right{width:30%;}
.fixed{position: fixed;z-index: 99;left:0;border-bottom:1px solid #ccc;}
.fixed #logo{width:120px;}
/*.fixed .navMenu span{color:#f3e04e;}*/
.fixed #header{height:auto;}
.menuShow{position:fixed;left:0;top:0; z-index:11000;text-align:left;height:500px; overflow-y:scroll;}
.menuShow .mennav > ul > li{width:11%;float:left;text-align:center;height:65px;}
.menu-dropdown-icon-n{ display:none;}
.menuShow .mennav > ul > li .secondMenu{overflow-y: auto;padding-bottom:40px;margin-top:20px;padding-top:10px;  position: absolute;z-index: 1000; height:510px;}
.menuShow .mennav > ul > li .secondMenu .MenuList li .three_menu{ display:block;}
.top-search{width:76%; position: absolute;top:10px;right:5%;}
.addsearch{width:50%;position: absolute;top:60px;left:25%;}
.menuShow .mennav{border-bottom:1px solid #444444;}
.menuShow .mennav > ul > li .secondMenu .HighlightsArea{margin:0px;}
.menuShow .mennav > ul > li .secondMenu .Highlights_tit{margin:35px 0px 0px 0px;font-size:24px !important;display: block;}
    .navi-menu-li-2 > .three_menu_arrow,.menuShow .mennav > ul > li > span.menu-dropdown-icon-n{ display: none;}
	
}
@media (max-width: 768px){
	.MenuList li .three_menu{ }
	.autoheader{position: fixed;/*background-color:#1c3c6e;*/}
	.autovideoHeader{position: relative; text-align: center;padding-bottom:15px;padding-top:15px;background-color:#444444;}
#header{width:95%;  margin:0 auto;height:90px; position: relative;}
.navMenu{position: absolute;padding-top:25px;/*padding-top:38px;*/height:90px;}
/*.navMenu span:last-child{float:right;}*/
/*	.navMenu span{color:#f3e04e;}*/
#logo{float:right;display:inline-block; border:0px; }
/*#logo{max-width:100%; height:auto; display:inline-block; border:0px; margin-top:5px;}*/
.fixed{
    position: fixed;
	border-bottom:1px solid #ccc;

}
	
.menuShow{position: fixed;left:0;top:0; z-index:11000;text-align:left;height:95%; overflow-y:scroll;height:550px;}
.menuShow .mennav > ul > li{width:100%; position: relative;}
.menu-dropdown-icon-n:before{ display:block;}
.menuShow .mennav > ul > li .secondMenu{ position: relative;z-index: 1000;padding-bottom:30px;margin-top:0;padding-top:0; /*height:300px; overflow-y:scroll;*/}
.menuShow .mennav > ul > li .secondMenu .MenuList li .three_menu{ display:none;}
.menuShow .top-search{position: relative;bottom:0; background: #ffffff;z-index: 12000;width:100%;padding:15px 5px 20px 5px;border-top:1px solid #ccc;}
.menuShow .mennav{height:auto;}
.addsearch{width:90%;position: absolute;top:60px;left:5%;}
.menuShow .mennav{}
.menuShow .mennav > ul > li .secondMenu .HighlightsArea{margin:0px;}
.menuShow .mennav > ul > li .secondMenu .Highlights_tit{margin:35px 0px 0px 0px;}
	.search-div{margin-top:10px;}
	.menuShow .mennav ul{/*margin-top:35px;*/margin-top:15px;width:100% !important;}
    .second-menu-area-box > ul > li:nth-child(2){display: none;}
    
}
.nav_list_dispaly{display: block;}
/***==================== nav Css style end========***/


/***==================== search-css style begin========***/
#logo{ display:inline-block; border:0px; }
.header_right{height:auto; overflow:hidden; border:0px red solid; float:right; font-family:"Open Sans";}
/***==================== search-css style end========***/


/*--------------second banner begin--------------*/

.services_bg_2{
	background-image: url("../images/Services-banner.jpg");
	background: -webkit-image-set(url("../images/Services-banner.webp") 1x,url(../images/Services-banner.webp) 2x,url(../images/Services-banner-min.webp) 3x);
	background: image-set(url("../images/Services-banner.webp") 1x,url(../images/Services-banner.webp) 2x,url(../images/Services-banner-min.webp) 3x);
background-repeat: no-repeat;
background-size: cover;
background-position: center top;
	}
.products_bg_2{
		background-image: url("../images/product-banner.jpg");background: -webkit-image-set(url("../images/product-banner.webp") 1x);background: image-set(url("../images/product-banner.webp") 1x);
background-repeat: no-repeat;
background-size: cover;
background-position: center top;
}

.resources_bg{
background-image: url("../images/Support-Documents-banner.jpg");background: -webkit-image-set(url("../images/Support-Documents-banner.webp") 1x);background: image-set(url("../images/Support-Documents-banner.webp") 1x);
background-repeat: no-repeat;
background-size: cover;
background-position: center top;
}

.Support-Documents_bg{
background-image: url("../images/Support-Documents-banner.jpg");
	background: -webkit-image-set(url("../images/Support-Documents-banner.webp") 1x,url(../images/Support-Documents-banner.webp) 2x,url(../images/Support-Documents-banner-min.webp) 3x);
	background: image-set(url("../images/Support-Documents-banner.webp") 1x,url(../images/Support-Documents-banner.webp) 2x,url(../images/Support-Documents-banner-min.webp) 3x);
background-repeat: no-repeat;
background-size: cover;
background-position: center top;
}

.ScholarshipProgram_bg{
background-image: url("../images/Scholarship-Program-right-all.jpg");
	background: -webkit-image-set(url("../images/Scholarship-Program-right-all.webp") 1x,url(../images/Scholarship-Program-right-all.webp) 2x,url(../images/Scholarship-Program-right-all-min.webp) 3x);
	background: image-set(url("../images/Scholarship-Program-right-all.webp") 1x,url(../images/Scholarship-Program-right-all.webp) 2x,url(../images/Scholarship-Program-right-all-min.webp) 3x);
background-repeat: no-repeat;
background-size: cover;
background-position: center top;
}

.aboutus_bg{
		background-image: url("../images/about-us-banner.jpg");
	background: -webkit-image-set(url("../images/about-us-banner.webp") 1x,url(../images/about-us-banner.webp) 2x,url(../images/about-us-banner-min.webp) 3x);
	background: image-set(url("../images/about-us-banner.webp") 1x,url(../images/about-us-banner.webp) 2x,url(../images/about-us-banner-min.webp) 3x);
background-repeat: no-repeat;
background-size: cover;
background-position: center top;
}

.contact_bg{
background-image: url("../images/contact-Distributors-banner.jpg");
	background: -webkit-image-set(url("../images/contact-Distributors-banner.webp") 1x,url(../images/Support-Documents-banner.webp) 2x,url(../images/contact-Distributors-banner-min.webp) 3x);
	background: image-set(url("../images/contact-Distributors-banner.webp") 1x,url(../images/Support-Documents-banner.webp) 2x,url(../images/contact-Distributors-banner-min.webp) 3x);
background-repeat: no-repeat;
background-size: cover;
background-position: center top;
}

.Newsletter_bg{
	background-image: url("../images/Newslette-banner.jpg");background: -webkit-image-set(url("../images/Newslette-banner.webp") 1x);background: image-set(url("../images/Newslette-banner.webp") 1x);
background-repeat: no-repeat;
background-size: cover;
background-position: center top;
}

.peer-reviewed-publications_bg{
background-image: url("../images/Support-Documents-banner.jpg");background: -webkit-image-set(url("../images/Support-Documents-banner.webp") 1x);background: image-set(url("../images/Support-Documents-banner.webp") 1x);
background-repeat: no-repeat;
background-size: cover;
background-position: center top;
}

.services_bg, .products_bg,.solutions_bg,.Platforms_bg_2,.inquiry_bg
{background-color: #1c3c6e; background-image: linear-gradient(#1c3c6e, #2b5393);}
.inquiry_bg_small{ position:relative;padding-bottom:70px;}
.oder_tag{
	font-size:14px !important;
	padding:3px 8px 3px 8px;
	font-weight:lighter !important;
	background: #0061cd;
	color:#fff;
	border-radius: 3px;
}

@media only screen and (min-width: 768px) {
.services_bg{background:url(../images/Services_bg_1.jpg); background-repeat:no-repeat; background-size:cover; background-position:top center;}
.products_bg{background:url(../images/Products_banner_bg.jpg); background-repeat:no-repeat; background-size:cover; background-position:top center;}
.solutions_bg{background:url(../images/SOLUTIONS-bg.jpg); background-repeat:no-repeat; background-size:cover; background-position:top center;}
.resources_bg{background:url(../images/Resource-Documents-bg.jpg); background-repeat:no-repeat; background-size:cover; background-position:top center;}
.Platforms_bg_2{background:url(../images/Platforms-banner.jpg); background-repeat:no-repeat; background-size:cover; background-position:top center;}
.inquiry_bg{background:url(../images/inquiry-bg-pic.png); background-repeat:no-repeat; background-size:cover; background-position:center;}
}
.banner_inpage{width:100%;margin:0 auto;  position:relative;}
.banner_inpage .bread-crumb {margin-bottom:10px;font-size:16px;padding-bottom:15px !important;margin-left:0px !important;}
.banner_inpage a{color:#000;}
.banner_inpage .auto-container{ z-index: 20 !important;}
.banner_inpage span{color:#fff; display: inline-block;margin-bottom:10px;}
.banner_inpage .bread-crumb i{font-size:15px !important;}

.auto-container{ /*max-width:1200px;*/width:88%;margin:auto;}
.auto-container p{margin:0 0 15px 0; padding:10px 0;  line-height:28px;color:#000;font-size:20px;text-align:center; font-family:"Open Sans Light", Arial, Helvetica, sans-serif;}
.auto-container .fa-caret-down{ cursor: pointer;}
.white_color h2,.white_color h1,.white_color p{color:#fff;}
.auto-container img{
	max-width:100%;display: block;
}
.jobtit{
	font-size:20px;
	font-weight:bold;
	display: block;
	margin-bottom:15px;
}

.about_container p{text-align:left !important;font-style: italic;}
.about_container i{ display:inline-block;font-size:50px;margin-left:5px;}
/*.small_content-width p,.small_content-width h2{width:100% !important;}*/
.auto-container .video { cursor:pointer;}
.auto-container .video .videobg{/* background-color:rgba(0,0,0,0.6);*/position: absolute;left:0px;top:0; z-index:10;width:100%;height:100%; text-align:center;}
.auto-container .video i{position: absolute;left:40%;top:35%;font-size:90px;color:#ffffff;}
.graybg{ background-color:#f2f2f2;padding-top:25px;padding-bottom:25px;margin-bottom:25px;}
.graybg_contact{ background-color:#f2f2f2;margin-bottom:25px; display:table;width:100%;}

.about-list{padding-bottom:55px; display: flex; flex-wrap: wrap;}
/*.about-list div[class*="col"] p{min-height:230px;}*/
.about-list div[class*="col"]{padding-bottom:20px;line-height:26px;}
.about-list div[class*="col"] a{color:#0061cd;}
.about-list div[class*="col"] a:hover{background-color:#f3e04e;color:#000; text-decoration: none;}
.graybg_contact div[class*="col"]{line-height:35px;}
.graybg_contact div[class*="col"] strong{margin-top:40px;font-size:20px; display:inline-block;}
.graybg_contact div[class*="col"] i{margin-right:15px;}
.scholarship-tab{ display:table;width:100%;margin-bottom:0px !important;}
.scholarship-tab li{padding:15px 25px 15px 25px;background-color:#dddddd;margin-right:15px;font-weight:bold; cursor: pointer;}
.scholarship-tab li span{ display:inline-block; position: relative;padding-right:40px;}
.scholarship-tab li.choosebg{background-color:#f2f2f2;}
.scholarship-tab li span img{position: absolute;top:-10px;right:-5px;}

.scholarship-tab li h2,.scholarship-tab li h3{font-size:18px;font-weight:bold;padding:0px;margin:0px;}

@media (min-width: 1280px){	
/*.services_bg_2{min-height:280px !important;}*/
	.banner_inpage .bread-crumb,.banner_inpage h1,.about_container p{width:55%;}
.banner_inpage{padding-top:200px;padding-bottom:100px;}
.scholarship-tab li{float:left;}
.inpage_section_title h2,.inpage_section_title h1{padding-right:120px;}
.inpage_section_title h2 .share,.inpage_section_title h1 .share{ position: absolute;right:0;top:0; display: inline-block;}
}
@media (min-width: 769px) and (max-width: 1279px){
/*.services_bg_2{min-height:280px !important;}*/
.banner_inpage .bread-crumb,.banner_inpage h1,.about_container p{width:55%;}
.banner_inpage{padding-top:200px;padding-bottom:100px;}
.scholarship-tab li{float:left;}
	.inpage_section_title h2,.inpage_section_title h1{padding-right:120px;}
.inpage_section_title h2 .share,.inpage_section_title h1 .share{ position: absolute;right:0;top:0;display: inline-block;}
	}
@media (max-width: 768px){
/*.services_bg_2{min-height:280px !important;}*/
.banner_inpage{padding-top:180px;padding-bottom:40px;}
.scholarship-tab li{}
	.inpage_section_title h2,.inpage_section_title h1{}
.inpage_section_title h2 .share,.inpage_section_title h1 .share{ position: relative;margin-top:0;display: inline-block;}
	}
/*--------------second banner end--------------*/
/*--------------Breadcrumb navigation begin--------------*/
.pathbg{ background-color:#fdfdfd;padding-top:0;padding-bottom:15px;border-bottom:1px solid #efefef;}
.bread-crumb{position:relative;font-size:15px;margin:auto;}
.bread-crumb li{position:relative;display:inline-block;margin-right:30px;color:#000;line-height:24px;}
.bread-crumb li:last-child{margin-right:0;}
.bread-crumb li:after{content:'/';position:absolute;right:-22px;width:10px;line-height:26px;color:#000;}
.bread-crumb li:last-child:after{display:none;}
.bread-crumb li a{color:#000;font-weight:400;transition:all 0.3s ease;-moz-transition:all 0.3s ease;-webkit-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-o-transition:all 0.3s ease; text-decoration:none;}
.bread-crumb li a:hover{color:#0061cd;}
/*--------------Breadcrumb navigation end--------------*/



.inquirybutton i{font-size:28px;margin-right:5px;}
.inquirybutton:hover{background-color:#1d3c6f;transition: background-color 0.5s;}
.rig_tit{color:#1d3c6f;border-left:5px solid #f3e04e; position:relative;left:-21px;padding-left:20px;font-size:26px; display:block;font-family: 'open-sans-bold', sans-serif !important;margin-bottom:10px;}
.rig_type_tit{ position:relative;left:-21px;font-size:24px; display:block;margin-bottom:15px;padding-left:15px;padding-right:15px;}
.rightcontact{border-radius:8px;border:1px solid #dbdbdb;padding:20px;margin-top:20px;margin-bottom:20px;line-height:24px;font-size:15px; background-color: rgba(255,255,255,0.3)}
.rightcontact td{padding:5px;border:0px;}
.rightcontact i{font-size:26px;margin-top:5px;}

.inpage_section_title{margin:0 auto 20px auto; text-align:left; position:relative;border-bottom:1px solid #ccc;}

.inpage_section_title h1{
	font-size:32px;
	color:#444444;line-height:33px;font-weight:bold;
	padding:0px;
	line-height:1.2em;
	
}
.inpage_section_title h2,
.services-container h2{
		font-size:24px;
}
.services-container h3
{
	font-size:18px;
}
.services-container h4,
.services-container h5,
.services-container h6
{
	font-size:15px;
	margin-bottom:10px;
	margin-top:10px;
}
.services-container h2,
.services-container h3,
.services-container h4,
.services-container h5,
.services-container h6 
{
	font-weight: bolder;
}

.services-container:before,.services-container:after{display: table;content: " ";}
.services-container:after{clear: both;}
.services-container{position:relative; padding-top:20px;padding-bottom:20px;font-size:16px;line-height:26px; display: block;}
.services-container strong, .services-container b, .services-container h1,.services-container h2, .services-container h3, .services-container h4,.services-container h5,.services-container h6{font-family: 'open-sans-bold', sans-serif;}
.services-container p,.second-container p{line-height:30px; margin:0; padding-top:0px;padding-bottom:12px;word-wrap:break-word;}

.services-container a,.second-container a{color:#0061cd; text-decoration:none;}
.services-container a:hover,.second-container a:hover{color:#000;background:#f3e04e;text-decoration:none;}
.services-container p a{color:#0061cd; text-decoration:none;}


.services-container .col-md-9,.services-container .col-md-3{ box-sizing: border-box;}


.inpage_section_title h2 span,.inpage_section_title h1 span{ display:block;width:100px; background-color:#0061cd;height:2px;margin-top:15px;font-weight: lighter;}
.inpage_section_title .inquiry{background:#1f3687;padding:10px 15px 10px 15px;font-weight:bold; display:inline-block;}
.inpage_section_title .inquiry a{color:#ffffff; display:block;}
.inpage_section_title .inquiry:hover{background:#3399cc;transition:background-color .3s;}
.inpage_section_title .share{display:inline-block;}
.inpage_section_title > hr{height:1px;width:100%;text-align:left;background:#dbdbdb;margin:0 auto;margin-bottom:20px;border:0; }
.second-container hr{height:1px;width:100%;text-align:left;background:#dbdbdb;margin:40px auto 40px auto;border:0; }

@media (min-width: 1280px){	
.inpage_section_title .inquiry{ position:absolute; right:0;top:0;}
.inpage_section_title .share{ position:absolute; right:0;top:10px;}
.inpage_left{float:left;width:400px;padding-right:20px;}
.inpage_right{float:left;width:780px;padding-left:20px;}
/*.inpage_left{float:left;width:345px;padding-right:20px;}
.inpage_right{float:left;width:835px;padding-left:20px;}*/
}
@media (min-width: 769px) and (max-width: 1279px){
.inpage_section_title .inquiry,.inpage_section_title .share{ position:absolute; right:0;top:0;}
.inpage_left{float:left;width:30%; height:auto; overflow:hidden; display:inline-block;padding-right:20px;}
.inpage_right{float:left;width:70%;}
}
	
@media (max-width: 768px){	
 .inpage_section_title .inquiry,.inpage_section_title .share{ position: relative;}
 .inpage_section_title hr{margin-top:20px;}
 .inpage_left{width:100%; height:auto; overflow:hidden; display:inline-block;padding:15px;}
 .inpage_right{width:100%; height:auto; overflow:hidden; display:inline-block;padding:15px;}
}
.inpage_content_right{padding-top:40px;padding-bottom:40px;}

@media (min-width: 769px) and (max-width: 1279px){
    .services-container{position:relative; margin:50px auto;}
    .services-container p{line-height:30px; margin:0; padding-bottom:20px;}
    .services-container p a{color:#2f57a6; text-decoration:none;}
}
@media (max-width: 768px){
    .services-container{position:relative; margin:50px auto;}
    .services-container p{line-height:30px; margin:0; padding-bottom:20px;}
    .services-container p a{color:#2f57a6; text-decoration:none;}

}

/*============BOOTSTRAP CLS,LCP,FCP============*/
.row {
  margin-right: -15px;
  margin-left: -15px;
}
.row:before,
.row:after {
  display: table;
  content: " ";
}
.row:after{
  clear: both;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: left;
}
.col-xs-12 {
  width: 100%;
}
.col-xs-11 {
  width: 91.66666667%;
}
.col-xs-10 {
  width: 83.33333333%;
}
.col-xs-9 {
  width: 75%;
}
.col-xs-8 {
  width: 66.66666667%;
}
.col-xs-7 {
  width: 58.33333333%;
}
.col-xs-6 {
  width: 50%;
}
.col-xs-5 {
  width: 41.66666667%;
}
.col-xs-4 {
  width: 33.33333333%;
}
.col-xs-3 {
  width: 25%;
}
.col-xs-2 {
  width: 16.66666667%;
}
.col-xs-1 {
  width: 8.33333333%;
}
.col-xs-pull-12 {
  right: 100%;
}
.col-xs-pull-11 {
  right: 91.66666667%;
}
.col-xs-pull-10 {
  right: 83.33333333%;
}
.col-xs-pull-9 {
  right: 75%;
}
.col-xs-pull-8 {
  right: 66.66666667%;
}
.col-xs-pull-7 {
  right: 58.33333333%;
}
.col-xs-pull-6 {
  right: 50%;
}
.col-xs-pull-5 {
  right: 41.66666667%;
}
.col-xs-pull-4 {
  right: 33.33333333%;
}
.col-xs-pull-3 {
  right: 25%;
}
.col-xs-pull-2 {
  right: 16.66666667%;
}
.col-xs-pull-1 {
  right: 8.33333333%;
}
.col-xs-pull-0 {
  right: auto;
}
.col-xs-push-12 {
  left: 100%;
}
.col-xs-push-11 {
  left: 91.66666667%;
}
.col-xs-push-10 {
  left: 83.33333333%;
}
.col-xs-push-9 {
  left: 75%;
}
.col-xs-push-8 {
  left: 66.66666667%;
}
.col-xs-push-7 {
  left: 58.33333333%;
}
.col-xs-push-6 {
  left: 50%;
}
.col-xs-push-5 {
  left: 41.66666667%;
}
.col-xs-push-4 {
  left: 33.33333333%;
}
.col-xs-push-3 {
  left: 25%;
}
.col-xs-push-2 {
  left: 16.66666667%;
}
.col-xs-push-1 {
  left: 8.33333333%;
}
.col-xs-push-0 {
  left: auto;
}
.col-xs-offset-12 {
  margin-left: 100%;
}
.col-xs-offset-11 {
  margin-left: 91.66666667%;
}
.col-xs-offset-10 {
  margin-left: 83.33333333%;
}
.col-xs-offset-9 {
  margin-left: 75%;
}
.col-xs-offset-8 {
  margin-left: 66.66666667%;
}
.col-xs-offset-7 {
  margin-left: 58.33333333%;
}
.col-xs-offset-6 {
  margin-left: 50%;
}
.col-xs-offset-5 {
  margin-left: 41.66666667%;
}
.col-xs-offset-4 {
  margin-left: 33.33333333%;
}
.col-xs-offset-3 {
  margin-left: 25%;
}
.col-xs-offset-2 {
  margin-left: 16.66666667%;
}
.col-xs-offset-1 {
  margin-left: 8.33333333%;
}
.col-xs-offset-0 {
  margin-left: 0;
}
@media (min-width: 768px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-11 {
    width: 91.66666667%;
  }
  .col-sm-10 {
    width: 83.33333333%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-8 {
    width: 66.66666667%;
  }
  .col-sm-7 {
    width: 58.33333333%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-5 {
    width: 41.66666667%;
  }
  .col-sm-4 {
    width: 33.33333333%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-2 {
    width: 16.66666667%;
  }
  .col-sm-1 {
    width: 8.33333333%;
  }
  .col-sm-pull-12 {
    right: 100%;
  }
  .col-sm-pull-11 {
    right: 91.66666667%;
  }
  .col-sm-pull-10 {
    right: 83.33333333%;
  }
  .col-sm-pull-9 {
    right: 75%;
  }
  .col-sm-pull-8 {
    right: 66.66666667%;
  }
  .col-sm-pull-7 {
    right: 58.33333333%;
  }
  .col-sm-pull-6 {
    right: 50%;
  }
  .col-sm-pull-5 {
    right: 41.66666667%;
  }
  .col-sm-pull-4 {
    right: 33.33333333%;
  }
  .col-sm-pull-3 {
    right: 25%;
  }
  .col-sm-pull-2 {
    right: 16.66666667%;
  }
  .col-sm-pull-1 {
    right: 8.33333333%;
  }
  .col-sm-pull-0 {
    right: auto;
  }
  .col-sm-push-12 {
    left: 100%;
  }
  .col-sm-push-11 {
    left: 91.66666667%;
  }
  .col-sm-push-10 {
    left: 83.33333333%;
  }
  .col-sm-push-9 {
    left: 75%;
  }
  .col-sm-push-8 {
    left: 66.66666667%;
  }
  .col-sm-push-7 {
    left: 58.33333333%;
  }
  .col-sm-push-6 {
    left: 50%;
  }
  .col-sm-push-5 {
    left: 41.66666667%;
  }
  .col-sm-push-4 {
    left: 33.33333333%;
  }
  .col-sm-push-3 {
    left: 25%;
  }
  .col-sm-push-2 {
    left: 16.66666667%;
  }
  .col-sm-push-1 {
    left: 8.33333333%;
  }
  .col-sm-push-0 {
    left: auto;
  }
  .col-sm-offset-12 {
    margin-left: 100%;
  }
  .col-sm-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-sm-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-sm-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-sm-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-sm-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-sm-offset-0 {
    margin-left: 0;
  }
}
@media (min-width: 992px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left;
  }
  .col-md-12 {
    width: 100%;
  }
  .col-md-11 {
    width: 91.66666667%;
  }
  .col-md-10 {
    width: 83.33333333%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-8 {
    width: 66.66666667%;
  }
  .col-md-7 {
    width: 58.33333333%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-5 {
    width: 41.66666667%;
  }
  .col-md-4 {
    width: 33.33333333%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-2 {
    width: 16.66666667%;
  }
  .col-md-1 {
    width: 8.33333333%;
  }
  .col-md-pull-12 {
    right: 100%;
  }
  .col-md-pull-11 {
    right: 91.66666667%;
  }
  .col-md-pull-10 {
    right: 83.33333333%;
  }
  .col-md-pull-9 {
    right: 75%;
  }
  .col-md-pull-8 {
    right: 66.66666667%;
  }
  .col-md-pull-7 {
    right: 58.33333333%;
  }
  .col-md-pull-6 {
    right: 50%;
  }
  .col-md-pull-5 {
    right: 41.66666667%;
  }
  .col-md-pull-4 {
    right: 33.33333333%;
  }
  .col-md-pull-3 {
    right: 25%;
  }
  .col-md-pull-2 {
    right: 16.66666667%;
  }
  .col-md-pull-1 {
    right: 8.33333333%;
  }
  .col-md-pull-0 {
    right: auto;
  }
  .col-md-push-12 {
    left: 100%;
  }
  .col-md-push-11 {
    left: 91.66666667%;
  }
  .col-md-push-10 {
    left: 83.33333333%;
  }
  .col-md-push-9 {
    left: 75%;
  }
  .col-md-push-8 {
    left: 66.66666667%;
  }
  .col-md-push-7 {
    left: 58.33333333%;
  }
  .col-md-push-6 {
    left: 50%;
  }
  .col-md-push-5 {
    left: 41.66666667%;
  }
  .col-md-push-4 {
    left: 33.33333333%;
  }
  .col-md-push-3 {
    left: 25%;
  }
  .col-md-push-2 {
    left: 16.66666667%;
  }
  .col-md-push-1 {
    left: 8.33333333%;
  }
  .col-md-push-0 {
    left: auto;
  }
  .col-md-offset-12 {
    margin-left: 100%;
  }
  .col-md-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-md-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .col-md-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-md-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-md-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-md-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-md-offset-0 {
    margin-left: 0;
  }
}
@media (min-width: 1200px) {
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left;
  }
  .col-lg-12 {
    width: 100%;
  }
  .col-lg-11 {
    width: 91.66666667%;
  }
  .col-lg-10 {
    width: 83.33333333%;
  }
  .col-lg-9 {
    width: 75%;
  }
  .col-lg-8 {
    width: 66.66666667%;
  }
  .col-lg-7 {
    width: 58.33333333%;
  }
  .col-lg-6 {
    width: 50%;
  }
  .col-lg-5 {
    width: 41.66666667%;
  }
  .col-lg-4 {
    width: 33.33333333%;
  }
  .col-lg-3 {
    width: 25%;
  }
  .col-lg-2 {
    width: 16.66666667%;
  }
  .col-lg-1 {
    width: 8.33333333%;
  }
  .col-lg-pull-12 {
    right: 100%;
  }
  .col-lg-pull-11 {
    right: 91.66666667%;
  }
  .col-lg-pull-10 {
    right: 83.33333333%;
  }
  .col-lg-pull-9 {
    right: 75%;
  }
  .col-lg-pull-8 {
    right: 66.66666667%;
  }
  .col-lg-pull-7 {
    right: 58.33333333%;
  }
  .col-lg-pull-6 {
    right: 50%;
  }
  .col-lg-pull-5 {
    right: 41.66666667%;
  }
  .col-lg-pull-4 {
    right: 33.33333333%;
  }
  .col-lg-pull-3 {
    right: 25%;
  }
  .col-lg-pull-2 {
    right: 16.66666667%;
  }
  .col-lg-pull-1 {
    right: 8.33333333%;
  }
  .col-lg-pull-0 {
    right: auto;
  }
  .col-lg-push-12 {
    left: 100%;
  }
  .col-lg-push-11 {
    left: 91.66666667%;
  }
  .col-lg-push-10 {
    left: 83.33333333%;
  }
  .col-lg-push-9 {
    left: 75%;
  }
  .col-lg-push-8 {
    left: 66.66666667%;
  }
  .col-lg-push-7 {
    left: 58.33333333%;
  }
  .col-lg-push-6 {
    left: 50%;
  }
  .col-lg-push-5 {
    left: 41.66666667%;
  }
  .col-lg-push-4 {
    left: 33.33333333%;
  }
  .col-lg-push-3 {
    left: 25%;
  }
  .col-lg-push-2 {
    left: 16.66666667%;
  }
  .col-lg-push-1 {
    left: 8.33333333%;
  }
  .col-lg-push-0 {
    left: auto;
  }
  .col-lg-offset-12 {
    margin-left: 100%;
  }
  .col-lg-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-lg-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-lg-offset-9 {
    margin-left: 75%;
  }
  .col-lg-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-lg-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-lg-offset-6 {
    margin-left: 50%;
  }
  .col-lg-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-lg-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-lg-offset-3 {
    margin-left: 25%;
  }
  .col-lg-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-lg-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-lg-offset-0 {
    margin-left: 0;
  }
}

.Inquiry_form ul{list-style-type:none;list-style-position:outside;margin:0px;padding:0px;}
.Inquiry_form li{position:relative;display:inline-block;padding-right:3%;}
.Inquiry_form label{display:block;text-align:left;padding:10px 0 0 0; }
.Inquiry_form input{height:48px;width:100%; border:1px solid #cccccc; padding-left:10px;outline:none;border-radius:5px; font-family:"Open Sans", Arial, Helvetica, sans-serif;}
.Inquiry_form textarea{width:100% !important;padding-left:10px;border:1px solid #cccccc;outline:none;border-radius:5px;font-family:"Open Sans", Arial, Helvetica, sans-serif;}
.Inquiry_form .submit{font-size:1.2em;border-radius:5px;display:inline-block;text-align:center;padding:0.8em 3em 0.8em 3em;clear:both;color:#000;text-decoration:none;background-color:#f3e04e;border:0px;cursor:pointer;/*border:2px #3399cc solid;*/ font-weight:bold; margin-top:10px;font-family:"Open Sans", Arial, Helvetica, sans-serif;}
.Inquiry_form .submit:hover{background:#1c3c6e;color:#ffffff;transition:background-color .3s;/*border:2px #3399cc solid; */font-weight:bold;}
.Inquiry_form .Code{width:30%;}
.Inquiry_form textarea{padding-top:10px;}
.Inquiry_form .submitli{width:100%;}
.inquiryPicbg{ position: absolute;bottom:0;right:0; z-index:-1;}
@media (min-width: 1280px){
    .Inquiry_form li{width:25%;float:left;}
    .Inquiry_form .Interest{width:64%;}
    .Inquiry_form .ProjectDescription{width:96%;}
    .Inquiry_form textarea{width:50%;}
    .Inquiry_container{height:auto;}

}
@media (min-width: 769px) and (max-width: 1279px){
    .Inquiry_form li{width:100%;}
    .Inquiry_form label{width:100%;}
    .Inquiry_form .Interest{width:64%;}
    .Inquiry_form .ProjectDescription{width:96%;}
    .Inquiry_form textarea{width:100%;}
    .Inquiry_container{height:auto;padding-bottom:300px;}
}
@media (max-width: 768px){
    .Inquiry_form li{width:100%;}
    .Inquiry_form label{width:100%;display:inline-block;text-align:left;padding:10px 0; font-size:14px;}
    .Inquiry_form .Interest,.Inquiry_form .ProjectDescription{width:100%;}
    .Inquiry_form textarea{width:100%;}
    .Inquiry_container{padding-bottom:300px;}
}
.bottom_contac_info [data-scroll],.rightcontact [data-scroll]{ display: inline-block;}

.table-responsive {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.table-responsive > .table-bordered {
    border: 0;
}
.tablecontentshow{margin:auto auto 15px auto;}
.tablecontentshow td{padding:5px;}
.tablecontentshow .servicetheadbg{ background-color:#a7c44c;color:#ffffff;}
.tablecontentshow td.word-break-css{word-break:break-all !important;}


.tablecontentshow_pro td{padding:5px;}
.tablecontentshow_pro td.word-break-css{word-break:break-all !important;}
.tablecontentshow_pro{border-collapse:collapse;border-style: solid;border-width: 1px;}
.tablecontentshow_pro td{border-bottom:1px solid #000000;border-right:1px solid #000000;}
.tablecontentshow_pro .first_tr td{ background-color: #cc3536;color:#ffffff;}

h1,
.h1,
h2,
.h2,
h3,
.h3 {
    /*margin-top: 20px;*/
    margin-bottom: 10px;
}
h4,
.h4,
h5,
.h5,
h6,
.h6 {
    margin-top: 10px;
    margin-bottom: 10px;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    font-family: inherit;
/*    font-weight: 500;*/
    line-height: 1.1;
    color: inherit;
}

.content-width{position:relative;margin:auto; }
.content-width:before,.content-width:after{display: table;content: " ";}
.product_content_show .col-md-9,.product_content_show .col-md-3,.proshow-list,.proshow-list > ul li > ul,.proshow-list >ul .list-button{box-sizing: border-box;}
.mem_protein{display: flex;flex-wrap: wrap;}
.mem_protein div[class*="col"]{margin-bottom:20px;}
.mem_protein h2,.mem_protein h2 a{font-size:18px;color:#1c3c6e;}
.mem_protein h2:hover a{color:#f3e04e; text-decoration: none;}
.proshow-list > ul{border-bottom:1px solid #efefef;padding-bottom:15px;margin-bottom:15px; position:relative;}
.proshow-list > ul li h3 a{font-weight:bold;color:#1856b2;}
.proshow-list > ul li h3{line-height:24px;font-size:18px !important;}
.proshow-list > ul li > ul{ display:table;width:100%;font-size:15px;color:#444444;}
.proshow-list >ul .list-button{position:absolute;top:0;width:220px; text-align: right;}
.proshow-list >ul .list-button .list-inquiry{ background-color:#f3e04e;
    padding:3px 8px 3px 8px; border-radius:5px; display: inline-block;margin-bottom:10px;
    font-size:14px;/*border:1px solid #cccccc;*/margin-right:5px;}
.proshow-list >ul .list-button .list-inquiry a{color:#000;}
.proshow-list >ul .list-button .list-inquiry:hover{background-color:#1d3c6f; transition:background-color 0.3s;/*border:1px solid #ff0000;*/}
.proshow-list >ul .list-button .list-inquiry:hover a{color:#ffffff;}
.proshow-list >ul:hover li h3 a{color:#ff0000;transition:background-color 0.3s;}

@media (min-width: 1280px){
    .proshow-list > ul li h3{width:70%;}
    .proshow-list > ul li > ul li{float:left;width:40%;}
    .proshow-list >ul .list-button{position:absolute;right:1%;top:0;}
}
@media (min-width: 769px) and (max-width: 1279px){
    .proshow-list > ul li h3{width:65%;}
    .proshow-list > ul li > ul li{float:left;width:40%;}
    .proshow-list >ul .list-button{position:absolute;right:1%;top:0;}
}
@media (max-width: 768px){
    .proshow-list > ul li h3{width:100%;}
    .proshow-list > ul li > ul li{width:100%;}
    /*.proshow-list > ul li > ul li b{ display:block;width:100%;}*/
    .proshow-list >ul .list-button{position: relative;right:0;top:10px; text-align:center;}
}

.product_content_show{display:table;padding:0px 0px 30px 0px;}
.product_content_show div[class*="col-md-9"] h1{margin-bottom:30px;}
.product_content_show div[class*="col-md-9"]{line-height:26px;}
.product_content_show div[class*="col-md-3"]{padding-top:30px;}
.product_content_show .pro-descption{ display:table;width:100%;}
.product_content_show .pro-descption div[class*="col"]{padding:0px;margin:0px;}
.product_content_show .pro-descption .col-md-4{padding-left:15px !important;padding-right:15px !important;padding-bottom:15px;}

/*filter*/
.filter-one { padding-left:40px; margin-bottom:10px}
.filter-one .filter-u {margin-left:10px; max-height:300px; overflow-y:auto; overflow-x:hidden}
.filter-one .filter-u ul li {padding:3px 10px 3px 0;}
.filter-one .filter-u ul li a:hover{color:red;}
.crumbs-all{display:inline-block;padding:0 6px 1px 6px;border:1px dashed #535fb0;color:#337ab7}
.crumbs-handle{display:inline-block;padding:0 30px 1px 6px;border:1px dashed #535fb0;position:relative;color:#337ab7;}
.crumbs-handle a{font-size: 1em; padding: 1px 7px;position: absolute;right: -1px; top: -1px;text-decoration: none;color: #333;}
.crumbs-handle a.filter-close:hover {  background: #337ab7;  color: #fff  }
.filter-one .checkbox-inline{position:relative}
.filter-one .input_check{position:absolute;visibility:hidden}
.filter-one .input_check+span.check_span{display:inline-block;width:15px;height:15px;border:1px solid #c1bfbf;position:absolute;left:0;top:5px}
.filter-one .input_check:checked+span.check_span:after{content:"\f00c";position:absolute;font-family:"Font Awesome\ 5 Free";left:0;top:-5px;color:#337ab7}
.filter-one .input_check:checked+span.check_span{border:1px solid #535fb0}
.filter-one .checkbox-inline:hover{color:#337ab7}
.filter-one a.filter-close{font-size:1em;padding:1px 7px;position:absolute;right:-1px;top:-1px;text-decoration:none;color:#333}
.filter-one a.filter-close:hover{background:#535fb0;color:#fff}
.filter-one ul{list-style:none;padding:0;margin:0}
.filter-select{position:absolute;right:20px;top:0}
.filter-select span{cursor:pointer;padding:0 15px 0 5px;border:1px solid #ddd;display:inline-block;position:relative;color:#337ab7;font-size:.9em}
.filter-select span i:after{content:"\f067";font-family:"Font Awesome\ 5 Free";font-style:normal;font-size:.4em;position:absolute;top:2px;right:3px;color:#999}
.filter-select span.open i:after{content:"\f068";font-family:"Font Awesome\ 5 Free";font-style:normal;font-size:.4em;position:absolute;top:2px;right:3px;color:#999}

.FilterTitarea{ position:relative;}
.FilterTitarea span { display:inline-block; border:1px solid #efefef; border-radius:5px;padding-left:6px;padding-right:6px; background-color:#fafafa; cursor:pointer;}
.FilterTitarea span:hover{border:1px solid #0061cd; background-color:#0061cd;color:#ffffff;}
.FilterTitarea span i{font-size:15px;}
.FilterTitarea-Tit{font-weight:bold;margin-top:10px;margin-bottom:10px;font-size:16px;}
.FilterTitarea-Tit i{font-size:15px !important;}

.proTabshowcss{border-bottom:1px solid #444444;}
.proTabshowcss ul{padding:0px;margin:0px;}
.proTabshowcss li{ background-color: #efefef;padding-right:15px;padding-left:15px;}
.proTabshowcss li:first-of-type, .proTabshowcss li:nth-of-type(2) {margin-left:0px !important;}
.proTabshowcss ul li:hover,.proTabshowcss ul .choosedbg{color:#ffffff !important;background-color: #0061cd;}
.Published{padding-top:10px;padidng-bottom:10px;}
.proshowTabhead{position: relative;color:#ffffff;width:100%; display:table;/*border-bottom:2px solid #444444;*/}
.proshowTabhead ul{padding:0px;margin:0px;}
.proshowTabhead ul li { text-align:center;height:40px;font-size:18px; line-height:40px;color:#000000;float:left;margin-right:15px;/*margin-left:15px;*/ position:relative;list-style:none;text-align:center;font-weight:bold;cursor: pointer;}
.proshowTabhead ul li a{color:#000000; display:block;padding:15px ;}
.proshowTabhead ul li{}
.proshowTabhead ul li:hover .Tabcontentarea{ display:block;}
.proshowTabhead ul li:hover,.orderonline ul .choosedbg,.proshowTabhead ul .choosedbg,.orderonline ul li:hover a{color:#0061cd;}
.proshowTabhead ul .choosedbg .Twopxline .line{width: 100%;}
.quickonlineorder .form-control{}
.proshowTabhead ul li .Twopxline {
    width: 100%;
    position:absolute;
    height:6px;
    bottom:-4px;
}
.proshowTabhead ul li .Twopxline .line {
    width: 0%;
    transition: 0.5s;
    background-color: #0061cd;
    height:6px;
    box-sizing: border-box;
    margin:auto;
    position:relative;
    left:0;right:0;

}
.proshowTabhead ul li .line.active { width: 100%; }

.proshowTabcontentarea .proshowTabhead ul li{font-weight:lighter;font-size:16px}
.proshowTabcontentarea{width:100%;padding:15px; text-align:left;font-weight: normal; display:table;width:100%;}
.proshowTabcontentarea .contunit li[class*="col-md"] img{ display:block; margin:auto; max-width:100%;}
.proshowTabcontentarea .contunit{padding-top:15px;padding-bottom:15px;border-bottom:1px solid #efefef; display:table;width:100%;}
.proshowTabcontentarea .contunit p{color:#444444;margin-top:15px;margin-bottom:15px;line-height:26px;}
.proshowTabcontentarea .contunit .linkurlnote{font-size:14px;color:888888;}
.proshowTabcontentarea .contunit .linkurlnote a{color:#888888;}
.proshowTabcontentarea .contunit .more{color:#666666; display:block;margin:auto; /*text-align:center;*/}
.proshowTabcontentarea .contunit .more:hover{color:#be3640;}
.proshowTabcontentarea .contunit .applicationTag span{ display:inline-block;padding:5px 10px 5px 10px;margin-right:10px;border:1px solid #efefef; border-radius:20px;}

.decimal li{list-style: decimal !important;}
.greek li{list-style: lower-greek !important;}
.latin li{list-style: lower-latin !important;}
.upper-latin li{list-style: upper-latin !important;}
.ullist {padding:0px 0px 0px 19px;margin:0px;}
.ollist {padding:0px 0px 0px 19px;margin:0px;}
.ullist li a,.ollist li a{ text-decoration: none;}

.ullist li,.ollist li{padding-bottom:8px;}
.ullist li {list-style: disc }
.ollist li {list-style-type:decimal }
.ullist li >ul{margin-left:15px;}
.ullist li >ul>li{list-style-type:circle}
.ollist li >ul>li {list-style-type:lower-latin }
 

ul li > ul,ul li > ul li > ul { padding-bottom:0!important}

.fa-disc::before {content:"●"; font-style: normal; font-weight: normal; padding-right:5px;}
.fa-triangle::before {content:"▶"; font-style: normal; font-weight: normal; padding-right:5px; font-size:30%;}
.fa-star::before {content:"★";  font-style: normal; font-weight: normal; padding-right:5px;}

.triangle li{list-style-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCAxNy4zNjEgMTcuMzYxIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxNy4zNjEgMTcuMzYxIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwb2x5Z29uIGZpbGw9IiM1RjVGNUYiIHBvaW50cz0iMS45MjgsMTcuMzY1IDEuOTI4LDAuMSAxNS41ODQsOC43MzIgIi8+DQo8L3N2Zz4NCg==) !important;}
.star li{list-style-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0i5Zu+5bGCXzIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgMTcuNCAxNy40IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxNy40IDE3LjQ7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsOiM1RTVFNUU7fQ0KPC9zdHlsZT4NCjxnPg0KCTxnPg0KCQk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTcuNCw2LjhsLTUuMiwzLjhsMS43LDYuM2wtNS4zLTMuN2wtNS4yLDMuN2wxLjktNi4yTDAsNi44aDYuNmwyLjEtNi4ybDIuMSw2LjJIMTcuNHoiLz4NCgk8L2c+DQo8L2c+DQo8L3N2Zz4NCg==)!important;}
.disc li{list-style: disc !important;}
.roman li{list-style: lower-roman !important;}
.hollow-disc li{list-style-type:circle !important;}



.decimal li{list-style: decimal !important;}
.greek li{list-style: lower-greek !important;}
.latin li{list-style: lower-latin !important;}
.upper-latin li{list-style: upper-latin !important;}

.protocol{width:100%; display:flex; flex-wrap: wrap; padding-top:10px;padding-bottom:10px;line-height:22px;}
.protocol .proto_img{height:200px;/*border-top-left-radius: 15px;border-top-right-radius: 15px;*/margin-bottom:10px;display: flex; align-content: center; align-items: center; overflow: hidden;}
.protocol .proto_img img{display: block;max-width:100%;padding:0px !important;margin:0px auto 0px auto !important;border:0px; outline: none !important;}
.protocol .protocol_unit{border:1px solid #efefef;margin-bottom:30px;/*border-radius: 15px;*/}
.protocol .protocol_unit a{display: block;}
.protocol .protocol_unit span{ display: block;padding:10px 10px 20px 10px;/*min-height:120px;*/cursor:pointer;}
.protocol .protocol_unit:hover{ background-color: #fafafa;border:1px solid #f3e04e;}
.protocol .protocol_unit:hover a{/*color:#fff;*/ text-decoration: none;}
.FeedbackUnit .row div[class*="col-md"]{padding:0 10px 0 0px;margin:0px;}
.FeedbackUnit .row{margin-left:0;margin-right:0;margin-bottom:5px;margin-top:5px;}
.FeedbackUnit .row input,.FeedbackUnit textarea,.FeedbackUnit .row select{/*border-radius: 5px;*/padding:5px;width:100%;}
.FeedbackUnit strong{margin-bottom:10px;}
#selectmenu{margin-bottom:10px;}
.Feedbackfont{line-height:26px !important;}

.knowledge_type{ position: relative;display:table;width:100%;}

/*.type_tit{border-bottom:1px solid #ccc;}*/
.type_tit span{display: inline-block;padding:8px 15px 8px 15px;margin-right:15px; cursor: pointer;position: relative;font-weight:bold;border-radius: 30px;border:1px solid #e2e2e2;}
.type_con{display:flex;width:100%;flex-wrap: wrap;}
.type_con h3{width:100%; display: block;}
.type_tit span:hover,.type_tit_choose{background-color: #0061cd;color:#fff; }
.type_tit span:hover:after,.type_tit_choose:after{display: block !important;}
.type_tit span:after{
	content:"";
	position: absolute;
	/*background-image: url("../img/choosebg.png");background-position: right center;*/
	background-repeat: no-repeat;
	height:100%;
	width:100%;
	right:-30px;
	top:0px;
	display: none;
	z-index: -1;
}

.type_con ul{display: table;width:100%;margin-top:15px;margin-bottom:15px;}
.type_con h3{font-size:16px !important;font-weight:bold;margin-top:25px !important;border-bottom:1px solid #efefef;}
.type_con li[class*="col-md"]{padding-bottom:10px;}
.type_con li[class*="col-md"] a{color:#0061cd; display: block;padding:5px;}
.type_con li[class*="col-md"] a:hover{color:#0061cd; text-decoration: none;}
.type_con li[class*="col-md"] .type_img{height:155px;width:100%;position: relative;overflow: hidden;cursor: pointer;}
.type_con li[class*="col-md"] .type_img img{transition: all ease 0.5s;    min-width: 0;
    min-height: 0;
    width: 100%;
    height: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
}

.type_con li[class*="col-md"] .type_img .img_area{transition: all ease 0.5s; position: relative;height:155px;}
.type_con li[class*="col-md"] .type_img:hover .img_area{transform: scale(1.2) ;-ms-transform:scale(1.2) ;-moz-transform:scale(1.2);
-webkit-transform:scale(1.2);-o-transform:scale(1.2);}
.type_con li[class*="col-md"] {font-size:14px; position: relative;text-align: center; }
.type_con li[class*="col-md"] span{margin:0px 0px 0px 0px;padding:10px 10px 10px 10px;font-size:14px;line-height: 20px; background-color: #fafafa;border:0px;min-height:60px;/*display:flex;*/width:100%; align-items: center;justify-content:center; flex-wrap: nowrap; text-align: center; display: block;}
.type_con li[class*="col-md"]:hover span{ background-color: #0061cd;color:#ffffff;}

/*@media (min-width: 1280px){
    .knowledge_type .type_tit{
	padding-left:0px;
}
.knowledge_type .col-md-10{
	padding-right:0px;
}
}
@media (min-width: 769px) and (max-width: 1279px){
.knowledge_type .type_tit{
	padding-left:0px;
}
.knowledge_type .col-md-10{
	padding-right:0px;
}
}
@media (max-width: 768px){
	.type_con{padding-top:10px;}
	.type_con div[class*="col-md"]{margin-left:0px;padding-left:0px;margin-right:0px;padding-right:0px;}
}*/

/*services page General css*/
.h2_tit{
	display: block;
	border-left:5px solid #eadf00;
	padding-left:10px;
	background-color: #e8f4fa;
	padding-top:12px;
	padding-bottom:12px;
	margin-bottom:20px !important;
}
.h3_tit{
	display:block;
	padding-bottom:12px;
	margin-bottom:10px !important;
	position: relative;
	padding-left:20px;
}
.h3_tit:before{
	content:"";
	position: absolute;
	top:4px;
	left:0px;
	width:12px;
	height:12px;
	background-color:#000;
}
.h4_tit{
	display: inline-block;
	padding-top:12px;
	padding-bottom:12px;
	margin-bottom:10px !important;
	border-bottom:1px solid #1856b2;
}
.page-tab{
  position: sticky;
/*  top: 155px; */
  background-color: #fff;
/*  box-shadow: 2px 2px 4px #ddd;*/
  padding: 15px 15px 5px 0px;
  border-bottom: 3px solid #1d3c6f;
  margin-bottom: 20px;
z-index: 999;

}

.page-tab span,.page-tab a{
  padding: 7px 10px;
  display: inline-block;
  margin-right: 10px;
  margin-bottom:10px;
  background-color: #f3e04e;
  cursor: pointer; 
  color:#000;
}

.page-tab span:hover,.page-tab a:hover,.page-tab-choose{
  background-color: #1d3c6f !important;
  color: #fff !important;
}

/*@media (min-width:1280px){
.page_tab_margin{
  scroll-margin-top: 160px;
}
 .page_tab_margin-2{
  scroll-margin-top: 220px;
}
}
@media screen and (min-width: 993px) and (max-width: 1279px){
.page_tab_margin{
  scroll-margin-top: 160px;
}
 .page_tab_margin-2{
  scroll-margin-top: 270px;
}	
}
@media (max-width:992px){
    .page_tab_margin{
  scroll-margin-top:260px;
}
.page_tab_margin-2{
		scroll-margin-top:290px;
	}
}*/
/*pic tit content*/

@media(min-width: 993px) {
.pagerow{
	display:flex;flex-wrap:wrap;
	}
}
@media(max-width: 992px) {
.pagerow{
	display:flex;flex-wrap:wrap;
	}
.page-tab{
     overflow-x: auto;
    white-space: nowrap;
}
}


.pagerow div[class*="col-md"]{
padding-top:10px;
}

.pageunit{
	margin:auto auto 10px auto;
	padding:20px;
	height:200px;
	background-position: center center;
	background-size: cover;
	color:#fff;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
}
.pageunit p{
	z-index: 10;
	padding:0px;
	font-size:15px;
	text-align: left;
	line-height:1.3em !important;
}
.pageunit .unitbg{
	background-color: rgba(61,61,61,0.5);
	position: absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	z-index: 0;
}
 
.pageunit img{
	max-width:100%;
	height:auto;
	display: block;
	margin:auto;
	position: absolute;
	left:0px;
	top:0px;
}
.pagerow div[class*="col-md"]:hover p{
	color:#000;
}
.pagerow div[class*="col-md"]:hover .unitbg{
	background-color: #eadf00;
}
.pagerow div[class*="col-md"]:hover a{
	color:#f87806;
}
.link-tit{
	display: block;
	text-align: center;
	height:50px;
}
    .therapy_ad{position: relative;}
.therapy_ad img{
        max-width:100%;
        height:auto;
        display: block;
        margin:auto auto 20px auto;
}
.pagerow_pt a{
	padding:8px;
    display: inline-block;
}
/*pic tit*/
@media(min-width: 992px) {
.pagerow_pt{
	display:flex;flex-wrap:wrap;
	}
}
.pagerow_pt div[class*="col-md"]{
	min-height:240px;
}

.pagerow_pt.sitealign div[class*="col-md"]{
	text-align: center;
}

.pagerow_pt div[class*="col-md"] a{
/*	min-height:64px;*/
	display: block;
	margin-bottom:15px;
	text-align: center;
}
.pagerow_pt_unit {
    width: 100%;
    height: 175px;
    position: relative;
    margin-bottom: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	border:1px solid #e2e2e2;
}
.pagerow_pt_unit img{
	width: 100%;
	height:100%;
	object-fit: contain;
}
.pagerow_pt_unit_2 {
	width: 100%;
    height: 175px;
	  overflow: hidden;
    position: relative;
	margin-bottom:10px;
}
.pagerow_pt_unit_2 img{
	width: 100%;
	height:auto;
}
.service_list,.related_list{
	display: table;
}
.service_list div[class*="col-md"]{
	padding-top:15px;
	cursor: pointer;
}
.service_list div[class*="col-md"] a{
    font-weight:bold;
	display: block;
	margin-bottom:10px;
	font-size:16px;
}
.service_list div[class*="col-md"]:hover{
	background-color: #f8f8f8;
}
.service_list div[class*="col-md"]:hover a{
	color:#f87806;
}
@media(min-width: 992px) {
.related_list{
	display:flex;flex-wrap:wrap;
	}
}
.related_list div[class*="col-md"]{
	padding-top:5px;
	padding-bottom:5px;
	cursor: pointer;
}
.related_list div[class*="col-md"] a{
	display: block;
}
.related_list div[class*="col-md"]:hover{
	background-color: #f8f8f8;
}
.related_list div[class*="col-md"]:hover a{
	color:#f87806;
}
@media(min-width: 992px) {
.serpic_list{
	display:flex;flex-wrap:wrap;
	}
}
.serpic_list_unit{
	line-height:24px !important;
	color:#888;
	padding-top:15px;
	text-align: center;

}
.serpic_list_unit a{
	display: flex;
	text-align: center;
	justify-content: center;
	align-items: center;
}
.serpic_list_unit .imgarea{
	width:100%;
	height:260px;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom:10px;
	border:1px solid #eee;
}
.serpic_list_unit .imgarea img{
		width: 100%;
	height:100%;
	object-fit: contain;
}
.serpic_list_unit p{
	color:#444;
}
.horizontal-area{
	border-bottom:1px solid #efefef;
	padding-top:20px;
	padding-bottom:20px;
	margin-left:0px;
	margin-right:0px;
}
.horizontal-area ul{
	margin-top:10px;
}
.horizontal-img-area{
	width:100%;
	height:170px;
	margin:auto;
	display: flex;
	justify-content: center;
	align-items: center;
}
.horizontal-img-area img{
	width: 100%;
	height:100%;
	object-fit: contain;
}

.interest{
	height:50px;
	line-height:50px; 
	justify-content: center; 
	align-items: center;
	padding-left:10px;
	padding-right:10px; 
	cursor: pointer;
}
.interest:hover{
	background-color:#f3e04e;
}

.interest-bg{
	background-color: rgba(0,0,0,0.6);
	position: fixed;
	width:100%;
	height:100%;
	left:0px;
	top:0px;
	z-index: 1000;
	display: none; 
}
.interest-area .interest-close{
		position: absolute;
	    width:30px;
	height:30px;
	line-height:30px;
	text-align: center;
    color:#f3e04e;
	font-size:26px;
	top:-40px;
	right:20px;
}
.interest-area{
	position: absolute;
	width:80%;
	height:650px;
	left:10%;
	top:8%;
	padding:15px;
	background-color: #f2f2f2;
}
.interest-area .tit{
	display: block;
	font-family: 'Open Sans Light';
	margin-bottom:10px;
	font-size:20px;
	text-align: left;
}


.interest-area ul li:hover,.interest-area ul li.lichoose{
	background-color: rgba(243,224,78,0.2);
}

.interest-area ul li{
	padding:20px 10px 20px 10px;	
	cursor: pointer;
	margin-bottom:10px;
}
.interest-area ul li .img-area{
	display: block;
	width:100%;
    height:175px;
	margin-bottom:5px;
}
.interest-area ul li .img-area img{
	margin-bottom:10px;
}

.i_menu{
	display: none;
	flex-wrap: wrap;
	padding:25px;
	background-color: #f2f2f2;
	width:100%;
	position: absolute;
	left:0;
	top:0;
}

.interest-area .small-tit{
	font-size:12px;
	margin-top:10px;
	text-align: left;
	margin-bottom:15px;
	padding:5px;
	background-color: #f3e04e;
  position: relative;
  z-index: 10;
  margin-top: 40px;
	display: none;
}
.interest-area .small-tit span{
	cursor: pointer;
}
.f-menu .i_menu .tit {
  margin-bottom: 40px;
}

.interest-area .four-menu ul li{
	text-align: left;
	border-bottom:1px solid #ccc;
	padding-bottom:20px;
	padding-top:10px;
	padding-left:10px;
	padding-right:10px;
	font-size:16px;
}
.click-delta{
	display: inline-block;
	font-size:12px;
	margin-top:15px;
	line-height:24px;
}
.click-delta a{
	margin-right:5px;
	padding:5px;
	border:1px solid #337ab7;
	border-radius: 5px;

}
.click-delta a:hover{
	background-color: #f3e04e;
	border:1px solid #f3e04e;
		text-decoration: none;
}
.back_prv{
	position: absolute;
	right:10px;
	top:10px;
	width:30px;
	height:30px;
	line-height:30px;
	text-align: center;
	border-radius: 30px;
	background-color: #f3e04e;
	
}
.back_prv:hover{
	background-color: #000;
	color:#fff;
}
.i_menu .back_prv {
  z-index: 10;
}
.i_menu .i_menu .back_prv {
  z-index: 20;
}
.i_menu .i_menu .i_menu .back_prv {
  z-index: 30;
}
.i_menu .i_menu .i_menu .i_menu .back_prv {
  z-index: 40;
}
@media (min-width:993px){
		.interest{
	position: absolute;
	top:15px;
		left:260px;
				display: flex; 
	}
.interest-area ul li{
		text-align: center;
		float:left;
	width:33%;
	}
.interest-area  ul{
	height:520px;
	overflow-y: auto;
}

	
.interest-area ul li .img-area img{
	width: 100%;
    height: 100%;
	object-fit: contain;
	}


}

@media (max-width:992px) {
	.interest{
	position: absolute;
	top:18px;
	left:230px;
	}
	.interest span{
		display:none !important;
	}
	.interest-area ul li{
		text-align: left;
			width:100%;
	}
	.interest-area ul li .img-area img{
    height: 100%;
	object-fit: contain;
		text-align: left;
	}

	.interest-area ul{
	width:100%;
	height:520px;
	overflow-y: auto;
}
	
}
/*General tab CSS*/
.tab_nav{
	position: relative;
}
.tab_nav span{
	margin-right:15px;
	padding:8px 15px 8px 15px;
	display: inline-block;
	border-left:1px solid #e8f4fa;
	border-right:1px solid #e8f4fa;
	border-bottom:1px solid #e8f4fa;
	background-color: #e8f4fa;
	cursor: pointer;
}
.tab_nav span:hover,.tab_nav .tab_choosebg{
	background-color: #1c3c6e;
	color:#fff;
					}
.faqlist li{cursor: pointer;}
.faqlist p{display: none;margin-top:10px; }
.faqlist .sFAQTit{font-weight:bold;cursor: pointer;}

.tab_cont{
	padding:20px;
	position: relative;
	border:1px solid #efefef;
	display: none;
					}

.show-center,.show-left,.show-right{color:#666;text-align:center;font-size:0.95em;line-height:1.7em !important}
.show-center img,.show-left img,.show-right img{display:block;margin-right:auto;margin-bottom:15px;margin-left:auto;height:auto;max-width:100%;margin-top:15px;}
@media (min-width:992px){
    .show-left,.show-right{display:inline-block}
    .show-right{float:right;margin-left:15px}
    .show-left{float:left;margin-right:15px}
}
@media (max-width:992px){
    .show-right,.show-left{width:100%;margin:0}
}

.Reference,.reference strong{display:block;margin-bottom:5px;margin-top:15px;}
.Reference,.reference{color:#888;font-size:0.9em;}
.Reference p,.reference p{margin-bottom:10px}
.Reference ol,.reference ol{margin-bottom:15px;padding-left:15px}
.Reference ol li,.reference ol li{padding-bottom:5px;}

/*table*/
table{margin-bottom:25px;width:100%;border:1px solid #ddd;border-spacing:0 !important;}
table p,table td ul,table td ol{margin-bottom:15px}
table td ul:last-child,table td ol:last-child,table td p:last-child,table td ul:last-child>li:last-child,table td ol:last-child>li:last-child{margin-bottom:0}
table>thead>tr>th,table>tbody>tr>th,table>tfoot>tr>th,table>thead>tr>td,table>tbody>tr>td,table>tfoot>tr>td,.table>thead>tr>th,table>tbody>tr>th,.table>tfoot>tr>th,.table>thead>tr>td,.table>tbody>tr>td,.table>tfoot>tr>td{padding:10px 8px;border-top:1px solid #ddd;vertical-align:middle;line-height:1.428571429}
.service-table tr:first-child,.service-tr,.service-table.table-striped tr:first-child{background:#1d3c6f;color:#fff}
.service-table tr:first-child a,.service-tr a{color:#f3e04e;}
.service-table tr:first-child a:hover,.service-tr a:hover{color:#000;}
.service-table tr:first-child td,.service-table tr:first-child th,.table-bordered .service-tr td,.service-tr td{border:none}
.service-table.table-striped>tbody>tr:nth-child(1)>td,.service-table.table-striped>tbody>tr:nth-child(1)>th{background-color:transparent}


/* special css */
/*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*/

/*services page General css*/
.tooltip-box{position: relative;}
.tooltip-box .tooltip{
    display: none;
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
    background-color: rgba(30, 30, 30, 1);
    color: #fff;
    padding: 5px 10px;
    border-radius: 4px;
    white-space: wrap;
    width: 100%;
    font-size: 14px;
    text-align: left;
    line-height:1.4em;
}
.tooltip-box .tooltip a{color:#f3e04e;}
.tooltip-box .tooltip a:hover{color:#000;}
.tooltip-box:hover .tooltip {
    display: block;
    opacity: 1;
}
.tooltip::after {
    content: '';
    position: absolute;
    top: 100%;
    left: 50%;
    border-width: 8px;
    border-style: solid;
    border-color: rgba(30, 30, 30, 1) transparent transparent transparent;
    transform: translateX(-50%);
}

