@charset "utf-8";
/* CSS Document */
@media only screen and (max-width:1600px){
	.container{width:96%;margin:0px auto;}
	.com-img{margin:50px auto;}
	.pro1{background-size:600px auto;}
	.half{height:672px;overflow: hidden;}
	.jany img{width:48%;}
}
@media only screen and (max-width:1440px){
	.head{padding:20px 3%;}
	.head .navList{width:62%;}
	.abtxt .lt{width:45%;}
	.abtxt .rt .title{font-size:28px;}
	.linian .li p{font-size:.875em;line-height: 24px;}
	#nav:before {left: -90px;}
}
@media only screen and (max-width:1366px){
	*{font-size:14px;}
	section .container{width:96%;}
	.aboutsection .right .v-box{left:180px;}
	.linian .li{width:calc(25% - 20px);margin:0 10px;}
	.sub_nav,.product .title{margin-bottom:50px;}
	.qa .p2,.newsl li .cont .txt{font-size:1em;}
	.jbox .jlt1{width:32.5%;padding-left:6%;}
	.jbox .jlt2{width:21.75%;}
}
@media only screen and (max-width:1280px){
	.head {padding: 20px 1%;}
	.head .navList{float:left;width:58%;}
	.aboutsection{padding-top:60px;margin-bottom: 60px;}
	.abtxt .rt .title {font-size: 24px;}
	.linian{padding:75px 15px;}
	.linian .li p{font-size:13px;}
}
@media screen and (max-width: 1000px){
	#nav-box .container:before {
		width: 135px;
		height: 64px;
		right: -40px;
	}
}
@media only screen and (max-width:780px){
	.head{
		height:70px;
		display: block;
		padding:0;
		position: fixed;
		z-index: 99;
		background: #fff;
		box-shadow: 0 2px 5px 0px rgba(0,0,0,.15)
	}
	.head .logobox{padding-top:20px;padding-left:10px;}
	.head .navbox .js-open-nav{top:15px;}
	#nav-box .container {padding: 90px 26px;}
	#nav-box .sub-links {
		top: 30px;
		left: 26px;
	}
	#nav ul ul {
		display: flex;
		flex-wrap: wrap;
		margin: 18px -26px -16px 0;
	}
	#nav > ul > li{
		font-size: 22px;
		margin: 10px 0;
		padding: 0;
	}
	#nav > ul > li .a1{
		font-size:22px;
	}
	#nav ul ul li {
		margin: 0 20px 13px 0;
	}
	.js-close-nav {
		top: 26px;
		right: 20px;
	}
	.lang-box{display:none;}
	
	.cbanner{padding-top:70px;margin-bottom: 30px;}
	.sub_nav{display:none;}
	section .container{width:100%;}
	.container{padding:0 15px;width:100%;}
	.head .navList{display:none;}
	.aboutsection .left,
	.aboutsection .right,
	.product .left,
	.product .right,
	.ldtxt .lt,
	.ldtxt .rt,
	.product .p1 .lt,
	.product .p1 .rt,
	.ctinfo .left,
	.ctinfo .right{width:100%;float:none;}
	.banner{padding-top:70px;}
	.aboutsection .left{padding-left:0;margin-bottom: 44px;}
	.aboutsection .left .title,.product .right .title{
		font-size: 30px;
		line-height: 32px;
	}
	.aboutsection .left .text,.product .right .text{
		font-size: 16px;
		line-height: normal;
		margin-bottom: 20px;
	}
	.aboutsection .left .content {
		font-size: 14px;
		line-height: 24px;
		height: auto;
		margin-bottom: 24px;
	}
	.aboutsection .right{
		float:none;
		padding-top: 30.3333%;
	}
	.aboutsection .right .v-box {
		width: 66.6666%;
		position: absolute;
		height: auto;
		left: 26.666%;
		top: 0;
	}
	.aboutsection .right .bg {
		margin-left: 0;
	}
	.aboutsection .right .bg img {
		width: 67.33%;
	}
	.news{padding-top:0;}
	.i-news-con .i-news-le-li{
		display:block;
		width:100%;
		float:none;
		border-right:none;
		border-bottom: 1px solid #e5e5e5;
	}
	.i-news-con .i-news-le-li .i-news-le-li-t{
		font-size:18px;
	}
	.nav_f{display:none;}
	footer {
		padding: 20px 0;
	}
	footer .beian {
		text-align: center;
		float: none;
		font-size: 14px;
		line-height: 30px;
	}
	footer .textbox{margin-left:0;}
	footer .logobox{display:none;}
	
	.abtxt .lt,.abtxt .rt{
		width:100%;
		float:none;
	}
	.abtxt .lt h2{font-size:24px;}
	.abtxt .lt .bigt{font-size:36px;}
	.abtxt .lt .ulbox .li .TextAnimate,.ldtxt .lt h2{font-size:24px;}
	.abtxt .lt .ulbox .li .tit4{font-size:12px;}
	.abtxt .lt .ulbox .li{padding-right:20px;}
	.abtxt .lt .ulbox .li:nth-child(2n){padding-left:20px;}
	.abtxt .rt .title,.his-chart table tr td.t1{font-size:18px;line-height: 30px}
	.abtxt .rt .title span{font-size:24px;margin-right:10px;}
	.com-img .item{width:100%;margin:10px 0;}
	.his-chart table tr td{font-size:13px;}
	.zuzhi h2,.product .title{font-size:24px;font-weight: bold;margin:0;display: block;}
	.his-chart table{margin:30px 0; }
	.certbox{display:block;}
	.certbox .item{margin-bottom:20px;}
	.pur{margin:30px 0;}
	.pur .word{
		position:static;
		width:100%;
		transform:translate(0,0);
		padding:15px;
	}
	.pur img,.social .zs{width:100%;}
	.linian{background-attachment:fixed;}
	.linian .li{
		width:100%;
		float:none;
		margin:0;
		height:300px;
		margin-bottom: 10px;
	}
	.acimg .swiper-button-prev, .acimg .swiper-button-next{
		width:30px;
		height: 30px;
	}
	.social .sp,.sugg{
		display:block;
	}
	.coms ul li{padding:15px;}
	.newsl li .day{
		width: 90px;
		height: 100px;
	}
	.newsl li .cont{
		width: calc(100% - 90px);
		padding: 10px 0 10px 20px;
    	height: 100px;
	}
	.newsl li .day .date{
		font-size:18px;
	}
	.newsl li .day .line {
		width: 70px;
		height: 1px;
	}
	.newsl li .day .year{
		font-size:14px;
		line-height: 1.2;
	}
	.newsl li .cont .t{
		margin-bottom:10px;
	}
	.newsl li .cont .txt{
		margin-bottom: 0.3rem;
		font-size: 12px;
		height: 42px;
		overflow: hidden;
	}
	.articleContent{margin:15px;}
	.nd-con .bottom{display:block;}
	.rsadv .list .item{width:100%;margin-bottom: 10px;}
	.mCon ul li{width:100%;margin-right:0!important;}
	.mCon ul li p.p1 span.sp1{width:70%;}
	.mCon ul li p.p1 span.sp2{font-size:12px;width:30%;}
	.ctinfo .right{padding-left:0;border-left:0;}
	.ctinfo{display:block;}
	.jbox .jlt1, .jbox .jlt2 {
		height: 200px;
		width: 50%;
		margin: 0;
	}
	.jbox .jlt1 .xian,.jbox .jlt2 .jtt {
		margin-top: 1rem;
	}
	.f_36,.f_24{
		font-size:18px;
	}
	.f_22,.jbox .jlt2 .jtc{
		font-size: 14px;
	}
	.thw2,.thw3,.thw4{display:none!important;}
	.thw1{width:100%;}
	.tl3zk{padding:30px 15px;}
	.tbw{width:100%;padding-right:0;}
}

@media only screen and (max-width:640px){
	.logobox img{
		display:block;
		width:300px;
	}
	#nav-box .container {
		display: block;
		padding: 70px 26px 154px;
	}
	.js-close-nav {
		top: 26px;
		right: 18px;
	}
}