/* 右侧导航 */
#fullPage-nav { _display: none; font-size: 12px; }
#fullPage-nav li { width: 90px; height: 12px; margin: 15px 0 0; vertical-align: middle; }
#fullPage-nav li a { float: right; width: 12px; height: 12px; border-radius: 50%; background: rgba(0, 0, 0, 0.3); text-decoration: none; text-align: right; }
#fullPage-nav li .active { background: rgba(0, 0, 0, 0.7); }
#fullPage-nav span { display: none; }
.fullPage-tooltip { float: left; top: 0; margin-right: 5px; font: 12px "Microsoft Yahei"; color: #8F9DA4; line-height: 21px; }

/* //右侧导航 */
.section { position: relative; overflow: hidden; }
.section .bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.section .bg img { display: block; width: 100%; height: 100%; }
.bg11 { position: absolute; bottom: 0; width: 100%; height: 850px; background: url(../../Image/bg11.png) 50% 0 no-repeat; transition: all 1s; }
.bg12 { position: absolute; bottom: -392px; width: 100%; height: 392px; background: url(../../Image/bg12.png) 50% 0 no-repeat; opacity: 0; transition: all 1.7s; bottom: 90px \0; }
.bg13 { position: absolute; bottom: -377px; width: 100%; height: 377px; background: url(../../Image/bg13.png) 50% 0 no-repeat; transition: all 1s;background-size:contain; }


    @media (max-width:1366px  )   and (max-height:768px) {
        .bg11 {
            background-size: 60%;
        }
          .bg12 {
            background-size: 50%;
        }
             .bg13 {
            background-size: 80%;
            background-position-y:100px;
        } 
}

        @media (max-width:1280px  )  and (max-height:960px)   {
        .bg11 {
            background-size: 90%;
        }
          .bg12 {
            background-size: 90%;
        }
             .bg13 {
            background-size: 80%;
            background-position-y:150px;
        } 
}

            @media (max-width:1280px  )  and (max-height:800px)   {
        .bg11 {
            background-size: 90%;
        }
          .bg12 {
            background-size: 80%;
        }
             .bg13 {
            background-size: 70%;
            background-position-y:150px;
        } 
}
            
            @media (max-width:1280px  )  and (max-height:600px)   {
        .bg11 {
            background-size: 80%; background-position-y:290px;
        }
          .bg12 {
            background-size: 70%;
        }
             .bg13 {
            background-size: 70%;
            background-position-y:190px;
        } 
}


/* 首页第一屏 */
.hgroup { width: 1080px; height: 176px; color: #fff;/* font-family: myFirstFont, sans-serif; */ text-align: center; font-weight: normal; margin: 0 0 0 -540px; position: absolute; left: 50%; top: 25%; opacity: 0; -webkit-transform: scale(0, 0); transform: scale(0, 0); transition: all 1s; }
.hgroup h1 { font-size: 3.5em; margin: 0; }
.hgroup h2 { font-size: 2.8em; line-height: 100px; margin: 0; }
.hgroup h2 span,
.hgroup p span { display: block; padding-top: 20px; color: #fff799; }

@media (max-width:1366px) {
 .hgroup h1 { font-size: 2.7em; margin: 0; }
 .hgroup h2 { font-size: 2em; line-height: 100px; margin: 0; }
}

/*.mail { position: absolute; left: 50%; top: -26px; width: 375px; height: 26px; margin-left: -187px; background-image: url(../../Image/logo.png); transition: all 1s;}
.mail { float: left; height: 26px; text-indent: -9999px;}
.mail-163 { float: left; width: 107px;}
.mail-126 { float: left;width: 108px; margin-left: 23px;}
.mail-yeah { float: right; width: 115px;}
*/

/* 首页第二屏 */

#home .section2 div[class^="bg2"] {    /* width: 25%;*/
bottom: 10%; height: auto; position: absolute; transition: all 1s; }
#home .bg21 { width: 30%; left: 0; transition: all 1s; opacity: 0; margin-left: -1108px; z-index: 2; }
#home .bg22,
#home .active .bg22,
#home .bg25,
#home .active .bg25 { right: 0; width: auto; height: 240px !important; opacity: 0; z-index: 4; margin-right: -1108px; }
#home .bg22 img,
#home .bg25 img { height: 260px !important; width: auto !important; }
#home .bg23 { left: 0; width: 20%; margin-left: -1108px; z-index: 3; }
#home .bg24 { width: 30%; right: 0; margin-right: -1108px; z-index: 1; }
#home .section2 div[class^="bg2"] img { width: 100%; height: auto; }
.p1 { position: absolute;/* left: 50%; */ width: auto; top: 0;/* width: 510px; *//* margin-left: -255px; */

	/* margin-top: 130px; */

font-size: 16px; padding: 5px 10px; text-align: center; color: #727F8C; border: 1px solid #fff; background: #ffffff47; border-radius: 10px; opacity: 0; transition: all 1s; z-index: 6; }
#home .section2 .bg21 .p1 { left: 20%; }
#home .section2 .bg23 .p1 { left: 10%; }
#home .section2 .bg24 .p1 { left: 15%; }
#home .section2 .p1:after { content: ""; width: 2px; height: 220px; background: #02458d; position: absolute; left: 50%; z-index: 5; }
#home .section2 .p1:before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: #02458d; position: absolute; left: 50%; bottom: 0; margin-left: -3px; z-index: 5; }
#home .section2 .bg22 .p1:after,
#home .section2 .bg25 .p1:after { height: 320px; }
#home .section2 .bg23 .p1:after { height: 350px; }
#home .section2 .bg24 .p1:after { height: 210px; }
#home .section2 .p1 strong { color: #ffffff; font-size: 1.5em; font-weight: bold; }
#home .section2 .p1 p { line-height: 22px; margin: 10px 0 20px; font-size: 0.875em; color: #fff; }
@media (max-width:1600px) {
	#home .section2 .p1:after { height: 120px; }
	#home .section2 .bg22 .p1:after { height: 170px; }
	#home .section2 .bg23 .p1:after { height: 210px; }
}
@media (max-width:1366px) {
	 #home .section2 .bg23 .p1{ left: -30%; }
}

.section strong { opacity: 0; -webkit-transform: scale(0.5, 0.5); transform: scale(0.5, 0.5); transition: all .5s;    /*  position: absolute;
	      left: 50%;
	      top: 15%;
	      z-index: 10;
	      width: 512px;
	      height: 45px;
	      margin-left: -256px;
	      font-size: 24px;
	      font-weight: 500;
	      color: #748A9E;
	      opacity: 0;
	      -webkit-transform: scale(0.5, 0.5);
	      transform: scale(0.5, 0.5);
	      transition: all 1s;*/ }
	.section h3 { position: absolute; left: 50%; top: 15%; z-index: 10; width: 512px; height: 45px; margin-left: -256px; margin-top: 60px; text-indent: -9999px; background-repeat: no-repeat; opacity: 0; -webkit-transform: scale(0.5, 0.5); transform: scale(0.5, 0.5); transition: all 1s; }

	/* 首页第三屏 */
	#home .section3 .hgroup { text-align: left; z-index: 2; -webkit-transform: none; transform: none; transition: none }
	#home   .section3 .hgroup .p2 { width: 50%; margin-left: 65%; }
	#home  .section3 .hgroup h2 { font-size: 2.5em; margin: 0; }
	#home  .section3 .hgroup p { font-size: 1.5em; }
	#home  .section3 .hgroup p span { font-size: 1.2em; padding-top: 10px; }
	#home .section3 .hgroup p span.text { font-size: .875em; padding-left: 2em; color: #fff; padding-top: 0; padding-bottom: 0; }
	#home  .bg33 { position: absolute; left: 23%; top: 15%; width: 800px; height: 700px; margin-left: 50%; background: url(../../Image/bg33.png) no-repeat; background-size: contain; opacity: 0; transition: all 1s; z-index: 1; }

    
    @media (max-width:1366px  )  and (max-height:768px) {
#home   .section3 .hgroup .p2 { width: 50%; margin-left: 63%; }
	#home  .section3 .hgroup h2 { font-size: 2.0em; margin: 0; }
	#home  .section3 .hgroup p { font-size: 1.3em; }
	#home  .section3 .hgroup p span { font-size: 1.2em; padding-top: 10px; }
	#home .section3 .hgroup p span.text { font-size: .875em; padding-left: 2em; color: #fff; padding-top: 0; padding-bottom: 0; }
   #home .bg33 {   background-size:90%;  }
}

     @media (max-width:1360px  )  and (max-height:768px) {
#home   .section3 .hgroup .p2 { width: 50%; margin-left: 63%; }
	#home  .section3 .hgroup h2 { font-size: 2.0em; margin: 0; }
	#home  .section3 .hgroup p { font-size: 1.3em; }
	#home  .section3 .hgroup p span { font-size: 1.2em; padding-top: 10px; }
	#home .section3 .hgroup p span.text { font-size: .875em; padding-left: 2em; color: #fff; padding-top: 0; padding-bottom: 0; }
      #home .bg33 {   background-size:90%;  }
}

     
    @media (max-width:1280px  )   and (max-height:1024px)  {
#home   .section3 .hgroup .p2 {   margin-left: 60%; }


}

       
    @media (max-width:1280px  )   and (max-height:960px)  {
#home   .section3 .hgroup .p2 {   margin-left: 60%; }

  #home .bg33 {   background-size:80%;  }
}




       @media (max-width:1280px  )  and  (max-height:800px)    {
#home   .section3 .hgroup .p2 {   margin-left: 60%; }
	#home  .section3 .hgroup h2 { font-size: 2.0em; margin: 0; }
	#home  .section3 .hgroup p { font-size: 1.3em; }
	#home  .section3 .hgroup p span { font-size: 1.2em; padding-top: 10px; }
	#home .section3 .hgroup p span.text { font-size: .875em; padding-left: 2em; color: #fff; padding-top: 0; padding-bottom: 0; }
      #home .bg33 {
                    
                    background-size:80%;
                }

}

            @media (max-width:1280px  )   and  (max-height:600px)  {
#home   .section3 .hgroup .p2 {  width:40%;  margin-left: 60%; }
	#home  .section3 .hgroup h2 { font-size: 1.5em; margin: 0;height:60px; }
	#home  .section3 .hgroup p { font-size: 1.2em; }
	#home  .section3 .hgroup p span { font-size: 1.0em; padding-top: 10px; }
	#home .section3 .hgroup p span.text { font-size: .875em; padding-left: 2em; color: #fff; padding-top: 0; padding-bottom: 0; }
                #home .bg33 {
                    
                    background-size:80%;
                }

}


	/* //首页第三屏 */

	/* 首页第四屏 */

	#home  .bg41,
	#home   .bg42,
	#home    .bg43,
	#home    .bg44 { position: absolute; z-index: 1; text-align: center; width: 208px; left: 50%; bottom: 20%; padding-top: 210px; color: #fff; }
	#home   .section4 h4 { margin-bottom: 12px; font-size: 23px; height: 70px; font-weight: 500; }
	#home    .section4 p,
	#about .section3 p { font-size: 14px; }
	#home    .bg40,
	#about .bg30 { position: absolute; bottom: -372px; width: 100%; height: 372px; opacity: .2; background: url(../../Image/bg40.png) 50% 0 no-repeat; transition: all 1s; }
	#home    .bg41,
	#about .bg31 { margin-left: -851px; background: url(../../Image/bg41.png) 50% 0 no-repeat; opacity: 0; transition: all 1s; }
	#home    .bg42,
	#about .bg32 { margin-left: -403px; background: url(../../Image/bg42.png) 50% 0 no-repeat; opacity: 0; transition: all 1s; }
	#home   .bg43,
	#about .bg33 { margin-left: 195px; background: url(../../Image/bg43.png) 50% 0 no-repeat; opacity: 0; transition: all 1s; }
	#home    .bg44,
	#about .bg34 { margin-left: 645px; background: url(../../Image/bg44.png) 50% 0 no-repeat; opacity: 0; -webkit-transform: scale(1, 1); transform: scale(1, 1); transition: all 1s; }

    
    @media (max-width:1366px  )  and (max-height:768px) {
        #home  .bg41, #home .bg42, #home .bg43, #home .bg44{
        background-position-y:50px;
        background-size:80%;
        }
        #home .section4 h4 {
            font-size:20px;
        } 
}
        
    @media (max-width:1360px  )   and (max-height:768px) {
        #home  .bg41, #home .bg42, #home .bg43, #home .bg44{
        background-position-y:50px;
        background-size:80%;
        }
        #home .section4 h4 {
            font-size:20px;
        } 
}
       @media (max-width:1280px  )  and (max-height:800px) {
        #home  .bg41, #home .bg42, #home .bg43, #home .bg44{
        background-position-y:90px;
        background-size:80%;
        }
        #home .section4 h4 {
            font-size:18px;
        } 
}

         @media (max-width:1280px  )   and (max-height:600px) {
        #home  .bg41, #home .bg42, #home .bg43, #home .bg44{
        background-position-y:130px;
        background-size:70%;
        }
        #home .section4 h4 {
            font-size:18px;padding-top:30px;
        } 
}

	/* //首页第四屏*/

	/* 首页第五屏 */
	.section5 .hgroup h2 { color: #fff; margin-bottom: 50px; }
	.bg51 { position: absolute; width: 100%; bottom: 100px; height: 215px; background: url(../../Image/bg51.png) 50% 0 no-repeat; }
	.bg52 { position: absolute; left: 50%; bottom: 160px; width: 164px; height: 117px; margin-left: -180px; background-image: url(../../Image/bg52.png); opacity: 0; transition: all 1s; }
	.bg53 { position: absolute; left: 50%; bottom: 280px; width: 70px; height: 29px; margin-left: -330px; background-image: url(../../Image/bg53.png); opacity: 0; transition: all 1s; }
	.bg54 { position: absolute; left: 50%; bottom: 320px; width: 43px; height: 26px; margin-left: -410px; background-image: url(../../Image/bg54.png); opacity: 0; transition: all 1s; }
	.p5 { display: inline; font-size: 2.5em; height: 48px; line-height: 48px; opacity: 0; transition: all 1s; }
	.p5.p2_animat { display: block; margin-top: 50px; }
	.hgroup p.p5 span { color: #fff; display: inline-block; padding: 0 40px 0 60px; }
	.hgroup p.p5 span:last-child { border-right: none; }
	.bg55 { background: url("../../Image/db-icon-1.png")no-repeat; }
	.bg56 { background: url("../../Image/db-icon-2.png")no-repeat; }
	.bg57 { background: url("../../Image/db-icon-3.png")no-repeat; }
	.bg58 { background: url("../../Image/db-icon-4.png")no-repeat; }

	/* //首页第五屏 */
	.go { position: absolute; left: 50%; top: 55%; width: 254px; height: 70px; margin-top: 220px; margin-left: -127px; text-indent: -9999px; background-image: url(../../Image/btn.png); opacity: 0; transition: all 1s; }
	.copyright { position: absolute; left: 0; bottom: 20px; width: 100%; text-align: center; font-size: 0; }
	.copyright a,
	.copyright span { margin: 0 7px; font-size: 12px; color: #a0a0a0; }

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

	/* 首页第一屏 */
	.active .p1 { opacity: 1; transition-delay: 1s; }
	.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; }
	#home .section3.active .hgroup { -webkit-transform: none; transform: none; }

	/* 首页第二屏 */
	#home .active .bg21 .p1 { top: -60%;/* color: #fff; */ width: 300px; background: #337ab76b; border: 1px solid #02458d; }
	#home .active .bg22 .p1,
	#home .active .bg25 .p1 { top: -170%; }
	#home .active .bg22 .p1 strong,
	#home .active .bg25 .p1 strong { font-size: 1.2em }
	#home .active .bg23 .p1 { top: -190%; }
	#home .active .bg24 .p1 { top: -50%; }
	@media (max-width:1600px) {
		#home .active .bg21 .p1 { top: -50%; }
		#home .active .bg22 .p1 { top: -90%; }
        #home .active .bg23 .p1 { top: -160%; }
	}

    @media (max-width:1366px) {
        #home .active .bg21 .p1 { top: -60%; width: 300px; background: #337ab76b; border: 1px solid #02458d; }
	 	#home .active .bg25 .p1 { top: -120%; }
	}

	/* 首页第二屏 */
	#home .active .bg21 { opacity: 1; margin-left: 15%; transition-delay: 0.7s; }
	#home .active .bg22 { margin-right: 28%; opacity: 1; transition-delay: 0.7s; }
	#home .active .bg25 { margin-right: 20%; opacity: 1; transition-delay: 0.7s; }
	#home .active .bg23 { opacity: 1; margin-left: 40%; transition-delay: 0.7s; }
	#home .active .bg24 { margin-right: 18%; opacity: 1; transition-delay: 0.7s; }
       @media (max-width:1440px) {
          	#home .active .bg24 { margin-right: 25%; opacity: 1; transition-delay: 0.7s; }
           	#home .active .bg22 { margin-right: 30%; opacity: 1; transition-delay: 0.7s; }
               	#home .active .bg23 { opacity: 1; margin-left: 35%; transition-delay: 0.7s; }
                 
	}

     @media (max-width:1366px) {
          	#home .active .bg24 { margin-right: 25%; opacity: 1; transition-delay: 0.7s; }
           	#home .active .bg22 { margin-right: 30%; opacity: 1; transition-delay: 0.7s; }
               	#home .active .bg23 { opacity: 1; margin-left: 42%; transition-delay: 0.7s; }
	}
     

   


         @media (max-width:1280px  )  and (max-height:960px) {
           #home .active .bg25 .p1 { top: -170%; }
           #home .active .bg22 .p1{ top: -160%; }

          	#home .active .bg24 { margin-right: 25%; opacity: 1; transition-delay: 0.7s; }
           	#home .active .bg22 { margin-right: 30%; opacity: 1; transition-delay: 0.7s; }
               	#home .active .bg23 { opacity: 1; margin-left: 42%; transition-delay: 0.7s; }
                   	#home .active .bg25 { margin-right: 18%; opacity: 1; transition-delay: 0.7s; }

               #home .section2 .bg25 .p1:after { height: 260px; }
#home .section2 .bg23 .p1:after { height: 160px; }
#home .section2 .bg24 .p1:after { height: 135px; }
#home .section2 .bg22 .p1:after { height: 290px; }
	 }

         
         @media (max-width:1280px  )  and (max-height:800px) {
           #home .active .bg25 .p1 { top: -110%; }
           #home .active .bg22 .p1{ top: -80%; }

          	#home .active .bg24 { margin-right: 25%; opacity: 1; transition-delay: 0.7s; }
           	#home .active .bg22 { margin-right: 30%; opacity: 1; transition-delay: 0.7s; }
               	#home .active .bg23 { opacity: 1; margin-left: 42%; transition-delay: 0.7s; }
                   	#home .active .bg25 { margin-right: 18%; opacity: 1; transition-delay: 0.7s; }

               #home .section2 .bg25 .p1:after { height: 260px; }
#home .section2 .bg23 .p1:after { height: 160px; }
#home .section2 .bg24 .p1:after { height: 135px; }
#home .section2 .bg22 .p1:after { height: 200px; }
	 }

             @media (max-width:1280px  )  and (max-height:720px) {
           #home .active .bg25 .p1 { top: -100%; }

          	#home .active .bg24 { margin-right: 25%; opacity: 1; transition-delay: 0.7s; }
           	#home .active .bg22 { margin-right: 30%; opacity: 1; transition-delay: 0.7s; }
               	#home .active .bg23 { opacity: 1; margin-left: 42%; transition-delay: 0.7s; }
                   	#home .active .bg25 { margin-right: 18%; opacity: 1; transition-delay: 0.7s; }

               #home .section2 .bg25 .p1:after { height: 180px; }
#home .section2 .bg23 .p1:after { height: 110px; }
#home .section2 .bg24 .p1:after { height: 85px; }
#home .section2 .bg22 .p1:after { height: 190px; }
	 }

             
             @media (max-width:1280px  )   and (max-height:600px) {
           #home .active .bg25 .p1 { top: -50%; } 
           #home .active .bg22 .p1 { top: -60%; } 
           #home .active .bg24 .p1{ top: -20%; } 
           #home .active .bg23 .p1{ top: -160%; } 
           #home .active .bg21 .p1{ top: -20%; } 

          	#home .active .bg24 { margin-right: 25%; opacity: 1; transition-delay: 0.7s; }
           	#home .active .bg22 { margin-right: 30%; opacity: 1; transition-delay: 0.7s; }
               	#home .active .bg23 { opacity: 1; margin-left: 42%; transition-delay: 0.7s; }
                   	#home .active .bg25 { margin-right: 18%; opacity: 1; transition-delay: 0.7s; }

               #home .section2 .bg25 .p1:after { height: 100px; }
#home .section2 .bg23 .p1:after { height: 110px; }
#home .section2 .bg24 .p1:after { height: 85px; }
#home .section2 .bg22 .p1:after { height: 120px; }
	 }


	/* 首页第三屏 */
	#home  .active .bg31,
	#home  .active .bg32 { opacity: 1; transition-delay: 1s; }
	#home  .active .bg33 { margin-left: -120px; opacity: 1; transition-delay: 0.7s; }

	/* 首页第四屏 */
	#home .active .bg40,
	#about .active .bg30 { bottom: 15%; transition-delay: 0.7s; }
	#home .active .bg41,
	#about .active .bg31 { margin-left: -551px; opacity: 1; transition-delay: 1s; }
	#home .active .bg42,
	#about .active .bg32 { margin-left: -253px; opacity: 1; transition-delay: 1.3s; }
	#home .active .bg43,
	#about .active .bg33 { margin-left: 45px; opacity: 1; transition-delay: 1.6s; }
	#home .active .bg44,
	#about .active .bg34 { margin-left: 345px; opacity: 1; transition-delay: 1.9s; }

	/* 首页第五屏 */
	.active .bg52 { bottom: 260px; margin-left: -280px; opacity: 1; transition-delay: 0.7s; }
	.active .bg53 { bottom: 380px; margin-left: -430px; opacity: 1; transition-delay: 1s; }
	.active .bg54 { bottom: 420px; margin-left: -510px; opacity: 1; transition-delay: 1.2s; }
	.active .p5 { opacity: 1; transition-delay: 1.7s; }
	.active .go { top: 25%; opacity: 1; transition-delay: 1.2s; }

	/*关于我们*/

	/* 第一屏 */
	.p11 { position: absolute; text-align: center; left: 50%; top: 40%; width: 700px; margin: 0 0 0 -350px; font-size: 1.3em; color: #fff; opacity: 0; transition: all 0.5s; }
	.p12 { position: absolute; text-align: center; top: 26%; width: 100%; padding-left:300px;padding-right:300px;font-size: 1.3em; color: #fff; opacity: 0; transition: all 0.5s; }
	.active .p11 { opacity: 1; transition-duration: 1s; transition-delay: 2s; }
	.active .p12 { opacity: 1; transition-duration: 1s; transition-delay: 2s; }
	#about .bg13 { background: url(../../Image/about_bg13.png) 50% 0 no-repeat }
.p12 span {
    width:690px;display:block;margin:0 auto;line-height: 2em;
}
	/* 第二屏 */
	#about .section2 .hgroup { top: 15%; }
	#about .bg21 { position: absolute; top: -454px; width: 100%; height: 545px; background: url(../../Image/about_bg21.png) 50% 0 no-repeat; transition: all 1s; }
	#about .bg22 { position: absolute; left: 10%; bottom: 15%; width: 597px; height: 349px; margin-left: -298.5px; background: url(../../Image/about_bg22.png)no-repeat; background-size: contain; transition: all 1s; }
	#about .txt2 { position: absolute; left: 90%; top: 30%; text-align: center;  padding:0px 20px 0px 10px; margin-left: 90px; font-size: 1.3em; opacity: 0; transition: all 1s;}


    
    @media (max-width:1366px  )  and (max-height:768px) {
        #about .bg22{  width:397px;height:249px;margin-left:-198.5px;

        }

      
}
     
    @media (max-width:1280px  )  and (max-height:720px) {
        #about .bg22{  width:367px;height:219px;margin-left:-183.5px;

        }  
}
        @media (max-width:1280px  )  and (max-height:600px) {
            .p12 {
                font-size:0.90em;top:30%;
            }
        #about .bg22{  width:337px;height:189px;margin-left:-168.5px;

        }
            #about .bg31, #about .bg32, #about .bg33, #about .bg34 {
                bottom:10%;
            }
}

	#about .txt2 p { margin-bottom: 17px; color: #ffffff; }
	#about .active .bg21 { top: 0; transition-delay: 0.7s; }
	#about .active .bg22 { left: 50%; opacity: 1; transition-delay: 0.7s; }
	#about .active .txt2 { left: 0%; opacity: 1; transition-delay: 0.7s;width:100%;margin:0 auto; }
    @media (min-width:1601px) {
		#about .txt2 { position: absolute; left: 90%; top: 30%; text-align: center;  padding:0px 20px 0px 10px; margin-left: 90px; font-size: 1.3em; opacity: 0; transition: all 1s;
                       width:80%;padding-right:200px;
		}


	}


	/*第三屏*/
	#about .section3 .p3 { display: flex; font-family: myFirstFont }
	#about .bg31,
	#about .bg32,
	#about .bg33,
	#about .bg34 { background: transparent; flex: 4; position: absolute; z-index: 1; text-align: left; left: 50%; bottom: 35%; color: #fff; }
	#about .section3 .p3 h2 { font-size: 4em; }
	#about .section3 .p3 h4 { font-size: 2em; }
	#about .section3 .p3 p { font-size: 1.3em; }
	@media (max-width:1600px)  {
		#about .bg31,
		#about .bg32,
		#about .bg33,
		#about .bg34 { bottom: 25%; }
	}
    @media (max-width:1280px)  {
		#about .bg31,
		#about .bg32,
		#about .bg33,
		#about .bg34 { bottom: 15%; }
	}


	/*第三屏*/
	#about .bg41,
	#about .bg42,
	#about .bg43 { padding-bottom: 0; margin-bottom: 5%; font-size: 18px; color: #fff; text-align: center }
	#about .bg41 { position: absolute; left: 50%; bottom: -8%; width: 340px; margin-left: -970px; opacity: 0; transition: all 1s; }
	#about .bg41 p.title { position: relative; left: 20px; margin-left: 40px; border-right: 1px solid #94a7c6; }
	#about .bg42 { position: absolute; left: 50%; bottom: -8%; width: 340px; margin-left: -180px; opacity: 0; transition: all 1s; }
	#about .bg42 p { position: relative; }
	#about .bg43 { position: absolute; left: 50%; bottom: -8%; width: 340px; margin-left: 630px; opacity: 0; transition: all 1s; }
	#about .bg43 p.title { position: relative; left: -20px; padding-left: 100px; border-left: 1px solid #94a7c6; }
	#about div[class^="bg4"] .text4 { width: 280px; height: 280px; margin: 0 auto; text-align: center; padding: 20px 10px 0 10px; }
	#about .active .bg41 { margin-left: -570px; opacity: 1; transition-delay: 0.7s; }
	#about .active .bg42 { opacity: 1; transition-delay: 0.8s; }
	#about .active .bg43 { margin-left: 230px; opacity: 1; transition-delay: 0.7s; }
	#about .section4 .hgroup { top: 54%; }
	#about .section4 .hgroup h2 { font-size: 2em; }
	@media (max-width:1600px) {
		#about .section4 .hgroup { display: none }
	}

    .contact-footer
    {
    width:550px;height:150px;
    }

.contact-wechat {
    float:left;width:100px;padding-top:6px;
}
    .contact-wechat img {
        height:130px;width:130px;
    }

.contact-addr {
    float:left;padding-left:50px;
}
    .contact-addr ul {padding:0px;margin:0px;
    }
.contact-addr ul li{
   list-style:none;
}
    .contact-addr a {
        color:#fff;
    }
        .contact-addr a:hover {

    }