/* public */
html {
    font-size: 16px;
    overflow-x: hidden;
}
/*html::-webkit-scrollbar{width:0px}*/
* {
    margin: 0;
    padding: 0;
}
iframe body{
    overflow-y : hidden;
}
ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

li {
    cursor: pointer;
}

img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
}

a {
    color: #fff;
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

body {
    background: #fff;
   
  
}

/*********payment-start**********/
.clear{ clear:both;}
.border-top{border-radius: 20px 20px 0 0;}
.pay-title{ color: #195aa2;font-family: "NotoSans-Medium";font-size: 35px;width: 100%; text-align: center;padding: 5% 0;}
.centent_left {
    width: 90%;
    padding: 20px 40px 20px 40px;
    box-sizing: border-box;
    margin: 50px auto;
    border-radius: 20px;
}
.inf_itema{
    padding: 2%;
    margin: 15px 0;
    border-radius: 20px;
    background: #fff;
}
.inf_item2{
    border-radius: 20px;
    padding: 2% 4%;
    background: #fff;
}
.order_num {
    font-size: 17px;
    padding: 8px 0;
}
.inf-title {
    font-family: 'Futura_Book';
    padding: 3% 0;
    font-size: 22px;
    color: #6fbe53;
}
.bill_box.inf-con, .step3 .inf-con {
    border: 1px solid #ccc;
    padding: 0;
    font-size: 17px;
	border-bottom: none;
}
.white_box {
    padding: 15px;
    border-bottom: 1px solid #ccc;
    position: relative;
    width: 100%;
    box-sizing: border-box;
    display: block;
}

.radio {
    margin-right: 8px;
}
.pay_radio {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto !important;
}
.left_img {
    vertical-align: middle;
    position: relative;
    left: 25px;
}
.right_img {
    float: right;
    position: relative;
    top: -7px;
}
.pay_method_logo {
    height: 30px;
}
.btn-lf{ float:left; width:49%;margin: 50px 0;}
.btn-lf a{ background:#033553; float:right;}
.btn-rg{ float:right; width: 49%;margin: 50px 0;}



/*********payment-end**********/


/*********pay_success-star**********/
#container {
    position: relative;
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
}

.payment-wrap {
    width: 50%;
    text-align: center;
    padding-top: 3%;
    margin: 0 auto;
    margin-bottom: 9%;
}
.payment-result {
    background-color: #f7f7f7;
    padding: 20px;
	border-radius: 20px;
}
.result-icon img {
    width: 100px;
}
.btn {
    padding: 12px 0;
    color: #fff;
    text-decoration: none;
    background-color: #ffc800;
    display: inline-block;
    margin: 5px 0;
    text-align: center;
    width: 250px;
    font-size: 16px;
    font-weight: bold;
}
/*********pay_success-end**********/

/*********order-start**********/
.list-scr{max-width: 1800px;width:100%;margin: 0 auto;padding:1% 2% 2% 2%;background:#F9F9F9;padding-bottom: 50px;border-radius: 20px 20px 0 0;}
.table-list{width: 100% !important;margin: 0 auto;background: #fff;}
.table-list tr th{border-right:3px solid #fff; line-height:20px; padding: 5px; text-align: center; background-color: #f6f6f6; color: #277d08;}
.table-list tr th:last-child{
    border-right: 0;
}
.table-list tr td{padding: 10px;text-align: center; line-height:20px;}
.table-list .input-w{ outline-style: none ; border: 1px solid #ddd; width:110px; height: 30px; padding: 0px 10px;}


/********order-end**********/


/* header start */
header {
    width: 100%;
    /* overflow: hidden; */
    margin: 0px 0;
}

.head_mian {
    display: flex;
    align-items: center;
    justify-content: space-between;
}



.navbar-toggle {
    position: relative;
    float: left;
    padding: 9px 10px;
    margin-right: 15px;
    background-color: #6fbe53;
    background-image: none;
    /* border: 1px solid #333; */
    border-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    width: 44px;
    height: 36px;
}

.fixednav {
    box-shadow:0px 1px 5px #ddd;
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    z-index: 999;
}
.fixednav_moblie{
    position: fixed;
    top: 52px;
    left: 0px;
    width: 100%;
    z-index: 999;
    background: #fff;
}
.nav {
    filter: drop-shadow(0 0 1px rgba(0, 0, 0, .2));
}

.nav>li {
    background-color: #fff;
    border-bottom: 1px solid #efefef;
}

.nav>li>a {
    color: #333;
}
/*.nav>.gray_li:nth-child(6){*/
    /*border-top: 1px solid #efefef;*/
/*}*/
.nav>.gray_li{
    background: #f9f9f9;
    border: 0;
}
.nav>.gray_li>a {
     color: #000;
 }

.nav>li:hover>a {
    background-color: #6fbe53;
    color: #fff;
}

.navbar-toggle .icon-bar {
    background-color: #fff;
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px;
}

.dropdown-menu {
    background: #fff;
    filter: drop-shadow(0 0 5px rgba(0, 0, 0, .3));
}

.dropdown-menu>li>a {
    color: #333;
}

/* .dropdown-menu>li>a:hover {
    background-color: #6fbe53;
    color: #fff;
} */

.model-btn {
    color: black;
}

.pc-nav {
    width: 50%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 20px;
    color: #333;
}

.pc-nav>li {
   
    position: relative;
}

.pc-nav>li>a {
    padding: 20px;
    position: relative;
    color: #9b9b9b;

}
.pc-nav>li:nth-child(4){
    padding-right: 0;
}
.pc-nav>li:nth-child(4)>a{
    display: block;
    padding: 20px 15px;
}
.pc-nav>li:hover>a {
    color: #6fbe53;
}

.sub-arrow {
    font-size: 16px;
    line-height: 1;
    padding: 10px 0 10px 10px;
    margin-top: -10px;
    margin-bottom: -10px;
}

.fa {
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
}

.sub-arrow .fa:before {
    content: "";
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid currentColor;
    display: inline-block;
    transform: translateY(-50%);
}

.sub_menu {
    margin-top: 13px;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 0 6px rgba(0, 0, 0, .2);
    display: none;
    margin-left: -30px;
    position: absolute;
    width: 130%;
    overflow: hidden;
    z-index: 1000;
}

.sub_menu>li {
    color: #333;
    text-align: center;
    background: #fff;
}

.sub_menu::before {
    z-index: 1000;
    background-color: #000;
    bottom: 100%;
    left: 20%;
    border: 13px solid #000;
    /* border-bottom-color: #000; */
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
}

.sub_menu>li>a {
    display: block;
    padding: 15px;
    width: 100%;
    height: 100%;
    color: #333;
    font-size: 14px;
}

.sub_menu>li:hover {
    background-color: #6fbe53;
}

.sub_menu>li:hover>a {
    color: #fff;
}

.hide {
    display: none;
}

.login_box {
    width: 20%;
}

.login_box>div {
    padding: 5px 15px;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: space-around;
    background: #6fbe53;
    border:2px solid transparent
}

.login_box>div>div:nth-child(2) {
    width: 70%;
    display: flex;
    align-items: center;
}

.login_box>div>div:nth-child(2)>.login_link:nth-child(1) {
    margin-right: 15px;
}

.login_link {
    color: #333;
    transition: all 1s linear;
}
.login_link a{
    text-decoration: underline;
}
.login_box>div:hover .login_link>a {
    text-decoration: underline;
    color: #6fbe53;
    transition: all 1s linear;
}

/* header end */
/* content start */
@media (min-width:1400px) {
    section .container {
        width: 1400px;
    }
    header .container {
        width: 1400px;
    }
    footer .container {
        width: 1400px;
    }
}
.main {
    z-index: 4;
    position: relative;
    justify-content: center;
    display: flex;
    flex-wrap: wrap;
}
.main>div:nth-child(1){
    padding-top: 20px;
}
.main>div.mian_box1,
.main>div.mian_box2 {
    margin-bottom: 5.5%;
}
.main>div.mian_box3 {
    margin-bottom: 7%;
}
.mian_title{
    width: 100%;
    text-align: center;
    margin: 0 auto;
    font-family: 'NotoSans-Bold';
    font-weight: bolder;
    color: #195aa2;
    margin-bottom: 5%;
    font-size: 45px;
}
.mian_title>span{
    margin-right: 20px;
    font-style: italic;
}
.mian_box1 {
    width: 50%;
}
.mobile_pic{
    display: none;
}
.mobile_list{
    display: none;
}
.box1_images {
    width: 100%;
}

.box1_images>a {
    width: 100%;
    display: block;
}

.box1_title {
    animation-delay: 0.5s;
    display: flex;
    flex-wrap: wrap;
    padding: 5% 0;
    margin-bottom: 20px;
    align-items: center;
    
}
.box1_title>a {
    width: 100%;
}

.box1_text {

    width: 80%;
    text-align: center;
}

.text {
    margin-left: 10%;
    animation-delay: 0.8s;
    width: 69%;
    padding: 3%;
}

.text>a {
    color: #333333;
    font-size: 18px;
    font-weight: bold;
    line-height: 30px;
}
.text>a>span{
    font-style: italic;
}
.box1_robot{
    width: 80%;
    margin: 2% auto 3% auto;
}
.box1_button_p{
    width: 65%;
    margin: 0 auto;
}
.box1_button {
    width: 246px;
    border:2px solid transparent;
    animation-delay: 1.1s;
    box-sizing: border-box;
    padding: 10px 15px;
    border-radius: 50px;
    background: #6fbe53;
    transition: all 1s linear;
}

.box1_button>a {
    line-height: 25px;
    font-family: 'NotoSans-Medium';
    color: #fff;
    display: block;
    font-size: 20px;
    text-align: center;
    transition: all 1s linear;
}

.box1_button>a:hover {
    color: #6fbe53;
    transition: all 1s linear;
}

.mian_box2 {
    width: 50%;
}

.box2_mian {
    font-family: 'NotoSans-Medium';
    width: 70%;
    font-size: 30px;
    color: #003555;
}
.box2_title{
    padding-left: 5%;
}
.box2_mian>span {
    color: #195aa2;
    font-weight: bold;
}

.mian_box3 {
    
    width: 100%;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.molibe-mian_box3{
    display: none;
}
.swiper-container{
    margin-top: 8%;
    --swiper-navigation-color: #fff;/* 单独设置按钮颜色 */
    --swiper-navigation-size: 30px;/* 设置按钮大小 */
}
.swiper-button{
    padding: 0 5px;
    cursor: pointer;
    position: absolute;
    font-size: 30px;
    z-index: 5;
    top: 40%;
    color: #fff;
}
.button-right{
    right: 0;
}
.molibe-mian-button{
    display: none;
}
.mian_box3>div {
    width: 23%;

}
.mian_box3>div:nth-child(5){
    margin-left: 23%;
}
.element-box {
    color: #fff;
    padding: 30px 30px 25% 30px;
}
.swiper-button-prev{
    outline: none;
}
.swiper-button-next{
    outline: none;
}
.icon_title {
    height: 75px;
    padding-bottom: 20px;
}

.element_title {
    font-family: 'NotoSans-Bold';
    height: 90px;
    font-size: 25px;
    padding-bottom: 20px;
}

.element_text {

    height: 112px;
    font-size: 18px;
    line-height: 26px;
}

.trapezoid{
    display:inline-block;
    float: left;
    height: 0;
    width: 97%;
    line-height: 30px;
    padding-left: 5px;
    border-width: 0px 20px 20px 0px;
    border-style: none solid solid;
}
.trapezoid1{
    border-color: transparent transparent #819aa9;
}
.trapezoid2{
    border-color: transparent transparent #b7dfa9;
}
.trapezoid3{
    border-color: transparent transparent #e4ae8e;
}
.qua {
    display: inline-block;
    float: left;
    width: 3%;
    height: 20px;
    margin-left: -10px;
    -webkit-transform: skew(45deg);
    -moz-transform: skew(45deg);
    -o-transform: skew(45deg);
    -ms-transform: skew(45deg);
    transform: skew(45deg);
    background: #e6ebee;
}
.qua1{
    background: #e6ebee;
} 
.qua2{
    background: #f1f9ee;
}
.qua3{
    background: #faefe9;
}
.element {
    background: #033553;
    animation-duration: 1s;
    animation-delay: 0.5s;
}

.element2 {
    background: #6fbe53;
    animation-duration: 1s;
    animation-delay: 0.8s;
}

.element3 {
    background: #c95d1d;
    animation-duration: 1s;
    animation-delay: 1.1s;
}

div.element4 {
    animation-duration: 1s;
    animation-delay: 1.3s;
    width: 25%;
    margin-left: 6%;
}

.box3_title {
    width: 30%;
    /* margin-left: 6%; */
}

.box3_title>div:nth-child(1)>a {
    width: 60%;
    display: block;
    margin-bottom: 5%;
    margin-left: 35%;
}

.box3_text {
    width: 100%;
}

.box3_button {
    box-sizing: border-box;
    margin: 0 auto;
    width: 246px;
    padding: 10px 15px;
    border-radius: 50px;
    background: #6fbe53;
    transition: all 1s linear;
    border:2px solid transparent;
}

.box3_button>a {
    line-height: 25px;
    font-family: "NotoSans-Medium";
    color: #fff;
    transition: all 1s linear;
    display: block;
    margin: 0 auto;
    font-size: 20px;
    text-align: center;
}

.box3_button>a:hover {
    color: #6fbe53;
    transition: all 1s linear;
}
.mian_box4{
    
    width: 100%;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
}
.box4_title{
    font-family: 'NotoSans-Bold';
    padding: 25px 30px 20px 30px;
    color: #195aa2;
    font-size: 45px;
    font-weight: bold;
    text-align: left;
}
.feat_mian{
    animation-delay: 1.3s;
    padding: 2% 2% 4% 2%;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    width: 100%;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    background: #fdf5d1;
}
.feat_box{
    padding: 20px 40px 6% 40px;
    width: 33%;
}
.line{
    width: 2px;
    height: 60%;
    background: #fff;
}
.feat_button{
    box-sizing: border-box;
    margin: 0 auto;
    width: 264px;
    padding: 10px 15px;
    border-radius: 50px;
    background: #6fbe53;
    transition: all 1s linear;
    border:2px solid transparent;
}
.feat_button>a{
    line-height: 24px;
    font-family: 'NotoSans-Medium';
    color: #fff;
    transition: all 1s linear;
    display: block;
    margin: 0 auto;
    font-size: 20px;
    text-align: center;
}
/* .feat_text::before{
    content: "";
    width: 10px;
    height: 50px;
    background: #fff;
} */
.feat_title{
    font-family: 'NotoSans-Bold';
    animation-delay: 1.5s;
    font-size: 25px;
    color: #033553;
    padding-bottom: 30px;
}
.feat_text{

    animation-delay: 1.7s;
    color: #333333;
    font-size: 18px;
}

.pic-box {
    position: absolute;
    width: 50%;
    height: 20%;
    right: -10px;
    top: 90px;
}
.background {
    position: absolute;
}

.background1 {
    top: 43%;
    right: 14.5%;
    z-index: 3;
}

.background2 {
    top: 57%;
    right: 19%;
    z-index: 2;
}

.background3 {
    top: 30%;
    right:36%;
    z-index: 1;
}
.list_box{
    position: absolute;
    width: 47%;
    height: 12%;
    right: 90px;
    top: 670px;
}
.list_box>ul{
    list-style: disc;
}
.list_title{
    font-family: 'NotoSans-Bold';
    margin-left: -1em;
    font-size: 25px;
    color: #195aa2;
    margin-bottom: 3%;
}
.list_box>ul>li{
    padding: 3px 0px;
    font-size: 16px;
    font-style: italic;
    color: #333333;
}
.box01,
.box02,
.box03,
.box04,
.box05 {
    position: absolute;
    border-radius: 20px;
}

.box01 {
    width: 400px;
    height: 500px;
    top: 315px;
    right: 240px;
    z-index: -3;
}

.box02 {
    width: 500px;
    height: 430px;
    top: 390px;
    right:60px;
    z-index: -2;
}

.box03 {
    width: 500px;
    height: 390px;
    top: 650px;
    right: 319px;
    border-bottom-left-radius: 0;
    z-index: -1;
}

.box04 {
    width: 450px;
    height: 580px;
    top: 1345px;
    left: 180px;
    z-index: -1;
}

.box05 {
    width: 425px;
    height: 483px;
    top: 1750px;
    right: 0;
    z-index: -1;
}

.ce9f0f4 {
    background-color: #e9f0f4;
}

.cfdf5d1 {
    background-color: #fdf5d1;
}

.industries_box {
    width: 100%;
    padding: 0 0 5.6% 0;
    background: #f6f6f6;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    overflow: hidden;
}

.industries_title {
    font-family: 'NotoSans-Bold';
    
    padding: 5% 0;
    color: #195aa2;
    font-size: 45px;
    font-weight: bold;
    text-align: center;
}

.industries_list {
    padding: 0 5%;
    justify-content: center;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    /*overflow: hidden;*/
}

.industries_list a {
    word-wrap:break-word;
    color: #cccccc;
}


.icon_box {
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin:0 1.1%;
    width: 12%;
}

.icon_box:nth-child(1) {
    animation-duration: 1s;
    animation-delay: 0.5s;
}

.icon_box:nth-child(2) {
    animation-duration: 1s;
    animation-delay: 0.8s;
}

.icon_box:nth-child(3) {
    animation-duration: 1s;
    animation-delay: 1.1s;
}

.icon_box:nth-child(4) {
    animation-duration: 1s;
    animation-delay: 1.3s;
}

.icon_box:nth-child(5) {
    animation-duration: 1s;
    animation-delay: 1.5s;
}

.icon_box:nth-child(6) {
    animation-duration: 1s;
    animation-delay: 1.7s;
}

.icon_box:nth-child(7) {
    animation-duration: 1s;
    animation-delay: 1.9s;
}

.icon_img {
    /* display: flex;
    justify-content: center; */
}

.icon_img>a>img {
    display: block;
    margin: 0 auto;
}

.icon_text {
    width: 113%;
    /*height: 60px;*/
    font-size: 14px;
    text-align: center;
    word-wrap:break-word;
    padding: 10px;
}

.icon_box:hover a {
    color: #6fbe53;
}

.eff_box {
    width: 100%;
    padding: 5% 0 2% 0;
}

.eff_title {
    font-family: 'NotoSans-Bold';
    animation-delay: 0.8s;
    
    padding: 10px 0;
    color: #195aa2;
    font-size: 45px;
    text-align: center;
}

.eff_text {
    font-family: 'NotoSans-Medium';
    animation-delay: 1.1s;
    
    padding: 10px 0;
    color: #666666;
    font-size: 22px;
    text-align: center;
}

.eff_img {
    margin-top: 30px;
}

.eff_img>a>img {
    display: block;
    margin: 0 auto;
}
.key_box{
    width: 100%;
    padding: 3% 0;
}
.molibe_key_list{
    display: none;
}
.molibe_key_button{
    display: none;
}
.key_title{
    font-family: 'NotoSans-Bold';
    padding: 10px 30px;
    color: #195aa2;
    font-size: 45px;
    font-weight: bold;
    text-align: left;
}
.key_mian{
    width: 100%;
    display: flex;
}
.key_button_box {
    display: flex;
    width: 35%;
    padding: 2% 30px;
    align-items: flex-end;
    flex-wrap: wrap;
}

.key_robot_box {
    margin: 24% 0 5% -10%;
}
.key_button_p{
    width: 95%;
}
.key_button {
    width: 246px;
    height: 49px;
    padding: 10px 15px;
    border-radius: 50px;
    background: #6fbe53;
    transition: all 1s linear;
    border:2px solid transparent;
}

.key_button>a {
    line-height: 25px;
    font-family: 'NotoSans-Medium';
    color: #fff;
    display: block;
    font-size: 20px;
    text-align: center;
    transition: all 1s linear;
}
.key_list{
    width: 54%;
    display: flex;
    position: relative;
    flex-direction: column;
}
.key_list>ul{
    list-style: disc;
    margin-bottom: 1%;
}
.key_list>ul:nth-child(1){
    margin-top: -9%;
}
.key_list>ul:nth-child(1){
    margin-left: 13%;
}
.key_list>ul>li{
    padding: 5px 0;
    color: #333333;
    font-size: 16px;
    font-style: italic;
}
.box06,.box07{
    position: absolute;
    border-radius: 20px;
}
.box06{
    z-index: -1;
    width: 740px;
    height: 250px;
    top: -70px;
    left: 30px;
}
.box07{
    z-index: -1;
    width: 600px;
    height: 280px;
    top: 65px;
    left: -70px;
}
button.button_hover {
    cursor: pointer;
    background: #fff;
    border: 2px solid #6fbe53;
    transition: all 1s linear;
    color: #6fbe53;
}
button.button_hover2 {
    cursor: pointer;
    border:2px solid transparent;
    background: #6fbe53;
    transition: all 1s linear;
}
a.button_hover {
    cursor: pointer;
    background: #fff;
    border: 2px solid #6fbe53;
    transition: all 1s linear;
    color: #6fbe53;
}
a.button_hover2 {
    cursor: pointer;
    border:2px solid transparent;
    background: #6fbe53;
    transition: all 1s linear;
}
.price_btn>a.button_hover {
    cursor: pointer;
    background: #fff;
    border: 2px solid #6fbe53;
    transition: all 1s linear;
    color: #6fbe53;
}
.price_btn>a.button_hover2 {
    cursor: pointer;
    border:2px solid transparent;
    background: #6fbe53;
    transition: all 1s linear;
}

div.button_hover {
    cursor: pointer;
    background: #fff;
    border: 2px solid #6fbe53;
    transition: all 1s linear;
}
div.button_hover:hover a {
    color: #6fbe53;
}

div.button_hover2 {
    cursor: pointer;
    border:2px solid transparent;
    background: #6fbe53;
    transition: all 1s linear;
}

/* content end */
/* footer start */
footer {
    width: 100%;
    overflow: hidden;
    background: #033553;
}

.contact_us {
    padding: 2% 0 1% 0;
}
.contact_us_list {
    padding: 0 10%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.contact_us_box {
    width: 20%;
}

.contact_us_box>li {
    /*padding: 5px 10px;*/
    color: #fff;
}
.contact_us_box>li>a{
    width: 100%;
    display: block;
    padding: 5px 10px;
}
footer  a:hover {
    color: #6fbe53;
}
.contact_us_box>li:first-child {
    padding: 10px;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 20px;
}

.contact_us_box {
    display: flex;
    flex-direction: column;
}

.contact_us_box:last-child {
    width: 25%;
}
.contact_us_list>ul:nth-child(4)>li:nth-child(3) {
    padding-left: 0;
}
.link_box {
    width: 85%;
    display: flex;
    justify-content: space-between;
}

.link_box>li {
    width: 20%;
}

.footer_link {
    padding-bottom: 1%;
    color: #fff;
    display: flex;
    justify-content: center;
}

.footer_link>div {
    padding: 10px;
    margin-right: 5px;
}
.contact_title{
    width: 100%;
    color: #828586;
    font-size: 35px;
    text-align: center;
    padding: 5% 0;
    line-height: 43px;
}
#myform{
    height: 890px;
}
.backtop-btn {
    position: fixed;
    bottom: 50px;
    right: 10px;
    opacity: .5;
    z-index: 1000;
    cursor: pointer;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    /* display: none; */
}
#backtop:hover {
    /* bottom: 110px; */
    opacity: 1;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
}
/* footer end */
/* 媒体查询 */
@media (max-width:1400px) {
    .pc-nav>li {
        padding: 20px 5px;
    }
    .pc-nav>li>a{
        padding: 20px 10px;
    }

    .box04{
        top: 1300px;
        width: 370px;
        left: 155px;
    }
    .key_list>ul:nth-child(1){
        margin-top: -8%;
    }
    .box07 {
        top: 45px;
    }
    .box06{
        width: 685px;
    }
    .pc-nav {
        font-size: 16px;
    }
    .key_list {
        width: 60%;
    }
    .login_box {
        width: 20%;
    }

    .login_box>div>div:nth-child(2) {
        width: 70%;
        display: flex;
        flex-direction: column;
    }

    .login_box>div>div:nth-child(2)>.login_link:nth-child(1) {
        margin-right: 0;
    }
    
    .box1_title>div:nth-child(1){
        width: 100%;
    }
    .box1_button_mian{
        width: 80%;
        margin: 0 auto;
        display: flex;
        align-items: flex-end;
    }
    .box1_button_mian>div:nth-child(1){
        width: 35%;
    }
    .main>div.mian_box1,
    .main>div.mian_box2 {
        margin-bottom: 10%;
    }
    .box2_mian {
        width: 85%;
    }
    .box01{
        right:145px;
    }
    .box02{
        right:15px;
    }
    .box03{
        height: 380px;
        right: 185px;
    }
    .pic-box{
        right: -50px;
    }
}
@media (max-width:1200px){
     header .container {
        width: 1170px;

    }
    section .container {
        width: 1170px;
    }
    footer .container {
        width: 1170px;
    }
    div.key_list{
        width: 60%;
    }
}
@media (max-width:1090px){
    .box03 {
        height: 339px;
        right: 135px;
    }
}

@media (max-width:1170px) {
    .pc-nav>li:nth-child(4)>a{
        width: 80px;
    }
    .box04{
        top: 1300px;
        width: 370px;
        left: 145px;
    }
    .key_list>ul:nth-child(1){
        margin-top: -10%;
    }
    header .container {
        width: 100%;

    }
    section .container {
        width: 100%;
    }
    footer .container {
        width: 100%;
    }
    
    .pc-nav {
        font-size: 14px;
    }

    .login_box {
        width: 21%;
    }


    
    .main>div.mian_box1,
    .main>div.mian_box2 {
        margin-bottom: 11.5%;
    }
    .box2_mian {
        width: 85%;
    }
    .box01{
        right:145px;
    }
    .box02{
        right:15px;
    }
    .box03{
        height: 384px;
        right: 185px;
    }
    .pic-box{
        right: -38px;
    }
    .background1{
        right: 11.5%;
    }
    .key_robot_box{
        margin-left: -5%;
    }
    .box06{
        width: 650px;
    }
    .key_list>ul>li{
        font-size: 16px;
    }
}
@media (max-width:1160px){
    .box04{
        top: 1280px;
        width: 370px;
        left: 137px;
    }
    .box03{
        height: 378px;
        right: 185px;
    }
}
@media (max-width:1140px){
    .main>div.mian_box1,
    .main>div.mian_box2 {
        margin-bottom: 14.5%;
    }
    .box03{
        height: 400px;
        right: 185px;
    }
    .box04 {
        top: 1300px;
        left: 130px;
    }
}
@media (max-width:1130px){
    .box04{
        top: 1300px;
        left: 125px;
    }
    .box01{
        right:100px;
    }
    .box02{
        right:0;
    }
    .box03{
        height: 392px;
        right: 150px;
    }
    .pic-box{
        right: -60px;

    }
}

@media (max-width:1090px){
    .main>div.mian_box1, .main>div.mian_box2 {
        margin-bottom: 16%;
    }
    .box04 {
        top: 1300px;
        left: 112px;
    }
    .box03{
        height: 396px;
        right: 185px;
    }
}
@media (max-width:1070px){
    .box04{
        top: 1300px;
        width: 330px;
        left: 140px;
    }
    .main>div.mian_box1,
    .main>div.mian_box2 {
        margin-bottom: 17%;
    }
    .box06{
        width: 550px;
    }
    .box07{
        width: 590px;
    }
    .key_list{                                        
        margin-left: 5%;
    }
    .key_list>ul:nth-child(1) {
        margin-top: -10%;
    }
}
@media (max-width:1050px){
    .box07{
        height: 260px;
    }
    .box04{
        top: 1300px;
        width: 315px;
    }
    .main>div.mian_box1,
    .main>div.mian_box2 {
        margin-bottom: 19%;
    }
    .box2_mian {
        width: 95%;
    }
    .box01{
        right:80px;
    }
    .box02{
        width: 400px;
        right:15px;
    }
    .box03{
        height: 385px;
        right: 115px;
    }
    .pic-box{
        right: -40px;

    }
    .background1{
        right: 11.5%;
    }
}
@media (max-width:1030px){

    .box04{
        top: 1260px;
        width: 300px;
    }
    .box03{
        height: 352px;
    }
}
@media (max-width:1010px){
    .main>div.mian_box1, .main>div.mian_box2 {
        margin-bottom: 20%;
    }
}
@media (max-width:996px) {
    #myform{
        height: 825px;
    }
    .molibe-right-robot{
        margin-bottom: 3%;
    }
    .mobile_list_title{
        margin-bottom: 5%;
    }
    .box1_button_p{
        width: auto;
    }
    .molibe_button{
        margin: 3% auto 0 auto;
    }
    .box1_title{
        flex-direction: column;
    }
    .box1_robot{
        width: 40%;
    }
    .mian_title{
        margin: 5% auto;
    }
    .key_mian{
        flex-direction: column;
    }
    .key_button_box{
        display: none;
    }
    .key_list{
        display: none;
    }
    .molibe_key_list{
        background: #e9f0f4;
        display: block;
        width: 100%;
        padding: 20px;
    }
    .molibe_key_list>ul{
        width: 80%;
        margin: 3% auto;
        list-style: disc;
    }
    .molibe_key_list>ul>li {
        padding: 5px 0;
        color: #333333;
        font-size: 16px;
        font-style: italic;
    }
    .molibe_key_button{
        padding: 3% 0;
        justify-content: center;
        display: flex;
        align-items: flex-end;
        flex-direction: column;
        width: 100%;
 
    }
    .molibe_key_robot {
        margin: 0 auto;
        margin-left: 31%;
    }
    .box06,.box07{
        display: none;
    }
    .feat_mian{
        padding-bottom: 5%;
    }
    header {
        /*padding: 5px 0;*/
        margin: 0;
    }

    .login_box>div>div:nth-child(2) {
        width: 90%;
    }

    .pc-nav {
        display: none;
    }

    .login_box {
        display: none;
    }
    .pic-box{
        display: none;
    }
    .list_box{
        display: none;
    }
    .box01,
    .box02,
    .box03,
    .box04,
    .box05 {
       display: none;
    }
    
    .mian_title{
        font-size: 35px;
    }
    .main>div.mian_box1, .main>div.mian_box2 {
        margin-bottom: 2%;
    }
    .main>div.mian_box2 {
        margin-bottom: 5%;
    }
    .box1_button_mian{
        margin-left: 14%;
    }
    .text{
        margin: 0 auto;
    }
    .mian_box1{
        order:2;
        width: 100%;
    }
    
    .box1_images>a>img{
        display: block;
        margin: 0 auto;
    }
    .mian_box2{
        order:1;
        width: 80%;
        margin: 0 auto;
    }
    .box1_title{
        order:3;
    }
    .moblie-box{
        padding: 30px;
        width: 100%;
        order: 4;
        background: #e9f0f4;
    }
    .mobile_pic{
        display: flex;
        width: 100%;
        background: #e9f0f4;
    }
    .mobile_pic_box{
      margin: 0 auto;
    }
    .mobile_list{
        display: flex;
        width: 100%;
        order: 5;
        background: #e9f0f4;
        margin-top: 2%;
    }
    .mobile_list>ul{
        list-style: disc;
        margin: 0 auto;
    }
    .mobile_list_title{
        margin-left: -1em;
        font-family: 'NotoSans-Bold';
        font-size: 25px;
        color: #195aa2;
    }
    .mobile_list>ul>li {
        padding: 3px 0px;
        font-size: 16px;
        font-style: italic;
        color: #333333;
    }
    .box2_h1{
        font-size: 35px;
    }
    .box2_mian{
        font-size: 25px;
        width: 100%;
    }
    .mian_box3{
        display: none;
    }
    .molibe-mian_box3{
        display: block;       
        order:6;
        width: 100%;
    }
    .molibe-mian_box3 .trapezoid,.molibe-mian_box3 .qua{
        position: absolute;
        bottom: 0px;
    }
    .molibe-mian_box3 .qua{
        right: 12px;
    }
    .molibe-mian-button{
        display: block;   
        order: 7;    
        width: 100%;;
        margin-bottom: 5%;
    }
    .molibe-mian-button .molibe_box3_title{
        margin: 5% auto 0 auto;
    }
    .molibe-right-robot>a>img{
        margin: 0 auto;
        display: block;
        margin-left: 44%;
    }
    .box3_title>div:nth-child(1)>a{
        width: 100%;
        margin-left: 30%;
    }
    .mian_box4{
        order:8;
        width: 100%;
    }
    .industries_box{
        order: 9;
    }
    .eff_box{
        order: 10;
    }
    .key_box{
        order: 11;
    }
    .box1_title>div:nth-child(1){
        margin: 0;
    }
    .feat_box{
        padding: 20px 20px 8% 20px;
    }
    .feat_title {
        font-size: 20px;
    }
    .feat_text {
        font-size: 15px;
    }
    .eff_title {
        font-size: 35px;
    }
    
    .contact_us_list {
        padding: 0;
    }
}

@media (max-width:996px) and (min-width:769px){
    .feat_title {
        height: 86px;
    }
}
@media (max-width:835px){
    .molibe_key_robot {
        margin-left: 25%;
    }
    .box1_robot {
        margin-left: 25%;
    }
    .box2_h1{
        font-size: 30px;
    }
}
@media (max-width:788px){
    .swiper-slide>div{
        margin: 0 auto;
        width: 80%;
    }
    .swiper-container{
        --swiper-navigation-color: #033553;
    }
}

@media (max-width:768px) {
    #myform{
        height: 790px;
    }
    .contact_title{
        font-size: 25px;
        line-height: 30px;
    }
    .swiper-slide>div{
        margin: 0 auto;
        width: 80%;
    }
    .swiper-container{
        --swiper-navigation-color: #6fbe53;/* 单独设置按钮颜色 */
    }
    .molibe_key_robot {
        margin-left: 20%;
    }
    .mobile_list>ul{
        width: 80%;
    }
    .mian_title{
        margin: 10% auto;
    }
    .mian_title {
        font-size: 30px;
        line-height: 40px;
    }
    .feat_mian{
        padding-bottom: 10%;
    }
    .main>div.mian_box1, .main>div.mian_box2 {
        margin-bottom: 10%;
    }
    .mian_box1{
        order:2;
        width: 100%;
    }
    
    .box1_images>a>img{
        display: block;
        margin: 0 auto;
    }
    .box1_robot{
        width: 56%;
    }
    .mian_box2{
        order:1;
        width: 80%;
        margin: 0 auto;
    }
    .box2_h1{
        font-size: 35px;
    }
    .box2_mian{
        font-size: 25px;
        width: 100%;
        text-align: center;
    }
    .moblie-box{
        padding: 20px;
        width: 100%;
        order: 4;
        background: #e9f0f4;
    }
    .mobile_pic{
        display: flex;
        width: 100%;
        background: #e9f0f4;
    }
    .mobile_pic_box{
        margin: 2% auto;
    }
    .molibe-mian_box3{
        display: block;       
        order:6;
        width: 100%;
    }
    .molibe-mian-button{
        display: block;   
        order: 7;    
        width: 100%;;
    }
   
    .mian_box4{
        order:8;
        width: 100%;
    }
    .feat_box{
        width: 100%;
    }
    .line{
        width: 100%;
        height: 2px;
    }
    .feat_title {
        font-size: 25px;
    }
    .feat_text {
        font-size: 18px;
    }
    .industries_box{
        order: 9;
    }
    .eff_box{
        order: 10;
    }
    .key_box{
        order: 11;
    }
    .industries_title{
        font-size: 30px;
    }
    .icon_box {
        width: 20%;
    }
    .eff_title {
        font-size: 30px;
    }
    .key_robot_box{
        width: 40%;
        margin-left: -40px;
    }
    .key_button_box {
        width: 80%;
    }
    .contact_us_box{
        width: 50%;
    }
    .contact_us_list {
        padding: 0 10%;
        justify-content:center;
    }
    .contact_us_box:last-child {
        width: 50%;
    }
}
@media (max-width: 767px){
    .payment-wrap {
        width: 90%;
        margin-right: 5%;
        margin-bottom: 5%;
    }
}
@media (max-width:675px){
    #myform{
        height: 770px;
    }
    .molibe-right-robot>a>img{
        margin-left: 39%;
    }
    .molibe_key_robot {
        margin-left: 20%;
    }
    .box1_robot{
        width: 35%;
        margin-left: 21%;
    }
    .text{
        padding: 3% 0;
    }
    /* .box1_button_p{
        width: 45%;
        margin-left: auto;
    } */
    .industries_title{
        padding: 10% 0;
    }
    .text>a{
        font-size: 20px;
    }
    .icon_img{
        width: 80%;
    }
    .box1_button_mian{
        margin-left: auto;
    }
    .box1_button_mian>div:nth-child(1){
        margin-right: 5%;
    }
    .main>div.mian_box1{
        margin-bottom: 2%;
    }
}

@media(max-width:650px){
	.btn-lf{ width: 100%;margin: 15px 0 5px 0;}
	.contact_btn {
    width: 230px;
   
}
	.btn-rg{ width: 100%;margin: 5px 0;}
	.btn-rg a{ float:right;}
}

@media (max-width:575px){
    #myform{
        height: 760px;
    }
    .box1_button_mian{
        margin-left: 0;
    }
    .mobile_list_title{
        font-size: 20px;
    }
    .mobile_list>ul>li {
        padding: 3px 0px;
        font-style: italic;
        color: #333333;
    }
    .molibe_key_robot{
        margin-left: 15%;
    }
}

@media (max-width:475px){
    #myform{
        height: 710px;
    }
    .molibe_key_robot{
        width: 44%;
        margin-left: 15%;
    }
    .key_title{
        padding-left: 10px;
        font-size: 25px;
    }
    .mobile_pic_box{
        width: 80%;
    }
    .mobile_list_title{
        font-size: 18px;
    }
    .box1_button_mian{
        margin-left: 3%;
    }
    .box1_title>div:nth-child(1){
        width: 100%;
    }
    .box1_text{
        width: 50%;
    }
    .text>a{
        font-size: 16px;
    }
    .industries_list{
        padding: 0;
    }
    .icon_box {
        margin: 0 4%;
    }
    .box1_button {
        width: 150px;
    }
    .box1_button>a{
        font-size: 14px;
    }
    .box2_h1{
        font-size: 30px;
    }
    .box2_mian{
        font-size: 20px;
    }
    .industries_title{
        font-size: 25px;
    }
    .icon_text {
        font-size: 12px;
        padding: 10px 0;
    }
    .eff_title {
        font-size: 25px;
    }
    .key_button_box {
        width: 100%;
    }
    .key_button>a{
        font-size: 14px;
    }
    .key_button{
        width: 150px;
    }
    .footer_box .container{
        padding: 0;
    }
    .footer_link>div{
        text-align: center;
        font-size: 12px;
        margin: 0;
    }
    .key_robot_box{
        margin-left: -20px;
    }
    .industries_title{
        width: 70%;
        margin: 0 auto;
        padding: 10% 0;
    }
    .navbar{
        border-bottom: 1px solid #efefef;
    }
}
@media (max-width:375px) {
    #myform{
        height: 670px;
    }
    .molibe-right-robot{
        width: 44%;
        margin: 0 auto;
        margin-bottom: 3%;
    }
    .molibe-right-robot>a>img{
        margin-left: 27%;
    }
    .box1_button {
        width: 150px;
    }
    .box1_button>a{
        font-size: 14px;
    }
    .industries_list{
        padding: 0;
    }
    .icon_box {
        margin: 0 4%;
    }
    .box4_title{
        padding-left: 10px;
        font-size: 25px;
    }
    .feat_title {
        font-size: 20px;
    }
    .feat_text {
        font-size: 15px;
    }
    .feat_button {
        width: 200px;
    }
    .feat_button>a {
        font-size: 14px;
    }
    .feat_mian{
        padding-bottom: 8%;
    }
    .box3_button{
        width: 150px;
    }
    .box3_button>a{
        font-size: 14px;
    }
    .key_button_box {
        width: 100%;
    }
    .key_button>a{
        font-size: 14px;
    }
    .key_button{
        width: 150px;
    }
    .molibe_key_list{
        padding: 10px;
    }
    .key_robot_box{
        margin-left: -20px;
    }
    .industries_title{
        width: 70%;
        margin: 0 auto;
        padding: 10% 0;
    }
    .contact_us_box{
        font-size: 12px;
    }
    .footer_link{
        width: 100%;
        font-size: 12px;
    }
    .footer_link>div{
        text-align: center;
        font-size: 12px;
        margin: 0;
    }
    .molibe_key_button{
        padding: 5% 0;
    }
    
}
@media (max-width:350px){
    .footer_link>div{
        line-height: 20px;

        text-align: center;
        font-size: 12px;
        margin: 0;
    }
}


/* 30th anniversary icon */


/* 30th icon */
.anniversary-icon{
    position: fixed;   
    right: 3%;
    bottom:50px;
    z-index: 100;
    }
    
    .anniversary-icon .icon30th{
    width: 100%;
    max-width: 160px;
    }
    
    .anniversary-link{
    text-decoration: none;
    display:block;
    }
    
    
    
    @media screen and (max-width:992px){
    
    .anniversary-icon{       
        width: 15%;
        bottom: 80px;
     
    }
    
    }
    
    @media (max-width:768px){
      
       .anniversary-icon{       
                width: 25%;
                bottom: 70px;
            }
    
        }