锘緻charset "utf-8"; @media screen and (max-width:1800px){ } @media screen and (max-width:1680px){ } @media screen and (max-width:1600px){ } @media screen and (max-width:1500px){ .banner, .banner .swiper-container-banner .swiper-slide a{height:740px;} } @media screen and (max-width:1366px){ .lg_1340{width:94%;} .banner, .banner .swiper-container-banner .swiper-slide a{height:640px;} footer .foot_top .foot_topc dl{margin: 20px 4.4% 0;} .bar{height:500px;} .case_lists ul li .pic{height:auto;} .case_lists ul li .tit{font-size: 14px;} .field_lists .swiper-container-field .swiper-slide .field_left{height: auto;} .news_lists ul li .pic{height: auto;} .contact2_left{width: 52%;} .contact2_right{width: 45%;} .history_list .swiper-container-history .swiper-slide:nth-child(even){background-position: -335px -8px;} .stop .stop_list ul li:nth-child(2) .q, .stop .stop_list ul li:nth-child(6) .q, .stop .stop_list ul li:nth-child(4) .q{width:186px;} .ceo_item ul li{width: 180px;} .service_lists ul li{max-width: 305px;width:23.76%;margin: 0 1.6% 1.6% 0;} .news_list ul li{max-width: 420px;width: 32.71%;margin: 0 .85% 1% 0;} .gotop{width:40px;height:40px;border-radius: 10px;} } @media screen and (max-width:1280px){ footer .foot_top .foot_topc dl {margin: 20px 3.5% 0;} .ceo_right{height:370px;} .stop .stop_list ul li::before, .stop .stop_list ul li{max-width: 160px;height:160px;} .bar{height:450px;} .cooperation_lists ul li, .team_list ul li .pic, .honor_list ul li .pic{height: auto;} .history_list .swiper-container-history .swiper-slide:nth-child(even){background-position: -335px -19px;} .mains .title .cn{font-size: 40px;} .mains .title .en{font-size: 50px;} .ceo{overflow: hidden;} .ceo .tct .pic{bottom: -50px;} .stop .stop_list ul li .tit{font-size: 20px;} .stop .stop_list ul li:nth-child(2) .q, .stop .stop_list ul li:nth-child(6) .q, .stop .stop_list ul li:nth-child(4) .q{width:160px;z-index: -1;height:120px;} .stop .stop_list ul li:nth-child(2) .q, .stop .stop_list ul li:nth-child(6) .q{transform: rotate(200deg);} .stop .stop_list ul li:nth-child(4) .q{transform: rotate(15deg);height:80px;} .stop .stop_list ul li .ico{width:40px;height:40px;} } @media screen and (max-width:1200px){ .history{height: 780px;} .history_list .swiper-container-history{padding-top: 20px;height: auto;} .history_list .swiper-container-history .swiper-slide{background:none;} .history_list .swiper-container-history .swiper-slide:nth-child(even) .mains_text{margin-top: 0;} .history_list .swiper-container-history .swiper-slide .year::after, .history_list .swiper-container-history .swiper-slide:nth-child(even) .year::after{bottom: -20px;top: auto;} .honor_lists .swiper-container-honor .swiper-slide .pic{height: auto;} .team_lists ul li{padding:15px;} .team_lists ul li.btn16:hover .bgsqr1{display: none;} .team_lists ul li .tit{font-size: 20px;} .team_lists ul li .pic{right:0;} .ceo .title{margin-top:70px;} .stop .stop_list ul li:nth-child(2) .q, .stop .stop_list ul li:nth-child(6) .q, .stop .stop_list ul li:nth-child(4) .q, .stop .stop_list ul li:nth-child(even)::after{display: none;} .stop .stop_list ul li:nth-child(even)::before{transform: scale(1);} } @media screen and (max-width:1024px){ .pt-100, .pt-90, .pt-80, .pt-70, .pt-60, .pt-50, .pt-40, .pt-30{padding-top: 20px;} .pb-100, .pb-90, .pb-80, .pb-70, .pb-60, .pb-50, .pb-40, .pb-30{padding-bottom: 20px;} header{padding-top: 0;line-height: 65px;background: #fff;} header .head_top h1{line-height: 65px;height:65px;width: 10%;} .fixeds header{padding:0 !important;background: #fff !important;} .sj_menu{display: inline-block;width:20px;height:30px;margin:0 auto;vertical-align: middle;position: absolute;right: 0;top:30px} .sj_menu span{width:20px;height:2px;display: block;margin:10px auto;transition: all 1s;position: relative;background: #005e55;} .sj_menu span::after, .sj_menu span::before{content: "";display: block;width:20px;height:2px;background: #005e55;margin-bottom: 5px;transition: all 1s;position: absolute;} .sj_menu span::after{bottom:5px;} .sj_menu span::before{top: -5px;} .son .sj_menu span{position: relative;transform: rotate(45deg);transition: all 1s;margin:5px auto;} .son .sj_menu span::before{transform: rotate(90deg);top:0px;position: absolute;transition: all 1s;} .son .sj_menu span::after{display: none;} .son header .head_top .head_right{display: block;z-index: 99;right: -4%;transition: all 1s;display: block;} header .head_top .head_right{float:none;position: absolute;right:0;width: 108%;height:60vh;transition: all 1s;padding-top: 0;background: #fff;top: 65px;padding:20px;box-sizing: border-box;display: none;} header .head_top .head_right .head_nav, header .head_top .head_right .head_search, header .head_top .head_right .head_lang, header .head_top .head_right .head_nav ul li{display: block;text-align: left;} header .head_top .head_right .head_nav ul li a{margin: 0 auto;line-height: 30px;} header .head_top .head_right .head_search{margin: 10px 0;border:1px solid #ccc;border-radius: 30px;} header .head_top .head_right .head_search input{display: block;} header .head_top .head_right .head_lang{margin: 10px 0;text-align: center;} .banner, .banner .swiper-container-banner .swiper-slide a{height:450px;} .banner .swiper-container-banner .swiper-button-prev, .banner .swiper-container-banner .swiper-button-next{width:30px;height:60px;} .ceo_right{height:auto;} .ceo_right img{position: static;} .ceo_left span{margin: 7px auto;} .stop .stop_list{margin: 20px auto;} .stop .stop_list ul{text-align: center;} .stop .stop_list ul li::before, .stop .stop_list ul li{width: 100px;height:100px;} .stop .stop_list ul li .ico{width: 30px;height:30px;} .stop .stop_list ul li .tit{font-size: 16px;} .stop .stop_list ul li::after{display: none;} .stop .stop_list ul li .ico{margin: 15px auto 5px;} .mains h3{font-size: 24px;} .idea_list .yyui_tab>ul>li{font-size: 20px;} .idea_list .yyui_tab{height:230px;background-size: cover;} .history .txt{font-size: 16px;} .cooper_list ul{height:auto;} .cooper_list ul li{position: static;display: inline-block;vertical-align: top;transform:scale(1) !important;margin: 0 auto !important;max-width: 100px;height: 100px;} .cooper_list ul li img{display: block;} footer .foot_top .foot_topc{display: none;} footer .foot_top .foot_topl{width: 45%;} footer .foot_top .foot_topr{width: 45%;} footer .foot_top .foot_topr strong{font-size: 30px;} .idea_list .yyui_tab .yyui_tab_content_this{width:32%;margin: -100px auto 0;} .bar{height:380px;} .bar_tit{font-size: 30px;} .home_left .tit_en{font-size: 40px;} .service_list ul li .list_left .tct .tit{font-size: 20px;} .service_nav ul li{font-size: 14px;} .lg_about_con .title .tit{font-size: 24px;} .contact1 .map{height:200px;} .home_left{margin: 0 auto;} .waves{height:50px;} .ceo_left .tit{font-size: 24px;} .ceo_item ul li{width:140px;line-height: 40px;font-size: 14px;} .field_lists .mySwiper{height:260px;} .field_lists .mySwiper .swiper-slide, .field_lists .mySwiper .swiper-slide .pic, .field_lists .mySwiper .swiper-slide .tct{height:240px;} .field_lists .mySwiper .swiper-slide .tct .tit{font-size: 20px;} .field_lists .mySwiper .swiper-slide .tct .txt{font-size: 14px;line-height: 20px;} .service_lists ul li, .service_lists ul li .pic, .service_lists ul li .tct{height:220px;} .service_lists ul li .tct .xx{height:190px;} .service_lists ul li .tct .icon{width: 60px;height:60px;} .service_lists ul li .tct .tit{font-size: 20px;} .service_lists ul li.active .tct .icon, .service_lists ul li.active:hover .tct .icon{height:60px;} .service_lists ul li .tct .txt a{font-size: 14px;line-height: 20px;} .idea_lists ul li p{font-size: 20px;} .news_list ul li .pic{height:220px;} .news_list ul li .tct .tit{font-size: 16px;} header .head_top .head_right .head_nav ul li{font-size: 14px;} .fixeds header .head_top .head_right .head_lang, .fixeds header .head_top .head_right .head_search{margin: 10px 0;} .fixeds header .head_top h1{line-height: 65px;} .banner .swiper-container-banner .swiper-pagination-banner{bottom: 4vh;} .bar_con{position: absolute !important;} .contact2_left{height: auto;} .example2{height:auto;width: 100%;} } @media screen and (max-width:768px){ .history{height: auto;} .banner, .banner .swiper-container-banner .swiper-slide a{height:300px;} .banner .swiper-container-banner .swiper-pagination-banner .swiper-pagination-bullet{width: 25px;height:25px;} .idea_list .yyui_tab .yyui_tab_content_this{width: 42%;} .bar{height:300px;} .field_lists .swiper-container-field .swiper-slide .field_left{padding:20px;} .field_lists .swiper-container-field .swiper-slide .field_left .tit{font-size: 20px;} .field_lists .swiper-container-field .swiper-slide .field_left .tit::after{margin: 10px 0;} .field_lists .swiper-container-field .swiper-slide .field_left .txt{margin-bottom: 10px;} .field_lists .swiper-pagination-field, .field_lists .swiper-container-field .swiper-button-next, .field_lists .swiper-container-field .swiper-button-prev{bottom: 15px;} .field_lists .swiper-pagination-field{width: 60%;} .news_lists ol li .list_right{width:20%;} .contact2_right .mains_text{height:auto;} .contact1 dl dd span{font-size: 20px;} .contact1 dl dd p{font-size: 16px;margin-left:0;} .nav_list ul li:nth-child(2n):after{display: none;} .team_lists ul li{width:48%;margin: 1%;max-width: 100%;} .home_left, .home_right{width:100%;max-width: 100%;height:auto;} .team_list ul li{width:48%;margin: 1%;} .team_list ul li .tit{font-size: 20px;} .honor_list ul li,.honor_list ul li:nth-child(3n){width:48%;margin: 1%;} .honor_list ul li .tit{font-size: 16px;margin-top: 5px;} .history_lists .yyui_tab{margin: 0 auto;} .lg_1340{max-width: 600px;width:94%;position: relative;} .ceo_left, .ceo_right{width:100%;float: none;margin: 2% auto;} .service_lists ul li, .service_lists ul li:nth-child(4n){width:48%;margin: 1%;} .news_list ul li .pic{height:130px;} .news_list ul li .tct{padding:15px;} .partner_list, .index_partner, .partner_img_box{height:240px;} .news_list .more a, .mains .title .more{width:120px;font-size: 14px;line-height: 36px;} .news_list ul li .tct .tit{font-size: 14px;} .idea_lists ul li p{font-size: 16px;} .idea_lists ul li span{font-size: 30px;} .idea_lists ul{max-width:600px;width: 100%;} footer .foot_top .foot_topl .yyui_tab{margin: 10px auto;} footer .foot_top .foot_topl a img{width:30%;} .ceo_item ul li a span{display: none;} .history_list .swiper-container-history .swiper-slide{margin: 0 auto;} .history_list .swiper-container-history .swiper-slide .tct .time, .history_list .swiper-container-history .swiper-slide:nth-child(even) .tct .time{margin: 20px auto;} .history_list .swiper-container-history .swiper-slide:nth-child(even) .tct .time::after{top: -34px;} .history_list .swiper-container-history .swiper-slide:nth-child(even) .tct .time{margin: 30px auto -10px;} .history_list .swiper-container-history .swiper-slide .tct .pic{height:114px;} .history_list .swiper-container-history .swiper-slide .tct .time::after{display: none;} .history_list{background: none;height:auto;} .history_list .swiper-container-history .swiper-slide:nth-child(even) .tct .time{margin: 10px auto;} } @media screen and (max-width:640px){ header{position: static;} header .head_top h1{width: 20%;} .banner, .banner .swiper-container-banner .swiper-slide a{height:300px;} .ceo_left, .ceo_right{width: 100%;float: none;} .idea_list .yyui_tab{margin: 20px auto;background: none;height: auto;} .idea_list .yyui_tab>ul{margin: 0 auto 20px;font-size: 0;} .idea_list .yyui_tab>ul>li{position: static;display: inline-block;vertical-align: top;width:48%;border:1px solid #ccc;text-align: center;margin: 1%;font-size: 16px;} .idea_list .yyui_tab>ul>li::before, .idea_list .yyui_tab>ul>li::after{display: none;} .idea_list .yyui_tab .yyui_tab_content_this{margin: 0 auto;width:100%;height: auto;} .history{height: auto;} .history_lists .yyui_tab>ul{font-size: 0;margin: 20px auto;} .history_lists .yyui_tab>ul>li{position: static;display: inline-block;vertical-align: top;margin: 1%;width:48%;font-size: 18px;border:1px solid #fff;box-sizing: border-box;} .history_lists .yyui_tab>ul>li.yyui_tab_title_this{color:#005e55;} .history_lists .yyui_tab>ul>li.yyui_tab_title_this::before, .history_lists .yyui_tab>ul>li::before{display: none;} .history_lists .yyui_tab .yyui_tab_content_this{margin: 0 auto;} .cooper_list ul{margin: 20px auto;font-size: 0;} .cooper_list ul li{display: none;width:23%;margin: 1% !important;text-align: center;border-radius: 10px;height: auto;} .cooper_list ul li img{max-width: 70px;height:70px;} .cooper_list ul li:nth-child(1), .cooper_list ul li:nth-child(2), .cooper_list ul li:nth-child(3), .cooper_list ul li:nth-child(4), .cooper_list ul li:nth-child(5), .cooper_list ul li:nth-child(6), .cooper_list ul li:nth-child(7), .cooper_list ul li:nth-child(8){display: inline-block;} footer .foot_top .foot_topl{width: 100%;max-width: 100%;text-align: center;} footer .foot_top .foot_topl .yyui_tab .yyui_tab_content_this{margin: 10px auto;} footer .foot_top .foot_topr{display: none;} footer .foot_top .foot_topr strong{font-size: 20px;} footer .foot_top .foot_topr p{margin: 10px auto;} .ceo_left p, .ceo_left span, .ceo_right{margin: 15px auto;} .gotop{width: 40px;height:40px;} .bar{height:220px;} .bar_con{bottom: 70px;text-align: center;} .bar_tit{font-size: 24px;} .crumbs{display: none;} .service_nav ul li{width:48%;margin: 1%;} .service_list{width: 94%;margin: 0 auto;} .service_list ul li .list_left, .service_list ul li .list_right{width: 100%;;} .service_list ul li .list_left .tct{padding:15px;} .service_list ul li .list_left .tct .txt{margin: 15px auto;font-size: 14px;} .service_list ul li .list_left{height: auto;} .service_list ul li .list_right, .service_list ul li .list_right .pic{height: 200px;} .nav_list{margin: 0 auto;} .nav_list ul{text-align: left;} .nav_list ul li{width:48%;margin: 1%;padding:0;text-align: center;line-height: 40px;} .nav_list ul li a{display: block;} .case_lists ul li, .case_lists ul li:nth-child(3n){width:48%;margin: 1%;} .case_lists ul li .pic{border-radius: 5px;} .case_lists ul li .tit{margin: 0 auto;} .lg_about_con .title .tit{font-size: 20px;} .cooperation_lists ul li, .cooperation_lists ul li:nth-child(4n){width:48%;margin: 1%;} .field_lists .swiper-container-field .swiper-slide .field_left{width: 100%;} .field_lists .swiper-container-field .swiper-slide .field_right{width: 100%;height: auto;float: none;} .swiper-pagination-field{display: none;} .field_lists .swiper-container-field .swiper-button-prev{right:50px;left: auto;} .field_lists .swiper-container-field .swiper-button-next{right: 20px;left: auto;} .news_lists ol{} .news_lists ol li{margin-bottom: 20px;padding:20px;} .news_lists ul li{width:100%;margin: 1% auto;} .news_lists ol li .list_left, .news_lists ol li .list_right{width:100%;float: none;} .news_lists ol li .list_right{padding:0 0 0 15px;} .news_lists ol li .list_left .tst, .news_lists ul li .bt{font-size: 16px;} .news_lists ol li .list_right .year, .news_lists ol li .list_right .day{font-size: 14px;line-height: 30px;display: inline-block;vertical-align: top;text-align: left;} .news_con .title .tst{font-size: 20px;} .contact1 dl dd{width:100%;max-width: 100%;padding:15px;height:auto;} .lg_about_con .title .tit::before, .lg_about_con .title .tit::after{display: none;} .contact2_left, .contact2_right{width: 100%;} .contact2_right{margin-top: 20px;} .home_con{padding: 0;} .home_left{padding:10px 0;margin-top: 10px;} .home_left .tit_cn{font-size: 20px;margin-top: 15px;} .home_left .tit_en{font-size: 30px;} .mians .title .tit_cn{font-size: 20px;} .mians .title .tit_en{font-size: 24px;margin: 0 auto;} .history_list .swiper-container-history .swiper-slide .year{font-size: 20px;} .honor_lists .swiper-container-honor .swiper-slide .tit{font-size: 16px;} .honor_lists .swiper-button-prev, .honor_lists .swiper-button-next{top: 50%;} .honor_lists .swiper-button-prev{right: auto;} .mians .title .tit_cn{margin-top: 20px;} .honor_lists, .team_lists{margin: 20px auto;} .mains .title .cn{font-size: 20px;} .mains .title .en{font-size: 24px;} /* .ceo{height:250px;} */ .ceo .title{margin: 25px auto 0;text-align: center !important;} .ceo .tct{height:150px;} .ceo .tct .txt{font-size: 14px;max-height: 140px;overflow-y: scroll;margin-top: 10px;line-height: 24px;} .ceo .tct .pic{bottom: -10px;} .history {background: #005e55 !important;} #history .history{background: none !important;} .history .txt{max-width: 100%;} .history_lists .yyui_tab{margin: 0 auto;} .history_lists .yyui_tab>ul>li.yyui_tab_title_this{color:#52a236;} .ceo_item ul li{width: 100px;line-height: 36px;} .ceo_left span{margin: 7px auto;} .ceo_right .icon{width: 50px;height:50px;margin: -25px auto 0;} .field_lists .mySwiper .swiper-slide .tct{padding:15px;} .field_lists .mySwiper .swiper-slide .tct .txt{margin: 10px auto;} .field_lists .mySwiper,.field_lists .mySwiper .swiper-slide, .field_lists .mySwiper .swiper-slide .pic, .field_lists .mySwiper .swiper-slide .tct{height:180px;} .service_lists ul li .tct .tit{margin: 10px auto;} .service_lists ul li, .service_lists ul li .pic, .service_lists ul li .tct{height:170px;} .service_lists ul li .tct .xx{height:140px;} .idea_lists ul li{width: 150px;margin: 10px;height: 40px;line-height: 40px;} .idea_lists ul li span{width: 60px;height:60px;line-height: 60px;font-size: 16px;padding-left: 1em;} .idea_lists ul li p{padding-left: 50px;} .news .yyui_tab>ul{margin: 0 auto;text-align: left;font-size: 0;} .news .yyui_tab>ul>li{margin: 1%;width: 48%;box-sizing: border-box;border:1px solid #015f56;border-radius: 3px;text-align: center;} .news_list ul li{width:48%;margin: 1%;} .news_list ul li .tct .txt span:nth-child(2){display: none;} .news_list ul li:nth-child(3){display: none;} /* .news_list .more{margin: 10px auto;} */ .partner_list, .index_partner, .partner_img_box{height: 120px;} .news .yyui_tab>ul>li::after{display: none;} .contact2_right .items{position: static;margin: 20px auto;} .lg_fy_con2 dl dd{width: 100px;margin-right: 5px;line-height: 36px;} .lg_fy_con2 dl dt{width: 120px;line-height: 36px;box-sizing: border-box;} .nav{background: #fff;} .business .case_con .title{margin: 100px auto 0;} .video_pop .video_pop_con{width: 85%;} .honor_list ul li .pic{height:98px;} } @media screen and (max-width:414px){ .banner, .banner .swiper-container-banner .swiper-slide a{height:160px;} .bar{height:160px;} .team_lists ul li{width:100%;margin: 1% auto;} } @media screen and (max-width:375px){ } @media screen and (max-width:360px){} @media screen and (max-width:320px){ }