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


/*logo*/
.logoBox{ position:relative;float: left; padding: 12px 10px;}
.logoBox span{    color: #333;
    position: absolute;
    top: 37px;
    left: 79px;
    letter-spacing: 2.1px;
    font-size: 12px;
    margin-top: 14px;
    font-weight: bold;}
.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(../img/dlimg2.jpg) center no-repeat #bb2829; text-align:center; height:840px; overflow:hidden; position:relative; color:#fff;}
.main_1img{background:url(../img/dlimg2_01.png) center no-repeat;height:620px; }
.main1box {width: 1250px;margin: 0 auto;}
.main1txt {text-align: left;color: #fff; position: absolute; top: 100px;width: 100%;}

.ban01_img{background: url(../img/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(../img/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:800px; color:#fff;overflow:hidden; position:relative;}
.ban02_img{  background: url(../img/dlimg3.jpg) 100% bottom no-repeat;width:609px;height:600px;}
.bant02_txt{ width:555px; color:#222; margin-top:120px;}

.main_3{ background:url(../img/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(../img/ban04.png) bottom center no-repeat; width:1209px; height:549px; margin:0 auto; margin-top:100px;}
.main_5{  height:800px; width:100%;
	background:url(../img/ban05.jpg) center no-repeat;
    color: #fff;text-align:center;  position:relative;}
.ban05_img{ background:url(../img/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(../img/ssxg_bg.jpg) bottom center no-repeat; text-align:center; height:800px; overflow:hidden; color:#fff; position:relative;}
.qzwz{ background: url(../img/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(../img/ban09.png) bottom center no-repeat; text-align:center; height:880px;overflow:hidden; position:relative;}
.main_9{ background:url(../img/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(../img/ban13.png) -82% bottom no-repeat; width:100%;height:800px;}
.ban12_box{ position:absolute; width:100%; top:0px;}

.main_13{ background:url(../img/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(../img/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(../img/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(../img/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(../img/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(../img/ban12.jpg) left bottom no-repeat; height:800px;}
.jsbg_box{ position:absolute; top:0px; width:100%;}
.ssimg{background:url(../img/ban13.png) left bottom no-repeat; height:800px;}
.pmsy{background:url(../img/huojian.png) left 160px no-repeat; height:810px; position:relative;}
.pig_icn{ width:270px; height:246px; display:inline-block; right:-10px;background:url(../img/pig.png) center no-repeat; bottom:50px; position:absolute;}

.aiimg{background:url(../img/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;}*/






.tit1_1,.tit2,.tit3{opacity: 0;filter: alpha(opacity=0)\9;}
.aiimg{opacity: 0;filter: alpha(opacity=0)\9;}

.effect-pic {
    -webkit-animation: fadeInTop .4s ease-in-out both .3s;
    animation: fadeInTop .4s ease-in-out both .3s;  opacity: 1 !important;filter: alpha(opacity=100)\9 !important;
}

.effect-pic2 {
    -webkit-animation: fadeInTop .5s ease-in-out both .3s;
    animation: fadeInTop .5s ease-in-out both .3s;  opacity: 1;filter: alpha(opacity=100)\9;
}
.effect-pic3 {
    -webkit-animation: fadeInTop .6s ease-in-out both .3s;
    animation: fadeInTop .6s ease-in-out both .3s;    opacity: 1;filter: alpha(opacity=100)\9;
}

.effect-ill{-webkit-animation: fadeInRight .5s ease-in-out both .3s;
    animation: fadeInRight .5s ease-in-out both .3s;     opacity: 1;filter: alpha(opacity=100)\9;}

.effect-ill2{webkit-animation: fadeInLeft .5s ease-in-out both .3s;
    animation: fadeInLeft .5s ease-in-out both .3s;     opacity: 1;filter: alpha(opacity=100)\9;}


@-webkit-keyframes fadeInTop{0%{opacity:0;-webkit-transform:translate3d(0,50px,0);transform:translate3d(0,50px,0)}100%{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes fadeInTop{0%{opacity:0;-webkit-transform:translate3d(0,50px,0);transform:translate3d(0,50px,0)}100%{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}
@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}
@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(80px,0,0);transform:translate3d(80px,0,0)}100%{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(80px,0,0);transform:translate3d(80px,0,0)}100%{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}
@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(-80px,0,0);transform:translate3d(-80px,0,0)}100%{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(-80px,0,0);transform:translate3d(-80px,0,0)}100%{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,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(../img/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(../img/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(../img/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(../img/dlhhrlc.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(../img/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(../img/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(../img/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;
}

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


/*统一底部开始*/
.bottom {text-align: center; color: #bbbbbb; font-size: 12px;}
.box {width: 1200px; margin: 0 auto !important;overflow: hidden;min-width: 1200px;position: relative;}
/*友情链接*/
.in_links{padding:30px 0px;overflow:hidden;}
.links_box{ overflow:hidden;    padding: 10px 0px;}
.links_title {width: 138px;font-size: 18px;line-height: 20px;margin-top: 20px;text-align: left;}
.links{ overflow:hidden;    border-top: 1px solid #4e4f52;}
.links_content {margin-top: 12px;display: inline-block;width: 1062px;}
.links_content ul li {float: left;display: inline;line-height: 30px;word-break: break-all;word-wrap: break-word;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin: 0px 15px;}
.links_content ul li a{ color: #999; font-size: 12px;}
.links_content ul li a:hover{ text-decoration: underline; color: #fff;}
.bottom .div_1{background: #282828;padding-top: 50px;}
.bottom .div_1 .bot_l{ width:255px;text-align: left; margin-right: 70px;}
.bottom .div_1 .bot_l h5{ font-size: 16px; padding-bottom: 20px;}
.bottom .div_1 .bot_m{border-right: 1px solid #4e4f52;padding-right: 100px;}
.bottom .div_1 .bot_m a{ color: #bbbbbb;}
.bottom .div_1 .bot_m a:hover{ text-decoration: underline; color: #fff;}
.bottom .div_1 .bot_m  li{ line-height: 30px;}
.bottom .div_1 .bot_m h5{font-size: 16px;padding-bottom: 20px;}
.bottom .div_1 .bot_m ul{ text-align:left; margin: 0px 35px;}
.bottom .div_1 .bot_r{text-align: left; margin-left: 50px;;}
.bottom .div_1 .bot_r h5{ font-size: 16px;}
.bottom .div_1 .bot_r b{ font-size: 32px; color: #E7E7E7}
.bottom .div_1 .bot_r p{ width: 76px; text-align: center;}
.bottom .div_1 .bot_r img{ margin-right: 30px; margin-top:50px; }
.bottom .div_2{background: #1d1b1c;padding: 20px;font-size: 12px;line-height: 25px;}
/*统一底部结束*/