/**
      w:1920 min-width:1210  联系我们 2016/4/20.
*/
.mainback{ width:100%; /*height:1000px;*/min-width: 1210px; height: 930px; background:url(../img/contactUsBack.jpg) no-repeat top center; position: relative; /*top: 61px;*/ top: 90px;}
.mainback .cendiv{ width:1210px; height:auto; margin:0 auto; }
.mainback .cendiv .contactImg1{ padding-top:100px;}
.mainback .cendiv span{ color:#132c60; font-size:20px;}
.mainback .cendiv .span1{ position:relative;top:0px; left:-180px;}
.mainback ul{text-align:center; width:100%;margin-top:130px;}
.mainback ul li{ width:33.33%; text-align:center; float:left; line-height:40px;}
.mainback ul p{ color:#fff; font-size:36px; margin-top:10px;}
.mainback ul .p1{ color:#fff; font-size:24px;}
/**
      w:1920 min-width:1210  关于我们 2016/6/3.
*/
.about{width: 100%;height: auto;/*padding-top: 61px;*/ margin-top: 50px;}
.about01{width: 100%;height: 900px;background: url(../img/about01.jpg)no-repeat center center;min-width: 1210px;background-size:cover ;}
.about01 ul{width: 1210px;height: 100%;margin: 0 auto;text-align: center;}
.about01 ul img{height: 216px;margin-top: 320px;}

.about02{width: 100%; background-color: white;min-width: 1210px; padding: 30px 0 30px 0;}
.about02 ul{width: 1210px;height: 100%;margin: 0 auto;text-align: center;}
.about02 ul h3{ text-decoration: none; line-height: 40px; color: #666666; font-weight: normal; font-size: 18px;}
.about02 ul img{height: 279px;margin-top: 40px;}

.about03{width: 100%;height: 300px;background: url(../img/about02.jpg)no-repeat center center;min-width: 1210px;background-size:cover ;}
.about03 ul{width: 1210px;height: 100%;margin: 0 auto;text-align: center;}
.about03 ul img{height: 215px;margin-top: 45px;}

.about04{width: 100%;height: 480px;background-color: white;min-width: 1210px;}
.about04 ul:first-of-type{width: 805px;height: 100px;line-height: 100px; margin: 0 auto; /*margin-top: 50px;*/}
	.about04 ul:first-of-type li{width: 49.5%;height: 100%;text-align: center;float: left;font-size: 14px;border: 1px solid #dbdbdb;}
	.about04 ul:first-of-type li:first-of-type{border-right: 0;}
	.about04 ul:first-of-type li span{color: #749dd6;font-size: 85px;}
.about04 ul:nth-of-type(2){width: 800px;height: 50px;line-height: 50px;margin: 0 auto;}
	.about04 ul:nth-of-type(2) li{width: 50%;height: 100%;text-align: center;float: left;font-size: 14px;color: #040404;}	
.about04 ul:last-of-type{width: 800px;height: 120px;line-height: 120px;margin: 0 auto;margin-top: 90px;}
	.about04 ul:last-of-type li{width: 100%;height: 100%;font-size: 32px;color: #888888;text-align: center;}
.prg-cont canvas{height: 80px;color: #000;}	
	
	
.aboutUsContent{width: 100%;height: 100%;min-width: 1210px;}
.aboutUsContent_bg{width: 100%;height: 100%;min-width: 1210px;;z-index: 1;background-size: cover;background-position: center center;transition: 2s 0s opacity;position: absolute;top: 0;left: 0;opacity: 1}
.aboutUsContent_text{width: 100%;height: 100%;min-width: 1210px;}
	.about_dz{width: 60%;height: 88px;text-align: right;position: absolute;top: 50%;z-index: 92;}
	.about_play{width: 55px;height: 55px;position: absolute;top: 54%;z-index: 90;left: 61%;}
	.video-mask{width: 100%;height:100%;position: absolute;z-index: 90;background-color: #050505;;
    -webkit-opacity: 0.3;-moz-opacity: 0.3;-khtml-opacity: 0.3;opacity: 0.3;filter:alpha(opacity=30);
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=30);}
.about_video{width: 100%;height: 100%;min-width: 1210px;position: absolute;z-index: 80;}
/**
      w:1920 min-width:1210  UE设计 2016/4/21.
*/
.topUE{width: 100%;height: 910px;background: url(../img/ueBanner.jpg)no-repeat top center;min-width: 1210px;}
.ueDesign1{width: 100%;height: auto;position: relative;min-width: 1210px;}
	.title{width:100%; height:130px; margin:0 auto;text-align: center;margin-top: 75px;min-width: 1210px;}
		.title span{font-size: 40px;color: #292929;}
		.title li{font-size: 20px;color: #c0c5cc;height: 25px;line-height: 25px;}
		.title .p1{border-bottom: 2px solid #749dd6;width: 70px;height: 10px; margin: 0 auto;}
	.ueContent1{width: 1210px;height: 480px;margin: 0 auto;text-align: center;}

.ueDesign2{ width:100%; height:auto;background:url(../img/backimg9.png) no-repeat center center; }
	.ueDesign2_next{ width:1210px; height:auto; margin:0 auto; text-align:center;}
		.ueDesign2_next ul{ width:100%; height:220px; margin:0 auto; margin-top:30px;}
		.ueDesign2_next ul li{ float:left; line-height:50px;}
		.ueDesign2_next ul li div{ width:125px; height:125px;margin:0 auto;}
		.ueDesign2_next ul li span{ font-size:24px; padding-right:10px;}
		.ueDesign2_next ul li i{ font-size:24px; padding-right:10px; font-style:normal; font-weight:normal;}
		.ueDesign2_next ul .li1{ text-align:left; width:25%;}
		.ueDesign2_next ul .li1 span{ padding-left:30px;}
		.ueDesign2_next ul .li2{width:50%;}
		.ueDesign2_next ul .li2 div{ margin-top:52px;}
		.ueDesign2_next ul .li2 p{ float:left; padding-left:160px; width:126px; }
		.ueDesign2_next ul .li2 b{ float:left; padding-left:60px; width:126px; font-weight:normal;}
		.ueDesign2_next ul .li3{text-align:right;width:25%;}
		.ueDesign2_next ul .li3 p{ padding-right:30px;}

.ueDesign3{ width:100%; height:550px; margin-top:75px; }
		.ueDesign3_next{ width:1210px;  height:550px; margin:0 auto; text-align:center; color:#fff; border-bottom:1px solid #e4e4e4;}
 .ueDesign3  .wrapper, .navbox { width: 1210px;height:450px;  margin: 0 auto; margin-top:30px; }
 .ueDesign3  .slide { width: 1210px; height: 410px; overflow: hidden; position: relative;  }
 .ueDesign3  .slide-ul { position: relative; width: 8640px; }
 .ueDesign3  .slide-ul li { display: inline; float: left; width:224px; padding: 0 8.2px; overflow: hidden; }
 .ueDesign3  .slide-ul li img { width:224px; height:400px;}
 .ueDesign3  .info-btn { width: 110px; height: 22px; overflow: hidden; margin: 0 auto; padding: 11px 0; zoom: 1; }
 .ueDesign3  .info-btn li { float: left; }
 .ueDesign3  .info-btn li span { display: block; width: 22px; height: 22px; background: url(../img/point.png) 0 -27px no-repeat; text-indent: -9999em; overflow: hidden; cursor: pointer; }
 .ueDesign3  .info-btn .info-cur span, .info-btn .info-hover span { background-position: 0 0; }
 
 .ueDesign4{ width:100%; margin-top:65px; height:532px; }
 		.ueDesign4_next{ width:1210px; height:auto; margin:0 auto; text-align:center;}
		 .ueDesign4_next .title{ margin-bottom:20px;}
		 .ueDesign4_next ul{ width:100%; height:85px; color:#292929; }
		 .ueDesign4_next ul li{ width:280px; height:85px; float:left;text-align:left; margin-right:30px;}
		 .ueDesign4_next ul .li2{ margin-right:0}
		 .ueDesign4_next ul li p{ float:left; font-size:50px; margin:-10px 20px 0 0; width:55px; text-align:right;}
		 .ueDesign4_next ul li span{ float:left; font-size:18px}
		 .ueDesign4_next ul li img{ float:right; margin:12px 0 0 0 ; }
		.ueDesign4 .rightto{-webkit-animation: right ease-in-out 1s infinite;animation-timing-function:linear;animation: right ease-in-out 1s infinite;-webkit-animation-timing-function:linear;}
		@-webkit-keyframes right {50% {-webkit-transform: translateX(1em); transform: translateX(1em);}}
		@keyframes right {50% {-webkit-transform: translateX(1em);transform: translateX(1em);}}
		@-moz-keyframes right {50% {-webkit-transform: translateX(1em); transform: translateX(1em);}}
		@-o-keyframes right {50% {-webkit-transform: translateX(1em); transform: translateX(1em);}}
		@-ms-keyframes right {50% {-webkit-transform: translateX(0.1em); transform: translateX(0.1em);}}
		.ueDesign4 ul .leftto{-webkit-animation: left ease-in-out 1s infinite;animation-timing-function:linear;animation: left ease-in-out 1s infinite;-webkit-animation-timing-function:linear;}
		@-webkit-keyframes left {50% {-webkit-transform: translateX(-1em); transform: translateX(-1em);}}
		@keyframes left {50% {-webkit-transform: translateX(-1em);transform: translateX(-1em);}}
		@-moz-keyframes left {50% {-webkit-transform: translateX(-1em); transform: translateX(-1em);}}
		@-o-keyframes left {50% {-webkit-transform: translateX(-1em); transform: translateX(-1em);}}
		@-ms-keyframes left {50% {-webkit-transform: translateX(-0.1em); transform: translateX(-0.1em);}}
/**
      w:1920 min-width:1210  UI设计 2016/4/25.
*/
.topUI{width: 100%;height: 910px;background: url(../img/uiBanner.jpg)no-repeat top center;min-width: 1210px;}
.uiTitle{ font-size:40px; color:#444;padding-top: 70px;text-align: center;}
.uiTitle .p1{ width:135px; height:1px; background:#005681; margin:0 auto; margin-top:25px;}
.uiTitle .p2{width:70px; height:1px; background:#f34343; margin:0 auto; margin-top:-1px;}	

.uiBanner{ width:1210px; margin:0 auto; text-align:center;position: relative;top: 123px;}
		.img1{ position:relative; top:530px; left:40px; }
		.img2{ position:relative; top:425px; left:-357px; -webkit-animation: float ease-in-out 1.5s infinite;-moz-animation: float ease-in-out 1.5s infinite;-ms-animation: float ease-in-out 1.5s infinite;-o-animation: float ease-in-out 1.5s infinite;animation: float ease-in-out 1.5s infinite; }

.uiDesign1{ width:100%; height:430px;background:#fff; margin-top:90px;}
		.uiDesign1_next{ width:1210px; height:430px; margin:0 auto; text-align:center;}
		.uiDesign1_next ul{ width:100%; text-align:center; margin-top:74px; font-size:14px; color:#787878;}
		.uiDesign1_next ul li{ width:25%; float:left;}
		.uiDesign1_next ul li div{ width:120px; height:120px; background:#f2f2f2;-moz-border-radius:10em;-o-border-radius:10em; -ms-border-radius:10em;  -webkit-border-radius:10em; border-radius:10em; margin:0 auto;}
		/*.uiDesign1_next ul li div:hover{ background:#66caeb; }*/
		.uiDesign1_next ul li div img{ margin:25px 28px;}
		.uiDesign1_next ul li .p1{ color:#444; font-size:24px; line-height:40px; margin-top:15px;}		
.uiDesign2{ width:100%; height:500px;background:#fff; margin-top:75px;}
		.uiDesign2_next{ width:100%; min-width:1210px; height:500px; margin:0 auto; text-align:center;background-color: #eef1f5;font-family: "平方 常规";}
		.uiDesign2_content{width: 100%;height: 300px;}
		.uiDesign2_content ul{width: 187px;height: 35px;line-height: 35px;margin: 0 auto;margin-top: 100px;}
		.uiDesign2_content ul li{float: left;height: 35px;margin: auto 10px;font-size: 28px;color: #444444;font-family: "平方 常规";}
		.uiDesign2_zz{width: 100%;height: 60px;line-height: 60px;font-size: 32px;color: #000000;font-family: "平方 常规";margin-top: 30px;}
		.uiDesign2_content abbr{font-family: "平方 常规";color: #989898;font-size: 14px;}		
.uiDesign3{ width:100%; background:#fff;min-width: 1210px;}
		.uiDesign3_next{ width:1210px; margin:0 auto; text-align:center;}
		.uiDesign3_content{width: 1210px;height: 650px;margin-top: 60px;}
		.uiDesign3_content ul{width: 25%;height: 150px;float: left;margin-left: 5%;}
		.uiDesign3_content li{float: left;text-align: left;font-size: 16px;color: #676767;}
		.uiDesign3_content li img{height: 70%;margin-top: 15%;}
		.uiDesign3_contentT{width: 160px;height: 50px;margin-top: 50px;margin-left: 20px;}		
@-webkit-keyframes float {50% {-webkit-transform: translateY(2em); transform: translateY(2em);}}
@keyframes float {50% {-webkit-transform: translateY(2em);transform: translateY(2em);}}
@-moz-keyframes float {50% {-webkit-transform: translateY(2em); transform: translateY(2em);}}
@-ms-keyframes float {50% {-webkit-transform: translateY(0.1em); transform: translateY(0.1em);}}
@-o-keyframes float {50% {-webkit-transform: translateY(2em); transform: translateY(2em);}}
/**
      w:1920 min-width:1210  程序开发 2016/4/21.
*/
.developBack{ width:100%; height:780px; background:url(../img/backimg5.jpg) no-repeat top center;/*position: relative;top: 61px;*/min-width: 1210px;}
/*#pro .cendiv .title{ font-size:40px; color:#444;}
#pro .cendiv .title .p1{ width:135px; height:1px; background:#005681; margin:0 auto; margin-top:25px;}
#pro .cendiv .title .p2{width:70px; height:1px; background:#4ec4d4; margin:0 auto; margin-top:-1px;}*/
.developC1{ width:100%; height:390px;background:#fff;margin-top:60px;}
		.developC1_next{ width:1210px;height:390px; margin:0 auto; text-align:center; border-bottom:1px solid #dcdcdc;}
		.developC1_next ul{width:100%; height:140px; line-height:50px; font-size:24px; color:#444;}
		.developC1_next ul li{ width:20%; float:left; }
.developC2{ width:100%; height:900px;background:#fff;margin-top:95px;}
		.developC2_next{ width:1210px;height:900px; margin:0 auto; text-align:center;}
		.developC2_next ul li{width: 230px;height: 180px;padding-top: 115px;margin: 10px;text-align: left;font-size: 16px;color: #505050;} 
			.develop_qz{width: 250px;height: 300px;background: url(../img/devel_qz.png)no-repeat;float: left;margin-left: 160px;margin-top: 40px;}
			.develop_aq{width: 250px;height: 300px;background: url(../img/devel_aq.png)no-repeat;float: left;margin-left: 70px;margin-top: 40px;}
			.develop_sy{width: 250px;height: 300px;background: url(../img/devel_sy.png)no-repeat;float: left;margin-left: 70px;margin-top: 40px;}

			.develop_kk{width: 250px;height: 300px;background: url(../img/devel_kk.png)no-repeat;float: left;margin-top: 40px;}
			.develop_kf{width: 250px;height: 300px;background: url(../img/devel_kf.png)no-repeat;float: left;margin-left: 70px;margin-top: 40px;}
			.develop_bz{width: 250px;height: 300px;background: url(../img/devel_bz.png)no-repeat;float: left;margin-left: 70px;margin-top: 40px;}
			.develop_xj{width: 250px;height: 300px;background: url(../img/devel_xj.png)no-repeat;float: left;margin-left: 70px;margin-top: 40px;}