@charset "utf-8";
html{ width:100%;}
ul,li{ margin:0; padding:0; list-style:none;}
img{ border:0;}
body{ color:#333;margin:0; padding:0; font-family:"微软雅黑"; font-size:14px !important;}
img{border:0;}
a{ color:#333; text-decoration:none;}
a:hover{ color:#000;text-decoration:none;}
.jiao{ height:18px; background:url(../images/index_06.png) center top no-repeat;}
.jiao-w{ height:18px; background:url(../images/index_07.png) center top no-repeat;}
.container-fluid{ width:1200px; height:auto; overflow:hidden;}
/**header**/
#header{ width:100%; min-width:1200px;}
#header .w12{ width:1200px; height:auto; overflow:hidden; margin:0 auto;}
#header .box{ width:100%; height:auto; overflow:hidden; background:#EFEFEF;}
#header .box .top{ width:100%; line-height:30px; height:30px; color:#868F94;}

#header .box1 { width:100%;height:auto; overflow:hidden; margin:3px 0;}
#header .box1 .logo{ width:105px; float:left; height:auto; overflow:hidden;}
#header .box1 .nav{ width:auto; float:right;height:auto; overflow:hidden; margin-right:40px; margin-top:10px;}
#header .box1 .nav ul{ display:block; width:100%; height:40px; overflow:hidden;}
#header .box1 .nav ul li{ display:block; width:auto; float:left; padding:0 30px; line-height:38px; }
#header .box1 .nav ul li:hover{border-bottom:2px solid #d5931d; }
#header .box1 .nav ul li a{ font-size:16px; color:#3695e5;}
#header .box1 .nav ul li .er{
	display:none; 
	position:absolute; 
	min-width:120px;
	width:auto; 
	height:auto; 
	overflow:hidden; 
	z-index:1000;
	margin-left:-30px;
	margin-top:2px;
	background:#fff;
	}
#header .box1 .nav ul li .er .on{
	display:block;
	min-width:100%;
	width:auto; 
	height:40px; 
	line-height:40px; 
	float:none;
	padding:0;
	white-space:nowrap;
	}
#header .box1 .nav ul li .er .on:hover{ border:none; background:#EFEFEF; }
#header .box1 .nav ul li .er .on a{ display:block; width:100%; height:100%; text-align:center; font-size:14px}
#header .box1 .nav ul li .er .on:hover a{color:#d5931d;}

#header .box1 .right{ width:270px; float:right; height:auto; overflow:hidden; margin-top:7px;}
#header .box1 .right .reg{ display:block; width:140px; float:left; height:46px !important; height:auto; background:#3695e5; text-align:center; color:#fff; border-radius:5px;}
#header .box1 .right .login{ display:block; width:110px; height:46px !important; float:left; margin-left:20px;  height:auto; background:#ff5a72; text-align:center; color:#fff; border-radius:5px;}
#header .box1 .right p{ margin:0; padding:0;}
#header .box1 .right .da{ width:100%; height:23px;}
#header .box1 .right .xiao{ width:100%; height:23px; font-size:12px;}




#banner{ width:100%; min-width:1200px;  position:relative; }

/**main**/

#main{ width:100%; min-width:1200px; margin:0 auto; height:auto; overflow:hidden; }
#main .bg-w{ background:#fff !important;}
#main .txt-center{ text-align:center;}
#main .w12{ width:1200px; margin:0 auto; height:auto; overflow:hidden;}
#main .box{width:100%; height:auto; overflow:hidden; margin-top:60px;}
#main .box h2{ display:block; text-align:center; color:#4d4d4d;}
#main .box .title{ font-size:25px; color:#898989; text-align:center; margin-bottom:30px;}
#main .box a{ display:block; width:100%; height:auto; overflow:hidden;}
#main .box  .img{ text-align:center; height:auto; overflow:hidden; margin-bottom:20px; text-align:center;}
#main .box  .content{ text-align:center; height:auto; overflow:hidden; padding:0 20px; text-align:center;}
#main .box  .content p{ margin-top:10px; color:#999; line-height:30px;}
#main .box a:hover .content p{ color:#06C;}
#main .box  .line-right{ border-right:1px solid #ddd;}

#main .box3{ width:100%; height:auto; overflow:hidden; background:#F8F9FB; margin-top:30px;}
#main .box3 h1{font-size: 36px; color: #333; text-align: center; margin-top:30px;}
#main .box3 .title{ text-align:center;}
#main .box3 .border { width:1200px; margin:0 auto; height:634px; position:relative; margin-top:30px; border:none !important;}
#main .box3 .border .butt{ width:341px; height:103px; }
#main .box3 .border .one{position:absolute; top:30px; left:110px;}
#main .box3 .border .two{position:absolute; top:133px; left:160px;}
#main .box3 .border .three{position:absolute; top:236px; left:110px;}
#main .box3 .border .four{position:absolute; top:339px; left:160px;}
#main .box3 .border .five{position:absolute; top:442px; left:110px;}
#main .box3 .border .six{position:absolute;  top:30px; left:750px;}
#main .box3 .border .seven{position:absolute; top:133px; left:700px;}
#main .box3 .border .eight{position:absolute; top:236px; left:750px;}
#main .box3 .border .nine{position:absolute; top:339px; left:700px;}
#main .box3 .border .ten{position:absolute; top:442px; left:750px;}
#main .box3 .border .butt .icon{ width:91px; height:103px; float:left; text-align:center; line-height:103px; font-size:16px; background:url(../images/sms-icon2.png) center center  no-repeat;}
#main .box3 .border .butt .icon-show{ width:91px; height:103px; float:left; text-align:center; line-height:103px; font-size:16px; background:url(../images/sms-icon1.png) center center  no-repeat; color:#fff;}
#main .box3 .border .butt .b-line{ width:250px; height:103px; float:left; line-height:103px; color:#06C;}
#main .box3 .border .butt .b-line hr{ margin-top:52px; display:none;}
#main .box3 .border .center{ width:300px; height:634px; background:url(../images/sms-bg.png) center center no-repeat; text-align:center; position:absolute; left:450px;}
#main .box3 .border .center img{ margin-top:75px; margin-right:1px;}

#main .box4{ width:100%; height:auto; overflow:hidden; margin-top:30px;}
#main .box4 .title{ width:100%; height:auto; overflow:hidden; text-align:center;}
#main .box4 .title p{ font-size:18px; color:#999;}
#main .box4 .img{ text-align:center;}
#main .box4 .content{ height:auto; overflow:hidden; padding-right:90px; margin-top:40px;}
#main .box4 .content h1{ display:block; text-align:right; color:#11244C;}
#main .box4 .content h5{ display:block; text-align:right; color:#11244C;}
#main .box4 .content p{ color:#A4A5AA; line-height:2em;}
#main .box4 .content .right{ text-align:right; color:#A4A5AA;}

#main .box5{ width:100%; height:auto; overflow:hidden; background:#F8F9FB; margin-top:30px; padding:80px 0;}
#main .box5 .title{ width:100%; height:auto; overflow:hidden; text-align:center;}
#main .box5 .title p{ font-size:18px; color:#999;}
#main .box5 .img{ text-align:center;}
#main .box5 .content{ height:auto; overflow:hidden; padding-left:90px; margin-top:40px;}
#main .box5 .content h1{ display:block; text-align:left; color:#11244C;}
#main .box5 .content h5{ display:block; text-align:left; color:#11244C;}
#main .box5 .content p{ color:#A4A5AA; line-height:2em;}
#main .box5 .content .right{ text-align:right; color:#A4A5AA;}

#main .box6{ width:100%; height:auto; overflow:hidden; margin-top:30px;}
#main .box6 .title{ width:100%; height:auto; overflow:hidden; text-align:center;}
#main .box6 .title p{ font-size:18px; color:#999;}
#main .box6 .img{ text-align:center;}
#main .box6 .content{ height:auto; overflow:hidden; padding-right:90px; margin-top:40px;}
#main .box6 .content h1{ display:block; text-align:right; color:#11244C;}
#main .box6 .content h5{ display:block; text-align:right; color:#11244C;}
#main .box6 .content p{ color:#A4A5AA; line-height:2em;}
#main .box6 .content .right{ text-align:right; color:#A4A5AA;}

#main .box7{ width:100%; height:auto; overflow:hidden; margin-top:30px;  padding:100px 0;}
#main .box7 .title{ width:100%; height:auto; overflow:hidden; text-align:center;}
#main .box7 .title p{ font-size:18px; color:#999;}
#main .box7 .img{ text-align:center;}
#main .box7 .content{ height:auto; overflow:hidden; padding-right:90px; margin-top:40px;}
#main .box7 .content h1{ display:block; text-align:right; color:#11244C;}
#main .box7 .content h5{ display:block; text-align:right; color:#11244C;}
#main .box7 .content p{ color:#A4A5AA; line-height:2em;}
#main .box7 .content .right{ text-align:right; color:#A4A5AA;}

#main .box8{ width:100%; height:auto; overflow:hidden; background:#F8F9FB; margin-top:30px; padding-bottom:50px;}
#main .box8 .title{ width:100%; height:auto; overflow:hidden; text-align:center; margin-top:50px; }
#main .box8 .title p{ font-size:18px; color:#999;}
#main .box8 .list{ display:block; width:1100px; height:auto; overflow:hidden; margin:0 auto; padding-top:30px;}
#main .box8 .list li{ width:110px; float:left; height:auto; overflow:hidden; text-align:center;}
#main .box8 .title .login{ display:inline-block; width:160px; height:50px; background:#5adaff; border-radius:5px; margin:0 auto; text-align:center; line-height:50px; color:#FFF; font-size:18px;}
#main .box8 .title .login:hover{ background:#73deff;}
#main .box8 .title .reg{ display:inline-block; width:160px; height:50px; background:#71A5F0; border-radius:5px; margin:0 auto; text-align:center; line-height:50px; color:#FFF; font-size:18px;}
#main .box8 .title .reg:hover{ background:#71a7fd;}
#main .box8 .img{ height:auto; overflow:hidden; text-align:center;}

#main .box2{ width:100%; height:auto; overflow:hidden; margin-top:30px;}
#main .box2 h1{line-height:60px; font-size: 36px; color: #333; text-align: center;}
#main .box2 .left{ width:575px; float:left; height:auto; overflow:hidden; margin-right:50px; background:#FFF; margin-bottom:30px;}
#main .box2 .title{ width:100%; height:auto; overflow:hidden; font-size:20px; line-height:2em; padding:0 20px; border-bottom:1px #ddd solid;}
#main .box2 .title a{ float:right; font-size:14px; margin-right:40px;}
#main .box2 .tj{ width:546px; height:auto; overflow:hidden; margin:10px auto; border-bottom:1px #ddd dashed; padding-bottom:10px;}
#main .box2 .tj .icon{ width:242px; height:150px; margin-right:13px; float:left;}
#main .box2 .tj .tj-txt{ width:291px; float:left;}
#main .box2 .tj .tj-txt h3{background:url(../images/index_10.png) left center no-repeat; font-size:16px; font-weight:bold; padding-left:20px; margin:0; margin-bottom:15px;}
#main .box2 .tj .tj-txt p{ text-indent:2em; line-height:1.8em;}
#main .box2 ul { display:block; width:95%; margin:0 auto;}
#main .box2 ul li{ display:block; width:100%; height:40px; line-height:40px; background:url(../images/index_10.png) left center no-repeat; padding-left:20px;}
#main .box2 ul li span{ float:right; margin-right:20px;}
#main .box2 .right{ width:575px; float:left; height:auto; overflow:hidden; background:#FFF; margin-bottom:30px;}

#main .box9 {width:100%; height:auto; overflow:hidden; background:url(../images/product1.png)  top center no-repeat;}
#main .box9 h1{ display:block; text-align:center; line-height:60px; margin-top:80px;}
#main .box9 .txt-center{ text-align:center;}
#main .box9 ul{ display:inline-block; width:auto; height:auto; overflow:hidden; margin-top:80px;}
#main .box9 ul li{ display:block; width:241px; height:500px; float:left; background:url(../images/mobile_phone-1.png) no-repeat; text-align:center; margin:0 5px; padding-top:62px;}

#main .box10{ width:100%; height:auto; overflow:hidden; background:#F8F9FB; padding:40px; margin-top:30px; }
#main .box10 .title{ width:100%; height:auto; overflow:hidden; text-align:center;}
#main .box10 .title p{ font-size:18px; color:#999;}
#main .box10 .img{ text-align:center;}
#main .box10 .content{ height:auto; overflow:hidden; padding-right:90px; margin-top:40px;}
#main .box10 .content h1{ display:block; color:#11244C;}
#main .box10 .content h5{ display:block; color:#7C7C7C; font-size:18px; }
#main .box10 .content p{ color:#A4A5AA; line-height:2em;}
#main .box10 .content .right{ text-align:right; color:#A4A5AA;}

#main .box11{ width:100%; height:auto; overflow:hidden;  padding:40px 0;}
#main .box11 .title{ width:100%; height:auto; overflow:hidden; text-align:center;}
#main .box11 .title p{ font-size:18px; color:#999;}
#main .box11 .img{ text-align:center;}
#main .box11 .content{ height:auto; overflow:hidden; padding-left:90px; margin-top:40px;}
#main .box11 .content h1{ display:block; text-align:right; color:#11244C;}
#main .box11 .content h5{ display:block; text-align:right; color:#7C7C7C; font-size:18px;}

#main .box12 {width:100%; height:auto; overflow:hidden; background:url(../images/vipbanner.png)  top center no-repeat;}
#main .box12 h1{ display:block; text-align:center; line-height:60px; margin-top:80px;}
#main .box12 .txt-center{ text-align:center;}
#main .box12 ul{ display:inline-block; width:auto; height:auto; overflow:hidden; margin-top:80px;}
#main .box12 ul li{ display:block; width:241px; height:500px; float:left; background:url(../images/mobile_phone-1.png) no-repeat; text-align:center; margin:0 5px; padding-top:62px;}

#main .box13{ width:100%; height:auto; overflow:hidden; background:#F8F9FB; padding:40px; margin-top:30px; }
#main .box13 .title{ width:100%; height:auto; overflow:hidden; text-align:center;}
#main .box13 .title p{ font-size:18px; color:#999;}
#main .box13 .borders{ border:1px solid #E6E6E6; background:#fff; height:265px; padding:20px; margin-top:30px;}
#main .box13 .borders .img{ background:url(../images/wechat1.png) left center no-repeat; height:43px;}
#main .box13 .borders .content{ line-height:2em; height:auto; overflow:hidden; margin-top:10px;}
#main .box13 .borders .content span{ color:#81AAEF;}
#main .box13 .borders .txt1{ text-align:center; font-size:18px; line-height:35px; margin-top:5px;}
#main .box13 .borders .txt2{ text-align:center; font-size:16px; color:#81AAEF;}

#main .box14{ width:100%; height:361px; background:#fb4955;}

#main .box15{ width:100%; height:auto; overflow:hidden; background:#f8f9fb; padding-bottom:50px; }
#main .box15 .borders{ display:inline-block; width:auto; height:auto; overflow:hidden; margin-top:50px;}
#main .box15 .borders .center{ width:241px; float:left; height:500px; background:url(../images/mobile_phone-1.png) no-repeat; text-align:center;}
#main .box15 .borders .center .img{ width:241px; height:500px;  background:url(../images/mobile_phone2.png)  center 62px no-repeat; text-align:center;}
#main .box15 .borders .center .img img{ margin-top:200px; cursor:pointer;}
#main .box15 .borders .left{ width:300px; height:auto; overflow:hidden; float:left;}
#main .box15 .borders .right{ width:300px; height:auto; overflow:hidden; float:left;}
#main .box15 .borders .music{width: 300px;height: 300px; position: relative; display: flex; justify-content: center; align-items: center; margin: 0 auto; margin-top: 80px;}
#main .box15 .borders .music div {display: inline-block; border-radius: 10px; background: #71A3EF; margin: 0 10px;}
#main .box15 .borders .music .music_find_1{width: 10px; height: 90px;}
#main .box15 .borders .music .music_find_2{width: 10px; height: 120px;}
#main .box15 .borders .music .music_find_3{width: 10px; height: 70px;}
#main .box15 .borders .music .music_find_4{width: 10px; height: 160px;}
#main .box15 .borders .music .music_find_5{width: 10px; height: 120px;}
#main .box15 .borders .music .music_find_6{width: 10px; height: 70px;}

#main .box16 {width:100%; height:auto; overflow:hidden; background:url(../images/TrafficMar-eting.png)  top center no-repeat;}
#main .box16 h1{ display:block; text-align:center; line-height:60px; margin-top:80px; color:#fff;}
#main .box16 p{ font-size:18px; color:#fff;}
#main .box16 .txt-center{ text-align:center;}
#main .box16 ul{ display:inline-block; width:auto; height:auto; overflow:hidden; margin-top:80px;}
#main .box16 ul li{ display:block; width:241px; height:500px; float:left; background:url(../images/mobile_phone-1.png) no-repeat; text-align:center; margin:0 5px; padding-top:62px;}

/*语音播放动画*/
.music {
    width: 300px;
    height: 300px;
    position: relative;
    display:flex;
    justify-content:center;
    align-items:center;
    margin: 0 auto;
    margin-top: 150px;
}
.music div {
    display:inline-block;
    border-radius: 10px;
    background: #71A3EF;
    margin: 0 10px;
}
.music_find_1 {
    width: 10px;
    height: 90px;
}
.music_find_1_1 {
    width: 10px;
    height: 40px;
    position:relative;
    animation-name:myfirst1;
    animation-duration:0.6s;
    animation-timing-function:linear;
    animation-iteration-count:infinite;
    animation-direction:alternate;
    -webkit-animation-name:myfirst1;
    -webkit-animation-duration:0.6s;
    -webkit-animation-timing-function:linear;
    -webkit-animation-iteration-count:infinite;
    -webkit-animation-direction:alternate;
    -moz-animation-name:myfirst1;
    -moz-animation-duration:0.6s;
    -moz-animation-timing-function:linear;
    -moz-animation-iteration-count:infinite;
    -moz-animation-direction:alternate;
    -o-animation-name:myfirst1;
    -o-animation-duration:0.6s;
    -o-animation-timing-function:linear;
    -o-animation-iteration-count:infinite;
    -o-animation-direction:alternate;
}
@keyframes myfirst1
{
    0%   {height:90px; }
    100% {height:40px;}
}
@-webkit-keyframes myfirst1 /* Safari and Chrome */
{
    0%   {height:90px;}
    100% {height:40px;}
}
@-moz-keyframes myfirst1 /* Safari and Chrome */
{
    0%   {height:90px;}
    100% {height:40px;}
}
@-o-keyframes myfirst1 /* Safari and Chrome */
{
    0%   {height:90px;}
    100% {height:40px;}
}


.music_find_2 {
    width: 10px;
    height: 120px;
}
.music_find_2_2 {
    width: 10px;
    height: 50px;
    position:relative;
    animation-name:myfirst2;
    animation-duration:1s;
    animation-timing-function:linear;
    animation-iteration-count:infinite;
    animation-direction:alternate;
    animation-play-state:running;
    -webkit-animation-name:myfirst2;
    -webkit-animation-duration:1s;
    -webkit-animation-timing-function:linear;
    -webkit-animation-iteration-count:infinite;
    -webkit-animation-direction:alternate;
    -webkit-animation-play-state:running;
    -moz-animation-name:myfirst2;
    -moz-animation-duration:1s;
    -moz-animation-timing-function:linear;
    -moz-animation-iteration-count:infinite;
    -moz-animation-direction:alternate;
    -moz-animation-play-state:running;
    -o-animation-name:myfirst2;
    -o-animation-duration:1s;
    -o-animation-timing-function:linear;
    -o-animation-iteration-count:infinite;
    -o-animation-direction:alternate;
    -o-animation-play-state:running;
}
@keyframes myfirst2
{
    0%   {height:120px;}
    100% {height:50px;}
}
@-webkit-keyframes myfirst2 /* Safari and Chrome */
{
    0%   {height:120px;}
    100% {height:50px;}
}
@-moz-keyframes myfirst2 /* Safari and Chrome */
{
    0%   {height:120px;}
    100% {height:50px;}
}
@-o-keyframes myfirst2 /* Safari and Chrome */
{
    0%   {height:120px;}
    100% {height:50px;}
}


.music_find_3 {
    width: 10px;
    height: 70px;
}
.music_find_3_3 {
    width: 10px;
    height: 160px;
    position:relative;
    animation-name:myfirst3;
    animation-duration:0.5s;
    animation-timing-function:linear;
    animation-iteration-count:infinite;
    animation-direction:alternate;
    animation-play-state:running;
    -webkit-animation-name:myfirst3;
    -webkit-animation-duration:0.5s;
    -webkit-animation-timing-function:linear;
    -webkit-animation-iteration-count:infinite;
    -webkit-animation-direction:alternate;
    -webkit-animation-play-state:running;
    -moz-animation-name:myfirst3;
    -moz-animation-duration:0.5s;
    -moz-animation-timing-function:linear;
    -moz-animation-iteration-count:infinite;
    -moz-animation-direction:alternate;
    -moz-animation-play-state:running;
    -o-animation-name:myfirst3;
    -o-animation-duration:0.5s;
    -o-animation-timing-function:linear;
    -o-animation-iteration-count:infinite;
    -o-animation-direction:alternate;
    -o-animation-play-state:running;
}
@keyframes myfirst3
{
    0%   {height:70px;}
    100% {height:160px;}
}
@-webkit-keyframes myfirst3 /* Safari and Chrome */
{
    0%   {height:70px;}
    100% {height:160px;}
}
@-moz-keyframes myfirst3 /* Safari and Chrome */
{
    0%   {height:70px;}
    100% {height:160px;}
}
@-o-keyframes myfirst3 /* Safari and Chrome */
{
    0%   {height:70px;}
    100% {height:160px;}
}


.music_find_4 {
    width: 10px;
    height: 160px;
}
.music_find_4_4 {
    width: 10px;
    height: 50px;
    position:relative;
    animation-name: myfirst4;
    animation-duration: 0.5s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-play-state: running;
    -webkit-animation-name:myfirst4;
    -webkit-animation-duration:0.5s;
    -webkit-animation-timing-function:linear;
    -webkit-animation-iteration-count:infinite;
    -webkit-animation-direction:alternate;
    -webkit-animation-play-state:running;
    -moz-animation-name:myfirst4;
    -moz-animation-duration:0.5s;
    -moz-animation-timing-function:linear;
    -moz-animation-iteration-count:infinite;
    -moz-animation-direction:alternate;
    -moz-animation-play-state:running;
    -o-animation-name:myfirst4;
    -o-animation-duration:0.5s;
    -o-animation-timing-function:linear;
    -o-animation-iteration-count:infinite;
    -o-animation-direction:alternate;
    -o-animation-play-state:running;
}
@keyframes myfirst4
{
    0%   {height:160px;}
    100% {height:50px;}
}
@-webkit-keyframes myfirst4 /* Safari and Chrome */
{
    0%   {height:160px;}
    100% {height:50px;}
}
@-moz-keyframes myfirst4 /* Safari and Chrome */
{
    0%   {height:160px;}
    100% {height:50px;}
}
@-o-keyframes myfirst4 /* Safari and Chrome */
{
    0%   {height:160px;}
    100% {height:50px;}
}

.music_find_5 {
    width: 10px;
    height: 120px;
}
.music_find_5_5 {
    width: 10px;
    height: 50px;
    position:relative;
    animation-name:myfirst5;
    animation-duration:0.3s;
    animation-timing-function:linear;
    animation-iteration-count:infinite;
    animation-direction:alternate;
    animation-play-state:running;
    -webkit-animation-name:myfirst5;
    -webkit-animation-duration:0.3s;
    -webkit-animation-timing-function:linear;
    -webkit-animation-iteration-count:infinite;
    -webkit-animation-direction:alternate;
    -webkit-animation-play-state:running;
    -moz-animation-name:myfirst5;
    -moz-animation-duration:0.3s;
    -moz-animation-timing-function:linear;
    -moz-animation-iteration-count:infinite;
    -moz-animation-direction:alternate;
    -moz-animation-play-state:running;
    -o-animation-name:myfirst5;
    -o-animation-duration:0.3s;
    -o-animation-timing-function:linear;
    -o-animation-iteration-count:infinite;
    -o-animation-direction:alternate;
    -o-animation-play-state:running;
}
@keyframes myfirst5
{
    0%   {height:120px;}
    100% {height:50px;}
}
@-webkit-keyframes myfirst5 /* Safari and Chrome */
{
    0%   {height:120px;}
    100% {height:50px;}
}
@-moz-keyframes myfirst5 /* Safari and Chrome */
{
    0%   {height:120px;}
    100% {height:50px;}
}
@-o-keyframes myfirst5 /* Safari and Chrome */
{
    0%   {height:120px;}
    100% {height:50px;}
}

.music_find_6 {
    width: 10px;
    height: 70px;
}
.music_find_6_6 {
    width: 10px;
    height: 30px;
    position:relative;
    animation-name:myfirst6;
    animation-duration:0.6s;
    animation-timing-function:linear;
    animation-iteration-count:infinite;
    animation-direction:alternate;
    animation-play-state:running;
    -webkit-animation-name:myfirst6;
    -webkit-animation-duration:0.6s;
    -webkit-animation-timing-function:linear;
    -webkit-animation-iteration-count:infinite;
    -webkit-animation-direction:alternate;
    -webkit-animation-play-state:running;
    -moz-animation-name:myfirst6;
    -moz-animation-duration:0.6s;
    -moz-animation-timing-function:linear;
    -moz-animation-iteration-count:infinite;
    -moz-animation-direction:alternate;
    -moz-animation-play-state:running;
    -o-animation-name:myfirst6;
    -o-animation-duration:0.6s;
    -o-animation-timing-function:linear;
    -o-animation-iteration-count:infinite;
    -o-animation-direction:alternate;
    -o-animation-play-state:running;
}
@keyframes myfirst6
{
    0%   {height:70px;}
    100% {height:30px;}
}
@-webkit-keyframes myfirst6 /* Safari and Chrome */
{
    0%   {height:70px;}
    100% {height:30px;}
}
@-moz-keyframes myfirst6 /* Safari and Chrome */
{
    0%   {height:70px;}
    100% {height:30px;}
}
@-o-keyframes myfirst6 /* Safari and Chrome */
{
    0%   {height:70px;}
    100% {height:30px;}
}

#main .box17{ width:100%; height:auto; overflow:hidden; background:#F8F9FB; margin-top:30px; padding-bottom:50px;}
#main .box17 .title{ width:100%; height:auto; overflow:hidden; text-align:center; margin-top:50px; }
#main .box17 .title p{ font-size:18px; color:#999;}
#main .box17 .title .login{ display:inline-block; width:160px; height:50px; background:#5adaff; border-radius:5px; margin:0 auto; text-align:center; line-height:50px; color:#FFF; font-size:18px;}
#main .box17 .title .login:hover{ background:#73deff;}
#main .box17 .title .reg{ display:inline-block; width:160px; height:50px; background:#71A5F0; border-radius:5px; margin:0 auto; text-align:center; line-height:50px; color:#FFF; font-size:18px;}
#main .box17 .title .reg:hover{ background:#71a7fd;}
#main .box17 .img{ height:auto; overflow:hidden; text-align:center;}

#main .box17 .on{ display:block; height:auto; overflow:hidden; background:url(../images/ll_line.png) center repeat-x;}
#main .box17 .on .li{ display:block; width:306px; float:left; height:306px; background:url(../images/Marketing_advantage_img.png) no-repeat; margin-right:126px;}
#main .box17 .on .li:last-child{ margin-right:0;}
#main .box17 .off{ display:block; height:auto; overflow:hidden;}
#main .box17 .off .line{ display:block; width:306px; float:left; height:30px; background:url(../images/ll_line2.png) center repeat-y; margin-right:126px;}
#main .box17 .off .line:last-child{ margin-right:0;}
#main .box17 ul li{ text-align:center; padding:0 40px;}
#main .box17 ul li h6{ color:#71a2ff; margin-top:60px; line-height:66px;}
#main .box17 ul li p{ color:#8a8a8a; margin-top:20px;}

#main .box18 {width:100%; height:auto; overflow:hidden; background:url(../images/message.png)  top center no-repeat;}
#main .box18 h1{ display:block; text-align:center; line-height:60px; margin-top:80px; color:#fff;}
#main .box18 p{ font-size:18px; color:#fff;}
#main .box18 .txt-center{ text-align:center;}
#main .box18 ul{ display:inline-block; width:auto; height:auto; overflow:hidden; margin-top:80px;}
#main .box18 ul li{ display:block; width:241px; height:500px; float:left; background:url(../images/mobile_phone-1.png) no-repeat; text-align:center; margin:0 5px; padding-top:62px;}


#main .box19{ width:100%; height:auto; overflow:hidden; background:#F8F9FB; padding-top:20px; margin-top:30px;}
#main .box19 h1{line-height: 60px; font-size: 36px; text-align: center;}
#main .box19 h5{ display:block; text-align:center; color:#a6a6a6a;}
#main .box19 h5 span{ color:#03F;}
#main .box19 .borders{ height:auto; overflow:hidden; background:#fff;}
#main .box19 .borders .title{ height:auto; overflow:hidden;}
#main .box19 .borders .title .td{ width:250px; float:left; padding-left:150px; height:50; line-height:50px; font-size:16px; color:#03C;}
#main .box19 .borders .list{ height:auto; overflow:hidden;}
#main .box19 .borders .list ul{ display:block; height:auto; overflow:hidden;}
#main .box19 .borders .list ul:nth-child(even){ background:#f1f1f1;}
#main .box19 .borders .list ul:hover{ background:#3CF;}
#main .box19 .borders .list ul li{ width:250px; float:left; padding-left:150px; height:35px; line-height:35px;}
#main .box19 .seach{ width:100%; height:auto; overflow:hidden; margin-bottom:20px;}
#main .box19 .seach input{width: 365px; float:left; margin-left:380px;
    height: 32px;
    border-radius: 30px;
    line-height: 32px;
    padding-left: 20px;
    padding-right: 50px;
    outline: 0;
    border: 1px solid #b3b3b5;
    background: #f8f9fb;
    color: #1a1a1a;
    margin-top: 12px;}
#main .box19 .seach .seach_box{width: 18px; float:left;
	margin-left:-30px;
	margin-top:20px;
    height: 18px;
    bottom: 7px;
    right: 13px;
    background: #008b8b;
    background: url(../images/search_ico.png) no-repeat;
    background-size: 18px;
    cursor: pointer;}
#main .box19 .borders .pages{ height:auto; overflow:hidden; margin:20px 0;}
#main .box19 .borders .pages ul{ display:block; height:auto; overflow:hidden; text-align:center;}
#main .box19 .borders .pages ul li{ display:inline-block; width:auto; padding:5px 10px; margin:0 10px; border:1px #CCCCCC solid; border-radius:5px; background:#ddd; cursor:pointer;}
#main .box19 .login{ display:block; width:160px; height:50px; background:#5adaff; border-radius:5px; margin:40px auto; text-align:center; line-height:50px; color:#FFF; font-size:18px;}
#main .box19 .login:hover{ background:#73deff;}

#main .box20{ width:100%; height:auto; overflow:hidden; }

#main .box21{ width:100%; height:auto; overflow:hidden; background:url(../images/AboutUs.png) top center no-repeat;}

#main .box21 .content{ margin-top:50px; height:auto; overflow:hidden;}
#main .box21 .content .img1{ width:82px; height:53px; float:left;}
#main .box21 .content .txt{ width:250px; font-size:50px; color:#fff; float:left;}
#main .box21 .content .img2{ width:21px; height:14px; float:left;}
#main .box21 .content .img3{ width:535px; height:260px; float:left; margin-top:63px}
#main .box21 .content1{ margin-top:100px; height:auto; overflow:hidden;}
#main .box21 .content1 ul{ display:block; height:auto; overflow:hidden;}
#main .box21 .content1 ul li{ width:20%; float:left; text-align:center; height:auto; overflow:hidden;}
#main .box21 .content1 ul li .txt-border{ width:119px; height:135px; text-align:center; margin:0 auto; background:url(../images/2009-box.png); font-size:20px; color:#ff7a04; padding-top:40px;}
#main .box21 .content2{ margin-top:100px; height:auto; overflow:hidden; line-height:50px; color:#fff;}

#main .box21 .content3{ margin-top:100px; height:auto; overflow:hidden;}
#main .box21 .content3 .title{ height:188px; background:url(../images/team_box.png) center no-repeat; padding-top:80px;}
#main .box21 .content3 .title .left-line{ width:350px; float:left; border:1px solid #c9c9c9;}
#main .box21 .content3 .title .right-line{ width:350px; float:right; border:1px solid #c9c9c9;}
#main .box21 .content3  ul{ display:block; width:1110px; height:auto; overflow:hidden; margin:0 auto; padding-top:50px;}
#main .box21 .content3  ul li{ display:block; width:370px; height:auto; overflow:hidden; float:left;}
#main .box21 .content3 .txt{ width:900px; margin:0 auto; line-height:2em; color:#878787; padding-top:50px; text-indent:2em;}
#main .box21 .content4{ margin-top:100px; height:auto; overflow:hidden;}
#main .box21 .content4 .title{ height:188px; background:url(../images/this.png) center no-repeat; padding-top:80px;}
#main .box21 .content4 .title .left-line{ width:350px; float:left; border:1px solid #c9c9c9;}
#main .box21 .content4 .title .right-line{ width:350px; float:right; border:1px solid #c9c9c9;}

#main .box22{ height:1042px; background:url(../images/Map.png) center no-repeat; margin-top:40px; }
#main .box22 .map{ width:500px; background:#000; opacity: 0.6;  filter: alpha(opacity=60); margin:0 auto; padding:20px; font-size:18px; color:#fff;}
#main .box22 .map span{ font-weight:bold;}
/**zy*/
#zy{ width:100%; min-width:1200px; height:auto; overflow:hidden;}

#zy .box1{ width:1200px; margin:0 auto; height:74px; line-height:70px; }
#zy .box1 span{color:#3695e5;}
#zy .box1 a{ color:#000; text-decoration:none;}
#zy .box1 a:hover{ color:#3695e5; text-decoration:none;}

#zy .box1 .post{ display:block; width:74px; float:right; height:30px; margin-top:25px; text-align:center; line-height:30px; color:#FFF; background:url(../images/post.png);}
#zy .box1 .post:hover{ color:#FFF;}

#zy .box2{ width:1200px; margin:0 auto; height:auto; overflow:hidden; padding-bottom:20px;}
#zy .box2 .left{ width:239px; float:left; padding-right:20px; height:auto; overflow:hidden; }

#zy .box2 .left .title{ height:35px; background:#3695e5; text-align:center; color:#FFF; font-size:18px; line-height:35px;}
#zy .box2 .left .clear{ height:20px;}
#zy .box2 .left .box{ height:auto; overflow:hidden; background:#fafafa; padding-bottom:40px;}
#zy .box2 .left .box ul{ display:block; width:200px; margin:0 auto; height:auto; overflow:hidden;}
#zy .box2 .left .box ul li{ display:block; height:39px; line-height:39px; text-align:center; border-bottom:1px #ededed solid;}
#zy .box2 .left .box ul li a{ color:#000;text-decoration:none;}
#zy .box2 .left .box ul li .a1{color:#3e7e1c; text-decoration:none;}
#zy .box2 .left .box ul li a:hover{ color:#3695e5; text-decoration:none;}
#zy .box2 .content{ line-height:2em; padding:0 10px;background:#fafafa;}
#zy .box2 .right{width:941px; float:left; height:auto; overflow:hidden;}
#zy .box2 .right .title{height:35px; background:#efefef; color:#3695e5; font-size:18px; line-height:35px;}
#zy .box2 .right .clear{ height:20px;}

#zy .box2 .right ul{ display:block; height:auto; overflow:hidden;}
#zy .box2 .right ul li{ display:block; height:40px; line-height:40px; border-bottom:1px #CCCCCC dashed;}
#zy .box2 .right ul li a{color:#000; text-decoration:none;}
#zy .box2 .right ul li a:hover{color:#3e8206; text-decoration:none;}
#zy .box2 .right ul li span{ float:right;}

#zy .box2 .right .page{ width:745px; height:80px; line-height:80px; text-align:center;}
#zy .box2 .right .page .current{ color:#FC0; font-weight:bold; margin:0 10px;}
#zy .box2 .right .page a{ margin:0 10px;}

#zy .box2 .right .content{ line-height:2em; background:none;}

#zy .box2 .right .next{height:auto; overflow:hidden; margin:15px; background:#f6fbf7;}
#zy .box2 .right .next .up{ width:50%; float:left;}
#zy .box2 .right .next .down{ width:50%; float:left; text-align:right;}
#zy .box2 .right .bbs{ margin-top:25px;}
#zy .box2 .right .bbs .title{ font-size:16px; color:#009; height:35px; line-height:35px; border-bottom:1px #CCCCCC solid; background:none;}
#zy .box2 .right .bbs ul{ display:block; height:auto; overflow:hidden; border-bottom:1px #CCCCCC solid;}
#zy .box2 .right .bbs ul .bbs_t{ display:block; height:35px; line-height:35px; border:none;}
#zy .box2 .right .bbs ul .bbs_t span{ float:left; color:#03C;}
#zy .box2 .right .bbs ul .bbs_t .bbs_date{ float:right; color:#666;}
#zy .box2 .right .bbs ul .bbs_c{ display:block;border:none; height:auto; overflow:hidden; line-height:2em;}
#zy .box2 .right .bbs ul .bbs_c span{ float:left; color:#03C;}
#zy .box2 .right .bbs .bbs_p{height:35px; line-height:35px; text-align:center; }

#zy .box2 .right .bbs_do{  margin-top:25px;}
#zy .box2 .right .bbs_do .title{ font-size:16px; font-weight:bold; width:50%; float:left; background:none; height:35px; line-height:35px;}
#zy .box2 .right .bbs_do .zs{ width:50%; float:right; text-align:right; height:35px; line-height:35px;}
#zy .box2 .right .bbs_do .zs spna{ color:#F00;}

#zy .box2 .right .bbs_do .txd{ margin:10px 0;}
#zy .box2 .right .bbs_do .sub{ float:right;}

#zy .box2 .right .product{ width:941px; margin:0 auto; height:auto; overflow:hidden;}
#zy .box2 .right .product ul{display:block; height:auto; overflow:hidden; }
#zy .box2 .right .product ul li{display:block; float:left; width:313px; padding-top:30px; padding-left:10px; padding-right:10px; height:auto; overflow:hidden;}
#zy .box2 .right .product ul li p{text-align:center; display:block; margin-top:-1px;}

#zy .box2 .right .pic{ text-align:center;}
#zy .box2 .right .pic p{text-align:center;}

#zy .box2 .right .bb1{ font-size:16px; color:#090; height:40px; line-height:40px; border-bottom:1px #CCCCCC solid;}
#zy .box2 .right .bb1 span{ font-size:14px; color:#CCC;}

/**footer**/
#footer{ width:100%; min-width:1200px; height:auto; overflow:hidden; background:#0f1821;}
#footer .w12{ width:1200px; margin:0 auto; height:auto; overflow:hidden;}
#footer .box1{ width:100%; height:auto; overflow:hidden;}
#footer .box1 .prt ul{ display:block; height:auto; overflow:hidden;}
#footer .box1 .prt ul .title{ width:100%; font-size:16px; font-weight:900; color:#fff; padding-left:0;}
#footer .box1 .prt ul li{ display:block; width:50%; float:left; height:40px; line-height:40px; padding-left:10px;}
#footer .box1 .prt ul li a{ color:#ccc;}

#footer .box1 .hz ul{ display:block; height:auto; overflow:hidden;}
#footer .box1 .hz ul .title{ width:100%; font-size:16px; font-weight:900; color:#fff; padding-left:0;}
#footer .box1 .hz ul li{ display:block; height:40px; line-height:40px; padding-left:10px;}
#footer .box1 .hz ul li a{ color:#ccc;}

#footer .box1 .kf .title{ font-size:18px; font-weight:bold; color:#ccc; text-align:right; line-height:40px;}
#footer .box1 .kf .tel{ font-size:30px; font-weight:bold; color:#f6bb00; text-align:right; line-height:50px;}
#footer .box1 .kf .time{ color:#ccc; text-align:right;}


#footer .foot_top{ height:auto; overflow:hidden; }
#footer .foot_top .fink{width:1200px; height:auto; overflow:hidden;  margin:0 auto; line-height:40px; background:url(../images/link.jpg) top repeat-x; }
#footer .foot_top .fink span{ color:#808697;}
#footer .foot_top .fink a{ color:#808697;}
#footer .foot_top .fink a:hover{color:#f8c700;}
#footer .box{  }
#footer .box .foot-line{background:url(../images/link.jpg) center repeat-x; text-align:center;}
#footer .box .foot-line span{ display:inline-block; width:150px; height:73px; background:#0f1821;}

#footer .box .content{ width:1004px;  margin:0 auto; height:auto; overflow:hidden; text-align:center; color:#fff; line-height:1.5em; padding-top:30px;}
#footer .content a{color:#fff;}

#q1{width:146px;height:auto; overflow:hidden;float:right;
position:fixed !important; top/**/:100px;
position:absolute; z-index:500; top:expression(offsetParent.scrollTop+100);right:1px; background:#239adb; }
#q1 .q_img{ width:34px; float:left; height:auto; overflow:hidden; margin-top:10px;}
#q1 .q_list{ width:110px; float:left; height:auto; overflow:hidden; margin-top:10px; background:#FFF; margin-bottom:10px;}
#q1 .q_list ul{ width:80px; margin:0 auto; padding-top:10px; min-height:130px; height:auto;}
#q1 .q_list ul li{ height:25px; text-align:center;}
#q2{width:34px;height:148px;float:right;
position:fixed !important; top/**/:100px;
position:absolute; z-index:501; top:expression(offsetParent.scrollTop+100);right:1px; background:#000; display:none; }

#about{ width:100%; margin:0 auto; height:auto; overflow:hidden; }
#about .w12{ width:1200px; margin:0 auto; height:auto; overflow:hidden;}
#about .box { width:100%; height:400px; background:url(../images/about_01.png) center no-repeat;}
#about .box .title{ text-align:center; color:#fff; padding-top:150px; font-size:30px;}
#about .box  h5{ display:block; text-align:center; color:#fff; font-size:20px;}
#about .box .an{ width:224px; margin:0 auto; height:auto; overflow:hidden; margin-top:30px;}
#about .box .bt{ display:block; width:100px; float:left; margin-right:20px; height:auto; overflow:hidden;  border-radius:5px;  line-height:40px; font-size:14px;  color:#FFF; background:#09C; text-align:center}
#about .box .bt:hover{ background:#08a4d8;}
#about .box .bt-l{ display:block; width:100px; float:left; height:auto; overflow:hidden;  border-radius:5px;  line-height:40px; font-size:14px; color:#FFF; background:#32d28c; text-align:center}
#about .box .bt-l:hover{background:#39e399;}


#about .box1{ width:100%; height:auto; overflow:hidden; margin-top:30px; margin-bottom:30px;}
#about .box1 .left{ width:270px; float:left; height:375px; background:url(../images/about_10.png);}
#about .box1 .left p{ display:block; width:30px; margin-left:20px; margin-top:80px; float:left; font-size:25px; color:#FFF;}
#about .box1 .right{ width:888px; float:left; height:373px; border:1px solid #e5e5e5; padding:0 20px;}
#about .box1 .right p{ display:block; line-height:2em; margin-top:30px;}
#about .box1 .con{ height:auto; overflow:hidden;}
#about .box1 .con .tel{ width:200px; float:left; background:url(../images/about_1.png) center left no-repeat; padding-left:60px;}
#about .box1 .con .qq{ width:200px; float:left; background:url(../images/about_2.png) center left no-repeat; padding-left:60px;}
#about .box1 .con .title{ line-height:60px; height:auto; overflow:hidden; font-size:24px;}
#about .box1 .con .txt{ font-size:16px;}