@charset "utf-8";
/* CSS Document */
.font70{font-size:70px;}
.font60{ font-size:60px;}
.font48{ font-size:48px;}
.font30{ font-size:30px;}
.font18{ font-size:18px;}
.font14{ font-size:14px;}
.mart50{ margin-top:50px;}
.mart80{ margin-top:80px;}
.mart70{ margin-top:70px;}
.mart30{ margin-top:30px;}
.mart100{ margin-top:100px;}
.wid660{ width:660px; margin: auto;}
.wid880{ width:880px; margin: auto; margin-top:40px;}
.wi830{ width:820px; margin: auto; }
.corred{ color:#f00;}
.mart10{ margin-top:10px;}


.title{text-align: center;  font-size: 48px; margin: 0px 0px 50px;padding-bottom: 10px; margin:50px 0px;}
.title p{ font-size:18px; color: #e84240;text-transform:capitalize; padding:5px 0px;}

/*logo*/
.logoBox{ position:relative;float: left; padding: 12px 10px;}
.logoBox span{ color: #333;position: absolute; top:40px; left: 66px; letter-spacing:1.5px; font-size: 12px; margin-top: 14px;}
.gpdm { float: left;text-align: left; margin-top:29px;font-size: 13px;border: 2px solid #ddd;color: #333; padding: 2px 10px;}
.box{ width:1200px; margin:0 auto; overflow:hidden; min-width: 1200px; position:relative;}
.box2{ width:1300px;margin:0 auto; overflow:hidden;  position:relative; }


.main{ font-size:18px; }
.main_1{ background:url(/images/agent/dlimg2.jpg) center no-repeat #bb2829; text-align:center; height:779px; overflow:hidden; position:relative; color:#fff; padding-top: 85px;}
.main_1img{background:url(/images/agent/dlimg2_01.png) center no-repeat;height:540px; }
.main1box {width: 1250px;margin: 0 auto;}
.main1txt {text-align: left;color: #fff; position: absolute; top: 100px;width: 100%;}

.ban01_img{background: url(/images/agent/ban01.jpg) left center no-repeat;
    width: 100%;
    height: 518px;
    width: 700px;
    float: left;
    opacity: 0;
    filter: alpha(opacity=0)\9;}
	
.ban01_ipad {
    background: url(/images/agent/ipad_img.png) left center no-repeat;
    width: 168px;
    height: 276px;
    position: absolute;
    top: 350px;
    left: 590px;
    float: left;
    opacity: 0;
    filter: alpha(opacity=0)\9;
}	
	
.main_2{ background:#fff; text-align:left; height:794px; color:#fff;overflow:hidden; position:relative;}
.ban02_img{  background: url(/images/agent/dlimg3.png) 100% bottom no-repeat;width:609px;height:600px;}
.bant02_txt{ width:555px; color:#222; margin-top:120px;}

.main_3{ background:url(/images/agent/ban03.jpg) top center no-repeat; text-align:center; height:850px;color:#fff;overflow:hidden;}
.main_4{ text-align:center; height:1000px; overflow:hidden;}
.gzc{background:url(/images/agent/ban04.png) bottom center no-repeat; width:1209px; height:549px; margin:0 auto; margin-top:100px;}
.main_5{  height:800px; width:100%;
	background:url(/images/agent/ban05.jpg) center no-repeat;
    color: #fff;text-align:center;  position:relative;}
.ban05_img{ background:url(/images/agent/ban05_img.png) center no-repeat;height:800px; position:relative; z-index: 98;}
.ban05_box{ position:absolute; width:100%;height:800px; top:0px;}


.main_3{ background:url(/images/agent/ssxg_bg.jpg) bottom center no-repeat; text-align:center; height:700px; overflow:hidden; color:#fff; position:relative;}
.qzwz{ background: url(/images/agent/dlimg4.png) bottom center no-repeat;
    width: 1005px;
    height: 446px;
    margin: 0 auto;}

.main_7{ background:#db6e1e; color:#fff; text-align:center; height:880px; overflow:hidden;}
.main_8{ background:url(/images/agent/ban09.png) bottom center no-repeat; text-align:center; height:880px;overflow:hidden; position:relative;}
.main_9{ background:url(/images/agent/ban10.jpg) bottom center no-repeat; text-align:center; height:826px;overflow:hidden; color:#fff;position:relative;}
.main_10{ background:#000000; text-align:center; height:810px;overflow:hidden; color:#fff;}
.aitxt{ width:540px; text-align:left; max-width:50%; margin-top:260px;}
.main_11{ background:#0a2452; text-align:center; height:800px;overflow:hidden; color:#fff; position:relative;}
.main_12{ text-align:center; height:800px;overflow:hidden;  background:#fff; position:relative; background:#bb2829; color:#fff;}
.ban12_img{ background: url(/images/agent/ban13.png) -82% bottom no-repeat; width:100%;height:800px;}
.ban12_box{ position:absolute; width:100%; top:0px;}

.main_13{ background:url(/images/agent/ban14.jpg) bottom center no-repeat; text-align:center; height:810px;overflow:hidden; color:#fff; position:relative;}
.main_13box{ position:absolute; top:0px; width:100%; height: 810px;}
.main_14{ background:url(/images/agent/ban15.jpg) bottom center no-repeat; text-align:center; height:800px;overflow:hidden; color:#fff; }
.main_15{ background:#fff; text-align:center; height:800px;overflow:hidden; }
.main_16{ text-align:center;}
.main_17{ text-align:center;height:800px;overflow:hidden; position:relative;}
.dl_map{
    background: url(/images/agent/dl_map.jpg) center no-repeat #fff;
    width: 696px;
    float: left;
    height: 336px;
    margin-top: 100px; position:relative;}

.wzclass{ width: 100%; position: relative;height: 470px; margin-top:80px;}
.main_19{ text-align:center; height:800px;overflow:hidden; background:#f1f1f1; position:relative;}
.main19_img{background: url(/images/agent/ban19.png) center no-repeat #f1f1f1; height:400px; margin-top:100px;}
.main_20{background: #be2829;}
.box20{ width:1260px; margin-top:40px;}
.main_20 img{ display:inline-block;     opacity: 0;
    filter: alpha(opacity=0)\9;}
.main_20 img.ban20_2{ float:left; margin-top:100px;}
.main_20 img.ban20_1{ float:left; margin-top:10px;}
.main_20 img.ban20_3{ float:left; margin-top:230px;}



.main_18{ background:#fff; color:#000; position:relative;}
.jkimg{background: url(/images/agent/yidong.jpg) center no-repeat; width:100%; height:689px; height: 760px; opacity: 0;filter: alpha(opacity=0)\9;}
.jkbox{position:absolute; top:0px; width:100%;}
.jktxt{ width:540px; text-align:left; max-width:50%; margin-top:260px; }


.jsbg{background:url(/images/agent/ban12.jpg) left bottom no-repeat; height:800px;}
.jsbg_box{ position:absolute; top:0px; width:100%;}
.ssimg{background:url(/images/agent/ban13.png) left bottom no-repeat; height:800px;}
.pmsy{background:url(/images/agent/huojian.png) left 160px no-repeat; height:810px; position:relative;}
.pig_icn{ width:270px; height:246px; display:inline-block; right:-10px;background:url(/images/agent/pig.png) center no-repeat; bottom:50px; position:absolute;}

.aiimg{background:url(/images/agent/ban11.png) right bottom no-repeat; width:50%; height:810px; }


.pwjs{width: 700px;text-align: right;margin-top: 210px;}

.platform-list {
    width: 1200px;
    margin: 0 auto;
    padding-bottom: 80px;
    line-height: 20px;
	padding-top:70px;
}
.platform-list table {
    border-collapse: separate;
}
.platform-list table tbody .top {
    height: 94px;
}
.platform-list table tbody .top .top-td {
    /*width: 450px;*/
    text-align: center;
    vertical-align: middle;
}

.platform-list table tbody .content-tr .one {
    border-radius: 10px 0 0 0;
    -moz-border-radius: 10px 0 0 0;
    -webkit-border-radius: 10px 0 0 0;
    border-top: 1px solid #e4e4e4; width: 149px;
}
.platform-list table tbody .top .first {
    width: 149px;
}
.platform-list table tbody .top .ios {
    background-color: #888888;
    border-radius: 10px 0 0 0;
    -moz-border-radius: 10px 0 0 0;
    -webkit-border-radius: 10px 0 0 0; color:#fff; /* font-size: 36px; height:94px; line-height:94px;*/ width:300px;
}
.platform-list table tbody .top .pc {
    background-color: #e82828;
    border-radius: 0 10px 0 0;
    -moz-border-radius: 0 10px 0 0;
    -webkit-border-radius: 0 10px 0 0;color:#fff; font-size: 36px;  border-bottom: 1px solid #c90000;height:94px; line-height:94px;
}

.platform-list table tbody .content-tr {
    height: 98px;
}

.platform-list table tbody .content-tr .first {
    background-color: #f5f5f5;
    line-height: 1.2;
}
.platform-list table tbody .content-tr .last {
    border-right: 1px solid #e4e4e4;
}
.platform-list table tbody .content-tr td {
    text-align: center;
    color: #626262;
    border-left: 1px solid #e4e4e4;
    border-bottom: 1px solid #e4e4e4;
	    line-height: 35px;
    padding: 0 10px;
}

.platform-list table tbody .content-tr td.tdbg {
    color: #626262; background:#f5f5f5;
}
.platform-list table tbody .content-tr td.tdbgred {
    color: #fff; background:#E82828;
	    border-bottom: 1px solid #c90000; line-height: 35px;
}
.platform-list table tbody .content-tr .seven{
      border-radius: 0 0 0 10px;
    -moz-border-radius: 0 0 0 10px;
    -webkit-border-radius: 0 0 0 10px;
}


  
 /*网站底部*/
/*.bottom
{
   
    height: 309px;
    margin: 0 auto;
    text-align: center;
}
.bottom .div_1
{
    height: 265px;
    background: #353535;
}
.bottom .div_1 p{ color: #e8e8e8;}
.bottom .div_1 a{ color: #e8e8e8;margin-right: 10px;font-size: 14px;}
.bottom .div_1 .nav
{
    width: 1200px;
    margin: 0 auto;
    text-align: center;   
}
.bottom .div_1 .nav .left img
{
     vertical-align: middle;
}
.bottom .div_1 .nav .left
{
    width: 598px;
    height: 171px;
    float: left;
    color: #FFF;
    margin-top: 50px;
    border-right: 1px solid #626262;
    text-align: left;
}
.bottom .div_1 .nav .right
{
    width: 500px;
    height: 171px;
    float: left;
    color: #e8e8e8;
    margin-top: 50px;
    text-align: left;
    padding-left: 50px;
    font-size: 13px;
    line-height: 26px;
	border-left: none;
}
.bottom .div_2
{
	background: #1d1b1c;
    font-size: 14px;
    color: #FFF;
    padding: 15px; font-size:12px;
}
.telmub{ display:inline-block; text-align:left; line-height:45px;}
.telmub .tel{ font-size:38px;font-weight:bold;border-bottom: 1px solid #797979; padding-bottom:5px;}*/



.f_right{float: right;padding: 0; margin: 0;}



/*AIP 效果*/
.rotbox{ margin: 0 auto;
    width: 920px;
    position: relative;
    left: 26%;}
.i{  width: 300px;
    height: 300px;
    border-left: 0;border: 3px solid #62C4EA;
    position: absolute;
    border-bottom: 0;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    opacity: 0;
    -webkit-animation: ripple 10s infinite ease-out;
    -moz-animation: ripple 10s infinite ease-out;
    animation: ripple 10s infinite ease-out; }
	
.rot1{webkit-animation: ripple 10s infinite ease-out;
    -moz-animation: ripple 10s infinite ease-out;
    animation: ripple 10s infinite ease-out;}
	
.rot2{ -webkit-animation-delay: 2s;
    -moz-animation-delay: 2s;
     animation-delay: 2s; }
	.rot3{ -webkit-animation-delay: 4s;
    -moz-animation-delay: 4s;
     animation-delay: 4s; } 
	 .rot4{ -webkit-animation-delay: 6s;
    -moz-animation-delay: 6s;
     animation-delay: 6s; } 
	  .rot5{ -webkit-animation-delay: 8s;
    -moz-animation-delay: 8s;
     animation-delay: 8s; } 
	 
	 
@-webkit-keyframes ripple {
0% {
opacity:.4
}
100% {
opacity:0;
-webkit-transform:scale(4, 4);
transform:scale(4, 4)
}
}
@-moz-keyframes ripple {
0% {
opacity:.4
}
100% {
opacity:0;
-moz-transform:scale(4, 4);
transform:scale(4, 4)
}
}
@keyframes ripple {
0% {
opacity:.4
}
100% {
opacity:0;
-webkit-transform:scale(4, 4);
-moz-transform:scale(4, 4);
transform:scale(4, 4)
}
}



.feature-icon-animate {
    visibility: visible;
    -webkit-animation: floating-bubble .5s 1 cubic-bezier(0.18,.89,.32,1.28) both;
    -moz-animation: floating-bubble .5s 1 cubic-bezier(0.18,.89,.32,1.28) both;
    animation: floating-bubble .5s 1 cubic-bezier(0.18,.89,.32,1.28) both;
}
.feature-icon-animate {
    -webkit-animation-delay: .5s;
    -moz-animation-delay: .5s;
    animation-delay: .5s;
}


@-webkit-keyframes floating-bubble {
from {
-webkit-transform:translate(0, -5px) scale(0);
transform:translate(0, -5px) scale(0)
}
to {
	-webkit-transform: translate(0, 0) scale(1);
	transform: translate(0, 0) scale(1)
}
}
@-moz-keyframes floating-bubble {
from {
-moz-transform:translate(0, -5px) scale(0);
transform:translate(0, -5px) scale(0)
}
to {
	-moz-transform: translate(0, 0) scale(1);
	transform: translate(0, 0) scale(1)
}
}
@keyframes floating-bubble {
from {
-webkit-transform:translate(0, -5px) scale(0);
-moz-transform:translate(0, -5px) scale(0);
transform:translate(0, -5px) scale(0)
}
to {
	-webkit-transform: translate(0, 0) scale(1);
	-moz-transform: translate(0, 0) scale(1);
	transform: translate(0, 0) scale(1)
}
}




/*点状放大*/
@keyframes warn {
	0% {
		-webkit-transform: scale(0);
		-moz-transform: scale(0);
		-o-transform: scale(0);
		transform: scale(0);
		opacity: 1
	}

	30% {
		-webkit-transform: scale(0);
		-moz-transform: scale(0);
		-o-transform: scale(0);
		transform: scale(0);
		opacity: .1
	}

	60% {
		-webkit-transform: scale(.5);
		-moz-transform: scale(.5);
		-o-transform: scale(.5);
		transform: scale(.5);
		opacity: .5
	}

	100% {
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);
		opacity: 0
	}
}

@-webkit-keyframes warn {
	0% {
		-webkit-transform: scale(0);
		opacity: 0
	}

	30% {
		-webkit-transform: scale(0);
		transform: scale(0);
		opacity: .1
	}

	60% {
		-webkit-transform: scale(.5);
		transform: scale(.5);
		opacity: .5
	}

	100% {
		-webkit-transform: scale(1);
		opacity: 0
	}
}

@-moz-keyframes warn {
	0% {
		-moz-transform: scale(0);
		opacity: 0
	}

	30% {
		-moz-transform: scale(0);
		transform: scale(0);
		opacity: .1
	}

	60% {
		-moz-transform: scale(.5);
		transform: scale(.5);
		opacity: .5
	}

	100% {
		-moz-transform: scale(1);
		opacity: 0
	}
}

.pulse {
    height: 88px;
    width: 88px; display:inline-block;
    -webkit-border-radius: 48px;
    -moz-border-radius: 48px;
    border-radius: 48px;
    opacity: .12;
    filter: alpha(opacity=0);
    -webkit-animation: warn 2s ease-out;
    -moz-animation: warn 2s ease-out;
    -o-animation: warn 2s ease-out;
    animation: warn 2s ease-out;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
.pulse {
    background: #eb251a;
	
}
	@-o-keyframes warn {
	0% {
		-o-transform: scale(0);
		transform: scale(0);
		opacity: 1
	}

	30% {
		-o-transform: scale(0);
		transform: scale(0);
		opacity: .1
	}

	60% {
		-o-transform: scale(.5);
		transform: scale(.5);
		opacity: .5
	}

	100% {
		-o-transform: scale(1);
		transform: scale(1);
		opacity: 0
	}
}


.bubble {
    display: block;
    position: absolute;
    -webkit-animation: floating 3s infinite ease-in-out;
    -moz-animation: floating 3s infinite ease-in-out;
    animation: floating 3s infinite ease-in-out;
}




@-webkit-keyframes float {
from {
-webkit-transform:translate(0, 0) scale(0.9);
transform:translate(0, 0) scale(0.9)
}
65% {
-webkit-transform:translate(0, 10px) scale(0.95);
transform:translate(0, 10px) scale(0.95)
}
to {
	-webkit-transform: translate(0, 0) scale(0.9);
	transform: translate(0, 0) scale(0.9)
}
}
@-moz-keyframes float {
from {
-moz-transform:translate(0, 0) scale(0.9);
transform:translate(0, 0) scale(0.9)
}
65% {
-webkit-transform:translate(0, 10px) scale(0.95);
transform:translate(0, 10px) scale(0.95)
}
to {
	-webkit-transform: translate(0, 0) scale(0.9);
	transform: translate(0, 0) scale(0.9)
}
}
@keyframes float {
from {
-webkit-transform:translate(0, 0) scale(0.9);
-moz-transform:translate(0, 0) scale(0.9);
transform:translate(0, 0) scale(0.9)
}
65% {
-webkit-transform:translate(0, 10px) scale(0.95);
transform:translate(0, 10px) scale(0.95)
}
to {
	-webkit-transform: translate(0, 0) scale(0.9);
	transform: translate(0, 0) scale(0.9)
}
}

.bubt {
    display: block;
    position: absolute;
    -webkit-animation: float 3s infinite ease-in-out;
    -moz-animation: float 3s infinite ease-in-out;
    animation: float 3s infinite ease-in-out;
}

/*360度旋转*/
 @keyframes myfirst2 {
from {
transform:rotate(360deg);
-ms-transform:rotate(360deg);
-webkit-transform:rotate(360deg);
-o-transform:rotate(360deg);
-moz-transform:rotate(360deg)
}
to {
	transform: rotate(0);
	-ms-transform: rotate(0);
	-webkit-transform: rotate(0);
	-o-transform: rotate(0);
	-moz-transform: rotate(0)
}
}
@-moz-keyframes myfirst2 {
from {
transform:rotate(360deg);
-ms-transform:rotate(360deg);
-webkit-transform:rotate(360deg);
-o-transform:rotate(360deg);
-moz-transform:rotate(360deg)
}
to {
	transform: rotate(0);
	-ms-transform: rotate(0);
	-webkit-transform: rotate(0);
	-o-transform: rotate(0);
	-moz-transform: rotate(0)
}
}
@-webkit-keyframes myfirst2 {
from {
transform:rotate(360deg);
-ms-transform:rotate(360deg);
-webkit-transform:rotate(360deg);
-o-transform:rotate(360deg);
-moz-transform:rotate(360deg)
}
to {
	transform: rotate(0);
	-ms-transform: rotate(0);
	-webkit-transform: rotate(0);
	-o-transform: rotate(0);
	-moz-transform: rotate(0)
}
}
@-o-keyframes myfirst2 {
from {
transform:rotate(360deg);
-ms-transform:rotate(360deg);
-webkit-transform:rotate(360deg);
-o-transform:rotate(360deg);
-moz-transform:rotate(360deg)
}
to {
	transform: rotate(0);
	-ms-transform: rotate(0);
	-webkit-transform: rotate(0);
	-o-transform: rotate(0);
	-moz-transform: rotate(0)
}
}
.info1 {
	height: 261px;
    width: 260px;
      margin-top: 297px;
    margin-left: 206px;
	background: url(/images/agent/ani.png) no-repeat;
	animation: myfirst2 6s linear infinite;
	-moz-animation: myfirst2 6s linear infinite;
	-webkit-animation: myfirst2 6s linear infinite;
	-o-animation: myfirst2 6s linear infinite
}

@keyframes myfirst {
from {
transform:rotate(0);
-ms-transform:rotate(0);
-webkit-transform:rotate(0);
-o-transform:rotate(0);
-moz-transform:rotate(0)
}
to {
	transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
	-o-transform: rotate(360deg);
	-moz-transform: rotate(360deg)
}
}
@-moz-keyframes myfirst {
from {
transform:rotate(0);
-ms-transform:rotate(0);
-webkit-transform:rotate(0);
-o-transform:rotate(0);
-moz-transform:rotate(0)
}
to {
	transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
	-o-transform: rotate(360deg);
	-moz-transform: rotate(360deg)
}
}
@-webkit-keyframes myfirst {
from {
transform:rotate(0);
-ms-transform:rotate(0);
-webkit-transform:rotate(0);
-o-transform:rotate(0);
-moz-transform:rotate(0)
}
to {
	transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
	-o-transform: rotate(360deg);
	-moz-transform: rotate(360deg)
}
}
@-o-keyframes myfirst {
from {
transform:rotate(0);
-ms-transform:rotate(0);
-webkit-transform:rotate(0);
-o-transform:rotate(0);
-moz-transform:rotate(0)
}
to {
	transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
	-o-transform: rotate(360deg);
	-moz-transform: rotate(360deg)
}
}

.mod{
    height: 580px;
    width: 580px;
    position: absolute;
       top: 223px;
    left: 307px;
    background-image: url(/images/agent/tgzc.png);
    background-position: 0 0;
    animation: myfirst 8s linear infinite;
    -moz-animation: myfirst 20s linear infinite;
    -webkit-animation: myfirst 20s linear infinite;
    -o-animation: myfirst 20s linear infinite;
	
}


.pulse1{ 
    position: absolute;
    top: 100px;
    right: 100px; width:20px; height:20px;}

.pulse2{ 
    position: absolute;
    top: 160px;
    right: 130px; width:20px; height:20px;  
	-webkit-animation: warn 3s ease-out;
    -moz-animation: warn 3s ease-out;
    -o-animation: warn 3s ease-out;
    animation: warn 3s ease-out;
	 -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
	}

.pulse3{ 
    position: absolute;
    top: 130px;
    right: 230px; width:20px; height:20px; 
	-webkit-animation: warn 1.5s ease-out;
    -moz-animation: warn 1.5s ease-out;
    -o-animation: warn 1.5s ease-out;
    animation: warn 1.5s ease-out;
	 -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
	}
	
	
	.pulse4{ 
    position: absolute;
    top: 200px;
    right: 200px; width:20px; height:20px;
	-webkit-animation: warn 1.8s ease-out;
    -moz-animation: warn 1.8s ease-out;
    -o-animation: warn 1.8s ease-out;
    animation: warn 1.5s ease-out;
	 -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
	}
	
		.pulse4{ 
    position: absolute;
    top: 100px;
    right: 200px; width:20px; height:20px;    
	-webkit-animation: warn 1.8s ease-out;
    -moz-animation: warn 1.8s ease-out;
    -o-animation: warn 1.8s ease-out;
    animation: warn 1.5s ease-out;
	 -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
	}
		.pulse5{ 
    position: absolute;
    top: 100px;
    right: 100px; width:20px; height:20px;   
	-webkit-animation: warn 1s ease-out;
    -moz-animation: warn 1s ease-out;
    -o-animation: warn 1s ease-out;
    animation: warn 1s ease-out;
	 -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
	}

	.pulse6{ 
    position: absolute;
    top: 160px;
    left: 140px; width:20px; height:20px;   
	-webkit-animation: warn 0.8s ease-out;
    -moz-animation: warn 0.8s ease-out;
    -o-animation: warn 0.8s ease-out;
    animation: warn 0.8s ease-out;
	 -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
	}
	
	.pulse7{ 
    position: absolute;
    top: 160px;
    right: 150px; width:20px; height:20px;   
	-webkit-animation: warn 2.2s ease-out;
    -moz-animation: warn 2.2s ease-out;
    -o-animation: warn 2.2s ease-out;
    animation: warn 2.2s ease-out;
	 -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
	}
	.pulse8{ 
   position: absolute;
    top: 20px;
    left: 220px;
    width: 20px;
    height: 20px;
    -webkit-animation: warn 1.6s ease-out;
    -moz-animation: warn 1.6s ease-out;
    -o-animation: warn 1.6s ease-out;
    animation: warn 1.6s ease-out;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
	}

.pulse9{ 
    position: absolute;
    top: 160px;
    right: 220px; width:20px; height:20px;
	-webkit-animation: warn 2.2s ease-out;
    -moz-animation: warn 2.2s ease-out;
    -o-animation: warn 2.2s ease-out;
    animation: warn 2.2s ease-out;
	 -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
	}

.pulse10{ 
    position: absolute;
    top: 260px;
    right: 320px; width:20px; height:20px;  
	-webkit-animation: warn 1.4s ease-out;
    -moz-animation: warn 1.4s ease-out;
    -o-animation: warn 1.4s ease-out;
    animation: warn 1.4s ease-out;
	 -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
	}

.pulse11{ 
    position: absolute;
    top: 100px;
    right: 260px; width:20px; height:20px;   
	-webkit-animation: warn 0.8s ease-out;
    -moz-animation: warn 0.8s ease-out;
    -o-animation: warn 0.8s ease-out;
    animation: warn 0.8s ease-out;
	 -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
	}
	
	.pulse12{ 
    position: absolute;
    top: 100px;
    right: 260px;width:20px; height:20px; 
	-webkit-animation: warn 0.9s ease-out;
    -moz-animation: warn 0.9s ease-out;
    -o-animation: warn 0.9s ease-out;
    animation: warn 0.9s ease-out;
	 -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
	}
	
	.pulse13{ 
       position: absolute;
    top: 50px;
    left: 19px;
    width: 20px;
    height: 20px;
    -webkit-animation: warn 1.5s ease-out;
    -moz-animation: warn 1.5s ease-out;
    -o-animation: warn 1.5s ease-out;
    animation: warn 1.5s ease-out;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
	}
	
    .pulse14{ 
       position: absolute;
    top: 50px;
    left: 120px;
    width: 20px;
    height: 20px;
    -webkit-animation: warn 2.1s ease-out;
    -moz-animation: warn 2.1s ease-out;
    -o-animation: warn 2.1s ease-out;
    animation: warn 2.1s ease-out;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
	}
	 .pulse15{ 
     position: absolute;
    top: 100px;
    left: 150px;
    width: 20px;
    height: 20px;
    -webkit-animation: warn 2.3s ease-out;
    -moz-animation: warn 2.3s ease-out;
    -o-animation: warn 2.3s ease-out;
    animation: warn 2.3s ease-out;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
	}
	
	
	
/*总结*/
.zjbox{ height:273px; width:100%; background:url(/images/agent/zgimg.jpg)  center no-repeat #0E0729; color:#fff; text-align:center;}
.zjzx{ overflow: hidden; 
    position: relative;
    width: 163px;
    display: inline-block;
    position: absolute;
    right: 20px;}
.zjzx a{ color:#fff; border:1px solid #fff; padding:5px 30px; display:inline-block; margin-top:10px; font-size:14px; }
.kzh{ background:#bb2829; color:#fff; padding:70px 0px;}
.kzh ul li{ width:300px; float:left; padding:20px; text-align:center;}
.kzh ul li img{ margin-bottom:30px;}
.kzh ul li p{ text-align:center; margin-top:20px; font-size:24px;}
.kzh ul li span{ display:inline-block; text-align:left; margin-top:15px}

/*合作流程*/
.hhlc{ background:url(/images/agent/dllcbg.jpg) no-repeat; height:800px; text-align:center;color:#fff;}
.hhlc ul { margin-top:100px;}
.hhlc ul li{ width:152px; padding:30px 20px; float:left; position:relative;}
.hhlc ul li img{ margin-top:30px;}
.hhlc ul li p{ text-align:center; margin-top:20px; font-size:30px;}
.hhlc ul li span{ display:inline-block; text-align:left; margin-top:15px}
.lcbg{     background: #fff;
    opacity: 0.2; filter: alpha(opacity=0)\8;
    position: absolute;
    top: 0;
    width: 190px;
    height: 335px;
    left: 0;}
.lcbg:hover{opacity: 0.3; filter: alpha(opacity=0)\7;}

.wid60{ width:60px !important; margin: auto; padding:0px !important; height:335px;}
.hhlc ul li.wid60 img{ margin-top:150px;}


/**/
.dltxt{    width: 460px;
    text-align: left;
    border-radius: 3px;
    border: 1px solid #eb251a;
     font-size:16px; margin-top:50px;}
.dltxt div{ background:#eb251a; height:80px; line-height:80px; color:#fff; font-size:30px; text-align:center;}
.dltxt p{ font-size:16px; padding:20px 30px;}
.dltxt ul{padding: 0px 30px;}
.dltxt ul li{ line-height:35px; border-bottom:1px solid #ddd;}

.dlzs{ width: 270px;
    height: 220px;
    text-align: center;
    position: absolute;
    top: 55px;
    left: 200px;
    border: 1px solid #ddd;}
.dlzs p font{ color:#eb251a; font-size:40px;}
.dlbtn{     width: 215px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background: #eb251a;
    margin: 0 auto;
    margin-top: 10px;}
.dlbtn a{ color:#fff; font-size:16px; display:block;}
.dlzs_bg{ position:absolute; top:0; background:#fff; opacity:0.8;width:270px; height:220px; }
.dlzs_txt{  
    position: absolute;
    top: 12px;
    left: 24px;}
	
	/*市场支持*/
	.sczc{ text-align: center;
    height: 830px;
    position: relative;
    font-size: 24px;
    background: url(/images/agent/sczc.jpg) center no-repeat;}
	.sczc img{ margin-top:100px;}
	.sczc span{font-size:14px; margin-top:10px; display:inline-block;}
	.sczc1{ width: 290px;position: absolute; height: 160px;top: 280px;text-align: right; }
	.sczc2{ width: 312px;position: absolute; height: 160px;top: 550px;text-align: right;}
	.sczc3{     width: 400px;
    position: absolute;
    height: 160px;
    top: 170px;
    text-align: left;
    left: 450px;}
	.sczc4{ width: 290px;position: absolute; height: 160px;top: 280px;text-align:left; right:0;}
	.sczc5{ width: 290px;position: absolute; height: 160px;top: 550px;text-align: left;right:0;}
	
	
	.circle {
    display: inline-block;
    position: absolute;
    left: 0;
    width: 9px;
    height: 9px;
    background: #ff8a00;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    opacity: 1;
    filter: alpha(opacity=100);
}

/*导航下拉菜单-开始*/
.two_nav_box{
	position: relative;
	right: 0;
}
.two_nav_box .two_nav{
	position: absolute;
	right: 0;
	overflow: visible;
	background-color: #ffffff;
	box-shadow: 0 0 6px #888888;
	border-radius: 3px;
	padding:10px 0px;
	display: none; height: 240px;  margin-top: 10px;
}
.two_nav_box .two_nav dl{
	float: left;
	padding:0 20px;
	position: relative;
}
.two_nav_box .two_nav dl dt{
	font-size: 15px;
	line-height: 30px;
}
.two_nav_box .two_nav dl dt a{
	color: #555;
	font-weight: bold;
}
.two_nav_box .two_nav dl i{
	position: absolute;
	left: 0;
	width: 1px;
	height: 100%;
	background:url(/images/agent/menu_line.png) no-repeat center center;
	background-size: 1px 100%;
}
.two_nav_box .two_nav>div dl:first-child i{
	display: none;
}
.two_nav_box .two_nav>span{
	position: absolute;
	right: 24px;
	top: -13px;
	width: 37px; 
	height: 13px;
	background: url(/images/agent/menu_xsj.png) no-repeat center center;
}

.two_nav_box .two_nav dl dd a{
	font-size: 14px;
	color: #999;
	line-height: 30px;
}
.two_nav_box .two_nav dl dd a:hover{
	color: #333;
	text-decoration:underline !important;
}

/*导航下拉菜单-结束*/



/*保姆级服务*/
.dl_fuwubg{background:url(/images/agent/dl_fuwubg.jpg) center no-repeat;height: 750px; color: #fff; position: relative; text-align: center;}

/*代理扶持*/
.mpx_fuchi{overflow: hidden;height: 700px;text-align: center;}
.mpx_fcbox{margin-top: 30px;}
.mpx_fcbox li{ float: left; font-size: 18px;    margin:40px 67px;
    text-align: center;
	-moz-transition: all 0.4s ease 0s;
    -webkit-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;}
.mpx_fcbox li img{margin-bottom: 10px;}
.mpx_fcbox li:hover{ }


/*为什么选择我们*/
.youshi li{float: left; display: inline-block;min-height: 76px;  }
.youshi li h5{ font-size:24px;  margin-top: 24px;}
.youshi li  span{ font-size:14px; color:#555;margin-top: 6px;display: block;}

.we_youshi li{  float:left;  text-align:center; width:33%; margin-bottom:60px; line-height: 25px; }
/*.we_youshi li img{
 -webkit-transition: -webkit-transform 0.5s ease-out;
            -moz-transition: -moz-transform 0.5s ease-out;
            -o-transition: -o-transform 0.5s ease-out;
            -ms-transition: -ms-transform 0.5s ease-out;
}*/
.we_youshi li:hover img{ transform:rotate(90deg);
    -ms-transform:rotate(-360deg); 	/* IE 9 */
    -moz-transform:rotate(-360deg); 	/* Firefox */
    -webkit-transform:rotate(-360deg); /* Safari 和 Chrome */
    -o-transform:rotate(-360deg); 	/* Opera */
}
.we_youshi li div{ text-align:center;}

.box_gray{ background:#f8f8f8}
.box_gray2{ background:#f1f1f1}

.hangye{background: url(/images/agent/hangye.jpg) bottom center no-repeat;}
    
@media only screen and (max-width : 640px) {
.box{ width: auto; min-width: inherit; }
.main_1{ padding-top: 50px; height: auto; }
.mart70{ margin-top: 20px; }
.font48{ font-size: 20px; } 
.font18{ font-size: 14px; }
.main_1img{ width: 320px; height: 173px; background-size: 100% 100%; margin: 20px auto 0; }
.hangye .box img{ margin: 20px 0 !important; }
.main_2{ height: auto; padding: 0 10px; }
.title{ font-size: 20px; margin: 20px 0; }
.title p{ font-size: 14px; }
.we_youshi li{ margin-bottom: 20px; }
.we_youshi li img{ width: 45px; height: 45px; }
.youshi li h5{ font-size: 14px; margin-top: 10px; line-height: 25px; height: 50px; overflow: hidden; }
.youshi li span{ font-size: 12px; line-height: 20px; height: 60px; }
.mart80{ margin-top: 20px; }
.font60{ font-size: 20px; }
.main_3 .mart80{ margin-bottom: 20px !important; }
.main_3{ height: auto; padding: 0 10px 20px; }
.mpx_fcbox li{ width: 44%; margin: 10px 3%; float: left; }
.mpx_fuchi{ height: auto; padding-bottom: 20px; }
.dl_fuwubg{ height: auto; padding: 0 10px 20px; }
.tit1_1 img{ display: block; width: 100%; height: auto; margin: 0 !important; }
.hhlc ul{ margin-top: 20px; }
.hhlc{ height: auto; background-size: auto 100%; }
.hhlc ul li.wid60{ display: none; }
.hhlc ul li{ box-sizing: border-box; width: 50%; }
.lcbg{ width: 100%; height: 100%; }
.hhlc ul li p{ margin-top: 10px; font-size: 20px; }
.hhlc ul li span{ height: 76px; overflow: hidden; }
.dl_map{ width: auto; height: auto; float: none; margin-top: 20px; display: none; }
.dlzs{ position: static; margin: 100px auto 20px; }
.main_17{ height: auto; padding: 0 10px 20px; }
.dltxt{ margin-top: 20px !important; width: auto; float: none;  }
.dltxt div{ font-size: 20px; line-height: 50px; height: 50px; }
}