* { margin: 0; padding: 0;}
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: #ffffff; text-decoration: none;}
a:hover { color: #ffffff; }
img { border:none}
.clearfix:after { content: ""; display: table; clear: both;}
/* 右侧导航 */
#fullPage-nav { _display: none; font-size: 12px;}
#fullPage-nav li { width: 90px; height: 20px; margin: 10px 10px 0 0; vertical-align: middle;}
#fullPage-nav li a { float: right; width: 12px; height: 12px; color: #8F9DA4; text-decoration: none; text-align: right; background: url(../images/dot.png) no-repeat;background-position: 0 -12px;}
#fullPage-nav li .active { background-position: 0 0!important;}
#fullPage-nav span { display: none;}
.fullPage-tooltip { float: left; margin-right: 5px; font: 12px "Microsoft Yahei"; color: #aaaaaa; line-height: 15px;}

.section { position: relative; overflow: hidden;background-color: #34AE34;background-image: -webkit-gradient(linear,left top,left bottom,from(#007202),to(#34AE34));background-image: -webkit-linear-gradient(top,#007202,#34AE34);background-image: -moz-linear-gradient(top,#007202,#34AE34);background-image: -o-linear-gradient(top,#007202,#34AE34);background-image: -ms-linear-gradient(top,#007202,#34AE34);filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#007202,endColorstr=#34AE34);}
.section .bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%;background: url(../images/bg.jpg) no-repeat center top;}
.section .bg img { display: block; width: 100%; height: 100%;}
.content{line-height:25px;text-indent: 2em;}
.section strong { position: absolute; left: 50%; top: 20%; z-index: 10; width: 512px; height: 45px; margin-left: -256px; font-size: 24px; font-weight: 500; color: #006666; opacity: 0; -webkit-transform: scale(0.5, 0.5); transform: scale(0.5, 0.5); transition: all 1s; }

.hgroup { position: absolute; width: 100%; height: 260px; top: 20%; margin: 0px; opacity: 0; -webkit-transform: scale(0.5, 0.5); transform: scale(0.5, 0.5); transition: all 1s; }
.title{margin: 0 auto;text-align: center;font-size: 30px;}
.titleEng1{font-size: 16px; line-height: 25px; color: #B9FF54;width: 800px;margin: 0 auto;}
.bg11 {position: absolute;left: 32%;top: 52%;margin: 0px;width: 395px;height: 342px;background: url("../images/life1.png") 80% 80% no-repeat;background-position: -465px -2px;background-size: 1024px 922px;opacity: 0;-webkit-transform: scale(0.5, 0.5);transform: scale(0.5, 0.5);transition: all 0.8s}
.p11 { position: absolute; left: 50%; top: 50%; width: 600px; margin: 0 0 0 -280px; font-size: 14px; color: #94a7c6; opacity: 0; transition: all 0.5s;}
.mail { position: absolute; left: 50%; top: -26px; width: 375px; height: 26px; margin-left: -187px; background-image: url(images/logo.png); transition: all 1s;}
.mail { float: left; height: 26px; text-indent: -9999px;}




.bg23 {position: absolute; width: 480px; height: 300px; left: 80%; top: 35%; font-size: 16px; color: #FFFDE1; opacity: 0;background: url(../images/life2.png) no-repeat; transition: all 1s;}
.titleEng2 { position: absolute; left: 15%; top: 35%; width: 380px; font-size: 16px; line-height: 25px; color: #B9FF54; opacity: 0; transition: all 1s; }


.bg31 { position: absolute; left: 40%; top: 40%;bottom: 0; width: 100%; height: 472px; margin-left: -396px; margin-bottom: 80px; background-image: url(../images/bg31.png); opacity: 0; transition: all 1s;}

.bg31 a{ font-size: 50px; color: #066; font-weight: 600; }
.bg32 { position: absolute; right: 10%; top: 50%; bottom: 0; width: 500px; height: 472px; margin-left: -396px; background: url(../images/bg32.png) 470px bottom no-repeat; opacity: 0; transition: all 1s; font-size: 16px; line-height: 25px; color: #FCFCF1; }
/*.bg33 { position: absolute; left: 50%; top: 65%; bottom: 0; width: 441px; height: 380px; margin-left: 50%; background: url(../images/bg33.png) 0 0 no-repeat; opacity: 0; transition: all 1s;}*/
.bg33 { position: absolute; width: 450px; height:360px; right: 70%; top: 35%;  margin-left: 50%;margin-left: 80%; font-size: 16px; color: #FFFDE1; opacity: 0; background: url(../images/life3.png) no-repeat; transition: all 1s;}
.bg33 a { float:left; margin:10px 10px}
.bg33 img{ width: 100px; height:50px}
.titleEng3{  position: absolute; right: 5%; top: 35%; bottom: 0; width: 460px; height: 472px; margin-left: -396px; opacity: 0; transition: all 1s; font-size: 16px; line-height: 25px; color: #B9FF54;}


.bg41 { position: absolute; left: 45%; top: 35%; bottom: 0; width: 100%; height: 472px; margin-left: -306px; margin-bottom: 80px;  opacity: 3; transition: all 1s;font-size: 50px; color: #066; font-weight: 600; }
.bg41 a{ font-size: 50px; color: #066; font-weight: 600; }
.titleEng4 { position: absolute; left: 45%; top: 30%; bottom: 0; width: 500px; height: 472px; margin-left: -306px; opacity: 2; transition: all 1s; font-size: 16px; line-height: 25px; color: #B9FF54; }
.bg42 { position: absolute;left: 50%; bottom: 0px; width: 500px; height: 480px; margin-bottom: 0px; background: url(../images/life7.png) no-repeat center center; transition: all 1s; top: 30%; float:right; }
.p4 { position: absolute; width: 500px; left: 90%; top: 35%;  margin-left: 50%;margin-left: 80%; font-size: 16px; color: #FFFDE1; opacity: 0; transition: all 1s;}


.bg51 { position: absolute; width: 420px; height: 250px; transition: all 1s; left: 10%; top: 35%; }
.titleEng5 { position: absolute; left: 70%; top: 35%; bottom: 0; width: 500px; height: 472px; margin-left: 0px; opacity: 0; transition: all 1s; font-size: 16px; line-height: 25px; color: #B9FF54; }
.bg52 { position: absolute; width: 500px; height: 500px; background: url(../images/life6.png) no-repeat center center; transition: all 1s; right: 70%; top: 30%; }
.p5 { position: absolute; width: 500px; left: 80%; top: 15%; font-size: 16px; color: #FFFDE1; opacity: 0; transition: all 1s;}



.bg61 { position: absolute; top: 55%; width: 100%; height: 250px; background: url(../images/life4.jpg) no-repeat center bottom; opacity: 0; -webkit-transform: scale(0.5, 0.5); transform: scale(0.5, 0.5); transition: all 1s; text-align: center; font-size: 50px; color: #066; font-weight: 600; }
.bg61 a{ font-size: 50px; color: #066; font-weight: 600; }
.titleEng6 { position: absolute; width: 70%; top: 30%; left:15%; opacity: 0; -webkit-transform: scale(0.5, 0.5); transform: scale(0.5, 0.5); transition: all 1s; font-size: 16px; line-height: 25px; color: #B9FF54; }
.bg62 { position: absolute; width: 100%; top: 25%; height: 500px; margin-top: 10px; background: url(../images/life4.jpg) no-repeat center bottom; opacity: 0; -webkit-transform: scale(0.5, 0.5); transform: scale(0.5, 0.5); transition: all 1s; }


.bg71 { position: absolute; left: 45%; top: 35%; bottom: 0; width: 100%; height: 472px; margin-left: -306px; margin-bottom: 80px;  opacity: 3; transition: all 1s;font-size: 50px; color: #066; font-weight: 600; }
.titleEng7 { position: absolute; left: 45%; top: 35%; bottom: 0; width: 500px; height: 472px; margin-left: -306px; opacity: 2; transition: all 1s; font-size: 16px; line-height: 25px; color: #B9FF54; }
.bg72 { position: absolute;left: 50%; bottom: 0px; width: 500px; height: 480px; margin-bottom: 0px; background: url(../images/life8.png) no-repeat center center; transition: all 1s; top: 30%; float:right; }


.bg81 { position: absolute; width: 420px; height: 250px; transition: all 1s; left: 10%; top: 35%; }
.titleEng8 { position: absolute; left: 75%; top: 35%; bottom: 0; width: 460px; height: 472px; margin-left: 0px; opacity: 0; transition: all 1s; font-size: 16px; line-height: 25px; color: #B9FF54; }
.bg82 { position: absolute; width: 490px; height: 300px; background: url(../images/life9.png) no-repeat center center; transition: all 1s; right: 70%; top: 35%; }


.titleEng9{  position: absolute; right: 5%; top: 35%; bottom: 0; width: 460px; height: 472px; margin-left: -396px; opacity: 0; transition: all 1s; font-size: 16px; line-height: 25px; color: #B9FF54;}
.bg93 { position: absolute; width: 500px; height:300px; right: 70%; top: 35%;  margin-left: 50%; font-size: 16px; color: #FFFDE1; opacity: 0; background: url(../images/life5.jpg) no-repeat; transition: all 1s;}


.bg101 { position: absolute; left: 35%; top: 15%; width: 400px; height: 200px; background-image: url(../images/bg41.png); opacity: 2; transform: scale(0.5, 0.5); transition: all 1s; text-align: center; font-size: 50px; color: #066; font-weight: 600; }
.titleEng10 { position: absolute; width: 70%; top: 30%; left:15%; opacity: 0; -webkit-transform: scale(0.5, 0.5); transform: scale(0.5, 0.5); transition: all 1s; font-size: 16px; line-height: 25px; color: #B9FF54; }
.bg102 { position: absolute; width: 100%; top: 55%; height: 295px; margin-top: 10px; opacity: 0; -webkit-transform: scale(0.5, 0.5); transform: scale(0.5, 0.5); transition: all 1s; }


.titleEng11 { position: absolute; left: 10%; top: 35%; width: 380px; font-size: 16px; line-height: 25px; color: #B9FF54; opacity: 0; transition: all 1s; }
.bg113 {position: absolute; width: 480px; height: 300px; left: 70%; top: 40%;  margin-left: 50%;margin-left: 80%; font-size: 16px; color: #FFFDE1; opacity: 0;background: url(../images/life10.jpg) no-repeat; transition: all 1s;}


.titleEng12 { position: absolute; width: 70%; top: 30%; left:15%; opacity: 0; -webkit-transform: scale(0.5, 0.5); transform: scale(0.5, 0.5); transition: all 1s; font-size: 16px; line-height: 25px; color: #B9FF54; }
.bg122 { position: absolute; width: 100%; top: 55%; height: 500px; margin-top: 10px; opacity: 0; -webkit-transform: scale(0.5, 0.5); transform: scale(0.5, 0.5); transition: all 1s; }



/* CSS3 */
.active strong, .active h3 { opacity: 1; -webkit-transform:scale(1, 1); transform:scale(1, 1); transition-delay: 0.7s;}


.active .bg12 { bottom: 90px; opacity: 1; transition-delay: 0.7s; }
.active .bg13 { bottom: 0; opacity: 1; transition-delay: 0.7s;}
.active .hgroup { opacity: 1; -webkit-transform:scale(1, 1); transform:scale(1, 1); transition-delay: 0.7s;}
.active .bg11 { opacity: 1; -webkit-transform:scale(1, 1); transform:scale(1, 1); transition-delay: 1s;}
.active .mail { top: 25px; transition-delay: 0.7s;}
.active .p11 { opacity: 1; transition-duration: 1s; transition-delay: 2s;}

.active .bg23 { margin-left: -300px; opacity: 1; transition-delay: 0.7s;}
.active .titleEng2 { opacity: 1; transition-delay: 1.7s;}

.active .bg33 { margin-right: -190px; opacity: 1; transition-delay: 0.7s;}
.active .bg31, .active .bg32 { opacity: 1; transition-delay: 1s;}
.active .titleEng3 { opacity: 1; transition-delay: 1s;}
/*.active .bg33 { margin-left: -120px; opacity: 1; transition-delay: 0.7s;}*/

.active .bg41 { margin-left: -400px; opacity: 1; transition-delay: 0.7s;}
.active .titleEng4 { margin-left: -400px; opacity: 1; transition-delay: 0.7s;}
.active .bg42 { margin-left: 45px; opacity: 1; transition-delay: 0.7s;}
.active .bg44 { margin-left: 445px; opacity: 1; transition-delay: 0.7s;}


.active .bg51 { margin-left: 45px; opacity: 1; transition-delay: 0.7s;}
.active .titleEng5 { margin-left: -253px; opacity: 1; transition-delay: 0.7s;}
.active .bg52 { margin-right: -200px; opacity: 1; transition-delay: 0.7s;}
.active .bg54 { margin-left: 345px; opacity: 1; transition-delay: 0.7s;}

.active .bg61 { transition-delay: 0.7s;}
.active .titleEng6 { opacity: 1; transition-delay: 0.7s;}
.active .txt6 { left: 50%; opacity: 1; transition-delay: 0.7s;}
.active .titleEng6, .active .bg61 { opacity: 1; -webkit-transform:scale(1, 1); transform:scale(1, 1); transition-delay: 0.7s;}

.active .bg71 { margin-left: -400px; opacity: 1; transition-delay: 0.7s;}
.active .titleEng7 { margin-left: -400px; opacity: 1; transition-delay: 0.7s;}
.active .bg72 { margin-left: 45px; opacity: 1; transition-delay: 0.7s;}

.active .bg81 { margin-left: 45px; opacity: 1; transition-delay: 0.7s;}
.active .titleEng8 { margin-left: -253px; opacity: 1; transition-delay: 0.7s;}
.active .bg82 { margin-right: -200px; opacity: 1; transition-delay: 0.7s;}

.active .titleEng9 { opacity: 1; transition-delay: 1s;}
.active .bg93 { margin-right: -215px; opacity: 1; transition-delay: 0.7s;}

.active .bg101 { top: 0; transition-delay: 0.7s;}
.active .titleEng10 { opacity: 1; transition-delay: 0.7s;}
.active .titleEng10, .active .bg102 { opacity: 1; -webkit-transform:scale(1, 1); transform:scale(1, 1); transition-delay: 0.7s;}

.active .titleEng11 { opacity: 1; transition-delay: 1.7s;}
.active .bg113 { margin-left: -200px; opacity: 1; transition-delay: 1s;}

.active .bg121 { top: 0; transition-delay: 0.7s;}
.active .titleEng12 { opacity: 1; transition-delay: 0.7s;}
.active .titleEng12, .active .bg122 { opacity: 1; -webkit-transform:scale(1, 1); transform:scale(1, 1); transition-delay: 0.7s;}

.active .go { top: 25%; opacity: 1; transition-delay: 1.2s;}

/* for lt ie 10 */
.ltie10 strong, .ltie10 h3 { opacity: 1; transform:scale(1, 1); transition-delay: 0.7s;}


.ltie10 .bg12 { bottom: 90px; opacity: 1; transition-delay: 0.7s; }
.ltie10 .bg13 { bottom: 0; opacity: 1; transition-delay: 0.7s;}
.ltie10 .hgroup { opacity: 1; transform:scale(1, 1); transition-delay: 0.7s;}
.ltie10 .bg11 { opacity: 1; transform:scale(1, 1); transition-delay: 1s;}
.ltie10 .mail { top: 25px; transition-delay: 0.7s;}
.ltie10 .p11 { opacity: 1; transition-duration: 1s; transition-delay: 2s;}

.ltie10 .titleEng2 { opacity: 1; transition-delay: 1.7s;}
.ltie10 .bg23 {margin-left: -542px; opacity: 1; transition-delay: 0.7s;}

.ltie10 .bg33 { margin-right: -190px; opacity: 1; transition-delay: 0.7s;}
.ltie10 .bg31, .ltie10 .bg32 { opacity: 1; transition-delay: 1s;}
.active .titleEng3 { opacity: 1; transition-delay: 1s;}
/*.ltie10 .bg33 { margin-left: -120px; opacity: 1; transition-delay: 0.7s;}*/

.ltie10 .bg41 { bottom: 15%; transition-delay: 0.7s;}
.ltie10 .titleEng4 { bottom: 15%; transition-delay: 1.1s;}
.ltie10 .bg42 { bottom: 15%; transition-delay: 0.9s;}

.ltie10 .bg51 { margin-left: 45px; opacity: 1; transition-delay: 0.7s;}
.ltie10 .titleEng5 { margin-left: -253px; opacity: 1; transition-delay: 0.7s;}
.ltie10 .bg52 { margin-left: 45px; opacity: 1; transition-delay: 0.7s;}
.ltie10 .bg54 { margin-left: 345px; opacity: 1; transition-delay: 0.7s;}

.ltie10 .bg61 { top: 0; transition-delay: 0.7s;}
.ltie10 .titleEng6 { opacity: 1; transition-delay: 0.7s;}
.ltie10 .txt6 { left: 50%; opacity: 1; transition-delay: 0.7s;}

.active .bg71 { margin-left: -400px; opacity: 1; transition-delay: 0.7s;}
.active .titleEng7 { margin-left: -400px; opacity: 1; transition-delay: 0.7s;}
.active .bg72 { margin-left: 45px; opacity: 1; transition-delay: 0.7s;}

.ltie10 .bg81 { margin-left: 45px; opacity: 1; transition-delay: 0.7s;}
.ltie10 .titleEng8 { margin-left: -253px; opacity: 1; transition-delay: 0.7s;}
.ltie10 .bg82 { margin-left: 45px; opacity: 1; transition-delay: 0.7s;}

.active .titleEng9 { opacity: 1; transition-delay: 1s;}
.ltie10 .bg93 { margin-right: -520px; opacity: 1; transition-delay: 0.7s;}

.ltie10 .bg101 { top: 0; transition-delay: 0.7s;}
.ltie10 .titleEng10 { opacity: 1; transition-delay: 0.7s;}
.ltie10 .titleEng10, .ltie10 .bg102 { opacity: 1; transform:scale(1, 1); transition-delay: 0.7s;}

.ltie10 .titleEng11 { opacity: 1; transition-delay: 1.7s;}
.ltie10 .bg113 {margin-left: -200px; opacity: 1; transition-delay: 1s;}

.ltie10 .bg121 { top: 0; transition-delay: 0.7s;}
.ltie10 .titleEng12 { opacity: 1; transition-delay: 0.7s;}
.ltie10 .titleEng12, .ltie10 .bg122 { opacity: 1; transform:scale(1, 1); transition-delay: 0.7s;}

.ltie10 .go { top: 25%; opacity: 1; transform:scale(1, 1); transition-delay: 1.2s;}



.header { position: fixed; top: 0; left: 0; z-index: 1000; width: 100%; padding: 0px 0; background: url(../images/header-bg.png);  border-bottom: 1px solid #E8E8E8; height: 60px;box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); }

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

.ml-logo { float: left; width: 126px; height: 20px; margin: 8px 0; font-size: 0; background-image: url(../images/meilannote2_logo.png);}
.meizu-logo { float: left; margin: 0; padding: 0px 0px;}
.meizu-logo a { width: 200px;height: 60px;display: block;text-indent: -9999px;background-image: url(../images/csne.png);background-size: auto 60px;background-repeat: no-repeat; }
.nav { float: right; margin-right: 10px; }
.nav li { float: left; font-size: 18px; }
.nav a { display: block; padding: 20px 22px;color:#06817c;}
.login { position: absolute; right: 0; top: 31px;}
.login a { margin: 0 5px; padding-top: 31px;}


.flyme { width:900px;top:10%}
.flyme-desc { padding-top: 14%; text-align: center;}
.flyme-img { width: 565px; z-index: 1; margin: auto; }
.flyme-img a{ text-align: center; }
.flyme-img img{ width: 175px; text-align: center; padding-bottom: 10px; padding-right: 5px; padding-left: 5px; }



.copyright { height: 80px;padding: 20px 0; position: absolute; left: 0; bottom: 0px; width: 100%; text-align: center; font-size: 0; background: #06817e; }
.copyright a{ margin: 0px 20px; font-size: 14px; color: #FFFFFF; line-height: 25px;font-weight: 700;  }
.copyright span { width: 1000px; display: block; margin: 5px auto; font-size: 12px; color: #FFFFFF; line-height: 25px; text-align: center; overflow: hidden }



.footer {background:#06817e }
.footer-link { padding: 30px 0; border-top: 1px solid #eee; border-bottom: 1px solid #eee;}
.footer-link dl { float: left; width: 110px; }
.footer-link dt { line-height: 35px; font-weight: 700; }
.footer-link dd { line-height: 28px;}
.footer-link a { color: #FFF; text-decoration: none; }
.footer-link a:hover { color: #31a5e7;}

.copyright { padding: 10px 0; text-align: center; background: #06817e; color: #FFF; width:100%; }