@charset "gb2312";
/* CSS Document */


@media screen and (min-width:640px) { 
.head{ width:100%; height:67px; padding-top:18px;}
.top{ width:1000px;}
.logo{width:500px; height:70px; float:left;}
.mobie_logo{ display:none;}
.tel{ width:300px; height:60px; padding-top:10px; float:right; font-size:18px; color:#666; text-align:right;}
#banner{ width:100%; height:440px; background:url(imagesbanner.jpg) no-repeat center top fixed; }
.banner{ width:1100px; height:440px; position:relative;}
.mobie_logo2{ display:none;}
.dsj{ width:468px; height:240px; position:absolute; top:70px; left:80px;}

.download_box{ position:absolute; top:330px; left:105px;}
.download_box a{display:block; width:180px; height:46px; border:2px solid #fff; line-height:45px; text-align:left; color:#fff; font-size:16px;transition:all 0.5s cubic-bezier(0.25, 0.1, 0.25, 1); -webkit-transition:all 0.5s cubic-bezier(0.25, 0.1, 0.25, 1); -moz-transition:all 0.5s cubic-bezier(0.25, 0.1, 0.25, 1); -o-transition:all 0.5s cubic-bezier(0.25, 0.1, 0.25, 1); float:left; margin-left:25px;}
.download_box a:hover { color:#FFF; background:#1bb547;border:2px solid #1bb547;}
.download_box a img{ float:left; margin:10px 10px 0 15px;}
.mobie_1{ display:none;}
/*弹出*/
.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:#000000;opacity:0.3;filter:alpha(opacity=30)}
.modal{position:fixed;top:60%;left:50%;z-index:1050;}
.close{ width:30px; height:30px; line-height:25px;cursor:pointer; position:absolute;right:-20px; top:-20px; background:#000; color:#FFF; border-radius:50%; text-align:center; font-size:28px; border:2px solid #FFF;}
.close:hover{background:#1bb547;color:#ffffff}
#android,#ipone,.modal{display:none;width:230px;padding:20px; background:#FFF; margin-left:-190px; margin-bottom:40px; margin-top:-267px}
.modal p{ display:block; text-align:center; color:#000; font-size:12px; font-family:"宋体"; padding-top:5px;}
.modal p a{ display:block; text-align:center; font-size:12px; color:#1bb547; padding-top:5px;}
.modal p a:Hover{ color:#666;}
.modal img{ width:230px; height:auto;}


.phone1{ position:absolute; top:50px; right:80px; width:319px; height:590px; background:url(imagestablet_phone.png) no-repeat center;}
#focus {width:261px; height:431px; overflow:hidden; position:relative; float:left; margin:68px 0 0 32px; background:#FFF;}
#focus ul {height:431px; position:absolute;}
#focus ul li {float:left; width:261px; height:431px; overflow:hidden; position:relative;}
#focus ul li div {position:absolute; overflow:hidden;}
#focus .btnBg {position:absolute; width:0px; height:20px; left:0; bottom:0; display:none;}
#focus .btn {position:absolute; width:344px; height:10px; padding:5px 15px; right:0; bottom:20px; text-align:right; display:none;}
#focus .btn span {display:inline-block; _display:inline; _zoom:1; width:35px; height:5px; _font-size:0; margin-left:5px; cursor:pointer; background:#0099ec;}
#focus .btn span.on {background:#fff;}
#focus .preNext {width:45px; height:100px; position:absolute; top:120px; background:url(../images_1/sprite.png) no-repeat 0 0; cursor:pointer;}
#focus .pre {left:0;}
#focus .next {right:0; background-position:right top;}
#focus ul li img{ width:261px; height:431px;}

.icons{ width:1000px; height:210px; margin-top:50px; position:relative;}
.icons span{ width:200px; height:150px; display:block; float:left; text-align:center; background:url(imagesline.png) no-repeat center right;}
.icons span h2{ color:#666; font-size:16px; padding:3px 0 5px 0;}
.icons span h3{ color:#666; font-size:12px;}

#banner2{ height:443px; background:url(imagesbanner2.jpg) no-repeat center bottom;}
.banner2{ width:1100px; height:443px; position:relative;}
.ban_pos{ width:381px; height:150px; position:absolute; top:300px; right:50px; z-index:99999;}
.ban_pos img{ float:left;}
.ban_pos p{ width:370px; height:100px; display:block; font-size:14px; color:#f5f5f5; line-height:24px; text-align:left; float:left; padding:10px 0 0 5px;}


#banner3{ height:630px; background:#FFF url(imagesbg2.png) no-repeat center 180px;}
.banner3{ width:1000px; height:550px; position:relative; padding-top:80px; overflow:hidden;}
.banner3 span{ width:450px; height:100px; display:block; font-size:14px; color:#666; line-height:24px; text-align:center; position:absolute; top:150px; left:25%;}
.er{ width:482px; height:58px; position:absolute; top:80px; left:25%;}
.sj_animate{ width:224px; height:200px; margin:0 auto; float:left;}
.sj_right{ float:right;}
.block{height:630px;}
#banner4{ height:640px; background:#FFF url(imagesbanner4.jpg) no-repeat center;}
.banner4{ height:570px; width:1000px; padding-top:70px; overflow:hidden;}
.san{ margin-top:100px; width:378px; height:64px; float:left; clear:both;}
.banner4 span{ width:470px; height:160px; display:block; font-size:14px; color:#666; line-height:24px; margin-top:10px; float:left; clear:both;}
.erweima{ width:367px; height:580px; background:url(imageserweima.png) no-repeat center; margin-left:620px;}
.line{width:341px;height:3px;background:url(imagesline2.png) no-repeat center;position:relative;animation-name: myfirst;animation-duration: 4s;animation-timing-function:linear;animation-delay: 0.5s;animation-iteration-count: infinite;animation-direction: alternate;animation-play-state: running;/* Firefox: */-moz-animation-name: myfirst;-moz-animation-duration: 4s;-moz-animation-timing-function:linear;-moz-animation-delay: 0.5s;-moz-animation-iteration-count: infinite;-moz-animation-direction: alternate;-moz-animation-play-state: running;/* Safari 和 Chrome: */-webkit-animation-name: myfirst;-webkit-animation-duration: 4s;-webkit-animation-timing-function:linear;-webkit-animation-delay: 0.5s;-webkit-animation-iteration-count: infinite;-webkit-animation-direction: alternate;-webkit-animation-play-state: running;/* Opera: */-o-animation-name: myfirst;-o-animation-duration: 4s;-o-animation-timing-function:linear;-o-animation-delay: 0.5s;-o-animation-iteration-count: infinite;-o-animation-direction: alternate;-o-animation-play-state: running;/* ms: */-ms-animation-name: myfirst;-ms-animation-duration: 4s;-ms-animation-timing-function:linear;-ms-animation-delay: 0.5s;-ms-animation-iteration-count: infinite;-ms-animation-direction: alternate;-ms-animation-play-state: running;}
@keyframes myfirst
{
0%   { left:5px; top:175px;}
100% { left:5px; top:391px;}

}

@-moz-keyframes myfirst
{
0%   { left:5px; top:175px;}
100% { left:5px; top:391px;}
}

@-webkit-keyframes myfirst
{
0%   { left:5px; top:175px;}
100% { left:5px; top:391px;}
}

@-o-keyframes myfirst
{
0%   { left:5px; top:175px;}
100% { left:5px; top:391px;}

@-ms-keyframes myfirst
{
0%   { left:5px; top:175px;}
100% { left:5px; top:391px;}
}


.copy0911{background:#333333; height:100px; padding-top:20px; line-height:26px; color:#999; text-align:center; font-size:14px; clear:both;}

}

/*<1400 end*/















































@media screen and (min-width:1500px) { 
.head{ width:100%; height:67px; padding-top:18px;}
.top{ width:1100px;}
.logo{width:500px; height:70px; float:left;}
.mobie_logo{ display:none;}
.tel{ width:300px; height:60px; padding-top:10px; float:right; font-size:18px; color:#666; text-align:right;}
#banner{ width:100%; height:600px; background:url(imagesbanner.jpg) no-repeat center top fixed; }
.banner{ width:1100px; height:600px; position:relative;}
.mobie_logo2{ display:none;}
.dsj{ width:468px; height:240px; position:absolute; top:200px; left:50px;}

.download_box{ position:absolute; top:480px; left:75px;}
.download_box a{display:block; width:180px; height:46px; border:2px solid #fff; line-height:45px; text-align:left; color:#fff; font-size:16px;transition:all 0.5s cubic-bezier(0.25, 0.1, 0.25, 1); -webkit-transition:all 0.5s cubic-bezier(0.25, 0.1, 0.25, 1); -moz-transition:all 0.5s cubic-bezier(0.25, 0.1, 0.25, 1); -o-transition:all 0.5s cubic-bezier(0.25, 0.1, 0.25, 1); float:left; margin-left:25px;}
.download_box a:hover { color:#FFF; background:#1bb547;border:2px solid #1bb547;}
.download_box a img{ float:left; margin:10px 10px 0 15px;}
.mobie_1{ display:none;}
/*弹出*/
.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:#000000;opacity:0.3;filter:alpha(opacity=30)}
.modal{position:fixed;top:50%;left:50%;z-index:1050;}
.close{ width:30px; height:30px; line-height:25px;cursor:pointer; position:absolute;right:-20px; top:-20px; background:#000; color:#FFF; border-radius:50%; text-align:center; font-size:28px; border:2px solid #FFF;}
.close:hover{background:#1bb547;color:#ffffff}
#android,#ipone,.modal{display:none;width:230px;padding:20px; background:#FFF; margin-left:-190px; margin-bottom:40px; margin-top:-267px}
.modal p{ display:block; text-align:center; color:#000; font-size:12px; font-family:"宋体"; padding-top:5px;}
.modal p a{ display:block; text-align:center; font-size:12px; color:#1bb547; padding-top:5px;}
.modal p a:Hover{ color:#666;}
.modal img{ width:230px; height:auto;}


.phone1{ position:absolute; top:50px; right:0; width:426px; height:776px; background:url(imagestop_phone.png) no-repeat center;}
#focus {width:344px; height:566px; overflow:hidden; position:relative; float:left; margin:90px 0 0 45px; background:#FFF;}
#focus ul {height:566px; position:absolute;}
#focus ul li {float:left; width:344px; height:566px; overflow:hidden; position:relative;}
#focus ul li div {position:absolute; overflow:hidden;}
#focus .btnBg {position:absolute; width:560px; height:20px; left:0; bottom:0; display:none;}
#focus .btn {position:absolute; width:344px; height:10px; padding:5px 15px; right:0; bottom:20px; text-align:right; display:none;}
#focus .btn span {display:inline-block; _display:inline; _zoom:1; width:35px; height:5px; _font-size:0; margin-left:5px; cursor:pointer; background:#0099ec;}
#focus .btn span.on {background:#fff;}
#focus .preNext {width:45px; height:100px; position:absolute; top:120px; background:url(../images_1/sprite.png) no-repeat 0 0; cursor:pointer;}
#focus .pre {left:0;}
#focus .next {right:0; background-position:right top;}
#focus ul li img{ width:344px; height:566px;}

.icons{ width:1110px; height:230px; margin-top:50px;}
.icons span{ width:200px; height:150px; display:block; float:left; text-align:center; background:url(imagesline.png) no-repeat center right;}
.icons span h2{ color:#666; font-size:16px; padding:3px 0 5px 0;}
.icons aspan h3{ color:#666; font-size:12px;}

#banner2{ height:443px; background:url(imagesbanner2.jpg) no-repeat center bottom;}
.banner2{ width:1100px; height:443px; position:relative;}
.yi{ position:absolute; top:100px; right:0; width:381px; height:46px;}
.banner2 span{ width:370px; height:100px; display:block; font-size:14px; color:#f5f5f5; line-height:24px; position:absolute; top:160px; right:10px;}

#banner3{ height:630px; background:#FFF url(imagesbg2.png) no-repeat center 180px;}
.banner3{ width:1100px; height:550px; position:relative; padding-top:80px; overflow:hidden;}
.banner3 span{ width:450px; height:100px; display:block; font-size:14px; color:#666; line-height:24px; text-align:center; position:absolute; top:150px; left:25%;}
.er{ width:482px; height:58px; position:absolute; top:80px; left:25%;}
.sj_animate{ width:224px; height:200px; margin:0 auto; float:left;}
.sj_right{ float:right;}
.block{height:630px;}
#banner4{ height:640px; background:#FFF url(imagesbanner4.jpg) no-repeat center;}
.banner4{ height:570px; width:1100px; padding-top:70px; overflow:hidden;}
.san{ margin-top:100px; width:378px; height:64px; float:left; clear:both;}
.banner4 span{ width:470px; height:160px; display:block; font-size:14px; color:#666; line-height:24px; margin-top:10px; float:left; clear:both;}
.erweima{ width:367px; height:580px; background:url(imageserweima.png) no-repeat center; margin-left:720px;}
.line{width:341px;height:3px;background:url(imagesline2.png) no-repeat center;position:relative;animation-name: myfirst;animation-duration: 4s;animation-timing-function:linear;animation-delay: 0.5s;animation-iteration-count: infinite;animation-direction: alternate;animation-play-state: running;/* Firefox: */-moz-animation-name: myfirst;-moz-animation-duration: 4s;-moz-animation-timing-function:linear;-moz-animation-delay: 0.5s;-moz-animation-iteration-count: infinite;-moz-animation-direction: alternate;-moz-animation-play-state: running;/* Safari 和 Chrome: */-webkit-animation-name: myfirst;-webkit-animation-duration: 4s;-webkit-animation-timing-function:linear;-webkit-animation-delay: 0.5s;-webkit-animation-iteration-count: infinite;-webkit-animation-direction: alternate;-webkit-animation-play-state: running;/* Opera: */-o-animation-name: myfirst;-o-animation-duration: 4s;-o-animation-timing-function:linear;-o-animation-delay: 0.5s;-o-animation-iteration-count: infinite;-o-animation-direction: alternate;-o-animation-play-state: running;/* ms: */-ms-animation-name: myfirst;-ms-animation-duration: 4s;-ms-animation-timing-function:linear;-ms-animation-delay: 0.5s;-ms-animation-iteration-count: infinite;-ms-animation-direction: alternate;-ms-animation-play-state: running;}
@keyframes myfirst
{
0%   { left:5px; top:175px;}
100% { left:5px; top:391px;}

}

@-moz-keyframes myfirst
{
0%   { left:5px; top:175px;}
100% { left:5px; top:391px;}
}

@-webkit-keyframes myfirst
{
0%   { left:5px; top:175px;}
100% { left:5px; top:391px;}
}

@-o-keyframes myfirst
{
0%   { left:5px; top:175px;}
100% { left:5px; top:391px;}

@-ms-keyframes myfirst
{
0%   { left:5px; top:175px;}
100% { left:5px; top:391px;}
}

.copy0911{background:#333333; height:100px; padding-top:20px; line-height:26px; color:#999; text-align:center; font-size:14px; clear:both;}
}

/*>1440 end*/