/*

* @Author: DoDo

* @Date:   2019-07-29 09:59:23

* @Last Modified by:   DoDo

* @Last Modified time: 2019-07-29 11:46:33

*/

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

	.ds-system-cont{

		font-size: 14px;

	}

	.ds-system-01 .div-title{

		font-size: 44px;

		line-height: 44px;

	}

	.ds-system-01:nth-child(2) .div-title{

		font-size: 26px;

		line-height: 34px;

	}

	.ds-system-01 .div-num{

		font-size: 130px;

		line-height: 130px;

	}



	.ds-feilei-title{

		width: 350px;

	}

	.ds-feilei-title .span-01{

		padding-left: 70px;

	}

	.ds-feilei-title .span-01.on{

		padding-left: 75px;

	}

	.ds-feilei-nr{

		margin-left: 50px;

	}

	.ds-feilei-nr .div-title{

		font-size: 42px;

		line-height: 42px;

	}

	.ds-feilei-nr .div-title2{

		font-size: 32px;

		line-height: 32px;

		margin-top: 70px;

	}

}

@media screen and (min-width: 1200px){

	.ds-system-01.on{

		background-color: #DB161D;

		color: #fff;

		height: 364px;

		margin-top: -20px;
		overflow: hidden;

		-webkit-box-shadow:0 0 8px rgba(116, 204, 71, .4);  

	    -moz-box-shadow:0 0 8px rgba(116, 204, 71, .4);  

	    box-shadow:0 0 8px rgba(116, 204, 71, .4); 

	    position: relative;

	    z-index: 1;

	}

	.ds-system-01.on .div-title{

		color: #fff;

	}



	.ds-model-div1:hover{

		top: -10px;

		background-color: #0034b5;

	}

	.ds-model-div1:hover .span-img .mg1{

		filter:alpha(opacity=0); 

		-moz-opacity:0;  

		-khtml-opacity: 0;  

		opacity: 0;

	}

	.ds-model-div1:hover .span-img .mg2{

		filter:alpha(opacity=100);  

		-moz-opacity:1;  

		-khtml-opacity: 1;  

		opacity: 1;

	}

	.ds-model-div1:hover .span-txt{

		color: #fff;

	}



	.ds-tool-div1:hover img{

		animation:swing .5s 1 linear both;

		-moz-animation:swing .5s 1 linear both; /* Firefox */

		-webkit-animation:swing .5s 1 linear both; /* Safari and Chrome */

		-o-animation:swing .5s 1 linear both; /* Opera */

	}

}

@media (min-width: 1200px) and (max-width: 1365px){

	.ds-system-cont{

		height: 314px;

		font-size: 12px;

	}

	.ds-system-01{

		padding-top: 40px;

		height: 274px;

	}

	.ds-system-01:nth-child(2){

		padding-top: 29px;

	}

	.ds-system-01.on{

		height: 314px;

	}



	.ds-feilei-nr{

		float: right;

		width: 755px;

		margin-left: 0;

	}

} 

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

	.ds-system-cont{

		height: auto;

	}

	.ds-system-01.on{

		height: 285px;

		margin-top: 0;

	}

	.ds-system-01{

		width: 33.33%;

		padding-top: 45px;

		height: 285px;

	}

	.ds-system-01:nth-child(2){

		padding-top: 34px;

	}

	.ds-system-01:first-child,.ds-system-01:nth-child(2){

		width: 50%;

	}





	.ds-feilei-title{

		width: 300px;

	}

	.ds-feilei-title .span-01{

		padding-left: 50px;

	}

	.ds-feilei-title .span-01.on{

		padding-left: 55px;

	}

	.ds-feilei-nr{

		float: right;

		margin-left: 0;

		width: 585px;

		font-size: 20px;

		line-height: 30px;

	}

	.ds-feilei-nr .div-title{

		font-size: 32px;

		line-height: 32px;

	}

	.ds-feilei-nr .div-title2{

		margin-top: 50px;

	}



	.ds-model-cont{

		margin-left: -10px;

		margin-right: -10px;

	}

	.ds-model-01{

		padding-left: 10px;

		padding-right: 10px; 

	    margin-top: 20px;

	}

}

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

	.ds-system-cont{

		margin-top: 30px;

	}

	.ds-feilei-title{

		width: 260px;

	}

	.ds-feilei-title .span-01{

		padding-left: 30px;

		line-height: 70px;

	}

	.ds-feilei-title .span-01.on{

		padding-left: 35px;

	}

	.ds-feilei-nr{

		width: 420px;

	}

	.ds-feilei-nr .div-title{

		font-size: 24px;

		line-height: 24px;

		padding-bottom: 15px;

	}

	.ds-feilei-nr .div-title2{

		font-size: 20px;

		line-height: 20px;

	}

	.ds-feilei-nr{

		font-size: 16px;

	}



	.ds-model-cont{

		padding-top: 0;

	}

	.ds-model-div1{

		padding-top: 35px;

		padding-bottom: 35px;

	}

	.ds-model-div1 .span-img{

		width: 48px;

	}

	.ds-model-div1 .span-txt{

		font-size: 16px;

		margin-top: 20px;

	}



	.ds-tool-01{

		margin-top: 50px;

	}

}

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

	.ds-system{

		padding-top: 50px;

		padding-bottom: 50px;

	}

	.ds-system-cont{




		margin-top: 10px;

	}

	.ds-system-01{

		float: none;

		display: inline-block;

		white-space: normal;

		width: 100%;

	}

	.ds-system-01:first-child,.ds-system-01:nth-child(2){

		width: 100%;

	}



	.ds-feilei{

		padding-top: 50px;

		padding-bottom: 50px;

	}

	.ds-feilei-title{

		float: none;

		width: 98%;

		overflow: auto;

	}

	.ds-feilei-title .span-01{

		float: none;

		display: inline-block;

		width: auto;

		padding-left: 25px;

		padding-right: 25px;

		border-top: none;

	}

	.ds-feilei-title .span-01.on{

		padding-left: 25px;

	}

	.ds-feilei-nr{

		float: none;

		width: 95%;
		margin-left: 2.5%;

		margin-top: 30px;

	}



	.ds-model{

		padding-top: 50px;

		padding-bottom: 50px;

	}

	.ds-model-cont{

		margin-left: -5px;

		margin-right: -5px;

	}

	.ds-model-01{

		width: 50%;

		padding-left: 5px;

		padding-right: 5px;

		margin-top: 10px;

	}



	.ds-tool{

		padding-top: 50px;

		padding-bottom: 50px;

	}

	.ds-tool-cont{

		margin-top: -20px;

	}

	.ds-tool-01{

		width: 33.33%;

		margin-top: 30px;

	}

	.ds-tool-div1 img{

		width: 40px;

	}

	.ds-tool-div1 .span-txt{

		font-size: 14px;

		margin-top: 20px;

	}

}

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

	.ds-feilei-title .span-01,.ds-feilei-title .span-01.on{

		padding-left: 30px;

		padding-right: 30px;

	}

}