@charset "utf-8";
/*公共*/
body,div,p,a,table,textarea,form,input,img,dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre{margin:0px; padding:0px;font-size:100%;}
li{ list-style:none; text-indent:0;}
ol, ul {list-style:none;}
.clear{clear:both;}
img,a img{ border:0;}
a {color: #4C4C4C;text-decoration: none;outline:none;}
a:active{outline:none;}
.bian,div.contents img{-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;-moz-box-shadow: 0px 0px 8px #222;-webkit-box-shadow: 0px 0px 8px #222;box-shadow: 0px 0px 8px #222;}
.yuan ,div.contents input,div.contents textarea,div.contents select{-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;}
.overtxt{text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.txtright{text-align: right;}
.fr{float:right !important;}
.marginleft17dian5{margin-left:27.5%;}
.txtcenter{text-align:center;}
*,*::before,*::after {box-sizing: border-box;}
/*以上样式不得随意修改 */
body{
	margin:0px;
	padding:0px;
 
	font-family: "Microsoft Yahei","微软雅黑",Tahoma,Arial,Helvetica,"宋体";
}


img {
    max-width: 100%;
}
/*防止百度地图显示不全 */
#dituContent {border:none !important;}
#dituContent img {
    max-width:none;
}

.wraper{
/*	width:100%;
    max-width: 1200px;*/
	width:1200px;
	margin:0 auto;
	-moz-transition:all .2s linear;
	-webkit-transition:all .2s linear; 
	-o-transition:all .2s linear; 
	-ms-transition:all .2s linear;
}
.header{background:#000000; height:718px;}
/*.header{background:#000000 url(../images/headerbg.jpg) no-repeat fixed center top; height:718px;}*/
.logo{background: url(../images/logo-blue.png) no-repeat left center; padding:0px 0px 5px 55px; font-size:20px; letter-spacing:2px;}
.logo p{font-size:16px;letter-spacing:0px;}
.margin-top20{margin-top:20px;}
.margin-top15{margin-top:15px;}
.padding-top16{padding-top:16px;}
.margin-bottom15{margin-bottom:15px;}
.logo{ position:absolute; margin-left:1%;}
.topTel a{position:absolute; right:20px;  padding-left:26px; color:#3298BF !important; font-size:18px; font-style:italic; padding-bottom:2px; background:url(/images/tel.png)	no-repeat left center;}
.menu{width:800px;margin: auto; text-align:center; padding-top:15px; padding-left:50px;animation:fadeInDown 0.6s;}
.menu a{ display:inline-block; float:left; padding-left:7%; height:36px;	-moz-transition:all .2s linear;
	-webkit-transition:all .2s linear; 
	-o-transition:all .2s linear; 
	-ms-transition:all .2s linear;}
#header .menu a:hover{color:#12A0FF;}
#header a.submit-demand:hover{background-color:#FFF; color:#000;}
 

.submit-demand{border:1px solid #CCC;  font-weight:bold; padding:6px 30px;; margin-top:-10px;-webkit-border-radius:2em; -moz-border-radius:2em;-o-border-radius:2em;border-radius:2em; }
.nonewidth{display:inline-block; width:240px;}
.prz{position:relative; z-index:2;-webkit-box-shadow: 0 5px 10px -10px rgba(0, 0, 0, 0.6);
-moz-box-shadow: 0 5px 10px -10px rgba(0, 0, 0, 0.6);
box-shadow: 0 5px 10px -10px rgba(0, 0, 0, 0.6);}
.banner{background-color:#333; height:300px;width:100%; position:relative;}
.bannerTel{ font-size:26px; padding:10px 20px; margin-top:-40px; background-color:#EDEDED; width:1100px; height:30px;-webkit-border-radius:4em; -moz-border-radius:4em;-o-border-radius:4em;border-radius:4em;}
.slogan{ line-height:100px;}
span.yellow{color:#FFD800;}
.Hellow{font-size:70px; color:#F7931E; font-weight:bold; }
.p1{font-size:55px; margin-top:10px;   font-weight:bold; color:#FFF; letter-spacing:3px;}
.p2{font-size:22px; font-weight:bold; color:#0071BC; }
.p3{color:#CCC; font-size:18px; margin-top:-30px;}
.tel a{display:block; width:360px; height:60px; line-height:60px;  margin-left:200px; text-align:center; font-size:23px; background-color:#0082D9;color:#FFF;-webkit-border-radius:0.5em; -moz-border-radius:0.5em;-o-border-radius:0.5em;border-radius:0.5em;}
.noBBorder{border-bottom:none !important;}
.onlineSubmit{display:none;}

.p-a{position:relative; width:100%;}
.fly{ position:absolute; left:30px; top:-50px;}
.wireless{position:absolute; top:50px; left:490px;}
.slogan{position:absolute; top:210px; left:230px; text-align:center;}
.slogan .hellowimg{position:absolute; top:-80px; left:770px;}
.slogan h1{font-size:60px;}
.line{display:inline-block; height:1px; width:30px; background-color:#E9E9E9;}
.openclose{color:#626262; font-size:14px; position:absolute;  left: 1060px;top: 680px; }
a.bg0{background-color:#000;}
a.bg1{background-color:#1D013C;}
a.bg2{background-color:#011e3c;}
.changeBG{position:absolute; left:20px; top:680px; font-size:14px; color:#626262;}
.changeBG a{display:inline-block;width:15px; height:15px; margin-right:10px; border:1px solid #E9E9E9;-webkit-border-radius:50%; -moz-border-radius:50%;-o-border-radius:50%;border-radius:50%;}
a.openclose:hover{color:#F4F4F4;}
.colodtop{position:absolute; top:90px;left:240px;}
/*.colodbottom{position:absolute; top:0px;left:180px;}*/
.colod{position:absolute; top:420px;left:960px;}
.robot{position:relative; left:575px; top:140px; width:292px; height:648px;overflow: hidden;animation:robot 4s 0s  infinite linear; transform-origin:top left;}
.robot-body{position:absolute;}
.robot-body-left{position:absolute; left:25px; top:143px; animation:robotleft 8.5s 0s  infinite linear; transform-origin:top right; }
.robot-body-right{position:absolute;left:170px; top:140px;animation:robotright 8.5s 0s  infinite linear; transform-origin:top left; }
.robot-body-logo{position:absolute;left:124px; top:168px;animation: rotate 1s linear infinite;transform-origin:center center;}
@keyframes robotleft{
	from{transform:rotate(0deg);}
	40%{transform:rotate(5deg);}
	80%{transform:rotate(-5deg);}
	100%{transform:rotate(0deg);}
	}
@keyframes robotright{
	from{transform:rotate(0deg);}
	40%{transform:rotate(-5deg);}
	80%{transform:rotate(5deg);}
	100%{transform:rotate(0deg);}
	}
@keyframes robot{
	from{transform:translateY(0px);}
	40%{transform:translateY(10px);}
	80%{transform:translateY(-10px);}
	100%{transform:translateY(0px);}
	}
	
@keyframes Aarrowb{
	from{transform:translateY(0px);filter:alpha(Opacity=20);-moz-opacity:0.2;opacity: 0.2; }
	40%{transform:translateY(10px);}
	80%{transform:translateY(5px);filter:alpha(Opacity=90);-moz-opacity:0.9;opacity: 0.9;}
	100%{transform:translateY(0px);}
	}
	

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
          animation-name: fadeInDown;
}

@-webkit-keyframes fadeIn {
  0% {opacity: 0;}
  100% {opacity: 1;}
}

@keyframes fadeIn {
  0% {opacity: 0;}
  100% {opacity: 1;}
}

.fadeIn {
  -webkit-animation-name: fadeIn;
          animation-name: fadeIn;
}

.arrowb{ margin-top:10px;animation: Aarrowb 1s linear infinite;transform-origin:center center;}

@-webkit-keyframes rotate{from{-webkit-transform: rotate(0deg)}
    to{-webkit-transform: rotate(360deg)}
}
@-moz-keyframes rotate{from{-moz-transform: rotate(0deg)}
    to{-moz-transform: rotate(359deg)}
}
@-o-keyframes rotate{from{-o-transform: rotate(0deg)}
    to{-o-transform: rotate(359deg)}
}
@keyframes rotate{from{transform: rotate(0deg)}
    to{transform: rotate(359deg)}
}



canvas {
	display:block;
	height:718px;
	width:100%;
	overflow:hidden;
}
.waves {
	position:absolute;
	height:718px;;
	left:0;
	top:0;
	right:0;
	bottom:0;
	overflow:hidden;
}


.animated {
  position: relative;
}

.animated-info {
  display: inline-block;
  vertical-align: top;
  margin-top: 5px;
  min-width: 560px;
  position: relative;
}

.animated-item {
  color: #FFC600;
}

.animated-item {
  line-height: inherit;
  display: block;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  animation: BottomTotop 7s linear infinite 0s;
}
.animated-item:nth-child(2n+2) {
  animation-delay: 3s;
}
.animated-item:nth-child(3n+3) {
  animation-delay: 5s;
}

@keyframes BottomTotop {
  0% {
    opacity: 0;
  }
  5% {
    opacity: 0;
    transform: translateY(5px);
  }
  10% {
    opacity: 1;
    transform: translateY(0px);
  }
  25% {
    opacity: 1;
    transform: translateY(0px);
  }
  30% {
    opacity: 0;
    transform: translateY(5px);
  }
  80% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes progress {
  0% {
    opacity: 0;
  }
  20% {
    opacity: 1;
  }
  60% {
    opacity: 0;
  }
  80% {
    opacity: 1;
  }
}
@keyframes smallLogoA {
  0% {
	  transform:rotate(0deg);
  }
  30% {
      transform:rotate(180deg);
  }
  60% {
      transform:rotate(360deg);
  }
  90% {
      transform:rotate(-360deg);
  }
}


.servers{line-height:33px;text-align:center; padding-bottom:60px; background-color:rgb(255,255,255) }
.servers h2{ padding:50px 0px; font-size:21px; font-weight:normal; color:#333333;}
.servers h3{ font-size:24px; padding:10px 0; color:#272727;}
.servers a{float:left;}
.servers-1{float:left; width:24%;}
.servers-1 a img{ display:inline-block; -moz-transition:all .2s linear;
	-webkit-transition:all .2s linear; 
	-o-transition:all .2s linear; 
	-ms-transition:all .2s linear; transition:all .2s linear;}
.servers-1 a:hover img{ transform:translateY(-12px); transform:scale(0.8)}
.servers-1 a{ padding:8px; 
-webkit-border-radius:0.3em; -moz-border-radius:0.3em;-o-border-radius:0.3em;border-radius:0.3em;
 -moz-transition:all .2s linear;
	-webkit-transition:all .2s linear; 
	-o-transition:all .2s linear; 
	-ms-transition:all .2s linear; transition:all .2s linear;}
.servers-1 a:hover{
	background-color:#333;color:#E1E1E1;
	transform: translate(0,-10px);
-webkit-transform: translate(0,-10px);
-moz-transform: translate(0,-10px);
-o-transform: translate(0,-10px);
-ms-transform: translate(0,-10px);
-webkit-box-shadow: 0px 5px 15px #e5e5e5;
-moz-box-shadow: 0px 5px 15px #e5e5e5;
box-shadow: 2px 2px 15px #e5e5e5;
	}
.servers-1 a ul,.servers-2 a ul{padding-top:10px;border-top:1px solid transparent;}	
.servers-1 a:hover ul,.servers-2 a:hover ul{ border-top:1px solid #0082D9; padding-top:10px;}	
.servers-1 a:hover h3{color:#FFF;}
.servers-1 li,.servers-2 li{width:50%;float:left;padding-bottom:6px;  }
.servers-1 li span,.servers-2 li span{color:#F90;}
.servers-1 a img{     /* -webkit-filter: drop-shadow(-3px 0 0 #CCC);
      filter: drop-shadow(-3px 0 0 #CCC);*/}
.servers-2{float:left; width:52%; padding:0 14%;}
.servers-2 a img{ display:inline-block; -moz-transition:all .2s linear;
	-webkit-transition:all .2s linear; 
	-o-transition:all .2s linear; 
	-ms-transition:all .2s linear; transition:all .2s linear;}
.servers-2 a:hover img{ transform:translateY(12px);transform:scale(0.8);}
.servers-2 a{ padding:8px;
-webkit-border-radius:0.3em; -moz-border-radius:0.3em;-o-border-radius:0.3em;border-radius:0.3em;
 -moz-transition:all .2s linear;
	-webkit-transition:all .2s linear; 
	-o-transition:all .2s linear; 
	-ms-transition:all .2s linear; transition:all .2s linear;}
.servers-2 a:hover{
	background-color:#333;color:#E1E1E1;
	transform: translate(0,10px);
-webkit-transform: translate(0,10px);
-moz-transform: translate(0,10px);
-o-transform: translate(0,10px);
-ms-transform: translate(0,10px);
-webkit-box-shadow: 0px 5px 15px #e5e5e5;
-moz-box-shadow: 0px 5px 15px #e5e5e5;
box-shadow: 2px 2px 15px #e5e5e5;
	}
.paddingtop-cases{padding-top:70px;}
.servers-2 a:hover h3{color:#FFF;}
.servers-3{float:left; width:24%;}
.cases{line-height:33px;text-align:center; background:#EDEDED;padding-bottom:60px;}
.cases h2{ padding:60px 0px; font-size:21px; font-weight:normal; color:#333333;}
.cases .casesSh2 {padding: 30px 0px;font-size: 21px; font-weight:bold;color: #333333;}
.cases-content-show-left{width:65%; margin-right:3%;float:left}
.cases-content-show-left img{ border:1px solid #CCC;-webkit-border-radius:8px; -moz-border-radius:8px;-o-border-radius:8px;border-radius:8px;box-shadow: 0 0 40px 0 rgba(0, 0, 0, .15);}
.cases-content-show-right-leftline{position:fixed; width:320px;border-left:2px solid #5E5E5E;padding-left:2%; }
.cases-content-show-right{width:30%; height:360px;float:right; }
.cases-content-show-right h3{ padding-bottom:5%; font-size:18px;}
.cases-content-show-right p{font-size:15px;color:#424242; text-align:left; text-indent:8px; margin-bottom:5%;}
a.link-button{ color:#FFF;  font-weight:bold; padding:8px 100px; background:#181818 url(../images/link.png) no-repeat 60px center; -webkit-border-radius:8px; -moz-border-radius:8px;-o-border-radius:8px;border-radius:8px; box-shadow: 0 0 40px 0 rgba(0, 0, 0, .15);-webkit-transition: 0.3s;-moz-transition: 0.3s;transition: 0.3s;}
a.link-button:hover{ background:#181818 url(../images/link2.png) no-repeat 70px center}
#classShow{margin-bottom:40px;}
#classShow li a,#classShow li{ display:inline;float:none; border:none;background-color:#FFF;color:#4C4C4C; border-radius:0; font-size:18px;margin-right:0px; }
#classShow li{border-right:1px solid #949494;}
#classShow li a:hover{ color:#12A0FF;}
.relevant{ float:left; margin-bottom:20px;}
.relevant li{width:100%;float:left; font-size:14px;  margin-top:20px; text-align:left; padding-left:10px; border:1px solid #909090;-webkit-border-radius:5px; -moz-border-radius:5px;-o-border-radius:5px;border-radius:5px;}
.cases-content li{display:block; float:left; width:23%; position:relative; background-color:#FFF; overflow:hidden; padding:1% 0;  margin:1% 1%;-webkit-border-radius:0.5em; -moz-border-radius:0.5em;-o-border-radius:0.5em;border-radius:0.5em;}
.cases-content li:hover{box-shadow: 0 0 40px 0 rgba(0, 0, 0, .15);}
.cases-content-animation{width:100%; height:225px;}
.cases-content-animation{display:inline-block; position:absolute; left:0px; top:-300px; transition: all 0.3s;
    transition-timing-function: ease;
transition-timing-function: cubic-bezier(0.31, -0.105, 0.43, 1.59);}
.cases-content li:hover .cases-content-animation{ box-shadow: 0 0 40px 0 rgba(0, 0, 0, .15);text-align:center;background:rgb(0,0,0); background:rgba(0,0,0,0.78); position:absolute;left:0px;top:0px;filter:alpha(Opacity=100);-moz-opacity:1;opacity: 1;}
.cases-content-animation a{display:inline-block; width:34px; height:34px; line-height:34px; margin:0 20px;  border:2px solid #FFF;-webkit-border-radius:0.8em; -moz-border-radius:0.8em;-o-border-radius:0.8em;border-radius:50%; filter:alpha(Opacity=0);-moz-opacity:0;opacity: 0;transition: all 0.3s ease 0s; transform-origin:center center; }
.cases-content li:hover .cases-content-animation a{ margin-top:100px;filter:alpha(Opacity=100);-moz-opacity:1;opacity: 1;}
.cases-content li:hover .cases-content-animation a:hover{  border-color:#0082D9; transform:rotate(180deg); }
.advantage { line-height: 33px; color:#F7F7F7; text-align: center; background: url(../images/a.jpg) no-repeat fixed center center; 
      -webkit-background-size: cover;  
      -o-background-size: cover;  
      -moz-background-size: cover;   
      -ms-background-size: cover; background-size: cover;
}
.advantage h2{padding: 80px 0px;font-size: 21px;font-weight: normal;}
.advantage li{float:left; width:15%; padding-bottom:80px;}
.advantage li img{transform-style:preserve-3d; -moz-transition:all .3s linear;
	-webkit-transition:all .3s linear; 
	-o-transition:all .3s linear; 
	-ms-transition:all .3s linear; transition:all .3s linear;}
.advantage li:hover img{transform:rotateY(180deg);}
.advantage li:hover .advantage-title{ border-bottom:1px solid #0082D9;}
.advantage-title{font-size:18px; font-weight:bold; border-bottom:1px solid rgba(255,255,255,0); padding-bottom:5px;}
.advantagebg1{background:url(../images/advantage1.png) no-repeat center top;padding-top:60px;}
.advantagebg2{background:url(../images/advantage2.png) no-repeat center top;padding-top:60px;}
.advantagebg3{background:url(../images/advantage3.png) no-repeat center top;padding-top:60px;}
.aboutsHome-title{ font-size:24px; line-height:36px;  margin-top:30px;}
.aboutsHome-word{ font-size:16px;}
.bannerPositionmargin{margin-left:30%;}
.bannerPositionmargin2{margin-left:24%;}
.bannerPositionmargin3{margin-left:33%;}
.bannerTitle{position:fixed; z-index:1;top:175px;text-align:center; font-size:126px;color:#FFF; letter-spacing:3px;}
.contentTitle{  padding:60px 0px 130px 0px; text-align:center; color:#333; font-size:18px; }
.services1Title{font-size:24px;padding: 60px 0px 60px 0px;text-align: center;color: #333;}
.services1Title span{display:block;font-size:16px; color:#999; padding-top:8px;}
.services1Type{margin-bottom:360px;}
.services1Type h3{font-size:20px; margin-bottom:10px;}
.services1Type li{width:31%;float:left; margin:0 1%; text-align:center; font-size:14px; padding:30px 0;box-shadow:0 0 40px 0 rgba(0, 0, 0, .15);border-radius: 5px;}
.services1Type li h3 span{background-color:#ffd800; display:block; width:80px; height:2px; margin:0 auto; margin-top:8px;}
.services1Type p{color:#4F4F4F; font-size:16px; line-height:36px;}
@keyframes gradientBG {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}
.searchEngines li{float:left; width:260px; height:260px; padding-top:110px; margin:0 15px; text-align:center; font-size:20px; border:1px solid #CCC;-webkit-border-radius: 50%;-moz-border-radius: 50%;-o-border-radius: 50%;border-radius: 50%;}
.softwareTypeAll{line-height:39px; border-bottom:1px dashed #CCC; padding-bottom:20px; background:url(../images/services3type.jpg)  fixed no-repeat center center;}
.softwareType1{font-size:24px;}
.softwareType2{font-size:20px;}
.softwareType{padding-top:230px;}
.softwareType li{float:left; width: 344px; margin-right:50px; text-align:center;position: relative;border-width: 30px 18px 0;border-style: solid;border-color: #ECECEC transparent;}.softwareType li:before{content: "";height: 0;width: 0;position: absolute;top: -67px;left:120px;border-width: 0 25px 15px;border-style: solid;border-color: transparent transparent #ffd800;}
.softwareType li p{position:absolute; top:-230px;left:0px;}
.softwareTypeTitle{display:block; font-size:20px; margin-bottom:10px; font-weight:bold;}
.softwareTypeContact{text-align:left !important;color: #808080;}
.searchEngines span{display:block; width:80px; height:3px; background-color:#ffd800; margin:0 auto; margin-top:16px;}
.trapezoid{width: 200px;height: 0;border-width: 100px;border-style: solid;border-color: transparent transparent #6ACFEE transparent;}
.cssshape {height: 0;width: 180px;border-bottom: 180px solid #f335f7;border-left: 60px solid transparent;border-right: 60px solid transparent;}
.bannerTitle span{font-size:18px; color:#FFF; background:#0082D9; background: linear-gradient(-45deg, #45A0FF, #0082D9, #23a6d5, #23d5ab); vertical-align:top;letter-spacing:0px;  padding:7px;-webkit-border-radius:50%; -moz-border-radius:50%;-o-border-radius:50%;border-radius:18px 0px 18px 0px;background-size: 400% 400%;animation: gradientBG 6s ease infinite;}
.bannerTitle p{font-size:18px; color:#333;letter-spacing:0px;  }
.bigtitle{font-size:23px; padding-bottom:16px;}
.bigtitleContact{font-size:23px; padding-bottom:36px; text-align:center;}
.abouts{ line-height:33px; width:100%; background-color:#FFF; }
.abouts-left{float:left; width:190px; height:190px; line-height:190px; text-align:center;  background-color:#FFD800; font-size:20px; color:#000; margin-right:110px; -webkit-border-radius:50%; -moz-border-radius:50%;-o-border-radius:50%;border-radius:50%;}
.contact-left{float:left; width:190px; height:190px; line-height:190px; text-align:center;  background-color:#FFD800; font-size:20px; color:#000; margin-right:110px; transform:rotate(45deg);}
.contact-left span{ display:inline-block;transform:rotate(-45deg);}
.contact-right{float:left; color:#333;padding-bottom:20px; letter-spacing:1px;width:100%;}
.contacts li{width:23%;float:left; margin:0 1%; margin-bottom:60px; text-align:center;}
.contacts li span{display:block; width:100px; height:100px; margin:0 auto; margin-bottom:5%;border-bottom:2px solid #ffd800; }
.contacts li span.c1{ background:url(../images/contacts.png) no-repeat left center;}
.contacts li span.c2{ background:url(../images/contacts.png) no-repeat -232px 5px;}
.contacts li span.c3{ background:url(../images/contacts.png) no-repeat -490px 10px;}
.contacts li span.c4{ background:url(../images/contacts.png) no-repeat -810px 10px;}
.contact-right span{color:#F90; font-size:20px;}
#dituContent{width:1200px;}
.abouts-right{width:400px; float:left; color:#4C4C4C; border-bottom:1px solid #CCC; padding-bottom:20px; letter-spacing:1px;}
.abouts-left-2{float:left; width:190px; height:190px; line-height:190px; text-align:center;  background-color:#FFD800; font-size:20px; color:#000;}
.abouts-right-2{width:232px; float:right; color:#333; border-bottom:1px solid #CCC; padding-bottom:20px; letter-spacing:1px;}
.abouts-left-3{float:left; width:190px; height:190px; line-height:190px; text-align:center;  background-color:#FFD800; font-size:20px; color:#000;}
.abouts-right-3{width:900px;float:right;}
.aboutS{margin-top:20px;}
.aboutS li{float:left;width:180px;}
.aboutS p{padding-left:10px;}
.contactBottom{ text-align:center; font-size:28px; line-height:46px; padding-bottom:50px;}
.contactBottom a{display:inline-block; width:180px; height:40px; line-height:40px; margin-top:20px; border:1px solid #CCC; font-size:16px;-webkit-transition: 0.3s;-moz-transition: 0.3s;transition: 0.3s;}
.contactBottom a:hover{background-color:#333;color:#FFF;}
.demand li{display:block; }
.demand input,.demand textarea{ display:inline;width:500px; height:30px; margin-bottom:4%; margin-right:8%; border: none; background-color:transparent; border-bottom:1px solid #CCC;}
input.bottomsubmit{background-color:#333; color:#FFF; border:1px solid #CCC; height:40px;}
.demand textarea{height:160px;}
input:focus,textarea:focus{ background-color:#FFD800; color:#000; border:1px solid transparent;}
.casesbg{background-color:#FFF;}
.margin-top110{margin-top:110px;}
.margin-right430{margin-right:430px;}
.margin-bottom100{margin-bottom:100px;}
.margin-bottom100T{margin-bottom:100px;}
.margin-right100px{margin-right:100px;}
.margin-top100{margin-top:100px;}
.margin-top60{margin-top:60px;}
.belowLine{margin:0 auto; width:120px; height:3px; background-color:#959595; margin-top:16px; margin-bottom:40px;}
.robot-charge{width:400px;float:left; position:relative;}
.robot-about{width:800px; height:528px;float:left; background:url(../images/girl.jpg) no-repeat right bottom;}
.robot-about h3{text-align:right; font-size:36px; font-weight:normal; color:#333333; padding-bottom:26px;}
.robot-about-slogan{padding-left:60px;font-size:22px; line-height:40px; color:#595959;}
.robot-about-slogan-word{width:470px;color:#595959; font-size:16px; margin-top:100px; margin-left:60px; text-indent:1em;}
.bigfont{font-size:46px}
.progress{ position:absolute; left:143px; top:172px;animation: progress 2s linear infinite 0s;}
.smallLogo{position:absolute; left:168px; top:272px;animation: smallLogoA 3s linear infinite 0s;}
.newsPreNext{margin:30px 0;}
.newsPreNext li {display:block;width:50%;float:left;}
.newsPreNext li a{width:100%;}
.relevant-news-title{font-size:24px !important; color:#333 !important; margin:40px 0; text-align:left; padding-left:10px; border-left:3px solid #06F;}
.relevant-news-title2{font-size:24px !important; color:#333 !important; margin:40px 0; margin-top:100px; margin-bottom:0px;}
.news{width:100%; background-color:#FFF;padding-bottom:60px;}
.newsType{margin-bottom:50px;}
.newsType a{font-size:18px; padding:0 10px;}
.newsType a:hover{color: #12A0FF;}
.newsTitle{ border-bottom:1px dashed #CCC; margin-bottom:60px;}
.newsTitle p{ padding-top:10px;}
.newsP{text-align:left;color:#434343; text-indent:8px;}
.newsHome{ text-align:center;}
.newsHome h2{padding: 60px 0px;font-size: 21px;font-weight: normal;color: #333333;}
.newsHome h4{font-size:18px; margin-bottom:10px; padding-left:19px; font-weight:normal;background:url(../images/bot.png) no-repeat left center; }
.newsHome  p{font-size:14px; color:#949494; line-height:26px; }
.newsHome ul a{display:block; float:left; width:48%; padding:15px;  margin-right:2%; margin-bottom:30px; text-align:left; border:1px solid #CCC;-moz-transition: all .2s linear;
-webkit-transition: all .2s linear;
-o-transition: all .2s linear;
-ms-transition: all .2s linear;
transition: all .3s linear;}
.newsHome ul a:hover{background-color:#333;color:#FFF; border-radius:40px 0 40px 0;}
.arrow-left{padding:40px 30px;}
.arrow-right{ padding-left:400px; padding-top:140px;}
.colorCCC{color:#A2A2A2;}
a.return{width:5%; padding:1.5% 0px; position:fixed; top:50%; right:0px; z-index:99; text-align:center; border:1px solid #CCC; background-color:#333; color:#FFF;-webkit-transition: 0.3s;-moz-transition: 0.3s;transition: 0.3s;}
a.return:hover{background-color:#FFF; color:#333;}
@keyframes cloud-leftA{
	from{transform:translateY(0px);}
	40%{transform:translateY(50px);}
	80%{transform:translateY(-50px);}
	100%{transform:translateY(0px);}
	}
@keyframes cloud-rightA{
	from{transform:translateY(0px);}
	40%{transform:translateY(-50px);}
	80%{transform:translateY(50px);}
	100%{transform:translateY(0px);}
	}
	
.cloud-left{position:absolute;left:180px;animation: cloud-leftA 16s linear infinite 1s;}
.cloud-right{position:absolute;left:560px; top:180px;animation: cloud-rightA 16s linear infinite 1s;}
.contactHome{width:700px;float:left;position:relative; background:url(../images/contactbg.jpg) no-repeat left top; margin-left:100px;}
.contactHome h3{font-size:36px; text-align:right; font-weight:normal;color:#333333; margin-left:320px; padding-bottom:10px; margin-bottom:20px; }
.contactHome-info{margin-left:340px; text-align:right; padding-bottom:10px; margin-bottom:20px; line-height:33px; color:#474747;}
.pageNav{line-height:50px;}
.pageNav span{font-size: 14px; height:40px; line-height:40px; display:inline-block;BORDER: 1px solid #E5E5E5;PADDING: 0px 20px;border-radius: 3px;COLOR: #9C9C9C;MARGIN-RIGHT: 2px;BACKGROUND-COLOR: #FFF;MARGIN-RIGHT: 5px;}
.pageNav a{font-size: 14px;height:40px; line-height:40px;display:inline-block;BORDER: 1px solid #dddddd;PADDING: 0px 20px; font-weight:bold;border-radius: 3px;COLOR: #666;MARGIN-RIGHT: 2px;BACKGROUND-COLOR: #F2F2F2;MARGIN-RIGHT: 5px;-moz-transition: all .2s linear;-webkit-transition: all .2s linear;-o-transition: all .2s linear;-ms-transition: all .2s linear;}
.pageNav a:hover{BACKGROUND-COLOR: #2B2B2B;color:#FFFF;}
.pageNav input{width:50px; height:30px;}
.footer-home{ background-color:#1A1A1A; position:relative; z-index:6; }
.footer-home-world{height:470px; padding-top:120px; font-size:21px; line-height:40px; padding-left:20px; color:#FFF; font-weight:normal; background: url(../images/cloud2.png) no-repeat  185px 0px ;    }
.footer-home-world-left{float:left; width:450px;}
.footer-home-world-left h3{font-size:36px; padding-bottom:10px;}
.footer-home-world-left li{font-size:16px; font-weight:normal; line-height:33px; color:#ACACAC;} 
.footer-home-world-left li span{color:#F90;}
.footer-home-world-rgiht{float:left; padding-top:10px; padding-left:360px; }
.footer-home-world-rgiht a{display:block; float:left; padding:3px 45px; background-color:#FFF; color:#000; margin-right:40px; font-size:18px;}
.footer-home-world-rgiht a:hover{background-color:#000;color:#FFF;}

.footer-home-world-rgiht .otherlinks a {background-color:transparent;color:#999;display:inline;float:none;font-size: 16px;margin:0; padding:0;}


.footer-home-world-rgiht a.blackbg{background-color:#000; color:#FFF;font-size:18px;}
.footer-home-world-rgiht a.blackbg:hover{background-color:#FFF;color:#000;}
.QRcode{ padding-bottom:50px; font-size:16px;}
.QRcode span{padding:30px 65px;}
.copyrightHome{margin-top:150px; color:#FFF; font-size:16px;}
.footer-home-world-left .technology{margin-top:10px; color:#7D7D7D;font-size: 14px;}
.technology a{ padding-right:10px;filter:alpha(opacity=20); -moz-opacity:0.2; -khtml-opacity: 0.2; opacity: 0.2;-moz-transition:all .2s linear;	-webkit-transition:all .2s linear; 	-o-transition:all .2s linear; 	-ms-transition:all .2s linear;}
.technology a:hover{filter:alpha(opacity=60); -moz-opacity:0.6; -khtml-opacity: 0.6; opacity: 0.6;}




#header{
position: fixed;
width: 100%;
z-index: 999;
background:transparent;
min-height: 72px;
color:#FFF;
}
#header a{ color:#DFDFDF;  }
#header.fixed {
background-color: rgb(255,255,255);
background-color: rgba(255,255,255,0.96);
font-size:15px;
padding-top:0px;
min-height: 62px;
color:#333;
-webkit-box-shadow: 0 5px 10px -10px rgba(0, 0, 0, 0.6);
-moz-box-shadow: 0 5px 10px -10px rgba(0, 0, 0, 0.6);
box-shadow: 0 5px 10px -10px rgba(0, 0, 0, 0.6);
/*border-bottom: 1px solid #232323 !important;*/
}
#header.fixed  a{ color:#333;}
#header.fixed .logo {
    background: url(../images/logo-blue.png) no-repeat left center;
}
#header .header-content {
    margin: 0 auto;
    /* padding: 60px 0;*/
    width: 100%;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
#header.fixed .header-content {
    border-bottom: 0;
    padding: 5px 0;
}



.nav-toggle {
    display: none;
    height: 44px;
    overflow: hidden;
    position: fixed;
    right: 5%;
    text-indent: 100%;
    top: 32px;
    white-space: nowrap;
    width: 44px;
    z-index: 99999;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    background: 
    transparent;
}
#header.fixed .nav-toggle {
    top: 18px;
    color: 
    #000;
}



#header .menu a.submit-demand{padding-left:3%; margin-left:5%;}
#header2 .menu a.submit-demand{padding-left:3%; margin-left:5%;}
#header2.fixed a{margin-top:7px;}
#header2.fixed a.submit-demand{margin-top:0px;}
#header2 .menu a:hover{color:#12A0FF;}
#header2 a.submit-demand:hover{background-color:#ffd800; border:1px solid #F1CC00; color:#000;}
#header.fixed a.submit-demand:hover{background-color:#333;  color:#FFF;}
#header2{
position: fixed;
width: 100%;
z-index: 999;
background:#FFF;
min-height: 72px;
color:#333;
 }
#header2 a{ color:#333;  }
#header2.fixed {
background-color: rgb(255,255,255);
background-color: rgba(255,255,255,0.96);
font-size:15px;
padding-top:0px;
min-height: 62px;
color:#333;
-webkit-box-shadow: 0 5px 10px -10px rgba(0, 0, 0, 0.6);
-moz-box-shadow: 0 5px 10px -10px rgba(0, 0, 0, 0.6);
box-shadow: 0 5px 10px -10px rgba(0, 0, 0, 0.6);
/*border-bottom: 1px solid #232323 !important;*/
}
#header2.fixed  a{ color:#333;}
#header.fixed  .topTel,#header2.fixed  .topTel{ top:20px;}
#header2.fixed .logo {
	margin-top:4px;
    background: url(../images/logo-blue.png) no-repeat left center;
}
#header2 .header2-content {
    margin: 0 auto;
    max-width: 1200px;
    /* padding: 60px 0;*/
    width: 100%;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
#header2.fixed .header2-content {
    border-bottom: 0;
    padding: 5px 0;
}
.nav-toggle {
    display: none;
    height: 44px;
    overflow: hidden;
    position: fixed;
    right: 5%;
    text-indent: 100%;
    top: 32px;
    white-space: nowrap;
    width: 44px;
    z-index: 99999;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    background: 
    transparent;
}
#header2.fixed .nav-toggle {
    top: 18px;
    color: 
    #000;
}


.iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}
.iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}

.btn_ok a{display:block; height:50px; line-height:50px; text-align:center;background-color: #00968A;
    border-radius: 6px;
    color: #ffffff;
	-webkit-transition: all 0.5s;
	transition: all 0.3s;
	}
.btn_ok a:hover{background-color:#F90;}
.thanks{width: 100%;float: left;color: #454545;font-size: 48px;padding: 100px 0 82px;}

/* CSS Document */
/*对话框*/

.work-man{display:inline;}
.content2 {
	width: 100%;
	margin: 0 auto;
	height: auto;
}
.calculator2 {
	width: 1135px;
	height: 328px;
	padding: 25px 30px;
	margin-top: 20px;
}
.calculator2-list {
	width: 600px;
	padding: 20px 80px 50px 80px;
}
.calculator2-ti {
	margin: 0 0 30px 100px;
	text-align:center;
	font-size:36px;
	color:#FC0;
}
.calculator2-ti span {
	margin: 0 28px 0 0;
	font-size: 24px;
	color: #00a5a5;
}
.calculator2-list em {
	font-size: 12px;
	color: #ff6c32;
}
.calculator2-list li {
	margin: 0 0 15px;
	padding: 0 0 0 102px;
	position: relative;
}
.calculator2-list li span {
	display: block;
	width: 102px;
	height: 40px;
	font-size: 16px;
	color: #FFF;
	line-height: 40px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9;
	padding-left: 8px;
}
.calculator2-list li i{
    font-size: 0px;
    display: block;
    position: absolute;
    left:6px;
    top: 10px;
    z-index: 9999;
    font-size: 16px;
    width:0px;
    height: 0px;
    overflow: hidden;
    color:#FF0000;
}
.calculator2-list li input {
	width: 470px;
	height: 38px;
	padding: 0 20px;
	color:#FFF;
	border: 1px #CCC solid;
	background: none;
	font-size: 14px;
}
.calculator2-list li textarea{
	width: 470px;
	height: 118px;
	padding: 10px 20px;
	color:#FFF;
	border: 1px #CCC solid;
	background: none;
	font-size: 14px;
	}
.calculator2-list li select {
	height: 38px;
	padding: 0 10px;
	border: 1px #ddd solid;
	background: none;
	font-size: 14px;
	color: #333;
	appearance: menulist;
	-moz-appearance: menulist; /* Firefox */
	-webkit-appearance: menulist; /* Safari 和 Chrome */
}
.calculator2-list li input.cal-i {
	width: 470px;
}
.calculator2-list li input.cal-icode {
	width: 200px;
}
.cal-se1 {
	width: 66px;
}
.cal-se2 {
	width: 104px;
}
.calculator2-done {
	width: 374px;
	padding: 60px 0 0;
}
.calculator2-done-ti {
	margin: 0 0 100px;
	font-size: 24px;
	color: #00a5a5;
}
.calculator2-done-ti em {
	margin: 0 15px;
	color: #ff6c32;
}
.calculator2-tips {
	font-size: 14px;
	color: #aaa;
	line-height: 24px;
}
.calculator2-tips p {
	margin: 0 0 10px;
}
.calculator2-tips em {
	color: #ff6c32;
}
.cal-btn2 {
	width: 138px;
	height: 138px;
	position: relative;
	margin-left: 123px;
	margin-top: 98px;
}
.cal-btn2 span {
	display: block;
	width: 138px;
	height: 138px;
	background: url(../img/calculator-out.png) no-repeat;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
.cal-btn2 a {
	display: block;
	width: 138px;
	height: 138px;
	background: url(../img/calculator-btn.png) no-repeat;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 99;
}
.cal-btn2:hover span {
	-webkit-transform: rotate(720deg);
	-ms-transform: rotate(720deg);
	-o-transform: rotate(720deg);
	transform: rotate(720deg);
}
.ad-zhi {
	width: 100%;
	height: 120px;
	background: url(../img/ft-inp.png) no-repeat center center;
	margin-bottom: 60px;
	margin-top: 20px;
}
.ad-zhi2 {
	width: 100%;
	height: 120px;
	background: #fff url(../img/ft-inp.png) no-repeat center center;
	margin-bottom: 60px;
	margin-top: 20px;
}

/*首页团购小区表单修改*/
.area-sign {
	width: 283px;
	height: 351px;
	float: left;
	margin-right: 0px;
	background: #EEDE41;
	overflow: auto;
}
.area-sign h4 {
	color: #232426;
	font-size: 20px;
	margin-bottom: 17px;
	margin-left: 20px;
	margin-top: 16px;
	text-align: center;
	width: 90%;
}
.area-sign ul {
	margin: 0 0 8px;
}
.area-sign li {
	margin: 0 0 15px;
	position: relative;
	width: 100%;
	height: 34px;
	clear: both;
}
.area-sign li input {
	width: 216px;
	height: 34px;
	border: none;
	background: #fff;
	font-size: 14px;
	color: #333;
	margin: 0 auto;
	margin-left: 35px;
	text-indent: 14px;
}
.area-sign li span {
	font-size: 14px;
	color: #333;
	position: absolute;
	top: 8px;
	right: 13px;
	z-index: 9;
}
.area-sign-btn input {
	width: 110px;
	height: 36px;
	background-color: #2e2d29;
	font-size: 16px;
	color: #efde42;
	font-weight: bold;
	cursor: pointer;
	margin-top: 10px;
	margin-left: 85px;
}
.area-sign-btn input:hover {
	background-color: #151412;
}
.dialog-close {
    height:30px;
    overflow:hidden;
}
.dialog-close span {
    float: right;
    padding: 0 4px;
    font-size: 30px;
    font-weight: bold;
    line-height: 1;
    color: #CCC;
    text-shadow: 0 1px 0 #FFF;
    opacity: .4;
    filter: alpha(opacity=20);
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
}
.inpo-bg {
	width: 100%;
	height: auto;
	overflow: hidden;
	background: url(../images/inpo-opo.png) repeat;
	position: absolute;
	z-index: 99999;
	left: 0;
	top: 0;
	display: none;
}
.inpo-yy {
    width:760px;
	height:475px;
	position: fixed;
	z-index: 99999;
	left: 50%;
	top: 50%;
	margin-top: -238px;
	margin-left: -380px;
	display: none;
}
.inform {
	background:#363636;
	margin: 0 auto;
	border-radius: 6px;
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.1), 0 0 256px rgba(255, 255, 255, 0.3);
	overflow:hidden;
}
.dgsubmit .adiw {
    display: block;
    width: 300px;
    height: 45px;
    border-radius: 4px;
    background-color: #f48102;
    font-size: 20px;
    color: #ffffff;
    font-weight: bold;
    line-height: 45px;
    text-align: center;
    margin-left: 150px;
	margin-top:30px;
	border:0;
	outline: none;
    z-index: 9;
}
html {
	_background: url(about:blank); /* 阻止闪动 in IE6 , 把空文件换成about:blank , 减少请求 */
}
.inpo-form {
	width: 280px;
	height: auto;
	overflow: hidden;
	position: fixed;
	left: 50%;
	margin-left: -140px;
	top: -800px;
	_position: absolute;
_top:expression(documentElement.scrollTop+documentElement.clientHeight-this.offsetHeight-250);
	z-index: 999999;
}
.inpof-off {
	width: 40px;
	height: 40px;
	overflow: hidden;
	margin: 18px auto 0;
}
.inpof-off a {
	background: url(../img/inpo-off.png) no-repeat;
	-webkit-transform: rotate(0deg);
	-webkit-transition-duration: 0.5s;
	-moz-transform: rotate(0deg);
	-moz-transition-duration: 0.5s;
	transform: rotate(0deg);
	transition-duration: 0.5s;
}
.inpof-off a:hover {
	-webkit-transform: rotate(180deg);
	-webkit-transition-duration: 0.5s;
	-moz-transform: rotate(180deg);
	-moz-transition-duration: 0.5s;
	transform: rotate(180deg);
	transition-duration: 0.5s;
}
.inpof-wk {
	background: #fff;
}
.inpof-title {
	width: 100%;
	height: 54px;
	overflow: hidden;
	text-align: center;
	line-height: 54px;
	border-bottom: 1px solid #e6e6e6;
	font-size: 18px;
	color: #f2cb39;
}
.inpof-se {
	width: 258px;
	height: 51px;
	margin: 19px auto 0;
}
.inpofsl {
	width: 122px;
	height: 34px;
	border: 1px solid #e6e6e6;
	line-height: 34px;
	font-size: 14px;
	color: #b2b2b2;
	text-indent: 5px;
}
.inpof-name {
	width: 256px;
	height: 34px;
	margin: 0 auto 15px;
	overflow: hidden;
	border: 1px solid #e6e6e6;
}
.inpof-name label {
	width: 78px;
	border-right: 1px solid #e6e6e6;
	height: 20px;
	margin-top: 7px;
	display: block;
	overflow: hidden;
	text-align: center;
	line-height: 20px;
	font-size: 14px;
	color: #666666;
}
.inpof-name input {
	width: 177px;
	height: 34px;
	line-height: 34px;
	display: block;
	overflow: hidden;
	text-indent: 24px;
	color: #b2b2b2;
}
.inpof-st {
	padding: 5px 0 0;
}
.inpof-st input {
	width: 258px;
	height: 44px;
	display: block;
	overflow: hidden;
	color: #fff;
	background: #f2cb39;
	cursor: pointer;
	margin: 0 auto;
	font-size: 16px;
}
.inpof-st input.act {
	background: #f2cb39;
}
.inpof-num {
	width: 100%;
	height: 58px;
	margin: 0 auto 15px;
	overflow: hidden;
	text-align: center;
	line-height: 58px;
	color: #999999;
}
.inpof-num i {
	color: #d20c19;
	padding: 0 10px;
}
/* 对话框  */

.izl-rmenu{position:fixed;right:0px;bottom:10px;padding-bottom:73px;background:url(../images/r_b.png) 0px bottom no-repeat;z-index:999;}
.izl-rmenu .btn{width:72px;height:73px; text-align:center;line-height:73px;margin-bottom:1px;cursor:pointer;position:relative;}
.izl-rmenu .btn-phone{background-color:#4ab9f7; border-radius:6px 0px 0px 6px; }
.izl-rmenu .btn a,.izl-rmenu .btn-top{color:#FFF;}
.izl-rmenu .btn-phone:hover{background-color:#f06f52;}
.izl-rmenu .btn-top{/*background:url(../images/return_top.png) 0px 0px no-repeat;*/background-color:#fe9700;display:none;border-radius:6px 0px 0px 6px;}
.izl-rmenu .btn-top:hover{background-color:#f06f52;/*background:url(../images/return_top_two.png) 0px 0px no-repeat;*/}




/* 菜单  */
.clearfix {
    clear: both;
}
.current_page {
    background-color: black;
}
.current_page a {
    color: white;
}

#menu_button_wrapper{
    display: none;
}

.hidden {
    display: none;
}
/* Responsive for smaller screens */
@media (max-width: 760px) {
    #menu_button_wrapper{
        display: block;
        padding: 1em;
		padding-top:0.5em;
        color: #9d9d9d;

        margin-bottom: 0;
    }
	   #header2 #menu_button_wrapper{
		border-bottom:none;
    }
#header.fixed #menu_button_wrapper{border-bottom:none;
        -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.1);
        box-shadow: 0 1px 0 rgba(255,255,255,.1);}
    #menu_button {
        box-sizing: border-box;
        float: right;
        padding: .5em 1em;

        border-radius: 5px;
        color: white;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

	
#header.fixed  #menu_button { color:#333;}
#header.fixed  #menu_button span {background-color: #333;}
/*    #menu_button:hover {
        cursor: pointer;
        background-color: #FFF;
    }*/
    
    #hamburger {
        float: right;
        padding-top: .15em;
    }
    
    #menu_button span{
        display: block;
        background-color: #fff;
        width: 1.7em;
        height: .18em;
        border-radius: 1px;
        margin-bottom: .3em;
    }
	#header2 #menu_button span {
    background-color: #000;
	}
    
    nav ul {
        width: 100%;
        margin: 0 auto;
        padding: 0;
        box-sizing: border-box;
    }

    .menu ul li {
        display: block;
		
    }
    
    .menu ul li a {
        width: 100%;
    }

}