@charset "utf-8";


/* CSS Document */


body {


    width: 1100px;


    height: auto;


    margin: 0 auto;


}


a {


    text-decoration: none;


}


.box-dt:hover {


    background: #d9e1f2;


}


.main {


    width: 100%;


    height: auto;


    background: #d0e4ff;


}


.main img {


    width: 100%;


    margin-bottom: -4px;


}


.box {


    width: 100%;


    background: url("../images/bg_04.jpg") no-repeat;


    border: none;


}


.box-dt {


    width: 200px;


    height: 170px;


    background: white;


    margin: 30px 35px;


    text-align: center;


    display: inline-block;


    border-radius: 10px;


    box-shadow: 0px 9px 9px 0px rgba(33, 29, 30, 0.4);


}


.box-dt-red {


    box-shadow: 0px 9px 19px 0px rgba(255, 8, 67, 0.4);


}


.red a h5 {


    color: red;


}


.box-dt img {


    width: 52%;


    margin: 10px auto;


}


.box-dt h5 {


    width: 100%;


    margin: 0;


    font-size: 20px;


    color: #313131;


    padding: 0;


    border: none;


}


.box-dt h4 {


    width: 100%;


    margin: 0;


    font-size: 20px;


    color: #f00;


}


.box-dt h3 {


    width: 100%;


    margin: 0;


    font-size: 20px;


    color: blue;


}


.more {


    background-image: -moz-linear-gradient( 90deg, rgb(255,8,67) 0%, rgb(255,167,184) 100%);


    background-image: -webkit-linear-gradient( 90deg, rgb(255,8,67) 0%, rgb(255,167,184) 100%);


    background-image: -ms-linear-gradient( 90deg, rgb(255,8,67) 0%, rgb(255,167,184) 100%);


    box-shadow: 0px 5px 15px 0px rgba(89, 12, 26, 0.68);


    display: block;


    width: 300px;


    height: 80px;


    font-size: 40px;


    text-align: center;


    line-height: 80px;


    border-radius: 30px;


    margin: 20px 0 20px 36%;


}


.more a {


    color: white;


    font-size: 900;


}


.center {


    width: 100%;


    margin: 0 auto;


}


.footer-img img {


    width: 10%!important;


}


.izl-rmenu {


    display: none;


}


.mores {


    float: right;


    margin-top: 60px;


    margin-right: 100px;


    ;


    width: 362px;


    height: 112px;


    background: #fff;


    border: 1px solid #fff;


    border-radius: 20px;


    box-shadow: 0px 9px 9px 0px rgba(33, 29, 30, 0.4);


}


.mores img {


    width: 76px;


    height: 75px;


    margin-top: 18px;


    margin-left: 30px;


    display: block;


    float: left;


}


.mores span {


    color: #313131;


    font-size: 29px;


    display: block;


    float: left;


    line-height: 112px;


    margin-left: 42px;


}


.mores:hover {


    background: #d9e1f2


}


.box h5 {


    background: none!important;


}


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


	body{


		width: 100%;


	}


	.box {


    width: 100%;


    display: flex;


    flex-wrap: wrap;


    justify-content: space-around;


}


	.box-dt {


    width: 22%;


    height: 17vh;


    margin: 15px 1.5%;


    border-radius: 10px;


    box-shadow: 0px 4px 4px 0px rgba(33, 29, 30, 0.4);


}


	.box-dt img {


    width: 100%;


    margin: 7px auto;


}


	.box-dt h3,.box-dt h4,.box-dt h5 {


        font-size: 20px;


    margin-top: -15px;


}


	.mores img {


    width: 30%;


	height: auto;


    margin-left: 3vw;


	margin-top: 3vw;


}


	.mores {


    margin-top: 3vh;


    margin-right: 0px;


    width: 44vw;


    height: 19vw;


    box-shadow: 0px 4px 4px 0px rgba(33, 29, 30, 0.4);


}


	.mores span {


    font-size: 40px;


    display: block;


    line-height: 0;


    margin-left: 35px;


    margin-top: 70px;


}


}


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


	.box-dt h3, .box-dt h4, .box-dt h5 {


    font-size: 14px;


    margin-top: 0px;


}


	.mores {


    margin-top: 2.5vh;


	}


	.mores span {


    font-size: 24px;


    margin-left: 83px;


    margin-top: -26px;


}


	.box-dt img {


    width: 80%;


    margin: 7px auto;


}


	.box-dt h3, .box-dt h4, .box-dt h5 {


    font-size: 12px;


    margin-top: -6px;


    line-height: 12px;


}


	.box-dt {


    width: 18%;


    height: 11.5vh;


	}


}


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


	.box-dt h3, .box-dt h4, .box-dt h5 {


    line-height: 14px;


}


	.box-dt {


    height: 12.5vh;


	}


	.mores {


    margin-top: 3.5vh;


}


	.mores span {


    font-size: 24px;


    margin-left: 74px;


    margin-top: -22px;


}


}


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


	.box-dt {


    height: 14vh;


	}


	.mores span {


    font-size: 18px;


    margin-left: 64px;


    margin-top: -17px;


}


	.mores {


    margin-top: 4.5vh;


}


}


.mobile-kf{display:none!important}