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

@media screen and (max-width: 640px) {
.head{ width:100%; height:45px; padding-top:10px;}
.top{ width:100%;}
.logo{width:100%; height:70px; float:left; display:none;}
.tel{ width:300px; height:60px; padding-top:10px; float:right; font-size:18px; color:#666; text-align:right; display:none;}
.mobie_logo{ float:left; padding-left:10px;}
.mobie_logo img{ width:70%; height:auto; float:left;}

#banner{ width:100%; height:683px; background:none;}
.banner{ width:100%; height:653px; background:url(imagesmobie_bg.jpg) no-repeat top;  background-size:100%; padding-top:30px;}
.mobie_logo2{ width:100%;}
.mobie_logo2 img{ width:50%; height:auto;}
.dsj{ width:85%; margin-top:30px; clear:both;}
.dsj img{ width:100%; height:auto;}
.for_mobile{ display:none;}
.download_box{ clear:both;}
.download_box a{display:block; width:125px; height:40px; border:1px solid #fff; line-height:40px; text-align:left; color:#fff; font-size:12px;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;}
.download_box a:hover { color:#FFF; background:#1bb547;border:1px solid #1bb547;}
.download_box a img{ float:left; margin:7px 7px 0 10px;}
.mobie_1{ width:270px; height:40px; margin:0 auto; margin-top:30px;}
/*µ¯³ö*/
.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:"ËÎÌå";}
.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{ width:262px; height:485px; background:url(imagesmobie_phone.png) no-repeat center; margin-top:40px;}
#focus {width:215px; height:355px; overflow:hidden; position:relative; float:left; margin:57px 0 0 26px; background:#FFF;}
#focus ul {height:355px; position:absolute;}
#focus ul li {float:left; width:215px; height:355px; 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:215px; height:355px;}

.icons{ width:100%; height:120px; clear:both; margin-top:220px;}
.icons span{ width:33%; height:150px; display:block; float:left; text-align:center; background:url(imagesline.png) no-repeat center right;}
.icons span h2{ color:#666; font-size:14px; padding:3px 0 5px 0;}
.icons span h3{ color:#666; font-size:8px;}

#banner2{ height:443px; background:url(imagesbanner2.jpg) no-repeat center bottom; display:none;}
.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;}
.ban_pos{ display:none;}
#banner3{ height:630px; background:#FFF url(imagesbg2.png) no-repeat center 180px; display:none;}
.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; display:none;}
.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 /* Firefox */
{
0%   { left:5px; top:175px;}
100% { left:5px; top:391px;}
}

@-webkit-keyframes myfirst /* Safari ºÍ Chrome */
{
0%   { left:5px; top:175px;}
100% { left:5px; top:391px;}
}

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

@-ms-keyframes myfirst /* ms */
{
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:12px;clear:both;}

}

/*<640 end*/