*{margin:0;padding: 0;}
		ul,ol{list-style:none;}
		a{text-decoration:none;}
		body{font-family:"微软雅黑";}
		
.title-h2{/* width: 60%; */margin: 50px auto 20px;}
.title-h2 h2{font-size: 2.5vw; text-align: center;/* margin: 20px; */}
.title-h2 p{font-size: 18px;text-indent:2em; }
.title-h2 i{width:76px ;height:3px;background:#f36f2f;display: block;margin: 20px auto;text-align: center;}

.banner {position: relative;width: 100%;text-align: center;margin-top: 60px;}
.banner img {width: 100%;vertical-align: middle;}
.banner h1,
.banner p {position: absolute;left: 50%;transform: translateX(-50%);color: #fff;width: 100%;}
.banner h1 {top: 40%;font-size: 3.5vw;width: 80%;}
.banner p {top: 50%; font-size: 1.25vw;}

.img-2{display: none;}


.About-3d{width: 80%;margin: 30px auto;}
.About-3d p{ font-size: 16px; line-height: 1.8;text-indent:2em;}


.Classification {width: 95%;display: flex;justify-content: center;flex-wrap: wrap;margin: 35px auto;}
.Classification a.btn {display: inline-block;/* height: 60px; */font-size: 18px;/* background-color: #fff; */color: #111;border: none;cursor: pointer;text-align: center;align-items: center;text-decoration: none;margin: 0 5px;border: 1px solid #111;padding: 10px;border-radius: 10px; color: #111;}
.Classification a.btn:hover, .Classification a.btn.selected {color: #fff;background-color: #f36f2f; border: 1px solid #f36f2f;}
.category {display: none;}
.active {display: block;margin: 0 auto;}
.Product-2{width: 95%;margin: 0 auto; display: flex; flex-wrap: wrap;justify-content: space-between;}
.product {position: relative;width: 100%;display: block;}
.product-2 {position: relative;width: 49%;display: block;}
.product-img img {width: 100%;display: block;}
.product-id {height: 300px;position: absolute;top: 5%; left: 0; width: 100%;height: 100%;display: flex;justify-content: center;/* align-items: center; */}
.product-id-2 {height: 300px;position: absolute;top: 5%; left: 0; width: 100%;height: 100%;display: flex;justify-content: center;/* align-items: center; */}

.id-txt {height: 300px;text-align: center;color: black; }
.id-txt h3{font-size: 3.5vw;margin-bottom: 20px;}
.id-txt p{font-size: 1.5vw;margin-bottom: 20px;}

.id-txt-2 {height: 300px;text-align: center;color: black; }
.id-txt-2 h3{font-size: 2.5vw;margin-bottom: 10px;}
.id-txt-2 p{font-size: 1.2vw;margin-bottom: 10px;}
.more span{margin: 0 auto;color: black;padding: 5px 10px;border: 1px solid black;border-radius: 20px;align-items: center;  font-size: 18px;}

.product:hover span{color: #fff;border: 1px solid #f36f2f;background-color: #f36f2f;}
.product-2:hover span{color: #fff;border: 1px solid #f36f2f;background-color: #f36f2f;}
/* .more a{color: black;padding: 5px 10px;border: 1px solid black;border-radius: 20px;align-items: center;  font-size: 18px;} */

@media screen and (max-width:820px){
	
	.title-h2 h2{font-size: 26px; }
	
	.img-1{display: none;}
	.img-2{display: block;}
.product-2 {position: relative;width: 95%; margin:0 auto 10px;}
.id-txt {height: 300px;text-align: center;color: black; }
.id-txt h3{font-size: 24px;margin-bottom: 10px;}
.id-txt p{font-size: 20px;margin-bottom: 10px;}
.id-txt-2 {height: 300px;text-align: center;color: black; }
.id-txt-2 h3{font-size: 24px;margin-bottom: 10px;}
.id-txt-2 p{font-size: 18px;margin-bottom: 10px;}
.more a{color: black;padding: 1px 15px;border: 1px solid black;border-radius: 20px;align-items: center;  font-size: 18px;}
.Classification a.btn {font-size: 18px;margin: 5px 5px; width: 40%;/* height: 40px; */ border: 1px solid #111;padding: 10px;border-radius: 10px; color: #111;}
.Classification {margin: 25px auto 10px;}





}

.technics{width: 80%;margin: 0 auto;}
.technics .only-img{width: 100%;/* background-color: #eee;border-radius: 35px; */ display: flex;}
.technics .only-img img{flex: 100%;max-width: 100%;margin:0 auto;}
.technics .only-txt{width: 100%;margin: 10px 0; }
.technics .only-title h4{line-height: 1.2;/* text-align: center; */font-size: 22px;}
.technics .only-title p{/* text-align: center; */font-size: 18px;color: #111;margin-top: 10px;}

/* .Service-3d{background-color: #f5f5f5;} */
.service{width: 80%;margin: 0 auto;}
.service-txt {margin: 0 auto; font-size: 18px; line-height: 1.8;}
.service-txt p{text-indent:2em;}
.service-h3{margin: 20px auto; font-size: 24px;}
.service-h3 i{height:1px;background:#f36f2f;display: block;margin: 20px auto;text-align: center;}
.service-process-img{margin: 0 auto;}
.service-process-img img{flex: 100%;max-width: 100%;}

/* .Service-3d{background-color: #f5f5f5;} */
.software{width: 80%;margin: 0 auto;}
.software-txt {/* width: 80%; */margin: 0 auto; font-size: 18px; line-height: 1.8;}
.software-h3{margin: 20px auto; }
.software-h3 h3{font-size: 24px;}
.software-h3 i{height:1px;background:#f36f2f;display: block;margin: 20px auto;text-align: center;}
.software-bottom{/* width: 80%; */ display: flex;flex-wrap: wrap;justify-content: space-between;margin: 50px;margin: 0 auto; border: 2px solid #f5f5f5; border-radius: 20px; background-color: #f5f5f5;}
.left{width: 35%;margin-left: 20px;}
.right{width:60%; display:flex;flex-wrap: wrap;align-content: center;}
.software-img img ,.advantage-only img{flex: 100%;max-width: 100%; }

.advantage{display: flex;flex-wrap: wrap;justify-content: space-between;width:70% ;}
.advantage li{width: 45%;margin-bottom: 20px;}
.advantage-title h4{text-align: center;}
.left-txt h3{font-size: 2vw;margin-bottom: 20px;}
.left-txt p{font-size: 1.2vw;margin-bottom: 20px;}
.left-txt h4{font-size: 22px;margin-bottom: 20px;}


@media screen and (max-width:820px){
.software{width: 95%;margin: 0 auto;}
.left{width: 95%;}
.right{width:95%;}
.advantage{width:95% ;}
.advantage li{width: 45%;margin-bottom: 20px;}
.left-txt h3{font-size: 24px;margin-bottom: 20px;}
.left-txt p{font-size: 20px;margin-bottom: 20px;}
.left-txt h4{font-size: 22px;margin-bottom: 20px;}}

@media screen and (max-width:1280px){
.left-txt h3{font-size: 24px;margin-bottom: 20px;}
.left-txt p{font-size: 20px;margin-bottom: 20px;}
.left-txt h4{font-size: 22px;margin-bottom: 20px;}}


.iot{display: flex;flex-wrap: wrap;justify-content: space-between;}
.iot li{width: 24%; padding-bottom: 20px;}
.iot-only{display: flex;flex-wrap: wrap;justify-content: space-between;}
.only-img{width: 35%;/* background-color: #eee;border-radius: 35px; */}
.technics .only-img{background-color: #eee; border-radius: 15px;}
.only-img img{flex: 100%;max-width: 100%;margin: auto;}
.only-txt{width: 60%;margin: 10px 0; }
.only-title{ font-family: '黑体';font-size: 1red; color: indianred;}
/* .only-title h4{line-height: 2;} */
.only-p {width: 70%;}
.only-p p{font-size: 14px;}

@media screen and (max-width:1080px){
.iot li{width: 48%; padding-bottom: 20px;}
.only-p {width: 95%;}
.only-txt{width:100%;margin: 10px 0; }
.only-img{width: 65%;}
}


.FAQ-QA {width: 70%; margin: 20px auto 40px;}
.faq-section {margin-bottom: 20px;}
.faq-title:hover {background-color: #eee; transition: background-color 0.3s;}
.faq-title {font-size: 24px; cursor: pointer; font-weight: bold; padding: 10px; border-radius: 5px;}
.faq-title i.fa::before {color:#002fa7;content: "\f067";}/* +
.faq-title.open i.fa::before {color:#002fa7;content: "\f068"; }/* - */
.faq-content {display: none; margin-top: 10px;}
.faq-content p{margin-top: 5px; font-size: 18px;width: 95%;margin: 0 auto;}
.FAQ-QA i{float: right;margin-bottom: 20px;}

@media screen and (max-width:820px){
.FAQ-QA {width: 90%; margin: 20px auto;}
.faq-title {font-size: 22px;}}