@charset "utf-8";
@media screen and (min-width:769px){
  #header .menu{
    font-size: 0;
    letter-spacing: -1px;
  }
  #header .menu > ul{
    display: inline-block;
    vertical-align: top;
    letter-spacing: 0;
    margin: 0 4px;
    color: #333;
    position: relative;
    z-index: 999;
  }
  #header .menu > ul:last-child{
    display: none;
  }
  #header .menu > ul > a{
    display: block;
    font-size: 16px;
    padding: 0 40px;
    line-height: 66px;
    color: #1a1a1a;
    transition: all .3s;
    position: relative;
  }
  #header .menu > ul:hover > a{
    color: #de5e0c;
  }
  #header .menu > ul > a:after{
    display: block;
    position: absolute;
    left: 50%;
    top: -1px;
    width: 0;
    height: 4px;
    background: #de5e0c;
    content:'';
    transition: all .3s;
    transform: translate(-50%,0);
  }
  #header .menu > ul:hover > a:after{
    width: 100%;
  }
  #header .menu > ul li{
    display: none;
  }
}
@media screen and (min-width:769px) and (max-width:1366px){
  .companyBox .box > div > ul > b{
    font-size: 40px;
  }
  .productBox .box span{
    font-size: 30px;
  }
  .type-name span,
  .aboutBox .info > b,
  .companyBox .box > font,
  .typeBox h1,
  .detailed .name{
    font-size: 26px;
  }
  .banner a ul li{
    font-size: 22px;
  }
  .qualificationBox .tn span,
  .companyBox .box > span,
  .aboutBox .info > span,
  .productBox .list > div ul span,
  .detailed .tn{
    font-size: 20px;
  }
  .type-name font,
  .newsBox .list a span,
  .companyBox .box > div > ul > li,
  .companyBox .box > div > ul > li *,
  .typeBox ul a span,
  .productBox .box > div,
  .list_news a ul > span,
  .newsBox1 .fl-left > h1,
  .newsBox1 .fl-right > span,
  #footer .info > span{
    font-size: 16px;
  }
  .download_form ul:nth-child(1) li,
  .newsBox1 .fl-right > a li span{
    font-size: 15px;
  }
  .proBox .swiper a span,
  .proBox .swiper a font{
    font-size: 14px;
  }
  .productBox .list > div > a{
    width: 250px;
    height: 250px;
  }
  .productBox .list > div ul{
    width: calc(96% - 250px);
  }
  .productBox .list > div ul li{
    min-height: 168px;
  }
  .newsBox .more a{
    line-height: 42px;
    padding: 0 40px;
  }
}
@media screen and (max-width:768px){
  body,td,th,div,ul,li,a,font,a,dl,dd,dt{
    font-size: 15px;
  }
  .among{
    padding: 0 3%;
  }
  .padding{
    padding: 0 3%;
  }
  .padding1{
    padding-top: 4%;
  }
  .padding2{
    padding-bottom: 4%;
  }
  .wrapper{
    min-width: 320px;
    padding-top: 56px;
  }
  #header .fl-right{
    display: none;
  }
  .header{
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    height: 56px;
    z-index: 99;
    background: #FFF;
    box-shadow:0 0 5px 2px rgba(0,0,0,.2);
  }
  #header .logo img{
    height: 50px;
    padding: 3px 0;
  }
  #header .logoinfo{
    margin: 27px 0 0;
    font-size: 12px;
  }
  #header .bb{
    display: none;
  }
  #header .menu{
    position: fixed;
    z-index: 998;
    top: 56px;
    left: -100%;
    width: 100%;
    bottom: 0;
    padding-bottom: 3%;
    overflow-y: auto;
    background: #FFF;
    transition: all .3s;
    border-top: 1px solid #EEE;
  }
  .on #header .menu{
    left: 0;
  }
  #header .menu > ul{
    border-bottom: 1px solid #EEE;
    position: relative;
  }
  #header .menu > ul > a{
    font-size: 18px;
    display: block;
    color: #040404;
    padding: 10px 6% 10px 10%;
    position:relative;
  }
  #header .menu > ul > a:before{
    content:'';
    display:block;
    width:6px;
    height:6px;
    border:1px solid #CCC;
    border-radius:100%;
    position:absolute;
    left:5%;
    top:50%;
    margin:-4px 0 0 -3px;
  }
  #header .menu > ul.on > a{
    background: #ebebeb;
  }
  #header .menu > ul.on > a:before{
    background: #666;
    border-color: #666;
  }
  #header .menu > ul li{
    display: none;
    margin-bottom:-1px;
  }
  #header .menu > ul.on li{
    display: block;
  }
  #header .menu > ul li a{
    display: block;
    position: relative;
    font-size: 16px;
    color: #888;
    line-height:20px;
    border-bottom: 1px solid #EEE;
    padding: 15px 6% 15px calc(10% + 10px);
  }
  #header .menu > ul li .a2{
    font-size:15px;
    padding-left:calc(14% + 10px);
  }
  #header .menu > ul li .a3{
    font-size:15px;
    padding-left:calc(18% + 10px);
  }
  #header .menu > ul li a:before{
    content:'';
    border-top:1px solid #CCC;
    border-left:1px solid #CCC;
    width:8px;
    height:8px;
    position:absolute;
    top:20px;
    margin-left:-22px;
    transform:rotate(135deg);
  }
  #header .menu > ul li a.a2:before{
    top:24px;
    border-left:0;
    transform:rotate(0);
  }
  #header .menu > ul li a.a3:before{
    top:24px;
    border-left:0;
    border-top:0;
    width:4px;
    height:4px;
    background:#CCC;
    border-radius: 100%;
    margin-left:-15px;
  }
  #header .menu > ul b{
    display: block;
    position: absolute;
    width:52px;
    height:40px;
    right:0;
    top:7px;
  }
  #header .menu > ul b:after{
    content:'';
    border-top:2px solid #CCC;
    border-left:2px solid #CCC;
    width:10px;
    height:10px;
    position:absolute;
    left:15px;
    top:10px;
    transform:rotate(225deg);
  }
  #header .menu > ul.on b:after{
    transform:rotate(45deg);
    top:18px;
  }
  .header > em{
    display:block;
    position:fixed;
    top:0;
    right:0;
    width:56px;
    height:56px;
    z-index:998;
    cursor:pointer;
  }
  .header > em:after{
    content:'';
    display:block;
    height:15px;
    width:15px;
    background: #ff6400;
    border-radius:4px;
    box-shadow:17px 0 0 #90be07, 0 17px 0 #90be07, 17px 17px 0 #ff6400;
    margin:12px 0 0 12px;
  }
  .header > em:before,
  .on .header > em:after{
    content:'';
    height:3px;
    width:24px;
    background: #cecece;
    border-radius:2px;
    position:absolute;
    top:50%;
    left:50%;
    margin:-40px 0 0 -22px;
    transform:rotate(45deg);
  }
  .on .header > em:before,
  .on .header > em:after{
    margin:-1px 0 0 -12px;
    transform:rotate(-45deg);
    box-shadow:0 0 0 #0a85b8, 0 0 0 #0a85b8, 0 0 0 #999;
  }
  .on .header > em:after{
    transform:rotate(45deg);
  }
  .navBox,.location{
    display: none;
  }
  .content{
    min-height:300px;
  }
  .banner a ul li{
    font-size: 20px;
  }
  .type-name span{
    font-size: 20px;
  }
  .type-name font{
    font-size: 16px;
    margin-bottom: 2px;
  }
  .qualificationBox .box{
    padding: 0 calc(.9% + 36px);
  }
  .qualificationBox .box .left,
  .qualificationBox .box .right{
    width: 36px;
    height: 36px;
    background-size: 10px;
  }
  .proBox .swiper a div{
    margin-bottom: 4%;
  }
  .proBox .swiper a span{
    font-size: 15px;
    line-height: 1.5;
  }
  .proBox .swiper a font{
    display: none;
  }
  .aboutBox .info{
    display: block;
    width: auto;
  }
  .aboutBox .info > b{
    font-size: 22px;
  }
  .aboutBox .info > span{
    font-size: 18px;
  }
  .aboutBox .info > div{
    margin: 4% 0;
  }
  .aboutBox .info > div,
  .aboutBox .info > div *{
    line-height: 2;
    font-size: 16px;
  }
  .aboutBox .img{
    display: none;
  }
  .newsBox .list a{
    float: none;
    width: auto;
    height: 90px;
    padding-left: 140px;
    margin: 4% 0 0 0!important;
  }
  .newsBox .list a div{
    width: 125px;
  }
  .newsBox .list a span{
    font-size: 16px;
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: 0;
  }
  .newsBox .list a p{
    height: 48px;
    margin-top: 5px;
    color: #9a9a9a;
    -webkit-line-clamp:2;
  }
  .newsBox .list a time{
    display: none;
  }
  .newsBox .more a{
    line-height: 36px;
    padding: 0 40px;
  }
  .companyBox .box{
    float: none;
    width: auto;
  }
  .companyBox .box > span{
    font-size: 20px;
  }
  .companyBox .box > font{
    font-size: 22px;
  }
  .companyBox .box > li{
    min-height: 50px;
  }
  .companyBox .box > div > ul > b{
    font-size: 30px;
  }
  .companyBox .box > div > ul > li,
  .companyBox .box > div > ul > li *{
    font-size: 16px;
  }
  .companyBox > img{
    float: none;
    width: 100%;
    margin-top: 4%;
  }
  .qualificationBox .tn span{
    font-size: 20px;
  }
  .qualificationBox .tn img{
    height: 18px;
  }
  .albumBox .arrow span{
    width: 12px;
    height: 4px;
    margin: 2.5% 3px 0!important;
  }
  .typeBox h1{
    font-size: 24px;
  }
  .typeBox ul a{
    width: 48.5%;
    margin: 3% 0 0 3%!important;
  }
  .typeBox ul:nth-child(1) a:nth-child(-n+2){
    margin-top: 0!important;
  }
  .typeBox ul a:nth-child(2n+1){
    margin-left: 0!important;
    clear: both;
  }
  .typeBox ul a span{
    font-size: 16px;
  }
  .productBox .box{
    float: none;
    width: auto;
  }
  .productBox .box span{
    font-size: 22px;
  }
  .productBox .box > div{
    font-size: 16px;
    line-height: 2;
    margin: 3% 0 0;
  }
  .productBox .box a,
  .productBox .box img{
    margin-top: 3%;
  }
  .productBox .list{
    float: none;
    width: auto;
  }
  .productBox .list > div{
    margin-top: 4%!important;
  }
  .productBox .list > div > a{
    width: 125px;
    height: 125px;
  }
  .productBox .list > div ul{
    width: calc(96% - 125px);
  }
  .productBox .list > div ul span{
    font-size: 18px;
  }
  .productBox .list > div ul li{
    margin: 5px 0;
    min-height: 24px;
  }
  .detailed .name{
    font-size: 20px;
  }
  .detailed .box .picBox{
    width: 100%;
    float: none;
  }
  .detailed .box .picBox .swiper2,
  .detailed .box .box1 > i{
    display: none;
  }
  .detailed .box .box1{
    float: none;
    width: auto;
    margin-left: 0;
    padding-left: 0;
  }
  .detailed .box .box1 > span{
    min-height: 12px;
    margin: 4% 0 3%;
    line-height: 2;
    padding-bottom: 1%;
    border-bottom: 1px solid #cecece;
  }
  .detailed .tn{
    font-size: 18px;
    margin-top: 4%;
  }
  .list_news a{
    float: none;
    width: auto;
    margin: 4% 0 0 0!important;
  }
  .list_news a:nth-child(1){
    margin-top: 0!important;
  }
  .newsBox1 .fl-left{
    float: none;
    width: auto;
  }
  .newsBox1 .fl-left > h1{
    font-size: 20px;
  }
  .newsBox1 .fl-right{
    display: none;
  }
  .download_form ul:nth-child(1) li{
    font-size: 14px;
    line-height: 20px;
  }
  .download_form ul li:nth-child(2),
  .download_form ul li:nth-child(3),
  .download_form ul li:nth-child(5){
    display: none;
  }
  .download_form ul li:nth-child(1){
    width: calc(100% - 180px);
  }
  .download_form ul li:nth-child(4){
    width: 90px;
  }
  .download_form ul li:nth-child(6){
    width: 90px;
  }
  .download_form ul li .btn{
    font-size: 12px;
    line-height: 28px;
  }
  .footer #footer{
    background: none;
  }
  #footer .info{
    float: none;
    width: auto;
  }
  #footer .info > span{
    margin: 0;
    padding: 3% 0 0 16px;
    border-top: 1px solid #3d3d3d;
  }
  #footer .info > .clearfix{
    margin: 0 0 0 16px;
  }
  #footer .info > a img{
    height: 50px;
  }
  #footer .type{
    display: none;
  }
  #footer .copyright,
  #footer .copyright *{
    line-height: 1.5;
  }
  .dlBox li{
    height: auto;
  }
  .dlBox li span{
    float:left;
    display:block;
  }
  .dlBox li span:nth-child(3){
    clear:both;
    margin-left:0;
    margin-bottom:3%;
  }
  .dlBox li select{
    float:left;
    display:block;
  }
}
@media screen and (max-width:480px){
  .companyBox .box > div > ul{
    float: none!important;
    position: relative!important;
    margin-top: 5%;
  }
}
@media screen and (max-width:399px){
  .promptBox > ul > span{
    font-size: 20px;
  }
  .promptBox > ul > font{
    margin: 5% 0;
  }
  .promptBox > ul > font,
  .promptBox > ul > li span
  .promptBox > ul > li font,
  .promptBox > ul > li font a,
  .promptBox > ul ul li span{
    font-size: 14px;
  }
  .promptBox > ul ul li span{
    margin-top: 5px;
  }
  .promptBox > ul ul li img{
    width: 120px;
    height: 120px;
  }
}