/* 导航栏css */
 .pc_navlist {
     width: 100%;
     height: 100px;
     position: fixed;
     top: 0;
     left: 0;
     z-index: 1000;
     background-color: #ffffff;
 }

 .pc_navlist.cwactive {
     width: 100%;
     height: 100px;
     position: fixed;
     top: 0;
     left: 0;
     z-index: 1000;
     background-color: transparent;
 }



 .pc_navlist .mat>.pc_nav {
     height: 100px;
 }

 .pc_navlist .mat .logobox {
     width: 13.072916666666vw;
 }

 .pc_navlist .mat .logobox .logo {
     display: none;
 }

 .pc_navlist .mat .logobox .logo.active {
     display: block;
 }



 .pc_navlist .mat .navitembox {
     width: 75%;
 }

 .pc_navlist .mat .navitembox .nib_left_box {
     width: 80%;
 }

 .pc_navlist .mat .navitembox .nib_left_box .nav-item {
     /* padding: 0 30px; */
     width: calc(100% / 8);
     text-align: center;
 }

 .pc_navlist .mat .navitembox .nib_left_box .nav-item a {
     font-size: 16px;
     color: #666666;
     line-height: 100px;
 }


 .pc_navlist .mat .navitembox .nib_left_box .nav-item:hover a {
     color: #385fbd;
 }

 .pc_navlist .mat .navitembox .nib_left_box .nav-item.active a {
     color: #385fbd;
 }

 .pc_navlist.cwactive .mat .navitembox .nib_left_box .nav-item a {
     color: #ffffff;
 }



 .pc_navlist .mat .navitembox .nav_morebox {}

 .pc_navlist .mat .navitembox .nav_morebox>.item {
     width: 25px;
     display: block;
     position: relative;
     margin-left: 20px;
 }





 .pc_navlist .mat .navitembox .nav_morebox>.item:first-child {
     width: 85px;
     padding: 10px 0;
 }

 .pc_navlist .mat .navitembox .nav_morebox>.item .language_box .buttonbox {
     width: 60px;
     margin-left: 6px;
     position: relative;
 }

 .pc_navlist .mat .navitembox .nav_morebox>.item .language_box .buttonbox .name {
     font-size: 16px;
     color: #666666;
 }


 .pc_navlist.cwactive .mat .navitembox .nav_morebox>.item .language_box .buttonbox .name {
     color: #ffffff;
     font-size: 16px;
 }

 .pc_navlist .mat .navitembox .nav_morebox>.item:first-child .language_box>.icon {
     position: relative;
     width: 18px;
     height: 18px;
     perspective: 800px;

 }



 .pc_navlist .mat .navitembox .nav_morebox>.item:first-child .language_box>.icon .h_icon {
     object-fit: cover;
     -webkit-animation: sszcx 2s infinite linear;
     animation: sszcx 2s infinite linear;
 }


 .pc_navlist.cwactive .mat .navitembox .nav_morebox>.item:first-child .language_box .icon .h_icon:first-child {
     display: none;
 }

 .pc_navlist .mat .navitembox .nav_morebox>.item:first-child .language_box .icon .h_icon:first-child {
     display: block;
 }

 .pc_navlist.cwactive .mat .navitembox .nav_morebox>.item:first-child .language_box .icon .h_icon:first-child {
     display: none;
 }

 .pc_navlist.cwactive .mat .navitembox .nav_morebox>.item:first-child .language_box .icon .h_icon:last-child {
     display: block;
 }


 .pc_navlist .mat .navitembox .nav_morebox>.item:first-child .language_box .icon .h_icon:last-child {
     display: none;
 }




 .pc_navlist.cwactive .mat .navitembox .nav_morebox>.item .icon .h_icon:first-child {
     display: none;
 }

 .pc_navlist .mat .navitembox .nav_morebox>.item .icon .h_icon:first-child {
     display: block;
 }

 .pc_navlist.cwactive .mat .navitembox .nav_morebox>.item .icon .h_icon:last-child {
     display: block;
 }

 .pc_navlist .mat .navitembox .nav_morebox>.item .icon .h_icon:last-child {
     display: none;
 }



 .pc_navlist.cwactive .mat .navitembox .nav_morebox>.item:first-child .itembox {
     position: absolute;
     left: 0;
     top: 95%;
     width: 100%;
     text-align: center;
     border: 1px solid #ffffff;
     border-radius: 6px;
     background: transparent;

 }

 .pc_navlist.cwactive .mat .navitembox .nav_morebox>.item .itembox .item {
     height: 24px;
     line-height: 24px;
 }


 .pc_navlist.cwactive .mat .navitembox .nav_morebox>.item .itembox .item a {
     color: #ffffff;
     font-size: 16px;
 }

 .pc_navlist .mat .navitembox .nav_morebox>.item .itembox .item a {
     color: #666666;
 }

 .pc_navlist .mat .navitembox .nav_morebox>.item:first-child .itembox {
     position: absolute;
     left: 0;
     top: 95%;
     width: 100%;
     text-align: center;
     box-shadow: 0 0 5px #aaaaaa;
     border-radius: 6px;
     background: #ffffff;
     padding: 10px 0;
     opacity: 0;
     height: 0;
     transition: .5s;
     overflow: hidden;
 }

 .pc_navlist .mat .navitembox .nav_morebox>.item:first-child:hover .itembox {
     opacity: 1;
     height: auto;
 }

 .pc_navlist .mat .navitembox .nav_morebox>.item .itembox .item {
     height: 24px;
     line-height: 24px;
 }


 .pc_navlist .mat .navitembox .nav_morebox>.item .itembox .item a {
     color: #666666;
     font-size: 16px;
 }



 .pc_navlist .mat .navitembox .nav_morebox>.item .language_box .buttonbox .icon {
     width: 14px;
 }

 .pc_navlist.cwactive .mat .navitembox .nav_morebox>.item .language_box .buttonbox .icon .icons:first-child {
     display: block;
 }

 .pc_navlist.cwactive .mat .navitembox .nav_morebox>.item .language_box .buttonbox .icon .icons:last-child {
     display: none;
 }


 .pc_navlist .mat .navitembox .nav_morebox>.item .language_box .buttonbox .icon .icons:first-child {
     display: none;
 }

 .pc_navlist .mat .navitembox .nav_morebox>.item .language_box .buttonbox .icon .icons:last-child {
     display: block;
 }


 footer .mat {
     position: relative;
 }

 footer {
     background: #31363e;
 }

 footer .topbox {
     padding: 35px 0;
     border-bottom: 1px solid #666666;
 }

 footer .topbox .fotterlogo {
     width: 251px;
 }

 footer .topbox .footer_title {
     width: 900px;
 }

 footer .topbox .footer_title .item {
     width: calc(100% / 6);
     /* text-align: center; */
     text-align: left;
 }

 footer .topbox .footer_title a {
     color: #ffffff;
     font-size: 20px;
 }

 footer .bottombox {
     position: relative;
 }

 footer .bottombox .leftbox {
     width: calc(100% - 900px);
     padding-top: 50px;
 }

 footer .bottombox .leftbox>.item {
     margin-bottom: 25px;

 }


 footer .bottombox .leftbox>.item .icon {
     width: 24px;
     margin-right: 20px;
 }

 footer .bottombox .leftbox>.item .text {
     font-size: 20px;
     color: #ffffff;
     line-height: 24px;
 }

 footer .bottombox .leftbox .ewmbox {
     margin-top: 45px;
     position: relative;
 }

 footer .bottombox .leftbox .ewmbox .item {
     margin-right: 40px;
 }

 footer .bottombox .leftbox .ewmbox .item .ewmimg {
     width: 150px;
     height: 150px;
     background: #000000;
 }

 footer .bottombox .leftbox .ewmbox .item .text {
     text-align: center;
     color: #ffffff;
     font-size: 16px;
     margin-top: 15px;
 }

 footer .bottombox .rightbox {
     width: 900px;
     padding-top: 50px;
 }

 footer .bottombox .rightbox .itembox {
     width: calc(100% / 6);
     /* text-align: center; */
     text-align: left;

 }

 footer .bottombox .rightbox .itembox .item {
     margin-bottom: 5px;
 }

 footer .bottombox .rightbox .itembox .item a {
     color: #9b9b9b;
     font-size: 14px;
     /* text-align: center; */
     /* text-align: left; */
 }

 footer .bottombox .rightbox .itembox .item:hover a {
     color: #ffffff;
 }

 footer .bg {
     width: 194px;
     position: absolute;
     right: 10px;
     bottom: 110px;
 }

 footer .yqljbox {
     margin-top: 35px;
     padding-bottom: 40px;
     color: #aaaaaa;
     font-size: 12px;
 }


 footer .yqljbox a {
     color: #aaaaaa;
     margin-left: 5px;
     font-size: 12px;

 }

 footer .footerline {
     width: 100%;
     background: #000000;
     height: 60px;
     color: #aaaaaa;
     font-size: 16px;

 }

 footer .footerline a {
     color: #aaaaaa;
     font-size: 16px;
     font-size: 16px;

 }

 .h5_navbox {
     display: none;
 }

 @media (max-width: 1600px) {
     .pc_navlist .mat .navitembox {
         width: calc(100% - 13.072916666666vw);
     }

     .pc_navlist .mat .navitembox .nib_left_box {
         width: calc(100% - 240px);
     }
 }

 @media (max-width: 768px) {
     .pc_navlist {
         display: none;
     }

     .max-1600-w {
         padding: 0 5px;
     }

     header .h5_navbox {
         display: block;
         position: fixed;
         top: 0;
         width: 100%;
         z-index: 100;
         left: 0;
         height: 80px;
         padding: 0 10px;
         background: #ffffff;
         justify-content: space-between;
         display: inline-flex;
         align-items: center;
     }



     header .h5_navbox .logo {
         width: 80px;
     }


     header .h5_navbox .logo a {
         display: block;
     }

     header .h5_navbox .logo img {
         width: 100%;
     }

     header .h5_navbox .companyname a {
         color: #333333;
         font-size: 16px;
     }

     header .h5_navbox {
         position: fixed;

     }

     header .h5_navbox .iconbox {
         position: relative;
         width: 20px;

         color: #999;
         display: inline-flex;
         flex-direction: column;
         justify-content: space-between;
         margin: 0;
     }

     header .h5_navbox .iconbox li {
         list-style-type: none;
         background: #333;
         width: 100%;
         height: 3px;
         margin: 2px 0;
     }

     header .h5_navbox .h5nav-body {
         background-color: #ffffff;
         position: absolute;
         width: 100%;
         top: 71px;
         left: 0;
         padding: 0 5px 0 30px;
         display: none;
     }


     header .h5_navbox .h5nav-body li {
         list-style-type: none;
         padding: 5px;
         margin: 5px 0;
         border-bottom: 1px solid #efefef;

     }

     header .h5_navbox .h5nav-body>li {
         list-style-type: none;
         border-bottom: 1px solid #efefef;
     }

     header .h5_navbox .h5nav-body li a {
         color: #4d5158;
         font-size: 16px;
         line-height: 40px;
     }

     header .h5_navbox .h5nav-body li .navbar-nav {
         display: none;
     }

     header .h5_navbox .h5nav-body li.active .navbar-nav {
         display: block;
         padding: 5px;
         margin: 5px 0;
         border: #efefef 1px solid;
         border-radius: 6px;
         height: 300px;
         overflow-y: scroll;
     }

     header .h5_navbox .h5nav-body li.active .notcontend {
         padding: 0;
         margin: 0;
         border: 0;
         height: 0;
     }
 }

 @media (max-width: 1440px) {
     .max-1600-w {
         padding:  0 20px;
     }
 }