/* 导航栏 */
*{
    margin: 0;
    padding: 0;
    -webkit-tap-highlight-color:rgba(255,255,255,0);-webkit-overflow-scrolling:touch;overflow-scrolling:touch;
}
ul {
    list-style: none;
}
a {
    text-decoration: none;
}
.header{
	height: 55px;
	position: relative;
}
.logo{
	width: 12%;
	height: 80%;
	position: absolute;
	top: 7%;
	left: 20%;
}
.logo img{
	width: 200px;
	height: 50px;
}
nav ul {
  list-style-type: none;
  margin: 0 0 30px 0;
  padding: 0;
  text-align: center;
}
nav ul li {
  display: inline-block;
  margin-bottom: 4px;
}
nav ul li a {
  display: block;
  padding: 5px 20px;
  color: #fff;
  background-color: #32c896;
}
nav ul li a:hover {
  color: #fff;
  background-color: #238b68;
}
nav ul li a.active {
  color: #fff;
  background-color: #238b68;
}
/* nav */
.nav{width: 50%; height: 55px; position: absolute; top: 0;right: 100px; z-index:1;}
.nav .logo{width: 165px; float: left;}
.nav .logo img{width: 100%; margin-top: 15px;}
.nav .menu{float: left; position: relative;}
.nav .menu ul li{float: left; font-size: 18px; line-height: 55px; width: 145px;text-align: center;}
.selectedNav{font-weight:bold;}
.nav .menu ul li:hover{font-weight:bold;}
.bottomLine{
    position: absolute;
    left: 0px;
    bottom:0;
    height:4px;
    background-color: #00aaff;
    transition: all 0.3s ease;
    height: 5px;
    width: 145px;
}
.sideline {
    display: block;
    position: absolute;
    border: 0;
    height: 5px;
    background-color: #48a5f4;
    left: 0;
    top: 43px;
    pointer-events: none;
}
.search_logo {
    display: block;
    width: 44px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    font-size: 14px;
    color: #48a5f4;
}
.carousel{
	position: relative;
    width: 100%;
    height: 550px;
    z-index: 0;
}
.aitalk_box{
	background: url(../img/gg.jpg) 100% no-repeat;
	background-size: 100% 100%;
	min-width: 1250px;
	height: 550px;
}
.img_box{
	position: relative;
	    width: 1250px;
	    height: 550px;
	    margin: 0 auto;
}
.android_btn{
	position: absolute;
	    cursor: pointer;
	    width: 160px;
	    right: 16%;
	    height: 60px;
	    bottom: 16%;
		
}
.ios_btn{
		position: absolute;
	    cursor: pointer;
	    width: 160px;
	    right: 2%;
	    height: 60px;
	    bottom: 16%;
		
}
.qrcode{
	width: 100%;
	height: 100%;
}
/* .download{
		height: 76px;
	    border-bottom: 1px solid #eee;
	    background-color: #fff;
	    position: relative;
}
.download ul{
		position: absolute;
	    left: 50%;
	    margin-left: -453px;
}
.download ul li{
		float: left;
	    padding: 0 30px;
	    line-height: 76px;
	    position: relative;
	    margin-right: 56px;
}
.download ul li img{
    margin-right: 10px;
    vertical-align: middle;
}
.download ul li span{
    font-size: 16px;
}
 .download li img.qrcode {
          position: absolute;
          z-index: 99;
          top: -60px;
          right: 0px;
          width: 7.5rem;
          max-width: none;
          height: 7.5rem;
          transform: scale(0);
          transform-origin: bottom;
          opacity: 0;
          border: .3125rem solid #ffffff;
          border-radius: .25rem;
          -webkit-transition: all .4s ease-in-out;
          -o-transition: all .4s ease-in-out;
          transition: all .4s ease-in-out;
          }
          .download li:hover img.qrcode {
          transform: scale(1);
          opacity: 1;
          } */
		  .gycy{
		  	width: 100%;
		  	height: 550px;
		  	background: #f5f5f5;
		  }
		  
		  .gycy11{
		  	width: 100%;
		  	text-align: center;
		  	font-size: 32px;
		  	padding-top: 30px;
		  }
		  .gycy1{
		  	width: 34%;
		  	text-align: center;
		  	font-size: 34px;
		  	padding-top: 100px;
			color: rgb(38, 139, 210);
			
			
		  }
		  .gycy2{
		  	width: 100%;
		  	text-align: center;
		  	font-size: 29px;
		  	margin-top: 10px;
		  	color: #939594;
			
		  }
		  .gycy3{
		  	width: 100%;
		  	text-align: center;
		  	margin-top: 30px;
		  	position: relative;
		  }
		  .gycy31{
		  	width: 30%;
		  	margin: 0 auto;
		  	border-bottom: solid 1px #939594;
		  }
		  .gycy32{
		  	position: absolute;
		  	top: -6px;
		  	left: 49%;
		  	width: 30px;
		  	height: 12px;
		  	background-color: rgb(38, 139, 210);
		  }
		  .indA_main {
		      
		  	
		  }
		  .indA_main .indA_pic {
		      width: 40%;
			  
		      float: right;
		      position: relative;
		  	right: 5%;
		  }
		  .indA_pic:after {
		      content: "";
		      display: block;
		      width: 90%;
		      height: 100%;
		      background: rgb(38, 139, 210);
		      top: 10px;
		      right: 12%;
		      position: absolute;
		  }
		  .indA_pic img {
		      width: 90%;
			  height: 340px;
		      transition: all 3s;
		      position: relative;
		      z-index: 2;
		  }
		  .ofhidden {
		      overflow: hidden;
		  }
		  .indA_main .indA_txt {
		      width: 40%;
		      float: left;
		  	margin-left: 7%;
		  }
		  .indA_txt .indA_T1 {
		      font-size: 18px;
		      line-height: 18px;
		      color: #cd010c;
		      margin-bottom: 28px;
		  }
		  .indA_txt .indA_T2 {
		      font-size: 14px;
		      line-height: 25px;
		      color: #333;
		      -webkit-line-clamp: 8;
		      
		  }
		  .gd {
		      background: rgb(38, 139, 210);
		      width: 110px;
		      height: 40px;
		      line-height: 40px;
			  border-radius: 50px;
		      text-align: center;
		      color: rgb(255, 255, 255);
		      display: block;
		      text-decoration: none;
				float: left;
		  }
		  .cpzx{
			  width: 100%;
			  height: 550px;
			  
		  }
		.box1 {
					    overflow: hidden;
					    position: relative;
					    margin: 0 auto;
					    width: 1400px;
					    height: 350px;
					}
					
					.main1 {
					    position: absolute;
					    width: 5600px;
					    height: 350px;
					}
					.main1 ul{
					    float: left;
					    width: 1400px;
					    height: 350px;
						
					}
					.main1 ul li{
					    float: left;
						margin-top: 70px;
						margin-left: 120px;
					    width: 300px;
					    height: 350px;
						list-style: none;
					}
					.main1 ul li img{
					    width: 300px;
					    height: 200px;
					}
					.main1 ul li div{
						position: absolute;
						top: 220px;
					    height: 50px;
						width: 300px;
						line-height: 50px;
						text-align: center;
						font-size: 18px;
					}
					.weixin {
					position: relative;
					}
					.weixin img.qrcode2 {
					position: absolute;
					z-index: 98;
					max- none;
					width: 300px;
					height: 200px;
					}
					.weixin img.qrcode {
					position: absolute;
					z-index: 99;
					top: -3px;
					max- none;
					width: 300px;
					height: 200px;
					transform: scale(0);
					transform-origin: center;
					opacity: 0;
					-webkit-transition: all .4s ease-in-out;
					-o-transition: all .4s ease-in-out;
					transition: all .4s ease-in-out;
					}
					.weixin:hover img.qrcode {
					transform: scale(1);
					opacity: 1;
					}
					
					/* .main1 img {
					    float: left;
					    width: 1400px;
					    height: 300px;
					} */
					
				.next1,.last1 {
					    position: absolute;
					    top: 50%;
					    transform: translateY(-50%);
					    width: 30px;
					    height: 60px;
					}
					
					.next1 {
					    right: 0;
					    background: url(../img/xy.png) no-repeat center center / 40px 40px ;
					}
					
					.last1 {
					    left: 0;
					    background: url(../img/xz.png) no-repeat center center / 40px 40px ;
					}
					
					.btns {
					    position: absolute;
					    top: 85%;
					    left: 50%;
					    transform: translateX(-50%);
					    width: 110px;
					}
					
					.btns span {
					    float: left;
					    display: block;
					    margin: 4px;
					    width: 14px;
					    height: 14px;
					    background-color: #ffffff80;
					    border-radius: 50%;
					    font-size: 12px;
					    line-height: 14px;
					    text-align: center;
					    cursor: pointer;
					}
					
					.btns span:nth-child(1) {
					    background-color: deepskyblue;
					    color: #fff;
					}
					.fooder{
						width: 100%;
						height: 240px;
						background: #fafafa;
					}
					.fd1{
						width: 50%;
						height: 100%;
						float: left;
						margin-left: 2%;
					}
					.fd1 ul{
						width: 80%;
						height: 90%;
						float: right;
						
					}
					.fd1 ul li{
						width: 25%;
						height: 80%;
						float: left;
						margin-top: 5%;
						text-align: center;
						margin-left: 8%;
					}
					.fd1i{
						width: 100%;
						height: 80%;
						
					}
					.fd1t{
						width: 100%;
						height: 20%;
						margin-top: 4%;
						font-size: 13px;
						color: #686869;
					}
					.fd2{
						width: 35%;
						height: 100%;
						float: left;
					}
					.fd21{
						width: 100%;
						height: 18%;
						margin-top: 12%;
						line-height: 50px;
						font-size: 18px;
						text-align: center;
					}
					.fd22{
						width: 100%;
						height: 20%;
						margin-top: 5%;
						line-height: 15px;
						font-size: 13px;
						text-align: center;
						color: #686869;
					}