@media screen and (max-width:1680px) {
.layout .ejTitle span{ font-size:22px}
     .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: 170px 0px 110px;

     }



     .index_survey .box h3 {

         font-size: 36px;

     }



     .index_survey .lists ul li h4 span {

         font-size: 60px;

     }



     .index_product {

         padding: 100px 0px 100px;

     }



     /* .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: 350px;

     }



     .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,.formBox table tbody 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;

     }

	 .index_news{ padding:80px 0 20px}

	 .in_news_swp .swiper-slide{ height:400px}

	 .about-partner-list .swiper-slide .item .nn1{ padding-top:1rem}

	 .about-partner-list .swiper-slide .item .nn1 h4{ line-height:26px} 

	 .about-partner-list .swiper-slide .item + .item{ margin-top:20px}

	 .index_survey .box h3, .index_product h3{ margin-bottom:10px}

	 .about-partner-list .swiper-slide .img{max-width: 15rem;}

 }

 @media screen and (max-width:1400px) {
	 .about-partner{ margin-top:1%}
	 .about-partner-list .swiper-slide .img{max-width: 13rem;}

 }


 .phone_header {

     display: none;

 }



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

     .index_news {

         padding-bottom: 0;

     }

 }



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

	 .index_survey .lists ul li{ margin:0 30px}

     .project11 {

         padding-top: 50px !important;

         padding-bottom: 50px !important;

     }

	   .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: 22px;

     }



     .societyBox .right .text {

         max-width: 100%;

         position: initial;

         padding: 20px;

     }

	 

     .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('../image/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%;
		 display:none !important

     }



     .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;
		 display:none !important

     }



     .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('../image/icon2.png') no-repeat 20px center;

         padding: 20px 0px;

         padding-left: 45px;

         background-size: 17px 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;

     }

	 .surveyBox1 {

         margin-top: 50px;

     }



     .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;

		 clear:both

     }


.honorBox .honorbtn {
  width: 40px;
  height: 40px;
  background-size: 40px 40px;}



     .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('../image/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: 22px;

     }



     .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),.formBox table tbody 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;

		 overflow:hidden

     }



     .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;

     }



     .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(../image/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(../image/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;

    }



 }





 @media screen and (max-width: 1000px) {
.layout .ejTitle span{ font-size:16px}
     .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;

     }

	 .index_survey .box h3, .index_product h3,.m_tit h2{ font-size:24px} 

	 .m_tit_flex a{ font-size:14px; line-height:24px; padding:5px 20px}

	 .in_news .had .nav .partner-type{ padding:2px 20px; font-size:14px}

	 .in_news_next, .in_news_prev{ width:30px !important; height:30px !important; background-size:100% !important; margin-top:-15px !important}

  .in_news_prev{ margin-right:0}

  .in_news_swp .swiper-slide .item h3{ font-size:18px}

 }





 @media screen and (max-width:992px) {
	 .about-partner{ margin-top:4%}

     .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%;

     }

	 .ejTitle{ font-size:22px}

	 .index_survey .box h3, .index_product h3, .m_tit h2{ font-size:20px} 

	 .index_survey .lists ul li{ margin:0}

	 .index_survey .lists ul li p{ font-size:12px; line-height:20px}

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

	 .index_survey .box .text p, .index_product .text p{ font-size:14px}

	 .in_news_swp .swiper-slide .item h3{ font-size:16px; line-height:28px}

	 .in_news .had .nav .partner-type{ float:left; width:31.33%; text-align:center; display:block; margin-top:2%; margin-right:0; margin-left:2%; padding:0; line-height:33px}

	 .in_news .had .nav{ width:102%; display:block; overflow:hidden; margin-left:-2%}

	 .m_tit_xt{ padding-bottom:3%}

	 .in_news .had .symobl{ display:none}

	 .in_news .had .nav .partner-type:nth-child(4){ margin-left:19%}

	 .in_news .had{ margin:4% 0 5%}

	 .footer2 img.cnzz{ display:inline-block}

	 .footerFn .contain .btn .icoImg{ width:35px !important; height:35px !important}

	 .footerFn .contain .btn{ height:65px !important}

	 .about-partner-list .swiper-slide .item .nn1 h4{ font-size:16px}

	 .about-partner-list .swiper-slide .item .nn1 ul li a{ font-size:12px} 

	 .about-partner-list .swiper-slide .item + .item{ margin-top:10px}

	 .vision .main .visionBox .items .item p{ line-height:22px} 

	 .newsContent .newsContentBottom .main .right{ width:100%}
.formBox{ margin-top:15px}
.layout .ejTitle span{ margin-top:6%}
.layoutBox .left ul li:hover .kk2{ display:none}
.index_survey .lists ul{ display:block; overflow:hidden}
.index_survey .lists ul li{ float:left; width:33.333%; height:60px}
.index_survey .lists ul li:nth-child(4){ margin-left:18%;}
.banner .main .box h3{ font-size:22px}
.serviceCentreBox .item .right .box h6 a p{ font-size:24px}
 }