.fl{ float:left;}
.fr{ float:right;}
.m-t-20{ margin-top:20px;}
.m-t-30{ margin-top:30px;}
.m-t-50{ margin-top:50px;}
.m-t-60{ margin-top:60px;}
.c-orange{ color:#e9791a;}
.bg-gray{background:#f2f2f2; width:100%; float:left; overflow:hidden;}
.bg-gray1{ background:#dedede;}
.bg-white{background:#fff;}
.line_d{border-bottom:1px solid #313234; width:100%; height:1px; clear:both; }



.content{width:100%;  margin:auto; }
.title{ background:#fff; width:100%;  float:left;}
.title span{ margin:20px 0 20px 50px; width:92%; color:#666; display:block; float:left; }
.p_title{width:100%; float:left; margin:50px 0 40px ; text-align:center;}
.p_title span{ font-size:34px;}
.p_title p{ line-height:40px;}
.container{ padding:0 !important;}



.p_title{width:100%; float:left; margin:50px 0; text-align:center; }
.p_title h2{ font-size:34px; -webkit-animation:gdownIn 1s 0.7s both; -moz-animation:gdownIn 1s 0.7s both; animation:gdownIn 1s 0.7s both;}
.p_title p{ line-height:40px; -webkit-animation:gdownIn 1s 0.9s both; -moz-animation:gdownIn 1s 0.9s both; animation:gdownIn 1s 0.9s both;}

.sel_btn{
            height: 42px;
            line-height: 42px;
            padding: 0 11px;
            background: #1A9FD8;
            border: 1px #26bbdb solid;
            border-radius: 3px;
            color: #ffffff;
            display: inline-block;
            text-decoration: none;
            font-size: 14px;
            outline: none;
        }

a:hover { 
color:#FF6600; 
text-decoration:none; 
} 



table {  
*border-collapse: collapse;
border-spacing: 0;  
width: 99%;  
}  
  
.bordered {  
border: solid #eeeeee 1px;  
-moz-border-radius: 6px;  
-webkit-border-radius: 6px;  
border-radius: 6px;  
-webkit-box-shadow: 0 0px 0px #ccc;  
-moz-box-shadow: 0 0px 0px #ccc;  
box-shadow: 0 0px 0px #ccc;  
}  
  
.bordered tr:hover {  
background: #F4F4F4;  
-o-transition: all 0.1s ease-in-out;  
-webkit-transition: all 0.1s ease-in-out;  
-moz-transition: all 0.1s ease-in-out;  
-ms-transition: all 0.1s ease-in-out;  
transition: all 0.1s ease-in-out;  
}  
  
.bordered td, .bordered th {  
border-left: 1px solid #ccc;  
border-top: 1px solid #ccc;  
padding: 10px;  
text-align: left;  
}  
  
.bordered th {  
background-color: #dce9f9;  
text-align: center; 
background-image: -webkit-gradient(linear, left top, left bottom, from(#ebf3fc), to

(#dce9f9));  
background-image: -webkit-linear-gradient(top, #ebf3fc, #dce9f9);  
background-image: -moz-linear-gradient(top, #ebf3fc, #dce9f9);  
background-image: -ms-linear-gradient(top, #ebf3fc, #dce9f9);  
background-image: -o-linear-gradient(top, #ebf3fc, #dce9f9);  
background-image: linear-gradient(top, #ebf3fc, #dce9f9);  
-webkit-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;  
-moz-box-shadow:0 1px 0 rgba(255,255,255,.8) inset;  
box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;  
border-top: none;  
text-shadow: 0 1px 0 rgba(255,255,255,.5);  
}  
  
.bordered td:first-child, .bordered th:first-child {  
border-left: none;  
}  
  
.bordered th:first-child {  
-moz-border-radius: 6px 0 0 0;  
-webkit-border-radius: 6px 0 0 0;  
border-radius: 6px 0 0 0;  
}  
  
.bordered th:last-child {  
-moz-border-radius: 0 6px 0 0;  
-webkit-border-radius: 0 6px 0 0;  
border-radius: 0 6px 0 0;  
}  
  
.bordered th:only-child{  
-moz-border-radius: 6px 6px 0 0;  
-webkit-border-radius: 6px 6px 0 0;  
border-radius: 6px 6px 0 0;  
}  
  
.bordered tr:last-child td:first-child {  
-moz-border-radius: 0 0 0 6px;  
-webkit-border-radius: 0 0 0 6px;  
border-radius: 0 0 0 6px;  
}  
  
.bordered tr:last-child td:last-child {  
-moz-border-radius: 0 0 6px 0;  
-webkit-border-radius: 0 0 6px 0;  
border-radius: 0 0 6px 0;  
}  
  
/*----------------------*/  
  
.zebra td, .zebra th {  
padding: 10px;  
border-bottom: 1px solid #f2f2f2;  
}  
  
.zebra tbody tr:nth-child(even) {  
background: #f5f5f5;  
-webkit-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;  
-moz-box-shadow:0 1px 0 rgba(255,255,255,.8) inset;  
box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;  
}  
  
.zebra th {  
text-align: left;  
text-shadow: 0 1px 0 rgba(255,255,255,.5);  
border-bottom: 1px solid #ccc;  
background-color: #eee;  
background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to

(#eee));  
background-image: -webkit-linear-gradient(top, #f5f5f5, #eee);  
background-image: -moz-linear-gradient(top, #f5f5f5, #eee);  
background-image: -ms-linear-gradient(top, #f5f5f5, #eee);  
background-image: -o-linear-gradient(top, #f5f5f5, #eee);  
background-image: linear-gradient(top, #f5f5f5, #eee);  
}  
  
.zebra th:first-child {  
-moz-border-radius: 6px 0 0 0;  
-webkit-border-radius: 6px 0 0 0;  
border-radius: 6px 0 0 0;  
}  
  
.zebra th:last-child {  
-moz-border-radius: 0 6px 0 0;  
-webkit-border-radius: 0 6px 0 0;  
border-radius: 0 6px 0 0;  
}  
  
.zebra th:only-child{  
-moz-border-radius: 6px 6px 0 0;  
-webkit-border-radius: 6px 6px 0 0;  
border-radius: 6px 6px 0 0;  
}  
  
.zebra tfoot td {  
border-bottom: 0;  
border-top: 1px solid #fff;  
background-color: #f1f1f1;  
}  
  
.zebra tfoot td:first-child {  
-moz-border-radius: 0 0 0 6px;  
-webkit-border-radius: 0 0 0 6px;  
border-radius: 0 0 0 6px;  
}  
  
.zebra tfoot td:last-child {  
-moz-border-radius: 0 0 6px 0;  
-webkit-border-radius: 0 0 6px 0;  
border-radius: 0 0 6px 0;  
}  
  
.zebra tfoot td:only-child{  
-moz-border-radius: 0 0 6px 6px;  
-webkit-border-radius: 0 0 6px 6px  
border-radius: 0 0 6px 6px  
}


/*--banner--*/
.banner{text-align:center; height:600px; width:100%; padding-top:0em !important; -webkit-animation:gfadeIn 1s 0.4s both; -moz-animation:gfadeIn 1s 0.4s both; animation:gfadeIn 1s 0.4s both; }
.banner p{ width:100%; height:600px; display:block; float:left;}
.banner2{width:100%;  height:450px; float:left;}
.banner2 p{ width:100%; height:450px; display:block; float:left;}

.ban_img{ background:url(../images/ys1_img_big1.png) center no-repeat; background-size:98%; width:100%; height:368px; margin:100px 0 0 0;}
.slider {position:relative; padding:0 0; }
.rslides {position:relative; overflow:hidden; width:100%; height:540px; text-align:left; }
.rslides li {-webkit-backface-visibility:hidden; position:absolute; display: none; width:100%; left:0; top:0; }
.rslides li:first-child {position:relative; display:block; float:left; }
.rslides .fl{ width:50%;color:#fff; text-align:left;}
.rslides .fr{ background:url(../images/ys1_img_big.png) center no-repeat; background-size:100%; width:50%; height:359px; margin-top:130px;}
.rslides .fl h3{ font-size:80px; font-weight:100; width:100%; margin-top:100px; }
.rslides .fl h4{ font-size:48px; font-weight:100; width:100%;}
.rslides .fl p{ font-size:20px; font-weight: 100; width:80%; line-height:30px; padding:0.5em 0 2em; margin-top:20px; }
.rslides .fl a{ color:#fff; background:#000004; padding:10px 20px; font-size:20px; font-weight:100; margin-top:11px; }
.rslides .fl a:hover{background-color:#f07203; }

.callbacks_tabs a{visibility:hidden; }
.callbacks_tabs li{display:inline-block; }
.callbacks_tabs a:after {content: "\f111"; font-size: 0; font-family: FontAwesome; visibility:visible; display: block; height:6px; width:36px; display: inline-block; border: 2px solid #000; border-radius: 0; background: #000; }
.callbacks_here a:after{border: 2px solid #000; background: transparent; }
.callbacks_tabs.callbacks1_tabs {position: absolute; bottom:4%; z-index: 999; right:45%; padding: 0;}
.callbacks_nav {position: absolute; -webkit-tap-highlight-color: rgba(0,0,0,0); top: 54%; left: -14%; z-index: 3; text-indent: -9999px; overflow: hidden; text-decoration: none; height: 40px; width: 38px; margin-top: 0; }
.callbacks_nav.next {left: auto; background-position: right top; right: 4%; top: 54%; }






/*--服务流程--*/
.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;}






.pf_liNum {display:inline-block; width:20px; height:20px; -webkit-border-radius:50%;
    -o-border-radius:50%;
    -moz-border-radius:50%;
    -ms-border-radius:50%;
    border-radius:50%;
    background-color:#ff7852;
    color:#fff;
    font-size:14px;
    text-align:center;
    line-height:20px;
    vertical-align:middle;
    margin-right:5px;
}
.pf_title_two {margin-top:20px; line-height:180px; text-align:center; background:url(../images/title-line.png) center no-repeat;}
.pf_title_two h2 {font-size:30px; color:#3f3f3f; font-weight:bold;}
.pf_title_two .pf_plus {font-size:40px; color:#ff7852; margin:0 5px;}
.pf_serviceList {
    width:100%;
    height:350px;
	float:left; 
    display:inline-block;
    vertical-align:middle;
    border:1px solid #d1d1d1;
    -webkit-box-sizing:border-box;
    -o-box-sizing:border-box;
    -ms-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    background-color:#FFF;
    cursor:pointer;
}
.pf_serviceicon {width:108px; height:108px; background:url(../images/servicel.png) repeat; margin:30px auto 0;}
.pf_serviceList h3 {font-size:22px; color:#555; text-align:center; line-height:60px;}
.pf_serviceList p {font-size:14px; color:#888; line-height:20px; text-align:center; padding:0 15px; letter-spacing:1px;}
.pf_one {background-position:0 0;}
.pf_two {background-position:0 -243px;}
.pf_three {background-position:0 -486px;}
.pf_four {background-position:0 -729px;}
.mouseOn {background-color:#ff7852; box-shadow:0 0 15px rgba(102, 102, 102, 0.5);}
.mouseOn h3, .mouseOn p {color:#fff;}
.mouseOn .pf_one {background-position:0 -122px;}
.mouseOn .pf_two {background-position:0 -365px;}
.mouseOn .pf_three {background-position:0 -608px;}
.mouseOn .pf_four {background-position:0 -851px;}




.pf_title_three { text-align:center; padding:50px 0;}
.pf_title_three h2 { background:url(../images/title-line-two.png) 50% no-repeat; font-size:30px; color:#3f3f3f;}
.pf_title_three p, .pf_title_four p {font-size:16px; color:#555; margin-top:10px;}



.pf_icon { width:100%; height:auto; display:block; float:left; margin-bottom:80px;}
.pf_icon li{width:20%; display:block; float:left; padding:0 10px;}
.pf_icon .iconList { float:left; width:100%;  background:#f9f9f9; height:230px; text-align:center; margin-bottom:20px;}
.pf_icon .iconList img{ width:100%;}
.pf_icon .iconList .iconPic { display:inline-block; margin-top:30px;}
.pf_icon .iconList h3 { font-size:18px; color:#555; margin-top:30px;}
.pf_icon .iconList p { font-size:14px; color:#888; padding:5px 20px 0;    line-height:20px;}
.pf_title_four { margin-top:20px; text-align:center;    padding:80px 0 50px;}
.pf_title_four h2 {background:url(../images/title-line-three.png) center no-repeat; font-size:30px; color:#3f3f3f;    font-weight:bold;}
.caseList {padding:0;}
.caseBox {float:left; width:238px; height:270px; margin:0 12px; border:1px solid #d1d1d1; cursor:pointer;}

.pf_icon .iconList:hover{ background:#fcfcfc;box-shadow:0px 1px 12px 5px rgba(0,0,0,0.15);-webkit-transition: .4s all; -moz-transition: .4s all; -ms-transition: .4s all; transition: .4s all;}

.pf_icon .iconList:hover img{ -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); -webkit-transition: .4s all; -moz-transition: .4s all; -ms-transition: .4s all; transition: .4s all;}







/*-- footer --*/
.footer{padding:1em 0 0 0; background:#232426 url(../images/footerbg.jpg) top center no-repeat; color:#cccccc; }
.footer_d{ line-height:50px; min-height:50px; background:#2a2a2a; color:#3f4041; font-size:12px; float:left; width:100%; display:block;}
.copyright{ line-height:50px; font-size:12px; min-height:50px; text-align:center; color:#c2c2c2;}
.footer a{ color:#666;}
.footer a:hover{ color:#f07203;}

.footer .advantage .nr .item .circle span.c-1{background:url(../images/qq_02.png) center no-repeat; }
.footer .advantage .nr .item .circle span.c-2{background:url(../images/qq_02-04.png) center no-repeat;}
.footer .advantage .nr .item .circle span.c-3{background:url(../images/qq_02-06.png) center no-repeat;}
.footer .advantage .nr .item .circle span.c-4{background:url(../images/qq_02-08.png) center no-repeat;}
.footer .advantage .inner{  left:0; right:0; }
.footer .advantage .nr{ padding:0; width:100%; float:left; margin:30px 0 20px 0;}
.footer .advantage .nr li{ width:25%; float:left; display:inline;}
.footer .advantage .nr li:nth-child(1),
.footer .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);}
.footer .advantage .nr li:nth-child(3),
.footer .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);}
.footer .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;}
.footer .advantage.active .nr li:nth-child(2),
.footer .advantage.active .nr li:nth-child(3){
transition-delay:400ms; 
-o-transition-delay:400ms;
-moz-transition-delay:400ms;
-webkit-transition-delay:400ms;}
.footer .advantage .nr .item{ display:block; width:100%; position:relative; color:#cccccc;}
.footer .advantage .nr .item .circle{ width:100px; height:100px; margin:10px auto 0px; position:relative; color:#333; background:none; border:2px solid #ccc;
-webkit-border-radius:60px;
-moz-border-radius: 60px;
border-radius: 60px;
behavior: url(ie-css3.htc); z-index:2;}
.footer .advantage .nr .item .circle span{ display:block; height:100px; width:100px; line-height:100px; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
.footer .advantage .nr .item p{ line-height:28px; font-size:15px; padding:25px 0 10px;}
.footer .advantage .nr .item:hover .circle{ background:none; 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;}
.footer .advantage .nr .item:hover h1,
.footer .advantage .nr .item:hover p{ 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;}




@media(max-width:640px){
	/*--banner--*/
	.banner,.banner p{ width:100%; height:280px; display:block; float:left;}
	.banner2,.banner2 p{ width:100%; height:230px; display:block; float:left;}

	/*--解决方案--*/
	.welcome-grid {width:50%; float: left; margin-top: 2em; }
	.welcome-grid h3 {padding: 14px 0 4px; }
	.welcome-grid .prd_t h4{ font-size:20px; font-weight:normal; line-height:30px; margin:0;}

	/*--服务流程--*/
	.lc_list{ width:100%; float:left; margin-bottom:30px;}
	.lc2{ background:none;}
	.advantage .nr li{ width:25%;}

	/*--成功案例--*/	
	.tabs-qh{ width:100%; float:left;}
	.index_news_title{ width:100%; float:left;  margin-bottom:20px; text-align:center; padding:0 3px; }
	.index_news_title dd{ display:block; width:25%; float:left; cursor:pointer; }
	.index_news_title a{ display:block; color:#4a4a4a;}
	#index_news_list ul li{ width:50%; display:block; float:left; padding:10px 8px; background:none;}
	#index_news_list ul li a{ width:100%; height:100%; margin:0;}
	#index_news_list ul li a img{ width:100%;}
	
	#index_news_list ul{padding-bottom:40px;}
	#index_news_list ul li a{  overflow:hidden;}
	#index_news_list ul li article{position:relative; width:100%; height:100%; padding-top:62.4%; overflow:hidden;}
	#index_news_list ul li:nth-child(5){ display:none;}
	
	
	/*二级-案例列表*/
	.plan_title{ margin:20px 0 10px; padding:0 5px;}
	.plan_title dd{ width:25%; margin:5px 0; padding:0 5px;}
	.case_a_cont{ width:100%; padding:0 10px;}
	.case_a_cont .ma10{ width:50%; padding:12px; background:#fff;  overflow:hidden; float:left; display:block;}
	.case_a_cont a{	display:block; width:100%; float:left; position:relative; overflow:hidden; text-align:left;}
	.case_a_cont a img{ width:100%; height:auto;}
	.case_a_cont a span{ display:block;	width:100%;   padding-top:10px; font-size:18px;}
	.case_a_cont a p{ font-size:13px; color:#8f8f8f; margin-top:5px; margin-bottom:5px; height:auto;}
	
	
	
	/*--新闻/案例详情--*/
	.products { padding:15px; }
	.products h1{font-size:20px;color:#333;padding:10px 0 0px 0; font-weight:400; text-align:left;}
	.products .pro{padding:0;line-height:30px;}
	.products .pro-img{text-align:left;float:left;}
	.products .pro strong{font-size:18px;color:#00a0ea; display:block;}
	.daline{ border-bottom:1px solid #f2f2f2;  width:100%; margin:0 0 20px 0; text-align:left; padding:10px 0; color:#bebebe; font-size:14px;}
	.pager{ width:100%; padding:0; text-align:left; line-height:40px;}
	.pager span{ width:100%; display:block; float:left;}
	.pager span:last-child{ text-align:left;}
	.pager a{display:inline-block;padding:0 13px;}





	.new_list{ width:96%; margin:2%;}
	.new_list ul p {line-height:30px;}
	
	
	.gallery {padding: 1.5em 0; }
	.typrography {padding: 3em 0; }
	h3.first {padding-top: 0; }
	.cf-1 {margin: 2em 0 2em; }
	.abt-info-pic ul {margin-top: .7em; }
	.logo a.navbar-brand {font-size: 2.4em; }
	.login-pop {float: right; width: 13%; margin: 13px auto 0; }


	a.navbar-brand span {margin-left: 0; padding-top: 6px; }
	.rslides {height: 350px; }
	


	.related-tell .appcase-con .appcase-con-list .appcase-con-item { margin:10px 0px; float:left; width:50%; padding:0 10px;}
	.pf_icon{ margin-bottom:30px;}
	.pf_icon li{ padding:0 5px; width:50%;}
	.pf_icon .iconList { height:180px; }
	.pf_icon .iconList .iconPic { display:inline-block; margin-top:15px;}
	.pf_icon .iconList .iconPic img{ width:80%;}
	.pf_icon .iconList h3 { font-size:20px; color:#555; margin-top:10px;}
	.pf_icon .iconList p { font-size:16px;  line-height:18px; padding:10px 8px;}

	.platform-item .sys-left { width:100%; padding:30px 20px; margin-top:30px; float:left;}
	.platform-item .sys-left h3 { font-size:26px; text-align:center; }
	.platform-item .sys-left h3 span { display:block; margin-top:8px; font-size:20px; color:#888888; font-weight:normal; display:none;}
	.platform-item .sys-left .line { width:50px; height:10px; border-bottom:2px solid #ff7852; display:none;}
	.platform-item .sys-left p { line-height:30px; font-size:16px; padding-top:24px; width:100%;}
	.platform-item .sys-right { display:none; height:293px; width:40%; float:right; text-align:center; margin-top:50px;}
	.platform-item .sys-right img{ width:70%;}
	
	
	.platform-advantage .platform-subject-item {  padding-bottom:30px; width:100%; float:left; padding:0 10px;}
	.platform-advantage .platform-subject-item .item-left { width:30%; height:120px; float:left; text-align:center; margin-top:20px;}
	.platform-advantage .platform-subject-item .item-right { width:65%; margin-left:3%;  float:left;  margin-top:30px;}
	.platform-advantage .platform-subject-item .item-right h3 { font-size:18px; padding:0 ; text-align:left;}
	.platform-advantage .platform-subject-item .item-right h3 span { display:block; font-size:14px;  margin-top:8px; color:#2b2b2b;   font-weight:normal;}
	.platform-advantage .platform-subject-item .item-right .line { width:50px; height:10px;  border-bottom:2px solid #ff7852; margin:0 auto; float:left;}
	.platform-advantage .platform-subject-item .item-right p { font-size:14px;  line-height:24px; padding:10px 0px; margin-top:5px;}
	.item2{ height:auto; border-bottom:1px solid #dddddd !important;  border-right:none !important;}
	#platform-question.platform-question .platform-question-con .question-item{ width:100%; padding:0 10px;}
	
	
	/*--合作伙伴--*/
	#client ul { padding:1px 10px;}
	#client ul li{ height:auto; width:48%; margin:1%; }
	#client ul li i, #client ul li em{padding:20px 0;}
	#client ul li i img{ width:80%;}
	
	
/*-- footer --*/
.footer .advantage .nr li{ width:50%; float:left; display:inline;}
	
}