@charset "utf-8";
#nav{background:url(../images/nav.jpg) no-repeat center top;}
body{ position:relative;}
.a_1{ height:700px; background:url(../images/about2/b_1.jpg) no-repeat; background-position-x:center; overflow:hidden;  /*background-attachment:fixed;*/ position:relative;}
.h1_text{ left:50%; top:50%; width:500px; margin-left:60px; margin-top:0px;}
.h1_text span{ font-size:56px; color:#fff;width:500px; text-shadow:2px 2px 2px #1b3465; font-weight:bold; float:left; text-align:center;}
.h1_text em{ float:left; width:10px; height:10px; background-color:#fff;box-shadow:2px 2px 2px #1b3465; margin:50px 30px;}
.h1_text i{ font-size:20px; color:#fff; font-style:normal;text-shadow:1px 1px 1px #1b3465; width:500px; text-align:center;}
.mlr50{ margin:0 70px;}


.a_2{height:564px;background:url(../images/about2/b_2.jpg) #f5f5f5 no-repeat center top;  padding-top:136px; top:700px; overflow:hidden}
.a_2 .title { background:url(../images/about2/title.gif) no-repeat left 35px; display:block; margin:0 auto; width:360px; height:76px;}
.a_2 .title b{ font-size:40px; color:#444444; font-weight:normal;width:359px; text-align:center; float:left; height:46px; line-height:46px;}
.a_2 .title span{ font-size:26px; color:#a5a5a5;width:359px; text-align:center; float:left; height:30px; line-height:30px;}
.a_2 .a_2_p{ font-size:18px; color:#999; line-height:32px; text-indent:2em; margin-top:30px; float:left; margin-bottom:58px;}
.a_2 .a_icon{ width:112px; float:left; text-align:center}
.a_2 .a_icon i{ width:112px; height:112px; background-image:url(../images/about2/a_icon.gif); background-repeat: no-repeat; background-position-x:0; display:block;}
.a_2 .a_icon i.i1{ background-position-y:0; }
.a_2 .a_icon i.i2{ background-position-y:-112px; }
.a_2 .a_icon i.i3{ background-position-y:-224px; }
.a_2 .a_icon span{ color:#1261cf;}
.mlr270{ margin:0 270px;}
.ml110{ margin-left:110px;}

.a_3{ background:url(../images/about2/b_3.jpg) 50% 0 no-repeat fixed; width:100%;  height:640px; padding-top:60px; overflow:hidden}
.a_3 .title{ width:286px; margin:0 auto;}
.a_3 .title b{ text-align:center; width:100%; float:left; color:#fff; font-size:24px; font-weight:normal;text-shadow:1px 1px 1px #0e2e52}
.a_3 .title i{ width:100%; background-image:url(../images/about2/i.png); background-repeat: no-repeat; background-position-x:0; height:24px; float:left;}
.a_3 .title i.i_1{ background-position-y:0; margin-top:14px;}
.mobile{ top:50%; margin-top:-180px; position:absolute; width:780px; height:473px; left:50%; margin-left:-400px;}
.mobile_l { position:relative; float:left; z-index:10; width:229px; height:475px;}
	.mobile img.p1{  position:absolute; left:0; top:0; z-index:10}
	.mobile_text{ float:right; width:377px; margin-top:40px;}
	.mobile_text h1,.mobile_text p{ float:left; width:100%;}
	.mobile_text h1{ font-size:40px; color:#fff; text-shadow:2px 2px 2px #2652A2; line-height:80px;}
	.mobile_text p{ font-weight:normal; font-size:16px; color:#fff; text-shadow:1px 1px 1px #2652A2; line-height:30px;}
	
	.download{ float:left; margin-left:-8px; margin-top:24px;}
	.download a{ float:left; margin-right:15px;}
	.mobile_text a.more{ font-size:16px; color:#fff; border-radius:5px; border:1px solid #fff; height:38px; line-height:38px; float:left; padding:0 40px;}
	.mobile_text a.more:hover{ background-color:#fff; color:#555;transition: all 0.5s linear 0s;
	-moz-transition: all 0.5s linear 0s;
	-webkit-transition: all 0.5s linear 0s;
	-o-transition: all 0.5s linear 0s;}
	
.mobile_l em{ position:absolute; padding:10px 15px; background-color:rgba(255,255,255,0.2); border:1px solid #fff; color:#fff; border-radius:3px; font-style:normal; cursor:default}
.e1{ font-size:24px; top:-52px; left:60px;}
.e2{font-size:36px; right:-110px; top:-5px;}
.e3{ font-size:26px; top:35px; left:-114px;}
.e4{font-size:36px; left:-144px; top:151px;}
.e5{font-size:24px; right:-82px; top:125px;}
.e6{ width:30px; left:-30px; top:66px; height:30px;}
.e7{ width:20px; left:-14px; top:137px; height:0px;}
.e8{ left:-76px; top:200px; width:50px; height:15px;}
.e9{ right:-106px; top:103px; width:40px; height:0px;}
.mobile_l em.e6,.mobile_l em.e7,.mobile_l em.e8,.mobile_l em.e9{ border:0px; 
filter:blur(2px);
-webkit-filter:blur(2px);
-moz-filter:blur(2px);
-ms-filter:blur(2px);}




@-webkit-keyframes bounceInx{
	0%{opacity:0;-webkit-transform:scale(1.4);transform:scale(1.4)}
	100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}
@keyframes bounceInx{
	0%{opacity:0;-webkit-transform:scale(1.4);-ms-transform:scale(1.4);transform:scale(1.4)}
	100%{opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}}
	
.bounceInx{-webkit-animation-name:bounceInx;animation-name:bounceInx; -webkit-transition-timing-function:linear;transition-timing-function:linear;}





.a_4{ background:url(../images/about2/b_4.jpg) 50% 0 no-repeat fixed; width:100%;  height:800px; padding-top:60px; overflow:hidden}
.a_4 .title{ width:286px; margin:0 auto;}
.a_4 .title b{ text-align:center; width:100%; float:left; color:#fff; font-size:24px; font-weight:normal;text-shadow:1px 1px 1px #0e2e52}
.a_4 .title i{ width:100%; background-image:url(../images/about2/i.png); background-repeat: no-repeat; background-position-x:0; height:24px; float:left;}
.a_4 .title i.i_1{ background-position-y:-24px; margin-top:14px;}
.a_4_p{ width:980px; margin:0 auto; text-indent:2em;color:#fff;font-size:18px;  line-height:32px;  margin-top:30px; text-shadow:1px 1px 1px #0e2e52}


.a_5{ background:url(../images/about2/b_5.jpg) 50% 0 no-repeat fixed; width:100%;  height:1200px; padding-top:60px; overflow:hidden}
.a_5 .title{ width:286px; margin:0 auto;}
.a_5 .title b{ text-align:center; width:100%; float:left; color:#444; font-size:24px; font-weight:normal;}
.a_5 .title i{ width:100%; background-image:url(../images/about2/i.png); background-repeat: no-repeat; background-position-x:0; height:24px; float:left;}
.a_5 .title i.i_1{ background-position-y:-48px; margin-top:14px;}
.mt60{ margin-top:60px;}
.w_pic{ width:660px;}
.w_half{ width:450px;}
.w_icon{ margin-top:55px; width:66px; height:66px; float:left; background-image:url(../images/about2/w_icon.png); background-repeat:no-repeat;}
.w_1 .w_icon{ background-position:0 0;}
.w_1.w_2 .w_icon{ background-position:0 -66px;}
.w_half b{ font-size:22px; color:#444; line-height:60px; height:60px;}
.w_half p{ font-size:16px; line-height:24px; color:#888}

.footer1{ background-color:#333436; height:80px; padding:40px 0}
.footer1 .f_icon{ float:left; margin-right:40px;}
.footer1 .add{ margin-top:16px;}
.footer1 .f_icon span{ float:left;color:#999999; font-size:16px; margin-left:10px;}
.footer1 .f_icon i{ background-image:url(../images/footer.jpg); background-repeat:no-repeat; background-position-y:0; width:20px; height:20px; float:left;}
.footer1 .tel i{ background-position-x:0}
.footer1 .mail i{ background-position-x:-20px}
.footer1 .qq i{ background-position-x:-40px}
.footer1 .add i{ background-position-x:-60px}
.footer_wechat{ right:0px; top:-22px; border:1px solid #999; padding:5px;}

.footer2{ background-color:#262728; height:40px; line-height:40px; text-align:center; color:#8E8E8E; font-size:12px;}