.m-menubtn{position: fixed;z-index: 9999;top:0;right:0%;width:55px; background:#0076bd; height:70px;cursor: pointer;-webkit-transition:.5s;transition:.5s; display:none; }
.m-menubtn span{position: absolute;top:0;bottom: 0;left: 0; right: 0; width:25px;height:2px; background: #fff; margin: auto;}
.m-menubtn span:before, .m-menubtn span:after {content: "";width: 100%;height: 100%;position: absolute;bottom: 0;left: 0;right: 0;margin: auto; background-color: #fff;}
.m-menubtn span:before {bottom: 5px;}
.m-menubtn span:after {bottom: -5px;}
.m-menubtn.active span:before{-webkit-transform: rotate(-90deg);-moz-transform: rotate(-90deg);-o-transform: rotate(-90deg);-ms-transform: rotate(-90deg);transform: rotate(-90deg); background:#fff;}
.m-menubtn.active span:after {-webkit-transform: rotate(-90deg);-moz-transform: rotate(-90deg);-o-transform: rotate(-90deg);-ms-transform: rotate(-90deg);transform: rotate(-90deg);opacity: 0;}
.m-menubtn.active span {-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg); background:#fff;}
.m-menubtn.active span, .m-menubtn.active span:before, .m-menubtn.active span:after {right: 0;bottom: 0;}
.m-menubtn span, .m-menubtn span:before, .m-menubtn span:after{-webkit-transition: all 0.5s cubic-bezier(0.5, 0, 0, 1);-moz-transition: all 0.5s cubic-bezier(0.5, 0, 0, 1);-o-transition: all 0.5s cubic-bezier(0.5, 0, 0, 1);transition: all 0.5s cubic-bezier(0.5, 0, 0, 1);}

.m-menu{position:fixed; right:0;top:0; width:100%; height:100%;overflow-y:auto; background:#fff; overflow-x:hidden;visibility: hidden;transition: visibility 0ms linear 850ms;z-index:99;}
/*.m-menu:before{content:'';top: 0;left: 0;width: 100%;height: 100%; position: fixed;background: #fff;transform: translateX(-100%);transition: transform 550ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 350ms;}*/
.m-menu ul{ width:100%;padding-top:80px; padding-bottom:30px; padding-left:3%; padding-right:3%;overflow-y:auto;overflow-x:hidden;}
.m-menu li{ position: relative;border-bottom: 1px solid #ddd;}
.m-menu li>a{ font-size:17px;line-height:55px; padding:0 15px; position:relative}
.m-menu li>i{ position:absolute; width:40px; height:55px; right:0;top:0;}
.m-menu li>i:before{ content:""; width:16px; height:2px; background:#c2c2c2; position:absolute; left:12px;top:24px;}
.m-menu li>i:after{ content:""; width:2px; height:16px; background:#c2c2c2; position:absolute; left:19px;top:17px;}
.m-menu li.on i:after{ -moz-transform:rotate(90deg);-webkit-transform:rotate(90deg);transform:rotate(90deg); opacity:0}
.m-menu a{ display:block;}
.m-menu .sub{ display:none; background:#f5f5f5; padding:10px 0}
.m-menu .sub a{line-height:30px;font-size:15px; padding-left:20px; position:relative}
.m-menu .sub a:before{content: "";position: absolute;bottom: 15px; left: 0; width: 10px; height: 1px; background: rgba(255,255,255,.5);}
.m-menu.active{visibility: visible; opacity:1;transition: visibility 0ms linear 0ms;}
.m-menu.active:before{transform: translateX(0%);transition: transform 750ms cubic-bezier(0.215, 0.61, 0.355, 1);}
.m-menu.active li{opacity: 1;transform: translateX(0);transition: opacity 500ms linear 375ms, transform 500ms cubic-bezier(0.215, 0.61, 0.355, 1) 375ms;}




.m-foot{ position:fixed; width:100%; height:60px; padding-top:5px; left:0; bottom:0;background:#006fb3; color:#fff; display:none; z-index:99998}
.m-foot li{ float:left; width:33.33%; text-align:center;}
.m-foot li a{ color:#fff; font-size:14px; display:block;}
.m-foot li.li2 a{ background:url(../images/fmail.png) no-repeat center 5px; padding-top:25px}
.m-foot li.li3 a{ background:url(../images/ftel.png) no-repeat center 5px; padding-top:25px}
.m-foot li.li4 a{ background:url(../images/right_pic6.png) no-repeat center 3px; padding-top:25px}
.m-foot li.li2 a span{display: block;}





.phshow{ display:none !important}
.pcshow{ display: block !important}


@media screen and (max-width: 1650px){
.menu{margin-right:120px;}	
.menu li{ margin:0 25px;}
.menu li:after{right: -25px;}

.banner .txt{ font-size:45px;}
.banner .txt p{font-size:24px; }

.title { font-size: 36px;}
.title .en {font-size:60px;}

.nhistory .gallery-thumbs .swiper-slide h3{ font-size:130px; line-height:150px; }
.nhistory .gallery-thumbs .swiper-slide.active h3{font-size:150px;}
.i-advlist li:nth-child(-n + 3){ margin-bottom:3.5em}
.i-advlist .counter{ font-size:65px;}
.i-application .title p.en{ margin-bottom:15px;}
.i-news-list a{padding: 30vh 25px 25px;}

.title h3{ font-size: 50px;  margin-top:5px;}

.toponenews{ margin:0px 0 50px 0;padding:30px; }

.nsection{ padding:80px 0 100px 0;}
.nsectionpre{ padding-top:80px;}
.nsectionnext{ padding-bottom:80px;}
.otherdetail .item .ptitle{ font-size:30px; line-height:40px; margin-bottom:30px; padding-left:65px;}
.otherdetail .detailright .ttitle{ font-size:30px;}
.otherdetail .item{ padding:30px;}
.nprodetail .topjian .text p{ font-size:16px;}
.newslist .item .nmore{ width:80px; height:80px;}
.newslist .item .text h3{ font-size:20px; margin: 12px 0 10px 0;}
.newslist .item .text{ padding:20px 30px;}
.newstail .newstitle h3{ font-size:28px; margin-bottom:5px;}
.otherdetail .detailleft{ width:calc(96% - 240px);}
}
@media screen and (max-width: 1550px){
.menu{margin-right:100px; }	
.menu li{ margin:0 22px;}
.menu li:after{right: -22px;}
.menu .menu_a{ padding:0 10px; font-size:17px;}
body{ font-size:16px;}

.banner .txt{ font-size:36px;}
.banner .txt p{font-size:22px; }

.title { font-size: 28px;}
.title .en {font-size:55px;}

.i-product-list .img_ar{height: 520px;}
.i-product-list .img_ar img{max-width: 220px;}

.i-news-list a{padding: 25vh 25px 25px;}
.i-news-list .info{ margin-bottom:40px;}

.i-advlist .counter{ font-size:55px;}
.i-advlist li:nth-child(-n + 3){ margin-bottom:3em}
.i-product-list .pro-infor h3{ font-size:36px;}
.i-application .gallery-thumbs .ico img{height: 80px !important;}
.i-application .gallery-thumbs .swiper-slide{ font-size:22px;}
.f-logo img{ height:80px;}

.nyoushi .wrap .item{font-size:18px;}
.nyoushi .wrap .item .counter{font-size:50px; line-height:55px;}
.mab02 .text .con{ font-size:16px;}

.nhistory .gallery-thumbs .swiper-slide h3{ font-size:110px; line-height:120px; }
.nhistory .gallery-thumbs .swiper-slide.active h3{font-size:120px;}

.nhistory .gallery-top .text{ margin-left:60px;margin-top:-30px; padding:10px 30px;}
.nhistory .gallery-top .text span{ font-size:24px; padding-right:25px; margin-right:25px;}

.mab04 .ncleft .liangduandq{ display:block}
.mab04 .ncleft .kuai.nmail, .mab04 .ncleft .kuai.ntel{ display:block; }
.mab04 .ncleft .kuai{padding:20px 0; padding-left: 60px;}
.mab04 .ncleft .liangduandq{ border-top:none}
.mab04 .ncleft .liangduandq .kuai{ border-top: solid 1px #cecece;}
.mab04 .ncleft{margin-top:0%;}
.nprodetail .topjian .text h3{margin: 0px 0 30px 0; font-size: 45px;}
.otherdetail .item{padding:30px 20px;}
.napp02 .main_con .zhanshi .text{ width:84%; margin: 0 8%;}

.title .en{ letter-spacing:0}
.npower02bg .list .item .text h3{ font-size:20px; margin-bottom:0; margin-top:30px;}
.npower04bg .pro-nav li a{ padding:20px 0;}
.npower04bg .pro-nav li{ font-size:20px;}
.npower04bg .protab-wrap .desc{ font-size:16px; bottom:80px;}
.newslist .item .nmore{ width:60px; height:60px;}
.newslist .item .text .date{ font-size:18px;}

.prolist .toponenews h3{font-size: 32px; margin: 15px 0;}
.prolist .othernews h3 {font-size: 28px; margin: 10px 0;}

}
@media screen and (max-width: 1366px){
.menu{margin-right:80px; }	
.menu .menu_a{ font-size:16px;}

.title { font-size: 24px;}
.title .en {font-size:50px;}
.i-application .gallery-top .txt span:nth-child(1){ font-size:45px;padding-right:10px;}
.i-application .gallery-top .txt span:nth-child(2){padding-left:10px; font-size:22px;margin-top:20px;}
.i-application .gallery-top .txt span:nth-child(3){ font-size:22px;}
.i-product-con .content-detail{ margin-bottom:40px; font-size:16px;}
.i-advlist .intro{ font-size:16px;}
.i-advlist .counter{ font-size:50px;}
.i-product-list .img_ar{ height:450px;}

.i-application .gallery-thumbs .ico img{height:70px !important;}
.i-application .gallery-thumbs .swiper-slide{ font-size:20px;}

.i-about .title, .i-advantage .title{ margin-top:50px;}
.i-about .content-detail{ font-size:16px;}
.i-product-list .pro-infor h3{ font-size:30px;}
.footer{padding-top: 20px;}
.footer .line{ top:80px;}
.footer .copyright p{ padding-top:15px;}
.f-nav{ padding-bottom:25px;}
.footer .line02 {bottom:70px;}
.i-news-list .tit{ font-size:18px; margin-bottom:10px;}
.i-news-list .tm .y{ font-size:32px;}
.i-news-list .tm{ margin-bottom:20px;}
.i-news-list .more_2{ width:40px; height:40px;}
.banner .txt { font-size: 30px; }
.banner .txt p{ font-size:20px;}	
.Pagebtn-ico{ bottom:12px;}

body{ font-size:16px;}

.banner .swiper-pagination-bullet{ padding-top:60px; }
.banner .swiper-pagination-bullet-active:before{ height:50px;}
.banner .swiper-pagination-bullet-active:after{ height:60px}

.nhistory .gallery-thumbs .swiper-slide h3{ font-size:100px; line-height:120px; }
.nhistory .gallery-thumbs .swiper-slide.active h3{font-size:110px;}

.nhistory .gallery-top .text span{ font-size:20px; padding-right:15px; margin-right:15px;}

.title h3{ font-size: 40px;  margin-top:0px;}
.prolist p{ font-size:16px;}

.prolist .icon{ font-size:16px; padding-bottom:15px;}
.prolist .othernews .item .img-dv{ margin-bottom:20px;}
.prolist .othernews .item{ padding:20px;}
.toponenews{ margin:0px 0 30px 0;padding:30px; }

.prolist .othernews .item{ width:32%; margin-right:2%; margin-bottom:2%;}
.nprodetail .topjian .text h3{margin: 0px 0 20px 0; font-size: 40px;}
.nprodetail .topjian .wrap{ padding:50px 30px;}
.otherdetail .detailleft{ width:calc(96% - 240px);}
.nprodetail .topjian .text{ left:30px;}
.otherdetail .item .ptitle{ font-size:28px; line-height:32px; margin-bottom:25px; padding-left:55px;}
.otherdetail .item table td{ padding:10px;}

.napp02 .main_con .zhanshi .text .con h3, .napp02 .main_con .zhanshi .text .con p{ font-size:16px;}
.napp02 .main_con{ padding:30px;}


.npower03bg .text .conn p{ line-height:30px; font-size:16px;}
.newslist .item{ margin-bottom:45px;}
.newstail .newstitle{ padding-bottom:30px; margin-bottom:35px;}
.newstail .newscontent p{ line-height:28px;}

.newstail .shangxia{ padding:50px 0 40px 0; line-height:35px; font-size:16px; }
.newstail .back a{ width:160px; line-height:45px;}
}
@media screen and (max-width: 1300px){
.menu{margin-right:60px; padding:0 15px;}	
.header{ height:90px;}
.space{ height:90px;}
.logo{ height:90px;}
.header .other-btn{ height:90px;}
.logo img { height:55px;}
.menu .menu_a{ line-height:50px;}
.f-logo img{ height:65px;}
}
@media screen and (max-width: 1240px){
.banner .txt{ left:8%}
.wrap{ width:84%}
.npower04bg .title, .npower04bg .pro-nav, .npower04bg .protab-wrap .desc{padding-left:8%}
.i-advantage .wrap{padding-left:8%;}
.i-application .title{left:8%; width: 84%;}
.banner .txt { font-size: 24px; }	
.i-advlist .counter{ font-size:45px;}
body{ font-size:14px;}
.f-logo img{ height:55px;}
.i-advlist .counter{ font-size:40px;}
.i-laboratory p{ font-size:16px; padding:15px 0 35px}

.title { font-size: 22px;}
.title .en {margin-bottom:10px;}
.menu .menu_a{ padding:0 6px;}
.banner .txt p{ font-size:18px;}

.i-application .gallery-top .txt span:nth-child(1){ font-size:35px;padding-right:10px;}
.i-application .gallery-top .txt span:nth-child(2){margin-top:10px;}
.i-application .gallery-top .txt span:nth-child(3){margin-top:10px;}

.section06 .section-vh{ padding:50px 0 80px 0; position:relative }
.section06 .section-vh:before{ content:""; position:absolute; left:0; height:50px; background:#fff; width:100%; top:0; z-index:99}
.section06 .section-vh:after{ content:""; position:absolute; left:0; height:80px; background:#fff; width:100%; bottom:0; z-index:99}


.i-news .title{position: relative;top:auto;left:8%;}
.i-news{ position:relative; left:auto; top:auto; bottom:auto;}
.i-news-list{ position:relative; left:auto; top:auto; bottom:auto;}
.i-news:before, .i-news:after{ width:20px;}
.i-news .wrap{ width:100%; padding:0 20px}
.i-news-list .tm .y{ width:40px; font-size:20px;}
.i-news-list a{}

.nyoushi .wrap .item{font-size:16px;}
.nyoushi .wrap .item .counter{font-size:45px; line-height:50px;}

.nhistory .gallery-thumbs .swiper-slide h3{ font-size:80px; line-height:100px; }
.nhistory .gallery-thumbs .swiper-slide.active h3{font-size:100px;}

.title h3{ font-size: 32px;}
.nbanner img{ width:120%; margin-left:-10%}

.nsection{ padding:60px 0 80px 0;}
.nsectionpre{ padding-top:60px;}
.nsectionnext{ padding-bottom:60px;}

.prolist .toponenews h3, .prolist .othernews h3{font-size:28px; margin: 10px 0;}
.prolist .othernews h3{font-size: 24px; margin: 8px 0;}
.prolist .more{margin-top: 25px;}
.nprodetail .topjian .wrap{ margin-top:15px;}

.nprodetail .topjian .text h3{margin: 0px 0 15px 0; font-size: 30px;}
.nprodetail .topjian .text .icon{ font-size:20px;}

.napp02{ height:auto; min-height:auto;}
.napp02 .main_con .zhanshi{ width:80%}
.napp02 .appbtn{ width:16%;}
.newslist .item .nmore{ width:50px; height:50px;}
.newslist .item{ margin-bottom:30px;}
.newslist .item .text .date{ font-size:16px;}
.newstail .newstitle h3{ font-size:24px; margin-bottom:0px;}

.newstail .shangxia{line-height:30px; font-size:15px; }
}



@media screen and (max-width: 1180px){
.header .menu { display:none}
.header{ height:70px;}
.space{ height:70px;}
.logo{ height:70px;}
.logo img{ height:45px;}
.header .other-btn{ height:70px;}
.header{ padding: 0 20px;}
.header .other-btn{ margin-right:60px;}
.m-menubtn{ display: block; }
.header{ z-index:999;}

.section-vh{ height:auto !important; min-height:auto !important}
.fp-tableCell{height: auto !important;}
.fp-section.fp-table, .fp-slide.fp-table{height: auto !important;}
.Pagebtn-ico{ display:none;}

.i-about-bg{ display:none}
.i-about{background: url(../images/aboutbg.png) no-repeat center bottom; background-size:100% auto; padding:50px 0 80px 0; padding-bottom:80px; position:relative; left:auto; top:auto;-webkit-transform: translateY(0%); -moz-transform: translateY(0%); transform: translateY(0%);}
.i-about .content{ max-width:100%}
.i-about .title, .i-advantage .title{ padding-top:0; margin-top:0; }
.wrap{ width:100%; padding:0 20px}
.topjian{ padding:0 20px;}
.title { font-size: 20px;}
.title .en {font-size:40px; margin-bottom:5px;}
.banner .swiper-slide, .banner .banner-video{ height:520px;}

.i-advantage .title { width:100%; }

.i-advantage-bg{ display:none;}
.i-advantage{ display: block;  padding:50px 0 80px 0; background: url(../images/adv-bg.jpg) no-repeat center bottom; background-size: cover;}
.i-advlist .counter{ font-size:35px;}

.i-product{padding:50px 0 80px 0;}
.i-product-list .img_ar{ height:300px;}

.i-application{ position: relative; left:auto; top:auto; }
.i-application .gallery-top img{ width:120%; margin-left:-10%}
.i-application .title{ left:0%; top:50px; left:20px;}
.i-application .gallery-top{ position:relative; height:auto}
.footer{ margin-bottom:55px;}
.m-foot{ display:block;}


.i-news .title{ display:block;  left:auto; padding-left:20px; background:#fff; margin-bottom:0; padding-bottom:1.2em;}
.nyoushi{ height:auto; padding:40px 0 60px 0}

.mab01{ height:auto;}
.mab01 .nabout-bg{ display:none; }
.mab01 .text{ padding:100px 20px 180px 20px;background: url(../images/abbg01.jpg) no-repeat center center; background-size: cover; position:relative; left:auto; top:auto;-moz-transform: translate(0%, 0%);-webkit-transform: translate(0%, 0%);transform: translate(0%, 0%);}
.nyoushi .inn{ position:relative; left:auto;-moz-transform: translate(0%, 0%);-webkit-transform: translate(0%, 0%);transform: translate(0%, 0%);top:auto;}


.nabout02-bg{ display:none}
.mab02{background: url(../images/abbg02.jpg) no-repeat center center;background-size:cover;  position: relative; left:auto;-moz-transform:translate(0%,0%);-webkit-transform:translate(0%,0%);transform:translate(0%,0%); top:auto;padding:50px 0 80px 0; }

.mab02 .text .title{ padding-left: 15px;border-left: solid 5px #fff;}
.nhistory{ position: relative; left:auto;-moz-transform:translate(0%,0%);-webkit-transform:translate(0%,0%);transform:translate(0%,0%); top:auto;padding:50px 0 80px 0;}

.nabout04-bg{ display:none;}
.mab04{background: #f7f8f9;padding:50px 0 80px 0;position: relative; left:auto;-moz-transform:translate(0%,0%);-webkit-transform:translate(0%,0%);transform:translate(0%,0%); top:auto;}

.npower01bg{ position: relative; left:auto; top:auto; width:100%; height:auto;padding:50px 0 80px 0; min-height:500px;}
.npower02bg{ position: relative; left:auto; top:auto; width:100%; height:auto; padding:50px 0 80px 0; }
.npower02bg .title{ position: relative; top:auto; left:auto;}
.npower02bg .list .item .inn{ position:relative;left:auto; -moz-transform: translate(0%, 0%); -webkit-transform: translate(0%, 0%);transform: translate(0%, 0%);top:auto;}
.npower02bg .list .item{ height:auto;}
.npower02bg .list .item .text{ margin-top:20px;}
.npower02bg .list .item .text h3{ font-size:18px;}

.npower03bg{position: relative; left:auto; top:auto; width:100%; height:auto;padding:50px 0 80px 0; min-height:500px;}
.npower03bg .text{ position:relative;left: auto;-moz-transform: translate(0%, 0%);-webkit-transform: translate(0%, 0%);transform: translate(0%, 0%);top: auto;}

.npower04bg{ position:relative; left:auto; top:auto; width:100%; height:auto;padding:50px 0 80px 0; }
.npower04bg .inn{ position:relative;left:auto;-moz-transform:translate(0%,0%);-webkit-transform:translate(0%,0%);transform:translate(0%,0%); top:auto;}
.npower04bg .conn{ margin-top:50px;}
.npower04bg .pro-nav{ position: relative; width:100%;left: auto; top: auto;}
.npower04bg .title, .npower04bg .pro-nav, .npower04bg .protab-wrap .desc{ padding-left:0; }
.npower04bg .protab-wrap .desc{ bottom:auto; position: relative; width:100%}
.npower04bg .protab-wrap .i-product-list{ width:100%; margin-left:0}
.newslist .item .text h3{ font-size:18px;}
}
@media screen and (max-width: 1024px){
.i-advantage-con{ display: block}
.i-advantage-con .left{ float:none; width:100%; margin-bottom:40px;}
.i-advantage-con .right{ float:none; width:100%; clear:both;}
.i-advantage .title p.en{ opacity:0.3}
.i-advantage .wrap{ padding:0 0 0 20px;}
.i-advlist{ display: block}
.i-advlist li{ width:50%; float:left; margin-bottom:20px !important}

.i-product .wrap{ padding:0 20px;}
.i-product-con{ display:block}
.i-product-con .right{width: 100%; margin-bottom:50px;}
.i-product-con .left{width: 100%;}

.i-application .gallery-top img{ width:140%; margin-left:-20%}
.i-application .gallery-top .txt{ top:140px; left:20px;}
.i-application .gallery-thumbs{ width:100%; left:0px; bottom:80px;}
.i-news-list .tm .y{ font-size:28px;}


.title{ font-size:24px;}

.nhistory .gallery-thumbs .swiper-slide h3{ font-size:60px; line-height:80px; }
.nhistory .gallery-thumbs .swiper-slide.active h3{font-size:80px;}

.nhistory .gallery-top{ width:80%; margin-right:20%}
.nhistory .gallery-thumbs{ width:20%}
.nhistory .gallery-top .text{ margin-left:20px;}
.nhistory .gallery-top .img-dv{ margin-right:20px;}
.nhistory .gallery-top .title{ margin-bottom:35px;}

.title h3{ font-size: 28px;}
.nbanner img{ width:130%; margin-left:-15%}

.prolist .toponenews h3, .prolist .othernews h3{font-size:24px; margin: 10px 0;}
.prolist .othernews h3{font-size: 20px; margin: 8px 0;}
.more{ width:120px;}
.otherdetail .detailleft{ width:100%;}
.otherdetail .detailright{ display:none; }

.nprodetail .topjian .text h3{margin: 0px 0 10px 0; font-size: 24px;}
.nprodetail .topjian .text .icon{ font-size:18px;}

.nprodetail .topjian .wrap{ padding:20px 20px 40px 20px;}
.otherdetail .item .ptitle{ font-size:24px; line-height:30px;padding-left:50px;}
.nprodetail .back a{ width:160px; line-height:40px;}

.napp02 .main_con{ padding:20px;}
.napp02 .main_con .zhanshi{ width:100%;}
.napp02 .appbtn{ width:100%; height:auto; position:relative; top:auto; margin-top:0px; right:auto; padding:20px;}
.napp02 .appbtn li{ width:23.5%; margin-right:2%; float:left}
.napp02 .appbtn li:nth-child(4n){ margin-right:0}
.napp02 .main_con .img-dv .img1{ height:350px;}
.napp02 .appbtn li .img-dv .img1{ height:auto;}
.napp02 .img-dv{ border-radius:8px;}
.napp02 .title .en{ font-size:24px;}
.npower03bg .text .title, .npower03bg .text .conn{ width:55%; }
.newslist .item .text .date{ font-size:14px;}
.newslist .item .text{ padding:20px;}
}
@media screen and (max-width: 768px){
.title .en {font-size:32px; margin-bottom:5px;}	
.banner .swiper-slide, .banner .banner-video{ height:360px;}
.banner .txt { font-size: 20px; }
.banner .txt p{ font-size:16px;}

.i-advlist .counter{ font-size:30px;}
.i-product-list .img_ar{ height:250px;}
.i-product-list li{width: 10%;}
.i-product-list li.cur{width:80%;}
.i-product-list .pro-infor h3{ font-size:20px;}
.title .en{ margin-left:0 ; left:0; letter-spacing:0 !important}
.i-application .gallery-top img{ width:160%; margin-left:-30%}
.i-application .gallery-thumbs .ico img{ height:60px !important;}
.i-application .gallery-thumbs .swiper-slide{ line-height:20px; font-size:18px;}

.i-news-list a{ padding:10px;}
.i-news-list .more_2{ width:30px; height:30px;}
.i-news-list ul{display: -webkit-box; display: flex;flex-wrap: wrap;-webkit-box-pack: start;justify-content: flex-start; }
.i-news-list li{ width:50%;}
.i-news-list .tm .y{ font-size:24px;}

.i-news:before, .i-news:after{ width:10px;}
.i-news .wrap{ padding:0 10px}

.header.header-back{box-shadow: 0px 6px 5.64px 0.36px rgba(0, 0, 0, 0.06);}
.fp-viewing-5 .header-back{  background:#fff; }
.mab02 .text .con{ font-size:15px;}
.title{ font-size:22px;}

.nhistory .gallery-thumbs .swiper-slide h3{ font-size:40px; line-height:60px; }
.nhistory .gallery-thumbs .swiper-slide.active h3{font-size:50px;}

.mab02 .image{ float:none; width:100%; margin-bottom:30px;}
.mab02 .text{ float:none; width:100%}
.mab02 .text .title p.cn{ font-size:20px}

.nhistory .gallery-top .text{ width:calc(100% - 20px) ; margin-left:0px; border-radius:0; margin-top:0;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden; padding:5px 15px; line-height:26px; height:62px;}
.nhistory .gallery-thumbs{margin-top:90px; height:calc(100% - 90px)}

.mab04 .ncleft{ float:none; width:100%; margin-bottom:30px;}
.mab04 .ncright{ float:none; width:100%}
.title h3{ font-size: 24px;}
.nbanner img{ width:140%; margin-left:-20%}

.nsection{ padding:40px 0 60px 0;}
.nsectionpre{ padding-top:40px;}
.nsectionnext{ padding-bottom:40px;}

.prolist .othernews .item{ width:48.5%; margin-right:3%; margin-bottom:3%; padding:15px; border-radius: 15px 15px 0 15px; }
.prolist .othernews .item:nth-child(3n){ margin-right:3%}
.prolist .othernews .item:nth-child(2n){ margin-right:0%}
.toponenews{ padding:20px; border-radius: 20px;}

.nprodetail .topjian .img-dv{ float:none; width:100%; margin-bottom:30px; }
.nprodetail .topjian .text{ width:100%; position: relative; left:auto; bottom:auto;}

.otherdetail .item .ptitle{ font-size:22px; line-height:25px;padding-left:40px;}
.napp01{ height:auto; min-height:550px; min-height:450px;}
.npower01bg{min-height:450px;}

.npower02bg .list .item{ width:48.5%; margin-right:3%; margin-top:30px;}
.npower02bg .list .item:nth-child(2n){ margin-right:0; }
.npower02bg .list .item .text h3{ font-size:16px;}
.npower02bg .list .item .text p{ font-size:10px;}
.npower03bg .text .title, .npower03bg .text .conn{ width:100%;}

.npower03bg {background: url(../images/npower03bg.jpg) no-repeat 100% bottom; background-size: 200% auto; padding-bottom:600px}
.npower04bg .protab-wrap .item .swiper-slide{ padding:15px; border-radius:15px;}
.newslist .item .text h3{ margin:8px 0;}

.newstail .newstitle h3{ font-size:20px;}
}

@media screen and (max-width: 640px){
.i-application .gallery-top img{ width:200%; margin-left:-50%}	
.f-logo{ display:none;}
.f-nav{ width:100%; float:none; padding:0 20px;}
.f-nav ul{ display:block}
.footer .line{ display:none;}
.footer .copyright{ padding:10px 0 30px 0}
.footer .line02{ width:100%;}
.footer{ padding-right:0;}
.f-nav li{ text-align:left; width:100%; border-bottom:solid 1px #3090ca;}
.f-nav li .sub{ display:none; padding-bottom:20px;}
.f-nav h4{ line-height:45px;  margin:0; padding:0; position:relative; display:block; width:100%}

.f-nav li h4>i{ position:absolute; width:40px; height:45px; right:0;top:0; opacity:0.7}
.f-nav li h4>i:before{ content:""; width:16px; height:2px; background:#fff; position:absolute; left:12px;top:24px;}
.f-nav li h4>i:after{ content:""; width:2px; height:16px; background:#fff; position:absolute; left:19px;top:17px;}
.f-nav li.on h4 i:after{ -moz-transform:rotate(90deg);-webkit-transform:rotate(90deg);transform:rotate(90deg); opacity:0}


.mab01 .text .wrap{ padding-left:20px;}
.mab01 .nabout-bg{background: url(../images/abbg01.jpg) no-repeat 52% center; background-size: 250% 100%;}


.nyoushi .wrap{ display:block;}
.nyoushi .wrap .item{ width:50%;}	
.nyoushi .wrap .item:nth-child(1), .nyoushi .wrap .item:nth-child(2){ margin-bottom:20px;}
.nyoushi .wrap .item .counter{font-size:35px; line-height:40px;}

.nhistory .gallery-thumbs .swiper-slide h3{ font-size:24px; line-height:60px; }
.nhistory .gallery-thumbs .swiper-slide.active h3{font-size:30px;}

.title .en {font-size:28px;}
.nbanner img{ width:160%; margin-left:-30%}	
.more{ width:110px;}

.toponenews{ padding:15px; border-radius: 15px;}

.toponenews a{ display:block;}
.toponenews a .img-dv{ display: block; width:100%;}
.toponenews a .text{ display: block; width:100%; padding:0; margin-top:20px;}
.prolist .toponenews .more{ margin-top:30px;}
.napp01bg{ background: url(../images/napp01bg.jpg) #000 no-repeat center bottom; background-size: 130%;}
.newslist .item .text h3{ font-size:16px;}

.newslist .item a{ display:block;}
.newslist .item .img-dv{ width:100%; display:block;}
.newslist .item .text{ width:100%; padding:20px 20px 50px 20px; display:block;}
}
@media screen and (max-width: 540px){
.i-application .gallery-top img{ width:240%; margin-left:-70%}	
.i-product-list ul{ display:block; }
.i-product-list li{width:100% !important;}
.i-product-list li.cur{width:100% !important;}	

.i-product-list li .pro-img,
.i-product-list li .pro-infor{transition:0.6s; -webkit-transition:0.6s; transition-delay:0.5s; -webkit-transition-delay:0.5s;}
.i-product-list li .pro-img{transform:scale(1); -webkit-transform:scale(1);}
.i-product-list li .img_ar:after{opacity: 1;}
.i-product-list li .img_ar img{display: none;}
.i-product-list li .pro-infor{bottom: 20%;opacity: 1;}

.f-nav ul .sub{ display:none}
.f-nav h4{ margin-bottom:0}
.footer .copyright{ margin-top:0}
.footer .line02{ display:none;}

.nhistory .gallery-thumbs .swiper-slide h3{ font-size:20px; line-height:60px; }
.nhistory .gallery-thumbs .swiper-slide.active h3{font-size:25px;}

.nbanner img{ width:180%; margin-left:-40%}	

.napp01 .con .text{ position:relative; width:100%; left:0; margin-top:0; line-height:1.4; }
.napp01{ min-height:450px;}
.npower01bg{min-height:450px;}
.npower03bg {background: url(../images/npower03bg.jpg) no-repeat 100% bottom; background-size: 200% auto; padding-bottom:360px}
}