/* CSS Document */ body{ min-width:1200px; } #footnav{ position: fixed; z-index:2; left: 0px; bottom: 0px; float:left; width:100%; background-color:rgba(0,0,0,0.6); display:none; } #footnav a{ float:left; width:33.3333%; text-align:center; position: relative; line-height:35px; color:#FFFFFF; } #footnav a i{ margin-right:5px;} #footnav a:after{ content:''; position: absolute; height: 100%; left: 0px; top: 0px; border-left-width: 1px; border-left-style: solid; border-left-color:rgba(0,0,0,0.8); } #footnav a:before{content:''; border-left-width: 1px; border-left-style: solid; border-left-color:rgba(255,255,255,0.1); position: absolute; height: 100%; right: 0px; top: 0px; } @media screen and (min-width :1366px){ .nav{ width:850px;} /*#header .box1{ width:90%;}*/ } @media screen and (max-width :1200px){ body{ min-width:1000px; } .box{ width:1000px; min-width:1000px; } .box1{ width:1000px; min-width:1000px;} .news{ width:1000px;} .foot .box{ width:1000px; } /*.pro .picli{ width:100%; margin-left:0px; margin-right:0px; padding:0px;}*/ .pro .swiper-slide .list{ width:98%; margin-right: 1%; margin-left: 1%; } .pro{ max-height:320px;min-height:320px; } .nav{ width:500px; } .foot{background-size:auto 100%;} .foot .fleft{ width:600px;} .pro{ max-height:1480px; } .sort a{ padding-left:15px; padding-right:15px; margin-left:10px; } } @media screen and (max-width :1050px){ .news .picli{ float:left; width:410px; position: relative; cursor:pointer; overflow:hidden; } .news .right{ margin-left:420px;} .news .right .picli .img{ min-height:150px; max-height:150px; overflow:hidden;} .news .item1 .img img{ width:100%;max-height:403px;min-height:310px;} } @media screen and (max-width :1000px){ body{ min-width:800px; } .box{ width:800px; min-width:800px; } .box1{ width:800px; min-width:800px;} .news{ width:800px;} .foot .box{ width:800px; } .foot .fright{ float:left;} .news .item1 .img img{ max-height:4003px;min-height:0px;} .news .right .picli .img{ min-height:0px; max-height:10000px; } .news .right .picli:nth-child(2n+1){ clear:both} .app_rt a{ color:#FFFFFF} .app_top{ display:block} #header{ display:none;} .header{ display:none} .app_header{ display:block} .app_top{ height:52px; float:left; width:100%;} #pages,#right,.box{ max-width:100%; min-height:0px;} .app_header{display:block; padding:0px 0; width:100%; float:left; height:auto; overflow:hidden; position: fixed; z-index: 22; background-color:rgba(0,0,0,0.8); display:block; top:0px; left:0px; height:50px; } .app_header .app_logo{ width:150px; float:left; padding-top:5px; margin-left:5px;} .app_header .app_logo img{ max-width:100%;} .app_header .morenav{ float:right; display:block; background: #0099FF ; width:40px; height:40px; margin-top:5px; margin-right:10px; line-height:40px; text-align:center; font-size:12px} .app_header .nav{height: 0; overflow: hidden; -webkit-transition: all .2s ease-in; transition: all .2s ease-in;position:relative;z-index:2; border-top:none;} .app_header .navon{height:72px;} } @media screen and (max-width :816px){ #footnav{ display:block} /*.app_rt a{ color:#FFFFFF} .app_top{ display:block} #header{ display:none;} .header{ display:none} .app_header{ display:block} .app_top{ height:52px; float:left; width:100%;} #pages,#right,.box{ max-width:100%; min-height:0px;} .app_header{display:block; padding:0px 0; width:100%; float:left; height:auto; overflow:hidden; position: fixed; z-index: 22; background-color:rgba(0,0,0,0.8); display:block; top:0px; left:0px; height:50px; } .app_header .app_logo{ width:150px; float:left; padding-top:5px; margin-left:5px;} .app_header .app_logo img{ max-width:100%;} .app_header .morenav{ float:right; display:block; background: #0099FF url(app_nav_line.png) no-repeat center center; width:40px; height:40px; margin-top:5px; margin-right:10px;} .app_header .nav{height: 0; overflow: hidden; -webkit-transition: all .2s ease-in; transition: all .2s ease-in;position:relative;z-index:2; border-top:none;} .app_header .navon{height:72px;} */ #cms .list:nth-child(2n+1){ clear:both} .pro{ max-height:1480px; min-height:0px; } #cms .spicli{ width:96%;} blockquote blockquote{ padding:0px; margin:auto;} *,body,.box1,.box{ min-height:0px; min-width:0px;} #cms *,#cms1 *{ max-width:100%; min-height:0px;} #cms,#cms1{min-height:0px;} .box,.box1{ max-width:100%;} .banner .bd li a .img{ display:none} .banner .bd li a img{ display:block; max-width:100%; } /*.banner .bd li{height:100px}*/ #banner{ height:100px; max-width:100%; } #postion{ border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #dddddd; } #postion b{ display:none} #postion>div{ float:left; padding-left:10px;} #main{ border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; } #cms .list{ width:48%; margin-right: 1%; margin-left: 1%; } #cms .list .img,.pro .list .img{ width:100%; height:auto;box-sizing:border-box; -moz-box-sizing:border-box; /* Firefox */ -webkit-box-sizing:border-box;} #cms .list .img img,.pro .list .img img{ height:auto} #cms .li .ntitle{ width:100%;} #cms .li .time{ display:none} .pronav a{ font-size:14px; padding:0px; float:left; width:48%; margin-left:1%; margin-right:1%; margin-bottom:5px; line-height:35px; } .pronav a span{ padding:0px; width:100%; float:left;border: 1px solid #dddddd;} .pronav a.select,.pronav a:hover{ padding:0px;} /*底部*/ .foot{ background-size:auto 100%;} .foot .fright{ display:none} .foot .fleft,.foot .fleft .footnav{ width:100%;} .foot .fleft .footnav>ul>li{ width:31.3333%; padding-left:2%;} .foot .fleft .footnav>ul>li:nth-child(3n+1){ clear:both} .foot .fleft .address,.copy{ float:left; width:96%; padding-left:2%; padding-right:2%;} .bannerin:after,.bannerin .h1{ display:block} /*首页*/ .sort{ padding-bottom:10px; float:left; width:100%;} .sort a{ margin-bottom:5px; float:left; width:48%; margin-left:1%; margin-right:1%; padding:0px;} .pro .picli .dp{ line-height:1.5; height:3em; overflow:hidden;} .adsl { position: absolute; width: 90%; left:0%; top: 0%; padding-left:5%; padding-right:5%; height: 100%; margin-top: 0px; overflow:hidden; } .about.adsl{ top:0px; } .adsl .h1{ font-size:24px; padding-top:10px;} .about.adsl .h1{ padding-top:10%;} .adsl .h2{ font-size:16px; padding-top:5px; padding-bottom:5px;} .adsl .h3{ font-size:12px; padding-bottom:0px; padding-top:0px; line-height:1.5; height:4.5em; overflow:hidden;} .adsl .more{ font-size:14px; padding-top:5px;} .news{ width:100%;} .news *{ max-width:100%;} .news .econtent .right{ margin:auto; float:left; width:100%; padding-top:10px;} .news .right .picli{ margin-left:1.25%; margin-right:1.25%; } .news .picli .title{top:0px;} .news .right .picli .title>div{margin-top: 5%;} #cms .list .text{ display:block} #cms .list:hover .img .text{display:none} #cms .list .item1{ color:#666666} #cms .list .item2{ color:#666666} #cms .list:nth-child(2n+1){ clear:both} #cms .list:nth-child(3n+1){ clear:none} #cms .picli{ width:96%;} #cms .list .img img{max-height:100%; max-width:100%;} .swiper-slides .adsl .swiper-container .swiper-wrapper .swiper-slide img,.swiper-slides .about.adsl img{ max-width:100%; height:auto} .news .item1 .img img{height:auto;} .news .econtent >.picli,.news .econtent >.picli div.img,.news .econtent >.picli div.img img{ width:100%;} .news .econtent>.picli .title>div.more{ display:none} .news .picli .title>div{font-size:14px; line-height:1.5;} .news .econtent >.picli .title>div{ font-size:18x; line-height:1.5;} .bannerin .title{ font-size: 22px; line-height:1.5; margin-top: -50px; } .bannerin .title span.h1{font-size:32px; } .bannerin .title .box>div{ margin-left:50px;} .sortin{ padding-top:10px; background-color:#ffffff;} .pronav a:before{ display:none} .pronav a.select span,.pronav a:hover span{ color: #FFFFFF; background-color: #004A9A; border: 1px solid #004A9A; } .pronav a:after{ display:none} #cms .caseli{ border: 1px solid #eeeeee;overflow:hidden; float: left; width: 48%; margin-left: 2%; margin-bottom: 15px;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; } #cms .caseli:nth-child(3n+1){ clear:none; margin-left:2%;} #cms .caseli:nth-child(2n+1){ clear:both; margin-left:0px;} #cms .caseli .img{ height:120px;} #cms .caseli .dp .ntitle{ min-height:3.6em; } .case{ padding-top:20px; padding-bottom:20px;} .case .caseli .img{float:left; width:100%; height:200px;display: flex; overflow:hidden; justify-content:center; align-items:center;} .case .caseli .img img{ min-height:0%; min-width:0%;max-height:100%; max-width:100%;} .case .caseli .dp{ padding-top:10px; padding-bottom:10px; float:left; width:100%; clear:both;} .news .right .picli .img,.news .right .picli .img img{ min-height:235px; max-height:235px; } } @media screen and (max-width :500px){.news .right .picli .img,.news .right .picli .img img{ min-height:150px; max-height:150px;} @media screen and (max-width :350px){.news .right .picli .img,.news .right .picli .img img{ min-height:100px; max-height:100px;}