@charset "UTF-8";

/* CSS Document */
@media (max-width: 1680px) {
	.jccyViewCon .content{
		height: 540px;
	}
	.wrap {
		width: 1440px;
	}

	.indexC3Dl dd .time,
	.indexC3Dl dd .title a {
		height: 46px;
		line-height: 46px;
	}

	.indexC3Dl dt .con .text {
		padding-bottom: 48px;
	}
	.indexC1 {
	    padding: 132px 0 108px;
	}
	.indexC2 .wrap {
		padding: 80px 0 96px;
	}
	
	.indexC2Pic {
		top: 126px;
	}
	
	.indexC2SlickBox {
		top: 177px;
	}
	
	.indexC2Line {
		top: 307px;
	}
	.indexC3 {
	    padding: 110px 0 92px;
	}
	.indexC4 {
	    padding: 88px 0;
	}
	.indexC4Con{
		margin-bottom: 46px;
	}
	.indexC4 .indexTitle{
		margin-bottom: 36px;
	}
	.col3BoxDl{
		padding-bottom: 69px;
	}
}
@media (max-width: 1600px){
	.indexC1Dl {
		margin-bottom: 30px;
	}
	.col3BoxDl{
		padding: 20px 0 30px;
	}
	.indexC4 .indexTitle{
		margin-bottom: 20px;
	}
	.indexC4Slick .slickCon .pic{
		width: 250px;
	}
	.indexC4Con{
		margin-bottom: 0;
	}
	.indexC4Slick{
		height: 410px;
	}
	.indexC4Slick .myslide:nth-child(even) .slickCon {
	    padding-top: 240px;
	}
	.indexC4Slick .myslide .slickCon .pageBox{
		height: 250px;
	}
	.indexC4Slick .myslide:nth-child(odd) .slickCon .pageBox {
	    bottom: 76px;
	}
	.c1SwiperBtn{
		padding: 20px 0 0;
	}
	.indexC4Slick .myslide:nth-child(even) .slickCon .pageBox {
	    top: 5px;
	}
}
@media (max-width: 1440px) {
	.jccyViewCon .content{
		height: 440px;
	}
	.wrap {
		width: 1200px;
	}

	.contactDl dd.add .content {
		line-height: 24px;
	}

	.indexC3Dl dt .con .text {
		padding: 20px 0;
	}

	.menuBtnDl dd .yj .enTitle {
		margin-bottom: 32px;
	}

	.menuBtnDl dd .ej span {
		padding: 5px 0;
	}

	.indexC1Info {
		padding: 60px 0 40px;
	}

	.indexC1Con {
		margin-left: 5.8%;
	}

	.indexC4 .indexTitle {
		margin-bottom: 36px;
	}

	.indexC4Con {
		margin-left: 5.8%;
	}

	.indexC1 {
		padding: 92px 0 68px;
	}

	.indexC3 {
		padding: 70px 0 52px;
	}

	.indexC4 {
		padding: 48px 0;
	}

	.col3BoxDl {
		padding: 36px 0 59px;
	}

	.indexC2Con {
		width: 25.4524%;
	}
	.video{
		width: 600px;
		height: 400px;
	}
	.indexBanner .img{
		top: 190px;
	}
}
@media (max-width: 1366px){
	.indexC1{
		transform: scaleY(0.85);
	}
	.indexC2{
		transform: scaleY(0.85);
	}
	.indexC3{
		transform: scaleY(0.9);
	}
	.indexC4{
		transform: scaleY(0.9);
	}
	.col3BoxDl {
	    padding: 20px 0 20px;
	}
	.indexC4 .indexTitle {
	    margin-bottom: 16px;
	}
	.indexC4Slick {
	    height: 350px;
	}
	.indexC4Slick .slickCon .pic {
	    width: 180px;
	}
	.indexC4Slick .slickCon{
		height: 100px;
	}
	.indexC4Slick .myslide:nth-child(odd) .slickCon .pageBox {
	    bottom: 105px;
	}
	.indexC4Slick .myslide:nth-child(even) .slickCon .pageBox {
	    top: -24px;
	}
}