@media only screen and (max-width: 1500px){ .main2{ padding: 160px 0 125px; } .nav>ul>li>ul>li>a{ font-size: 13px; } .youq-dd{ margin-right: 35px; } #totop{ right: 10px; bottom: 50px; } .nav>ul>li>a{ padding: 0 13px; font-size: 16px; } .nav>ul>li+li { margin-left: 3px; } .search{ margin-left: 10px; } .banner-2{ height: 450px; } .menu { width: 280px; margin-right: 40px; } .menu-h1 { height: 130px; line-height: 130px; background-color: #832422; font-size: 24px; } .menu-dl dd>a { display: block; padding: 24px 10px; font-size: 18px; } .erji-content { padding-top: 25px; } .sanji dd>a{ font-size: 16px; padding: 0 20px; } .sanji dd{ margin-right: 20px; } .er{ width: 85px; font-size: 14px; } .xxiang{ width: 85px; } .xxiang>a{ font-size: 14px; } .foo2-right{ width: 415px; margin-top: 23px; } .er-wp { width: 200px; } .xxiang-wp { width: 190px; } .foo-logo{ width: 270px; } .erji { padding: 50px 0; } .pic-list dd h1{ font-size: 16px; margin-top: 15px; } .fafa .flex-direction-nav .flex-next { right: 3%; } .fafa .flex-direction-nav .flex-prev{ left: 3%; } .main1-1 { width: 530px; } .main1-2 { width: 640px; } .main1-div { margin-top: 40px; } .main1{ padding: 60px 0 80px; } .main1-2 dd>a{ padding:20px 0 15px; } .main1-2 dd>a h2{ margin:10px 0 5px; } .main2-a{ font-size: 17px; } .main3-1-list{ padding: 0 60px; } .main3-1-list .owl-nav button.owl-next{ right: 0; } .main3-1-list .owl-nav button.owl-prev{ left: 0; } .main3-2-div{ width: 437px; height: 323px; background-image: url(../images/main3-2-bgh.jpg); } .main3-2-1{ width: 437px; margin-right: 30px; } .main3-2-2 dd>a.imgbox_a span{ font-size: 18px; } .main3-2-2 dd+dd{ margin-top: 18px; } .main3-2-2{ padding-top: 15px; } .main3-2-div1{ padding: 25px 40px 0; } .main3-2-item h1{ font-size: 16px; } .main3-2-item-ico{ width: 70px; padding: 15px 0; background-image: url(../images/main3-2-item-ico-bgx.png); } .main3-2-item>a:hover .main3-2-item-ico { background-image: url(../images/main3-2-item-ico-bgxh.png); } .main3-2-item-ico img{ width: 40px!important; } .main3-2-1-list .owl-dots { margin-top: 10px; } .main3-2-1-2-item h1{ font-size: 16px; } .main3-2-div2 { padding: 26px 25px 0; } .main3-2-1-2-list .owl-dots { margin-top: 15px; } .main3-3 { padding: 40px 0; } .title-11-h1{ font-size: 32px; } } @media only screen and (max-width: 1200px){ #header{ display: none; } #header-2{ display: block; } .chenggao{ display: block; } .menu{ display: none; } .banner-2{ height: auto; background-image: none!important; } .banner-2 img{ display: block; width: 100%; } .banner::before{ display: none; } .erji { padding: 40px 0; } .footer-1{ display: none; } .foo2-right{ margin:0 auto; float: none; } .foo-logo{ display: none; } .foo2-left{ float: none; margin-top:15px; } .footer-2 { padding: 0px 0 20px; } .foo-p{ margin-top: 0; text-align: center; } .foo-p span{ padding-left: 0; display: block; } .erji-content-wp{ padding: 25px; } .erji-title h1{ font-size: 20px; } .danpian-h1{ font-size: 24px; } .pic-list dd{ width: 30.333333%; } .fafa .flex-direction-nav a{ width: 40px; height: 40px; margin-top: -20px; } .fafa .flex-direction-nav .flex-next { right: 15px; } .fafa .flex-direction-nav .flex-prev{ left: 15px; } .fafa .flex-control-nav{ bottom:45px; } .main1-1{ width: 100%; float: none; } .main1-2{ width: 100%; float: none; margin-top: 30px; } .main1-div { margin-top: 30px; } .main2-div{ padding-left: 0; } .main2-div .title-11{ position: relative; width: 100%; left: 0; top: 0; } .main2-div .title-11-h1{ width: 100%; height: 59px; line-height: 59px; text-align: left; } .main2-div .more22{ position: absolute; margin-top:-30px; bottom: auto; top: 50%; } .title-11-h1{ font-size: 28px; } .main3-2-2 dd>a.imgbox_a span { font-size: 17px; } .more22{ bottom: 0; } .main1{ padding: 30px 0 50px; } .main2{ background-image: url(../images/main1-2-after.jpg); background-repeat: repeat; padding: 50px 0; } .main2-dl dd{ margin-top: 3%!important; } .main3{ background-image: none; padding: 50px 0; } .main3-3-bg{ background-size: contain; } .main3-3 { padding: 30px 0; } .main3-4-wen { width: 170px; } .main3-4-wen-wp{ width: 500px!important; transition: width 0s; padding: 105px 0 106px; } .main3-2-1{ width: 48%; margin-right: 0 } .main3-2-1+.main3-2-1{ float: right; } .main3-2-2{ clear: both; width: 100%; } .main3-2-2 dd{ float: left; width: 23%; margin-left: 2%; margin-top: 2%!important; } .main3-2-2 dl{ margin-left: -2%; } .main3-2-2{ padding-top: 0; } .main3-2-div{ background-image: none; width: 100%; border:6px solid #be946c; background-color: #fffbf4; } .main3-2-div2 { padding: 20px 25px 0; } .main3-2-1-2-list .owl-dots { margin-top: 20px; } .video-box { position: static; } .video-close { right: 30px; top: 30px; } #totop{ right: 15px; bottom: 15px; z-index: 350; width: 50px; } #main { margin-top: 0px; } .banner::after{display:none;} } @media only screen and (max-width: 992px){ .laoshi-list dd{ width: 23%; } .main3-2 { margin-top: 25px; } .main3-2-2 dd>a.imgbox_a span { font-size: 18px; } .main3-4-wen-wp{ width: 460px!important; } .main3-3-bg{ height: 80px; } .main3-3{ padding: 20px 0; } .main3-2-2 dd{ width: 48%; } .main3-2-div{ height: auto; padding: 20px!important; margin-top: 20px; } .main3-2-1{ float: none!important; width: 100%; } .main3-2-1+.main3-2-1{ margin-top: 25px; } .main2{ padding: 40px 0; } .main2-dl dd{ width: 47%; } .main1-2 dd{ width: 47%; margin-left: 3%; } .main1-2 dl{ margin-left: -3%; } .main1-div { margin-top: 25px; } .main1 { padding: 20px 0 40px; } .pic-list dd{ width: 47%; } .erji { padding: 30px 0; } .danpian-h1{ font-size: 22px; } .main3{ padding: 40px 0; } } @media only screen and (max-width: 768px){ .title-11-h1 img{ width: 30px; margin-right: 10px; } .main3-1 .title-11-h1 img{ width: 40px; } .main2-div .title-11-h1 { height: 50px; line-height: 50px; } #totop{ width: 30px; } .laoshi-name{ font-size: 16px; margin-top: 10px; } .laoshi-list{ padding-bottom: 20px; } .laoshi-list dd{ width: 47%; margin-bottom: 0; margin-left: 3%; margin-top: 15px; } .laoshi-list dl{ margin-left: -3%; } .laoshi-list dd:nth-child(1){margin-top: 0;} .laoshi-list dd:nth-child(2){margin-top: 0;} .main3-2-1-list .owl-dots { margin-top: 15px; } .main3-2-1-2-list .owl-dots { margin-top: 15px; } .main3-2-1-2-item+.main3-2-1-2-item { margin-top: 15px; } .main1-2 dd>a{ padding: 15px 0; } .video-close { width: 30px; height: 30px; right: 15px; top: 15px; } .video-wp { padding: 0 15px; } .main3-2-1-2-item h1 { font-size: 14px; } .main3-2-1-list .owl-dot span{ width: 8px; height: 8px; } .main3-2-1-list .owl-dots .owl-dot { margin: 0 5px; } .main3-2-1-2-list .owl-dot span{ width: 8px; height: 8px; } .main3-2-1-2-list .owl-dots .owl-dot { margin: 0 5px; } .main3-2-item h1 { font-size: 14px; } .main3-2-item-ico{ width: 50px; padding: 10px 0; background-image: url(../images/main3-2-item-ico-bgx.png); -webkit-background-size: 100%; background-size: 100%; } .main3-2-item-ico img{ width: 30px!important; } .main3-2-div{ margin-top: 15px; padding: 15px!important; } .main3-1-list .owl-nav button.owl-next, .main3-1-list .owl-nav button.owl-prev{ width: 30px; height: 24px; margin-top: -12px; } .main3-1-list .owl-dots{ display: none; } .main3-1-item h1{ font-size: 16px; } .main3-1-list { padding: 0 35px; } .main3{ padding: 25px 0 30px; } .main2-dl dd{ float: none; width: 100%; margin-left: 0; margin-top: 15px!important; padding: 15px; } .main2-date::after{ right: -20px; } .main2-date{ margin-right: 35px; } .main2-dl dl{ margin-left: 0; } .main2 { padding: 15px 0 30px; } .main1-2 dd { width: 100%; margin-left: 0%; float: none; } .main1-2{ margin-top: 20px; } .main1-2 dd>a p{ height: auto; max-height: 3.8em; } .main1-2 dd>a h2{ margin:13px 0 8px; font-size: 17px; } .main3-1-list-wp { margin-top: 15px; } .main1-2 dl{ margin-left: 0; } .fmain1 .flex-control-nav { bottom: 30px; } .fmain1 .flex-control-nav li { margin: 0 5px; } .main1-h1{ font-size: 16px; margin-top: 30px; } .main1-div { margin-top: 10px; } .title-11-h1{ font-size: 24px; } .more22{ font-size: 12px; width: 50px; height: 50px; -webkit-background-size: 100%; background-size: 100%; padding-top: 10px; margin-top: -25px; } .main2-div .more22{ margin-top: -25px; } .main1 { padding: 15px 0 30px; } .fafa .flex-direction-nav a { width:24px; height: 24px; margin-top: -12px; } .fafa .flex-control-nav{ bottom: 30px; } .fafa .flex-control-nav li{ margin:0 5px; } .fafa .flex-control-paging li a{ width: 24px; height: 21px; background-size: 100%; font-size: 12px; line-height: 22px; text-indent: 1px; } .danpian-h1{ font-size: 20px; } .dan-a a{font-size: 14px;} #footer{ padding-top: 60px; } .footer-2{ padding: 0 0 15px; } .foo-p{ font-size: 12px; } .foo2-right{ width: 100%; } .er-wp{ margin:0 auto; float: none; } .xxiang-wp{ margin:15px auto 0; float: none; width: 200px; } .erji-title h1 { font-size:18px; padding: 0 0 12px; } .sanji dd>a { font-size: 15px; padding: 0px 15px; height: 35px; line-height: 35px; background-image: none!important; background-color: #d9d9d9; } .sanji dd.cur>a{ background-color: #832422; } .sanji dd{ margin-right: 10px; margin-bottom: 10px; padding: 0; } .sanji dd::before, .sanji dd::after{ display: none; } .sanji dd>a{ } .erji-content { padding-top: 20px; } .list01 dd a{ font-size: 16px; } .list01 dd span.span_11{ font-size: 13px; } .list01 dd{ padding-right: 80px; padding-left: 23px; height: 50px; line-height: 50px; -webkit-background-size: 15px 11px; background-size: 15px 11px; } .erji { padding: 0 0 25px; } .erji-content-wp { padding: 20px 15px 25px; } .fenye{ font-size: 12px; margin-top: 25px; } .pagination > li > a, .pagination > li > span{ padding: 4px 10px; } .main3-3-bg{ height: 50px; } .main3-3{ padding: 15px 0; } .main3-4>a::before{ width: 24px; height: 24px; -webkit-background-size: 100%; background-size: 100%; margin-top: -12px; margin-left: -12px; } .main3-4-wen { width: 120px; } .main3-4-wen-wp { width: 310px!important; padding: 60px 0; } .main3-4>a i.hua1, .main3-4>a i.hua2{ display: none; } .main3-4>a::after{ display: none; } .main2-date h1{ font-size: 24px; } .main2-a { font-size: 16px; } } @media only screen and (max-width: 500px){ .main3-2-1+.main3-2-1 { margin-top: 20px; } .xxiang-wp{ width: 180px; } .xxiang { width: 70px; } .er-wp{ width: 180px; } .er{ width: 70px; } .banner::after{height: 45px;} .title-11-h1{ font-size: 22px; } .main3-2-2 dd{ float: none; width: 100%; margin-left: 0; margin-top: 15px!important; } .main3-2-2 dl{ margin-left: 0; } .pic-list dd{ width: 100%; margin-left: 0; margin-bottom: 0 } .pic-list dd+dd{ margin-top:20px; } .pic-list dd h1{ font-size: 15px; margin-top: 12px; } .pic-list dl{ margin-left: 0; } .pic-list{ padding-bottom: 23px; } .logo-2{ width: 200px; margin-top: 13px; } .main3-4-wen { width: 110px; } .main3-4-wen-wp { width: 280px!important; padding: 50px 0; } .main3-2-2 dd>a.imgbox_a span { font-size: 17px; } } @media only screen and (max-width: 350px){}