.m-menubtn { display:none; height:90px; width:45px; position:absolute;top:0;right:10px; padding-top:10px; cursor:pointer}
.m-menu{ background:#fff;  position:absolute; top:90px;width:100%; border-top:1px solid #eee; display:none;z-index:99; margin-left:-2%; width:102%}

.m-menubtn .line{ display:block; width:70%; height:4px;background:#ffeb00; margin:0 auto 4px}
.m-menubtn .line:first-child{ margin-top:25px;}

.m-menu li .m-menu-1{ display:block; border-bottom:1px solid #eee;padding:12px 3%; font-size:15px; position:relative}
.m-menu li .m-menu-1 i{ position:absolute; top:13px; right:3%; width:17px; height:17px; background:url(../image/menu_list1.png) no-repeat; background-size:17px 17px;}
.m-menu li .m-menu-1.active{ background:#6db030; color:#fff}
.m-menu li .m-menu-1.active i{ background:url(../image/menu_list2.png) no-repeat;top:8px;}
.m-menu li .m-menu-sed{ background:#f5f5f5; padding:10px 3%; display:none}
.m-menu li .m-menu-sed dd a{ color:#7c7c7c; display:block; line-height:30px;}

.footer2{ display:none}


.footer2{ display: none; width:100%; background-color:#2098d1;padding:5px 0; position:fixed!important; bottom:0;z-index:999;  }
.footer2 li{ float:left; width:25%; text-align:center;}
.footer2 li a{ color:#fff; display:block; line-height:20px; padding-top:30px;}


.pcxian{ display:block}
.phxian{ display:none}


.shoujixian { display:none}
@media(max-width:1600px){
.wrap { width:98%;}
}

@media(max-width:1440px){
.pros .picScroll .prev,
.pros .picScroll .next{ position:absolute; z-index:9999;  left:-25px; top:31%; display:block; width:38px; height:65px; overflow:hidden; background:url(../image/guwenleft.png) no-repeat; cursor:pointer;}
.pros .picScroll .next{ left:auto; right:-25px; background:url(../image/guwenright.png) no-repeat;z-index:9999; }

.app .picScroll01 .prev,
.app .picScroll01 .next{ position:absolute; z-index:9999;  left:-25px; top:31%; display:block; width:38px; height:65px; overflow:hidden; background:url(../image/guwenleft.png) no-repeat; cursor:pointer;}
.app .picScroll01 .next{ left:auto; right:-25px; background:url(../image/guwenright.png) no-repeat;z-index:9999; }

.about02 .picScroll .prev,
.about02 .picScroll .next{ position:absolute; z-index:9999;  left:-25px; top:31%; display:block; width:38px; height:65px; overflow:hidden; background:url(../image/guwenleft.png) no-repeat; cursor:pointer;}
.about02 .picScroll .next{ left:auto; right:-25px; background:url(../image/guwenright.png) no-repeat;z-index:9999; }

}
@media(max-width:1400px){
.nav > li {padding-right:35px;}
.header .menu{ float:right; width:48%;}	
}
@media(max-width:1199px){
.header .logo{ width:50%; }
.header .menu{ display:none}
.m-menubtn{ display:block}
.use .language { margin-right:50px;}
.yuyan{ display:none}
.footer .kuai:nth-child(2){ display:none }
.footer .kuai:nth-child(3){ display:none ;}
.footer .kuai:nth-child(4){display:none ;}
.copyright{ margin-bottom:60px;}
.footer2{ display: block;}

.news .kuai .pic{ height:auto;}
.news .kuai:hover img{transform:scale(1);}

.news_list .newspic span{ height:auto; display:block; }
.news_list .newskuai:hover .newspic  span img{transform:scale(1);}

}
@media(max-width:1024px){
.about .aboutpic{ float:none; width:100%;}
.about .aboutpic img{ width:100%; max-width:1024px; height:auto; text-align:center; margin:0 auto; display:block}
.about .aboutjian{ float:none; width:100%; max-width:1024px;}

.nbanner .text01 {margin-top:-160px;}
.nbanner .text01 h3{line-height:45px;  font-size:30px;text-transform:uppercase;}
.nbanner .text01 p{font-size:16px;}

.nbanner .text02 {margin-top:-160px;}
.nbanner .text02 h3{line-height:45px;  font-size:30px;text-transform:uppercase;}
.nbanner .text02 p{font-size:16px;}

.promain .kuai{ float:left; width:23.5%; margin-right:2%; margin-bottom:20px;}
.promain .kuai:nth-child(5n){ margin-right:2%}
.promain .kuai:nth-child(4n){ margin-right:0%}
.promain .kuai:nth-child(4n+1){ clear:both}

.promain .dangqian .con .co p{padding-left:2%; float:left; width:23%;}


}
@media(max-width:768px){
.pros .picScroll .prev,
.pros .picScroll .next{ position:absolute; z-index:9999;  left:-10px; top:26%; display:block; width:38px; height:65px; overflow:hidden; background:url(../image/guwenleft.png) no-repeat; cursor:pointer;}
.pros .picScroll .next{ left:auto; right:-10px; background:url(../image/guwenright.png) no-repeat;z-index:9999; }


.app .picScroll01 .prev,
.app .picScroll01 .next{ position:absolute; z-index:9999;  left:-10px; top:31%; display:block; width:38px; height:65px; overflow:hidden; background:url(../image/guwenleft.png) no-repeat; cursor:pointer;}
.app .picScroll01 .next{ left:auto; right:-10px; background:url(../image/guwenright.png) no-repeat;z-index:9999; }
.app .picScroll01 ul li{ width:25%;}

.about02 .picScroll .prev,
.about02 .picScroll .next{ position:absolute; z-index:9999;  left:-10px; top:31%; display:block; width:38px; height:65px; overflow:hidden; background:url(../image/guwenleft.png) no-repeat; cursor:pointer;}
.about02 .picScroll .next{ left:auto; right:-10px; background:url(../image/guwenright.png) no-repeat;z-index:9999; }

.banner{ width:120%; margin-left:-10%}
.nbanner img{ width:160%; margin-left:-30%}
.title h3{ line-height:56px; font-size:28px;}
.title p{ font-size:15px;}

.pros{ padding:20px 0 30px 0;}

.youshi li{ width:33.33%;}
.youshi li:nth-child(4){ margin-left:16.6%}

.news .kuai{ width:50%;}
.news .kuai:nth-child(1){ margin-bottom:20px;}
.news .kuai:nth-child(2){ margin-bottom:20px;}
.news .kuai:nth-child(2n+1){ clear: both}
.footer .kuai:first-child{ width:70%; margin:0;}
.footer .kuai:nth-child(5){ float:right; width:30%; margin-right:0px;}
.youshi li .pic{  max-width:100px;}
.header .logo{ width:85%; }
.header .logo img{ width:auto;height:auto;max-height:60px; max-width:300px; }
.header { height:60px;}
.banner{ padding-top:60px;}
.nbanner{ padding-top: 60px;}
.m-menubtn { height:60px;padding-top:0px; right:0px;}
.m-menubtn .line{width:60%;}
.m-menu{ top:60px; }
.use .language { display:none}


.yuyan{ display: block}
.yuyan { line-height:40px; height:40px; border-bottom:solid 1px #ddd} 
.yuyan div div{float:left; width:31%; margin-left:2.33% }
.yuyan .zhong{ background:url(../image/chinese.png) no-repeat 2% center;padding-left:32px}
.yuyan .ying{ background:url(../image/en.png) no-repeat 2% center;padding-left:32px}
.yuyan .ri{ background:url(../image/jp.png) no-repeat 2% center;padding-left:32px}


.nbanner .text01 {margin-top:-120px;}
.nbanner .text01 h3{line-height:35px;  font-size:26px;text-transform:uppercase;}
.nbanner .text01 p{font-size:14px;}

.nbanner .text02 {margin-top:-120px;}
.nbanner .text02 h3{line-height35px;  font-size:26px;text-transform:uppercase;}
.nbanner .text02 p{font-size:14px;}

.about02 .picScroll ul li{ width:33.33%}

.comPro-box{width:100%;float:none;margin:34px 0 0;}
.comPro-img{width:100%;position:relative;float:none;margin:50px 0 0;}
.comPro-img:before{width:100%;height:auto;background:none;}

.promain .kuai{ float:left; width:32%; margin-right:2%; margin-bottom:20px;}
.promain .kuai:nth-child(4n){ margin-right:2%}
.promain .kuai:nth-child(3n){ margin-right:0%}
.promain .kuai:nth-child(4n+1){ clear:none; float:left}
.promain .kuai:nth-child(3n+1){ clear:both}

.promain .dangqian .con .co p{padding-left:3%; float:left; width:30.33%;}

.proleft{ float:none; width:100%; margin-top:-30px; margin-bottom:30px; }

.proright{ float:none; width:100%; border-left:none; padding-left:0%; }
.shoujixian { display: block}
.shoujixian .dangqian p{ float:left; width:30.33%;padding-left:3%;}
.shoujixian .dangqian h3{ margin:0}

.news_list .newspic{ float:left; width:35%;}
.news_list .newskuai .time{margin-top:15px; height:auto}
.news_list .newscon{ float:right; width:62%;}

.news_con .tuijian{ display:none}
.news_con .newsx{ float:none; width:100%; border-left:none; padding-left:0%; }

.lianxis .lxfs{ float:none; width:100%; font-size:15px;}
.lianxis .liuyan{ float:none; width:100%; font-size:15px;}

.lianxis .lxfs .tel{padding-left:60px; margin-bottom:18px;}
.lianxis .lxfs .fax{padding-left:60px;margin-bottom:18px;}
.lianxis .lxfs .email{padding-left:60px;margin-bottom:18px;}
.lianxis .lxfs .add{padding-left:60px;margin-bottom:18px;}

.A-title span{ine-height:42px;font-size:28px;}

.footer {padding: 15px 0 20px 0;}
.nmain {padding: 20px 0 40px 0;}


.pcxian{ display:none}
.phxian{ display:block}


.appkuais li{ float:none; width:100%; margin-bottom:20px; background-color:#fafafa}
.appkuais li:nth-child(2n){ float:none;}

.nguide ul { float:none; width: 100%;font-size: 14px;}
.nnguide ul { float:none; width: 100%;font-size: 14px;}
.nguide001 ul { float:none; width: 100%;font-size: 14px;}
.nguide02 ul { float:none; width: 100%;font-size: 14px;}
.nguide03 ul { float:none; width:100%;font-size: 14px;}
.weizhi{ display:none}
}
@media(max-width:640px){
.pros .picScroll ul li{ width:33.33%;}

.hot{position: absolute; padding-left:2px;}
.app .picScroll01 ul li{ width:33.33%;}
.about02 .picScroll ul li{ width:50%}

.nbanner .text01 {margin-top:-80px;}
.nbanner .text01 h3{line-height:35px;  font-size:26px;text-transform:uppercase;}
.nbanner .text01 p{font-size:14px;}

.nbanner .text02 {margin-top:-80px;}
.nbanner .text02 h3{line-height35px;  font-size:26px;text-transform:uppercase;}
.nbanner .text02 p{font-size:14px;}

.promain .kuai{ float:left; width:48%; margin-right:4%; margin-bottom:20px;}
.promain .kuai:nth-child(3n){ margin-right:4%}
.promain .kuai:nth-child(2n){ margin-right:0%}
.promain .kuai:nth-child(3n+1){ clear:none; float:left}
.promain .kuai:nth-child(2n+1){ clear:both}
.promain .dangqian .con .co p{padding-left:4%; float:left; width:46%;}


.news_list .newskuai a{ padding:15px 0; }
.news_list .newspic{ float:none; width:90%; margin:0 auto}
.news_list .newskuai .time{margin-top:10px; height:auto}
.news_list .newscon{ float:none; width:90%; margin:0 auto;}



.part{ width:300px; margin:0 auto;}
.part .rotate{
    width:300px;
    height:360px;
    position:relative;
    margin-top:20px;
}
.part .rotate .php{
    width:300px;
    height:300px;
    animation: rotating1 100S;
    animation-iteration-count:infinite;
    animation-timing-function:linear;
    background:url("http://www.napomaterial.com/img/rotate-bg.png") no-repeat center;
}
.part .rotate .php .box{
    top:85px;
    left:85px; color:#fff;
    width:100px;
    height:100px;
    position:absolute;
    background:#6db030;
    border:21px solid #e5e7ee;
    border-radius:50%;
    animation: rotating-reverse1 100S;
    animation-iteration-count:infinite;
    animation-timing-function:linear;
}
.part .rotate .php p{
    font-size:18px;
    line-height:30px; padding-top:10px;
    text-align:center;
    color:#fff;
    font-weight:600;
}
.part .rotate .rotate1{
    top:0;
    left:0;
    width:300px;
    height:300px;
    position:absolute;
    border:1px dashed #b4b4b4;
    border-radius:50%;
    animation: rotating1 100S;
    animation-iteration-count:infinite;
    animation-timing-function:linear;
}
.part .rotate .rotate1 .box{
    width:90px;
    height:90px;
    position:absolute;
    border:7px solid #e5e7ee;
    border-radius:50%;
    animation: rotating-reverse1 100S;
    animation-iteration-count:infinite;
    animation-timing-function:linear;
}
.part .rotate .rotate1 .box p{
    line-height:22px;
    text-align:center;
    color:#474852; margin-top:0px;
    font-weight:600; font-size:14px;
}
.part .rotate .rotate1 .box.b1{
    top:-38px;
    left:123px;
    background:#6db030;
    background:rgba(109,176,48,0.6);
}
.part .rotate .rotate1 .box.b2{
    top: 87px;
    left: -50px;
    background:#6db030;
    background:rgba(109,176,48,0.6);
}
.part .rotate .rotate1 .box.b3{
    top: 100px;
    right: -43px;
    background:#6db030;
    background:rgba(109,176,48,0.6);
}
.part .rotate .rotate1 .box.b4{
    top: 232px;
    left: 95px;
    background:#6db030;
    background:rgba(109,176,48,0.6);
}
.part .rotate .rotate1 .box.b5{
    top:388px;
    left:141px;
    background:#6db030;
    background:rgba(109,176,48,0.6);
}
.part .rotate .rotate2{
    top:60px;
    left:60px;
    width:187px;
    height:187px;
    position:absolute;
    border:1px dashed #b4b4b4;
    border-radius:50%;
    animation: rotating2 100S;
    animation-iteration-count:infinite;
    animation-timing-function:linear;
}
.part .rotate .rotate2 .box{
    width:70px;
    height:70px;
    position:absolute;
    border:7px solid #e5e7ee;
    border-radius:50%;
    animation: rotating-reverse2 100S;
    animation-iteration-count:infinite;
    animation-timing-function:linear;
}
.part .rotate .rotate2 .box p{
    line-height:22px; padding-top:1px;
    text-align:center; font-size:13px;
    color:#474852; font-weight:700;
}
.part .rotate .rotate2 .box.b1{
    top:40px;
    left:-35px;
    background:#7a7ee1;
    background:rgba(111,198,117,0.6)
}
.part .rotate .rotate2 .box.b2{
    top:-40px;
    right:60px;
    background:#fe7748;
    background:rgba(111,198,117,0.6)
}
.part .rotate .rotate2 .box.b3{
    top:136px;
    left:0px;
    background:#ff458c;
    background:rgba(111,198,117,0.6)
}
.part .rotate .rotate2 .box.b4{
    top:120px;
    right:0px;
    background:#6fc675;
    background:rgba(111,198,117,0.6);
}
.part .rotate .rotate2 .box.b5{
    top:30px;
    right:-42px;
    background:#6fc675;
    background:rgba(111,198,117,0.6)
}
.part .rotate .info{
    top:80px;
    width:200px;
    display:none \9;
    opacity:0;
    position: absolute;
    transition:opacity 1s;
}
.part .rotate .box:hover .info{
    display:block \9;
    opacity:1;
    transition:opacity 1s;
}


.part .rotate .rotate2 .box.b11{
    top: -30px;
    left: 27px;
    background:#7a7ee1;
    background:rgba(111,198,117,0.6)
}
.part .rotate .rotate2 .box.b22{
    top: 36px;
    right: -42px;
    background:#fe7748;
    background:rgba(111,198,117,0.6)
}
.part .rotate .rotate2 .box.b33{
    top: 100px;
    left: -23px;
    background:#ff458c;
    background:rgba(111,198,117,0.6)
}
.part .rotate .rotate2 .box.b44{
    top: 130px;
    right: 12px;
    background:#6fc675;
    background:rgba(111,198,117,0.6);
}

.part .rotate .rotate1 .box.b11{
    top: -28px;
    left: 153px;
    background:#6db030;
    background:rgba(109,176,48,0.6);
}
.part .rotate .rotate1 .box.b22{
    top: 0px;
    left: -12px;
    background:#6db030;
    background:rgba(109,176,48,0.6);
}
.part .rotate .rotate1 .box.b33{
    top: 114px;
    right: -40px;
    background:#6db030;
    background:rgba(109,176,48,0.6);
}
.part .rotate .rotate1 .box.b44{
    top: 172px;
    left: -20px;
    background:#6db030;
    background:rgba(109,176,48,0.6);
}
.part .rotate .rotate1 .box.b55{
    top: 229px;
    left: 140px;
    background:#6db030;
    background:rgba(109,176,48,0.6);
}


.m-menu li .yuyanbg{ background:url(../image/index_07.jpg) no-repeat 10px center; padding-left:30px;}

.promain {padding:0px 0 30px 0;}

.proleft .kuai01 p{ float:left; width:30.33%;padding-left:3%;}

.proleft .qitad{ display:none}
.proleft .qitad02 { display: block}
.copyright span:first-child{ display:block; height:0}
.copyright span:last-child{ margin-left:10px;}


.news .tabmenu li {font-size:16px;line-height:38px; padding:0px 36px;}
.pros .tabmenu li {font-size:16px;line-height:38px; padding:0px 36px;}

.pros #ptabcontent { clear:both; height:230px; overflow:hidden}
.about .aboutjian .conn{ padding:5% 2%;}
}