@charset "utf-8";
.s30_one{height:950px;width: 100%;background: url("../faceRecognition/face_bg01.jpg") no-repeat center center; background-size:cover;text-align: center; position:relative;}
.s30_one .one_n{ width:50%; height:200px; position:absolute; left:25%; top:20%;}
 .one_n h3{font-size: 48px;color: #fff;   padding-top:0 !important; }
.s30_one h2{font-size: 18px;color: #666;margin-top: 36px;font-weight: normal; width:calc(50% - 14px); margin-left:25%; border-top:2px solid #FFEA03; padding:10px;}
.s30_one p.so_txt{margin-top: 14px;font-size: 14px;color: #fff;}
.s30_one a{margin: 116px auto 0 auto;display: block;width: 211px;height: 54px;background-color: #4dc885;border-radius: 27px;text-align: center;font-size: 16px;color: #fff;line-height: 54px;}
.s30_one .so_bottom,.s30_six .ss_bottom,.s30_six .ss_top,.s30_seven .ss_top{font-size: 24px;color: #fff;margin: 308px auto 0 auto;line-height: 78px;vertical-align: middle;letter-spacing: 6px;width: 388px;}
.s30_one .so_bottom em,.s30_six .ss_bottom em,.s30_six .ss_top em,.s30_seven .ss_top em{font-size: 60px;line-height: 78px;padding-right: 20px;float: left;margin-left: 30px;}

.s30_two{height:950px;width: 100%; background-image:url("../faceRecognition/face_bg02.jpg"); background-repeat:no-repeat; background-size:cover; background-position:center;  }
.s30_two .line{ width:100px; height:10px; background:#FFEA03;}
.two_n{ width:100%; height:auto; position:absolute; }
.two_n h3{	font-size:42px; margin-bottom:40px; color:#000; line-height:80px; text-align: center; margin-top:15%; }
.two_n p{	font-size:18px; line-height:40px; text-align: center; color: #666;}

.s30_three{height:950px;width: 100%; background-image:url("../faceRecognition/face_bg03.jpg"); background-repeat:no-repeat; background-size:cover; background-position:center;  }
.s30_three .line{ width:100px; height:10px; background:#FFEA03; margin:0 auto;}
.three_n{ width:30%; height:auto; position:absolute; right:35%;}
.three_n h3{	font-size:42px; margin-bottom:40px; color: #000; line-height:80px; text-align: center; }
.three_n p{	font-size:18px; line-height:40px; text-align: center; color:#fff;}

.s30_four{height:950px;width: 100%; background-image:url("../faceRecognition/face_bg04.jpg"); background-repeat:no-repeat; background-size:cover; background-position:center; position:relative;  }
.s30_four .line{ width:100px; height:10px; background:#FFEA03;}
.four_n{ width:100%; position:absolute; margin-top:15%;}
.four_n h3{	font-size:42px; margin-bottom:40px; color: #fff; line-height:80px; text-align: center; }
.four_n p{	font-size:24px; line-height:40px; text-align: center; color:#fff; font-weight:600;}



.s30_five{height:950px;width: 100%; background-image:url("../faceRecognition/face_bg05.jpg"); background-repeat:no-repeat; background-size:cover; background-position:center; position:relative; }
.s30_five .line{ width:100px; height:10px; background:#FFEA03; margin:0 auto;}
.five_n{ width:40%; height:auto; position:absolute; left:30%; top:35%;}
.five_n h3{	font-size:42px; margin-bottom:40px; color: #fff; line-height:80px; text-align: center; }
.five_n p{	font-size:18px; line-height:40px; text-align: center; color:#069;}





.s30_six{height:950px;width: 100%; background-image:url("../faceRecognition/face_bg06.jpg"); background-repeat:no-repeat; background-size:cover; background-position:center; position:relative; }
.s30_six .line{ width:100px; height:10px; background:#FFEA03; margin:0 auto;}
.six_n{ width:40%; height:auto; position:absolute; left:30%; top:30%; border:#FF6 1px solid;}
.six_n h3{	font-size:42px; margin-bottom:40px; color: #FF6; line-height:80px; text-align: center; }
.six_n p{	font-size:18px; line-height:40px; text-align: center; color:#069;}



.s30_seven{height:950px;width: 100%; background-image:url("../faceRecognition/face_bg07.jpg"); background-repeat:no-repeat; background-size:cover; background-position:center; position:relative; }
.s30_seven .line{ width:100px; height:10px; background:#FFEA03; margin:0 auto;}
.seven_n{ width:40%; height:auto; position:absolute; left:30%; top:30%; }
.seven_n h3{	font-size:42px; margin-bottom:40px; color: #000; line-height:80px; text-align: center; }
.seven_n p{	font-size:18px; line-height:40px; text-align: center; color:#069;}




@media screen and (max-width:1440px) {
.s30_one,.s30_two,.s30_three,.s30_four,.s30_five,.s30_six,.s30_seven {
  height:800px;
}
.s30_one .one_n{ width:90%; height:200px; position:absolute; left:5%; top:20%;}
.one_n h3{font-size:2.5em;}


.two_n_1 h3,.two_n_2 h3,.two_n_3 h3,.two_n_4 h3{ font-size:1.5em;}
.two_n_1 p,.two_n_2 p,.two_n_3 p,.two_n_4 p{ font-size:1.2em;}
.three_n h3{ font-size:1.5em;}
.three_n p{ font-size:1.2em; line-height:30px;}
}


@media screen and (max-width:414px) {
.s30_one .one_n{ width:90%; height:200px; position:absolute; left:5%; top:40%;}
.one_n h3{font-size:2.5em;  }


.two_n{ margin-top:30%;}

.s30_three{height:950px;width: 100%; background-image:url("../faceRecognition/face_bg03.jpg"); background-repeat:no-repeat; background-size:180%; background-position:center;  }
.three_n{ margin-top:40%; width:80%;  right:10%;}
.three_n h3{ font-size:2.5em;}

.s30_four{
  height:800px;
}
.four_n{ margin-top:30%;}
.five_n{ width:80%; left:10%; top:35%;}
.five_n h3{	font-size:2.5em;  }

.s30_seven{height:950px;width: 100%; background-image:url("../faceRecognition/face_bg07.jpg"); background-repeat:no-repeat; background-size:180%; background-position:center; position:relative; }

}
