@charset "utf-8";
/* CSS Document */
body,div,dl,dt,dd,ul,li,p,span,form,input,h1,h2,h3,h4{margin:0;padding:0; font-family:"微软雅黑","宋体","黑体","Arial"; color:#000; font-size:12px;}
body > div{margin-right:auto;margin-left:auto; display:block; overflow:hidden;} 
div,form,ul,ol,li,span,p{margin:0;padding:0;border:0;}
img,a img{border:0;margin:0;padding:0;}
h1,h2,h3,h4,h5,h6{margin:0;padding:0;font-size:12px;font-weight:normal;}
ul,ol,li{list-style:none}
table,td,input{font-size:12px;padding:0}
a{ text-decoration:none; color:#333;}
a:hover{ color:#F00;}

@font-face {font-family: 'iconfont';
    src: url('iconfont.eot'); /* IE9*/
    src: url('iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('iconfont.woff') format('woff'), /* chrome、firefox */
    url('iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
    url('iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
}
.iconfont{
    font-family:"iconfont" !important;
    font-size:16px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
}

.head{ height:80px; background:#fafafa;}
.headbox{ width:1180px; position:relative; margin:0px auto;}
.head ul{ font-size:0px;}
.head li{ display:inline-block;}
.head a{ font-size:16px; line-height:80px; color:#414141; padding:0px 30px;}
.head a:hover{color:#1fc21f;transition: all 0.3s linear;-webkit-transition: all 0.3s linear;}
.head .logo{ float:left; height:80px; line-height:80px;}
.head .logo span{ height:100%; display:inline-block; vertical-align:middle;}
.head .logo img{ max-height:36px; vertical-align:middle;}
.head .active a{ color:#1fc21f;}

.share{ width:140px; height:50px; background:#fafafa; font-size:0px; text-align:center; position:absolute; right:0px; top:17px;}
.share li{ width:50%; display:inline-block; line-height:50px; position:relative;}
.share a{ display:block; font-size:28px; color:#d9dee0; line-height:50px; text-align:center; padding:0px;}

.section{ height:638px; position:relative; background-image:url(../images/bg1.jpg); background-position:top center; background-repeat: no-repeat;transition: all 0.3s linear;-webkit-transition: all 0.3s linear;}
.downma{ width:422px; height:182px; position:absolute; top:350px; left:50%; margin-left:-500px; z-index:999;}
.downma a{ width:204px; height:72px; position:absolute; left:0; display:block;}
.ios{ top:0;}
.and{ bottom:0;}
.iphone{ width:639px; height:687px; position:absolute; bottom:-140px; right:50%; margin-right:-700px; z-index:999;}
.section1{ height:720px; position:relative; background:#ffffff; text-align:center;}
.section2{ height:720px; position:relative; background:#f9f9f9; text-align:center;}
.section1 span,.section2 span{ height:100%; display:inline-block; vertical-align:bottom;}
.section1 img,.section2 img{ vertical-align:bottom;}

.wxm{border: 1px solid #ccc;background: #FFF;position: absolute;padding: 5px;width: 110px; height: 110px;top: 48px;left:0px;    opacity: 0; -webkit-transition: none;transition: none;-webkit-transform: scale(0);transform: scale(0);-webkit-transform-origin: 90% 0;    transform-origin: 90% 0;visibility: hidden;z-index: 9999;}
.a1 {position: absolute;top: -20px;right: 70px;border: 10px dashed transparent;border-bottom: 10px solid #fff;font-size: 0;line-height: 0;
 z-index: 999;
}
.a2 {position: absolute;top: -20px;right: 70px;border: 10px dashed transparent;border-bottom: 10px solid #ccc;font-size: 0;line-height: 0; z-index: 998;}

.bs_ma:hover .wxm {-webkit-transform: scale(1);transform: scale(1);-webkit-transition: all 0.3s cubic-bezier(0.31, 0.57, 0.68, 1.36);    transition: all 0.3s cubic-bezier(0.31, 0.57, 0.68, 1.36); opacity: 1; visibility: visible;}


footer{background: #fff;padding-top: 60px;height: auto;line-height: 24px;text-align: center;padding-top: 40px;padding-bottom: 70px; color: #666666;}