/*媒体查询,参考部分Bootstrap框架*/ /*当页面>=1600px时,超大屏幕,主要是PC端*/ @media (min-width:1600px) { /*--------banner图-----------*/ #banner .swiper-slide { height: auto; overflow:hidden; } /*------图片左右滚动箭头-----*/ .owl-carousel .owl-controls .owl-nav div { left: -35px; } .owl-carousel .owl-controls .owl-nav div.owl-next { right: -35px; } } @media (min-width:1280px) and (max-width:1599px) { /*--------banner图-----------*/ #banner .swiper-slide { height: auto; overflow:hidden; } /*------图片左右滚动箭头-----*/ .owl-carousel .owl-controls .owl-nav div { left: -15px; } .owl-carousel .owl-controls .owl-nav div.owl-next { right: -15px; } /*----内页焦点图----*/ #page-banner .content { height: 350px; } } /*当页面大于1200px时,大屏幕,主要是PC端*/ @media (min-width:1024px) and (max-width:1280px) { /*---------头部文件---------*/ #header .luke-top { padding: 15px 0; } #header .luke-top img { max-height: 70px; } /*-------菜单-------*/ ul.menu > li > a { padding: 0 15px; } /*--------banner图-----------*/ #banner .swiper-slide { height: auto; overflow:hidden; } /*----内页焦点图----*/ #page-banner .content { height: 300px; } #dituContent { height: 350px; } /*-------底部----*/ footer ul.footer-nav { width: 70%; padding: 0 10px; } footer .scan { display: none; } .g-tit01_x .tit{ font-size: 27px; } .g-tit01_x p{ font-size: 15px; } .ul-imgtxt02_x li .txt .tit{ font-size: 20px; } .ul-imgtxt02_x li .txt .desc{ font-size: 13px; } .wp{ width: 98%; } #indexabout .leftimg{ width:100%;} #indexabout .rightcon{ width:100%; float:left; padding:3%; } .aright { display:none;} .aleft{ width:20%;} #content .left2 { margin-left: 20px; width: calc(80% - 20px); float:left; } } @media screen and (max-width:1023px) { /*---------头部文件---------*/ #header { position: fixed; top: 0; left: 0; right: 0; z-index: 11; border: none; -webkit-box-shadow: 0 0px 3px #a1a1a1; -moz-box-shadow: 0 0px 3px #a1a1a1; -o-box-shadow: 0 0px 3px #a1a1a1; box-shadow: 0 0px 3px #a1a1a1; } #container { padding-top: 59px; } #header .luke-top { padding: 12px 0; } #header .luke-top img { max-height: 50px; } #header .luke-text, #header .luke-tel, nav.luke-menu { display: none; } /*----返回顶部与banner导航箭头----*/ #floatqq, .swiper-button-next, .swiper-button-prev { display: none; } .btn-icon { display: block; } /*------响应式菜单-----*/ .wsmenuexpandermain, .bigmegamenu { display: block; } /*--------banner图-----------*/ #banner .swiper-slide { height: auto; overflow:hidden; } main#index > section { padding: 40px 0; } /*-------内页焦点图--------*/ #page-banner .content { height: 250px; } /*--------5123五湖之利取四海之财Vip小标题-----*/ main>section hgroup { margin: 0 auto 25px; } main>section hgroup>h2, #indexabout h2 { font-size: 3rem; } /*-----------第二部分,公司简介----*/ #indexabout p { font-size: 1.5rem; line-height: 1.7; margin-bottom: 10px; } #indexabout a.more { font-size: 1.5rem; } #indexabout a.more::after { font-size: 1.7rem; } /*-----底部信息---*/ footer .contact { padding: 0 10px; float: right; } footer .scan, footer .service { display: none; } /*--------底部--------*/ footer { padding: 40px 0px 30px 0px; } #dituContent { height: 350px; border: #ccc solid 1px; } /*------内页与公共部分------*/ { display: none; } #content { padding: 20px 0; } #content .left { width: 100%; margin: 0; border: 0 none; } #content .left3 { width: 100%; margin: 0; border: 0 none; } #content .aright2 { display:none; } /*--------公司简介页边距----*/ #content .left-info { padding: 20px; } /*------新闻详情页----*/ #content .news-info .new-tit p.p2 { display: none; } .news-info .news-body .proimgs { margin-bottom: 20px; } /*------新闻列表页----*/ #content hgroup { min-height: 400px; height: auto !important; height: 400px; overflow: visible; } #content hgroup>figure h3 { padding-left: 15px; font-size: 1.7rem; } #content hgroup>figure figcaption p { height: 52px; overflow: hidden; padding: 0px 0px 0px 15px; } #content hgroup>figure>figcaption>span { font-size: 1.3rem; padding-left: 15px; } .row-a2{ margin: 30px 0; } .g-tit01_x .tit{ font-size: 24px; } .g-tit01_x p{ font-size: 14px; } .ul-imgtxt02_x{ margin-top: 30px; } .ul-imgtxt02_x li .pic{ height: 190px; } .ul-imgtxt02_x li .txt .tit{ font-size: 16px; } .ul-imgtxt02_x li .txt .desc{ font-size: 12px; } .ul-imgtxt02_x li .txt .word{ height: 190px; } .ul-imgtxt02_x li .txt .word span{ width: 50px; height: 50px; line-height: 50px; font-size: 16px; } .wp{ width: 96%; } .aright { display:none;} .aleft{ display:none;} #content .left2 { margin-left: 0; width: 100%; float:left; } aside { display:none;} } /*在768 和 991 像素之间的屏幕里,小屏幕,主要是PAD */ @media screen and (max-width:768px) { /*解决iphone横屏时字体变大问题*/ body { -webkit-text-size-adjust: 100%; } .row, #hot-pro .pro-list { margin-right: -5px; margin-left: -5px; } footer .row { margin-right: -10px; margin-left: -10px; } main>.wrapper { position: relative; } main { background-color: #fff; } /*--------banner图-----------*/ #banner{ padding-top:60px;} #banner .swiper-slide { height: auto; overflow:hidden; } #video { position: relative; height:250px; } #videoban .videoban{ float:left; width:100%; padding-top:0;} #videoban .videomore{ display:none;} .shi_bg{padding: 8% 0; overflow: hidden; width:100%; position: relative; z-index: 0; background:#000000;} .yin_t{font-size: 24px;color: #fff;text-align: center;position: relative;height: 42px;line-height: 42px;} .yin_t:before{ display:none;} .yin_t:after{ display:none;} .shi_ul01{display: block;padding: 20px 0 20px 0; overflow: hidden; display:none;} .shi_ul01 li{font-size: 14px;color: #fff;height: 36px;line-height: 36px;overflow: hidden;background: none;width: 100%;float: left;padding: 0 0 0 0; text-align:center;} .ibrand-num li{ display:none;} #particles-js{ display:none;} #content .left-info .abcon .leftcon{ float:left; width:100%; line-height:32px;} #content .left-info .abcon .rightcon{ float:left; width:100%; text-align:right;} .iserve{width: 100%;padding: 5% 0; display:block; overflow:hidden;} .iserve dd{float:left;width:6.9rem;height:8rem;text-align:center;font-size: 1rem;margin-left: 1rem;} .iserve dd p{padding: 2.2rem 0 0;font-weight: bold;} .iserve dd b{font-size: 2rem;font-family: "Impact";line-height: 2rem;} .iserve dd i{color: #f68100;padding-left: 0.2rem;} .iserve dd span{display: block;font-weight: normal;} .iserve dd.d1{color: #2a2a36; background:url(../images/yin_k01.png) no-repeat;-webkit-background-size:100%; -ms-background-size:100%; -o-background-size:100%; background-size:100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} .iserve dd.d2{color: #fff; background:url(../images/yin_k02.png) no-repeat;-webkit-background-size:100%; -ms-background-size:100%; -o-background-size:100%; background-size:100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #hot-pro .category-list { display: none; } #hot-pro .tab-box { margin: 0; width: 100%; } /*--------产品系列列表---------*/ #hot-pro .pro-list .pro1 {width:100%; padding:5px; background-color:#FFFFFF; margin-bottom:10px;} #hot-pro .pro-list { margin-right: -5px; margin-left: -5px; width: 100%; } #hot-pro .pro-list ul li { width: 100%; margin-bottom:10px; margin-right:0; } #hot-pro .pro-list ul li div { margin: 0 5px; } #hot-pro .pro-list ul li div h3 { font-size: 1.4rem; } #hot-pro .pro-list ul li:nth-of-type(7) { margin-bottom:10px; } #hot-pro .pro-list ul li:nth-of-type(8) { margin-bottom:10px; } /*--------新品推荐与列表---------*/ #new-pro .row, #insolution .row { margin: 0 -5px; } #new-pro .col, #insolution .col { padding: 0 5px; } main#index > section { padding: 30px 0; } /*--------5123五湖之利取四海之财Vip小标题-----*/ main>section hgroup { margin: 0 auto 15px; } main>section hgroup>h2, #indexabout h2 { font-size: 2.6rem; } /*-----公司简介----*/ .in-about-tit {padding: 20px;margin-bottom: 20px;} .in-about {padding: 0;} .in-about dl {background-color: transparent;} .in-about dt {width: auto;float: none;} .in-about dd {margin: 0;padding: 15px 15px 30px;} .in-about dd .more {margin-top: 15px;} .in-case {background-color: #f5f5f5;margin-top: -65px;} .in-case-tit {margin-bottom: 20px;} .in-case-btn a,.in-case-btn span {line-height: 40px;padding: 0 15px;font-size: 14px;} .list-2 {margin: -10px 0 0 -10px;} .list-2 li {width: 50%;} .list-2 li a {margin: 10px 0 0 10px;} .in-news-left,.in-news-right {float: none;width: auto;} .in-news-right {margin-top: 20px;} .in-news-tit {font-size: 14px;padding: 0 15px;line-height: 45px;} .in-news-tit .more {font-size: 12px;} .in-news-wrap {padding: 15px;} .in-news-list dt {width: 110px;} .in-news-list dd {margin-left: 120px;} .in-news-list dd p {margin-top: 10px;height: 50px;} .in-news-list dd .more {display: none;} .in-news-list li {width: 100%;} .in-news-list li a {line-height: 40px;} .in-news-list li span{ display:none;} .news-menu li {margin-right: 15px;} #marquee {height: 354px;} #marquee li a {padding: 15px;} /*------为什么选择我们----*/ .whychoose dt {display: none;} .whychoose dd {margin: 0 !important;} .whychoose dd .item {margin-bottom: 20px;background-color: #f5f5f5;border-radius: 5px;} .whychoose dd .num {width: 40px;height: 50px;font-size: 24px;line-height: 40px;} .whychoose dd .num:after {width: 24px;} .whychoose dd .text {margin-left: 45px;padding: 15px 5px;} .whychoose dd .text h4 {font-size: 18px;} .whychoose dd .text h4 small {font-size: 12px;margin-top: 10px;padding-top: 10px;border-top: 1px dotted #ccc;} .whychoose dd .text p {margin-top: 10px;} /*------解决方案-----*/ #insolution .post-content h2 { font-size: 1.6rem; margin-bottom: 12px; } #insolution .post-content { padding: 20px; } #insolution .news-left { margin: 0; width: 100%; margin-bottom: 20px; } #insolution .contact-right { width: 100%; } #insolution .news-list ul li { background: url(../images/news-dot.jpg) no-repeat left center; line-height: 2.5; border-bottom: 1px dashed #BABABA; padding-left: 25px; width:100%; margin-right:0; float: none; } /*--------底部--------*/ footer { padding: 30px 0px 20px 0px; } footer h3 { margin-bottom: 20px; } footer ul.footer-nav { display: none; } footer .contact { width: 100%; } /*--------底部联系方式---------*/ footer .contact p { margin-bottom: 5px; line-height: 1.6; } /*-------------------------*/ #bottom { line-height: 1.6; } #bottom>.wrapper { padding: 10px; } #bottom >.wrapper .left { width: 100%; text-align: center; } #bottom >.wrapper .right { display: none; } /*-------内页焦点图--------*/ #page-banner .content { height: 200px; } #page-banner .content > h3 { font-size: 2.8rem; } /*------内页与公共部分------*/ .row { margin-right: -5px; margin-left: -5px; } .company-active .col { padding: 0 5px; } #content { padding: 15px 0; } .breadcrumb { padding: 10px 0; } .page-title { display: none; } .box { box-shadow: none; overflow: visible; background-color: transparent; } main>.wrapper > .dl-tit, #content >h1, #content .page { display: block; } /*------产品列表页----*/ #content ul.pro-list { margin: 0 -8px; padding: 0; } #content ul.pro-list li { width: 100%; margin-bottom: 20px; } #content ul.pro-list li div { margin: 0 8px; } /*-----产品详情页----*/ #content .panel .fl { display: none; } #content .panel .fr { width: 100%; padding: 10px; background-color: #fff; /*border: 1px solid #ddd;*/ } #content .panel .fr > h2 { font-size: 2rem; margin-bottom: 8px; } #productSlide { display: block; } #content .panel { margin: 0 auto 10px; } /*-------产品详情页--------*/ #content .details { margin-bottom: 10px; padding-top:10px; } #content .nav-about { height: 36px; line-height: 36px; font-size: 1.5rem; margin: 0 auto 10px; } #content .nav-tabs a { font-size: 1.5rem; height: 36px; line-height: 36px; padding: 0 15px; border-right: 1px solid #d9d9d9; } #content .tab-content { padding: 10px; } /*-----公司简介---*/ #content .left-info { padding: 0; } #content .left-info img{ width: 100%; padding: 0; margin-bottom: 10px; } /*------新闻列表页---*/ #content hgroup>figure { padding:10px 0; } /*------新闻详情页----*/ #content .news-info .new-tit p.p2 { display: none; } .news-info .news-body .proimgs { margin-bottom: 15px; } /*----旋转木马轮播---*/ #content hgroup, #content .news-info, #content .pro-info { padding: 0; } /*------分页样式------*/ .pagelist, #content .prevnext { display: none; } #content .page { display: block; } #dituContent{ height:200px;border:#ccc solid 1px; } .g-tit01_x .tit{ font-size: 21px; } .g-tit01_x p{ font-size: 13px; } .ul-imgtxt02_x li{ margin-bottom: 10px; } .ul-imgtxt02_x li .pic{ float: none !important; width: auto !important; text-align: center !important; height: auto; } .ul-imgtxt02_x li .pic img{ width: 100%; height: 100%; display: block; } .ul-imgtxt02_x li .txt{ float: none; width: auto; margin: 10px 0; } .ul-imgtxt02_x li:nth-child(2n) .txt{ text-align: left; } .ul-imgtxt02_x li .txt .word{ height: auto; width: auto; margin-right: 10px; } .ul-imgtxt02_x li:nth-child(2n) .word{ margin-right: 0; margin-left: 10px; } .ul-imgtxt02_x li .txt .tit{ padding-top: 0; height: 50px; line-height: normal; font-size: 0; } .ul-imgtxt02_x li .txt .tit:after{ content: ''; display: inline-block; vertical-align: middle; width: 0; height: 100%; } .ul-imgtxt02_x li .txt .tit span{ display: inline-block; vertical-align: middle; width: 100%; font-size:16px; color:#333 } .ul-imgtxt02_x li .txt .desc{ padding-top: 10px; line-height: normal; } #video { width: 100%; position: relative; } #infeed { background-image:url(../images/bg22.jpg); background-repeat:repeat; overflow:hidden; } #infeed .inmap { width:100%; float:left; display:none;} #infeed .inform{ width:100%; float:left; padding:10px 0 10px 0;} #infeed .inform .label{ margin:0 auto; width:100%; text-align:left} #infeed .inform .label .button2{ margin-top:22px; padding:15px 130px; width:100%; background-color:#000000; color:#FFFFFF; font-size:24px;} #xuanzhepc {display:none;} #xuanzhemob {background-color:#2767bf; width:100%; margin:0 auto; overflow:hidden; text-align:center; display:block; } #xuanzhepc2 {display:none;} #xuanzhemob2 {background-color:#2767bf; width:100%; margin:0 auto; overflow:hidden; text-align:center; display:block; } #gssl { width:100%; background-image:url(../images/ban-2.jpg); overflow:hidden;} #gssl .pname{ width:100%; padding-top:40px; font-size:48px; color:#FFFFFF; letter-spacing:20px; text-align:center;} #gssl li { width:50%; padding-top:40px; color:#FFFFFF; font-size:48px; text-align:center; float:left;} #gssl li span{ width:100%; display:block; color:#FFFFFF; font-size:18px; text-align:center; margin-top:15px;} #insolution { overflow:hidden; } #insolution .soluleft{ float:left; width:100%; } #insolution .soluleft .spic{ width:100%; height:auto; background-color:#FFFFFF; box-shadow: 0 5px 3px -1px #999;} #insolution .soluleft .spic img{ width:100%; height:auto;} #insolution .soluleft .spic span{ width:100%; height:60px; line-height:60px; font-size:18px; font-weight:bold; padding:0 15px;} #insolution .soluleft .spic p{ width:100%; height:50px; line-height:25px; font-size:14px; padding:0 15px; color:#787878} #insolution .soluleft .spic:hover{ background-color:#ddd;} #insolution .soluright{float:right; width:100%;} #insolution .soluright li{float:left; width:100%; height:auto; background-color:#FFFFFF; margin-bottom:20px; margin-left:0; box-shadow: 0 5px 3px -1px #999;} #insolution .soluright li img{ width:100%; height:auto;} #insolution .soluright li span{ width:100%; height:30px; line-height:20px; font-size:14px; font-weight:bold; padding:10px 10px; display:block;} #insolution .soluright li p{ width:100%; height:35px; line-height:35px; font-size:14px; padding:0 10px; color:#787878} #insolution .soluright li:hover{ background-color:#ddd;} #insolution .more{ display:block; margin:30px auto; text-align:center;} #insolution .more a{ font-size:16px; background-color:#333333; color:#FFFFFF; padding:15px 25px;} #insolution .more a:hover{ background-color:#ff9934;} #yingyong { background-color:#060708; background-image:url(../images/bg44.jpg); min-height: inherit; } #yingyong .yyleft{float:left; width:100%; padding-top:30px; margin-bottom:30px;} #yingyong .yyleft span{ width:100%; height:36px; line-height:36px; font-size:24px; font-weight:bold; color:#FFFFFF; display:block; margin-bottom:0;} #yingyong .yyleft p{width:100%; height:36px; line-height:36px; font-size:24px; font-weight:bold; color:#FFFFFF; display:block; margin-top:10px;} #yingyong .yyright{float:right; width:100%; text-align:right;} #yingyong .yyright li{float:left; width:31.3333%; height:auto; margin:2% 1%; border:2px solid #FFFFFF; } #yingyong .yyright li img{ width:100%; height:auto;} #yingyong .yyright li:hover{border:2px solid #ff9933; } #yingyong .more{ display:block; margin-top:30px;} #yingyong .more a{ font-size:16px; background-color:#fff; color:#333; padding:10px 35px;} #yingyong .more a:hover{ background-color:#ff9934;} .in-about {background: url(../images/bg-ab.jpg); min-height:728px; overflow:hidden;} .in-about .aboutcon {width:94%; margin:30px 3% 0 3%;} .in-about .aboutcon .cleft {width:100%; float:left; color:#FFFFFF;} .in-about .aboutcon .cleft span {width:100%; font-size:24px; margin-bottom:30px; display:block;} .in-about .aboutcon .cleft p {width:100%; font-size:18px; line-height:36px; padding-right:0;} .in-about .aboutcon .cright {width:100%; float:left; margin-left:0; margin-top:10px;} .in-about .aboutcon .cright img{width:100%; border:2px solid #CCCCCC;} .in-about .aboutcon .more{ display:block; text-align:left; margin-top:30px;} .in-about .aboutcon .more a{ font-size:18px; color:#FFFFFF; padding:10px 60px; border:1px solid #CCCCCC; border-radius:25px;} .in-about .aboutcon .more a:hover{ background-color:#2767bf;} .in-about .aboutcon .abpic{ display:block; text-align:left; margin-top:30px;} .mt30{ margin-top:30px;} /*-----内页新闻列表-----*/ #content hgroup>figure img { width: 30%; } #content hgroup>figure figcaption { width: 70%; } #content hgroup>figure h3 { font-size: 1.5rem; padding: 0 0px 0px 12px; } #content hgroup>figure figcaption p { font-size: 1.4rem; line-height: 22px; height: 25px; overflow: hidden; padding: 0 0px 0px 12px; } #content hgroup>figure>figcaption>span { font-size: 1.2rem; color: #999; padding-left: 12px; } /*----新闻详情页----*/ #content .news-info .new-tit h1 { font-size: 2rem; font-weight:bold; } .news-info .news-body { font-size: 1.5rem; padding: 0 0px 10px; } .news-info .news-body p { margin-bottom: 12px; } #content .news-info .new-tit p.p1 { display: none; } #content .news-info .new-tit p.p2 { display: block; } .newscata{ margin:0 auto; padding:25px 0; text-align:center; overflow:hidden;} .newscata a{ float:left; margin-right:10px; margin-bottom:10px; border-radius:5px; padding:10px 15px; background-color:#ffff; color:#333; font-size:16px; border:1px solid #2767bf;} .newscata a:hover, .newscata a.curr{background-color:#2767bf; color:#FFFFFF; } .ntit span{ font-size:14px; color:#CCC; padding-left:5px;} .ncontact .ncon1{ width:100%; line-height:30px; margin:20px 0; overflow:hidden; font-size:14px; color:#929292;} .ncontact .ncon2{ width:100%; line-height:30px; margin:10px 0; overflow:hidden; font-size:14px; color:#333; border-bottom:1px dashed #CCCCCC; padding-bottom:10px;} .ncontact .ncon3{ width:100%; line-height:30px; margin:10px 0; overflow:hidden; font-size:14px; color:#333; border-bottom:1px dashed #CCCCCC; padding-bottom:10px;} .ncontact .ncon3 span{ padding-left:5px; font-size:20px; color:#093e5e; line-height:30px;} .ncontact .ncon4{ width:100%; line-height:30px; overflow:hidden; font-size:14px; color:#333;} .ncontact .inform .input2{ width:100%; font-size:14px; padding-left:20px; height:40px; line-height:40px; border:1px solid #666;margin-top: 10px;} .ncontact .inform .input3{ width:100%; font-size:14px; padding-left:20px; height:40px; line-height:40px; border:1px solid #666;margin-top: 10px;} .ncontact .inform .input2:hover,.ncontact .inform .input3:hover,.ncontact .inform textarea:hover{ border:1px solid #ed6e03; } .ncontact .inform textarea{ width:100%; font-size:14px; padding:10px 20px; line-height:30px; height:150px; border:1px solid #666; margin-top: 10px;} .ncontact .inform .label{ margin:0 auto; width:100%; text-align:left} .ncontact .inform .label .button2{ margin-top:10px; padding:13px 97px; width:100%; background-color:#093e5e; color:#FFFFFF; font-size:20px;} .ncontact .inform .label .button2:hover{ background-color:#ff9934; color:#FFFFFF;} #content .profile .description { font-size: 1.4rem; text-align:left; line-height:30px; } #content .profile .description span { margin-top:20px; display:block; } #content .profile .description span a{ font-size:14px; font-weight:800; background-color:#093e5e; padding:10px 15px; letter-spacing:5px; color:#FFFFFF } #content .profile .description span a:hover{ font-size:14px; font-weight:800; background-color:#ff6600; padding:10px 15px; letter-spacing:5px; color:#FFFFFF } #tab li a{ display:block; width:100%; height:auto; padding:5px 10px; overflow:hidden; color:#333; background-color:#fff; } #tab li{ float:left; width:100%; overflow:hidden;} #tab li p{ display:none} #tab li .btn{ display:none} .hot-news{ width:100%; height:auto; overflow:hidden; margin-top:3%;} .hot-news .htitle{ height: 32px; line-height: 32px; margin-bottom: 10px; border-bottom: 1px solid #ddd; font-size:16px; font-weight:bold; } .hot-news .cbody{ width:100%;overflow:hidden;} .hot-news .cbody li{ width:100%; line-height:32px; height:32px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; float:left; border-bottom:1px dashed #ccc; margin-bottom:8px; margin-right:0;} .hot-news .cbody li span{ width:100px; float:right; text-align:right;} .hot-news .cbody li:nth-child(2n){ margin-right:0;} } /*在480 和 767像素之间的屏幕里,超小屏幕,主要是手机 */ @media screen and (max-width:480px) { /*--------banner图-----------*/ #banner .swiper-slide { height: auto; overflow:hidden; } .g-tit01_x .tit{ font-size: 18px; } .g-tit01_x p{ font-size: 12px; } } /*-----焦点图----*/ .swiper-button-prev, .swiper-button-next { /*display: none !important;*/ } main#index > section { padding: 20px 0; } /*-------底部文件---------*/ footer h3 { margin-bottom: 10px; } footer .about p { line-height: 1.7; } #bottom > .wrapper .left span { padding: 0; display: block; } /*-------内页焦点图--------*/ /*#page-banner .content { height: 200px; }*/ #page-banner .content > h3 { font-size: 2.6rem; } /*------产品列表页----*/ #content ul.pro-list { margin: 0 -5px; } #content ul.pro-list li { margin-bottom: 15px; } #content ul.pro-list li div { margin: 0 5px; } #content ul.pro-list > li h3 { line-height: 38px; } /*------内页与公共部分------*/ #content { padding: 10px 0; } /*-----产品详情页----*/ #content .panel .fr>h2 { font-size: 1.6rem; line-height: 1.7; margin-bottom: 8px; } /*----公司简介---*/ #content .profile>h1 { font-size: 2.0rem; margin-bottom: 6px; } #content .profile>h2 { font-size: 1.8rem; margin-bottom: 6px; } #content .profile>h3 { font-size: 1.6rem; margin-bottom: 4px; } #content .profile>p { margin-bottom: 10px; } #content .profile table { width: 100%; border-collapse: collapse; margin-bottom: 8px; } } /*在480 和 767像素之间的屏幕里,超小屏幕,主要是手机 */ @media screen and (max-width:375px) { /*--------banner图-----------*/ #banner .swiper-slide { height: auto; overflow:hidden; } /*-------内页焦点图--------*/ #page-banner .content { height: 100px; } } /*在480 和 767像素之间的屏幕里,超小屏幕,主要是手机 */ @media screen and (max-width:320px) { /*--------banner图-----------*/ #banner .swiper-slide { height: auto; overflow:hidden; } }