li {list-style: none;}
header {	
	padding: 0px;
}
header a, header a:hover, header a:visited, header a:active, header a:link{
 text-decoration: none;
 color: #B3B3B3;
}
.ovfHiden{overflow: hidden;height: 100%;}
.headerBar {
  width: 100%; 
  height: 50px;
  position: absolute;
  top: 0;
  left:0;
  overflow: hidden;	
}
.headerBar.withBB{
	border-bottom: 1px solid #DDDDDD;
}
.nav {
  position: absolute;
  z-index: 100;
  opacity: 0;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 500ms;
          transition-duration: 500ms;
  width: 100%;
}
.nav--active .nav {
  opacity: 1;
  background-color:rgba(0,0,0,1.00);
}
.nav__list {
  margin: 55px 0px 0px 20px;
  padding:10px 0px 0px 0px;
}
.nav__item {
  list-style-type: none;
  text-align: left;
  width: 100%;
}
.nav__link {
  font-size:14px;
  text-decoration: none;
  color: #B3B3B3;
  opacity: 1;
  -webkit-transition: opacity 300ms ease-in-out;
  transition: opacity 300ms ease-in-out;
}

.nav__trigger {
  display: block;
  position: absolute;
  width: 30px;
  height: 25px;
  right: 10px;
  top: 9px;
  z-index: 200;
}
.logo {
  display: block;
  position: absolute;
  width: 30px;
  left: 20px;
  top: 10px;
  z-index: 200;
}
.nav--active .nav__trigger {
  opacity: 1;
}
.nav__icon {
  display: inline-block;
  position: relative;
  width: 18px;
  height: 2px;
  background-color:rgba(0,0,0,1.00);
  -webkit-transition-property: width, -webkit-transform;
  transition-property: width, -webkit-transform;
  transition-property: width, transform;
  transition-property: width, transform, -webkit-transform;
  -webkit-transition-duration: 500ms;
          transition-duration: 500ms;
}
.nav__icon.dark,
.nav__icon.dark:before,
.nav__icon.dark:after
{
	background-color:rgba(255,255,255,1.00);
}
.nav__icon:before,
.nav__icon:after {
  content: '';
  display: block;
  width: 23px;
  height: 2px;
  position: absolute;
  background: rgba(0,0,0,1.00);
  -webkit-transition-property: margin, -webkit-transform;
  transition-property: margin, -webkit-transform;
  transition-property: margin, transform;
  transition-property: margin, transform, -webkit-transform;
  -webkit-transition-duration: 500ms;
          transition-duration: 500ms;
}
.nav__icon:before {
  margin-top: -7px;
}
.nav__icon:after {
  margin-top: 7px;
}

.header .nav {
  -webkit-transform: translateY(-100%);
          transform: translateY(-100%);
  width: 100%;
  height: 100%;
  background-color: #2F2F2F;
}
.header .nav__link {
  opacity: 0;
  -webkit-transition-delay: 300ms;
  transition-delay: 300ms;
}
.header.nav--active .nav__link {
  opacity: 1;
}
.header.nav--active .nav {
  -webkit-transition: all 400ms ease-in-out;
  transition: all 400ms ease-in-out;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
.header.nav--active .nav__icon {
  background:rgba(255,255,255,1);
  width: 0px;
  -webkit-transition-property: width, -webkit-transform;
  transition-property: width, -webkit-transform;
  transition-property: width, transform;
  transition-property: width, transform, -webkit-transform;
  -webkit-transition-duration: 500ms;
          transition-duration: 500ms;
}
.header.nav--active .nav__icon:before {
  margin-top: 0;
  background:rgba(255,255,255,1);
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.header.nav--active .nav__icon:after {
  margin-top: 0;
  background:rgba(255,255,255,1);
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}


.f_icon {	
  display: inline-block;
  position: relative;
  top: -5px;
  right: -7px;
  width: 12px;
  height: 1px;
  background-color:#B3B3B3;
}
.f_icon:after {
  content: '';
  display: block;
  width: 12px;
  height: 1px;
  position: absolute;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  background-color:#B3B3B3;
}
.f_icon.active:after{
  content: '';
  display: none;
 
}


.sontitle {
	width: 90%;
	padding-left: 15px;
	margin-top: 20px;
}

.proName {
	line-height: 30px;
	margin-left: 10px;
}

.proCT {
	margin-bottom: 14px;
	font-size: 14px;
	padding-top: 0px;
	padding-bottom: 0px;
}
.proCT img{
	height: 25px;
}


.subtitle {
	width: 100%;
	cursor: pointer;
	margin-bottom: 20px;
}

.titleName {
	line-height: 30px;
}
.carousel-item img{
	width: 100%;
}
footer {
	font-size: 14px;
	color: #656565;
	margin-bottom: 20px;
}
footer > div{
 margin-left: 18px;
 margin-right: 18px;
}
footer a, footer a:hover, footer a:visited, footer a:active, footer a:link{
 text-decoration: none;
 color: #656565;
}
footer .f_icon,footer .f_icon:after{
	background-color:#656565; 
}
footer .nav{
	opacity: 1;
	position:relative;
	z-index: 90;
}
footer .nav .nav__list{
	margin-top: 0px;
}
footer .scrolltoTopCT{
	margin-top: 70px;
	margin-bottom: 30px;
}
#scrolltoTop{
	width: 3px;
}
#scrolltoTop div:nth-child(1){
	width: 3px; height: 10px; background-color:#222222
}
#scrolltoTop div:nth-child(2){
	width: 1px; height: 50px; background-color:#222222
}

#mask {
	width: 100%;
	height: 100%;
	opacity: 1;
	display: none;
	background-color: rgba(0,0,0,0.38);
	position:fixed;
	left: 0px;
	top: 0px;
	z-index: 250;
}
#mask img {
	position:absolute;
	
}

#maskWeiBo {
	width: 100%;
	height: 100%;
	opacity: 1;
	display: none;
	background-color: rgba(0,0,0,0.38);
	position:fixed;
	left: 0px;
	top: 0px;
	z-index: 250;
}
#maskWeiBo img {
	position: absolute;
    /* top: 30vh; */
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.smallCtrl {	
  display: inline-block;
  position: relative;
}
.smallCtrl:after {
  content: '';
  display: block;
  width: 15px;
  height: 2px;
  position: absolute;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  background-color:#B3B3B3;
}
.smallCtrl:before {
  content: '';
  display: block;
  width: 15px;
  height: 2px;
  position: absolute;
  
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  background-color:#B3B3B3;
}
.smallCtrl.prev{
	left:0px;
}
.smallCtrl.prev:before{
	top: 10px;
}
.smallCtrl.next{
	left:-20px;
}
.smallCtrl.next:after{
	top:10px;
}


.statement {
	font-size: 12px;
}

.statement > div {
	margin-bottom: 10px;
	line-height: 17px;
}

.F-link {
	font-size: 12px;
	text-align: center;
	margin-top: 30px;
}
.F-link a{
	margin-left: 20px;
	margin-right:20px;
}

.F-IconCT {
	text-align: center;
	margin-top: 13px;
}
.F-IconCT a{
	margin-left: 10px;
	margin-right: 10px;
}
.CopyRight {
	margin-top: 5px;
	font-size: 12px;
	text-align: center;
}



.ProListCT {
	width: 100%;
	margin: 0px;
	text-align: center;
	margin-top: 29px;
}
.ProListCT > div{
	margin-bottom: 29px;
}

.ProListCT .ProName {
	font-size: 12px;
	margin-top: 17px;
}

.ProListCT .ProImg {
	height: 32px;
	text-align: center
}
.ProListCT .ProImg img {
	width: 39px;
}

.HotProTitle {
	text-align: center;
	font-size: 22px;
	margin: 20px 0px 34px 0px
}

.HotProSection {
	padding: 0px 15px 0px 15px
}

.HotProCT {
	
	margin: 10px 0px 10px 0px;
}

.PageLinkSection {
	margin: 0px 0px 0px 0px;
}
.PageLinkSection > div{
	margin-top: 70px;
}

.SearchBigIcon {
text-align: center; vertical-align:middle; border-radius: 50%; border: 2px solid #212529; width:48px; height: 48px; padding-top: 10px;	
}

.PageCT .subtitle {
	font-size: 12px;
	color: #656565;
}

.PageCT > div{
	margin-top: 10px;
	margin-bottom: 10px;
}
.PaginatorCT{
	margin-top: 5%;
}
.IndexBtn {
	width: 161px;
	height: 50px;
	background-color: #222222;
	color: rgba(251,238,238,1.00);
	font-size: 12px;
	cursor: pointer;
}

main a, main a:hover, main a:visited, main a:active, main a:link{
 text-decoration: none;
 color: #212529;
}

.hasPadding {
  padding-top: 50px;
}

.FixedRow {
	width: 100%;
	margin-left: 0px;
}

.ProsListSection {
	margin-top: 20px;
}

.ProCT-1 img {
	width: 70%;
}

.ProCT-1 .proName-1 {
	font-size: 12px;
}

.ProListCT-1 {
	width: 85%;
	margin:20px 0px 0px 0px;
}

.ProCT-1 {
	margin-bottom: 48px;
}

.ProListTitle {
	margin-left: 20px;
}


.BorderRight {
	border-right: 1px solid #DDDDDD;
}

.smallDis {
	text-align: center;
}

.ProDetail .ProName {
	text-align: center;
	font-size: 24px;
}

.ProDetail .ProAttrTitle {
	text-align: center;
	margin-top: 50px;
	margin-bottom: 15px;
	font-size: 18px;
}

.ProDetail {
	margin-top: 57px;
	margin-left: 18px; margin-right: 18px;
}

.ProDetail .ProAttr {
	border-top: 1px solid #DDDDDD;
	font-size: 13px;
}
.ProDetail .ProAttr table{
    width:100%;
}



.ProAttr td {
	border-bottom: 1px solid #DDDDDD;
}

.ProDetail .installTitle {
	text-align: center;
	margin-top: 50px;
	margin-bottom: 15px;
	padding-bottom: 15px;
	font-size: 18px;
	border-bottom: 1px solid #DDDDDD;
}
.ProDetail .DetailInfo {
	text-align: center;
	margin-top: 50px;
	margin-bottom: 15px;
	padding-bottom: 15px;
	font-size: 18px;
	border-bottom: 1px solid #DDDDDD;
}

.ScrollBar {
	height: 50px;
	vertical-align: middle;
	background-color: white;
}
.ScrollBar .JoinButton{
	background-color: #AD181F;
	border:1px solid #AD181F;
	border-radius: 5px;
	font-size: 12px;
	color: white;
	height: 30px;
	line-height: 30px;
	width: 78px;
	cursor: pointer;
}
.ScrollBar > div{
	padding:0px;
	text-align: center;
	font-size: 14px;
	height: 50px;
	vertical-align: middle;
	line-height: 50px;
}

.carouselBg {
	background-color: #F4F4F4;
	padding-top: 20px;
	padding-bottom: 20px;
}
.newsListSection .newsListTitle {
	text-align: center;
	font-size: 14px;
	margin-top: 20px;
	color: #656565;
	margin-bottom: 20px;
}

.newsCT img{
	width: 100%;
}

.newsList .newsTitle {
	font-size: 14px;
	color:rgba(250,250,250,1.00);
	margin-left: 15px;
}

.newsCT .newsTime {
	font-size: 14px;
	color:rgba(250,250,250,1.00);
	margin-left: 15px;
}

.newsList {
	margin-top: 15px;
}

.newsCT {
	position: relative;
}

.newsTAT {
	position: absolute;
	bottom: 0px;
	width: 100%;	
	background-color: rgba(0,0,0,0.35);
	vertical-align: bottom;
}

.NewsDetail .NewsTitle {
	font-size: 17px;
	text-align: center;
	margin-top: 40px;
	margin-bottom: 20px;
}
.NewsDetail .NewsSubtitle {
	text-align: center;
	font-size: 14px;
	color: #B4B4B4;
	margin-bottom: 20px;
}

.NewsDetail .NewsSubtitle span {
	margin-left: 10px;
	margin-right: 10px;
}

.NewsDetail .NewsContent {
	font-size: 14px;
	color:#555555;
}

.NewsDetail .NewsOrigin{
	font-size: 14px;
	color:grey;
}
.SHandAF .Title {
	font-size: 20px;
	text-align: center;
	margin-top: 40px;
}

.SHandAF .distpicker {
	margin-top: 20px;
	margin-bottom: 20px;
}

.SHandAF .distSelector {
	text-align: center
}
.SHandAF .distSelector select{
	border: 1px solid #DDDDDD;
	border-radius: 5px;
	height: 40px;
	max-width: 320px;
	width: 100%;
	background-color: white;
	margin-bottom: 10px;
	padding: 0px 5px 0px 5px;
	font-size: 14px;
}


.SHandAF .shTitle {
	font-size: 20px;
}

.SHandAF .shAdderss {
	font-size: 14px;
}
.SHandAF .shTel {
	font-size: 14px;
}

.SHandAF {
	margin-left: 18px;
	margin-right: 18px;
}

.SHandAF .shDetail {
	margin-bottom: 20px;
}

#map {
	height:500px;
	width: 95%;
	margin-left: 2.5%;
	margin-right: 2.5%;
}

#dataContainer{
	text-align: center;
	font-size: 14px;
	margin-bottom: 15px;
}
#dataContainer .nodata{
	margin-left: 8px;
}
#dataContainer div{
	text-align: left;
}
.JoinTxT .TxTtitle {
	text-align: center;
	font-size: 21px;
	margin-top: 20px;
	margin-bottom: 20px;
	font-weight:600;
	
}

.JoinTxT .TxTcontent {
	font-size: 14px;
}


.TxTForm .TxTInput {
	border: 1px solid #D5D5D5;
	border-radius: 5px;
	height: 45px;
	background-color: #F9F9F9;
	margin-bottom: 10px;
	width: 100%;
	font-size: 14px;
	padding-left: 16px;
	padding-right: 16px;
}

.TxTForm select.TxTInput,
.TxTForm select.TxTInput option {
	font-size: 14px;
	color: #737373;
}

.TxTForm .TxTInput.half1 {
	width: 48%;
	float: left;
}
.TxTForm .TxTInput.half2 {
	width: 48%;
	float: right;
}

.TxTForm .VerifyImg {
	height: 32px;
	margin-left: 10px;
	margin-top: 7px;
}
.TxTForm .btn{
	width: 100%;
	height: 48px;
	background-color: #AD181F;
	font-size: 14px;
	border-color: #AD181F;
	cursor: pointer;
}
.TxTForm .TxTTextarea {
	width: 100%;
	height: 250px;
	font-size: 14px;
	border: 1px solid #D5D5D5;
	border-radius: 5px;
	padding: 16px;
}
.marginLR{
	margin-left: 18px;
	margin-right: 18px;
}
.JobTxT .TxTtitle {
	text-align: left;
	font-size: 18px;
	margin-top: 20px;
	font-weight:600;
	padding-bottom: 10px;
}

.JobTxT .TxTcontent {
	font-size: 14px;
	color: #555555;
	margin-top: 10px;
}
.JobTxT .subTitle{
	font-size: 15px;
	font-weight: 600;
}
.JobTxT ul {
	padding-left: 10px;
}
.JobTxT ul li{
}
.JobTxT ul li i{
	margin-right: 5px;
	margin-top: 6px;
}
.JobTxT ul li span{
	
}

.JobTxT .TxTtitle.color1 {
	border-bottom: 2px solid #F1772F;
}
.JobTxT .btn.color1 {
	border: 1px solid #F1772F;
	background-color: #F1772F;
}
.JobTxT .TxTtitle.color2 {
	border-bottom: 2px solid #EC4FA2;
}
.JobTxT .btn.color2 {
	border: 1px solid #EC4FA2;
	background-color: #EC4FA2;
}
.JobTxT .TxTtitle.color3 {
	border-bottom: 2px solid #01B0D2;
}
.JobTxT .btn.color3 {
	border: 1px solid #01B0D2;
	background-color: #01B0D2;
}

.JobTxT .btn.Jobbtn {
	font-size: 14px;
	width: 100%;
	height: 48px;
	cursor: pointer;
}



.EBCT {
	margin-top: 20px;
}

.EBLOGO {
	padding-bottom: 10px;
	cursor: pointer;
	margin-bottom: 10px;
}
.EBLOGO.current {
	
	border-bottom: 2px solid #0358A7;
}
.EBLINKS {
margin-bottom: 20px;
	display: none;
}
.EBLINKS.current {
	display:block;
}

.EB_banner {
 position: relative;
}
.ContentTable{
	
}
.ContentTable td {
	padding-left: 0px;
	padding-right: 0px;
}
.loadMoreButton{
	font-size: 14px;
}
.hiddenContent{
	height: auto; overflow: hidden; padding-bottom: 0px;
}


.zaixianchaxun#ScrollBar .active {
	position: relative;
}

.zaixianchaxun#ScrollBar .active::after {
	position: absolute;
	content: "";
	bottom: -6px;;
	left:0;
	height:2px;
	width: 100%;
	background-color: #49eeb0;
}