@charset "utf-8";
/*width:1200+*/

@media only screen and (min-width: 1004px) and (max-width: 2800px){
	
	
	
	
}

@media only screen and (max-width: 1600px){
	
	
}

@media only screen and (max-width: 1440px){
	
	
}

@media only screen and (min-width: 1200px){
	
}
/** max-width:1200 **/
@media only screen and (max-width: 1199px){
	
}
/** max-width:1024 **/
@media only screen and (max-width: 1023px) {
	
	.banner3{
		font-size: 20px;
	}
	.banner4{
		display: none;
	}
	.header {
		top: 15px;
		padding: 0 16px;
	}
	.header1{
		margin-right: 20px;
	}
	.logo {
		margin-right: 16px;
	}
	.logo img{
		width: 96px;
	}
	.banbut{
		bottom: 16px;
	}
	.about1{
		display: block;
		padding-top: 30px;
	}
	.about2{
		width: 100%;
	}
	.about3 {
		font-size: 20px;
	}
	.about3 span {
		font-size: 14px;
	}
	.about4 {
		margin-top: 20px;
		font-size: 14px;
		line-height: 24px;
	}
	.about5 {
		margin-top: 10px;
		font-size: 14px;
		line-height: 20px;
	}
	.about6 {
		margin-top: 20px;
	}
	.about7{
		width: 100%;
		margin-top: 30px;
		padding: 30px 20px;
	}
	.about9 {
		font-size: 18px;
	}
	.about8 {
		height: 70px;
		padding: 0 12px;
	}
	.sydata3{
		display: block;
	}
	.sydata4 {
		font-size: 20px;
		margin-right: 0;
		text-align: center;
	}
	.sydata6 {
		font-size: 14px;
		line-height: 20px;
		text-align: center;
	}
	.sydata{
		height: auto;
		padding: 30px 0;
	}
	.team {
		padding: 30px 2%;
	}
	.team4 {
		padding: 20px 0;
	}
	.team5 {
		font-size: 16px;
	}
	.gys{
		padding: 30px 0;
	}
	.title{
		font-size: 20px;
	}
	.title1{
		font-size: 14px;
	}
	.gys1{
		margin-top: 10px;
	}
	.gys2{
		margin-top: 20px;
		width: calc(100% / 3);
		padding: 0 10px;
	}
	.gys3 {
		height: 66px;
	}
	.gys3 img{
		max-height: 90%;
	}
	.recommend{
		padding: 30px 0;
	}
	.recommend2{
		flex: 1;
	}
	.recommend3 {
		font-size: 20px;
	}
	.recommend4 {
		font-size: 14px;
	}
	.recommend5 img{
		width: 24px;
	}
	.recommend12 {
		margin-top: 30px;
		padding: 2px 30px 20px;
	}
	.recommend13 {
		margin-top: 20px;
		width: calc(100% / 3);
	}
	.recommend14 img{
		width: 36px;
	}
	.jms{
		padding: 30px 0;
	}
	.jms1{
		font-size: 20px;
	}
	.jms3 img {
		width: 170px;
	}
	.jms5 {
		width: 90px;
		height: 36px;
		border-radius: 18px;
		font-size: 20px;
		line-height: 36px;
	}
	.jms5 span {
		font-size: 16px;
	}
	.jms6 {
		margin-top: 10px;
		font-size: 14px;
		line-height: 24px;
	}
	.jms7{
		margin-top: 30px;
		display: block;
		padding-right: 40px;
	}
	.jms8{
		width: 100%;
		margin-top: 20px;
	}
	.jms13{
		font-size: 18px;
	}
	.jms14{
		font-size: 14px;
	}
	.jms15{
		margin-top: 30px;
		padding-right: 40px;
	}
	.jms16{
		display: block;
	}
	.jms17{
		margin-left: 0;
	}
	.repurtion{
		padding: 30px 0;
	}
	.repurtion2{
		height: 220px;
	}
	.vnes{
		padding: 30px 0;
	}
	.vnes1{
		margin-left: 10px;
	}
	.vnes1 a {
		font-size: 14px;
	}
	.vnes2{
		margin-bottom: 30px;
		display: block;
	}
	.vnes3{
		float: none;
		width: 100%;
	}
	.vnes4{
		float: none;
		width: 100%;
	}
	.play img{
		width: 32px;
	}
	.vnes6 {
		padding: 15px 15px;
		font-size: 14px;
	}
	.news1{
		display: block;
	}
	.news2{
		height: auto;
	}
	.news3{
		padding: 15px 15px;
	}
	.news5 {
		font-size: 16px;
	}
	.news6{
		margin-top: 30px;
		width: 100%;
		margin-left: 0;
	}
	.news6 a{
		padding: 20px;
	}
	.news8 {
		font-size: 18px;
		line-height: 30px;
	}
	.news11 ul li{
		margin-top: 30px;
		width: 100%;
		margin-right: 0;
	}
	.news11 ul li a{
		padding: 20px;
	}
	.sydb{
		padding: 30px 0;
	}
	.sydb1 {
		font-size: 14px;
	}
	.sydb2 {
		font-size: 20px;
	}
	.sydb3 a {
		font-size: 14px;
		width: 136px;
		height: 40px;
	}
	.footer{
		padding-top: 30px;
	}
	.footer3{
		display: none;
	}
	.footer1{
		display: block;
	}
	.footer2{
		text-align: center;
	}
	.footer2 img {
		width: 140px;
	}
	.footer7{
		margin-top: 20px;
		width: 100%;
	}
	.beian{
		margin-top: 20px;
		height: 100%;
		padding: 20px 0;
	}
	.beian1{
		font-size: 12px;
	}
	.goTop{
		margin-left: 20px;
	}
	.inNews ul li a{
		display: block;
	}
	.inNews1{
		width: 100%;
		max-width: 100%;
		text-align: center;
		margin-left: 0;
	}
	.inNews2{
		margin-top: 20px;
	}
	.inNews ul li{
		margin-top: 30px;
		padding-bottom: 30px;
	}
	.inNews6 {
		font-size: 14px;
	}
	.inNews7 {
		font-size: 12px;
		line-height: 20px;
	}
	.page{
		margin-top: 30px;
	}
	.page a{
		margin: 3px;
	}
	.inItem a {
		margin: 0 5px;
		width: 90px;
		height: 36px;
		font-size: 14px;
	}
	.innerBanner2 {
		font-size: 20px;
	}
	.innerBanner3 {
		margin-top: 5px;
		font-size: 14px;
	}
	.innerBanner4 {
		font-size: 20px;
	}
	.innerBanner5 {
		margin-top: 5px;
		font-size: 14px;
	}
	.innerBanner > img{
		height: 200px;
	}
	.newsDeta{
		margin-top: 25px;
	}
	.newsLeft{
		width: 100%;
	}
	.newsLeft1 {
		font-size: 18px;
	}
	.newsLeft2 span {
		margin-right: 10px;
	}
	.newsLeft2 {
		font-size: 12px;
		padding-bottom: 15px;
	}
	.newsLeft3 {
		margin-top: 15px;
		font-size: 14px;
		line-height: 28px;
	}
	.newsLeft4{
		margin-top: 20px;
		display: block;
	}
	.newsLeft4 a{
		display: block;
		width: 100%;
		margin-top: 20px;
	}
	.newsRight{
		width: 100%;
		margin-top: 30px;
	}
	.newsRight1{
		font-size: 18px;
	}
	.newsRight2{
		margin-top: 20px;
	}
	.newsRight2 ul li {
		padding-bottom: 16px;
		margin-top: 16px;
	}
	.linkus{
		margin-top: 20px;
		display: block;
	}
	.linkus1{
		width: 100%;
	}
	.linkus2{
		font-size: 18px;
	}
	.linkus3 {
		margin-top: 10px;
		font-size: 14px;
	}
	.linkus4 {
		margin-top: 20px;
	}
	.linkus9{
		margin-top: 30px;
		width: 100%;
	}
	.apply2{
		margin-top: 16px;
		display: block;
	}
	.apply3{
		text-align: left;
		font-size: 16px;
		line-height: 32px;
	}
	.apply5{
		width: 100%;
		display: block;
		margin-top: 16px;
	}
	.apply7{
		margin-top: 25px;
	}
	.apply7 input {
		width: 150px;
		height: 45px;
		font-size: 16px;
	}
	.teamDeta1 {
		margin: -60px auto 0;
		width: 122px;
		height: 122px;
	}
	.teamDeta1 img {
		width: 100px;
		height: 100px;
	}
	.teamDeta2{
		font-size: 18px;
	}
	.teamDeta4 {
		margin-top: 30px;
		font-size: 16px;
	}
	.teamDeta4 span{
		padding-bottom: 10px;
	}
	.teamDeta5{
		margin-top: 20px;
		font-size: 14px;
	}
	.mdxq5{
		width: 100%;
	}
	.mdxq1{
		margin-top: 20px;
		width: 100%;
	}
	.mdleft{
		left: 20px;
	}
	.mdleft img{
		width: 30px;
	}
	.mdright{
		right: 20px;
	}
	.mdright img{
		width: 30px;
	}
	.mdxq2 {
		font-size: 18px;
		line-height: 28px;
	}
	.mdxq3 {
		padding-bottom: 10px;
	}
	.mdxq4 {
		font-size: 14px;
		line-height: 24px;
		margin-top: 20px;
	}
	.mdxq {
		margin-top: 20px;
		padding-bottom: 30px;
	}
	.mdsx{
		padding: 16px 0;
	}
	.mdsx1{
		display: block;
	}
	.mdsx2{
		flex-wrap: wrap;
	}
	.mdsx2 select{
		width: calc((100% - 16px)/2);
		margin-bottom: 16px;
	}
	.mdsx2 input{
		width: calc((100% - 16px)/2);
		margin-bottom: 16px;
	}
	.mdsx3{
		width: 100%;
		margin-left: 0;
		text-align: center;
	}
	.mdlist1 ul li{
		margin-top: 30px;
		width: calc((100% - 16px)/2);
		margin-right: 16px;
		border-bottom: 2px solid #f4f4f4;
	}
	.mdlist1 ul li:nth-child(2n){
		margin-right: 0;
	}
	.mdlist3{
		padding: 15px 5px;
	}
	.mdlist4{
		font-size: 16px;
		line-height: 24px;
		height: 48px;
	}
	.mdlist5{
		margin-top: 10px;
		font-size: 12px;
	}
	.mdlist5 img{
		margin-right: 8px;
	}
	.brvideo ul li{
		margin-top: 30px;
		width: calc((100% - 20px)/2);
		margin-right: 20px;
	}
	.brvideo ul li:nth-child(3n){
		margin-right: 20px;
	}
	.brvideo ul li:nth-child(2n){
		margin-right: 0;
	}
	.brvideo2{
		padding: 10px 5px;
	}
	.brvideo3{
		font-size: 16px;
		line-height: 28px;
		height: 56px;
	}
	.brvideo4{
		margin-top: 8px;
		font-size: 12px;
		color: #999999;
	}
	.product2 ul li{
		width: 100%;
		margin-top: 30px;
	}
	.product2 ul li{
		margin-right: 0;
	}
	.proitem{
		margin-top: 20px;
	}
	.proitem a {
		line-height: 45px;
		margin: 0 10px;
		font-size: 14px;
	}
	.history1{
		padding: 30px 0;
	}
	.hileft{
		left: 0;
	}
	.hiright{
		right: 0;
	}
	.history5 img{
		height: 50px;
	}
	.history6 {
		top: calc(100% + 70px);
		font-size: 14px;
	}
	.history2 .swiper-slide:nth-child(2n) .history6 {
		bottom: calc(100% + 70px);
	}
	.history2 .swiper {
		padding: 130px 0;
	}
	.prodeta {
		margin-top: 20px;
		position: relative;
		left: auto;
		top: auto;
		transform: translate(0,0);
		display: block;
	}
	.prodeta1{
		margin-top: 20px;
		text-align: center;
	}
	.prodeta2{
		width: 100%;
		margin-top: 20px;
	}
	.prodeta3{
		font-size: 20px;
	}
	.prodeta4 {
		margin-top: 20px;
		font-size: 14px;
		line-height: 24px;
	}
	.pc{
		display: none;
	}
	.wap{
		display: block;
	}
	.cpcs{
		padding: 30px 0;
	}
	.cpcs1 ul li {
		margin-top: 30px;
		width: calc((100% - 20px) / 2);
		margin-right: 20px;
		padding-bottom: 9px;
	}
	.cpcs1 ul li:nth-child(2n){
		margin-right: 0;
	}
	.cptz{
		padding: 30px 0;
	}
	.cptz1 ul{
		flex-wrap: wrap;
	}
	.cptz1 ul li{
		margin-top: 20px;
		width: calc((100% - 40px) / 3);
		margin-right: 20px;
	}
	.cptz1 ul li:nth-child(3n){
		margin-right: 0;
	}
	.cpyy{
		padding: 30px 0;
	}
	.cpyy3 {
		padding: 10px 15px;
	}
	.cpyy4{
		font-size: 16px;
	}
	.cpyy5 {
		margin-top: 6px;
		font-size: 12px;
		line-height: 20px;
	}
	.mt96{
		margin-top: 30px;
	}
	.step1{
		margin-top: 30px;
		width: calc((100% - 80px)/2);
		margin-right: 80px;
	}
	.step1:nth-child(5n){
		margin-right: 80px;
	}
	.step1:nth-child(2n){
		margin-right: 0;
	}
	.step1:nth-child(5n) .step5{
		display: block;
	}
	.step1:nth-child(2n) .step5{
		display: none;
	}
	.zbjy {
		margin-top: 30px;
		display: block;
	}
	.zbjy1{
		width: 100%;
	}
	.zbjy2{
		margin-top: 20px;
		width: 100%;
	}
	.zbjy3 {
		margin-top: 15px;
		font-size: 14px;
		line-height: 24px;
	}
	.sclc{
		padding: 30px 0;
	}
	.sclc1 ul li{
		margin-top: 20px;
		width: calc((100% - 20px)/2);
		margin-right: 20px;
		border-radius: 135px;
		padding: 40px 20px;
	}
	.sclc1 ul li:nth-child(2n){
		margin-right: 0;
	}
	.quality{
		padding: 30px 0;
	}
	.quality1 ul{
		flex-wrap: wrap;
	}
	.quality1 ul li{
		list-style-type: none;
		margin-top: 20px;
		width: calc((100% - 20px)/2);
		margin-right: 20px;
	}
	.quality1 ul li:nth-child(2n){
		margin-right: 0;
	}
	.quality3{
		font-size: 18px;
	}
	.hjgf{
		padding: 1px 0 30px;
	}
	.hjgf1{
		margin-top: 30px;
		display: block;
	}
	.hjgf2{
		width: 100%;
	}
	.hjgf3{
		margin-top: 20px;
		width: 100%;
		padding-left: 0;
	}
	.hjgf4{
		margin-top: 20px;
		font-size: 16px;
		line-height: 30px;
	}
	.hjgf5{
		font-size: 14px;
		line-height: 24px;
	}
	.hjgf6{
		margin-top: 20px;
		font-size: 14px;
		line-height: 24px;
	}
	.ingys{
		padding: 30px 0;
	}
	.ingys1 ul li{
		margin-top: 20px;
		width: 40%;
	}
	.ingys4 ul{
		display: block;
	}
	.ingys4 ul li{
		margin-top: 30px;
		width: 100%;
	}
	.advantage{
		padding: 10px 0 30px;
	}
	.advantage1 ul{
		flex-wrap: wrap;
	}
	.advantage1 ul li{
		width: 50%;
		margin-top: 20px;
	}
	.advantage3{
		font-size: 20px;
	}
	.ppsn{
		padding: 30px 0;
	}
	.ppsn1{
		display: block;
		margin-top: 20px;
	}
	.ppsn2{
		width: 100%;
	}
	.ppsn4{
		padding: 10px 15px;
	}
	.ppsn5{
		font-size: 18px;
	}
	.ppsn6{
		font-size: 14px;
	}
	.ppsn9{
		width: 100%;
	}
	.ppgg{
		padding: 1px 0 30px;
	}
	.ppgg1 {
		font-size: 20px;
		line-height: 30px;
	}
	.ppgg3 {
		border-radius: 10px;
	}
	.ppgg3 ul li {
		margin-top: 20px;
		width: calc((100% - 40px) / 3);
		margin-right: 20px;
	}
	.ppdz{
		padding: 30px 0;
	}
	.yyzx{
		padding: 30px 0 10px;
	}
	.yyzx1{
		margin-top: 20px;
	}
	.jmjs{
		margin-top: 20px;
		padding: 20px 16px;
		display: block;
	}
	.jmjs1{
		margin: 0 0 20px;
	}
	.jmlc{
		margin-right: 30px;
	}
	.jmlc2{
		margin-right: 60px;
	}
	.jmlc2:nth-child(3n){
		margin-right: 0;
	}
	.jmlc2:nth-child(3n):before{
		width: 0;
	}
	.zszc{
		padding: 30px 0;
	}
	.zszc1 ul li{
		width: 100%;
		margin-top: 20px;
		margin-right: 0;
		padding: 20px 5px;
	}
	.dmfl{
		padding: 30px 0;
	}
	.dmfl1{
		margin-top: 20px;
	}
	.dmfl2{
		display: block;
	}
	.dmfl3{
		line-height: 48px;
		width: 100%;
		justify-content: center;
		padding-left: 0;
	}
	.dmfl5{
		margin-top: 5px;
		padding: 10px;
		font-size: 14px;
		line-height: 30px;
	}
	.dmfl6{
		margin-top: 5px;
		width: 100%;
	}
	.dmfl7{
		margin-top: 5px;
		padding: 10px;
		font-size: 14px;
		line-height: 30px;
	}
	.jmzc{
		padding: 30px 0;
	}
	
	
	
	
	
	
	
	
	
}
/** max-width:960 **/
@media only screen and (max-width: 959px) {

}
/** max-width:768 **/
@media only screen and (max-width: 767px) {
	
	
	
	
}
/** max-width:640 **/
@media only screen and (max-width: 639px) {
}

/** width:480 **/
@media only screen and (max-width: 479px) {

}

@media only screen and (max-width: 360px) {

}
/** width:320px **/
@media only screen and (max-width: 319px) {	
}

/*********************************首页结束**********************************/

/*******************************************************************/
/*width:1200+*/
@media only screen and (min-width: 1200px){}
/** max-width:1200 **/
@media only screen and (max-width: 1365px){

	}
/** max-width:1200 **/
@media only screen and (max-width: 1199px){}
/** width:960px **/
@media only screen and (max-width: 1023px){
}
/** max-width:960 **/
@media only screen and (max-width: 959px){}
/** max-width:768 **/
@media only screen and (max-width: 767px){}
/** max-width:640 **/
@media only screen and (max-width: 639px){
	}
/** width:480 **/
@media only screen and (max-width: 479px) {}
/** width:360px **/
@media only screen and (max-width: 360px) {}

/** width:320px **/
@media only screen and (max-width: 319px){}
/*******************************************************************/


