*{ padding:0; margin:0;}
ul li{ list-style:none;}
a{text-decoration:none;}
img {
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    -ms-interpolation-mode: bicubic;
    border: none;
    height: auto;
    width: auto\9;
    max-width: 100%;
}
input{
	border:none; 
	background:none; 
	outline:0
}
textarea{
	outline:0;
}
.clear{
	clear:both;
}
.fl{ 
	float:left;
}
.fr{ 
	float:right;
}
.tc{
	text-align:center;
}
html{font:62.5% Arial,"微软雅黑"; color:#929292;-webkit-font-smoothing: antialiased;-webkit-text-size-adjust: none;-webkit-tap-highlight-color: rgba(0,0,0,0); background-color: transparent; height:100%}

html.effect{-webkit-overflow-scrolling: touch;overflow-scrolling: touch;}
html.effect,html.effect body{ width:100%; height:100%; overflow:hidden;}
body{ overflow-x:hidden;font-size:1.2rem;}
body.open{ overflow:hidden; height:559px}
.imgcw{ margin:0 auto; display:block; float:none; max-width:100%; height:auto}
.transform{transition:all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);-webkit-transition:all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);}
.ellipsis{overflow: hidden;white-space: nowrap;text-overflow: ellipsis; display:inline-block; max-width:100%;}
.iPage{ position:absolute; left:0; top:0; width:100%; height:100%; background:#fff; z-index:99}
html.effect .scrollView{ overflow-x:hidden; overflow-y:auto;height: calc(100% - 50px); height:-webkit-calc(100% - 50px);}
.plr5{ padding:0 5px}
.plr10{ padding:0 20px}
.plr20{ padding:0 20px}
#leftcontrol{ width:260px;height:100%; background:#1a1b1c;position:absolute; top:0;overflow-x:hidden;overflow-y:auto;}
#leftcontrol.vhidden{ visibility:hidden}#leftcontrol >ul{ padding-top:0px;}
#leftcontrol ul li{ display:block; min-height:49px;border-top:1px solid #313233; font-size:1.3rem;width:100%;}
#leftcontrol ul li .subnav{ height:0; overflow:hidden; }
#leftcontrol ul li a{ display:block;color:#b7b7b7; padding:0 25px;height:49px; line-height:49px;}
#leftcontrol ul li.active a.hassub{ background:#222324}#leftcontrol ul li a span{display:inline-block}
#leftcontrol ul li a span.circle{ width:8px; height:8px; border:#474747 1px solid; border-radius:5px; margin-right:20px}
#leftcontrol ul li.active a span.circle{ border-color:#00c0ff; background-color:#00c0ff}
#leftcontrol ul.subnav li a i{ margin-right:20px; font-size:1.5rem}
#leftcontrol ul.subnav li.active a{ background:#060606}
#leftcontrol ul li a span.more{ width:12px; height:12px; position:relative; float:right; top:20px}
#leftcontrol ul li a span.more span{ background:#474747 ;position:absolute;}
#leftcontrol ul li a span.more span.h{ width:12px; height:2px; transform:translate3d(0,5px,0);-webkit-transform:translate3d(0,5px,0)}
#leftcontrol ul li a span.more span.v{transform:rotate3d(0,0,1,90deg) translate3d(5px,0,0); -webkit-transform:rotate3d(0,0,1,90deg) translate3d(5px,0,0);}
#leftcontrol ul li.active a span.more span.v{transform:rotate3d(0,0,0,0) translate3d(0,5px,0); -webkit-transform:rotate3d(0,0,0,0) translate3d(0,5px,0);}

#sitecontent {background: #fff;z-index: 1;position: relative;height: 100%;box-shadow: 0px 20px 20px rgba(0, 0, 0, 0.6);}

body.open #sitecontent{transform:translate3d(260px,0,0); -webkit-transform:translate3d(260px,0,0);}
#header{ width:100%; height:auto; background:#191a20;height:50px;}
.lcbody{ width:30px; height:30px; position:relative;transform: translateZ(0px) rotate(0deg);transition: transform 0.4s cubic-bezier(0.4, 0.01, .165, 0.99)}
.lcitem{ position:absolute; left:0; top:0;transform: translateZ(0px) rotate(0deg);transition: transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99) 0s;-webkit-transform: translateZ(0px) rotate(0deg);-webkit-transition: -webkit-transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99) 0s;width:30px; height:30px;}
.lcitem .rect{ width:30px; height:1px; background:#999999; position:absolute; left:0; top:14px;transition: transform 0.2s ease 0.2s; -webkit-transition:  -webkit-transform 0.2s ease 0.2s;}
.lcitem .rect.top{transform:translate3d(0px, -6px, 0px); -webkit-transform:translate3d(0px, -6px, 0px);}
.lcitem .rect.bottom{transform:translate3d(0px, 6px, 0px); -webkit-transform:translate3d(0px, 6px, 0px);}
body.open .lcbody{transform: translateZ(0px) rotate(90deg); -webkit-transform: translateZ(0px) rotate(90deg);}
body.open .lcitem {transform: translateZ(0px) rotate(45deg);transition: transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99) 0.2s;-webkit-transform: translateZ(0px) rotate(45deg);-webkit-transition: -webkit-transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99) 0.2s;}
body.open .lcitem.bottom {transform: translateZ(0px) rotate(-45deg);-webkit-transform: translateZ(0px) rotate(-45deg);}
body.open .lcitem .rect{transition: transform 0.2s ease 0s;transform: translate3d(0px, 0px, 0px);-webkit-transition: -webkit-transform 0.2s ease 0s;-webkit-transform: translate3d(0px, 0px, 0px);}
#header .btn{padding:10px 15px;background:rgba(0,0,0,0);}
#logo{ width:180px;height:30px; padding:10px 0; display:block; margin:0 auto;}
#logo img{ height:30px; max-width:180px;display:block; margin:0 auto; float:none}

#indexPage #mservice {background-color: #fff;height: auto}
#indexPage #mservice .slider_wrapper {width: 90%;height: 200px;overflow: hidden;margin: 0 auto}
#indexPage #mservice .slider_wrapper .slider {width: 2000px;}
.serviceitem {width:90%;height: 156px;}
.serviceitem img {float: none;display: block;width: 160px;height: 60px;margin: 0 auto}
.serviceitem div {text-align: center;margin-top: 5px}
.serviceitem div p.title {color: #595959;font-size: 1.6rem;height: 42px;line-height: 46px;}
.serviceitem div p.description {color: #868686;font-size: 1.3rem;line-height: 2rem;height:42px;overflow: hidden;width: 100%}
#indexPage #mservice .slider_wrapper .bx-controls-direction a {text-indent: 0;background: none;font-size: 30px;margin: 0;top: 25px}
#indexPage #mservice .slider_wrapper .bx-controls-direction a i {color: #a1a1a1;}
#indexPage #mservice .slider_wrapper .bx-controls-direction a.bx-next {text-align: right;}
#indexPage #mproject{ background-color:#f8f8f8;}
#projectlist .wrapper{ margin-left:1%; padding:0}
#projectlist .projectitem{ width:49%; height:auto; float:left; position:relative; margin-bottom:1%;margin-right:1%}
#projectlist .projectitem a{ display:block; overflow:hidden;}
#projectlist .projectitem a img{ width:100%; height:auto; transition:all ease-out .3s}
#projectmore{ width:100%; height:50px; line-height:50px; text-align:center; font-size:1.2rem; color:#fff; display:block; background:#343434;text-indent: 0px; position:relative; z-index:1}
#indexPage #mpage{ background-color:#ffffff;}
#indexPage #mpage .slider_wrapper{ width:100%; height:100%; overflow:hidden; margin:0 auto}
#indexPage #mpage  .fimg{width:100%; height:auto !important;  overflow:hidden;}
#indexPage #mpage  .fimg:after{ content:''; display:block; clear:both}
#indexPage #mpage  .fimg img{width:100%; margin:0;display:block; float:none;}
#indexPage #mpage .description{ line-height:2rem}
#indexPage #mteam{ background-color:#fff}
#teamlist{ padding-bottom:20px}

#indexPage #mnews {background-color: #f8f8f8;height: auto}


#pages{ padding:20px 0; height:36px; text-align:center}
#pages a{ width:36px; height:36px; background:f8f8f8; display:inline-block; color:#a9a9a9; line-height:36px; text-align:center; font-family:Arial; margin-right:5px;transition:background-color 0.2s ease-out}
#pages span{ margin-right:5px}
#pages a i{ font-size:24px;top:2px; position:relative}
#pages a.active,#pages a:hover{ background:#3C3C3C;color:#fff;}
#category { min-height:40px;margin-bottom:20px; position:relative;}
#category .label{  line-height:40px; height:40px; background:#00C0FF; color:#fff; font-size:1.5rem}
.dropmenu .label .down{ float:right; font-size:2.4rem; margin-top:8px}
.dropmenu.open .label .down{ transform:rotate(180deg);}
.dropmenu ul{ width:100%; height:0; overflow-y:auto; position:absolute; z-index:1; background-color:#fff;}
.dropmenu ul li{ width:100%; height:40px; float:left;border-bottom:#f0f0f0 1px solid;}
.dropmenu ul li a{ line-height:40px; height:40px; padding:0 50px;color:#969595; display:block; background:#fff; font-size:1.3rem}
.dropmenu ul li a.active{ background:#f1f1f1;color:#00C0FF;}
#teampost .header p{ text-align:left}
#teampost .header .title{ color:#000000;}
#teampost .header .subtitle{ color:#909090;}
#servicelist{ margin-top:20px}
#servicelist .serviceitem{border-bottom: 1px solid #f2f2f2;padding-bottom: 20px;margin-bottom: 20px;width: calc(100% - 15px);height: auto;margin-right: 15px;}
#servicelist .serviceitem img{ max-width:100%; height:auto;}
#servicelist .serviceitem div p.description{ height:42px}
#projectimages li{ margin-bottom:10px}
.postbody{ line-height:24px; font-size:13px; color:#6a6a6a}
.postbody a{ color: #848484;text-decoration: underline;}
.postbody img,.postbody iframe,.imgcw{ float:none; max-width:100%; height:auto; display:block; margin:0 auto;}
#footer{ background:#000; width:100%}
#footer p{padding-top:10px; padding-bottom:10px; font-size:1rem; color:#8e8e8e; height:2rem; line-height:2rem}
#footer a{ display:inline-block; width:35px; height:16px; vertical-align:top; margin-left:10px; margin-right:10px; margin:0 10px 0}
#footer a img{ float:none}
#bgmask{background:rgba(0,0,0,0);}
.show{ display:block}
.hide{ display:none;}
#indexPage #mservice a.more,#indexPage #mteam a.more{ display:none}
.dropmenu ul li.sub{ text-indent:20px; background:#fff;}


.flexslider{
	position:relative;
	width:100%;
	height:auto;
	overflow:hidden;zoom:1;
}
.flex-viewport{
	max-height:2000px;
	-webkit-transition:all 1s ease;
	-moz-transition:all 1s ease;
	transition:all 1s ease;
}
.flexslider .slides{
	zoom:1;
}
.flexslider .slides li { 
	text-align:center;
}
.flex-direction-nav a.flex-prev{
	width:51px;
	height:51px;
	line-height:99em;
	overflow:hidden;
	margin:-30px 0 0;
	display:block;
	background:url(../images/ad_ctr.png) no-repeat;
	position:absolute;
	top:50%;
	z-index:10;
	cursor:pointer;
	opacity:0;
	filter:alpha(opacity=0);
	-webkit-transition:all .3s ease;
	left: 5%;
}
.flex-direction-nav a.flex-next{
	width:51px;
	height:51px;
	line-height:99em;
	overflow:hidden;
	margin:-30px 0 0;
	display:block;
	background:url(../images/ad_ctl.png) no-repeat;
	position:absolute;
	top:50%;
	z-index:10;
	cursor:pointer;
	opacity:0;
	filter:alpha(opacity=0);-webkit-transition:all .3s ease;
	left:92.5%;
}
.flexslider:hover .flex-next{
	opacity:0.8;
	filter:alpha(opacity=25);
}
.flexslider:hover .flex-prev{
	opacity:0.8;
	filter:alpha(opacity=25);
}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover{
	opacity:1;
	filter:alpha(opacity=50);
}
.flex-control-nav{
	width:100%;
	position:absolute;
	bottom:1em;
	text-align:center;
	z-index:999; 
	padding-top:10px;
}
.flex-control-nav li{
	margin:0 1px;
	display:inline-block;
	zoom:1;*display:inline;
}
.flex-control-paging li a{
	display:block;
	height:10px;
	overflow:hidden;
	text-indent:-99em;
	width:10px; 
	background:#fff;
	margin-right:5px; 
	cursor:pointer;
	-webkit-border-radius: 8px; 
	-moz-border-radius: 8px; 
	border-radius: 8px;
}
.flex-control-paging li a.flex-active{ 
	background:#ca1d25;
}
#mproject p.title,#success-case p.title,#mpage p.title,#mservice p.title,.mvideom p.title,#mcontact p.title{
	font-size:30px;
	color:#464646;	
}
#mproject p.subtitle,#mproject ul li .service-name .title p,#success-case p.subtitle,#success-case ul li .project_info div span,#mpage p.subtitle,#mservice p.subtitle,.mvideom p.subtitle,#mcontact p.subtitle,.jinfo .title p{
	text-transform: uppercase;
	color: #a8a8a8;
	font-size:1.2rem;
}
#mproject p{
	font-size:14px;
}
#mproject ul,#success-case .case-list ul,.sbrnad .service-list ul,#bprocess .plist ul,#dcase .clist ul,#design-ascendancy ul,#design-service ul,#service-flow ul,#software .softlist{
	margin: 3% 0px 0px 2%;	
}
#mproject ul li,#success-case .case-list ul li,.sbrnad .service-list ul li,#bprocess .plist ul li,#dcase .clist ul li,#design-ascendancy ul li,#design-service ul li,#software dl{
    margin-right: 2%;
    width: 48%;
    margin-bottom: 2%;
    background-color: #fff;
	float: left;
}
.content .header{
	text-align:center;
}
#mpage .team-description{
	font-size:1.2rem;
}
#success-case,#bprocess,#pdvantages,#design-ascendancy,#design-service,#dcase,#service-flow,#speed,#provided-services{
	overflow:hidden;
}
#indexPage #mproject {
    background-color: #fff;
    margin: 25px 0px;
	overflow: hidden;
}
#mproject .title h3,#success-case h3{
	color:#565656;
	margin-top: 10px;
	font-weight: normal;
}
#mpage,#mcontact,#about,#adesign,#avalue,#ovalue,#obrand,#pdvantages{
	margin: 3% 2% 0px 2%;
    overflow: hidden;
}
#mpage .team-description,.design-info,#bprocess .description{
	line-height: 2rem;
	font-size: 1.2rem;
}
#contactinfo,#dcase,#service-flow,.sbrnad,#design-ascendancy,#design-service,#tools,#intelligent-engine,.effect,#speed{
	margin-top:5%;
}
#contactinfo p,.company-info  p{
	display:block;
	line-height:2rem;
}
#from input{
	padding:4px 0px;
	border:1px solid #ccc;
}
.about-banner, .brand-banner, .design-banner,.hummingbird-speed-banner{
    width: 100%;
    position: relative;
}
.binfo{
    color: #ffffff;
    position: absolute;
    top: 30%;
    left: 40%;
}
.binfo h1{
	font-size:26px;
}
.company-info,.desing,.dpost{
	margin-top:3%;
	font-size: 1.2rem;
}
.exploitation h2,#avalue .title h2,#ovalue h2,.sbrnad h2,#bprocess h2,#pdvantages h2,#dcase h2,#design-ascendancy h2,#design-service h2,#service-flow h2,#provided-services h2,#tools h2,#intelligent-engine h2,.effect h2,#software h2{
	font-size: 26px;
    color: #464646;
	font-weight: normal;
}
.jinfo .title h3,#adesign .title h3,#avalue h3,#ovalue .views span,.advantages-list .acontent h3{
	font-size: 16px;
    font-weight: normal;
    color: #444444;
}
.jinfo  .info,#avalue .description,#ovalue .viewsinfo{
	line-height:2rem;
}
.duty-list ul li,.dpost ul li{
	margin:10px 0px;
}
.duty-list ul li span{
	font-size: 16px;
    margin-right: 10px;
}
#obrand ul li div,#design-ascendancy ul li p,#design-service ul li,#tools .tools-list ul li .teaminfo{
	line-height:2rem;
}
#avalue .acontent,#ovalue .ophilosophy ul li,.advantages-list .acontent,.effect ul li{
	margin:15px 0px;
	overflow:hidden;
	font-size: 1.2rem;
    line-height: 2rem;
}
#avalue h3,.advantages-list .acontent h3{
	margin-top:2%;
}
.service-list ul li span.title,#bprocess .lcontent span.title,.effect ul li span{
	font-size:16px;
	display:block;
	color:#444444;
	margin: 2% 0px;
}
#dcase .clist ul li .title,#tools .flder li .teaminfo span{
	font-size:16px;
	color:#444444;
	margin:2% 0px;
	text-align: center;
}
#design-ascendancy ul li .title,#design-service ul li span,#service-flow ul li .slist,#software .choose-soft dt {
	font-size:16px;
	color:#444444;
	margin:2% 0px;
}
#design-service ul li,.sbrnad .service-list ul li{
	text-align:center;
}
#design-service ul li .list-info{
	margin-top:3%;
}
#service-flow ul li{
	margin-bottom:15px;
}
#speed .contrast-images{
	display:none;
}



.feng-niao {
    border-left: 4px solid #5c95ff;
    padding-left: 10px;
	width:31%;
}
.feng-niao p.title {
    font-size: 16px;
    font-weight: bold;
    color: #5c95ff;
}
.feng-niao p.subtitle {
    color: #a8a8a8;
    font-size: 12px;
    text-transform: uppercase;
}
#sdproject .optimize-contrast ul{
	margin:0px 2%;
	width: 96%;
    overflow: hidden;
}
#sdproject  .fl{
	float:none;
}

.vs-header li{
	width:31%;
	float:left;
}

ul.vs-header li.vs{
	text-align:center;
	font-size:48px;
	margin-top: -15px;
}

ul.vs-header li.manual-drive,.contrast-list li.manual-drive-malpractice{
	float:right;
	text-align: right;
	color: #929292;
}
#sdproject .optimize-contrast ul.contrast-list{
	margin:5% 2%;
}
.contrast-list li{
	float:left;
	width:31%;
	line-height: 2rem;
	color:#444444;
}
.contrast-list li.vs-content{
	text-align: center;
    font-size: 16px;
    background: url(../images/vsbg.png) no-repeat 60% 0px;
    height: 83px;
    line-height: 83px;
    color: #fff;
	padding-left: 15px;
}



.servicelist ul li {
    float: left;
    font-size: 14px;
    background: url(../images/marking.png) no-repeat #b0b0b0;
    padding: 12px 50px;
    margin: 2% 3%;
    border-radius: 15px;
    color: #fff;
    background-position: 15px 10px;
}
.tools-list,.effect{
	margin:0px 2%;
}
#tools .tools-list ul li{
	width:100%;
	overflow:hidden;
	margin: 3% 0px;
}
#tools .mteam_img{
	float:left;
}
#tools .teaminfo{
	margin:15px 0px 0px 100px;
	font-size: 1.2rem;
}
#intelligent-engine .intelligent-list ul{
	margin: 3% 0px 0px 2%;	
}
#intelligent-engine .intelligent-list ul li {
    margin-right: 2%;
    width: 47.5%;
    margin-bottom: 2%;
    background-color: #fff;
    position: relative;
    display: inline-block;
    vertical-align: top;
}
#intelligent-engine .intelligent-list ul li p.title {
    font-size: 16px;
    text-align: center;
    width: 80px;
    margin: 0px auto;
    position: relative;
	color:#444444;
}
#intelligent-engine .intelligent-list ul li .strategy {
    color: #a8a8a8;
    margin-top: 15px;
    line-height: 2rem;
}
#intelligent-engine .intelligent-list ul li .item_des {
    margin-top: 10px;
}
.strategy-info {
    height: 110px;
    text-align: center;
}
#intelligent-engine .intelligent-list ul li .item_info .feature {
    background: #c9c9c9;
    width: 80px;
    text-align: center;
    display: block;
    margin: 0px auto;
    color: #ffffff;
    margin-top: 10px;
    position: relative;
}
#intelligent-engine .intelligent-list ul li p.title::before {
    content: "";
    border-top: 2px solid #ededed;
    display: block;
    position: absolute;
    width: 45px;
    top: 12px;
    left: -50px;
}
#intelligent-engine .intelligent-list ul li p.title::after {
    content: "";
    border-top: 2px solid #ededed;
    display: block;
    position: absolute;
    width: 45px;
    top: 12px;
    right: -50px;
}
.item_des div {
    color: #a8a8a8;
    line-height: 2rem;
    margin-top: 10px;
    text-align: center;
}
#intelligent-engine .intelligent-list ul li p.practical-scenario {
    font-size:14px;
	color:#444444;
}
#software .choose-soft dd {
    font-size: 1.2rem;
    line-height: 2rem;
}

/***********底部*************/
#bottom{
	background:#000;
	overflow: hidden;
	clear: both;
}
#bottom .foot{
	width: 94%;
    margin: 0px 3%;
}
#bottom .bootom-logo{
	width:20%;
	float:left;
}
#bottom .nav {
    width: 80%;
    float: right;
}
#bottom .nav ul li {
    float: left;
    padding: 0px 8px;
	line-height: 30px;
}
#bottom .nav ul li a {
    color: #ffffff;
}

#bott,#colophon{
	clear:both;
	overflow: hidden;
    margin-top: 25px;
}

.bottom-border{
	width: 100%;
    border-bottom: 1px solid #333;
	display: inline-block;
    padding: 25px 0px;
}
#bott p {
    width: 100%;
    color: #808080;
    line-height: 30px;
    float: left;
}
#bott .con {
    float: left;
	width:48%;
	text-align:center;
}
#bott .tel {
    width: 100%;
  
    color: #ffffff;
    overflow: hidden;

}
#bott .tel span.phone {
    color: #808080;
    font-size: 16px;
}
#bott .tel span {
    display: block;
}
#bott .tel span.number {
    font-size: 24px;
	color:#808080;
}
#bott .tel span.china {
    color: #808080;
    font-size: 16px;
    vertical-align: middle;
}
#bott .tel span.china span {
    position: relative;
    top: -8px;
    display: inline-block;
}
.copy-right{
	text-align:center;
	color:#ffffff;
	padding-bottom: 25px;
}
.copy-right a{
	color:#ffffff;
}
#bott .con img{
	width:150px;
}