@charset "utf-8";
/* CSS Document */
ul,li{ list-style: none}a{ cursor: pointer}
a:hover{text-decoration: none}
iframe{ border: none}
button,input{ border:none }
a:not([href]):not([tabindex]) {color: #fff;text-decoration: none;}
.ban-box{ overflow: hidden; width: 60%;margin: 0 auto;}
.ban{ width: 100%; height: auto; padding: 0rem 0 3rem; background: url(../imgs/ban-bac.jpg) no-repeat center center;background-size: cover;}
.ban-img{ width:40%; margin: 0 auto;}
.ban-img img{max-width: 100%; min-width: 100%}
.ban-img p{ font-size:1.4rem; color: #fff; text-align: center; margin-top: 0px; margin-bottom: 0px; }
.ban-box{ margin-top: 25px}
.ban-box li{ float: left; width:25%; border-right: 1px dashed #bbbbbb; }
.ban-box li img{width: 3rem;display: block; margin: 0 auto;}
.ban-box li p {font-size: 17px;color: #fff;text-align: center; width: 92%; margin: 10px auto 0; line-height: 20px;}
.ban-box li p span {color: #ffc432;font-weight: bold;}
.ban-box li:last-child{ border-right: none}

/***********嘉宾************/
.ls{ margin-top: 1.5rem}
.title{ margin-bottom: 1rem}
.title h3 {font-size: 36px;color: #333;font-weight: bold;margin-top: -5px;text-align: center;}
.title h3 span,.title p span{color: #f0ab00}
.title p {font-size: 16px;color: #5f5f5f;line-height: 20px;margin-top: 5px;text-align: center;}
.ls .row{ margin-left:  0px; margin-right: 0;}
.ls-con:nth-child(1n){ padding-left: 0px;padding-right:10px}
.ls-con:nth-child(2n){ padding-left: 10px;padding-right:0px}
.ls-box{ background: #efefef;padding: 1.25rem 0; margin-bottom: 20px}
.ls-box img{max-width: 100%; min-width: 100%}
.ls-box p{ font-size: 1.4rem; color:#333;margin-bottom: 0.2rem; margin-top:0.5rem;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:1;overflow: hidden;  }
.ls-box p span{ font-size: 1rem; color:#333; margin-left:0.8rem;}
.ls-box i{ font-style: normal; font-size: 1rem; color:#333; line-height: 1.4rem; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:1;overflow: hidden; margin-bottom: 0.2rem}
.ls-box .col-lg-8{ padding-left: 0}
.ls-box a{ display: block; width:50%; height: 2.5rem; line-height: 2.5rem; background: #c70f12;color: #fff; font-size: 1.1rem; text-align: center; border-radius:5px; margin-top: 0.4rem  }

.ys{background: #f5f5f5; padding:2.5rem 0;}

/********************好礼相送*********************/
.lw,.bd{background: #c70f12; padding:2.5rem 0;}
.lw .title h3,.lw .title p,.bd .title h3,.bd .title p{color: #fff}
.ys-box{ background: #e4e4e4;padding-top: 0.5rem; padding-bottom: 0.5rem}
.ys-box img{ width: auto; height: auto; display: block; margin: 0 auto;}
.ys-p{ font-size: 1.2rem; color: #333; text-align: center; margin-bottom: 0.5rem;}
.ys-p2{ font-size: 1rem; color: #333;text-align: center;height: 60px}
.ys-padding,.ys-box{padding-left: 5px; padding-right: 5px;}
.lw-box{ margin-top: 2rem}
.lw-box div{ width: 90%; margin: 0 auto;}
.lw-box div img{ max-width: 100%; min-width: 100%;}
.lw-box p{ font-size: 1rem;text-align: center;color: #fff}
.lw-con{border: 1px dashed #fb9394; padding: 1.5rem 0}
.lw-con p{color: #fff;font-size: 23px;margin-bottom: 26px;margin-left: 25px;}
.lw-con a{ display: block; width: 60%;height: 48px;line-height: 48px;font-size: 20px;color: #fff;text-align: center;border-radius: 10px;border: 1px solid #fff;margin-left: 25px;}
.lw-con p span {color: #fcdc05;}

/************学校*****************/
.sc{ margin-top: 2.5rem}
.sc-img{ position: relative; margin-bottom: 25px}
.sc-img img{max-width: 100%; min-width: 100%}
.sc-xq {position: absolute;bottom: 10px;left: 7%;width: 86%;text-align: center;background-color: rgba(255, 255, 255, 0.9);}
.sc-xq h6 {font-size: 18px;color: #000;margin-top: 12px; margin-bottom: 0}
.sc-xq p {font-size: 16px;color: #585858; margin-bottom: 0.5rem}
.sc-box {height:30rem;overflow: hidden;overflow-y: auto;}
::-webkit-scrollbar {width:5px;background-color: #e4e4e4;border-radius:5px;}
::-webkit-scrollbar-track {border-radius:10px;}
::-webkit-scrollbar-thumb {border-radius:6px;background:#b9b9b9;}
.sc .nav{ width: 56%; margin: 0 auto 25px;}
.sc .nav-pills .nav-link.active{color: #fff;background-color: #c70f12;}
.sc .nav-pills .nav-link {border-radius: .25rem; border: 1px solid #c70f12; color:#000; font-size: 20px; text-align: center }
.sc .nav-item{ width:30%; margin: 0 1.5%; }

.hg{ margin-top: 2.5rem;}
.hg .carousel-inner img {width: 100%;height: 100%;}
.hg .carousel-control-prev-icon {background-image: url(../imgs/btnl.png);}
.hg .carousel-control-next-icon {background-image:  url(../imgs/btnr.png);}
.hg .carousel-control-next-icon, .hg .carousel-control-prev-icon {display: inline-block;width: 35px;height: 35px;}
.ad {width: 100%;height: auto;background: url(../imgs/ad-bac.jpg) no-repeat center center;margin: 30px 0 0; padding-top: 20px; padding-bottom: 20px}
.ad-con{ overflow: hidden}
.ad-con p { float: left;font-size: 52px;color: #fff;font-weight: bold;font-style: italic;text-shadow: 0px 2px 2px #124d94;line-height: 52px;letter-spacing: 1px; margin-bottom: 0px;}
.ad-con a { float: right;display: block;width:80%;height: 52px;line-height: 52px;background: #fffc14;color: #222222;font-size: 21px;text-align: center;border-radius: 10px;}
.yd_pic{ display: none;}

.fixed {position: fixed;left: 0;bottom: 0;width: 100%;overflow: hidden;z-index: 99999; display: none}
.fixed_a1 {display: inline-block;width: 50%;float: left;background: #c70f12;font-size: 1.3rem;color: #fff;height: 3rem;line-height: 3rem;text-align: center}
.fixed_a2 {display: inline-block;width: 50%;float: left;background: #fcff00;font-size: 1.3rem;color: #020202;height: 3rem;line-height: 3rem;text-align: center}
.bd-title{ font-size: 28px;font-weight: bold;color: #f6ff01;font-style: italic;text-align: left;line-height: 30px;}
.bd-title span{font-size: 20px;font-weight: normal;color: #fff;font-style: normal;}
.bd-name input{width: 100%;height: 50px;line-height: 50px;background: #fff;border-radius: 25px;color: #666;font-size: 16px;padding-left: 10%;margin-top: 6px}
.bd-btn button{width: 100%;height: 50px;line-height:50px;background: #fffc03;border-radius: 25px;color: #222;font-size: 18px; margin-top: 6px}
.bd-name,.bd-btn{ padding-right: 0px;}
.ls-box a:hover{ background: #ffc432; color: #fff}
.lw-ad img{ max-width: 100%; min-width: 100%}



@media screen and (max-width: 1024px) {
	.ban-img,.ban-box{ width: 60%;}
	.sc .nav{ width: 70%}
	.ad-con p{font-size: 40px;line-height: 40px;}
	.ad-con a{ width:100%;}	
}
@media screen and (max-width: 990px) {
	.fixed{ display: block}
	.ls-box a{ width: 82%}
}
@media screen and (max-width: 768px) {
	.ban-img,.ban-box{ width: 85%;}
	.ls-box a{width: 70%}
	.ys-padding{ margin-bottom: 15px}
	.sc .nav{ width: 86%}
	.lw .lw-con p{ margin-bottom: 15px;}
	.bd-title{ display: none}
}

@media screen and (max-width: 767px) {
	.ban-img,.ban-box{ width: 92%;}
	.ban-img p{ font-size: 1.1rem}
	.ls-con:nth-child(1n) {padding-left: 0px;padding-right: 0px;}
	.ls-box a{ width: 80%}
	.ls-box .ls-img{ padding-left: 5px; padding-right: 0px}
	.ls-box .ls-xq{padding-left: 5px; padding-right: 5px}
	.lw .lw-box{ padding-left: 5px; padding-right: 5px}
	.lw .lw-con a{ width: 80%;margin-left: 10px;}
	.lw .lw-con p{ margin-bottom: 5px;font-size: 20px;margin-left: 10px;}
	.title h3{ font-size: 28px}
	.sc .nav{ width: 100%}
	.sc .nav-pills .nav-link{padding: 0.35rem 0.3rem; font-size: 16px;}
	.sc .sc-padding{padding-left: 5px; padding-right: 5px}
	.sc-xq h6{font-size: 14px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap; margin-top: 8px}
	.sc-xq p{font-size: 12px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
	.sc-xq {bottom: 5px;left: 5%;width: 90%;}
	.ad-con p{font-size: 22px;line-height:30px; text-align: center; float: none; font-weight: normal}
	.ad-con a{ width:60%; float: none; margin: 0 auto; line-height:42px; height: 42px; margin-top: 15px }
	.ad-con .col-12{ padding-left: 0; padding-right: 0}
	.ys,.bd{padding: 1.5rem 0;}
	.sc {margin-top: 1.5rem;}
	.title p{ margin-bottom: 10px;}
	.bd-name,.bd-btn{ padding-right:15px; margin-bottom: 15px;}
	.bd-name input,.bd-btn button{ display: block; width: 80%; margin: 0 auto;}
	.lw-con a{ margin-top: 10px}
	.yd_pic{ display: block;}
	.pc_pic{ display: none;}
	
}




















