@charset "utf-8";
@media screen and (max-width: 1920px) {
}

@media screen and (max-width: 1600px) {
.nban{height: 495px;}
.navPC{width: 71%; float: left;}
}

@media screen and (max-width: 1440px) {
.nban{height: 445px;}
.sypro1 li figure{margin: 0 auto; float: none; width: 80%; margin-top:20px}
.sypro1 li .sypro1y{width: 100%;}
.synews li figure{height: 240px}
.proy .b1{line-height: 100px; font-size: 160px;}
.yewu li a>img{height: 500px}
}

@media screen and (max-width: 1366px) {
        .typemenus li{font-size: 16px;line-height: 45px;padding: 0 9px;margin-right: 5px;}
.typemenus{margin-top: 5px;}
.nban{height: 420px;}
.healang{margin-right: 0px}
.navPC{width: 67%}
.znav{width:150%;}
.sypro2 li .b1{margin-top: -15%; line-height: 110px; font-size: 150px;}
}


@media screen and (max-width: 1200px) {
    
.navPC li.liimg{background: none;}
.navPC li.liimg:hover, .navPC li.liimg.cur{background: none;}
.container{width: 100%; max-width:100%; padding-left: 10px; padding-right:10px }
.nban{height: 375px;}
.healang{margin-right: 0px}
.navPC{width: 64%}
.yewu li a>img{height:400px}
.ab-tit span{font-size: 40px; line-height: 35px}
.ab-tit i{font-size: 28px}
}

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


.hea{position: fixed;top: 0; left: 0; z-index: 2; height: 66px; line-height: 66px; border-bottom: 1px solid #65cafe; border-top: none}
.hea img{ height:66px;}
.heasea{right: 55px;}
.healang{margin-right: 50px;}
.heasea .b{height: 32px; margin-top: 12px; width: 32px;}
.heasea .k{top:12px;bottom: auto; right: 32px;height: 32px; line-height: 32px;border: 1px solid #65cafe
 }

.navbtn{width:32px;height:32px;position: absolute; right:10px; top:18px;
display: block; background: transparent; outline: none}
.navbtn span {display: block;width:30px;height:3px;background-color: #65cafe;
margin-left: calc(50% - 15px);margin-bottom:6px; transition: all .5s ease-out;transform-origin: 0 0;}
.navbtn.active{ background: #65cafe;}
.navbtn.active span{background: #fff;}
.navbtn.active span:nth-child(2) { opacity: 0;}
.navbtn.active span:first-child {transform: rotate(45deg) translate(5px, -4px);}
.navbtn.active span:last-child {transform: rotate(-45deg) translate(0px, 5px);}

.navPC{display: none; position: fixed;width:50%; height:100%; top:66px; 
 background:#65cafe;  z-index: 12;overflow-y: auto; margin: 0;
right:-50%; transition: all .5s}
.navPC.rig{right: 0}
.navPC li {width: 100%; text-align: left; padding-left: 30px; color: #fff;
line-height:50px; border-bottom: 1px solid #fff}
.navPC ul>li.liimg,.navPC ul>li.liimg:hover, .navPC ul>li.liimg.cur{background: url(../images/navli-bghbai.png) no-repeat 96% 21px;}
.navPC li>a{color:#fff }
.navPC li.liimg{background-position: 96% 21px}
.navPC li:hover>a, .navPC ul>li.cur>a{color: #fff;}
.znav{position: static;}
.znav>a{line-height:30px; padding: 0; border: none; padding-left:10px}

.banner{margin-top: 66px}
.nban{margin-top: 66px}
.yewu{margin-top: 66px}
.procon{margin-top: 66px}

.nban{height:310px }

.dtit{padding: 20px 0}
.synews li figure{height:180px }
.syshipin{height: 350px}
.procony .b1{font-size: 120px; line-height: 80px}
}

@media screen and (max-width: 960px) {
.typemenu{margin-top: 0}
.typemenu li{padding: 0 25px; font-size: 18px; line-height:45px;
border-top: 3px solid #65cafe; margin-right: 5px}

.yewu li a>img{height:330px}
}

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

@media screen and (max-width:768px) {
    .proy p{margin-left:20px;}
    .pro li .proz {
    width: 40%;
    margin: 55px 0;
}
    .procon .procony{width:100%}
.nban{height:250px }
.scroll-btn{display: none}
.dtit b{font-size: 20px;}
.nban>div b{font-size: 20px;}
.nbanjoin>div.zi b{font-size: 20px;}
.nbanjoin>div.zi p{width: 90%; margin: 0 auto; font-size: 14px}
.syyewu{margin-bottom: 20px}
.sypro{padding-bottom: 20px}
.pro{margin: 20px auto}
.neirong{margin:20px 0}
.fenye{margin:20px 0}
.about{padding: 20px 0;}
.ab-join{margin-bottom: 20px}
.licbg{padding-bottom: 20px;}
.zizhibg{margin-bottom: 20px;}
.fenleibg{margin: 20px 0; padding: 0}
.anli{margin-bottom: 0}
.tan{margin-bottom: 0}

.syyewu li{width: 48.9%; margin-bottom: 10px}
.syyewu li b{font-size: 18px; background-size: 25px}
.syyewu li:hover .mask{opacity: 0;}
.sypro1 li figure{width: 94%;}
.sypro1y .b1{font-size: 120px;height:50px }
.sypro1y .b2{font-size: 18px}
.sypro1y p{display: none}
.sypro1y i{display: none}
.sypro1 li .sypro1y{padding: 0}
.sypro2 li{width: 32.2%; margin-bottom: 10px; padding-bottom: 10px}
.sypro2 li .b2{font-size: 18px}
.sypro2 li span{height:60px; line-height: 60px }
.sypro2 li:hover .mask{opacity: 0;}
.sypro2 li .b1{font-size: 100px; line-height: 60px}
.syanliy b{font-size: 18px; padding-top: 0;}
.syanliy .more{width: 140px;}
.syanli .syanliy{padding: 10px}
.syanli img{width: 100%; margin-bottom: 10px}
.syanliy p{display: none}
.syanlibg{padding-bottom: 30px}
.syanlibg .syanliyuan span{width: 8px; height: 8px}

.synews li{width: 48%; margin-bottom: 10px}
.synews li figure .date{width: 55px; padding: 5px 0}
.date .day{font-size: 20px}
.syshipin{height: 250px;margin-top: 20px}
.syshipin .mask{font-size: 18px}
.syshipin .mask i>img{height:60px   }
footer{padding-top: 10px}
.footul {display: none;}
.footz{width: 250px;}
.footlogo{display: none;}
.footzxia{display: none;}
.link{margin-bottom: 0px}
.copy{padding: 10px 0; margin-top: 10px}
.copy span{margin-top: 0}
.gotop img{height:30px }

.typemenu ul{width: 100%;}
.typemenu li{padding: 0; line-height:35px;width: 32%; margin-right: 1%;
margin-bottom: 10px; font-size: 16px}

.procon{padding: 10px 0; }
.procon img{width:100%; margin: 0;}
.yewucon{margin-top: 20px}
.procony .b2{margin-bottom: 10px; font-size: 20px;margin-top:0px}
.procony .b1{font-size: 35px; line-height: 25px}

.artpage{padding-bottom: 20px; font-size: 16px;}
.artpage p{width: 100%; float: left; text-align: left!important; margin-bottom: 10px}
.anliconbg .info .artpage2{padding: 20px 0; margin-top: 20px}


.xtit{font-size: 18px; margin: 20px 0}
.anlidong li{width: 48%; margin-right: 1%}
.anli li .zi p{display: none;}
.tan li .zi p{display: none;}
.anli li .zi b{font-size: 16px;}
.tan li .zi b{font-size: 16px;}


.pro li{width: 100%;}
.pro li .proy{padding: 0 10px 10px 10px}
.proy .b1{font-size: 120px; line-height: 50px; margin-top: 0}
.proz .b2{font-size: 20px}
.proz span{height: 60px; line-height: 60px}
.proy .more{margin-top: 10px}
.procony i{margin-top: 20px; font-size: 18px}
.procony i .more{display: block;}

.aboutz{width: 100%;}
.aboutz img{width: 100%; margin-bottom: 10px}
.ab-tit span{display: none}
.ab-tit i{font-size: 20px}
.aboutz .zi{margin-top: 10px}
.aboutshu{width: 100%;}
.aboutshu li{width: 33.33%; padding: 5px 0}
.aboutshu li b{font-size: 22px}
.aboutshu li b:after{margin: 2px auto}
.zizhi li{width: 50%;}
.ab-join li{width: 100%}
.ab-join li .mask b{font-size: 20px}
.ab-join li .mask i{margin-top: 20px; }

.fenleiy{width: 100%;}
.anli li{width: 48%;}
.tan li{width: 100%;}

.anliconbg{position: static;}
.anliconbg .btn-close{position: fixed;}
.anliconbg .info h3{font-size: 20px}
.anliconbg .info span{margin: 10px 0}
.anliconbg .info .zi{margin-top: 10px; }
.anlicon{width:100%; height: auto;}
.anliconbg .info{width: 100%; height: auto; overflow: hidden;}

.newslist li{width: 100%; padding: 10px; margin-right: 0; margin-bottom: 10px}
.newslist li .date .day{font-size:35px }
.newslist li .content b{font-size: 18px; margin-bottom: 5px; height: 27px;}
.newslist li .content i{display: none}
.neirong-t>h1{font-size: 20px}
.neirong-t{padding-bottom: 10px; margin-bottom: 10px}

.zplist li .zptxt{padding: 10px}
.zplist li{padding: 0 10px}
.zptxt-top{margin-bottom: 10px; padding-bottom: 10px}
.zptxt-top span{width: 100%}
.shen{width: 140px; line-height: 40px; margin: 10px 0}
.zptxt-xia{ padding-bottom: 10px}
.zptxt-xia .z{width: 100%;}
.zptxt-xia .y{width: 100%;}
.zptxt-xia b{margin-bottom: 5px}


.contact1{padding: 10px 0; margin: 10px 0; padding-left:10px}
.contact1 li img{max-height: 30px;max-width:25px;}
.contact1 li{font-size: 16px; width: 100%; text-align: left; margin-bottom: 10px}
.ditu>div{height: 260px!important} 

.yewu li{width: 33.33%;}
.yewu li a>img{height:200px}
.yewu li .mask b{font-size: 18px}
.yewu li .mask{margin-top: -50px}
.yewu li .mask i{margin-top: 50px}



}

@media screen and (max-width:640px) {
    .anliconbg .btn-close{right:10px;}
}

@media screen and (max-width:480px) {
	.video{
    top: 52%!important;
    left: 0!important;
    right: 0!important;
    width: 100%!important;
    height: 33%!important;
    margin:0!important;

}
	.php{
    top: 25%!important;
    left: 0!important;
    right: 0!important;
    width: 100%!important;
    height: 55%!important;
    margin: 0!important;
    
}
.contact-topy{width:100%!important;height:100%!important}
.nban{height: 140px}
.healang{background: none}
.healang>span{display: none}
.sypro2 li{width: 48.9%;}
.synews li figure{height: 130px}
.link{display: none;}
footer{padding-top: 0}
.copy{margin-top: 0}

.anlibg{padding: 10px 0}
.anli-prev img, .anli-next img{height: 45px;}
.zizhibg .zizhi-prev img, .zizhibg .zizhi-next img{height: 45px;}
.anli li .zi{padding: 5px}
.tan li .zi{padding: 5px}
.artpage p img{height: 20px}
.fenlei{padding: 5px}

.nbanjoin{padding: 20px 0}
}