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

.divBox2{top: 60%;}

}

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

	

	.section h2{font-size: 64px;}

	.section1{height: 330px;}

	.section2{height: 470px;}

	.mysection{height: 400px;}

	.modiaJoin ul li{margin-bottom: 10px;}

	.modiaJoin ul li p{font-size: 16px;margin-bottom: 18px;}

	.modiaJoin h2{margin-bottom: 20px;font-size: 70px;line-height: 110px;}

	.modiaJoin span{top: 30px;}

	.divBox h2, .modiaJoin h2{font-size: 64px;}

}

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

	.section h2{font-size: 44px;}

	.section div h3 a{font-size: 38px;}

	.divBox h2{font-size: 92px;}

	.divBox{width: 95%;}

	/*.divBox{transform: translateX(-50%);}*/

	.section11 p{width: 95%;}

	.section12 .about{width: 95%;padding-bottom: 60px;}

	.section9{height: 557px;}

	.section10 .contentLeft{margin-left: 85px;}

	.section10 .contentRight{margin-left: 100px;}

	.section10 h3{margin-left: 85px;}

	.section10 .contentRight ul li{margin-right: 40px;}

	footer .footer{width: 95%;}

	.about{width: 95%;}

	.section6{height: 520px;}

	.section7 .aboutMan{padding: 107px 155px 0;}

	.section7 .aboutList{padding: 0 75px;}

	.section7 .aboutList ul{width: 760px;margin: 0 auto;}

	.section11 p{width: 95%;font-size: 16px;margin-bottom: 15px;}

	.section1{height: 270px;}

	.section2{height: 410px;}

	.mysection{height: 360px;}

	.section12 ul li{width:50%;}

	.modiaJoin h2{margin-bottom: 10px;}

	.divBox h2, .modiaJoin h2{font-size: 44px;}



	.Popup .CenterHeight{width: 95%;}

	.Popup .Scroll{width: calc(100% - 20px);padding-right: 20px;}

}

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

	header .navBar{display: block;}

	header h1{margin-left: 50px;}

	header .language{margin-right: 50px;}

	header nav{display: none;width: 100%;position:absolute;left: 0;top: 100px; background: #000000;background: rgba(0,0,0,0.8);z-index: 999;}

	header nav ul{width: 100%;}

	header nav ul li{padding: 0;width: 100%; height: 50px;line-height: 50px;text-align: center;border-bottom: 1px solid #C2C2C2;}

	header nav ul li a{display: block;color: #fff;}

	header nav ul li.active{background: #182D7B;}

	header nav ul li.active a, header nav ul li:hover a{color: #fff;text-decoration: none;}



	.divBox{width: 95%;}

	/*.divBox{transform: translateX(-50%);}*/



	.section12 .about{padding-bottom: 10px;}

	.section9{height: 557px;}

	.section10{padding: 50px 0 50px;}

	.section10 .contentLeft{margin-left: 15px;}

	.section10 .contentRight{margin: 0 auto;}

	.section10 h3{width: 95%;margin: 0 auto 15px;}

	.section10 .contentRight ul li{margin-right: 0;margin-left: 40px;}

	.section10 p.dream{margin-bottom: 15px;}
	.section10 p{margin-bottom: 15px;}

	.section6{height: 458px;}

	.section7 .aboutMan{padding: 50px 30px 0;}

	.section7 .aboutList{padding: 0;}

	.section7 .about>p{margin-bottom: 20px;}

	.section11{padding: 30px 0 30px;}

	.about .aboutNav li{margin: 0 25px;}

	.section9{background-size: cover !important;height: 223px;}

	footer .footer p{font-size: 12px;}

	footer .footer .footerList li{padding: 0 5px;}

	footer .footer .footerList li a{font-size: 12px;height: 12px;margin-top: -5px;}

	.divBox{top: 15%;}

	.section1{height:240px;background-size: cover !important;background-position-y: 0px !important;}

	.section div{width: 95%;margin: 0 auto;}

	.section div h3 a{font-size: 32px;}

	.section div span{margin-bottom: 30px;}

	.section div p, .section div .more{margin-top: 30px;}

	.section2{height: 380px;}

	.mysection{height: 340px;}

	header h1{margin-left: 20px;}

	.modiaJoin{width: calc(100% - 45px);}

	.modiaJoin h2{margin-bottom: 40px;}

	.modiaJoin ul li{margin-bottom: 35px;}

	header .language{margin-right: 120px;margin-left: 0;}

	.section12 .about ul li div h2{font-size: 24px;}

	.section12 .about ul li div{left: 20px;top: 20px;}

	.section7 .aboutMan{margin-top: -186px;}

	.section7 .aboutMan{height: 600px;}

	.aboutList{width: 99%;}

	.section12 ul li div{left: 0;background: rgba(0,0,0,0);}

	.section12{padding-bottom: 40px;}

	.section7 .aboutList ul{width: auto;}

	section{padding: 20px 0;margin: 0 auto;width: 95%;}

	section .newsBody{width: 100%;}

	.IndexBanner .banners ul.Slide li .Img{display: none;}

	.IndexBanner .banners ul.Slide li .Text .Table img{display: block;}

	.IndexBanner .banners ul.Slide li .Text.active .Table img{opacity: 1;}

	.IndexBanner .banners ul.Slide li .Text img{



		transition: all 1s ease-in-out 0; 

	

		-moz-transition: all 1s ease-in-out 0s;

	

		-webkit-transition: all 1s ease-in-out 0s;

	

	}

	.banner .swiper-slide img{width: auto;}

	

}

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

	.IndexBanner .banners ul.Slide li .Text h2{font-size: 50px;}

	.IndexBanner .banners ul.Slide li .Text small{width: 72px;}

	.compruter{display: none;}

	.phone{display: block;}

	

	

}

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

	.IndexBanner .banners ul.Slide li .Text h2{font-size: 40px;}

	.IndexBanner .banners ul.Slide li .Text small{width: 72px;}

	

}

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

	

	.about .aboutNav li{margin: 0 7px;}

	.about .aboutNav li a{font-size: 20px;}

	.section10 h3{font-size: 24px;}

	.section10{padding: 20px 0;}

	.section10 p.dream{margin-bottom: 15px;}

	.section10 .contentLeft, .section10 .contentRight{width: 95%;float: none;margin: 0 auto;}

	.section10 .contentLeft{margin-bottom: 20px;}

	.section10 .contentRight ul li{margin-left: 0;margin-right: 20px;}

	footer .footer{height: auto;line-height: auto;padding: 20px 0;}

	footer .footer p{line-height: 16px;margin-bottom: 10px;}

	footer .footer .footerList{float: none;margin: 0 auto;width: auto;}

	footer .footer .footerList li{line-height: 16px;padding: 0 10px;}

	footer .footer .footerList li:after{height: 12px;margin-top: -5px;}

	.section12 .about ul li{width: 100%;margin-right: 0;margin-bottom: 10px;}

	.section12 .about ul li:nth-of-type(3n){margin-right: 0;}

	.section10 p{font-size: 16px;}

	.section7 .aboutMan{margin-top: -311px;margin-bottom: 40px;padding: 30px 15px 0;}

	.section7 .about ul li{width: 100%;margin-right: 0;margin-bottom: 20px;}

	.divBox h2{font-size: 50px;}

	.divBox div{margin-left: 0;}

	.section1{height: 190px;}

	.section div span{margin-bottom: 20px;}

	.section div p, .section div .more{margin-top: 20px;}

	.section div h3 a{font-size: 30px;}

	.section2{height: 390px;}

	.mysection{height: 240px;}

	header .language{margin-right: 95px;margin-left: 0;}

	.divBox h2, .modiaJoin h2{font-size: 40px;}

	.modiaJoin ul li p{font-size: 14px;margin-bottom: 10px;}

	.modiaJoin ul li{margin-bottom: 15px;}

	.modiaJoin h2{margin-bottom: 0;line-height: 90px;}

	.modiaJoin span{top: 6px;}

	.modiaJoin{width: calc(100% - 35px);}

	.modiaJoin span{width: 60px;height: 60px;left: -30px;top: 15px;}

	.modiaJoin ul li.modeListOne p{margin-left: 10px;}

	.section8, .section6{height: 200px;}

	/*.divBox{position: inherit;}*/



	.modiaJoin ul{padding: 0 20px;}

	.section h2{font-size: 30px;}

	.section12 ul li{width: 100%;}

	.section12{padding-bottom: 0;}

	.IndexBanner .banners ul.Slide li .Text h2{font-size: 40px;}

	.IndexBanner .banners ul.Slide li .Text small{width: 72px;}

	.divBox h2, .modiaJoin h2{font-size: 30px;}

	section .dl p{width: 76px;}

	section .dl input[type=text], section .dl input[type=password]{width: 280px;}

	section .dl input[type=button]{width: 100%;}

	#vdcode{width: 48px !important;text-indent: 1em !important;}
		.about .aboutNav li{text-align: left;}

}

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

	.section7 .aboutMan{margin-top: -60px;}

}

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

	.about .aboutNav li{margin: 0 35px 15px;text-align: left;width: 25%;}

	.section9{height: 160px;}

	.section10 .contentRight ul li{width: 30%;}

	.section7 .aboutMan{margin-top: 0;}

	.section10 p{font-size: 16px;}

	.section7 .about>p{font-size: 16px;margin-bottom: 15px;}

	.section7 .aboutMa{margin-bottom: 28px;}

	.divBox h2{margin-bottom: 30px;}

	.divBox div{margin-left: 20px;}

	.divBox{top: 20%;}

	.modiaJoin{width: calc(100% - 25px);}

	.modiaJoin span{width: 40px;height: 40px;top: 12px;left: -20px;}

	.modiaJoin h2{font-size: 28px;line-height: 60px;}

	.modiaJoin ul li.modeListOne img{width: 22px;}

	.modiaJoin ul li{margin-bottom: 10px;}

	.modiaJoin ul li p{margin-bottom: 5px;}

	.IndexBanner .banners ul.Slide li .Text h2{font-size: 40px;}

	.IndexBanner .banners ul.Slide li .Text small{width: 56px;}
	header h1 img{width: 130px;}
}

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

	.about .aboutNav li{text-align: left;width: 25%;}

	footer .footer .footerList li{padding: 0 5px;}

	.divBox{top: 22%;}

	.modiaJoin h2{font-size: 20px;line-height: 34px;}

	.modiaJoin ul li.modeListOne img{width: 15px;}

	.modiaJoin ul li.modeListOne p{margin-left: 5px;font-size: 16px;}

	.modiaJoin ul li{margin-bottom: 0;}

	.modiaJoin ul li p{margin-bottom: 0;font-size: 12px;}

	.IndexBanner .banners ul.Slide li .Text h2{font-size: 40px;}

	.IndexBanner .banners ul.Slide li .Text small{width: 50px;margin: 0 11px;}

	.divBox h2, .modiaJoin h2, .section h2{font-size: 26px;}

	.Popup .Button a{width: 128px;}
	header h1 img{width: 130px;}

}