@charset "UTF-8";
.f-top .f-logo{
	display: flex;
	align-items: center;
    justify-content: space-between;
    width: 100%!important;
}
.f-top{
	padding-bottom: 1rem;
}
.f-top .f-logo img{
	/*max-width: 4.375rem;*/
	max-height: 34px;
}
.f-logo img{
	width: auto;
}
@media (min-width: 1025px){
	.f-bottom .copy br{
		display: none;
	}
}
@media (max-width: 1024px){
	.f-top .f-logo img{
		/*max-width: 1.75rem;*/
		max-width: none;
		max-height: .5rem;
	}
}
@media (max-width: 1024px){
    header .logo img{
        height: .45rem;
    }

	.pc-nav{
		display: none;
	}
	.clearfixed{
		display: block;
	}
	header{
		background-color: #333;
	}
	header .query-btn .txt{
		display: none;
	}
	header .logo{
		position: static;
		float: left;
		margin-top: .9rem;
	}
	.header-right{
		position: static;
		float: right;
	}
	.nav-btn {
	    display: inline-block;
	    position: relative;
	    width: .8rem;
	    height: .5rem;
	    padding: 0;
	    vertical-align: middle;
	    margin-left: .8rem;
	}
	header .nav-btn {
	    display: inline-block;
	    position: relative;
	    width: .8rem;
	    height: .5rem;
	    padding: 0;
	    vertical-align: middle;
        margin-left: .8rem;
	}
	header .nav-btn .line {
	    width: 100%;
	    height: 2px;
	    position: absolute;
	    left: 0;
	    background-color: #fff;
	    transition: all .2s;
	    transform-origin: center;
	    margin: 0;
	}
	header .nav-btn .line1 {
	    top: 0;
	}
	header .nav-btn .line2 {
	    top: 50%;
	    margin-top: -1px;
	}
	header .nav-btn .line3 {
	    bottom: 0;
	}
	header .nav-btn.cur .line{
		top: 50%;
	    bottom: auto;
	    margin-top: -1px;
	}
	header .nav-btn.cur .line1{
		transform: rotate(45deg);
	}
	header .nav-btn.cur .line2{
		opacity: 0;
		filter: alpha(opacity=0);
	}
	header .nav-btn.cur .line3{
		transform: rotate(-45deg);
	}
	.m-nav{
		position: fixed;
		top: 2.75rem;
		width: 100%;
		z-index: 100;
		box-sizing: border-box;
		padding: 0 5%;
		/*background-color: rgba(46,46,46,.85);*/
		background-color: rgba(34,52,59,.7);
	}
	.m-nav li{
		border-bottom: 1px solid rgba(255,255,255,.4);
	}
	.m-nav li:last-child{
		border-bottom: none;
	}
	.m-nav li .tit{
		display: block;
		font-size: .28rem;
		padding: .3rem 0 .3rem .3rem;
		color: #fff;
		position: relative;
	}
	.m-nav li .tit:before{
		content: "";
		position: absolute;
		right: 0;
		width: .4rem;
	    height: .4rem;
	    margin-top: -.15rem;
	    background-repeat: no-repeat;
	    background-position: center;
	    background-size: cover;
	    background-image: url('../img/m-nav-jia.png');
	    top: 50%;
	    transition: all .2s;
	}
	.m-nav li:nth-child(1) .tit:before{
		display: none;
	}
	.m-nav li.on .tit:before{
		transform: rotate(45deg);
	}
	.m-nav li .navson{
		padding-bottom: .3rem;
		display: none;
	}
	.m-nav li .navson a{
		display: block;
		font-size: .4rem;
		line-height: .9rem;
		padding: 0 .5rem;
		color: #fff;
	}
	.footer-view{
		width: auto;
		padding: 0 5%;
	}
	.banner .pc-box{
		display: none;
	}
	.banner .m-box{
		display: block;
	}
	.ban-view{
		padding: 0 5%;
		width: auto;
	}
	.index-wrap{
		position: relative;
	}
	.i-solution-box .pc-box img{
		display: block;
		width: 100%;
	}
	.i-about{
		position: static;
		transform: translateY(0);
		padding: 2rem 0;
	}
	.i-news{
		position: static;
		padding: 2rem 5%;
	}
	.index-btns{
		display: none;
	}
	.view{
		width: auto;
		padding: 0 5%;
	}
	.pub-btns{
		font-size: 0;
		text-align: center;
		margin-top: 1rem;
	}
	.pub-prev,
	.pub-next{
		position: static;
		display: inline-block;
		*display: inline;
		zoom: 1;
		margin: 0 .5rem;
	}
	.honor-tab-box .pub-prev,
	.honor-tab-box .pub-next{
		transform: translateY(0);
	}
	.tab-btns a{
		width: 5rem;
	}
}

@media (max-width: 992px){
	.banner .text-box{
		top: 25%;
	}
	.f-link .list .item{
		width: 45%;
	}
	.f-left{
		width: 75%;
	}
	.i-solution-box .text-box .left{
		float: none;
		width: 100%;
	}
	.i-solution-box .text-box .solution-more{
		float: none;
		margin-top: .5rem;
	}
	.i-about .con{
		width: 100%;
	}
	.about-box .text{
		width: 50%;
	}
	.tech-tab .con-box .about-con{
		width: 80%;
	}
	.news-list .news-right .tit{
		font-size: .6rem;
		line-height: .7rem;
	}
	.news-list .news-right .con{
		margin-top: .2rem;
	}
	.news-list .news-right .detail{
		margin-top: .2rem;
	}
}
header .logo .i1{
	display: none;
}
@media (max-width: 1024px){
	header .logo .i0{
		display: none;
	}
	header .logo .i1{
		display: block;
	}
	header.on,
	header{
		background-color: rgb(0,175,98);
	}
	header .lang{
		color: #fff;
	}
}

@media (max-width: 767px){
	.search-wrap .search-btn,header .query-btn,header .tel-wrap{
		display: none!important;
	}

	.zhizun2-scroll p ,.jisu1-txt p {
        font-size: .25rem !important;}
	.clearfixed{
	    height: 1.36rem;
	}
	.header-view{
		padding: 0 .5rem;
	}
	header{
		height: 1.36rem;
	}
	header .logo{
		margin-top: .45rem;
		width: 2.34rem;
	}
	.search-dialog{
		display: none;
		position: absolute;
		left: 0;
		top: 1.36rem;
		height: 1rem;
		width: 100%;
		margin-top: 0;
		background-color: #000;
		box-sizing: border-box;
		padding: 0 .5rem;
		border: none;
	}
	.search-dialog input[type=text]{
		font-size: .3rem;
		line-height: .5rem;
		height: .5rem;
		padding: .25rem 0;
	}
	.search-dialog input[type=submit]{
		margin-top: .3rem;
	}
	.header-right{
		position: static;
		float: right;
		height: 1.36rem;
		line-height: 1.36rem;
	}
	header .nav-btn{
		width: .5rem;
	    height: .36rem;
	    /*margin-left: .25rem;*/
	    margin-left: 0;
	}
	header .query-btn{
		margin-top: .4rem;
		margin-left: .25rem;
	}
	header .lang{
		/*margin-left: .25rem;*/
	}

	.search-wrap .search-btn{
		display: block;
		width: .375rem;
		height: .375rem;
		background-repeat: no-repeat;
		background-position: center;
		background-size: 100%;
		background-image: url('../img/search-btn.png');
		margin-top: .5rem;
	}
	.m-nav{
		padding: 0 .5rem;
		top: 1.36rem;
	}
	.m-nav li .tit{
		padding: .15rem 0 .15rem .3rem;
	}
	.m-nav li .navson a{
		font-size: .24rem;
		line-height: .4rem;
	}
	.m-nav li .tit:before{
		width: .3rem;
		height: .3rem;
	}
	footer{
		padding: .9rem 0;
		padding-bottom: .35rem;
	}
	.footer-view{
		width: auto .5rem;
	}
	.f-top{
		padding-bottom: .5rem;
	}
	.f-logo{
		width: 1.75rem;
	}
	.f-left{
		float: none;
		width: 100%;
	}
	.f-right{
		float: none;
		text-align: left;
	}
	.f-link .tit{
		font-size: .26rem;
		line-height: .4rem;
	}
	.f-link .list{
		overflow: hidden;
		width: 83%;
	}
	.f-link .list .row{
		margin: 0 -.25rem;
	}
	.f-link .list .item{
		padding: 0 .25rem;
		margin-bottom: .3rem;
	}
	.f-right{
		margin-top: .4rem;
	}
	.f-right .tit{
		font-size: .26rem;
		line-height: .4rem;
	}
	.f-right .tel-box{
		float: left;
	}
	.f-right .tel{
		/*font-size: .6rem;*/
		font-size: 20px;
		line-height: 1.25;
		/*line-height: .6rem;*/
		margin-top: .25rem;
	}
	.f-right .share-box{
		float: right;
		margin-top: .7rem;
	}
	.f-right .share-box .item{
		margin-left: .2rem;
	}
	.f-right .share-box .icon{
		width: .45rem;
	}
	.f-right .share-box .item:nth-child(3) .icon,
	.f-right .share-box .item:nth-child(4) .icon,
	.f-right .share-box .item:nth-child(5) .icon{
		width: .4rem !important;
		height: .4rem !important;
	}
	.share-box .img-box{
		padding-top: .2rem;
	}
	.share-box .img{
		width: 1.5rem;
	}
	.share-box .item.cur .img-box{
		top: .4rem;
	}
	.share-box .img:before{
		right: .1rem;
	}
	.f-bottom .copy{
		display: none!important;
		/*display: block!important;*/
	}
	.m-copy{
		display: block;
		padding: .25rem 0;
		background-color: rgb(0,175,98);
		/*display: none!important;*/
		text-align: center;
	}
	.m-copy .copy,
	.m-copy .copy a{
		color: #fff;
		font-size: .2rem;
		line-height: .3rem;
	}
	.banner .m-img{
		display: block;
	}
	.banner .pc-img{
		display: none;
	}
	.banner .text-box{
		top: auto;
		bottom: 1rem;
	}
	.banner .text-box .en{
		font-size: .6rem;
		line-height: .6rem;
	}
	.banner .text-box .cn{
		font-size: .52rem;
		line-height: .6rem;
		margin-top: .15rem;
	}
	.banner .text-box .ban-btn{
		margin-top: .45rem;
	}
	.banner .text-box .ban-btn a{
		padding: 0 .7rem;
		height: .8rem;
	}
	.banner .text-box .ban-btn span{
		font-size: .24rem;
		line-height: .8rem;
		height: .8rem;
	}

	.banner .buttons{
		right: .7rem;
		left: auto;
		width: auto;
		white-space: nowrap;
	}
	.banner .buttons .btns{
		display: none;
	}
	.banner .buttons .prev,
	.banner .buttons .next{
		margin:0 0 0 .28rem;
	}
	.i-solution-box .pc-box{
		display: none;
	}
	.i-solution-box .m-box{
		display: block;
	}
	.i-solution-box .m-box img{
		width: 100%;
	}
	.i-solution-box .text-box{
		visibility: visible;
		opacity: 1;
		filter: alpha(opacity=100);
		top: 1.9rem;
		transform: translateY(0);
		padding: 0 .5rem;
		text-align: center;
	}
	.i-solution-box .text-box .tit{
		font-size: .52rem;
		line-height: .6rem;
	}
	.i-solution-box .text-box .con{
		font-size: .24rem;
		line-height: .4rem;
		margin-top: .4rem;
	}
	.i-solution-box .text-box .solution-more{
		width: 2rem;
		height: .8rem;
		margin:  .5rem auto 0;
	}
	.i-solution-box .text-box .solution-more span{
		font-size: .24rem;
		line-height: .8rem;
		background-size: .1rem;
	}
	.pub-prev,
	.pub-next{
		width: .8rem;
		height: .8rem;
		background-size: .16rem;
	}
	.i-solution-box .pub-prev,
	.i-solution-box .pub-next{
		transform: translateY(-50%);
		z-index: 3;
		border: none;
		width: .16rem;
		height: .3rem;
	}
	.i-solution-box .pub-prev{
		background-image: url('../img/pub-prev2.png');
		left: .5rem;
	}
	.i-solution-box .pub-next{
		background-image: url('../img/pub-next2.png');
		right: .5rem;
	}
	.i-solution-box .btns{
		position: absolute;
		bottom: 1rem;
		width: 100%;
		font-size: 0;
		text-align: center;
		z-index: 3;
	}
	.i-solution-box .btns .swiper-pagination-bullet{
		width: .12rem;
		height: .12rem;
		background-color: #fff;
		opacity: .2;
		filter: alpha(opacity=20);
		border-radius: 100%;
		margin: 0 .1rem;
		transition: all .3s;
	}
	.i-solution-box .btns .swiper-pagination-bullet-active{
		opacity: 1;
		filter: alpha(opacity=100);
	}
	.i-about{
		padding: 1.6rem 0 .9rem;
	}
	.i-about h3{
		font-size: .52rem;
		line-height: .6rem;
	}
	.i-about .con{
		font-size: .24rem;
		line-height: .44rem;
		margin-top: .5rem;
	}
	.i-about .icon-box{
		margin-top: .55rem;
	}
	.i-about .icon-box .row{
		margin: 0 -.1rem;
	}
	.i-about .icon-box .item{
		margin: 0;
		width: 33.33%;
		box-sizing: border-box;
		padding: 0 .1rem;
		margin-bottom: .5rem;
	}
	.i-about .icon-box .icon{
		width: 1.2rem;
	}
	.i-about .icon-box .txt{
		font-size: .24rem;
		line-height: .4rem;
		margin-top: .24rem;
	}
	.i-news{
		padding: 2rem .5rem 2.7rem;
	}
	.i-news h3{
		font-size: .52rem;
		line-height: .6rem;
		text-align: center;
	}
	.i-news-tab{
		position: relative;
		margin-top: 1.2rem;
	}
	.i-news-tab .swiper-slide{
		width: 4.8rem;
		margin: 0 .28rem;
		opacity: 0;
		filter: alpha(opacity=0);
		transition: opacity .3s;
	}
	.i-news-tab .swiper-slide:last-child{
		margin-right: 0;
	}
	.i-news-tab .text{
		margin-top: .4rem;
	}
	.i-news-tab .time{
		font-size: .24rem;
		line-height: .4rem;
	}
	.i-news-tab .tit{
		font-size: .3rem;
		line-height: .4rem;
		margin-top: .2rem;
		height: .8rem;
	}
	.i-news-tab .scrollbar{
		display: none;
	}
	.i-news-tab .swiper-slide-active{
		opacity: 1;
		filter: alpha(opacity=100);
	}

	.i-news-tab .pub-prev,
	.i-news-tab .pub-next{
		top: 28%;
		z-index: 3;
		border: none;
		width:1rem;
		height:1rem;
	}
	.i-news-tab .pub-prev{
		background-image: url('../img/pub-prev2.png');
		left: 0;
	}
	.i-news-tab .pub-next{
		background-image: url('../img/pub-next2.png');
		right: 0;
	}
	.sub-banner img{
		width: 120%;
		transform: translateX(-10%);
	}
	.sub-nav .swiper-wrapper{
		justify-content: inherit;
	}
	.sub-nav .swiper-slide{
		margin: 0 .6rem 0 0;
	}
	.sub-nav a{
		height: 1rem;
		line-height: 1rem;
		font-size: .3rem;
	}
	.sub-nav .swiper-slide.cur a{
		font-size: .36rem;
	}
	.about-box{
		padding: .7rem 0;
	}
	.about-box .img-box{
		float: none;
		width: 100%;
	}
	.about-box .text{
		float: none;
		width: 100%;
	}
	.pub-tit{
		font-size: .4rem;
		line-height: .5rem;
	}
	.about-con{
		font-size: .24rem;
		line-height: .5rem;
	}
	.about-box .text .about-con{
		margin-top: .4rem;
	}
	.about-box .img-box{
		margin-top: .4rem;
	}
	.about-box .cover .txt{
		font-size: .4rem;
		line-height: .4rem;
	}
	.about-box .cover{
		border-radius: 0 0 .7rem 0;
	}
	.about-icon-box{
		padding: .7rem 0;
	}
	.about-line{
		width: .5rem;
		height: 2px;
		margin: .36rem auto;
	}
	.about-icon-box .icon-box{
		margin-top: .4rem;
	}
	.about-icon-box .icon-box .item{
		width: 2.7rem;
		height: 2.7rem;
		margin: 0 .2rem .4rem;
		padding-top: .7rem;
	}
	.about-icon-box .icon{
		width: .54rem;
	}
	.about-icon-box .cn{
		font-size: .3rem;
		line-height: .4rem;
		margin-top: .2rem;
	}
	.about-icon-box .en{
		font-size: .24rem;
		line-height: .4rem;
	}
	.network-box{
		padding: .7rem 0;
	}
	.network-box .network{
		margin-top: .4rem;
	}
	.network .pc-box{
		display: none;
	}
	.network .m-box{
	    display: block;
	}
	.network .m-box img{
		width: 100%
	}
	.tech-box .circle{
		display: none;
	}
	.tech-top{
		top: .7rem;
	}
	.tab-btns{
		margin-top: .4rem;
	}
	.tab-btns a{
		width: 2.5rem;
		height: .8rem;
		line-height: .8rem;
		font-size: .3rem;
		margin: 0 .2rem;
	}
	.tech-tab .swiper-slide{
		height: 13.34rem;
	}
	.tech-tab .con-box{
		top: 3.4rem;
	}
	.tech-tab .con-box .tit{
		font-size: .3rem;
		line-height: .4rem;
	}
	.tech-tab .con-box .about-con{
		width: auto;
		padding: 0 .5rem;
		margin-top: .4rem;
	}
	.tech-icon-tab .swiper-slide{
		width: 33.33%;
	}
	.tech-icon-tab{
		width: 90%;
		left: 5%;
	}
	.tech-icon-tab .swiper-slide{
		height: 2rem;
	}
	.tech-icon-tab .tech-con{
		padding-top: .5rem;
	}
	.tech-icon-tab .tech-con .icon{
		width: .48rem;
	}
	.tech-icon-tab .tech-con .txt{
		font-size: .24rem;
		line-height: .4rem;
		margin-top: .2rem;
	}
	.tech-tab .buttons{
		bottom: 25%;
	}
	.tech-tab .buttons .btns .swiper-pagination-bullet{
		width: .3rem;
		height: .3rem;
	}
	.tech-tab .buttons .btns .swiper-pagination-bullet:before{
		width: .1rem;
		height: .1rem;
		margin: -.05rem 0 0 -.05rem;
	}
	.tech-tab .buttons .prev{
		margin-right: .3rem;
	}
	.tech-tab .buttons .next{
		margin-left: .3rem;
	}
	.ppf-box{
		padding: 3.4rem 0 .7rem;
		height: auto;
	}
	.ppf-box .text-box,
	.ppf-box .img{
		float: none;
		width: 100%;
	}
	.ppf-box .text-box .tit{
		font-size: .3rem;
		line-height: .4rem;
		text-align: center;
	}
	.ppf-box .text-box .con{
		margin-top: .3rem;
		font-size: .24rem;
		line-height: .5rem;
	}
	.honor-box{
		padding: .7rem 0;
	}
	.honor-box .honor-tab{
		margin-top: 1rem;
	}
	.honor-box .honor-tab .txt{
		font-size: .24rem;
		line-height: .4rem;
		margin-top: .2rem;
	}
	.pub-btns{
		margin-top: .4rem;
	}
	.pub-prev,
	.pub-next{
		margin: 0 .2rem;
	}
	.news-box{
		padding: .7rem 0;
	}
	.news-list .item{
		margin-bottom: .5rem;
	}
	.news-list .time{
		display: none;
	}
	.news-list .time .line{
		display: none;
	}
	.news-list .news-right{
		float: none;
		width: 100%;
	}
	.news-list .news-right .img,
	.news-list .news-right .text{
		float: none;
		width: 100%;
	}
	.news-list .news-right .text{
		padding: .4rem;
	}
	.news-list .news-right .tit{
		font-size: .3rem!important;
		line-height: .4rem;
		padding-bottom: .2rem;
	}
	.news-list .news-right .con{
		height: auto;
		font-size: .24rem;
		line-height: .5rem;
	}
	.news-list .news-right .detail{
		font-size: .24rem;
		line-height: .4rem;
	}
	.page a{
		width: .6rem;
		height: .6rem;
		line-height: .6rem;
		font-size: .24rem;
		margin: 0 .1rem;
	}
	.news-box .page{
		margin-top: .5rem;
	}
	.contact-box{
		padding: .7rem 0;
	}
	.contact-box .map{
		float: none;
		width: 100%;
		height: 6rem;
		margin-top: 0;
	}
	.contact-box .text-box{
		float: none;
		width: 100%;
		margin-top: .5rem;
	}
	.contact-box .text-box .item{
		padding: .2rem 0;
	}
	.contact-box .text-box .item:first-child{
		padding-top: 0;
	}
	.contact-box .text-box .con-box{
		margin-top: .4rem;
	}
	.contact-box .text-box .item .tit{
		font-size: .24rem;
		line-height: .4rem;
		background-size: .3rem;
		padding-left: .4rem;
	}
	.contact-box .text-box .item .con{
		font-size: .3rem;
		line-height: .4rem;
		margin-top: .2rem;
	}
	.message-box{
		padding: .5rem 0;
	}
	.message-form{
		margin-top: .4rem;
	}
	.message-form .row{
		margin: 0;
	}
	.message-form .message-item{
		padding: 0;
	}
	.message-form .inp{
		padding-bottom: .3rem;
		margin-bottom: .3rem;
	}
	.message-tit,
	.message-form .inp .message-tit{
		font-size: .3rem;
		line-height: .4rem;
	}
	.message-form .inp input[type=text]{
		font-size: .3rem;
		line-height: .4rem;
		height: .4rem;
	}
	.message-form textarea{
		font-size: .3rem;
		line-height: .4rem;
		margin-top: .3rem;
		padding: .3rem;
	}
	.message-form .check{
		margin-top: .3rem;
	}
	.message-form .check input{
		height: .4rem;
		line-height: .4rem;
		padding: .2rem .4rem;
		width: 1.5rem;
		font-size: .3rem;
	}
	.message-form .check img{
		float: right;
		width: 1.7rem;
		height: .8rem;
		margin: 0;
	}
	.message-form .submit-box{
		margin-top: .5rem;
		padding-top: .5rem;
	}
	.message-form .submit-box input[type=submit]{
		width: 2.5rem;
		height: .8rem;
		font-size: .3rem;
	}
	.solution-btns{
		margin-top: 0;
		padding: .5rem 0;
	}
	.solution-btns a{
		margin-bottom: .4rem;
	}

	header .tel-dialog{
		top: 1.2rem;
		font-size: .3rem;
		line-height: .5rem;
		width: 2.5rem;
	}

}