/* CSS Document */
@charset "uft-8";


/*首页banner*/

.module-wrap{position:relative; padding-bottom:32px;}

.swiper-container {
    width: 100%;
    height: 583px;
    position: relative;
    overflow: hidden;
    background:#10084d;
}
.swiper-slide {
	background-repeat:no-repeat; 
	background-size:100% 100%;
	-moz-background-size:100% 100%;
}
.zero_bg {
	background:url('../images/home/home_bg_1.jpg') center;
}
.one_bg {
	background:url('../images/home/home_bg_1.jpg') center;	
}
.two_bg {
	background:url('../images/home/home_bg_2.jpg') center;	
}
.three_bg {
	background:url('../images/home/home_bg_3.jpg') center;	
}
.four_bg {
	background:url('../images/home/home_bg_4.jpg') center;	
}
.five_bg {
	background:url('../images/home/home_bg_5.jpg') center;	
}
.six_bg {
	background:url('../images/home/home_bg_6.jpg') center;	
}

.seven_bg {
	background:url('../images/home/home_bg_7.png') center;	
}

.swiper-slide .y-row {
	position: relative;
	min-width: 1200px;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    zoom: 1;
    z-index:900;
    -moz-transition: all 1s ease-out;
    -webkit-transition: all 1s ease-out;
    transition: all 1s ease-out;
    -moz-transform: translate(0,100px);
    -webkit-transform: translate(0,100px);
    transform: translate(0,100px);
    opacity:0;
    filter:alpha(opacity=0);
}


.module-wrap .layer {
	position: absolute;
	top: 150px;
    left: 0;
    height:583px;
    color:#fff;
   
}
.data-image-layer {
	z-index: 897;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -moz-transition: all 1s ease-out;
    -webkit-transition: all 1s ease-out;
    transition: all 1s ease-out;
}
.swiper-slide .animating-enter-up {
	-moz-transform: translate(0,0);
	-webkit-transform: translate(0,0);
	transform: translate(0,0);
	opacity:1;
	filter:alpha(opacity=0)
}
.banner-row{
	position: relative;
    min-width: 1200px;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    height: 583px;
    background-position: 50%;
    background-size: 1920px 640px;
    zoom: 1;
    -moz-transition: all 1s ease-out;
    -webkit-transition: all 1s ease-out;
    transition: all 1s ease-out;
    -moz-transform: translate(0,-100px);
    -webkit-transform: translate(0,-100px);
    transform: translate(0,-100px);
    opacity:0;
    filter:alpha(opacity=0)
}
.banner-row.fadeIn {
	opacity:1;
	-moz-transform: translate(0,0);
	-webkit-transform: translate(0,0);
	transform: translate(0,0);
}
.banner-row img {
	position:absolute;
	
}
.one_bg_img img {
	top:110px;
	right:0;
}
.two_bg_img img {
	top:55px;
	right:-216px;
}
.three_bg_img img {
	top:35px;
	right:10px;
}
.four_bg_img img {
	top:0px;
	right:10px;
}
.five_bg_img img {
	top:2px;
	right:-172px;
}
.six_bg_img img {
	top:35px;
	right:-2px;
}


.mtb {
	margin:24px 0 70px 0;
}
.one_t1,.two_t1 {
	font-size:21px;
	color:rgba(255,255,255,.7)
}
.one_t2 {
	font-size:48px;
	font-weight:bold;
}
.one_t3 {
	font-size:26px;
}
.one_t3 span{
	color:#e67f05
}

.two_t2 {
	font-size:40px;
	height:55px;
	line-height:55px;
	font-weight:bold;
}
.two_t2 span {
	font-size:50px;
	color:#e67f05;
	float:left;
}
.two_t3 {
	color:rgba(255,255,255,.3);
	margin-left:-8px;
}
.two_t3 span{
 	font-size:24px;	
 	color:#fff;
 	padding:0 8px;
 	vertical-align: text-bottom;
}
.comm_mtb {
	margin:36px 0 70px 0;
}
.comm_title_1 {
	font-size:42px;
	font-weight:bold;
}
.comm_title_1 span {
	float:left;
	color:#e67f05
}
.comm_title_2 {
	font-size:18px;
	line-height:35px;
}
.comm_title_3 {}
.comm_title_3 a {
	display:block;
	width:207px;
	height:45px;
	line-height:45px;
	border:1px solid #fff;
	border-radius:2px;
	color:#fff;
	text-align: center;
	font-size:14px;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.comm_title_3 a:hover {
	background:#fff;
	color:#454545;
}
.home-news{ width:100%; position:absolute; bottom:0px;height:32px; line-height:32px;z-index:100;
    -webkit-transition: background-color 0.4s;
    -moz-transition: background-color 0.4s;
    -o-transition: background-color 0.4s;
    transition: background-color 0.4s;
    background:#fd8d30;
    }
.home-news a{ color:#fff; display:block}
.home-news-list{ position:relative; z-index:100;}
.home-news-list-l{ font-size:14px;  font-weight:bold; color:#fff; width:12.5%;}
.home-news-list ul{ width:75%;}
.home-news-list li{ float:left;font-size:12px; margin-left:30px; height:32px; line-height:32px; width:28%;}
.home-news-list span{ display:block; float:right;text-align: right; width:12.5%;}

/*产品列表*/

.homeFastWork{ padding-bottom: 90px;}
.homeFastWork ul li{ border:1px solid #ddd;width:318px; float:left; margin:0 30px 30px 0;
	padding:30px;position:relative;
	-webkit-transition: .2s linear;
     -moz-transition: .2s linear;
     -ms-transition: .2s linear;
     -o-transition: .2s linear;
     transition: .2s linear;
}

.homeFastWork ul li:hover{
	 -webkit-box-shadow:0px 10px 20px  rgba(0,0,0,.1);
     -moz-box-shadow:0px 10px 20px  rgba(0,0,0,.1);
     box-shadow: 0px 10px 20px  rgba(0,0,0,.1);
     -webkit-transform: translate3d(0,-3px,0);
     -moz-transform: translate3d(0,-3px,0);
     -ms-transform: translate3d(0,-3px,0);
     -o-transform: translate3d(0,-3px,0);
     transform: translate3d(0,-3px,0);
}


.homeFastWork .border_top{position: absolute;
    height: 1px;
    width: 0;
    font-size: 0;
    background: #ff9500;
    top: -1px;
    left: 0;
    -webkit-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;}
    
.homeFastWork .border_right {
    position: absolute;
    height: 0px;
    width: 1px;
    font-size: 0;
    background: #ff9500;
    bottom: 0;
    right: -1px;
    -webkit-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

.homeFastWork .border_bottom {
    position: absolute;
    height: 1px;
    width: 0px;
    font-size: 0;
    background: #ff9500;
    right: 0;
    bottom: -1px;
    -webkit-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

.homeFastWork .border_left {
    position: absolute;
    height: 0px;
    width: 1px;
    font-size: 0;
    background: #ff9500;
    left: -1px;
    top: 0;
    -webkit-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

.homeFastWork .hover .border_top, .homeFastWork .hover .border_bottom { width: 379px }
.homeFastWork .hover .border_left, .homeFastWork .hover .border_right { height: 201px }

.homeFastWorkL,.homeFastWorkR{ float:left; height:140px;}
.homeFastWorkL { width:110px;padding-right:30px;border-right:1px solid #ddd; position:relative;}
.homeFastWorkL img,.homeFastWorkL span{ display:block;}
.homeFastWorkL img{ width:90px;height:90px;margin:0 auto; opacity:0;filter:alpha(opacity=0);}
.homeFastWorkL span{ font-size:22px; text-align:center; position:absolute;bottom:0px;width:110px;}
.homeFastWorkR{ padding-left:30px}
.homeFastWorkR span{ display:block;}
.homeFastWorkR  a{ display:block; font-size:14px; color:#555;margin-bottom:17px;}
.homeFastWorkR  a:hover{ color:#ff9500}






.home-prolist-title {
    border-bottom: 1px solid #eee;
    height: 24px;
    position: relative;
    margin:80px 0 60px 0;
}
.home-prolist-title h2 {
    background-color: #fff;
    font-size: 30px;
    text-align: center;
    position: absolute;
    left: 50%;
    width: 446px;
    margin-left: -223px;top:10px;
}


@keyframes fadeShow {
    0%{
        -webkit-transform: translate3d(0,15px,0);
        -moz-transform: translate3d(0,15px,0);
        -ms-transform: translate3d(0,15px,0);
        -o-transform: translate3d(0,15px,0);
        transform: translate3d(0,15px,0);
        opacity: 0;
    }
    100%{
        -webkit-transform: translate3d(0,0,0);
        -moz-transform: translate3d(0,0,0);
        -ms-transform: translate3d(0,0,0);
        -o-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
        opacity: 1;
    }
}


/* 工程师范围 */
.enginnerArea{padding-bottom: 100px;}
.areabox{ height: 694px;background: url(../images/home/area.gif) no-repeat center top;}
.areabox ul{ width: 795px; margin: 0 auto; padding-top: 555px;text-align: center;}
.areabox ul li{ display: inline-block;width: 55px;margin:0 80px;}

/* 工程师体系 */
.enginnerSys{ background: #f8f8f8;}
.enginnertab{ border-bottom: 1px solid #c2c2c2;}
.enginnertab span{ font-size:18px; color:#333;display: block; float: left; width: 300px;  text-align: center;
padding: 30px 0; cursor:pointer;
 }
.enginnertab span:hover{color: #ff9500;}
.enginnertab span.active{ color: #ff9500; background: url(../images/home/enginnertab.png) no-repeat left bottom;}
.enginnerBox{ padding: 40px 0;height: 445px;}
.enginnerBox .enginnerCon{ display: none;}

.enginnerCon h2{ color: #333; font-size: 14px;font-weight: 600;  margin-bottom: 5px;}
.enginnerCon p{ font-size: 13px; color: #555; line-height: 1.5;}

.enginneroneIcon{ height: 300px; width: 1200px; background: url(../images/home/enginnerone.png) no-repeat left top;
position: relative;}
.enginneroneIcon p {  position: absolute;}
.enginneroneIcon span,.enginneroneIcon img{ display: block;}
.enginneroneIcon img{ margin:0 auto; width: 105px;}
.enginneroneIcon span { background: url(../images/home/enginnercircle.png) no-repeat left center; color: #ff7500;
padding-left: 18px; font-size: 12px;}

.enginnera1{ width: 130px; left: 0px; top: 120px;}
.enginnera1 span{ margin-top:20px;}

.enginnera2{ width: 130px; left: 300px;top: 125px;}
.enginnera2 span{margin-bottom:25px;}

.enginnera3{ width: 105px; left: 575px;top: 105px;}
.enginnera3 span{ margin-top:5px;}


.enginnera4{ width: 165px; left:800px;top: 95px;}
.enginnera4 span{ margin-bottom:25px;}


.enginnera5{ width: 115px; right:0px;top: 20px;}
.enginnera5 span{ margin-top:20px;}


.enginnertwo ul{ padding-top: 70px;width: 1250px;}
.enginnertwo li{ float: left; width: 212px; overflow: hidden; margin-right:38px;background: #fff;
padding-bottom: 12px;}
.enginnertwo li span,.enginnertwo li b{ display: block; padding:0 12px ; font-size: 12px; color: #333;}
.enginnertwo li b{ font-weight: 600; color: #444; padding: 12px;}
.enginnertwo li span.syslineaa{border-top:1px solid #afafaf; width:16px; margin-left:12px;padding-bottom: 7px}

.enginnerThree{}
.enginnerThree .enginnerL{ float: left; background:url(../images/home/enginnerL.png) no-repeat left 36px;
padding-left: 60px; padding-top:32px;}
.enginnerThree .enginnerL p{ padding-bottom: 23px; height: 34px; overflow: hidden;}
.enginnerThree .enginnerL b,.enginnerThree .enginnerL span{ display: block;}
.enginnerThree .enginnerL span{ color: #333; font-size:14px; }
.enginnerThree .enginnerL b { color: #444344; font-size: 12px; font-weight: normal;}
.enginnerThree .enginnerR{ float: right;}


/* 服务标准 */
.serviceRule ul{ }
.serviceRule li{ width: 140px; float: left; text-align: center;margin-bottom: 80px;margin-right:213px;}
.serviceRule li p{ height: 70px; width: 70px; margin:0 auto;}
.serviceRule li p.ruleIcon1{ background: url(../images/home/serviceRule1.png)}
.serviceRule li p.ruleIcon2{ background: url(../images/home/serviceRule2.png)}
.serviceRule li p.ruleIcon3{ background: url(../images/home/serviceRule3.png)}
.serviceRule li p.ruleIcon4{ background: url(../images/home/serviceRule4.png)}
.serviceRule li p.ruleIcon5{ background: url(../images/home/serviceRule5.png)}
.serviceRule li p.ruleIcon6{ background: url(../images/home/serviceRule6.png)}
.serviceRule li p.ruleIcon7{ background: url(../images/home/serviceRule7.png)}
.serviceRule li p.ruleIcon8{ background: url(../images/home/serviceRule8.png)}
.serviceRule li span{ display: block;margin-top:20px; font-size: 14px; color: #333;}


/*专注服务*/
.focusService{ background: #f8f8f8; padding-bottom: 100px;}
.second-title{ text-align:center;padding: 60px 0;}
.second-title h2{ font-size: 26px; color: #333;margin-bottom: 30px;}
.second-title p{ font-size: 16px; color: #666;}
.focusServiceUl{ width:1242px; }
.focusServiceUl li{ float: left; margin-right: 34px; width: 380px; background: #fff}
.focusServiceUl li a{ display:block; transition: .9s;
-moz-transition: .9s;
-webkit-transition: .9s;
-o-transition: .9s;}
.focusServiceUl li a:hover i{color:#ff9500;}
.focusServiceUl li img{ width: 380px; height: 176px; display: block;
 transition: .9s;
-moz-transition: .9s;
-webkit-transition: .9s;
-o-transition: .9s;
}
.focusServiceUl li a:hover img{transform: scale(1.2);-webkit-transform: scale(1.2);-o-transition: scale(1.2); max-height:260px}
.focusServiceUl li em,.focusServiceUl li span{ display: block; text-align: left; padding:0 30px;}
.focusServiceUl li span{ color: #444344; font-size: 18px; padding-top: 27px; padding-bottom: 20px;}
.focusServiceUl li em{ color: #666; font-size: 14px; padding-bottom: 27px;}
.focusServiceUl li i{ display: block; color: #8c8c8c; padding:18px 0 20px ;margin:0 20px; text-align: right;
border-top: 1px solid #d2d2d2; background: url(../images/home/focusArr.png) no-repeat right center; padding-right:32px;}
/* 除夕放假通知 */
.newMask {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(0,0,0,.4);
	z-index: 99;
}
#maskAbsolute {
	position: absolute;
	background-color: transparent;
	height: 70%;
	overflow-y: auto;
	display: none;
}
.noticeCont{
	position:absolute;
	width: 100%;
	height: 1356px;
	top: 0;
	bottom: 0;
	background:url('../images/holidayNewNotice-pc.png') no-repeat;
	background-size: 1920px 1356px;
	background-position: center center;
	z-index: 999;
}
.noticeCont .closeNewBtn{
	position: fixed;
    top: 396px;
    right: 300px;
    height: 25px;
    width: 25px;
    background: url(../images/new/closeItTip.png) no-repeat center;
    -moz-background-size: 18px;
    background-size: 18px;
    cursor: pointer;
}

.noticeCont .seeDetail{
	position:absolute;
	left: 689px;
    top: 425px;
    font-size:12px;
    color:#c30009;
    font-weight:bold;
}
/* 客户案例  */
.customerDemo .second-title{
	padding:0 0 80px;
}
.serverList li{
	position:relative;
	float:left;
	width:400px;height:246px;
}
.imgMask,.imgMask .imgBg,.imgMask .content{
	position:absolute;
	left:0;top:0;
	width:100%;height:100%;
}
.serverList li:hover .imgBg{
	background-color: #001d39;
    opacity: .7;
}
.imgMask .imgBg{z-index:10;}
.imgMask .content{
	box-sizing: border-box;
	padding:35px;
	color:#fff;
	z-index:20;
	
}

.imgMask .content h4{
	font-size:20px;
}
.imgMask .content .shortDes{
	font-size:14px;
	width:330px;
	
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    
	-webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    -o-transform: translateY(40px);
    -ms-transform: translateY(40px);
    transform: translateY(40px);
    
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
.serverList li:hover .content .shortDes{
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
    
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -o-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
    
    -webkit-transition-delay: 0.1s;
    -moz-transition-delay: 0.1s;
    -o-transition-delay: 0.1s;
    -ms-transition-delay: 0.1s;
    transition-delay: 0.1s;
    
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
.shortDes p{
    height: 80px;
	margin-top:60px;
	line-height:28px;
	word-wrap: break-word;
	text-align: justify;
	text-justify: inter-ideograph;
}
.shortDes .seeMore{
    color:#ff9500;
}
.downImage{
	position: fixed;
    right: 0;
    bottom: 0;
    z-index: 999;
    cursor: pointer;
}
.downBox{
	width:100%;
	height:100%;
	position:fixed;
	top:0;
	background: rgba(0, 0, 0, .2);
	z-index:9999;
	display:none;
}
.downBox .downBackground{
	background: url(../images/imagepopbox.png) no-repeat;
    width: 600px;
    height: 600px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -300px;
    margin-top: -300px;
}
.wordConten{
	position: absolute;
    top: 238px;
    left: 89px;
}
.wordTips{
	font-size:18px;
	font-weight:600;
	color:rgba(255,255,255,1);
	text-align: center;
}
.qrCode{
	margin-top: 23px;
	text-align: center;
}
.qrCode img{
	width: 5.85rem;
    height: 5.85rem;
}
.downVersion{
	font-size:12px;
	font-weight:400;
	color:rgba(255,255,255,1);
	margin-top: 31px;
	text-align: center;
}
.versionTime{
	font-size:12px;
	font-weight:400;
	color:rgba(255,255,255,1);
	margin-top: 11px;
	text-align: center;
}
.height1709{
	height:100% !important;
    overflow: hidden;
}