html, body{font-family:"微软雅黑",'Roboto-Regular'; font-size:100%; background:#f9f9f9; color:#666666 !important; margin:0 auto; padding:0;}
a{text-decoration: none; color:#333; outline:none;}
a:focus,a:hover {color:#f07203; outline:none;text-decoration: none;}
a:hover {text-decoration: none; color:#f07203;}
ul,li { list-style:none; display:block;  margin:0; padding:0;}
body, div, span, h5, h6, p, blockquote, pre, a, abbr, acronym, address{margin:0;padding:0;border:0;font-size:14px;font:inherit;vertical-align:baseline;}
img {border:0;vertical-align:bottom;}
h1, h2, h3,h4, h5, h6 {margin: 0;}
ul, ol,li {margin: 0;}
p {margin: 0;}
.img {display:block;max-width:100%;height:auto;}
h5{font-size:18px;color:#595757;text-transform:uppercase;}


.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; }


.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;}


.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;}
		


.wd1100{ margin:0 auto; max-width:1100px;}

.clearfix:after{ content:"."; display:block; height:0; visibility:hidden; clear:both; }

.clearfix{ *zoom:1;}

.top{ height:auto; overflow:hidden; padding-bottom:30px; padding-top:90px; text-align:center;}

.top_en{ font-family:张海山锐线体简; color:#bababa; font-size:30px; line-height:100%; margin-bottom:16px;}

.top_cn span{ color:#222; font-size:36px; padding-bottom:12px; border-bottom:1px solid #b6b9bf;}

.top_cn span b{ background:url(../images/top_enline.jpg) no-repeat bottom; padding-bottom:14px;}
		
#warp{ width:100%; height:auto; overflow:hidden;}
.floor1{ width:100%;background-color:#e7e6ec;font:12px/24px "Helvetica Neue","Microsoft YaHei"; color:#888;}
.floor-content{ padding-top:50px; height:330px;}
.floor-content1{ display:none; width:100%; max-width:1120px; height:330px; margin:0 auto;}
.floor-content3 li { float:left; position:relative; background-color:#FFF; width:255px; height:330px; margin:10px 5px 10px 20px; overflow:hidden; display:inline;}
.floor-content3 li { -webkit-animation:gdownIn 1s 0.8s both; -moz-animation:gdownIn 1s 0.8s both; animation:gdownIn 1s 0.8s both;}
.business_ho{ position:absolute; top:0; left:0; background:url(../images/business_ho.jpg) no-repeat; width:255px; height:330px; display:none;}
.business_icon{ position:absolute; top:48px; z-index:10; width:122px; height:122px;}
.business_icon1{ right:66px;}
.business_icon2{ left:-122px;}
.business_text{ position:absolute; top:206px; z-index:10; width:220px;}
.business_text1{ left:18px;}
.business_text2{ right:-220px;}
.business_title{ text-align:center;}
.business_title a{ color:#1d1d1d; font-size:18px; font-weight:bold;}

.business_intro{ line-height:22px; height:66px; overflow:hidden; padding-top:10px; text-align:center;}
.floor-content3 { width:100%; max-width:1120px; margin:0 auto;}
.floor-content3 ul{ width:100%; max-width:1120px;}
.box-b {bottom:-630px;}
.floor_on .business_title a{ color:#FFF;}
.floor_on .business_intro{ color:#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;}




@media(max-width:1199px){
	
	/*--服务流程--*/
	.liucheng{ background:#e3e3e3 url("../images/bgSection.png")/*tpa=http://www.17sucai.com/preview/445090/2017-08-29/%E6%96%B0%E5%BB%BA%E6%96%87%E4%BB%B6%E5%A4%B9/images/bgSection.png*/ repeat; width:100%;}
	.lc2{ background:url("../images/line.png")/*tpa=http://www.17sucai.com/preview/445090/2017-08-29/%E6%96%B0%E5%BB%BA%E6%96%87%E4%BB%B6%E5%A4%B9/images/line.png*/ center no-repeat;}
	.lc_list{ width:100%; float:left; margin-bottom:80px;}
	.lc_list li{ width:126px; margin:0 6px;  background-size:126px 126px;}
	.lc_list li span{ width:60px; height:60px; background:url("../images/icon.png")/*tpa=http://www.17sucai.com/preview/445090/2017-08-29/%E6%96%B0%E5%BB%BA%E6%96%87%E4%BB%B6%E5%A4%B9/images/icon.png*/ repeat; display:block; float:left; margin:33px 0 50px 32px;}
	.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;}
	
	

}


@media(max-width:1024px){
	
	
	/*--服务流程--*/
	.liucheng{ background:#e3e3e3 url("../images/bgSection.png")/*tpa=http://www.17sucai.com/preview/445090/2017-08-29/%E6%96%B0%E5%BB%BA%E6%96%87%E4%BB%B6%E5%A4%B9/images/bgSection.png*/ repeat; width:100%;}
	.lc2{ background:url("../images/line.png")/*tpa=http://www.17sucai.com/preview/445090/2017-08-29/%E6%96%B0%E5%BB%BA%E6%96%87%E4%BB%B6%E5%A4%B9/images/line.png*/ center no-repeat;}
	.lc_list{ width:100%; float:left; margin-bottom:80px;}
	.lc_list li{ width:126px; margin:0 6px;  background-size:126px 126px;}
	.lc_list li span{ width:60px; height:60px; background:url("../images/icon.png")/*tpa=http://www.17sucai.com/preview/445090/2017-08-29/%E6%96%B0%E5%BB%BA%E6%96%87%E4%BB%B6%E5%A4%B9/images/icon.png*/ repeat; display:block; float:left; margin:33px 0 50px 32px;}
	.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;}


	.grid li {display:inline-block;  width:311px;  margin:0;  padding:3px;  text-align:left;  position:relative;}
	.news-grid a h4 {font-size: 1em; }
	.welcome {padding: 3em 0 6em; }
	.effect-grid {padding: 5em 0; }
	.news {padding: 4em 0; }
	.news-text h3 {padding: 0; }
	.news-grids {margin-top: 1em; }
	.cf-1 {margin: 3em 0 2em; }
	a.navbar-brand span {padding-top: 6px; }
	.login-pop {margin: 18px auto 0; }
	.view h3 {padding: 26px 0 10px; }
	
	

	
	

}


@media(min-width:768px) and (max-width:991px){
	

	/*--服务流程--*/
	.p_title{ margin:30px 0;}
	.lc2{background-size:100%;}
	.advantage .nr{ padding:0; width:100%; float:left; margin-bottom:60px;}
	.advantage .nr li{ width:14.285%; float:left; display:inline;
	filter: alpha(opacity=0);
	-khtml-opacity: 0;
	-moz-opacity: 0; 
	opacity:0;}
	.advantage .nr .item .circle{ width:94px; height:94px; margin:10px auto 0px; 
	-webkit-border-radius:60px;
	-moz-border-radius: 60px;
	border-radius: 60px;}
	.advantage .nr .item .circle .circle_l,
	.advantage .nr .item .circle .circle_r{width:47px; height:94px;}
	.advantage .nr .item .circle .circle_l{ left:0px;
	-webkit-border-radius:62px 0 0 62px;
	-moz-border-radius: 62px 0 0 62px;
	border-radius: 62px 0 0 62px;}
	.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{height:94px; width:94px; line-height:94px;}
	.advantage .nr .item h1{ font-size:18px; padding:18px 0 10px; line-height:22px;}
	.advantage .nr .item p{ line-height:20px; font-size:13px; padding:0 5px;}
	.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;}


}

@media(max-width:767px){
	
	/*--服务流程--*/
	.p_title{ margin:30px 0;}
	.lc2{background-size:100%;}
	.advantage .nr{ padding:0; width:100%; float:left; margin-bottom:60px; padding:0 20px;}
	.advantage .nr li{ width:14.285%; float:left; display:inline;
	filter: alpha(opacity=0);
	-khtml-opacity: 0;
	-moz-opacity: 0; 
	opacity:0;}
	.advantage .nr .item .circle{ width:94px; height:94px; margin:10px auto 0px; 
	-webkit-border-radius:60px;
	-moz-border-radius: 60px;
	border-radius: 60px;}
	.advantage .nr .item .circle .circle_l,
	.advantage .nr .item .circle .circle_r{width:47px; height:94px;}
	.advantage .nr .item .circle .circle_l{ left:0px;
	-webkit-border-radius:62px 0 0 62px;
	-moz-border-radius: 62px 0 0 62px;
	border-radius: 62px 0 0 62px;}
	.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")/*tpa=http://www.17sucai.com/preview/445090/2017-08-29/%E6%96%B0%E5%BB%BA%E6%96%87%E4%BB%B6%E5%A4%B9/css/ie-css3.htc*/; z-index:2;}
	.advantage .nr .item .circle span{height:94px; width:94px; line-height:94px;}
	.advantage .nr .item h1{ font-size:18px; padding:18px 0 10px; line-height:22px;}
	.advantage .nr .item p{ line-height:20px; font-size:13px; padding:0 5px;}
	.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;}

	


}

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


@media(max-width:480px){

	
	/*--服务流程--*/
	.liucheng{ background:#e3e3e3 url("../images/bgSection.png")/*tpa=http://www.17sucai.com/preview/445090/2017-08-29/%E6%96%B0%E5%BB%BA%E6%96%87%E4%BB%B6%E5%A4%B9/images/bgSection.png*/ repeat; width:100%;}
	.p_title{ margin:30px 0;}
	.lc2{ background:none;}
	.advantage .nr li{ width:33.333%; height:230px;}

}

@-webkit-keyframes gupIn{
	from{opacity:0; -webkit-transform:translate3d(0,-30px,0);}
}
@-moz-keyframes gupIn{
	from{opacity:0; -moz-transform:translate3d(0,-30px,0);}
}
@keyframes gupIn{
	from{opacity:0; transform:translate3d(0,-30px,0);}
}


@-webkit-keyframes gdownIn{
	from{opacity:0; -webkit-transform:translate3d(0,30px,0);}
}
@-moz-keyframes gdownIn{
	from{opacity:0; -moz-transform:translate3d(0,30px,0);}
}
@keyframes gdownIn{
	from{opacity:0; transform:translate3d(0,30px,0);}
}


@-webkit-keyframes gleftIn{
	0%{opacity:0; -webkit-transform:translate3d(-30px,0,0);}
	100%{opacity:1; -webkit-transform:translate3d(0,0,0);}
}
@-moz-keyframes gleftIn{
	0%{opacity:0; -moz-transform:translate3d(-30px,0,0);}
	100%{opacity:1; -moz-transform:translate3d(0,0,0);}
}
@keyframes gleftIn{
	0%{opacity:0; transform:translate3d(-30px,0,0);}
	100%{opacity:1; transform:translate3d(0,0,0);}
}


@-webkit-keyframes grightIn{
	0%{opacity:0; -webkit-transform:translate3d(80px,0,0);}
	100%{opacity:1; -webkit-transform:translate3d(0,0,0);}
}
@-moz-keyframes grightIn{
	0%{opacity:0; -moz-transform:translate3d(80px,0,0);}
	100%{opacity:1; -moz-transform:translate3d(0,0,0);}
}
@keyframes grightIn{
	0%{opacity:0; transform:translate3d(80px,0,0);}
	100%{opacity:1; transform:translate3d(0,0,0);}
}


@-webkit-keyframes gfadeIn{
	0%{opacity:0;}
	100%{opacity:1;}
}
@-moz-keyframes gfadeIn{
	0%{opacity:0;}
	100%{opacity:1;}
}
@keyframes gfadeIn{
	0%{opacity:0;}
	100%{opacity:1;}
}


@-webkit-keyframes gfadeOut{
	0%{opacity:1;}
	100%{opacity:0;}
}
@-moz-keyframes gfadeOut{
	0%{opacity:1;}
	100%{opacity:0;}
}
@keyframes gfadeOut{
	0%{opacity:1;}
	100%{opacity:0;}
}