*{ margin: 0; padding: 0; text-align: justify;outline: none;}
body{font-size: 14px; color: #333;}
@media screen and (min-width: 701px){

.index_top{position: relative; padding-top: 50px; box-sizing: border-box; background: url(../img/index_bg.svg) center bottom no-repeat;background-size: cover; height:1000px ; margin-bottom: 100px;}
.index_top .shape1{ position: absolute; left: 0; top: 400px;}
.all_nav{ display: flex; justify-content: space-between; align-items: center;  width: 1350px; margin: auto; height:60px;}
.all_nav .logo{height: 60px;}
.all_nav .nav{ font-size: 18px; color: #fff; display: flex; align-items: center;}
.all_nav .nav a{ color: #fff; text-decoration: none; padding: 0 20px; position: relative;}
.all_nav .nav a i{ bottom: -8px; left: 50%; margin-left: -15px; position: absolute; width: 30px; height: 3px; background: none; border-radius: 3px;}
.all_nav .nav .choosed i{background: #fff;}
.all_nav .nav .btn{ cursor: pointer; margin-left: 20px; line-height: 40px; text-align: center; border-radius: 6px; width: 110px; height: 40px; background: #FF6600; color: #fff;}
.all_nav .nav .btn:hover{ background: #E39732;}

.index_top .banner{width: 1350px; margin: auto; position: relative;}
.index_top .banner .txt{ margin-top: 100px; position: absolute;color: #fff;z-index: 3; }
.index_top .banner .txt .txt1{font-size: 50px; font-weight:900; line-height: 50px; }
.index_top .banner .txt .txt2{font-size: 110px;font-weight:900; line-height: 130px; margin-top: 20px; }
.index_top .banner .txt .txt3{font-size: 24px; line-height: 24px; margin-top: 20px; }
.index_top .banner .txt .btn{ margin-top: 40px; cursor: pointer; width: 186px; box-sizing: border-box; font-size: 24px; font-weight: bold; background: rgba(255,255,255,0.1); border-radius: 6px; border: 1px solid #fff; height: 70px;display: flex; align-items: center;justify-content: center;}
.index_top .banner .txt .btn:hover{background: rgba(255,255,255,0.2);}
.index_top .banner .phone{position: relative; margin-top: 100px;}
.index_top .banner .phone .phone1{ position: absolute; left: 700px; z-index: 2;}
.index_top .banner .phone .phone2{ position: absolute; left: 990px; z-index: 1;}
.index_top .banner .shape2{ position: absolute; left: 700px; top: 350px;}
.index_top .banner .shape3{ position: absolute; left: 1350px; top: 150px;}

.all_title{line-height:1.5; width: 1000px; color: #999; font-size: 20px; display: flex; flex-direction: column; align-items:center; justify-content: center; margin: auto;text-align: center;}
.all_title b{ color: #333; font-size: 40px; margin-bottom: 10px;}

.index_1{ width: 1350px; margin: auto; margin-top: 50px; }
.index_1 .cards{ display: flex; justify-content: space-between; }
.index_1 .card{display: flex; flex-direction:column; align-items: center; padding-top: 60px; box-sizing: border-box; width: 410px; background: #FFFFFF;box-shadow: 0 0 50px 0 rgba(0,0,0,0.15);border-radius: 10px; padding-bottom: 30px;}
.index_1 .card img{ width:140px;height: 140px; margin-bottom: 30px;}
.index_1 .card span{line-height: 40px; color: #999; font-size:18px; width:310px; text-align: center;}
.index_1 .card b{ font-size:22px;margin-bottom: 10px; }
.index_1 .btn{cursor: pointer; line-height: 70px; text-align: center; border-radius: 10px; font-size:28px; color: #fff; height:70px; width: 310px; background: #FF6600; margin: auto; margin-top: 40px;}
.index_1 .btn:hover{ background: #E39732;}
.endline{ border-top: 1px dashed #dcdcdc; margin-top:80px;}


.index_2{width: 1350px; margin: auto; margin-top: 100px; display: flex;}
.index_2 .pic{ width: 750px; position: relative;}
.index_2 .pic .pic1{left: 300px;top: 260px; position: absolute; z-index: 3; box-shadow: 0 40px 70px 0 rgba(0,9,40,0.16);border-radius: 10px;}
.index_2 .pic .pic2{left: 100px; position: absolute;z-index: 2;  box-shadow: 0 40px 70px 0 rgba(0,9,40,0.16);border-radius: 10px;}
.index_2 .pic .pic3{ width: 600px; position: absolute; top: 100px;}
.index_2 .txt { width: 620px;}
.index_2 .txt .name{ margin: 40px 0;}
.index_2 .txt .name b{ font-size:40px;display: block; margin-bottom: 15px;}
.index_2 .txt .name span{font-size:20px; color: #999;line-height: 1.5;}
.index_2 .txt .list{display: flex; margin-bottom: 30px;}
.index_2 .txt .list img{width: 80px; margin-right: 15px;}
.index_2 .txt .list .text{ height: 80px;display: flex; flex-direction:column; justify-content: center; font-size:20px; color: #999;}
.index_2 .txt .list .text span{ font-size:24px ;color: #333; display: block;}

.index_3{ height: 700px; background: #41049B;}
.index_3_bg{width: 1350px; margin: auto; margin-top: 150px; display: flex;}
.index_3 .pic{ width: 650px; position: relative; height: 700px;}
.index_3 .pic .pic1{left: 250px;bottom:0;position: absolute; z-index: 2; }
.index_3 .pic .pic2{left: 200px;top: 300px; position: absolute;z-index: 3;  box-shadow: 0 40px 70px 0 rgba(0,9,40,0.16); border-radius: 10px;}
.index_3 .pic .pic3{ width: 440px; position: absolute; top: 200px; right: 0;}
.index_3 .txt { width: 600px; margin-left:50px ; margin-top: 80px;}
.index_3 .txt .name{ margin: 60px 0;}
.index_3 .txt .name b{ font-size:40px;display: block; margin-bottom: 15px; color: #fff;}
.index_3 .txt .name span{font-size:24px; color: rgba(255,255,255,0.6)}
.index_3 .txt .list{display: flex; margin-bottom: 30px; color: #fff; font-size: 18px; align-items: center;}
.index_3 .txt .list img{width: 40px; margin-right: 15px;}


.index_4{width: 1350px; margin: auto; margin-top: 150px; display: flex;}
.index_4 .pic{ margin-left: 70px; width: 750px; position: relative;}
.index_4 .pic .pic1{left: 350px;top: 260px; position: absolute; z-index: 3; box-shadow: 0 40px 70px 0 rgba(0,9,40,0.16);border-radius: 10px;}
.index_4 .pic .pic2{left: 350px;top: 50px; position: absolute;z-index: 2;  box-shadow: 0 40px 70px 0 rgba(0,9,40,0.16);border-radius: 10px;}
.index_4 .pic .pic3{left: 30px;top: 80px; position: absolute;z-index: 2;  box-shadow: 0 40px 70px 0 rgba(0,9,40,0.16);border-radius: 10px;}
.index_4 .pic .pic4{ width: 500px; position: absolute; }

.index_4 .txt { width: 620px;}
.index_4 .txt .name{ margin: 40px 0;}
.index_4 .txt .name b{ font-size:40px;display: block; margin-bottom: 15px;}
.index_4 .txt .name span{font-size:24px; color: #999;}
.index_4 .txt .list .blue{ margin-right: 15px; background: #40A5FF; height:32px; width: 32px; border-radius: 50%;}
.index_4 .txt .list .green{margin-right: 15px;background: #75DB73; height:32px; width: 32px; border-radius: 50%;}
.index_4 .txt .list .red{margin-right: 15px;background: #FF5881; height:32px; width: 32px; border-radius: 50%;}
.index_4 .txt .list .orange{margin-right: 15px;background: orange; height:32px; width: 32px; border-radius: 50%;}

.index_4 .txt .list{display: flex; margin-bottom: 30px; font-size: 24px;}
.index_4 .txt .btn{cursor: pointer; line-height: 70px; text-align: center; border-radius: 10px; font-size:28px; color: #fff; height:70px; width: 310px; background: #FF6600;  margin-top: 80px;}
.index_4 .txt .btn:hover{ background: #E39732;}

.index_5{ margin-top: 150px; height: 600px; background: url(../img/index_5.jpg) center top no-repeat; background-size: cover;}
.index_5 .content{ width: 1350px; margin: auto;  padding-top: 90px;}
.index_5 .content .name{ color: #fff; text-align: center;font-size: 24px;}
.index_5 .content .name b{ font-size: 40px; display: block; text-align: center; margin-bottom: 5px;}
.index_5 .content .name span{color: rgba(255,255,255,0.6);font-size: 20px;}
.index_5 .content .action{ padding-top: 50px; display: flex; justify-content: center;}
.index_5 .content .action input{margin-right: 20px; font-size: 20px; height: 60px; border-radius: 10px; border: 0; padding: 0 10px; width: 280px;}
.index_5 .content .action  .btn{cursor: pointer; line-height: 60px; text-align: center; border-radius: 10px; font-size: 20px;  color: #fff; height:60px; width: 210px; background: #FF6600;}
.index_5 .content .action  .btn:hover{ background: #E39732;}
.index_5 .content .txt{padding-top: 10px; line-height: 40px; color: #fff; font-size: 18px;color: rgba(255,255,255,0.6); width: 930px; margin: auto;}
.index_5 .content .txt .txt_in{ text-align: center;}

footer{ background: #202227; height: 360px; box-sizing: border-box; padding-top: 70px;}
footer .content{ width: 1350px; margin: auto;}
footer .content .txt{ display: flex; justify-content: center;}
footer .content .txt img{ width: 180px; margin-right: 50px;}
footer .content .txt span{display: flex; flex-direction: column; align-items: center; justify-content: center; line-height: 40px; font-size: 16px; padding-left: 50px; color: #fff; border-left: 1px solid #dcdcdc; padding-right: 50px;}
footer .content .txt span:last-child{ padding-right: 0;}
footer .content .txt span img{border-radius: 10px; width: 120px;margin:0;margin-bottom: 5px;}
footer .content .copyright{ font-size: 14px;color: rgba(255,255,255,0.6); text-align: center; margin-top: 50px;}
footer .content .copyright a{color: #fff;}

.product_top {  height: 900px; background: #832FFE;position: relative; padding-top: 50px; box-sizing: border-box; margin-bottom: 50px;}
.product_top .banner{width: 1350px; margin: auto; position: relative;}
.product_top .banner .txt{ margin-top: 100px; position: absolute;color: #fff;z-index: 3; }
.product_top .banner .txt .txt2{font-size: 100px;font-weight:900; line-height: 120px; margin-top: 20px; }
.product_top .banner .txt .txt3{font-size: 24px; line-height: 24px; margin-top: 20px; }
.product_top .banner .txt .btn{ margin-top: 40px; cursor: pointer; width: 186px; box-sizing: border-box; font-size: 24px; font-weight: bold; background: rgba(255,255,255,0.1); border-radius: 6px; border: 1px solid #fff; height: 70px;display: flex; align-items: center;justify-content: center;}
.product_top .banner .txt .btn:hover{background: rgba(255,255,255,0.2);}
.product_top .banner .pic{position: absolute; left: 650px; top: 30px;}

.product_1{ width: 1350px;margin: auto; display:flex; padding-top: 50px; height: 750px;}
.product_1 .pic{ position: relative; width: 700px; width: 600px; margin-right: 100px; margin-left: 50px;}
.product_1 .pic .pic1{ top: 30px; z-index: 2;position: absolute; box-shadow: 0 40px 70px 0 rgba(0,9,40,0.16);border-radius: 10px;}
.product_1 .pic .pic2{ z-index: 2;left: 250px;top: 30px; position: absolute; box-shadow: 0 40px 70px 0 rgba(0,9,40,0.16);border-radius: 10px;}
.product_1 .pic .pic3{ z-index: 2;left: 50px; top: 150px; position: absolute; box-shadow: 0 40px 70px 0 rgba(0,9,40,0.16);border-radius: 10px;}
.product_1 .pic .pic4{z-index: 2; left: 250px; top: 230px; position: absolute; box-shadow: 0 40px 70px 0 rgba(0,9,40,0.16);border-radius: 10px;}
.product_1 .pic .pic5{ width: 600px; z-index: 1; left: 0px; top: 0; position: absolute; }
.product_1 .txt .txt1{ display: flex; margin-top: 40px; width: 600px;}
.product_1 .txt .txt1 span{ width:8px;height: 80px; border-radius: 10px; background: #24D397; flex-shrink: 0;}
.product_1 .txt .txt1 .text{ padding-left: 20px; font-size: 18px; line-height: 36px;}
.product_1 .txt .txt1 .text b{font-size:28px; display: block; margin-bottom:5px ;}
.product_1 .txt .txt2{ display: flex;margin-top: 40px;width: 600px;}
.product_1 .txt .txt2 span{ width:8px;height: 110px; border-radius: 10px; background: #6B5CD2;flex-shrink: 0;}
.product_1 .txt .txt2 .text{ padding-left: 20px; font-size: 18px; line-height: 36px;}
.product_1 .txt .txt2 .text b{font-size:28px; display: block;margin-bottom:5px ;}
.product_1 .txt .txt3{ display: flex;margin-top: 40px;width: 600px;}
.product_1 .txt .txt3 span{ width:8px;height: 110px; border-radius: 10px; background: #F76331;flex-shrink: 0;}
.product_1 .txt .txt3 .text{ padding-left: 20px; font-size: 18px; line-height: 36px;}
.product_1 .txt .txt3 .text b{font-size:28px; display: block;margin-bottom:5px ;}
.product_1 .txt .txt4{ display: flex;margin-top: 40px;width: 600px;}
.product_1 .txt .txt4 span{ width:8px;height: 150px; border-radius: 10px; background: red;flex-shrink: 0;}
.product_1 .txt .txt4 .text{ padding-left: 20px; font-size: 18px; line-height: 36px;}
.product_1 .txt .txt4 .text b{font-size:28px; display: block;margin-bottom:5px ;}




.product_2 {width: 1350px; margin: auto; margin-top: 20px; display: flex;}
.product_2 .pic{ width: 600px; position: relative; margin-left: 50px; margin-top: 50px;}
.product_2 .pic .pic1{left: 350px;top: 260px; position: absolute; z-index: 3; box-shadow: 0 40px 70px 0 rgba(0,9,40,0.16);border-radius: 10px;}
.product_2 .pic .pic2{left: 350px;top: 50px; position: absolute;z-index: 2;  box-shadow: 0 40px 70px 0 rgba(0,9,40,0.16);border-radius: 10px;}
.product_2 .pic .pic3{left: 30px;top: 80px; position: absolute;z-index: 2;  box-shadow: 0 40px 70px 0 rgba(0,9,40,0.16);border-radius: 10px;}
.product_2 .pic .pic4{ width: 500px; position: absolute; }

.product_2 .txt{width: 800px; margin-left: 50px;}
.product_2 .txt .txt1{ display: flex; margin-top: 50px;}
.product_2 .txt .txt1 span{ width:8px;height: 220px; border-radius: 10px; background: #40A5FF; flex-shrink: 0;}
.product_2 .txt .txt1 .text{ padding-left: 20px; font-size: 18px; line-height: 36px;}
.product_2 .txt .txt1 .text b{font-size:28px; display: block;margin-bottom:5px ;}
.product_2 .txt .txt2{ display: flex;margin-top: 50px;}
.product_2 .txt .txt2 span{ width:8px;height: 260px; border-radius: 10px; background: #75DB73;flex-shrink: 0;}
.product_2 .txt .txt2 .text{ padding-left: 20px; font-size: 18px; line-height: 36px;}
.product_2 .txt .txt2 .text b{font-size:28px; display: block;margin-bottom:5px ;}
.product_2 .txt .txt3{ display: flex;margin-top: 50px;}
.product_2 .txt .txt3 span{ width:8px;height: 220px; border-radius: 10px; background: #FF5881;flex-shrink: 0;}
.product_2 .txt .txt3 .text{ padding-left: 20px; font-size: 18px; line-height: 36px;}
.product_2 .txt .txt3 .text b{font-size:28px; display: block;margin-bottom:5px ;}


.product_3{ background: #F7F8FB; padding-bottom: 50px; }
.product_3_title{ background: #F7F8FB; padding-top: 80px;  margin-top: 100px; width: 100%;}
.product_3 .content{ position: relative; margin: auto; display:flex; width: 1350px; padding-top: 50px;}
.product_3 .pic{ position: relative; width: 700px; width: 600px; margin-right: 100px; margin-left: 50px; margin-top: 50px;}
.product_3 .pic .pic1{ width:600px ; z-index: 1;position: absolute;}
.product_3 .pic .pic2{ z-index: 2;left:50px;top: 60px; position: absolute; box-shadow: 0 40px 70px 0 rgba(0,9,40,0.16);border-radius: 10px;}
.product_3 .pic .pic3{ z-index: 3;left: 0; top: 130px; position: absolute; box-shadow: 0 40px 70px 0 rgba(0,9,40,0.16);border-radius: 10px;}
.product_3 .pic .pic4{z-index: 4; left: -50px; top: 360px; position: absolute; box-shadow: 0 40px 70px 0 rgba(0,9,40,0.16);border-radius: 10px;}
.product_3 .pic .pic5{  z-index: 5; left: 450px; top: 180px; position: absolute;  box-shadow: 0 40px 70px 0 rgba(0,9,40,0.16);border-radius: 10px;}
.product_3 .pic .pic6{  z-index: 6; left:  400px; top: 360px;position: absolute; box-shadow: 0 40px 70px 0 rgba(0,9,40,0.16);border-radius: 10px; }
.product_3 .txt { margin-left: 30px;}
.product_3 .txt .txt1{ display: flex; margin-top: 50px;}
.product_3 .txt .txt1 span{ width:8px;height: 150px; border-radius: 10px; background: #5828E3;flex-shrink: 0;}
.product_3 .txt .txt1 .text{ padding-left: 20px; font-size: 18px; line-height: 36px;}
.product_3 .txt .txt1 .text b{font-size:28px; display: block;margin-bottom:5px ;}
.product_3 .txt .txt2{ display: flex;margin-top: 50px;}
.product_3 .txt .txt2 span{ width:8px;height: 150px; border-radius: 10px; background: #6FE229;flex-shrink: 0;}
.product_3 .txt .txt2 .text{ padding-left: 20px; font-size: 18px; line-height: 36px;}
.product_3 .txt .txt2 .text b{font-size:28px; display: block;margin-bottom:5px ;}
.product_3 .txt .txt3{ display: flex;margin-top: 50px;}
.product_3 .txt .txt3 span{ width:8px;height: 110px; border-radius: 10px; background: #E322D0;flex-shrink: 0;}
.product_3 .txt .txt3 .text{ padding-left: 20px; font-size: 18px; line-height: 36px;}
.product_3 .txt .txt3 .text b{font-size:28px; display: block;margin-bottom:5px ;}
.product_3 .txt .txt4{ display: flex;margin-top: 50px;}
.product_3 .txt .txt4 span{ width:8px;height: 150px; border-radius: 10px; background: red;flex-shrink: 0;}
.product_3 .txt .txt4 .text{ padding-left: 20px; font-size: 18px; line-height: 36px;}
.product_3 .txt .txt4 .text b{font-size:28px; display: block;margin-bottom:5px ;}
.product_4{ margin-top: 0;}




.servies_top {  height: 900px; background: #5F15CD;position: relative; padding-top: 50px; box-sizing: border-box; margin-bottom: 50px;}
.servies_top .banner{width: 1350px; margin: auto; position: relative;}
.servies_top .banner .txt{ margin-top: 100px; position: absolute;color: #fff;z-index: 3; }
.servies_top .banner .txt .txt2{font-size: 100px;font-weight:900; line-height: 120px; margin-top: 20px; }
.servies_top .banner .txt .txt3{font-size: 24px; line-height: 24px; margin-top: 20px; }
.servies_top .banner .txt .btn{ margin-top: 40px; cursor: pointer; width: 186px; box-sizing: border-box; font-size: 24px; font-weight: bold; background: rgba(255,255,255,0.1); border-radius: 6px; border: 1px solid #fff; height: 70px;display: flex; align-items: center;justify-content: center;}
.servies_top .banner .txt .btn:hover{background: rgba(255,255,255,0.2);}
.servies_top .banner .pic{position: absolute; left: 700px; top: 100px;}
.servies_top .banner .pic img{ width: 700px;}

.servies_1{ padding: 80px 0;  width: 1350px; margin: auto; display: flex; flex-wrap: wrap;justify-content: space-between;}
.servies_1 .list{ margin-bottom: 40px; display: flex; width: 390px;}
.servies_1 .list img{ margin-right: 15px; width: 70px; height: 70px;}

.servies_1 .list span{ font-size:18px; line-height: 36px;color: #999;}
.servies_1 .list b{ display: block; font-size:24px ;color: #333;}


.servies_2{ display: flex; width: 1350px; margin: auto; margin-top: 50px; margin-bottom: 150px;}
.servies_2 .pic{ margin-right: 50px;  width:650px ; height: 500px; border-radius: 10px; background: #EEF1F7;}
.servies_2 .pic img{display: block; margin: auto; margin-top: 80px;}
.servies_2 .txt{ padding-top: 30px;}
.servies_2 .txt .list{ margin-bottom: 30px; display: flex; align-items: flex-start;}
.servies_2 .txt .list img{ width: 70px; margin-right: 10px;}
.servies_2 .txt .list span{ font-size: 18px; line-height: 36px; }
.servies_2 .txt .list b{ font-size:24px; display: block;}

.servies_3{display: flex; width: 1350px; margin: auto; box-sizing: border-box; justify-content: space-between;}
.servies_3 .card{ margin-top: 50px; margin-bottom: 150px; text-align: center; height: 750px; line-height: 36px; font-size: 18px; padding-top:60px ; display: flex; align-items: center; flex-direction:column; width:415px; border-radius: 10px;background: #FFFFFF;box-shadow: 0 0 50px 0 rgba(0,0,0,0.15);}
.servies_3 .card img{ width:130px; margin-bottom: 20px;}
.servies_3 .card strong{ font-size:28px; }
.servies_3 .card span{color: #999;}
.servies_3 .card b{ font-size:22px; margin-top: 30px;}

.aboutus_all{position: relative; z-index: 1; width:1200px;height:900px;margin:auto;font-size:14px;color:#653200;line-height:30px;margin-bottom:50px;margin-top: -50px;}
.aboutus_left{width:594px;float:left}
.aboutus_right{width:594px;margin-left:12px;float:left}
.aboutus_left :nth-child(2){margin-left:12px}
.aboutus_left_a{width:291px;height:291px;background:#8338F3;float:left;color:#fff;box-shadow: 0 40px 70px 0 rgba(0,9,40,0.16);}
.aboutus_left_a div{padding:15px; line-height: 28px;}
.aboutus_left_b{ display: flex; align-items: center; width:594px;height:291px;background:#832FFE;float:left;margin-top:12px;color:#fff;box-shadow: 0 40px 70px 0 rgba(0,9,40,0.16);}
.aboutus_left_b div{padding:15px;}
.aboutus_right_c{width:594px;height:594px;background:#fec52e;float:left;position:relative;box-shadow: 0 40px 70px 0 rgba(0,9,40,0.16);}
.aboutus_right_c .mask{width:594px;height:80px;position:absolute;background:#5F15CD;filter:alpha(opacity=60);-moz-opacity:0.6;opacity:0.6;bottom:0px;left:0px;z-index:1}
.aboutus_right_c .txt{width:564px;height:52px;position:absolute;color:#fff;padding:15px;bottom:0px;left:0px;z-index:2;line-height: 26px;}
.aboutus_right_a{box-shadow: 0 40px 70px 0 rgba(0,9,40,0.16);width:291px;height:291px;background:#5F15CD;float:left;margin-top:12px}
.aboutus_right_a .word{ color: #fff; padding: 20px;}
.aboutus_right_a .word img{display: block; width: 140px; margin: auto;}


.about_top {  height: 580px; background:url(../img/about_banner.jpg) center top;background-size: cover; position: relative; padding-top: 50px; box-sizing: border-box;}
.about_top .banner{width: 1350px; margin: auto; position: relative;}
.about_top .banner .txt1{ padding-top: 120px; text-align: center; font-size: 70px; color: #fff; font-weight: bold;}
.about_top .banner .txt2{line-height: 40px; text-align: center;font-size: 20px; color:rgba(255,255,255,0.6);}

.black{  display: flex; align-items: center; justify-content: center; z-index: 10; position: fixed; background: rgba(0,0,0,0.6); left: 0; top: 0; bottom: 0; right: 0;}
.black .tan{position: relative; padding: 20px; box-sizing: border-box; margin-bottom: 200px;background: #fff; width: 700px; height: 420px; border-radius: 20px;}
.black .tan .delet{cursor: pointer; right: -20px; top:-20px; line-height: 40px;text-align: center; border-radius: 50%; font-size: 24px; background: red; color: #fff; width: 40px; height: 40px; position: absolute;}
.black .tan .name{ color: #333; text-align: center;font-size: 18px; padding-top: 20px;}
.black .tan .name b{ font-size: 24px; display: block; text-align: center; margin-bottom: 5px;}
.black .tan .name span{color:#999;font-size: 18px; padding: 0 100px; display: block; text-align: center;}
.black .tan .action{ padding-top: 20px; display: flex; justify-content: center;}
.black .tan .action input{border:1px solid #dcdcdc ; margin-right: 10px; font-size: 16px; height: 40px; border-radius: 10px; padding: 0 10px; width: 180px;}
.black .tan .action  .btn{cursor: pointer; line-height: 40px; text-align: center; border-radius: 10px; font-size: 18px;  color: #fff; height:40px; width: 120px; background: #FF6600;}
.black .tan .action  .btn:hover{ background: #E39732;}
.black .tan .txt{padding-top: 10px; line-height: 30px; color: #fff; font-size: 14px;color:#999; width:550px; margin: auto;}
.black .tan .txt .txt_in{ text-align: center; font-size: 18px; color: #333;}
.pc_none{display: none!important}
.wrong{ font-size: 24px; color: red; text-align: center;  line-height: 24px; margin-top: 20px;}
.wrong1{ font-size: 18px; color: red; text-align: center; line-height: 24px; margin-top: 15px;}
.black .success{ padding: 30px 0; text-align: center; width: 300px; background: #fff; border-radius: 10px; display: flex; flex-direction: column; align-items: center;}
.black .success img{ width: 100px; margin-bottom: 20px;}
.black .success .btn{cursor: pointer; line-height: 40px; text-align: center; border-radius: 10px; font-size: 18px;  color: #fff; height:40px; width: 120px; background: #FF6600; margin-top: 30px;}
.black .success .btn:hover{ background: #E39732;}


}

/* 小于等于700px */
@media screen and (max-width: 700px){

body{ width: 100vw;}
.index_top{position: relative; box-sizing: border-box; background: url(../img/index_bg.svg) center bottom no-repeat;background-size: cover; height: 900px;}

.all_nav{ z-index: 9; left: 0; right: 0; position:fixed; top: 0; padding: 20px 10px; display: flex; justify-content: center; align-items: center; background: #5F15CD;}
.all_nav .logo{ width: 34vw; margin: auto; display: block;}
.all_nav .icon { width: 8vw; height: 8vw;}
.all_nav .icon img{ width: 8vw; height: 8vw;}
.index_top .banner{margin: auto; position: relative; padding-top: 100px; }
.index_top .banner .txt{ color: #fff; display: flex;flex-direction: column; align-items: center;}
.index_top .banner .txt .txt1{font-size: 24px; font-weight:900; line-height: 40px; }
.index_top .banner .txt .txt2{font-size: 50px;font-weight:900; line-height: 60px; }
.index_top .banner .txt .txt3{font-size: 14px; line-height: 40px; }
.index_top .banner .txt .btn{ margin-top: 30px; cursor: pointer; width: 160px; box-sizing: border-box; font-size: 20px; font-weight: bold; background: rgba(255,255,255,0.1); border-radius: 6px; border: 1px solid #fff; height: 50px;display: flex; align-items: center;justify-content: center;}
.index_top .banner .txt .btn:hover{background: rgba(255,255,255,0.2);}
.index_top .banner .phone{position: relative; width: 300px;  margin: auto; padding-top: 50px; }
.index_top .banner .phone .phone1{ position: absolute; left: -30px; z-index: 2; width: 250px;}
.index_top .banner .phone .phone2{ position: absolute; left: 120px; z-index: 1;width: 205px;}

.nav_phone{ justify-content: space-between; background:#5F15CD; left: 0; right: 0; display: flex; position: absolute; bottom: -9vw; height: 10vw; padding: 0 4vw;}
.nav_phone .nav_in{opacity: 0.7; line-height: 6vw; color: #fff; font-size: 14px; padding: 0 2vw; border: 1px solid #fff; height: 6vw; border-radius: 20vw;}
.nav_phone .btn{line-height: 6vw; color: #fff; font-size: 14px; padding: 0 2vw; border: 1px solid #ff6600; height: 6vw; border-radius: 20vw; background: #ff6600;}
.nav_phone .choosed{ background: rgba(255,255,255,0.3); opacity: 1;}



.all_title{ color: #999; font-size: 12px; display: flex; flex-direction: column; align-items:center; justify-content: center; padding: 0 7vw; text-align: center;}
.all_title b{ color: #333; font-size: 24px; margin-bottom: 5px;}

.index_1{ margin: auto; margin-top: 30px; }
.index_1 .card{ display: flex; position: relative; padding: 4vw; box-sizing: border-box;  background: #FFFFFF;box-shadow: 0 0 50px 0 rgba(0,0,0,0.15);border-radius: 10px; margin: 0 3vw;margin-bottom: 20px;}
.index_1 .card img{ margin-right: 20px; width:20vw;height: 20vw; margin-bottom: 30px;}
.index_1 .card span{ padding-top: 36px; line-height: 28px; color: #999; font-size: 14px;}
.index_1 .card b{ left: 28vw; top: 5vw; font-size:16px;margin-bottom: 10px; position: absolute; }
.index_1 .btn{cursor: pointer; line-height: 50px; text-align: center; border-radius: 10px; font-size:20px; color: #fff; height:50px; background: #FF6600;  margin: 0 3vw; margin-top: 20px;}
.index_1 .btn:hover{ background: #E39732;}



.index_2{ margin: auto; margin-top: 100px;}
.index_2 .pic{ width:100vw; position: relative; height:120vw; overflow: hidden;}
.index_2 .pic .pic1{ left:40vw; width: 50vw; top: 30vw; position: absolute; z-index: 3; box-shadow: 0 20px 35px 0 rgba(0,9,40,0.16);border-radius: 10px;}
.index_2 .pic .pic2{width: 60vw; left: 10vw; position: absolute;z-index: 2;  box-shadow: 0 20px 35px 0 rgba(0,9,40,0.16);border-radius: 10px;}
.index_2 .pic .pic3{ width: 120vw; position: absolute; top: 0; left: -10vw;}
.index_2 .txt { padding: 0 8vw; }
.index_2 .txt .name{ margin: 30px 0;}
.index_2 .txt .name b{ font-size:24px;display: block; margin-bottom: 5px;}
.index_2 .txt .name span{font-size:14px; color: #999;}
.index_2 .txt .list{display: flex; margin-bottom: 15px;}
.index_2 .txt .list img{width: 60px; margin-right: 15px;}
.index_2 .txt .list .text{ height: 80px;display: flex; flex-direction:column; justify-content: center; font-size:14px; color: #999;}
.index_2 .txt .list .text span{ font-size:20px ;color: #333; display: block;}

.index_3{  background: #41049B; margin-top: 30px;}
.index_3 .txt .name{ padding: 30px; padding-top: 50px;}
.index_3 .txt .name b{font-size:24px;display: block; margin-bottom: 5px; color: #fff; text-align: center;}
.index_3 .txt .name span{display: block;font-size:14px; color: rgba(255,255,255,0.6); text-align: center;}
.index_3 .txt .list{ width: 85vw;  margin-left:8vw; display: flex; margin-bottom: 30px; color: #fff; font-size: 16px;}
.index_3 .txt .list img{width: 30px; margin-right: 15px;}
.index_3 .pic{ width:100vw; position: relative; height:110vw;overflow: hidden;}
.index_3 .pic .pic1{ left: 20vw; width:70vw;bottom:0;position: absolute; z-index: 2; }
.index_3 .pic .pic2{ width:40vw;left: 10vw;top: 50vw; position: absolute;z-index: 3;  box-shadow: 0 20px 35px 0 rgba(0,9,40,0.16); border-radius: 10px;}
.index_3 .pic .pic3{ width: 80vw; position: absolute; top: 30vw; right: 0; left: 10vw;}



.index_4{ margin: auto; margin-top: 50px; }
.index_4 .pic{ width:100vw; position: relative; height: 170vw;overflow: hidden;}
.index_4 .pic .pic1{left: 50vw;top: 70vw;width: 45vw;  position: absolute; z-index: 3; box-shadow: 0 20px 35px 0 rgba(0,9,40,0.16);border-radius: 10px;}
.index_4 .pic .pic2{left: 50vw;top: 30vw; width: 40vw;  position: absolute;z-index: 4;  box-shadow: 0 20px 35px 0 rgba(0,9,40,0.16);border-radius: 10px;}
.index_4 .pic .pic3{left: 5vw;top: 80px; width: 60vw;  position: absolute;z-index: 2; box-shadow: 0 20px 35px 0 rgba(0,9,40,0.16);border-radius: 10px;}
.index_4 .pic .pic4{ width: 130vw; position: absolute; left: -15vw; }

.index_4 .txt { width: 84vw; margin: auto;}

.index_4 .txt .name b{ font-size:24px;display: block; margin-bottom: 15px;}
.index_4 .txt .name span{font-size:14px; color: #999;}
.index_4 .txt .list .blue{ margin-right: 15px; background: #40A5FF; height:20px; width: 20px; border-radius: 50%;}
.index_4 .txt .list .green{margin-right: 15px;background: #75DB73; height:20px; width: 20px; border-radius: 50%;}
.index_4 .txt .list .red{margin-right: 15px;background: #FF5881;  height:20px; width: 20px; border-radius: 50%;}
.index_4 .txt .list .orange{margin-right: 15px;background: #ff6600;  height:20px; width: 20px; border-radius: 50%;}

.index_4 .txt .list{display: flex; margin-top: 30px; font-size: 18px; align-items: center;}
.index_4 .btn{cursor: pointer; line-height: 50px; text-align: center; border-radius: 10px; font-size:20px; color: #fff; height:50px; background: #FF6600; margin-top: 50px;}
.index_4 .btn:hover{ background: #E39732;}

.index_5{ margin-top: 50px; background: url(../img/index_5.jpg) center top no-repeat; background-size: cover; padding-bottom: 5vw;}
.index_5 .content{ width: 100vw; margin: auto;  padding-top: 40px;}
.index_5 .content .name{ color: #fff; text-align: center;font-size: 14px;}
.index_5 .content .name b{ font-size: 24px; display: block; text-align: center; margin-bottom: 5px;}
.index_5 .content .name span{color: rgba(255,255,255,0.6); width: 80vw; display: block;margin: auto; text-align:center;}
.index_5 .content .action{ padding-top: 20px; display: flex; align-items: center; flex-direction: column; margin-bottom: 10vw;}
.index_5 .content .action input{font-size: 18px; height:40px; border-radius: 10px; border: 0; padding: 0 10px; width: 60vw; margin-bottom: 4vw; box-sizing: border-box;}
.index_5 .content .action  .btn{cursor: pointer; line-height: 50px; text-align: center; border-radius: 10px; font-size: 20px;  color: #fff; height:50px; width: 60vw; background: #FF6600;}
.index_5 .content .action  .btn:hover{ background: #E39732;}
.index_5 .content .txt{display: none;}

footer{ background: #202227; box-sizing: border-box; padding-top: 50px; padding-bottom: 50px;}
footer .content .txt img{ width: 180px; margin-right: 50px; display: block; margin: auto; margin-bottom: 2vw; margin-bottom: 20px;}
footer .content .txt span{line-height: 30px; font-size: 16px;  color: #fff; display: block; text-align: center; width: 80vw; margin: auto;}
footer .content .copyright{ font-size: 14px;color: rgba(255,255,255,0.6); text-align: center; margin-top: 30px;}
footer .content .copyright a{color: #fff; display: block; text-align: center;}

.product_top { height: 80vh; background: #832FFE;position: relative; padding-top: 50px; box-sizing: border-box; margin-bottom: 50px;}
.product_top .banner{ margin: auto; position: relative;}
.product_top .banner .txt{ margin-top: 60px; color: #fff; display: flex; flex-direction:column; align-items: center;}
.product_top .banner .txt .txt2{font-size: 50px;font-weight:900; line-height: 60px; margin-top: 20px; }
.product_top .banner .txt .txt3{font-size: 18px; line-height: 24px; margin-top: 20px; }
.product_top .banner .txt .btn{ margin-top: 40px; cursor: pointer; width: 186px; box-sizing: border-box; font-size: 20px; font-weight: bold; background: rgba(255,255,255,0.1); border-radius: 6px; border: 1px solid #fff; height: 50px;display: flex; align-items: center;justify-content: center;}
.product_top .banner .txt .btn:hover{background: rgba(255,255,255,0.2);}
.product_top .banner .pic{}
.product_top .banner .pic img{ display: flex; margin: auto; width: 80vw; margin-top: 10px;}


.product_1 .pic{margin-top: 5vw; overflow: hidden; position: relative; width: 100vw; height: 150vw;}
.product_1 .pic .pic1{ left: 2vw; top: 10vw; width: 45vw; z-index: 2;position: absolute;  box-shadow: 0 20px 35px 0 rgba(0,9,40,0.16);border-radius: 10px;}
.product_1 .pic .pic2{ z-index: 2;left:50vw;top: 10vw; width: 40vw; position: absolute; box-shadow: 0 20px 35px 0 rgba(0,9,40,0.16);border-radius: 10px;}
.product_1 .pic .pic3{ z-index: 2;left:12vw; width: 35vw;  top:33vw; position: absolute;  box-shadow: 0 20px 35px 0 rgba(0,9,40,0.16);border-radius: 10px;}
.product_1 .pic .pic4{z-index: 2; left:50vw; top:35vw;width: 45vw;  position: absolute;  box-shadow: 0 20px 35px 0 rgba(0,9,40,0.16);border-radius: 10px;}
.product_1 .pic .pic5{ width: 120vw; z-index: 1; left: -10vw; top: 0; position: absolute; }

.product_1 .txt{ padding: 0 5vw;}
.product_1 .txt .txt1{ display: flex; margin-top: -35vw;}
.product_1 .txt .txt1 span{ width:8px;height: 70px; border-radius: 10px; background: #24D397; flex-shrink: 0;}
.product_1 .txt .txt1 .text{ padding-left: 20px; font-size: 12px; line-height: 30px;}
.product_1 .txt .txt1 .text b{font-size:20px; display: block; margin-bottom:5px ;}
.product_1 .txt .txt2{ display: flex;margin-top: 30px;}
.product_1 .txt .txt2 span{ width:8px;height: 100px; border-radius: 10px; background: #6B5CD2; flex-shrink: 0;}
.product_1 .txt .txt2 .text{ padding-left: 20px; font-size: 12px; line-height: 30px;}
.product_1 .txt .txt2 .text b{font-size:20px; display: block;margin-bottom:5px ;}
.product_1 .txt .txt3{ display: flex;margin-top: 30px;}
.product_1 .txt .txt3 span{ width:8px;height: 100px; border-radius: 10px; background: #F76331; flex-shrink: 0;}
.product_1 .txt .txt3 .text{ padding-left: 20px; font-size: 12px; line-height: 30px;}
.product_1 .txt .txt3 .text b{font-size:20px; display: block;margin-bottom:5px ;}

.product_1 .txt .txt4{ display: flex;margin-top: 30px; margin-bottom: 80px;}
.product_1 .txt .txt4 span{ width:8px;height: 125px; border-radius: 10px; background: red; flex-shrink: 0;}
.product_1 .txt .txt4 .text{ padding-left: 20px; font-size: 12px; line-height: 30px;}
.product_1 .txt .txt4 .text b{font-size:20px; display: block;margin-bottom:5px ;}


.product_2 {margin: auto; margin-top: 30px; width: 100vw;}
.product_2 .pic{ width:100vw; position: relative; height: 170vw;overflow: hidden;}
.product_2 .pic .pic1{left: 50vw;top: 70vw;width: 45vw;  position: absolute; z-index: 3; box-shadow: 0 20px 35px 0 rgba(0,9,40,0.16);border-radius: 10px;}
.product_2 .pic .pic2{left: 50vw;top: 30vw; width: 40vw;  position: absolute;z-index: 4;  box-shadow: 0 20px 35px 0 rgba(0,9,40,0.16);border-radius: 10px;}
.product_2 .pic .pic3{left: 5vw;top: 80px; width: 60vw;  position: absolute;z-index: 2; box-shadow: 0 20px 35px 0 rgba(0,9,40,0.16);border-radius: 10px;}
.product_2 .pic .pic4{ width: 130vw; position: absolute; left: -15vw; }


.product_2 .txt{ padding: 0 5vw;}
.product_2 .txt .txt1{ display: flex;}
.product_2 .txt .txt1 span{ width:8px;height: 215px; border-radius: 10px; background: #40A5FF; flex-shrink: 0;}
.product_2 .txt .txt1 .text{ padding-left: 20px; font-size: 12px; line-height: 30px;}
.product_2 .txt .txt1 .text b{font-size:20px; display: block;margin-bottom:5px ;}
.product_2 .txt .txt2{ display: flex;margin-top: 30px;}
.product_2 .txt .txt2 span{ width:8px;height: 215px; border-radius: 10px; background: #75DB73; flex-shrink: 0;}
.product_2 .txt .txt2 .text{ padding-left: 20px; font-size: 12px; line-height: 30px;}
.product_2 .txt .txt2 .text b{font-size:20px; display: block;margin-bottom:5px ;}
.product_2 .txt .txt3{ display: flex;margin-top: 30px;}
.product_2 .txt .txt3 span{ width:8px;height: 185px; border-radius: 10px; background: #FF5881; flex-shrink: 0;}
.product_2 .txt .txt3 .text{ padding-left: 20px; font-size: 12px; line-height: 30px;}
.product_2 .txt .txt3 .text b{font-size:20px; display: block;margin-bottom:5px ;}


.product_3{ background: #F7F8FB;}
.product_3_title{ background: #F7F8FB; padding-top: 50px; }
.product_3 .content{ position: relative;padding-top: 50px;}
.product_3 .pic{width: 100vw; overflow: hidden; position: relative; height: 130vw;}
.product_3 .pic .pic1{ width:120vw ; z-index: 1;position: absolute; left: -10vw;}
.product_3 .pic .pic2{ z-index: 2;left:10vw;top: 10vw; width: 85vw; position: absolute;box-shadow: 0 20px 35px 0 rgba(0,9,40,0.16);border-radius: 10px;}
.product_3 .pic .pic3{ z-index: 3;left: 5vw; top: 14vw; width: 20vw; position: absolute; box-shadow: 0 20px 35px 0 rgba(0,9,40,0.16);border-radius: 10px;}
.product_3 .pic .pic4{ z-index: 4; left: 5vw; width: 50vw; top: 50vw; position: absolute; box-shadow: 0 20px 35px 0 rgba(0,9,40,0.16);border-radius: 10px;}
.product_3 .pic .pic5{  z-index: 5; right: 8vw; top: 5vw; position: absolute; box-shadow: 0 20px 35px 0 rgba(0,9,40,0.16);border-radius: 10px;}
.product_3 .pic .pic6{  z-index: 6; right: 5vw; top: 83vw; width:30vw; position: absolute; box-shadow: 0 20px 35px 0 rgba(0,9,40,0.16);border-radius: 10px; }


.product_3 .txt {padding: 0 5vw; position: relative;z-index: 6; padding-bottom: 40px;}
.product_3 .txt .txt1{ display: flex; margin-top:-80px;}
.product_3 .txt .txt1 span{ width:8px;height: 125px; border-radius: 10px; background: #5828E3; flex-shrink: 0;}
.product_3 .txt .txt1 .text{ padding-left: 20px; font-size: 12px; line-height: 30px;}
.product_3 .txt .txt1 .text b{font-size:20px; display: block;margin-bottom:5px ;}
.product_3 .txt .txt2{ display: flex;margin-top: 50px;}
.product_3 .txt .txt2 span{ width:8px;height: 125px; border-radius: 10px; background: #6FE229; flex-shrink: 0;}
.product_3 .txt .txt2 .text{ padding-left: 20px; font-size: 12px; line-height: 30px;}
.product_3 .txt .txt2 .text b{font-size:20px; display: block;margin-bottom:5px ;}
.product_3 .txt .txt3{ display: flex;margin-top: 50px;}
.product_3 .txt .txt3 span{ width:8px;height: 100px; border-radius: 10px; background: #E322D0; flex-shrink: 0;}
.product_3 .txt .txt3 .text{ padding-left: 20px; font-size: 12px; line-height: 30px;}
.product_3 .txt .txt3 .text b{font-size:20px; display: block;margin-bottom:5px ;}
.product_3 .txt .txt4{ display: flex;margin-top: 50px;}
.product_3 .txt .txt4 span{ width:8px;height: 125px; border-radius: 10px; background: red; flex-shrink: 0;}
.product_3 .txt .txt4 .text{ padding-left: 20px; font-size: 12px; line-height: 30px;}
.product_3 .txt .txt4 .text b{font-size:20px; display: block;margin-bottom:5px ;}

.product_4{ margin-top: 0;}







.servies_top  { height: 85vh; background: #832FFE;position: relative; padding-top: 50px; box-sizing: border-box; margin-bottom: 50px;}
.servies_top  .banner{ margin: auto; position: relative;}
.servies_top  .banner .txt{ margin-top: 60px; color: #fff; display: flex; flex-direction:column; align-items: center;}
.servies_top  .banner .txt .txt2{font-size: 50px;font-weight:900; line-height: 60px; margin-top: 20px; }
.servies_top  .banner .txt .txt3{font-size: 18px; line-height: 24px; margin-top: 20px; }
.servies_top  .banner .txt .btn{ margin-top: 40px; cursor: pointer; width: 186px; box-sizing: border-box; font-size: 20px; font-weight: bold; background: rgba(255,255,255,0.1); border-radius: 6px; border: 1px solid #fff; height: 50px;display: flex; align-items: center;justify-content: center;}
.servies_top  .banner .txt .btn:hover{background: rgba(255,255,255,0.2);}
.servies_top  .banner .pic img{ display: flex; margin: auto; width: 80vw; margin-top: 30px;}








.servies_1{ padding: 4vw;  margin: auto;}
.servies_1 .list{ margin-bottom: 30px;display: flex;}
.servies_1 .list img{ margin-right: 15px; width: 12vw; height: 12vw;}
.servies_1 .list b{ display: block; font-size:18px ;}
.servies_1 .list span{ font-size:14px; line-height: 26px;}


.servies_2{ margin: auto; margin-top: 30px; margin-bottom: 150px;}
.servies_2 .pic{  background: #EEF1F7; width: 100%; padding: 5vw 0;}
.servies_2 .pic img{display: block; margin: auto; width: 80vw; margin-top: 8vw;}
.servies_2 .txt{ padding-top: 30px;}
.servies_2 .txt .list{ margin-bottom: 30px; display: flex; align-items: flex-start; padding: 0 4vw;}
.servies_2 .txt .list img{ width: 60px; margin-right: 15px;}
.servies_2 .txt .list span{ font-size: 14px; line-height: 30px;}
.servies_2 .txt .list b{ font-size:18px; display: block;}

.servies_3{  box-sizing: border-box; }
.servies_3 .card{  margin-bottom: 50px; text-align: center; line-height: 36px; font-size: 14px; padding-top:20px ; display: flex; align-items: center; flex-direction:column; border-radius: 10px;background: #FFFFFF;}
.servies_3 .card img{ width:130px; margin-bottom: 10px;}
.servies_3 .card strong{ font-size:20px; }
.servies_3 .card span{color: #999;}
.servies_3 .card b{ font-size:16px; margin-top: 10px;}



.aboutus_all{margin:auto;font-size:14px;color:#653200;line-height:30px;}
.aboutus_left{width: 100%;}
.aboutus_right{width: 100%;}
.aboutus_left_a{background:#8338F3;color:#fff;width: 100%;}
.aboutus_left_a img{display: block; width:100%;}
.aboutus_left_a div{padding:15px;}
.aboutus_left_b{background:#832FFE;color:#fff}
.aboutus_left_b div{padding:15px;}
.aboutus_left_b img{display: block; width: 100%;}
.aboutus_right_c{background:#fec52e;position:relative}
.aboutus_right_c img{ display: block; width: 100%;}
.aboutus_right_c .mask{display: none; width:100%;position:absolute;background:#5F15CD;filter:alpha(opacity=60);-moz-opacity:0.6;opacity:0.6;bottom:0px;left:0px;z-index:1}
.aboutus_right_c .txt{background: rgba(95, 21, 205, 0.6); position:absolute;color:#fff;padding:15px;bottom:0px;left:0px;z-index:2;}
.aboutus_right_a{background:#106BD2; margin: 0!important;}
.aboutus_right_a img{ width: 100%; display: block;}
.aboutus_right_d{width:140px;height:140px;background:#106BD2;margin-left:11px;margin-top:11px;position:relative;cursor:pointer;color:#fff}
.aboutus_right_d div{width:140px;font-size:18px;font-weight:bold;text-align:center;position:absolute;top:15px;left:0px}
.aboutus_right_d img{width:80px;height:80px;margin-left:30px;margin-top:50px;-webkit-filter:brightness(100)}
.aboutus_right_a .word{ color: #fff; padding: 20px;}
.aboutus_right_a .word img{display: block; width: 140px; margin: auto;}


.about_top {  height: 100vw; background:url(../img/about_banner.jpg) center top;background-size: cover; position: relative; padding-top: 50px; box-sizing: border-box;}
.about_top .banner{ margin: auto; position: relative;}
.about_top .banner .txt1{ padding-top: 100px; text-align: center; font-size: 46px; color: #fff; font-weight: bold;}
.about_top .banner .txt2{line-height:26px; text-align: center;font-size: 12px; color:rgba(255,255,255,0.6);}

.black{  display: flex; align-items: center; justify-content: center; z-index: 10; position: fixed; background: rgba(0,0,0,0.6); left: 0; top: 0; bottom: 0; right: 0;}
.black .tan{position: relative; padding: 20px; box-sizing: border-box; margin-bottom: 200px;background: #fff; width: 80vw; border-radius: 20px;}
.black .tan .delet{cursor: pointer; right: -20px; top:-20px; line-height: 40px;text-align: center; border-radius: 50%; font-size: 24px; background: red; color: #fff; width: 40px; height: 40px; position: absolute;}
.black .tan .name{ color: #333; text-align: center;font-size: 14px; padding-top: 20px;}
.black .tan .name b{ font-size: 20px; display: block; text-align: center; margin-bottom: 5px;}
.black .tan .name span{color:#999}
.black .tan .action{ padding-top: 20px; display: flex;align-items: center; flex-direction: column; }
.black .tan .action input{border:1px solid #dcdcdc ; font-size: 16px; height: 40px; border-radius: 10px; padding: 0 10px; width: 60vw; margin-bottom: 15px; box-sizing: border-box;}
.black .tan .action  .btn{cursor: pointer; line-height: 40px; text-align: center; border-radius: 10px; font-size: 18px;  color: #fff; height:40px; width: 60vw; background: #FF6600;}
.black .tan .action  .btn:hover{ background: #E39732;}
.black .tan .txt{padding-top:5px; line-height: 20px; color: #fff; font-size: 12px;color:#999;  margin: auto;}
.phone_none{display: none!important}	
.wrong{ font-size: 18px; color: red; text-align: center; height: 18px; line-height: 18px; margin-top: -20px;}
.wrong1{ font-size: 15px; color: red; text-align: center;  line-height: 24px; margin-top: 5px;}
.black .success{ padding: 30px 0; text-align: center; width: 300px; background: #fff; border-radius: 10px; display: flex; flex-direction: column; align-items: center;}
.black .success img{ width: 100px; margin-bottom: 20px;}
.black .success .btn{cursor: pointer; line-height: 40px; text-align: center; border-radius: 10px; font-size: 18px;  color: #fff; height:40px; width: 120px; background: #FF6600; margin-top: 30px;}
.black .success .btn:hover{ background: #E39732;}

}