@charset "utf-8";
/* CSS Document */
body {font-size: 62.5%;  font-family:Helvetica,STHeiti,Droid Sans Fallback; color:#333333;  /* -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;  -webkit-tap-highlight-color:rgba(0,0,0,0); */ -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
html,body,div,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,iframe,input,textarea,select,label,article,aside,footer,header,menu,nav,section,time,audio,video { margin:0;  padding:0;}
article,aside,footer,header,hgroup,nav,section,audio,canvas,video { display: block;}
a { text-decoration: none; color:#333333;}
a:visited { color:#333333; }

textarea {    resize: none;}
iframe,img {border:0;}img {vertical-align: middle;}
ul,ol,li {list-style:none;}
input,select,textarea { outline: 0;  -webkit-user-modify: read-write-plaintext-only;}
input {   -webkit-appearance: none;} .posRel { position:relative;}
* {  -webkit-tap-highlight-color: transparent;  -webkit-appearance: none;  } 

.cl { clear:both;}.fl { float:left;} .fr { float:right;}  .hr10 { clear:both; height:10px;} .hr30 { height:30px; clear:both;} .hr48 { height:48px; clear:both; background-color:#222222;} .disNone { display:none;}
.white,a.white,.white a,.white a:visited,a.white:visited { color:#ffffff;}
.gray,a.gray,.gray a,.gray a:visited,a.gray:visited { color:#999999;}

.font18 { font-size:1.8em;}
.wrapMain { width:100%; margin:0 auto;}

.headerBg { height:48px; width:100%; position:fixed; z-index:998px; background-color:#000000; filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8;}

#subNavBg { height:48px; width:100%; top:48px; background-color:#000000; filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8; display:none; position:fixed; }
.subNavLine { display:block; width:100%; height:1px; background-color:#ffffff; filter:alpha(opacity=20); -moz-opacity:0.2; -khtml-opacity: 0.2; opacity: 0.2;}
header { height:48px; width:100%; z-index:999px; text-align:center; background-color:#222222; position:fixed; left:0px; top:0px;}
/*header { height:48px; width:100%; z-index:999px; text-align:center; background-color:#222222; position:absolute; left:0px; top:0px; }*/
nav { height:48px; width:100%; z-index:999px; text-align:center;top:0px; position:absolute; left:0px;}
nav li { height:48px; width:20%; line-height:48px; font-size:1.6em; text-align:center; float:left;} nav li a { display:inline-block; width:100%; height:48px;}
.logo { display:inline-block; width:140px; height:48px; background:url(../images/logo.png) no-repeat 0px 0px; background-size:140px 48px; margin-right:48px;}
.navMenuBox { display:block; width:48px; height:48px; overflow:hidden; position:relative; cursor:pointer;}
.menuSvgTopBox {position:absolute; left:0px; top:-4px;}
.menuSvgBottomBox {position:absolute; left:0px; top:4px;}
.menuSvg { display:block; /*position:absolute; left:0px; top:0px;*/ width:48px; height:48px; fill:#ffffff;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
	 }
	 .menuSvgTopClidk { -webkit-transform:rotate(45deg);}
	 .menuSvgBottomClidk { -webkit-transform:rotate(135deg);}

@media screen and (min-width:750px) {
	 .wrapMain { width:750px; margin:0 auto;}
	 .headerBg,#subNavBg,.subNavLine,header,nav { width:750px;}
	 header { left:50%; margin-left:-375px;}
	 }	 
.imgBox { text-align:center; line-height:22px; font-size:1.4em; } .imgBox img { max-width:100%; height:auto; }
#Copyright { width:100%; text-align:center; line-height:22px; position:absolute; left:0px; top:71%; z-index:99; color:#666666; font-size:0.7em; }

.aboutCon {line-height:24px;}
.aboutCon .txt { padding:15px 15px; line-height:22px; font-size:1.6em;}
.aboutCon img {max-width:100%;}

.serviceCon .txt { padding:20px 15px; line-height:22px; font-size:1.6em;}

.portfolioCon .imgBox { position:relative; z-index:-1;}
.portfolioCon .icoDetail { display:none; width:80px; height:80px; z-index:99; left:50%; margin-left:-40px; top:50%; margin-top:-40px; background:url(../images/ico_details.png) no-repeat 0px 0px; background-size:80px 80px; position:absolute;}
.portfolioCon .txt { padding:25px 20px 20px 20px; background-color:#222222;}
.porClass { display:inline-block; font-size:1em; height:11px; line-height:11px; padding:1px 2px 0px 2px; background-color:#ff7307; color:#ffffff;}
h2 { line-height:22px; font-weight:normal; font-size:1.7em; color:#ffffff; clear:both; padding-bottom:10px;}
.porCon { padding:5px 0px; line-height:22px; font-size:1.6em; color:#999999;}

.aboutTitBar { height:40px; padding:25px 0px 10px 0px; text-align:center; border-top:#e0e0e0 1px solid;}
.aboutTitBar .fontCn { font-size:1.8em; color:#000000;}
.aboutTitBar .fontEn { font-size:1.2em; color:#a3a3a3;}
.clientsList { margin:10px 16px 10px 14px; clear:both;  border-left:#efeff0 1px solid;overflow:hidden; padding-top:1px; }
.clientsList li { display:block; width:33%; padding:8px 0px; text-align:center; border-right:#efeff0 1px solid; border-top:#efeff0 1px solid; border-bottom:#efeff0 1px solid; float:left; margin-left:-1px;margin-top:-1px; overflow:hidden;}
.clientsList li img { max-width:100%; margin:0px 1px;}
.submitBt { display:block; height:38px; line-height:38px; background-color:#fd8200; border-radius:38px 38px 38px 38px;  clear:both; text-align:center; margin:0px 15px; font-size:1.4em;}

.mapBox { text-align:center; width:100%; overflow:hidden;} 
.zixunBox { height:240px; padding:10px 0px 35px 0px; background-color:#fd8200; text-align:center;}
.zixunBox a.telBt { padding:10px 0px; display:block; margin:0 auto; width:150px; height:190px; line-height:40px; text-align:center; font-size:1.8em;}
.zixunBox a.telBt img { width:150px; height:150px;}
.zixunQq { width:100%; height:30px; line-height:20px; font-size:1.4em; }

.zpInfo {height:auto; overflow:hidden; background:url(../images/zp_infobg.jpg) repeat 0px 0px; padding:20px 15px;}
.zpInfo .tit {height:auto; line-height:25px; color:#f0f0f0; font-size:16px; padding:0px 0px 10px;}
.zpInfo p {height:auto; overflow:hidden; line-height:20px; color:#f0f0f0; font-size:12px; display:block; overflow:hidden;}

/* 分页样式 */

.page {height:auto; overflow:hidden; font-size:12px; text-align:center; clear:both; padding-top:20px;}
.page a {height:25px; line-height:25px; color:#666; border:#e5e5e5 solid 1px; background:#fff; display:block; padding:0px 15px; margin-right:10px; float:left;}
.page span {height:25px; line-height:25px; display:block; padding:0px 10px; border:#e5e5e5 solid 1px; background:#fff; margin-right:10px; float:left;}
.page span.current {color:#fff; border:#fd8200 solid 1px; background:#fd8200;}
.page a:hover {color:#fff; border:#fd8200 solid 1px; background:#fd8200;}