@charset utf-8;

@media(min-width:1600px){

}
@media(min-width:1900px){
	
}

@media(max-width:1366px){
	#home-about-us .text .title{
		margin: 0 0 20px 0;
	}
	#home-about-us .text .desc p {
		margin: 0 0 10px 0;
		font-size: 13px;
		line-height: 20px;
	}
}

/*1200*/
@media(max-width:1200px){
	#home-about-us .text .title{
		font-size: 18px;
    	line-height: 20px;
	}
	#home-about-us .text .desc p {
		margin: 0 0 10px 0;
		font-size: 13px;
		line-height: 18px;
	}
	.section-tb{
		padding: 40px 0 40px 0;
	}
	
	#home-products .one-product .text{
		font-size: 20px;
	}
	#home-awards .one-panel{
		font-size: 13px;
		line-height: 24px;
	}
	#home-awards .year-2015,
	#home-awards .year-2018{
		padding-left: 25%;
	}
	
	#home-awards .year-2015 .one-panel,
	#home-awards .year-2018 .one-panel{
		min-height: 242px;
	}
	#home-awards .year-2015 .year-number, 
	#home-awards .year-2018 .year-number{
		left: calc(33% + 37px);
	}
	
	.ss-title{
		font-size: 24px;
		margin: 10px 0 60px 0;
	}
	.ss-title span:before{
		height: 70px;
	}
	.ss-title span:after{
		height: 70px;
	}
}

/*1100*/
@media(max-width:1100px){
	#home-about-us .text .title{
		font-size: 14px;
    	line-height: 18px;
		margin: 0 0 10px 0;
	}
	#home-about-us .text .title span{
		padding: 5px 0 0 0;
	}
	#home-about-us .text .desc p {
		margin: 0 0 10px 0;
		font-size: 12px;
		line-height: 14px;
	}
}
/*1024*/
@media(max-width: 1024px){
	body{
		font-size: 14px;
	}
	.xx-title {
	    font-size: 22px;
	    line-height: 30px;
    }
    .yy-title{
	    font-size: 22px;
	    line-height: 30px;
    }
	.ss-title{
		font-size: 22px;
		margin: 0 0 30px 0;
	}
	.ss-title br{
		display: none;
	}
	.ss-title span:before,
	.ss-title span:after{
		display: none;
	}
	.btn-xl{
		padding: 5px 20px 5px 20px;
	}
	#home-products .one-product .text{
		font-size: 18px;
	}
	#header .info .tels>span{
		display:block;
		line-height: 1;
	}
	#header .info .tels>span.tel{
		margin-bottom:5px;
	}
	
}

/*991*/
@media(max-width:991px){
	#home-about-us .text .desc p {
		margin: 0 0 10px 0;
		font-size: 14px;
		line-height: 20px;
	}
	.section-tb{
		padding: 30px 0 30px 0;
	}
	.img-logo-text{
		display: none !important;
	}
	.navbar-default .navbar-nav > li > a{
		padding: 0px 25px;
	}
	#home-about-us .left{
		display: none;
	}
	#home-about-us .about-002{
		background: url(../images/about-002.png) no-repeat center center;
		background-size: cover;
	}
	#home-about-us .about-002 .mask{
		position: relative;
		padding: 30px 30px 30px 30px;
	}
	#home-about-us .img-about-002{
		display: none;
	}
	#home-about-us .text{
		position: relative;
		left: 0;
		top: 0;
		transform: none;
		width: 100%;
	}
	#home-about-us .text .title{
		font-size: 20px;
		line-height: 24px;
		margin: 0 0 30px 0;
	}
	#home-about-us .text .desc p{
		margin: 0 0 10px 0;
	}
	
	#home-products .p-list{
		margin-top: -110px;
	}
	#home-products .one-product{
		margin: 0 0 50px 0;
	}
	
	#home-cases .ss-content{
		margin: 0;
	}
	
	#home-awards .xx-title{
		margin-bottom: 50px;
	}
	#home-awards .one-panel .image{
		margin: 0 0 15px 0;
	}
	#home-awards .year-2015, 
	#home-awards .year-2018,
	#home-awards .year-2022{
		padding: 0;
		margin: 60px 0 0 0;
	}
	#home-awards .one-year .year-number{
		left: 56px;
	}
	#home-awards .year-2015 .year-number, 
	#home-awards .year-2018 .year-number{
		left: 54px;
	}
	#home-awards .one-year .year-number:before{
		left: calc(50% - 3px);
	}
	
	#guidelines h2{
		font-size: 20px;
		line-height: 30px;
	}
	#guidelines .gl-list{
		margin: 30px 0 0px 0;
	}
	#guidelines .one-gl .title{
		font-size: 40px;
		line-height: 50px;
	}
	#guidelines .one-gl .desc {
	    font-size: 20px;
	    line-height: 30px;
	}
	#company-info .ss-desc{
		font-size: 16px;
		line-height: 24px;
	}
	#company-info .oneline{
		font-size: 16px;
		line-height: 24px;
	}
	#partner .ss-title{
		position: relative;
		margin: 20px 0 0 0;
	}
	
	
	/*product*/
	#heading{
		border-bottom: 50px solid #f3f3f3;
	}
	#heading .right{
	    border-bottom: 50px solid #f3f3f3;
	}
	#heading .menu ul li a{
		padding: 5px 0;
	}
	
	#use .one-use{
		padding: 40px 40px 20px 40px;
	}
	#use .one-use .number{
		font-size: 60px;
		top:-40px;
	}
	#use .ss-content{
		margin: 0;
	}
	#use .one-panel .text{}
	#use .one-panel .text ul li{
	    padding: 5px 0px;
	    font-size: 15px;
	    line-height: 20px;
	}
	#feature {
	    padding-top: 30px;
	}
	#feature .feature-list-p2 li{
		padding: 5px 0px 5px 0px;
		font-size: 15px;
		line-height: 20px;
	}
	.table-xl td{
		padding: 15px !important;
	}
	
	.table-xl-002 th, 
	.table-xl-002 td{
		padding: 15px !important;
		font-size: 15px;
	}
	#feature .one-panel{
		padding: 30px 30px 30px 50px;
	}
	#specification .one-spec .text{
		font-size: 13px;
		line-height: 20px;
	}
	.feature-list .one-feature{
		padding: 30px 15px 30px 15px;
		margin: 0 0 60px 0;
	}
	.feature-list .one-feature .number{
	    font-size: 60px;
	    top:-50px;
	}
	.feature-list .one-feature .text {
	    font-size: 15px;
	    line-height: 20px;
	}
	
	#wuxing .one-wx{
		padding: 20px 30px;
		min-height: 400px;
	}
	#wuxing .one-wx .title {
	    font-size: 28px;
	    line-height: 30px;
	    margin: 0px 0 20px 0;
	}
	#wuxing .one-wx .content {
	    font-size: 16px;
	    line-height: 24px;
	}
	#wuxing .one-wx .content .oneline {
	    margin: 0 0 10px 0;
	}
	#cases .one-case .text{
		font-size: 14px;
		height: 60px;
	}
	.cat-news .news-list .one-news{
		padding: 15px 15px 15px 15px;
	}
	#heading.heading-cat .title{
		font-size: 24px;
		line-height: 30px;
		text-align: center;
	}
	#heading.heading-cat .title span{
		font-size: 18px;
		line-height: 24px;
		padding: 0 0 5px 0;
	}
	.single #heading {
	    border-bottom: 50px solid #fff;
	}
	.single #heading .right{
		border-bottom: 50px solid #fff;
	}
	.single .single-news{
		padding: 20px 20px 20px 20px;
		margin: 0 0 20px 0;
	}
	.single .single-news .post-title{
		font-size: 20px;
		line-height: 30px;
	}
	.single .single-news .post-date{
		margin: 0 0 20px 0;
	}
	.form-horizontal .control-label{
		text-align: left;
	}
	#bottom .bottom-001 ul li{
		width: 100%;
	}
	#bottom .one-bottom ul li a{
		padding: 5px 0px 5px 20px;
	}
	
}

/*768*/
@media(max-width:768px){
	
}

/*767*/
@media(max-width:767px){
	.section-tb{
		padding: 25px 0 25px 0 !important;
	}
	.btn-xl{
		font-size: 14px;
		padding: 2px 30px 2px 20px;
	}
	#header{
		padding: 60px 0 10px 0;
	}
	#header .info .tels{
		/* float:none; */
		height: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;
		float: left;
	}
	#header .info .tels>span{
		display:block;
		float: none;
		text-align: left;
		line-height: 1;
		padding: 0;
		margin: 0;
	}
	#header .info .tels>span.tel{
		margin-bottom: 6px;
	}
	#header .info{
		position: absolute;
		top:0px;
		width: 100%;
		text-align: center;
		background: #f9f9f9;
		height: 50px;
		padding: 5px 15px;
	}
	#header .info .tel{
		float: left;
	}
	#header .info .wechat{
		float: left;
	}
	#header .info .language{
		float: right;
	}
	.navbar-header{
		width: auto;
	}
	.navbar-brand img{
		float: left;
		position: relative;
		left: 15px;
		top: 0px;
	}
	.navbar-default .navbar-nav.navbar-center{
		left: auto;
		transform: none;
		margin-top: 0;
		margin-bottom: 0;
	}
	.navbar-default .navbar-nav > li {
	    margin: 0px 0px 1px 0px;
	    border: none;
	}
	.navbar-default .navbar-nav > li a{
		padding: 0 20px 0 20px;
		line-height: 36px;
		height: auto;
		text-align: center;
		border:none;
	}
	.navbar-default .navbar-nav > li > a:hover,
	.navbar-default .navbar-nav > .active > a, 
	.navbar-default .navbar-nav > .active > a:hover, 
	.navbar-default .navbar-nav > .active > a:focus, 
	.navbar-default .navbar-nav > .open > a, 
	.navbar-default .navbar-nav > .open > a:hover, 
	.navbar-default .navbar-nav > .open > a:focus {
		background:#028cff;
		border:none;
	}
	.xx-title {
	    font-size: 18px;
		line-height: 20px;
    }
    .xx-title small{
	    font-size: 14px;
		line-height: 20px;
    }
    .yy-title{
	   	font-size: 18px;
		line-height: 20px;
    }
	.ss-title{
		font-size: 18px;
		line-height: 20px;
		margin: 0 0 30px 0;
	}
	.ss-title{
		font-size: 18px;
		line-height: 20px;
		margin: 0 0 25px 0;
	}
	#home-about-us .text .title{
		font-size: 18px;
		line-height: 20px;
	}
	#home-about-us .text .desc{
		font-size: 14px;
		line-height: 20px;
	}
	#home-products .col-xs-6 .one-product .wrapper{
		width: 90%;
	}
	#home-products .col-xs-12 .one-product .wrapper{
		width: 45%;
	}
	#home-products .one-product .text{
		font-size: 15px;
		line-height: 24px;
	}
	#guidelines .one-gl{
		padding: 15px 15px 15px 15px;
		margin: 0 0 20px 0;
	}
	#guidelines .one-gl .title {
	    font-size: 30px;
	    line-height: 40px;
	}
	#guidelines .one-gl .desc {
    	font-size: 18px;
	    line-height: 24px;
	}
	#company-info .ss-desc{
		margin: 0 0 20px 0;
	}
	#heading{
		border: none;
	}
	#heading{
		height: 400px;
	}
	#heading .image img{
		width: auto !important;
    	height: 400px;
	}
	#heading .right{
		width: 100%;
		height: 400px;
		background: rgba(0,0,0,0.4);
		position: absolute;
		border: none;
	}
	#heading .menu ul li a{
		color: #fff;
	}
	#heading.heading-cat .title{
		color: #fff;
		bottom: auto;
		top:50%;
		left: 50%;
		transform: translate(-50%,-50%);
	}
	#heading.heading-cat .title span{
		width: 100%;
		text-align: center;
	}
	#heading.heading-cat .title:after{
		display: none;
	}
	.single #heading{
		border: none;
	}
	.single #heading .right{
		width: 100%;
		height: 100%;
		background: rgba(0,0,0,0.4);
		position: absolute;
		border: none;
	}
	
	.panel-xl .image{
		width: 100%;
	}
	.panel-xl .text{
		width: 100%;
	}
	.panel-xl .text p{
		writing-mode: horizontal-tb;
		padding: 20px 20px 20px 20px;
		white-space: normal;
		letter-spacing: 0;
	}
	#feature .panel-xl{
		margin-bottom: 30px;
	}
	#use .one-panel{
		padding: 20px;
	}
	#use .one-panel .text{
		margin-bottom: 30px;
	}
	.table-xl td {
	    padding: 10px !important;
	}
	#feature .feature-list-p2{
		padding: 30px 0 0 20px;
	}
	.table-xl-002 th, .table-xl-002 td {
	    padding: 10px !important;
	    font-size: 12px;
	    vertical-align: middle !important;
	}
	#specification .one-spec{
		margin: 0 0 30px 0;
	}
	#specification .one-spec .text{
		height: auto;
	}
	#specification.use-p5 .one-spec .text{
		height: 40px;
	}
	
	.equal-height{
		flex-wrap: wrap;
	}
	.equal-height .eq{
		flex-direction: column;
	}
	#partner .one-partner{
		margin: 10px 0px 10px 0px;
	}
	
}


/*640*/
@media(max-width:640px){
	#header .info {
	    font-size: 14px;
	}
}
/*560*/
@media(max-width:560px){
	
}
/*480*/
@media(max-width:480px){
	
}

/*440*/
@media(max-width:440px){
	#header .info{
		font-size: 11.5px;
	}
	#header .info .wechat{
		padding: 0 10px;
	}
	#header .info .wechat-1{
		padding-left: 20px;
		padding-right: 5px;
	}
	#header .info .wechat .qrcode{}
	#header .info .wechat .qrcode:before{
		left: 30px;
	}
	#header .info .wechat .qrcode img{
		width: 100px;
		height: auto;
	}
	#home-about-us .about-002 .mask{
		padding: 15px;
	}
	#home-about-us .text .title{
		font-size: 16px;
		line-height: 20px;
		margin: 0 0 20px 0;
	}
	#home-about-us .text .title span{
		padding: 0 0 5px 0;
	}
	#home-about-us .text .desc {
	    font-size: 12px;
	    line-height: 16px;
	}
	#bottom .logo{
		margin: 0 0 20px 0;
	}
	#bottom .logo img{
		height: 20px;
	}
	#bottom .one-bottom{
		margin: 0 0 15px 0;
	}
	#bottom .one-bottom h3{
		font-size: 14px;
		line-height:20px;
		margin: 0 0 10px 0;
	}
	#bottom .one-bottom ul li a{
		padding: 0px 0px 0px 10px;
		font-size: 12px;
	}
	#bottom .bottom-003 ul li{
		margin: 0;
	}
	#footer{
		padding: 15px 0;
	}
	#footer #copyright{
		font-size: 12px;
	}
	#BackToTop{
		width: 36px;
		height: 36px;
		line-height: 36px;
		font-size: 22px;
	}
	.btn-xl {
	    font-size: 12px;
	    padding: 2px 20px 2px 20px;
	    line-height: 24px;
	}
	.xx-title {
	    font-size: 16px;
		line-height: 20px;
    }
    .xx-title small{
	    font-size: 13px;
		line-height: 18px;
    }
    .yy-title{
	   	font-size: 16px;
		line-height: 20px;
		margin: 0 0 20px 0;
    }
	.ss-title{
		font-size: 16px;
		line-height: 20px;
		margin: 0 0 30px 0;
	}
	.ss-title{
		font-size: 16px;
		line-height: 20px;
		margin: 0 0 20px 0;
	}
	
	#home-news .news-list{
		margin: 0 0 15px 0;
	}
	#home-news .one-news{
		padding: 15px 30px 15px 15px;
	}
	#home-news a.a-news-wrapper .one-news .desc{
		margin: 0;
		font-size: 12px;
	}
	#home-news .one-news .more{
		right: 15px;
	}
	#home-products .one-product{
		margin: 0 0 20px 0;
	}
	#home-products .col-xs-6 .one-product .wrapper{
		width: 100%;
	}
	#home-cases .ss-content{
		padding: 0;
	}
	
	#home-awards .ss-content{
		border: none;
	}
	#home-awards .one-year .year-number{
		font-size: 14px;
	}
	#home-awards .one-year .year-number {
	    left: 63px;
	}
	#home-awards .year-2015 .year-number, 
	#home-awards .year-2018 .year-number {
	    left: 62px;
	}
	
	#guidelines h2 {
	    font-size: 16px;
	    line-height: 20px;
	}
	#guidelines .one-gl .title {
	    font-size: 24px;
	    line-height: 30px;
	    margin: 0;
	}
	#guidelines .one-gl .desc {
	    font-size: 16px;
	    line-height: 20px;
	}
	#company-info .ss-desc{
		font-size: 14px;
		line-height: 20px;
	}
	#company-info .oneline {
	    font-size: 14px;
	    line-height: 20px;
	    padding: 10px 0 10px 0;
	}
	
	#use .one-use{
		padding: 30px 20px 20px 20px;
		font-size: 13px;
	}
	#feature .feature-list li{
		padding: 15px 15px 15px 15px;
		margin: 0 0 15px 0;
		font-size: 13px;
		line-height: 18px;
	}
	#use .one-panel .text{
		margin: 0 0 10px 0;
	}
	#use .one-panel .text ul li{
		font-size: 13px;
		line-height: 18px;
	}
	#use .one-panel .text ul li:before{
		font-size: 16px;
		left: -20px;
	}
	#feature .feature-list-p2 li{
		font-size: 13px;
		line-height: 18px;
	}
	.table-xl .title {
	    font-size: 16px;
	}
	.table-xl td {
	    padding: 5px !important;
	    font-size: 12px;
	}
	
	#feature .one-panel{
		padding: 15px 15px 15px 30px;
	}
	#feature .one-panel ul li{
		font-size: 13px;
		line-height: 18px;
	}
	
	.feature-list .one-feature .text{
		font-size: 13px;
		line-height: 18px;
	}
	.feature-list .one-feature{
		padding: 30px 0px 15px 0px;
	}
	
	#use .one-yt{
		margin: 0 0 20px 0;
	}
	#use .one-yt .title{
		font-size: 16px;
		line-height: 20px;
		padding: 10px;
	}
	#use .one-yt .content {
	    padding: 10px;
	    font-size: 13px;
	    line-height: 18px;
	    min-height: 120px;
	}
	.panel-xl .text p{
		font-size: 13px;
		line-height: 18px;
	}
	#wuxing .one-wx{
		min-height: 0;
	}
	#wuxing .one-wx .title {
	    font-size: 16px;
	    line-height: 20px;
	    margin: 0px 0 10px 0;
	}
	#wuxing .one-wx .content {
	    font-size: 13px;
	    line-height: 18px;
	}
	
	#heading.heading-cat .title{
		font-size: 18px;
		line-height: 24px;
	}
	#heading.heading-cat .title span{
		font-size: 16px;
		line-height: 20px;
	}
	.cat-news .news-list .one-news .more{
		right: 15px;
	}
	.single .single-news .post-title{
		font-size: 16px;
		line-height: 20px;
	}
	#main p{
		font-size: 13px;
	    line-height: 18px;
	}
	#contactForm input, 
	#contactForm textarea{
		height: 34px;
	}
	#contactForm textarea{
		height: 100px;
	}
	#contactForm .btn{
		padding: 0px 20px;
	}
	#contact2 .wechat img{
		max-width: 200px;
	}
	#contact2 .grey-box{
		padding: 10px 15px 10px 15px;
		font-size: 13px;
		margin: 0 0 20px 0;
	}
	#contact2 .grey-box label{
		width: 60px;
	}
	
}

/*400*/
@media(max-width:400px){
	
}

/*320*/
@media(max-width:320px){
	#header .info{
		font-size: 12px;
	}
}