.icon { width: 40px; height: 40px; fill: #00A286; }
.index_contain{ width:100%; margin:0 auto; max-width:1240px; padding:0 20px; transition: all 1s; -webkit-transition: all 1s; position:relative; }
header { height: 90px; }
.header_nav { position: fixed; display: flex; height: 90px; padding: 10px 80px; width: 100%; justify-content: space-between; align-items: center; z-index: 999; background-color: #333; }
.nav_left { display: flex; align-items: center; }
.nav_left a img { width: 64px; margin-right: 55px; }
.nav_left ul { display: flex; align-items: center; }
.nav_left ul li { margin-right: 60px; }
.nav_left ul li a { color: #ffff; }
.nav_right { display: flex; align-items: center; }
.nav_right ul { display: flex; align-items: center; }
.nav_right ul li { margin-right: 60px; }
.nav_right ul li.cur a { color: #43d1ff; }
.nav_right ul li a { color: #ffff; }
.nav_right ul li a:hover{ color: #43d1ff; }
.nav_right ul .icon_more { display: none; }
.nav_right .nav_lang { display: flex; align-items: center; justify-content: space-between; width: 100px; }
.nav_right .nav_lang p { color: #fff; }
.nav_right .nav_lang .nav_cn { width: 46px; background-color: #43d1ff; border-radius: 4px; height: 28px; line-height: 28px; text-align: center; }
/* .nav_right .nav_lang .nav_en { margin-right: 40px; }  */
.nav_right .nav_lang a { color: #fff; }
.nav_icon .icon { fill: #fff; width: 28px; display: none; }
.nav_close { display: none; }
.nav_close .icon, .nav_right ul li .icon { display: none; }
.trans-bg { width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.5);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F000000,endColorstr=#7F000000);
    z-index: 1000;
    display: none; }
/* 底部 */
footer { background: #333; } 
.footer_nav { display: flex; flex-wrap: wrap; padding: 0px 0 34px 0; border-bottom: 1px solid #ffffff33; }
.footer_vis { border: none; padding-top: 50px; }
.footer_nav dl { margin-right: 5%; }
.footer_nav dl dt { margin-bottom: 8px; }
.footer_nav dl dt p { color: #FFF; font-size: 16px; font-weight: 500; }
.footer_nav dl dd p { color: #FFF; opacity: 0.5; font-size: 14px; margin-bottom: 8px; }
.footer_nav dl dd p a { color: #fff; }
.footer_code { border-radius: 5px; background-color: #fff; text-align: center; overflow: hidden; }
.footer_code img { display: block; }
.ft_code_v { font-size: 10px; color: #ffffff80; text-align: center; }
.footer_list { color: #fff; padding-top: 10px; }
.footer_list  .footer_bt { display: flex; align-items: center; justify-content: center; padding-bottom: 10px; }
.footer_list  .footer_bt p { font-size: 14px; line-height: 20px; }
.footer_bt .footer_line { padding: 0 20px; }
.footer_bt a { cursor: pointer; font-size: 14px; color: #fff; }
.color05 { font-size: 14px; opacity: 0.5; }
.footer_bt .footer_xy { text-decoration: underline; }

@media (max-width: 1080px){
    .icon { width: 28px; height: 28px; }
}

@media (max-width:768px) {
    header { height: 50px; }
    .header_nav { height: 50px; padding: 10px 30px; color: #333;  }
    .nav_left ul{  display: none; }
    .nav_left .nav_lang{ display: none; }
    .nav_right .nav_lang a { color: #333; }
    .nav_right { width: 72%; padding: 0; height: 100%; background: #fff; position: fixed; left: -72%; top: 0; z-index: 1002; margin: 0; display: block; }
    .nav_right ul { display: block; padding: 0 4%; }
    .nav_right ul li { display: flex; justify-content: space-between; align-items: center; margin-right: 0; border-bottom: #eee solid 1px; line-height: 48px; }
    .nav_right ul .cur { border-bottom: 1px solid #00A286; } 
    .nav_right ul li a {color: #333; }
    .nav_close { display: flex; justify-content: space-between; align-items: center; padding: 0 4%; }
    .nav_close h6 { font-size: 18px; color: #333;  line-height: 48px; font-weight: 400; }
    .nav_close .icon { fill: #333; width: 28px; height: 28px; display: block; }
    .nav_right ul li .icon { fill: #333; width: 14px; height: 14px; display: block; }
    .nav_right ul .cur .icon { fill:#00A286; }
    .nav_icon .icon { display: block; }
    .nav_right .nav_lang { padding: 4%; width: 26%; }
    .nav_right .nav_lang p { color: #333; }
    .color05 { flex-direction: column; }
    .footer_list .footer_bt p { text-align: center; }
    .color05 .footer_line { display: none; }    
}
@media (max-width: 480px) {
    .nav_right .nav_lang { width: 36%; }
}