﻿  .toolhome-shemeixunpan .w1200{width:80%;margin:auto;}
  
  
  /* banner */
  .toolhome-shemeixunpan{color:#333;background-color: #fff;}
  .shemeixunpan-banner .multi-banner {color: #fff;}
  .shemeixunpan-banner .btn {border-color: #fff;background-color: #fff; color: #1968D8;}
  .shemeixunpan-banner .multi-banner__item {align-items: center;}
  .shemeixunpan-banner .multi-banner__item .content {align-items: flex-start;}
  .shemeixunpan-banner .multi-banner__item .multi-image {width: 60%;float:right;margin-top:20%;}
  .shemeixunpan-banner .multi-banner__item .text .description {font-size: 14px;}
  .multi-banner__item .multi-image img:nth-child(2) {top: 0;right: 10%;max-width: 53%;}
  .multi-banner__item .multi-image img:nth-child(3) {top: 22%;right: 0;max-width: 30%;}
.multi-banner__item .content {
    padding-right: 5vw;
}
.multi-banner__item .text{margin-top:20%;float:left;}
 .multi-banner__item {
    align-items: flex-end;
}
  .multi-banner{color: #131415;}
  .multi-banner__item {}
  .multi-banner__item .image img{opacity: 0;width: 100%;}
/*  .multi-banner__item .image{background-size: cover!important;}*/
  .multi-banner__item .content{width: 50%;transform: translateX(-100%);z-index: 1; align-items: center; display: flex;}
  .multi-banner__item .text {flex: 1 0 0;}
  .multi-banner__item .text .description {padding-top: 10px; font-weight: normal; width: 100%;}
  .multi-banner__item .text .btn{margin-top: 3vw;}
  .multi-banner__item .multi-image{position: relative; flex-shrink: 0;width: 40%;}
  .multi-banner__item .multi-image img{margin: auto;display: block;width: auto;}
  .multi-banner__item .multi-image img:not(:first-child){position: absolute;}
  
  .btn_row_width{z-index: 100;position: relative;}
  .btn_row_width .btn{white-space: nowrap;}
 .banntext{ position:absolute;left:0;right:0;top:0;}
 .shemeixunpan-banner .multi-banner__item{ position:relative;}
 .shemeixunpan-choose__item .image img:not(:first-child) {
    position: absolute;left:10%;top:10%;
}
.shemeixunpan-choose__items-2 img:nth-child(2) {
    right: 0;
    bottom: 0;
    max-width: 55%;
}.shemeixunpan-choose__item .image {
    width: 50%;float:left; position:relative;
    margin-bottom: 0;
}
 .shemeixunpan-choose__item{ position:relative;}
 .shemeixunpan-choose__item .text{width:40%;float:right;margin-top:10%;}
 
 #ai-2 .image{float:right;}
 
 #ai-2 .text{float:left;margin-top: 5%;}
 #ai-2 .image img:not(:first-child) {
    position: absolute;
    left: -10%;
    top: 20%;
}



 #ai-3 .text{float:left;margin-top: 5%;}
 #ai-3 .image img:not(:first-child) {
    position: absolute;
    left: 40%;
    top: 30%;
}

 #ai-4 .image{float:right;}
 #ai-4 .text{float:right;margin-top: 5%;}
 #ai-4 .image img:not(:first-child) {
   
}
.multi-banner__item .text{width:38%;}
.shemeixunpan-banner .multi-banner__item{height:1100px;}



/*taocan*/

 .socialInquiry{}
 .socialInquiryTable{ margin: 44px auto !important;}
 .socialInquiryTable table{width: 100%; border-collapse: collapse;}
 .socialInquiryTable table td{border: solid #d7dbe8 1px;}
 .socialInquiryTable table td{text-align: center;}
 .socialInquiryTable table td:first-child{padding-left: 22px; text-align: left;}
.socialInquiryTable table thead td{height: 218px; position: relative;}
 .socialInquiryTable table thead td:nth-child(1){font-size: 16px; color: #828282; background: url("../images/oblique.png") no-repeat; background-size: 100% 100%; position: relative;}
 .socialInquiryTable table thead td .version{position: absolute; top: 50px; right: 50px;}
.socialInquiryTable table thead td .features{position: absolute; bottom: 50px; left: 50px;}
.socialInquiryTable table thead td h3{width: 120px; font-size:16px; height: 32px; line-height: 32px; border-radius: 30px 0 30px 0; position: absolute; left: 50%; top: 0; margin-left: -60px;}
 .socialInquiryTable table thead td:nth-child(2) h3{background: #f66200; color: #fff;}
 .socialInquiryTable table thead td:nth-child(3) h3{background: #b0d7ff; color: #000;}
 .socialInquiryTable table thead td:nth-child(4) h3{background: #3b8dfd; color: #fff;}
 .socialInquiryTable table thead td:nth-child(5) h3{background: #3b0aca; color: #fff;}
.socialInquiryTable table thead td p{font-size: 16px; margin-top: 30px;}
 .socialInquiryTable table thead td p sup{font-size: 20px; font-weight: bold;}
 .socialInquiryTable table thead td p b{font-size: 34px;}
/*  .socialInquiryTable table thead td a{width: 130px; height: 40px; display: inline-block; margin-top: 50px; text-align: center; line-height: 40px; font-size: 16px; font-weight: bold; background: #0060a9; color: #fffefe; border-radius: 20px; transition: 0.3s;}
.socialInquiryTable table thead td a:hover{box-shadow: 0 2px 10px #8dcbfa;} */
.socialInquiryTable table thead td a{width: 110px; line-height: 34px; background: #fe9601; color: #fff; display: inline-block; margin-top: 40px; border-radius: 6px; transition: 0.3s;}
.socialInquiryTable table thead td a:hover{box-shadow: 0 2px 10px #ffcb80;}
.socialInquiryTable table tbody td{height: 44px;}
.socialInquiryTable table tbody td i.tick{width: 24px; height: 17px; display: inline-block; background: url("../images/tick.png");}




@media(max-width:1400px){
 #ai-5 .image img:not(:first-child) {
  width:80%; 
}
.shemeixunpan-banner .multi-banner__item{height:900px;}

}
@media(max-width:1025px){
.shemeixunpan-banner .multi-banner__item{height:100%;}	
.shemeixunpan-banner .multi-banner__item .multi-image{margin-top:10%;}	
.multi-banner__item .text{margin-top:20%;}
	
	}
	
@media(max-width:800px){	
.socialInquiryTable table td:first-child{ font-size:16px;}
.socialInquiryTable table{overflow-y:hidden;width:1000px;}}
@media(max-width:640px){
	.shemeixunpan-choose__item .image{width:100%;}
	.shemeixunpan-choose__item .text{width:100%;}
	#ai-1 .text{margin-top:50%;}
	.toolhome-shemeixunpan .w1200{width:90%;}
	}
	

			  .shemeixunpan-what{width:100%;float:left;}
			  .whapp-case{width:100%;float:left;background-color: #007bff;padding-top:4%;padding-bottom:4%;}
			  .title-conyu{width:100%;float:left; text-align:center; font-size:20px;color: #fff;}
			  .title-conyu p{color: #333;background-color: #fff;height:30px;line-height:30px; border-radius:50px;margin:auto;width:400px;}
			  .title-conyu-1{width:100%;float:left; text-align:center; font-size:20px;margin-top:1%;color: #fff;}
			  .title-conyu-2{width:100%;float:left; text-align:center; font-size:40px;margin-top:1%;color: #fff; font-weight:bold;}
			  .title-conyu-3{width:100%;float:left; text-align:center; font-size:30px;margin-top:1%;color: #fff;}
			  .title-conyu-4{width:100%;float:left;margin-top:5%;}
			  .title-conyu-4 ul li{width:25%;float:left;}.title-conyu-4 ul p{float:left;  font-size:60px; color:#fff;line-height: 60px;}
			   .title-conyu-4 ul li a{ background-color:#fff; font-weight:bold; padding:10%; font-size:30px; color:#333; border-radius:5px;}
			   .what__item{background: #fff;cursor: pointer;border-radius: 8px;color:#666;box-shadow: 0 20px 60px 0 rgba(0,27,63,.14);padding:8%;font-size:16px;}
			  .what__item .text-md{margin-top:2%; font-size:20px; color:#333;}
			  .title-mdt{width:100%;float:left; text-align:center; font-size:18px;}.light__items{mrgin-top:3% !important;}
			 .light__items .col-md-3{-ms-flex: 0 0 33.33%;flex: 0 0 33.33%;max-width: 33.33%;}
			  .light__items .col-md-3 .text-md{ font-size:30px;}.overflow-box-item {overflow-y:hidden;}
			  
			  @media(max-width:768px){	 .light__items .col-md-3{-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;margin-top: 10%;}
		.what__items .col-3 {
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
} .what__item{ font-size:14px;}.what__item .text-md{ font-size:16px;}
.title-conyu-4 ul li a{ font-size:14px;}.title-conyu-4 ul p{ font-size:20px;}.title-conyu-2{ font-size:20px;}
.title-conyu-3{ font-size:20px;}
		#ai-1 .text{margin-top: 5% !important;}	  
		.multi-banner__item .text{width:100%;}
		.title-conyu{margin-top:2%;}.title-conyu-1{margin-top:2%;}
		.title-conyu-4 ul li{width:50%;}	.title-conyu-4{margin-top:10%;}  .title-conyu-4 ul li:nth-child(3) p{display:none;}
		.shemeixunpan-banner .multi-banner__item{padding-top: 5%;}.shemeixunpan-light .light__items {
  mrgin-top: 3% !important;
}
			  }

 .shemeixunpan-light {
    background: #fff url(../images/light_bg.png) no-repeat left top;
        background-size: auto;
    background-size: 100% auto;
}

.shemeixunpan-light .light__item {
    box-shadow: 0px 8px 64px 0px rgba(0, 0, 0, 0.08);
    border-radius: 8px;
    background-color: #fff;
    padding: 0 8% 12%;
    height: 100%;
    transition: .4s;
}.shemeixunpan-light .col-6:nth-child(2n) .light__item {
    transform: translateY(4vw);
}.shemeixunpan-light .light__item img {
    transform: translateY(-25%);
    padding: 0;
}.shemeixunpan-light .col-6 {
    margin-bottom: 4vw;
}
.shop__item .image{width:100%;float:left;}

.shemeixunpan-shop .shop__item {
    background: #fff;
    box-shadow: 0px 0px 10px 0px rgba(0, 17, 86, 0.08);
    border-radius: 8px;
    overflow: hidden;
    transition: .3s;
    height: 100%;
    display: flex;
    flex-direction: column;
}.shemeixunpan-shop .shop__item .text {
    padding: 20px 20px 40px;
}.shemeixunpan-shop .shop__item .btn {
    display: block;
    background-color: transparent;
    border-color: #8278F4;
    color: #8278F4;
    font-size: 14px;
}.shemeixunpan-shop .shop__item .description {
    opacity: .7;
}  .shemeixunpan-shop .shop__item .btn:hover {color: #fff;background-color: #8278F4;}
 
  @media (max-width: 767px) {
    .multi-banner__item .text{padding: 15px;}
    .multi-banner__item .title{font-size: 20px;}
    .multi-banner__item .description{font-size: 12px;}
    .multi-banner__item .banner-btn { padding: 6px 16px; }
	.btn_row_width .ml-3{margin-left:2vw!important;}
  }
  @media (min-width: 768px) {
    .multi-banner__item .multi-image{width: 50%;}
    .multi-banner__item .text .btn{margin-top: 2vw;}
    .multi-banner__item .text .description {padding-top: 1vw;width: 100%;}
    .multi-banner__item .content {padding-left: 15px;}
  }
  @media (min-width: 1440px) {
    .multi-banner__item .content {padding-left: calc((100vw - 1280px)/2);}
  }
  @media (min-width: 1920px) {
    .multi-banner__item .content {padding-left: calc((100vw - 1440px)/2);}
  }
  @media(max-width:500px){
	.multi-banner__item .title{ font-weight:normal !important;}
.multi-banner__item .text{margin-top: 10%;}	
	}	
