@media screen and (max-width: 1200px){
	.wp1200{ width: 100%;}
	.headerPor{ width: 100%;}
	.indexSysSlide .bd li .info{ padding-right: 30px;}
	.fastMenu a{ width: 20%; margin-left: 0;}
	.newsCenterLeft,.companyLeft{ width: 68.75%;}
	.newsCenterRight,.companyRight{ width: 30%;}
	.newsCenterVideo{ width: 100%;}
	.contactShortBox{ width: 33.33%; margin: 0 0 5px; padding: 0 3px; box-sizing: border-box;}
	.contactLongBox{ width: 100%; box-sizing: border-box; padding-left: 3px; padding-right: 3px;}
	.contactCon .contactShortBox:nth-child(3n+3){ margin-left: 0; margin-right: 0;}
	.messageCon{ margin-left: 3px; margin-right: 3px;}
	.insideMainLeft{ width: 68.75%;}
	.insideMainRight{ margin-left: 70%;}
	.customBanner{ width: 100%;}
	.appList{ width: 100%;}
	.appList li{ width: 50%; box-sizing: border-box; margin-left: 0; margin-right: 0;}
	.appList li a{ max-width: 312px; margin: 0 auto;}
	.prodcutMenuLi{ width: 33.33%; box-sizing: border-box; padding-left: 5px; padding-right: 5px; border: none;}
	.prodcutMenuLi .linkbg{ box-sizing: border-box;}
	.prodcutMenuLi.m18{ margin-left: 0; margin-right: 0;}
	.productPartnerCon ul li{ box-sizing: border-box; margin-left: 0; margin-right: 0; margin-bottom: 5px; padding-left: 5px; padding-right: 5px;}
	.caseList li{ box-sizing: border-box; margin-left: 0; margin-right: 0; padding-left: 5px; padding-right: 5px; width: 25%;}
	.businessList li{ box-sizing: border-box; margin-left: 0; margin-right: 0; padding: 0 5px; width: 20%;}
	.staffSlider{ width: 100%;}
	.honorList{ width: 100%;}
	.honorList li{ box-sizing: border-box; width: 50%;}
	.honorList li .info{ padding-right: 20px;}
	.partnerList li{ box-sizing: border-box; width: 50%; margin-left: 0; margin-right: 0; padding: 0 20px;}
	.nav > li h3 a{ font-size: 1.4em;}
    .contactQtrBox{ width: 25%; margin: 0 0 5px !important; padding: 0 3px; box-sizing: border-box; }
}

@media screen and (max-width: 1100px){
	.indexNews{ width: 670px;}
	
	.businessList li a i{ width: 80%; background-size: 100% auto;}
	.header .lang a{ display: block; margin-bottom: 5px; text-align: center;}
	.header .lang{ padding-top: 17px;}
}

@media screen and (max-width: 1024px){
	.banner{ margin-bottom: 30px;}
	.nav{ margin-right: 0;}
	* { -webkit-tap-highlight-color: rgba(255,255,255,0);}
	.newsCenterVideoList li a{ box-sizing: border-box; padding: 0 10px; width: 100%; max-width: 256px;}
	.newsCenterVideoList li .img{ height: auto;}
	.contactLongBox .way,.contactShortBox .way,.contactQtrBox .way{ visibility: visible;}
	.contactLongBox .way i,.contactShortBox .way i,.contactQtrBox .way i{ -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); -webkit-opacity: 1;}
	.customLogoList{ width: 100%; box-sizing: border-box;}
	.customLogoList li{ width: 20%; box-sizing: border-box; height: auto;}
	.customLogoList li a{ padding-bottom: 46.9%;}
	.customLogoList li a img{ position: absolute; display: block; top: 0; left: 0;}
	.videoCon{ width: 100%; box-sizing: border-box;}
	.insideVideoBox{ width: 100%;}
	.insideVideoList{ width: 100%;}
	.insideVideoList li{ width: 25%; margin-left: 0; margin-right: 0; box-sizing: border-box; padding-left: 5px; padding-right: 5px;}
	.appList li{ padding: 0 10px;}
	.historyBanner .dot.year1997{ left: 150px;}
	.historyBanner .dot.year1999{ left: 257px;}
	.historyBanner .dot.year2005{ left: 388px;}
	.historyBanner .dot.year2009{ left: 537px;}
	.historyBanner .dot.year2013{ left: 660px;}
	.historyBanner .dot.year2015{ left: 755px;}

	.indexSysMenuCon .all{ display: block;}
	.contactShortBox .wordBox{ height: 265px; }
	
	.contactQtrBox .wordBox{ height: 235px; }
}
@media screen and (max-width: 950px){
	.companyProfile-box {
		height: 300px;
		padding-top: 30px;
		padding-bottom: 50px;
	}
	.companyProfile-right {
		padding-left: 40px;
		padding-right: 50px;
	}
	.indexMenuBanner .icon {
		width: 20%;
	}
}
@media screen and (max-width: 800px){
	.nav{ display: none;}
	.header{ height: auto;}
	.header h1{ position: absolute; padding-top: 0; left: 50%; top: 6px;margin-left: -105px;width: 210px;}
	.header .lang{ padding-top: 0;}
	.header .lang a{ margin-bottom: 3px;}
	.headerPor{ overflow: hidden;}
	.mobileNavTit{ display: block;}


	.indexNews{ width: 630px;}
	/*.header h1{ width: 83px; height: auto; padding-top: 27px;}*/
	/*.nav > li h3 a{ font-size: 1em;}*/
	.indexNews{ width: 100%; float: none; box-sizing: border-box; padding-left: 5px; padding-right: 5px;}
	.indexVideo{ display: none;}
	.indexSysSlide{ padding-bottom: 85px;}
	.indexSysSlide .hd{ position: absolute; width: 100%; height: 80px; left: 0; bottom: 0;}
	.indexSysSlide .hd li{ float: left; width: 20%;}
	.indexSysSlide .bd{ margin-left: 0; height: auto;}
	.indexSysSlide .bd li img{ width: 50%; height: auto;}
	.indexSysSlide .bd li .info{ margin-left: 50%; height: auto;}
	.indexSysSlide .bd li{ height: auto;}
	.indexSysSlide .bd li .info p{ height: 48px; overflow: hidden;}
	/*.indexPartenrs .bd li .img{ width: 20%; margin-bottom: 5px;}*/
	.mainTit{ padding-top: 30px; box-sizing: border-box; padding-left: 5px; padding-right: 5px;}
	.newsCenterLeft,.newsCenterRight,.companyLeft,.companyRight{ float: none; width: 100%; box-sizing: border-box; padding-left: 5px; padding-right: 5px;}
	.newsShortBox{ width: 49%; box-sizing: border-box;}
	.newsShortBox:first-child{ float: left;}
	.newsShortBox:last-child{ float: right;}
	.newsPicLink img{ height: auto;}
	.contactLongBox{ float: left; width: 50%;}
	.contactShortBox{ float: left; width: 50%;}
	.contactLongBox .map{ display: none;}
	.contactLongBox .wordBox{ width: 100%; float: none; padding-top: 0;}
	.contactLongBox .wrapper{ padding: 30px; height: 278px; overflow: hidden;}
	.contactLongBox .way, .contactShortBox .way, .contactQtrBox .way{ right: 10px; bottom: 5px;}
	.contactCon.odd .contactShortBox:last-child{ display: none;}
	.contactLongBox.singel{ width: 100%; float: none;}
	.contactLongBox.singel .wordBox{ float: left; width: 50%;}
	.contactLongBox.singel .map{ display: block;}
	.contactLongBox.singel .wrapper{ height: auto;}
	.insideMainLeft{ float: none; width: 100%;}
	.insideMainRight{ display: none;}
	.customBanner a{ left: 7%; bottom: 26%;}
	.insideVideoBox .video{ width: 100%; float: none; position: relative; padding-bottom: 62.5%; height: 0;}
	.insideVideoBox .video video{ position: absolute; width: 100%; height: 100%;}
	.insideVideoBox .info{ margin-left: 0; height: auto;}
	.productPartnerCon ul li{ width: 16.5%; height: auto;}
	.historyBanner .dot.year1997{ left: 53px; bottom: 30px;}
	.historyBanner .dot.year1999{ left: 155px; bottom: 58px;}
	.historyBanner .dot.year2005{ left: 270px;}
	.historyBanner .dot.year2009{ left: 385px; bottom: 96px;}
	.historyBanner .dot.year2013{ left: 498px; bottom: 103px;}
	.historyBanner .dot.year2015{ left: 597px;}
	.newsShortBox{ width: 32%; float: left !important; margin: 0 5px 15px;}
	.honorList li{ width: 100%; float: none;}
	.newsBigBox{ height: auto;}
	.videoLink img{ position: absolute; width: 100%; height: 100%; top: 0; left: 0;}
	.videoLink{ padding-bottom: 71.5%;}
	.policBox{ height: auto;}
	.caseShortBox{ width: 49%; margin: 0 3px 15px;}
	.caseShortBox:first-child{ float: left;}
	.caseShortBox:last-child{ float: right !important;}
	.serviceMenuList{ float: right; width: 66%;}
	.serviceMenuList li a{ padding-top: 15px; padding-bottom: 16px;}

	.indexSys .wrapper{ height: 341px;}
	.indexSysMenuCon{ position: static; right: auto; bottom: auto;}

	.banner .owl-prev,.banner .owl-next{ width: 32px; height: 32px; margin-top: -16px;}

	.returnCon{ display: none;}

	.indexSysSlide .bd li .info h5{ font-size: 2em;}

	.contactShortBox .wordBox { height: 280px; }
	.contactQtrBox { width: 50%; }
	.listMenu li { width: auto; }
	.product-li-show .swiper-container-horizontal > .swiper-pagination-bullets { bottom: 10px; }
	.product-li-show .show-btn-next { right: 20px; }
	.product-li-show .show-btn-prev { left: 20px; }
	.companyProfile {
		padding-left: 10px;
		padding-right: 10px;
		margin-bottom: 30px;
		background: none;
		padding-bottom: 0px;
	}
	.companyProfile-box {
		height: auto;
	}
	.companyProfile-left {
		width: 100%;
		border-right: 0px;
	}
	.companyProfile-right {
		width: 100%;
		padding-top: 30px;
	}
	.companyProfile-right h1 {
		font-size: 20px;
	}
	.companyProfile-right h2 {
		font-size: 12px;
		line-height: 16px;
	}
	.productType {
		padding-left: 10px;
		padding-right: 10px;
		box-sizing: border-box;
		padding-top: 30px;
		padding-bottom: 10px;
	}
	.productType ul {
		padding-top: 15px;
	}
	.productType ul li {
		width: 100%;
		padding-left: 0;
		padding-right: 0;
	}
	.productType-text {
		padding-left: 10px;
		padding-right: 10px;
	}
	.productType-text-box {
		padding-left: 20px;
		padding-right: 20px;
	}
	.typical {
		padding-top: 30px;
		padding-bottom: 30px;
	}
	.typical-box {
		padding-left: 10px;
		padding-right: 10px;
	}
	.typical-li-show  {
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		padding-left: 30px;
		padding-right: 30px;
	}
	.typical-li-show .swiper-slide {
		width: 100%;
		padding-left: 0;
		padding-right: 0;
	}
	.typical-li-show .typical-btn-prev {
		left: -7px;
	}
	.typical-li-show .typical-btn-next {
		right: -7px;
	}
}

@media screen and (max-width: 740px){
	.fastMenu a{ width: 50%; height: 48px; margin-bottom: 10px;}
	.fastMenu a i{ width: 30px; -webkit-background-size: 100% auto; background-size: 100% auto;}
	.fastMenu a p{ margin-left: 35px;}
	.fastMenu{ box-sizing: border-box; padding-left: 5px; padding-right: 5px;}
	.fastMenu a p.en{ font-size: 1em;}
	.fastLink{ float: none; width: 100%;}
	.fastLinkCon .other{ float: none; width: 100%; padding-bottom: 25px; margin-bottom: 0;}
	.fastLink dl{ width: 100%; float: none; margin-bottom: 5px;}
	.fastLink dl dd{ display: inline-block; vertical-align: top; width: auto; margin-right: 10px;}
	.fastLink dl dt{ margin-bottom: 0;}
	.friendLink{ display: none;}
	.fastLinkCon{ box-sizing: border-box; padding-left: 5px; padding-right: 5px;}
	.indexMenuBanner .icon{ width: 20%; margin: 50px 0; letter-spacing: 0; font-size: 1.2em;}
	.indexMenuBanner{ letter-spacing: -4px; height: auto;}
	.indexMenuBanner .icon i{ width: 100%; height: auto; padding-bottom: 86.4%; -webkit-background-size: 80% auto; background-size: 80% auto;}
}

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

	.indexMenuBanner .icon { padding-left: 5px; padding-right: 5px; }
	.historyCon{ padding: 10px;}
	.historyBanner{ display: none;}
	.yearSlide{ float: none; width: 100%; margin-bottom: 15px;}
	.yearSlide .prev{ float: left; width: 40px; height: 40px; background: url(../image/arrow7.png) center center no-repeat;}
	.yearSlide .next{ float: right; width: 40px; height: 40px; background: url(../image/arrow6.png) center center no-repeat;}
	.yearSlide .bd{ position: absolute; width: auto; height: 40px; top: 0; left: 40px; right: 40px; overflow: hidden;}
	.yearSlide .bd li{ float: left; width: auto;}
	.yearSlide .bd li a{ width: 60px;}
	.historyList{ margin-left: 0;}
	.historyList li img{ float: none; margin-bottom: 8px;}
	.historyList li .info{ margin-left: 0;}
	.indexSysSlide .bd li .info h5{ height: 50px; overflow: hidden; padding-top: 0; padding-bottom: 3px; line-height: 50px;}

	

	

	
}

@media screen and (max-width: 480px){
	
	/*.banner .item{ padding-bottom: 65%;}*/
	.indexNewsSlide{ float: none; margin-bottom: 20px; max-width: 100%;}
	.indexNewsList{ margin-left: 0; margin-bottom: 20px;}
	
	.indexSys .tit{ box-sizing: border-box; padding: 0 5px;}
	
	.indexSysMenu li{ margin-left: 0; margin-right: 20px;}
	.indexSysSlide .bd li img{ width: 100%;}
	.indexSysSlide .bd li .info{ margin-left: 0; padding-bottom: 30px;}
	.indexSysSlide .hd li{ height: 60px;}
	.indexSys{ margin-bottom: 25px;}
	.indexPartenrs .hd li .cn{ font-size: 1.6em;}
	.indexPartenrs .hd li .en{ font-size: 1.4em;}
	
	
	.mainTit h6{ font-size: 2.2em;}
	.newsLongBox{ padding: 10px;}
	.newsLongBox .img{ float: none; margin-bottom: 10px; max-width: 100%; height: auto;}
	.newsLongBox .info{ margin-left: 0; height: auto; padding-bottom: 35px;}
	.newsShortBox{ float: none !important; width: 100%; padding: 10px;}
	.newsCenterVideo{ width: auto; margin: 0 5px 30px; padding: 10px 0;}
	.newsCenterVideo .tit{ margin-left: 10px; margin-right: 10px;}
	.newsCenterVideoList li{ width: 50%; margin-bottom: 10px;}
	.contactLongBox{ float: none; width: 100%;}
	.contactLongBox .wrapper{ padding: 10px; height: auto;}
	.contactLongBox .wordBox{ height: auto; padding-bottom: 46px;}
	.contactShortBox, .contactQtrBox{ float: none; width: 100%;}
	.contactShortBox .wordBox,.contactQtrBox .wordBox{ padding: 10px 10px 46px; height: auto;}
	.contactCon.odd .contactShortBox:last-child{ display: block;}
	.contactLongBox.singel .wordBox{ float: none; width: 100%;}
	.contactLongBox.singel .map{ display: none;}
	.messageCon{ padding: 10px;}
	.messageShortInput{ width: 100%; float: none;}
	.messageText{ margin: 12px 0;}
	.messageInputCon input[type='submit']{ position: static; width: 100%; height: 45px; line-height: 45px;}
	.insideCon{ padding: 10px;}
	.caseArticle{ padding-top: 25px;}
	.caseArticle h2{ font-size: 2em;}
	.caseRelationCon{ display: none;}
	.customBanner a{ position: static; width: 100%; box-sizing: border-box; background-color: #0c7cbd; border: none; border-top: 1px solid #3290c6;}
	.videoCon{ padding: 10px;}
	.mejs-overlay-button{ width: 50px; height: 50px; margin: -25px 0 0 -25px; background-size: 50px 100px;}
	.insideVideoList li{ width: 50%;}
	.robotHd{ padding: 10px;}
	.robotHd li{ width: 50%;}
	.robotArticle{ padding: 20px 0 20px;}
	.appList li{ width: 100%; float: none; margin-bottom: 30px;}
	.questionBox{ padding: 0 10px;}
	.prodcutMenuLi{ width: 100%; float: none; height: auto;}
	.prodcutMenuLi .img{ height: 150px;}
	.prodcutMenuLi .title{ position: static; width: 100%; box-sizing: border-box; background: url(../image/blank_80.png); padding-top: 10px;}
	.prodcutMenuLi .linkbg{ position: static; opacity: 1; -webkit-opacity: 1; filter: alpha(opacity=100); height: auto;}
	.productPartnerCon{ padding: 10px;}
	.productPartnerCon ul li{ width: 33.33%;}
	.caseListCon{ padding: 10px;}
	.caseList li{ width: 50%; margin-bottom: 20px;}
	.newsCenterMore{ position: static;}
	.businessList li{ width: 33.33%; margin-bottom: 10px;}
	.companyRight .newsShortBox{ width: 100%; margin-left: 0; margin-right: 0; margin-bottom: 12px;}
	.jobTh,.jobTbody dt .year,.jobTbody dt .num,.jobTbody dt .word,.jobTbody dt .time{ display: none;}
	.jobTbody dt .name{ float: none; width: 100%; text-indent: 15px;}
	.jobTbody dd{ padding: 10px 15px;}
	.jobTbody dd .position{ display: block;}
	.staffSlider .owl-controls{ bottom: 60px;}
	.staffList li .img{ float: none; margin-bottom: 10px;}
	.staffList li .info{ margin-left: 0; height: auto;}
	.honorCon{ padding: 10px;}
	.honorList li { border-top: 1px solid #f0f0f0;}
	.honorList li:first-child { border-top: none;}
	.honorList li .img{ float: none; margin-bottom: 10px;}
	.honorList li .info{ margin-left: 0; height: auto;}
	.newsBigBox,.policBox,.serviceBigBox{ padding: 10px;}
	.newsBigBox .tit .hd li{ font-size: 12px;}
	.newsBigBox .img,.newsList li .img,.serviceBigBox .img{ float: none; margin-bottom: 10px;}
	.newsBigBox .info,.newsList li .info,.serviceBigBox .info{ margin-left: 0; height: auto; padding-bottom: 30px;}
	.policList li{ width: 100%;}
	.newsShortBox{ margin: 0 0 15px;}
	.newsCon{ padding-top: 20px;}
	.newsCon h2{ font-size: 20px;}
	.newsCon .tipCon{ padding: 20px;}
	.partnerList li{ width: 100%; float: none;}
	.caseBigBox .caseBigList .img{ float: none; width: 100%; height: auto; margin-bottom: 10px;}
	.caseBigBox .caseBigList .info{ margin-left: 0; height: auto; padding-bottom: 35px;}
	.caseBigBox,.serviceBigBox { height: auto;}
	.serviceMenuList{ float: none; width: 100%;}

	.indexSys .wrapper{ height: 580px;}

	.indexSysMenuCon .all{ margin-right: 20px;}

	.newsCon .timeCon{ height: auto;}
	.businessList li { height: 160px; }
	.businessList li a { height: 160px; }
	.businessList li a i { height: 80px; }
}

@media screen and (max-width: 360px){
	.indexMenuBanner{ height: 250px;}
	.indexSys .wrapper{ height: 540px;}
}