@import "bootstrap.css";
@import "base.css";
.header{width: 100%; padding: 10px 0;/* border: 1px solid;*/}
.header a.logo{
	float: left;
	width: 94px;
	height: 68px;
	overflow: hidden;
}
.header a.logo img{
	width: 100%;
}
.header .navbtn{
	display: none;
}
.header .navigation{
	float: right;
	font-size: 16px;
	padding-top: 10px;
}
.header .navigation ul li{
	position: relative;
    float: left;
    padding: 12px 0 12px 45px;
}
.header .navigation ul li a{
	color: #333333;
}
.header .navigation ul li a:hover,.header .navigation ul li a:focus{ text-decoration: none; }
.header .navigation ul > li:hover > a{
	color: #03a8f2; /*text-shadow: 2px 2px 4px rgba(255,255,255,.4);*/
}
.header .navigation ul li.active > a{
	color: #03a8f2; /*text-shadow: 2px 2px 4px rgba(255,255,255,.4);*/
}
.header .navigation dl{
	position: absolute;
	top: 45px;
	left: 50%;
	margin-left: -30%;
	padding: 8px 15px;
	background-color: #494c59;
	-moz-border-radius: 5px;
	-webkit-border-radius:5px;
	border-radius: 5px;
	z-index: 99;
}
.header .navigation ul li:hover dl{}
.header .navigation dl::after{
	position: absolute;
	content: '';
	width: 0;
	height: 0;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-bottom: 8px solid #494c59;
	left: 50%;
	margin-left: -10px;
	top: -8px;
}
.header .navigation dl dd{
	width: 100%;
	border-bottom: 1px solid #FFFFFF;
	text-align: center;
	font-size:14px;
	white-space:nowrap;
	padding: 6px 12px;
}
.header .navigation dl dd:last-child{
	border-bottom:none;
}
.header .navigation dl dd a{
	color: #FFFFFF;
}
.header .navigation dl dd a:hover{ color: #03a8f2; }


.header .navigation.sm-nav{
	display: none;
}
.header a.close-nav{
    display: none;
}
@media only screen and (max-width: 1200px) {
	.header .navigation ul li{
		padding: 12px 0 12px 20px;
	}
}
/*当屏幕>=891的设备 */
@media (min-width: 891px) {
	.header .navigation dl{
		box-shadow: 0px 2px 3px rgba(0,0,0,0.5);
		-webkit-transform:scale3d(0,0,0);
	    -moz-transform:scale3d(0,0,0);
	    -ms-transform:scale3d(0,0,0);
	    -o-transform:scale3d(0,0,0);
	    transform:scale3d(0,0,0);
	    /*出现的坐标点*/
	    -webkit-transform-origin:50px top;
	    -moz-transform-origin:50px top;
	    -ms-transform-origin:50px top;
	    -o-transform-origin:50px top;
	    transform-origin: 50px top;
	    /*动画完成时间 和轨迹（贝塞尔曲线）*/
	    -webkit-transition:all .6s cubic-bezier(0.68, -0.55, 0.27, 1.55);
	    -moz-transition:all .6s cubic-bezier(0.68, -0.55, 0.27, 1.55);
	    -o-transition:all .6s cubic-bezier(0.68, -0.55, 0.27, 1.55);
	    transition:all .6s cubic-bezier(0.68, -0.55, 0.27, 1.55);
	    opacity: 0;
	    /*transform:scale3d(1,1,1);
		opacity: 1;*/
	}
	.header .navigation ul li:hover dl{
		-webkit-transform:scale3d(1,1,1);
	    -moz-transform:scale3d(1,1,1);
	    -ms-transform:scale3d(1,1,1);
	    -o-transform:scale3d(1,1,1);
		transform:scale3d(1,1,1);
		opacity: 1;
	}
}
/*当屏幕<=890的设备 */
@media (max-width: 890px) {
	.header{padding: 0;}
	.header .navigation{ display: none; }
	.header a.logo{
		width: 60px;
	    height: auto;
	    margin-top: 10px;
	}
	.header .navbtn{
		display: block;
		float: right;
		font-size: 26px;
    	color: #03a8f2;
		/*border: 1px solid;*/
		padding: 12px;
		cursor: pointer;
	}
	html, body{  width: 100%; height: 100%; position: relative; }
	html, body,.header .navigation,.header .navbtn,.header a.close-nav,.header .navigation ul li:before{
        transition: all .3s linear 0s;
        -moz-transition: all .3s linear 0s; /* Firefox 4 */
        -webkit-transition: all .3s linear 0s; /* Safari 和 Chrome */
        -o-transition: all .3s linear 0s; /* Opera */
    }
    body.fixed{ margin-left: 200px; }
	body.fixed .header .navigation{ left: 0; }
    body.fixed .header a.close-nav{ left: 200px; }
    body.fixed .header .navbtn{
        transform:rotate(360deg);
        -webkit-transform:rotate(360deg);
        -moz-transform:rotate(360deg);
        -o-transform:rotate(360deg);
        -ms-transform:rotate(360deg);
    }
	.header .navigation.sm-nav{
		display: block;
	}
	.header a.close-nav{
		position: fixed;
		left: -200px;
		top: 0;
		display: block;
		width: 45px;
		height: 45px;
		overflow: hidden;
		background: #727985 url(../images/close.png) center center no-repeat;
		z-index: 999;
	}
	.header .navigation{
		position: fixed;
		left: -200px;
		top: 0;
		width: 200px;
		height: 100%;
		padding: 10px 15px 55px 15px;
    	overflow-y: auto;
    	background-color: #727985;
    	z-index: 9999;
    	float: none;
	}
	.header .navigation ul li{
		padding: 12px 0;
		float: none;
		border-top:1px solid rgba(255,255,255,.2);
	}
	.header .navigation ul li:first-child{
		border-top:none;
	}
	.header .navigation ul li:before{
		content: '';
		display: block;
		width: 36px;
		height: 20px;
		float: right;
		background: url(../images/arrow_none.png) center center no-repeat;
	}
	.header .navigation ul li:hover:before{
		transform:rotate(90deg);
        -webkit-transform:rotate(90deg);
        -moz-transform:rotate(90deg);
        -o-transform:rotate(90deg);
        -ms-transform:rotate(90deg);
        background: url(../images/arrow_none_hover.png) center center no-repeat;
	}
	.header .navigation ul > li:hover > a{
		color: #22bbff;
	}
	.header .navigation ul li.active > a{
		color: #22bbff;
	}
	.header .navigation ul li a{
		color: #FFFFFF;
	}
	.header .navigation ul > li > a{
		padding-left:24px;
	}
	.header .navigation dl{
		position: relative;
		top: 0;
		left: 0;
		margin-left: 0;
		width: 100%;
		padding: 10px 0;
		background-color: transparent;
		-moz-border-radius: 0px;
		-webkit-border-radius:0px;
		border-radius: 0px;	
		border-top: 1px solid rgba(0, 0, 0, .1);
    	margin-top: 10px;
    	display: none;
	}
	.header .navigation dl::after{
		display: none;
	}
	.header .navigation dl dd{
		text-align: left;
		padding: 8px 0px 8px 24px;
		border-bottom: none;
		background: url(../images/arrow.png) 5px center no-repeat;
	}
	.header .navigation dl dd:hover{
		background: url(../images/arrow_hover.png) 5px center no-repeat;
	}
	.header .navigation dl dd:hover a{display: inline-block; width: 100%;color: #22bbff;}
	.header .navigation ul li:hover dl{
		display: block;
	}
}
/*首页banner*/
.laybanner{width: 100%;}
.laybanner img{max-width: 100%; display: block; height: auto;}

.technology-section{width: 100%;background-color: #43485f;padding: 10px 0;}
/*.technology-section a{float: left; background:url(../images/tech-sprite.png) no-repeat; width: 60px;height: 50px; transition: all 0.3s;}
.technology-section a.tech-icon-1{background-position: -64px -105px; }
.technology-section a.tech-icon-1:hover{background-position: -204px -105px;}
.technology-section a.tech-icon-2{background-position: -62px -191px;}
.technology-section a.tech-icon-2:hover{background-position: -202px -191px;}
.technology-section a.tech-icon-3{background-position: -74px -290px;}
.technology-section a.tech-icon-3:hover{background-position: -214px -290px;}
.technology-section a.tech-icon-4{background-position: -65px -387px;}
.technology-section a.tech-icon-4:hover{background-position: -205px -387px;}
.technology-section a.tech-icon-5{background-position: -64px -507px;}
.technology-section a.tech-icon-5:hover{background-position: -204px -507px;}
.technology-section a.tech-icon-6{background-position: -64px -647px;}
.technology-section a.tech-icon-6:hover{background-position: -204px -647px;}
.technology-section a.tech-icon-7{background-position: -62px -778px;}
.technology-section a.tech-icon-7:hover{background-position: -202px -778px;}*/
.technology-section a{float: left;/* display: inline-block;*/}
.technology-section a.tech-icon-1{width: 37px; height: 46px; background: url(../images/php.png) no-repeat; background-size:100%;}
.technology-section a.tech-icon-1:hover{background: url(../images/php-hover.png) no-repeat;background-size:100%;}
.technology-section a.tech-icon-2{width: 33px; height: 46px; background: url(../images/java.png) no-repeat; background-size:100%;}
.technology-section a.tech-icon-2:hover{background: url(../images/java-hover.png) no-repeat;background-size:100%;}
.technology-section a.tech-icon-3{width: 57px; height: 46px; background: url(../images/c.png) no-repeat; background-size:100%;}
.technology-section a.tech-icon-3:hover{background: url(../images/c-hover.png) no-repeat;background-size:100%;}
.technology-section a.tech-icon-4{width: 38px; height: 46px; background: url(../images/linux.png) no-repeat; background-size:100%;}
.technology-section a.tech-icon-4:hover{background: url(../images/linux-hover.png) no-repeat;background-size:100%;}
.technology-section a.tech-icon-5{width: 38px; height: 46px; background: url(../images/windows.png) no-repeat; background-size:100%;}
.technology-section a.tech-icon-5:hover{background: url(../images/windows-hover.png) no-repeat;background-size:100%;}
.technology-section a.tech-icon-6{width: 38px; height: 46px; background: url(../images/ios.png) no-repeat; background-size:100%;}
.technology-section a.tech-icon-6:hover{background: url(../images/ios-hover.png) no-repeat;background-size:100%;}
.technology-section a.tech-icon-7{width: 34px; height: 46px; background: url(../images/android.png) no-repeat; background-size:100%;}
.technology-section a.tech-icon-7:hover{background: url(../images/android-hover.png) no-repeat;background-size:100%;}

@media (max-width: 890px) {
	.technology-section a.tech-icon-1{width: 29.6px; height: 36.8px;}
	.technology-section a.tech-icon-2{width: 26.4px; height: 36.8px;}
	.technology-section a.tech-icon-3{width: 45.6px; height: 36.8px;}
	.technology-section a.tech-icon-4{width: 30.4px; height: 36.8px;}
	.technology-section a.tech-icon-5{width: 30.4px; height: 36.8px;}
	.technology-section a.tech-icon-6{width: 30.4px; height: 36.8px;}
	.technology-section a.tech-icon-7{width: 27.2px; height: 36.8px;}
}
@media (max-width: 460px) {
    .technology-section a.tech-icon-1{width: 22.2px; height: 27.6px;}
	.technology-section a.tech-icon-2{width: 19.8px; height: 27.6px;}
	.technology-section a.tech-icon-3{width: 34.2px; height: 27.6px;}
	.technology-section a.tech-icon-4{width: 22.8px; height: 27.6px;}
	.technology-section a.tech-icon-5{width: 22.8px; height: 27.6px;}
	.technology-section a.tech-icon-6{width: 22.8px; height: 27.6px;}
	.technology-section a.tech-icon-7{width: 20.4px; height: 27.6px;}
}

/*首页-我们的客户*/
.layout-customer{width: 100%;background-color: #f0f7e4;padding: 50px 0 30px;}
.layout-customer h1{font-size: 32px; color: #494e5c; text-align: center; margin-bottom: 20px;}
.layout-customer .customer ul li img{width:100%; height:100%;}

@media (max-width: 768px){
	.layout-customer{padding: 25px 0 10px;}
	.layout-customer h1{font-size: 28px;}
	.layout-customer .customer ul li{float:left;padding-bottom: 35px;}
	.layout-customer .customer ul li a{float:left;width: 100%;}
}
@media (max-width: 460px){
	.layout-customer{padding: 15px 0 5px;}
	.layout-customer h1{font-size: 24px; margin-bottom: 15px;}
	.layout-customer .customer ul li{float:left;padding-bottom: 30px;}
	.layout-customer .customer ul li a{float:left;width: 100%;}
}
@media (min-width: 768px){
	.layout-customer .customer ul li{float:left; width:218px; height:115px;}
	.layout-customer .customer ul li a{float:left; width:130.8px; height:78.6px;}
}
@media (min-width: 992px){
	.layout-customer .customer ul li{float:left; width:218px; height:141px;}
	.layout-customer .customer ul li a{float:left; width:174.4px; height:104.8px;}
}
@media (min-width: 1200px){
	.layout-customer .customer ul li{float:left; width:218px; height:171px;}
	.layout-customer .customer ul li a{float:left; width:218px; height:131px;}
}
/*首页-我们的服务*/
.layout-cont{width: 100%; padding: 35px 0 10px; background-color:#7382aa;}
.layout-cont dl{float: left;width: 32.2%;margin-left: 1.5%; border: 1px solid #abb4cc;padding: 2.5%;}
.layout-cont div dl:first-child{margin-left: 0;}
.layout-cont dl dt{width: 100%; text-align: center;}
.layout-cont dl dt a{display: inline-block; width: 144px; height: 144px; border-radius: 50%;-moz-box-shadow:0px 0px 20px rgba(0,0,0,.3); -webkit-box-shadow:0px 0px 20px rgba(0,0,0,.3); box-shadow:0px 0px 20px rgba(0,0,0,.3);}
.layout-cont dl dt img{width:100%;}
.layout-cont dl dd h4{font-size: 20px; text-align: center;font-weight: bold;color: #FFFFFF;padding: 20px 0 15px;}
.layout-cont dl dd p{font-size: 16px; color: #FFFFFF; height: 70px;}
.layout-cont .abtn{width: 285px; height: 85px; display: block; margin: 25px auto; text-align: center; line-height: 85px; background-color: #596486; border-radius: 8px;font-size: 20px;color: #FFFFFF;}

@media (max-width: 1200px){
	.layout-cont dl dt a{width: 120px; height: 120px;}
	.layout-cont .abtn{width: 200px; height: 60px;line-height: 60px;}
}
@media (max-width: 992px){
	.layout-cont dl dt a{width: 100px; height: 100px;}
	.layout-cont .abtn{width: 200px; height: 60px;line-height: 60px;font-size: 16px;}
	.layout-cont dl dd h4{font-size: 18px;}
	.layout-cont dl dd p{height: 100px;font-size: 16px;}
}
@media (max-width: 767px){
	.layout-cont dl{width: 100%; margin: 0 0 20px; padding: 2.5% 5%;}
	.layout-cont dl dt a{width: 120px; height: 120px;}
	.layout-cont .abtn{width: 150px; height: 50px;line-height: 50px;font-size: 16px;}
	.layout-cont dl dd h4{font-size: 16px;}
	.layout-cont dl dd p{height: auto;font-size: 14px;}
}

/*首页-定制软件开发*/
.layout-box{width: 100%; padding:30px 0; background-color: #eaeaea;}
.layout-box h3.title{font-size: 36px; color: #494e68;}
.layout-box p.title-des{font-size: 16px;color: #494e68; padding: 20px 0; line-height: 30px;}
.layout-box a.abtn2{width: 285px; height: 85px; display: block; text-align: center; line-height: 85px; background-color: #4ea6ea; border-radius: 8px;font-size: 20px;color: #FFFFFF;}
.layout-box .title-pic{width: 299px;}
.layout-box2{background-color: #c9c9c9;}
.layout-box2 a.abtn2{background-color: #eceeef; color: #494e68;}

@media (max-width: 992px){
	.layout-box h3.title{font-size: 28px;}
	.layout-box a.abtn2{width: 200px; height: 60px;line-height: 60px;font-size: 16px;}
	.layout-box .title-pic{width: 230px;}
}
@media (max-width: 767px){
	.layout-box{padding:15px 0;}
	.layout-box h3.title{font-size: 18px; text-align: center;margin: 10px 0 0px;}
	.layout-box a.abtn2{width: 150px; height: 50px;line-height: 50px;font-size: 16px;margin: 10px auto;}
	.layout-box p.title-des{font-size: 14px;color: #494e68; padding: 10px 0; line-height: 20px;}
	.layout-box .title-pic{width: 180px;}
}
@media (max-width: 374px) {
	.layout-box .col-xs-12{padding: 0;}
}

/*首页-底部*/
.lay-footer{width: 100%; padding:30px 0; background-color: #585858;}
.lay-footer dl{float: left; width: 30%; color: #ffffff; position: relative;/* min-height: 300px;*/}
.lay-footer dl:nth-child(2){width: 36%; padding-left: 12%;}
.lay-footer dl:first-child{padding-left: 0;}
.lay-footer dl:last-child{padding-left: 15%;}
.lay-footer dl:after{content: ""; width: 4px; height: 197px; background: url(../images/foot-boder.png) no-repeat; position: absolute; right: 0; top: 30px;}
.lay-footer dl:last-child:after{display: none;}
.lay-footer dl dt{font-size: 18px; font-weight: bold;}
.lay-footer dl dd.rules span{display: inline-block;width: 14px; height: 2px; background-color: #FFFFFF;}
.lay-footer dl dd{font-size: 12px; padding: 8px 0;}
.lay-footer dl:first-child dd{ padding: 5px 0;}
.lay-footer dl dd a{font-size: 12px;color: #ffffff;}
.lay-footer dl dd.rules-phone{padding-left: 30px;background: url(../images/foot-phone.png) no-repeat left center;}
.lay-footer dl dd.rules-email{padding-left: 30px;background: url(../images/foot-email.png) no-repeat left center;}
.lay-footer dl dd.rules-address{padding-left: 30px;background: url(../images/foot-address.png) no-repeat left center;}
.foot-bottom{width: 100%; font-size: 12px; color: #bcbcbc; text-align: center; padding-bottom: 20px; background-color: #585858;}
@media (max-width: 767px){
	.lay-footer dl{width: 100%; margin-bottom: 15px;}
	.lay-footer dl:after{display: none;}
	.lay-footer dl:nth-child(2){width: 100%; padding-left: 15px;}
	.lay-footer dl:first-child{padding-left: 15px;}
	.lay-footer dl:last-child{padding-left: 15px;margin-bottom: 0px;}
}

/*首页-右侧*/
.lay-fixed{position: fixed;width: 70px; right: 15px; top: 30%;z-index: 999;}
.lay-fixed ul li{position: relative;width: 70px;height:66px;}
.lay-fixed dl{position: absolute; top: 0;right: 0; width: 70px; height:64px; overflow: hidden; cursor: pointer; padding: 5px 0;background-color: #03a8f2; color: #FFFFFF; transition: all 0.3s;}
.lay-fixed dl div{float: right; margin-right: 19px;}
.lay-fixed dl dd{font-size: 14px; color: #FFFFFF;margin-left: 2px;}
.lay-fixed li#customerTel dl{/*width: 200px;padding-left: 20px;*/ line-height: 50px;}
.lay-fixed li#customerTel span{color: #FFFFFF;font-size: 14px;}
.lay-Online{position: fixed;right: 15px; bottom: 10%;z-index: 999; padding: 5px 0px;/* width: 130px; */background-color: #03a8f2;}
.lay-Online .left-pic{float: left; padding: 5px 12px;border-right: 1px solid #4fc2f6; }
.lay-Online a{float: left;padding: 6px 15px; font-size: 14px; color: #fefefe;}
@media screen and (max-width: 767px){
	.lay-fixed{display: none;}
	.lay-Online{display: none;}
}

/*联系我们*/
.laybanner2{width: 100%;}
.laybanner2 img{max-width: 100%; display: block; height: auto;}
.laybox{padding: 80px 0 60px; width: 100%;}
.laybox .laytitle{width: 338px;margin: 0 auto;}
.laybox .laytitle img{width: 100%;}
.laycontact-ul{padding: 30px 0;}
.laycontact-ul li{font-size: 16px; color: #545e68;line-height: 25px; margin-bottom: 15px;}
.laycontact div.col-md-6{}
.laycontact .cont{border-radius:5px; box-shadow: 0 0 10px rgba(0,0,0,.15); margin-bottom: 10px;}
#allmap{height:580px;width:100%;}
.laycontact .laycontact-box{height:580px;width:100%; padding: 30px 60px;}
.laycontact .laycontact-box .title{display: inline-block; color: #545e68; font-size: 18px; letter-spacing: 1px; padding-bottom: 10px; padding-right: 5px; border-bottom: 1px solid #545e68;}
.laycontact .laycontact-box .rules-box li{color: #545e68; font-size: 14px; padding-left: 30px; margin-top: 20px;}
.laycontact .laycontact-box .rules-box li.rules-phone{background: url(../images/phone-blue.png) no-repeat left center;}
.laycontact .laycontact-box .rules-box li.rules-email{background: url(../images/email-blue.png) no-repeat left center;}
.laycontact .laycontact-box .rules-box li.rules-address{background: url(../images/address-blue.png) no-repeat left center;}
.laycontact .laycontact-form{margin-top: 20px;}
.laycontact .btn-primary{background-color: #03a8f2;border-color: #03a8f2;}
@media screen and (max-width: 767px){
	.laybox{padding: 30px 0 10px;}
	.laycontact-ul li{margin-bottom: 8px;}
	.laycontact .laycontact-box{padding: 15px 15px; height: auto;}
	.laycontact .laycontact-box .rules-box li{margin-top: 10px;}
	.laycontact .laycontact-form{margin-top: 10px;}
	.laycontact .laycontact-form .col-sm-6{margin-top: 10px;}
	#allmap{height: 300px;}
}
@media (max-width: 374px) {
	.laybox .laytitle{width: 270px;}
}