@charset "gb2312";
/* CSS Document */
.m-nav-btn {display: none;position: absolute;width: 20px;height: 14px;cursor: pointer;right: 3%;top: 30px; }
.m-nav-btn.cur .line1 {transform: rotate(47deg); }
.m-nav-btn.cur .line2 {display: none; }
.m-nav-btn.cur .line3 {transform: rotate(-47deg); }
.m-nav-btn .line {position: absolute;display: block;width: 100%;height: 2px;background-color: #333;left: 0;transition: all .5s ease;margin: 0; }
.m-nav-btn .line1 {top: 0;-webkit-transform-origin: left top 0;-ms-transform-origin: left top 0; transform-origin: left top 0; }
.m-nav-btn .line2 { top: 7px; }
.m-nav-btn .line3 {top: 100%;-webkit-transform-origin: left bottom 0; -ms-transform-origin: left bottom 0;transform-origin: left bottom 0; }
.m-nav-btn.cur .line{ background:#ec7e10} 
.m-menu {width: 100%;max-height: calc(100vh - 80px);overflow: scroll; position: fixed;height: auto;top: 80px;left: 0;padding-bottom: 50px;background: #1b1b1b; display:none; z-index:99}
.m-menu .item{ padding:0 3%; position:relative}
.m-menu .item a{ display:block; color:#fff}
.m-menu .item .menu_a{ line-height:40px; border-bottom:1px solid rgba(255,255,255,.3); font-size:15px;}
.m-menu .item .arrow{ position:absolute; width:40px; height:40px; background:url(../images/icon_01.png) no-repeat right center; background-size:15px auto; right:3%;top:0}
.m-menu .item.active .arrow{background:url(../images/icon_01_h.png) no-repeat right center; background-size:15px auto;}
.m-menu .item.active .menu_a{color:#ec7e10}
.m-menu .nav-sub{ padding:10px 0 15px; display:none; line-height:28px}
.m-menu .nav-sub a{ opacity:.8}
.mpronav-fir{ position:relative}
.mpronav-fir > i{position:absolute; right:0;top:0; width:40px; height:30px;}
.mpronav-fir > i:before{ content:""; width:0; height:0; border-left:5px solid transparent; border-right:5px solid transparent; border-top:5px solid #666; position:absolute; right:0}
.mpronav-sed{ display:none}
.m-menu .btn{background:#ec7e10; color:#fff; opacity:1 !important; width:100px; text-align:center; margin-top:15px}
.m-footer{width: 100%;right: 0;bottom: 0;height:42px;box-shadow: 0 0 3px rgba(0,0,0,.1); position:fixed; background:#ec7e10; color:#fff; display:none; text-align:center; z-index:999}
.m-footer li{ float:left; width:33.33%}
.m-footer li a{ color:#fff; font-size:14px}
.m-footer .ico{ background:url(../images/fltel01.png) no-repeat center; height:20px; display:block; margin-top:3px}
.m-footer li:nth-child(2) .ico{background:url(../images/fltel.png) no-repeat center; }
.m-footer li:nth-child(3) .ico{background:url(../images/flmail.png) no-repeat center; }
@media screen and (max-width:1920px){
	.pro-nav{ left:30px}
}
@media screen and (max-width:1550px){
	.i-prolist{ margin-left:50px; margin-right:50px}
	.i-prolistbox .swiper-button-prev{ left:0}
	.i-prolistbox .swiper-button-next{ right:0}
}
@media screen and (max-width:1440px){
	.wrap{ max-width:100%; padding:0 3%}
	.footer-top .left li{ width:13%}
	.footer-top .left li:nth-child(2){ width:28%}
	.pro-nav{left:3%}
}
@media screen and (max-width:1366px){
	.headerBox{ height:90px}
	.menu li{ line-height:90px}
	.menu li a{ font-size:16px;padding: 0 25px;}
	.menu .nav-sub{top:90px}
	.lang .tit{ line-height:90px}
	.logo img{ padding-top:10px}
	.inewslist .right .item{ padding:25px 30px 25px;}
	.inewslist .right .item .bot{ padding-top:12px}
	.footer-top .left{ width:58%}
	.footer-top .right{ width:42%}
	.newslist li{ padding:30px;}
	.newslist li .time{ padding-top:6%}
	.newslist li .arrow{ width:50px}
	.solution-related li .pic{ height:180px}
	.application-menu{overflow:auto; height:calc(100% - 90px);top:90px}
	.menu-level-1 .top{ padding-top:10px; padding-bottom:10px; font-size:22px}
	.menu-level-1 .content-menu{ padding-top:10px; padding-bottom:20px; min-height:inherit}
	.content-menu li a{ line-height:35px; font-size:14px}
	.menu-level-1 .content-menu li i{ background-size:10px auto}
	.menu-level-1 .btn{ width:150px; height:35px; line-height:35px; margin-top:20px}
	.hornorlist li .pic{ height:320px}
}
@media screen and (max-width:1200px){
	.menubox{ display:none}
	.logo{left:3%}
	.m-nav-btn{ display:block}
	.headerBox{ height:80px;}
	.header{ height:80px; transition:.3s}
	.logo img{ height:65px}
	.logo .bc{ margin-top:15px}
	.header_r{ right:calc(3% + 50px)}
	.lang .tit{ line-height:80px}
	.flinkBox,.footer-top .right .last{width: calc(100% - 180px);}
	.culture .text h3{ font-size:30px; line-height:40px;}
	.map-content{ overflow-x:auto;}
	.map-content-box{ min-width:1100px}
	.network-con{ width:100%}
}
@media screen and (max-width:1024px){
	.advantage li{ font-size:14px;}
	.i-about{ padding:50px 0}
	.i-about .right h1{ margin-bottom:5%}
	.i-about .right .more{ margin-top:8%}
	.i-products,.i-news{ padding:50px 0}
	.title{ font-size:30px; margin-bottom:3%}
	.i-products .wrap{ overflow:hidden}
	.i-prolistbox .swiper-button-prev,.i-prolistbox .swiper-button-next{ display:none !important}
	.i-prolist{ margin:0 -15px}
	.i-prolistbox{ padding-bottom:20px}
	.i-prolist .item .text{ padding:20px 10px}
	.i-prolist .item .text .more{ display:none}
	
	.advert{ height:auto; padding:5% 0}
	.advert h3{ font-size:35px; padding-top:0}
	.advert h4{ font-size:35px;}
	.i-products .more a{ margin-top:5%}
	.inewslist .left{ width:auto; margin-right:-2%; float:none; position:relative;}
	.inewslist .left:after{ content:"";height:0; display:block; clear:both; visibility:hidden}
	.inewslist .left .item{ width:48%; margin-right:2%; margin-bottom:2%}
	.inewslist .right{ width:100%}
	.inewslist .right .item{ margin-bottom:2%}
	.footer-top{ padding-top:40px;}
	.footer-top .left{ display:none}
	.footer-top .right{ width:100%}
	.flinkBox{ float:none; width:300px;}
	.footer-bottom p{ float:none}
	.main{ padding:50px 0}
	.main .ntitle{ font-size:30px; margin-bottom:3%}
	.main .content, .main .content_1{ font-size:14px; line-height:28px}
	.developlist .list-item{ height:auto; margin-top:-5%}
	.developlist .list-item:first-child{ margin-top:0}
	.developlist .list-item .time{ width:110px}
	.developlist .list-item .text{width: calc(100% - 125px);}
	.developlist .list-item .pic{ width:100%; height:auto}
	.developlist .list-item .jianj{ width:100%; height:auto; padding:15px}
	.developlist .list-item .text:before{ top:60px; margin-top:0}
	.newslist li{ padding:2%}
	.newslist li .arrow{ width:40px}
	.newslist li .text h3{ font-size:20px;}
	.newslist li .text .intro{ font-size:14px}
	.newslist li .time{ padding-top:4%}
	.pro-nav{top:50px}
	.mess_form{ width:90%}
	.solution-related li .pic{ height:160px}
	.prolist li{ width:31.33%}
	.prodetail .table{ overflow:auto}
	.prodetail .table table{ min-width:480px}
	.culture{ padding-bottom:50px}
	.hornorlist li .pic{ height:280px}
	.newsdetail .right{ display:none}
	.newsdetail .left{ width:100%; float: none; border-right:none; padding-right:0}
	.newstit{ padding-top:30px;font-size:26px; text-align:center}
	.newsdetail{ font-size:14px}
	.newsdetail .time{ text-align:center; padding-bottom:10px;}
}
@media screen and (max-width:768px){
	.headerBox{ height:65px;}
	.header{ height:65px;}
	.logo img{ padding-top:0; margin-top:10px; height:45px;}
	.logo .bc{ margin-top:13px; font-size:14px; padding-left:20px;line-height: 20px;}
	.logo .bc:before{ height:35px;top:3px; left:8px}
	.m-menu{top:65px}
	.lang .tit{ line-height:65px;}
	.lang .sub{top:60px;}
	.m-nav-btn{top:25px}
	.banner .swiper-pagination-bullet{ width:10px; height:10px}
	.advantage{ padding:15px 0; background:#fff; border-bottom:1px solid #e8e8e8}
	.advantage ul{ display:block; padding:0}
	.advantage li{ width:48%; margin-bottom:15px; font-size:12px;}
	.advantage li:nth-child(3),.advantage li:nth-child(4){ margin-bottom:0}
	.advantage li .icon{ float:none; text-align:center}
	.advantage li .text{ padding:5px 5px 0; text-align:center}
	.advantage li .tit{ font-size:16px; padding-bottom:5px}
	.i-about, .i-products,.i-news{ padding:30px 0}
	.i-about .left{ width:80%; float:none; margin-left:10%}
	.i-about .right{ width:100%; padding-top:50px;}
	.i-about .right h1{ text-align:center}
	.i-about .right .more{ margin:5% auto 0}
	.i-about .right .more a{ margin:0 auto}
	.i-prolist .cls_ltit a{ font-size:14px}
	.i-prolist .item .cls_tit{ font-size:18px;}
	.i-prolistbox .swiper-pagination .swiper-pagination-bullet{ width:10px; height:10px}
	.i-prolist .cls_ltit{ height:78px; overflow:hidden}
	.advert h3{ line-height:45px}
	.advert h3,.advert h4{ font-size:28px;}
	.navigation{ line-height:60px; height:60px;}
	.navigation .right{ display:none;}
	.navigation .left{ float:none; width:100%; display:flex; display:-webkit-flex; justify-content:center;}
	.navigation .left a{ margin:0 15px}
	.main{ padding:30px 0}
	.culture{ position:relative; margin-right:-2%; padding-bottom:30px}
	.culture:after{ content:""; display:block; height:0; clear:both; visibility:hidden;}
	.culture .item{ float:left; width:48%; margin-right:2%}
	.culture .item.clearfix{ clear:none}
	.culture .left{ width:100%; float:none;}
	.culture .right{ float:none; width:100%}
	.culture .text{ font-size:14px}
	.culture .text, .culture .item:nth-child(2) .text{ padding:20px 0 0}
	.culture .text h3{ font-size:26px}
	.culture .text p{text-align:justify;}
	.gzhj .item .tit{ padding:3%; font-size:16px}
	.changjing{ margin-top:0}
	.developlist:before{left:20px;}
	.development .top{ margin:0}
	.developlist .list-item{ float:none; width:auto; margin-top:20px;}
	.developlist .list-item:nth-child(2n) .text{ float:none}
	.developlist .list-item:nth-child(2n){ float:none;}
	.developlist .list-item .text{ float:none; width:auto; margin-left:120px}
	.developlist .list-item .time{ left:10px; right:auto; font-size:18px; font-weight:600; padding-left:25px; padding-right:0; text-align:left; width:95px}
	.developlist .list-item:nth-child(2n) .time{ left:10px}
	.developlist .list-item .time:before{ left:6px}
	.developlist .list-item .text:before{ right:auto; left:-10px;border-right: 10px solid #f3f3f3;border-left: none;}
	
	
	.pages_2{ font-size:14px}
	.pages_2 .back{ width:80px;}
	.pages_2 p{ padding-right:120px}
	.pro-nav{ position:relative; margin-top:-30px;top:0; margin-bottom:10px}
	.pro-nav .btn{ padding:6px 15px; display:inline-block}
	.pro_navigation{ height:auto; line-height:26px; padding:10px 0}
	.pro_navigation .left{ display:none}
	.pro_navigation .right{ display:block; width:100%; float:none}
	.solutionlist li{ width:48%}
	.serlist li{ width:48%}
	.downlist li{ width:98%; padding:10px}
	.downlist li .pic{ width:30%}
	.downlist li .text{ width:65%}
	#allmap{ height:300px;}
	.contactlist .item{ width:100%; float:none; padding-left:70px; text-align:left; padding-bottom:10px; margin-bottom:10px}
	.contactlist .item:after{ width:100%; height:1px; bottom:0;top:auto; margin-top:0}
	.contactlist .item:last-child::after{ display:block}
	.contactlist .item .icon{width:55px; position:absolute; left:0;top:0}
	.contactlist .item .icon img{ width:100%; height:auto; display:block}
	.contactlist .item .tit{ margin-bottom:0}
	.contactlist .item p{ min-height:auto;}
	
	.main .ntitle .bc{ line-height:26px; font-size:14px}
	.mess_form{ width:100%}
	.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}
	.solutionlist_2 ul{ flex-wrap:wrap;}
	.solutionlist_2 li{ width:48%}
	.solution-related li{ width:48%}
	.product-top{ padding:0}
	.product-top .left,.product-top .right{ width:100%}
	.product-top .left{ margin-bottom:30px}
	.prolist li{ width:48%}
	.footer-top{ padding-top:30px; padding-bottom:30px}
	.footer-bottom{ padding-top:30px; padding-bottom:30px; font-size:12px; text-align:center; line-height:22px}
	.footer-bottom p{ display:inline-block}
	.flinkBox{ width:100%}
	.search-alert .search-form .tex{ font-size:30px;}
	.search-alert .search-form .btn{ font-size:20px}
	.m-footer{ display:block}
	.footer{ padding-bottom:45px}
	.hornorlist li{ width:48%}
}
@media screen and (max-width:640px){
	body{ min-width:320px;}
	.advantage li .icon img{ max-height:25px}
	.advantage li .tit{ font-size:15px; }
	.inewslist .left .item{ width:98%;}
	.advert h3,.advert h4{ font-size:20px; line-height:30px}
	.title,.main .ntitle,.i-about .right h1,.main .ntitle{ font-size:26px}
	.i-about .right h1{ margin-bottom:3%}
	.i-about .left:after{ left:-10px;bottom: -10px;}
	.culture .item{ width:98%; margin-bottom:20px}
	.newslist li{ padding:0; margin-bottom:2%}
	.newslist li .pic{ float:none; width:100%}
	.newslist li .text{ width:100%; padding:20px}
	.newslist li .text h3{ font-size:18px; margin-bottom:2%}
	.newslist li .arrow{ display:none}
	.newslist li .time{ padding-top:2%}
	.newstit{ font-size:20px; line-height: 30px;}
	.solutionlist li h3{ font-size:16px}
	.serlist li{ width:98%}
	.downlist li .more{ font-size:12px; line-height:25px; margin-top:15px}
	.solutionlist li{ width:98%}
	.solutionlist li .pic{ height:120px}
	.solutionlist_2 li{ width:98%}
	.solution-related li{ width:98%}
	.solution-related li h3{ font-size:16px}
	.product-top .right h2{ font-size:20px; line-height:30px;padding-bottom:10px; margin-bottom:10px;}
	.proyoushi02 .item{ width:100%; margin-right:0; margin-bottom:2%}
	.prolist li{ width:98%}
	.prolist li h3{ white-space:normal;}
	.prolist01 .item{ width:98%}
	.prolist02 .item .pic{ width:100%; margin-bottom:2%}
	.prolist02 .item .text{ width:100%}
	.changjing .tit{ padding-left:3%; padding-right:3%; padding-bottom:3%; font-size:16px}
	.proyoushi .item .pic{ width:30%}
	.proyoushi .item .text{ width:65%}
	.hornorlist li{ width:98%;}
	.hornorlist li .pic{ height:auto}
}
@media screen and (max-width:425px){
	.logo .bc{ padding-left:10px;}
	.logo .bc:before{ left:2px}
	.header_r{right: calc(3% + 30px);}
	.lang{ padding-left:0; margin-left:0}
	.lang:before{ display:none}
	.serch-btn{ width:20px; display:none}
	.search-alert .search-form .btn{ font-size:18px; width:60px;}
	.search-alert .search-form .tex{ padding-right:70px; font-size:20px}
	.i-about .right h1{ font-size:20px;}
	.navigation{ font-size:14px;}
	.navigation .left a{ margin:0 12px}
	.navigation .left a:first-child{ margin-left:0}
	.navigation .left a:last-child{ margin-right:0}
	.developlist .list-item .jianj{ font-size:14px; line-height:26px}
	.pro_navigation .right{ font-size:12px}
	#allmap{ height:240px}
	.footer-top{ line-height:24px; font-size:14px; padding:20px 0}
	.footer-top li .tit{ font-size:15px; margin-bottom:10px}
	.footer-top .tel{ font-size:20px; margin-bottom:0}
	.footer-top .right .gzh{ width:100%; margin-bottom:20px}
	.footer-top .ewm{ margin:0 auto}
	.footer-top .right .last{ width:100%; text-align:center; font-size:12px}
	.flinkBox{ margin-top:30px}
	.footer-bottom{ padding:20px 0}
	.honor li, .honor_2 li{ width:98%}
	.proyoushi .item .pic{ width:100%}
	.proyoushi .item .text{ width:100%}
	.i-about .right .more a,.i-products .more a{ line-height:32px}
	.i-about .right h1{ font-size:18px;}
	.i-about .right .intro{ font-size:14px; line-height:28px}
	.advert h3{ font-size:18px}
	.advert h4{ font-size:16px}
	.inewslist .left .textCon h3,.inewslist .right .item h3,.newslist li .text h3,.serlist li .text .tit{ font-size:16px;}
	.pages_2 .back a{ line-height:32px}
	.ntitle-sol{ font-size:20px !important; line-height:28px !important;}
	.picview .swiper-pagination-bullet{ width:10px; height:10px}
}
@media screen and (max-width:320px){
	
}