/* CSS Document */
@charset "utf-8";
*{font-size:14px; font-family: "Noto Sans SC" ;margin: 0;padding: 0;color: #4a4a4a; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
html{font-size: 62.5%;}
body{ background: #3277de;}
div, form, img, ul, ol, li, dl, dt, dd{margin: 0;padding: 0;border: 0;}
ul, li{list-style-type:none;}
a{text-decoration: none;}
a:focus {
outline:none;
-moz-outline:none;
}
a:hover{color:#F00;text-decoration: none;}
img{border: none;display: block;}
h1,h2,h3,h4,h5,h6{font-weight: normal;margin:0;padding:0;}
b, strong{font-weight: 700;}



.fanhui{ padding: 0 10px; background: #fff; width: 100%;}
.fanhui a{ max-width: 1200px; margin: 0 auto; display: block; text-align: left; line-height: 2; color: #999;}
.fanhui a:hover{ color: #FF0000;}
.banner img{ width: 100%; display: block;}


.main{ width: 100%; max-width: 1200px; margin: 0 auto;}
.Title{ padding-top: 20px; text-align: center;}
.Title h2 img{ display: inline-block; width: 33px;}
.Title h2 p{ display: inline-block; padding: 0 10px; font-size: 24px; color: #fff; text-align: center;}
.Title h2:after{ display: block; content: ""; border-bottom: 2px solid #fff; width: 50px; padding-top: 10px; margin: 0 auto;}
.Title p{ padding: 20px 10px 0 10px; color: #fff; font-size: 16px;}

.info_box{ padding: 10px; margin: 10px auto; max-width: 1200px;}
.info{ background: rgba(0,0,0,0.2); padding: 10px 10px 0 10px; border-radius: 10px;}
.info:after{ content: ""; display: block; clear: both;}

.info li{ background: #fff; border-radius: 10px; padding-left: 130px; position: relative; overflow: hidden; min-height: 110px; width: 32.66666%; margin-right: 1%; margin-bottom: 10px; float: left;}
.info li img{ width: 120px; height: 120px; object-fit: cover; position: absolute; left: 0; top: 0;}
.info li:nth-child(3n){ margin-right: 0;}
.info1 li{ width: 49.5%; min-height: 134px;}
.info1 li img{ width: 120px; height: 140px; object-fit: cover; position: absolute; left: 0; top: 0;}
.info1 li:nth-child(3n){ margin-right: 1%;}
.info1 li:nth-child(2n){ margin-right: 0;}
.info2 li{ width: 100%; min-height: 134px; margin-right: 0%;}
.info2 li img{ width: 120px; height: 140px; object-fit: cover; position: absolute; left: 0; top: 0;}

.name{ padding-top: 5px; font-size: 16px; font-weight: bold; padding-right: 10px;}
.title{ padding-top: 5px; font-size: 12px; color: #ff6600; padding-right: 10px;}
.tips{ padding: 5px 0; font-size: 16px; color: #FF0000; padding-right: 10px;}


@media only screen and (min-width: 0px) and (max-width: 414px) {
.info li{ background: #fff; border-radius: 10px; padding-left: 130px; position: relative; overflow: hidden; min-height: 100px; width: 100%; margin-right: 0%; float: left;}
.info li:nth-child(2n){ margin-right: 0;}
}
@media only screen and (min-width: 415px) and (max-width: 767px) {
.info li{ background: #fff; border-radius: 10px; padding-left: 130px; position: relative; overflow: hidden; min-height: 100px; width: 49%; margin-right: 2%; float: left;}
.info li:nth-child(2n){ margin-right: 0;}
}