#index_news_list ul li{ width:20%; height:440px; display:block; float:left; background:url(../images/phonebg.png) top  no-repeat; }
.bg-white{background:#fff;}



/*--服务流程--*/
.liucheng{ background:#e3e3e3 url(../images/bgSection.png) repeat; width:100%;}
.lc2{ background:url(../images/line.png) center no-repeat;}
.lc_list{ width:100%; float:left; margin-bottom:100px;}
.lc_list li{ width:140px; margin:0 10px; height:210px; display:block; float:left; cursor:pointer; background:url(../images/icon-bg.png) top center no-repeat;}
.lc_list li span{ width:60px; height:60px; background:url(../images/icon.png) repeat; display:block; float:left; margin:35px 0 50px 38px;}
.lc_list li span.c-1{ background-position:0 0;}
.lc_list li span.c-2{ background-position:0 60px;}
.lc_list li span.c-3{ background-position:0 120px;}
.lc_list li span.c-4{ background-position:0 180px;}
.lc_list li span.c-5{ background-position:0 240px;}
.lc_list li span.c-6{ background-position:0 300px;}
.lc_list li span.c-7{ background-position:0 360px;}
.lc_list li p{ width:100%; display:block; float:left; text-align:center; font-size:18px;}
.lc_list li p font{ font-size:14px; margin-top:10px; width:100%; display:block; color:#666;}


/*服务流程，控制转圈动画*/
.ease-1{
-webkit-transition:all 0.1s ;
-khtml-transition:all 0.1s ;
-moz-transition: all 0.1s ;
-o-transition: all 0.1s ;
transition: all 0.1s ;}
.ease-3{
-webkit-transition:all 0.3s;
-khtml-transition:all 0.3s ;
-moz-transition: all 0.3s ;
-o-transition: all 0.3s;
transition: all 0.3s;}
.radius-5{
-webkit-border-radius:5px;
-moz-border-radius: 5px;
border-radius: 5px;}
.shadow-box-5{
-moz-box-shadow:0px 0px 5px rgba(0,0,0,0.5);
-webkit-box-shadow:0px 0px 5px rgba(0,0,0,0.5);
box-shadow:0px 0px 5px rgba(0,0,0,0.5);}
.shadow-text-1{
-moz-text-shadow:0 1px 0px rgba(0,0,0,.5);
-webkit-text-shadow:0 1px 0px rgba(0,0,0,.5);
text-shadow:0 1px 0px rgba(0,0,0,.5);}
.text-overflow{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.txt-en{ font-family: "Times New Roman", Times, serif; font-weight:normal;}
.txt-c{ text-align:center;}
.txt-r{ text-align:right;}
.txt-red{ color:#e32530;}
.txt-orange{ color:#ff6600;}



/*服务流程，控制流程图片*/
.nr span.c-1{ width:100%; height:100%; background:url(../images/icon_01.png) center no-repeat; display:block; float:left; border-radius:50%; }
.nr span.c-2{ width:100%; height:100%; background:url(../images/icon_02.png) center no-repeat; display:block; float:left; border-radius:50%;}
.nr span.c-3{ width:100%; height:100%; background:url(../images/icon_03.png) center no-repeat; display:block; float:left; border-radius:50%;}
.nr span.c-4{ width:100%; height:100%; background:url(../images/icon_04.png) center no-repeat; display:block; float:left; border-radius:50%;}
.nr span.c-5{ width:100%; height:100%; background:url(../images/icon_05.png) center no-repeat; display:block; float:left; border-radius:50%;}
.nr span.c-6{ width:100%; height:100%; background:url(../images/icon_06.png) center no-repeat; display:block; float:left; border-radius:50%;}
.nr span.c-7{ width:100%; height:100%; background:url(../images/icon_07.png) center no-repeat; display:block; float:left; border-radius:50%;}
.advantage .nr .item:hover .circle span.c-1{background:url(../images/icon_01_h.png) center no-repeat;}
.advantage .nr .item:hover .circle span.c-2{background:url(../images/icon_02_h.png) center no-repeat;}
.advantage .nr .item:hover .circle span.c-3{background:url(../images/icon_03_h.png) center no-repeat;}
.advantage .nr .item:hover .circle span.c-4{background:url(../images/icon_04_h.png) center no-repeat;}
.advantage .nr .item:hover .circle span.c-5{background:url(../images/icon_05_h.png) center no-repeat;}
.advantage .nr .item:hover .circle span.c-6{background:url(../images/icon_06_h.png) center no-repeat;}
.advantage .nr .item:hover .circle span.c-7{background:url(../images/icon_07_h.png) center no-repeat;}



/*服务流程，控制流程排版*/
.advantage .inner{  left:0; right:0; }
.advantage .nr{ padding:0; width:100%; float:left; margin-bottom:100px;}
.advantage .nr li{ width:14.285%; float:left; display:inline;
filter: alpha(opacity=0);
-khtml-opacity: 0;
-moz-opacity: 0; 
opacity:0;}
.advantage .nr li:nth-child(1),
.advantage .nr li:nth-child(2){
-webkit-transform: translate3d(-100px,0px, 0);
-moz-transition: translate3d(-100px, 0px, 0);
-o-transition: translate3d(-100px, 0px, 0);
transition: translate3d(-100px, 0px, 0);}
.advantage .nr li:nth-child(3),
.advantage .nr li:nth-child(4){
-webkit-transform: translate3d(100px,0px, 0);
-moz-transition: translate3d(100px, 0px, 0);
-o-transition: translate3d(100px, 0px, 0);
transition: translate3d(100px, 0px, 0);}
.advantage.active .nr li{
filter: alpha(opacity=100);
-khtml-opacity: 1;     
-moz-opacity: 1;
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
-moz-transition: translate3d(0, 0, 0);
-o-transition: translate3d(0, 0, 0);
transition: translate3d(0, 0, 0);
transition-delay:600ms; 
-o-transition-delay:600ms;
-moz-transition-delay:600ms;
-webkit-transition-delay:600ms;}
.advantage.active .nr li:nth-child(2),
.advantage.active .nr li:nth-child(3){
transition-delay:400ms; 
-o-transition-delay:400ms;
-moz-transition-delay:400ms;
-webkit-transition-delay:400ms;}
.advantage .nr .item{ display:block; width:100%; position:relative; color:#333;}
.advantage .nr .item .circle{ width:120px; height:120px; margin:10px auto 0px; position:relative; color:#333; background:#fff;
-webkit-border-radius:60px;
-moz-border-radius: 60px;
border-radius: 60px;
behavior: url(ie-css3.htc); z-index:2;}
.advantage .nr .item .circle .circle_l,
.advantage .nr .item .circle .circle_r{ position:absolute; top:0px;width:60px; height:120px;border: 2px solid #333;
-webkit-transition-timing-function:linear;}
.advantage .nr .item .circle .circle_l{ left:0px; border-right:0;clip:rect(124px,62px,124px,0);
-webkit-border-radius:62px 0 0 62px;
-moz-border-radius: 62px 0 0 62px;
border-radius: 62px 0 0 62px;
behavior: url(ie-css3.htc); z-index:2;}
.advantage .nr .item .circle .circle_r{ right:0px; border-left:0;clip:rect(0px,62px,0px,0);
-webkit-border-radius:0 62px 62px 0;
-moz-border-radius: 0 62px 62px 0;
border-radius: 0 62px 62px 0;
behavior: url(ie-css3.htc); z-index:2;}
.advantage .nr .item .circle span{ display:block; height:120px; width:120px; line-height:120px; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
.advantage .nr .item h1{ font-size:20px; padding:20px 0 10px; line-height:24px;}
.advantage .nr .item p{ line-height:24px; font-size:14px;}
.advantage .nr .item:hover .circle_l{ clip: rect(0,62px,124px,0); border-color:#ff8a00;}
.advantage .nr .item:hover .circle_r{ clip: rect(0,62px,124px,0); border-color:#ff8a00;}
.advantage .nr .item:hover .circle{ background:#ff8a00; color:#fff;
-webkit-transform: translate3d(0px,-10px, 0);
-moz-transition: translate3d(0px, -10px, 0);
-o-transition: translate3d(0px, -10px, 0);
transition: translate3d(0px, -10px, 0);
transition-delay:300ms; 
-o-transition-delay:300ms;
-moz-transition-delay:300ms;
-webkit-transition-delay:300ms;}
.advantage .nr .item:hover h1,
.advantage .nr .item:hover p{ color:#111;
-webkit-transform: translate3d(0px,10px, 0);
-moz-transition: translate3d(0px, 10px, 0);
-o-transition: translate3d(0px, 10px, 0);
transition: translate3d(0px, 10px, 0);
transition-delay:300ms; 
-o-transition-delay:300ms;
-moz-transition-delay:300ms;
-webkit-transition-delay:300ms;}


/*--成功案例--*/
.case-grid ul li{ width:25%;}
.case-grid img{width: 100%; }
.case-grid a h4{color: #797979; font-size: 1.1em; font-weight: 400; margin: 0 0 .3em 0; margin-bottom: 0; padding-bottom: 3px; }
.case-grid a:hover{text-decoration:none; }
.case-grid span {font-size: 12px; line-height: 1.7em; display: block; margin-bottom: 1.2em; padding-top: 2px; }
.case-grid p { margin: 0; line-height: 1.8em; font-weight: 400; }

a.mask {text-decoration: none; overflow: hidden; display: block; }
img.zoom-img {-webkit-transform: scale(1, 1); -webkit-transition-timing-function: ease-out; -webkit-transition-duration: 250ms; -moz-transform: scale(1, 1); -moz-transition-timing-function: ease-out; -moz-transition-duration: 250ms; }
img.zoom-img:hover {
	-webkit-transform: scale(1.1); 
	-webkit-transition-timing-function: ease-out; 
	-webkit-transition-duration:250ms; 
	-moz-transform: scale(1.1); 
	-moz-transition-timing-function: ease-out; 
	-moz-transition-duration:250ms; 
	overflow: hidden; 
	}


/*--控制案例切换排版--*/
.tabs-qh{ width:100%; float:left;}
.index_news_title{ width:100%; float:left;  margin-bottom:50px; text-align:center;  
-webkit-animation:gdownIn 1s 0.7s both; 
-moz-animation:gdownIn 1s 0.7s both; 
animation:gdownIn 1s 0.7s both;
}
.index_news_title dd{ display:inline; cursor:pointer; padding:3px 6px; text-align:center; }
.index_news_title a{ padding:8px 20px; color:#a4a4a4; border-radius:5px; border:1px solid #dfdfdf;}
.index_news_title a:hover{ color:#333;}
.index_news_title a.tab-now { background:#ff8a00; border:1px solid #ff8a00; filter:alpha(opacity=100); opacity:1; color:#fff; 
transition:0.5s all; 
-webkit-transition:0.5s all; 
-moz-transition:0.5s all; 
-o-transition:0.5s all; 
-ms-transition:0.5s all;
}
#index_news_list{width:100%; padding:0; overflow:hidden; margin:0 auto; text-align:center; 
-webkit-animation:gdownIn 1s 0.9s both; 
-moz-animation:gdownIn 1s 0.9s both; 
animation:gdownIn 1s 0.9s both;
}
#index_news_list div{ display:none;}
#index_news_list div.now{ display:block;}
#index_news_list div.now div{ display:block;}
#index_news_list ul{ width:100%; float:left; display:block; padding-bottom:60px;}
#index_news_list ul li{ width:20%; height:440px; display:block; float:left; background:url(../images/phonebg.png) top  no-repeat; }
#index_news_list ul li:nth-child(6){ display:none;}
#index_news_list{width:100%;position:relative; overflow:hidden;  
	-webkit-animation:gfadeIn 1s .5s both; 
	-moz-animation:gfadeIn 1s .5s both; 
	animation:gfadeIn 1s .5s both;
	}
#index_news_list ul li a{display:block; width:187px; height:331px; overflow:hidden; margin:51px 0 0 24px; background:#fff; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
#index_news_list ul li article{position:relative; width:100%; height:334px; padding-top:62.4%; overflow:hidden;}
#index_news_list ul li article img{position:absolute; top:0; left:0; width:100%; height:auto; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s; -webkit-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); transform:translate3d(0,0,0);}

#index_news_list ul li a:hover{background-color:transparent;}
#index_news_list ul li a:hover article summary{bottom:0;}
#index_news_list ul li a:hover article img{-webkit-transform:scale(1.1); -moz-transform:scale(1.1); transform:scale(1.1);}
#index_news_list ul li a:hover article:before{opacity:1; filter:alpha(opacity=100); zoom:1;}
#index_news_list ul li a:hover article:after{opacity:1; filter:alpha(opacity=100); zoom:1; -webkit-transform:scale(1); -moz-transform:scale(1); transform:scale(1);}