@charset "utf-8";
@media screen and (max-width: 1500px) and (min-width: 1400px) {

.adv_con li p span {font-size: 1.1rem !important;line-height: 1.2rem;    padding-top: 10px;}
.adv_con li p i {margin-top: 12px;}
.adv_txt p {font-size: 14px !important;.adv_txt p}

}
.adv_con li:nth-child(1) .adv_txt {padding: 0 14px;}
.adv_con li:nth-child(1) .adv_txt p {font-size: 14px;line-height: 25px;height:auto;}
.adv_con li:nth-child(1) .adv_txt a {    margin-top: 32px;}

@media screen and (max-width: 1399px) and (min-width: 1299px) {

.adv_con li p span {font-size:  1.1rem !important;line-height: 1.2rem; padding-top: 10px;}
.adv_con li p i {margin-top: 12px;}
}

.adv {overflow: hidden; padding-top:80px;}
.adv_box {width: 86.4%;margin: 0 auto;}
.adv_tit {text-align: center;}
.adv_tit span {font-size: 36px;color: #333333;line-height: 40px;position: relative; font-weight:bold;}

.adv_tit p {font-size: 18px;line-height: 20px; padding-top: 25px;}
.adv_con {margin-top: 80px;overflow: hidden;}
.adv_con ul {display: flex;}
.adv_con li {width: 24%;height: 100%; overflow: hidden;transition: 0.5s;position: relative; border: 1px solid #f8f8f8; box-shadow: 0px 0 20px #eee; }
.adv_con li.on p i {background:#ff7c7c;transition:0.5s;}
.adv_con li.on:after {height: 100%;transition: 0.5s;}
.adv_con li:after {content:'';width: 100%;height: 0;background: #398939;transition: 0.5s;position: absolute;bottom:0;left: 0;}
.adv_con li.on .adv_txt {opacity: 1;transition: 0.5s;}
.adv_con li>p {font-size: 21px;line-height: 30px;display: flex;flex-direction: column;padding: 50px;position: relative; z-index: 5; font-weight:bold;}
.adv_con li.on p {color:#fff;transition: 0.5s;}
.adv_con li p span {font-size: 15px;color: #ccc;text-transform: uppercase;font-family: Arial;}
.adv_con li p i {width: 10px;height: 2px;background: #398939;}
.adv_con li em {width: 100%;height: auto;}
.adv_con li em img { width: 100%;}
.adv_txt {opacity: 0;position: absolute;bottom: 0;left: 0;transition: 0.5s; padding: 30px 50px; height: 16.4rem;width: 100%;z-index:5;}
.adv_txt p {font-size: 15px;    color: #fff;line-height: 30px;height:100px;}
.adv_txt a {width: 125px;height: 44px;background: #fff;border-radius: 40px;font-size: 14px;text-align: center;line-height: 44px;display: inline-block;text-transform: uppercase;margin-top: 50px;}

.title{text-align:center;}
.title p{font-size:40px;color:#e80014;line-height:50px; font-weight: bold;}
.title em{margin-top:12px;font-size:18px;color:#666;line-height:40px;}
.top_all{ font-size:14px; color:#fff; min-width: 1400px; height:40px; line-height:40px; background:#333;position:relative;}
.top_all:after{ content:''; display:block; position:absolute; right:0; top:0; z-index:1; background:#398939; width:390px; height:50px; border-bottom-left-radius:80px;}
.top_r li {display: block; float: left;margin-right: 15px;}
.top_r li span {width: 26px;height:18px;margin-top:12px;float: left; border:1px solid #fff;}
.top_r li a {display: block;float: left;text-align: center;color: #fff;line-height: 40px;font-size: 14px;margin-left: 10px;}
.top_r li a:hover {color: #fff;}
.top_r{z-index:2;position:relative; font-size:16px; color:rgba(255,255,255,0.7); height:48px; display: flex; align-items: center;}
.fl {float: left}
.fr {float: right}