@charset "utf-8";
@media only screen and (min-width: 1004px) and (max-width: 2800px){
/** 鼠标滑过 斜切 **/
.dd,.simg,.imgW .img,.imga,.m2-list,.m2-list *,.cp-list .imga *,.m5-list dd,.m5-list dd::before,.m5-list span,.ri-sub,.video-list .div,.video-list .video-ico{transition:all ease-in .5s;-moz-transition:all ease-in .5s;-ms-transition:all ease-in .5s;-o-transition:all ease-in .5s;-webkit-transition:all ease-in .5s;}
.shadow1 .imga:hover{
    transform:translateY(-10px);-moz-transform:translateY(-10px);
    -ms-transform:translateY(-10px);-o-transform:translateY(-10px);
    -transform:translateY(-10px);
    box-shadow:0px 0px 10px #ccc;
    -moz-box-shadow:0px 0px 10px #ccc;
    -ms-box-shadow:0px 0px 10px #ccc;
    -o-box-shadow:0px 0px 10px #ccc;
    -webkit-box-shadow:0px 0px 10px #ccc;
}
.shadow2 .imga:hover{
    box-shadow:0px 0px 10px #ccc;
    -moz-box-shadow:0px 0px 10px #ccc;
    -ms-box-shadow:0px 0px 10px #ccc;
    -o-box-shadow:0px 0px 10px #ccc;
    -webkit-box-shadow:0px 0px 10px #ccc;
}
.lateY .imga:hover{
    transform:translateY(-5px);
    -moz-transform:translateY(-5px);
    -ms-transform:translateY(-5px);
    -o-transform:translateY(-5px);
    -transform:translateY(-5px);
    box-shadow:0px 0px 10px #ccc;
    -moz-box-shadow:0px 0px 10px #ccc;
    -ms-box-shadow:0px 0px 10px #ccc;
    -o-box-shadow:0px 0px 10px #ccc;
    -webkit-box-shadow:0px 0px 10px #ccc;
}
.m5-lis1t dd:hover{
    transform:translateY(-10px);-moz-transform:translateY(-10px);
    -ms-transform:translateY(-10px);-o-transform:translateY(-10px);
    -transform:translateY(-10px);
}
.scale:hover .simg,.imgW:hover .img{-ms-transform:scale(1.1);-moz-transform:scale(1.1);-webkit-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);}


.logo{background-image:none !important}
.nav-sub.nav-sub1{width:870px;}
.nav-sub{position: absolute; left:0;display:none;top:100%;width:100%;background-color:rgba(0,0,0,0.5);overflow:hidden;} 
.nav-sub>a{line-height:40px !important;margin-top:-1px;border-top:1px solid #a8a8a8;width:90%;margin:-1px auto 0;display:block;}
.nav-sub-list{padding:20px}
.nav-sub-list li{width:25%;float:left;}
.nav-sub .h2{font-size:18px;margin-bottom:10px;}
.nav-sub a{display:block;line-height:30px;color:#fff;}
.nav-sub a span{display:block;width:80%;margin:0 auto;}
.nav-sub a:hover{color:red;}
.nav-sub a:hover span{background:url(../images/1ico1.png) no-repeat right center;}
}
@media only screen and (max-width: 1367px) {
/** 首页 **/
.box1{width:96%}
.nava{font-size:16px;}
.nav-sub .h2{font-size:16px;}

}
@media only screen and (max-width: 1280px) {
.box{width:1000px;}
.nava{font-size:16px;}
.news1-le{width:400px;}
.news1-ri-div .h2{line-height:40px;}
.news1-ri-div .np{margin-bottom:0;line-height:23px;height:46px;font-size:12px;}
.news1-ri-div{margin-left:15px}
.logo-text{display:none}

}

@media only screen and (max-width: 1024px) {
body{}
.logo-text{display:none;}

}

@media only screen and (max-width: 1004px) {
*{box-sizing:border-box}
.box{width:96%;}
body{padding-top:50px;}
/** 头部 **/
#header{}
.menu{display:block; position:fixed;z-index:10000}
#top{height:50px; padding:0px;border-bottom:1px solid #ddd;z-index:9999;position:fixed;width:100%;top:0}
#top .box1{padding:0}
.logo{background-size:auto 40px;margin-top:0;}
.logo img{opacity:0;height:40px;}
#nav{display:none;background:#fff;width:100%;position:fixed;left:0px;top:50px;background-color:rgba(0,0,0,0.5);height:100%}
#nav .box1{width:100%;background-color:#fff;}
#nav_list dd{width:100%; margin:0 auto;float:none;text-align:left;padding:0}
.nava{display:block; line-height:45px; border-bottom:1px solid #ededed;border-top:none !important;border-bottom:1px solid #ddd; font-size:16px;  padding-left:20px; background-size:10px auto !important;padding:0 4%;color:#333}
/** 二级导航 **/
.nava.click{background:url(../images/icon/nav_ri.png) no-repeat 98% center;}
.nava.click.ico{background:url(../images/icon/nav_down.png) no-repeat 98% center;background-size: 17px auto !important;}
.nav-sub{display:none;position:static;background:#f5f5f5}
.nav-sub a{display:block; line-height:40px; border-bottom:1px dashed #ddd; color:#666;padding:0 4%}
.v-bg-text{display:none !important}


.top-ri{display:none;}
.language{overflow:hidden;}
.language a{width:50%;float:left;}
.language span{display:none;}
.m3-show .imga{width:96%;}
.m3-show .swiper-pagination{display:block;}
.m3-show .swiper-button-white{display:none;}
.m3-show .swiper-pagination span{border:2px solid #d61518}
.m3-show .swiper-pagination span.swiper-pagination-bullet-active{background-color:#d61518}
.main7 .h2{font-size:30px;}
.m7-le,.m7-ri{width:30%}
.m7-minddle{width:38%}
.m-tit .h2{font-size:20px}
.m-padd45{padding:45px 0}
.main8 .m-tit{margin-bottom:15px;}
.main8 .m-tit .h2{font-size:14px}
.m8-dd1 .np{line-height:20px;}
.footer-bottom{display:none;}
.product-mat70{margin:50px 0}
.product-deail-ntit{margin:50px 0}
.video-list dd{margin-bottom:40px}
.about-profile-list dd{width:28.5%;margin-right:2%}

}
@media only screen and (max-width: 980px) {
.m2-list dd{width:50%;border-bottom:1px solid #eee;}
}
@media only screen and (max-width:890px) {
.main7 .h2{font-size:25px;}
.m8-list dd{width:32%}
.m8-list dd.m8-dd2{margin:0 2%}
a.ablock{display:none}
a.none{display:block !important;margin-top:5px;}
.cp-ny-list .ntit{font-size:16px;line-height:50px;background-color:#f5f5f5;color:#fff;color:#333;border:1px solid #eee;border-top:none}
.cp-ny-list .div{padding:10px;}
.cp-ny-list .imga,.product .page{margin-bottom:30px;}
.cp-ny-list .imga:hover .div{border-color:transparent;}
.news1-le{display:none;}
.news1-ri{width:100% !important}
.news1-ri .news1-ri-div{margin-left:0;}
.news1-ri .div,.news2-ri .news1-ri-div{padding-right:0 !important}
.news1-ri .np{height:auto;margin-bottom:10px;display:block;}
.news1-ri-div .time2{display:none !important;}
.news-box2-list .imga{margin-top:20px;}
.about-profile-list dd{font-size:16px;}
.message-list .w5{width:48%}
.job_show .font20{font-size:16px;background-size:30px;padding-left:35px;padding-right:0;margin-right:0}
.job_show dt p{position:static;margin-left:35px;margin-top:-10px;}
.job_show dt{line-height:30px;padding:5px 0}
.contact-job{padding:30px 0}

}

@media only screen and (max-width:769px) {
.padd50{padding:30px 0;}
.m5-list .np{line-height:25px;max-height:100px;font-size:14px;}
.m5-list .font24{font-size:18px;}
.m5-list .imga{padding:40px 0}
.m4-swiper .div{font-size:10px;}
.footer-top .font16{font-size:14px}
.footer-copy span{display:block;font-size:12px;float:none;max-width:100%}
.foot-link{text-align:left;padding:15px 0 !important;font-size:12px;}
.foot-link span.inbk{margin-left:0}
.ny-nav-sub{width:100%;display:none;background-color:#f5f5f5;}
.ny-nav-open{display:block;height:50px;background-image:url(../images/icon/nav_ri.png);background-repeat:no-repeat !important;background-position:98% center !important;background-size:10px !important;padding:0 10px;font-size:16px;color:}
.ny-nav-open.on{background-image:url(../images/icon/nav_down.png);background-size:15px !important}
.ny-nav dd{display:block;width:100%;float:none;border-bottom:1px solid #ddd}
.product-mat70{margin:30px 0}
.product-deail-ntit{margin:30px 0}
.product-deail-banner-num{display:block;}
.product-deail-banner .arrow{display:none;}
.product-deail-banner .div{padding:0}
.video-list dd{margin-bottom:20px}
.video-list .div{line-height:40px;font-size:14px;padding:0 5px;}
.video-list .video-ico{background-size:20px !important;width:30px;}


}
@media only screen and (max-width:680px) {
.m3-click .clickbtn{padding:0 15px;font-size:15px;}
.m5-list .m5-div{margin:0 !important}
.m5-list .m5-div .div{margin:0 10px}
.h-hzhb-list{border-top:1px solid #ddd}
.h-hzhb-list .imga{width:33.3333333%;margin-top:-1px}
.m7-le{display:none;}
.m7-ri{margin-top:15px;}
.main7{padding:30px 0 25px}
.m7-minddle,.m7-ri{width:100%;display:block;text-align:center;}
.main7 .h2{margin:5px 0 0}
.m-tit .h2{font-size:18px}
.m-tit .h3 span{font-size:14px;}
.m-padd45{padding:30px 0}
.main8 .m-tit .h2{font-size:12px}
.m8-list dd{width:100%;padding-bottom:15px;border-bottom:1px solid #ddd}
.m8-list dd.m8-dd2{margin:15px 0}
.m8-dd1 .np{height:auto;}
.m8-list dd.m8-dd3{border-bottom:none;padding-bottom:0}
.footer-top a{width:20%}
#footer .flex{justify-content:flex-start;}
.cp-ny-list .ntit{font-size:14px;line-height:40px;}
.cp-ny-list .imga{width:29%;margin-bottom:20px;}
.product .page{margin-bottom:20px;}
.ny-nav{font-size:14px;}
.product-deail-ntit{font-size:20px;ma}
.about-profile-list{margin:25px 0}
.about-culture{padding-bottom:30px !important;background:none}
.about-culture-list{max-width:100%;margin-top:0}
.contact-lx-list dd{width:100%;display:block;margin-bottom:15px;}
.message-list .w5{width:100%;float:none;}
#video video{height:255px !important;width:680px !important;position:relative;left:50%;margin-left:-340px;}

}
@media only screen and (max-width: 580px) {
.m4-swiper .swiper-slide-next{transform:scale(1) !important;}
.m4-swiper .swiper-slide-active .div,.m4-swiper .swiper-slide-active a::before{display:block;}
.m2-list dd{width:100%;float:none;}
.m3-click .clickbtn{padding:0 10px;line-height:30px;font-size:13px;}
.m5-list .imga{padding:30px 0}
.m5-list .np{font-size:12px;line-height:20px;}
.m5-list .line{margin:10px 0}
.m5-list .fam,.m5-more{display:none;}
#ri_qq{display:none;}
#ny_banner{background-size:auto 100%}
#ny_banner{height:350px;}
.video-list dd{width:44.5%;margin-right:2%}
}

@media only screen and (max-width:480px) {
.footer-top a{width:33.3333%;margin:5px 0;}
.footer-top{padding:10px 0 !important;}
.cp-ny-list .imga{width:44.5%;margin-bottom:15px;}
.news2-le{width:140px;}
.news1-ri-div .h2{line-height:30px;border:none;}
.news-box2-list .np{line-height:20px;max-height:40px;}
.news-box2-list .news1-ri-div{margin-left:10px;}
.news-box1{padding-top:30px;}
.news .page{margin:30px 0;}
.about-profile-list dd{display:block;width:100%;margin:15px 0}
.about-profile-list{width:100%;margin:10px 0}
.ny-con{font-size:14px;}
.about-culture-list .font20{font-size:16px;}
.about-culture-list .font16{font-size:14px;}
.about-culture-list .mlW{left:5px}
.message-list .imgW,.message-list .mlW{display:block;line-height:20px;width:100% !important;margin-bottom:3px;}
.message-list .w5{margin-bottom:10px;}
.message-btn input{width:48%;font-size:16px;}
.message-btn input.tj{float:left;}
.message-btn input.reset{float:right;}
.message-btn{overflow:hidden;}
}


@media only screen and (max-width: 380px) {
/** 6会员中心 **/

}