@charset "utf-8"; /* CSS Document */ /*新闻中心*/ .wrap{width: 100%;margin-top: 40px;margin-bottom: 65px;} .main{width: 1200px;margin: 0 auto;background: #fff;} .new-left{width: 20%;float: left;} .new-left-1{width: 100%;font-size: 28px;background: #de271f;color: #fff;text-align: center;padding: 10px 0;} .new-left-2{width: 100%;} .new-left-2 ul li{width: 100%;text-align: center;font-size: 20px;border: 1px solid transparent;border-left: 7px solid transparent;transition: .2s ease-out;box-sizing: border-box;padding: 14px 0;} .new-left-2 ul li:hover{/*border: 1px solid #de271f!important;border-left: 7px solid #de271f!important;*/color: #de271f;transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;-webkit-transition: 0.5s;} .where{/*border: 1px solid #de271f!important;border-left: 7px solid #de271f!important;*/color: #de271f;} .btn_lt{background-image: url(/img/product/lt.png)!important;background-size: 100%!important;background-repeat: no-repeat!important;z-index: 999!important;} .btn_rt{background-image: url(/img/product/rt.png)!important;background-size: 100%!important;background-repeat: no-repeat!important;z-index: 999!important;} .new-right{width: 80%;float: right;background: #fff;border-left:20px solid #F7F7F7;box-sizing: border-box;padding: 0 40px;} .new-right-title{border-bottom: 1px solid #666;margin: 0 auto;width: 100%;} .new-right-title h1 a{font-size: 22px;border-bottom: 2px solid #de271f;padding-bottom: 8px;padding-top: 18px;display: block;float: left;} .new-right-content{width: 100%;margin: 0 auto;margin-top:25px;} .content-left{width: 80%;float: left;} .content-right{width: 20%;float: left;} .new-right-block{margin-bottom: 25px;border-bottom: 1px dashed #666;padding-bottom: 15px;} .new-right-block h2{font-size: 20px;color: #000;padding: 10px 0;} .new-right-block h2:hover{color: #de271f;} .new-right-block p{font-size: 16px;line-height: 24px;letter-spacing: 2px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;} .pic-con .more{width: 100%;} .pic-con .more a img{float: left;margin-top: 4px;} .pic-con .more a.more1{font-size: 14px;padding: 10px 0;display: block;float: left;} .pic-con .more a.more1:hover{color:#DE271F;} .pic-con .more span{font-size: 14px;padding: 10px 0;float: right;font-weight: 600;} .new-right .paging{margin: 0 auto;width: 50%;margin-top: 40px;margin-bottom: 40px;} .new-right .paging ul li{float: left;width: 14%;text-align: center;border: 1px solid #DE271F; margin: 0 1%;} .new-right .paging ul li a{font-size: 18px} .new-right-block .more span{font-size: 14px;padding: 10px 0;float: right;font-weight: 600;} /*招聘*/ .new-right-block1{border-bottom: 1px dashed #666;padding-top: 25px;} .new-right-block2{padding-top: 0;} .new-right-block1 .pic{width: 160px;float: left;padding-bottom: 20px;} .new-right-block1 .pic img{width: 100%;display: block;transition: all 0.6s;} .new-right-block1 .pic img:hover{transform: scale(1.1);-ms-transform: rotate(1.1);-moz-transform: rotate(1.1);-webkit-transform: rotate(1.1);-o-transform: rotate(1.1);} .pic-con{float: right;width: 78%;} .new-right-block1 .pic-con a{padding-bottom: 20px;display: block;} .new-right-block1 .pic-con a h2{padding: 0;} .new-right-block1 .pic-con a h2:hover{color: #de271f;} .pic-con p{font-size: 16px;line-height: 24px;letter-spacing: 2px;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;} /*荣誉资质*/ body{position: relative;} .new-right-content .honor{box-sizing: border-box;margin-top: 25px;} .new-right-content .honor .honor-block{width: 100%;overflow: hidden;box-sizing: border-box;} .new-right-content .honor .honor-block ul{margin:0px;padding:0px;float:left;} .new-right-content .honor .honor-block ul li{width: 30.9%;transition: all 0.25s;float: left;box-sizing: border-box;margin: 10px;overflow: hidden;cursor:pointer;display:inline;border: 1px solid #BBB5B5;padding: 5px;} .new-right-content .honor .honor-block ul li img{transition: 0.4s;-moz-transition: 0.4s;-webkit-transition: 0.4s;-o-transition: 0.4s;} .new-right-content .honor .honor-block ul li img:hover{transform: scale(1.1);opacity: 0.7;filter: alpha(opacity=0.7);-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);-ms-transform: scale(1.1);} .new-right-content .honor .honor-block ul li:hover{background: #666;} /*咨询建议*/ .advise{padding:40px 0;} .advise form{padding: 30px 0;background: #FAFAFA;} .advise .inp{width: 90%;margin: 0 auto;} .advise .inp p{padding: 5px 0;} .advise .inp p input{background: #fff;padding: 5px;margin-left: 5px;} .advise form p{width: 90%;margin: 0 auto;} .advise form p textarea{background: #fff;} /*组织架构*/ .group img{width: 100%;} /*品牌展示*/ .group1{width: 100%;padding: 30px 0;margin-top: 30px;} .group1 .pic-txt{width: 100%;position: relative;} .group1 .pic-txt .left-pic{position: absolute;left: 0;width: 40%;float: left;top: 20px;} .group1 .pic-txt .left-pic img{width: 95%;display: block;} .group1 .pic-txt .right-txt{float: right;width: 65%;} .group1 .pic-txt .right-txt .right-txt-box{border-left: 2px solid #de271f;border-radius: 10px;padding: 5px 0;margin: 20px 0;position: relative;} .group1 .pic-txt .right-txt .box1{margin-left: 145px;} .group1 .pic-txt .right-txt .box2{margin-left: 55px;} .group1 .pic-txt .right-txt .box3{padding: 15px 0;} .group1 .pic-txt .right-txt .right-txt-box p{font-size: 16px;padding: 10px 10px;} .group1 .pic-txt .right-txt .right-txt-box .line{height: 1px;width: 80px;border-bottom: 1px solid #F29C9F;position: absolute;left: -100px;top: 50px;} .team{width: 100%;} .team span{font-size: 18px;font-weight: 600;margin: 15px 0;display: block;text-align: center;} .team .txt-chart{padding-bottom: 40px;border-bottom: 1px dashed #666;} .team .txt-chart .txt{width: 48%;float: left;} .team .txt-chart .txt p{font-size: 16px;letter-spacing: 2px;text-indent: 36px;float: left;} .team .txt-chart .chart{float: right;width: 50%;} .team .txt-chart .chart img{width: 100%;} .team .expert{width: 100%;margin-top:40px;} .cs-style-3{width: 33.33%;float: left;position: relative;display: inline-block;overflow: hidden;margin-bottom: 40px;} .cs-style-3 figure {overflow: hidden;display: block;-webkit-margin-before: 0;-webkit-margin-after: 0;-webkit-margin-start: 10px;-webkit-margin-end: 10px;} .cs-style-3 p{font-weight: 600;font-size: 16px;text-align: center;color: #fff;line-height: 55px;} .cs-style-3 figure img {-webkit-transition: -webkit-transform 0.4s;-moz-transition: -moz-transform 0.4s;transition: transform 0.4s;width: 100%;} .no-touch .cs-style-3 figure:hover img, .cs-style-3 figure.cs-hover img {-webkit-transform: translateY(-50px);-moz-transform: translateY(-50px);-ms-transform: translateY(-50px);transform: translateY(-50px);} .cs-style-3 figcaption {height: 57px;width: 266px;top: auto;bottom: 0;opacity: 0;-webkit-transform: translateY(100%);-moz-transform: translateY(100%);-ms-transform: translateY(100%);transform: translateY(100%);-webkit-transition: -webkit-transform 0.4s, opacity 0.1s 0.3s;-moz-transition: -moz-transform 0.4s, opacity 0.1s 0.3s;transition: transform 0.4s, opacity 0.1s 0.3s;border-top-left-radius: 4px;border-top-right-radius: 4px;} .expert figcaption{position: absolute;background: rgba(0, 0,0,0.8);} .no-touch .cs-style-3 figure:hover figcaption, .cs-style-3 figure.cs-hover figcaption {opacity: 1;-webkit-transform: translateY(0px);-moz-transform: translateY(0px);-ms-transform: translateY(0px);transform: translateY(0px);-webkit-transition: -webkit-transform 0.4s, opacity 0.1s;-moz-transition: -moz-transform 0.4s, opacity 0.1s;transition: transform 0.4s, opacity 0.1s;} .cs-style-3 figcaption a {position: absolute;bottom: 20px;right: 20px;} .cs-style-3 p.name{color: #383838;font-size: 18px;} /*研发中心*/ .research{margin-bottom: 35px;} .research p{font-size: 16px;text-indent: 36px;letter-spacing: 2px;padding-bottom: 10px;line-height: 1.6;} .research img{width: 100%;display: block;padding-bottom: 10px;} /*发展历程*/ .history{min-height: 100px;background: url(../img/yz/line.gif) center repeat-y;padding-top: 25px;position: relative;} .history .bg1{position: absolute;left: 50%;top: 0px;width: 20px;margin-left: -10px;background: #FFF;height: 53px;} .history li{min-height: 140px;position: relative;} .history li:hover{background: #de271f;color: #fff;} .history li:hover .time1{color: #fff;transition: 0s;} .history li .time:hover{color: #fff;} .history .time{position: absolute;top: 18px;right: 50%;text-align: right;padding-right: 35px;background: url(../img/yz/img7.png) right 10px no-repeat;margin-right: -3px;color: #666;} .history .time1{position: absolute;top: 18px;left: 50%;text-align: right;padding-left: 30px;background: url(../img/yz/img7.png) left 10px no-repeat;margin-left: -3px;color: #666;} .history .time div{font-size: 22px;padding-bottom: 8px;position: relative;left: 3px;} .history .time1 div{font-size: 22px;padding-bottom: 8px;position: relative;left: 3px;} .history .imgdiv{right: 50%;top: 5px;position: absolute;opacity: 0;filter: alpha(opacity=0);} .history .content{font-size:14px; line-height:24px;position:absolute;left: 50%; z-index:2; color:#666;padding: 20px;} .history .content1{font-size:14px; line-height:24px;position:absolute;right: 50%; z-index:2; color:#666;padding: 20px;} .imgdiv img, .history li div{transition: All 0.5s ease;-webkit-transition: All 0.5s ease;-moz-transition: All 0.5s ease;-o-transition: All 0.5s ease;} .slide-Bon{bottom: 0px;opacity: 1;filter: alpha(opacity=1);} .slide-B{position: relative;bottom: -50px;opacity: 1;filter: alpha(opacity=0);transition: All 1s ease;-webkit-transition: All 1s ease;-moz-transition: All 1s ease;-o-transition: All 1s ease;} .history li.on .bg{background:#f2c058; opacity:1; filter:alpha(opacity=1);-moz-box-shadow:0 3px 10px rgba(0,0,0,0.23);-webkit-box-shadow:0 3px 10px rgba(0,0,0,0.23);box-shadow:0 3px 10px rgba(0,0,0,0.23);} .history li.on .time{background:url(../img/ico3.png) right center no-repeat; padding-right:260px; color:#fff;} .history li.on .content{color:#FFF;} .history li.liOdd.on .time{padding:0 0 0 260px; background:url(../img/ico3.png) left center no-repeat;} .history li.on .imgDiv{opacity:1; filter:alpha(opacity=1);} /*联系我们*/ .call-content{} .call-content h2{text-align: center;padding: 18px 0;font-size: 36px;} .call-content .call-block{border-bottom: 1px solid #666;margin-bottom: 8px;} .call-content .call-block .call-block-left{width: 50%;float: left;padding-left: 50px;padding-bottom: 20px;} .call-content .call-block .call-block-right{width: 50%;float: right;padding-right: 50px;} .call-content .call-block .call-block-right img{float: right;margin-top: 12px;} .call-content .call-block .call-block-left p{padding: 12px 0;font-size: 16px;} .ditu{} /*质量管理*/ .tech-nr-img{width: 100%;float: left;} .tech-nr-img img{width: 100%;margin-top: 15px;padding: 10px 0;box-sizing: border-box;display: block;} .tech-nr-wz{padding: 40px 0;} .tech-nr-wz p{font-size: 16px;text-indent: 36px;letter-spacing: 2px;padding-bottom: 10px;line-height: 1.6;} /*生产与设备*/ .tech-nr-img1{padding-bottom:40px;width: 100%;margin: 0 auto;float: none;} .tech-nr-img1 p{font-size: 16px;padding: 10px 0;text-indent: 38px;letter-spacing: 2px;} .tech-nr-img1 img{width: 80%;margin: 0 auto;} /*视频展示*/ .video{width: 80%;margin: 0 auto;padding-top: 30px;} .video video{width: 100%;} .imglist ul li{width: 25%;float:left;padding: 20px 0;} .imglist ul li video{width: 100%;display: block;padding: 5px;} .imglist ul li span{padding: 15px 0;display: block;} .head{width:100%;background-color:#dd251b;} .head-center{width:80%;margin:0 auto; } /*.logo{float:left;margin:0 0;} .logo img{width:60%;}*/ .head-font{float:left;width: 35%;margin-top:58px;margin-left:9%;} .head-font ul{width: 100%;} .head-font ul li{float:left;width:25%;text-align:center;color:#FFF;margin-left:2px; border-right:1px solid #FFF;font-size:16px;} .Chinese-English{float:right;width:10%; background-color:#039;margin:-18px 30px;} .Chinese-English .Chinese{width:50%;float:left;font-size:10px;text-align:center;background-color:#bdb7b7;} .Chinese-English .English{width:50%;float:left;font-size:10px;text-align:center;background-color:#FFF;} .clear{clear:both;} /*.nav{width:100%;}*/ .nav .nav-center{width:80%;margin:0 auto;} .nav-center ul li{width:14%;float:left;text-align:center;font-size:16px; font-weight:600;padding:21px 0;} .nav-center ul li:hover{color:#F00;} .main{width:100%;background-color:#f7f7f7;} .banner{width:100%;} .banner img{width:100%;} .war{width:1200px;margin: 0 auto;background: #fff;margin-bottom: 65px;} .war01{width:20%;float:left;} #lihead{text-align:center;font-size:24px;color:#FFF;background-color:#F00;padding:16px 0;border-left:5px solid #F00;border-bottom:1px solid #F00;} .war02{width: 80%;float: left;box-sizing: border-box;border-left: 20px solid #F7F7F7;padding: 0 40px;} .war02-title{border-bottom: 1px solid #bfbfbf;margin-top:20px;} .war02-title h1 a{font-size: 22px;border-bottom: 2px solid #de271f;padding-bottom: 8px;padding-top: 18px;display: block;float: left;} .war02-font1 h1 a{font-size: 22px;border-bottom: 2px solid #de271f;padding-bottom: 8px;padding-top: 18px;display: block;float: left;} .war02-font1{width:8%;font-size:18px;border-bottom:3px solid #F00;margin-left:21px;padding-bottom: 4px;} .war02-img{width:100%;} .war02-img img{width:75%;} .war02-img-left{width:65%;float:left;margin-left:65px;margin-top:40px;} .war02-img-right{width:14%;float:left;margin-top:45px;} .war02-img-right ul li{width:100%;border:1px solid red;margin-bottom:10px;overflow:hidden;} .war02-img-right ul li img{width:100%;margin:-6px -1px;} /*切换*/ .war02-img .max-pic{width: 50%;float: none;box-sizing: border-box;padding: 40px;margin: 0 auto;} .war02-img .max-pic .max-pic1{} .war02-img .max-pic .max-pic1 img{width: 100%;} .war02-img .min-pic{display: none; width: 20%;float: left;box-sizing: border-box;padding: 40px 0;padding-right: 40px;margin-top: 40px;} .war02-img .min-pic ul{} .war02-img .min-pic ul li{margin: 5px 0;border:1px solid #BBBABA;width: 100%;box-sizing: border-box;overflow: hidden;} .war02-img .min-pic ul li:hover{border: 1px solid #de271f;transition: 0.4s;-moz-transition: 0.4s;-webkit-transition: 0.4s;-o-transition: 0.4s;} .war02-img .min-pic ul li img{width: 100%;box-sizing: border-box;display: block;padding: 3px;transition: all 0.4s;} .pic-l{border: 1px solid #de271f!important;box-shadow: 0px 0px 15px 0px #7D7676;} /*切换结束*/ .war02-img .min-pic ul li:hover img{transform: scale(1.1);-ms-transform: rotate(1.1);-moz-transform: rotate(1.1);-webkit-transform: rotate(1.1);-o-transform: rotate(1.1);transition: 0.4s;} .clearfix:after{content: "";height: 0;display: block;clear:both;} .pic-box{width: 50%;float:left;height: 500px;overflow: hidden; margin-top:10px; margin-left: 80px;} .pic-box img{width: 100%;display: block;} /*.swiper-container {width: 100%;height: 300px;margin-left: auto;margin-right: auto;} .swiper-slide {background-size: cover;background-position: center;}*/ .gallery-top {height: 80%;width: 100%;} .gallery-thumbs {height: 20%;box-sizing: border-box;padding: 10px 0;} .gallery-thumbs .swiper-slide {width: 25%;height: 20%;height: 30%;} .gallery-thumbs .swiper-slide-active {opacity: 1;} .btn-box{width: 20%; height: 432px;right: 0;} .swiper-wrapper{display: block;} .btn-cont{ top: 0px;} .btn-cont .swiper-slide{width: 100%;} .new-left-2 ul li.this{/*border: 1px solid #de271f!important;border-left: 7px solid #de271f!important;*/color: #de271f;transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;-webkit-transition: 0.5s;} .group p{margin: 10px 0;} .box-con{padding: 10px;box-sizing: border-box;} .box-con p{padding: 8px 0; font-size: 16px;} .huadong{width:100%;margin:0 auto;} .hidden{display:none;} .scrollUl{width:100%;margin:0 auto;overflow:hidden;} .scrollUl li{width:33.3%;text-align:center;line-height:35px;float:left;cursor:pointer; border:1px solid #e9e9e9; font-size:16px;box-sizing: border-box;margin: -1px -1px 0 0;background-color: #f7f7f7;} .scrollUl li:hover{ color:red;} .sd01{font-size:14px;color:red;} .sd02{font-size:12px;} #c01{width:100%;} #c02{width:100%;} #c03{width:100%;} #c04{width:100%;} #c05{width:100%;} .c01-font{margin:5px 10px;font-size:16px;} .war02-content{line-height: 1.6;padding: 8px 6px;font-size: 16px;box-sizing: border-box;} .war02-img02{width:100%;} .war02-img02-conter{width:60%;margin:30px auto;} .war02-img02-conter img{width:100%;} /*轮播CSS 开始*/ .content-main{ position: relative; width: 800px;background: #bbb9b9; margin-left: auto; margin-right: auto; margin-top: 50px; } .content-btn{position: absolute;width:100px;background: rgba(150,150,150,0.5);z-index:10;cursor:pointer;} .prev-btn{left:0;top:0;} .next-btn{right:0;top:0;} .btn-img{opacity:0.8;display: block;position: absolute;left:0;top:50%;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);} .content-btn .list{width:800px;} .content-main .list li{position: absolute;left:0;top:0;overflow: hidden;} .content-main ul li img{width: 100%;} /**/ .slideBox{ width:100%; overflow:hidden; position:relative; border:1px solid #ddd;margin:0 auto; display:none; } .slideBox .hd{overflow:hidden; position:absolute; right:18px; bottom:5px; z-index:1; } .slideBox .hd ul{ overflow:hidden; zoom:1; float:left; } .slideBox .hd ul li{ float:left; margin-right:66px; width:15px;line-height:14px; text-align:center; background:#fff; cursor:pointer; } .slideBox .hd ul li.on{ background:#f00; color:#fff; } .slideBox .bd{ width:100%; margin:0 auto; } .slideBox .bd li{ width:100%;overflow:hidden;margin:0 auto; } .slideBox .bd img{ width:100%;display:block; } /* 下面是前/后按钮代码,如果不需要删除即可 */ .slideBox .prev, .slideBox .next{ position:absolute; left:3%; top:296%; margin-top:0; display:block; width:32px;background:url(../imgs/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5; } .slideBox .next{ left:auto; right:3%; background-position:8px 5px; } .slideBox .prev:hover, .slideBox .next:hover{ filter:alpha(opacity=100);opacity:1; } .slideBox .prevStop{ display:none; } .slideBox .nextStop{ display:none; } /* */ /*轮播CSS 结束*/ .war02-content{width:90%;margin:25px auto;font-size:16px;} .group{font-size:16px; margin:6% 8%;} input{border:1px solid #ccc;margin-right:60px;padding: 6px 10px;margin-left: 10px;} select{margin-right:15px;margin-left: 14px;} .textarea-title{float:left;} textarea{border:1px solid #ccc;margin:0 0;float:left;width:76%;margin-left: 3px;resize: none;} .nue{font-size:16px; margin:6% 18%;} #nue1{background-color:#F00;font-size:16px;color:#FFF;margin-right:0;padding: 2px 6px;outline: none;border: none;border-radius: 2px;} #nue2{background-color:#ccc;font-size:16px;color:#FFF;margin-right:0;padding: 2px 6px;outline: none;border: none;border-radius: 2px;} .nue input{cursor: pointer;} .list-img{width:100%;margin-bottom: 30px;} /*.list-img-main{width:25%;float:left;margin-top:40px;}*/ .list-img-01{width:100%;} .list-img-02{width:100%; text-align:center;font-size:14px;margin-bottom: 6px;} .list-img-03{width:45%;margin:0 auto;text-align:center;font-size:14px; background-color:#F00; color:#FFF; border-radius:8px;} .footer{width:100%;} .footer-logo{width:20%;font-size:20px;float:left;color:#FFF;padding:10px 145px;} .footer-font{width:20%;font-size:16px;float:right;color:#FFF;padding:15px 0px;} .item{float: left;width: 100%} .foot-bg{background: #F0F0F0;} .foot-bg .foot-about{width: 1200px;margin: 0 auto;padding: 25px 0;} .foot-bg .foot-about .foot-about-left{width: 684px;float: left;margin-left: 15px;} .foot-bg .foot-about .foot-about-left h1{font-size: 24px;font-weight: 600;color:#424242;} .foot-bg .foot-about .foot-about-left h1 a{border-bottom: 1px solid #de271f;padding-bottom: 10px;} .foot-bg .foot-about .foot-about-left p{margin-top: 25px;border-top: 1px dashed #de271f;font-size: 14px;line-height: 22px;letter-spacing: 2px;} .foot-bg .foot-about .foot-about-left p span{font-weight: 600;color: #000;} .foot-bg .foot-about .foot-about-right{width: 320px;margin-left: 160px;float: left;box-sizing: border-box;margin-top: 60px;} .foot-bg .foot-about .foot-about-right li{width: 29%;float: left;padding: 0 6px;text-align: center;font-size: 14px;color: #5e5e5e;} .foot-bg .foot-about .foot-about-right li a{display: block;border-top: 1px dashed #de271f;padding: 7px 0;} .foot-bg .foot-about .foot-about-right li a.bt{border-bottom: 1px dashed #de271f;} .foot-bg .foot-about .foot-about-right li a:hover{color:#de271f;} .foot-banquan{width: 1200px;margin: 0 auto; padding-bottom: 30px;} .foot-banquan p{float: right;font-size: 14px;padding-right: 20px;color: #585858;} .slideBox{display:none;} .this{color: #de271f!important;} @media(max-width: 1199px){ .logo{width: 100%;} .nav{width: 100%;} .war{width: 100%;} .foot-big{width: 80%;} .rt-pic{position: absolute;right: 10px;} .war01{width: 100%;} .war01 ul li{width:33.33%;box-sizing: border-box;font-size:16px;float: left;} .war02{width:100%;margin-left:0;padding: 0 10px;border-left: 0;border-top: 15px solid #f7f7f7;} .war02-title{margin-top:0;} .war02-font1{width:20%;} } @media screen and (min-width:768px) and (max-width:1023px){ .war01{float:none;width:100%;height:100%;} .logo .logo-left{width: 50%!important;} .mobile-inner-nav1{top: 2.5%!important;} .war01 ul li{width:33.33%;box-sizing: border-box;font-size:16px;float: left;} .war02{width:100%;margin-left:0;padding: 0 10px;border-left: 0;border-top: 15px solid #f7f7f7;} .war02-title{margin-top:0;} .war02-font1{width:20%;} .war02-img{width:100%;} .list-img-01 img{width: 100%} .list-img-main{width:50%;} .footer-logo{padding:22px 34px;} .footer-font{width:37%;padding:22px 0;} .foot-bg .foot-about{width:100%;} .foot-bg .foot-about .foot-about-left{width:100%;float:left;margin-left:0;} .foot-bg .foot-about .foot-about-right{margin-left:0;} .foot-banquan{width:100%;} .slideBox{display:block;} .content-main{display:none;} .slideBox .hd{display:none;} .slideBox .prev, .slideBox .next{top:269%;} .war02-content{margin-top:10px;} .lt-logo{position: absolute;left: 0} .foot-nav{width: 61%;margin-left: 20%;} .foot-big{margin-left: 20%;} .foot-last p{text-align : center;} } @media screen and (min-width:321px) and (max-width:767px){ html{ overflow-x:hidden;} .head-font{width:89%;margin-top:-34px;margin-left:37%;} .head-font ul li{width:20%;font-size:10px;} .new-left-1{font-size: 24px;} .new-left .new-left-2 ul li{width: 50%!important;float: left;box-sizing: border-box;} .new-left-2 ul li{font-size: 18px;} .logo img{width:100%;} .Chinese-English{margin:-32px -30px;} .nav .nav-center{width:100%;} .nav-center ul li{width:25%;font-size:16px;padding:8px 0;} /*.banner{height:150px;}*/ .war{width:100%;} .war01{float:none;width:100%;height:100%;} #lihead{width:100%;} .war01 ul li{width:33.33%;box-sizing: border-box;font-size:16px;float: left;} .war02{width:100%;margin-left:0;padding: 0 10px;border-left: 0;border-top: 15px solid #f7f7f7;} .war02-title{margin-top:0;margin-bottom: 20px;} .war02-font1{width:20%;} .war02-img{width:100%;} .scrollUl li{width:33.33%;} .c01-font{font-size:16px;} input{margin-right:66px;margin-top:18px;} select{margin-right:0px;} .nue{margin:-5% 8%;} .list-img-main{width:50%;} .footer-logo{padding:22px 34px;} .footer-font{width:37%;padding:22px 0;} .foot-bg .foot-about{width:100%;} .foot-bg .foot-about .foot-about-left{width:100%;float:left;margin-left:0;} .foot-bg .foot-about .foot-about-right{margin-left:0;} .foot-banquan{width:100%;} .slideBox{display:block;} .content-main{display:none;} .slideBox .hd{display:none;} .slideBox .prev, .slideBox .next{display:none;} .war02-img .max-pic{width: 100%;padding: 0 40px;} .war02-img .min-pic{width: 100%;padding-right: 0;margin-top: 0; } .war02-img .min-pic ul li{width: 33.33%;float: left;} .war02-content{width: 100%;margin: 0;} .new-left{width: 100%;} } @media screen and (max-width:320px){ .war{width: 100%;} .war01{width: 100%;} .new-left-1{font-size: 24px;} .new-left-2 ul li{font-size: 18px;} .war01 ul li{width: 33.33%;float: left;} .war02{width: 100%;border-left: 0;border-top: 15px solid #f7f7f7;padding: 0 10px;} .war02-img .max-pic{width: 100%;padding: 0 40px;} .war02-img .min-pic{width: 100%;padding-right: 0;margin-top: 0; } .war02-img .min-pic ul li{width: 33.33%;float: left;} .box-con{padding: 0;} .war02-content{width: 100%;margin: 0;} .war02-title{margin-top: 0;} .list-img-main{width: 50%;margin-top: 20px;} .list-img-01 img{width: 100%;display: block;} .mobile-inner-nav1{top: 2%!important;} } @media(max-width: 1023px){ .nav_menu{display: none;} .logo .logo-right{display: none;} }