body, div, h1, h2, h3, h4, h5, h5, p, ul, ol, li, dl, dt, dd { margin: 0; padding: 0;}
ul, ol { list-style-type: none;}

body { font: 14px "Microsoft Yahei",Arial,Helvetica,sans-serif; color: #515151;}
a { color: #515151; text-decoration: none;}
a:hover { color: #31a5e7;}

.clearfix:after { content: ""; display: table; clear: both;}

.ml-nav { position: fixed; top: 0; left: 0; z-index: 2; width: 100%; padding: 15px 0; background-color: rgba(255, 255, 255, 0.85);}
.ml-logo { float: left; width: 200px; height: 70px; margin: 8px 0; font-size: 0; background-image:url(../images/logo.png);}
.ml-link { float: right; margin: 36px 0 0 0; font-size: 0;}
.ml-link a { display: inline-block; margin: 0 15px; font-size: 16px;}
.buy-now { position: absolute; right: 0; top: 0; width: 100px; height: 36px; line-height: 36px; text-align: center; color: #fff; background-color: #3db1fa;}
.buy-now:hover { color: #fff;}

.center-wrap { position: relative; z-index: 1; width: 1200px; height: 100%; margin: 0 auto;}

.section { overflow: hidden;}


.thin { background: url(../images/bg2.jpg) no-repeat; background-size:cover}
.thin-desc { width: 574px; margin: 0 auto; padding-top: 126px; text-align: center;}
.thin-img { position: absolute; top: 168px; left: 50%; margin-top: 100px; margin-left: -600px;}
.thin-img img { position: absolute;}
.thin-img1 { left: 230px; width: 400px;}
.thin-img2 { left: 480px; width: 500px;}

.cnc {}
.cnc-desc { padding-top: 40%; width: 400px;}

.screen { background: url(../images/bg4-s.jpg) center 0 no-repeat;}
.screen-desc { position: relative; width: 540px; padding-top: 100px; z-index: 1;}
.parameters-list { margin-top: 28px; width: 230px;}
.parameters-list li { position: relative; border-top: #333 1px solid; border-bottom: #333 1px solid; margin-bottom: -1px;}
.parameters-list li h2 { font-size: 32px; font-weight: 400; height: 80px; line-height: 80px; margin-top: 0!important;}
.parameters-list li i { display: inline-block; position: absolute; top: 66px; font-size: 12px;}
.parameters-list li span { position: absolute; top: 30px; right: 0; font-size: 14px;}
.parameters-list li.ps h2 { position: relative; line-height: 90px;}
.parameters-list li.ps span { top: 26px;}
.screen-img { position: absolute; bottom: 0; right: 0; line-height: 0;}
.screen-img img { width: 900px;}

.cpu { }
.cpu-desc { padding-top: 10%; width: 610px; margin: 0 auto;}
.cpu-img { position: absolute; bottom: -346px; left: 50%; margin-left: -500px;}
.cpu-img img { width: 1000px;}

.net-desc { position: absolute; right: 0; padding-top: 30%; width: 490px; z-index: 1;}
.net-img { position: absolute; top: 4%; left: -264px;}
.net-img img { width: 1200px;}
.net-img .cc { position: absolute; top: 384px; left: 520px; width: 378px;}
.net-img .cc2 { top: 385px;}

.camera { background: url(../images/bg7-s.jpg) center 0 no-repeat;}
.camera-desc { position: absolute; padding-top: 30%; left: 144px; width: 460px;}

.battery {}
.battery-desc { position: absolute; right: 0; padding-top: 26%; width: 410px; text-align: right;}
.battery-img { position: absolute; bottom: -10px; left: -200px;}
.battery-img img { width: 1000px;}

.flyme { background: url(../../images/meilannote2/features/bg9-s.jpg) center 0 no-repeat;}
.flyme-desc { padding-top: 14%; text-align: center;}
.flyme-img { position: absolute; top: 0; left: 50%; margin-left: -600px; padding-top: 400px; width: 1200px; height: 752px; z-index: 1;}
.flyme-img { position: absolute; top: 0; left: 50%; margin-left: -400px; padding-top: 290px; width: 800px; height: 752px; z-index: 1;}
.flyme-img img { position: absolute;}
.flyme-pic1 { width: 296px; left: 0; padding-top: 60px;}
.flyme-pic2 { width: 310px; left: 236px; z-index: 1;}
.flyme-pic3 { width: 296px; left: 482px; padding-top: 60px;}

.footer-link { padding: 30px 0; border-top: 1px solid #eee; border-bottom: 1px solid #eee;}
.footer-link dl { float: left; width: 40%;}
.footer-link dt { line-height: 45px; font-weight: 700;}
.footer-link dd { line-height: 28px;}
.footer-link a { color: #515151; text-decoration: none;}
.footer-link a:hover { color: #31a5e7;}
.footer-link dl:last-child{width: 20%;}

.copyright { padding: 20px 0; text-align: center;}

#fp-nav ul li:first-child, #fp-nav ul li:last-child {}

@media screen and (min-width:1920px) {
	.flyme { background: url(../images/bg9.jpg) center 0 no-repeat;}
	.cnc-desc { padding-top: 50%;}
	.thin-img { margin-top: 100px; margin-left: -720px;}
	.thin-img2 { left: 400px;}
	.thin-img1 { left: 230px; width: auto;}
	.thin-img2 { left: 480px; width: auto;}
	.screen-desc { padding-top: 200px;}
	.screen-img img { width: 1200px;}
	.cpu-img { position: absolute; bottom: -300px; left: 50%; margin-left: -666px;}
	.cpu-img img { width: 1200px;}
	.net-img { top: 16%; left: 0;}
	.battery-img img { width: 1200px;}
	.flyme-img { position: absolute; top: 0; left: 50%; margin-left: -600px; padding-top: 400px; width: 1200px; height: 752px; z-index: 1;}
	.flyme-img img { position: absolute;}
	.flyme-pic1 { left: 0; padding-top: 60px; width: auto;}
	.flyme-pic2 { left: 368px; width: auto; z-index: 1;}
	.flyme-pic3 { left: 755px; padding-top: 60px; width: auto;}
	.parameters-list li h2 { height: 100px; line-height: 100px;}
}



#bg{background-color:#000;position:absolute;z-index:99;left:0;top:0;display:none;width:100%; min-width:1200px; margin:0 auto;height:100%;opacity:0.8;filter: alpha(opacity=50);-moz-opacity: 0.5;}

.second_p1{ width:489px; height:775px; position:absolute; left:0; bottom:-100%; z-index:10; background:url(../images/phone.png) bottom no-repeat; background-size:cover;}
.second_nei1{ width:610px; height:610px; position:absolute; left:0; bottom:2%; opacity:0; z-index:1;}
.second_ul{}
.second_ul li{ font-family:"微软雅黑"; font-size:66px; }
.second_ul .second_word{ font-size:30px;}

.second_nei_nei{ width:610px; height:260px;margin-top:150px;}
.phone_button{width:270px;height:220px;float:left; margin-top:20px;}
.phone_button .iphone{ margin-top:20px; display:block; background:url(../images/bai_pingguo.png) center no-repeat; width:270px; height:90px;}
.phone_button .iphone:hover{ background:url(../images/lan_pingguo.png) no-repeat;}
.phone_button .azuo{ margin-top:20px; display:block; background:url(../images/bai_anzhuo.png) center no-repeat; width:270px; height:90px;}
.phone_button .azuo:hover{ background:url(../images/lan_anzhuo.png) no-repeat;}

.second_erweima{width:258px; height:258px;float:right;background:url(../images/erwei_big.png) no-repeat; background-size:cover;}
 .warp_p1{position:absolute; left:-100%; top:50%; margin-top:-250px; z-index:10; width:500px; height:500px; background:url(../images/er_1.png) no-repeat; background-size:cover; opacity:0;}
.warp_p2{position:absolute; right:-100%; top:50%; margin-top:-250px; z-index:10; width:524px; height:524px; background:url(../images/san_02.png) no-repeat; background-size:cover; opacity:0;}

.warp_left{position:absolute; left:-100%; top:50%; margin-top:-250px; z-index:10; width:524px; height:524px; background:url(../images/er_02.png) no-repeat; background-size:cover; opacity:0;}
.warp_right{position:absolute; right:-100%; top:50%; margin-top:-250px; z-index:10; width:500px; height:500px; background:url(../images/san_01.png) no-repeat; background-size:cover; opacity:0;}

.bottom-box{ width:260px; margin:15px auto;}
.bottom-box a{ display:block; float:left; margin-left:20px;}
.bottom-box a.last{ margin-top:5px;}

.jump01{ position:fixed; width:1000px;z-index:999; top:50%; margin-top:-275px; left:50%; margin-left:-500px; display:none;}
.new_warp{ width:1000px;margin:0 auto;height:550px;background-color:#FFFFFF;border-radius:20px;position:relative; overflow:hidden;z-index:1000}
.j01_nei01{ width:790px;margin-left:114px; margin-top:30px; }
.nei01_01{ margin-top:83px;float:left; }
.j01_nei01_ul1{ margin-top:20px;} 
.j01_nei01_ul1 li{font-family:"微软雅黑"; font-size:34px; float:left;}
.j01_nei01_ul1 .j01_spcial{font-family:"微软雅黑"}
.nei01_02{ width:219px; height:219px; float:right;}

.j01_nei02{ margin-left:156px;}
.nei02_01_01{ width:214px; height:178px; float:left;}
.nei02_01_01 a{ display:block;}
.nei02_01_01_01{ width:215px; height:70px;background-image:url(../images/nei1_pingguo.png);background-repeat:no-repeat; margin-bottom:30px; margin-top:10px;}
.nei02_01_01_01:hover{ background-image:url(../images/nei01_lanpingguo.png);}

.nei02_01_01_02{ width:215px; height:70px;background-image:url(../images/nei1_pinguo.png);background-repeat:no-repeat;}
.nei02_01_01_02:hover{ background-image:url(../images/nei01_lananzhuo.png);}

.nei02_01_01 img{ margin-bottom:27px;}
.nei02_01_02{ width:178px; height:178px; float:left; margin-left:50px;}


.nei02_02{ margin-top:55px;}
.nei02_02_01{ float:left; margin-left:70px;margin-top:29px; }
.nei02_02_lu01{ float:left; margin-left:50px; margin-top:41px; }
.nei02_02_lu01 li{font-family:"微软雅黑"; font-size:16px; margin-bottom:10px;}
.nei02_02_lu01 .nei02_02_spcial{font-family:"微软雅黑"; font-size:22px;}

.jump02{ position:fixed; width:1000px;z-index:999; top:50%; margin-top:-275px; left:50%; margin-left:-500px; display:none;}
.new_warp01{ width:1000px;margin:0 auto;height:550px;background-color:#FFFFFF;border-radius:20px;position:relative; overflow:hidden;z-index:1000}
.j02_nei01{ width:790px; margin-left:114px; margin-top:30px; }
.j02_nei01_01{ margin-top:83px;float:left; }
.j02_nei01_ul1{ margin-top:35px;} 
.j02_nei01_ul1 li{font-family:"微软雅黑"; font-size:34px; float:left; }
.j02_nei01_ul1 .j01_spcial{font-family:"微软雅黑"}
.j02_nei01_02{ width:219px; height:219px; float:right;}

.j02_nei02{ width:810px; margin-left:108px; margin-top:30px;}
.j02_nei02 li{ font-family:"微软雅黑"; font-size:18px; line-height:25px;text-indent:32px; }


.jump03{ position:fixed; width:1000px;z-index:999; top:50%; margin-top:-275px; left:50%; margin-left:-500px; display:none;}
.new_warp02{ width:1000px;margin:0 auto;height:550px;background-color:#FFFFFF;border-radius:20px;position:relative; overflow:hidden;z-index:1000}
.j03_nei01{ width:790px; margin-left:114px; margin-top:30px; }
.j03_nei01_01{ margin-top:83px;float:left; }
.j03_nei01_ul1{ margin-top:20px;} 
.j03_nei01_ul1 li{font-family:"微软雅黑"; font-size:34px; float:left;}
.j03_nei01_ul1 .j01_spcial{font-family:"微软雅黑"}
.j03_nei01_02{ width:219px; height:219px; float:right;}

.j03_nei02{ width:810px; margin-left:114px;}
.j03_nei02 li{ font-family:"微软雅黑"; font-size:18px; line-height:30px; }


.jump04{ position:fixed; width:1000px;z-index:999; top:50%; margin-top:-275px; left:50%; margin-left:-500px; display:none;}
.new_warp03{ width:1000px;margin:0 auto;height:550px;background-color:#FFFFFF;border-radius:20px;position:relative; overflow:hidden; z-index:1000}
.j04_nei01{ width:790px; margin-left:114px; margin-top:30px; }
.j04_nei01_01{ margin-top:83px;float:left; }
.j04_nei01_ul1{ margin-top:20px;} 
.j04_nei01_ul1 li{font-family:"微软雅黑"; font-size:34px; float:left;}
.j04_nei01_ul1 .j01_spcial{font-family:"微软雅黑"}
.j04_nei01_02{ width:219px; height:219px; float:right;}

.j04_nei02{ width:810px; margin-left:110px;}
.j04_nei02_01{  width:234px; float:left; }
.j04_nei02_01_p{ margin-left:24px; margin-bottom:5px; }
.j04_nei02_ul01 li{ font-family:"微软雅黑"; font-size:14px; line-height:18px;}



.j04_nei02_03{ width:240px; float:left; margin-left:30px;}
.j04_nei02_03_p{ margin-left:15px; margin-bottom:5px; }
.j04_nei03_ul01 li{ font-family:"微软雅黑"; font-size:14px; line-height:18px;}

.j04_nei2_nei02{ margin-top:70px; margin-right:40px; float:right; width:260px;}
.tidai{ float:right;}
.j04_ul02_02 li{font-family:"微软雅黑"; font-size:22px; color:#428CE5;width:180px; text-align:center;  margin-bottom:10px;}
.j04_figer{ float:right; margin-top:20px; margin-right:10px; }

.ring{width:140px; height:140px; border-radius:100%; background-color:rgba( 89,94,101,0.7); position:absolute; right:-70px; top:-70px;} 
.ring img{ position:absolute; bottom:24px; left:24px; }
.ring:hover{ background-color:rgba(0,0,0,0.8);}


.s-xguide-down{
    width:50px;
    height:50px;
    display:block;
    position:fixed;
    bottom:30px;
    left:50%;
    background:url(../images/down.png) no-repeat;
	background-size:cover;
    _background:none;
    _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="./down.png",enabled=true,sizingMethod="crop");
    border-radius:50%;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
    -o-border-radius:50%;
    opacity:.7;
    cursor:pointer; z-index:9999;
}
@keyframes xguide_down{
    0%,100%{
        transform:scale(0.0);
        -moz-transform:scale(0.0);
        -o-transform:scale(0.0);
        -webkit-transform:scale(0.0);
        -ms-transform:scale(0.0);
        opacity:0
    }
    50%{
        transform:scale(1.0);
        -moz-transform:scale(1.0);
        -o-transform:scale(1.0);
        -webkit-transform:scale(1.0);
        -ms-transform:scale(1.0);
        opacity:1
    }
 
}
@-webkit-keyframes xguide_down{
    0%,100%{
        -webkit-transform:scale(0.0);
        -moz-transform:scale(0.0);
        -o-transform:scale(0.0);
        -ms-transform:scale(0.0);
        transform:scale(0.0);
        opacity:0
    }
    50%{
        -webkit-transform:scale(1.0);
        -moz-transform:scale(1.0);
        -o-transform:scale(1.0);
        -ms-transform:scale(1.0);
        transform:scale(1.0);
        opacity:1
    }
 
}
@-moz-keyframes xguide_down{
    0%,100%{
        -moz-transform:scale(0.0);
        -o-transform:scale(0.0);
        -webkit-transform:scale(0.0);
        -ms-transform:scale(0.0);
        transform:scale(0.0);
        opacity:0
    }
    50%{
        -moz-transform:scale(1.0);
        -o-transform:scale(1.0);
        -webkit-transform:scale(1.0);
        -ms-transform:scale(1.0);
        transform:scale(1.0);
        opacity:1
    }
 
}
@-o-keyframes xguide_down{
    0%,100%{
        -o-transform:scale(0.0);
        -moz-transform:scale(0.0);
        -webkit-transform:scale(0.0);
        -ms-transform:scale(0.0);
        transform:scale(0.0);
        opacity:0
    }
    50%{
        -o-transform:scale(1.0);
        -moz-transform:scale(1.0);
        -webkit-transform:scale(1.0);
        -ms-transform:scale(1.0);
        transform:scale(1.0);
        opacity:1
    }
 
}
.s-xguide-down.trans{
    -webkit-animation:xguide_down 4.0s infinite ease-in-out;
    -moz-animation:xguide_down 4.0s infinite ease-in-out;
    -o-animation:xguide_down 4.0s infinite ease-in-out;
    animation:xguide_down 4.0s infinite ease-in-out;
}
.s-xguide-down.arrow-1{
    animation-delay:-2.0s;
    -webkit-animation-delay:-2.0s;
    -moz-animation-delay:-2.0s;
    -o-animation-delay:-2.0s
}


.scaleout{
    cursor: pointer;
    -webkit-animation: scaleout 1.3s infinite ease-in-out;
    animation: scaleout 1.3s infinite ease-in-out;
}
@-webkit-keyframes scaleout {
    0% { -webkit-transform: scale(1.0) }
    100% {
        -webkit-transform: scale(1.1);
        opacity: 0;
    }
}

@keyframes scaleout {
    0% {
        transform: scale(1.0);
        -webkit-transform: scale(1.0);
    } 100% {
          transform: scale(1.1);
          -webkit-transform: scale(1.1);
          opacity: 0;
      }
}


.out{ width:100%;height:550px; position:relative;overflow:hidden;}
.in{ width:7070px; margin-left:-1000px;}
.arrowleft{ background-color:rgba(170,170,170,0.5); color:#CCC; padding:20px;  position:absolute; top:45%; left:0px; display:block; z-index:1000; cursor:pointer; width:23px; height:43px; background:url(../images/up.png) center no-repeat;}
.arrowrihgt{ background-color:rgba(170,170,170,0.5); color:#CCC; padding:20px; position:absolute; top:45%;right:0px;display:block; z-index:1000; cursor:pointer; width:23px; height:43px; background:url(../images/next.png) center no-repeat;}

.button span{ width:10px; height:10px; border-radius:10px; background-color:#b4b4b4;float:left; margin:5px;}
.button{position:absolute; left:50%; margin-left:-2.5%;bottom:4.4%;width:10%; height:1.9%;}
.button .current{ background-color:#df5757;}


.apageone,.apagetwo,.apagethree,.apagefour,.apagefour,.apagefive{ width:1000px; height:550px;float:left;}


.pageone{ width:900px; margin:0 auto;}
.about-title{ width:460px; height:45px; margin:0 auto; padding-top:60px;}
.tup{ padding-left:0;}
.tup li{ float:left; margin-left:4%; margin-top:5%; width:15%; position:relative; overflow:hidden;}
.tup li img{ display:block; width:100%;}

.out-img {
	-webkit-transform: rotateY(-90deg) scale(.9);
	-webkit-animation-name: flipouttoleft;
	-webkit-animation-duration: 175ms;
	transform: rotateY(-90deg) scale(.9);
	animation-name: flipouttoleft;
	animation-duration: 175ms;
	display:none;
	position:absolute;
}
.flip.in-img {
	-webkit-animation-name: flipintoright;
	-webkit-animation-duration: 555ms;
	animation-name: flipintoright;
	animation-duration: 555ms;
}
@-webkit-keyframes flipouttoleft {
    from { -webkit-transform: rotateY(0); }
    to { -webkit-transform: rotateY(-90deg) scale(1); }
}
@keyframes flipouttoleft {
    from { transform: rotateY(0); }
    to { transform: rotateY(-90deg) scale(1); }
}
@-webkit-keyframes flipouttoright {
    from { -webkit-transform: rotateY(0) ; }
    to { -webkit-transform: rotateY(90deg) scale(1); }
}
@keyframes flipouttoright {
    from { transform: rotateY(0); }
    to { transform: rotateY(90deg) scale(1); }
}
@-webkit-keyframes flipintoleft {
    from { -webkit-transform: rotateY(-90deg) scale(1); }
    to { -webkit-transform: rotateY(0); }
}
@keyframes flipintoleft {
    from { transform: rotateY(-90deg) scale(1); }
    to { transform: rotateY(0); }
}
@-webkit-keyframes flipintoright {
    from { -webkit-transform: rotateY(90deg) scale(1); }
    to { -webkit-transform: rotateY(0); }
}
@keyframes flipintoright {
    from { transform: rotateY(90deg) scale(1); }
    to { transform: rotateY(0); }
}

.pageotwo{ background:url(../images/p2-bg.png) bottom no-repeat;height:550px;}
.ti-box{ width:134px; height:134px; margin:0 auto; padding-top:30px; padding-bottom:20px;}
.pageotwo p{ text-align:center;}
.pageotwo p{ width:200px; margin:0 auto;}
.pageotwo .zxtitle{ font-family:"Microsoft Yahei"; font-size:28px; color:#131a23; float:left;}
.pageotwo .zxtitle:after{ content:""; display:block; width:19px; height:19px; background:url(../images/icon.png) no-repeat; float:right; margin-top:12px; margin-left:10px;}
.pageotwo .nub-box{ width:378px; height:127px; background:url(../images/kx.png) center no-repeat; margin:0 auto; margin-top:40px; text-align:center; line-height:40px; font-family:"Microsoft Yahei"; font-size:22px;}
.pageotwo .nub-box span{ color:#5c99e4; margin-left:10px;}

.apagethree .title{ font-family:"Microsoft Yahei"; font-size:30px; color:#131a23; padding:90px 0; text-align:center;}
.apagethree .time-box{ width:800px; margin:0 auto;}
.apagethree .time-box dl{ width:200px; float:left;}
.apagethree .time-box dl dt{ font-family:"Microsoft Yahei"; font-size:14px; color:#131a23; text-align:center; line-height:24px; margin-top:15px;}
.apagethree{ background:url(../images/p3-bg.png) bottom no-repeat;height:550px; position:relative;}
.apagethree .sun-bg{ position:absolute; width:325px; height:162px; background:url(../images/sj.png) center no-repeat; right:0; bottom:0;}

.apagefour{background:url(../images/p4-bg.png) bottom no-repeat;height:550px; position:relative;}
.apagefour .title{ font-family:"Microsoft Yahei"; font-size:30px; color:#131a23; padding:90px 0; text-align:center;}
.apagefour .phone{ position:absolute; width:288px; height:377px; background:url(../images/tall.png) center no-repeat; bottom:0; z-index:-1; left:50%; margin-left:-144px; overflow:hidden;}
.apagefour .phone .cbov{overflow:hidden;width:246px; height:330px; position:relative; z-index:100; margin:30px auto;}
.apagefour .phone .tall_box{width: 1968px; position: absolute; left: 0px; top: 0; z-index: 9; animation: takeani 20s infinite; -webkit-animation: takeani 20s infinite; -0-animation: takeani 20s infinite; -moz-animation: takeani 20s infinite; padding-left:21px;}
.apagefour .phone .al{ width:246px; float:left;}
.apagefour .phone .al img{ display:block; margin:0 auto; padding-top:30px;}
.hj-left{ width:168px; height:160px; background:url(../images/hj-left.png) no-repeat; position:absolute; left:10%; bottom:8%;}
.hj-right{ width:168px; height:160px; background:url(../images/hj-right.png) no-repeat; position:absolute; right:10%; top:20%;}

.apagefive{background:url(../images/p5-bg.png) no-repeat;height:550px; position:relative;}
.apagefive .title{ color:#fff;font-family:"Microsoft Yahei"; font-size:30px; padding:70px 0; text-align:center;}

.content{ width:850px; margin:0 auto;}
.content .list-a { width:110px; height:133px; float:left; text-align:center;overflow:hidden;}
.content .list-a li {float:left; width:1100PX; height:133px;}
.content .list-a li dl{width:110px; height:133px; float:left;}


.container{ height: 133px;  }
.img{width: 110px; height: 133px; overflow: hidden; position: relative; float:left; margin:10px 30px;}

.nav{width: 1220px; height: 133px; position: absolute; left: 0px; top: 0; z-index: 9; animation: myfirst 20s infinite; -webkit-animation: myfirst 20s infinite; -0-animation: myfirst 20s infinite; -moz-animation: myfirst 20s infinite;}
.nav li{float: left; height:133px; text-align:center; width:110px; overflow:hidden;}
.nav li img{width:110px; height:110px; overflow:hidden;}

@keyframes myfirst 
{
0%   {left: 0px;}
5%   {left:-110px;}
10%   {left:-110px;}
15%   {left:-220px;}
20%   {left: -220px;}
25%   {left:-330px;}
30%   {left: -330px;}
35%   {left:-440px;}
40%   {left: -440px;}
45%   {left:-550px;}
50%   {left: -550px;}
55%   {left:-660px;}
60%   {left: -660px;}
65%   {left:-770px;}
70%   {left: -770px;}
75%   {left:-880px;}
80%   {left: -880px;}
85%   {left:-990px;}
90%   {left: -990px;}
95%   {left:-1100px;}
100%   {left: -1100px;}
}

@-o-keyframes myfirst 
{
0%   {left: 0px;}
5%   {left:-110px;}
10%   {left:-110px;}
15%   {left:-220px;}
20%   {left: -220px;}
25%   {left:-330px;}
30%   {left: -330px;}
35%   {left:-440px;}
40%   {left: -440px;}
45%   {left:-550px;}
50%   {left: -550px;}
55%   {left:-660px;}
60%   {left: -660px;}
65%   {left:-770px;}
70%   {left: -770px;}
75%   {left:-880px;}
80%   {left: -880px;}
85%   {left:-990px;}
90%   {left: -990px;}
95%   {left:-1100px;}
100%   {left: -1100px;}
}

@-moz-keyframes myfirst 
{
0%   {left: 0px;}
5%   {left:-110px;}
10%   {left:-110px;}
15%   {left:-220px;}
20%   {left: -220px;}
25%   {left:-330px;}
30%   {left: -330px;}
35%   {left:-440px;}
40%   {left: -440px;}
45%   {left:-550px;}
50%   {left: -550px;}
55%   {left:-660px;}
60%   {left: -660px;}
65%   {left:-770px;}
70%   {left: -770px;}
75%   {left:-880px;}
80%   {left: -880px;}
85%   {left:-990px;}
90%   {left: -990px;}
95%   {left:-1100px;}
100%   {left: -1100px;}
}

@-webkit-keyframes myfirst
{
0%   {left: 0px;}
5%   {left:-110px;}
10%   {left:-110px;}
15%   {left:-220px;}
20%   {left: -220px;}
25%   {left:-330px;}
30%   {left: -330px;}
35%   {left:-440px;}
40%   {left: -440px;}
45%   {left:-550px;}
50%   {left: -550px;}
55%   {left:-660px;}
60%   {left: -660px;}
65%   {left:-770px;}
70%   {left: -770px;}
75%   {left:-880px;}
80%   {left: -880px;}
85%   {left:-990px;}
90%   {left: -990px;}
95%   {left:-1100px;}
100%   {left: -1100px;}
}




@keyframes takeani 
{
0%   {left: 0px;}
5%   {left:-266px;}
16%   {left:-266px;}
20%   {left:-512px;}
30%   {left: -512px;}
34%   {left:-758px;}
44%   {left: -758px;}
48%   {left:-1004px;}
58%   {left: -1004px;}
62%   {left:-1250px;}
72%   {left: -1250px;}
76%   {left:-1496px;}
86%   {left: -1496px;}
90%   {left:-1742px;}
100%   {left: -1742px;}
}

@-o-keyframes takeani 
{
0%   {left: 0px;}
5%   {left:-266px;}
16%   {left:-266px;}
20%   {left:-512px;}
30%   {left: -512px;}
34%   {left:-758px;}
44%   {left: -758px;}
48%   {left:-1004px;}
58%   {left: -1004px;}
62%   {left:-1250px;}
72%   {left: -1250px;}
76%   {left:-1496px;}
86%   {left: -1496px;}
90%   {left:-1742px;}
100%   {left: -1742px;}
}

@-moz-keyframes takeani 
{
0%   {left: 0px;}
5%   {left:-266px;}
16%   {left:-266px;}
20%   {left:-512px;}
30%   {left: -512px;}
34%   {left:-758px;}
44%   {left: -758px;}
48%   {left:-1004px;}
58%   {left: -1004px;}
62%   {left:-1250px;}
72%   {left: -1250px;}
76%   {left:-1496px;}
86%   {left: -1496px;}
90%   {left:-1742px;}
100%   {left: -1742px;}
}

@-webkit-keyframes takeani
{
0%   {left: 0px;}
5%   {left:-266px;}
16%   {left:-266px;}
20%   {left:-512px;}
30%   {left: -512px;}
34%   {left:-758px;}
44%   {left: -758px;}
48%   {left:-1004px;}
58%   {left: -1004px;}
62%   {left:-1250px;}
72%   {left: -1250px;}
76%   {left:-1496px;}
86%   {left: -1496px;}
90%   {left:-1742px;}
100%   {left: -1742px;}
}


@media screen and (max-width:1440px) {
	.center-wrap { position: relative; z-index: 1; width: 1000px; height: 100%; margin: 0 auto;}
	.ml-nav{ padding:5px 0;}
	.ml-nav .ml-logo{width: 100px; height:35px;margin: 0px 0; font-size: 0; background-image:url(../images/logo.png); background-size:cover}
	.ml-link { float: right; margin: 10px 0 0 0; font-size: 0;}
	.ml-link a { display: inline-block; margin: 0 15px; font-size: 12px;}
	.second_p1{ width:315px; height:500px; position:absolute; left:2%; bottom:-100%; z-index:10;background:url(../images/phone.png) bottom no-repeat; background-size:cover;}
	.second_nei1{ width:610px; height:400px; position:absolute; left:470px; bottom:4%; opacity:0; z-index:1;}
	.second_ul{}
	.second_ul li{ font-family:"微软雅黑"; font-size:40px; color:#000}
	.second_ul .second_word{ font-size:30px;}

	.second_nei_nei{ width:610px; height:160px;margin-top:50px;}
	.phone_button{width:270px;height:220px;float:left; margin-top:20px; margin-left:30px;}
	.phone_button .iphone{ margin-top:20px; display:block; background:url(../images/bai_pingguo.png) center no-repeat; width:240px; height:80px; background-size:cover;}
	.phone_button .iphone:hover{ background:url(../images/lan_pingguo.png) no-repeat;width:240px; height:80px; background-size:cover;}
	.phone_button .azuo{ margin-top:20px; display:block; background:url(../images/bai_anzhuo.png) center no-repeat; width:240px; height:80px; background-size:cover;}
	.phone_button .azuo:hover{ background:url(../images/lan_anzhuo.png) no-repeat;width:240px; height:80px; background-size:cover;}
	.second_erweima{width:196px; height:196px;float:right; background:url(../images/erwei_big.png) no-repeat; background-size:cover; margin:25px 100px 0 0}

	
	
	
}