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


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

@font-face {
	font-family:"AvenirNextLTProWebI";
	src:url('../fonts/AvenirNextLTPro-Regular.eot');
	src:url('../fonts/AvenirNextLTPro-Regular.eot?#iefix') format("embedded-opentype"),url('../fonts/AvenirNextLTPro-Regular.woff') format("woff"),url('../fonts/AvenirNextLTPro-Regular.ttf') format("truetype"),url('../fonts/AvenirNextLTPro-Regular.svg#Seropro') format("svg");
	/*font-weight:400;*/
	font-style:normal
}
@font-face {
	font-family:"AvenirLTStd-Light";
	src:url('../fonts/AvenirLTStd-Light.eot');
	src:url('../fonts/AvenirLTStd-Light.eot?#iefix') format("embedded-opentype"),url('../fonts/AvenirLTStd-Light.woff') format("woff"),url('../fonts/AvenirLTStd-Light.ttf') format("truetype"),url('../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:20px;}
.icon_lists a{color:#e7e6e6;margin-left:2px;margin-right:2px;}
.icon_lists a:hover{color:#ffffff; text-decoration:none;}


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: #2f488d;
}
.leftbcontarea{
	/*position: fixed;*/
	z-index:100000;left: 0px;
	top: 0px;
	background: #003f98;
	/*background: #2f488d;*/
	}
.menu{
	/*background: #2f488d;*/
	background: #003f98;
	margin: 0 auto;
	text-align: center;
	padding-top: 20px;
/*	overflow: hidden;*/
	padding-bottom: 20px;
/*	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;

}

#cssmenu{ margin-top:23px; /*float:right;*/ font-size:15px; 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(3,50,117,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: 10px 10px;
  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: 15px;
  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-color: rgba(3,50,117,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:280px;
  line-height:22px;
  text-decoration: none;
  color: #cccccc;
  font-size:16px;
  -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:#648bc3;
}
#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{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;}
}
@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
*/

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

.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 20px 0px;
}
.menu-list li{
	/*height: 43px;*/
	font-weight:bold;
	font-size: 15px;
	padding-top:9px;
	padding-bottom:9px;
	position:relative;
	z-index:100000;
}
.secondmenu:hover{background-color:rgba(28,53,123,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(28,53,123,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;}

/*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 40px 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 !important;margin-top:20px;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:14px;
	line-height:23px;
}
.ServiceContent p{margin:auto;padding:8px 0px 8px 0px;	}
.ServiceContent h3{font-size:14px;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: 40px;
	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: 70px 0px 62px 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 50px Auto;
	display: table;

}
.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:#3f7dac;}
.bgcolor-2{background-color:#bd86ca;}
.bgcolor-3{background-color:#4a498d;}
.bgcolor-4{background-color:#7c3b73;}
.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:#fcdb8c;}
.bgcolor-11{background-color:#de5d96;}
.bgcolor-12{background-color:#5a9c9b;}
.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 span{display: inline-block; vertical-align: middle;}
.img-list li[class*="col-md"] a::after{
         content:'';
         height:100%;
     }*/
.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:3px !important;margin-bottom:3px !important;} 
.Distributors{font-size:14px;}
.showleftpic,.showrightpic{font-size:12px;margin-bottom:15px;text-align:center; display:inline-block;}
.showleftpic img,.showrightpic img,.showpicnote img{ display:block;margin:auto;max-width:100%; cursor:pointer;}
.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:50px; 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;}
/*.bigwebmenu .img-list .list-unstyled li .indexcontentunit a{padding-top:30%}*/

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



@media (min-width: 1920px){
.carousel-indicators{top:754px;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%;
}
}
@media (min-width: 1680px) and (max-width: 1919px){
.carousel-indicators{top:740px;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%;
}
}
@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%;
}
}
@media (min-width: 1440px) and (max-width: 1599px){
.carousel-indicators{top:575px;}
.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%;}
.GeneNumlist ul li {
	width:33%;
}
}
@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%;}
.GeneNumlist ul li {
	width:33%;
}
}
@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%;}
.GeneNumlist ul li {
	width:33%;
}
}
@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%;}
.GeneNumlist ul li {
	width:33%;
}
}
@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%;}
.GeneNumlist ul li {
	width:50%;
}
}
@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:30%;}
.GeneNumlist ul li {
	width:50%;
}
}
@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%;}
.GeneNumlist ul li {
	width:50%;
}
}
@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%;}
.GeneNumlist ul li {
	width:100%;
}
}


@media (min-width: 1000px){
	.leftbcontarea{position: fixed;}
.menu{ display:block;}
.webmenuClick{display:block;}
/*.indexbanner{min-height:1650px;}*/
.navbar{
		display: none;
	}
.img-list{width:90%;}
.showleftpic{float:left;margin-right:20px;}
.showrightpic{float:right;margin-left:20px;}
.leftbcontarea,.leftbcontareawIDTH{width:260px;}
.rightbcontarea{padding-left:260px;}
.bottomlogo{float:left;}
.prolistunit div[class*="col-md"]{padding:0px;}

}
@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,.showrightpic{width:100%;}
.rightbcontarea{}

.mobileTit {
	display:block;
}
.bottomlogo{}
.prolistunit div[class*="col-md"]{padding:5px 0px 5px 0px;}
}

/*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;}
.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; margin-top:20px;}