/*public*/
* {margin:0; padding:0; outline:none; font-family:"Microsoft Yahei";}
body {color:#656565; width:100%; margin:0 auto; font-size:12px;}
ol,ul,li {list-style:none;}
img {border:none;}
a {text-decoration:none; font-size:12px; color:#626262; transition:.5s all linear;}

::-webkit-scrollbar {width:7px;} /*滚动条样式*/
::-webkit-scrollbar-track {background:#e5e5e5;} /* 滚动条滑轨背景颜色 */
::-webkit-scrollbar-thumb {background:#0071b8;} /* 滑块颜色 */
::-webkit-scrollbar-button {} /* 滑轨两头监听按钮颜色 */
::-webkit-scrollbar-corner {} /* 横向滚动条和纵向滚动条相交处尖角颜色 */

@font-face{
	font-family:'bt1';
	src:url('../font/053-CAI978.TTF');
}

.wrap{ width:auto; margin:auto;}

/*index_case*/
.index_case {overflow:hidden; position:absolute; top:52%; left:50%; width:1440px; height:725px; margin:-362.5px 0 0 -720px;}

/*index_project*/
.index_project {overflow:hidden; position:absolute; top:52%; left:50%; width:1600px; height:725px; margin:-362.5px 0 0 -800px;}

/*index_flow*/
.index_flow {position:absolute; top:52%; left:50%; width:1280px; height:725px; margin:-362.5px 0 0 -640px;}

/*index_customer*/
.index_customer {overflow:hidden; position:absolute; top:52%; left:50%; width:1364px; height:725px; margin:-362.5px 0 0 -682px;}

/*index_news*/
.index_news {overflow:hidden; position:absolute; top:52%; left:50%; width:1364px; height:725px; margin:-362.5px 0 0 -682px;}

/*index_about*/
.index_about {overflow:hidden; position:absolute; top:52%; left:50%; width:1364px; height:725px; margin:-362.5px 0 0 -682px;}

/*index_contact*/
.index_contact {position:absolute; top:52%; left:50%; width:1364px; height:725px; margin:-362.5px 0 0 -682px;}

.nav li a:before,.nav li a:after,.nav li a,.header,.case-tag a,.about-tag a,.cases-list li,.redShade,.customers li img,.area:after,.area:before,.mod,.cs-txt:after,.cases-show-list li,.cases-show-list li a,.pages span,.pages a,.mlist li a,.tolink a,.gohome{
	-webkit-transition:all 0.4s ease 0s;
	-ms-transition:all 0.4s ease 0s;
	-moz-transition:all 0.4s ease 0s;
	-o-transition:all 0.4s ease 0s;
	transition:all 0.4s ease 0s;
}
.case-tag a:hover{ }
.s,
.fd,
.fd i,
.pos,
.area:after,
.area:before,
.advice a,
.gohome,
.t24,
.mod i,
.tolink i,
.npage i,
.npage span{ background: url(../images/img/index.png) no-repeat; display: inline-block; vertical-align: middle;}
.slide-img,.slide-img li{ width: 100%; height: 100%;}
.section{ display: block; position: relative; overflow: hidden;}
.slide-img li{ position: absolute; left: 0; top: 0; background-size: cover!important;}



/*head*/
.header{ width: 100%; height: 80px; position: fixed; left: 0; top: 0; z-index: 9999;}
.logo{ float: left; font-size: 0; margin: 27px 0 0 30px;}
.head-right{ float: right; margin-right: 30px;}
.nav{ float: left; line-height: 30px; padding: 35px 0 0 0; margin-right:5px;}
.nav li{ float: left; font-size: 16px; text-align: center; margin:0 25px;}
.nav li a{ font-family:'Microsoft Yahei Light'; font-size:16px; color: #323232; display: block; position: relative;}
.nav li a:hover{ color: #0071b8;}
.head-right .nav_xl_a {display:none; float:right; position:relative; margin:31px 0 0 10px; width:50px; height:35px; cursor:pointer; z-index:999;}
.head-right .a1:before {background:#fff !important;}
.head-right .a1:after {background:#fff !important;}
.head-right .nav_xl_a:before, .head-right .nav_xl_a:after {position:absolute; content:''; left:50%; top:50%; margin-left:-17.5px; width:35px; height:3px; background:#0071b8; transition:.4s all ease;}
.head-right .nav_xl_a:before {-webkit-transform:translate3d(0,-10px,0); transform:translate3d(0,-10px,0);}
.head-right .nav_xl_a:after {-webkit-transform:translate3d(0,10px,0); transform:translate3d(0,10px,0);}
.head-right .nav_xl_a span {position:absolute; opacity:1; left:50%; top:50%; margin-left:-17.5px; width:35px; height:3px; background:#0071b8; transition:.4s all ease;}
.head-right .a1:before {-webkit-transform:rotate3d(0,0,1,45deg); transform:rotate3d(0,0,1,45deg);}
.head-right .a1:after {-webkit-transform:rotate3d(0,0,1,-45deg); transform:rotate3d(0,0,1,-45deg);}
.head-right .a1 span {opacity:0;}
.head-right .nav_xl {overflow:hidden; position:fixed; left:0; top:0; width:100%; height:0%; background:rgba(0,0,0,0.8); transition:.4s all ease; z-index:99;}
.head-right .nav_xl ul {overflow:hidden; width:90%; padding:100px 5% 0;}
.head-right .nav_xl ul li {overflow:hidden; line-height:45px; margin-left:100px; margin-bottom:1%; background:rgba(255,255,255,0.6); transition:.4s all ease;}
.head-right .nav_xl ul li:hover {background:rgba(0,113,184,1);}
.head-right .nav_xl ul li:nth-child(2n) {margin-left:0; margin-right:100px;}
.head-right .nav_xl ul li a {display:block; text-align:center; font-size:17px; color:#fff; cursor:pointer;}
.head-right .nav_xl .l1 li {margin-left:0;}
.head-right .nav_xl .l1 li:nth-child(2n) {margin-right:0;}
.head-right .nav_xl .ceng {position:fixed; display:none; left:0; width:100%; height:100%;}
.inner .fixed{ top: -82px;}
.inner .t300{ top: -20px;}
.flexslider,.slides,.slides li,.flex-viewport{ width: 100%; height: 100%;}
.slides li{ background-size: cover!important; position: relative; text-align:center; font-family: 'minijianxiyuan8bcd923b54d3b'}
.page1 .flex-control-nav{ position: absolute; left: 0; bottom: 50px; width: 100%; z-index: 99; text-align: center;}
.page1 .flex-control-nav li{ display: inline-block; margin: 0 8px; cursor: pointer;}
.page1 .flex-control-nav li a{ display: block; width: 60px; height: 4px; background: rgba(255,255,255,0.4); font-size: 0; text-indent: -9999px;}
.page1 .flex-control-nav li .flex-active{ background: #fff;}
.s{ background:#323232; height: 19px; width: 1px; float: left; margin: 41px 0 0 0;}
.top-tel { font-size: 24px; float: left; margin: 34px 0 0 33px;}
.top-tel i{display:block; float:left; width: 30px; height: 30px; margin-right: 12px; background:url(../images/img/head_phone.png) center center no-repeat; transition:.5s all linear;}
.top-tel a{ font-family:'Microsoft Yahei Light'; font-size:24px; line-height:30px; color: #0071b8; display: inline-block; transition:.4s all ease;}
.fixed{ background: rgba(255,255,255,1) !important; top: -20px;}
.fixed .nav li a {color:#323232;}
.fixed .nav li a:hover {color:#0071b8;}
.fp-viewing-1 .p1,.fp-viewing-2 .p2,.fp-viewing-3 .p3,.fp-viewing-4 .p4,.fp-viewing-5 .p5,.fp-viewing-6 .p6,.fp-viewing-7 .p7,.fp-viewing-8 .p8{ color: #0071b8 !important;}
.fixed .s {background:#323232 !important;}
.fixed .top-tel i {background:url(../images/img/head_phone.png) center center no-repeat !important;}
.fixed .top-tel a {color:#0071b8 !important;}
.fixed .head-right .nav_xl_a:before, .fixed .head-right .nav_xl_a:after {background:#0071b8 !important;}
.fixed .head-right .nav_xl_a span {background:#0071b8 !important;}
.fixed .head-right .a1:before {background:#fff !important;}
.fixed .head-right .a1:after {background:#fff !important;}
.fixed .head-right .a1 span {background:#fff !important;}

/*兼容banner*/
.banner_s {overflow:hidden; display:none;}
#slides {display:none; position:relative; width:100%; transition:.5s all linear;}
#slides .advertisement {position:absolute; left:10%; bottom:10%; font-size:60px; color:#fff; z-index:99;}
.slidesjs-container {}
.slidesjs-navigation {display:none;}
.slidesjs-navigation a {display:none !important; width:50px; height:100px; display:block; position:absolute; text-decoration:none; z-index:100; margin-top:-50px;}
.slidesjs-previous {background:url(../images/img/left-arrow.png) rgba(0,0,0,0.4) center center no-repeat; left:0; top:50%;}
.slidesjs-next {background:url(../images/img/right-arrow.png) rgba(0,0,0,0.4) center center no-repeat; right:0; top:50%;}
.slidesjs-pagination {position:absolute; left:50%; bottom:5%; z-index:10;}
.slidesjs-pagination li {overflow:hidden; float:left; padding:0 5px; line-height:90px;}
.slidesjs-pagination li a {display:block; width:50px; height:4px; background:rgba(255,255,255,0.4);}
.slidesjs-pagination li a.active,.slidesjs-pagination li a:hover.active {background:#fff;}

/*index_bt*/
.i-cloumn{ text-align: center;
	-webkit-animation:zifadeOutUp 0.4s ease 0s both;
	-ms-animation:zifadeOutUp 0.4s ease 0s both;
	-moz-animation:zifadeOutUp 0.4s ease 0s both;
	-o-animation:zifadeOutUp 0.4s ease 0s both;
	animation:zifadeOutUp 0.4s ease 0s both;
}
.active .i-cloumn{
	-webkit-animation: zifadeInUp 0.8s ease 0.6s both;
	-ms-animation: zifadeInUp 0.8s ease 0.6s both;
	-moz-animation: zifadeInUp 0.8s ease 0.6s both;
	-o-animation: zifadeInUp 0.8s ease 0.6s both;
	animation: zifadeInUp 0.8s ease 0.6s both;
}
.i-cloumn p{ font-family:'bt1'; font-size:40px; color:#969696;}
.i-cloumn span{display:block; font-family:'Microsoft Yahei Light'; font-size:30px; color:#0071b8; padding-bottom:30px; position:relative;}
.i-cloumn span:before{ content: ''; width: 40px; height: 2px; margin-left: -20px; background: #0071b8; position: absolute; left: 50%; bottom: -10px; opacity: 0; 
	-webkit-transition:all 0.8s ease 1s;
	-ms-transition:all 0.8s ease 1s;
	transition:all 0.8s ease 1s;
}
.active .i-cloumn span:before{
	 bottom: 0;
	 opacity: 1;
}



/*page2*/
.case-tag{ text-align: center; font-size: 18px; margin:40px auto;}
.case-tag a{ display: inline-block; font-size:16px; color:#505050; margin: 0 18px;}
.case-tag .on{ color: #0071b8;}
.case-tag a:hover{ color: #0071b8;}
.active .case-tag a:nth-of-type(1),.active .case-tag a:nth-of-type(2),.active .case-tag a:nth-of-type(3),.active .case-tag a:nth-of-type(4),.active .case-tag a:nth-of-type(5),.active .case-tag a:nth-of-type(6),.active .case-tag a:nth-of-type(7),.active .case-tag a:nth-of-type(8),.active .case-tag a:nth-of-type(9),.active .case-tag a:nth-of-type(10),.active .case-tag a:nth-of-type(11),.active .case-tag a:nth-of-type(12),.active .c-block li{
	-webkit-animation: fadeIn 1.5s ease 0.6s both; -ms-animation: fadeIn 1.5s ease 0.6s both; -moz-animation: fadeIn 1.5s ease 0.6s both; -o-animation: fadeIn 1.5s ease 0.6s both; animation: fadeIn 1.5s ease 0.6s both;
}
.active .case-tag a:nth-of-type(2){-webkit-animation-delay:0.7s; -ms-animation-delay:0.7s; -moz-animation-delay:0.7s; animation-delay:0.7s;}
.active .case-tag a:nth-of-type(3){-webkit-animation-delay:0.8s; -ms-animation-delay:0.8s; -moz-animation-delay:0.8s; animation-delay:0.8s;}
.active .case-tag a:nth-of-type(4){-webkit-animation-delay:0.9s; -ms-animation-delay:0.9s; -moz-animation-delay:0.9s; animation-delay:0.9s;}
.active .case-tag a:nth-of-type(5){-webkit-animation-delay:1.0s; -ms-animation-delay:1.0s; -moz-animation-delay:1.0s; animation-delay:1.0s;}
.active .case-tag a:nth-of-type(6){-webkit-animation-delay:1.1s; -ms-animation-delay:1.1s; -moz-animation-delay:1.1s; animation-delay:1.1s;}
.active .case-tag a:nth-of-type(7){-webkit-animation-delay:1.2s; -ms-animation-delay:1.2s; -moz-animation-delay:1.2s; animation-delay:1.2s;}
.active .case-tag a:nth-of-type(8){-webkit-animation-delay:1.3s; -ms-animation-delay:1.3s; -moz-animation-delay:1.3s; animation-delay:1.3s;}
.active .case-tag a:nth-of-type(9){-webkit-animation-delay:1.4s; -ms-animation-delay:1.4s; -moz-animation-delay:1.4s; animation-delay:1.4s;}
.active .case-tag a:nth-of-type(10){-webkit-animation-delay:1.5s; -ms-animation-delay:1.5s; -moz-animation-delay:1.5s; animation-delay:1.5s;}
.active .case-tag a:nth-of-type(11){-webkit-animation-delay:1.6s; -ms-animation-delay:1.6s; -moz-animation-delay:1.6s; animation-delay:1.6s;}
.active .case-tag a:nth-of-type(12){-webkit-animation-delay:1.7s; -ms-animation-delay:1.7s; -moz-animation-delay:1.7s; animation-delay:1.7s;}
.c-block li:nth-of-type(1){-webkit-animation-delay:0.2s; -ms-animation-delay:0.2s; -moz-animation-delay:0.2s; animation-delay:0.2s;}
.c-block li:nth-of-type(2){-webkit-animation-delay:0.3s; -ms-animation-delay:0.3s; -moz-animation-delay:0.3s; animation-delay:0.3s;}
.c-block li:nth-of-type(3){-webkit-animation-delay:0.4s; -ms-animation-delay:0.4s; -moz-animation-delay:0.4s; animation-delay:0.4s;}
.c-block li:nth-of-type(4){-webkit-animation-delay:0.5s; -ms-animation-delay:0.5s; -moz-animation-delay:0.5s; animation-delay:0.5s;}
.c-block li:nth-of-type(5){-webkit-animation-delay:0.6s; -ms-animation-delay:0.6s; -moz-animation-delay:0.6s; animation-delay:0.6s;}
.c-block li:nth-of-type(6){-webkit-animation-delay:0.7s; -ms-animation-delay:0.7s; -moz-animation-delay:0.7s; animation-delay:0.7s;}
.c-block li:nth-of-type(7){-webkit-animation-delay:0.8s; -ms-animation-delay:0.8s; -moz-animation-delay:0.8s; animation-delay:0.8s;}
.c-block li:nth-of-type(8){-webkit-animation-delay:0.9s; -ms-animation-delay:0.9s; -moz-animation-delay:0.9s; animation-delay:0.9s;}
.c-block li:nth-of-type(9){-webkit-animation-delay:1s; -ms-animation-delay:1s; -moz-animation-delay:1s; animation-delay:1s;}
.c-block li:nth-of-type(10){-webkit-animation-delay:1.1s; -ms-animation-delay:1.1s; -moz-animation-delay:1.1s; animation-delay:1.1s;}
.c-block li:nth-of-type(11){-webkit-animation-delay:1.2s; -ms-animation-delay:1.2s; -moz-animation-delay:1.2s; animation-delay:1.2s;}
.c-block li:nth-of-type(12){-webkit-animation-delay:1.3s; -ms-animation-delay:1.3s; -moz-animation-delay:1.3s; animation-delay:1.3s;}
.cases-list{ position: absolute; left: 0; top: 0; display: none;}
.cases-list.cur{ z-index: 2;}
.cases-list li{ float: left; width: 360px;}
.c-block{ display: block; }
.cases-list-box{ position: relative; width: 1440px; margin: auto;}
.cases-list li a{ display: block; position: relative; overflow: hidden; border: 1px solid #fff;}
.cases-list li a img {display:block; width:100%;}
.redShade{ position: absolute; left: 0; top: 0; background: rgba(0,133,184,0.6); width: 100%; height: 100%; opacity: 0; filter:alpha(opacity=0);}
.cases-list li a:hover .redShade{ opacity: 1; filter:alpha(opacity=100);}
.fd{ background-position: 0 -34px; width: 92px; height: 94px; position: absolute; left: 50%; margin-left: -46px; top: 18%; visibility: hidden;}
.fd i{ background-position: -48px 0; width: 28px; height: 29px; position: absolute; left: 12px; top: 12px;}
.cases-list li h3{ font-size: 24px; text-align: center; color: #fff; position: absolute; left: 0; width: 90%; padding:0 5%; bottom: 20%; visibility: hidden; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.cases-list li a:hover .fd{-webkit-animation:fadeInDown 0.4s ease 0s both;  -ms-animation:fadeInDown 0.4s ease 0s both;  -moz-animation:fadeInDown 0.4s ease 0s both;  -o-animation:fadeInDown 0.4s ease 0s both;  animation:fadeInDown 0.4s ease 0s both;  visibility:visible;}
.cases-list li a:hover h3{-webkit-animation:fadeInUp 0.4s ease 0s both; -ms-animation:fadeInUp 0.4s ease 0s both; -moz-animation:fadeInUp 0.4s ease 0s both; -o-animation:fadeInUp 0.4s ease 0s both; animation:fadeInUp 0.4s ease 0s both;  visibility:visible;}
.cases-list li a:hover i{-webkit-animation:fd 2.4s ease 0.2s both infinite; -ms-animation:fd 2.4s ease 0.2s both infinite; -moz-animation:fd 2.4s ease 0.2s both infinite; -o-animation:fd 2.4s ease 0.2s both infinite; animation:fd 2.4s ease 0.2s both infinite;}
.cases-list li.ani{-webkit-animation:fadeInUp 0.8s ease 0s both; -ms-animation:fadeInUp 0.8s ease 0s both; -moz-animation:fadeInUp 0.8s ease 0s both; -o-animation:fadeInUp 0.8s ease 0s both; animation:fadeInUp 0.8s ease 0s both; visibility: visible;}

@-webkit-keyframes fd{
	0%{
		-webkit-transform:rotate(0deg); 
		-webkit-transform-origin:right bottom;
	}
	50%{
		-webkit-transform:rotate(90deg); 
		-webkit-transform-origin:right bottom;
	}
	100%{
		-webkit-transform:rotate(0deg); 
		-webkit-transform-origin:right bottom;
	}
}
@-ms-keyframes fd{
	0%{
		-ms-transform:rotate(0deg); 
		-ms-transform-origin:right bottom;
	}
	50%{
		-ms-transform:rotate(90deg); 
		-ms-transform-origin:right bottom;
	}
	100%{
		-ms-transform:rotate(0deg); 
		-ms-transform-origin:right bottom;
	}
}
@-moz-keyframes fd{
	0%{
		-moz-transform:rotate(0deg); 
		-moz-transform-origin:right bottom;
	}
	50%{
		-moz-transform:rotate(90deg); 
		-moz-transform-origin:right bottom;
	}
	100%{
		-moz-transform:rotate(0deg); 
		-moz-transform-origin:right bottom;
	}
}
@keyframes fd{
	0%{
		transform:rotate(0deg); 
		transform-origin:right bottom;
	}
	50%{
		transform:rotate(90deg); 
		transform-origin:right bottom;
	}
	100%{
		transform:rotate(0deg); 
		transform-origin:right bottom;
	}
}



/*page3*/
.page3 {background:url(../images/img/bg1.jpg) no-repeat 50% 50%; background-size:150% 150%;
    -webkit-animation: bg2 0.6s ease 0.4s both;
    -ms-animation: bg2 0.6s ease 0.4s both;
    -moz-animation: bg2 0.6s ease 0.4s both;
    -o-animation: bg2 0.6s ease 0.4s both;
    animation: bg2 0.6s ease 0.4s both;
}
.active.page3 {
    -webkit-animation: bg 0.6s ease 0.4s both;
    -ms-animation: bg 0.6s ease 0.4s both;
    -moz-animation: bg 0.6s ease 0.4s both;
    -o-animation: bg 0.6s ease 0.4s both;
    animation: bg 0.6s ease 0.4s both;
}
.index_project_content {overflow:hidden;}
.index_project_content .bt {font-family:'Microsoft Yahei Light'; color: #323232; font-size: 20px; text-align: center; line-height: 48px; margin-top:50px;}
.index_project_content ul {overflow:hidden; margin-top:100px; padding:1%; text-align:center;}
.index_project_content ul li {overflow:hidden; display:inline-block; width:17.5%; margin:0 1%; padding:2% 0; transition:.5s all linear;}
.index_project_content ul li div {overflow:hidden; margin:0 auto; height:100px; transition:.5s all ease;}
.index_project_content ul li p {font-size:14px; color:#969696;}
.index_project_content ul li .p1 {font-family:'Microsoft Yahei Light'; font-size:20px; color:#323232; margin:15% auto 5%;}
.index_project_content ul li:hover {background:#fff; box-shadow:0 0 5px #e9e9ea;}
.index_project_content ul .l1 div {width:170px; background:url(../images/img/index_project_t1.png) 0 center no-repeat;}
.index_project_content ul .l2 div {width:110px; background:url(../images/img/index_project_t2.png) 0 center no-repeat;}
.index_project_content ul .l3 div {width:170px; background:url(../images/img/index_project_t3.png) 0 center no-repeat;}
.index_project_content ul .l4 div {width:130px; background:url(../images/img/index_project_t4.png) 0 center no-repeat;}
.index_project_content ul .l5 div {width:150px; background:url(../images/img/index_project_t5.png) 0 center no-repeat;}
.index_project_content ul .l1:hover div {background:url(../images/img/index_project_t1.png) -170px center no-repeat;}
.index_project_content ul .l2:hover div {background:url(../images/img/index_project_t2.png) -110px center no-repeat;}
.index_project_content ul .l3:hover div {background:url(../images/img/index_project_t3.png) -170px center no-repeat;}
.index_project_content ul .l4:hover div {background:url(../images/img/index_project_t4.png) -130px center no-repeat;}
.index_project_content ul .l5:hover div {background:url(../images/img/index_project_t5.png) -150px center no-repeat;}
.project-article{
	-webkit-animation: zifadeOutUp 0.4s ease 0.1s both;
	-ms-animation: zifadeOutUp 0.4s ease 0.1s both;
	-moz-animation: zifadeOutUp 0.4s ease 0.1s both;
	-o-animation: zifadeOutUp 0.4s ease 0.1s both;
	animation: zifadeOutUp 0.4s ease 0.1s both;
}
.active .project-article{
	-webkit-animation: zifadeInUp 1s ease 0.8s both;
	-ms-animation: zifadeInUp 1s ease 0.8s both;
	-moz-animation: zifadeInUp 1s ease 0.8s both;
	-o-animation: zifadeInUp 1s ease 0.8s both;
	animation: zifadeInUp 1s ease 0.8s both;
}
.active .index_project_content ul li{
	-webkit-animation: fadeIn 1.5s ease 0.8s both; -ms-animation: fadeIn 1.5s ease 0.8s both; -moz-animation: fadeIn 1.5s ease 0.8s both; -o-animation: fadeIn 1.5s ease 0.8s both; animation: fadeIn 1.5s ease 0.8s both;
}
.active .index_project_content li:nth-of-type(1){-webkit-animation-delay:0.5s; -ms-animation-delay:0.5s; -moz-animation-delay:0.5s; animation-delay:0.5s;}
.active .index_project_content li:nth-of-type(2){-webkit-animation-delay:0.6s; -ms-animation-delay:0.6s; -moz-animation-delay:0.6s; animation-delay:0.6s;}
.active .index_project_content li:nth-of-type(3){-webkit-animation-delay:0.7s; -ms-animation-delay:0.7s; -moz-animation-delay:0.7s; animation-delay:0.7s;}
.active .index_project_content li:nth-of-type(4){-webkit-animation-delay:0.8s; -ms-animation-delay:0.8s; -moz-animation-delay:0.8s; animation-delay:0.8s;}
.active .index_project_content li:nth-of-type(5){-webkit-animation-delay:0.9s; -ms-animation-delay:0.9s; -moz-animation-delay:0.9s; animation-delay:0.9s;}
.active .index_project_content li:nth-of-type(6){-webkit-animation-delay:1s; -ms-animation-delay:1s; -moz-animation-delay:1s; animation-delay:1s;}
.active .index_project_content li:nth-of-type(7){-webkit-animation-delay:1.1s; -ms-animation-delay:1.1s; -moz-animation-delay:1.1s; animation-delay:1.1s;}
.active .index_project_content li:nth-of-type(8){-webkit-animation-delay:1.2s; -ms-animation-delay:1.2s; -moz-animation-delay:1.2s; animation-delay:1.2s;}
.active .index_project_content li:nth-of-type(9){-webkit-animation-delay:1.3s; -ms-animation-delay:1.3s; -moz-animation-delay:1.3s; animation-delay:1.3s;}


/*page4*/
.flow-box{ background-image: url(../images/img/hr2.png); background-repeat:no-repeat; background-position:145px center; height: 94px; margin:163px auto 0; position: relative;}
.pos{ position: absolute;}
.design{ width: 136px; height: 136px; left: 15px; top: -20px; position: absolute;}
.design i{ background-position: -100px 0;  display: block; width: 136px; height: 136px;}
.active .design i{
	-webkit-animation:tantiao 0.4s ease 0.4s both;
	-ms-animation:tantiao 0.4s ease 0.4s both;
	-moz-animation:tantiao 0.4s ease 0.4s both;
	-o-animation:tantiao 0.4s ease 0.4s both;
	animation:tantiao 0.4s ease 0.4s both;
}
.design h3{ text-align: center; color: #0071b8; font-size: 32px; padding-top: 146px;}
.active .design h3{
	-webkit-animation:fadeInUp 0.6s ease 0.7s both;
	-ms-animation:fadeInUp 0.6s ease 0.7s both;
	-moz-animation:fadeInUp 0.6s ease 0.7s both;
	-o-animation:fadeInUp 0.6s ease 0.7s both;
	animation:fadeInUp 0.6s ease 0.7s both;
}
.flow-box span{ opacity: 0; filter:alpha(opacity=0);
	-webkit-transition:all 0.5s ease 0s;
	-ms-transition:all 0.5s ease 0s;
	transition:all 0.5s ease 0s;
}
.home{ background-position: -243px 0; width: 60px; height: 60px; left: 0; top: 0; z-index: 9;}
.sn{left: 270px; top: 26px; position: absolute; width: 120px; height: 100px;}
.sn span{ text-align: center; position: absolute; left: -20px; bottom: 15px; width: 162px; font-size: 16px;}
.html5 span{ font-size: 16px; position: absolute; left: 7px; bottom: -17px;}
.code span{ font-size: 16px; position: absolute; left: -15px; bottom: -21px; width: 100px;}
.test span{ font-size: 16px; position: absolute; left: -27px; bottom: -21px; width: 100px;}
.cs span{ font-size: 16px; position: absolute; left: -1px; bottom: -21px; width: 100px;}
.html5,.code,.test,.cs,.sn{
	-webkit-transition:all 0.4s ease 0s;
	-ms-transition:all 0.4s ease 0s;
	transition:all 0.4s ease 0s;
}
.sn:hover,.html5:hover,.code:hover,.test:hover,.cs:hover{}
.sn:hover span{
	bottom: 0;
	 opacity: 1; filter:alpha(opacity=100);
}
.html5:hover span{
	 bottom: -32px;opacity: 1; filter:alpha(opacity=100);
}
.code:hover span{
 	bottom: -35px;opacity: 1; filter:alpha(opacity=100);
}
.test:hover span{
	 bottom: -36px;opacity: 1; filter:alpha(opacity=100);
}
.cs:hover span{
	bottom: -36px;opacity: 1; filter:alpha(opacity=100);
}
.active .home{
	-webkit-animation:gundong 0.8s ease 0.8s both;
	-ms-animation:gundong 0.8s ease 0.8s both;
	-moz-animation:gundong 0.8s ease 0.8s both;
	-o-animation:gundong 0.8s ease 0.8s both;
	animation:gundong 0.8s ease 0.8s both;
}
.order{ background-position: -243px -68px; width: 68px; height: 68px; left: 48px; top: -3px;}
.active .order{
	-webkit-animation:gundong 0.8s ease 1.1s both;
	-ms-animation:gundong 0.8s ease 1.1s both;
	-moz-animation:gundong 0.8s ease 1.1s both;
	-o-animation:gundong 0.8s ease 1.1s both;
	animation:gundong 0.8s ease 1.1s both;
}
.develop{ width: 124px; height: 124px; left: 500px; top: -31px; position: absolute;}
.develop i{ background-position: -316px 0; width: 124px; height: 124px; display: block;}
.active .develop i{
	-webkit-animation:tantiao 0.5s ease 1.4s both;
	-ms-animation:tantiao 0.5s ease 1.4s both;
	-moz-animation:tantiao 0.5s ease 1.4s both;
	-o-animation:tantiao 0.5s ease 1.4s both;
	animation:tantiao 0.5s ease 1.4s both;
}
.develop h3{ text-align: center; color: #78c200; font-size: 32px; padding-top: 132px; }
.active .develop h3{
	-webkit-animation:fadeInUp 0.6s ease 1.7s both;
	-ms-animation:fadeInUp 0.6s ease 1.7s both;
	-moz-animation:fadeInUp 0.6s ease 1.7s both;
	-o-animation:fadeInUp 0.6s ease 1.7s both;
	animation:fadeInUp 0.6s ease 1.7s both;
}
.html5{ background-position: 0 -142px; width: 77px; height: 52px; left: 670px; top: 5px;}
.active .html5{
	-webkit-animation:tantiao 0.5s ease 1.7s both;
	-ms-animation:tantiao 0.5s ease 1.7s both;
	-moz-animation:tantiao 0.5s ease 1.7s both;
	-o-animation:tantiao 0.5s ease 1.7s both;
	animation:tantiao 0.5s ease 1.7s both;
}
.code{ background-position:-88px -142px; width: 64px; height: 64px; left: 790px; top: 0;}
.active .code{
	-webkit-animation:gundong 0.8s ease 2s both;
	-ms-animation:gundong 0.8s ease 2s both;
	-moz-animation:gundong 0.8s ease 2s both;
	-o-animation:gundong 0.8s ease 2s both;
	animation:gundong 0.8s ease 2s both;
}
.test{ background-position: -159px -142px; width: 40px; height: 40px; left: 900px; top: 12px;}
.active .test{
	-webkit-animation:gundong 0.8s ease 2.2s both;
	-ms-animation:gundong 0.8s ease 2.2s both;
	-moz-animation:gundong 0.8s ease 2.2s both;
	-o-animation:gundong 0.8s ease 2.2s both;
	animation:gundong 0.8s ease 2.2s both;
}
.complete{ width: 129px; height: 129px; left: 1040px; top: -8px; position: absolute;}
.complete i{background-position: -202px -142px;  width: 129px; height: 129px;  display: block;}
.active .complete i{
	-webkit-animation:tantiao 0.5s ease 2.5s both;
	-moz-animation:tantiao 0.5s ease 2.5s both;
	-o-animation:tantiao 0.5s ease 2.5s both;
	-ms-animation:tantiao 0.5s ease 2.5s both;
	animation:tantiao 0.5s ease 2.5s both;
}
.complete h3{ text-align: center; color: #f431bb; font-size: 32px; padding-top: 135px; }
.active .complete h3{
	-webkit-animation:fadeInUp 0.6s ease 2.8s both;
	-ms-animation:fadeInUp 0.6s ease 2.8s both;
	-moz-animation:fadeInUp 0.6s ease 2.8s both;
	-o-animation:fadeInUp 0.6s ease 2.8s both;
	animation:fadeInUp 0.6s ease 2.8s both;
}
.cs{ background-position: -338px -142px; width: 59px; height: 59px; right: 15px; top: 27px;}
.active .cs{ 
	-webkit-animation:tada 0.7s ease 3.2s both;
	-ms-animation:tada 0.7s ease 3.2s both;
	-moz-animation:tada 0.7s ease 3.2s both;
	-o-animation:tada 0.7s ease 3.2s both;
	animation:tada 0.7s ease 3.2s both;
}
@-webkit-keyframes tantiao{
	0%{
		-webkit-transform:scale(0);
		opacity: 0;
	}
	80%{
		-webkit-transform:scale(1.2);
		opacity: 1;
	}
	100%{
		-webkit-transform:scale(1);
		opacity: 1;
	}
}
@-ms-keyframes tantiao{
	0%{
		-ms-transform:scale(0);
		opacity: 0;
	}
	80%{
		-ms-transform:scale(1.2);
		opacity: 1;
	}
	100%{
		-ms-transform:scale(1);
		opacity: 1;
	}
}
@keyframes tantiao{
	0%{
		transform:scale(0);
		opacity: 0;
	}
	80%{
		transform:scale(1.2);
		opacity: 1;
	}
	100%{
		transform:scale(1);
		opacity: 1;
	}
}
@-webkit-keyframes gundong{
	0%{
		-webkit-transform:translateX(-50px) rotate(-180deg);
		opacity: 0;
	}
	100%{
		-webkit-transform:translateX(0) rotate(0deg);
		opacity: 1;
	}
}
@-ms-keyframes gundong{
	0%{
		-ms-transform:translateX(-50px) rotate(-180deg);
		opacity: 0;
	}
	100%{
		-ms-transform:translateX(0) rotate(0deg);
		opacity: 1;
	}
}
@keyframes gundong{
	0%{
		transform:translateX(-50px) rotate(-180deg);
		opacity: 0;
	}
	100%{
		transform:translateX(0) rotate(0deg);
		opacity: 1;
	}
}
.page4 { background: url(../images/img/bg2.jpg) no-repeat center 150%; background-size: 100%;
	-webkit-transition:all 0.8s ease 0.6s;
	-ms-transition:all 0.8s ease 0.6s;
	-moz-transition:all 0.8s ease 0.6s;
	-o-transition:all 0.8s ease 0.6s;
	transition:all 0.8s ease 0.6s;
}
.bgbox{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 99;}
.active.page4{background-position: center bottom;}
#bannerVideo{display:block; margin-top: -410px; width:3020px; height:1700px;}
#myVideo{margin-top: -410px; width:3020px; height:1700px;}
.cus-show-cloumn h4{ color: #fff;}



/*page5*/
.page5 .ceng {position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.7);}
.customers{ margin: 0 -2px;}
.customers li{ float: left; padding: 2px; overflow: hidden;}
.cus-wrap{ width: 1364px; margin:0 auto; margin-top:100px;}
.customers li img{max-width:148px; max-height:148px; opacity: 0.5; filter:alpha(opacity=50);
	-webkit-filter: grayscale(1);
    -moz-filter: grayscale(1);
    -ms-filter: grayscale(1);
    filter: grayscale(1);
    display: block;
}
.customers li:hover img,.customers .light img{
	opacity: 1; filter:alpha(opacity=100);
	-webkit-filter: grayscale(0);
    -moz-filter: grayscale(0);
    -ms-filter: grayscale(0);
    filter: grayscale(0);
}
.customers li span{ display: block; overflow: hidden;}



/*page6*/
.index_news {overflow:hidden;}
.index_news .index_news_content {overflow:hidden; margin-top:80px;}
.index_news .index_news_content .index_news_gd {overflow:hidden; width:60%; float:left;}
.index_news .index_news_content .index_news_gd .item {overflow:hidden; background:#f5f5f5; margin:0 4%;}
.index_news .index_news_content .index_news_gd .item .title {overflow:hidden; padding:7% 5%;}
.index_news .index_news_content .index_news_gd .item .title p {font-size:14px; color:#969696; line-height:23px; overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.index_news .index_news_content .index_news_gd .item .title a {display:block; font-size:20px; color:#969696;}
.index_news .index_news_content .index_news_gd .item .title a span {display:block; float:right; font-size:16px; color:#0071b8; margin-top:0;}
.index_news .index_news_content .index_news_gd .item .title .bt {display:block; font-size:18px; color:#505050; margin:17px auto; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; transition:.5s all linear;}
.index_news .index_news_content .index_news_gd .item .title .bt:hover {color:#0071b8;}
.index_news .index_news_content .index_news_gd .item .title span {display:block; font-size:14px; color:#b4b4b4; margin-top:15px;}
.index_news .index_news_content .index_news_gd .item .pic {overflow:hidden;}
.index_news .index_news_content .index_news_gd .item .pic img {display:block;}
.index_news .index_news_content .index_news_gd .owl-dots {bottom:1%;}

.index_news .index_news_content .index_news_list {overflow:hidden; width:35%; float:right; padding:2%; background:#f5f5f5;}
.index_news .index_news_content .index_news_list .bt {display:block; font-size:20px; color:#969696; margin-bottom:15px;}
.index_news .index_news_content .index_news_list .bt span {display:block; float:right; font-size:16px; color:#0071b8;}
.index_news .index_news_content .index_news_list li {overflow:hidden; line-height:40px;}
.index_news .index_news_content .index_news_list li p {float:left; width:70%; font-size:16px; color:#646464; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; transition:.5s all linear;}
.index_news .index_news_content .index_news_list li span {display:block; float:right; font-size:14px; color:#b4b4b4;}
.index_news .index_news_content .index_news_list li:hover p {color:#0071b8;}
.active .index_news_list li{
	-webkit-animation: fadeIn 1.5s ease 0.6s both; -ms-animation: fadeIn 1.5s ease 0.6s both; -moz-animation: fadeIn 1.5s ease 0.6s both; -o-animation: fadeIn 1.5s ease 0.6s both; animation: fadeIn 1.5s ease 0.6s both;
}
.active .index_news_list li:nth-of-type(1){-webkit-animation-delay:0.2s; -ms-animation-delay:0.2s; -moz-animation-delay:0.2s; animation-delay:0.2s;}
.active .index_news_list li:nth-of-type(2){-webkit-animation-delay:0.3s; -ms-animation-delay:0.3s; -moz-animation-delay:0.3s; animation-delay:0.3s;}
.active .index_news_list li:nth-of-type(3){-webkit-animation-delay:0.4s; -ms-animation-delay:0.4s; -moz-animation-delay:0.4s; animation-delay:0.4s;}
.active .index_news_list li:nth-of-type(4){-webkit-animation-delay:0.5s; -ms-animation-delay:0.5s; -moz-animation-delay:0.5s; animation-delay:0.5s;}
.active .index_news_list li:nth-of-type(5){-webkit-animation-delay:0.6s; -ms-animation-delay:0.6s; -moz-animation-delay:0.6s; animation-delay:0.6s;}
.active .index_news_list li:nth-of-type(6){-webkit-animation-delay:0.7s; -ms-animation-delay:0.7s; -moz-animation-delay:0.7s; animation-delay:0.7s;}
.active .index_news_list li:nth-of-type(7){-webkit-animation-delay:0.8s; -ms-animation-delay:0.8s; -moz-animation-delay:0.8s; animation-delay:0.8s;}
.active .index_news_list li:nth-of-type(8){-webkit-animation-delay:0.9s; -ms-animation-delay:0.9s; -moz-animation-delay:0.9s; animation-delay:0.9s;}
.active .index_news_list li:nth-of-type(9){-webkit-animation-delay:1s; -ms-animation-delay:1s; -moz-animation-delay:1s; animation-delay:1s;}

/*page7*/
.page7 {background:url(../images/img/bg7.jpg) no-repeat 50% 50%; background-size:150% 150%;
    -webkit-animation: bg2 0.6s ease 0.4s both;
    -ms-animation: bg2 0.6s ease 0.4s both;
    -moz-animation: bg2 0.6s ease 0.4s both;
    -o-animation: bg2 0.6s ease 0.4s both;
    animation: bg2 0.6s ease 0.4s both;
}
.active.page7 {
    -webkit-animation: bg 0.6s ease 0.4s both;
    -ms-animation: bg 0.6s ease 0.4s both;
    -moz-animation: bg 0.6s ease 0.4s both;
    -o-animation: bg 0.6s ease 0.4s both;
    animation: bg 0.6s ease 0.4s both;
}
.index_about {overflow:hidden;}
.index_about .i-cloumn p {color:#fff;}
.index_about .i-cloumn span {color:#fff;}
.index_about .i-cloumn span:before {background:#fff;}
.index_about .index_about_content {}
.about-tag{ text-align: center; font-size: 18px; margin:40px auto;}
.about-tag a{ display: inline-block; font-size:16px; color:#fff; margin: 0 18px;}
.about-tag .on{ color: #0071b8;}
.about-tag a:hover{ color: #0071b8;}
.active .about-tag a:nth-of-type(1),.active .about-tag a:nth-of-type(2),.active .about-tag a:nth-of-type(3),.active .about-tag a:nth-of-type(4),.active .about-tag a:nth-of-type(5),.active .about-tag a:nth-of-type(6),.active .about-tag a:nth-of-type(7),.active .about-tag a:nth-of-type(8),.active .about-list-box .about-list{
	-webkit-animation: fadeIn 1.5s ease 0.6s both; -ms-animation: fadeIn 1.5s ease 0.6s both; -moz-animation: fadeIn 1.5s ease 0.6s both; -o-animation: fadeIn 1.5s ease 0.6s both; animation: fadeIn 1.5s ease 0.6s both;
}
.active .about-tag a:nth-of-type(2){-webkit-animation-delay:0.7s; -ms-animation-delay:0.7s; -moz-animation-delay:0.7s; animation-delay:0.7s;}
.active .about-tag a:nth-of-type(3){-webkit-animation-delay:0.8s; -ms-animation-delay:0.8s; -moz-animation-delay:0.8s; animation-delay:0.8s;}
.active .about-tag a:nth-of-type(4){-webkit-animation-delay:0.9s; -ms-animation-delay:0.9s; -moz-animation-delay:0.9s; animation-delay:0.9s;}
.active .about-tag a:nth-of-type(5){-webkit-animation-delay:1.0s; -ms-animation-delay:1.0s; -moz-animation-delay:1.0s; animation-delay:1.0s;}
.active .about-tag a:nth-of-type(6){-webkit-animation-delay:1.1s; -ms-animation-delay:1.1s; -moz-animation-delay:1.1s; animation-delay:1.1s;}
.active .about-tag a:nth-of-type(7){-webkit-animation-delay:1.2s; -ms-animation-delay:1.2s; -moz-animation-delay:1.2s; animation-delay:1.2s;}
.active .about-tag a:nth-of-type(8){-webkit-animation-delay:1.3s; -ms-animation-delay:1.3s; -moz-animation-delay:1.3s; animation-delay:1.3s;}
.about-list-box .c-block {-webkit-animation-delay:0.2s; -ms-animation-delay:0.2s; -moz-animation-delay:0.2s; animation-delay:0.2s;}
.about-list{ position: absolute; left: 0; top: 0; display: none;}
.about-list.cur{ z-index: 2;}
.c-block{ display: block; }
.about-list-box{ position: relative; width: 1364px; margin:0 auto;}
.about-list-box .about-list .about1_content {overflow:hidden; background:#fff;}
.about-list-box .about-list .about1_content .l {position:relative; float:left; width:32%; height:420px; background:#0071b8;}
.about-list-box .about-list .about1_content .l img {position:absolute; left:10%; top:50%; display:block; height:85%;}
.about-list-box .about-list .about1_content .r {overflow:hidden; float:right; width:57%; padding:60px 3% 60px 8%;}
.about-list-box .about-list .about1_content .r .on {overflow-y:scroll; height:300px; padding-right:14px; font-size:14px; color:#787878; line-height:25px;}



/*page8*/
.page8{ background:url(../images/img/bg3.jpg) no-repeat 50% 50%; background-size: 150% 150%;
	-webkit-animation:bg2 0.6s ease 0.4s both;
	-ms-animation:bg2 0.6s ease 0.4s both;
	-moz-animation:bg2 0.6s ease 0.4s both;
	-o-animation:bg2 0.6s ease 0.4s both;
	animation:bg2 0.6s ease 0.4s both;
} 
.active.page8{
	-webkit-animation:bg 0.6s ease 0.4s both;
	-ms-animation:bg 0.6s ease 0.4s both;
	-moz-animation:bg 0.6s ease 0.4s both;
	-o-animation:bg 0.6s ease 0.4s both;
	animation:bg 0.6s ease 0.4s both;
}
.cotact-our{ text-align: center; font-size: 70px; color: #646464; font-family:'bt1'; margin-top:110px;
	-webkit-animation:zifadeOutUp 0.4s ease 0s both;
	-ms-animation:zifadeOutUp 0.4s ease 0s both;
	-moz-animation:zifadeOutUp 0.4s ease 0s both;
	-o-animation:zifadeOutUp 0.4s ease 0s both;
	animation:zifadeOutUp 0.4s ease 0s both;
}
.active .cotact-our{
	-webkit-animation:zifadeInUp 0.8s ease 0.8s both;
	-ms-animation:zifadeInUp 0.8s ease 0.8s both;
	-moz-animation:zifadeInUp 0.8s ease 0.8s both;
	-o-animation:zifadeInUp 0.8s ease 0.8s both;
	animation:zifadeInUp 0.8s ease 0.8s both;
}

.index_contact_content {margin-top:80px;}
.index_contact_content .l {overflow:hidden; float:left; width:45%;}
.index_contact_content .l #map {overflow:hidden;}
.index_contact_content .l #allmap {overflow:hidden; width:100%; height:510px;} 
.index_contact_content .r {float:right; width:45%;}
.index_contact_content .r .phone {font-family:'bt1'; font-size:70px; color:#003399; line-height:70px; margin-bottom:3%;}
.index_contact_content .r .div1 {font-size:16px; color:#646464; line-height:27px; margin-bottom:3%;}
.index_contact_content .r .index_message {padding-bottom:5px;}
.index_contact_content .r .index_message p {font-family:'bt1'; font-size:16px; color:#003399; margin-bottom:2%;}
.index_contact_content .r .index_message input {float:left; width:84%; border:1px solid #ccc; line-height:40px; padding:0 2%; margin-bottom:1.5%; box-sizing:border-box; transition:.5s all linear;}
.index_contact_content .r .index_message input:nth-child(2) {width:40%; margin-right:4%;}
.index_contact_content .r .index_message input:nth-child(3) {width:40%;}
.index_contact_content .r .index_message textarea {overflow:hidden; padding:2%; border:1px solid #ccc; resize:none; width:84%; min-height:70px; box-sizing:border-box; margin-bottom:1.5%; transition:.5s all linear;}
.index_contact_content .r .index_message input:focus {box-shadow:0 0 5px #003399;}
.index_contact_content .r .index_message textarea:focus {box-shadow:0 0 5px #003399;}
.index_contact_content .r .index_message button {display:block; line-height:35px; padding:0 35px; border:none; background:#003399; color:#fff; cursor:pointer; transition:.5s all linear;}
.index_contact_content .r .index_message button:hover {box-shadow:0 0 5px #003399;}

.lainxi-list{ padding-bottom: 45px; border-bottom: 1px solid #989898; margin:0 auto 35px; width: 1300px; height:90px;}
.lainxi-list li{ float: left; margin-right:111px; transition:.5s all linear;}
.lainxi-list li:nth-last-child(1) {margin-right:0;}
.lainxi-list li .zitu{display: block; width: 90px; height: 90px; position: relative;}
.lainxi-list li .zitu:after{content: ''; background: url(../images/img/sanj.png) no-repeat; width: 15px; height: 9px; position: absolute; left: 50%; margin-left: -7px;top: 127px; display: none;}
.lainxi-list .lx1 .zitu{background:url(../images/img/index_contact_t1.png) center center no-repeat;}
.lainxi-list .lx2 .zitu{background:url(../images/img/index_contact_t2.png) center center no-repeat;}
.lainxi-list .lx3 .zitu{background:url(../images/img/index_contact_t3.png) center center no-repeat;}
.lainxi-list .lx4 .zitu{background:url(../images/img/index_contact_t4.png) center center no-repeat;}
.lainxi-list .lx5 .zitu{background:url(../images/img/index_contact_t5.png) center center no-repeat;}
.lainxi-list .lx6 .zitu{background:url(../images/img/index_contact_t6.png) center center no-repeat;}
.lainxi-list .lx7 .zitu{background:url(../images/img/index_contact_t7.png) center center no-repeat;}
.lainxi-list .lx1 .zitu:hover,.lainxi-list .lx1 .on{background:url(../images/img/index_contact_t1_hover.png) center center no-repeat;}
.lainxi-list .lx2 .zitu:hover,.lainxi-list .lx2 .on{background:url(../images/img/index_contact_t2_hover.png) center center no-repeat;}
.lainxi-list .lx3 .zitu:hover,.lainxi-list .lx3 .on{background:url(../images/img/index_contact_t3_hover.png) center center no-repeat;}
.lainxi-list .lx4 .zitu:hover,.lainxi-list .lx4 .on{background:url(../images/img/index_contact_t4_hover.png) center center no-repeat;}
.lainxi-list .lx5 .zitu:hover,.lainxi-list .lx5 .on{background:url(../images/img/index_contact_t5_hover.png) center center no-repeat;}
.lainxi-list .lx6 .zitu:hover,.lainxi-list .lx6 .on{background:url(../images/img/index_contact_t6_hover.png) center center no-repeat;}
.lainxi-list .lx7 .zitu:hover,.lainxi-list .lx7 .on{background:url(../images/img/index_contact_t7_hover.png) center center no-repeat;}
.kby-city{ float: left; font-size: 36px; color: #242424; margin-right: 75px; font-family:'Microsoft Yahei Light';}
.kby-tel{ color: #4b4b4b; font-size: 46px; float: left; margin:-2px 28px 0 0; width: 350px;}
.kby-address{ float: left; width: 360px; line-height: 20px; font-size: 14px;  color: #323232; margin-top: 4px;}
.lianxi-con{ display: none; width: 1300px; margin: auto; }
.lianxi-con .advice{ float: right; padding-top: 16px; }
.lianxi-con .advice a{ margin:0 40px 0 0 ; }
.kby-tel{ font-family:'bt1';}
.lainxi-list li .on:after{ display: block; }
.pcLianxi{}
.advice a{ margin: 0 13px;}
.advice .i-email{ background-position: -293px -288px; width: 21px; height: 15px;}
.advice .i-address{ background-position: -343px -283px; width: 18px; height: 24px;}
.advice .i-qq{ background-position: -389px -284px; width: 22px; height: 23px;}
.advice .i-kefu{ background-position: -436px -282px; width: 23px; height: 23px; margin-right:0 !important;}
.fp-tableCell{ width: 100%; height: 100%; position: relative;}
.advice .i-email:hover{background-position: -293px -316px;}
.advice .i-address:hover{background-position: -343px -311px;}
.advice .i-qq:hover{background-position: -389px -312px;}
.advice .i-kefu:hover{background-position: -436px -310px;}
@-webkit-keyframes bg{
	0%{
		background-size: 150% 150%;
	}

	100%{
		 background-size: 110% 100%;
	}
}
@-ms-keyframes bg{
	0%{
		background-size: 150% 150%;
	}

	100%{
		 background-size: 110% 100%;
	}
}
@keyframes bg{
	0%{
		background-size: 150% 150%;
	}

	100%{
		 background-size: 110% 100%;
	}
}
@-webkit-keyframes bg2{
	0%{
		background-size: 110% 100%;
	}

	100%{
		 background-size: 150% 150%;
	}
}
@-ms-keyframes bg2{
	0%{
		background-size: 110% 100%;
	}

	100%{
		 background-size: 150% 150%;
	}
}
@keyframes bg2{
	0%{
		background-size: 110% 100%;
	}

	100%{
		 background-size: 150% 150%;
	}
}
@-webkit-keyframes zifadeInUp{
	0%{
		-webkit-transform:translateY(80px);
		opacity: 0;
	}
	100%{
		-webkit-transform:translateY(0px);
		opacity: 1;
	}
}
@-ms-keyframes zifadeInUp{
	0%{
		-ms-transform:translateY(80px);
		opacity: 0;
	}
	100%{
		-ms-transform:translateY(0px);
		opacity: 1;
	}
}
@keyframes zifadeInUp{
	0%{
		transform:translateY(80px);
		opacity: 0;
	}
	100%{
		transform:translateY(0px);
		opacity: 1;
	}
}
@-webkit-keyframes zifadeOutUp{
	0%{
		-webkit-transform:translateY(0);
		opacity: 1;
	}
	100%{
		-webkit-transform:translateY(-80px);
		opacity: 0;
	}
}
@-ms-keyframes zifadeOutUp{
	0%{
		-ms-transform:translateY(0);
		opacity: 1;
	}
	100%{
		-ms-transform:translateY(-80px);
		opacity: 0;
	}
}
@keyframes zifadeOutUp{
	0%{
		transform:translateY(0);
		opacity: 1;
	}
	100%{
		transform:translateY(-80px);
		opacity: 0;
	}
}



/*page9*/
.page9 { height: 150px!important;}
.footer{text-align: center; color: #969696; font-size: 14px; padding:40px 0; line-height:27px; background:#323232;}
.copy{}
.copy a {display:inline-block; margin-top:10px; font-size:14px; color:#969696;}
.copy a:hover {color:#fff;}

/*xf*/
#xf {position:fixed; right:2%; bottom:18%; z-index:10;}
#xf a {display:block; width:65px; height:65px; border-radius:65px; margin-bottom:30px; background-color:#0071b8; background-position:center center; background-repeat:no-repeat; cursor:pointer;position: relative;}
#xf a p{font-size: 14px;color: #000;position: absolute;bottom: -20px;width: 100%;left: 0;text-align: center;}
#xf a:nth-last-child(1) {margin-bottom:0;}
#xf .wx {background-image:url(../images/img/xf_wx1.png); position:relative;}
#xf .wx .ewm {opacity:0; position:absolute; right:0; top:-42px; padding:5px; background:#fff; box-shadow:rgb(855,855,855) 0px 0px 5px; transition:.5s all linear;}
#xf .wx .ewm img {display:block; max-width:200px;max-height:200px;}
#xf .qq {background-image:url(../images/img/xf_qq1.png);}
#xf .fh {background-image:url(../images/img/xf_fh1.png);}
#xf .fh1 {display:none; background-image:url(../images/img/xf_fh1.png);}
#xf a:hover {box-shadow:0 0 5px #0071b8;}
#xf a.wx:hover .ewm {opacity:1; right:80px;}

.main {}
.framecenter {}
/*page*/
.page_banner {overflow:hidden; position:fixed; top:80px; transition:.4s all ease;}
.page_banner img {display:block; width:100%;}
.page_banner .banner_title {display:none; position:absolute; left:3%; bottom:7%; font-family:'Microsoft Yahei Light'; font-size:35px; color:#505050;}

.page_nav_xl {display:none; position:relative; font-size:16px; line-height:40px; text-indent:20px; color:#fff; background:#3c3736; cursor:pointer; transition:.5s all linear;}
.page_nav_xl img {position:absolute; right:3%; top:50%; margin-top:-3.5px; transition:.5s all ease;}
.page_nav_xl ul {overflow:hidden; display:none; position:absolute; left:0; top:39px; margin:0 auto; width:90%; padding:2% 5% 7%; background:#333333; z-index:90;}
.page_nav_xl ul li {overflow:hidden; line-height:35px; text-align:left; text-indent:10px; padding-right:10px; border-bottom:1px solid #666666;}
.page_nav_xl ul li a {display:block; font-size:14px; color:#ccc;}
.page_nav_xl ul li a:hover {color:#0071b8;}
.page_nav_hover img {transform:rotate(-180deg);}
.page_nav_ceng {position:fixed; left:0; width:100%; height:100%;}
.page_content {position:relative; width:100%;}
.page_content .framecenter {}
.page_content .framecenter .banner_bt {font-family:'Microsoft Yahei Light'; width:1365px; margin:0 auto; font-size:55px; color:#505050; margin-bottom:5%;}
.page_content .framecenter .page_nav {overflow:hidden; width:1265px; margin:0 auto; background:#fff; padding:3% 50px;}
.page_content .framecenter .page_nav .bt {font-family:'bt1'; float:left; font-size:60px; color:#c8c8c8;}
.page_content .framecenter .page_nav ul {overflow:hidden; float:right; margin-top:35px;}
.page_content .framecenter .page_nav ul li {overflow:hidden; float:left; margin:0 20px;}
.page_content .framecenter .page_nav ul li a {font-size:16px; color:#646464;}
.page_content .framecenter .page_nav ul li a:hover {color:#0071b8;}
.page_content .framecenter .page_content_on {overflow:hidden; background:#fff;}
.page_content .framecenter .page_content_on .page_view {overflow:hidden; width:1265px; margin:0 auto; padding:3% 50px 5%; font-size:14px; color:#505050; line-height:27px; min-height:400px;}
.page_content .framecenter .page_content_on .page_view img {display:block; max-width:100%;}

/*case_list*/
.case_list {overflow:hidden; width:1265px; margin:0 auto; padding:3% 50px 5%;}
.case_list ul {overflow:hidden; padding:3px 15px 30px;}
.case_list ul li {overflow:hidden; position:relative; float:left; width:32%; margin:0 2% 2% 0; transition:.5s all linear;}
.case_list ul li:nth-child(3n) {margin:0 0 2% 0;}
.case_list ul li div {overflow:hidden; font-size:0;}
.case_list ul li div img {display:block; width:100%;}
.case_list ul li:hover {box-shadow:0 15px 30px rgba(0,0,0,0.2); transform:translate3d(0,-3px,0);}
.case_list ul li .fd {background-position: 0 -34px; width: 92px; height: 94px; position: absolute; left: 50%; margin-left: -46px; top: 18%; visibility: hidden;}
.case_list ul li .fd i {background-position: -48px 0; width: 28px; height: 29px; position: absolute; left: 12px; top: 12px;}
.case_list ul li h3 {font-size: 24px; text-align: center; color: #fff; position: absolute; left: 0; width: 90%; padding:0 5%; bottom: 20%; visibility: hidden; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.case_list ul li:hover .redShade {opacity: 1; filter:alpha(opacity=100);}
.case_list ul li:hover .fd {-webkit-animation:fadeInDown 0.4s ease 0s both;  -ms-animation:fadeInDown 0.4s ease 0s both;  -moz-animation:fadeInDown 0.4s ease 0s both;  -o-animation:fadeInDown 0.4s ease 0s both;  animation:fadeInDown 0.4s ease 0s both;  visibility:visible;}
.case_list ul li:hover h3 {-webkit-animation:fadeInUp 0.4s ease 0s both; -ms-animation:fadeInUp 0.4s ease 0s both; -moz-animation:fadeInUp 0.4s ease 0s both; -o-animation:fadeInUp 0.4s ease 0s both; animation:fadeInUp 0.4s ease 0s both;  visibility:visible;}
.case_list ul li:hover i {-webkit-animation:fd 2.4s ease 0.2s both infinite; -ms-animation:fd 2.4s ease 0.2s both infinite; -moz-animation:fd 2.4s ease 0.2s both infinite; -o-animation:fd 2.4s ease 0.2s both infinite; animation:fd 2.4s ease 0.2s both infinite;}


/*news_list*/
.news_list {overflow:hidden; width:1265px; margin:0 auto; padding:3% 50px 5%;}
.news_list ul {overflow:hidden;}
.news_list ul li {overflow:hidden; position:relative; padding:3%; transition:.5s all linear;}
.news_list ul li .pic {overflow:hidden; float:left; width:25%;}
.news_list ul li .pic div {overflow:hidden; font-size:0;}
.news_list ul li .pic div img {display:block; width:100%; max-width:360px; max-height:200px; transition:.5s all linear;}
.news_list ul li .title {overflow:hidden; float:left; width:50%; margin-left:5%; margin-top:12px; transition:.5s all linear;}
.news_list ul li .title a {display:block; font-size:18px; color:#505050; margin-bottom:12px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; transition:.5s all linear;}
.news_list ul li .title p {font-size:14px; color:#969696; line-height:25px; margin-bottom:15px; overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.news_list ul li span {font-size:14px; color:#b4b4b4;}
.news_list ul li .more {display:block; position:absolute; right:5%; top:50%; margin-top:-20px; width:40px; height:40px; border:1px solid #efefef; background:url(../images/img/news_list_h.png) center center no-repeat;}
.news_list ul li:hover {background:#f6f6f6;}
.news_list ul li:hover .pic img {-webkit-transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}
.news_list ul li:hover .title a {color:#0071b8;}
.news_list ul li:hover .more {border-color:#0071b8; background:url(../images/img/news_list_b.png) #0071b8 center center no-repeat;}

/*news_view*/
.news_view_t {overflow:hidden; width:1265px; margin:0 auto; background:#fff; padding:3% 50px 1%;}
.news_view_t .bt {overflow:hidden; line-height:37px; margin-bottom:2%;}
.news_view_t .bt p {float:left; font-size:24px; color:#323232; width:60%; overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:1;}
.news_view_t .fh {display:none; float:right; border:1px solid #969696; line-height:35px; padding:0 20px 0 45px; background:url(../images/img/page_fh.jpg) #fff 17px center no-repeat;}
.news_view_t .fh:hover {color:#fff; background:url(../images/img/page_fh_hover.jpg) #0071b8 17px center no-repeat; border-color:#000;}
.news_view_t .bt .fh {display:block;}
.news_view_t .time {font-size:14px; color:#969696;}
.news_view {overflow:hidden; width:1265px; margin:0 auto; padding:1% 50px 5%; font-size:14px; color:#505050; line-height:27px; min-height:400px;}
.news_view img {max-width:100%;}

/*service_list*/
.service_list {overflow:hidden; width:1265px; margin:0 auto; padding:1% 50px 5%;}
.service_list .service_list_t {overflow:hidden; padding:5% 3%; background:#f5f5f5; margin-bottom:7%;}
.service_list .service_list_t .title {overflow:hidden; float:left; width:55%;}
.service_list .service_list_t .title .bt {font-size:70px; line-height:95px;}
.service_list .service_list_t .title p {font-family:'Microsoft Yahei Light'; font-size:22px; color:#505050; line-height:35px; margin-bottom:4%;}
.service_list .service_list_t .title ul {overflow:hidden; padding-top:5%;}
.service_list .service_list_t .title ul li {overflow:hidden; float:left; margin-right:5%;}
.service_list .service_list_t .title ul li a {font-family:'Microsoft Yahei Light'; font-size:18px; color:#505050;}
.service_list .service_list_t .title ul li a:hover {color:#0071b8;}
.service_list .service_list_t .pic {overflow:hidden; float:right; width:40%;}
.service_list .service_list_t .pic img {display:block; width:100%; max-width:480px; margin:0 auto;}

.service_list .service_list_b {overflow:hidden;}
.service_list .service_list_b .bt {font-family:'Microsoft Yahei Light'; font-size:30px; color:#505050; text-align:center; margin-bottom:3%;}
.service_list .service_list_b ul {overflow:hidden; padding:3px 15px 0;}
.service_list .service_list_b ul li {overflow:hidden; position:relative; float:left; width:32%; margin:0 2% 2% 0; transition:.5s all linear;}
.service_list .service_list_b ul li:nth-child(3n) {margin:0 0 2% 0;}
.service_list .service_list_b ul li div {overflow:hidden; font-size:0;}
.service_list .service_list_b ul li div img {display;block; width:100%;}
.service_list .service_list_b ul li:hover {box-shadow:0 15px 30px rgba(0,0,0,0.2); transform:translate3d(0,-3px,0);}
.service_list .service_list_b ul li .fd {background-position: 0 -34px; width: 92px; height: 94px; position: absolute; left: 50%; margin-left: -46px; top: 18%; visibility: hidden;}
.service_list .service_list_b ul li .fd i {background-position: -48px 0; width: 28px; height: 29px; position: absolute; left: 12px; top: 12px;}
.service_list .service_list_b ul li h3 {font-size: 24px; text-align: center; color: #fff; position: absolute; left: 0; width: 90%; padding:0 5%; bottom: 20%; visibility: hidden; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.service_list .service_list_b ul li:hover .redShade {opacity: 1; filter:alpha(opacity=100);}
.service_list .service_list_b ul li:hover .fd {-webkit-animation:fadeInDown 0.4s ease 0s both;  -ms-animation:fadeInDown 0.4s ease 0s both;  -moz-animation:fadeInDown 0.4s ease 0s both;  -o-animation:fadeInDown 0.4s ease 0s both;  animation:fadeInDown 0.4s ease 0s both;  visibility:visible;}
.service_list .service_list_b ul li:hover h3 {-webkit-animation:fadeInUp 0.4s ease 0s both; -ms-animation:fadeInUp 0.4s ease 0s both; -moz-animation:fadeInUp 0.4s ease 0s both; -o-animation:fadeInUp 0.4s ease 0s both; animation:fadeInUp 0.4s ease 0s both;  visibility:visible;}
.service_list .service_list_b ul li:hover i {-webkit-animation:fd 2.4s ease 0.2s both infinite; -ms-animation:fd 2.4s ease 0.2s both infinite; -moz-animation:fd 2.4s ease 0.2s both infinite; -o-animation:fd 2.4s ease 0.2s both infinite; animation:fd 2.4s ease 0.2s both infinite;}

/*fy*/
#fy {overflow:hidden; text-align:center; margin-top:3%;}
#fy a {display:inline-block; margin:0 0.5%; line-height:43px; border:1px solid #dcddde; font-size:14px; color:#787878; padding:0 18px;}
#fy a:hover {background:#0071b8; color:#fff; border-color:#0071b8;}



/*兼容*/
@media screen and (max-width:1560px) {
	/*index*/
	.index_case {width:1340px; height:685px; margin:-342.5px 0 0 -670px;}
	.cases-list-box {width:auto;}
	.cases-list li {width:335px;}
	.cases-list li h3 {font-size:21px;}
	.case_list ul li h3 {font-size:21px;}
	.service_list .service_list_b ul li h3 {font-size:21px;}
	.index_project {width:1400px; height:685px; margin:-342.5px 0 0 -700px;}
	.index_flow {height:685px; margin:-342.5px 0 0 -640px;}
	.index_customer {height:685px; margin:-342.5px 0 0 -682px;}
}
@media screen and (max-width:1460px) {
	/*index*/
	.nav li {margin:0 20px;}
	.nav li a {font-size:15px;}
	.top-tel {margin:34px 0 0 23px;}
	.top-tel a {font-size:21px;}
	.index_case {width:1240px; height:655px; margin:-327.5px 0 0 -620px;}
	.cases-list li {width:310px;}
	.cases-list li h3 {font-size:19px;}
	.case_list ul li h3 {font-size:19px;}
	.service_list .service_list_b ul li h3 {font-size:19px;}
	.index_project {width:1300px; height:655px; margin:-327.5px 0 0 -650px;}
	.index_flow {height:655px; margin:-327.5px 0 0 -640px;}
	.index_customer {width:1264px; height:655px; margin:-327.5px 0 0 -632px;}
	.cus-wrap {width:1212px; margin-top:80px;}
	.index_news {width:1264px; height:655px; margin:-327.5px 0 0 -632px;}
	.index_about {width:1240px; height:655px; margin:-327.5px 0 0 -620px;}
	.about-list-box {width:auto;}
	.about-list-box .about-list .about1_content .l {width:35%;}
	.about-list-box .about-list .about1_content .r {width:53%; padding:60px 3% 60px 9%;}
	.index_contact {width:1264px; height:655px; margin:-327.5px 0 0 -632px;}
	.index_contact_content .l #allmap {height:450px;}
	.index_contact_content .r .phone {font-size:60px; margin-bottom:3%;}
	.lainxi-list {width:auto;}
	.lainxi-list li {margin-right:97px;}
	.lianxi-con {width:auto;}
	
	/*page*/
	.page_content .framecenter .banner_bt {width:90%; font-size:45px;}
	.page_content .framecenter .page_nav {width:90%;}
	.page_content .framecenter .page_nav .bt {font-size:50px}
	.page_content .framecenter .page_nav ul {margin-top:25px;}
	.page_content .framecenter .page_content_on .page_view {width:90%; padding:3% 0 5%;}
	.news_list {width:90%; padding:3% 0 5%;}
	.news_view_t {width:90%; padding:0;}
	.news_view {width:90%; padding:3% 0 5%;}
	.case_list {width:95%; padding:3% 0 5%;}
	.service_list {width:90%; padding:5% 0;}
}
@media screen and (max-width:1360px) {
	/*index*/
	.index_case {width:1140px; height:620px; margin:-310px 0 0 -570px;}
	.cases-list li {width:285px;}
	.cases-list li h3 {font-size:17px;}
	.case_list ul li h3 {font-size:17px;}
	.service_list .service_list_b ul li h3 {font-size:17px;}
	.index_project {width:1200px; height:620px; margin:-310px 0 0 -600px;}
	.index_flow {width:1180px; height:620px; margin:-310px 0 0 -590px;}
	.flow-box {background-position:135px center;}
	
	.design {left:0;}
	.sn {left:260px;}
	.develop {left:470px;}
	.html5 {left:630px;}
	.code {left:750px;}
	.test {left:860px;}
	.complete {left:940px;}
	.cs {right:0;}
	
	.index_customer {width:1164px; height:620px; margin:-310px 0 0 -582px;}
	.index_customer .cus-wrap {width:1112px;}
	.customers li img {max-width:135px; max-height:135px;}
	.index_news {width:1164px; height:620px; margin:-310px 0 0 -582px;}
	.index_news .index_news_content .index_news_gd .item .title .bt {font-size:16px; margin:13px auto;}
	.index_news .index_news_content .index_news_gd .item .title p {font-size:13px;}
	.index_news .index_news_content .index_news_gd .item .title span {margin-top:10px;}
	.index_news .index_news_content .index_news_gd .owl-dots {bottom:0;}
	.index_news .index_news_content .index_news_list li {line-height:35px;}
	.index_news .index_news_content .index_news_list li p {font-size:15px;}
	.index_news .index_news_content .index_news_list li span {font-size:13px;}
	.index_about {width:1140px; height:620px; margin:-310px 0 0 -570px;}
	.about-list-box .about-list .about1_content .l {width:31%; height:390px;}
	.about-list-box .about-list .about1_content .l img {height:75%;}
	.about-list-box .about-list .about1_content .r {width:57%;}
	.about-list-box .about-list .about1_content .r .on {height:270px;}
	.index_contact {width:1164px; height:620px; margin:-310px 0 0 -582px;}
	.index_contact_content .l #allmap {height:410px;}
	.index_contact_content .r .phone {font-size:50px;}
	.index_contact .cus-wrap {width:1012px;}
	.cotact-our {margin-top:90px;}
	.cus-wrap {margin:60px auto 0;}
	.kby-city {margin-right:45px;}
	.lianxi-con .advice {display:none;}
	.lainxi-list li {margin-right:63px;}
	
	#xf {bottom:12%;}
	/*#xf a {width:55px; height:55px; border-radius:55px; margin-bottom:6px;}*/
	
	/*page*/
	.page_banner {position:relative; top:80px !important;}
	.page_content {top:initial !important;}
	.page_content .framecenter .banner_bt {font-size:40px;}
	.page_content .framecenter .page_nav {padding:0;}
	.page_content .framecenter .page_nav ul li {margin:0 10px;}
	.page_content .framecenter .page_nav ul li a {font-size:15px;}
	.service_list .service_list_t .title .bt {font-size:60px; line-height:80px;}
	.service_list .service_list_t .title p {font-size:20px; line-height:30px;}
	.service_list .service_list_t .title ul li {margin-right:4%;}
	.service_list .service_list_t .title ul li a {font-size:16px;}
	.service_list .service_list_b .bt {font-size:28px;}
}
@media screen and (max-width:1260px) {
	/*index*/
	.flexslider {display:none;}
	.banner_s {display:block;}
	.logo {margin:27px 0 0 2%;}
	.nav {display:none;}
	.s {display:none;}
	.head-right {margin-right:2%;}
	.head-right .nav_xl_a {display:block;}
	#bannerVideo {margin-top:0; width:100%; height:auto;}
	#myVideo {margin-top:0; width:100%; height:auto; display:none;}
	.i-cloumn {animation:initial;}
	.i-cloumn span:before {bottom:0; opacity:1;}
	.index_case {width:95%; position:initial; margin:0 auto; height:auto; top:initial; left:initial; padding:7% 0;}
	.fd {top:16%;}
	.index_project {width:95%; position:initial; margin:0 auto; height:auto; top:initial; left:initial; padding:7% 0;}
	.index_project_content .bt {animation:initial; margin-top:5%;}
	.index_project_content ul {margin-top:5%;}
	.index_flow {width:95%; position:initial; margin:0 auto; height:auto; top:initial; left:initial; padding:7% 0;}
	.flow-box {margin:5% auto 0; height:auto; background:none; text-align:center;}
	.flow-box span {opacity:1; transition:initial; bottom:-30px;}
	.flow-box:hover span {bottom:-30px;}
	.flow-box:hover .sn span {bottom:0;}
	
	.design {position:relative; left:initial; top:initial; display:block; margin:0 auto 2%; height:auto;}
	.sn {position:relative; left:initial; top:initial; display:block; margin:0 auto 2%;}
	.sn span {bottom:0;}
	.develop {position:relative; left:initial; top:initial; display:block; margin:0 auto 2%; height:auto;}
	.html5 {position:relative; left:initial; top:initial; display:block; margin:0 auto 5%;}
	.code {position:relative; left:initial; top:initial; display:block; margin:0 auto 5%}
	.test {position:relative; left:initial; top:initial; display:block; margin:0 auto 5%;}
	.complete {position:relative; left:initial; top:initial; display:block; margin:0 auto 2%; height:auto;}
	.cs {position:relative; right:initial; top:initial; display:block; margin:0 auto 2%;}
	.cs span {left:-18px;}
	
	#xf .fh {display:none;}
	#xf .fh1 {display:block;}
	
	.cases-list-box {overflow:hidden;}
	.cases-list {position:initial; left:initial; top:initial;}
	.cases-list li {width:25%;}
	.bgbox {position:initial; left:initial; top:initial; background:#000;}
	.index_customer {width:95%; height:auto; position:initial; left:initial; top:initial; margin:0 auto; padding:7% 0;}
	.index_customer .cus-wrap {width:100%; margin-top:5%;}
	.customers li {width:11.625%; margin:0 1% 1% 0; padding:0;}
	.customers li:nth-child(8n) {margin:0 0 1% 0;}
	.customers li img {max-width:initial; max-height:initial; width:100%;}
	.index_news {position:initial; left:initial; top:initial; margin:0 auto; padding:7% 0;}
	.index_news .index_news_content {margin-top:5%;}
	.index_about {width:95%; position:initial; left:initial; top:initial; margin:0 auto; padding:7% 0;}
	.cotact-our {animation:initial;}
	.index_news {width:95%; height:auto;}
	.index_contact {overflow:hidden; width:95%; height:auto; position:initial; left:initial; top:initial; margin:0 auto; padding:7% 0;}
	.index_contact_content {margin-top:5%;}
	.index_contact_content .l {width:47%;}
	.index_contact_content .r {width:47%;}
	.index_contact .cus-wrap {width:95%; margin:5% auto 0;}
	.cotact-our {margin-top:5%;}
	.page5 .ceng {display:none;}
	.lainxi-list {text-align:center;}
	.lainxi-list li {float:none; display:inline-block; margin:0 2%;}
	.lainxi-list li:nth-last-child(1) {margin:0 2%;}
	.page9 {height:auto !important;}
	.footer {padding:5%;}
}
@media screen and (max-width:1180px) {
	/*index*/
	.cases-list li {width:32%; margin:0 2% 2% 0;}
	.cases-list li:nth-child(3n) {margin:0 0 2% 0;}
	.index_project_content ul li {width:23.5%; margin:0 1% 2%;}
	.customers li {width:15%; margin:0 2% 1% 0;}
	.customers li:nth-child(8n) {margin:0 2% 1% 0;}
	.customers li:nth-child(6n) {margin:0 0 1% 0;}
	.index_about {height:auto;}
	.about-list-box .about-list {position:initial; left:initial; top:initial;}
	.about-list-box .about-list .about1_content .l {float:none; width:90%; height:auto; padding:5%;}
	.about-list-box .about-list .about1_content .l img {position:initial; left:initial; top:initial; width:100%; height:auto; margin-top:0 !important; margin:0 auto;}
	.about-list-box .about-list .about1_content .r {float:none; width:90%; padding:60px 5%;}
	
	/*page*/
	.news_list ul li .title p {-webkit-line-clamp:1;}
	.service_list .service_list_t .title .bt {font-size:50px; line-height:67px;}
	.service_list .service_list_t .title p {font-size:18px;}
	.service_list .service_list_t .title ul li a {font-size:15px;}
	.service_list .service_list_b .bt {font-size:26px;}
}
@media screen and (max-width:1080px) {
	/*index*/
	.lainxi-list li {margin:0 1%;}
	.index_contact_content .l {float:none; width:100%; margin-bottom:4%;}
	.index_contact_content .r {float:none; width:100%;}
	.index_contact_content .r .phone {margin-bottom:2%; text-align:center;}
	.index_contact_content .r .div1 {text-align:center;}
	.index_contact_content .r .index_message {width:70%; margin:0 auto;}
	.index_contact_content .r .index_message p {text-align:center;}
	.index_contact_content .r .index_message input {float:none; width:100%;}
	.index_contact_content .r .index_message input:nth-child(2) {width:100%; margin-right:0;}
	.index_contact_content .r .index_message input:nth-child(3) {width:100%;}
	.index_contact_content .r .index_message textarea {width:100%;}
	
	/*page*/
	.page_content .framecenter .banner_bt {font-size:35px; margin-bottom:7%;}
	.page_content .framecenter .page_nav .bt {font-size:35px;}
	.page_content .framecenter .page_nav ul {margin-top:15px;}
	.page_content .framecenter .page_nav ul li a {font-size:14px;}
}
@media screen and (max-width:960px) {
	/*index*/
	.index_news .index_news_content .index_news_gd {float:none; width:100%; padding-bottom:5% !important;}
	.index_news .index_news_content .index_news_list {float:none; width:92%; margin:3% auto 0;}
	.lainxi-list {display:none;}
	.lianxi-con {overflow:hidden; display:block; float:left; width:47%; margin:0 6% 5% 0;}
	.lianxi-con:nth-child(2n-1) {margin:0 0 5% 0;}
	.kby-city {width:40%; margin-right:5%; font-size:22px;}
	.kby-tel {width:55%; margin:0; font-size:22px; text-align:right;}
	.kby-address {width:100%;}
}
@media screen and (max-width:860px) {
	/*index*/
	.head-right .nav_xl ul li {line-height:40px; margin-bottom:2%;}
	.head-right .nav_xl ul li a {font-size:16px;}
	.fd {top:50% !important; margin-top:-47px;}
	.cases-list li h3 {display:none;}
	.case_list ul li h3 {display:none;}
	.service_list .service_list_b ul li h3 {display:none;}
	.html5 {margin:0 auto 6%;}
	.code {margin:0 auto 6%;}
	.test {margin:0 auto 6%;}
	.index_project_content ul li {width:31.5%; margin:0 2% 2%;}
	.index_project_content ul li .p1 {margin:5% auto;}
	.customers li {width:18.4%; margin:0 2% 2% 0;}
	.customers li:nth-child(6n) {margin:0 2% 2% 0;}
	.customers li:nth-child(5n) {margin:0 0 2% 0;}
	
	/*page*/
	.page_content .framecenter .page_nav {display:none;}
	.page_nav_xl {display:block;}
	.page_content .framecenter .banner_bt {display:none;}
	.page_banner .banner_title {display:block;}
	.page_content {top:80px !important;}
	.page_content .framecenter .page_content_on .page_view {width:94%;}
	.news_list ul li {padding:2%;}
	.news_list ul li .title {margin-top:0;}
	.news_list ul li .title a {font-size:16px; margin-bottom:10px;}
	.news_list ul li .title p {margin-bottom:10px;}
	.news_list ul li span {font-size:13px;}
	.news_list ul li .more {width:35px; height:35px; margin-top:-17.5px;}
	.page_content .framecenter .news_view_t {padding:3% 0 0;}
	.news_view_t .time {margin-bottom:2%; font-size:13px;}
	.news_view_t .bt {line-height:30px;}
	.news_view_t .bt p {font-size:22px; width:100%; -webkit-line-clamp:2;}
	.news_view_t .bt .fh {display:none;}
	.news_view_t .fh {display:block;}
	.service_list .service_list_t .title .bt {font-size:35px; line-height:47px;}
	.service_list .service_list_t .title p {font-size:16px; line-height:27px;}
	.service_list .service_list_t .title ul {padding-top:4%;}
	.service_list .service_list_t .title ul li a {font-size:14px;}
	.service_list .service_list_b .bt {font-size:24px;}
}
@media screen and (max-width:760px) {
	/*index*/
	.case-tag {margin:20px auto;}
	.case-tag a {font-size:15px; margin:0 15px 2%;}
	.index_project_content .bt {margin-top:3%;}
	.index_project_content ul {margin-top:3%;}
	.about-tag {margin:20px auto;}
	.about-tag a {font-size:15px; margin:0 15px;}
	.cotact-our {font-size:56px; margin-top:3%;}
	.lianxi-con {width:100%; float:none; margin:0 0 5% 0;}
	
	/*page*/
	.service_list .service_list_t {padding:5%;}
	.service_list .service_list_t .title {float:none; width:100%; margin-bottom:6%;}
	.service_list .service_list_t .title p {margin-bottom:5%;}
	.service_list .service_list_t .title ul {padding-top:0;}
	.service_list .service_list_t .pic {float:none; width:100%;}
	.service_list .service_list_b ul li {width:49%;}
	.service_list .service_list_b ul li:nth-child(3n) {margin:0 2% 2% 0;}
	.service_list .service_list_b ul li:nth-child(2n) {margin:0 0 2% 0;}
}
@media screen and (max-width:640px) {
	/*index*/
	.head-right .nav_xl ul {padding:80px 5% 0;}
	.cases-list li {width:49%; margin:0 2% 2% 0;}
	.cases-list li:nth-child(3n) {margin:0 2% 2% 0;}
	.cases-list li:nth-child(2n) {margin:0 0 2% 0;}
	.index_project_content ul li {width:41.5%;}
	.design {margin:0 auto 4%;}
	.sn {margin:0 auto 4%;}
	.develop {margin:0 auto 4%;}
	.html5 {margin:0 auto 8%;}
	.code {margin:0 auto 8%;}
	.test {margin:0 auto 8%;}
	.complete {margin:0 auto 4%;}
	.customers li {width:23.5%; display:none;}
	.customers li:nth-child(5n) {margin:0 2% 2% 0;}
	.customers li:nth-child(4n) {margin:0 0 2% 0;}
	.customers li:nth-child(1) {display:block;}
	.customers li:nth-child(2) {display:block;}
	.customers li:nth-child(3) {display:block;}
	.customers li:nth-child(4) {display:block;}
	.customers li:nth-child(5) {display:block;}
	.customers li:nth-child(6) {display:block;}
	.customers li:nth-child(7) {display:block;}
	.customers li:nth-child(8) {display:block;}
	.customers li:nth-child(9) {display:block;}
	.customers li:nth-child(10) {display:block;}
	.customers li:nth-child(11) {display:block;}
	.customers li:nth-child(12) {display:block;}
	.customers li:nth-child(13) {display:block;}
	.customers li:nth-child(14) {display:block;}
	.customers li:nth-child(15) {display:block;}
	.customers li:nth-child(16) {display:block;}
	.index_news .index_news_content .index_news_gd .item .title .bt {font-size:14px; margin:7px auto;}
	.index_news .index_news_content .index_news_gd .item .title p:nth-child(1) {font-size:16px;}
	.index_news .index_news_content .index_news_gd .item .title p {font-size:12px;}
	.index_news .index_news_content .index_news_list .bt {font-size:16px;}
	.index_news .index_news_content .index_news_list li {line-height:30px;}
	.index_news .index_news_content .index_news_list li p {font-size:14px;}
	.about-list-box .about-list .about1_content .r .on {font-size:13px; line-height:23px;}
	.cotact-our {font-size:46px;}
	.lianxi-con {margin:0 0 3% 0;}
	.index_contact_content .r .phone {font-size:40px;}
	.index_contact_content .r .div1 {font-size:15px; line-height:25px;}
	.index_contact_content .r .index_message {width:80%;}
	
	#xf {bottom:10%;}
	#xf a {width:45px; height:45px; border-radius:initial; margin-bottom:3px;}
	#xf .wx:hover .ewm {right:60px;}
	
	/*page*/
	.page_banner .banner_title {font-size:30px;}
	.news_list ul li {padding:3%; margin-bottom:2%;}
	.news_list ul li .pic {float:none; width:100%; margin-bottom:3%;}
	.news_list ul li .pic div img {max-width:initial; max-height:initial;}
	.news_list ul li .title {float:none; width:100%; margin-left:0;}
	.news_list ul li .title p {-webkit-line-clamp:2;}
	.news_list ul li .more {display:none;}
	.case_list ul li {width:49%;}
	.case_list ul li:nth-child(3n) {margin:0 2% 2% 0;}
	.case_list ul li:nth-child(2n) {margin:0 0 2% 0;}
	
	#fy a {font-size:13px; padding:0 15px; line-height:35px;}
	#xf a p{display: none;}
}
@media screen and (max-width:540px) {
	/*index*/
	.header {height:70px;}
	.logo img {height:35px;}
	.top-tel {margin:28px 0 0 23px;}
	.head-right .nav_xl_a {margin:26px 0 0 10px;}
	.i-cloumn p {font-size:35px;}
	.i-cloumn span {font-size:25px; padding-bottom:20px;}
	.case-tag a {font-size:14px; margin:0 10px 2%;}
	.index_project_content .bt {font-size:16px;}
	.index_project_content ul li .p1 {font-size:16px;}
	.index_flow {padding:7% 0 12%;}
	.html5 {margin:0 auto 10%;}
	.code {margin:0 auto 10%;}
	.test {margin:0 auto 10%;}
	.index_news .index_news_content .index_news_gd {padding-bottom:7% !important;}
	.about-tag a {font-size:14px; margin:0 10px 2%;}
	.cotact-our {font-size:36px;}
	.kby-city {font-size:19px;}
	.kby-tel {font-size:19px;}
	.kby-address {font-size:13px;}
}
@media screen and (max-width:500px) {
	/*index*/
	.top-tel {display:none;}
	
	/*page*/
	.page_banner .banner_title {font-size:25px;}
}
@media screen and (max-width:460px) {
	/*index*/
	.head-right .nav_xl ul li {line-height:35px;}
	.head-right .nav_xl ul li a {font-size:15px;}
	.i-cloumn p {font-size:30px;}
	.i-cloumn span {font-size:20px; padding-bottom:15px;}
	.index_project_content ul li {width:47.5%; margin:0 1% 2%;}
	.index_contact_content .r .index_message {width:90%;}
	
	/*page*/
	.page_content .framecenter .page_content_on .page_view {font-size:13px; line-height:25px;}
	.news_list ul li .title a {font-size:15px;}
	.news_list ul li .title p {font-size:13px;}
	.news_view_t .bt {margin-bottom:3%;}
	.news_view_t .bt p {font-size:20px;}
	.news_view_t .time {margin-bottom:3%;}
	.news_view_t .fh {padding:0 15px; background:none; line-height:30px;}
	.news_view_t .fh:hover {background:#0071b8;}
	.news_view {font-size:13px;}
	.service_list .service_list_t .title .bt {font-size:30px; line-height:40px;}
	.service_list .service_list_t .title p {font-size:15px;}
	.service_list .service_list_t .title ul li {margin-right:3%;}
	.service_list .service_list_t .title ul li a {font-size:13px;}
	.service_list .service_list_b .bt {font-size:22px;}
}
@media screen and (max-width:410px) {
	/*index*/
	.cases-list li {display:none; float:none; width:100%; margin:0 0 2% 0;}
	.cases-list li:nth-child(1) {display:block;}
	.cases-list li:nth-child(2) {display:block;}
	.cases-list li:nth-child(3) {display:block;}
	.cases-list li:nth-child(4) {display:block;}
	.index_project_content ul li {width:70.5%;}
	.html5 {margin:0 auto 12%;}
	.code {margin:0 auto 12%;}
	.test {margin:0 auto 12%;}
	.customers li {width:32%;}
	.customers li:nth-child(4n) {margin:0 2% 2% 0;}
	.customers li:nth-child(3n) {margin:0 0 2% 0;}
	.customers li:nth-child(13) {display:none;}
	.customers li:nth-child(14) {display:none;}
	.customers li:nth-child(15) {display:none;}
	.customers li:nth-child(16) {display:none;}
	.pcLianxi .lianxi-con {display:none;}
	.pcLianxi .lianxi-con:nth-child(2) {display:block;}
	.pcLianxi .lianxi-con:nth-child(3) {display:block;}
	
	/*page*/
	.page_banner .banner_title {font-size:20px;}
	.page_content .framecenter .page_content_on .page_view {font-size:12px;}
	.news_list ul li .title a {font-size:14px;}
	.news_list ul li .title p {font-size:12px;}
	.news_view_t .bt p {font-size:18px;}
	.news_view_t .time {font-size:12px;}
	.news_view {font-size:12px; line-height:25px;}
	.case_list ul li {width:100%; margin:0 0 2% 0;}
	.service_list .service_list_b ul li {float:none; width:100%; margin:0 0 3% 0;}
}