body{margin: 0;padding: 0;width: 100%;font-family:'Microsoft YaHei';background: #e7e7e7;color: #1b1b1c;    position: relative;    min-height: 100vh;}
html{width: 100%;font-size: 12px;}
a{text-decoration:none;display:inline;color: #000000}
ul{list-style:none;margin: 0;padding: 0}
h1,h2,h3,h4,h5,h6,p {margin: 0; padding:0;}
li{display:inline;}
table {	border-collapse: collapse;border-spacing:0;}
input[type=button], input[type=submit], input[type=file], button {
    cursor: pointer;
    -webkit-appearance: none;
}

/*phone*/
@media (max-width: 800px){
    .container_center{width: 100%;}
    .header_logo{display: none}
    .buttonindex{width: 100%;background: none}
    .header_logo_phone{    z-index: 9999999;width: 100%;box-shadow: 0 0 15px 3px rgba(0, 0, 0, 0.16);position: fixed;background: #e7e7e7}
    .header_logo_phoneheight{height: 82px}
    .header_logo_phone img{width: 70%;padding: 22px 0 18px 10px;}
    .banner_nav{display: none}
    .topbanner{padding:0 0 0 0;box-shadow:none}
    .button_nav_plan{width: auto;float: none;}
    .button_navshow img{display: none}
    .bottonnav_more{float: left;display: block;width: 90%;text-align: center;border: 1px solid#d13e3e;padding: 10px 0;margin-left: 5%}
    .button_navshow div{float: left;width: 100%}
    .button_navshow{float: none;margin-left: 0;padding: 0}
    .pc{display: none}
    .button_navshow_text {width: 90%;margin-left: 5%;padding: 15px 0 30px 0;}
    .button_navshow_text p {margin-left: 0;font-size: 15px;}
    .bottonnav_conpany {font-size: 24px;text-align: center}
    .bottonnav_engli {font-size: 14px;font-style: normal;display: block;width: 100%;text-align: center;font-weight: normal}
    .button_nav_line {width: 80%;height: 1px;margin:35px 0 35px 10%;}
    .button_nav_planhonor{width: 100%}
    .button_navshow_new p{float: none;}
    .button_navshow_new {width: 100%;}
    .button_nav_planhonor ul li a{font-size: 15px}
    .button_nav {margin-top: 0px;padding: 40px 14px 40px 14px;box-shadow: none;border-radius: 0;}
    .button_nav_planhonor ul{padding-bottom: 30px}
    .bottonnav_more_honorphone{margin-top: 30px}
    .button_nav_planhonor ul {margin-left: 20px;}
    .buttonindextop_p {font-size: 12px;}
    .buttonindex p {display: block;width: 85%;margin-left: 7.5%;color: #666666;}
    .buttonindexbutton_p {font-size: 12px;padding-bottom: 20px}
    .top_nav_right2_phone{float: right;text-align: center;position: relative;margin-right: 38px;    margin-top: 8px;}
    .top_nav_right2_div_phone{width: 40px;margin-top: 62px;margin-left: auto;margin-right: auto;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;}
    .nav{width: 100vw;height: 100vh;position: fixed;top: 83px;right: 0;background: rgba(51, 51, 51, 0.8);z-index: 99999;display: none;}
    .nav ul{margin: 9vh 0 0 70px;}
    .nav ul li{margin: 25px 0 0 0;list-style-type:none;display:block;font-size: 20px;font-weight: bold;}
    .nav ul li a{color: #ffffff!important;}
    .button_page_nav_left {width: 100%;}
    .button_page_title{width: 100%}
    .button_page_title p:first-child{    margin-right: 0px;text-align: center}
    .button_page_title p:last-child {text-align: center;margin-right: 0px;font-size: 14px;}
    .button_page_nav {margin-top: 0px;padding: 20px 14px 40px 14px;box-shadow: none;border-radius: 0;}
    .button_page_nav_left img{width: 100%}
    .button_page_nav_right {float: left;width: 100%;padding-left: 0}
    .button_page_nav_right_contant {margin-left: 0;text-align: center;}
    .button_pos{
        position: relative;
    height: auto;
    margin: 0!important;}
    .buttonindextop_p{padding-top: 20px}
    .button_page_nav_right p {
        font-size: 12px;
        line-height: 28px;
    }
}
@media (min-width: 800px){
    .header_logo_phone{display: none}
    .phone{display: none}
}


.mobile-inner-header-icon:hover{
    cursor: pointer;
}
.mobile-inner-header-icon span{
    position: absolute;
    /*left: calc((100% - 25px) / 2);*/
    top: calc((100% + -5px) / 2);
    width: 40px;
    height: 4px;
    background-color: #000;
    border-radius: 20px;
}

.mobile-inner-header-icon span:nth-child(1){
    transform: translateY(4px) rotate(0deg);
}
.mobile-inner-header-icon span:nth-child(2){
    transform: translateY(-4px) rotate(0deg);
}

.mobile-inner-header-icon-click span:nth-child(1){
    animation-duration: 0.5s;
    animation-fill-mode: both;
    animation-name: clickfirst;
}
.mobile-inner-header-icon-click span:nth-child(2){
    animation-duration: 0.5s;
    animation-fill-mode: both;
    animation-name: clicksecond;
}



@keyframes clickfirst {
    0% {
        transform: translateY(4px) rotate(0deg);

    }

    100% {
        transform: translateY(0) rotate(45deg);
    }
}



@keyframes clicksecond {
    0% {
        transform: translateY(-4px) rotate(0deg);
    }

    100% {
        transform: translateY(0) rotate(-45deg);
    }
}

.mobile-inner-header-icon-out span:nth-child(1){
    animation-duration: 0.5s;
    animation-fill-mode: both;
    animation-name: outfirst;
}
.mobile-inner-header-icon-out span:nth-child(2){
    animation-duration: 0.5s;
    animation-fill-mode: both;
    animation-name: outsecond;
}

@keyframes outfirst {
    0% {
        transform: translateY(0) rotate(-45deg);
    }

    100% {
        transform: translateY(-6px) rotate(0deg);
    }
}



@keyframes outsecond {
    0% {
        transform: translateY(0) rotate(45deg);
    }

    100% {
        transform: translateY(9px) rotate(0deg);
    }
}