.wrapOut {   }
.header {  position: relative; height: 7.5em; margin: 0 auto; /* width: 80%; */ width: 1045px; text-align: left; }
.header .logo { position: absolute; left: 1em; top: 8px; }
.header em { position: absolute; top: 1.5em; right: 1em; font-size: 1.2em; font-weight: bold; 
color: #9b3938; font-style: normal; background: url(../../images/Teln.gif) left 8px no-repeat; padding-left: 60px; }
.header em b{ font-size: 24px; font-family: impact; font-weight: normal; display: block; }

/* main menu */
.mainmenu,.subMainmenu {  height: auto; overflow:hidden; width: 100%; background: #000; min-width: 1045px; }
.mainmenu ul ,.subMainmenu ul{/* width: 80%; */width: 1045px; margin: 0 auto; }
.mainmenu ul li,.subMainmenu ul li { float: left;}
.mainmenu ul li a ,.subMainmenu ul li a{color: #fff; font-weight: bold; padding: 1em 1em 1em 1em; font-size: 1.2em; display: inline-block; }
.mainmenu ul li a:hover,.mainmenu ul li a.currentMenu{ background: #9b3938; text-decoration: none;}
.mainmenu:after ,.subMainmenu:after{ content: ""; visibility: hidden; display: block; height: 0; clear: both; }

/* sub main menu */
.subMainmenu { background: #e6e6e6; border-bottom: 1px solid #c2bfbf; box-shadow: 0 3px 8px rgba(194,191,191,0.4); position: relative; z-index: 3;; }
.subMainmenu ul li a { color: #375587; font-weight: normal; padding: 1em 0.5em 1em 0.5em; font-size: 1em;}

/* main flash section */
.flashGallery { background: url(/images/bg-nav.png) left top repeat-x; z-index: 1; position: relative; padding-bottom: 30px; min-width: 1045px; }
.innerText,.innerCompany,.mainFrame { /* width: 80%; */ width: 1045px;  margin: 0 auto; text-align: left;}

.innerText em { display: block; color: #343434; font-weight: bold;  }
.innerText .text01 {  font-size: 1.5em; padding:30px 0px 30px 0px; letter-spacing:1px;}
.innerText .text02 { font-size: 1.5em;  padding: 0; color: #375587;}
.innerText .text03 { font-size: 1.4em; padding: 15px 0 0px 0; color: #7f8384; letter-spacing:1px;}
.innerText .text02 span { color: #9b3938;}

.innerCompany .com_instruction { float: left; width: 50%; font-size: 1.2em; text-align: left; color: #375587; line-height: 2em; padding-top:20px;  }
.imageGallery { width: 45%; float: right; border: 1px solid #aabbbb;  padding: 2px; background: #fff; border-radius: 5px; }

.imageGallery img { width: 470px; height: 240px; border-radius: 5px; }

.productGroup { margin-top:1em; 


}
.productBox { width: 32%; margin-right: 0.8em; float: left; text-align: left;
background: -moz-linear-gradient(top, #f5f3f3, #faf9f9 60%, #f1f0f0);
background: -webkit-linear-gradient(top,#f5f3f3,#faf9f9 60%,#f1f0f0);
background: -o-linear-gradient(top, #f5f3f3, #faf9f9 60%, #f1f0f0);
background: linear-gradient(top, #f5f3f3, #faf9f9 60%, #f1f0f0);

-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;

border: 2px solid #ecebeb;
}

.productBoxInner { padding: 1.5em; font-size: 1.1em; text-align: center;}
.productBoxInner h2 { font-size: 1.4em; color: #375587; line-height: 2.5em; text-align: center;}
.productBoxInner span { text-align: left; display: inline-block;}
.specialList { margin: 1em; text-align: left;}
.specialList  li { background: url(../../images/ic_01.png) left center no-repeat; padding-left: 1.8em; line-height: 2.3em;}
.specialList:after { content: ""; visibility: hidden; display: block; height: 0; clear: both;}

.cleft { width: 65%; float: left; text-align: left; margin-top: 2em; }
.cright { width: 32%; float: right; }
/* hard ware */
.HardwareGroup { }
.contactBox ,.quicklyLinkBox{  background: #e3e3e3; margin-top: 2em; text-align: left;}
.contactBox .contactBoxIn { padding: 1em 2rem;}
.titleLine { position: relative; width:100%; height: 4.5em;}
.titleLine i { height: 2px; background: #375587; clear: both; overflow: hidden; position: absolute; top: 1em; left: 0; width: 100%; z-index: 1;}
.titleLine h3 { font-size: 1.34em; display: inline-block; padding-right: 2em; background: #fff; position: absolute; left: 0; z-index: 3;padding-top:1em;}

.HardwareBox { border-bottom: 1px solid #E6E6E6; padding-top: 1.4em;}
.HardwareInfo  { margin-left: 130px;}
.HardwareBox img { width: 106px; height: 70px; float: left; margin: 1em;}
.HardwareInfo dt { font-size: 1.2em; font-weight: bold; color: #000; margin-bottom: 0.5em; background: url(../../images/ic_02.png) left center no-repeat; padding-left: 2.5em;}

/* contacct */
.contactBox { border-bottom: 1px solid #ccc;}
.contactBoxIn .tel { color: #cc1838;font-size: 2.5em; font-family: "arial";  display: inline-block; }
.cm { padding: 0em 2em 0 2em ; font-size: 1.1em; color: #3f3f42; line-height: 2.2em;}
.cm a.email { background: url(../../images/ic_03.png) -6px center no-repeat; padding-left: 1em;}
.quicklyLinkBox { border: 1px solid #e3e3e3; background: #fff; text-align:center ;}
.quicklyLinkBox h3 {  text-align: left; margin: 1px; margin-bottom: 0.5em; background: #e3e3e3; font-size: 1.3em; padding: 0.6em 1em; letter-spacing: 2px;}
.quicklyLinkBox a { display: inline-block; width: 45%; border: 1px solid #e3e3e3; margin-left: 3px; margin-bottom: 5px; line-height: 2.3em; }
.quicklyLinkBox a img { max-width:95%; height:58px;}
/* soulution section*/

.SolutionsGroup { margin-top: 2em;width:48%;float:left;}
#jiejuefangan{
	float:right;
}
.solutionListCon {height:415px;display: none; border:1px solid #96a4bb;  padding:1.5em;}
.solutionMenuList { margin-top: 1.5em; }
.solutionMenuList li { display:inline-block; padding: 0.5em 1.5em; border: 1px solid #96a4bb; border-bottom-width: 0;
border-top-left-radius: 5px; border-top-right-radius: 5px; cursor: pointer; 
}
.solutionListCon a{display:block;   line-height:40px;   clear:both ; text-indent:1em;   }
.solutionMenuList li.currentS { background: #96a4bb; color: #fff;}

/* footer */

.footer { background: #fafafa; color: #616161; border-top: 2px solid #dadada; padding: 2em; margin-top: 2em;}
.footer a { display: inline-block; padding-right: 2em; color: #616161; line-height: 3em; }

/* sub main page -- product */


.content_left { width: 280px; float: left; }
.content_right { margin-left: 290px; margin-top: 2em; border: 1px solid #8db3e0; text-align: left;}

/*��ҳ��������*/
.qas{
	margin-top:10px;
	border: 1px solid #8db3e0;
}
.qas h3{
	height:30px;
	line-height:30px;
	background: -webkit-linear-gradient(90deg, #e6e5e5, #faf7f7);
  background: -o-linear-gradient(90deg, #e6e5e5, #faf7f7);
  border-bottom: 1px solid #8db3e0;
  padding-left: 1em;
	margin:0px;
}
.qas ul{
	padding:10px;
}
.qas ul li{
	line-height: 2.5em;
  padding-left:12px;
  background: url(../../images/icon-dot.png) left center no-repeat;
}
@media screen and (max-width: 750px) {
	.content_left { 
		clear:both !important;
		width: 100%  !important;
		float: none   !important;
	   }
	   .content_right { 
		margin-left:0px !important;

	   }
	   .contactSide {   padding:0.5rem !important ; }
	   .companyName {  display: none  !important ; }
	   .contentDetail, .solutionList { padding: 0.2rem  !important  ; }
	   .header { width: 100%  !important ; }
	   .mainmenu {  
		width: 100%  !important ;
		min-width:300px !important  ;  
	}
	   .mainFrame {   width: 100%  !important  ; }
	   .subBannerBox , .routeBar {   display: none  !important ; }
	   .contentDetail h1 { padding: 0.2rem  !important ; }
	   .mainmenu ul { width: 100%  !important ; }
	   .header em { display: none  !important ;} 
	   .mainmenu ul li a { padding: 0.4rem 0.4rem   !important  ; }
 
}