@charset "utf-8";
/* CSS Document */
*{ list-style:none; margin: 0; padding: 0; text-decoration: none; outline: none; font-size: 14px; font-family: '微软雅黑';}
h1,h2,h3,h4{ font-weight: normal;}
img{ border: none;margin: 0;padding: 0;}
input{ border: none;}
a{text-decoration: none;}
a:hover, a:focus{text-decoration: none;}
p{padding: 0;margin: 0;}
ul,ol{margin: 0;padding: 0;}
.clearfix:before,.clearfix:after{content:"";display: table;}
.clearfix:after{clear: both;}

@media screen and (max-width:1440px) {
    .news-nav,.news-box,.contact-box{width: 96%;}
    .top header,#in-pro-list .in-pro-div,.in-pro-nav>div,.foot,.ny-main{width: 96%;padding: 0 2%;}
    .logo{width: 300px;}
    .nav ul li+li{margin-left: 30px;}
    #in-pro-list .in-pro-div{padding-top: 60px;padding-bottom: 50px;}
    .viewmore{right: 2%;}
    .in-about-box{padding: 30px 50px;top: 120px;}
    .in-about-t h2{font-size: 28px;}
    .in-about-box>p{margin-top: 20px;margin-bottom: 30px;}
    .in-news-box>div.in-news-l{width: 40%;}
    .in-news-box>div.in-news-r{width: 58%;}
    .in-news-nav a img{width: 50px;}
    .ny-main{padding-top: 80px;}
    .ny-left-top{width: 360px;left: 2%;}
    .ny-left-top h1{font-size: 34px;}
    .about-left{padding-top: 45px;}
}
@media screen and (max-width:1366px) {
    .nav ul li+li{margin-left: 20px;}
}
@media screen and (max-width:500px) {
    .top{position: relative;}
    .top header{height: 64px;}
    .logo{width: 180px;}
    .mobnav-btn{width: 26px;height: 26px;position: absolute;top: 50%;margin-top: -13px;right: 2%;display: flex;z-index: 999;align-items: center;}
    .mobnav-btn span{display: block;width:75%;height: 2px;background: #282828;border-radius: 1px;-webkit-transition: 0.5s all;
        -moz-transition: 0.3s all;
        -ms-transition: 0.3s all;
        -o-transition: 0.3s all;
        transition: 0.3s;}
    .mobnav-btn::before{width: 100%;height: 2px;background: #282828;content: "";position: absolute;top:5px;
        -webkit-transition: 0.3s all;
        -moz-transition: 0.3s all;
        -ms-transition: 0.3s all;
        -o-transition: 0.3s all;
        transition: 0.3s;}
    .mobnav-btn.active::before{
        top: 13px;
        transform:rotate(45deg);
        -ms-transform:rotate(45deg); 
        -webkit-transform:rotate(45deg);}
    .mobnav-btn::after{width: 100%;height: 2px;background: #282828;content: "";position: absolute;bottom:5px;
        -webkit-transition: 0.3s all;
        -moz-transition: 0.3s all;
        -ms-transition: 0.3s all;
        -o-transition: 0.3s all;
        transition: 0.3s;}
    .mobnav-btn.active::after{
        bottom: 12px;
        transform:rotate(-45deg);
        -ms-transform:rotate(-45deg); 
        -webkit-transform:rotate(-45deg);}
    .mobnav-btn.active span{width: 0;}
    .mobnav{position: absolute;top: 64px;padding-bottom: 10px;background: #fff;z-index: 999999;width: 100%;border-top: 1px solid #ddd;}
    .mobnav a{font-size: 14px;color: #333;line-height: 30px;padding: 0 10px;border-bottom: 1px dashed #eee;display: block;}
    #banner{display: none;}
    #mobbanner{display: block;position: relative;}
    #mobbanner img{display: block;width: 100%;}
    #mobbanner .swiper-pointer-events{overflow: hidden;}
    .nav{display: none;}
    .in-pro-nav-item img{width: 45px;margin-right: 5px;}
    .in-pro-nav-item h4{margin-bottom: 0;font-weight: normal;}
    .in-pro-nav-item{width: 32%;padding-left: 1%;}
    .in-pro-nav{height: 120px;}
    #in-pro-list .in-pro-div .swiper-slide span{padding: 10px;}
    #in-pro-list .in-pro-div .swiper-slide span div{margin-bottom: 10px;}
    .viewmore img{width: 60px;}
    #in-pro-list .in-pro-div .swiper-slide span h3{font-size: 14px;
        overflow:hidden;
        text-overflow:ellipsis;
        -o-text-overflow:ellipsis;
        -webkit-text-overflow:ellipsis;
        -moz-text-overflow:ellipsis;
        white-space:nowrap;}
    .in-about>div{padding: 10px 2%;}
    .in-about>div>img{width: 100%;}
    .in-about-box{position: sticky;margin-top: 10px;padding: 10px;width: 100%;box-sizing: border-box;}
    .in-about-t h2{font-size: 22px;}
    .in-about-t p{font-size: 16px;}
    .in-about-box>p{font-size: 14px;margin-top: 5px;margin-bottom: 10px;}
    .in-news{padding: 0 2%;padding-top: 30px;}
    .in-news-nav a{width: 75px;}
    .in-news-nav a img{width: 40px;}
    .in-news-artcle div{width: 40px;background: url(../images/in-news-fl2.png) no-repeat 0px 0px;
        background-size: 40px;height: 34px;}
    .in-news-nav a:hover div{background-position-y: -34px;}
    .in-news-box{flex-wrap: wrap;}
    .in-news-a-div h2{font-size: 16px;}
    .in-news-a-div p{margin-bottom: 10px;}
    .in-news-box>div.in-news-l{width: 100%;}
    .in-news-box>div.in-news-r{width:100%;margin-top: 20px;}
    .in-news-r>a .in-news-img{width: 200px;}
    .in-news-r .in-news-a-div{width: calc(100% - 220px);}
    footer{border-top: 10px solid #0068b7;padding-top: 30px;margin-top: 40px;}
    .foot{flex-wrap: wrap;}
    .foot-01{display: flex;width: 100%;justify-content: space-between;}
    .foot-01>div{margin-top: 0;}
    .foot-02{width: 100%;margin: 20px 0;padding: 10px;border-top: 1px solid #444;border-bottom: 1px solid #444;}
    .foot-03{width: 100%;}
    .foot-02-item h3{font-size: 16px;margin-bottom: 5px;}
    .foot-02-item{margin-bottom: 10px;}
    .copyright{height: 60px;display: flex;align-items: center;}
    .copyright>p{padding: 0 10px;font-size: 12px;line-height: 20px;}
    .copyright p a{font-size: 12px;}
    .ny-main{padding-top: 20px;}
    .ny-nav{position: fixed;width:300px;background: #fff;left: -300px;z-index: 99999;padding-top: 0;box-shadow: 2px 2px 8px #ddd;}
    .ny-nav-btn{position: absolute;width: 40px;height: 40px;top: 40px;left:300px;background: url(../images/ny-nav-bg.png) no-repeat 0px 0px;background-size: 40px;}
    .ny-left-top{width:100%;position: relative;padding-top: 0;top:0px;left: 0;background: #0068b7;height: 60px;}
    .ny-left-top h1{font-size: 25px;}
    .ny-left-top img{display: none;}
    .ny-left>ul li a{font-size: 14px;}
    .ny-right{width: 100%;padding: 2%;padding-bottom: 20px;}
    .about-left{width: 100%;padding-top: 10px;}
    .about-r-img{display: none;}
    .about-left .ny-tittle{margin-bottom: 10px;}
    .about-left .ny-tittle h2{font-size: 25px;}
    .about-left>span{margin-top: 15px;}
    .cul-item, .workshop-item,.honor-item,.pro-item{width: 48%;}
    .cul-item>div{padding-top: 10px;}
    .pro-item span{padding: 15px;}
    .pro-item span div{margin-bottom: 5px;}
    .pro-detail-box{width: 100%;padding-bottom: 20px;}
    .pro-detail-box .pro-det-swiper .swiper-slide{margin-top: 30px;margin-bottom: 30px;}
    .pro-detail-box .button{display: none;}
    .pto-detail-content>div{width: 100%;}
    .pro-detail-small-t p{font-size: 18px;}
    .pro-detail-box h1{font-size: 24px;}
    .caizhi .ny-left{width: 100%;}
    .news-nav{height: 50px;-webkit-transform: translateY(-25px);
        transform: translateY(-25px);}
    .news-nav a span{width: 20px;height: 20px;background-size:60px 40px;background-position-x:-20px;}
    .news-nav a:first-child span{background-position: 0px -20px;}
    .news-nav a:last-child span{background-position: -40px 0px;}
    .news-nav a.current span{background-position-y: -20px;}
    .news-nav a:hover span{background-position-y: -20px;}
    .news-box{margin-top:0px;}
    .home-news-box{margin-top: 20px;}
    .news-item .in-news-img{width: 190px;}
    .news-item .in-news-a-div{width: calc(100% - 210px);}
    .contact-infor,.contact-form{width: 100%;flex-wrap: wrap;}
    .contact-t h2{font-size: 22px;}
    .contact-t h2::after{width: 30px;height: 2px;}
    .contact-t p{margin-top: 10px;}
    .con-left{width: 100%;padding: 20px;}
    .con-l-item+.con-l-item{margin-top: 15px;}
    .con-right{width: 100%;height: 400px;}
    .liuyan h2{margin-bottom: 20px;}
    .contact-form>div{width: 100%;margin: 0;margin-bottom: 10px;}
    .cont-form-item+.cont-form-item{margin-left: 0;}
    .contact-box{margin-top: 20px;}
}