body{background:#f1f1f1;}
        #app{width:100%;}
        #app .nav{width:80%;margin:0 auto;height:82px;}
		ul,li{list-style:none;padding:0;margin:0;}
		.clear{clear:both;}
		.nav img, .nav li{float:left;}
		.nav ul{margin-left:20%;}
		.nav img{display:block;max-height:60px;}
		.nav li{margin-right:30px !important;}
		.nav li a{padding:0;background:none !important;height:80px;line-height:80px; color:#76838f;text-decoration:none;transition:0.5s;}
		.nav li a:hover{color:#39CCCC!important;}
		.nav li:nth-of-type(1) a{color:#39CCCC!important;}

		.jies{width:100%;background:black !important;position:relative;z-index:5}
		.jies .white{color:#ccc;width:80%;height:80px;line-height:80px;margin:20px auto;text-align:center;font-size:18px;}
	
		.jies .white span a{padding-right:10px !important;padding-left:14px !important;font-size:14px;line-height:1.5;border-radius:2px;transition:0.2s;background-color:rgb(24,188,156);border-color:rgb(24,188,156);color:white;text-decoration:none;}
		.jies .white span a:hover{background-color:#FFD700;}
		.jies  .font-size-30{width:200px;margin:10px auto;height:150px;line-height:150px;color:#ccc;}
        .jies .appjian{width:330px;height:210px;position:absolute;top:180px;left:20%;background:#39CCCC !important;border:1px solid #39CCCC !important;border-radius:5px;font-size:18px;}
        .jies .appwx{width:330px;height:210px;position:absolute;top:180px;right:20%;background:white;border:1px solid white;border-radius:5px;font-size:18px;}
        .jies i{width:100%;height:100%;}
        .jies .appjian span, .jies .appwx span{display:block;width:100%;text-align:center;height:33%;line-height:33%;font-size:20px;font-weight:bold;}
        .jies .appjian span{color:white;}
        .jies .appwx span{color:#39CCCC;}


		#app1{width:100%;text-align:center;margin-top:140px;}
		#app1 .ul1{width:48%;float:left;border-right:1px solid #ccc;display:block;}
		#app1 .ul2{width:48%;float:right; display:block;}
		#app1 .ul1 p, #app1 .ul2 p{font-weight:bold;}
		#app1 .center{width:80%;margin:0 auto;}
		#app1 .center1 img{display:inline-block;width:180px;box-shadow:3px 6px 6px #ddd;}
		#app1 .center li{width:100%;margin-top:50px;}
		#app1 .center .center1{width:180px;text-align:center;display:inline-block;}
		#app1 .center .center1 span{margin-top:10px;display:block;}
		#app1 .center .li1 img{width:100%;display:block;margin-top:50px;}
		#app1 .center .li1{width:100%;margin-top:25px;text-align:left;font-size:12}
		#app1 .ul2 .center1{margin:0 30px;}
        
        .footer{width:width:100%;background:white;}
        .footer .ding1{width:100%;border-bottom:1px solid #ccc;}
        .footer .ding{width:500px;margin:0px auto;height:150px;}
        .footer .ding p{font-size:24px;color:#999999;height:50px;line-height:50px;text-align:center;}
        .footer .ding ul{display:block;}
        .footer .ding ul li{width:120px;height:50px;float:left;line-height:50px;margin-right:20px;text-align:center;display:block;transition:0.5s;}
        .footer .ding ul li:nth-of-type(1){background:#46be8a;}
         .footer .ding ul li:nth-of-type(2){background:#57c7d4;}
          .footer .ding ul li:nth-of-type(3){background:#f96868;}
          .footer .ding ul li a{text-decoration:none;color:#fff;}
          .footer .ding ul li:hover{filter:alpha(opacity=60);opacity:0.6;}
        .footer .lianjie{width:100%;text-align:center;color:#999999;font-size:12px;}
       .footer .dibu{width:100%;border-bottom:1px solid #ccc;background:white;height:180px;}
       .footer .dibu1{width:80%;margin:10px auto;}
       .footer .dibu1 .dibu2{width:20%;float:left;}
       .footer .dibu1 .dibu2 p{font-size:18px;color:#999999;}

       .footer .dibu1 .dibu2 ul li{color:#5e7387;}
       .footer .dibu1 .dibu2 ul li a{text-decoration:none;transition:0.3s;color:#5e7387;font-size:14px;}
       .footer .dibu1 .dibu2 ul li a:hover{color:black;}
       .footer .dibu1 .p a{text-decoration:none;transition:0.3s;color:#5e7387;font-size:18px;}
       .footer .dibu1 .p{text-align:center;}
       .footer .dibu1 .p  ul li{font-size:14px;}
       .footer .dibu1 .p  ul li span img{display:none;position:absolute;bottom:-81px;left:0px;transition:0.3s;}
       .footer .dibu1 .p  ul li span{cursor:pointer;position:relative;display:block;width:80px;height:30px;line-height:30px;border:1px solid #62a8ea;color:#62a8ea;margin:10px auto;font-size:12px;transition:0.3s;}
       .footer .dibu1 .p  ul li span:hover img{display:block;}
@media screen and (max-width:1024px){
      .jies .appjian{width:250px;height:180px;position:absolute;top:150px;left:10%;}
        .jies .appwx{width:250px;height:180px;position:absolute;top:150px;right:15%;}
     .jies .white{height:50px;line-height:50px;margin:10px auto;font-size:1px;}
}
@media screen and (max-width:680px){
  .nav ul{position:absolute;z-index:100;width:30px;height:5px;font-family:Comic Sans MS;font-size:14px;border-top:5px solid #696969;border-bottom:5px solid #696969;background-color:#696969;padding:5px 0;background-clip:content-box;right:47px;top:5px;}
  .nav ul li{width:80px;height:20px;line-height:20px;z-index:99;color:#39CCCC!important;display:none}   
  .nav ul li a{color:#39CCCC!important}
  .jies .appjian{width:150px;height:110px;position:absolute;top:220px;left:1%;font-size:14px;}
        .jies .appwx{width:150px;height:110px;position:absolute;top:220px;right:1%;font-size:14px;}
     .jies .white{height:30px;line-height:30px;margin:5px auto;font-size:10px;}
  .jies  .font-size-30{width:200px;margin:10px auto;height:250px;line-height:250px;color:#ccc;}
  .jies .fa-3x{font-size:1.5em}
  .jies .fa-2x{font-size:1em}
    .jies .appwx span,  .jies .appjian span{font-size:17px}
 
  #app1 .ul1 p, #app1 .ul2 p{font-weight:bold;}
		#app1 .center{width:80%;margin:0 auto;}
		#app1 .center1 img{display:inline-block;width:100px;box-shadow:3px 6px 6px #ddd;}
		#app1 .center li{width:100%;margin-top:20px;}
		#app1 .center .center1{width:100px;text-align:center;display:inline-block;}
		#app1 .center .center1 span{margin-top:10px;display:block;}
		#app1 .center .li1 img{width:100%;display:block;margin-top:20px;}
		#app1 .center .li1{width:100%;margin-top:5px;text-align:left;}
		#app1 .ul2 .center1{margin:0 10px;}
  
  .footer .ding{width:100%;height:150px;}
  .footer .ding div{text-align:center;width:100%;}
  .footer .ding ul{width:100%}
  .footer .ding ul li{width:28%; height:30px;line-height:30px;margin-right:8px;font-size:15px}
  .fonter.ding ul li a{display:block}
  .footer .dibu1{width:100%}
  .footer .dibu{height:410px;}
  .footer .dibu1 .dibu2{width:48%}
   .footer .dibu1 .dibu2 ul li a{font-size:12px;}
       .footer .dibu1 .dibu2 ul li a:hover{color:black;}
       .footer .dibu1 .p a{font-size:14px;}
       .footer .dibu1 .p{text-align:center;}
       .footer .dibu1 .p  ul li{font-size:12px;}
  
 
}