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


body{background:#fff}
*{margin:0px;padding:0px;font-family:"微软雅黑";}
a{font-size:12px; text-decoration:none;color:#000000; cursor:pointer;}
a:hover{ text-decoration:underline;}
img{border:0px; display:block;}
li{ list-style-type:none;}
i,em{ font-style:normal;}
input{ vertical-align:middle; outline:none;}
html{  background-image:url(about:blank);background-attachment:fixed; background-color:#ededef;} 


.nav_bg{background:#fff;height:89px;border-bottom:1px solid #ddd;color:#fff;width:100%;}
.num_fixed{  position: fixed; left: 0px; top:0px; width: 100%; _position: absolute; _top: expression(documentElement.scrollTop+"px");height:56px; background:#fff;height:89px;border-bottom:1px solid #ddd;z-index:9999;}
.nothing{display:none;}
.nav_bg .navdh{width:1320px;margin:0 auto;height:89px;}
.nav_bg .navdh h2{float:left;width:170px;height:70px;margin-top:10px;text-indent:-99999em;background:url(../images/ban_logo.png) no-repeat 0 0;}
.nav_bg .navdh h2 a{display:block;height:70px;}
.nav_bg .navdh .apple{float:right;width:193px;height:89px;text-indent:-99999em;background:url(../images/ban_apple.jpg) no-repeat 0 0;}
.nav_bg .navdh .apple:hover{background:url(../images/ban_apple_hover.jpg) no-repeat 0 0;}
.nav_bg .navdh .android{float:right;width:193px;height:89px;text-indent:-99999em;background:url(../images/ban_android.jpg) no-repeat 0 0;}
.nav_bg .navdh .android:hover{background:url(../images/ban_android_hover.jpg) no-repeat 0 0;}
.topbox{width:1013px;margin:0 auto;position: relative;}
.nav_bg .navdh .swm{float:right;width:51px;height:89px;text-indent:-99999em;background:url(../images/ban_swm.jpg) no-repeat 0 0;position: relative;}
.nav_bg .navdh .swm:hover{cursor:pointer;background:url(../images/ban_swm_hover.jpg) no-repeat 0 0;}
.nav_bg .navdh .swm_logo {
    width: 163px;
    height: 163px;
    position: absolute;
    right: -70px;
	top:73px;
    z-index: 99992;
	background:url(../images/ban_2wm.png) no-repeat 0 0;
	
}






.foot{width:1013px;margin:0 auto;}
.foot_left{float:left;width:301px;height:132px;background:url(../images/foot_xx.jpg) no-repeat 0 0;}
.foot_right {float:right;width:234px;margin-top:6px;}
.foot_right .wx{float:left;width:100px;height:118px;background:url(../images/foot_wx1.jpg) no-repeat 0 0}
.foot_right .wb{margin-left:18px;float:left;width:100px;height:118px;background:url(../images/foot_sina1.jpg) no-repeat 0 0}


.bg1{width:100%;height:1000px;}
.bg2{width:100%;height:1000px;}
.bg3{width:100%;height:800px;}
.bg4{width:100%;height:673px;}


.bg{z-index: 2;    position: relative;}
.box{margin:0 auto;width:1440px;}
.bg1 ,.bg2 ,.bg3 ,.bg4{position:relative;}
.bg1 .logo{height:170px;padding-top:50px;}
.bg1 .logo .gw{margin-left:15px;width:156px;height:72px; text-indent:-99999em;background:url(../images/logo.png) no-repeat 0 0;display:block;}

.bg1 .pic{float:left;width:811px;height:634px;background:url(../images/page1_pic.png) no-repeat 0 0;margin-top: 35px;}
.bg1 .text{float:right;width:490px;height:494px;background:url(../images/page1_text.png) no-repeat 0 0;position:relative}
.bg1 .text .apple{width:255px;;height:62px;top:339px;left:50px;position:absolute;text-indent:-999em}
.bg1 .text .android{width:255px;;height:62px;top:424px;left:50px;position:absolute;text-indent:-999em}
/* 小程序二维码 */
/* .bg1 .box .text .xcx{
	width: 255px;
	height: 62px;
	top: 500px;
	left: 62px;
	position: absolute;
	background: url(images/app_xcx.png) no-repeat;
}
.bg1 .box  .text .xcx-ewm{
	width: 160px;
	height: 160px;
	top: 455px;
	left: 331px;
	position: absolute;
	background: url(images/xiaochengxuma.png) no-repeat;
	background-size: 100%;
} */

.bg2 .text{float:left;width:336px;height:237px;background:url(../images/page2_text.png) no-repeat 0 0;margin-top:139px;margin-left:78px;text-indent:-999em;}
.bg2 .pic{float:right;width:902px;height:725px;background:url(../images/page2_pic.png) no-repeat 0 0;}


.bg3 .pic{float:left;width:633px;height:598px;background:url(../images/page3_pic.png) no-repeat 0 0;}
.bg3 .text{float:right;width:335px;height:236px;background:url(../images/page3_text.png) no-repeat 0 0;margin-top: 83px;margin-right:103px;text-indent:-999em;}


.bg4 .text{float:left;width:382px;height:185px;background:url(../images/page4_text.png) no-repeat 0 0;margin-top: 135px;margin-left:85px;text-indent:-999em;}
.bg4 .pic{float:right;width:887px;height:673px;background:url(../images/page4_pic.png) no-repeat 0 0;}


.webfoot{overflow:hidden;color:#EFEFEF;text-align:center;background:#414141;height:60px;font-size:14px;padding-top:18px;width:100%}
.webfoot a{color:#fff;}
.webfoot p{margin-top:2px;}


.bg_circle{position:fixed;width:100%;height:100%;top:0;left:0}
.ie .bg_circle{display:none}
.bg_circle .circle_img{position:absolute}
.bg_circle .circle_img_01{top:20%;right:10%;opacity:.4;-webkit-animation:circle_img_01 14s linear infinite alternate;animation:circle_img_01 14s linear infinite alternate}
.bg_circle .circle_img_02{top:10%;right:55%;opacity:.6;-webkit-animation:circle_img_02 22s linear infinite alternate;animation:circle_img_02 22s linear infinite alternate}
.bg_circle .circle_img_03{top:58%;right:-4%;opacity:.3;-webkit-animation:circle_img_03 14s linear infinite alternate;animation:circle_img_03 14s linear infinite alternate}
.bg_circle .circle_img_04{top:35%;left:-25%;opacity:1;-webkit-animation:circle_img_04 14s linear infinite alternate;animation:circle_img_04 14s linear infinite alternate}
.bg_circle .circle_img_05{top:57%;left:50%;opacity:.6;-webkit-animation:circle_img_05 14s linear infinite alternate;animation:circle_img_05 14s linear infinite alternate}
.bg_circle .circle_img_06{top:50%;left:58%;opacity:.6;-webkit-animation:circle_img_06 14s linear infinite alternate;animation:circle_img_06 14s linear infinite alternate}
@-webkit-keyframes circle_img_01{0%{-webkit-transform:rotate(0deg) scale(1) translate(0,0)}
50%{-webkit-transform:scale(1.1) translate(8%,15%)}
100%{-webkit-transform:rotate(360deg) scale(1) translate(0,0)}}
@-webkit-keyframes circle_img_02{0%{-webkit-transform:rotate(0deg) translate(-20%,10%)}
100%{-webkit-transform:rotate(-360deg) translate(20%,-10%)}}
@-webkit-keyframes circle_img_03{0%{-webkit-transform:rotate(0deg) translate(20%,10%)}
100%{-webkit-transform:rotate(-360deg) translate(-20%,-10%)}}
@-webkit-keyframes circle_img_04{0%{-webkit-transform:translate(0%,10%)}
100%{-webkit-transform:translate(20%,-10%)}}
@-webkit-keyframes circle_img_05{0%{-webkit-transform:translate(-50%,40%)}
50%{-webkit-transform:translate(20%,10%)}
100%{-webkit-transform:translate(30%,-30%)}}
@-webkit-keyframes circle_img_06{0%{-webkit-transform:translate(50%,-40%)}
50%{-webkit-transform:translate(20%,-10%)}
100%{-webkit-transform:translate(-30%,30%)}}
@keyframes circle_img_01{0%{transform:rotate(0deg) scale(1) translate(0,0)}
50%{transform:scale(1.1) translate(8%,15%)}
100%{transform:rotate(360deg) scale(1) translate(0,0)}}
@keyframes circle_img_02{0%{transform:rotate(0deg) translate(-20%,10%)}
100%{transform:rotate(-360deg) translate(20%,-10%)}}
@keyframes circle_img_03{0%{transform:rotate(0deg) translate(20%,10%)}
100%{transform:rotate(-360deg) translate(-20%,-10%)}}
@keyframes circle_img_04{0%{transform:translate(0%,10%)}
100%{transform:translate(20%,-10%)}}
@keyframes circle_img_05{0%{transform:translate(-50%,40%)}
50%{transform:translate(20%,10%)}
100%{transform:translate(30%,-30%)}}
@keyframes circle_img_06{0%{transform:translate(50%,-40%)}
50%{transform:translate(20%,-10%)}
100%{transform:translate(-30%,30%)}}


/* PC客户端或大屏幕设备: 1366px的屏幕 */
@media (max-width: 1366px) {

	
.nav_bg .navdh{width:1140px;}	
.bg1{width:100%;height:800px;}
.bg2{width:100%;height:720px;}
.bg3{width:100%;height:525px;}
.bg4{width:100%;height:478px;}	
	
.box{width:1220px;}

.bg1 .text .apple{width:228px;;height:62px;top:302px;left:50px;position:absolute;text-indent:-999em}
.bg1 .text .android{width:228px;;height:62px;top:378px;left:50px;position:absolute;text-indent:-999em}
	
.bg1 .pic{float:left;width:701px;height:534px;background:url(../images/page1_pic.png) no-repeat 0 0;background-size:90%;margin-top: 35px;}
.bg1 .text{float:right;width:490px;height:494px;background:url(../images/page1_text.png) no-repeat 0 0;background-size:90%;position:relative}



.bg2 .text{float:left;width:336px;height:237px;background:url(../images/page2_text.png) no-repeat 0 0;background-size:90%;margin-top:139px;margin-left:78px;text-indent:-999em;}
.bg2 .pic{float:right;width:792px;height:625px;background:url(../images/page2_pic.png) no-repeat 0 0;background-size:90%;}


.bg3 .pic{float:left;width:523px;height:523px;background:url(../images/page3_pic.png) no-repeat 0 0;background-size:90%;}
.bg3 .text{float:right;width:335px;height:236px;background:url(../images/page3_text.png) no-repeat 0 0;background-size:90%;margin-top: 83px;margin-right:103px;text-indent:-999em;}


.bg4 .text{float:left;width:382px;height:185px;background:url(../images/page4_text.png) no-repeat 0 0;background-size:90%;margin-top: 135px;margin-left:85px;text-indent:-999em;}
.bg4 .pic{float:right;width:700px;height:478px;background:url(../images/page4_pic.png) no-repeat 0 0;background-size:90%;}
}