@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) {
	.wap{
		display: block;
	}
	.pc{
		display: none;
	}
	.nav{
		display: none;
	}
	.banner4{
		font-size: 12px;
	}
	.banner5{
		font-size: 16px;
	}
	.banner6{
		font-size: 12px;
		line-height: 14px;
	}
	.banner7 a {
	    width: 80px;
	    height: 32px;
	    font-size: 12px;
	}
	.banner7 a img{
		width: 16px;
		margin-right: 6px;
	}
	.banner1 .swiper-pagination{
		bottom: 30px;
	}
	.banner7{
		margin-top: 10px;
	}
	.logo img{
		height: 30px;
	}
	.header{
		padding: 12px 0;
	}
	.language{
		height: 30px;
	}
	.language select{
		font-size: 12px;
	}
	.banner1 .swiper-pagination-bullet{
		width: 30px;
	}
	.item a{
		/*width: calc(100% / 3);*/
		height: 60px;
		padding: 0 20px;
	}
	.item a img{
	    height: 36px;
	}
	.title{
		margin-top: 20px;
	}
	.title1{
		font-size: 16px;
	}
	.title1 img{
		height: 16px;
	}
	.more a{
		font-size: 14px;
	}
	.product1{
		width: 100%;
		margin: 20px 0 0;
	}
	.resdev ul li{
		width: calc((100% - 16px)/2);
		margin-right: 16px;
		margin-top: 20px;
	}
	.resdev ul li:nth-child(2n){
		margin-right: 0;
	}
	.resdev1{
		padding: 6px;
	}
	.resdev2{
		font-size: 14px;
	}
	.resdev3{
		margin-top: 0;
		font-size: 12px;
		line-height: 20px;
		overflow : hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
	}
	.app_img{
		margin-top: 15px;
	}
	.partner{
		margin-top: 10px;
	}
	.partner ul li{
		width: calc((100% - 30px)/4);
		margin-right: 10px;
		margin-top: 10px;
		height: 40px;
	}
	.partner ul li:nth-child(7n){
		margin-right: 10px;
	}
	.partner ul li:nth-child(4n){
		margin-right: 0;
	}
	.b_butt{
		margin-top: 20px;
	}
	.footer{
	    padding: 10px 0 30px;
		/*display: none;*/
	}
	.footer1{
	    display: block;
	    font-size: 0;
	}
	.footer2{
	    margin-top: 20px;
	    border-bottom: 1px solid #ffffff;
	}
	.footer3{
	    font-size: 16px;
	    padding-bottom: 10px;
	}
	.footer4{
	    display: none;
	    padding-bottom: 10px;
	}
	.footer4 a{
	    font-size: 12px;
	    margin-top: 10px;
	}
	.footer5{
	    margin-top: 20px;
	    width: 48%;
	    display: inline-block;
	    margin-right: 4%;
	}
	.footer5:last-child{
	    margin-right: 0;
	}
	.beian{
		display: none;
	}
	.main{
		padding-bottom: 10px;
	}
	.b_butt a{
		margin-top: 10px;
		width: calc((100% - 10px)/2);
		font-size: 14px;
		height: 50px;
	}
	.b_butt a:first-child{
		margin-right: 10px;
	}
	.b_butt a:last-child{
		width: 100%;
	}
	.b_butt a img{
		height: 24px;
		margin-right: 10px;
	}
	.resdev{
		margin-top: 0;
	}
	.proBanner{
		padding: 30px 0;
	}
	.proBanner1 {
		font-size: 16px;
	}
	.proBanner2 {
		margin-top: 10px;
		font-size: 12px;
	}
	.probutt {
		width: 100px;
		height: 36px;
	}
	.probutt img{
		margin-right: 3px;
	}
	.probutt1 {
		width: 100px;
		height: 36px;
	}
	.probutt1 img{
		margin-right: 3px;
	}
	.inpro5{
		font-size: 14px;
	}
	.inpro5 a{
		display: inline-block;
		margin-right: 10px;
		margin-top: 10px;
	}
	.prolist ul li{
		width: calc((100% - 20px)/2);
		margin: 0 20px 20px 0;
	}
	.prolist ul li:nth-child(5n){
		margin-right: 20px;
	}
	.prolist ul li:nth-child(2n){
		margin-right: 0;
	}
	.prolist1{
		height: 160px;
	}
	.prolist2 {
		margin-top: 10px;
		font-size: 14px;
	}
	.inpro{
		padding-bottom: 30px;
	}
	.page{
		margin-top: 10px;
	}
	.page a {
		width: 28px;
		height: 28px;
		font-size: 12px;
	}
	.proDeta1 {
		width: 100%;
		border-right: 0;
		padding-right: 0;
	}
	.proDeta2 {
		font-size: 16px;
	}
	.proDeta2 a {
		margin-left: 0;
		font-size: 12px;
		display: block;
		margin-top: 10px;
	}
	.proDeta4{
		width: 100%;
		padding-left: 0;
		margin-top: 20px;
	}
	.proDeta6 ul li{
		float: left;
		width: calc((100% - 20px)/2);
		margin: 20px 20px 0 0;
	}
	.proDeta6 ul li:nth-child(2n){
		margin-right: 0;
	}
	.proDeta7{
		height: 160px;
	}
	.proDeta8{
		font-size: 14px;
	}
	.pdf_tc2{
		padding: 0 20px;
		font-size: 16px;
	}
	.xp_tc1{
		padding: 1px 20px 30px;
	}
	.xp_tc2{
		margin-top: 10px;
	}
	.pdf_tc3 ul li{
		padding: 0 20px;
		height: 60px;
	}
	.pdf_tc4 {
		font-size: 14px;
	}
	.pdf_tc4 img {
		width: 20px;
		margin-right: 6px;
	}
	.pdf_tc5 a{
		font-size: 14px;
	}
	.inserBanner{
		padding: 30px 0;
	}
	.serve1{
		margin-top: 30px;
		font-size: 16px;
	}
	.serve1 img{
		height: 20px;
		margin-right: 6px;
	}
	.serve2{
		margin-top: 16px;
	}
	.serve3{
		margin-top: 20px;
		display: block;
	}
	.serve6{
		width: 100%;
		margin-top: 20px;
		font-size: 14px;
	}
	.serve6a{
		width: 100%;
		display: block;
	}
	.serve6b{
		margin-top: 5px;
		display: block;
	}
	.serve6c{
		margin-top: 5px;
		display: block;
	}
	.serve6:nth-child(2n){
		text-align: left;
		padding-left: 0;
	}
	.serve4{
		text-align: left;
		width: 100%;
	}
	.aboutBanner{
		padding: 30px 0;
	}
	.aboutBanner1{
		display: block;
	}
	.aboutBanner2{
		margin: 0 auto;
		text-align: center;
	}
	.aboutBanner3{
		margin-top: 20px;
	}
	.about1{
		padding: 0 0 20px;
		display: block;
	}
	.about2{
		width: 100%;
		margin-right: 0;
	}
	.about3{
		font-size: 18px;
	}
	.about4{
		margin-top: 20px;
		display: block;
	}
	.about5{
		width: 100%;
		margin-right: 0;
	}
	.about11{
		margin-top: 30px;
	}
	.about13{
		font-size: 14px;
	}
	.about13 span{
		font-size: 18px;
		margin-right: 10px;
	}
	.develop{
		margin-top: 20px;
		font-size: 18px;
		padding-left: 0;
	}
	.develop1{
		margin-top: 20px;
		display: block;
		padding: 0 20px 112px;
	}
	.develop4{
		display: none;
	}
	.develop2{
		margin: 20px auto 0;
		height: auto;
		width: 100%;
		background-position: center top;
	}
	.develop2 span{
	    height: 36px;
		width: 130px;
		margin: 0 auto;
	}
	.develop3 {
        position: relative;
        left: auto;
        transform: translateX(0);
        top: auto;
        width: auto;
    }
	.develop2:nth-child(4n){
		margin: 20px auto 0;
	}
	.develop2:nth-child(n + 5){
		margin: 20px auto 0;
	}
	.develop2:first-child{
		margin-top: 0;
	}
	#certify .swiper-button-prev{
		left: 0;
		border-radius: 50%;
	}
	#certify .swiper-button-next{
		right: 0;
		border-radius: 50%;
	}
	#certify .swiper-slide p {
		line-height: 64px;
		font-size: 16px;
	}
	#certify .swiper-slide{
		height: 280px;
	}
	.inpartBanner{
		padding: 30px 0;
	}
	.inpart ul li{
		width: calc((100% - 20px)/2);
		margin-top: 20px;
		margin-right: 20px;
		height: 90px;
	}
	.inpart ul li:nth-child(2n){
		margin-right: 0;
	}
	.emperor{
		padding: 30px 0;
	}
	.hot a{
		margin-top: 5px;
	}
	.emperor3 i{
		display: block;
		margin-bottom: 5px;
	}
	.emperor3 code{
		margin: 5px 0 0;
		display: block;
	}
	.yanfa{
		padding: 30px 0;
	}
	.yanfa2{
		display: block;
		margin-top: 20px;
	}
	.yanfa3{
		width: 100%;
		padding: 0;
		margin-bottom: 20px;
	}
	.zhuang{
		padding: 30px 0;
	}
	.zhuang1 ul{
		padding-right: 36px;
	}
	.zhuang1 ul li{
		width: 100%;
		margin-right: 0;
		height: 138px;
		padding: 32px 30px 0;
	}
	.zhuang4 img{
		width: 140px;
	}
	.zhuang2{
		font-size: 36px;
	}
	.zhuang3{
		font-size: 16px;
	}
	
	.language img{
	    margin-right: 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){}
/*******************************************************************/