@media screen and (min-width: 480px){
.sysHead{
color:#BF4D00;
font-size:20px;
background:url("../img/system/line.jpg") no-repeat 0 100%;
padding-left:10px;
padding-bottom:10px;
margin:0 0 40px 0;
}

.sysBox1{
width:700px;
border-radius:10px;
margin-bottom:10px;
}

.boxBK1{
background:url("../img/system/headbk1.jpg") no-repeat 0 0;
border:1px solid #6D60B1;
}

.boxBK2{
background:url("../img/system/headbk2.jpg") no-repeat 0 0;
border:1px solid #428402;
}

.sysBox2{
width:660px;
height:110px;
margin:30px 0 30px 20px;
line-height:160%;
font-size:13px;
}

.sysBox3{
width:660px;
margin:30px 0 30px 20px;
line-height:160%;
font-size:13px;
}

.sysBK1{
background:url("../img/system/sys01.jpg") no-repeat 100% 0;
}

.sysBK2{
background:url("../img/system/sys02.jpg") no-repeat 100% 0;
}

.sysBK3{
background:url("../img/system/sys03.jpg") no-repeat 100% 0;
}

.sysBK4{
background:url("../img/system/sys04.jpg") no-repeat 100% 0;
}

.sysBK5{
background:url("../img/system/sys05.jpg") no-repeat 100% 0;
}


.sysText{
margin:10px 0 0 20px;
color:#ffffff;

}

.arrow{
width:700px;
height:16px;
background:url("../img/system/sys_arrow.jpg") no-repeat 50% 0;
margin-bottom:10px;
}


.sysMargin{
margin-bottom:100px;
}
}

@media screen and (max-width: 479px){
.sysHead{
color:#BF4D00;
font-size:20px;
background:url("../img/system/line.jpg") no-repeat 0 100%;
padding-left:10px;
padding-bottom:10px;
margin:0 0 40px 0;
}

.sysBox1{

border-radius:10px;
margin-bottom:10px;
}

.boxBK1{
background:url("../img/system/headbk1.jpg") no-repeat 0 0;
border:1px solid #6D60B1;
}

.boxBK2{
background:url("../img/system/headbk2.jpg") no-repeat 0 0;
border:1px solid #428402;
}

.sysBox2{

min-height:110px;
margin:30px 0 30px 20px;
line-height:160%;
font-size:13px;
}

.sysBox3{

margin:30px 0 30px 20px;
line-height:160%;
font-size:13px;
}

.sysBK1{
background: url(../img/system/sys01.jpg) no-repeat 100% 0;
    background-size: 50%;
    padding-bottom: 40px;
    background-position: 90% bottom;
}

.sysBK2{
background:url("../img/system/sys02.jpg") no-repeat 100% 0;
    background-size: 50%;
    padding-bottom: 50px;
    background-position: 90% bottom;}
.sysBK2 br {display:none;}
.sysBK3{
background:url("../img/system/sys03.jpg") no-repeat 100% 0;
    background-size: 50%;
    padding-bottom: 40px;
    background-position: 90% bottom;}
.sysBK3 br {display:none;}
.sysBK4{
background:url("../img/system/sys04.jpg") no-repeat 100% 0;
    background-size: 50%;
    padding-bottom: 40px;
    background-position: 90% bottom;}
.sysBK4 br {display:none;}
.sysBK5{
background:url("../img/system/sys05.jpg") no-repeat 100% 0;
    background-size: 50%;
    padding-bottom: 40px;
    background-position: 90% bottom;}
.sysBK5 br {display:none;}

.sysText{
margin:10px 0 0 20px;
color:#ffffff;

}

.arrow{

height:16px;
background:url("../img/system/sys_arrow.jpg") no-repeat 50% 0;
margin-bottom:10px;
}


.sysMargin{
margin-bottom:100px;
}
}