@charset "UTF-8";
*:focus {
    outline: none;
}

* {
    margin: 0;
    padding: 0;
    -webkit-overflow-scrolling: touch;
    -webkit-tap-highlight-color: transparent;
    -webkit-tap-highlight-color: transparent;
}

html {
    /*width: 100%;*/
    /*position: relative;*/
}

body {
    width: 100%;
    /*min-width: 1300px;*/
    font-size: 12px;
    /*-webkit-text-size-adjust: none;*/
    background-color: #ffffff;
    /*position: relative;*/
    overflow-x: hidden;
}

body,
h1,
h2,
h3,
h4,
h5,
h6,
ul,
li,
ol,
div,
dl,
dt,
dd,
p,
img,
a,
form,
table,
tr,
td,
input,
select,
textarea {
    margin: 0;
    padding: 0;
    font-size: 12px;
    font-family: "Microsoft YaHei";
    outline: none;
    border: none;
}

img {
    vertical-align: top;
    border: 0 none;
    display: inline-block;
    width: auto;
    max-width: 100%;
}

a {
    color: #000;
    text-decoration: none;
    overflow: hidden;
    outline: none;
    display: block;
}

ul {
    list-style: none;
}

li {
    list-style: none;
    list-style-position: outside;
}

.clearfix:after,
.clearfix:before {
    content: "";
    display: table
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

.container {
    width: 100%;
    height: auto;
    position: relative;
}


/*头部*/

.header_section {
    width: 100%;
    height: 150px;
    background: url("../images/header_bg.png") top center no-repeat;
}

.header_section .header {
    width: 1200px;
    height: 150px;
    display: flex;
    margin: 0 auto;
}

.header_section .header .logo {
    width: 327px;
    margin-top: 34px;
    margin-left: 55px;
}

.header_section .header .header_about_list {
    width: 215px;
    height: 80px;
    margin-left: 105px;
    margin-top: 49px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
}

.header_section .header .header_about_list .header_about_item {
    width: 215px;
    height: 18px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
}

.header_section .header .header_about_list .header_about_item .dot {
    width: 9px;
    height: 9px;
    background: #444444;
    border-radius: 50%;
    margin-right: 11px;
}

.header_section .header .header_about_list .header_about_item p {
    font-size: 16px;
    font-weight: 400;
    color: #000000;
}

.header_section .header .contact_phone {
    width: 280px;
    height: 54px;
    margin-top: 80px;
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    justify-content: flex-start;
}

.header_section .header .contact_phone .icon {
    width: 53px;
    height: 53px;
    margin-right: 16px;
}

.header_section .header .contact_phone p {
    width: auto;
    height: 50px;
    font-size: 24px;
    font-weight: 400;
    color: #000000;
    line-height: 50px;
}

.header_section .header .header_right {
    width: 201px;
    /* height: 80px; */
    margin-left: 3px;
    margin-top: 92px;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: space-between;
}

.header_section .header .header_right .sign {
    /* width: 201px; */
    height: 24px;
    display: flex;
    flex-direction: row;
    /* align-items: center; */
    align-items: flex-end;
    justify-content: flex-end;
    position: absolute;
    top: 20px;
    right: 70px;
}

.header_section .header .header_right .sign a {
    width: 58px;
    font-size: 16px;
    font-weight: 600;
    text-align: center;
}

.header_section .header .header_right .sign .line {
    width: 1px;
    height: 17px;
    background: #555555;
}

.header_right .sign .user_icon {
    width: 22px;
    /* height: 20px; */
    margin-right: 7px;
}

.header_section .header .header_right .search {
    width: 199px;
    height: 32px;
    border: 1px solid #333333;
    border-radius: 16px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
}

.header_section .header .header_right .search input {
    width: 135px;
    height: 24px;
    margin-left: 20px;
    margin-right: 6px;
    font-size: 16px;
    font-weight: 400;
    color: #333333;
    line-height: 24px;
    background: transparent;
}

.header_section .header .header_right .search img {
    width: 23px;
}


/*导航*/

.nav_section {
    width: 100%;
    height: 43px;
    background: #333333;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.nav_section .nav_content_wrap {
    width: auto;
    height: 43px;
    margin: 0 12px;
    background-color: #333333;
    position: relative;
}

.nav_section .nav_content_wrap:hover {
    background-color: #1E1E1E;
}

.nav_section .nav_content_wrap .nav_content {
    width: auto;
    height: 43px;
    line-height: 43px;
    text-align: center;
    color: #FFFFFF;
    font-size: 16px;
    font-weight: 400;
    padding: 0 36px;
}

.nav_section .nav_content_wrap.nav_active {
    background-color: #1E1E1E;
}


/*页面标题*/

.container .section_title {
    font-size: 33px;
    font-weight: 400;
    color: #000000;
}

.container .section_title_en {
    font-size: 20px;
    font-family: Arial;
    font-weight: 400;
    color: #393939;
    margin: 14px 0 21px;
}

.container .section_title_line {
    width: 405px;
}


/*底部*/

.footer_section {
    width: 100%;
    height: 491px;
    background-color: #3a444e;
}

.footer_section .footer {
    width: 1200px;
    height: 397px;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
    margin: 0 auto;
    padding: 62px 0;
}

.footer_section .footer .footer_item_01 {
    width: 295px;
    height: 397px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
}

.footer_section .footer .footer_item_01 img {
    width: 235px;
    height: auto;
    margin-bottom: 40px;
}

.footer_section .footer .footer_item_01 p {
    width: 266px;
    height: auto;
    font-size: 14px;
    font-weight: 400;
    color: #C3C3C3;
    line-height: 24px;
}

.footer_section .footer .footer_title {
    width: auto;
    height: 32px;
    font-size: 24px;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 32px;
}

.footer_section .footer .footer_item_02 {
    width: 96px;
    height: 397px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
}

.footer_section .footer .footer_item_02 .footer_nav_list {
    width: 96px;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    margin-top: 52px;
}

.footer_section .footer .footer_item_02 .footer_nav_list .footer_nav_item {
    font-size: 16px;
    font-weight: 400;
    color: #FFFFFF;
    margin-bottom: 21px;
    border-bottom: 2px solid transparent;
}

.footer_section .footer .footer_item_02 .footer_nav_list .footer_nav_item.footer_nav_active {
    border-bottom: 2px solid #ffffff;
}

.footer_section .footer .footer_item_03 {
    width: 340px;
    height: 397px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
}

.footer_section .footer .footer_item_03 .footer_news_list {
    width: 340px;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 52px;
}

.footer_section .footer .footer_item_03 .footer_news_list .footer_news_list_ewm p {
    font-size: 18px;
    text-align: center;
    margin-top: 20px;
    color: #fff;
}

.footer_section .footer .footer_item_03 .footer_news_list .footer_news_item {
    width: 340px;
    height: 77px;
    margin-top: 25px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

.footer_section .footer .footer_item_03 .footer_news_list .footer_news_item img {
    width: 116px;
    height: 77px;
}

.footer_section .footer .footer_item_03 .footer_news_list .footer_news_item .footer_news_words {
    width: 196px;
    height: 77px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
}

.footer_section .footer .footer_item_03 .footer_news_list .footer_news_item .news_title {
    width: 196px;
    height: 24px;
    font-size: 16px;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.footer_section .footer .footer_item_03 .footer_news_list .footer_news_item .news_desc {
    width: 196px;
    height: 48px;
    font-size: 14px;
    font-weight: 400;
    color: #C3C3C3;
    line-height: 24px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.footer_section .footer .footer_item_04 {
    width: 272px;
    height: 397px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
}

.footer_section .footer .footer_item_04 .footer_contact_list {
    width: 272px;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    margin-top: 26px;
}

.footer_section .footer .footer_item_04 .footer_contact_list .footer_contact_item {
    width: 272px;
    height: 32px;
    margin-top: 25px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
}

.footer_section .footer .footer_item_04 .footer_contact_list .footer_contact_item img {
    width: 32px;
    height: auto;
    margin-right: 22px;
}

.footer_section .footer .footer_item_04 .footer_contact_list .footer_contact_item p {
    font-size: 16px;
    font-weight: 400;
    color: #C3C3C3;
}

.footer_section .footer .footer_item_04 .footer_contact_list .footer_contact_address {
    width: 272px;
    height: auto;
    margin-top: 25px;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
}

.footer_section .footer .footer_item_04 .footer_contact_list .footer_contact_address img {
    width: 36px;
    height: auto;
    margin-right: 18px;
}

.footer_section .footer .footer_item_04 .footer_contact_list .footer_contact_address p {
    width: 208px;
    font-size: 16px;
    font-weight: 400;
    color: #C3C3C3;
    line-height: 24px;
    margin-top: 5px;
}


/*版权*/

.copyright_wrap {
    width: 100%;
    height: 51px;
    background: #111A21;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 400;
    color: #AFAFAF;
}


/*返回顶部按钮*/

.top_btn {
    width: 71px;
    height: 71px;
    position: fixed;
    bottom: 35px;
    right: 228px;
    cursor: pointer;
    display: none;
}

.top_btn img {
    width: 71px;
    height: 71px;
}
.iphone_menus{
       display: none;
   }
   .iphone_menubox,.iphone_mb{
       display: none;
   }

@media only screen and (max-width: 1024px){
    body{
        width: 100% !important;
        /*max-width: 100%;*/
        /*min-width: 0;*/
        padding-top:50px;
    }
    
    .header-box{
        display: none;
      }
      .iphone_menus{
          display: block;
      }
      .iphone{
        display: block;
      }
      .iphone_center{
        width: 100%;
        background: #fff;
        position: fixed;
        z-index: 999;
        height: 1.03rem;
        padding: 0 25px;
        top: 0;
        left: 0;
        display: flex;
        justify-content: space-between;
        align-items: center;
      }
      .iphone_menubox{
        display: block;
       
      }
      .iphone_showbox{
        position: fixed;
        z-index: 88;
        background: #fff;
        right: -100%;
        width: 85%;
        height: 100%;
        top: 50px;

      }
      .iphone_logo{
        width: 1.62rem;
        height: 0.66rem;
      }
      .iphone_logo img{
        width: 100%;
        height: 100%;
      }
      .iphone_mb{
        width: 100%;
        position: fixed;
        height: 100%;
        
        background: rgba(0,0,0,0.7);
        top: 50px;
        left: 0;
        z-index: 55;
        display: none;
      }
      .iphone_menu{
        width: 0.55rem;
        height: 0.55rem;
        cursor: pointer;
      }
      .iphone_menu img{
        width: 100%;
        height: 100%;
      }
      .iphone_abox_one{
        font-size: 14px;
        padding: 15px 30px;
        color: #000;
        border-bottom:0.01rem solid #eee;
        display: flex;
        justify-content: space-between;
        align-items: center;
      }
      .iphone_twobox{
        padding: 7px 0 ;
        display: none;
      }
      .iphone_two_a{
        font-size: 16px;
        color: #000;
        padding: 10px 0 ;
        display: block;
        padding:10px 40px;
        color: #333;
      }
    
    
    
    
    .header_section .header{
        height: 100% !important;
    }
    .header_section{
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        background-color: #fff;
        z-index: 999999999999 !important;
        box-shadow: 0 0 7px 1px rgba(0,0,0,.15);
    }
    .nav_section,.header_about_list,.contact_phone{
        display: none !important;
    }
    .header_section {
        height: 50px;
    }
    .header_section .header{
        width: 100% !important;
        height: auto;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding-top: 0;
        padding: 0 10px;
    }
    .header_section .header .header_right .search{
        width: 153px;
        height: 35px;
        border-radius: 7px;
        display: none;
    }
    .header_section .header .header_right .search input{
        height: auto;
        font-size: 12px;
        line-height: 35px;
        width: 75%;
        margin-left: 10px;
    }
    .header_section .header .header_right .sign{
        width: auto;
        height: auto;
        position: initial;
        align-items: center;
    }
    .header_section .header .header_right{
        margin-top: 0;
        flex-direction: row-reverse;
        margin-right: 0;
        width: fit-content;
    }
    .header_section .header .logo{
        margin-top: 0;
        margin-left: 0;
        width: 110px;
        height: auto;
    }
    .header_section .header .header_right .search img{
        width: auto;
        height: 17px;
    }
    .header_section .header .header_right .sign a{
        width: auto;
        font-size: 12px;
    }
    .header_section .header .header_right .sign .line{
        /*height: 35px;*/
        margin: 0 5px;
    }
    .head_lan{
        width: 46px;
        height: 46px;
    }
    
    .container .section_title{
        font-size: 18px;
        margin-top: 0 !important;
    }
    .container .section_title_en{
        font-size: 12px;
        margin: 10px 0 15px;
    }
    .container .section_title_line {
        width: 158px;
    }
    .footer_section .footer{
        width: 90%;
        display: block; 
        height: auto;
        padding-bottom: 30px;
    }
    .footer_section .footer .footer_item_01{
        width: 100%;
        height: auto;
    }
    .footer_section .footer .footer_item_01 img{
        width: auto;
        margin:0 auto 15px auto;
    }
    .footer_section .footer .footer_item_01 p{
        width: 100%;
    }
    .footer_section .footer .footer_item_01 p{
        font-size: 12px;
    }
    .footer_item_02{
        display: none !important;
    }
    .footer_section{
        height: auto;
    }
    .footer_section .footer .footer_title{
        font-size: 16px;
        line-height: normal;
        height: auto;
    }
    .footer_section .footer .footer_item_03 .footer_news_list{
        margin-top: 20px;
    }
    .footer_section .footer .footer_item_03,.footer_section .footer .footer_item_04{
        width: 100%;
        height: auto;
        margin-top: 30px;
    }
    .footer_section .footer .footer_item_03 .footer_news_list,.footer_contact_list{
        width: 100%;
    }
    .footer_section .footer .footer_item_03 .footer_news_list img{
        width: 100%;
    }
    .footer_section .footer .footer_item_04 .footer_contact_list .footer_contact_item,.footer_section .footer .footer_item_04 .footer_contact_list .footer_contact_address,.footer_section .footer .footer_item_04 .footer_contact_list{
        width: 100%;
    }
    .footer_section .footer .footer_item_04 .footer_contact_list .footer_contact_item p{
        font-size: 12px;
    }
    .footer_section .footer .footer_item_04 .footer_contact_list .footer_contact_item img{
        width: 42px;
    }
    .footer_section .footer .footer_item_04 .footer_contact_list .footer_contact_item p a span{
        font-size: 12px !important;
    }
    .footer_section .footer .footer_item_04 .footer_contact_list .footer_contact_address p{
        width: 100%;
    }
    .footer_section .footer .footer_item_04 .footer_contact_list .footer_contact_address p span a span{
        font-size: 12px !important;
    }
    .footer_contact_item img{
        width: 18px !important;
    }
    .footer_contact_item{
        height: auto !important;
        margin-top: 0 !important;
        margin-bottom: 15px !important;
    }
    .footer_section .footer .footer_item_04 .footer_contact_list .footer_contact_address img{
        width: 18px;
        margin-top: 3px;
    }
    .footer_section .footer .footer_item_04 .footer_contact_list .footer_contact_address p{
        line-height: normal;
        margin-top: 0;
    }
    .footer_section .footer .footer_item_04 .footer_contact_list .footer_contact_address{
        margin-top:0;
    }
    .copyright_wrap{
        font-size: 12px;
        padding: 10px 15px !important;
    }
    
    .message_section .message_content .message_my .my_avatar,.message_section .message_content .message_list .message_item .user_avatar{
        width: 34px !important;
        height: 34px !important;
    }
    .copyright_wrap a span{
        font-size: 12px;
    }
    .copyright_wrap{
        flex-wrap: wrap;
        height: auto;
    }
    .copyright_wrap a {
        background: transparent !important;
    }
    .copyright_wrap a:nth-child(1){
        display: none !important;
    }
    #meiqia-container{
        display: none !important;
    }
    .copyright_wrap{
        padding: 20px 0;
    }
    .lv_top_r{
        display: none !important;
    }
    
    
    /*导航*/
    .header_center{
        display: none;
    }
    .iphone_top{
        width: 100%;
        height: 1rem;
        display: block;
        padding: 0 15px;
        position: fixed;
        top: 0;
        left: 0;
        background: #25436d;
        z-index: 99;
        box-shadow: 0 0.05rem 0.03rem 0.01rem rgba(0,0,0,.15);
    }
    .iphone_top_content{
        height: 100%;
        display: flex;
        justify-content:space-between;
        align-items: center;
    }
    .iphone_logo{
        height: .5rem;
    }
    .iphone_logo img{
        width: auto;
        height: 100%;
    }
    .iphone_menus{
        width: 30px;
        height: 30px;
        margin-left: 27px;
    }
    .iphone_menus img{
        width: 100%;
        height: 100%;
    }
    
    .iphone_abox{
        /*padding-top: 0.15rem;*/
        padding: 15px 10px 0;
    }
    .iphone_navbox{
        position: fixed;
        width: 75%;
        height: 100%;
        left: -100%;
        top: ;
        background: #fff;
        z-index: 88;
        display: block;
    }
    .iphone_a{
        color: #000;
        font-size: 14px;
        display: block;
    }
    .iphone_xbox{
        padding: 10px;
        border-bottom:0.01rem solid #ccc ;
    }
    .iphone_xbox_two{
        padding-left: 0.3rem;
        display: none;
    }
    .iphone_twonav{
        font-size: 16px;
        color: #a9a9a9;
        padding-top: 0.3rem;

    }
    .iphone_xbox a{
        -webkit-tap-highlight-color: rgba(255,255,255,0);
        -webkit-user-select: none;
        -moz-user-focus: none;
        -moz-user-select: none;
    }
   .header_center{
        width: 100% !important;
        
    }
    .iphone_xbox_two a{
        display: block;
    }
    .iphone_twonav{
        color: #fff;
    }
    /*导航结束*/
    .top_btn{
        width: 50px;
        height: 50px;
        right:15px;
    }
    .top_btn img {
        width: 100%;
        height: 100%;
    }

}