.menu-btn{ position:absolute; height:60px; width:25px; top:50%; margin-top:-36px; right:0px; cursor:pointer; display:none}
.menu-btn span{display:block; height:3px; background:#015eb1; margin-bottom:5px}

.menu-btn .line1{ margin-top:30px}
.m-menu{ width:100%; height:100%; background:rgba(0,0,0,0.85); color:#f5f5f5; z-index:9999; position:fixed; text-align:center; display:none}
.m-menu .closed{ width:25px; height:60px; background:url(../images/close.png) no-repeat center center; background-size:100% auto; position:absolute; right:3%; top:5%; cursor:pointer;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s; transition:.5s;}
.m-menu li{ position:relative}
.m-menu li a{ color:#f5f5f5; font-size:20px; text-transform:uppercase; line-height:55px; display:block}
.m-menu li:last-child a{ display:inline-block;padding:0 10px}
.m-menu li:last-child a.cur{ color:#68bd24}
.m-menu ul{ position:absolute; top:50%; margin-top:-220px;width:100%;}
.m-menu .closed:hover{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg); transform:rotate(180deg);}


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

.m-foot{ position:fixed; width:100%; height:58px; left:0; top:calc(100% - 58px);background: #015eb1; color:#fff; display:none; z-index:99}
.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.li1 a{ background:url(../images/r_icon01.png) no-repeat center 8px; padding-top:28px}
.m-foot li.li2 a{ background:url(../images/r_icon02.png) no-repeat center 8px; padding-top:28px}
.m-foot li.li3 a{ background:url(../images/right_pic6.png) no-repeat center 6px; padding-top:28px}


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



.m_fnav li:after{ content:""; width:1px; height:10px; display:block; position:absolute; top:50%; margin-top:-5px; right:0; background:#555}
.tanchuang{ display:none}
.tanchuang .bg{ position:fixed;left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.25); }
.tanchuang .text{ position:fixed;left:50%; margin-left:-150px;top:20%; width:300px; padding:20px; height:auto; background:#fff; box-shadow:0 5px 15px rgba(0,0,0,0.3); -webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px; text-align:center;z-index:999}
.tanchuang .text .closed{width:30px; height:30px; background:url(../images/close_1.png) no-repeat center; background-size:12px; border:1px solid #333; border-radius:50%;position:absolute; top:5px; right:5px}
.tanchuang .text{ font-size:20px; font-weight:bold}
.tanchuang .text .p1{ color:#0073ba}
.tanchuang .text .tel{ background:#0073ba; color:#fff;padding:15px; -webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px; margin:15px 0}
.tanchuang .text .tel a{ color:#fff}
.tanchuang .text .btn{ background:url(../images/b-03.png) no-repeat left center; background-size:30px auto; display:inline-block; padding-left:35px; color:#333; text-decoration:underline}
.tanchuang .text .p2{ color:#0073ba; font-size:18px; margin-top:15px; }




@media screen and (max-width: 1600px){
.nbanner{ height:360px;}
.nbanner02{ height:440px;}
.nbanner .ntitle{ font-size:42px; line-height:55px; }
.location{ color:#fff;padding-bottom:130px;}

}

@media screen and (max-width: 1366px){
.space{ height:94px;}
.header .wrap{ height:94px;}
.header .menu li .menu_a{ line-height:94px;font-size:17px;}

.iBnr-box h3{font-size:45px; line-height:50px; margin:20px 0;}
.iBnr-box p{ font-size:26px; }
.iBnr-box{ top:36%}

.title h3{ font-size:40px; }
.title p{ font-size:26px;}

.nbanner{ height:320px;}
.nbanner02{ height:400px;}
.nbanner .ntitle{ font-size:36px; line-height:45px; }
.location{ padding-bottom:120px;}

.iabout .ijianjie .njianjie .conn{ font-size:16px}
.title {margin-bottom: 30px;}
.iabout .ijianjie .njianjie .quite .item .icon img{margin: 0 auto 10px auto; }
.iabout .ijianjie .njianjie .quite .item{ font-size:17px;}
.iproducts .title{margin-top: 80px;}
.iproducts .more{ top:200px;}

.nabout01 .wenzi .intro p{ font-size:16px}


.comVision-list .comVision-icon{width: 120px;height: 120px;line-height: 120px;}

.nmain .shangxia{ display:none}


}
@media screen and (max-width: 1240px){
.iproducts .tabmenu li{ padding:30px 0; font-size:18px;}
.iproducts .tabmenu{ margin-top:-80px}
.i-case-list .wenzi{padding: 10px 5px 15px 5px;}
.iabout .more{ width:60px; height:60px;  margin-left:-30px; margin-top:-30px;}
.iabout .more a{width:60px; height:60px; background:url(../images/rddr.png) no-repeat center center; background-size:25px auto;}
.iproducts .more{ width:60px; height:60px; margin-left:-30px;}
.iproducts .more a{ width:60px; height:60px; background:url(../images/rddr.png) no-repeat center center; background-size:25px auto;}
.iproducts .more a:hover{background:url(../images/rddr.png) no-repeat 80% center; background-size:25px auto;}

.nmain .back{ width:60px; height:60px; line-height:60px;}
.nmain .back a{ width:60px; height:60px; background:url(../images/rddr.png) no-repeat center center; background-size:25px auto;}
.nmain .back a:hover{background:url(../images/rddr.png) no-repeat 80% center; background-size:25px auto;}

.inews .newsright .wenzi p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.inews .newsright .num{ font-size:55px; line-height:70px;width:85px;}
.inews .newsright .wenzi{width: calc(100% - 110px);}

.nbanner{ height:320px;}
.nbanner02{ height:380px;}
.nbanner .ntitle{ font-size:32px; line-height:55px; }
.location{ padding-bottom:100px;}

.nmain .ntitle{ font-size:32px;line-height:35px; margin-bottom:30px;}

.comVision-list .comVision-icon{width: 110px;height: 110px;line-height: 110px;}

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

.nbanner{ height:280px;}
.nbanner02{ height:330px;}
.nbanner .ntitle{ font-size:30px; line-height:55px; }
.location{ padding-bottom:80px;}


body{ font-size:15px; line-height:28px;}
.iabout .ijianjie .njianjie .conn{ font-size:15px}	


.section{ padding:70px 0}
.section02{ padding:70px 0 50px 0}
.section03{ padding:50px 0}
.iproducts .title{ margin-top:50px;}
.iproducts .more{ top:160px;}

#index-bnr .bnr-img{min-height:450px;}
.iabout .ijianjie .iwjianjie{margin-top: -170px;}

.iBnr-box{ top:30%}
.iBnr-box h3{ font-size:40px;}

.inews .newsright .num{ line-height:65px;}

.icontact .coleft .contop .item{clear:both; min-height:40px;}

.icontact .coleft .contop .item:nth-child(1){ float:none; width:100%; border-right:none;  margin-bottom:15px; }
.icontact .coleft .contop .item:nth-child(2){ float:none; width:100%;  margin-bottom:15px; }
#allmap{ margin-top:20px}

.nabout01 .ntitle02{margin: 10px 0 20px 0; }
.nmain .wenzi .ntitle02 h3{ font-size:24px}

.nabout01 .wenzi .intro p{line-height:28px; padding:0}

.newslist li .time{ width:80px;}
.newslist li .text{ padding-left:460px}

}

@media screen and (max-width: 1023px){
.header .menu{ display:none}	
.menu-btn{ display:block}
.title {margin-bottom: 20px;}


.header .logo{margin-top:-24px; }
.header .logo img{ height:48px; }

.space{ height:86px;}
.header .wrap{ height:86px;}
.copyright{ margin-bottom:55px;}
.m-foot{ display:block}
}
@media screen and (max-width: 920px){
#index-bnr .bnr-img{min-height:380px;}	

.iabout .company{ display:none}
.iabout .ijianjie{ padding:60px 0; width:100%; position:relative}
.iabout .ijianjie .iwjianjie{ margin:0 auto;position: relative;width: 96%;max-width: 96%;right: 0;top: auto;}
.iabout .ijianjie .njianjie{ padding-right:0}
.iabout .more{ display:none}
.iabout .title{ text-align:center}
.iabout .ijianjie .njianjie .title p span:before{ display: block;}
.iabout .ijianjie .njianjie .quite{ text-align:center}
.iabout .ijianjie .njianjie .quite .item{ float:none; display:inline-block; width:30%}
.iabout .ijianjie .njianjie .quite .item img{ width:50px; height:auto}
.iabout .ijianjie .njianjie .quite .item .icon, .iabout .ijianjie .njianjie .quite .item .text{ margin:0 auto}


.iproducts #tabcontent img{ width:120%; margin-left:-10%;}

.inews .newsright .num{ line-height:60px;}

.inews .newsleft{ width:100%;}
.inews .newsright{ width:100%; position: relative; top:auto; right:auto; height:auto; padding:25px 3%} 

.iBnr-box h3{ font-size:36px; line-height:40px;}
.iBnr-box p{ font-size:24px}
.iBnr-box{ top:28%}

.title h3{ font-size:36px; }
.title p{ font-size:24px;}


.icontact .coleft{ float:none; width:100%; margin-bottom:30px}
.icontact .coright{ float:none; width:100%}

.nbanner{ height:240px;}
.nbanner02{ height:290px;}
.nbanner .ntitle{ font-size:26px; line-height:45px; }
.location{ padding-bottom:60px;}
.n_nav li{ line-height:50px; font-size:16px; height:50px;}

.nmain .ntitle{ font-size:28px;line-height:30px; margin-bottom:30px;}

.comVision-list .comVision-icon{width: 90px;height: 90px;line-height: 90px;}

.my-gallery > *{ font-size:16px;}
.shangxia li{ float:none;}
.shangxia li:nth-child(2n){ float:none; text-align:left;}


.prolists .item{ float:left; width:48%; margin-right:0%; margin-bottom:4%}
.prolists .item:nth-child(2n){ float:right}
.prolists .item:nth-child(3n+1){ clear:none}
.prolists .item:nth-child(2n+1){ clear:both}
.prolists .wenzi{ padding:15px 10px;}

.prolists .wenzi h3{ font-size:16px;}

.nmain .wenzi .ntitle02{ font-size:22px;margin-bottom: 10px;}
.nmain .wenzi .intro{ line-height:30px;}
.prolists .item:hover .wenzi{ background:#015eb1;}

.nmain.pcon .pics { float:none; width:100%; margin-bottom:30px}
.nmain.pcon .wenzi{ float:none; width:100%;}

.nmain .shangxia {position: relative;width: 100%; margin-top:30px;  font-size:17px;}

.nmain .wenzi .use .dianhua h3{ font-size:20px;}
.nmain .wenzi .use .dianhua{ float:none; width:100%}
.nmain .shangxia{ display: block}
.nmain .wenzi .use .zixun{ display:none}

.caselists a:hover .wenzi{background:#015eb1;}

.gallery-thumbs .swiper-slide img{ height:100px;}
}

@media screen and (max-width: 768px){
.header .logo{margin-top:-22px; }
.header .logo img{ height:44px; }

.space{ height:80px;}
.header .wrap{ height:80px;}	
.menu-btn{margin-top:-40px;}

#index-bnr .bnr-img{min-height:300px;}

.iBnr-box h3{ font-size:32px; line-height:35px;}
.iBnr-box p{ font-size:20px}
.iBnr-box{ top:26%}

.iabout .ijianjie{ padding:30px 0 40px 0;}

.title h3{ font-size:32px; }
.title p{ font-size:22px;}

.iproducts #tabcontent img{ width:140%; margin-left:-20%;}
.iproducts .more{ top:140px;}

.icase .case-nav{margin-bottom:30px}
.icase .case-nav li{ margin:0 2px}
.icase .case-nav a{ border-radius:20px; padding:0 20px;}

.section{ padding:50px 0}
.section02{ padding:50px 0 10px 0}
.i-case-list .swiper-slide{ padding-bottom:40px}

.nbanner{ height:200px;}
.nbanner02{ height:250px;}
.nbanner .ntitle{ font-size:26px; line-height:35px; }
.location{ padding-bottom:50px;}


.nabout01 .pic{ float:none; width:100%; margin-bottom:40px;}
.nabout01 .wenzi{ float:none; width:100%;}

.comVision-list .comVision-icon{width: 80px;height: 80px;line-height: 80px;}


.my-gallery > *{ width:48%;}
.my-gallery figure:nth-child(2n+1){ clear:both}


.recruit{ padding:0 10px; font-size:14px}
.recruit-li1{ padding:10px 10px}
.recruit .tit1, .recruit-li1 .tit1{ width:25%}
.recruit .tit4, .recruit-li1 .tit4{ width:24%}
.recruit-li1 .tit4{ font-size:12px}
.recruit-li1 .tit5{ right:10px}
.recruit-li2{ padding:15px}


.newslist li{ padding:30px 0}
.newslist li .time{ display:none}
.newslist li .pic{ width:30%; margin-right:0}
.newslist li .text{ padding-left:35%}
.newslist li .text h3{ margin-bottom:3%}
.newslist li .text .intro{ margin-bottom:4%}
.newslist li .text .more{ padding-top:3%}

.nmain .newstitle h3{ font-size:22px; line-height:28px;}

.n_nav{ margin-right:-1%}
.n_nav li{ float:left; width:32.33%; margin-right:1%;}
.n_nav_2 li{ width:49%}
.n_nav_4 li{ width:24%}


.caselists .item{ float:left; width:48%; margin-right:0%; margin-bottom:4%}
.caselists .item:nth-child(3n+1){ clear:none}
.caselists .item:nth-child(2n){ float:right}
.caselists .item:nth-child(2n+1){ clear:both}

.caselists .wenzi{ font-size:17px;padding: 10px 5px 15px 5px;}

.gallery-thumbs .swiper-slide img{ height:70px;}


.i-case-list .wenzi h3{ font-size:16px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
}

@media screen and (max-width: 540px){
#index-bnr .bnr-img{min-height:200px;}	

.iBnr-box h3{ font-size:28px; line-height:32px;margin: 20px 0 10px 0;}
.iBnr-box p{ font-size:18px}
.iBnr-box{ top:21%}
#index-bnr .swiper-pagination{ bottom:12px;}

.iproducts #tabcontent img{ width:180%; margin-left:-40%;}

.header .logo{margin-top:-20px; }
.header .logo img{ height:40px; }

.space{ height:75px;}
.header .wrap{ height:75px;}


.iproducts .tabmenu li .icon img{ width:45px; height:auto}
.iproducts .tabmenu li .text{ margin-top:10px;}

.icase .case-nav li{ margin:0 2px}
.icase .case-nav a{ border-radius:18px; padding:0 15px;}
.iproducts .tabmenu li{ font-size:16px}

.footer{ padding:30px 0 20px 0}
.footer .content {display: block;}
.footer ul {display: block;}
.footer li {display:block; float:left; width:33.33%; margin-bottom:15px;}
.footer li:nth-child(3n+1){ clear:both}
.footer li h3{ font-size:16px;}

.copyright{ padding:10px 0; line-height:24px; text-align:center }
.copyright .coleft{ float:none;}
.copyright .coright{ float:none;}


.nbanner{ height:150px;}
.nbanner02{ height:200px;}
.nbanner .ntitle{ font-size:24px; line-height:30px;}
.location{ padding-bottom:45px; line-height:30px}

.nmain .ntitle{ font-size:24px;}

.comVision-list .comVision-icon{width: 70px;height: 70px;line-height: 70px;}

.comVision-list li{width:50%;}
.comVision-list li:nth-child(2n+1){ clear:both}
.comVision-list li .con{margin:10px 0 0;}

.contactlist .item{ width:100%; padding-bottom:20px; margin-bottom:20px}
.contactlist .item:after{ width:100%; height:1px; bottom:0;left:0; right:auto; margin-top:0;top:auto}
.contactlist .item img{ height:40px; width:auto}
.content_1 .ntitle{ font-size:24px}
#allmap{ height:220px;}
.newslist li .text .more{ display:none}

.section{ padding:40px 0 50px 0}


.picsshow .swiper-container{ width:100%; margin-left:0}
.i-case-list .swiper-container{ margin:0 0px 30px}
.i-case-list .swiper-button-prev, .i-case-list .swiper-button-next{ display:none}

.gallery-thumbs .swiper-slide img{ height:50px;}
}

@media screen and (max-width: 480px){
.iBnr-box h3{ font-size:24px; }
.iBnr-box p{ font-size:16px}	
.iBnr-box{ top:19%}
.iproducts #tabcontent img{ width:220%; margin-left:-110%;}

.icase .case-nav { padding-left:110px; vertical-align: auto; display:flex; display:-webkit-flex;}
.icase .case-nav a, .icase .case-nav li{white-space:nowrap;}
.icase .case-nav{ overflow-x:auto;overflow-y: hidden; width:100%;}

.inews .newsright .num{ font-size:50px; width:70px}
.inews .newsright .wenzi{width: calc(100% - 80px);}

.nbanner{ height:130px;}
.nbanner02{ height:180px;}
.nbanner .ntitle{ font-size:24px;}
.location{ padding-bottom:35px;}

.my-gallery > *{ width:100%; margin-right:0}
.my-gallery{ margin-right: 0%;}

.newslist li{ padding:0; margin-bottom:35px}
.newslist li:hover{ background:#fff}
.newslist li .pic{ width:100%; margin-bottom:3%; float:none}
.newslist li .text{ padding-left:0}
}