/*Common For Max 1366*/ @media only screen and (max-width: 1499px) {} /*Common For Max 1200*/ @media only screen and (max-width: 1365px) {} /*Common For Max 960*/ @media only screen and (max-width: 1199px) { .wp{ width: 95%; } body { padding-top: 50px; } /*首页*/ .eyou-header .wp { padding: 0; } .eyou-header .bottom { height: 50px; } .eyou-header .top { display: none; } .eyou-header .logo { height: 50px; line-height: 50px; } .eyou-header .logo img { max-height: 35px; } .menuBtn { display: block; } .eyou-nav { float: none; display: none; position: fixed; top: 50px; left: 0; right: 0; width: 100%; z-index: 9999; background-color: #1f9111; margin-top: 0; } .eyou-nav li { float: none; } .eyou-nav li .v1 { color: #fff; width: auto; display: block; padding: 0 20px; height: 44px; line-height: 44px; margin: 0; text-align: left; border-radius: 0; font-size: 14px; border-bottom: 1px solid rgba(255,255,255,.5); background-repeat: no-repeat; background-position: 95% center; background-image: url(../img/icon7.png); } .eyou-nav li .v1.on{ background-image: url(../img/icon7-hover.png); } .eyou-nav li.ok .v1, .eyou-nav li:hover .v1 { background-color: rgba(0,0,0,0); color: #fff; } .eyou-nav dl dd a:hover { } .eyou-nav dl { position: static; background-color: rgba(0,0,0,0); } .eyou-nav dl dd a{ text-align: left; height: 36px; line-height: 36px; color: #fff; padding-left: 40px; border-bottom: 1px dashed #1f9111; font-size: 14px; } .eyou-nav li:hover dl { display: none; } .eyou-nav dl dd a:hover { background-color: #ffffff; color: #1f9111; } .row-a1{ margin: 25px 0; } .row-a1 .col-l{ display: none; } .row-a1 .col-r{ float: none; width: auto; } .ul-imgtxt1{ padding-bottom: 30px; } .m-imgtxt1{ margin: 0 -10px; } .m-imgtxt1 .item a{ margin: 0 10px; } .row-a2{ display: none; } .row-a3{ margin: 25px 0; } .row-a4{ padding-top: 43px; } .m-tit1{ float: none; width: auto; text-align: center; margin-bottom: 10px; } .m-tit1 h3{ font-size: 30px; margin-bottom: 10px; } .m-tit1 span{ font-size: 18px; } .m-txt01{ margin: 0 auto 44px; float: none; } .ul-txt1{ float: none; width: auto; margin-left: -25px; } .ul-count li .txt{ padding: 0 25px; } .m-imgxtxt2 .pic{ height: auto; } .m-imgxtxt2 .txt{ padding: 0 15px 0 25px; } .m-imgxtxt2 .txt p{ line-height: 24px; } .row-a5{ margin: 25px 0; } .m-imgtxt1 .slider{ padding-bottom: 50px; } .kf{ display: none; } /*内页*/ .h50 { display: block; } .eyou-link { display: block; } .g-titInfo { font-size: 22px; } } /*Common For Max 768*/ @media only screen and (max-width: 959px) { /*首页*/ .row-a4{ padding-top: 22px; } .m-tit1 h3{ font-size: 26px; } .m-tit1 span{ font-size: 16px; } .m-txt01{ width: auto; margin-bottom: 22px; } .m-imgxtxt2 .txt{ padding: 0 0 0 15px; } .m-imgxtxt2 .txt h3{ font-size: 20px; margin-bottom: 5px; } .m-imgxtxt2 .txt p{ font-size: 14px; line-height: normal; } .m-tit2 h3{ margin-bottom: 10px; font-size: 24px; } .m-tit2 em{ font-size: 16px; } .row-a7{ padding: 42px 0 50px; } .m-form{ margin-top: 40px; } .m-link1 .item:first-child{ margin-bottom: 10px; } .ul-count li .txt em{ font-size: 40px; } /*内页*/ .ban{ height: 300px; } .row-b1 .col-l { float: none; width: auto; } .row-b1 .col-r { float: none; width: auto; } .g-titIns1 { font-size: 18px; } .ul-txt-ins1{ margin-bottom:15px; } .ul-newslist { display: none; } .m-info { display: none; } .dbn { display: none; } .g-titInfo { font-size: 18px; } .m-txt3{ display: none; } .m-message{ margin: 20px auto 0; } } /*Common For Max 480*/ @media only screen and (max-width: 767px) { /*首页*/ .banner .slick-arrow{ width: 30px; height: 40px; } .banner .slick-next{ right: 2%; } .banner .slick-prev{ left: 2%; } .g-tit1{ margin-bottom: 10px; } .g-tit1 h3{ font-size: 24px; height: 50px; line-height: 50px; } .g-tit1 h3 span{ font-size: 16px; margin-left: 14px; } .g-tit1 .more{ margin-top: 5px; } .ul-imgtxt1{ padding-bottom: 15px; } .ul-imgtxt1 li{ width: 50%; margin-bottom: 10px; } .m-txt01 .txt{ padding: 25px 20px; } .ul-txt1{ display: none; } .m-list02{ display: none; } .ul-txt1 li a{ margin: 0 5px; font-size: 18px; height: 100px; line-height: 100px; } .ul-count li{ width: 50%; margin-bottom: 20px; } .ul-count li:nth-child(2n) .txt{ border-right: 0; } .row-a5{ margin: 25px 0 19px; } .m-imgxtxt2 .pic{ float: none; margin: 0 auto; } .m-imgxtxt2 .txt{ padding-left: 0; margin-top: 15px; } .m-imgxtxt2 .txt h3{ text-align: center; margin-left: 0; } .row-a6{ padding-bottom: 36px; } .ul-news01{ margin: 22px 0; } .ul-news01 li{ padding: 15px 0; } .ul-news01 li .txt{ padding-left: 20px; } .row-a7{ padding: 21px 0 25px; } .m-form{ margin-top: 20px; } .m-form ul{ margin: 0; } .m-form li{ float: none; width: auto; } .m-form li:last-child{ margin-bottom: 26px; } .m-form .item{ margin: 0; } .m-form .sub{ width: 150px; height: 45px; line-height: 45px; } .eyou-footer{ padding: 15px 0 25px; } .eyou-footer .copy{ font-size: 12px; line-height: 24px; } .m-tit3 h3{ font-size: 24px; margin-bottom: 8px; } .m-imgtxt1 .item:hover h4 span{ text-indent: -6em; } /*内页*/ .ban{ display: none; } .g-cur{ height: 30px; line-height: 30px; } .row-b1 { padding: 20px 0 36px } .ul-imgtxt-01 li{ width: 50%; } .ul-imgtxt-01 li:last-child{ display: none; } .ul-imgtxt2 li:last-child{ display: block; } .g-titInfo { font-size: 16px; } .ul-txt2 { margin-bottom: 25px; } .ul-news1 li{ float: none; width: auto; } .ul-news1 li .tit{ margin: 0 !important; } .ul-newslist li .txt p{ font-size: 12px; line-height: normal; } .m-message{ width: 440px; } .m-message label span { float: none; margin-right: 15px; } .m-message label.code input { float: none; } .m-message label.mes span{ position: relative; top: -55px; z-index: 3; } .m-message label.code input{ width: 30%!important; margin-right: 10px; } .m-pic1{ float: none; width: auto; margin: 10px 0; overflow: hidden; } .m-pic1-for .item{ height: auto; } .m-txt1 { padding-left: 0; margin-top: 20px; } } /*Common For Max 320*/ @media only screen and (max-width: 479px) { /*首页*/ .hidden-xs { display: block; } .hidden-ds { display: none; } .menuBtn { width: 40px; height: 40px; } .menuBtn.open b { width: 30px; } .banner .item .con{ padding-top: 45%; } .g-tit1 h3{ font-size: 18px; height: 40px; line-height: 40px; } .g-tit1 h3 span{ margin-left: 7px; font-size: 12px; } .g-tit1 .more{ width: 80px; height: 30px; line-height: 30px; font-size: 12px; } .row-a2{ height: 150px; } .m-imgtxt1{ margin: 0 -5px; } .m-imgtxt1 .item a{ margin: 0 5px; } .m-imgtxt1 .slick-dots{ margin: 0; } .m-more{ margin: 0 auto; position: static; width: 100px; height: 40px; line-height: 40px; -webkit-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .ul-txt1 li{ width: auto; float: none; margin-bottom: 20px; } .ul-txt1 li a{ margin: 0; } .row-a4{ background-color: #f3f3f3; } .ul-count li{ float: none; width: auto; margin-bottom: 10px; } .ul-count li .txt{ border-right: 0; border-bottom: 1px solid #fff; padding-bottom: 10px; } .m-tit2 h3{ font-size: 18px; } .m-tit2 em{ font-size: 12px; } .row-a6{ padding-bottom: 18px; } .ul-news01{ margin: 25px 0; } .ul-news01 li .txt{ margin-top: 7px; padding-left: 10px; } .ul-news01 li .txt h3 a{ font-size: 14px; } .row-a7{ padding: 42px 0 50px; } .row-a7{ padding: 25px 0; } .m-form li{ margin-bottom: 10px; } .m-form li:last-child{ margin-bottom: 14px; } .m-form .item .inp{ padding: 0 10px; } .m-form .item textarea{ padding: 10px 14px; } .m-link1{ padding: 10px 0; } .m-imgtxt1 .slick-dots li{ height: auto; line-height: normal; } .m-imgtxt1 .slider{ padding-bottom: 20px; margin-bottom: 20px; } .m-tit3 h3{ font-size: 18px; } .m-tit3 span{ font-size: 12px; } .m-imgtxt1 .item h4{ height: 30px; line-height: 30px; font-size: 14px; } .m-imgtxt1 .item h4 span{ transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; -o-transition: .3s; } .m-imgtxt1 .item:hover h4 span{ text-indent: 0; background-image: none; } .ul-imgtxt1 li h4{ font-size: 14px; height: 30px; line-height: 30px; } /*内页*/ .row-b1 { padding: 10px 0 16px } .m_chanpin { margin-bottom: 15px; } .ul-imgtxt-01{ margin: 0 -5px; } .ul-imgtxt-01 li { margin-top: 10px; } .ul-imgtxt-01 li a{ margin: 0 5px; } .m-list3{ padding: 10px 0; } .m-content .txt p{ line-height: 24px; } .ul-news1{ margin-bottom: 15px; } .ul-newslist li{ padding: 15px 0; } .ul-newslist li .tit{ margin-bottom: 15px; } .ul-newslist li .tit .time{ font-size: 12px; } .ul-newslist li .tit a{ font-size: 14px; width: 58%; } .m-message{ margin: 10px auto 0; width: auto; } .m-message label input.inp, .m-message label textarea, .m-message label.code input { width: 65%; } .m-message label{ margin-bottom: 10px; } .m-txt1 .txt { margin-right: 0; padding-bottom: 10px; } .m-txt1 .txt p { margin-bottom: 0; } .m-list02{ margin-top: 20px; padding: 15px 0; } .ul-txt3 li { margin: 0; } .ul-imgtxt-01 li a p{ font-size: 14px; height: 30px; line-height: 30px; } .m-list03{ margin-top: 15px; padding-top: 13px; } .m-list03 .con .pic{ height: auto; line-height: normal; } .m-list03 .con .txt h3{ margin-bottom: 15px; font-size: 18px; } }