@charset "utf-8";

/* CSS Document */

.m-header{ display:none; position:fixed;left: 0;top: 0; background:#fff; box-shadow:0 5px 15px rgba(0,0,0,.1); width:100%; height:62px; z-index:99;overflow: hidden;}
.m-header img{ margin-top:10px; max-height:42px;}
.m-btn .line{
    width: 25px;
    height: 16px;
    position: relative;
    cursor: pointer;
    margin-top: 23px;
}
.m-btn span{
    display: block;
    width: 100%;
    height: 2px;
    background-color: #000;
    position: absolute;
    left: 50%;
    margin-left: -12px;
	-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s;
}
.m-btn span.span1{ top:0;-webkit-transform-origin:4px center;-moz-transform-origin:4px center;-ms-transform-origin:4px center;-o-transform-origin:4px center;transform-origin:4px center}
.m-btn span.span2 {top: 7px;}
.m-btn span.span3 {top: 14px;-webkit-transform-origin:1px center;-moz-transform-origin:1px center;-ms-transform-origin:1px center;-o-transform-origin:1px center;transform-origin:1px center}
.m-btn.actives .span1{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);}
.m-btn.actives .span3{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);}
.m-btn.actives .span2{ opacity:0; filter:alpha(opacity=0)}
.m-btn.actives span{background: #000;}
.cd{ margin-right:15px;color: #000;line-height:62px;font-size: 15px;}
.m-menu{ background:#f5f5f5; position:fixed; left:0; width:100%; display:none; overflow-y:auto; overflow-x:hidden; z-index:99;top: 60px;}
.m-menu ul{ width:100%; height:calc(100vh - 60px); overflow-y:auto;overflow-x:hidden}
.m-menu a{ display:block}
.m-menu .menu_li{ border-bottom:1px solid #d8d8d8;}
.m-menu .menu_a{ padding:0 3%; line-height:50px; font-size:16px; color:#222; position:relative}
.m-menu .menu_a i{ width:17px; height:17px; background:url(../img/ico_03.png) no-repeat; background-size:contain; position:absolute; right:3%; top:15px}
.m-menu .menu_li .subnav{ padding:15px 3%; line-height:30px; font-size:14px; display:none}
.m-menu .menu_a.actives{ background:#00a0e8; color:#fff;}
.m-menu .menu_a.actives i{background:url(../img/ico_03_h.png) no-repeat center; background-size:100% auto}
.sub-menubg{ position:fixed; width:100%; height:100%; background:#f5f5f5;top:0; left:0; z-index:9; display:none}

.mproclass{ display:none; position:relative;margin-top: -4px;z-index: 10;cursor: pointer}
.mproclass h2{background:#00a0e8 ; color:#fff; padding:0 3%; height:45px; line-height:45px; position:relative;font-size: 18px;cursor: pointer;}
.mproclass h2:after{ content:""; width:0; height:0; border-left:5px solid transparent; border-right:5px solid transparent; border-top:5px solid #fff; position:absolute; right:3%; top:50%; margin-top:-3px}
.mproclass ul{ position:absolute; width:100%; left:0; display:none; box-shadow:0 5px 15px rgba(0,0,0,0.15)}
.mproclass li{ background:#f5f5f5; line-height:35px; border-bottom:1px solid #e8e8e8;}
.mproclass li a{padding:0 3%; display:block;font-size: 14.5px;}
.mproclass li:hover a{ background:#00a0e8; color:#fff}

.mproclass2 h2{background: none;position: relative;color: #333;font-size: 20px;padding-left: 4%;}
.mproclass2 h2::before{content: "";display: inline-block;width: 3.2px;height: 24px;background: #00a0e8 ;position: absolute;left: 0%;top: 10.5px;}
.mproclass2 h2:after{border-top:7px solid #333;border-left: 7px solid transparent;border-right: 7px solid transparent;}
.mproclass2 h2.actives:after{border-top:6px solid #00a0e8 ;}


.mproclass h4{background:#00a0e8 ; color:#fff; padding:0 3%; height:45px; line-height:45px; position:relative;font-size: 18px;cursor: pointer;}
.mproclass h4:after{ content:""; width:0; height:0; border-left:5px solid transparent; border-right:5px solid transparent; border-top:5px solid #fff; position:absolute; right:3%; top:50%; margin-top:-3px}
.mproclass .btn-box2{position:absolute; width:100%; left:0; display:none; box-shadow:0 5px 15px rgba(0,0,0,0.15);cursor: pointer;}
.mproclass .btn1{background:#f5f5f5; line-height:35px; border-bottom:1px solid #e8e8e8;display: block;padding:0 3%;}
.btn-box2 a.cur .icon .b{opacity: 0}
.btn-box2 a.cur .icon .f{opacity: 1}
.btn-box2 a.cur .text{color: #333}
.btn-box2 a .text:hover{color: #00a0e8}


.m-foot{ position:fixed; width:100%; height:45px; left:0; bottom:0;background: #00a0e8; color:#fff; display:none; z-index:1500}
.m-foot li{ float:left; width:33.33%; text-align:center;}
.m-foot li a{ color:#fff; font-size:12px; display:block;}
.m-foot li.li1 a{ background:url(../images/pic/flmes.png) no-repeat center 5px; padding-top:25px}
.m-foot li.li2 a{ background:url(../images/pic/kf-emails.png) no-repeat center 5px; padding-top:25px}
.m-foot li.li3 a{ background:url(../images/pic/fltel.png) no-repeat center 5px; padding-top:25px}
.m-foot li.li4 a{ background:url(../images/pic/right_pic6.png) no-repeat center 3px; padding-top:25px}
.m-foot li.li2 a span{display: block;}
.newsxiang .newsleft .nsconn p iframe {display: none;}

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

.i-about .txt{ padding-right:8%}	

}



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

.i-about>div{ position:relative}

.i-about .txt .intro{ font-size:16px}

.i-about .numcont .item1,.i-about .numcont .item2, .i-about .numcont .item3, .i-about .numcont .item4{ padding-top:25px; padding-bottom:5px;}

.i-about .pic{ position:absolute; left:0; height:100%}	

.i-about .pic img{ height:100%}

	

}

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

.wrap{ width:95%}

.i-about .numcont .item2, .i-about .numcont .item3, .i-about .numcont .item4{ padding-right:3%}

.i-proright{ padding-top:3%}

	

}
@media screen and (max-width:1200px){
	.en .menu{ margin-right:0}
	.en .menu li{ margin-left:30px}
	.en .langbox{ margin-left:20px}
}


@media screen and (max-width:1024px){
	.headerbox{display: none;}
	.m-header{display: block;}
	.m-header .ch-en{float: right;margin-left:26px;background:#00a0e8;border-radius: 50%;padding: 3px;margin-top: 18px;}

	.m-header .ch-en a{color: #fff;font-size: 14px;}

	.m-header .ch-en a.cur{color: #00a0e8;}
	.banner{margin-top: 62px;}
	.nbanner{margin-top: 62px;}
	.licheng img{width: 100%;}
	.i-about .pic{width: 100%;position: relative;}
	.i-about .txt{width: 100%;padding-left:2.5%;padding-right: 2.5%;}
	.i-about .numcont{margin-left: 0;width: 100%;}
	.i-about{padding: 40px 0 45px;}
	.i-about .txt .tit{font-size: 28px;margin-bottom: 20px;}
	.i-about .numcont .item1{padding: 15px 15px 15px 20px;}
	.i-about .numcont .num{font-size: 30px;}
	.i-about .numcont:before{background: none;}
	.title{ font-size:30px}
	.i-client .title{ margin-bottom:30px}
	.title-2{ margin:10px 0 30px}
	.i-proright h3{ font-size:24px}
	.i-proright .intro{ font-size:14px; line-height:26px}
	.i-proright .intro p{-webkit-line-clamp:5;}
	.i-proright .more{margin-top: 30px;}
	.lxfs .icon img{ height:40px}
	#allmap{ height:300px}
	.en .footer-bot p{ float:none}
	.video-show{ width:85%}
}

@media screen and (max-width:768px){
	.m-foot{display: block;}
	
	.i-proleft{width: 100%;}
	.i-proright{display: none;}
	.i-proleft li{width: 50%;}
	.i-proright h3{font-size: 30px;margin: 0 30px;}
	.title-2{font-size: 16px;}
	.title{font-size: 30px;}
	.i-product{padding: 40px 0;}
	.i-client .title{margin-bottom: 30px;}
	.i-client{padding: 40px 0 40px;}
	.footer-nav{display: none;}
	.footer-contact{width: 100%; max-width:100%}
	.footer{padding-top: 30px;padding-bottom: 20px;}
	.footer-bot p{float: none!important;display: inline-block;}
	.about_mber ul li h5{font-size: 30px;line-height: 50px;	}
	.about_mber ul li h6{font-size: 16px}
	.content-about .about-right{ width:100%; margin-bottom:0}
	.content-about .about-left{width: 100%; padding-right:0}
	.content-about .ntitle{ text-align:center}
	.about_mber{ padding-top:0px}
	.main{padding: 35px 0;}
	.main .ntitle{margin-bottom: 20px;font-size: 30px;}
	.honor .pic{height: auto;}
	.equiplist li{width: 47%;}
	.prolist li{width: 48%;}
	.inner-nav{line-height: 70px;}
	.inner-nav h3{font-size: 17px;}
	.inner-nav .inner-nav-r a{margin-left: 20px;padding-right: 20px;}
	.content-pro .pic-l{width: 100%;}
	.content-pro .txt-r{width: 100%;margin-top: 20px;}
	.content-pro .gallery-top{width: 100%;}
	#scrollcontent{ height:auto}
	.content-pro .txt-r h1{ font-size:28px; line-height:35px; margin-bottom:10px}
	.prolist-relat li{ width:31.33%}
	.recruit-top{padding: 0 12px;font-size: 18px;}
	.recruit-top .arrow{right: 25px;}
	.recruit-top .time{margin-right: 50px;}
	.recruit-con{padding: 29px 20px;}
	.i-about .video-btn{width: 55px;height: 55px; margin-left:-27.5px; margin-top:-27.5px;background-size: 100% 100%}
	.banner .swiper-pagination-bullet{ width:8px; height:8px;}
	.en .content-about .about-right{ padding-left:0}
	.footer-bot{ padding-bottom:40px}
}

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

	.i-about .numcont .item1{display: none;}
	.i-about .numcont .num{font-size: 26px;}
	.i-about .numcont .item2, .i-about .numcont .item3, .i-about .numcont .item4{padding: 30px 2% 30px 2%;}
	.i-about .numcont{margin-top: 0;}
	.i-about{padding:30px 0 12px;}
	.about_mber ul li{width: 33.33%;margin-bottom: 20px;}

	.content-about .about-left{padding-right: 0;}
	.about_mber ul li h6{font-size: 14px;}
	.honor h4{font-size: 16px; padding-top:10px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
	.main .ntitle{font-size: 24px; line-height:30px;}
	.pagination li{width: 34px;height: 34px;line-height: 34px;}
	.recruit-top .time{margin-right: 20px;font-size: 12px;}
	.recruit-top .arrow{right: 8px;}
	.recruit-top{font-size: 15px;height: 60px;line-height: 60px;}
	.recruit-top .position span{margin-left: 12px;padding-left: 12px; font-size:12px}
	.recruit-con{ font-size:14px;}
	.recruit-con .tit{font-size: 16px;}
	.lxfs .item{width:97%;margin-bottom: 3%;}
	.lxfs .icon img{ height:30px}
	.lxfs .item:nth-child(3) .icon img{ height:25px;}
	.lxfs .text{min-height:auto;padding:15px 10px;font-size: 14px;}
	.nbanner{background-size: 100% 100%;height: 100px;}
	.equiplist ul{ margin-right: 0;}
	.equiplist li{ width:100%; margin-right:0}
	.equiplist li .pic img{left:0;top:0;width:100%;height:100%}

	.i-proleft li h3{ font-size:16px}
	.i-about .txt .tit{ font-size:24px;}
	.i-about .txt .intro{ font-size:14px; line-height:28px}
	.i-about .txt .intro p{ margin-bottom:10px}
	.title{ font-size:24px;}
	.i-product{ padding:30px 0}
	.i-client{padding:30px 0 10px}
	.i-client .title, .title-2{ margin-bottom:20px}
	.i-clientlist{ padding-bottom:40px}
	.i-clientlist .swiper-pagination-bullet, .honor .swiper-pagination-bullet{ width:8px; height:8px;}
	.i-clientlist .swiper-slide{ height:70px;}
	.footer-contact .tit{ font-size:16px; margin-bottom:10px}
	.main{ padding:30px 0}
	.main .content{ line-height:28px;}
	.main .content-about{ font-size:14px; line-height:28px;}
	.content-pro .txt-r{ font-size:14px; line-height:28px;}
	.prolist li h3{ font-size:16px;}
	.prolist li .more{ margin-top:10px}
	#allmap{ height:220px}
	.footer-bot{ font-size:12px; line-height:20px}
	.en .i-about .txt .tit{ font-size:20px}
	.en .about_mber ul li h6{ line-height:20px;}
	.en .honor h4{ display:none}
	.en .licheng .ntitle{ font-size:18px; line-height:20px}
	.en .footer{ line-height:26px}
	
}

@media screen and (max-width:320px){
	.equiplist li .pic{height: 150px;}
	.time{display: none;}
	.recruit-con .tit{font-size: 17px;}
	.lxfs .text{font-size: 13px;}
	

}