@charset "utf-8";


@media only screen and (max-width:1280px){
    .main-width{width:18rem;}
    .other-banner{margin-top:50px;}
    .header .nav .drop-down{width:100%;border-top: none;}
    .header .nav li:hover i{display: none;}
    .header .nav > ul > li{margin-left:10px;}
    .m-Top{margin-top:54px;}
    .header{height:14px;box-shadow:none;}
    .header .logo .pic a img{width: auto;height: 31px;}
    .header .logo{position:fixed;top:0;left:0;width:100%;height:50px;padding:0 .9rem;box-sizing:border-box;background-color:#fff;box-shadow:0 0 5px #999;z-index:9999;box-shadow:0 0 5px #999;}
    .header .logo .pic{float:left;height:32px;margin-top:10px;top:0.302vw; width:auto;}
    .header .logo .phone-menu{display:block;}
    .header .nav{position:fixed;left:0;top:-350px;width:100%;padding:0 .9rem;box-sizing:border-box;background-color:#fff;z-index:999;transition:all .4s;padding-bottom: 20px;}
    .header .nav > ul > li{float:none;margin:0;padding:0;line-height:40px;border-bottom:1px solid #ccc;width: 100%;font-size: 24px;text-align: left;}
    .header .nav > ul > li a{display:block;padding-left:15px;color:#151515;font-size: 16px;line-height: 40px;}
    .header .nav > ul > li.active a{background-color:#005bac;color:#fff;}
    .header .nav > ul > li .drop-down{display:none !important;}

    .header .nav li.search{width:100%;padding:5px 0;margin-left:0;}
    .header .nav li.search .box{width:100% !important;height: 40px;}
    .header .nav li.search .box .text{display:block !important;width:calc(100% - 80px);line-height: 40px;font-size: 12px;padding: 0 10px;}
    .header .search .box .sub{width:80px;;}
    .header.active .nav{top:50px;}
    .header.active .nav.onsear{top:-155px;}
    #header .nav > ul > li{line-height: 40px;}
    #header .logo .pic a img{transform:scale(1);}
    /*   index1*/
    .banner .slidebox .slidelist{display: none;}
    .banner{margin-top: 35px;}
     .index1{height:20rem;}
     .index1 .left,.index1 .right{width:100%;}
     .index1 .left .h1{font-size: 40px;line-height: 40px;}
     .index1 .left p{padding:20px;font-size: 16px;line-height: 24px;padding-right: 0px;padding-left: 0px;}
     .index1 .left .input{width:200px;font-size: 14px;line-height: 40px;height:40px;}
     .index1 .right{height:auto;margin-top:50px;}
 
      /*   index2*/
    .index2{height: 100px;}
    .index2 li{height:100px;}
    .index2 li .img{width:68px;}
    .index2 li .p p{font-size: 16px;}
    .index2 li .p p span{width: 13px;position: relative;display:inline-block;height: 30px;overflow: hidden;font-size: 16px;}
    .index2 li .p .span{font-size: 14px;line-height: 18px;}
    .index3 .pre, .index3 .next{display: none;}
    /*   index3*/
    .index3{height:55.416666vw;}
    .index3 li{}

     /*   index4*/
    .index4{height:86.4583333vw;}
    .index4 li{width:90%;height:15.4166666667vw;}
    .index4 li .right h1{font-size: 16px;}
    .index4 li .right p{font-size: 12px;line-height: 20px;}

   /*   index5*/
    .index5 li{width:47%;margin-left: 2%;margin-top: 20px;}
    .index5 li .down{margin-top: 20px;}
    .index5 li .down .span{height:20px;}
    .index5 li .down .p{font-size: 16px;line-height: 20px;}
    /*   index6*/
    .index6{height:110vw;}
    .index6 .left{width:100%;}
    .index6 .right{width:100%;margin-left: 0px;margin-top: 20px;}
    .index6 .right li{height:20vw;margin-bottom: 20px;}
   /* footer*/
   .footer .top{height:140px;}
   .footer .top .width .left{width:193px;height:39px;margin-left: calc(50% - 96.5px);}
   .footer .top .width .right{width:100%;}
   .footer .top .width .right input{height:40px;}
   .footer .down{height:auto;}
   .footer .li1, .footer .li2,.footer .li3,.footer .li4{width:100%;margin-left: 0px;}
   .footer h2{font-size: 24px;}
   .footer li{font-size: 14px;line-height: 24px;}
   .footer .index{height:50px;}
   .footer .index p{font-size: 14px;line-height: 50px;}


   .main-contact .index .right .text .p h4{width:auto;}
   .pro-index4 .pre, .pro-index4 .next{display: none;}
   .pro-list2 .right{width:70vw;}
}
@media only screen and (max-width:780px){

    .header .nav > ul > li .drop-down{position:fixed;z-index: -1;opacity: 0;display: none;}
    .banner .slidebox .prev,.banner .slidebox .next{display: none;}
    .index1{height:auto;}
.index3 .indeximg{ background:#f1f1f1;}
    .index2{height:300px;}
    .index2 li{width:100%;}
		.pro-index4 li .li-img img{ height:100px;}
    .index2 li .p p{margin-top: 30px;}
    .index2 li .p{margin-left: 30px;}
    .index2 li .img{padding-top: 4.502083333vw;}
    .index3{height: auto;}
    .index3 .top h1{font-size: 24px;margin-top: 20px;}
    .index3 .top p{margin-top: 15px;font-size: 14px;}
    .index3 li{width:48%;margin-left: 0;margin-top: 20px;padding-bottom: 5px; float:left;}
		.index3 li:nth-child(9){ display:none;}
		.index3 li .img img{ height:100px;}
    .index3 li .down p{line-height: 24px;font-size: 16px;}
    .index3 li .down .input{font-size: 14px;line-height: 24px;}
    .index4{height:1200px;overflow: hidden;}
    .index4 .top .h1{font-size: 20px;width: 170px;margin-top: 20px;float: left;margin-left: calc(50% - 85px);}
    .index4 .top p{font-size: 14px;/* padding:5px; */width:100%;float: left;}
    .index4 li{height:auto;padding-bottom: 20px;}
    .index4 li .left{width:60%;margin-left: 20%;}
    .index4 li .right{width:90%;margin-left: 5%;}
    .index4 li .left .img{width:30%;margin:35%;margin-top: 10vw;margin-bottom: 10vw;}
    .index4 ul{width:100%;}
    .index4 li{margin-left: 5%;}
    .index6 .top{margin-top: 50px;}
    .index6{height: auto;margin-top: 20px;}
    .index6 .top .h1{font-size: 20px;width:150px;margin-left: calc(50% - 75px);}
    .index6 .top p{font-size: 14px;/* margin:3vw; */}
    .index6 .right li{height: 120px;}
    .index6 .right li .h1,.index6 .right li p{font-size: 14px;}
    .footer .top{height:290px;}
    .footer .top .width .left{margin-top: 30px;}
    .footer .top .width .right .text,.footer .top .width .right .text1,.footer .top .width .right .submit{width:100%;margin-left: 0;margin-top: 5px;}
    .footer .top .width .right .text,.footer .top .width .right .text1{padding-left: 10px;}
		.footer .top .width .right .text,.footer .top .width .right img{ width:auto;}

    .products-banner,.pro-index1{margin-top: 50px;}
    .pro-list1{height:50px;}
    .pro-list1 p{line-height: 50px;text-align: left;font-size: 12px;margin-top: 0;}
    .pro-list1 p a{padding:0 5px;}
    .pro-list2 .left,.pro-list2 .right{width:100%;}
    .pro-list2 .left .h1{height:45px;line-height: 45px;font-size: 18px;position: relative;}
    .pro-list2 .left .h1 i{width: 28px;height: 18px;background: url(../images/all-icon1.png) no-repeat -5px -45px;cursor: pointer;position: absolute;right:10px;top:11px;display: block;}
    .pro-list2 .left .left-ul{height:0px;overflow: hidden;border-bottom: none;}
    .pro-list2 .left .left-ul p{font-size: 14px;line-height: 40px;}
    .pro-list2 .left .left-ul p i{width:12px;height:6px;top:17px;right:14px;}
    .pro-list2 .left .left-ul li{font-size: 14px;line-height: 40px;height:40px;padding-left: 20px;}
    .pro-list2 .left .left-ul li i{width:11px;height:11px;top:14.5px;}
    .pro-list2 .right li{width:47%;margin-right: 3%;padding:10px;margin-bottom: 20px;}
    .pro-list2 .right{margin-top: 20px;}
    .pro-list2 .right li .p{height:30px;line-height: 30px;font-size: 12px;padding:10px 0;}
    .pro-list2 .right li .button{width:100px;height:25px;line-height: 25px;font-size: 12px;margin-left: calc(50% - 50px);}

    .pro-index1{height:45px;}
    .pro-index1 p{line-height: 45px;font-size: 12px;}
    .pro-index2{margin-top: 30px;overflow: hidden;}
    .pro-index2 .slide-pro,.pro-index2 .right{width:100%;}
    .pro-index2 .slide-pro{padding-bottom: 4.5rem;}
    .pro-index2 .right{margin-top: 20px;}
    .pro-index2 .slide-pro .slide-pic,.pro-index2 .slide-pro .slide-pic li{width:18rem;height:auto;margin-left: 0;}
    .pro-index2 .slide-pro .slide-dot{top:unset;width:18rem!important;left:50%;transform:translateX(-50%);bottom:0;height:4.1rem;}
    .pro-index2 .slide-pro .slide-dot ul li{width:4rem;float: left;height:auto;margin-right: 0.5rem;}
    .pro-index2 .slide-pro .slide-dot ul li img{width:100%;height:auto;}
    .pro-index2 .right h2{line-height: 30px;font-size: 16px;}
    .pro-index2 .right p{line-height: 24px;font-size: 14px;padding-top: 10px;}
    .pro-index2 .right .right-ul, .pro-index2 .right .right-ul1{margin-top: 20px;}
    .pro-index2 .right .right-ul h4, .pro-index2 .right .right-ul1 h4{font-size: 16px;line-height: 30px;margin-bottom: 10px;}
    .pro-index2 .right .right-ul li{width:100%;line-height: 30px;font-size: 14px;padding-left:20px;}
    .pro-index2 .right .right-ul li i{width:10px;height:10px;left:5px;top:10px;}
    .pro-index2 .right .right-ul1 li{width:100%;line-height: 30px;font-size: 14px;}
    .pro-index2 .right .button{width:150px;line-height: 40px;height:40px;font-size: 14px;margin-top: 20px;}
    .pro-index3{margin-top: 20px;}
    .pro-index3 h1,.pro-index4 h1{line-height: 50px;font-size: 18px;}
    .pro-index3 .table th{font-size: 14px;line-height: 24px;padding-left: 20px;}
    .pro-index3 .table td{font-size: 14px;line-height: 24px;}
    .pro-index4{margin-bottom: 30px;margin-top: 30px;}
    .pro-index4 li{width:47%;margin-right: 3%;margin-bottom: 10px;padding:10px;}
    .pro-index4 li p{padding:10px 0;font-size: 12px;line-height: 24px;}
    .pro-index3 .table{min-width: 100%;}
    .pro-index3 .table table{min-width:1000px;}

    /*新闻列表*/
    .main-news .head .right{width:100%;text-align: left;line-height: 40px;font-size:14px;margin:10px 0;}
    .main-news .head .left{width:100%;}
    .main-news .head .left li{width:auto;line-height: 30px;margin-top: 10px;font-size: 14px;margin-right: 10px;border-bottom: solid 5px white;margin-bottom: 5px;}
    .main-news .head .left li:hover,.main-news .head .left li.on{border-bottom: solid 5px #da251c;}
    .main-news .index li{margin-top: 40px;}
    .main-news .index li .img{width:100%;}
    .main-news .index li .text{width:100%;margin-left: 0;padding-bottom:20px;}
    .main-news .index li .text .data{line-height: 30px;font-size: 14px;}
    .main-news .index li .text h4{line-height: 30px;font-size: 16px;}
    .main-news .index li .text p{line-height: 24px;font-size: 14px;}
    .main-news .index li .text a.button{width:120px;line-height: 35px;font-size: 14px;}


    /*联系我们页面*/
    .main-contact .index{width:100%;margin-left: 0;}
    .main-contact .head{line-height: 30px;font-size: 14px;text-align: left;margin:15px 0 20px 0;}
    .main-contact .head a{margin: 0 5px;}
    .main-contact .index .left{width:100%;}
    .main-contact .index .left h3{line-height: 40px;font-size: 18px;}
    .main-contact .index .left p{padding:15px 0;line-height: 20px;font-size: 12px;}
    .main-contact .index .left .p{line-height: 30px;font-size: 16px;}
    .main-contact .index .left input{line-height: 30px;font-size: 14px;margin-bottom: 20px;}
    .main-contact .index .left textarea{height:100px;line-height: 30px;font-size: 14px;margin-bottom: 20px;}
    .main-contact .index .left .button{width:120px;line-height: 35px;font-size: 14px;}
    .main-contact .index .right{width:100%;}
    .main-contact .index .right .text{margin:20px 0;}
    .main-contact .index .right .text h3{line-height: 40px;font-size: 18px;}
    .main-contact .index .right .text .p h4{line-height: 24px;font-size: 14px;}
    .main-contact .index .right .text .p p{line-height: 24px;font-size: 14px;padding-left: 60px;}
    .main-contact .index .right .text .p1{margin-top: 20px;line-height: 24px;font-size: 14px;}
    .animate{height: auto;}

    /*公司介绍页面*/
    .main-about .head .right{width:100%;text-align: left;line-height: 40px;font-size:14px;margin:10px 0;}
    .main-about .head .left{width:100%;}
    .main-about .head .left li{width:50%;line-height: 30px;margin-top: 10px;font-size: 14px;margin-right: 0;border-bottom: solid 5px white;margin-bottom: 5px;text-align: left;}
    .main-about .head .left li:hover,.main-about .head .left li.on{border-bottom: solid 5px #da251c;}
    .corp .index .text{margin-top: 20px;}
    .corp .index .text h2{line-height: 30px;font-size: 24px;}
    .corp .index .text p{line-height: 24px;font-size: 14px;padding:10px 0;}
    .corp .index .text .img ul,.corp .index .text .img ul li{width:100%;margin-right: 0;margin-bottom: 10px;}
    .corp .index .text1 li{width:100%;margin:25px 0;height:100px;}
    .corp .index .text1 li.on{border:none;}
    .corp .index .text1 li h3{line-height: 30px;font-size: 18px;}
    .corp .index .text1 li p{line-height: 24px;font-size: 14px;}
    .corp .index .text3 li{width:100%;margin:20px 0;}
    .corp .index .text3 li .img{width:60px;}
    .corp .index .text3 li .txt{margin-left: 20px;}
    .corp .index .text3 li .txt h3{line-height: 30px;font-size: 18px;}
    .corp .index .text3 li .txt h3 span{width:20px;line-height: 30px;}
    .corp .index .text3 li .txt p{line-height: 30px;font-size: 14px;}

    /*荣誉页面*/
    .corhon .index .text,.corhon .index .text1{margin-top: 20px;}
    .corhon .index .text h2,.corhon .index .text1 h2{line-height: 40px;font-size: 18px;padding-bottom: 20px;}
    .corhon .index .text ul,.corhon .index .text1 ul{width:102.5%;margin-right: 0;}
    .corhon .index .text li,.corhon .index .text1 li{width:47.5%;margin-right: 2.5%;margin-bottom: 20px;}
    .corhon .index .text li p, .corhon .index .text li a,.corhon .index .text1 li p, .corhon .index .text1 li a{line-height: 24px;font-size: 14px;}
    .corhon .index .text li p{padding-top: 10px;}
    .corhon .index .text li a{padding:10px 0;}
    .corhon .index .text .a,.corhon .index .text1 .a{line-height: 24px;font-size: 16px;margin-bottom:0px 0px 20px 0px;}

    /*工厂介绍*/
    .factory .index{margin:20px 0;}
    .factory .index .text,.factory .index .text1,.factory .index .text2,.factory .index .text3,.factory .index .text4{margin-top: 20px;}
    .factory .index .text .img,.factory .index .text2 .img{display: none;}
    .factory .index .text .right,.factory .index .text .left,.factory .index .text1 .right,.factory .index .text1 .left,.factory .index .text2 .right,.factory .index .text2 .left,.factory .index .text3 .right,.factory .index .text3 .left,.factory .index .text4 .right,.factory .index .text4 .left{width:100%;padding:0;margin:0;margin-bottom: 20px;float: left;border-bottom: solid 0.05vw #e3e3e3;}
    .factory .index .text .left h2,.factory .index .text1 .right h2,.factory .index .text2 .left h2,.factory .index .text3 .right h2,.factory .index .text4 .left h2{line-height: 40px;font-size: 18px;}
    .factory .index .text .left p,.factory .index .text1 .right p,.factory .index .text2 .left p,.factory .index .text3 .right p,.factory .index .text4 .left p{padding:10px 0;line-height: 24px;font-size: 14px;}

    /*公司历程*/
    .deve .index img{display: none;}
    .deve .index h2{line-height:40px;font-size: 18px;margin-top: 20px;margin-bottom: 50px;}
    .deve .index li{position: inherit;float: left;padding-bottom: 20px;width:100%;margin-bottom: 0;}
    .deve .index li .text{position: relative;width:100%;box-sizing:border-box;padding-left: 50px;}
    .deve .index li h3{line-height: 40px;font-size: 16px;background: none;}
    .deve .index li p{line-height: 24px;font-size: 14px;padding:20px 0;}
    .deve .index li .i{height:100%;width:50px;position: absolute;left: 20.5px;top:0;border-left:solid 5px #333333;}
    .deve .index li .i i{width:20px;height:20px;border-radius: 50%;background: #ffd8d6;position:absolute;top:-20px;left:-12px;z-index: 7;display: block;}
    .deve .index li .i span{width:10px;height:10px;border-radius: 50%;background: #da251c;position: absolute;top:-15px;left:-7px;z-index: 8;display: block;}


     /*新闻内页*/
    .main-news .cont-box,.main-news .other-list{width:100%;}
    .main-news .cont-box .content{padding:0px;margin-bottom: 20px;background-color: #fff0;}
    .main-news .cont-box .content .title h1{line-height: 40px;font-size: 20px;text-align: center;}
     .main-news .cont-box .content .title p{line-height: 30px;font-size: 14px;text-align: center;}
     .main-news .cont-box .subpage{background-color: #fff0;}
     .main-news .cont-box .subpage{padding:0;}
     .main-news .cont-box .content .title p{position:static;}
    .main-news .cont-box .subpage li{width:100%;margin-bottom:10px;line-height: 20px;font-size: 4px;margin: 10px 0;}
    .main-news .cont-box .content .title{margin-bottom: 10px;}
    .main-news .cont-box .subpage .prev,.main-news .cont-box .subpage .next{padding-left: 0;}
    .main-news .other-list .recommend h2{padding-left: 20px;line-height: 60px;font-size: 16px;}
    .main-news .other-list .recommend h2{font-size:20px;}
    .main-news .other-list .latest ul li{padding:10px 0 10px 18px;}
    .main-news .other-list .latest ul li i{width:5px;height: 5px;border-radius: 50%;background: #666;position: relative;top:1px;display: inline-block;margin-right: 10px;}
    .main-news .other-list .latest{padding:0;}
    .main-news .other-list .latest ul{padding-top:10px;}
    .main-news .other-list .latest ul li{line-height:30px;}
    .footer .top .width .left a{height: 39px;margin-top: -39px;}

}

@media only screen and (max-width:370px){
    .index3{height:1300px;}
    .index3 li{}
    .index3 .top h1{margin-top: 10px;}
}