锘緻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){ } @media screen and (max-width:1366px){ .sy_about .right .about_list ul li{margin-right: 6%;} .lg_max_1340{width:96%;margin:0 auto;} } @media screen and (max-width:1280px){ } @media screen and (max-width:1200px){ .sj_menu{display: inline-block;width:50px;height:30px;margin:0 auto;vertical-align: middle;position: absolute;right: 15px;top:65px} .sj_menu span{width:20px;height:2px;display: block;margin:10px auto;transition: all 1s;position: relative;background: #122a88;} .sj_menu span::after, .sj_menu span::before{content: "";display: block;width:20px;height:2px;background: #122a88;margin-bottom: 5px;transition: all 1s;position: absolute;} .sj_menu span::after{bottom:5px;} .sj_menu span::before{top: -5px;} .son .sj_menu{top:60px;} .son .sj_menu span{position: relative;transform: rotate(45deg);transition: all 1s;} .son .sj_menu span::before{transform: rotate(90deg);top:0px;position: absolute;transition: all 1s;} .son .sj_menu span::after{display: none;} .head_btm{line-height: 65px;height:65px} .head_btm h1{line-height: 65px;height: auto;float: none;margin:0 auto 0 0;width:15%;} .head_btm .head_nav{position: absolute;left:0;right:0;top:101px;width:100%;background: rgba(0, 0, 0, .8);height:0;overflow: hidden;} .head_btm .head_nav ul li{line-height: 30px;height:auto;display: block;text-align: center;border-bottom: 1px solid rgba(255, 255, 255, .8);padding:10px 0;} .head_btm .head_nav ul li a{line-height: 30px;padding:0;color:#fff;} .head_btm .head_nav ul li dl{position: static;height:auto;background: none;} .head_btm .head_nav ul li dl dd, .head_btm .head_nav ul li dl dd:first-child{display: inline-block;vertical-align: top;margin:0 auto;} .head_btm .head_nav ul li dl dd a{font-size: 14px;} .head_btm .head_nav ul li.active>a::before, .head_btm .head_nav ul li:hover>a::before, .head_btm .head_nav ul li.active>a::after, .head_btm .head_nav ul li:hover>a::after{display: none;} .son .head_btm .head_nav{height:auto;} .banner{height:auto;} .swiper-container_banner .swiper-button-prev, .swiper-container_banner .swiper-button-next{height:50px;} .foot_top .foot_nav{display: none;} .news_list ul li .time{width:15%;} .news_list ul li .tct{width:83%;} .about_text p span:nth-child(1), .about_text p span:nth-child(2){display: block;width:100% !important;} } @media screen and (max-width:1024px){ } @media screen and (max-width:768px){ .pt-80{padding-top: 20px;} .history_list ul li:nth-child(odd) .left, .history_list ul li:nth-child(odd) .right, .history_list ul li:nth-child(even) .left, .history_list ul li:nth-child(even) .right{float: none;text-align: left;margin-left:50px;width:100%;} .history_list::before{left: 10px;right:auto;} .history_list ul li:nth-child(odd) .right .pic::before, .history_list ul li:nth-child(even) .right .pic::before{left: -50px;right:auto;} .history_list ul li:nth-child(odd) .right .pic::after, .history_list ul li:nth-child(even) .right .pic::after{left: -50px;right:auto;width:50px;} .history_list ul::after{left: 2.5px;right: auto;} .contact_top ul li{width:50%;} .contact_top ul li::after{display: none;} } @media screen and (max-width:640px){ .pt-100, .pt-90, .pt-80, .pt-70, .pt-60, .pt-50, .pt-40, .pt-30, .pt-20{padding-top: 15px;} .pb-100, .pb-90, .pb-80, .pb-70, .pb-60, .pb-50, .pb-40, .pb-30, .pb-20{padding-bottom: 15px;} .head_top .left, .head_top .right{width:auto;margin-right: 10px;} header{position: relative;} .head_btm h1{width:30%;} .sy_about .left{display: none;} .sy_about .right{width:100%;margin:0 auto;} .sy_mian .title .cn{font-size: 24px;} .sy_mian .title .en{font-size: 14px;} .sy_about .right .tct{margin-top:20px;} .sy_about .right .about_list ul li{width:60px;} .sy_about .right .about_list ul li .ico{width:60px;height:60px;} .sy_about .right .about_list ul li .bt{font-size: 14px;} .sy_about .right .tct .more a{width:120px;line-height: 36px;} .business_lists{height:500px;} .business_lists .yyui_tab>ul, .sy_party_list .right .yyui_tab>ul{position: static;text-align: left;margin:20px auto;} .business_lists .yyui_tab>ul>li, .news_lists .yyui_tab>ul>li, .sy_party_list .right .yyui_tab>ul>li {font-size: 14px;width:120px;line-height: 30px;} .business_lists .yyui_tab .yyui_tab_content_this{top:200px;} .business_lists .yyui_tab .yyui_tab_content_this .more a{width:120px;line-height: 36px;} .swiper-container-business .swiper-button-prev, .swiper-container-business .swiper-button-next{width:50px;height:36px;line-height: 36px;bottom: -55px;} .swiper-container-business .swiper-slide .pic{height:300px;} .swiper-container-business .swiper-slide .tct{padding:15px;} .news_lists .yyui_tab>ul{position: static;text-align: left;margin:20px auto;} .news_lists .yyui_tab .yyui_tab_content_this .more a{width:120px;line-height: 36px;} .news_lists .yyui_tab .yyui_tab_content_this ul li{width:47%;display: none;margin: 0 1.5% 4%;} .news_lists .yyui_tab .yyui_tab_content_this ul li:nth-child(1), .news_lists .yyui_tab .yyui_tab_content_this ul li:nth-child(2){display: inline-block;} .news_lists .yyui_tab .yyui_tab_content_this ul li .bt{font-size: 15px;line-height: 36px;} .news_lists .yyui_tab .yyui_tab_content_this ul li .time{font-size: 14px;} .news_lists .yyui_tab .yyui_tab_content_this ul li .time::after{margin:5px 0;} .sy_party_list .left{display: none;} .sy_party_list .right{width:100%;} .sy_party_list .right .yyui_tab>ul{position: static;} .sy_party_list .right .yyui_tab .yyui_tab_content_this ul li{padding:15px;} .sy_party_list .right .yyui_tab .yyui_tab_content_this ul li .bt{font-size: 15px;} .sy_party_list .right .yyui_tab .yyui_tab_content_this ul li .time{font-size: 14px;} .sy_party_list .right .yyui_tab .yyui_tab_content_this .more{margin: 0 auto;display: block;text-align: center;} .sy_party_list .right .yyui_tab .yyui_tab_content_this .more a{width:120px;line-height: 30px;} .foot_top .foot_log{width:auto;} .foot_top .bottom .left{display: block;width:100%;} .foot_top .bottom .right{display: block;width: 100%;} .foot_btm{line-height: 24px;padding:10px 0;} .bar{background-size: cover !important;height:250px;} .bar_con dl{padding:10px;} .main_frame_left, .main_frame_right{width:100%;max-width: 100%;margin:10px auto;} .main_frame_left ul{font-size: 0;} .main_frame_left ul li{width:50%;display: inline-block;vertical-align: top;font-size: 14px;line-height: 36px;} .main_frame_right .crumbs{display: none;} .news_list ul li{padding:10px;} .news_list ul li .time{width:20%;} .news_list ul li .tct{width:78%;} .news_list ul li .tct .bt{font-size: 16px;} .news_con .title .bt{font-size: 20px;} .lg_fy_conl, .lg_fy_conr{display: block;width:100%;} .history_list ul li .left .year{font-size: 24px;} .history_list ul li .right .tct .bt{font-size: 18px;margin-top:10px;} .history_list ul li .right .tct .bt::after{margin:5px 0;} .lg_ckgd{width:120px;line-height: 36px;font-size: 14px;} .business_list ul li{height:200px;} .business_list ul li .bt{line-height: 30px;font-size: 14px;} .contact_top ul li .pic{width:65px;height:65px;} .contact_top ul li .bt1{font-size: 16px;} .contact_top ul li .bt2{font-size: 14px;} } @media screen and (max-width:414px){ } @media screen and (max-width:375px){ } @media screen and (max-width:360px){} @media screen and (max-width:320px){ }