@media screen and (max-width:1680px) {
     .new_swiper .item {
         padding-top: 80px;
     }

     .new_swiper .item .newbtn {
         top: 40px;
     }

     .new_swiperitem .swiper-slide .boxa .text .bottom {
         padding-top: 10px;
     }

     .new_swiperitem .swiper-slide .boxa .text {
         padding-bottom: 20px;
     }

     .new_swiperitem .swiper-slide .boxa .img {
         height: 200px;
     }

 }

 @media screen and (max-width:1600px) {

     .main {
         max-width: 1200px;
         padding: 0 10px;
         margin: 0 auto;
         height: 100%;
     }

     .index_productBox .left .tab h5 {
         font-size: 22px;
     }

     .index_productBox .left .top h3 {
         font-size: 36px;
     }

     .itemSwiper .swiper-slide a .leftText .box h6 {
         font-size: 24px;
         line-height: 32px;
     }

     .itemSwiper .swiper-slide a .leftText .box h6 p {
         font-size: 24px;
         line-height: 32px;
     }

     .index_survey {
         padding: 140px 0px 140px;
     }

     .index_survey .box h3 {
         font-size: 36px;
     }

     .index_survey .lists ul li h4 span {
         font-size: 60px;
     }

     .index_product {
         padding: 140px 0px 140px;
     }

     /* .index_service { height: 640px; } */

     .index_service .itemx {
         transform: translateY(70px);
     }

     .index_service .item h5 {
         font-size: 28px;
     }

     .index_news .title h3 {
         font-size: 36px;
     }

     .new_swiperitem .swiper-slide .boxa .text h6 {
         font-size: 18px;
         line-height: 28px;
         height: 56px;
     }

     .new_swiperitem .swiper-slide .boxa .text .time {
         font-size: 16px;
     }

     .footerTop .left .top h5 {
         font-size: 32px;
         line-height: 45px;
     }

     .footerTop .right .top .dt {
         font-size: 18px;
     }

     .footerTop .right .top .dd a {
         font-size: 14px;
         line-height: 26px;
     }

     .footerTop .right .bottom .lefta h5 {
         font-size: 30px;
     }

     .footerTop .left .icons ul li {
         margin-right: 10px;
     }

     .bannerSwiper .swiper-slide .box h2 {
         font-size: 50px;
     }

     .index_service .item .textBox .text p {
         font-size: 16px;
         line-height: 26px;
     }

     .banner {
         height: 300px;
     }

     .banner .main .box h3 {
         font-size: 36px;
     }

     .banner .main .box p {
         font-size: 22px;
     }

     .ejTitle {
         font-size: 36px;
     }

     .survey_BOX .left h5 {
         font-size: 28px;
     }

     .shareholderBox .distributed-pic .info .introduce .top h5 {
         font-size: 25px;
     }

     .shareholderBox .distributed-pic .info .bottom ul li h6 span {
         font-size: 34px;
     }

     .shareholderBox .distributed-pic .info .bottom ul li p {
         line-height: 22px;
     }

     .vision {
         height: 600px;
     }

     .vision .main .visionBox .top p {
         font-size: 22px;
     }

     .vision .main .visionBox .items .item h6 span {
         font-size: 42px;
     }

     .vision .main .visionBox .items .item .img {
         width: 90px;
         height: 90px;
     }

     .vision .main .visionBox .items .item .img::after {
         width: 90px;
         height: 90px;
         background-size: 90px auto;
     }

     .vision .main .visionBox .items {
         margin-top: 50px;
     }

     .honorBox .honorSwiper .swiper-slide .text p {
         font-size: 16px;
     }

     .honor {
         margin-bottom: 160px;
     }

     .honorBox .swiper-pagination {
         margin-top: 30px;
     }

     .news_list .newsItem .news-info .news-title {
         font-size: 18px;
         line-height: 28px;
         height: 55px;
     }

     .news_list .newsItem .news-info .icon {
         width: 40px;
         height: 40px;
     }

     .notice .noticeItem a .right .title {
         font-size: 20px;
     }

     .bannerDetailBox .box .top h2 {
         font-size: 40px;
     }

     .batteryBoxTop ul li h5 {
         font-size: 32px;
     }

     .batteryBoxContentLeft .formBox tr td:nth-child(1) {
         padding-right: 20px;
         padding-left: 20px;
     }

     .batteryBoxContentLeft .formBox tr th:nth-child(1) {
         padding-left: 20px;
     }

     .batteryBoxContentLeft .formBox tr th {
         padding-right: 20px;
     }

     .batteryBoxContentLeft .formBox tr td {
         padding-right: 20px;
     }

     .relevantBox .item a .left .top h6 {
         font-size: 24px;
         line-height: 32px;
     }

     .photovoltaic .photovoltaicBox .item a .title {
         font-size: 22px;
     }

     .photovoltaicItems .item a .text h6 {
         font-size: 20px;
     }

     .newsContent .newsContentTitle .main h2 {
         font-size: 36px;
         line-height: 48px;
     }

     .proSeriesBox .top h5 {
         font-size: 36px;
     }

     .proVideo h5 {
         font-size: 36px;
     }

     .bannerDetail .bannerDetailBox .text h2 {
         font-size: 42px;
         line-height: 56px;
         margin-top: 30px;
     }

     .bannerDetail {
         height: 600px;
     }

     .programmeBox .left h3 {
         font-size: 34px;
         line-height: 42px;
     }

     .projectBox .item .right h6 {
         font-size: 18px;
     }

     .projectBox .item {
         padding: 20px;
     }

     .contactusSwiper .swiper-slide .item .title {
         font-size: 22px;
     }

     .contactusSwiper .swiper-slide .item {
         padding: 15px;
         height: 140px;
         margin-bottom: 20px;
     }

     .contactusSwiper .swiper-slide .item .address {
         font-size: 14px;
     }

     .contactusBox .swiper-pagination-bullet {
         height: 4px;
     }

     .download .downloadBox .itm a .left h6 {
         font-size: 20px;
     }

     .graduate .graduateBox .item .text p {
         font-size: 16px;
     }

     .prize .prizeBox .item h6 {
         font-size: 16px;
     }

     .promise-container .promise-swiper .content .text {
         margin-bottom: 20px;
     }

     .management-container .management-list {
         height: 450px;
     }

     .report-container .report-swiper {
         height: 500px;
     }
 }


 .phone_header {
     display: none;
 }

 @media screen and (max-width:1280px) {
     .index_news {
         padding-bottom: 0;
     }
 }

 @media screen and (max-width:1200px) {
     .footerTop .right .bottom {
         width: 100%;
     }

     /* 导航 */
     .header {
         display: none;
     }

     .phone_H {
         height: 50px;
     }

     .phone_header {
         position: fixed;
         top: 0px;
         left: 0px;
         width: 100%;
         height: 50px;
         z-index: 99;
         display: block;
     }

     .phone_header .had {
         display: flex;
         justify-content: space-between;
         align-items: center;
         padding-left: 10px;
         z-index: 101;
         position: relative;
         background: #fff;
         box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.1);
     }

     .phone_header .had .logo img {
         height: 25px;
     }

     .phone_header .had .fr {
         display: flex;
         flex-direction: row;
         align-items: center;
     }

     .phone_header .had .menu_open {
         height: 50px;
         width: 50px;
         display: flex;
         align-items: center;
         justify-content: center;
         flex-direction: column;
     }

     .phone_header .had .menu_open span {
         width: 26px;
         height: 2px;
         background: #000;
         margin: 3px 0px;
         display: block;
         transition: all 0.6s;
         -webkit-transition: all 0.6s;
     }

     .phone_header .had .search {
         background: url('../images/icon1.png') no-repeat center center;
         height: 50px;
         width: 50px;
         margin-right: 0px;
     }

     .phone_header .had .menu_open.active span:nth-child(1) {
         -webkit-transform: rotate(-45deg);
         transform: rotate(-45deg);
         margin-top: 5px;
     }

     .phone_header .had .menu_open.active span:nth-child(2) {
         -webkit-transform: rotate(45deg);
         transform: rotate(45deg);
         margin-top: -5px;
     }

     .phone_header .had .menu_open.active span:nth-child(3) {
         display: none;
     }

     .bannerDetail {
         margin-top: 50px;
     }

     .performanceBox .item:hover .img::after {
         display: none;
     }

     .phone_header .nav {
         width: 100%;
         height: 100%;
         position: fixed;
         top: 0;
         right: -100%;
         z-index: 100;
         overflow: hidden;
         background: #f9f9f9;
         color: rgba(255, 255, 255, .6);
     }

     .phone_header .nav_ul {
         margin: 0;
         width: 100%;
         height: 100%;
         position: absolute;
         top: 0;
         left: 0;
         overflow-x: hidden;
         overflow-y: auto;
         padding-top: 50px;
         text-align: left;
     }

     .phone_header .nav_item {
         float: none;
         margin: 0;
         width: 100%;
         position: relative;
     }

     .phone_header .nav_item:after {
         content: '';
         display: block;
         width: 100%;
         border-bottom: 1px solid rgba(0, 0, 0, .15);
         margin-left: 20px;
     }

     .phone_header .nav_item>a {
         display: block;
         margin: 0;
         font-size: 16px;
         line-height: 1.8;
         color: inherit;
         padding: 12px 10px 12px 20px;
         white-space: nowrap;
         text-overflow: ellipsis;
         overflow: hidden;
         margin-right: 0px;
         color: #333;
     }

     .phone_header .nav_item i {
         position: absolute;
         z-index: 2;
         top: 0;
         right: 0;
         width: 50px;
         height: 100%;
     }

     .phone_header .nav_item i:before {
         content: '';
         display: block;
         height: 100%;
         border-left: 1px solid rgba(0, 0, 0, .15);
         position: absolute;
         top: 0;
         left: 0;
     }

     .phone_header .nav_item i:after {
         content: '';
         display: block;
         width: 10px;
         height: 10px;
         margin-bottom: -5px;
         border: 2px solid rgba(0, 0, 0, .3);
         border-top: 0;
         border-left: 0;
         position: absolute;
         bottom: 50%;
         right: 18px;
         -webkit-transform: rotate(-45deg);
         transform: rotate(-45deg);
     }

     .phone_header .nav_item_open {
         padding-top: 50px;
         width: 100%;
         height: 100%;
         margin: 0;
         box-shadow: none;
         background: #f9f9f9;
         border-radius: 0;
         opacity: 1;
         z-index: 9;
         visibility: visible;
         -webkit-transform: translateY(0px);
         transform: translateY(0px);
         position: fixed;
         right: -100%;
         top: 0;
         overflow-y: auto;
         overflow-x: hidden;
     }

     .phone_header .subopen {
         display: block;
     }

     .phone_header .subopen a {
         display: block;
         overflow: hidden;
         margin: 0;
         padding: 14px 10px 14px 10px;
         white-space: nowrap;
         text-overflow: ellipsis;
         font-size: 16px;
         background: #f3f3f3;
         text-indent: 20px;
         position: relative;
         color: #f39b00;
         padding-left: 18px;
     }

     .phone_header .subopen a:before {
         content: '';
         display: block;
         width: 7px;
         height: 7px;
         position: absolute;
         top: 50%;
         margin-top: -4px;
         left: 22px;
         margin-bottom: -15px;
         -webkit-transform: rotate(-45deg);
         transform: rotate(-45deg);
         border: 2px solid #f39b00;
         border-right: 0;
         border-bottom: 0;
     }

     .phone_header .nav_item2 {
         position: relative;
     }

     .phone_header .nav_item2>a {
         display: block;
         overflow: hidden;
         margin: 0;
         padding: 12px 10px 12px 20px;
         white-space: nowrap;
         text-overflow: ellipsis;
         color: inherit;
         color: #333;
         position: relative;
         font-size: 16px;
     }

     .phone_header .nav_item2>a:after {
         content: '';
         width: 100%;
         position: absolute;
         bottom: 0;
         left: 0;
         display: block;
         border-bottom-width: 1px;
         border-bottom-style: solid;
         border-bottom: 1px solid rgba(0, 0, 0, .15);
         margin-left: 20px;
     }


     .phone_header .nav_item3>a {
         display: block;
         overflow: hidden;
         margin: 0;
         padding: 11px 10px 11px 40px;
         white-space: nowrap;
         text-overflow: ellipsis;
         color: inherit;
         color: #333;
         position: relative;
         font-size: 14px;
     }

     .phone_header .nav_item3>a:after {
         content: '';
         width: 100%;
         position: absolute;
         bottom: 0;
         left: 0;
         display: block;
         border-bottom-width: 1px;
         border-bottom-style: solid;
         border-bottom: 1px solid rgba(0, 0, 0, .15);
         margin-left: 40px;
     }


     .phone_header .lang {
         display: flex;
         flex-direction: row;
         flex-wrap: wrap;
         align-items: center;
     }

     .phone_header .lang>a {
         font-size: 17px;
         display: block;
         color: #333;
         background: url('../images/icon2.png') no-repeat 20px center;
         padding: 20px 0px;
         padding-left: 45px;
         background-size: 17px auto;
     }


     .search_input {
         position: fixed;
         top: 50px;
         left: 0px;
         width: 100%;
         display: none;
         z-index: 101;
     }

     .search_input .txt {
         width: 100%;
         height: 100%;
         border-radius: 0px;
         border: none;
         padding: 15px;
         font-size: 18px;
         font-weight: normal;
         border: 1px solid #eaeaea;
     }

     .search_input .but {
         background: url('../images/close.png') no-repeat center center;
         position: absolute;
         right: 0px;
         top: 0px;
         width: 50px;
         height: 100%;
         border: none;
         background-size: 22px auto;
     }


     .bannerSwiper .simulationListsbtn.simulationListsnext {
         display: none;
     }

     .bannerSwiper .simulationListsbtn.simulationListsprev {
         display: none;
     }

     .bannerSwiper .swiper-slide .main {
         padding: 0px 10px;
     }

     .bannerSwiper .swiper-slide .box p {
         font-size: 20px;
         margin-bottom: 20px;
     }

     .bannerSwiper .swiper-slide .box h2 {
         font-size: 28px;
         margin-bottom: 30px;
     }

     .indexBanner .bannerSwiper {
         height: calc(70vh - 50px);
         margin-top: 50px;
     }

     .more a {
         line-height: 38px;
         padding: 0 50px 0 20px;
     }

     .bannerSwiper .swiper-pagination-bullet {
         height: 3px;
         margin: 0px 5px !important;
     }

     .index_survey {
         padding: 50px 0px;
     }

     .index_survey .box h3 {
         font-size: 24px;
         margin-bottom: 20px;
     }

     .index_survey .box .text {
         max-width: 100%;
     }

     .index_survey .box .text p {
         font-size: 14px;
         line-height: 24px;
     }

     .index_survey .lists ul li h4 span {
         font-size: 32px;
     }

     .index_survey .lists ul li p {
         font-size: 14px;
     }

     .index_survey .lists ul {
         margin-top: 40px;
     }

     .index_product {
         padding: 50px 0px 40px;
     }

     .index_productBox {
         display: block;
     }

     .index_productBox .left {
         width: 100%;
     }

     .index_productBox .right {
         width: 100%;
     }

     .itemSwipers .productbtn.productprev {
         display: none;
     }

     .itemSwipers .productbtn.productnext {
         display: none;
     }

     .productBoxSwiper .itemSwipers {
         padding: 0px;
         margin-top: 40px;
     }

     .index_productBox .left .top h3 {
         font-size: 24px;
         margin-bottom: 15px;
     }

     .index_productBox .left .top .text p {
         font-size: 14px;
         line-height: 24px;
     }

     .index_productBox .left .top .text {
         margin-bottom: 20px;
     }

     .index_productBox .left .tab {
         margin-top: 40px;
         border-left: 2px solid #d2d0d1;
         padding-left: 20px;
     }

     .index_productBox .left .tab h5 {
         font-size: 18px;
     }

     .index_productBox .left .tab h5::after {
         width: 2px;
         left: -22px;
     }

     .itemSwiper .swiper-slide a .leftText .box h6 {
         line-height: 26px;
         font-size: 16px;
     }

     .itemSwiper .swiper-slide a .leftText .box h6 p {
         line-height: 26px;
         font-size: 16px;
     }

     .itemSwiper .swiper-slide a {
         padding: 0 30px 30px;
     }

     .itemSwiper .swiper-slide a .leftText .box {
         margin-top: 80px;
     }

     .itemSwiper .swiper-slide a .leftText .box h6 {
         line-height: 22px;
         font-size: 14px;
     }

     .itemSwiper .swiper-slide a .leftText .box h6 p {
         line-height: 22px;
         font-size: 14px;
     }

     .itemSwiper .swiper-pagination-bullet {
         height: 3px;
         margin: 0 5px !important;
     }

     .index_service {
         display: block;
     }

     .index_service .item {
         width: 100%;
     }

     .index_service .item .img {
         width: 70px;
         height: 70px;
         margin: 0px auto 10px;
         padding: 10px;
     }

     .index_service .item .img::after {
         width: 70px;
         height: 70px;
         background-size: 70px 70px;
     }

     .index_service .item h5 {
         font-size: 18px;
     }

     .index_service .item .textBox {
         transform: translateY(0px);
     }

     .index_service {
         height: auto;
     }

     .index_service .itemx {
         transform: translateY(0px);
     }

     .index_service:after {
         content: "";
         width: 100%;
         height: 100%;
         position: absolute;
         left: 0;
         top: 0;
         background-color: rgba(255, 255, 255, 0.01);
         -webkit-backdrop-filter: blur(5px);
         backdrop-filter: blur(5px);
         background-size: cover;
         z-index: 0;
         transition: all .3s;
         opacity: 1;
     }

     .index_service .item .textBox .text {
         min-height: auto;
         margin-top: 10px;
     }

     .index_service .item {
         padding: 30px 20px;
         border-bottom: 1px dashed rgb(255, 255, 255, 0.3);
     }

     .index_service .item .textBox .text p {
         font-size: 14px;
         line-height: 22px;
     }

     .index_service .item:last-child {
         border-bottom: none;
     }

     .index_service .item .iconBtn img {
         width: 40px;
     }

     .index_news {
         padding-top: 50px;
         padding-bottom: 50px;
     }

     .index_news .title h3 {
         font-size: 24px;
     }

     .new_swiper .item .newbtn.newnext {
         display: none;
     }

     .new_swiper .item .newbtn.newprev {
         display: none;
     }

     .index_news .newsBox .tob p {
         padding: 0px 18px;
         font-size: 14px;
         line-height: 36px;
     }

     .index_news .title {
         margin-bottom: 20px;
     }

     .new_swiper .item {
         padding-top: 40px;
     }

     .new_swiperitem .swiper-wrapper {
         padding: 0px;
     }

     .new_swiperitem .swiper-slide .boxa .text h6 {
         font-size: 14px;
         line-height: 23px;
         height: 46px;
         margin-bottom: 20px;
     }

     .new_swiperitem .swiper-slide .boxa .text .time {
         font-size: 14px;
         margin-bottom: 10px;
     }

     .new_swiperitem .swiper-slide .boxa .text {
         padding: 20px;
     }

     .footerTop .left {
         display: none;
     }

     .footerTop .right {
         width: 100%;
         padding-top: 0px;
     }

     .footerTop .right .top {
         display: none;
     }

     .footerTop .right .bottom {
         padding-top: 30px;
         padding-bottom: 20px;
     }

     .footerTop .right .bottom .lefta {
         padding-left: 0px;
     }

     .footerTop .right .bottom .righta {
         display: none;
     }

     .footerTop .right .bottom {
         border-top: none;
     }

     .footerTop .right .bottom .lefta .cont p {
         font-size: 14px;
     }

     .footerTop .right .bottom .lefta h5 {
         font-size: 28px;
         margin-top: 5px;
     }

     .footerTop .right .bottom .lefta p {
         font-size: 18px;
     }

     .footer .footer_bottom .main {
         display: block;
         padding-bottom: 20px;
     }

     .footer .footer_bottom .main p {
         padding-top: 10px;
         padding-bottom: 0px;
     }

     .footer .footer_bottom .main p a {
         margin-left: 0px;
         margin-right: 20px;
     }

     .TopUp {
         right: 5px;
         bottom: 5px;
         top: initial;
         width: 64px;
         height: 64px;
         background-size: 64px 64px;
     }

     .banner {
         height: 200px;
         margin-top: 50px;
     }

     .banner .main .box h3 {
         font-size: 30px;
         margin-bottom: 15px;
     }

     .banner .main .box p {
         font-size: 16px;
     }

     .about_tab .box {
         padding: 10px 0px;
     }

     .about_tab .box p {
         margin-right: 0px;
         border: 2px solid #fff;
         min-width: 33.33%;
     }

     .about_tab .box p a {
         background: #f6f6f6;
         padding: 0px 10px;
         font-size: 15px;
         color: #333;
         line-height: 45px;
         display: block;
         text-align: center;
     }

     .surveyBox {
         margin-top: 20px;
     }

     .ejTitle {
         font-size: 24px;
     }

     .survey_BOX {
         flex-direction: column-reverse;
         margin-top: 40px;
     }

     .survey_BOX .left {
         width: 100%;
         padding-right: 0px;
         margin-top: 40px;
     }

     .survey_BOX .right {
         width: 100%;
         margin-top: 0px;
     }

     .survey_BOX .right .proVideoBox>img {
         width: 100%;
     }

     .survey_BOX .left h5 {
         font-size: 22px;
     }

     .survey_BOX .left .text {
         margin-top: 20px;
         max-height: 224px;
     }

     .survey_BOX .left .text p {
         line-height: 24px;
         font-size: 14px;
     }

     .shareholder {
         padding-top: 50px;
     }

     .shareholder .shareholderBox {
         margin-top: 30px;
     }

     .shareholderBox .distributed-pic {
         flex-direction: column;
     }

     .shareholderBox .distributed-pic .info .introduce {
         position: relative;
         opacity: 1;
     }

     .shareholderBox .distributed-pic .info:hover .masking-black {
         opacity: 1;
     }

     .shareholderBox .distributed-pic .info {
         overflow: visible;
         width: 100% !important;
         margin-top: 10px;
         position: relative;
     }

     .shareholderBox .distributed-pic .info:after {
         content: '';
         background: rgba(0, 0, 0, 0.3);
         position: absolute;
         top: 0px;
         left: 0px;
         width: 100%;
         height: 100%;
         -webkit-backdrop-filter: blur(4px);
         backdrop-filter: blur(4px);
     }

     .shareholderBox .distributed-pic {
         height: auto;
     }

     .shareholderBox .distributed-pic .info .masking-black {
         padding: 10px;
         padding-top: 30px;
     }

     .shareholderBox .distributed-pic .info .introduce {
         padding: 20px;
     }

     .shareholderBox .distributed-pic .info .bottom ul {
         flex-wrap: wrap;
     }

     .shareholderBox .distributed-pic .info .bottom ul li {
         margin-top: 10px;
     }

     .shareholderBox .distributed-pic .info .introduce .top h5 {
         font-size: 22px;
     }

     .shareholderBox .distributed-pic .info .introduce .top .text p {
         font-size: 14px;
         line-height: 24px;
     }

     .shareholderBox .distributed-pic .info .introduce .bottom {
         margin-top: 10px;
     }

     .shareholder {
         padding-bottom: 50px;
     }

     .vision {
         height: auto;
         padding: 50px 0px;
     }

     .vision .main .visionBox .top p {
         font-size: 16px;
     }

     .vision .main .visionBox .items {
         padding: 0px 10px;
         margin-top: 30px;
     }

     .vision .main .visionBox .items .item h6 {
         margin-bottom: 0px;
     }

     .vision .main .visionBox .items .item h6 span {
         font-size: 24px;
     }

     .vision .main .visionBox .items .item p {
         font-size: 14px;
     }

     .vision .main .visionBox .items .item .img {
         width: 70px;
         height: 70px;
         padding: 15px;
         margin-bottom: 15px;
     }

     .vision .main .visionBox .items .item .img::after {
         width: 70px;
         height: 70px;
         background-size: 70px auto;
     }

     .vision .main .visionBox .items .item {
         width: 33.33%;
     }

     .vision .main .visionBox .items .item p {
         font-size: 12px;
     }

     .honor {
         padding-top: 50px;
         margin-bottom: 90px;
     }

     .honorBox .honorbtn.honorprev {
         display: none;
     }

     .honorBox .honorbtn.honornext {
         display: none;
     }

     .honorBox {
         padding: 0px;
         margin-top: 30px;
     }

     .honorBox .swiper-pagination-bullet {
         height: 4px;
         margin: 0px 5px !important;
     }

     .honorBox .swiper-pagination {
         margin-top: 15px;
     }

     .about_tab.color {
         background: #fff;
     }

     .technology .tab {
         margin-top: 20px;
         justify-content: center;
     }

     .technology .tab li {
         width: auto;
         text-align: center;
     }

     .technology .tab li.active {
         border-right: 1px solid #f7951d;
     }

     .textSmall {
         font-size: 24px;
     }

     .intelligence {
         padding-bottom: 40px;
     }

     .intelligenceBox .title {
         font-size: 28px;
     }

     .intelligenceBox .text p {
         font-size: 14px;
         line-height: 24px;
     }

     .intelligenceList {
         margin-top: 20px;
     }

     .intelligenceList .distributed-pic {
         flex-direction: column;
         height: auto;
     }

     .intelligenceList .distributed-pic .info {
         width: 100% !important;
         margin-top: 10px;
     }

     .intelligenceList .masking-black {
         padding: 30px 10px;
         transform: translateY(0);
     }

     .intelligenceList .masking-black .text {
         opacity: 1;
         margin-top: 10px;
     }

     .intelligenceBox .title {
         margin-top: 15px;
     }

     .intelligenceList .masking-black .title {
         font-size: 20px;
     }

     .intelligenceList .masking-black .text p {
         font-size: 14px;
         line-height: 24px;
     }

     .intelligenceList .masking-black .title {
         margin-top: 0px;
     }

     .technology .tab {
         padding: 8px;
     }

     .technology .tab li a {
         font-size: 14px;
         padding: 6px 10px;
         display: block;
     }

     .brand .brandBox .title {
         font-size: 28px;
     }

     .research {
         padding-top: 40px;
     }

     .brandBox ul {
         padding-top: 40px;
         padding-bottom: 20px;
         margin-top: 40px;
         flex-wrap: wrap;
     }

     .brandBox ul li {
         width: 50%;
         margin: 5px 0px;
     }

     .brandBox ul li h6 span {
         font-size: 30px;
     }

     .brandBox ul li p {
         font-size: 14px;
     }

     .brandBox ul li:nth-child(2n) {
         border-right: none;
     }

     .brand {
         background: linear-gradient(to bottom, #fff 80%, #fafafa 0);
     }

     .prize {
         padding-top: 50px;
     }

     .prize .prizeBox {
         margin-top: 30px;
     }

     .prize .prizeBox .item {
         padding: 20px 10px;
     }

     .prize .prizeBox .item h6 {
         font-size: 14px;
     }

     .prize .prizeBox .item .img {
         width: 80px;
         height: 80px;
         margin: 0 auto 15px;
     }

     .cooperation {
         padding-top: 50px;
     }

     .cooperation .cooperationBox {
         margin-top: 30px;
         display: block;
         padding: 10px 17px;
     }

     .cooperation .cooperationBox .outside-container {
         width: 100%;
     }

     .cooperation .cooperationBox p {
         width: 100%;
         font-size: 14px;
     }

     .cooperation .cooperationBox p:last-child {
         border-bottom: none;
     }

     .graduate {
         padding-top: 50px;
         padding-bottom: 50px;
     }

     .graduate .graduateBox {
         margin-top: 10px;
     }

     .graduate .graduateBox .item {
         width: 49%;
         height: auto;
         margin-top: 20px;
     }

     .graduate .graduateBox .item .text p {
         font-size: 14px;
         line-height: 22px;
     }

     .graduate .graduateBox .item .img {
         padding: 15px;
         height: 130px;
     }

     .graduate .graduateBox .item {
         border-bottom: 1px solid #e1e4e8;
     }

     .graduate .graduateBox .item .text {
         border-bottom: none;
     }

     .guideBox {
         display: block;
     }

     .guideBox .left {
         width: 100%;
         padding: 20px;
     }

     .guideBox .left h5 {
         font-size: 24px;
     }

     .guideBox .left .text p {
         font-size: 14px;
         line-height: 26px;
     }

     .guideBox .right {
         width: 100%;
     }

     .innovate {
         padding-top: 40px;
     }

     .titleNum .text h4 {
         font-size: 20px;
         line-height: 30px;
     }

     .titleNum .left img {
         height: 50px;
     }

     .drop_down li h6 {
         font-size: 16px;
         padding: 25px 20px;
         background-size: 30px auto;
     }

     .drop_down li .contactText p {
         font-size: 14px;
         line-height: 24px;
     }

     .drop_down li h6.active {
         background-size: 30px auto;
     }

     .assembly {
         padding-top: 50px;
     }

     .assemblyBox {
         display: block;
         padding-bottom: 30px;
     }

     .assemblyBox .title {
         width: 100%;
     }

     .assemblyBox .assemblySwiper {
         width: 100%;
         margin-top: 30px;
     }

     .assembly_swiper .swiper-slide h6 {
         font-size: 18px;
     }

     .assembly_swiper .swiper-slide .text {
         font-size: 14px;
         line-height: 24px;
         min-height: 100px;
     }

     .assembly_swiper .assbtn {
         width: 40px;
         height: 40px;
         background-size: 40px auto;
         bottom: 10px;
     }

     .assembly_swiper .assbtn.assprev {
         right: 48px;
     }

     .system {
         padding-top: 50px;
         padding-bottom: 50px;
     }

     .system .systemBox {
         margin-top: 30px;
     }

     .system .systemBox .item {
         display: block;
     }

     .system .systemBox .item .left {
         width: 100%;
         padding: 20px;
     }

     .system .systemBox .item .right {
         width: 100%;
     }

     .system .systemBox .item:nth-child(odd) .left {
         border-right: 1px solid #e6e6e6;
     }

     .system .systemBox .item .left p {
         font-size: 14px;
         line-height: 24px;
         margin-bottom: 0px;
     }

     .belief .beliefBox {
         display: block;
     }

     .belief .beliefBox .left {
         width: 100%;
         padding: 20px;
     }

     .belief .beliefBox .left p {
         font-size: 14px;
         line-height: 24px;
     }

     .belief .beliefBox .right {
         width: 100%;
     }

     .belief {
         padding: 50px 0px;
     }


     .exhibitionList {
         margin-top: 30px;
     }

     .exhibitionList .item a {
         padding: 10px 0px;
     }

     .exhibitionList .item a .right {
         display: block;
         width: 100%;
         padding-left: 0px;
         margin-top: 0px;
     }

     .exhibitionList .item a .right h6 {
         font-size: 16px;
     }

     .exhibitionList .item a .address {
         margin-top: 10px;
         display: block;
         font-size: 14px;
     }

     .exhibitionList .item a .left {
         flex: 0 0 auto;
         width: 120px;
         margin-right: 20px;
     }

     .exhibitionList .item a .address p.time {
         margin-top: 10px;
     }

     .exhibitionList .item a .address p {
         font-size: 14px;
     }

     .exhibitionList .item a .address {
         margin-top: 10px;
     }

     .newsCon {
         padding-bottom: 50px;
         padding-top: 30px;
     }

     .exhibitionList .item a .address p.exh {
         background-size: 16px auto;
     }

     .exhibitionList .item a .address p.addre {
         background-size: 15px auto;
         margin-top: 5px;
     }

     .exhibitionList .item a .address p.time {
         background-size: 16px auto;
         margin-top: 5px;
     }

     .xiala dl dt {
         font-size: 14px;
         height: 44px;
         line-height: 44px;
     }

     .personnelBox {
         display: block;
     }

     .personnelBox .item {
         width: 100%;
         padding: 10px 0px;
     }

     .personnelBox .item .right h6 {
         font-size: 16px;
         line-height: 24px;
     }

     .recruit {
         padding-top: 40px;
     }

     .recruitBox {
         display: block;
     }

     .recruitBox .left {
         width: 100%;
         padding: 10px 10px;
     }

     .recruitBox .right {
         width: 100%;
         margin-top: 20px;
     }

     .recruit {
         padding-bottom: 50px;
     }

     .recruitBox .left .top {
         font-size: 18px;
     }

     .recruitBox .left ul li {
         font-size: 16px;
         line-height: 52px;
     }

     .recruitBox .left ul li:last-child {
         border-bottom: none;
     }

     .recruitBox .right .join_item li h5 {
         font-size: 16px;
         padding: 12px 0px;
         background-size: 30px auto;
     }

     .recruitBox .right .join_item li h5.active {
         background-size: 30px auto;
     }

     .recruitBox .right .join_item li .textJoin .text p {
         font-size: 14px;
         line-height: 24px;
     }

     .personnelBox .item .right h6 {
         font-size: 14px;
         line-height: 22px;
     }

     .personnelBox .item {
         margin-bottom: 10px;
     }

     .personnelBox {
         margin-top: 30px;
     }

     .personnel {
         padding-top: 30px;
     }

     .news_list {
         margin-top: 30px;
     }

     .news_list .newsItem.headline {
         display: block;
     }

     .news_list .newsItem .news-info .news-title {
         margin-bottom: 10px;
     }

     .news_list .newsItem.headline .news-cover {
         width: 100%;
     }

     .news_list .newsItem.headline .news-info {
         width: 100%;
         padding: 30px 20px;
     }

     .news_list .newsItem.headline .news-info .news-title {
         font-size: 16px;
         line-height: 24px;
         height: 50px;
     }

     .news_list .newsItem.headline .news-info .news-desc {
         margin-top: 0px;
         margin-bottom: 20px;
         font-size: 14px;
         line-height: 24px;
     }

     .news_list .newsItem.headline .news-info .news-date {
         margin-bottom: 10px;
     }

     .news_list .newsItem.headline .news-info .btn-ctn {
         margin-top: 20px;
     }

     .news_list .newsItem {
         width: 100%;
         margin-right: 0px;
         margin-bottom: 30px;
     }

     .news_list .newsItem .news-info .news-title {
         font-size: 16px;
         height: 50px;
         line-height: 24px;
     }

     .news_list .newsItem .news-info {
         padding: 20px;
     }

     .news_list .newsItem .news-info .icon {
         width: 40px;
         height: 40px;
     }

     .hdhg_page .yiiPager li {
         width: 40px;
         height: 40px;
         line-height: 40px;
         margin: 0px 3px;
     }

     .hdhg_page .yiiPager li a {
         line-height: 40px;
     }

     .newsContent .newsContentTitle .main {
         max-width: 100%;
     }

     .notice .noticeItem a {
         display: block;
         padding: 20px 0px;
     }

     .notice .noticeItem a .right {
         width: 100%;
         padding: 20px 0px 0px;
     }

     .notice .noticeItem a::after {
         display: none;
     }

     .notice .noticeItem a .right .title {
         font-size: 18px;
     }

     .notice .noticeItem a .right .text p {
         font-size: 14px;
         line-height: 24px;
     }

     .notice {
         margin-bottom: 30px;
     }

     .societyBox {
         display: block;
         padding-bottom: 50px;
         margin-top: 30px;
     }

     .societyBox .left {
         width: 100%;
         padding: 10px;
         padding-top: 50px;
         background: #fff url('../images/tu42.png') no-repeat 12px 20px;
     }

     .societyBox .right {
         width: 100%;
     }

     .societyBox .left p {
         font-size: 14px;
         line-height: 24px;
         margin-bottom: 12px;
     }

     .societyBox .right {
         display: block;
     }

     .societyBox .right .text .name h6 {
         font-size: 30px;
     }

     .societyBox .right .text {
         max-width: 100%;
         position: initial;
         padding: 20px;
     }

     .spirit.index_service .itemx {
         transform: translateY(0);
         padding: 20px 0px;
     }

     .spirit.index_service {
         height: auto;
     }

     .spirit.index_service .item h5 {
         font-size: 18px;
     }

     .continued {
         padding-top: 50px;
         padding-bottom: 50px;
     }

     .continuedBox {
         display: block;
     }

     .continuedBox .left {
         width: 100%;
     }

     .continuedBox .right {
         width: 100%;
         margin-top: 30px;
     }

     .continuedBox .right .top h6 {
         font-size: 24px;
     }

     .continuedBox .right .top .text p {
         line-height: 24px;
         font-size: 14px;
     }

     .continuedBox .right .top .text {
         margin-top: 15px;
     }

     .continuedBox .right .top {
         margin-bottom: 20px;
     }

     .wisdomBox .wisdomBoxImg {
         margin-top: 30px;
     }

     .authentication {
         padding-top: 50px;
     }

     .authenticationBox .top {
         display: block;
     }

     .authenticationBox .top .tab {
         margin-top: 20px;
         justify-content: space-between;
     }

     .authenticationBox .top .tab p {
         margin-left: 0px;
         font-size: 14px;
     }

     .wisdom {
         padding-bottom: 50px;
     }

     .wisdomBox .text p {
         line-height: 24px;
         font-size: 14px;
     }

     .authenticationSwiperBox .authenticationbtn.authenticationprev {
         display: none;
     }

     .authenticationSwiperBox .authenticationbtn.authenticationnext {
         display: none;
     }

     .authenticationBox .top {
         padding-bottom: 30px;
     }

     .authenticationSwiper .swiper-slide .item .swiperText p {
         font-size: 16px;
     }

     .authenticationSwiperBox {
         padding-bottom: 50px;
     }

     .authenticationSwiperBox .swiper-pagination-bullet {
         height: 4px;
         margin-right: 10px !important;
         margin-top: 40px;
     }

     .authenticationSwiperItems .swiper-pagination {
         text-align: center;
         width: 100%;
     }


     .layout {
         padding-top: 50px;
     }

     .layoutBox {
         display: block;
         margin-top: 40px;
     }

     .layoutBox .left {
         width: 100%;
     }

     .layoutBox .right {
         width: 100%;
     }

     .layoutBox .right .img {
         margin-top: 20px;
     }

     .layoutBox .right .img img {
         width: 100%;
     }

     .layoutBox .right .img h6 {
         font-size: 20px;
         left: 0px;
         font-size: 18px;
         text-align: center;
         width: 100%;
     }

     .bannerDetailBox .box .top h2 {
         font-size: 22px;
         margin-top: 10px;
     }

     .bannerDetailBox .box .top h2 span {
         font-size: 20px;
     }

     .bannerDetailBox .box .bottom p {
         font-size: 16px;
         line-height: 26px;
     }


     .bannerDetail {
         height: 540px;
     }

     .formBox {
         overflow: auto;
         margin-top: 30px;
     }

     .formBox table {
         min-width: 800px;
     }


     .batteryBoxTop ul {
         flex-wrap: wrap;
     }

     .batteryBoxTop ul li {
         width: 50%;
         margin: 10px 0px;
     }

     .batteryBoxTop ul li h5 {
         font-size: 25px;
     }

     .batteryBoxTop ul li:nth-child(2n) {
         border-right: none;
     }

     .bannerDetailBox {
         padding-bottom: 50px;
     }

     .bannerDetailBox .box .bottom {
         margin-top: 30px;
     }

     .batteryBoxContent {
         padding-top: 40px;
     }

     .batteryBoxContentLeft .formBox tr th:nth-child(1) {
         padding-left: 5px;
         padding-right: 5px;
     }

     .batteryBoxContentLeft .formBox tr td:nth-child(1) {
         width: 30%;
         padding-left: 5px;
         padding-right: 5px;
     }

     .formBox table tbody td {
         font-size: 14px;
         line-height: 50px;
     }

     .relevant {
         padding-top: 50px;
         padding-bottom: 50px;
     }

     .relevantBox {
         margin-top: 30px;
         display: block;
     }

     .relevantBox .item {
         width: 100%;
         margin-top: 10px;
     }

     .relevantBox .item a .left {
         padding: 20px;
         width: 100%;
         padding-top: 40px;
     }

     .relevantBox .item a {
         display: block;
         text-align: center;
     }

     .relevantBox .item a .right {
         width: 100%;
     }

     .relevantBox .item a .left .icon {
         width: 40px;
         height: 40px;
         margin: 0 auto;
         margin-top: 20px;
     }

     .relevantBox .item a .left .top h6 {
         font-size: 18px;
         line-height: 26px;
     }

     .photovoltaic .photovoltaicBox .item {
         text-align: center;
     }

     .photovoltaic .photovoltaicBox .item a .img {
         width: 70px;
         height: 70px;
         padding: 10px;
         margin: 0 auto;
     }

     .photovoltaic .photovoltaicBox .item a .img::after {
         width: 70px;
         height: 70px;
         background-size: 70px auto;
     }

     .photovoltaic .photovoltaicBox .item a .title {
         font-size: 16px;
         margin-top: 15px;
     }

     .photovoltaic .photovoltaicBox {
         padding: 0px;
     }

     .photovoltaic {
         padding-top: 20px;
     }

     .photovoltaicItems .item {
         width: 49%;
         margin-bottom: 10px;
     }

     .photovoltaicItems .item a .text {
         padding: 10px;
     }

     .photovoltaicItems .item a .text h6 {
         font-size: 16px;
     }

     .photovoltaicList {
         padding-top: 50px;
         padding-bottom: 50px;
     }

     .case {
         padding-top: 50px;
         padding-bottom: 80px;
     }

     .caseBxo .swiper-pagination {
         margin-top: 20px;
     }

     .caseBxo .swiper-pagination-bullet {
         height: 4px;
         margin: 0px 5px !important;
     }

     .caseBxo {
         padding-top: 30px;
     }

     .caseBxo .caseprev {
         width: 40px;
         height: 40px;
         background-size: 40px auto;
         top: -10px;
     }

     .caseBxo .casebtn {
         width: 40px;
         height: 40px;
         background-size: 40px auto;
         top: -10px;
     }

     .caseBxo .casebtn.caseprev {
         right: 50px;
     }

     .caseSwiper .swiper-slide a .text {
         font-size: 18px;
         line-height: 20px;
         min-height: 60px;
     }

     .newsContent {
         padding-top: 10px;
     }

     .newsContent .newsContentTitle .main h2 {
         font-size: 20px;
         line-height: 30px;
         margin-bottom: 15px;
     }

     .newsContent .newsContentTitle .main p {
         font-size: 16px;
     }

     .newsContent .newsContentTitle {
         padding-bottom: 30px;
     }

     .newsContent .newsContentText p {
         font-size: 15px;
         line-height: 26px;
         margin-bottom: 15px;
     }

     .newsContent .newsContentBottom {
         padding-bottom: 50px;
     }

     .newsContent .newsContentBottom .main .right {
         margin-top: 30px;
         justify-content: space-between;
     }

     .newsContent .newsContentBottom .main {
         display: block;
     }

     .newsContent .newsContentBottom .main .right .item::after {
         display: none;
     }

     .newsContent .newsContentBottom .main .right .item a::after {
         width: 37px;
         height: 37px;
     }

     .newsContent .newsContentBottom .main .right .item a {
         line-height: 39px;
     }

     .newsContent .newsContentBottom .main .right .item.pitem a {
         padding-left: 50px;
     }

     .newsContent .newsContentBottom .main .left a::after {
         width: 37px;
         height: 37px;
     }

     .newsContent .newsContentBottom .main .left a {
         line-height: 42px;
         padding-left: 52px;
     }

     .indexBanner .bannerSwiper .swiper-slide .text p {
         font-size: 16px;
         line-height: 26px;
     }

     .indexBanner .bannerSwiper .swiper-slide .text {
         margin-bottom: 60px;
     }

     .proSeriesBox .top {
         padding-top: 50px;
         padding-bottom: 50px;
     }

     .proSeriesBox .top p {
         font-size: 18px;
     }

     .proSeriesBox .top h5 {
         font-size: 24px;
         margin-bottom: 20px;
         margin-top: 20px;
     }

     .proSeriesBox .top .text {
         max-width: 100%;
     }

     .proSeriesBox .top .text p {
         font-size: 14px;
         line-height: 25px;
     }

     .proBoxTab {
         display: block;
     }

     .proBoxTab .left {
         width: 100%;
     }

     .proBoxTab .right {
         width: 100%;
         padding-top: 50px;
     }

     .proBoxTab .right .tab p {
         margin-right: 20px;
         font-size: 16px;
     }

     .proBoxTab .right {
         padding: 30px 15px;
     }

     .proBoxTab .right .content .item {
         margin-top: 30px;
     }

     .proBoxTab .right .content .item h6 {
         font-size: 30px;
         margin-bottom: 15px;
     }

     .proBoxTab .right .content .item .text p {
         font-size: 14px;
         line-height: 24px;
     }

     .proVideo {
         padding-top: 50px;
         padding-bottom: 0;
     }

     .proVideo h5 {
         font-size: 24px;
         margin-bottom: 30px;
     }

     .proFaq {
         padding-bottom: 50px;
     }

     .performanceImg {
         display: block;
         width: 50%;
         margin: 0 auto;
     }

     .performanceImg img {
         display: block;
         margin: 0 auto;
     }

     .performanceBox {
         display: block;
     }

     .performanceBox .center {
         display: none;
     }

     .performanceBox .left {
         width: 100%;
     }

     .performanceBox .right {
         width: 100%;
     }

     .performanceBox .left .item,
     .performanceBox .right .item {
         margin-top: 30px;
     }

     .performanceBox .left .item {
         flex-direction: row-reverse;
     }

     .performanceBox .left .item .text {
         text-align: left;
     }

     .performanceBox .left .item .text {
         margin-right: 0px;
         margin-left: 20px;
     }

     .performanceBox .left .item .text h6,
     .performanceBox .right .item .text h6 {
         font-size: 18px;
         margin-bottom: 5px;
     }

     .performanceBox .left .item .text p,
     .performanceBox .right .item .text p {
         font-size: 14px;
         margin-top: 0px;
         line-height: 22px;
     }

     .performanceBox .left .item .img,
     .performanceBox .right .item .img {
         width: 70px;
         height: 70px;
     }

     .performanceBox .right .item .text {
         width: calc(100% - 70px);
     }

     .performanceBox .left .item .text {
         width: calc(100% - 70px);
     }

     .bannerDetail {
         height: 500px;
     }

     .bannerDetail .bannerDetailBox .text h2 {
         font-size: 26px;
         line-height: 38px;
     }

     .bannerDetail .bannerDetailBox .text p {
         font-size: 20px;
     }

     .programme {
         padding-top: 50px;
         display: block;
     }

     .programmeBox {
         display: block;
     }

     .programmeBox .left {
         width: 100%;
         padding-left: 20px;
     }

     .programmeBox .right {
         width: 100%;
     }

     .programmeBox .left h3 {
         font-size: 22px;
         line-height: 30px;
     }

     .programmeBox .left .text {
         margin-top: 20px;
     }

     .programmeBox .left .text p {
         font-size: 14px;
         line-height: 24px;
     }

     .project {
         padding-top: 50px;
         padding-bottom: 50px;
     }

     .projectBox .item {
         width: 100%;
         padding: 10px;
         margin-bottom: 10px;
     }

     .projectBox .item .right h6 {
         font-size: 16px;
     }

     .projectBox .item .left {
         width: 70px;
         height: 70px;
     }

     .projectBox {
         margin-top: 30px;
     }

     .contactus .contactusBox {
         justify-content: space-between;
         margin-top: 10px;
     }

     .contactus .contactusBox .item {
         margin: 0;
         margin-top: 20px;
     }

     .contactus {
         padding-top: 40px;
     }


     .contactus .contactusBox .item .title {
         font-size: 18px;
     }

     .contactus_box {
         padding-bottom: 0px;
     }

     .contactusBox .contactbtn {
         width: 42px;
         height: 42px;
         background-size: 42px auto;
     }

     .contactusBox .contactbtn.contactprev {
         right: 50px;
     }

     .contactusBox .swiper-pagination-bullet {
         margin: 0 5px !important;
     }

     .contactusForm .txt {
         font-size: 16px;
     }

     .conFormBox {
         display: block;
     }

     .conFormBox .item {
         width: 100%;
     }

     .conProblem .box {
         flex-wrap: wrap;
     }

     .conProblem .box .info {
         margin-bottom: 10px;
         min-width: 45%;
         margin-right: 0px;
     }

     .conProblem .box .info p {
         font-size: 14px;
     }

     .contactusForm {
         padding-bottom: 50px;
     }

     .download .downloadBox .itm a .left h6 {
         font-size: 16px;
     }

     .download {
         padding-bottom: 50px;
     }

     .download .hdhg_page {
         margin-top: 40px;
     }

     .download .downloadBox {
         margin-top: 30px;
     }

     .faqs.recruit .recruitBox .right .join_item li h5::before {
         top: 10px;
         font-size: 18px;
     }

     .contactus .contactusBox .item .address {
         line-height: 22px;
     }

     .faqs.recruit .recruitBox .right .join_item li h5 {
         padding-left: 30px;
         font-size: 15px;
         line-height: 26px;
         padding-right: 50px;
     }

     .faqs.recruit .recruitBox .right .join_item li .textJoin p {
         font-size: 14px;
         line-height: 24px;
         color: #666;
     }

     .faqs.recruit .recruitBox .right .join_item li .textJoin::before {
         font-size: 18px;
     }

     .faqs.recruit .recruitBox .right .join_item li .textJoin {
         padding-left: 30px;
     }

     .faqs.recruit {
         padding-top: 30px;
     }

     .recruitBox {
         margin-top: 30px;
     }

     .recruitBox .right .join_item li {
         padding-left: 10px;
         padding-right: 10px;
     }

     .batteryBoxTop {
         padding-left: 2%;
         padding-right: 2%;
     }

     .serviceCentreBox {
         display: block;
         margin-top: 30px;
     }

     .serviceCentreBox .item {
         width: 100%;
         margin-top: 10px;
     }

     .serviceCentreBox .item .right .box h6,
     .serviceCentreBox .item .right .box h6 a {
         font-size: 20px;
     }

     .serviceCentreBox .item .left {
         width: 40px;
         height: 40px;
         margin-right: 20px;
     }

     .serviceCentreBox .item .right .box p {
         font-size: 18px;
     }

     .feedback .title {
         font-weight: normal;
     }

     .feedbackBox {
         margin-top: 30px;
     }

     .feedbackForm {
         padding: 20px;
     }

     .feedbackForm .item {
         width: 100%;
     }

     .feedback {
         padding-bottom: 50px;
     }

     .ul_form li h6 {
         font-size: 16px;
         background-size: 30px auto;
     }

     .ul_form li h6.active {
         background-size: 30px auto;
     }

     .ul_form li {
         margin-bottom: 10px;
     }

     .ul_form li .box .infoTitle {
         font-size: 16px;
     }

     .ul_form li .box {
         padding: 10px 10px;
     }

     .textArer p {
         font-size: 16px;
     }

     .ul_form li .box {
         overflow: auto;
     }

     .infoX .item p {
         font-size: 14px;
     }

     .infoX .item .img {
         display: none;
     }

     .choice p:nth-child(1) {
         font-size: 14px;
     }

     .infoX .item p {
         line-height: 24px;
     }

     .choice p input[type='checkbox'] {
         margin-right: 0px;
     }

     .contactus .contactusBox .item {
         width: 49%;
     }

     .prize .prizeBox .item .img::after {
         display: none;
     }

     .indexBanner .bannerSwiper video {
         width: 100%;
     }

     .footerTop .right .bottom .lefta .icons .wechat-icon::after {
         display: none;
         opacity: 1;
         content: '';
         position: absolute;
         z-index: 5;
         left: 120%;
         top: 50%;
         transform: translateY(-50%);
         width: 100px;
         height: 100px;
         background: url(../images/wechat-code.jpg) no-repeat center/cover;
         transition: opacity 1s;
     }

     .footerTop .right .bottom .lefta .icons .wechat-icon::before {
         display: none;
         opacity: 1;
         content: '';
         position: absolute;
         z-index: 5;
         left: 95%;
         bottom: 50%;
         transform: translateY(50%);
         width: 0;
         height: 0;
         border: 5px solid transparent;
         border-right-color: #fff;
         transition: opacity 1s;
     }

     .footerTop .right .bottom .lefta .icons .video-icon::after {
         display: none;
         opacity: 1;
         content: '';
         position: absolute;
         left: 120%;
         top: 50%;
         transform: translateY(-50%);
         width: 100px;
         height: 100px;
         background: url(../images/video-code.jpg) no-repeat center/cover;
         transition: opacity 1s;
     }

     .footerTop .right .bottom .lefta .icons .video-icon::before {
         display: none;
         opacity: 1;
         content: '';
         position: absolute;
         left: 95%;
         bottom: 50%;
         transform: translateY(50%);
         width: 0;
         height: 0;
         border: 5px solid transparent;
         border-right-color: #fff;
         transition: opacity 1s;
     }

     .footerTop .right .bottom .lefta .icons .wechat-icon:hover::after,
     .footerTop .right .bottom .lefta .icons .wechat-icon:hover::before {
         display: block;
     }

     .footerTop .right .bottom .lefta .icons .video-icon:hover::after,
     .footerTop .right .bottom .lefta .icons .video-icon:hover::before {
         display: block;
     }

     .searchnews_list.news_list .newsItem:last-child:nth-child(3n - 1) {
         margin-right: 0;
     }

     .proSeriesBox .top h5 img {
         max-width: 50%;
         height: auto;
     }

     .layout-bottom {
         padding-bottom: 50px;
     }

     .promise-container {
         padding-bottom: 50px;
     }

     .promise-container .promise-swiper .content .title {
         font-size: 20px;
     }

     .promise-container .promise-swiper .content .text {
         font-size: 14px;
     }

     .promise-container .promise-swiper .content .arrow {
         width: 40px;
         height: 40px;
     }

     .promise-container .promise-swiper {
         margin-top: 30px;
     }

     .management-container .management-list {
         margin-top: 30px;
     }

     .management-container .content {
         height: 100%;
     }

     .management-container .content .title {
         font-size: 20px;
     }

     .management-container .content .text {
         font-size: 14px;
     }

     .management-container .content .icon {
         width: 40px;
         height: 40px;
     }

     .investor-container .stock-market .data-content {
         flex-direction: column;
     }

     .investor-container .stock-market .data-content .left {
         justify-content: flex-start;
     }

     .investor-container .stock-market .data-content .data {
         justify-content: flex-start;
         margin-top: 20px;
     }

     .investor-container .stock-market .data-content .default {
         width: 50%;
         padding: 0 30px;
         margin-left: 0;
         margin-bottom: 10px;
     }

     .develop-container {
         margin-top: 30px;
     }

     .investor-container .stock-market .top .title {
         font-size: 20px;
     }

     .investor-container .stock-market {
         margin-top: 30px;
     }

     .investor-container .stock-market .top .tips {
         margin-top: 10px;
     }

     .investor-container .stock-market .data-content .left .rmb-num {
         font-size: 30px;
     }

     .investor-container .stock-market .data-content .num {
         font-size: 20px;
     }

     .investor-container.download {
         margin-top: 30px;
     }

     .investor-bottom {
        padding-top: 40px;
        padding-bottom: 30px;
    }

     .investor-bottom .title {
         font-size: 20px;
     }

     .investor-bottom .message {
        font-size: 16px;
    }

    .society-desc {
        margin-bottom: 50px;
    }

    .society-title {
        font-size: 24px;
        font-weight: 400;
    }

 }


 @media screen and (max-width: 1000px) {
     .cookies-container {
         flex-wrap: wrap;
         justify-content: center;
         width: 100%;
         height: auto;
         padding-top: 20px;
         padding-bottom: 20px;
     }

     .cookies-container .accept-btn {
         margin-top: 20px;
     }
 }


 @media screen and (max-width:992px) {
     .contactus .contactusBox .item {
         width: 49%;
     }

     .indexBanner .bannerSwiper video {
         width: auto;
         height: 100%;
     }

     .search-box .other-content {
         -webkit-line-clamp: 4;
     }

     .search0 {
         margin-top: 20px;
     }

     .search0 form {
         width: 80%;
     }
 }

 @media screen and (max-width:960px) {
     .management-container .management-list {
         flex-direction: column;
     }

     .honor-container .honor-swiper .swiper-slide {
         flex-direction: column-reverse;
     }

     .honor-container .honor-swiper .swiper-slide .left,
     .honor-container .honor-swiper .swiper-slide .right {
         width: 100%;
     }

     .management-container .management-list {
         height: auto;
     }

     .management-container .management-item {
         height: 250px;
         flex: unset;
     }

     .management-container a .out-title {
         opacity: 0;
     }

     .management-container .content {
         transform: translateY(0);
     }

     .honor-container .honor-swiper {
         height: auto;
         margin-top: 30px;
     }

     .honor-container .honor-swiper .swiper-slide .right {
         height: 200px;
     }

     .honor-container .honor-swiper .swiper-slide .left {
         padding: 25px;
         padding-bottom: 30px;
     }

     .honor-container .honor-swiper .swiper-slide .left .s-title {
         font-size: 20px;
     }

     .honor-container .honor-swiper .swiper-slide .left .text {
         margin-top: 20px;
         font-size: 14px;
     }

     .report-container .report-swiper {
         margin-top: 30px;
     }

     .investor-container .stock-market .top {
         flex-direction: column;
         align-items: flex-start;
     }

     .investor-container .stock-market .data-content .left a {
         margin-left: 0;
     }

     .investor-container .stock-market .data-content .data {
         flex-wrap: wrap;
     }

     .investor-bottom .message {
        margin-top: 20px;
    }

     .investor-bottom .message .item {
         width: 100%;
         margin-bottom: 15px;
     }

 }

 @media screen and (max-width:768px) {
     .contactus .contactusBox .item {
         width: 100%;
     }
 }