@charset "utf-8";

/* CSS Document */

@media screen and (max-width: 1600px) {
	/*banner*/
	#ban .banner {
		height: 500px !important;
	}
	#ban .imglist li {
		height: 500px !important;
		background-size: cover;
	}
	#banIn .bannerIn{height: 350px}
	#banIn .imglist li {
		height:350px;
		background-size: auto 100%;
	}
	.topPhone{font-size: 18px;top: 15px;}
}

@media screen and (max-width: 1600px) {
	#header {
		height: 65px;
	}
	.menu>li {
		margin-left: 25px;
		height: 65px;
		line-height: 65px;
	}
	.menu>li>a {
		font-size: 16px;
	}
	.menu .globa {
		height: 65px;
	}
	.logo img {
		height: 65px;
	}
	.menu .language {
		height: 65px;
	}
	.menulist {
		top: 65px;
	}
	.menulist>li>a {
		display: block;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		height: 35px;
		font-size: 13px;
		width: 145px;
	}
}


@media screen and (max-width: 1280px) {
	
	
	/*banner*/
	#ban .banner {
		height: 350px !important;
	}
	#ban .imglist li {
		height: 350px !important;
	}
	#banIn .bannerIn{height: 320px}
	#banIn .imglist li {
		height:320px;
		background-size: auto 100%;
	}
	

	.introImg1{
		width: 49%;
		height: auto;
	}
	.introImg2{
		width: 49%;
		height: auto;
	}
	.curtureLi li{
		margin-left: 33px !important;
		margin-right: 33px !important;
	}
	.curtureLi .li7{
		box-sizing: border-box;
		padding: 0 50px;
		width: 100%;
		height: auto;
		background-color: #FFFFFF;
		margin: 0 !important;
	}
	.capacity li{
		margin-bottom: 15px;
	}
	.capacity li:nth-child(4n){
		margin-right: 16px;
		margin-bottom: 0;
	}
	.serviceImg .serviceImgLeft{
		width: 300px;
	}
	.serviceImg .serviceImgMid{
		width: 300px;
	}
	.serviceImg .serviceImgMid .serviceImgMidTop{
		height: 150px;
	}
	.serviceImg .serviceImgMid .serviceImgMidBot{
		height: 150px;
		margin-top: 15px;
	}
	.agentsCont .agentsContImg{
		width: 340px;
		height: 212px;
	}
	.agentsCont li{
		height: 212px;
		font-size: 12px;
	}
	.agentsCont .agentsContTop{
		width: 293px;
		margin-left: 20px;
	}
	.agentsCont1{
		padding: 10px 12px 0 12px;
	}
	.agentsCont2 p{
		padding: 0;
		text-align: center;
	}
	.agentsCont .agentsContBot{
		width: 283px;
	}
	.agentsCont3{
		padding: 20px 20px 0 25px;
	}
	.agentsCont4 p{
		padding: 0;
		text-align: center;
	}
	.agentsCont4 .agentsMail{
		padding: 0;
		text-align: center;
	}
	.agentsCont4 .agentsTel{
		padding: 0;
		text-align: center;
	}
	.products li:nth-child(4n){
		margin-right: 24px;
	}
	.products li:nth-child(3n){
		margin-right: 0;
	}
	.areas{
		height: 212px;
		font-size: 12px;
	}
	.areas .areasBox{
		width: 320px;
		height: 212px;
	}
	.areasBox2{
		width: 660px;
		height: 212px;
	}
	.areasBox2 li{
		width: 250px;
		margin-left: 60px;
		padding-top: 5px;
		margin-right: 20px;
	}
	.cases li{
		margin-bottom: 20px;
	}
	.cases li:nth-child(4n){
		margin-right: 16px;
		margin-bottom: 0;
	}
	.cases li:nth-child(3n){
		margin-right: 0;
		
	}
	.newsCol ul li .newsColRight{
		width: 680px;
	}
	.contact{
		width: 490px;
		font-size: 12px;
	}
	.contact ul{
		margin-left: 20px;
		width: 250px;
	}
	
	
	
	
	.serviceImg li{
		height: 315px;
	}
	.wrap {
		width: 980px;
	}
	.minwidth {
		min-width: 0;
	}
	/*头部*/

	.menuInP ul li{
		width: 180px;
		font-size: 14px;
	}
	.pdsilde{
		width: 880px;
		margin: 0 50px;
	}
	.pdimglist ul li{
		width: 264px;
		height: auto;
	}
	.pdimglist ul li img{
		width: 100%;
		height: auto;
	}

	.classpro>li>a {
		width: 135px;
		font-size: 12px;
	}
	.promenu>li {
		width: 160px;
	}
	.promenu {
		width: 800px;
		left: -350px;
	}
	.mainNews li img {
		width: 300px;
		height: 210px;
	}
	.mainNews li {
		width: 300px;
		height: 400px;
		margin-right: 40px;
	}
	.menulist>li:active>ul {
		display: block;
	}
	.mainNews li a {
		width: 280px;
	}
	.mainNews li a .mainNewsSubTit {
		width: 220px;
	}
	.mainAbout li {
		box-sizing: border-box;
		height: 219px;
		color: #fff;
	}
	.mainAbout .yntsh {
		width: 326px;
	}
	.mainAbout .yntgl {
		width: 327px;
	}
	.mainAbout .yntny {
		width: 326px;
	}
	.mainAbout li .mainAboutCont{
		width: 100%;
		box-sizing: border-box;
		padding: 0 20px;
		font-size: 14px;
		left: 0;
		top: 90px;
	}
	.mainAbout2 li {
		width: 200px;
		height: 150px;
		margin-left: 26px;
	}
	.mainAbout2 li a {
		display: block;
		box-sizing: border-box;
		width: 200px;
		height: 150px;
		text-align: center;
		padding-top: 110px;
		font-size: 18px;
	}
	.service li {
		width: 490px !important;
	}
	.mainPro li {
		width: 180px;
		margin-right: 20px;
	}
	.mainPro li img {
		width: 180px;
		height: 146px;
	}
	.mainPro li div {
		width: 180px;
		height: 146px;
		padding: 25px 40px 0 37px;
	}
	.swiper-container1 {
		margin: 0 auto;
		margin-top: 40px;
		width: 1074px;
		position: relative;
	}
	.aboutQualificationsUl li {
		width: 223px;
		height: 292px;
		margin-right: 26px;
	}
	.swiper-container1 {
		margin: 0 auto;
		margin-top: 40px;
		width: 980px;
		position: relative;
	}
	.container1D {
		width: 860px;
		margin: 0 auto;
	}
	.swiper-button-next2 {
		right: 0px !important;
		top: 100px !important;
	}
	.swiper-button-prev2 {
		left: 0px !important;
		top: 100px !important;
	}
	.swiper-slide1 {
		width: 261px !important;
		margin-right: 43px;
	}
	.aboutServiceLeft {
		width: 628px;
		height: 326px;
		padding: 60px 90px 0 90px;
	}
	.aboutServiceRight {
		width: 352px;
		height: 391px;
	}
	.bottomSwiper {
		margin-top: 40px;
		width: 950px;
	}
	.swiper-slide2 {
		margin-right: 21px !important;
		width: 140px !important;
	}
	.swiper-slide2 img {
		width: 140px;
		height: 185px;
	}
	.wrapIn {
		width: 980px;
	}
	.aboutIntroLeft {
		width: 392px;
		height: 333px;
	}
	.aboutIntroLeft img {
		height: auto;
	}
	.aboutIntro .aboutIntroRight {
		width: 588px;
		height: 301px;
		margin-top: 32px;
		padding: 15px 10px 20px 15px;
	}
	.aboutIntro .aboutIntroRight li {
		padding-bottom: 5px;
		font-size: 12px;
	}
	.aboutCurtureUl li {
		height: 212px;
		margin-right: 45px;
	}
	.aboutCurtureUl .li1 {
		width: 465px;
		margin-right: 45px;
		padding: 55px 55px;
	}
	.aboutCurtureUl .li2 {
		width: 212px;
		margin-right: 45px;
		padding: 60px 0;
	}
	.aboutCurtureUl .li3 {
		width: 212px;
		margin-right: 0px;
		padding: 32px 10px;
	}
	.aboutCurtureUl .li4 {
		width: 212px;
		margin-right: 42px;
	}
	.aboutCurtureUl .li4 img {
		width: 100%;
	}
	.aboutCurtureUl .li5 {
		width: 212px;
		margin-right: 45px;
		padding: 32px 10px;
	}
	.aboutCurtureUl .li6 {
		width: 212px;
		margin-right: 45px;
		padding: 45px 0;
	}
	.aboutCurtureUl .li7 {
		width: 212px;
		margin-right: 0;
		padding: 60px 0;
	}
	
	.pagelist {
		bottom: 10px;
	}
	.pagelist li {
		margin: 0 3px;
		width: 10px;
		height: 10px;
	}
	.honor li:nth-child(4n){
		margin-right: 32px;
	}
	.foot {
		display: none;
	}
	.mainAboutTit{
		width: 100%;
		left: 0;
	}
}

@media screen and (max-width: 1500px) {
	#banIn .bannerIn {
		height: 300px;
	}
	#banIn .imglist li {
		height:300px;
	}
}





@media screen and (max-width: 1280px) {
	#banIn .bannerIn {
		height: 280px;
	}
	#banIn .imglist li {
		height:280px;
	}
}

@media screen and (max-width: 1200px) {
	#banIn .bannerIn {
		height: 250px;
	}
	#banIn .imglist li {
		height:250px;
	}
}


@media screen and (max-width: 1080px) {
	#banIn .bannerIn {
		height: 220px;
	}
	#banIn .imglist li {
		height:220px;
	}
}


@media screen and (max-width: 997px) {
.topHeader{display: none;}
	#ban .banner {
		height: 320px !important;
	}
	#ban .imglist li {
		height: 320px !important;
		background-size: auto 100%;
	}
	#banIn .bannerIn {
		height: 200px;
	}
	#banIn .imglist li {
		height:200px;
		background-size: auto 100%;
	}

	#header {
		display: none;
	}
	#head {
		display: block;
	}
	.topdiv {
		display: block;
	}
	.wrap {
		box-sizing: border-box;
		width: 100%;
		padding: 0 10px;
	}
	.mainNews li img {
		width: 100%;
		height: auto;
	}
	.mainNews li {
		width: 100%;
		height: 550px;
		margin-right: 40px;
	}
	.menulist>li:active>ul {
		display: block;
	}
	.mainNews li a {
		width: 90%;
	}
	.mainNews li a .mainNewsSubTit {
		width: 90%;
	}
	.mainAbout li {
		box-sizing: border-box;
		padding: 60px 45px;
		height: auto;
		color: #fff;
	}
	.main2 {
		height: 1400px;
	}
	.mainAbout .yntsh {
		width: 100%;
		background-size: cover;
		height: 260px;
	}
	.mainAbout .yntgl {
		width: 100%;
		background-size: cover;
		height: 260px;
	}
	.mainAbout .yntny {
		width: 100%;
		background-size: cover;
		height: 260px;
	}
	.mainAbout2 li {
		width: 48%;
		height: 150px;
		margin-left: 0 !important;
	}
	.mainAbout2 li a {
		width: 100%;
		height: 150px;
	}
	.service li {
		width: 50% !important;
	}
	.mainPro li {
		width: 19%;
		margin-right: 1%;
		height: auto;
	}
	.mainPro li img {
		width: 100%;
		height: auto;
	}
	.mainPro li div {
		width: 100%;
		height: auto;
		padding: 10px 30px 15px 30px;
		font-size: 12px;
	}
	.mainPro li div a {
		margin-top: 10px;
	}
	.bottomSwiper {
		margin-top: 40px;
		width: 90%;
	}
	.swiper-slide {
		margin-right: 15px !important;
		width: 100px !important;
	}
	.swiper-slide img {
		width: 100px;
		height: 140px;
	}
	.swiper-button-next {
		right: 15px !important;
		top: 170px !important;
	}
	.swiper-button-prev {
		left: 15px !important;
		top: 170px !important;
	}
	.aboutIntroLeft {
		width: 100%;
		float: none;
		height: auto;
	}
	.wrapIn {
		box-sizing: border-box;
		width: 100%;
		padding: 0 10px
	}
	.aboutIntro .aboutIntroRight{
		box-sizing: border-box;
		width: 100%;
		height: auto;
	}
	.aboutCurtureUl .li1{
		width: 100%;
		height: auto;
	}
	.aboutCurtureUl .li2 {
		width: 100%;
		height: auto;
		margin-right: 0;
	}
	.aboutCurtureUl .li3 {
		width: 100%;
		height: auto;
		margin-right: 0;
		padding-left: 0;
		padding-right: 0;
	}
	.aboutCurtureUl li .aboutCurtureTxt{
		text-align: center !important;
	}
	.aboutCurtureUl .li5 {
		width: 100%;
		height: auto;
		margin-right: 0;
	}
	.aboutCurtureUl .li4 {
		width: 100%;
		height: auto;
		margin-right: 0;
	}
	.aboutCurtureUl .li7 {
		width: 100%;
		height: auto;
		margin-right: 0;
	}
	.aboutCurtureUl .li6 {
		width: 100%;
		height: auto;
		margin-right: 0;
	}
	.aboutQualificationsUl li{
		width: 180px !important;
	}
	.swiper-container3{
		width:180px;
	}
	.aboutAbility{
		display: none;
	}
	.menuIn{
		display: none;
	}
	.curtureLi li:nth-child(2n){
		margin-right: 0;
	}
	.curtureLi{
		width: 578px;
		margin: 0 auto;
		overflow: hidden;
	}
	.honor{
		width: 590px;
		margin: 0 auto;
	}
	.honor li:nth-child(2n){
		margin-right: 0;
	}
	.capacity{
		width: 595px;
		margin: 0 auto;
		overflow: hidden;
	}
	.capacity li:nth-child(2n){
		margin-right: 0;
	}
	.serviceImgLeft{
		width: 100% !important;
		height: auto !important;
	}
	.serviceImg .serviceImgMid{
		float: none;
		margin: 0;
		margin-top: 20px;
		width: 100% !important;
		height: auto !important;
	}
	.serviceImg .serviceImgMid .serviceImgMidTop{
		height: auto;
	}
	.serviceImg .serviceImgMid .serviceImgMidBot{
		height: auto;
	}
	.procedure{
		width: 100%;
	}
	.procedureA{
		display: none;
	}
	.procedure .procedure1{
		width: 50%;
		padding-left: 0;
		text-align: center;
	}
	.procedure .procedure2{
		width: 50%;
		padding-left: 0;
		text-align: center;
	}
	.procedure .procedure3{
		width: 50%;
		padding-left: 0;
		text-align: center;
		margin-top: 20px;
	}
	.procedure .procedure4{
		width: 50%;
		padding-left: 0;
		text-align: center;
		margin-top: 20px;
	}
	.agentsCont .agentsContImg{
		width: 100%;
		height: auto;
	}
	.agentsCont .agentsContTop{
		width: 100%;
		margin-left: 0;
	}
	.agentsContTop{
		width: 100%;
		text-align: center;
	}
	.agentsCont .agentsContBot{
		width: 100%;
		text-align: center;
	}
	.agentsCont2 p{
		padding: 0;
	}
	.agentsCont4 p{
		padding: 0;
	}
	.agentsCont4 .agentsTel{
		padding: 0;
	}
	.agentsCont4 .agentsMail{
		padding: 0;
	}
	.menuInP{
		display: none;
	}
	.products li{
		width: 100%;
		margin-right: 0;
		height: auto;
	}
	.products li .productImg{
		height: auto;
	}
	.pdsilde{
		width: 100%;
		margin: 0;
	}
	.pdimglist{
		height: auto;
	}
	.pdimglist ul li{
		width: 100%;
		margin-right: 0;
		height: auto;
	}
	.pdimglist ul li img{
		width: 80%;
		height: auto;
		margin: 0 auto;
	}
	.pdcontent p{
		width: 100%;
	}
	.pdcontent p img{
		width: 100%;
	}
	.pdcontent{
		overflow: scroll;
	}
	.areas{
		overflow: hidden;
		height: auto;
	}
	.areas .areasBox{
		width: 100%;
		height: auto;
		margin-bottom: 20px;
	}
	.areasBox2{
		width: 100%;
		height: auto;
	}
	.areasBox2 li{
		float: none;
		width: 100%;
		margin: 0;
		margin-left: 10px;
	}
	.cases li{
		width: 100%;
		height: auto;
		margin-bottom: 20px;
	}
	.contact{
		width: 100%;
		height: auto;
	}
	.contact img{
		float: none;
		width:100%;
		height: auto;
	}
	.contact ul{
		float: none;
		width: 100%;
	}
	
	.achievementM img{
		width: 100%;
	}
	.newsCol ul li{
		overflow: hidden;
		width: 100%;
	}
	.newsCol ul li .newsColLeft{
		width: 45%;
		height: 100%;
	}
	.newsCol ul li .newsColRight p{
		height: 66px;
		overflow: hidden;
	}
	.newsCol ul li .newsColLeft img{
		width:100%;
		height: 100%;
	}
	.newsCol ul li .newsColRight{
		width:50%;
		margin-left:5%;
	}
}

@media screen and (max-width: 768px) {
	#ban .banner {
		height: 180px !important;
	}
	#ban .imglist li {
		height: 180px !important;
		background-size: cover;
	}
	#banIn .bannerIn {
		height: 120px;
	}
	#banIn .imglist li {
		height:120px;
		background-size: cover;
	}
	.main2{
		height: 1450px;
	}
	.mainNews li {
		width: 100%;
		height: 450px;
		margin-right: 40px;
	}
	.service li {
		width: 100% !important;
	}
	.main4 {
		padding: 30px 0;
		background-size: cover;
	}
	.mainPro li {
		width: 100%;
		margin-right: 0;
		height: auto;
		margin-bottom: 20px;
	}
	.mainPro li img {
		width: 100%;
		height: auto;
	}
	.mainPro li div {
		width: 100%;
		height: auto;
		padding: 10px 30px 15px 30px;
		font-size: 12px;
	}
	.mainPro li div a {
		margin-top: 10px;
	}
	.foot2 {
		overflow: hidden;
		height: auto;
		text-align: center;
	}
	.foot2 .fr {
		width: 100%;
	}
	.fl {
		display: none;
	}
	.fl2 {
		display: block !important;
		width: 100%;
		height: 35px;
		overflow: hidden;
	}
	.bottomSwiper {
		margin-top: 40px;
		width: 150px;
	}
	.swiper-slide {
		margin-right: 15px !important;
		width: 150px !important;
	}
	.swiper-slide img {
		width: 150px;
		height: 190px;
	}
	.swiper-button-next {
		right: 50px !important;
		top: 180px !important;
	}
	.swiper-button-prev {
		left: 50px !important;
		top: 180px !important;
	}
	.inmain{
		width: 100%;
	}
	.introImg1{
		width: 100%;
		height: auto;
	}
	.introImg2{
		width: 100%;
		height: auto;
		margin-top: 20px;
	}
	.aboutServiceLeft{
		width: 100%;
		padding: 40px 20px 20px 20px
	}
	.curtureLi{
		width: 100%;
	}
	.curtureLi li{
		width: 100%;
		margin-left: 0 !important;
		margin-right: 0 !important;
	}
	.curtureLi .li1{
		width: 100%;
	}
	.curtureLi .li2{
		height: auto;
	}
	.curtureLi .li3{
		padding: 55px 0;
	}
	.curtureLi .li3 .curtureTxt{
		text-align: center;
	}
	.curtureLi .li4 .curtureTxt{
		text-align: center;
	}
	.curtureLi .li7{
		width: 100%;
		height: auto;
	}
	.honor{
		width: 100%;
	}
	.honor li{
		width: 100%;
		height: auto;
	}
	.capacity{
		width: 100%;
	}
	.capacity li{
		width: 100%;
		height: auto;
		margin-bottom: 20px;
	}
	.newsCol ul li{
		width: 100%;
		height: auto;
	}
	.newsCol ul li .newsColLeft{
		width: 100%;
		height: auto;
	}
	.newsCol ul li .newsColRight{
		width: 100%;
		margin-left: 0;
		margin-top: 10px;
	}
	.newsCol ul li .newsColRight .newsColTit1{
		width: 100%;
	}
	.pdcontent img{
		width: 100%;
	}
}

@media screen and (max-width: 360px) {}