@media screen and (max-width: 1198px){
	.wp { width: 100%;}
	.baseSlide{ width: 100%;}
	.owl-carousel .owl-nav .owl-prev,.owl-carousel .owl-nav .owl-next{ display: none;}
}

@media screen and (max-width: 1024px){
	* { -webkit-user-select: none; box-sizing: border-box; }
	.headerLink .pcCountryList{ width: 100%; left: 0; margin-left: 0;}
	.indexCard{ width: 49%;}
	.indexCardHeader a{ width: 55px;}
	.indexCardListCon{ padding-top: 0;}
	.nav > li:last-child .sub{ right: 0; left: auto; }
	.calenderSlide .bd li span{ width: 150px;}
	.calenderSlide .bd li .p{ margin-left: 160px;}
	.calenderSlide .prev, .calenderSlide .next{ display: none;}
	.calenderSlide .bd li{ margin-bottom: 5px;}
	.article .proPicIntro .item{ width: 49%;}
	.article .orderStep .step{ width: 145px;}
	.article .orderStep .arrow.a1{ left: 160px;}
	.article .orderStep .arrow.a2{ left: 369px;}
	.article .orderStep .arrow.a3{ left: 582px;}
	.branchList li .img{ width: 269px; height: 198px;}
	.branchList li .info{ margin-left: 290px;}
	.slideBd{ width: 690px; height: 499px; margin: 0 auto 20px; float: none; overflow: hidden;}
	.slideHd{ position: relative; width: 690px; padding: 5px 0; height: 111px; float: none; margin: 0 auto; min-height: 0;}
	.slideHd .sprev, .slideHd .snext{ position: absolute; width: 50px; height: 111px; top: 0;}
	.slideHd .sprev{ background-image: url(../images/arrow7.png); left: 0;}
	.slideHd .snext{ background-image: url(../images/arrow6.png); right: 0;}
	.slideHd .smallImg{ margin: 0 49px; width: auto; height: 101px; overflow: hidden;}
	.slideHd .smallImg li{ float: left; width: 135px; margin: 0 5px;}
	.headerLink > li.search input[type="text"]{ height: 20px; width: 105px;}
	.people li{ margin: 0 0 75px; width: 50%; padding: 0 5px;}
	.people li .info{ height: 286px;}
	.people li .info .name{ line-height: 1.5;}
}

@media screen and (max-width: 800px){
	.wp1000{ width: 100%;}
	.headerRight{ width: 520px;}
	.nav > li a{ padding: 0 15px;}
	.banner .item{ height: 350px;}
	.footerLeft{ width: 100%; padding-left: 10px; padding-right: 10px; float: none;}
	.indexCardHeader p{ font-size: 1.2em;}
	.indexInfoList li .info a{ font-size: 1.4em; margin-bottom: 4px; height: 18px; overflow: hidden;}
	.indexInfoList li .info p{ height: 3em; overflow: hidden;}
	.indexNewsList li a{ padding: 10px 0; height: 90px; overflow: hidden;}
	.indexNewsList li .info p{ height: 3em; overflow: hidden;}
	.footerRight{ float: none; margin: 5px auto 0;text-align: center;width: 100%;}
	.footerRight img { border: 1px solid #b3b3b3; width: 72px; height: 72px; }
	.article .proPicIntro .item{ float: none; width: 100%;}
	.article .proPicIntro .item:nth-child(2n+1){ border: none;}
	.article .proPicIntro .item:nth-child(2n) > div{ margin-left: 0; margin-right: 20px;}
	.article .proPicIntro .item .info{ height: auto;}
	.article .orderStep .step,.article .orderStep .step:first-child{ width: 190px; float: none; margin: 0 auto 60px;}
	.article .orderStep .arrow{ -webkit-transform: rotate(90deg) translateY(150%);}
	.article .orderStep .arrow.a1{ left: 50%; top: 315px;}
	.article .orderStep .arrow.a2{ left: 50%; top: 613px;}
	.article .orderStep .arrow.a3{ left: 50%; top: 937px;}
	.branchList li .img{ float: none; margin-bottom: 5px;}
	.branchList li .info{ margin-left: 0;}
	.slideBd{ width: 100%; height: auto;}
	.slideHd{ width: 100%;}
	.headerLink > li{ float: none; display: inline-block; vertical-align: top;}
	.headerLink > li:last-child{ background: none;}
	.headerLink{ text-align: right;}
	.people li{ float: none; width: 100%; margin-bottom: 35px;}
	/*.people li img{ float: none; margin: 0 auto; height: 286px !important;}
	.people li .info{ margin-left: 0;}*/

	.insideBanner{ height: 360px;}
	.mapSite dl{ width: 33.33%;}

	/* 0729 */
	.slideBd ul,.slideBd li,.slideBd li img{ height: auto; width: 100%; max-height: 343px;}
}

@media screen and (max-width: 767px){
	.people li{ width: 100%; float: none;}
	.people li img{ width: 150px; height: 196px !important; float: left;}
	.people li .info{ margin-left: 150px; height: 196px; padding: 40px 20px 0 25px;}
}

@media screen and (max-width: 480px){
	.footerRight{ margin: 5px auto 0;text-align: center; width: 100%; }
	.footerRight img { border: 1px solid #b3b3b3; width: 72px; height: 72px; }
	.header{ position: relative; height: auto; -webkit-animation-duration:0s; animation-duration: 0s;}
	.header h1{ float: none; margin: 0 auto; padding-top: 10px; height: auto;}
	.nav{ display: none;}
	.headerRight{ float: none; width: 100%; padding-top: 10px;}
	.headerLink{ float: none; width: 100%; text-align: center; margin-bottom: 0; padding-bottom: 10px;}
	.headerLink > li{ float: none; display: inline-block;}
	.headerLink > li.phone{ display: none;}
	.banner .item{ height: 155px;}
	.sloganCon .cn p{ width: 100%;}
	.sloganCon{ -webkit-opacity: 1; -webkit-animation-delay: 0s; -webkit-animation-duration: 0s !important;}
	.indexCards{ -webkit-animation-duration: 0s; animation-duration: 0s;}
	.indexCard.left,.indexCard.right{ float: none;}
	.indexCard{ width: 100%; padding: 20px 10px 0 10px; margin-bottom: 10px;}
	.headerLink .pcCountryList{ top: 105px;}
	.mobileNavTit{ display: block;}
	.insideBanner{ height: 130px;}
	.main{ padding: 30px 0;}
	.mainLeft{ float: none; width: 100%; padding: 0 5px; margin-bottom: 30px;}
	.mainRight{ margin-left: 0; width: 100%; padding: 0 5px;}
	.calenderSlide .bd li span{ padding-left: 35px; width: 130px;}
	.calenderSlide .bd li .p{ margin-left: 140px;}
	.menu > li .sub li{ line-height: 46px;}
	.menu > li .sub li a{ height: 46px;}
	.branchList li .info .tit a{ display: block;}
	.branchList li .info .tit span{ position: relative; top: auto; right: auto; display: block;}
	.headerLink > li.search{ width: 100%;}
	.headerLink > li.search > div{ margin: 0 auto 5px; background-color: #f2f2f2;}
	.people li .info{ padding: 40px 10px 0 10px;}

	.people li{ height: 196px;}

	.mapSite dl{ width: 100%;}
	.mapSite dl dt{ width: 100%; padding-left: 20px;}
	.mapSite dl dd{ float: left; margin-right: 20px; margin-bottom: 10px; padding-left: 20px;}

	/* 0729 */
	.slideHd .smallImg li img{ display: inline-block;}
}

@media screen and (width: 414px){
	.slideHd .smallImg li{ margin: 0 7px;}
}

@media screen and (width: 375px){
	.slideHd .smallImg li{ margin: 0 1px;}
}

@media screen and (width: 320px){
	.slideHd .smallImg li{ width: auto; float: none; text-align: center;}
}

/* 0729 */
@media screen and (min-width: 320px) and (max-width: 359px){
	.slideBd{ height: 219px;}
	.slideBd ul{ width: 250px; height: 177px; margin: 0 auto;}
}

@media screen and (min-width: 360px) and (max-width: 414px){
	.slideBd{ height: 259px;}
	.slideBd ul{ width: 308px; height: 217px; margin: 0 auto;}
}