@media (max-width:1460px) {
     .auto-container {
         width: 94%;
     }
     .head .slogan {
         font-size: 16px;
     }
     .head .navbox li {
         margin: 0 15px;
     }
     .head .logo .logoImg {
         height: 35px;
     }
     .site-nav .auto-container {
         width: 95%;
     }
     .head .navbox li .a {
         font-size: 15px;
     }
     .footer dl {
         padding-right: 4%;
         width: 50%;
     }
     .section-why .why_list {
         margin-left: 54%;
         width: 46%;
     }
     .IndexMsg .formbox {
         padding: 60px;
     }
 }
 
 @media (max-width:1330px) {
     .head .navbox li {
         margin: 0 10px;
     }
     .head .navbox li .a {
         padding-left: 8px;
         padding-right: 8px;
         font-size: 19px;
     }
     .head .slogan {
         font-size: 20px;
     }
     .section_factory {
         height: 600px;
     }
     .section_factory .factory_img {
         height: 600px;
     }
     .home_factory_wrapper .factory_text {
         margin-top: 100px;
     }
 }
 
 @media (max-width:1200px) {
     .head .navbox li .a {
         font-size: 18px;
     }
     .head .slogan {
         display: none;
     }
 }
 
 @media(max-width:1080px) {
     .head .navBar {
         display: none;
     }
     .navbtn {
         margin-top: 34px;
         margin-left: 20px;
     }
     .head .logo .logoImg {
         height: 60px;
     }
     .section {
         padding: 30px 0;
     }
     .index_title {
         font-size: 40px;
         margin-bottom: 30px;
     }
     .home_video_wrapper .leo_video_box .video_cover {
         height: 400px;
     }
     .home_video_wrapper .leo_video_box .video_cover .video-play {
         width: 120px;
     }
     .home_video_wrapper .video_right_text .inner_text {
         width: 90%;
     }
     .home_video_wrapper .video_right_text .index_title {
         margin-bottom: 10px;
     }
     .home_video_wrapper .video_right_text .inner_text {
         font-size: 14px;
         line-height: 20px;
     }
     .home_video_wrapper .video_right_text .more {
         margin-top: 30px;
     }
     .IndexVideo .video_list li {
         width: 33.333%;
     }
     .IndexVideo .video_list li .txt {
         padding: 4px;
         font-size: 14px;
     }
 }
 
 @media(max-width:1080px) {
     .navbtn {
         width: 30px;
         height: 30px;
         float: right;
         position: relative;
         display: block;
         z-index: 20;
     }
     .navbtn i {
         height: 2px;
         background: #000;
         display: block;
         overflow: hidden;
         width: 100%;
         position: absolute;
         left: 0;
         transition: all .3s
     }
     .navbtn i.bar-1 {
         top: 7px
     }
     .navbtn i.bar-2 {
         top: 15px
     }
     .navbtn i.bar-3 {
         top: 23px
     }
     .language {
         float: right;
         margin-right: 10px;
     }
     .language:hover .language-dl {
         display: block;
     }
     .cur_language {
         line-height: 50px;
     }
     .language .language-dl {
         border-top: 1px solid #ddd;
         display: none;
         position: absolute;
         top: 50px;
         right: 0;
         z-index: 10;
         width: 100%;
         background-color: #fff;
     }
     .language .language-dl dd {
         padding: 0 10px;
         border-bottom: 1px solid #ddd;
     }
     .head_icon .language .language-dl dd:last-child {
         border-bottom: 0;
     }
     .language .language-dl dd:hover a {
         color: #f08200;
     }
     .language .language-dl dd a {
         padding: 0;
         line-height: 30px;
         color: #2a2724;
         font-size: 14px;
     }
 }
 
 @media(max-width:1080px) {
     .navbtn.open .bar-1 {
         top: 50%;
         transform: rotate(45deg)
     }
     .navbtn.open .bar-2 {
         height: 0
     }
     .navbtn.open .bar-3 {
         top: 50%;
         transform: rotate(-45deg)
     }
 }
 
 @media(max-width:991px) {
     .head .slogan {
         margin-top: 14px;
         font-size: 15px;
     }
     .head .logo {
         line-height: 50px;
     }
     .head .logo .logoImg {
         left: auto;
         display: block;
         max-width: 100%;
         height: 28px;
     }
     .head .slogan {
         line-height: 20px;
     }
     .head .top_search {
         line-height: 50px;
     }
     .navbtn {
         margin-top: 10px;
     }
     .head .navBar {
         position: fixed;
         top: 64px;
         left: 0%;
         width: 100%;
         padding: 0 5%;
         background-color: #fff;
         overflow-y: scroll;
         max-height: 100%;
         transition: none;
     }
     .index_title {
         font-size: 32px;
         margin-bottom: 20px;
     }
     .readMore {
         position: relative;
     }
     .readMore a img {
         margin-left: 15px;
         width: 30px;
     }
     .head .navbox li {
         width: 100%;
         line-height: 40px;
         margin: 0;
     }
     .head .navbox li.active .stair:after {
         background: none;
     }
     .head .navbox li:hover .stair:after {
         background: none;
     }
     .head .navbox li .a {
         font-size: 16px;
     }
     .sub {
         position: relative;
         display: none;
     }
     .sub_nav_box {
         display: block;
         position: relative;
     }
     /* .product_nav_box{ display: block;} */
     .sub_nav_box .left_intro {
         display: none;
     }
     .sub_nav_box .menu_links dd {
         width: 33.333%;
         padding-top: 10px;
         overflow: hidden;
     }
     .sub_nav_box .menu_links dd p {
         height: 60px;
         margin-top: 10px;
         font-size: 14px;
     }
     .sub>dl {
         display: block;
     }
     .sub>dl dd {
         font-size: 14px;
     }
     .sub>dl dd {
         padding: 5px 10px;
         position: relative;
     }
     .sub>dl dd .small_img {
         width: 30px;
         height: 30px;
     }
     .sub>dl dd .text {
         padding-left: 7px;
     }
     .sub>dl dd .mobile-navbtn {
         display: block;
     }
     .sub>dl a {
         display: block;
     }
     .sub>dl dd .t-menu {
         position: relative;
         left: 0;
         margin-top: 10px;
     }
     .sub>dl dd .t-menu li {
         padding: 5px 10px;
         line-height: 28px;
     }
     .footer .footer_content {
         padding: 20px 0;
     }
     .footer .Contact-us,
     .footer .fshape {
         width: 100%;
         border-right: 0;
         /*text-align: center;*/
     }
     .footer .Contact-us dd .add_name {
         position: relative;
     }
     .footer .Contact-us dd .add {
         padding: 0;
     }
     .hidden-xs {
         display: none;
     }
     .footer .share_toolbox {
         padding-top: 15px;
     }
     .footer .share_toolbox ul {
         text-align: center;
     }
     .footer .share_toolbox li {
         display: inline-block;
         margin-right: 0px;
     }
     .footer dl dt {
         margin-bottom: 10px;
         font-size: 16px;
     }
     .footer dl dd {
         font-size: 14px;
     }
     .footer .Contact-us dd a {
         padding-left: 24px;
     }
     .footer .Contact-us dd a img {
         width: 20px;
     }
     .footer .footer_content {
         padding: 40px 0;
     }
     .footerbar {
         height: auto;
         line-height: 1.2;
         padding: 10px 0;
         font-size: 14px;
     }
     .section {
         padding: 30px 0;
     }
     .head .product-menu {
         padding-top: 18px;
         padding-bottom: 18px;
     }
     .head .product-menu dl dt {
         margin-bottom: 10px;
     }
     .home_video_wrapper .leo-row .VideoA {
         width: 100%;
     }
     .home_video_wrapper .leo-row .VideoB {
         width: 100%;
     }
     .home_video_wrapper .video_right_text {
         background-size: 100%;
         background-position-x: 0;
         padding-top: 0;
         padding-left: 12px;
         padding-bottom: 24px;
     }
     .home_video_wrapper .video_right_text .more img {
         width: 30px;
     }
     .section_factory {
         height: auto;
         margin-top: 0;
         padding-top: 0;
     }
     .section_factory .factory_img {
         position: relative;
         top: auto;
         right: auto;
         width: 90%;
         height: auto;
         margin: 12px auto;
     }
     .home_factory_wrapper {
         width: 96%;
         margin: 0 auto;
     }
     .home_factory_wrapper .factory_text {
         margin-top: 0;
     }
     .home_factory_wrapper .factory_text .home_title {
         margin-bottom: 12px;
     }
     .home_factory_wrapper .factory_text .inner_text {
         width: 100%;
         font-size: 14px;
         line-height: 24px;
     }
     .home_factory_wrapper .scroll_box {
         margin-top: 20px;
         width: 90%;
         margin: 0 auto;
     }
     .home_factory_wrapper .scroll_box .factory_prev,
     .home_factory_wrapper .scroll_box .factory_next {
         width: 30px;
         height: 30px;
     }
     .home_factory_wrapper .scroll_box .factory_prev {
         bottom: auto;
         left: -30px;
         top: 60%;
     }
     .home_factory_wrapper .scroll_box .factory_next {
         bottom: auto;
         right: -30px;
         left: auto;
         top: 60%;
     }
     .footerbar {
         line-height: 20px;
         height: auto;
         padding: 10px 0;
     }
     .moreBtn {
         width: auto;
         height: 36px;
         line-height: 36px;
         font-size: 14px;
         padding: 0 12px;
     }
     .home_video_wrapper .video_right_text .inner_text .div1 {
         font-size: 22px;
     }
     .section-why {
         height: auto;
         background-position: left top;
     }
     .section-why .why_list {
         width: 100%;
         margin-left: 0;
         margin-top: 20px;
     }
     .section-why .why_list dl {
         margin-top: 0px;
     }
     .section-why .why_list dt {
         width: 74px;
         height: 74px;
     }
     .section-why .why_list dt img {
         width: 100%;
     }
     .section-why .why_list dd {
         width: calc(100% - 106px);
         font-size: 14px;
         line-height: 20px;
         padding: 10px 0;
     }
     .Home-honor .swiper-honor-father .project_Arrows {
         font-size: 20px;
         line-height: 30px;
     }
     .Home-honor .swiper-honor-father .honor_Arr_L {
         left: 12px;
     }
     .Home-honor .swiper-honor-father .honor_Arr_R {
         right: 12px;
     }
     .Home-honor .swiper-honor-father .item p {
         font-size: 14px;
     }
     .product_wrapper .category_body .category_list li {
         width: 50%;
         padding: 0 4px;
     }
     .IndexCase .IndexCase_row .CaseItem {
         width: 100%;
     }
     .IndexMsg .formbox {
         padding: 20px;
         border-radius: 10px;
     }
     .IndexMsg .formbox .left {
         float: none;
         font-size: 24px;
         margin-bottom: 20px;
     }
     .IndexMsg .formbox .right {
         float: none;
     }
     .IndexMsg .formbox .inner {
         min-width: 100%;
     }
     .IndexMsg .Msg_title {
         font-size: 18px;
         padding: 0 20px;
         padding-top: 60px;
     }
     .IndexMsg .formbox {
         margin-top: -220px;
     }
     .IndexMsg .formbox .right .item {
         width: 100%;
     }
     .IndexMsg .formbox .right .item input[type="text"] {
         width: 100%;
         padding: 12px;
     }
     .IndexMsg .formbox .right .item textarea {
         width: 100%;
         padding: 12px;
     }
     .IndexMsg .formbox .right .item input[type="submit"] {
         height: 40px;
         line-height: 40px;
         font-size: 18px;
     }
     .product_wrapper .category span {
         padding: 5px 0;
         margin: 0 10px;
         font-size: 14px;
     }
     .product_wrapper .category_body .category_list .dec {
         padding: 10px 0;
     }
     .product_wrapper .category_body .category_list .dec .t {
         font-size: 14px;
     }
     .product_wrapper .category_body .category_list .dec .size {
         font-size: 12px;
     }
     .section-why::after {
         width: 100%;
     }
     .Home-honor .t {
         font-size: 16px;
         line-height: 20px;
         margin-bottom: 20px;
     }
     .IndexNews .IndexNews-wrap .IndexNewsItem:first-child {
         width: 100%;
         float: none;
         margin-bottom: 10px;
     }
     .IndexNews .IndexNews-wrap .IndexNewsItem:last-child {
         width: 100%;
         float: none;
     }
     .IndexVideo .video_list li {
         width: 50%;
     }
     .product_wrapper .list_filter {
         white-space: nowrap;
         overflow-x: scroll;
         padding-bottom: 20px;
     }
     .product_wrapper .list_filter .filter_item {
         width: auto;
         height: auto;
         margin: 0 10px;
         padding-top: 4px;
     }
     .product_wrapper .list_filter .filter_item img {
         width: 28px;
     }
     .product_wrapper .list_filter .filter_item p {
         font-size: 14px;
     }
     .IndexCase .IndexCase_row .CaseItem .dec p {
         font-size: 16px;
     }
     .Home-honor .swiper-honor-father {
         padding: 0 60px;
     }
     .Home-honor .swiper-honor-father .project_Arrows {
         width: 30px;
         height: 30px;
         background-size: 100%;
     }
     .home_video_wrapper .video_right_text .data-num {
         margin-bottom: 20px;
     }
     .home_video_wrapper .video_right_text .data-num dd {
         font-size: 14px;
     }
     .home_video_wrapper .video_right_text .data-num strong {
         font-size: 24px;
     }
     .home_video_wrapper .video_right_text .data-num dd div {
         height: 40px;
     }
     .IndexCase .IndexCase_row .CaseItem .dec {
         padding: 16px;
     }
     .IndexNews .IndexNews-wrap .Index-news-ul li {
         padding: 15px 0;
     }
     .IndexNews .IndexNews-wrap .Index-news-ul li .t {
         margin-bottom: 6px;
         font-size: 15px;
     }
     .footerbar .copyright {
         padding: 0;
     }
     .section-why .why_list .index_title {
         text-align: center;
     }
     .IndexVideo .video_list {
         margin-bottom: 20px;
     }
     .home_factory_wrapper .scroll_box {
         padding-left: 0;
     }
     .home_factory_wrapper .factory_text {
         padding-left: 0;
     }
     .site-nav {
         background-color: #fff;
     }
     .site-nav .head .logo .logoImg:first-child {
         display: none;
     }
     .site-nav .head .logo .logoImg:last-child {
         display: inline-block;
     }
     .site-nav .head .slogan {
         color: #333333;
     }
     .site-nav .head .navbox li a {
         color: #333333;
     }
     .site-nav .head .navbox li a:hover {
         color: #3a8cff;
     }
     .site-nav .head .top_search .head_email {
         -webkit-filter: grayscale(100%);
         filter: grayscale(100%);
     }
     .site-nav .head .top_search .head_email:hover {
         -webkit-filter: grayscale(0%);
         filter: grayscale(0%);
     }
     .site-nav .head .top_search .head_email:hover img {
         -webkit-filter: inherit;
         filter: inherit;
     }
     .site-nav .head .top_search .head_email:hover img:first-child {
         display: none;
     }
     .site-nav .head .top_search .head_email:hover img:last-child {
         display: inline-block;
     }
     .site-nav .head .top_search img {
         filter: inherit;
     }
 }
 
 @media(max-width:768px) {
     .page-content {
         padding: 0;
     }
     .page-content .content-box {
         display: unset;
     }
     .page-content .content-box .list-content,
     .page-content .content-box .sidebar-box {
         width: 100%;
         padding: 0;
     }
     .page-content .content-box .list-content .list-box {
         padding: 10px;
     }
     .page-content .content-box .list-content .list-box .product-item {
         width: 100%;
         display: flex;
         flex-wrap: wrap;
         justify-content: space-between;
     }
     .page-content .content-box .list-content .list-box .product-item .imgbox,
     .page-content .content-box .list-content .list-box .product-item .text {
         width: 50%;
     }
     .page-content .content-box .list-content .product-page .product-item .text {
         padding: 10px 5px;
         text-align: left;
     }
     .page-content .content-box .list-content .list-box .product-item .imgbox .quote-button {
         top: 5px;
         left: 5px;
         right: unset;
         padding: 5px 10px;
     }
     .page-content .content-box .sidebar-box .contactbox .business-swiper {
         height: 260px;
     }
     .page-content .product-info .auto-container .row .imgbox {
         padding: 0;
     }
     .page-content .product-info .auto-container .row .imgbox .imagesbox .product-button img {
         margin-top: 75%;
     }
     .page-content .content-box .list-content>div {
         padding: 10px;
     }
     .page-content .content-box .list-content>div .header>span {
         font-size: 18px;
     }
     .page-content .content-box .list-content>div .header>span::after {
         bottom: -19.5px;
     }
     .page-content .message-box .from .input {
         display: block;
     }
     .page-content .message-box .from .input>div {
         width: 100%;
         margin-bottom: 20px;
     }
     .page-content .content-box .list-content .development .swiper .swiper-time .swiper-wrapper {
         width: 100%;
     }
     .page-content .content-box .list-content .list-box .item-box .textbox {
         font-size: 14px;
     }
     .page-content .content-box .list-content .development .swiper .swiper-time .time-click,
     .page-content .content-box .list-content .development .swiper .swiper-time .time-pagination {
         display: none;
     }
     .page-content .content-box .list-content .development .swiper .swiper-time {
         height: 720px;
     }
     .page-content .content-box .list-content .development .swiper .swiper-time .textbox h4 {
         font-size: 30px;
         margin: 10px auto;
     }
     /*.page-content .content-box .list-content .list-box{*/
     /*    display: unset;*/
     /*}*/
     .page-content .content-box .list-content .list-box .index-item {
         width: 100%;
     }
     .page-content .content-box .list-content .list-box .right-item {
         display: flex;
         width: 100%;
         margin-top: 10px;
         flex-wrap: wrap;
         justify-content: space-between;
     }
     .page-content .content-box .list-content .list-box .right-item .item {
         position: relative;
         height: auto;
         /*width: 49%;*/
         width: 100%;
     }
     .page-content .content-box .list-content .list-box .case-box {
         /*width: 49%;*/
         width: 100%;
     }
     .page-content .content-box .list-content .case-box {
         padding-top: 0;
         padding-bottom: 0;
     }
     .page-content .content-box .list-content .faq-item .wen .icon {
         width: 20%;
     }
     .page-content .content-box .list-content .row .video-item .imgbox img.video_play {
         opacity: 1;
     }
     .page-content .content-box .list-content .newpage .item-box {
         /*width: 49%;*/
         width: 100%;
         margin: 0;
     }
     .page-content .content-box .list-content .list-box .item-box .textbox {
         padding: 5px;
     }
     .page-content .content-box .list-content .list-box .item-box .textbox h3 {
         font-size: 16px;
     }
     .page-content .content-box .list-content .list-box .item-box .textbox .other img {
         width: 15px;
         margin-right: 0px;
     }
     .page-content .content-box .list-content .list-box .item-box .textbox .other div {
         padding: 0;
         font-size: 12px;
     }
     .page-content .content-box .post-info {
         width: 100%;
         padding: 10px;
     }
     .page-content .content-box .post-info .post-pagination p a {
         font-size: 14px;
     }
     .IndexVideo .video_list li .cover-img .video_play {
         display: block;
     }
     .page-content .message-box .from .submit input {
         font-size: 16px;
     }
     .page-content .quotatio .quotation-box>div .message-box .from .submit {
         text-align: center;
     }
     .page-content .quotatio .row #quotatio-product-list .quotatio-item .action {
         margin-top: 20px;
     }
     .page-content .quotatio .row #quotatio-product-list .quotatio-item .text {
         margin: 5px 10px;
     }
     .page-content .content-box .list-content .video-page .video-item .textbox div {
         margin: 0;
     }
     .page-content .content-box .list-content .download-item {
         padding: 0;
     }
     .page-content .content-box .list-content .download-item .textbox {
         margin-top: 10px;
         padding-bottom: 25px;
     }
     .page-content .content-box .list-content .textbox .downloadbutton a {
         padding: 10px;
     }
     .page-content .content-box .list-content .download-item .textbox>.time,
     .page-content .content-box .list-content .download-item .textbox>.download {
         width: 50%;
     }
     .page-content .content-box .list-content .download-item .textbox>.downloadbutton {
         width: 50%;
         margin-top: 25px;
     }
     .page-content .content-box .sidebar-box .category-box .category-item p {
         padding: 15px;
     }
     .page-content .content-box .list-content .list-box .right-item .item:nth-child(2) {
         margin-top: 10px;
     }
     .page-content .content-box .list-content .list-box .product-item .text .row {
         display: none;
     }
     .page-content .content-box .list-content .about-info h1,
     .page-content .content-box .list-content>div .header h1 {
         font-size: 30px !important;
     }
     .page-content .content-box .list-content .factory-box .factory-swiper {
         width: 80%;
     }
     .page-content .content-box .list-content .factory-box .swiper .factory-button {
         width: 7%;
     }
     .page-content .content-box .list-content .factory-box .swiper .factory-button img {
         margin-top: 70%;
     }
     .page-content .content-box .list-content .contactbox .contact-us {
         padding: 0px 15px;
     }
     .page-content .content-box .list-content .list-box .product-item .text h3 {
         -webkit-line-clamp: 3;
     }
 }