/* CSS Document */
*{ font-family:"微软雅黑"; margin:0; padding:0;outline:none; -webkit-font-smoothing:antialiased !important; -ms-text-size-adjust: 100% !important; -webkit-text-size-adjust: 100% !important; /*修正手持设备字体变化*/}}
*{-webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-tap-highlight:rgba(0,0,0,0); -webkit-text-size-adjust:none;} 
input,img,textarea{ border:none;}
a{ text-decoration:none;}
a{ blr:expression(this.onFocus=this.blur()); /* IE Opera */ outline:none; /* FF Opera */ } a:focus{ -moz-outline-style: none; /* FF */ }
li{ list-style:none;}
input,textarea,select {outline:none;}
textarea{ resize:none;}
.qing{ display:block; clear:both; overflow:hidden;}
.juzhong{ display:block; width:1260px; margin:0 auto;}
.lf{ display:block; float:left; overflow:hidden;}
.rf{ display:block; float: right; overflow:hidden;}
a:hover {text-decoration: none;}
/***************************case********************************/
/**导航begin**/
.header2{ height:85px; background:#FFF; text-align:left; clear:both; padding:0 30px;}
.header2 .nav2{ display:block; float: right; padding-top:25px;} 
.header2 .nav2 a{
    text-decoration: none;
    font-size:16px; line-height:34px;
    color: #000; width:93px; height:34px; display:block; float:left; text-align:center; }
.header2 .nav2 a:hover, .header2 .nav2 a.current{background:url(../img/navhua2.png) center center no-repeat;}

/**导航end**/
.al_fl{ display:block; width:750px; padding:34px 0 29px; overflow:hidden; height:41px; margin:0 auto;}
.al_fl a.alnn{ color:#fffefe; background:url(../img/al_flbg1.png) center center no-repeat;}
.al_fl a { width:149px; height:41px; display:block; position:relative; overflow:hidden; float:left;  text-align: center;
line-height:41px;  font-size:16px; color:#e2e2e2; margin:0 7px; background:url(../img/al_flbg2.png) center center no-repeat;}

.al_fl a:hover{animation:al_fl 0.3s cubic-bezier(1, .57, .48, 1.45) both;
-webkit-animation:al_fl 0.3s cubic-bezier(1, .57, .48, 1.45) both;
-moz-animation:al_fl 0.3s cubic-bezier(1, .57, .48, 1.45) both ;
-ms-animation:al_fl 0.3s cubic-bezier(1, .57, .48, 1.45) both ;
-o-animation:al_fl 0.3s cubic-bezier(1, .57, .48, 1.45) both;}
@keyframes al_fl
{0% {background:url(../img/al_flbg2.png) center center no-repeat;} 
100%{ background:url(../img/al_flbg1.png) center center no-repeat;}}
@-webkit-keyframes al_fl
{0% {background:url(../img/al_flbg2.png) center center no-repeat;} 
100%{ background:url(../img/al_flbg1.png) center center no-repeat;}}
@-moz-keyframes al_fl
{0% {background:url(../img/al_flbg2.png) center center no-repeat;} 
100%{ background:url(../img/al_flbg1.png) center center no-repeat;}}
@-ms-keyframes al_fl
{0% {background:url(../img/al_flbg2.png) center center no-repeat;} 
100%{ background:url(../img/al_flbg1.png) center center no-repeat;}}
@-o-keyframes al_fl
{0% {background:url(../img/al_flbg2.png) center center no-repeat;} 
100%{ background:url(../img/al_flbg1.png) center center no-repeat;}}

.al_fl a span {
	position: relative;
	display: inline-block;
	-webkit-transition: -webkit-transform 0.3s;
	-moz-transition: -moz-transform 0.3s;
	-ms-transition: -ms-transform 0.3s;
	-o-transition: -o-transform 0.3s;
	transition: transform 0.3s;
}

.al_fl a span::before {
	position: absolute;
	top: 100%;
	content: attr(data-hover);
	-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);
}
.al_fl a:hover span,
.al_fl a:focus span {
	-webkit-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	-0-transform: translateY(-100%);
	transform: translateY(-100%);}

.al_xfl{ display:block; border-top:1px solid #3f3f3f; border-bottom:1px solid #3f3f3f; text-align:center; font-size:14px; color:#9e9e9e; padding:18px 20px; overflow:hidden;} 
/**.al_xfl a, .al_xfl a:visited{ color:#9e9e9e;}**/


.cl-effect-11 a {font-size:14px; line-height:30px; color:#9e9e9e; overflow:hidden; display: inline-block; text-align:left; position:relative; margin:0 30px;}
.cl-effect-11 a::before {
	position: absolute;	top: 0; left: 0; overflow: hidden; max-width: 0; color:#0098c5; content: attr(data-hover);	-webkit-transition: max-width 0.3s;	-moz-transition: max-width 0.3s; transition: max-width 0.3s;}
.cl-effect-11 a:hover::before,
.cl-effect-11 a:focus::before, .cl-effect-11 a.xflnn::before {	max-width: 100%;}

.al_xfl_bt{ padding:35px 30px 16px; overflow:hidden;}
.al_xfl_bt1{ width:37px; height:30px; float:left; position:relative; overflow:hidden;}
.btaltu1, .btaltu2{ display:block; position:absolute; left:0;}
.btaltu1{ top:5px;} .btaltu2{ top:30px;}
.btaltu1, .btaltu2{
	-webkit-transition: all 0.6s cubic-bezier(1, .57, .48, 1.45);
	-moz-transition: all 0.6s cubic-bezier(1, .57, .48, 1.45);
	-o-transition: all 0.6s cubic-bezier(1, .57, .48, 1.45);
	transition: all 0.6s cubic-bezier(1, .57, .48, 1.45);}
.al_xfl_bt:hover .btaltu1{ top:-30px;} .al_xfl_bt:hover .btaltu2{ top:5px;}
.al_xfl_bt2{ display:block; float:left; line-height:30px; font-size:16px; color:#ffffff;}
/**不同分辨率案例展示 begin **/
#workbox{ position:relative; z-index:6; overflow:hidden;}
#workbox .workshow {
	float: left;
	display: block; overflow:hidden;
	width: 20%; position:relative;
	cursor: pointer;

}

#workbox .workshow:before{
	box-sizing: border-box;
	position: absolute;
    content: '';
    right: 30px;
    left: 30px;
    top:30px;
    bottom: 150px;
    -webkit-transform: scale(1.4);
    transform: scale(1.4);
    opacity: 0;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    z-index: 4;
}
#workbox .workshow:hover:before{
	opacity: 1; top:0;
    -webkit-transform: scale(1);
    transform: scale(1);
}
#workbox .opacity1 {
	opacity: 1;
}
.work-size {
	width:50%;
}

@media only screen and (max-width:768px) {
	#workbox .workshow,.work-size {
		width: 50%;
	}
}
@media only screen and (min-width:768px) {
	#workbox .workshow,.work-size {
		width: 33.33%;
	}
}
@media only screen and (min-width:1260px) {
	#workbox .workshow,.work-size {
		width: 25%;
	}
}
@media only screen and (min-width:1800px) {
	#workbox .workshow,.work-size {
		width: 20%;
	}
}
@media only screen and (min-width:2400px) {
	#workbox .workshow,.work-size {
		width: 16.66%;
	}
}

.workshow a {
	display: block; position:relative;
	overflow:hidden;
	text-decoration: none;
}
.workimg {
	display: block;
	margin: 0;
	width: 100%;
	transition: -webkit-transform 0.3s linear;
	transition: -moz-transform 0.3s linear;
    transition: transform 0.3s linear;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1);
}
/*.work_img {display: block;}*/
.work-imgbox{
	overflow: hidden; display:block; position:relative;
}
#workbox .workshow .work-imgbox:before{
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	display: block;
	z-index: 3;
	background: url(../img/nal_hua.png) repeat; top:-100%;
	transition: opacity 0.35s;
    -webkit-transition: opacity 0.35s;
	 opacity:0; -moz-opacity:0;  -ms-opacity:0;  -o-opacity:0; -webkit-opacity:0;   filter: alpha(opacity=0);
}
#workbox .workshow .woryan{ width:100%; height:100%; display:block; position:absolute; z-index:99; left:0; top:0; background: url(../img/nal_yan.png) center top no-repeat; text-align: center;}
#workbox .workshow .woryan{	
	transition: -o-transform 0.6s  cubic-bezier(1, .57, .78, 1.0);
	transition: -ms-transform 0.6s  cubic-bezier(1, .57, .78, 1.0);
	transition: -webkit-transform 0.6s  cubic-bezier(1, .57, .78, 1.0);
	transition: -moz-transform 0.6s  cubic-bezier(1, .57, .78, 1.0);
    transition: transform 0.6s  cubic-bezier(1, .57, .78, 1.0);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
	-ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);  opacity:0; -moz-opacity:0;  -ms-opacity:0;  -o-opacity:0; -webkit-opacity:0;   filter: alpha(opacity=0);}
	
#workbox .workshow:hover .work-imgbox:before{ top:0; opacity:1; -moz-opacity:1;  -ms-opacity:1;  -o-opacity:1; -webkit-opacity:1;   filter: alpha(opacity=100);}
#workbox .workshow:hover .workimg{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);}
#workbox .workshow:hover .woryan{ -webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1);  opacity:1; -moz-opacity:1;  -ms-opacity:1;  -o-opacity:1; -webkit-opacity:1;   filter: alpha(opacity=100); }
#workbox .worjsk{display: block; float:left; background-color:transparent !important;}
/*#workbox .workshow .al_ewmk0{ width:32px; height:32px; float:right !important; position: absolute !important; top:20px; right:23px; z-index:9;}**/
#workbox .worjs{ background:#f5f5f5; padding:20px 23px 23px; overflow:hidden; position:relative;}
#workbox .worjs0{ background:#f1f1f1 !important;  padding:20px 23px 23px; overflow:hidden; position:relative; }
#workbox .worjs1{ font-size:16px; line-height:28px; color:#474646; display:block; margin-bottom:6px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
#workbox .worjs2{ font-size:12px; line-height:24px; color:#9a9999; display:block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
 }
#workbox .workshow .al_ewmk{ display:block; width:32px; height:32px; cursor:pointer; position: absolute; z-index:999; overflow:hidden; background:url(../img/alewm_qu2.png) center center no-repeat;  float: left; bottom:30px; right:23px;}
#workbox .workshow .al_ewm1{ position: relative; display:block; top:0; left:0;}
#workbox .workshow .al_ewm2{ position: relative; display:block; top:0px; left:0;}
#workbox .workshow .al_ewmk, #workbox .workshow .al_ewm1,#workbox .workshow .al_ewm2{
	-o-transition: 0.6s  cubic-bezier(1, .57, .78, 1.45);
	-webkit-transition: 0.6s  cubic-bezier(1, .57, .78, 1.45);
	-ms-transition: 0.6s  cubic-bezier(1, .57, .78, 1.45);
    -moz-transition: 0.6s  cubic-bezier(1, .57, .78, 1.45);
    transition: 0.6s  cubic-bezier(1, .57, .78, 1.45);}
#workbox .workshow:hover .al_ewmk{ background:url(../img/alewm_qu.png) center center no-repeat;}
#workbox .workshow:hover .al_ewmk .al_ewm1{ top:-32px !important;}
#workbox .workshow:hover .al_ewmk .al_ewm2{ top:-32px !important;}


#workbox .workshow i{ display:block;top:33%; position:relative; transform:rotate(-90deg); -webkit-transform:rotate(-90deg); -moz-transform:rotate(-90deg); -o-transform:rotate(-90deg); }
#workbox .workshow i em{ display:inline-block; width: 50px; height: 65px; background-image:url(../img/go.png); transform:scale(0.7,0.7); -webkit-transform:scale(0.7,0.7); -moz-transform:scale(0.7,0.7); -o-transform:scale(0.7,0.7);}
#workbox .workshow i em{ -ms-animation: sprite-animate-go 1.7s steps(51)infinite; animation: sprite-animate-go 1.7s steps(51)infinite; -o-animation: sprite-animate-go 1.7s steps(51)infinite; -moz-animation: sprite-animate-go 1.7s steps(51)infinite; -webkit-animation: sprite-animate-go 1.7s steps(51)infinite; }

@-webkit-keyframes sprite-animate-go {
from { background-position:0 0 }
to { background-position: -2550px 0 }
}
@-moz-keyframes sprite-animate-go {
from { background-position:0 0 }
to { background-position: -2550px 0 }
}
@-o-keyframes sprite-animate-go {
from { background-position:0 0 }
to { background-position: -2550px 0 }
}
@keyframes sprite-animate-go {
from { background-position:0 0 }
to { background-position: -2550px 0 }
}




/**不同分辨率案例展示 end**/

/**内页底部版权样式**/
.fobg{ background:#ffffff; padding:10px 30px;}
.fobg{ font-size:14px; color:#414141; line-height:33px;}
.ny_fo{ display:block; float:left; margin-left:6px; width:32px; height:32px; position:relative; background:url(../img/alewm_qu2.png) center top no-repeat;}
.ny_fo_1{ display:block; clear:both; position:relative; top:0;}
.ny_fo_2{ display:block; clear:both; position:relative; top:0;}

.ny_fo_1, .ny_fo_2{	
	-webkit-transition: all 0.4s cubic-bezier(1, .57, .48, 1.4);
	-moz-transition: all 0.4s cubic-bezier(1, .57, .48, 1.4);
	-o-transition: all 0.4s cubic-bezier(1, .57, .48, 1.4);
	transition: all 0.4s cubic-bezier(1, .57, .48, 1.4);}
.ny_fo:hover .ny_fo_1{top:-32px;}
.ny_fo:hover .ny_fo_2{top:-32px;}
/***************************case_phone********************************/
/* detail */
.detail{position:absolute;width:1250px; height:750px;border:1px solid #ccc;background:#fff;display:none;}
.detail .tit{background:#ddd;display:block;height:33px;cursor:move;}
.detail .tit i{float:right;line-height:33px;padding:0 8px;cursor:pointer;}
.sjtuk{ display: block; background:#C36;}
.sjztu{ width:920px; background:#0C9; height:600px; overflow:scroll;}
#sucai{width:920px;height:600px;margin:10px auto;padding-right:12px;overflow:hidden;}
/*chrome  浏览器滚动条的美化 */
::-webkit-scrollbar-track-piece {width:8px;background-color:#f4f4ff;}
::-webkit-scrollbar { width:8px; background-color:#2882e8;}
::-webkit-scrollbar-thumb { width:8px; height:50px; background-color:#0098c5;}
::-webkit-scrollbar-thumb:hover { width:8px; background-color:#3d3d3d;}

/*******************************service***************************************/
.header{
    width:100%;
    height: 85px;
    min-height: 85px;
    z-index: 17; 
    background: none;
    min-width: 1260px; 
    _width:expression(document.body.clientWidth < 1260px? "1260px": "auto" );  /**当页面body（内容主题/可见区域）的宽度大于1001是，就设为680px.否则，页面居中*/
}
.header_wrap{
    position:relative;
    width:100%;
    height:100%;background:rgba(0, 0, 0, 0.4);
    margin:0 auto;
}
.header a.logo, .header a.logo_grey,  .header a.logo_grey2{
    position: absolute;
    top:0;
    left:0;
    text-decoration: none;
    text-indent:0em;
    display: block; width:354px; height:85px; 
}
/* .header a.logo2{display: block; width:354px; height:85px; float:left;}
.header a.logo{ background: url(../img/logo.png) left top no-repeat;}
.header a.logo_grey { background: url(../img/logo2.png) left top no-repeat;}
.header a.logo2{ background: url(../img/logo_ny.png) left top no-repeat;}
.header a.logo2_grey { background: url(../img/logo_ny.png) left top no-repeat;}
*/
.header .nav, .header .nav_grey{
    position: absolute;
    top:26px;
    right:35px;
    display: block;
    z-index: 18;
}
.header .nav a, 
.header .nav_grey a{
    text-decoration: none;
    font-size:16px; line-height:34px;
    color: #fff; width:93px; height:34px; display:block; float:left; text-align:center; 
}
.header .nav a:hover, .header .nav a.current{background:url(../img/navhua.png) center center no-repeat;}
.header .nav_grey a{ color:#555; }
.header .nav_grey a:hover{background:url(../img/navhua2.png) center center no-repeat;}

.nav_tel{ display:block; width:35px !important; height:35px !important; margin-left:10px; background:url(../img/ttel_2.png) center center no-repeat;}
.nav_tel:hover{ background:url(../img/ttel_2.png) center center no-repeat !important;}
.nav_tel .nav_tel2{ width:35px; height:35px; background:url(../img/ttel_1.png) center center no-repeat; cursor:pointer;}

.nav_tel_2{ display:block; width:35px !important; height:35px !important; margin-left:10px; background:url(../img/ttel_2_0.png) center center no-repeat;}
.nav_tel_2:hover{ background:url(../img/ttel_2_0.png) center center no-repeat !important;}
.nav_tel_2 .nav_tel2_2{ width:35px; height:35px; background:url(../img/ttel_1_0.png) center center no-repeat; cursor:pointer;}
/**手滑弹出电话号码**/
.docBubble {position:absolute;max-width:220px; margin-left:-188px; text-align:left;text-align:left;z-index:100; display:none; line-height:30px; font-size:16px; color:#FFF;}
.docBubble a{ margin-left:0;}
.docBubble .icon{ background:none;}
.docBubble .title a {text-decoration: none;}
.docBubble .tl,.docBubble .tr,.docBubble .bl,.docBubble .inner,.docBubble .triangle-t,.docBubble .triangle-b,.docBubble .close{ background-image:url(../img/tel/manhua_bubbletips.png);_background-image:url(../img/tel/manhua_bubbletips_ie6.png); }
.docBubble .tl{ float:left; background-position:-20px 0; }
.docBubble .tr{ position:absolute;right:-12px; top:0;width:12px; height:12px; background-position:100% 0; }
.docBubble .bl{ position:absolute;left:0; bottom:-12px;  width:12px; height:12px; background-position:-20px 100%; }
.docBubble .inner{ position: relative;left:12px; width:200px;  margin:12px 0 -12px 0; max-width:200px; background-position:100% 100%; padding:0 12px 12px 2px; _padding-bottom:12px; }
.docBubble .triangle-t{ position:absolute; z-index:2; top:-7px; margin-left:170px; width:15px; height:8px; overflow:hidden; }

.docBubble .close{ position:absolute; z-index:1; top:10px; right:2px; width:9px; height:9px; text-indent:-99em; overflow:hidden; background-position:0 -25px; cursor:pointer;}
.docBubble .inner .icon{ float:left; padding: 2px 0;}
.docBubble .inner .icon img{ margin-right:10px; }
.docBubble .inner .cont{ overflow:hidden; zoom:1; line-height:20px;}
.docBubble .inner .title{ margin:0 0 2px 0; font-size:12px;font-weight:bold;}
.docBubble .inner .lk-btn{ text-align:right;}
/**手滑弹出电话号码 end**/
.nav_tel:hover .nav_tel2, .nav_tel_2:hover .nav_tel2_2{
	animation:nav_tel2 0.5s linear infinite alternate both;
	-webkit-animation:nav_tel2 0.5s linear infinite alternate both;
	-moz-animation:nav_tel2 0.5s linear infinite alternate both;
	-o-animation:nav_tel2 0.5s linear infinite alternate both;
}
@keyframes nav_tel2{
0%{ transform: rotate(-15deg); -ms-transform: rotate(-15deg); -webkit-transform: rotate(-15deg); -o-transform: rotate(-15deg); -moz-transform: rotate(-15deg);}
100%{ transform: rotate(15deg); -ms-transform: rotate(15deg); -webkit-transform: rotate(15deg); -o-transform: rotate(15deg); -moz-transform: rotate(15deg);}
}
@-webkit-keyframes nav_tel2{
0%{ transform: rotate(-15deg); -ms-transform: rotate(-15deg); -webkit-transform: rotate(-15deg); -o-transform: rotate(-15deg); -moz-transform: rotate(-15deg);}
100%{ transform: rotate(15deg); -ms-transform: rotate(15deg); -webkit-transform: rotate(15deg); -o-transform: rotate(15deg); -moz-transform: rotate(15deg);}
}
@-moz-keyframes nav_tel2{
0%{ transform: rotate(-15deg); -ms-transform: rotate(-15deg); -webkit-transform: rotate(-15deg); -o-transform: rotate(-15deg); -moz-transform: rotate(-15deg);}
100%{ transform: rotate(15deg); -ms-transform: rotate(15deg); -webkit-transform: rotate(15deg); -o-transform: rotate(15deg); -moz-transform: rotate(15deg);}
}
@-o-keyframes nav_tel2{
0%{ transform: rotate(-15deg); -ms-transform: rotate(-15deg); -webkit-transform: rotate(-15deg); -o-transform: rotate(-15deg); -moz-transform: rotate(-15deg);}
100%{ transform: rotate(15deg); -ms-transform: rotate(15deg); -webkit-transform: rotate(15deg); -o-transform: rotate(15deg); -moz-transform: rotate(15deg);}
}





.nav2 a{ color:#000 !important;}
.nav2 a.current, .header .nav2 a:hover{background:url(../img/navhua2.png) center center no-repeat;}

.logo_ny {animation:logo_ny 0.8s  cubic-bezier(1, .57, .48, 1.1) both;
-webkit-animation:logo_ny 0.8s  cubic-bezier(1, .57, .48, 1.1) both;
-moz-animation:logo_ny 0.8s  cubic-bezier(1, .57, .48, 1.1) both;
-ms-animation:logo_ny 0.8s  cubic-bezier(1, .57, .48, 1.1) both;
-o-animation:logo_ny 0.8s  cubic-bezier(1, .57, .48, 1.1) both; }
@keyframes logo_ny
{0% {margin-left:-200px; opacity:0.7; -moz-opacity:0.7;  -ms-opacity:0.7;  -o-opacity:0.7; -webkit-opacity:0.7;   filter: alpha(opacity=70);} 
100%{margin-left:0px; opacity:1; -moz-opacity:1;  -ms-opacity:1;  -o-opacity:1; -webkit-opacity:1;   filter: alpha(opacity=100);}}
@-webkit-keyframes logo_ny
{0% {margin-left:-200px; opacity:0.7; -moz-opacity:0.7;  -ms-opacity:0.7;  -o-opacity:0.7; -webkit-opacity:0.7;   filter: alpha(opacity=70);} 
100%{margin-left:0px; opacity:1; -moz-opacity:1;  -ms-opacity:1;  -o-opacity:1; -webkit-opacity:1;   filter: alpha(opacity=100);}}
@-moz-keyframes logo_ny
{0% {margin-left:-200px; opacity:0.7; -moz-opacity:0.7;  -ms-opacity:0.7;  -o-opacity:0.7; -webkit-opacity:0.7;   filter: alpha(opacity=70);} 
100%{margin-left:0px; opacity:1; -moz-opacity:1;  -ms-opacity:1;  -o-opacity:1; -webkit-opacity:1;   filter: alpha(opacity=100);}}
@-ms-keyframes logo_ny
{0% {margin-left:-200px; opacity:0.7; -moz-opacity:0.7;  -ms-opacity:0.7;  -o-opacity:0.7; -webkit-opacity:0.7;   filter: alpha(opacity=70);} 
100%{margin-left:0px; opacity:1; -moz-opacity:1;  -ms-opacity:1;  -o-opacity:1; -webkit-opacity:1;   filter: alpha(opacity=100);}}
@-o-keyframes logo_ny
{0% {margin-left:-200px; opacity:0.7; -moz-opacity:0.7;  -ms-opacity:0.7;  -o-opacity:0.7; -webkit-opacity:0.7;   filter: alpha(opacity=70);} 
100%{margin-left:0px; opacity:1; -moz-opacity:1;  -ms-opacity:1;  -o-opacity:1; -webkit-opacity:1;   filter: alpha(opacity=100);}}


.nav {animation:nav 0.8s  cubic-bezier(1, .57, .48, 1.1) both;
-webkit-animation:nav 0.8s  cubic-bezier(1, .57, .48, 1.1) both;
-moz-animation:nav 0.8s  cubic-bezier(1, .57, .48, 1.1) both;
-ms-animation:nav 0.8s  cubic-bezier(1, .57, .48, 1.1) both;
-o-animation:nav 0.8s  cubic-bezier(1, .57, .48, 1.1) both; }
@keyframes nav
{0% {margin-right:-200px; opacity:0.7; -moz-opacity:0.7;  -ms-opacity:0.7;  -o-opacity:0.7; -webkit-opacity:0.7;   filter: alpha(opacity=70);} 
100%{margin-right:0px; opacity:1; -moz-opacity:1;  -ms-opacity:1;  -o-opacity:1; -webkit-opacity:1;   filter: alpha(opacity=100);}}
@-webkit-keyframes nav
{0% {margin-right:-200px; opacity:0.7; -moz-opacity:0.7;  -ms-opacity:0.7;  -o-opacity:0.7; -webkit-opacity:0.7;   filter: alpha(opacity=70);} 
100%{margin-right:0px; opacity:1; -moz-opacity:1;  -ms-opacity:1;  -o-opacity:1; -webkit-opacity:1;   filter: alpha(opacity=100);}}
@-moz-keyframes nav
{0% {margin-right:-200px; opacity:0.7; -moz-opacity:0.7;  -ms-opacity:0.7;  -o-opacity:0.7; -webkit-opacity:0.7;   filter: alpha(opacity=70);} 
100%{margin-right:0px; opacity:1; -moz-opacity:1;  -ms-opacity:1;  -o-opacity:1; -webkit-opacity:1;   filter: alpha(opacity=100);}}
@-ms-keyframes nav
{0% {margin-right:-200px; opacity:0.7; -moz-opacity:0.7;  -ms-opacity:0.7;  -o-opacity:0.7; -webkit-opacity:0.7;   filter: alpha(opacity=70);} 
100%{margin-right:0px; opacity:1; -moz-opacity:1;  -ms-opacity:1;  -o-opacity:1; -webkit-opacity:1;   filter: alpha(opacity=100);}}
@-o-keyframes nav
{0% {margin-right:-200px; opacity:0.7; -moz-opacity:0.7;  -ms-opacity:0.7;  -o-opacity:0.7; -webkit-opacity:0.7;   filter: alpha(opacity=70);} 
100%{margin-right:0px; opacity:1; -moz-opacity:1;  -ms-opacity:1;  -o-opacity:1; -webkit-opacity:1;   filter: alpha(opacity=100);}}
/**内容区**/
.jgtbg{ height:380px; width:100%;  overflow:hidden; position:relative;}
.jgtbg_wx{ height:575px; width:100%;  overflow:hidden; position:relative;}
.jgtbg0{ width:100%; height:100%; position:absolute; z-index:1; left:0; top:0;}

.jg_ser1{ width:100%; text-align:center; position: relative; z-index:6;top:186px;}
.jg_ser1 {animation:jg_ser1 0.6s cubic-bezier(1, .57, .48, 1.1) 0.5s both;
-webkit-animation:jg_ser1 0.6s cubic-bezier(1, .57, .48, 1.1) 0.5s both;
-moz-animation:jg_ser1 0.6s cubic-bezier(1, .57, .48, 1.1) 0.5s both;
-ms-animation:jg_ser1 0.6s cubic-bezier(1, .57, .48, 1.1) 0.5s both;
-o-animation:jg_ser1 0.6s cubic-bezier(1, .57, .48, 1.1) 0.5s both; }
@keyframes jg_ser1
{0% {top:26px; opacity:0; -moz-opacity:0;  -ms-opacity:0;  -o-opacity:0; -webkit-opacity:0;   filter: alpha(opacity=0);} 
100%{top:186px; opacity:1; -moz-opacity:1;  -ms-opacity:1;  -o-opacity:1; -webkit-opacity:1;   filter: alpha(opacity=100);}}
@-webkit-keyframes jg_ser1
{0% {top:26px; opacity:0; -moz-opacity:0;  -ms-opacity:0;  -o-opacity:0; -webkit-opacity:0;   filter: alpha(opacity=0);} 
100%{top:186px; opacity:1; -moz-opacity:1;  -ms-opacity:1;  -o-opacity:1; -webkit-opacity:1;   filter: alpha(opacity=100);}}
@-moz-keyframes jg_ser1
{0% {top:26px; opacity:0; -moz-opacity:0;  -ms-opacity:0;  -o-opacity:0; -webkit-opacity:0;   filter: alpha(opacity=0);} 
100%{top:186px; opacity:1; -moz-opacity:1;  -ms-opacity:1;  -o-opacity:1; -webkit-opacity:1;   filter: alpha(opacity=100);}}
@-ms-keyframes jg_ser1
{0% {top:26px; opacity:0; -moz-opacity:0;  -ms-opacity:0;  -o-opacity:0; -webkit-opacity:0;   filter: alpha(opacity=0);} 
100%{top:186px; opacity:1; -moz-opacity:1;  -ms-opacity:1;  -o-opacity:1; -webkit-opacity:1;   filter: alpha(opacity=100);}}
@-o-keyframes jg_ser1
{0% {top:26px; opacity:0; -moz-opacity:0;  -ms-opacity:0;  -o-opacity:0; -webkit-opacity:0;   filter: alpha(opacity=0);} 
100%{top:186px; opacity:1; -moz-opacity:1;  -ms-opacity:1;  -o-opacity:1; -webkit-opacity:1;   filter: alpha(opacity=100);}}

.jg_ser2{ line-height:26px; font-size:16px; color:#ffffff; text-align:center; position: absolute;top:272px; width:100%; z-index:6;}
.jg_ser2 table{ margin:0 auto; }
.jg_ser2 table a{ width:149px; height:41px; display:block; margin:0 7px; position:relative; float:left; color:#fffefe; line-height:41px; overflow: hidden; background: url(../img/fla_qie3.png) center center no-repeat; cursor:pointer;}
.jg_ser2 table a:visited{ color:#fffefe;}
.jg_ser2 table a span{ display:block; position:relative; top:0;}
.jg_ser2 table a, .jg_ser2 table a span{
	-webkit-transition: all 0.4s cubic-bezier(0.25, 0.46, 0.65, 1.2);
	-moz-transition: all 0.4s cubic-bezier(0.25, 0.46, 0.65, 1.2);
	-o-transition: all 0.4s cubic-bezier(0.25, 0.46, 0.65, 1.2);
	transition: all 0.4s cubic-bezier(0.25, 0.46, 0.65, 1.2);}
.jg_ser2 a:hover{ background:url(../img/fla_qie2.png) center center no-repeat;}
.jg_ser2 a:hover span{ top:-41px;}

.jg_ser2 {animation:jg_ser2 0.8s cubic-bezier(1, .57, .48, 1.1) 0.6s both;
-webkit-animation:jg_ser2 0.8s cubic-bezier(1, .57, .48, 1.1) 0.6s both;
-moz-animation:jg_ser2 0.8s cubic-bezier(1, .57, .48, 1.1) 0.6s both;
-ms-animation:jg_ser2 0.8s cubic-bezier(1, .57, .48, 1.1) 0.6s both;
-o-animation:jg_ser2 0.8s cubic-bezier(1, .57, .48, 1.1) 0.6s both; }
@keyframes jg_ser2
{0% {top:432px; opacity:0; -moz-opacity:0;  -ms-opacity:0;  -o-opacity:0; -webkit-opacity:0;   filter: alpha(opacity=0);} 
100%{top:272px; opacity:1; -moz-opacity:1;  -ms-opacity:1;  -o-opacity:1; -webkit-opacity:1;   filter: alpha(opacity=100);}}
@-webkit-keyframes jg_ser2
{0% {top:432px; opacity:0; -moz-opacity:0;  -ms-opacity:0;  -o-opacity:0; -webkit-opacity:0;   filter: alpha(opacity=0);} 
100%{top:272px; opacity:1; -moz-opacity:1;  -ms-opacity:1;  -o-opacity:1; -webkit-opacity:1;   filter: alpha(opacity=100);}}
@-moz-keyframes jg_ser2
{0% {top:432px; opacity:0; -moz-opacity:0;  -ms-opacity:0;  -o-opacity:0; -webkit-opacity:0;   filter: alpha(opacity=0);} 
100%{top:272px; opacity:1; -moz-opacity:1;  -ms-opacity:1;  -o-opacity:1; -webkit-opacity:1;   filter: alpha(opacity=100);}}
@-ms-keyframes jg_ser2
{0% {top:432px; opacity:0; -moz-opacity:0;  -ms-opacity:0;  -o-opacity:0; -webkit-opacity:0;   filter: alpha(opacity=0);} 
100%{top:272px; opacity:1; -moz-opacity:1;  -ms-opacity:1;  -o-opacity:1; -webkit-opacity:1;   filter: alpha(opacity=100);}}
@-o-keyframes jg_ser2
{0% {top:432px; opacity:0; -moz-opacity:0;  -ms-opacity:0;  -o-opacity:0; -webkit-opacity:0;   filter: alpha(opacity=0);} 
100%{top:272px; opacity:1; -moz-opacity:1;  -ms-opacity:1;  -o-opacity:1; -webkit-opacity:1;   filter: alpha(opacity=100);}}

/**4大服务**/
.ddafwk{ background:#FFF; padding:25px 0 75px; overflow:hidden;}
.dafwk{ width:94%; margin:0 auto; overflow:hidden; position:relative;}
.dfwk{ width:20%; float:left; position:relative; }
.dafwk_ti{padding-bottom:58px; width:288px; height:110px; margin:0 auto; position:relative;}
.dafwk_ti img{ position: absolute; display:block;}
.dat1_01{ left:0; top:0;} .dat1_02{ right:0; top:0;} .dat1_03{ right:0; bottom:80px;}
.dat1_01{
	animation:dat1_01 0.5s cubic-bezier(1, .57, .48, 1.1) 0.3s both;
	-webkit-animation:dat1_01 0.5s cubic-bezier(1, .57, .48, 1.1) 0.3s both;
	-moz-animation:dat1_01 0.5s cubic-bezier(1, .57, .48, 1.1) 0.3s both;
	-ms-animation:dat1_01 0.5s cubic-bezier(1, .57, .48, 1.1) 0.3s both;
	-o-animation:dat1_01 0.5s cubic-bezier(1, .57, .48, 1.1) 0.3s both; }
@keyframes dat1_01
{0% { top:100px;opacity:0; -moz-opacity:0;  -ms-opacity:0;  -o-opacity:0; -webkit-opacity:0;   filter: alpha(opacity=0);} 
100%{ top:0px; opacity:1; -moz-opacity:1;  -ms-opacity:1;  -o-opacity:1; -webkit-opacity:1;   filter: alpha(opacity=100);}}
@-webkit-keyframes dat1_01
{0% { top:100px;opacity:0; -moz-opacity:0;  -ms-opacity:0;  -o-opacity:0; -webkit-opacity:0;   filter: alpha(opacity=0);} 
100%{ top:0px; opacity:1; -moz-opacity:1;  -ms-opacity:1;  -o-opacity:1; -webkit-opacity:1;   filter: alpha(opacity=100);}}
@-moz-keyframes dat1_01
{0% { top:100px;opacity:0; -moz-opacity:0;  -ms-opacity:0;  -o-opacity:0; -webkit-opacity:0;   filter: alpha(opacity=0);} 
100%{ top:0px; opacity:1; -moz-opacity:1;  -ms-opacity:1;  -o-opacity:1; -webkit-opacity:1;   filter: alpha(opacity=100);}}
@-ms-keyframes dat1_01
{0% { top:100px;opacity:0; -moz-opacity:0;  -ms-opacity:0;  -o-opacity:0; -webkit-opacity:0;   filter: alpha(opacity=0);} 
100%{ top:0px; opacity:1; -moz-opacity:1;  -ms-opacity:1;  -o-opacity:1; -webkit-opacity:1;   filter: alpha(opacity=100);}}
@-o-keyframes dat1_01
{0% { top:100px;opacity:0; -moz-opacity:0;  -ms-opacity:0;  -o-opacity:0; -webkit-opacity:0;   filter: alpha(opacity=0);} 
100%{ top:0; opacity:1; -moz-opacity:1;  -ms-opacity:1;  -o-opacity:1; -webkit-opacity:1;   filter: alpha(opacity=100);}}

.dat1_02, .dat1_03{
	animation:dat1_02 0.5s cubic-bezier(1, .57, .48, 1.1) both;
	-webkit-animation:dat1_02 0.5s cubic-bezier(1, .57, .48, 1.1) both;
	-moz-animation:dat1_02 0.5s cubic-bezier(1, .57, .48, 1.1) both;
	-ms-animation:dat1_02 0.5s cubic-bezier(1, .57, .48, 1.1) both;
	-o-animation:dat1_02 0.5s cubic-bezier(1, .57, .48, 1.1) both; }
.dat1_02{animation-delay:0.7s; -webkit-animation-delay:0.7s; -ms-animation-delay:0.7s; -moz-animation-delay:0.7s; -o-animation-delay:0.7s;}
.dat1_03{animation-delay:1.2s; -webkit-animation-delay:1.2s; -ms-animation-delay:1.2s; -moz-animation-delay:1.2s; -o-animation-delay:1.2s;}
@keyframes dat1_02
{0% { right:-100px;opacity:0; -moz-opacity:0;  -ms-opacity:0;  -o-opacity:0; -webkit-opacity:0;   filter: alpha(opacity=0);} 
100%{ right:0; opacity:1; -moz-opacity:1;  -ms-opacity:1;  -o-opacity:1; -webkit-opacity:1;   filter: alpha(opacity=100);}}
@-webkit-keyframes dat1_02
{0% { right:-100px;opacity:0; -moz-opacity:0;  -ms-opacity:0;  -o-opacity:0; -webkit-opacity:0;   filter: alpha(opacity=0);} 
100%{ right:0; opacity:1; -moz-opacity:1;  -ms-opacity:1;  -o-opacity:1; -webkit-opacity:1;   filter: alpha(opacity=100);}}
@-moz-keyframes dat1_02
{0% { right:-100px;opacity:0; -moz-opacity:0;  -ms-opacity:0;  -o-opacity:0; -webkit-opacity:0;   filter: alpha(opacity=0);} 
100%{ right:0; opacity:1; -moz-opacity:1;  -ms-opacity:1;  -o-opacity:1; -webkit-opacity:1;   filter: alpha(opacity=100);}}
@-ms-keyframes dat1_02
{0% { right:-100px;opacity:0; -moz-opacity:0;  -ms-opacity:0;  -o-opacity:0; -webkit-opacity:0;   filter: alpha(opacity=0);} 
100%{ right:0; opacity:1; -moz-opacity:1;  -ms-opacity:1;  -o-opacity:1; -webkit-opacity:1;   filter: alpha(opacity=100);}}
@-o-keyframes dat1_02
{0% { right:-100px;opacity:0; -moz-opacity:0;  -ms-opacity:0;  -o-opacity:0; -webkit-opacity:0;   filter: alpha(opacity=0);} 
100%{ right:0; opacity:1; -moz-opacity:1;  -ms-opacity:1;  -o-opacity:1; -webkit-opacity:1;   filter: alpha(opacity=100);}}
	
	

.dfwkx1, .dfwkx2, .dfwkx3, .dfwkx4, .dfwkx5, .dfwkx6{ width:1px; height:100%; background:#cee0e5; position:absolute; }
.dfwkx1{ left:0;} .dfwkx2{ left:20%;} .dfwkx3{ left:40%;} .dfwkx4{ left:60%;}.dfwkx5{left:80%;} .dfwkx6{ right:0;}

.dfw1{ display:block; text-align:center; line-height:36px; font-size:24px; color:#000; padding:17px 15px 0; height:76px;}
.dfw1 span{ display:block; clear:both; font-size:14px; color:#000; line-height:20px !important;}
.dfw2{ text-align:center; padding: 0 15px 19px; height:62px; position: relative;}
.dfw2_2{width:90px; height:0; position:absolute; display:block; top:0; left:50%; margin-left:-45px; }
.dfw2_2{
	-webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 1.1);
	-moz-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 1.1);
	-o-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 1.1);
	transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 1.1);}
.dfwk:hover .dfw2_2{ height:62px;}
.dfw3{ display:block; text-align:center; color:#000; font-size:14px; line-height:30px; padding:0 20px 30px;}
/**4大服务飞入特效**/
.dfwk{
	animation:dfwk 1s cubic-bezier(1, .57, .48, 1.1) 0s both;
	-webkit-animation:dfwk 1s cubic-bezier(1, .57, .48, 1.1) 0s both;
	-moz-animation:dfwk 1s cubic-bezier(1, .57, .48, 1.1) 0s both;
	-ms-animation:dfwk 1s cubic-bezier(1, .57, .48, 1.1) 0s both;
	-o-animation:dfwk 1s cubic-bezier(1, .57, .48, 1.1) 0s both; }
.dfwk_01{animation-delay:0.2s; -webkit-animation-delay:0.2s; -ms-animation-delay:0.2s; -moz-animation-delay:0.2s; -o-animation-delay:0.2s;}
.dfwk_02{animation-delay:0.4s; -webkit-animation-delay:0.4s; -ms-animation-delay:0.4s; -moz-animation-delay:0.4s; -o-animation-delay:0.4s;}
.dfwk_03{animation-delay:0.6s; -webkit-animation-delay:0.6s; -ms-animation-delay:0.6s; -moz-animation-delay:0.6s; -o-animation-delay:0.6s;}
.dfwk_04{animation-delay:0.8s; -webkit-animation-delay:0.8s; -ms-animation-delay:0.8s; -moz-animation-delay:0.8s; -o-animation-delay:0.8s;}
.dfwk_05{animation-delay:1s; -webkit-animation-delay:1s; -ms-animation-delay:1s; -moz-animation-delay:1s; -o-animation-delay:1s;}
@keyframes dfwk
{0% { top:300px;opacity:0; -moz-opacity:0;  -ms-opacity:0;  -o-opacity:0; -webkit-opacity:0;   filter: alpha(opacity=0);} 
100%{ top:0; opacity:1; -moz-opacity:1;  -ms-opacity:1;  -o-opacity:1; -webkit-opacity:1;   filter: alpha(opacity=100);}}
@-webkit-keyframes dfwk
{0% { top:300px;opacity:0; -moz-opacity:0;  -ms-opacity:0;  -o-opacity:0; -webkit-opacity:0;   filter: alpha(opacity=0);} 
100%{ top:0; opacity:1; -moz-opacity:1;  -ms-opacity:1;  -o-opacity:1; -webkit-opacity:1;   filter: alpha(opacity=100);}}
@-moz-keyframes dfwk
{0% { top:300px;opacity:0; -moz-opacity:0;  -ms-opacity:0;  -o-opacity:0; -webkit-opacity:0;   filter: alpha(opacity=0);} 
100%{ top:0; opacity:1; -moz-opacity:1;  -ms-opacity:1;  -o-opacity:1; -webkit-opacity:1;   filter: alpha(opacity=100);}}
@-ms-keyframes dfwk
{0% { top:300px;opacity:0; -moz-opacity:0;  -ms-opacity:0;  -o-opacity:0; -webkit-opacity:0;   filter: alpha(opacity=0);} 
100%{ top:0; opacity:1; -moz-opacity:1;  -ms-opacity:1;  -o-opacity:1; -webkit-opacity:1;   filter: alpha(opacity=100);}}
@-o-keyframes dfwk
{0% { top:300px;opacity:0; -moz-opacity:0;  -ms-opacity:0;  -o-opacity:0; -webkit-opacity:0;   filter: alpha(opacity=0);} 
100%{ top:0; opacity:1; -moz-opacity:1;  -ms-opacity:1;  -o-opacity:1; -webkit-opacity:1;   filter: alpha(opacity=100);}}
/**服务体系***/
.fwtk{ background:#efefef; padding:40px 0;}
.fwti{ display:block; width:288px; height:110px; margin:0 auto; padding-bottom:5px;}




/*6大价格套餐*/
.jgtcbg{ background:#fff; padding:35px 0 62px;}
.jgtc_bt{ text-align:center; padding-bottom:25px; width:288px; height:110px; margin:0 auto; position:relative;}
.jgtc_bt img{ position: absolute; display:block;}
.djg_bt1{ left:0; top:100px; opacity:0; -moz-opacity:0;  -ms-opacity:0;  -o-opacity:0; -webkit-opacity:0;   filter: alpha(opacity=0);} 
.djg_bt2{ right:-100px; top:0; opacity:0; -moz-opacity:0;  -ms-opacity:0;  -o-opacity:0; -webkit-opacity:0;   filter: alpha(opacity=0);}
 .djg_bt3{ right:-100px; bottom:25px; opacity:0; -moz-opacity:0;  -ms-opacity:0;  -o-opacity:0; -webkit-opacity:0;   filter: alpha(opacity=0);}

.dajgk{ width:96%; margin:0 auto; overflow:hidden; position:relative; }
.jgk1{ position:relative; float:left; width:16.6666667%; top:300px;opacity:0; -moz-opacity:0;  -ms-opacity:0;  -o-opacity:0; -webkit-opacity:0;   filter: alpha(opacity=0);}
.jgk1_1{ padding:32px 0 18px; height:150px;}
.jgk1_1_1{ text-align:center; font-size:24px; line-height:40px; color:#FFF; padding-bottom:24px;}
.jgk1_1_21{ width:26px; height:26px; clear:both; position:relative; line-height:26px; color:#8cd5f7; font-size:22px; text-align:center; background:url(../img/abc_q.png) center center no-repeat; margin-left:auto; margin-right:auto;}
.jgk1_1_22{ color:#06587e; font-size:14px; line-height:26px; padding-top:8px;}
.jgk1_1_23{ color:#06587e; font-size:14px; line-height:24px; font-weight:bold;}

.jgk1_2{ display:block; background:#FFF; border:1px solid #dcdcdc; border-top:none; position:relative; z-index:2;  clear:both;}
.jgk1_2_1{ padding:17px 26px; line-height:24px; font-size:14px; color:#252525;}
.jgk1_2_2{ display:block; background:#f6f6f6; font-size:12px; color:#252525; line-height:30px; padding:15px 30px; height:auto; min-height:120px; _height:120px; }
.jgk1_2_3{ display:block; font-size:12px; color:#484747; line-height:30px; height:auto; min-height:120px; _height:120px; padding:15px 30px 53px;}
.jgk1_3{ display:block; position:relative; z-index:4; clear:both; overflow:hidden; width:74px; height:55px; background:url(../img/ckbg.png) center center no-repeat; font-size:12px; color:#606060; line-height:18px; text-align:center; padding-top:19px; margin:-35px auto 0;-webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;-ms-border-radius:50%;border-radius:50%;}
/*flash*/
.fbgx{ clear:both; position:relative; overflow:hidden; width:15px; height:2px; position: relative; margin:0 auto;}
.jgk1_1_3{ text-align:center; padding-top:4px;}
/****流程****/
.lcbg0{ display:block; position:relative; overflow:hidden; background:url(../img/flcbg.jpg) center top no-repeat; height:808px; padding-top:44px;}
.lctu{ display:block; padding-top:50px; text-align:center;}

/**底部_服务***/
.fobg_ser{ background:#ebebeb; padding:52px 30px;}
.fologo{ display:block; text-align:center;}
.banq_ser{ text-align:center; line-height:26px; color:#484848; font-size:12px; padding:14px 0 26px;}
.banq_ser a{ color:#484848;}

.saom{ position:relative; margin:0 auto; width:460px;}
.saom div{ display:block; float:left; margin-left:10px;}
.saom div img{ display:block; float:left; position:relative;}
.fo_tel{ width:341px; height:49px; position:relative; display:block; background:url(../img/fo_telk.png) center center no-repeat; background-size:100% 100%; } .fo_tel1{ display:block; position:relative; left:0; top:0;}
.fo_tel2{ display:block; position:absolute; left:22px; top:-49px;}
.fo_tel:hover .fo_tel2 {
	animation:fo_tel2 0.4s linear 0s infinite alternate both;
-webkit-animation:fo_tel2 0.4s linear 0s infinite alternate both;
-moz-animation:fo_tel2 0.4s linear 0s infinite alternate both;
-ms-animation:fo_tel2 0.4s linear 0s infinite alternate both;
-o-animation:fo_tel2 0.4s linear 0s infinite alternate both; }
@keyframes fo_tel2
{0% {-webkit-transform: scale(1); -moz-transform: scale(1);	-ms-transform: scale(1); -o-transform: scale(1); transform: scale(1);} 
100%{-webkit-transform: scale(1.2); -moz-transform: scale(1.2);	-ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); }}
@-webkit-keyframes fo_tel2
{0% {-webkit-transform: scale(1); -moz-transform: scale(1);	-ms-transform: scale(1); -o-transform: scale(1); transform: scale(1);} 
100%{-webkit-transform: scale(1.2); -moz-transform: scale(1.2);	-ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); }}
@-moz-keyframes fo_tel2
{0% {-webkit-transform: scale(1); -moz-transform: scale(1);	-ms-transform: scale(1); -o-transform: scale(1); transform: scale(1);} 
100%{-webkit-transform: scale(1.2); -moz-transform: scale(1.2);	-ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); }}
@-ms-keyframes fo_tel2
{0% {-webkit-transform: scale(1); -moz-transform: scale(1);	-ms-transform: scale(1); -o-transform: scale(1); transform: scale(1);} 
100%{-webkit-transform: scale(1.2); -moz-transform: scale(1.2);	-ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); }}
@-o-keyframes fo_tel2
{0% {-webkit-transform: scale(1); -moz-transform: scale(1);	-ms-transform: scale(1); -o-transform: scale(1); transform: scale(1);} 
100%{-webkit-transform: scale(1.2); -moz-transform: scale(1.2);	-ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); }}



.fo_wei1{ display:block; background:url(../img/fo_weik.png) center center no-repeat; position:relative; width:49px; height:49px; overflow:hidden; background-size:100% 100%;} .fo_wei1 a{ cursor:pointer;}
.fo_wei1_0, .fo_wei1_1{ width:49px; height:49px; position: absolute !important; left:0; display: block;}
.fo_wei1_0{ top:0;} .fo_wei1_1{ top:49px;}
.fo_wei1_0, .fo_wei1_1{	
	-webkit-transition: all 0.4s cubic-bezier(1, .57, .48, 1.4);
	-moz-transition: all 0.4s cubic-bezier(1, .57, .48, 1.4);
	-o-transition: all 0.4s cubic-bezier(1, .57, .48, 1.4);
	transition: all 0.4s cubic-bezier(1, .57, .48, 1.4);}
.fo_wei1:hover .fo_wei1_0{top:-49px;}
.fo_wei1:hover .fo_wei1_1{top:0px;}
/*****************************联系******************************/
.lxbt{ text-align:center; line-height:36px; font-size:24px; color:#000;}
.con{ display:block; float:left; width:670px; height:auto; background:#0098c5; height:560px; padding-top:55px; position:relative;}
.map{ display:block; margin-left:670px;}
.con1{ line-height:30px; font-size:14px; color:#ffffff; border-bottom:1px solid #22a9d1; padding-bottom:23px;}
.con2{ padding-top:13px; line-height:40px; font-size:14px; color:#FFF; overflow:hidden;}
.add{ position: relative; overflow:hidden;}
.add1{float:left; width:20px; height:40px; position:relative; overflow:hidden;}
.add2{  position:relative; margin-left:30px; }
.add1_1{ position:relative; display:block; top:8px;}
.add1_2{ position: absolute; display:block; top:48px;}
.add1_1, .add1_2{	
	-webkit-transition: all 0.4s cubic-bezier(1, .57, .48, 1.4);
	-moz-transition: all 0.4s cubic-bezier(1, .57, .48, 1.4);
	-o-transition: all 0.4s cubic-bezier(1, .57, .48, 1.4);
	transition: all 0.4s cubic-bezier(1, .57, .48, 1.4);}
.add:hover .add1_1{top:-48px;}
.add:hover .add1_2{top:8px;}
.sao_ewm{ display:block; float: left; margin-right:20px; text-align:center; line-height:28px; font-size:14px; color:#FFF; position: relative; margin-top:20px; left:0;}

@media only screen and (max-width:768px) {
	.con{ width:417px; padding-left:58px; padding-right:55px;}
	.map{ margin-left:530px;}
}
@media only screen and (min-width:768px) {
	.con{ width:417px; padding-left:58px; padding-right:55px;}
	.map{ margin-left:530px;}
}
@media only screen and (min-width:1260px) {
	.con{ width:517px; padding-left:88px; padding-right:65px;}
	.map{ margin-left:670px;}
}
@media only screen and (min-width:1900px) {
	.con{ width:517px; padding-left:88px; padding-right:65px;}
	.map{margin-left:670px;}
}

/****************************phone***************************/
.taock2{ width:160px; height:auto; float:left; padding-top:25px; position:relative;}
.taock{ width:220px; height:auto; float:left; position:relative;}
.taocbt2{ display:block;  height:95px;}
.tcxz1{ display:block; padding-top:36px; text-align:center; line-height:28px; font-size:18px; color:#FFF;}
.taocbt{ display:block; height:120px;}
.taoc_lx2{ display:block; padding:20px 25px; text-align:right; line-height:22px; font-size:16px; color:#333; border-left:1px solid #e7e7e7;border-bottom:1px solid #e7e7e7;  height:auto; min-height:194px; _height:194px; background:#FFF;}
.taoc_lx, .taoc_lx0{ display:block; padding:20px 20px;  line-height:24px; font-size:12px; color:#333; background:#eef9fc; border-left:1px solid #e7e7e7; border-bottom:1px solid #e7e7e7;  height:auto; min-height:194px; _height:194px; }
.taoc_lx{ background:#fff; } .taoc_lx a, .taoc_lx a:visited{ cursor:pointer; color:#0098c5;}
.taoc_nf2{ display:block; padding:18px 25px 0; text-align:right; line-height:24px; font-size:16px; color:#333; border-left:1px solid #e7e7e7;border-bottom:1px solid #e7e7e7; height:42px;}
.taoc_nf{ display:block; padding:18px 20px 0; background:#FFF; line-height:24px; font-size:12px; color:#333; border-left:1px solid #e7e7e7;border-bottom:1px solid #e7e7e7; height:42px;}
.taoc_nf3{ display:block; padding:18px 25px; text-align:right; line-height:24px; font-size:16px; color:#333; border-left:1px solid #e7e7e7;border-bottom:1px solid #e7e7e7; height:150px;}
.taoc_nf3 span{ display:block; clear:both; height:27px;}
.taoc_nf3 b{ display:block; clear:both; font-weight:normal; font-size:12px !important; line-height:30px; height:30px; color:#0098c5;}
.taoc_zz{ display:block; padding:18px 25px; text-align: center; border-left:1px solid #e7e7e7;border-bottom:1px solid #e7e7e7; height:150px;}
.taoc_zz span{ display:block; height:27px;}
.taoc_zz b{ display:block; height:30px; line-height:30px; font-size:12px; color:#666666; text-align:center;}
.taoc_kf{display:block; padding:39px 25px; line-height:24px; font-size:16px; color:#333; border-left:1px solid #e7e7e7;border-bottom:1px solid #e7e7e7; height:38px;}
.taoc_kf1{ width:128px; height:37px; display:block; background:url(../img/lxkf.png) center center no-repeat; margin:0 auto; text-align:center; overflow:hidden; line-height:37px; color:#0086ae; font-size:16px; position:relative;} .taoc_kf1 span{ display:block; clear:both; position:relative;}
.taoc_kf10{ top:0;} .taoc_kf11{ top:0;}
.taoc_kf10, .taoc_kf11{	
	-webkit-transition: all 0.4s cubic-bezier(1, .57, .48, 1.4);
	-moz-transition: all 0.4s cubic-bezier(1, .57, .48, 1.4);
	-o-transition: all 0.4s cubic-bezier(1, .57, .48, 1.4);
	transition: all 0.4s cubic-bezier(1, .57, .48, 1.4);}
.taoc_kf1:hover .taoc_kf10{top:-37px;}
.taoc_kf1:hover .taoc_kf11{top:-37px;}

.sjbg{ position:relative; margin-top:-120px; z-index:6;}
/**价格飞入特效**/
.tck1, .tck2, .tck3, .tck4, .tck5, .tck6{
	animation:tck1 1s cubic-bezier(1, .57, .48, 1.4) 0s both;
	-webkit-animation:tck1 1s cubic-bezier(1, .57, .48, 1.4) 0s both;
	-moz-animation:tck1 1s cubic-bezier(1, .57, .48, 1.4) 0s both;
	-ms-animation:tck1 1s cubic-bezier(1, .57, .48, 1.4) 0s both;
	-o-animation:tck1 1s cubic-bezier(1, .57, .48, 1.4) 0s both; }
.tck1{animation-delay:0; -webkit-animation-delay:0; -ms-animation-delay:0; -moz-animation-delay:0; -o-animation-delay:0;}
.tck2{animation-delay:0.2s; -webkit-animation-delay:0.2s; -ms-animation-delay:0.2s; -moz-animation-delay:0.2s; -o-animation-delay:0.2s;}
.tck3{animation-delay:0.4s; -webkit-animation-delay:0.4s; -ms-animation-delay:0.4s; -moz-animation-delay:0.4s; -o-animation-delay:0.4s;}
.tck4{animation-delay:0.6s; -webkit-animation-delay:0.6s; -ms-animation-delay:0.6s; -moz-animation-delay:0.6s; -o-animation-delay:0.6s;}
.tck5{animation-delay:0.8s; -webkit-animation-delay:0.8s; -ms-animation-delay:0.8s; -moz-animation-delay:0.8s; -o-animation-delay:0.8s;}
.tck6{animation-delay:1s; -webkit-animation-delay:1s; -ms-animation-delay:1s; -moz-animation-delay:1s; -o-animation-delay:1s;}
@keyframes tck1
{0% { top:300px;} 100%{ top:0; }}
@-webkit-keyframes tck1
{0% { top:300px;} 100%{ top:0; }}
@-moz-keyframes tck1
{0% { top:300px;} 100%{ top:0; }}
@-ms-keyframes tck1
{0% { top:300px;} 100%{ top:0; }}
@-o-keyframes tck1
{0% { top:300px;} 100%{ top:0; }}

/**一站全包**/
.bao_ti{ text-align:center; line-height:36px; font-size:34px; color:#383838; margin-bottom:33px; }
.baok{ display:block; overflow:hidden; padding:48px 0 0; }
.bao1{ width:175px; height:177px; display:block; float:left; position:relative; }
.baobk{ width:175px; height:177px; display:block; background:url(../img/baobg.png) left top no-repeat; position:absolute; top:0; left:0; z-index:3 !important;}
.baok ul{ position:relative;}
.baok li{ width:175px; height:177px; position:relative; overflow:hidden; display:block; float:left; left:100px; filter: alpha(opacity=0); opacity: 0; }

.bao10{ width:138px; height:138px; position:relative; text-align:center; overflow:hidden;z-index:2;}
.bao1_1{ position:absolute; left:0; top:0;}.bao1_0{ position:absolute; left:138px; top:0;}
.bao1_2{ position: absolute;  width:138px; text-align:center; top:77px; color:#383838; font-size:18px; line-height:30px; z-index:6;}

.bao1_1, .bao1_0{	
	-webkit-transition: all 0.4s cubic-bezier(1, .57, .48, 1.4);
	-moz-transition: all 0.4s cubic-bezier(1, .57, .48, 1.4);
	-o-transition: all 0.4s cubic-bezier(1, .57, .48, 1.4);
	transition: all 0.4s cubic-bezier(1, .57, .48, 1.4);}
.bao1:hover .bao1_0{ left:0px; }
.bao1:hover .bao1_1{ left:-138px;}

/*专注于*/
.zzbg{ display:block; height:853px; background:url(../img/zzdabg.jpg) center center no-repeat; color:#edf9fc;}
.zzdbt{ display:block; position:relative; padding-top:85px; left:10px;}
.zzdbt li{ padding:12px 34px 13px 12px; width:252px; height:84px; clear:both; float:left; overflow:hidden; position:relative;}
.zzdbt.rf li{padding:12px 12px 12px 34px;  }
.zzbt2{ position:absolute; left:-298px; top:0;}
.zzdbt.rf li .zzbt3{ position:absolute; right:-298px; top:0;}
.zzbt1{ border:1px solid #626262; height:84px; position:relative; display:block; position:relative; z-index:2;}
.zzbt1_1{ position:relative; padding:16px 10px 0 84px; position:relative; z-index:2;}
.zzbt1_1 span{ display:block; clear: both; line-height:26px; font-size:16px; color:#edf9fc;}
.zzbt1_1 span i{ font-style:normal; font-family: "宋体";}
.zzbt1_1 b{ display:block; font-weight:normal; clear: both; line-height:24px; font-size:14px; color:#b0b7b9;}
.zzxb{ display:block; position:absolute; z-index:3; width:44px; left:30px; top:0px; height:82px; overflow:hidden;}
.zzxb1{ position:absolute; top:19px; left:0;}
.zzxb2{ position:absolute; top:101px; left:0;}
.zzbt1, .zzbt2, .zzbt3, .zzxb1, .zzxb2{	
	-webkit-transition: all 0.4s cubic-bezier(1, .57, .48, 1.4);
	-moz-transition: all 0.4s cubic-bezier(1, .57, .48, 1.4);
	-o-transition: all 0.4s cubic-bezier(1, .57, .48, 1.4);
	transition: all 0.4s cubic-bezier(1, .57, .48, 1.4);}
.zzdbt li.zznn .zzbt1, .zzdbt li:hover .zzbt1{ border-color:#91cee1;}
.zzdbt li.zznn .zzbt1_1 span, .zzdbt li.zznn .zzbt1_1 b, .zzdbt li:hover .zzbt1_1 span, .zzdbt li:hover .zzbt1_1 b{ color:#fff; font-weight: normal;}
.zzdbt li.zznn .zzbt2, .zzdbt li:hover .zzbt2{ left:0;}
.zzdbt.rf li.zznn .zzbt3, .zzdbt.rf li:hover .zzbt3 { right:0;}
.zzdbt li.zznn .zzxb1, .zzdbt li:hover .zzxb1{ top:-101px;} 
.zzdbt li.zznn .zzxb2, .zzdbt li:hover .zzxb2{ top:19px;} 

.zzsjk{ margin-left:300px; margin-right:300px; position:relative; top:200px; }
.zzsj{ display:block; background:url(../img/sjlk.png) center top no-repeat; width:310px; margin:0 auto; height:640px; padding:94px 24px 0;}
.zsjbg{ background:url(../img/zsjbg.jpg) center top no-repeat; height:549px;}
.zsjnr{ padding:68px 16px 0 40px; height:395px;}
.zxbj{ display:block; background:url(../img/zxbg.png) center top no-repeat; width:167px; height:43px; margin:0 auto; line-height:43px; font-size:22px; color:#0086ae; text-align:center; position: relative; overflow:hidden;} .zxbj span{display:block; position:absolute; width:100%; }
.zxbj1{ top:0;} .zxbj2{ top:43px;}
.zxbj1, .zxbj2, .zznr1_2 , .znsb2_2 .zxbj0, .znsb2_2 .zxbj0:hover .zxbj02, .znsb2_2 .zxbj0:hover .zxbj01{	
	-webkit-transition: all 0.4s cubic-bezier(1, .57, .48, 1.4);
	-moz-transition: all 0.4s cubic-bezier(1, .57, .48, 1.4);
	-o-transition: all 0.4s cubic-bezier(1, .57, .48, 1.4);
	transition: all 0.4s cubic-bezier(1, .57, .48, 1.4);}
.zznr1_2{transition-duration:0.2s; -webkit-transition-duration:0.2s; -moz-transition-duration:0.2s; -ms-transition-duration:0.2s; -o-transition-duration:0.2s}
.zxbj:hover .zxbj1{top:-43px;}
.zxbj:hover .zxbj2{top:0px;}
.zznr1:hover .zznr1_2{ margin-left:28px;}
.znsb2_2 .zxbj0:hover .zxbj01{top:-38px;}
.znsb2_2 .zxbj0:hover .zxbj02{top:0px;}
.znsb2_2 .zxbj0:hover{ background:url(../img/zxbg20.png) center center no-repeat;}

.zznr_ti2{ display:block; line-height:48px; font-size:36px; color:#fffeff;}
.zznr{ padding-top:19px; line-height:34px; color:#fff; font-size:14px;}
.zznr1_1{ float:left; width:22px; height:34px; background: url(../img/quan.png) left center no-repeat;}
.zznr1_2{ margin-left:23px;}
/**智能识别**/
.shib_lf{ display:block; width:50%; float:left; position:relative; height:440px;}
.shib_rf{ display:block; width:50%; float:left; position:relative; height:440px;}
.znsb1{ display:block; position:relative; float:right; right:400px; width:630px;}
.znsb2{ display:block; position:relative; left:400px; width:560px; padding-left:70px; padding-top:70px;}
.znsb12{display:block; position:relative; float:right; right:400px; width:630px;}
.znsb22{ padding-left:20px; display:block; position:relative; left:400px; width:610px; padding-left:70px; padding-top:70px;}
.znsb2_0{ line-height:52px; font-size:36px; color:#29a9ce;}
.znsb2_1{ padding:18px 0 30px; line-height:30px; font-size:16px; color:#383838;}
.znsb2_2 .zxbj0{ display:block; text-align:center; background:url(../img/zxbg2.png) center center no-repeat; height:38px; line-height:38px; font-size:18px; position:relative; overflow:hidden; width:145px; height:38px;} .zxbj0 span{display:block; position:absolute; width:100%; line-height:38px; }
.zxbj01{ top:0; color:#42a8cd;} .zxbj02{ top:38px; color:#fff;}
/*最新技术*/
.zjsbg{ background:#d9eff5;}
.zjsbg .juzhong{ padding:83px 0 72px; position:relative; overflow:hidden; height:285px;}
.zxjs_tu{ display:block; position: absolute; right:46px; bottom:-400px;}
.zxjs_tu2{ display:block; position: absolute; right:46px; bottom:-400px;}
.zxjs{ display:block; float:left; width:640px; padding:0px 0 0 35px;}
.zxjs1{ display:block; line-height:48px; color:#29a9ce; font-size:36px;}
.zxjs2{ padding-top:22px; height:180px; line-height:30px; font-size:16px; color:#383838;}
/**案例展示**/
.casebg{ display:block; overflow:hidden; background:#FFF;}
.ca_ti{ text-align:center; display:block;}

#workbox {
	position: relative;
	width: 100%;
	height: 100%;
}
#workbox .workshow {
	float: left;
	display: block; overflow:hidden;
	width: 20%; position:relative;
	cursor: pointer;
}

#workbox .workshow:before{
	 box-sizing: border-box;
	position: relative;
	/*background: url(../img/view.png) no-repeat center;*/
    content: '';
    right: 30px;
    left: 30px;
    top:30px;
    bottom: 150px;
    -webkit-transform: scale(1.4);
    transform: scale(1.4);
    opacity: 0;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    z-index: 4;
}
#workbox .workshow:hover:before{
	opacity: 1; top:0;
    -webkit-transform: scale(1);
    transform: scale(1);
}
#workbox .opacity1 {
	opacity: 1;
}
.work-size {
	width:50%;
}

@media only screen and (max-width:768px) {
	#workbox .workshow,.work-size {
		width: 50%;
	}
}
@media only screen and (min-width:768px) {
	#workbox .workshow,.work-size {
		width: 33.33%;
	}
}
@media only screen and (min-width:1260px) {
	#workbox .workshow,.work-size {
		width: 25%;
	}
}
@media only screen and (min-width:1800px) {
	#workbox .workshow,.work-size {
		width: 20%;
	}
}
@media only screen and (min-width:2400px) {
	#workbox .workshow,.work-size {
		width: 16.66%;
	}
}

.workshow a {
	display: block;
	overflow:hidden;
	text-decoration: none;
}
.workimg {
	display: block;
	margin: 0;
	width: 100%;
	transition: -webkit-transform 0.3s linear;
	transition: -moz-transform 0.3s linear;
    transition: transform 0.3s linear;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1);
}
.work-imgbox img{
	font-size: 14px;
	color: #666;
	width: 100%;
	height: auto;
}

.workinfo {
	color: #fff;
	transition: background-color 0.5s, color 0.5s, bottom 0.5s;
	-webkit-transition: background-color 0.5s, color 0.5s, bottom 0.5s;
	position: absolute; width:100%; bottom:-70px; overflow:hidden;
	z-index: 3;
}
.workinfo h2 {
	text-transform: uppercase;/*样式全大写的*/
	font-weight: 400; padding:16px 20px; 
	font-size: 14px; line-height:24px;
}
/*.work_img {display: block;}*/
.work-imgbox{
	overflow: hidden;
}
#workbox .workshow:hover .workinfo{
	background-image: none; bottom:0;
	background-color: #000;
	color: #d5d5d5;
}
#workbox .workshow .work-imgbox:before{
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	display: block;
	z-index: 3;
	background: rgba(0,0,0,0.7);
	opacity: 0; top:-100%;
	transition: opacity 0.35s;
    -webkit-transition: opacity 0.35s;
}
#workbox .workshow:hover .work-imgbox:before{
	opacity: 1;  top:0;
}
#workbox .workshow:hover .workimg{
	 -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    transform: scale(1.1);
}

.workshow .woim1{ position:absolute; left:-68px; top:36%; margin-top:-34px; z-index:4;}
.workshow .woim2{ position:absolute; right:-34px; top:36%; margin-top:-16px; z-index:4;}
.workshow .woim1, .workshow .woim2{
		-webkit-transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.1s;
	-moz-transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.1s;
	-o-transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.1s;
	transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.1s;
}
.workshow:hover .woim1{left:50%; margin-left:-34px;}
.workshow:hover .woim2{right:50%; margin-right:-17px;}
.read{ padding:38px 0 65px; position:relative;}
.read a{ width:164px; height:40px; display:block; margin:0 auto; background:url(../img/rdbg.png) center center no-repeat; -webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px; position:relative; overflow:hidden;} .read a img{ position:absolute; left:0;}
.rea1{ top:0px;}  .rea2{ top:40px;} 
.rea1, .rea2{	
	-webkit-transition: all 0.4s cubic-bezier(1, .57, .48, 1.4);
	-moz-transition: all 0.4s cubic-bezier(1, .57, .48, 1.4);
	-o-transition: all 0.4s cubic-bezier(1, .57, .48, 1.4);
	transition: all 0.4s cubic-bezier(1, .57, .48, 1.4);}
.read a:hover .rea1{ top:-40px;} .read a:hover .rea2{ top:0px;}

/**广告**/
.ph_ad{ display:block; height:188px; text-align:center; position:relative;}
.ph_ad1{ position:relative; top:72px; line-height:44px; font-size:26px; color:#FFF;}
.ph_ad0{ background:url(../img/ph_ad.jpg) center top no-repeat;}
@media only screen and (max-width:1900px) {
	.ph_ad0{ background:url(../img/ph_ad.jpg) center top no-repeat; background-size:100% 100%;}
}
@media only screen and (min-width:1900px) {
	.ph_ad0{ background:url(../img/ph_ad.jpg) center top no-repeat;}
}

/************************** about **************************/
.abo-gy{ display:block; padding-top:33px;}
.abo-gy-ti0{ display:block; padding-bottom:33px;}
.abo-gy-ti0 table{ margin-left: auto; margin-right: auto;}
.abo-gy-ti0 a{ display:block; margin:0 10px; float:left; font-size:16px; line-height:40px !important; padding:0px 28px; background:#fff; border:1px solid #0098c5;  -moz-border-radius:21px;  -webkit-border-radius:21px; -ms-border-radius:21px; -o-border-radius:21px; border-radius:21px; overflow:hidden; height:40px;}
.abott1{color:#0098c5;} .abott2{color:#FFF;} .abott1, .abott2{ display:block; text-align:center; top:0; position:relative;}
.abo-gy-ti0 a, .abo-gy-ti0 a .abott1, .abo-gy-ti0 a .abott2{
	-webkit-transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 1);
	-moz-transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 1);
	-o-transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 1);
	transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 1);}
.abo-gy-ti0 a.abonn, .abo-gy-ti0 a:hover{background:#0098c5; border:1px solid #0098c5;}
.abo-gy-ti0 a:hover .abott1, .abo-gy-ti0 a:hover .abott2, .abo-gy-ti0 a.abonn .abott1, .abo-gy-ti0 a.abonn .abott2{ top:-40px;}
.abo-gy-kk img { display:block;}
.abobg td{ width:25%; background:#ebebeb; position:relative; overflow:hidden;}
.abobg td b{ display:block; margin-bottom: 4%; line-height: 1; font-size: 30px; font-weight:normal; color: #0098c5; padding-left: 19%; padding-right: 13%;}
.abobg td p{font-size: 14px; color: #333; line-height: 22px; padding-left: 19%; padding-right: 13%;}
.gaishu{ width:100%; height:100%; position: absolute; left:0; top:0;}
.gaishu2{ height:70%; width:80%; position: relative; left:10%; top:15%; }
#sucai00{ width:95%; padding-right:5%; height:100%; overflow:hidden; line-height:26px; font-size:12px; color:#222;}
.abk{ display: block; position:relative; z-index:0;}
.abk1{ display: block; position:relative; z-index:0;}
.abk10{ display: block; position: absolute; z-index:2;}
.abo-gy-kk .abotu {
	-webkit-transition: all 1.2s linear;
	-moz-transition: all 1.2s linear;
	-ms-transition: all 1.2s linear;
	-o-transition: all 1.2s linear;
	transition: all 1.2s linear;
}
.abo-gy-kk .abotu:hover{
	-webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);}
#sucai1{height:180px; padding-right:20px;}
@media only screen and (max-width:100px) {
	#sucai1{height:100px; padding-right:20px;}
}
@media only screen and (min-width:758px) {
	#sucai1{height:100px; padding-right:20px;}
}
@media only screen and (min-width:1260px) {
	#sucai1{height:120px; padding-right:20px;}
}
@media only screen and (min-width:1900px) {
	#sucai1{height:180px; padding-right:20px;}
}
/**8年时间**/
.abo-8n{ overflow:hidden;}
.abo-8nti{ display:block; text-align:center; background: url(../img/8nian-tibg.jpg) repeat-x;}
.abo-8nk{ display:block; width:88.5%; margin:0 auto; position:relative; padding-bottom:77px;}
.abo-8nkjs{ text-align:center; padding-top:6px;  color:#474747; padding-bottom:76px;}
.abo-8nkjs1{ line-height:54px; font-size:28px;}
.abo-8nkjs2{ line-height:28px; font-size:16px; }
.abo-8nkk{ display:block; padding-left:1px;}
.abo-8nkk li{ width:24.89999%; border-left:1px solid #cee0e5;  border-right:1px solid #cee0e5; float:left; margin-left:-1px; padding-top:18px; position:relative; top:100px;}
.abo-8nkk0{ display: block; width:202px; height:202px; margin:0 auto; position: relative;}
.abo-8nkk0 img{ display:block;}
.n8-011, .n8-01{ display:block;}
.n8-011{ position:absolute; z-index:3; top:0; left:0;} .8n-01{ position:relative; z-index:1; top:-202px; left:0;}
.n8-012{ display:block; position:absolute; top:126px; width:202px; text-align:center; z-index:9; font-size:24px; color:#fff; line-height:32px;}
.abo-8nkk1{ text-align:center; padding-top:16px; line-height:26px; font-size:16px; color:#000;}
/********************payment***************************/
.abobg2 td{ position:relative;}
.abobg2 .zhifu{ position:absolute; width:90%; height:84% !important; overflow:hidden; left:5%; top:8%; }

/**付款方式，招聘信息**/
.fukbg0{ position:relative; z-index:-1; display:block;}
.zhaobg{ width:86%; position:absolute; z-index:1; background:url(../img/zhap-bg2.png) repeat;}
.zhaobg2{  line-height:30px; color:#000; font-size:12px;}

@media only screen and (max-width:100px) {
	#sucai2{ display:block; height:180px; padding-right:20px;}
	.zhaobg{ margin:35px 7%;}
	.zhaobg2{ padding:25px 15px 25px 35px;}
}
@media only screen and (min-width:758px) {
	#sucai2{ display:block; height:180px; padding-right:20px;}
	.zhaobg{ margin:35px 7%;}
	.zhaobg2{ padding:25px 15px 25px 35px;}
}
@media only screen and (min-width:1260px) {
	#sucai2{ display:block; height:200px; padding-right:20px;}
	.zhaobg{ margin:35px 7%;}
	.zhaobg2{ padding:25px 15px 25px 35px;}
}
@media only screen and (min-width:1900px) {
	#sucai2{ display:block; height:300px; padding-right:20px;}
	.zhaobg{ margin:50px 7%;}
	.zhaobg2{ padding:35px 35px 35px 55px;}
}
/**付款方式**/
.fukibg{ width:92%; position:absolute; z-index:1; }
.fuki-ti{ display:block; text-align:center;}
.fuki-gs{ color:#b3b2b2; font-size:18px; line-height:46px; text-align:center; padding-bottom:22px;}
.fkfs0{ display:block; width:100%;}
.zhaobg2 .fkfs, .fkfs{ width:23%; margin-left:1%; margin-right:1%; height: auto; float: left;}
@media only screen and (min-width:100px) {
	.zhaobg2 .fkfs, .fkfs{ width:48%; }
}
@media only screen and (min-width:758px) {
	.zhaobg2 .fkfs, .fkfs{ width:48%; }
}
@media only screen and (min-width:1260px) {
	.zhaobg2 .fkfs, .fkfs{ width:31%; }
}
@media only screen and (min-width:1900px) {
	.zhaobg2 .fkfs, .fkfs{ width:23%; }
}

.fkfsn{ padding:6px 22px 13px; height:156px;border:1px solid #616161; margin-bottom:7%; }
.fkfsn table{ margin:0 auto;}
.fkfsn-ti{ text-align:center;}
.fkfsn-nr{ display:block; line-height:24px; color:#444; font-size:12px;}
@media only screen and (max-width:100px) {
	#sucai2{ display:block; height:180px; padding-right:20px;}
	.fukibg{ margin:35px 4%;}
	.zhaobg2{ padding:25px 15px 25px 35px;}
}
@media only screen and (min-width:758px) {
	#sucai2{ display:block; height:180px; padding-right:20px;}
	.fukibg{ margin:35px 4%;}
	.zhaobg2{ padding:25px 15px 25px 35px;}
}
@media only screen and (min-width:1260px) {
	#sucai2{ display:block; height:200px; padding-right:20px;}
	.fukibg{ margin:35px 4%;}
	.zhaobg2{ padding:25px 15px 25px 35px;}
}
@media only screen and (min-width:1900px) {
	#sucai2{ display:block; height:300px; padding-right:20px;}
	.zhaobg{ margin:51px 4%;}
	.zhaobg2{ padding:35px 35px 35px 55px;}
}
/**屏幕宽为1440px 为两行**/
@media only screen and (max-width:100px) {
	.fukbg{ display: block; position:relative; left:0; float:left; width:100%;}
    .zhapbg{ display: block; position:relative; right:0; float:right; width:100%;}
}
@media only screen and (min-width:1420px) {
	.fukbg{ display: block; position:relative; left:0; float:left; width:100%;}
    .zhapbg{ display: block; position:relative; right:0; float:right; width:100%;}
}
@media only screen and (min-width:1900px) {
	.fukbg{ display: block; position:relative; left:0; float:left; width:50%;}
    .zhapbg{ display: block; position:relative; right:0; float:right; width:50%;}
}
/*********************flash************************/
.fla_yi{ padding-top:33px; text-align:center; line-height:68px; font-size:38px; color:#474747;}
.fla_wo{ text-align:center; font-size:16px; line-height:26px; color:#474747; padding-bottom:39px;}
.flak{ display:block; clear:both;}
.flal{ display:block; width:326px; height:218px; position:relative; overflow:hidden; float:left; margin-bottom:10px;}
.flatu{ display:block;  position:relative;width:326px; height:218px; float:left; z-index:1; }
.fla_bhbg{ background:url(../img/fla_bhbg.png) center bottom no-repeat; height:58px; width:290px; text-align:left; padding:0 18px; position:absolute; bottom:0; z-index:2; font-size:30px; line-height:58px; color:#FFF;}
.fljs{ display:block; position:absolute; z-index:4; left:0; top:100%; z-index:3; background: url(../img/flbg.png) repeat; padding:18px;}
.fljs table{ width:290px; height:182px; color:#FFF;}
.fl_hao{ display:block; font-size:30px; line-height:42px;}
.fl_shu{ display:block; font-size:12px; color:#cdcdcd; line-height:18px;}
.fljs, .flal img, .fla_bhbg{-webkit-transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 1);
	-moz-transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 1);
	-o-transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 1);
	transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 1);}
.flal:hover .fljs{ top:0;}
.flal:hover .fla_bhbg{ bottom:-58px;}
.flal:hover img{-webkit-transform: scale(1.1); -moz-transform: scale(1.1);	-ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }
.flalb{ display:block; margin-left:-8px; }
.flalb dd{ display:block; float:left; margin-left:8px;}
/**滚动条**/
.gd{ width:740px; height:5px; padding-top:2px; position: absolute; bottom:0; left:50%; margin-left:-370px;}
.gd1{ position:relative; height:3px; width:740px; background:#cdcdcd;}
.gd2{ width:110px; height:7px; position:absolute; left:40px; top:0; background:#0098c5;}
/**flash页面选项卡样式**/
/**tabs**/
.tabPanel dl{height:41px; margin-bottom:48px; width:490px; margin-left: auto; margin-right: auto;}
.tabPanel dl dd{
	width:149px; height:41px; margin:0 7px; position:relative; overflow: hidden; float:left; background:url(../img/fla_qie1.png) center center no-repeat; font-size:16px; line-height:41px; color:#303030; text-align:center; cursor:pointer;}
.tabPanel dl dd span{ display:block; clear:both; text-align:center; position:relative; top:0;}
.tabPanel dl dd,.tabPanel dl dd span{
	-webkit-transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 1);
	-moz-transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 1);
	-o-transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 1);
	transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 1);}
.tabPanel .hit, .tabPanel dd:hover{ background:url(../img/fla_qie2.png) center center no-repeat; color:#FFF;}
.panes{ position:relative; height:520px;}

.pane{ min-height:100px;background-color:#fff; display:none; overflow:hidden;position:absolute ; left:0; top:0; width:100%; height:100%;}
.tabPanel .hit span, .tabPanel dd:hover span{ top:-41px;}
.pane{ height:520px; position:relative; }
.pane p{padding:15px 15px 0 10px;}
.pane h4{padding:15px 15px 0 10px;font-size:14px;font-weight:bold;}
/**进入演示**/
.shubg{ display:block; background:url(../img/shuaibg.jpg) center bottom repeat-x; height:520px;}
.shuai{ position:relative; width:634px; height:520px; margin:0 auto; }
.shuai1{ display:block; position:absolute; left:0; top:0; z-index:0;}
.shuain{　position:absolute; left:0; top:0; padding-top:307px; padding-left:119px; padding-right:112px; z-index:3;}
.shuain a{ display:block; width:163px; height:43px; float:left; position:relative; overflow: hidden; z-index:3; background:url(../img/shk.png) center center no-repeat; text-align:center; line-height:43px; color:#000;}
.shuain a span{ display:block; position:relative; top:0;}
.shuain a span{
	-webkit-transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 1);
	-moz-transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 1);
	-o-transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 1);
	transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 1);}
.shuain a:hover span{ top:-43px;}
.zhum{ display:block; position:relative; padding-top:52px; z-index:6; font-size:12px; color:#000; line-height:24px; text-align: center;}
/**品牌logo**/
.ppcp table td a{ position:relative; display:block; float:left; overflow:hidden;} .ppcp table td a img{ display:block;width:100%; float:left;}
.ppcp table td a .pp1{ position: relative;  width:100%; z-index:3; left:0; top: 0; z-index:3;}
/**手滑logo 效果**/
.ppcp table td a .pp2{ filter: grayscale(100%);  -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%);}
.ppcp table td a:hover .pp2{ position: absolute;  width:100%; height:100%; z-index:4; top:0; left:0;  background-size:100% auto;
transform: rotate3d(0, 0, 1, -90deg);transform-origin: -100% -100% 0px;
transition: transform 1s ease-in 0s;
}
/**手滑logo 效果 end**/
.ppcp table td a .pp2{ position: absolute;  width:100%; height:100%; z-index:4; top:0; left:0; background-size:100% auto;
transform: perspective(300px) perspective-origin(0, 100%) rotateX(-90deg);
-webkit-transform:perspective(300px) perspective-origin(0, 100%) rotateX(-90deg);	/* Safari 和 Chrome */
-moz-transform:perspective(300px) perspective-origin(0, 100%) rotateX(-90deg);	/* Firefox */
-o-transform:perspective(300px) perspective-origin(0, 100%) rotateX(-90deg);	/* Firefox */
-ms-transform:perspective(300px) perspective-origin(0, 100%) rotateX(-90deg);	/* Firefox */
}
.ppcp table td a .pp2{  
	-webkit-transition: all 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	-moz-transition: all 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	-o-transition: all 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	transition: all 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.ppcp table td a:hover .pp2{ 
transform: perspective(300px) perspective-origin(0, 100%) rotateX(0deg);
-webkit-transform:perspective(300px) perspective-origin(0, 100%) rotateX(0deg);	/* Safari 和 Chrome */
-moz-transform:perspective(300px) perspective-origin(0, 100%) rotateX(0deg);	/* Firefox */
-o-transform:perspective(300px) perspective-origin(0, 100%) rotateX(0deg);	/* Firefox */
-ms-transform:perspective(300px) perspective-origin(0, 100%) rotateX(0deg);	/* Firefox */
}
.fl_pl{ display:block; width:481px; height:114px; margin:0 auto; padding:36px;}
/***************微信--wechat******************/
.wx_jyk{ padding-top:70px;}
.wx_jybg{ position:relative; display:block; background:#efefef; overflow:visible; padding-bottom:32px;}
.wx_jyxwbg{ display:block; width:513px; height:63px; position:absolute; top:-39px; left:50%; margin-left:-256px; padding-top:15px; background: url(../img/xwtbg.png) center center no-repeat; }
.wx_xx{ display:block; margin-right:180px; line-height:48px; font-size:16px; color:#303030; margin-left:94px;}
.wx_xx_duo{ display:block; width:62px; height:30px; position:absolute; top:26px; right:25px;  }
.wx_jy{ padding-top:58px;}
.wx_jy_ti{ text-align:center; line-height:60px; font-size:32px; color:#333;}
.wx_jy_tien{ text-align:center;}
.wx_jy_js{ padding-top:21px; height:88px; text-align:center; line-height:28px; font-size:14px; color:#000;}
.wx_zai{ display:block; width:174px; height:42px; margin:0 auto; background:url(../img/wx_zaibg.png) center center no-repeat; line-height:42px; font-size:18px; color:#469846; text-align:center; overflow:hidden;} .wx_zai:visited{ color:#3bb460;}
.wx_zai span{ display:block; position:relative; top:0;}
.wx_zai span{
	-webkit-transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 1);
	-moz-transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 1);
	-o-transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 1);
	transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 1);}
.wx_zai:hover span{ top:-42px;}
.wx_gn{ display:block; padding-top:35px;}
.wx_gnmk{ display:block; margin-left:-51px; padding-top:44px; padding-bottom:20px;}
.wx_gnmk li{ width:210px; height:62px; margin-left:52px; margin-bottom:52px; display:block; float:left;}
.wx_gn_tu{ display:block; float:left; width:60px; height:60px; padding-top:1px;}
.wx_gn_nr{ display:block; margin-left:80px;}
.wx_gn_nr_ti{ line-height:22px; font-size:20px; color:#454545; height:30px;}
.wx_gn_nr_js{ line-height:16px; font-size:12px; color:#828282;}
/**营销5块**/
.wx_5kbg{ background:url(../img/wx_5kbg.jpg) center top no-repeat; height:455px;}
.wx_5k{ display:block; padding-top:73px; padding-bottom:60px; margin-left:-32px; overflow:hidden;}
.wx_5k li{ display:block; float:left; margin-left:33px; width:225px; height:225px; position:relative;}
.wx_5ktu{ position:absolute; display: block; z-index:1; top:0; left:0;}
.wx_wei{ position:absolute; z-index:3; top:0; left:0;}
.wx_wei_xm{ display:block; position:relative; top:80px; width:225px; text-align:center; font-size:24px; color:#FFF; line-height:56px;}
.wx_wei_line{ background:#FFF; width:22px; height:3px; position:relative; top:80px; margin:0 auto;}
.wx_wei_line{
	-webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 1);
	-moz-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 1);
	-o-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 1);
	transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 1);}
.wx_5k li:hover .wx_wei_line{ width:48px;}
.wx_zai2{ background:url(../img/wx_zaibg2.png) center center no-repeat; color:#d8d8d8 !important;}
.wx_zai2:hover{ color:#d8d8d8;} 
/***合作客户**/
.wx_hz{ display:block; padding-top:44px;}
.wx_hzk{ display:block; padding-top:43px; padding-bottom:63px; margin-left:-36px; overflow:hidden;}
.wx_hzk li{ display:block; float:left; width:146px; height:192px; margin-left:36px; position:relative; background: url(../img/wx_hzbg.jpg) center center no-repeat; padding:4px 17px 0px;}
.wx_hzmc{ border-bottom:1px solid #d1d1d1; text-align:center; padding:8px 0; height:30px; overflow:hidden; line-height:30px; color:#000; font-size:18px; }
.wx_hzmc div{ height:30px; position:relative; overflow:hidden;}
.wx_hzmc span{ display:block; clear:both; position:relative; top:0;}
.wx_hzmc span{-webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 1);
	-moz-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 1);
	-o-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 1);
	transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 1);}
.wx_hzk li:hover .wx_hzmc span{ top:-30px;}
.wx_hz_logo{ display:block; clear:both;}

/**************************service*************************/
.headline-bg{ width:100%; position:absolute; z-index:1;
	height:680px;
	overflow:hidden;
}
.lck{ position:relative; z-index:6;}
.main-container{ position:absolute; z-index:5; width:1250px; left:50%; margin-left:-625px;  height:100%; top:0;}
.main-container img{ position:absolute;}
.b1{left:-25px; top:410px;}
.b2{left:153px; top:510px;}
.b3{right:244px; top:530px;}
.b4{right:25px; top:90px;}

/***2017-11-1服务页面修改***/
.ser-tixi{
	display: block;
	width: 1260px;
	height: 700px;
	margin: 0 auto;
	position: relative;
	background: url(images/ser1.png) center center no-repeat);
}
.ser-tiwzk{
	display:block;
	width: 250px;
	position: absolute;
	z-index: 1;
}
.ser-tiwzk-ti{
	display: block;
	text-align: center;
	margin-bottom: 6px;
	line-height: 36px;
	font-size: 24px;
	color: #000000;
}
.ser-tiwzk-js{
	display: block;
	line-height: 23px;
	font-size: 12px;
	color: #686868;
}
.ser-tiwzk1{
	top: 80px;
	left: 110px;
}
.ser-tiwzk2{
	top: 80px;
	left: 930px;
}
.ser-tiwzk3{
	top: 315px;
	left: 110px;
}
.ser-tiwzk4{
	top: 315px;
	left: 930px;
}
.ser-tiwzk5{
	top: 547px;
	left: 110px;
}
.ser-tiwzk6{
	top: 547px;
	left: 930px;
}
.huilb{
	display: block;
	float: right;
	border: 2px solid #d1d1d1;
	border-radius: 6px;
	width: 100px;
	height: 34px;
	overflow: hidden;
	text-align: center;
	line-height: 30px;
	font-size: 14px;
	color: #666;
}
.huilb span{
	display: block;
	position: relative;
	line-height: 30px;
	font-size: 14px;
	color: #666;
	top: 0;
}
.huilb:hover{
	border-color: #0098c5;
}
.huilb:hover span{
	top:-100%;
	color: #0098c5;
}
.huilb span, .huilb{
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
}