@charset "utf-8";
/* CSS Document */

@media screen and (min-width:1400px) {
/*list*/
	.list-bj{background:#f6f6f6;padding:1% 0 3% 0;}
	.product .list{background:#fff;padding:3%;font-size:0;margin:3% auto;}
	.product .list .left{float:left;width:51%;}
	.product .list .left h2,.product .list .left h2 a{font-size:32px;color:#1C449C;margin-top:0;margin-bottom:2%;}
	.product .list .left p{font-size:14px;color:#666;line-height:24px;font-style:italic;}
	.product .list .left ul li{width:48%;float:left;padding:0.75% 0;}
	.product .list .left ul li:nth-child(odd){float:left;}
	.product .list .left ul li:nth-child(even){float:right;}
	.product .list .left ul li a{width:100%;font-size:16px;color:#333;padding:1% 0;}
	.product .list .left .more{font-size:15px;color:#666;font-style:italic;margin-top:3%;}
	.product .list .left a:hover{color:#1C449C;font-weight:bold;}
	.product .list .right{float:right;width:45.8%;}
	.product .last1{float:left;width:42.5%;margin:0;}
	.product .last2{float:right;width:42.5%;margin:0;}
	.product .last1 .left,.product .last2 .left{width:100%;}
	
/*list2*/
	.list2{margin:3% -1% 0 -1%;}
	.list2 li{width:23%;padding:0 1%;float:left;margin-bottom:1.5%;}
	.list2 li a{width:100%;background:#fff;font-size:0;padding-bottom:5%;}
	.list2 li a img{width:100%;}
	.list2 li a h3{font-size:18px;color:#000;font-weight:bold;margin:3% 0;padding:0 5%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
	.list2 li a p{font-size:15px;color:#000;padding:0 5%;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
	
/*case-list*/
	.product .nav ul{background:#fff;margin:-6% 0 1% 0;position:relative;}
	.product .nav ul li{width:12.5%;float:left;font-size:0;}
	.product .nav ul li a{width:100%;padding:35% 0 15% 0;font-size:20px;color:#222;text-align:center;font-weight:bold;}
	.product .nav ul li.active a{color:#1C449C;}
	.product .nav ul li:hover a{color:#1C449C;}
	.product .nav ul li:nth-child(1) a{background:url(../images/case/case-01.png) no-repeat center 30%;}
	.product .nav ul li:nth-child(2) a{background:url(../images/case/case-02.png) no-repeat center 30%;}
	.product .nav ul li:nth-child(3) a{background:url(../images/case/case-03.png) no-repeat center 30%;}
	.product .nav ul li:nth-child(4) a{background:url(../images/case/case-04.png) no-repeat center 30%;}
	.product .nav ul li:nth-child(5) a{background:url(../images/case/case-05.png) no-repeat center 30%;}
	.product .nav ul li:nth-child(6) a{background:url(../images/case/case-06.png) no-repeat center 30%;}
	.product .nav ul li:nth-child(7) a{background:url(../images/case/case-07.png) no-repeat center 30%;}
	.product .nav ul li:nth-child(8) a{background:url(../images/case/case-08.png) no-repeat center 30%;}
/*case*/
	.case{background:#fff;padding:0 2.5% 2.5% 2.5%;margin-top:1%;}
	.case .list2 li a{background:#f6f6f6;}
	.case .list2 li a p{margin:1.5% 0;}
	.case .list2 li:hover a{background:#1C449C;}
	.case .list2 li:hover a h3{color:#fff;}
	.case .list2 li:hover a p{color:#fff;}
}

@media screen and (max-width: 1400px) and (min-width: 1200px){
/*list*/
	.list-bj{background:#f6f6f6;padding:1% 0 3% 0;}
	.product .list{background:#fff;padding:3%;font-size:0;margin:3% auto;}
	.product .list .left{float:left;width:51%;}
	.product .list .left h2,.product .list .left h2 a{font-size:27px;color:#1C449C;margin-top:0;margin-bottom:2%;}
	.product .list .left p{font-size:14px;color:#666;line-height:21px;font-style:italic;}
	.product .list .left ul li{width:48%;float:left;padding:0.3% 0;}
	.product .list .left ul li:nth-child(odd){float:left;}
	.product .list .left ul li:nth-child(even){float:right;}
	.product .list .left ul li a{width:100%;font-size:14px;color:#333;padding:1% 0;}
	.product .list .left .more{font-size:14px;color:#666;font-style:italic;margin-top:3%;}
	.product .list .left a:hover{color:#1C449C;font-weight:bold;}
	.product .list .right{float:right;width:45.8%;}
	.product .list .right img{width:100%;}
	.product .last1{float:left;width:42.5%;margin:0;}
	.product .last2{float:right;width:42.5%;margin:0;}
	.product .last1 .left,.product .last2 .left{width:100%;}
/*list2*/
	.list2{margin:3% -1% 0 -1%;}
	.list2 li{width:23%;padding:0 1%;float:left;margin-bottom:1.5%;}
	.list2 li a{width:100%;background:#fff;font-size:0;padding-bottom:5%;}
	.list2 li a img{width:100%;}
	.list2 li a h3{font-size:17px;color:#000;font-weight:bold;margin:3% 0;padding:0 5%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
	.list2 li a p{font-size:15px;color:#000;padding:0 5%;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
	
/*case-list*/
	.product .nav ul{background:#fff;margin:-6% 0 1% 0;position:relative;}
	.product .nav ul li{width:12.5%;float:left;font-size:0;}
	.product .nav ul li a{width:100%;padding:38% 0 15% 0;font-size:18px;color:#222;text-align:center;font-weight:bold;}
	.product .nav ul li.active a{color:#1C449C;}
	.product .nav ul li:hover a{color:#1C449C;}
	.product .nav ul li:nth-child(1) a{background:url(../images/case/case-01.png) no-repeat center 30%;}
	.product .nav ul li:nth-child(2) a{background:url(../images/case/case-02.png) no-repeat center 30%;}
	.product .nav ul li:nth-child(3) a{background:url(../images/case/case-03.png) no-repeat center 30%;}
	.product .nav ul li:nth-child(4) a{background:url(../images/case/case-04.png) no-repeat center 30%;}
	.product .nav ul li:nth-child(5) a{background:url(../images/case/case-05.png) no-repeat center 30%;}
	.product .nav ul li:nth-child(6) a{background:url(../images/case/case-06.png) no-repeat center 30%;}
	.product .nav ul li:nth-child(7) a{background:url(../images/case/case-07.png) no-repeat center 30%;}
	.product .nav ul li:nth-child(8) a{background:url(../images/case/case-08.png) no-repeat center 30%;}
/*case*/
	.case{background:#fff;padding:0 2.5% 2.5% 2.5%;margin-top:1%;}
	.case .list2 li a{background:#f6f6f6;}
	.case .list2 li a p{margin:1.5% 0;}
	.case .list2 li:hover a{background:#1C449C;}
	.case .list2 li:hover a h3{color:#fff;}
	.case .list2 li:hover a p{color:#fff;}
}

@media screen and (min-width:992px) and (max-width:1200px) {
	/*list*/
	.list-bj{background:#f6f6f6;padding:1% 0 3% 0;}
	.product .list{background:#fff;padding:3%;font-size:0;margin:3% auto;}
	.product .list .left{float:left;width:51%;}
	.product .list .left h2,.product .list .left h2 a{font-size:22px;color:#1C449C;margin-top:0;margin-bottom:2%;}
	.product .list .left p{font-size:13px;color:#666;line-height:18px;font-style:italic;}
	.product .list .left ul li{width:48%;float:left;padding:0.3% 0;}
	.product .list .left ul li:nth-child(odd){float:left;}
	.product .list .left ul li:nth-child(even){float:right;}
	.product .list .left ul li a{width:100%;font-size:14px;color:#333;padding:1% 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
	.product .list .left .more{font-size:14px;color:#666;font-style:italic;margin-top:1%;}
	.product .list .left a:hover{color:#1C449C;}
	.product .list .right{float:right;width:45.8%;}
	.product .list .right img{width:100%;margin-top:5%;}
	.product .last1{float:left;width:42.5%;margin:0;}
	.product .last2{float:right;width:42.5%;margin:0;}
	.product .last1 .left,.product .last2 .left{width:100%;}
	.product .last1 .left ul li a,.product .last2 .left ul li a{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
/*list2*/
	.list2{margin:3% -1% 0 -1%;}
	.list2 li{width:23%;padding:0 1%;float:left;margin-bottom:1.5%;}
	.list2 li a{width:100%;background:#fff;font-size:0;padding-bottom:5%;}
	.list2 li a img{width:100%;}
	.list2 li a h3{font-size:16px;color:#000;font-weight:bold;margin:3% 0;padding:0 5%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
	.list2 li a p{font-size:15px;color:#000;padding:0 5%;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
	
/*case-list*/
	.product .nav ul{background:#fff;margin:-6% 0 1% 0;position:relative;}
	.product .nav ul li{width:12.5%;float:left;font-size:0;}
	.product .nav ul li a{width:100%;padding:38% 0 15% 0;font-size:18px;color:#222;text-align:center;font-weight:bold;}
	.product .nav ul li.active a{color:#1C449C;}
	.product .nav ul li:hover a{color:#1C449C;}
	.product .nav ul li:nth-child(1) a{background:url(../images/case/case-01.png) no-repeat center 30%;background-size:70% auto;}
	.product .nav ul li:nth-child(2) a{background:url(../images/case/case-02.png) no-repeat center 30%;background-size:70% auto;}
	.product .nav ul li:nth-child(3) a{background:url(../images/case/case-03.png) no-repeat center 30%;background-size:70% auto;}
	.product .nav ul li:nth-child(4) a{background:url(../images/case/case-04.png) no-repeat center 30%;background-size:70% auto;}
	.product .nav ul li:nth-child(5) a{background:url(../images/case/case-05.png) no-repeat center 30%;background-size:70% auto;}
	.product .nav ul li:nth-child(6) a{background:url(../images/case/case-06.png) no-repeat center 30%;background-size:70% auto;}
	.product .nav ul li:nth-child(7) a{background:url(../images/case/case-07.png) no-repeat center 30%;background-size:70% auto;}
	.product .nav ul li:nth-child(8) a{background:url(../images/case/case-08.png) no-repeat center 30%;background-size:70% auto;}
/*case*/
	.case{background:#fff;padding:0 2.5% 2.5% 2.5%;margin-top:1%;}
	.case .list2 li a{background:#f6f6f6;}
	.case .list2 li a p{margin:1.5% 0;}
	.case .list2 li:hover a{background:#1C449C;}
	.case .list2 li:hover a h3{color:#fff;}
	.case .list2 li:hover a p{color:#fff;}
}

@media screen and (min-width:769px) and (max-width:992px) {	
/*list*/
	.list-bj{background:#f6f6f6;padding:1% 0 3% 0;}
	.product .list{background:#fff;padding:3%;font-size:0;margin:3% auto;}
	.product .list .left{float:left;width:51%;}
	.product .list .left h2,.product .list .left h2 a{font-size:18px;color:#1C449C;margin-top:0;margin-bottom:2%;}
	.product .list .left p{font-size:12px;color:#666;line-height:15px;font-style:italic;margin:0 0 1% 0;}
	.product .list .left ul li{width:48%;float:left;padding:0.3% 0;}
	.product .list .left ul li:nth-child(odd){float:left;}
	.product .list .left ul li:nth-child(even){float:right;}
	.product .list .left ul li a{width:100%;font-size:13px;color:#333;padding:1% 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
	.product .list .left .more{font-size:13px;color:#666;font-style:italic;margin-top:1%;}
	.product .list .left a:hover{color:#1C449C;}
	.product .list .right{float:right;width:45.8%;}
	.product .list .right img{width:100%;margin-top:10%;}
	.product .last1{float:left;width:42.5%;margin:0;}
	.product .last2{float:right;width:42.5%;margin:0;}
	.product .last1 .left,.product .last2 .left{width:100%;}
	.product .last1 .left ul li a,.product .last2 .left ul li a{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
/*list2*/
	.list2{margin:3% -1% 0 -1%;}
	.list2 li{width:31.33%;padding:0 1%;float:left;margin-bottom:1.5%;}
	.list2 li a{width:100%;background:#fff;font-size:0;padding-bottom:5%;}
	.list2 li a img{width:100%;}
	.list2 li a h3{font-size:16px;color:#000;font-weight:bold;margin:3% 0;padding:0 5%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
	.list2 li a p{font-size:14px;color:#000;padding:0 5%;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
	
/*case-list*/
	.product .nav ul{background:#fff;margin:-6% 0 1% 0;position:relative;}
	.product .nav ul li{width:12.5%;float:left;font-size:0;}
	.product .nav ul li a{width:100%;padding:38% 0 15% 0;font-size:15px;color:#222;text-align:center;font-weight:bold;}
	.product .nav ul li.active a{color:#1C449C;}
	.product .nav ul li:hover a{color:#1C449C;}
	.product .nav ul li:nth-child(1) a{background:url(../images/case/case-01.png) no-repeat center 30%;background-size:70% auto;}
	.product .nav ul li:nth-child(2) a{background:url(../images/case/case-02.png) no-repeat center 30%;background-size:70% auto;}
	.product .nav ul li:nth-child(3) a{background:url(../images/case/case-03.png) no-repeat center 30%;background-size:70% auto;}
	.product .nav ul li:nth-child(4) a{background:url(../images/case/case-04.png) no-repeat center 30%;background-size:70% auto;}
	.product .nav ul li:nth-child(5) a{background:url(../images/case/case-05.png) no-repeat center 30%;background-size:70% auto;}
	.product .nav ul li:nth-child(6) a{background:url(../images/case/case-06.png) no-repeat center 30%;background-size:70% auto;}
	.product .nav ul li:nth-child(7) a{background:url(../images/case/case-07.png) no-repeat center 30%;background-size:70% auto;}
	.product .nav ul li:nth-child(8) a{background:url(../images/case/case-08.png) no-repeat center 30%;background-size:70% auto;}
/*case*/
	.case{background:#fff;padding:0 2.5% 2.5% 2.5%;margin-top:1%;}
	.case .list2 li a{background:#f6f6f6;}
	.case .list2 li a p{margin:1.5% 0;}
	.case .list2 li:hover a{background:#1C449C;}
	.case .list2 li:hover a h3{color:#fff;}
	.case .list2 li:hover a p{color:#fff;}
}

@media screen and (max-width:769px) {
/*list*/
	.list-bj{background:#f6f6f6;padding:1% 0 3% 0;}
	.product .list{background:#fff;padding:5%;font-size:0;margin:3% auto;}
	.product .list .left{width:100%;}
	.product .list .left h2,.product .list .left h2 a{font-size:0.3rem;color:#1C449C;margin-top:5%;margin-bottom:5%;}
	.product .list .left p{font-size:0.25rem;color:#666;line-height:0.36rem;font-style:italic;}
	.product .list .left ul li{width:48%;float:left;padding:0.75% 0;}
	.product .list .left ul li:nth-child(odd){float:left;}
	.product .list .left ul li:nth-child(even){float:right;}
	.product .list .left ul li a{width:100%;font-size:0.27rem;color:#333;padding:1% 0;}
	.product .list .left .more{font-size:0.25rem;color:#666;font-style:italic;margin-top:3%;}
	.product .list .left a:hover{color:#1C449C;font-weight:bold;}
	.product .list .right{width:100%;}
	.product .list .right img{width:100%;}
	.product .last1{width:100%;margin:3% 0;}
	.product .last2{width:100%;margin:3% 0;}
	.product .last1 .left,.product .last2 .left{width:100%;}
/*list2*/
	.list2{margin:3% -1% 0 -1%;}
	.list2 li{width:48%;padding:0 1%;float:left;margin-bottom:1.5%;}
	.list2 li a{width:100%;background:#fff;font-size:0;padding-bottom:5%;}
	.list2 li a img{width:100%;}
	.list2 li a h3{font-size:0.27rem;line-height:0.36rem;height:0.72rem;color:#000;font-weight:bold;margin:3% 0;padding:0 3%;}
	.list2 li a p{font-size:0.24rem;color:#000;padding:0 3%;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
	
/*case-list*/
	.product .nav ul{background:#fff;margin:-6% 0 1% 0;position:relative;}
	.product .nav ul li{width:25%;float:left;font-size:0;}
	.product .nav ul li a{width:100%;padding:38% 0 15% 0;font-size:15px;color:#222;text-align:center;font-weight:bold;}
	.product .nav ul li.active a{color:#1C449C;}
	.product .nav ul li:hover a{color:#1C449C;}
	.product .nav ul li:nth-child(1) a{background:url(../images/case/case-01.png) no-repeat center 30%;background-size:60% auto;}
	.product .nav ul li:nth-child(2) a{background:url(../images/case/case-02.png) no-repeat center 30%;background-size:60% auto;}
	.product .nav ul li:nth-child(3) a{background:url(../images/case/case-03.png) no-repeat center 30%;background-size:60% auto;}
	.product .nav ul li:nth-child(4) a{background:url(../images/case/case-04.png) no-repeat center 30%;background-size:60% auto;}
	.product .nav ul li:nth-child(5) a{background:url(../images/case/case-05.png) no-repeat center 30%;background-size:60% auto;}
	.product .nav ul li:nth-child(6) a{background:url(../images/case/case-06.png) no-repeat center 30%;background-size:60% auto;}
	.product .nav ul li:nth-child(7) a{background:url(../images/case/case-07.png) no-repeat center 30%;background-size:60% auto;}
	.product .nav ul li:nth-child(8) a{background:url(../images/case/case-08.png) no-repeat center 30%;background-size:60% auto;}
/*case*/
	.case{background:#fff;padding:0 2.5% 2.5% 2.5%;margin-top:1%;}
	.case .list2 li a{background:#f6f6f6;}
	.case .list2 li a p{margin:1.5% 0;}
	.case .list2 li:hover a{background:#1C449C;}
	.case .list2 li:hover a h3{color:#fff;}
	.case .list2 li:hover a p{color:#fff;}
}