@charset "utf-8";

@media  screen and (max-width: 1700px) {
    /*index*/



}

@media  screen and (max-width: 1440px) {

    .bannerbox{height: 600px !important;}
    .bannerbox ul li{height: 600px !important;}

}

@media  screen and (max-width: 1400px) {
    /*index*/
    .wrap{width: 95%;}
    .nav ul li a{font-size: 14px;}
    .tel{font-size: 14px;}

    .pictext2 h1{font-size: 45px;}
    .pictext2 h3{font-size: 28px;}


    /*about*/
    .about-main .wrap3{width: 60%;}



}



@media  screen and (max-width: 1200px){
    /*index*/
    .wrap{width: 95%;}
    .nav{width: 70%;margin:0;}
    .nav ul li a{font-size: 14px;padding:0 .6em;}
    .nav ul li{margin: 0 0 0 1%;}
    .nav ul li a:hover{color:#ee980e;background: none;}
    .on2 a{background:none;color:#ee980e !important;}

    .tel{font-size: 14px;}
    .footerL{width: 30%;}
    .box2 ul li a dl h1{font-size: 1.5rem;}
    .box2 ul li a dl b{width: 30px;height: 30px;}
    .box2 ul li a dl span {margin: 13% 0 1em 0;width: 50%;}

    .bannerbox {height: 580px !important;}
    .bannerbox ul li {height: 580px !important;}
    .banner-01{top:20% !important;width:50% !important;}
    .banner-02{top:20% !important;width: 50% !important;}
    .banner-03{top:20% !important;width: 50% !important;}

    .pictext2 h1{color:#fff;font-size:40px;}
    .pictext2 h3{color:#fff;font-size:25px;margin:1em 0 .5em 0;}
    .pictext2 dl{color:#fff;font-size:16px;line-height: 1.5em;}



    /*news*/
    .new-main ul li{width: 46%;margin: 0 1.6% 2%;}



    /*about*/
    .about-main .wrap3{width:75%;}
    .nyba-text {width: 387px;height: 129px;line-height: 129px;float: right;font-size: 30px;}
    .nyba-text b {width: 383px;height: 129px;left: 17px;top: -15px;}



}



@media  screen and (max-width: 1024px){
    /*index*/
    .wrap{width: 95%;}
    .nav {display:none;}
    .btn-slide-bar{display:inline-block;right:1em;top:2em;z-index: 999999;}
    .slide-bar.active{top: 0;}

    .logo{width: 30%;}
    .tel{font-size:20px;width: 35%;}
    .footerL{width: 30%;}
    .link a{font-size: 12px;}
    .link{padding:0 0 1em 0;}
    .copy{padding:1em 0 0 0;}

    .box2 ul li a dl h1{font-size: 1.5rem;}
    .box2 ul li a dl b{width: 30px;height: 30px;}
    .box2 ul li a dl span {margin: 13% 0 1em 0;width: 50%;}

    .bannerbox {height: 440px !important;}
    .bannerbox ul li {height: 440px !important;}

    .banner-01{top:15% !important;width:50% !important;}
    .banner-02{top:15% !important;width: 50% !important;}
    .banner-03{top:15% !important;width: 50% !important;}

    .pictext2 h1{color:#fff;font-size:40px;}
    .pictext2 h3{color:#fff;font-size:25px;margin:1em 0 .5em 0;}
    .pictext2 dl{color:#fff;font-size:16px;line-height: 1.5em;}

    /*new*/
    .new-main ul li{width: 100%;margin:0 0 2%;}
    .nybanner .wrap2 {width:95%;top: 38%;}
    .nyba-text b{display:none;}
    .nyba-text span{font-size: 20px;}
    .nyba-text {width: auto;height: auto;line-height: normal;float: left;font-size: 20px;    padding: 3%;}


    /*about*/
    .about-main .wrap3{width:90%;}
    .about-head{padding:1em 0;}
    .about-head div dl {height: 34px;line-height: 34px; margin: 0 13px 13px;}
    .about-head div dl a {font-size: 17px;padding: 0 20px;}




}



@media  screen and (max-width: 800px){
    /*index*/
    .wrap{width: 95%;}
    .nav{display:none;}
    .logo{width: 30%;}
    .tel{width: 30%;margin: 0 12% 0 0;}

    .box2 ul li a dl h1{font-size: 2rem;margin: 14% 0 .5em 0;}
    .box2 ul li a dl b{width: 30px;height: 30px;}
    .box2 ul li a dl span {margin: 9% 0 1em 0;width: 45%;}
    .box2 ul li{float:none;width: 100%;height:18em;margin:0 0 .4% 0;}


    .footerL{width: 100%;float:none;}
    .footerR{width: 100%;float:none;margin:1em 0 0 0;}
    .footerL {width: 53%;float: none;margin: 0 auto;}
    .shart {margin: 0 0 0 2%;width: 55%;}
    .ewm img{width: 103px;}
    .ewm{width: 40%;}
    .link{padding:0 0 1em 0;}
    .copy{padding:1em 0 0 0;}

    .btn-slide-bar{display:inline-block;right:1em;top:2em;z-index: 999999;}
    .slide-bar.active{top: 0;}

    .bannerbox {height: 250px !important;}
    .bannerbox ul li {height: 250px !important;}
    .banner-01{top:5% !important;width:50% !important;}
    .banner-02{top:5% !important;width: 50% !important;}
    .banner-03{top:5% !important;width: 50% !important;}
    .pictext2 h1{font-size:30px;}
    .pictext2 h3{font-size:14px;margin:.5em 0;}
    .pictext2 dl{font-size:12px;line-height:18px;}


    /*new*/
    .new-main ul li{width: 100%;margin:0 0 2%;}
    .nybanner .wrap2 {width:95%;top: 38%;}
    .nyba-text b{display:none;}
    .nyba-text span{font-size: 20px;}
    .nyba-text {width: auto;height: auto;line-height: normal;float: left;font-size: 20px;    padding: 3%;}


    /*about*/
    .about-main .wrap3{width:90%;}
    .about-head{padding:1em 0 0 0;}
    .about-head div dl {height: 34px;line-height: 34px; margin: 0 .5em .5em;}
    .about-head div dl a {font-size: 17px;padding: 0 20px;}

}



@media  screen and (max-width: 640px) {
    /*index*/
    .wrap{width: 95%;}
    .nav{display:none;}
    .logo{width: 30%;}
    .tel {width: 43%;margin: 0 14% 0 0;font-size: 15px;}
    .head {height: 52px;line-height: 52px; padding: .5em 0;}

    .box2 ul li a dl h1{font-size:1.5rem;margin: 10% 0 .5em 0;}
    .box2 ul li a dl b{width: 30px;height: 30px;}
    .box2 ul li a dl span {margin: 1em 0 .2em 0;width: 45%;}
    .box2 ul li{float:none;width: 100%;height:10em;margin:0 0 .4% 0;}

    .footerL{width: 100%;float:none;}
    .footerR{width: 100%;float:none;margin:1em 0 0 0;}
    .footerL {width: 95%;float: none;margin: 0 auto;}
    .shart {margin: 0 0 0 2%;width: 55%;}
    .ewm img{width: 103px;}
    .ewm{width: 40%;}
    .link{padding:0 0 1em 0;}
    .link a{font-size: 14px;margin: 0 1%;width: 31%;line-height: 2em;}
    .copy{padding:1em 0 0 0;font-size: 14px;}

    .btn-slide-bar{display:inline-block;right:1em;top:1em;z-index: 999999;}
    .slide-bar.active{top: 0;}

    .bannerbox {height: 9em !important;}
    .bannerbox ul li {height: 9em !important;}
    .plate-text p {margin: 30px 0 0 0 !important;}
    .nav1 {bottom: 1em !important;}

    .banner-01{top:2em !important;width:50% !important;}
    .banner-02{top:2em !important;width: 50% !important;}
    .banner-03{top:2em !important;width: 50% !important;}

    .pictext2 h1{color:#fff;font-size:18px;}
    .pictext2 h3{color:#fff;font-size:14px;margin:1em 0 .5em 0;}
    .pictext2 dl{color:#fff;font-size: 12px;line-height: 1.5em;display:none;}


    /*new*/
    .new-main ul li{width: 100%;margin:0 0 2%;}
    .nybanner{height:9em !important;}
    .nybanner .wrap2 {width:95%;top: 38%;}
    .nyba-text b{display:none;}
    .nyba-text span{font-size:16px;}
    .nyba-text {width: auto;height: auto;line-height: normal;float: left;font-size:16px;    padding: 3%;}
    .about-head{padding:1em 0 0 0;}
    .about-head div dl {height: 33px;line-height: 33px;margin: 0 .5em;}
    .about-head div dl a {font-size: 14px;padding: 0 1em;}


    /*about*/
    .about-main .wrap3{width:95%;}
    .about-main .wrap3 img{width:100%;}
    .abcon dl p img{width: 100%;}
    .about-head div dl {height: 30px;line-height:30px; margin: 0 .5em .5em;}
    .about-head div dl a {font-size:14px;padding: 0 15px;}
    .about-main{margin:1em 0;}

    .about-main h1 {font-size: 20px;margin:0 0 1em 0;}
    .abcon dl p {font-size: 15px;line-height: 26px;}



}