@media only screen and (max-width: 1700px){ .header-1-a{ margin-right: 25px; } } @media only screen and (max-width: 1500px){ .banner-list .item{ width: 1200px; } .banner-list .owl-nav{ position: absolute; left: 50%; margin-left: -600px; width: 1200px; top: 50%; height: 0; } #header .container-fluid { padding-left: 50px; padding-right: 50px; } .nav>ul>li>a { display: block; height: 55px; line-height: 55px; font-size: 18px; } .nav>ul>li>ul{ padding: 0 10px; } .nav>ul>li>ul>li{ padding: 10px 5px; } .nav>ul>li>ul>li>a{ font-size: 15px; } .foo1-3{ padding: 0 15px 25px; } .foo1-2{margin-top: 0;} .foo1-1{ margin-top: 10px; } .footer-2{ font-size: 14px; padding: 15px 0; } .footer-1 { padding: 40px 0; } .foo1-2-dl dd{ margin-bottom: 13px; } .main1-1{ width: 754px; margin-right: 30px; } .main1-2-dl dd{ height: 58px; line-height: 57px; } .main1-2-dl dl{ padding-top: 1px; } .main2-item,.main3-1-item{ width: 48%; } .main3-2 {margin-top: 70px;} } @media only screen and (max-width: 1200px){ #header{ display: none; } #header-2{ display: block; } .chenggao{ display: block; } /*.fafa .flex-control-paging li a{ width: 10px; height: 10px; transition: .3s; background-image: url(../images/arrow-b2.png); } .fafa .flex-control-paging li a.flex-active{ background-image: url(../images/arrow-b2-h.png); width: 10px; } .fafa .flex-control-nav li{ margin:0 7px; } .fafa .flex-control-nav{ bottom: 20px; }*/ .menu{ display: none; } .banner-2{ height: auto; background-image: none!important; } .banner-2 img{ display: block; } .erji{ padding: 30px 0; } .mianbaoxie{ display: none; } .erji-title{ padding-bottom: 20px; } .danpian-h1{ font-size: 24px; } .danpian{ padding-top: 15px; } .footer-2{ text-align: center; line-height: 1.8; padding: 12px 0; } .footer-2 .fl{ float: none; width: 100%; color: #fff; } .footer-2 .fr{ float: none; width: 100%; color: #fff; } .main1-1{ float: none; width: 100%; margin-right: 0; margin-bottom: 30px; } .title-11 h1{ font-size: 26px; height: 30px; line-height: 30px; } .title-11 a.fr{ margin-top: 3px; } .main1-2-dl dl{ padding-top: 15px; } .main1-2-dl dd { height: 51px; line-height: 50px; } .main1,.main2,.main3{ padding: 50px 0; } .main2-item{ width: 100%; float: none; } .main2-item.fr{ margin-top: 30px; } .main3-1-item{ width: 100%; float: none; } .main3-1-item.fr{ margin-top: 30px; } .main3-1-dl dd{ background-color: #80b6ec; padding: 5px 15px 10px; } .main3-1-dl dd h1{ color: #fff; font-weight: bold; } .main3-1-dl dd h1{ height: 40px; line-height: 40px; } .main3-1-dl dd .main3-1-con{ display: block; } .main3-1-dl dd+dd{ margin-top: 20px; } .main3-2-p{ margin:15px 0; } .main3-1-con{ overflow: visible; white-space:normal; line-height: 1.8; height: auto; } .main2-dl dl{ padding-top: 10px; } .main2-dl dd{ padding: 18px 0; } .main3-2 { margin-top: 50px; } .main1-1-con p{ margin:10px 0 15px; } } @media only screen and (max-width: 992px){ .main3 .title-11 { margin-bottom:20px; } .main3-2 { margin-top: 30px; } .main1,.main2,.main3{ padding: 30px 0; } .main3-2-list .owl-nav button.owl-prev{ left: 0; margin-top: 0; top: 0; } .main3-2-list .owl-nav button.owl-next{ right: 0; margin-top: 0; top: 0; } .main3-2-list .owl-nav{ position: relative; width: 90px; height: 35px; margin:15px auto 0; } .title-11 h1{ font-size: 22px; } } @media only screen and (max-width: 768px){ .fafa .flex-direction-nav a { width: 25px; height: 43px; margin-top: -21px; } .list22-con h1{ font-size: 16px; } .list22-con p{ line-height: 1.8; height: 3.6em; } .list22 dd{ padding: 20px 0; } .list22-pic{ float: none; width: 100%; margin-right: 0; margin-bottom: 18px; } .footer-0{ font-size: 14px; padding: 20px 0 15px; } .footer-0 img{ margin-bottom: 10px; } .footer-2{ font-size: 12px; } .danpian-h1{ font-size: 22px; } .danpian{ padding-top: 20px; } .dan-a a{ font-size: 14px; } .erji-content-div { padding-top: 0; } .erji{ padding: 20px 0 25px; } .fenye{ margin-top: 20px; padding-top: 20px; } .list{ padding-top: 15px; } .list li{ padding-right: 70px; margin-top: 12px; } .list li span{ font-size: 12px; } .logo-2{ width: 280px; margin-top: 11px; } /* .fafa .flex-control-nav li{ margin:0 5px; } .fafa .flex-control-nav{ bottom:15px; }*/ .main1, .main2, .main3 { padding: 30px 0; } .title-11 a.fr{ margin-top: 0; } .title-11 h1{ font-size: 20px; height: 24px; line-height: 24px; padding-left: 30px; -webkit-background-size: 24px 24px; background-size: 24px 24px; } .main1-1-div dd{ float: none; width: 100%; margin-left: 0; } .main1-1-div dd+dd {margin-top: 15px;} .main1-1-div dl{ margin-left: 0; } .main1-1-con{ padding: 15px 15px 0; } .main1-1-con h1{ font-size: 16px; height: 20px; line-height: 20px; } .main1-1-con p{ margin:7px 0 12px; line-height: 1.6; height: 3.2em; } .main1-1-con-bottom{ padding: 10px 0; } .main1-2-dl dd { height: 41px; line-height: 40px; } .main1-2-dl dd span{ font-size: 12px; } .main1-2-dl dl { padding-top: 10px; } .main1-1 {margin-bottom: 25px;} .main2{ padding: 30px 0; } .main3-1-con span+span{ display: block; padding-left: 0; } .main3-1-dl dd+dd { margin-top: 15px; } }@media only screen and (max-width: 500px){ .tui-pic{ float: none; width: 100%; margin-right: 0; margin-bottom: 15px; } .tui-con h1 {height: 3em;} .tui-con h2{ margin-top: 10px; } .main3-2-p{ line-height: 1.8; height: 3.6em; margin:10px 0; } .main2-date{ float: none; width: auto; display: inline-block; height: auto; border-radius: 5px; padding: 8px 10px; } .main2-date h1,.main2-date h2{ display: inline-block; } .main2-p{ height: auto; line-height: 1.6; margin-top: 15px; } .main3-ts-date{ float: none; width: auto; display: inline-block; height: auto; padding: 5px 10px; } .main3-1-dl2 dd{ padding-left: 0; } .main3-ts-con{ left: 0; } .main3-ts {padding: 10px;} .main3-ts-date h1,.main3-ts-date h2{ display: inline-block; } .main3-ts-p{ height: auto; line-height: 1.6; margin-top: 10px; } .main2-dl dd {padding: 15px 0;} .erji-title{ padding-bottom: 15px; } .erji-title .fl{ font-size: 18px; } .danpian-h1{ font-size: 20px; } .logo-2{ width: 260px; margin-top: 14px; } .fafa .flex-control-nav { height: 0; bottom: 20px; } .fafa .flex-control-nav li{ margin:0 4px; } .footer-0 img {width: 85px;} } @media only screen and (max-width: 350px){ .logo-2{ width: 240px; margin-top: 16px; } }