@keyframes myfirst
{
from {	  
transform:scale(1);    
	  -webkit-transform:scale(1);    
	  -moz-transform:scale(1);    
	  -o-transform:scale(1);    
	  -ms-transform:scale(1);
	  }
to {   
transform:scale(1.2);    
	  -webkit-transform:scale(1.2);    
	  -moz-transform:scale(1.2);    
	  -o-transform:scale(1.2);    
	  -ms-transform:scale(1.2);
	  }
}

@-moz-keyframes myfirst /* Firefox */
{
from {	  
transform:scale(1);    
	  -webkit-transform:scale(1);    
	  -moz-transform:scale(1);    
	  -o-transform:scale(1);    
	  -ms-transform:scale(1);
	  }
to {   
transform:scale(1.2);    
	  -webkit-transform:scale(1.2);    
	  -moz-transform:scale(1.2);    
	  -o-transform:scale(1.2);    
	  -ms-transform:scale(1.2);
	  }
}

@-webkit-keyframes myfirst /* Safari and Chrome */
{
from {	  
transform:scale(1);    
	  -webkit-transform:scale(1);    
	  -moz-transform:scale(1);    
	  -o-transform:scale(1);    
	  -ms-transform:scale(1);
	  }
to {   
transform:scale(1);    
	  -webkit-transform:scale(1);    
	  -moz-transform:scale(1);    
	  -o-transform:scale(1);    
	  -ms-transform:scale(1);
	  }
}

@-o-keyframes myfirst /* Opera */
{
from {	  
transform:scale(1);    
	  -webkit-transform:scale(1);    
	  -moz-transform:scale(1);    
	  -o-transform:scale(1);    
	  -ms-transform:scale(1);
	  }
to {   
transform:scale(1);    
	  -webkit-transform:scale(1);    
	  -moz-transform:scale(1);    
	  -o-transform:scale(1);    
	  -ms-transform:scale(1);
	  }
}

@keyframes bgolorchange
{
from {	  
opacity:1;

	  }
to {   
opacity:0.7;
	  }
}

@-moz-keyframes bgolorchange /* Firefox */
{
from {	  
opacity:1;
	  }
to {   
opacity:0.7;
	  }
}

@-webkit-keyframes bgolorchange /* Safari and Chrome */
{
from {	  
opacity:1;
	  }
to {   
opacity:0.7;
	  }
}

@-o-keyframes bgolorchange /* Opera */
{
from {	  
opacity:1;   
	  }
to {   
opacity:0.7;
	  }
}

@font-face {
	font-family:'SegoeWP-Light';
	src:url('../dist/fonts/SegoeWP-Light.eot?iefix') format('eot'),url('../dist/fonts/SegoeWP-Light.woff') format('woff'),url('../dist/fonts/SegoeWP-Light.ttf') format('truetype'),url('../dist/fonts/SegoeWP-Light.svg#webfontwxI6BmFw') format('svg');
	font-weight:normal;
	font-style:normal;
}
@font-face {
	font-family:'AvenirLTStd-Light';
	src:url('../dist/fonts/AvenirLTStd-Light.eot?iefix') format('eot'),url('../dist/fonts/AvenirLTStd-Light.woff') format('woff'),url('../dist/fonts/SAvenirLTStd-Light.ttf') format('truetype'),url('../dist/fonts/AvenirLTStd-Light.svg#webfontwxI6BmFw') format('svg');
	font-weight:normal;
	font-style:normal;
}
@font-face {font-family: "iconfont";
  src: url('../dist/fonts/iconfont.eot?t=1472701022'); /* IE9*/
  src: url('../dist/fonts/iconfont.eot?t=1472701022#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../dist/fonts/iconfont.woff?t=1472701022') format('woff'), /* chrome, firefox */
  url('../dist/fonts/iconfont.ttf?t=1472701022') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  url('../dist/fonts/iconfont.svg?t=1472701022#iconfont') format('svg'); /* iOS 4.1- */
}


@font-face {
	font-family: "Seropro";
	src: url('../dist/fonts/seropro-thin-webfont.eot');
	src: url('../dist/fonts/seropro-thin-webfont.eot?#iefix') format("embedded-opentype"),url('../css/fonts/seropro-thin-webfont.woff') format("woff"),url('../dist/fonts/seropro-thin-webfont.ttf') format("truetype"),url('../dist/fonts/seropro-thin-webfont.svg#Seropro') format("svg");
	/*	font-weight:400;*/
	font-style: normal
}

@font-face {
	font-family:"AvenirNextLTProWebI";
	src:url('../dist/fonts/AvenirNextLTPro-Regular.eot');
	src:url('../dist/fonts/AvenirNextLTPro-Regular.eot?#iefix') format("embedded-opentype"),url('../css/fonts/AvenirNextLTPro-Regular.woff') format("woff"),url('../dist/fonts/AvenirNextLTPro-Regular.ttf') format("truetype"),url('../dist/fonts/AvenirNextLTPro-Regular.svg#Seropro') format("svg");
	/*font-weight:400;*/
	font-style:normal
}
@font-face {
	font-family: "AvenirLTStd-Light";
	src: url('../dist/fonts/AvenirLTStd-Light.eot');
	src: url('../dist/fonts/AvenirLTStd-Light.eot?#iefix') format("embedded-opentype"),url('../dist/css/AvenirLTStd-Light.woff') format("woff"),url('../dist/fonts/AvenirLTStd-Light.ttf') format("truetype"),url('../dist/fonts/AvenirLTStd-Light.svg#Seropro') format("svg");
	font-weight: 400;
	font-style: normal
}
@font-face {
  font-family: 'Glyphicons Halflings';
  src: url('fonts/glyphicons-halflings-regular.eot');
  src: url('fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('fonts/glyphicons-halflings-regular.woff') format('woff'), url('fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}
.glyphicon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -moz-osx-font-smoothing: grayscale;
}

.iconfont {
  font-family:"iconfont" !important;
  font-size:26px;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
}
.icon-twitter:before { content: "\e60a"; }
.icon-gengduo:before { content: "\f0013"; }
.icon-facebook:before { content: "\e605"; }
.icon-googleplus3:before { content: "\e606"; }
.icon-linkin:before { content: "\e659"; }
.icon-twitter1:before { content: "\e600"; }
.icon-blog:before { content: "\e638"; }

.icon_listsindex{position: absolute;left:23%;bottom:50px; z-index: 100000;}
.icon_lists a{color:#e7e6e6;margin-left:8px;margin-right:8px;margin-bottom:10px;fonr-size:15px;}
.icon_lists a:hover{color:#ffffff; text-decoration:none;}
.icon_lists a i{font-size:18px;}

html, body { scroll-behavior:smooth;}
html,body{
	
	font-family: 'AvenirNextLTProWebI',Arial, Helvetica, sans-serif !important;
	/*font-family: Arial, Helvetica, sans-serif;*/
	font-smoothing:  antialiased;
	-webkit-font-smoothing:  antialiased;
	-moz-font-smoothing:  antialiased;
	-o-font-smoothing:  antialiased;
	-ms-font-smoothing:  antialiased;
	
	color:#000000;

}
.contactfontfamily{font-family: Arial, Helvetica, sans-serif !important;line-height:23px;font-size:14px;}
.dis-table{
	display: table !important;
}
.no-padding {
    padding: 0 !important;
}
.no-margin {
	margin: 0 !important;
}
.no-back{
	background: none !important;
}
.mag-top{
	margin-top: 10px !important;
}
.mag-bot{
	margin-bottom: 20px !important;
}
.mag-7{
	margin: 0px 7px;
}
.absolute{
	position: absolute;
}
.relative{
	position: relative;
}
.indexpostion{margin-bottom:30px;padding-bottom:30px;border:1px solid #cccccc;}
/*left menu*/
.marginindex{padding:0px;margin:0px;}
.left-bar{
	height: 100%;
	position:relative;
	z-index:1000000;
	background: #1f1f1f;
}
.leftbcontarea{
	/*position: fixed;*/
	z-index:100000;left: 0px;
	top: 0px;
	background: #1f1f1f;
	}
.menu{
	background: #1e1e1e;
	margin: 0 auto;
	text-align: center;
	padding-top: 20px;
/*	overflow: hidden;*/
	padding-bottom: 40px;
/*	position: fixed;
	z-index:100000;
	left: 0px;
	top: 0px;*/
    width:100%;	
}

.menu hr{padding:0px;margin:0px 0px 10px 0px;border-bottom:1px solid #333;}
.menu .img-responsive{margin-bottom:15px;}
.menu-stl{
	width: 80%;
	margin: 0 auto;
	height: 100%;
	position: relative;

}
.lead{color:#ffffff;font-size:16px;text-align:center;margin-top:-10px;padding-bottom:20px;border-bottom:1px solid #555555; display:block;}
.logomargin{margin-bottom:0;margin-top:40px;}
.icon-list{
	position: absolute;
	left: 0px;
	right: 0px;
	bottom: 62px;
}
.menu p .text{
	color: #fff;
	font-size: 16px;
}
.menu input{
	background: none;
	border-radius: 30px;
	border-right: none;
}
.menu .input-group-addon{
	border-top-right-radius: 30px;
	border-bottom-right-radius: 30px;
}
img.sreach{
	width: 20px;
	height: 20px;
	margin-right: 10px;
}
.sreach-input-text{
	color: #ffffff;
}
.sreach-input-text::-moz-placeholder{
	color: #fff;
}
.menu label{
	margin: 0px 2px;
	color: #fff;
	font-weight: 100 !important;
}
.menu-list{
	margin: 20px 0px 100px 0px;
}
.menu-list li{
	/*height: 43px;*/
	font-weight:bold;
	font-size: 15px;
	padding-top:15px;
	padding-bottom:15px;
	position:relative;
	z-index:100000;
}
.secondmenu:hover{background-color:rgba(0,0,0,0.8);
    -webkit-border-top-left-radius:8px;
	-o-border-top-left-radius:8px;
	-moz-border-top-left-radius:8px;
	-ms-border-top-left-radius:8px;
	
	-webkit-border-bottom-left-radius:8px;
	-o-border-bottom-left-radius:8px;
	-moz-border-bottom-left-radius:8px;
	-ms-border-bottom-left-radius:8px;
	
	border-top-left-radius:8px;
	border-bottom-left-radius:8px;
	}
.menu-list li ul li{padding-top:0px;
	padding-bottom:0px;font-size:13px;}
.menu-list a{
	color: #dddddd;
}
.menu-list li .menu-toggle{color:#ffffff;}
.menu-list li .menu-toggle:after{
	
	content: " •";
	opacity: 0;
}
.menu-list li .menu-toggle:before{
	content: "• ";
	opacity: 0;
}
.menu-list a:hover{
	text-decoration:none;
	color:#ffffff;
}

.menu-toggle-ul{
	display:  none;
	text-align: left;
	padding-left: 0px;
	margin-left: 0px;
	position:absolute;
	padding-top:15px;
	padding-bottom:20px;
	width:120%;
	left:100%;
	top:0;
    z-index:100000;
	/*background-color:#000;*/
	background-color:rgba(0,0,0,0.8);
	-webkit-border-top-right-radius:8px;
	-o-border-top-right-radius:8px;
	-moz-border-top-right-radius:8px;
	-ms-border-top-right-radius:8px;
	
	-webkit-border-bottom-right-radius:8px;
	-o-border-bottom-right-radius:8px;
	-moz-border-bottom-right-radius:8px;
	-ms-border-bottom-right-radius:8px;
	
	-webkit-border-bottom-left-radius:8px;
	-o-border-bottom-left-radius:8px;
	-moz-border-bottom-left-radius:8px;
	-ms-border-bottom-left-radius:8px;
	
	border-top-right-radius:8px;
	border-top-right-radius:8px;
	border-bottom-left-radius:8px;
}
.menu-toggle-ul li{padding-left:15px;padding-right:15px;}
.menu-toggle-ul li a{ display:block;padding-top:9px;padding-bottom:9px;border-bottom:1px solid #cccccc;}
.menu-toggle-ulsecond{
	text-align: left;
	position:absolute;
	padding-top:10px;
	padding-bottom:10px;
	width:100%;
	}
.menu-toggle-ulsecond li{padding-left:10px;
	padding-right:10px;}
.menu-toggle-ulsecond li a{ display:block;padding-top:6px;padding-bottom:6px;}
.menu-toggle-ulsecond .choosed{ 
	color:#ffffff;
background-color:rgba(47,78,147,0.8);
	-webkit-border-top-right-radius:8px;
	-o-border-top-right-radius:8px;
	-moz-border-top-right-radius:8px;
	-ms-border-top-right-radius:8px;
	
	-webkit-border-bottom-right-radius:8px;
	-o-border-bottom-right-radius:8px;
	-moz-border-bottom-right-radius:8px;
	-ms-border-bottom-right-radius:8px;
	
	-webkit-border-bottom-left-radius:8px;
	-o-border-bottom-left-radius:8px;
	-moz-border-bottom-left-radius:8px;
	-ms-border-bottom-left-radius:8px;
	
	border-top-right-radius:8px;
	border-top-right-radius:8px;
	border-bottom-left-radius:8px;
}
.menu-toggle-ulsecond .choosed a{color:#ffffff;}
.secondmenuleft,.secondmenuleft li{text-align: center;font-size:14px;}
.secondmenuleft .secondmenuTit{line-height: 35px;
	color: #b5b5b5;font-size:18px;font-weight:bold;color:#ffffff;}


.menu-list li:hover ul{
	display:block;
	}
.menu-list li:hover .menu-toggle:after{
	opacity: 1;
}
.menu-list li:hover .menu-toggle:before{
	opacity: 1;
}

.serviceleftarea{width:90%;font-weight:normal;padding-bottom:10px;padding-top:10px;line-height:22px;margin: auto;font-family:Arial, Helvetica, sans-serif;color:#fffff;}
.serviceleftarea .col-md-3{padding:0;}
.serviceleftarea strong{color:#ffffff;line-height:36px;}
.serviceleftarea strong:after{content: url(../img/5-120601154055.gif);margin-left:5px;}
.unitareacontent{font-family:Arial, Helvetica, sans-serif;color:#fffff;font-size:13px; display:block;min-height:65px;}


/*
menu css begin
*/


#cssmenu{ margin-top:23px; /*float:right;*/ font-size:18px; font-weight:700;}
#cssmenu ul li{width:100%;}
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a,
#cssmenu #menu-button {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  z-index:199;
}

#cssmenu:after,#cssmenu > ul:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
#cssmenu #menu-button{display:none;}
#cssmenu{width:auto;}
#menu-line{position:absolute;top:0;left:0;}
#cssmenu > ul > li{float:left;}
#cssmenu > ul > li:hover{ background-color: rgba(0,0,0,0.8);}
#cssmenu.align-center > ul{font-size:0;}
#cssmenu.align-center > ul > li{display:inline-block;float:none;}
#cssmenu.align-center ul ul{text-align:left;}
#cssmenu.align-right > ul > li{float:right;}
#cssmenu.align-right ul ul{text-align:right;}

#cssmenu > ul > li > a { 
  padding: 8px 8px;
  text-decoration: none;
  color: #ffffff;
  -webkit-transition: color .2s ease;
  -moz-transition: color .2s ease;
  -ms-transition: color .2s ease;
  -o-transition: color .2s ease;
  transition: color .2s ease;

}

#cssmenu > ul > li.active > a {
  color: #ffffff; 
}
#cssmenu > ul > li:hover > a{
  color:#ffffff;}
#cssmenu > ul > li.has-sub > a {
  padding-right: 25px; 
}
#cssmenu > ul > li.has-sub > a::after {
  position: absolute;
  top: 20px;
  right: 12px;
  width: 8px;
  height: 8px;
  border-bottom: 2px solid #000000;
  border-right: 2px solid #000000;
  content: "";
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transition: border-color 0.2s ease;
  -moz-transition: border-color 0.2s ease;
  -ms-transition: border-color 0.2s ease;
  -o-transition: border-color 0.2s ease;
  transition: border-color 0.2s ease;
  border-color: #ffffff;
}
#cssmenu > ul > li.has-sub:hover > a::after{border-color:#ffffff;}
#cssmenu > ul > li.has-sub.active > a::after{border-color:#000000;}
#cssmenu ul ul{position:absolute;left:-9999px;}
#cssmenu li:hover > ul{left:auto;/*top:0;*/}
#cssmenu.align-right li:hover > ul{right:0;}
#cssmenu ul ul ul{margin-left:100%;top:0;}
#cssmenu.align-right ul ul ul{margin-left:0;margin-right:100%;}

.img-icon{margin-right:8px;}

#cssmenu ul ul li {
  height: 0;
  -webkit-transition: height .2s ease;
  -moz-transition: height .2s ease;
  -ms-transition: height .2s ease;
  -o-transition: height .2s ease;
  transition: height .2s ease;
  text-align:left;
  
}

#cssmenu ul li:hover > ul > li {
  height:auto;
  background:rgba(0,0,0,0.8);
    -webkit-transition: color .2s ease;
  -moz-transition: color .2s ease;
  -ms-transition: color .2s ease;
  -o-transition: color .2s ease;
  transition: color .2s ease;
  
}
#cssmenu ul ul li a {
  padding:10px 0 10px 20px;
  width:480px;
  line-height:22px;
  text-decoration: none;
  color: #cccccc;
  font-size:14px;
  -webkit-transition: color .2s ease;
  -moz-transition: color .2s ease;
  -ms-transition: color .2s ease;
  -o-transition: color .2s ease;
  transition: color .2s ease;
}
#cssmenu ul ul li>ul>li a{font-size:14px !important;}
#cssmenu ul ul li:hover > a,
#cssmenu ul ul li a:hover {
  color: #FFF;
  background:#000000;
}
#cssmenu ul ul li.has-sub > a::after {
  position: absolute;
  top: 20px;
  right: 10px;
  width: 8px;
  height: 8px;
  border-bottom: 2px solid #000;
  border-right: 2px solid #000;
  content: "";
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transition: border-color 0.2s ease;
  -moz-transition: border-color 0.2s ease;
  -ms-transition: border-color 0.2s ease;
  -o-transition: border-color 0.2s ease;
  transition: border-color 0.2s ease;
  border-color: #ffffff;
}

#cssmenu.align-right ul ul li.has-sub > a::after {
  right: auto;
  left: 10px;
  border-bottom: 0;
  border-right: 0;
  border-top: 1px solid #dddddd;
  border-left: 1px solid #dddddd;
}
#cssmenu ul ul li.has-sub:hover > a::after {
  border-color: #fff;
}
@media all and (max-width: 768px)/*, 
only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), 
only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), 
only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), 
only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), 
only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px)*/ {
 #cssmenu{width:100%;background:#444;margin:0; }
#cssmenu ul{width:100%;display:none;}
#cssmenu.align-center > ul,#cssmenu.align-right ul ul{text-align:left;}
#cssmenu ul li,#cssmenu ul ul li,#cssmenu ul li:hover > ul > li{width:100%;height:auto;border-top:1px solid rgba(120,120,120,0.15);}
#cssmenu ul li a,#cssmenu ul ul li a{width:100%;color:#FFF;}
#cssmenu > ul > li,#cssmenu.align-center > ul > li,#cssmenu.align-right > ul > li{float:none;display:block;}
#cssmenu ul ul li a{padding:16px 20px 16px 30px;font-size:16px;color:#fff; background:#666;}
#cssmenu ul ul li:hover > a,#cssmenu ul ul li a:hover{color:#f97425; border:0;}
#cssmenu ul ul ul li a{padding-left:40px;}
#cssmenu ul ul,#cssmenu ul ul ul{position:relative;left:0;right:auto;width:100%;margin:0;}
#cssmenu > ul > li.has-sub > a::after,#cssmenu ul ul li.has-sub > a::after{display:none;}
#menu-line{display:none;}
#cssmenu > ul > li > a {  text-align:left;}
  #cssmenu #menu-button {
    display: block;
    padding: 20px;
    color: #fff;
    cursor: pointer;
    font-size: 20px;
    /*text-transform: uppercase;*/
	text-align:left;
  }
  #cssmenu #menu-button::after {
    content: '';
    position: absolute;
    top: 26px;
    right: 20px;
    display: block;
    width: 18px;
    height: 2px;
    background: #fff;
  }
  #cssmenu #menu-button::before {
    content: '';
    position: absolute;
    top: 32px;
    right: 20px;
    display: block;
    width: 18px;
    height: 8px;
    border-top: 2px solid #fff;
    border-bottom: 2px solid #fff;
  }
  #cssmenu .submenu-button {
    position: absolute;
    z-index:299;
    right: 0;
    top: 0;
    display: block;
    border-left: 1px solid rgba(120, 120, 120, 0.15);
    height: 52px;
    width: 52px;
    cursor: pointer;
  }
  #cssmenu .submenu-button::after {
    content: '';
    position: absolute;
    top: 21px;
    left: 26px;
    display: block;
    width: 1px;
    height: 11px;
    background: #fff;
    z-index: 99;
  }
  #cssmenu .submenu-button::before {
    content: '';
    position: absolute;
    left: 21px;
    top: 26px;
    display: block;
    width: 11px;
    height: 1px;
    background: #fff;
    z-index: 99;
  }
  #cssmenu .submenu-button.submenu-opened:after {
    display: none;
  }
  #cssmenu ul .serviceMenu > ul > li > ul {}
#cssmenu ul .serviceMenu > ul > li{}

}
@media (min-width: 1280px){	
#cssmenu > ul > li > ul.noamlmenu{float:left;margin-left:100%;width:auto;}
#cssmenu > ul > li > ul{float:left;margin-left:100%;margin-top:-30%;width:960px;}

	#cssmenu > ul > li > ul li{width:480px;float:left;}
/*	#cssmenu > ul > li > ul li a{min-height:64px;}*/
#cssmenu ul .serviceMenu > ul > li > ul {margin-left:93%;top:0;}
#cssmenu ul .serviceMenu > ul > li{padding-right:18px;}
/*#cssmenu ul li:hover > ul > li:first-child,#cssmenu ul ul li:first-child a{
	border-top-right-radius:10px;
	}
#cssmenu ul li:hover > ul > li:last-child,#cssmenu ul ul li:last-child a{
	border-bottom-right-radius:10px;
	}
#cssmenu ul li:hover > ul{border-top-right-radius:10px;border-bottom-right-radius:10px;}*/
}
@media (min-width: 769px) and (max-width: 1279px){
#cssmenu > ul > li > ul{float:left;margin-left:100%;margin-top:-20%;}
#cssmenu ul .serviceMenu > ul > li > ul {margin-left:93%;top:0;}
#cssmenu ul .serviceMenu > ul > li{padding-right:18px;}
/*#cssmenu ul li:hover > ul > li:first-child,#cssmenu ul ul li:first-child a{
	border-top-right-radius:10px;
	}
#cssmenu ul li:hover > ul > li:last-child,#cssmenu ul ul li:last-child a{
	border-bottom-right-radius:10px;
	}
#cssmenu ul li:hover > ul{border-top-right-radius:10px;border-bottom-right-radius:10px;}*/
}
/*
menu css end
*/


/*banner*/
.indexbanner{position:relative;margin:auto; z-index:1;}
.bannerturn{position:relative; z-index:10;overflow:visible;}
.bannerturn img{max-width:100%;margin:Auto; display:block;position:relative; z-index:20;}
.indexbanner .bannerturn .bannerfontcontent{ position:absolute;color:#ffffff;z-index:110;text-align:center;}
.indexbanner .bannerturn .bannerfontcontent h1{font-weight:bold;font-family:"AvenirNextLTProWebI",Arial, Helvetica, sans-serif;}
.indexbanner .bannerturn .bannerfontcontent p{font-family:"Seropro",Arial, Helvetica, sans-serif;font-weight:lighter;margin-top:10px;margin-bottom:10px;}
.indexbanner .bannerturn .bannerfontcontent .learnmore{width:100%;  display:block;font-family:"Seropro",Arial, Helvetica, sans-serif;}
.indexbanner .bannerturn .bannerfontcontent .learnmore a{color:#ffffff; font-weight:bold; text-decoration: underline; font-weight:lighter;}
.carousel-inner{overflow:visible; }
.indexbanner .indexTurncontent{position: relative;color:#000000;z-index:100000;}
.carousel-indicators{position:absolute;height:30px;}
.rightbcontarea .container{width:80%;}
.mid-content1{
	margin:auto;
	padding: 30px 0px 0px 0px;

	
}
.mid-content1 p{margin:auto;padding:15px 30px 15px 30px;	}
.mid-content2{
	display: table;
	vertical-align: middle;	
	margin-bottom: 56px;
}
.mid-content2 .img img{
	width: 95%;
	margin-left: 11px;
}
.mid-content2 .text p{
	width: 95%;
}
.mid-content2 .img2 img{
	width: 95%;
	margin-left: 11px;
}
.mid-content2 .text2 p{
	width: 95%;
}

/*content*/
.rightcontentpadding{margin-left:2%;}
.red{color:#ff0000;}
hr{padding-top:20px;}
.path{ background-color: #FFF;padding:0px;margin-top:20px;font-family:Arial, Helvetica, sans-serif;}
.OnlineInqiry{font-size:14px;line-height:22px; font-family:Arial,sans-serif, serif, Arial;}
.OnlineInqiry input,.OnlineInqiry textarea{line-height:26px;}
.OnlineInqiry .inquiryTit{font-size:30px; display:block;margin-bottom:15px;/*font-family:"AvenirNextLTProWebI",Arial, Helvetica, sans-serif;*/}
.InquiryContact{font-size:20px;font-family:"AvenirNextLTProWebI",Arial, Helvetica, sans-serif;line-height:40px;}
.mobileTit {
	display:none;
}
.row .ProName {
	width:100%;
	line-height:30px;	
}
.row .ProName a{font-weight:bold;font-size:16px;}
.mid-procontentlist{font-family:Arial, Helvetica, sans-serif;padding-bottom:20px;margin:auto;
	padding:0px 0px 15px 0px;}
/*.prolistunit div[class*="col-md"]{margin:0px;}*/
.prolistunit{padding-left:15px;padding-right:15px;}
.prolistunit{border-bottom:1px solid #e2e2e2;padding-bottom:15px;padding-top:15px;}

.proshowunitall{font-family:Arial, Helvetica, sans-serif;margin-bottom:20px;}
.proshowunitall .row{padding-bottom:10px;padding-top:10px;border-bottom:1px solid #eeeeee;margin:0px;}
.proshowunitall .proshowunitTit{font-size:20px;font-weight:bold;padding-left:0px;padding-bottom:10px;border-bottom:2px solid #000000;}
.proshowunitall .row div[class*="col-md"]{padding:0px;font-size:13px;}
.proshowunitall .row .col-md-2{font-weight:bold;}
.pronote{ background-color:#f5f5f5;font-size:0.9em;padding:10px !important; display:block;margin-bottom:20px;margin-top:20px !important;color:#666666;}
.pronote i{color:#ff0000;margin-right:5px;}
.secondbigTit{
	text-align: left;
	margin: 15px 0;
	font-size: 33px;
	line-height:36px;
	font-weight: bold;
	color: #000000;
	padding-bottom:20px;
	border-bottom:1px solid #cccccc;
}
.ServiceContent{
	font-family: Arial, Helvetica, sans-serif;
	margin:auto;
	padding: 10px 0px 30px 0px;
	font-size:16px;
	line-height:23px;
}
.ServiceContent p{margin:auto;padding:8px 0px 8px 0px;	}
/*.ServiceContent p{margin:auto;padding:32px 0px 32px 0px;	}*/
.ServiceContent h4{line-height:24px !important;}
.ServiceContent h3{font-size:16px !important;font-weight:bold;}

.left-top-g{
	position: absolute;
	left: 15px;
	top: 0px;
	width: 64px;
	height: 32px;
	background: url(../img/rectangular-left.png);
	background-repeat:no-repeat;
}
.right-bot-g{
	position: absolute;
	right: 15px;
	bottom: 20px;
	width: 64px;
	height: 32px;
	background: url(../img/rectangular-right.png);
	background-repeat:no-repeat;
}
.title-one{
	text-align: center;
	margin: 32px 0;
	font-weight:bold;
}
.title-one span{
	font-size: 36px;
	font-weight: 0;
	padding: 0px 4px;
	color: #000000;
	
}
.text-left{font-size:18px;line-height:28px;font-family:"AvenirNextLTProWebI",Arial, Helvetica, sans-serif;}

.more{
	margin: 30px 0px 32px 0px;
}
.secondpagetype{font-family: Arial, Helvetica, sans-serif;}
.secondpagetype img{display:block; max-width:100%;width:40px;height:40px;border-radius:3px;}
.secondpagetype li{font-size:13px;color:#666666;padding-top:5px;padding-bottom:5px; }
.secondpagetype li p{border:1px solid #cccccc;padding:10px; border-radius:5px;background-color:#fcfcfc;    text-overflow: ellipsis;-o-text-overflow: ellipsis;-webkit-text-overflow: ellipsis;-moz-text-overflow: ellipsis;width:100%;height:42px;line-height:24px; overflow:hidden;display:-webkit-box;-webkit-line-clamp: 1; position:relative;font-size:13px;}
.secondpagetype ul li p a{ display:block;width:97%; }
.secondpagetype li p .rightarror{position:absolute;right:10px;top:10px;color:#000000;}
/*.servicepagetype li p{min-height:80px;}*/
.secondpagetype strong{font-size:14px;margin-bottom:0px;display:block;}
.secondpagetype a{color:#000000; }
.secondpagetype a:hover{ text-decoration:none;color:#ff0000;}
.secondpagetype li:hover a,.secondpagetype li:hover p .glyphicon{color:#ffffff;}
.secondpagetype li:hover p{border:1px solid #175fa7; box-shadow:0 0 3px #175fa7; background-color:#175fa7;}
.img-list{
   margin:Auto Auto 80px Auto;
}
.img-list li{margin-bottom:7px;margin-top:7px;overflow:hidden;padding-left:0px;padding-right:0px; border:0px;}
.img-list li img{margin:auto;}
.img-list li .indexcontentunit{width:96.1%;height:101%; display:table; position:absolute; cursor:pointer; font-weight:bold;z-index:100;overflow:hidden;top:0px;left:2%; }
.img-list li img{
	position: relative; z-index:90;width:96%;height:100%; display:block;
	margin:auto;
}
.img-list li .indexcontentunit .bgcolor{z-index:99;position: absolute;top:0px;left:0px; width:100%;height:100%; opacity:1;}

.img-list li a{
	left: 2%;
	top: 0px;
	text-align: center;
	z-index:120;
	text-decoration: none;
	color:#EEE;
	font-size: 15px !important;
	opacity: 1;
	display:table-cell;
	vertical-align:middle;
	position:relative;
	width:96%;
}
.img-list li[class*="col-md"] a:hover{
	color: #ffffff;
}

.bgcolor-1{background-color:#023cb1;}
.bgcolor-2{background-color:#bd86ca;}
.bgcolor-3{background-color:#4a498d;}
.bgcolor-4{background-color:#9b3c83;}
.bgcolor-5{background-color:#196f8a;}
.bgcolor-6{background-color:#747846;}
.bgcolor-7{background-color:#3f7dac;}
.bgcolor-8{background-color:#bd86ca;}
.bgcolor-9{background-color:#4a498d;}
.bgcolor-10{background-color:#c4a256;}
.bgcolor-11{background-color:#de5d96;}
.bgcolor-12{background-color:#129c38;}
.bgcolor-13{background-color:#c5a9d9;}
.bgcolor-14{background-color:#bfbfbf;}
.bgcolor-15{background-color:#66a3d1;}
.bgcolor-16{background-color:#f5bf30;}
.bgcolor-17{background-color:#54a5b5;}
.bgcolor-18{background-color:#a6c0df;}
.bgcolor-19{background-color:#58a199;}

.bgcolor-20{background-color:#63c7cb;}
.bgcolor-21{background-color:#949494;}
.bgcolor-22{background-color:#2a708f;}
.bgcolor-23{background-color:#a6c0df;}
.bgcolor-24{background-color:#66a3d1;}

.img-list li .indexcontentunit:hover .bgcolor{
animation: bgolorchange 0.5s linear 0s 1 normal forwards;
-ms-animation: bgolorchange 0.5s linear 0s 1 normal forwards;
-moz-animation: bgolorchange 0.5s linear 0s 1 normal forwards;	
-webkit-animation: bgolorchange 0.5s linear 0s 1 normal forwards;	
-o-animation: bgolorchange 0.5s linear 0s 1 normal;		
	}
/*.img-list li .indexcontentunit:hover img{
animation: myfirst 0.5s linear 0s 1 normal forwards;
-ms-animation: myfirst 0.5s linear 0s 1 normal forwards;
-moz-animation: myfirst 0.5s linear 0s 1 normal forwards;	
-webkit-animation: myfirst 0.5s linear 0s 1 normal forwards;	
-o-animation: myfirst 0.5s linear 0s 1 normal forwards;
	  }*/

.img-list li[class*="col-md"] a:hover{
	color: #ffffff;
}


.img-list2{
	padding-bottom: 71px;
	display: table;
}
.img-list2 .col-lg-3{
	padding: 0px 7px;
	margin: 10px 0px;

}
.img-list2 .col-lg-3 a{
	width: 100%;
	left: 0px;
	top: 0px;
	height: 100%;
	text-align: center;
	background: url(../images/bg_17.png) repeat left top;
	text-decoration: none;
	color: #fff;
	font-size: 24px;
	opacity: 1;
}
.img-list2 .col-lg-3 a p.pa{
	margin-top: 10px;
}
.img-list2 .col-lg-3 a p{
	margin-top: 30px;
}
.img-list2 .col-lg-3 a:hover{
	opacity: 0.7;
}
.img-list2 img{
	width: 100%;
}

.img-list3{
	display: table;
}
.img-list3 li{
	height: 100%;
}
.img-list3 img{
	height: 100px;
}
.img-list3 .col-lg-6{
	padding: 0px 7px 0px 7px;
	margin-bottom: 10px;
}
.img-list3 .col-lg-6 a{
	width: 100%;
	left: 0px;
	top: 0px;
	height: 100%;
	text-align: center;
	background: url(../images/bg_17.png) repeat left top;
	text-decoration: none;
	color: #fff;
	font-size: 24px;
	opacity: 1;
}
.img-list3 .col-lg-3{
	padding: 0px 7px 0px 7px;
	margin-bottom: 10px;
}
.img-list3 .col-lg-3 a{
	width: 100%;
	left: 0px;
	top: 0px;
	height: 100%;
	text-align: center;
	background: url(../images/bg_17.png) repeat left top;
	text-decoration: none;
	color: #fff;
	font-size: 24px;
	opacity: 1;
}
.img-list3 img{
	width: 100%;
}
.img-list3 p{
	height: 100px;
	line-height: 100px;
}
.mg-bot-70{
	margin-bottom: 50px  !important;
}
.img-list3 a:hover{
	opacity: 0.6;
}

.img-list4{
	display: table;
}
.img-list4 li{
	height: 100%;
}
.img-list4 img{
	height: 100px;
}
.img-list4 a{
	color: #fff;
	text-decoration: none;
	width: 100%;
	height: 100px;
	text-align: center;
}
.img-list4 a p{
	height: 100px;
	line-height: 100px;
}
.img-list4 a p.pa{
	line-height: normal;
	margin: 0 auto;
	margin-top: 35px;
	width: 50%;
	text-align: left;
}
.img-list4 .col-lg-6{
	padding: 0px 7px;
	margin-bottom: 10px;
}
.img-list4 .col-lg-3{
	padding: 0px 7px;
	margin: 0px 0px 10px 0px;
}
.img-list4 .col-lg-3 a{
	left: 0px;
	top: 0px;
}
.img-list4 .col-lg-6 a{
	left: 0px;
	top: 0px;
}
.img-list4 .col-lg-6 img{
	width: 100%;
}
.img-list4 .col-lg-3 img{
	width: 100%;
}
.img-list4 a:hover{
	opacity: 0.6;
}
/*second page*/
.secondcontent{margin:auto;width:95%;}
.secondbannerbg{background-image:url(../img/banner.jpg);height:427px;color:#ffffff; background-position:center center;}
.secondproductbannerbg{background-image:url(../img/banner-product.jpg);height:427px;color:#ffffff; background-position:center center;}
.secondSERVICEbannerbg{background-image:url(../img/banner-SERVICE.jpg);height:427px;color:#ffffff; background-position:center center;}
.bannerfont{ position:relative;}
.bannerfont h1{font-weight:bold;}
.bannerfont p{font-family:"Seropro",Arial, Helvetica, sans-serif;font-weight:lighter;margin-top:10px;margin-bottom:10px;}


/*contactus*/
.contactus{font-family:Arial, Helvetica, sans-serif;margin-top:10px;margin-bottom:10px;font-size:14px;line-height:24px; }
.contactus strong{font-size:24px;}
.contactus img{margin-top:5px;margin-bottom:5px;}
.Distributors{font-size:14px;}
.showleftpic,.showrigtpic{font-size:12px;margin-bottom:15px;text-align:center; display:inline-block;}
.showleftpic img,.showrigtpic img,.showpicnote img{ display:block;margin:auto;max-width:100%;}
.showpicnote img{margin-bottom:10px;}
.ABOUTTIT strong{font-size:30px;font-weight:bold;}
.showpicnote{font-size:12px;text-align:center; display:block;color:#666666;line-height:18px;margin:auto;}
.ullist{margin:0px 0px 0px 18px;padding:0px;}
.ollist{margin:0px 0px 0px 18px;padding:0px;}
.Reference{color:#666666;}
.Reference strong{ font-weight: normal;}
.Subcategory {
	font-size:2.8em;
	text-align:center;
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif;
}
.SubcategoryAll {
	font-size:1.6em;
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif;
}
.SubcategoryAll b{font-size:16px;}
.smallSubcategorytit {
	font-size:18px;
	font-weight:bold;
	margin:0px 10px 0px 0px;
	padding:0px;
	display:inline-block;
}
.SubcategoryAllul {
	padding:0px;
	margin:0px 0px 20px 0px;
}
.reltedpostion{font-family: Arial, Helvetica, sans-serif;}
.reltedpostion div[class*="col-md-6"]{padding-left:0px;}
.reltedfont{font-size:20px;font-weight:bold;}
/*footer*/
footer{
	font-family: Arial, Helvetica, sans-serif;
	width: 100%;
	font-size:13px;
	line-height:24px;
	
	display:block;
	
}
footer .container,footer .container-fluid{border-top:1px solid #cccccc;
	padding-top:20px;}
footer p{
	white-space:nowrap;
}
.footer-p{
	padding-top:10px;
	padding-bottom:10px;
	text-align: center;
	font-size: 13px;
	white-space:normal;
	line-height: 22px;
}
footer div[class*="col-md"]{padding-bottom:15px;min-height:180px;}
.bottomtime{font-size:35px; font-family:Arial, sans-serif, serif ; display:block;margin-top:20px;margin-bottom:10px;}

/*2016-12-28*/
.webmenuClick{ position: fixed;top:2%;right:0; z-index:1000000;width:50px;height:60px;color:#888888;font-size:25px;font-weight:lighter;text-align:center;line-height:50px; cursor:pointer;}
.bigwebmenu{ background-color: rgba(0,0,0,0.8);width:100%;position: fixed;z-index:11000;top:0; display:none;}
.bigwebmenu .row{width:70%;padding-top:130px;padding-left:40px;margin-left:22%;}
.bigwebmenucontt a{font-weight:bold;}
.menu .text-center{font-size:12px;}

.ClickButton span{font-size:20px;} 
.ClickButton{position: fixed;top:12%;right:0;z-index:1000000;width:50px;color:#888888;cursor:pointer;font-size:12px;text-align:center;}
.buttonunit{width:100%;height:60px;padding-top:10px;font-family:Arial, sans-serif, serif ; display: block;}
.buttonunit a{color:#888888; text-decoration:none;}
.buttonunit:hover{ background-color:#444;color:#ffffff;}
.buttonunit:hover a{color:#ffffff;}

.tableshowcont{margin:auto auto 10px auto;border-top:2px solid #ffffff;border-bottom:2px solid #ffffff; background-color:#f2f2f2;font-size:13px;}
.tableshowcont strong{font-size:13px;}
.borderbottom{border-bottom:2px solid #ffffff;}
.tableshowcont .tableshowcontbg{ background-color:#555555;color:#ffffff;}
.tableshowcont td{padding:8px;}
/*.tableshowcont tr:nth-of-type(2n){background-color:#f2f2f2;border-bottom:1px solid #cccccc;}*/
.tableshowcont tr{/*background-color:#f2f2f2;*/border-bottom:1px solid #ffffff;}
.tableshowcont tr:first-child{background-color:#555555;color:#ffffff;}
.carousel-indicators li{margin-left:3px;margin-right:3px;width:25px;height:10px;}
.carousel-indicators .active{width:25px;height:12px;margin-left:3px;margin-right:3px;}
.img-right {float: right;margin-left: 15px; text-align: center;line-height: 18px;}

.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 tr:first-child td{background-color:#444444;color:#ffffff;}

.carousel-control {
  position: fixed;
  top: 50%;
  bottom: 0;
  width: 10%;
  font-size: 20px;
  color: #cccccc;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
/*  filter: alpha(opacity=50);
  opacity: .5;*/
  z-index:100000 !important;
}
.carousel-control.left {
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
  background-image:      -o-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0)));
  background-image:         linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1);
  background-repeat: repeat-x;
}
.carousel-control.right {
  right: 15px;
  left: auto;
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
  background-image:      -o-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0)));
  background-image:         linear-gradient(to right, rgba(0, 0, 0, .0) 0%, rgba(0, 0, 0, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1);
  background-repeat: repeat-x;
}
.carousel-control:hover,
.carousel-control:focus {
  color: #cccccc;
  text-decoration: none;
  filter: alpha(opacity=100);
  outline: 0;
  opacity: 1;
}

/*paiban publication css begin*/
.ServiceShowPic {
	font-size:0.8em;
	text-align:center;
	line-height:1.5em;
	color:#888888;
}
.ServiceShowPic img {
	margin:auto;
	max-width:100%;
	display:block;
}
.ServiceShowleftPic {
	margin-right:15px;
	text-align:center;
	color:#888888;
	display:inline-block;
}
.ServiceShowrightPic {
	margin-left:15px;
	text-align:center;
	color:#888888;
	display:inline-block;
}
.ServiceShowPic,.ServiceShowrightPic,.ServiceShowleftPic {
	font-size:0.8em;
	text-align:center;
	line-height:1.5em;
}
.ServiceShowPic img,.ServiceShowrightPic img,.ServiceShowleftPic img {
	display:block;
	max-width:100%;
	height:auto;
	margin-bottom:5px;
	margin-left:auto;
	margin-right:auto;
}
.ullist {
	padding:0px 0px 15px 15px;
	margin:0px;
}
.ollist {
	padding:0px 0px 15px 15px;
	margin:0px;
}

.ullist li a,.ollist li a{ text-decoration: none;}

.ullist li {list-style: disc }
.ollist li {list-style-type:decimal }
.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;}

/*.Reference{padding-top:15px;}
.Reference strong{font-size:20px;padding-bottom:5px; display:block;}*/
.Reference{padding-bottom:0px;font-size:13px;/*font-family:Arial, Helvetica, sans-serif;*/line-height:22px;color:#666666; }
.Reference strong{ display:block;}
.RelatedSections{padding-top:15px;}
.RelatedSections a{color:#c00000;}
.RelatedSections strong{font-size:20px;padding-bottom:5px;display:block;}
.RelatedSections div[class*="col-md"]{padding-top:3px;padding-bottom:3px;}
.tablecontentshow{margin:auto auto 10px auto;}
.tablecontentshow td{padding:5px;}
/*paiban publication css end*/

.carousel-control-left-site{font-size:90px;}
.carousel-control-right-site{font-size:90px;}

@media (min-width: 1920px){
.carousel-indicators{top:730px;display:inline;}
.indexbanner .bannerturn .bannerfontcontent{right:20%;top:60%;width:60%;}
.indexbanner .bannerturn .bannerfontcontent h1{font-size:46px;}
.indexbanner .bannerturn .bannerfontcontent p{font-size:20px;}
.bannerfont{top:28%;padding-left:8%;width:45%;}
.bannerfont h1{font-size:42px;}
.bannerfont p{font-size:22px;}
.indexbanner .bannerturn .bannerfontcontent .learnmore a{font-size:20px;}
.GeneNumlist ul li {
	width:33%;
}
	.carousel-control-left-site{left:15% !important;}
}
@media (min-width: 1680px) and (max-width: 1919px){
.carousel-indicators{top:730px;display:inline;}
.indexbanner .bannerturn .bannerfontcontent{right:20%;top:60%;width:60%;}
.indexbanner .bannerturn .bannerfontcontent h1{font-size:46px;}
.indexbanner .bannerturn .bannerfontcontent p{font-size:20px;}
.bannerfont{top:28%;padding-left:8%;width:45%;}
.bannerfont h1{font-size:42px;}
.bannerfont p{font-size:22px;}
.indexbanner .bannerturn .bannerfontcontent .learnmore a{font-size:20px;}
.GeneNumlist ul li {
	width:33%;
}
.carousel-control-left-site{left:15% !important;}
}
@media (min-width: 1600px) and (max-width: 1679px){
.carousel-indicators{top:615px;display:inline;}
.indexbanner .bannerturn .bannerfontcontent{right:20%;top:60%;width:80%;}
.indexbanner .bannerturn .bannerfontcontent h1{font-size:46px;}
.indexbanner .bannerturn .bannerfontcontent p{font-size:20px;}
.bannerfont{top:28%;padding-left:8%;width:45%;}
.bannerfont h1{font-size:42px;}
.bannerfont p{font-size:22px;}
.indexbanner .bannerturn .bannerfontcontent .learnmore a{font-size:20px;}
.GeneNumlist ul li {
	width:33%;
}
.carousel-control-left-site{left:15% !important;}
}
@media (min-width: 1440px) and (max-width: 1599px){
.carousel-indicators{top:520px;}
.indexbanner .bannerturn .bannerfontcontent{right:10%;top:55%;width:80%;}
.indexbanner .bannerturn .bannerfontcontent h1{font-size:46px;}
.indexbanner .bannerturn .bannerfontcontent p{font-size:20px;}
.bannerfont{top:28%;padding-left:8%;width:45%;}
.bannerfont h1{font-size:42px;}
.bannerfont p{font-size:22px;}
.indexbanner .bannerturn .bannerfontcontent .learnmore a{font-size:20px;}
.img-list li[class*="col-md"] .indextypemargin{top:30%;}
.img-list li[class*="col-md"] .indextypemargin3{top:25%;}
.GeneNumlist ul li {
	width:33%;
}
.carousel-control-left-site{left:15% !important;}
}
@media (min-width: 1366px) and (max-width: 1439px){
.carousel-indicators{top:495px;}
.indexbanner .bannerturn .bannerfontcontent{right:10%;top:55%;width:80%;}
.indexbanner .bannerturn .bannerfontcontent h1{font-size:46px;}
.indexbanner .bannerturn .bannerfontcontent p{font-size:18px;}
.bannerfont{top:28%;padding-left:8%;width:45%;}
.bannerfont h1{font-size:42px;}
.bannerfont p{font-size:22px;}
.indexbanner .bannerturn .bannerfontcontent .learnmore a{font-size:20px;}
.img-list li[class*="col-md"] .indextypemargin{top:30%;}
.img-list li[class*="col-md"] .indextypemargin3{top:25%;}
.GeneNumlist ul li {
	width:33%;
}
	.carousel-control-left-site{left:15% !important;}

}
@media (min-width: 1280px) and (max-width: 1365px){
.carousel-indicators{top:465px;}
.indexbanner .bannerturn .bannerfontcontent{right:10%;top:55%;width:80%;}
.indexbanner .bannerturn .bannerfontcontent h1{font-size:46px;}
.indexbanner .bannerturn .bannerfontcontent p{font-size:18px;}
.bannerfont{top:28%;padding-left:8%;width:45%;}
.bannerfont h1{font-size:42px;}
.bannerfont p{font-size:22px;}
.indexbanner .bannerturn .bannerfontcontent .learnmore a{font-size:20px;}
.img-list li[class*="col-md"] .indextypemargin{top:30%;}
.img-list li[class*="col-md"] .indextypemargin3{top:25%;}
.GeneNumlist ul li {
	width:33%;
}
	.carousel-control-left-site{left:15% !important;}
}
@media (min-width: 1000px) and (max-width: 1279px){
.carousel-indicators{top:350px;}
.indexbanner .bannerturn .bannerfontcontent{right:10%;top:55%;width:80%;}
.indexbanner .bannerturn .bannerfontcontent h1{font-size:36px;}
.indexbanner .bannerturn .bannerfontcontent p{font-size:14px;}
.bannerfont{top:28%;padding-left:8%;width:45%;}
.bannerfont h1{font-size:42px;}
.bannerfont p{font-size:22px;}
.indexbanner .bannerturn .bannerfontcontent .learnmore a{font-size:20px;}
.img-list li[class*="col-md"] .indextypemargin{top:30%;}
.img-list li[class*="col-md"] .indextypemargin3{top:25%;}
.GeneNumlist ul li {
	width:33%;
}
.carousel-control-left-site{left:15% !important;}
}
@media (min-width: 768px) and (max-width: 999px){
.carousel-indicators{top:370px;}
.indexbanner .bannerturn .bannerfontcontent{right:10%;top:55%;width:80%;}
.indexbanner .bannerturn .bannerfontcontent h1{font-size:36px;}
.indexbanner .bannerturn .bannerfontcontent p{font-size:14px;}
.bannerfont{top:28%;padding-left:8%;width:45%;}
.bannerfont h1{font-size:42px;}
.bannerfont p{font-size:22px;}
.indexbanner .bannerturn .bannerfontcontent .learnmore a{font-size:20px;}
.img-list li[class*="col-md"] .indextypemargin{top:30%;}
.img-list li[class*="col-md"] .indextypemargin3{top:30%;}
.GeneNumlist ul li {
	width:50%;
}
.carousel-control-left-site{left:0% !important;}
}
@media (min-width: 640px) and (max-width: 767px){
.carousel-indicators{top:330px;}
.indexbanner .bannerturn .bannerfontcontent{right:10%;top:55%;width:80%;}
.indexbanner .bannerturn .bannerfontcontent h1{font-size:36px;}
.indexbanner .bannerturn .bannerfontcontent p{font-size:14px;}
.bannerfont{top:15%;padding-left:8%;width:45%;}
.bannerfont h1{font-size:42px;}
.bannerfont p{font-size:22px;}
.indexbanner .bannerturn .bannerfontcontent .learnmore a{font-size:18px;}
.img-list li[class*="col-md"] .indextypemargin{top:40%;}
.img-list li[class*="col-md"] .indextypemargin3{top:40%;}
.GeneNumlist ul li {
	width:50%;
}
.carousel-control-left-site{left:0% !important;}
}
@media (min-width: 480px) and (max-width: 639px){
.carousel-indicators{top:270px;}
.indexbanner .bannerturn .bannerfontcontent{right:10%;top:12%;width:80%;}
.indexbanner .bannerturn .bannerfontcontent h1{font-size:18px;}
.indexbanner .bannerturn .bannerfontcontent p{font-size:12px;margin-bottom:10px;}
.bannerfont{top:15%;padding-left:8%;width:45%;}
.bannerfont h1{font-size:42px;}
.bannerfont p{font-size:22px;}
.indexbanner .bannerturn .bannerfontcontent .learnmore a{font-size:16px;}
.img-list li[class*="col-md"] .indextypemargin{top:30%;}
.img-list li[class*="col-md"] .indextypemargin3{top:30%;}
.GeneNumlist ul li {
	width:50%;
}
.carousel-control-left-site{left:0% !important;}
}
@media (min-width: 320px) and (max-width: 479px){
.carousel-indicators{top:150px;}
.indexbanner .bannerturn .bannerfontcontent{right:10%;top:12%;width:80%;}
.indexbanner .bannerturn .bannerfontcontent h1{font-size:15px;}
.indexbanner .bannerturn .bannerfontcontent p{font-size:10px;margin-bottom:10px;}
.bannerfont{top:15%;padding-left:8%;width:45%;}
.bannerfont h1{font-size:42px;}
.bannerfont p{font-size:22px;}
.indexbanner .bannerturn .bannerfontcontent .learnmore a{font-size:14px;}
.img-list li[class*="col-md"] .indextypemargin{top:30%;}
.img-list li[class*="col-md"] .indextypemargin3{top:30%;}
.GeneNumlist ul li {
	width:100%;
}
	.carousel-control-left-site{left:0% !important;}
}


@media (min-width: 1000px){
	.leftbcontarea{position: fixed;}
		.ServiceShowrightPic {float:right;}
.ServiceShowleftPic {float:left;}
.menu{ display:block;}
.webmenuClick{display:block;}
/*.indexbanner{min-height:1650px;}*/
.navbar{
		display: none;
	}
.img-list{width:90%;}
.showleftpic{float:left;margin-right:20px;}
.showrigtpic{float:right;margin-left:20px;}
.leftbcontarea,.leftbcontareawIDTH{width:260px;}
.rightbcontarea{padding-left:260px;}
.bottomlogo{float:left;}
.prolistunit div[class*="col-md"]{padding:0px;}
.carousel-control {left:13%;}
}
@media (max-width: 1000px){
.menu,.leftbcontareawIDTH{ display:block;} 
.navbar-brand img{width:30px;}
.webmenuClick{display:none;}
/*.indexbanner{min-height:1500px;}*/
.container-fluid{margin:0px;padding:0px;}
.navbar{ position:relative;margin:0px;padding:0px;}
.showleftpic,.showrigtpic{width:100%;}
.rightbcontarea{}

.mobileTit {
	display:block;
}
.bottomlogo{}
.prolistunit div[class*="col-md"]{padding:5px 0px 5px 0px;}
.carousel-control {left:0;}
.ServiceShowrightPic,.ServiceShowleftPic{margin-bottom:10px;width:100%;}
}

/*2017-5-10*/
.badiancont{ display:table;padding-bottom:20px;line-height:23px; /*font-family:AvenirNextLTProWebI,Arial,Helvetica, sans-serif;font-size:17px;line-height:27px;*/}
.badianpic{}
.badianpic img{margin-bottom:10px;margin-left:auto;margin-right:auto;}
.badianpic strong{font-size:16px;line-height:40px; display:block;}
.badianpic li{border-bottom:1px solid #cccccc;padding-top:5px;padding-bottom:5px;font-size:13px;}
.badainTit{font-size:24px; font-weight:bold;padding:0px 15px 15px 15px;}
.badainTit span{border-bottom:2px solid #000000;display:block;}
.badaitable .badaiProductslis{font-size:17px; display:block;line-height:40px;}
.badiantable{ font-size:12px;width:100%;border-top:0px solid #000000;border-bottom:0px solid #000000;border-left:0px solid #000000;border-right:0px solid #000000;}
.badiantable tr:first-child td{border-bottom:2px solid #000000;padding-top:12px;padding-bottom:12px;}
.badiantable tr:nth-child(2n+1){ background-color:#f2f2f2;}
.badiantable td{padding:10px 5px 10px 5px; }
.badiantable strong{font-size:14px;}
.GeneNumlist {
	padding:20px 0px 20px 0px;
}
.GeneNumlist ul {
	padding:0px;
	margin:0px;
}
.GeneNumlist ul li {
	padding:0px;
	margin:0px;
	float:left;
	list-style:none;
	font-size:1em;
	padding-top:3px;
	padding-bottom:3px;
	color:#ff0000;
}
.GeneNum {
	font-size:1em;
	font-weight:bold;
	border-bottom:1px solid #ccc;
	padding-bottom:10px;
	
	line-height:1.7em;
}
.GeneNum strong{ display:inline-block;padding-bottom:5px;}
.GeneNum span {
	padding:3px 5px 3px 5px;
	margin:2px;
    color:#428BCA;
    cursor:pointer;
}
.GeneNum .choosebg {
	background-color:#036;
	color:#fff;
}


/*2017-5-31*/
.pages {color:#999;}
.pages a,.pages .cpb {
	text-decoration:none;
	float:left;
	padding:2px 7px;
	border:1px solid #ddd;
	background:#ffff;
	margin:0px 4px;
	font-size:11px;
	color:#000;
}
.pages a:hover {background-color:#337AB7;color:#fff;border:1px solid #337AB7;text-decoration:none;}
.pages .cpb {font-weight:bold;color:#fff;background:#337AB7;border:1px solid #337AB7;}
.successinfo{padding-left:15px;line-height:30px;line-height:22px;color:#888888;padding-right:20px;padding-bottom:20px;}
.successinfo .iconarea{}
.successinfo .iconarea .iconunit{text-align:center;display:block; width:40px;height:40px; border-radius:40px; background-color:#090;color:#ffffff;line-height:40px;font-weight: bolder;font-size:22px; position:relative;z-index:9;}
.successinfo .tit{font-size:20px;font-weight:bold;color:#009900; display:block;}
.successinfo .iconarea .iconunit img{top:10px;left:5px;position:absolute; z-index:10;}
	
.pubinfo .form-group div[class*="col"]{padding-top:5px;padding-bottom:5px;}

.liuchengdiv{display:block;height:318px;margin:auto;width:692px; background-image:url(../img/liuchengdiv.png); position:relative;}
.liuchengdiv .liuchengunit{ background-color:#5b9bd5;padding:5px; position: absolute;color:#ffffff;line-height:16px; text-align:center;width:149px;}
.liuchengdiv .liuchengunit a{color:#ffffff; text-decoration:none;}
.liuchengdiv .liuchengunit:hover{background-color:#3f89cc;color:#ffffff;}
.liuchengdiv .postsite1{top:155px;left:70px;}
.liuchengdiv .postsite2{top:65px;left:155px;}
.liuchengdiv .postsite3{top:15px;left:325px;}
.liuchengdiv .postsite4{top:65px;left:325px;}
.liuchengdiv .postsite5{top:125px;left:325px;}
.liuchengdiv .postsite6{top:35px;left:510px;}
.liuchengdiv .postsite7{top:95px;left:510px;}
.liuchengdiv .postsite8{top:150px;left:510px;}
.liuchengdiv .postsite9{top:213px;left:510px;}
.liuchengdiv .postsite10{top:265px;left:510px;}

.service-show-bg{display:block;height:340px;margin:auto;width:645px; background-image:url(../img/service-show-bg.png); position:relative; background-position:center center;background-repeat: no-repeat;}
.servicetable{margin:auto auto auto auto; display:block;color:#ffffff;}
.servicetable td{text-align:center;}
.servicetable td a{color:#ffffff; text-decoration:none;padding-top:150px;}
.servicetable td span{padding-top:150px; }
.servicetable td strong{display:block;}

.shareicon{left:0px;bottom:0;padding-bottom:5px;width:100%; text-align:center;padding-left:6%; z-index:10000; }
.shareicon a{color:#dddddd;font-size:24px;margin-right:5px;margin-left:5px;}
.shareicon a:hover{color:#ffffff; transition:0.3s;}
@media (min-width: 1280px){	
.shareicon{position: absolute;}
}
@media (min-width: 769px) and (max-width: 1279px){
.shareicon{position: absolute;}
}
	
@media (max-width: 768px){	
.shareicon{position: relative; text-align:center;padding-top:10px;padding-bottom:10px;}
}

.newsletter{position:relative;line-height:34px;color:#a7753c; display: block;width:100%;}
.newsletter .letterinput{height:40px;line-height:36px;width:100%;color:#000000; background-color:#CCC;border:0;padding-left:10px;padding-right:10px;}
.newsletter .newsletterbutton{position: absolute;z-index: 100;
   right: 0;
    border-left: 1px solid #a7753c;
    height: 40px;
    line-height: 40px;
    background-color: #a7753c;
    border-right: 0px;
    border-top: 0px;
    border-bottom: 0px;
    color: #ffffff;
    padding-left: 20px;
    padding-right: 20px;
    color: #ffffff;
    /*top:34px;*/
	z-index:100;
	}

/*20240218 -----*/
.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}

h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{line-height:1.5em}
h1,h2,h3,h4,.h1,.h2,.h3,.h4{margin-bottom:20px;font-weight:bold;margin-top:0;}
h2,.h2{font-size:2.4rem}
h3,h3{font-weight:bold;font-size:1.8rem}
h4{font-size:1.6rem}

.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%}
@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{color:#666;font-size:0.95em}
.Reference p,.reference p{margin-bottom:10px}
.Reference ol,.reference ol{margin-bottom:15px;padding-left:15px}


/*table*/
table{margin-bottom:25px;width:100%;border:1px solid #ddd}
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:#048ca9;color:#fff}
.service-table tr:first-child a,.service-tr a{color:#fff}
.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}

/*table fixed*/

.table-fixed{border-collapse:collapse;border-top: none}
.table-fixed td{border-left: 1px solid #ddd;}
.table-fixed tbody {display: block;height: 200px;overflow-y: scroll;-webkit-overflow-scrolling: touch;}
.table-fixed thead, .table-fixed  tbody tr {display: table;width: 100%;table-layout: fixed;}
.table-fixed thead{background: #048ca9;color: #fff;}
.table-fixed thead td{border-left: none;}
.table-fixed tbody::-webkit-scrollbar {width: 5px;height: 5px;}
.table-fixed tbody::-webkit-scrollbar-thumb {border-radius: 6px;-webkit-box-shadow: inset 0 0 7px rgba(0,0,0,0.2);background: rgba(0,0,0,0.2);}
.table-fixed tbody::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);border-radius: 0;background: rgba(0,0,0,0.1);}

/* special css */
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);}




/*=======2024-1-23========*/
.h2_tit{
	display: block;
	border-left:5px solid #1f1f1f;
	padding-left:10px;
	background-color: #f8f8f8;
	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:8px;
	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: 0px;
  background-color: #fff;
/*  box-shadow: 2px 2px 4px #ddd;*/
  padding: 15px 15px 5px 0px;
  border-bottom: 3px solid #0061cd;
  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: #f5f5f5;
  cursor: pointer;
}

.page-tab span:hover,.page-tab a:hover,.page-tab-choose{
  background-color: #eadf00 !important;
  color: #000 !important;
}

@media (min-width:1280px){
.page_tab_margin{
  scroll-margin-top: 130px;
}
}
@media screen and (min-width: 993px) and (max-width: 1279px){
.page_tab_margin{
  scroll-margin-top: 210px;
}
}
@media (max-width:992px){
.page_tab_margin{
  scroll-margin-top:160px;
}
}
/*pic & tit & content*/
@media(min-width: 992px) {
.pagerow{
	display:flex;flex-wrap:wrap;
	}
}
.pagerow div[class*="col-md"]{
padding-top:10px;
	padding-bottom:15px;
}

.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;
}

/*pic & tit*/
@media(min-width: 992px) {
.pagerow_pt{
	display:flex;flex-wrap:wrap;
	}
}

.pagerow_pt div[class*="col-md"] a{
	display: block;
	margin-bottom:15px;
}
.pagerow_pt_unit {
    width: 100%;
    height: 175px;
    position: relative;
    margin-bottom: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.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;
	margin:0px 0px 20px 0px;
	padding:0px;
}
.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;
}


/*Related Sections*/
@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;
}
/*CAR-T Cell Platforms*/
@media(min-width: 992px) {
.serpic_list{
	display:flex;flex-wrap:wrap;
	}
}
.serpic_list_unit{
	line-height:24px !important;
	color:#888;
	padding-top:15px;
	padding-bottom:15px;
	text-align: center;

}
.serpic_list_unit a{
	display: flex;
	text-align: center;
	justify-content: center;
	align-items: center;
	margin-bottom:10px;
}
.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;
}

.tab_nav{
	position: relative;
}
.tab_nav span{
	margin-top:10px;
	margin-right:15px;
	padding:8px 15px 8px 15px;
	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: #eadf00;
	color:#000;
					}
.tab_cont{
	padding:20px;
	margin-bottom:25px;
	position: relative;
	border:1px solid #efefef;
	display: none;
}
/*Related Products*/
@media(min-width: 992px) {
.relate-pro{
	display:flex;flex-wrap:wrap;
	}
}
.relate-pro {
  margin-bottom:20px;
}
.relate-pro img{
 margin-bottom:10px;
	display: block;
	max-width: 100%;
	height:auto;
}
.relate-pro div[class*="col-md"]{
	padding-top:25px;
	padding-bottom:25px;
}
.relate-pro div[class*="col-md"] a{
	color:#1d3d6f;
}
.relate-pro div[class*="col-md"]:hover{
	background-color: #eadf00;
}
.relate-pro div[class*="col-md"]:hover .relatedpro_area{
		background-color: #fff;		
			}
.relate-pro div[class*="col-md"]:hover a{
	color:#000;
}
.relatedpro_area{
	width:100%;
	height:247px;
	display: flex;
	align-items: center;
	justify-content:center; 
	padding-bottom:0px;
	margin-bottom:10px;
	
}
.relatedpro_area img{
	width: 100%;
	height:100%;
	object-fit: contain;
	margin-bottom:0px;
}
/*published data*/
@media(min-width: 992px) {
.published-list{
	display:flex;flex-wrap:wrap;
	}
}
.published-list p{
	font-family:"Courier New", Courier, monospace !important;	
	font-size:0.8em;
	line-height:1.4em;
}
.pub-pic-area{
	display: flex;
	align-items: center;
	justify-content: center;
	height:300px;
	width:100%;
	margin-top:15px;
	margin-bottom:15px;
	padding:15px;
	border:1px solid #efefef;
	
}
.pub-pic-area img{ 
	width: 100%;
	height:100%;
	object-fit: contain;
}

.pub-big-pic-area{
	display: none;
	width:100%;
	height:100%;
	position: fixed;
	background-color:rgba(0,0,0,0.8);
	z-index: 10000;
	top:0px;
	left:0px;
	text-align: center;
}
.pub-big-pic-area .bigimgarea{
	display: flex;
		width:100%;
	height:100%;
	align-items: center;
	justify-content: center;
	z-index: 100000;
}
.pub-big-pic-area .close{
	display: inline-block;
	position: absolute;
	color:#fff !important;
	width:48px;
	height:48px;
	text-align: center;
	line-height:48px;
	top:0px;
	right:0px;
	font-size:30px;
	cursor: pointer;
}
.pub-big-pic-area .close:hover{
	background-color: #efefef;
	color:#000;
}

.faqarea{
	display: block;
	border:1px solid #efefef;
	margin-bottom:10px;
}
p.faqtit{
	background-color: #fcfcfc;
	padding:10px;
	cursor: pointer;
}
p.faqtit:hover{
	background-color: #eee;
}
p.faqtit span{
	display: inline-block;
	width:30px;
	height:30px;
	position: absolute;
/*	top:0px;*/
	right:0px;
	z-index:10;
}
p.faqtit span:after{
	content:"+";
	position: absolute;
	top:0px;
	right:10px;
	font-size:20px;
	color:#000;
}
p.faqtit span.showcont:after{
	content:"-";
	position: absolute;
	top:0px;
	right:10px;
	font-size:34px;
	color:#000;
}
.faqcont{
	display: none;
	padding:10px;
}

.job_list{border-bottom:1px solid #ccc;margin-bottom:20px;padding-bottom:20px;}

.inqunotice .google-policies{color:#000;}
.inqunotice .price-con,.inqunotice .price-con a,
.salearea .price-con,.salearea .price-con a{color:#000;}
.salearea{margin-bottom:20px; }