@media (max-width: 1600px) {} @media (max-width: 1500px) { .content .strate3 ul li { font-size: 16px; } .serachbox .su { margin-right: 45px; } } @media (max-width: 1370px) { .header { height: 90px; } .header .container { width: 1200px; min-width: 1200px; } .header .logo { width: 140px; margin-top: 24px; } .header .headernav { margin-left: 20px; margin-top: 28px; } .header .headernav .nav li { width: 80px; font-size: 14px; } .header .headernav .nav li.nLi4 { width: 160px; } .header .headernav .nav li.nLi4>ul li { width: 160px; } .header .headernav .nav>li>.second li { font-size: 12px; } .header .headernav .nav>li>ul>li ul { right: -170px; } .header .headernav .nav>li>ul>li ul.knowledge { right: -80px; } .header .formbox { margin-top: 32px; } #index-banner .bg { display: none; background: none !important } #index-banner .img { display: block; } #index-banner .img img { display: block; width: 100%; height: auto; } #index-banner .swiper-pagination-bullet { width: 10px; height: 10px; margin-right: 10px; } .index-news .in-news .txt { padding: 15px; } .index-news .in-news .txt h2 { font-size: 18px; } .index-news .right .box1 h1 { font-size: 18px; } .index-news .right .box1 .nr { font-size: 14px; height: 97px; } .index-news .right .box2 .hd ul li { font-size: 18px; } .index-news .right .box2 .bd ul li a { font-size: 14px; } .index1 ul li .bt { font-size: 32px; } .index1 ul li .txt { font-size: 22px; } .index1 ul .li3 .box .nr { font-size: 16px; } .index1 ul .li3 .more { font-size: 22px; } .footer .container { width: 1200px; min-width: 1200px; } .footer .bt { font-size: 20px; } .footer .wz { font-size: 16px; } .footer .box3 p { font-size: 16px; } .footer .box { margin-right: 40px; } .footer .box1 ul .li1 { margin-right: 40px; } .footer .box2 ul .li1 { margin-right: 40px; } .bottoms { font-size: 14px; } .inside-banner { height: auto; } .inside-banner .bg { height: auto; background: none !important; } .inside-banner .bg img { display: block; width: 100%; height: auto; } .content { padding-bottom: 60px; } .content .sidemenu .sidelist ul li h1 { font-size: 16px; } .content .nrbox { padding: 40px; } .content .nrbox p { font-size: 14px; } .content .about5 ul li .boxs .left .nr p { height: 72px; } .content .about5 ul li .boxs .left .more a { font-size: 14px; } .content .cate .links li { font-size: 16px; } .content .views ul li { margin-bottom: 30px; } .content .views2 ul li { margin-bottom: 30px; } .content .views3 ul li h1 span { font-size: 16px; } .content .news ul li { margin-bottom: 30px; } .content .news ul li .box2 h1 { font-size: 16px; } .content .news2 ul li .box .nr h1 { font-size: 16px; } .content .join .zp ul li { font-size: 16px; } .content .strate1 ul li { padding: 60px 40px; } .content .strate3 ul li { font-size: 14px; } .content .strate5 ul li { font-size: 14px; } .info ul li h1 span { font-size: 16px; } .serachbox .su { margin-right: 25px; } .serachbox .su span { font-size: 16px; } .content .xzmu { font-size: 16px; } .content .sidemenu .zclist ul li h1 { height: 70px; } .content .sidemenu .zclist ul li h1 h2 { font-size: 16px; } .content .sidemenu .zclist .second li h4 a { font-size: 14px; } .content .nr table tr th { font-size: 16px; } .content .nr table tr td { font-size: 14px; } .content .xq .sqh { font-size: 14px; } } @media (max-width: 1200px) { .content .strate3 ul li i { display: none; } .content .strate3 ul li span { display: block; width: 100%; float: none; } .content .sidemenu .zclist .third li h5 a { font-size: 12px; } .serachbox .su { margin-right: 10px; margin-bottom: 8px; } } @media (max-width: 1100px) { .header { display: none; } .phone { display: block; } #cd-menu-trigger { display: block; padding-top: 20px; } .content .strate2 ul li { padding: 60px 20px; } .content .strate3 ul li { height: auto; } .content .strate3 ul li span { box-sizing: border-box; height: auto; line-height: 22px; padding: 15px 5px; text-align: left; } .content .xzmu .left { float: none; margin-bottom: 15px; } .content .xzmu .right { float: none; } .content .xzmu .right .xz { float: left; } .content .xzmu .right .box2 { margin-right: 10px; } .content .xzmu .right .box2 select { width: 100px; height: 40px; line-height: 40px; } .content .xzmu .right .xz { width: 100px; height: 40px; line-height: 40px; } } @media (max-width: 900px) { .index-news .in-news { float: none; width: 100%; max-width: 100%; height: auto; } .index-news .in-news .bg { background: none !important; height: auto; } .index-news .in-news .bg img { display: block; width: 100%; height: auto; } .index-news .in-news .txt { padding: 10px 5px; } .index-news .in-news .txt h2 { font-size: 14px; } .index-news .right { float: none; width: 100%; max-width: 100%; height: auto; padding: 15px 5px; } .index-news .right .box1 { margin-bottom: 20px; } .index-news .right .box1 h1 { font-size: 14px; } .index-news .right .box1 .nr { font-size: 12px; height: 95px; } .index-news .right .box2 .hd ul li { font-size: 14px; } .index-news .right .box2 .bd ul li { font-size: 13px; } .index1 ul li .bt { font-size: 25px; } .index1 ul li .bt i { width: 30px; height: 30px; background-size: 100% auto; } .index1 ul li .txt { font-size: 18px; } .index1 ul .li3 .box .nr { font-size: 14px; } .index1 ul .li3 .more { font-size: 18px; } .content .views3 ul li h1 span { width: 85%; } .content .join .zp ul li { font-size: 14px; } .content .strate2 ul li { width: 50%; height: 150px; font-size: 14px; } .content .strate2 ul li:nth-child(3) { background-color: #3c3c3c; color: #d7bd81; } .content .strate2 ul li:nth-child(4) { background-color: #d7bd81; color: #3c3c3c; } .content .strate5 ul { float: none; width: 100%; } .content .strate5 ul:nth-child(2) { float: none; } .content .strate5 ul:nth-child(2) li i { float: left; } .appendix a { width: 200px; } } @media (max-width: 768px) { .index-banner .txt .table .cell h1 { font-size: 30px; } .index-banner .txt .table .cell h2 { font-size: 25px; margin-top: 15px; } .index-banner .txt .table .cell h2 i { width: 35px; height: 35px; background-size: 100% auto; } .index1 { padding: 30px 0; } .title { margin-bottom: 25px; } .title h1 { font-size: 20px; } .index1 ul li { width: 48.5%; height: 280px; margin-bottom: 15px; } .index1 ul li .bt { font-size: 18px; } .index1 ul li .bt i { width: 20px; height: 20px; top: 5px; } .index1 ul li .txt { font-size: 14px; } .index1 ul .li3 .box { top: 15%; } .index1 ul .li3 .box h1 { font-size: 20px; margin-bottom: 15px; } .index1 ul .li3 .box .nr { width: 85%; font-size: 12px; } .index1 ul .li3 .more { font-size: 14px; } .footer { padding: 30px 0; } .footer .container { width: 95%; margin: 0 auto; max-width: 100%; min-width: 0; } .footer .bt { font-size: 16px; margin-bottom: 15px; } .footer .wz { font-size: 14px; } .footer .box { float: none; width: 100%; margin-right: 0; margin-bottom: 15px; } .footer .box:last-child { margin-bottom: 0; } .footer .box1 ul li .bt { text-align: center; } .footer .box1 ul li a { width: 120px; height: 35px; line-height: 35px; } .footer .box1 ul .li2 select { width: 140px; height: 35px; line-height: 35px; } .footer .box1, .footer .box2 { display: flex; justify-content: space-around; } .footer .box2 ul li img { width: 100px; height: 100px; } .footer .box3 p { font-size: 12px; } .footer .box3 p i { width: 25px; height: 25px; margin-right: 8px; background-repeat: 100% auto; } .bottoms { box-sizing: border-box; padding: 15px 10px; font-size: 12px; line-height: 25px; } .home { padding: 30px 0; font-size: 13px; } .content { padding-bottom: 30px; } .content .sidemenu { float: none; width: 100%; max-width: 100%; margin-bottom: 25px; } .content .sidemenu .sidelist ul li { height: 70px; } .content .sidemenu .sidelist ul li h1 { padding-top: 15px; } .content .sidemenu .sidelist ul li h2 { font-size: 12px; padding-bottom: 15px; } .content .nrbox { float: none; width: 100%; max-width: 100%; padding: 30px 10px; } .content .nrbox p img { display: block; width: 100%; height: auto; } .content .about .bt { margin-bottom: 25px; } .content .about .bt h1 { font-size: 18px; font-weight: bold; } .content .about .bt h2 { font-size: 14px; margin-top: 10px; } .content .about .nr .tops { margin-top: 15px; } .content .honor ul li { margin-bottom: 25px; } .content .honor ul li h1 { font-size: 12px; } .content .honor ul li .line { margin-top: 15px; } .content .about5 ul li { padding: 25px 0; } .content .about5 ul li .boxs { height: auto; } .content .about5 ul li .boxs .left { height: auto; width: 100%; margin-bottom: 25px; } .content .about5 ul li .boxs .left h1 { margin-bottom: 15px; } .content .about5 ul li .boxs .left h1 i { width: 25px; height: 25px; } .content .about5 ul li .boxs .left h1 span { font-size: 18px; line-height: 25px; } .content .about5 ul li .boxs .left .more { margin-top: 15px; position: relative; left: 0; top: 0; } .content .about5 ul li .boxs .right { float: none; width: 100%; height: auto; } .content .about5 ul li .boxs .right .bg { background: none !important; } .content .about5 ul li .boxs .right .bg img { display: block; width: 100%; height: auto; } .sabrosus { font-size: 12px; } .content .xq .bt { margin-bottom: 30px; padding-bottom: 25px; } .content .xq .bt h1 { font-size: 20px; line-height: 30px; } .content .xq .bt span { font-size: 13px; margin-top: 15px; } .content .xq .nr .tops { margin-top: 15px; } .content .zbt { margin-bottom: 20px; font-size: 20px; } .content .cate .links li { width: 49%; font-size: 12px; margin-bottom: 15px; height: 60px; line-height: 60px; padding: 0; } .content .cate .links li a { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .content .views ul li { float: none; width: 100%; padding: 15px 10px; margin-bottom: 20px; } .content .views ul li:nth-child(even) { float: none; } .content .views ul li .xbt { font-size: 15px; } .content .views ul li .nr p { font-size: 12px; } .content .views ul li .thanmore { font-size: 12px; } .content .views ul li .img img { height: auto; } .content .views2 ul li { width: 48%; margin: 0% 0.5%; padding: 15px 10px; margin-bottom: 20px; } .content .views2 ul li .xbt { font-size: 15px; } .content .views2 ul li .nr p { font-size: 12px; } .content .views3 ul li { padding: 15px 10px; } .content .views3 ul li h1 i { width: 25px; height: 25px; margin-right: 10px; } .content .views3 ul li h1 span { font-size: 15px; line-height: 25px; } .content .views3 ul li .box { font-size: 12px; } .content .news ul li { padding: 15px 10px; margin-bottom: 20px; } .content .news ul li h6 { font-size: 12px; } .content .news ul li h6 i { width: 15px; height: 15px; margin-right: 10px; } .content .news ul li .box2 h1 { font-size: 15px; } .content .news ul li .box2 .amore { font-size: 12px; } .content .news2 ul li { padding: 25px 0; border-top: none; } .content .news2 ul li:first-child { border-top: 1px solid #ccc; } .content .news2 ul li .box { height: auto; } .content .news2 ul li .box .img { float: none; width: 100%; height: auto; margin-bottom: 15px; } .content .news2 ul li .box .img .bg { background: none !important; } .content .news2 ul li .box .img .bg img { display: block; width: 100%; height: auto; } .content .news2 ul li .box .nr { float: none; width: 100%; height: auto; } .content .news2 ul li .box .nr h1 { font-size: 15px; margin-bottom: 15px; } .content .news2 ul li .box .nr .di { position: relative; top: 0; left: 0; } .content .news2 ul li .box .nr .di .dibox { font-size: 12px; } .content .news2 ul li .box .nr .di .dibox .left em { width: 15px; height: 15px; } .appendix { padding-top: 25px; margin-top: 25px; } .appendix a { font-size: 14px; width: 35%; } .content .lxfs ul li { font-size: 13px; float: none; margin-right: 0; text-align: center; } .content .lxfs { margin: 30px 0 25px 0; padding-bottom: 10px; } #map { height: 350px !important; } .content .join .yellow { font-size: 22px; padding-bottom: 15px; } .content .join .zp ul li { font-size: 13px; } .content .join .zp ul li .wz:nth-child(2) { display: none; } .content .join .zp ul li .wz:nth-child(4) { display: none; } .content .join .zp ul li .one { width: 50%; } .content .join .zp ul li .wz1 { width: 25%; padding: 15px 0; } .content .zp1 { margin-top: 30px; padding-top: 15px; } .content .zp1 p { float: none; width: 100%; height: auto; } .content .joinxq .bt { padding-bottom: 15px; margin-bottom: 25px; font-size: 20px; } .content .joinxq .tops { margin-top: 15px; } .content .stratebox { margin-bottom: 30px; } .content .stratebox:last-child { margin-bottom: 0; } .content .strate2 ul li { padding: 50px 20px; } .content .strate5 ul li { height: 40px; line-height: 40px; } .info { margin-bottom: 30px; } .info ul li { padding: 15px 0; } .info ul li h1 i { width: 20px; height: 20px; margin-right: 10px; } .info ul li h1 span { font-size: 14px; } .info ul li h2 a { font-size: 12px; } .content .ibt { font-size: 20px; margin-bottom: 30px; } .content .nr table tr th { font-size: 14px; } .content .nr table tr td { font-size: 12px; } .content .xq .sqh { margin: 25px 0 0 0; } .content .xqfj a { font-size: 16px; width: 320px; margin: 30px auto 0 auto; } .serachbox .su { margin-right: 0; float: none; margin-bottom: 15px; } .serachbox .su span { width: 70px; font-size: 14px; display: inline-block; } .serachbox .su input { width: 70%; } .serachbox .su select { width: 75%; font-size: 14px; } .serachbox button { width: 150px; font-size: 14px; } .video_bg { background: /*savepage-url=../images/videobg.jpg*/ url() no-repeat center center #01050e; background-size: 100% auto; } } @media (max-width: 680px) {} @media (max-width: 480px) {} @media (max-width: 360px) {}