/*娴锋姤*/
.banner{width:100%;}
/*鎴戜滑鐨勬湇鍔�*/
.ourservice{width: 100%;margin-top:30px;margin-bottom:75px;overflow:hidden; }
.ourser{ width: 1200px; margin-left: auto;margin-right: auto;overflow:hidden; }
.ourser li{ float: left; width: 300px; text-align: center; }
.ourser a{  display:inline-block;}
.ourser a:hover{color:#444;text-decoration: none;}
.ourser .gif_img{display:none}
.ourser li:hover .gif_img{display:inline;}
.ourser li:hover .default_img{display:none;}
.ourserpic_tit{ font-size: 24px; line-height: 25px; padding-top: 30px;}
.ourserpic_subtit{ font-size: 14px; line-height: 25px; color: #444444; padding-top: 15px; }
/*妗堜緥灞曠ず height: 890px; */
.caseshow{width: 100%;position:relative;background:#f3f3f3 ;overflow:hidden;}
.cases{ width: 1236px; margin-left: auto; margin-right: auto; }
.cases3{overflow:hidden;}
.cases3 li{position: relative;float:left;width:380px;margin:25px 15px;border:1px solid #ddd;background-color: #fff;}
.seemore{
    display:block;
    position:relative;
	clear: both;
	font-size: 18px;
	line-height: 40px;
	color: #444444;
	text-align: center;
	border: 1px solid  #888;
    border-radius:3px;
	width: 180px;
	height: 40px;
	margin:5px auto 50px;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
}
.seemore:hover, .seemore:focus, .seemore:active {
    color: white;
    text-decoration: none;
}
.seemore:hover:before, .seemore:focus:before, .seemore:active:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}
.seemore:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #000;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.view {height: 280px;}

.do-canvas{position:absolute;top:0;left:0;right:0;}
/*寮€鍙戠粡楠�*/
.adpart{ width: 100%;height:260px;background:url(../images/index/experiback.jpg) no-repeat center center; }
.numList{width: 1200px;margin:0 auto;height:260px;opacity:0;}
.adpartli{ float: left; width:230px;padding:66px 35px;text-align: center;}
.adpartpic{float: left;width:60px;height:60px;margin-right:20px;margin-top:30px;opacity:0;transfrom:translateX(-100px);-webkit-transform:translateX(-100px);transition:all 0.4s}
.active{opacity:1;transfrom:translateX(0px);-webkit-transform:translateX(0px);transition:0.4s;}
.adpartcontent{float:left;width:150px;text-align:left;}
.adpartnum{ font-size: 80px; color: #fff;}
.adpart_tit{font-size: 16px; color: #fff;opacity:0;transfrom:translateY(50px);-webkit-transform:translateY(50px);transition:all 0.4s }
.titactive{opacity:1;transfrom:translateY(0px);-webkit-transform:translateY(0px);transition:0.4s;}
/*瑙ｅ喅鏂规*/
.solutionproject{ width:100%;height:695px;margin-top:30px;}
/* 娓呮诞鍔� */
.clearfix:after,
.clearfix:before{content: "";display: table;}
.clearfix:after{clear: both;}
.clearfix{*zoom:1;}
/*瑙ｅ喅鏂规*/
.section2{width:100%;background:#fff;overflow:hidden;}
.responseBox{width: 100%; height:500px;}
.resTit{position:relative;opacity:0;transition:0.7s 0.5s;}
.resTit.resTit2{opacity:1;}
.red_line{position:absolute;bottom:-1px;width:285px;height:2px;background:#f36121;}
.red_line i{position:absolute;left:50%;margin-left:-4px;bottom:-6px;width:11px;height:6px;background:url(../images/index/icon.jpg) no-repeat;}

.main1170{width:1200px;margin-left: auto; margin-right: auto;}
.resLsit li{width:285px;float:left;margin-right:20px; text-align: center;position:relative;cursor: pointer;transition:all .6s;-webkit-transform:translateY(50px);transform:translateY(50px);opacity:0;}
.resLsit.listActive li{-webkit-transform:translateY(0);transform:translateY(0);opacity:1;}
.resLsit.listActive li:nth-child(1){transition-delay: 0.4s;}
.resLsit.listActive li:nth-child(2){transition-delay: 0.6s;}
.resLsit.listActive li:nth-child(3){transition-delay: 0.9s;}
.resLsit.listActive li:nth-child(4){transition-delay: 1.2s;}
.resLsit li:last-child{margin-right:0;}
.resLsit li img{transition:all .5s;}
.resLsit li p{font-size:18px;color:#888888;font-family: "寰蒋闆呴粦";margin:20px 0 10px;transition:all .5s;}
.resLsit .active p{color:#f36121;}
.resLsit li em{width:1px;height:20px;margin:0 auto 10px;display:block;background:#999;transition:all .5s;}
.resLsit .active em{background: #f36121;}
.resCont{width:100%;border-top:solid 1px #e0e0e0;padding-top:0;}
.resItem{display:none;}
.resLeft{float:left;width:600px;transition:all .8s 0.3s;opacity:0;-webkit-transform:translateX(-200px);transform:translateX(-200px);padding-top:20px;}
.itemActive .resLeft{opacity:1;-webkit-transform:translateX(0);transform:translateX(0);}
.resLeft h6{font-size:26px;color:#444444;margin:25px 0 20px;font-weight:normal;}
.resLeft .textBtns{height:35px;margin-bottom:24px;}
.resLeft .textBtns a{width:130px;height:35px;line-height:35px;margin-right:20px;float:left;text-align: center;font-size:18px;color:#fff;}
.resLeft .textBtns .color1{background:#FF5555;}
.resLeft .textBtns .color2{background:#9BC557;}
.resLeft .textBtns .color3{background:#53BFF3;}
.resLeft .textBtns .color4{background:#f39e53;}
.resLeft p{font-size:16px;line-height:30px;color:#444444;margin-bottom:10px;}
.resLeft .icon_sb{float:left;width:66px;text-align: center;}
.resLeft .icon_sb p{font-size:14px;color:#000;line-height:20px;}
.resLeft em{float:left;width:112px;height:18px;margin:20px 10px 0;background:url(../images/index/dian.jpg) no-repeat;}
.resRight{float:right;max-width:620px;transition:all 1s 0.3s;-webkit-transform:translateX(200px);transform:translateX(200px);opacity:0;}
.itemActive .resRight{-webkit-transform:translateX(0);transform:translateX(0);opacity:1;}
.resRight img{ padding-top: 40px;padding-right: 100px; }

/*鏈嶅姟娴佺▼*/
.serviceflow{ width: 100%;margin:30px 0 74px;}
.serflow{ width: 1200px;margin:0 auto;}
.flow_img .flow_gif_img{display:none;}
.serflow:hover .flow_default_img{display:none;}
.serflow:hover .flow_gif_img{display:inline;}
.flow_desc{overflow:hidden;padding-top:20px;}
.flow_desc li{ float: left;width: 200px;font-size:18px; line-height:30px}
.desc1{padding-left:23px;}
.desc2{padding-left:58px;}
.desc3{padding-left:74px;}
.desc4{padding-left:90px;}
.desc5{padding-left:105px;}

/*寮€鍙戞妧鏈�*/
.developtech{width:100%;height: 460px;background: url(../images/index/techback.jpg) no-repeat center center; }
.devtechtit{ font-size: 32px; line-height:32px;color:#fff;text-align:center;padding-top: 50px;}
.devtechsubtit{ font-size: 18px;line-height:18px;color: #fff;text-align: center;padding-top: 25px; }
.developul{width:1200px;margin:0 auto;overflow:hidden;}
.developul li{width:600px;float:left;margin-top:40px;}
.developul p{ font-size:20px;line-height:20px;color:#fff;}
.developul .text{width:555px;padding-left:45px;}

/*寮€鍙戞妧鏈繘搴︽潯鏁堟灉*/
.de-progress{
   width:555px;
   height:12px;
   background:rgb(94,94,94);
   margin-top:20px;
   border-radius:40px;
   -moz-border-radius:40px;
   -webkit-border-radius:40px;
}

.de-progress .progress-bar{
   height:12px;
   border-radius:40px;
   -moz-border-radius:40px;
   -webkit-border-radius:40px;
   background: url(../images/index/xmyfbar.png) no-repeat;
}
.progress-bar {
   float: left;
   width: 0;
   height: 100%;
   font-size: 12px;
   line-height: 20px;
   color: #fff;
   text-align: center;
   background-color: #428bca;
   -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
   box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
   -webkit-transition: width .6s ease;
   transition: width .6s ease;
}

/*鍚堜綔浼欎即*/
.friends{width: 100%;margin-top:30px;}
.friendul{ width: 1200px; margin:0 auto;overflow:hidden;padding-bottom:80px;}
.friendul li{ float:left;}
.friendul li:hover{ box-shadow: 0 15px 25px #d5d5d5;transform:translate3d(0, -2px, 0);}
.friendul ::after{content:'.';display:block;clear:both;height:0;visibility: hidden;}