@charset "utf-8";
/* CSS Document */

/*Common Reset Label*/
body,div,h3,section {margin:0;padding:0;border:0}
html{font-size:62.5%;}
body{font-size:1.4rem;max-width:75rem;background:#2d3746;position:relative}
body{font-family: '黑体', Arial,Helvetica , "\5b8b\4f53", sans-serif;color:#000}
h3{font-weight:normal}
a{margin:0;padding:0;vertical-align:baseline;background:transparent;text-decoration:none;color:#333}
a:focus{outline:none}
a:active,a:hover{outline:0}
img{vertical-align:middle;border:none}

/*common ClearFix*/
.cf{clear:both;zoom:1}
.cf:before,.cf:after{content:"";display:block}
.cf:after{clear:both}

/*home*/
/**connectStart**/
.main{max-width:75rem;margin:0 auto;overflow:hidden}
.connnectContent{background:#2d3746;padding:1.8%;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}
.connectLogo{width:24.8%;margin-top:0.6rem;}
.connectTit{font-size:3rem;color:#fff;margin-top:0.8rem;}
.connectInfo{color:#b4b9c3;font-size:1.4rem;}
.btnDownload{margin-top:0.8rem;border-top:0.1rem solid rgba(56,159,217,0.5);display:block;padding-top:0.8rem;}

/*animate*/
/*fadeIn*/
@keyframes fadeIn{0%{opacity: 0;}100% {opacity: 1;}}
@-webkit-keyframes fadeIn{0%{opacity: 0;}100% {opacity: 1;}}
@-moz-keyframes fadeIn{0%{opacity: 0;}100% {opacity: 1;}}
@-ms-keyframes fadeIn{0%{opacity: 0;}100% {opacity: 1;}}
@-o-keyframes fadeIn{0%{opacity: 0;}100% {opacity: 1;}}
.fadeIn {
    animation: fadeIn 1s both; 
    -webkit-animation: fadeIn 1s both;
    -moz-animation: fadeIn 1s both;
   
	}
/*fadeInLeft*/
@keyframes fadeInLeft{0% {opacity: 0;transform: translate3d(-100%, 0, 0);}100% {opacity: 1;transform: none;}}
@-webkit-keyframes fadeInLeft{0% {opacity: 0;-webkit-transform: translate3d(-100%, 0, 0);}100% {opacity: 1;-webkit-transform: none;}}
@-moz-keyframes fadeInLeft{0% {opacity: 0;-moz-transform: translate3d(-100%, 0, 0);}100% {opacity: 1;-moz-transform: none;}}
@-ms-keyframes fadeInLeft{0% {opacity: 0;-ms-transform: translate3d(-100%, 0, 0);}100% {opacity: 1;-ms-transform: none;}}
@-o-keyframes fadeInLeft{0% {opacity: 0;-o-transform: translate3d(-100%, 0, 0);}100% {opacity: 1;-o-transform: none;}}
.fadeInLeft{
    animation: fadeInLeft 1s; 
    -webkit-animation: fadeInLeft 1s;
    -moz-animation: fadeInLeft 1s;
    -ms-animation: fadeInLeft 1s;
    -o-animation:fadeInLeft 1s;}
/*fadeInRight*/
@keyframes fadeInRight{0% {opacity: 0;transform: translate3d(100%, 0, 0);}100% {opacity: 1;transform: none;}}
@-webkit-keyframes fadeInRight{0% {opacity: 0;-webkit-transform: translate3d(100%, 0, 0);}100% {opacity: 1;-webkit-transform: none;}}
@-moz-keyframes fadeInRight{0% {opacity: 0;-moz-transform: translate3d(100%, 0, 0);}100% {opacity: 1;-moz-transform: none;}}
@-ms-keyframes fadeInRight{0% {opacity: 0;-ms-transform: translate3d(100%, 0, 0);}100% {opacity: 1;-ms-transform: none;}}
@-o-keyframes fadeInRight{0% {opacity: 0;-o-transform: translate3d(100%, 0, 0);}100% {opacity: 1;-o-transform: none;}}
.fadeInRight{
    animation: fadeInRight 1s; 
    -webkit-animation: fadeInRight 1s;
    -moz-animation: fadeInRight 1s;
    -ms-animation: fadeInRight 1s;
    -o-animation:fadeInRight 1s;}