/*轮播图*/
html, body {position: relative;height: 100%;overflow-x: hidden;}
body {font-family: Helvetica Neue, Helvetica, Arial, sans-serif;font-size: 14px;color:#000;margin: 0;padding: 0;}
.swiper-container {width: 100%;height: 450px;top: 0px;}
.swiper-container img{width: 100%;height: 100%;object-fit: cover;overflow-x: hidden;}
.swiper-slide {text-align: center;font-size: 18px;background: #fff; display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;/*-webkit-align-items: center;align-items: center;*/
}
@media (max-width: 768px) { 
	.swiper-container{height: 260px;}
	.videoA,.abstractTs{display: none;}
}
/*模块*/
.moudleOne p{color: #121e6c;font-size: 40px;font-weight: bold;}
.moudleOne span{font-size: 16px; color: #333;}
.boxModule{padding: 40px 0;margin-top: -18px;}
@media (max-width: 525px) { 
	.moudleOne p{font-size: 22px;}
	.moudleOne span{font-size: 14px; }
}
@media screen and (min-width:525px) and (max-width:768px){
 	.moudleOne p{font-size: 28px;}
	.moudleOne span{font-size: 15px; }
}
/*简介*/
.abstractT{margin: 84px 0 18px 0;color: #0177f6;font-size: 24px; border-left: 4px solid #0177f6; padding-left: 10px;}
.videoA video{width: 85%;}
.exampleList li span{margin-right: 12px;color: #ccc;}
.list-group-item{border: 0 none;  border-bottom: 1px dashed #e5e5e5 ;margin-bottom: 0; z-index: 999;}
@media (max-width: 768px){
	.abstractT {font-size: 18px; margin: 10px 0 10px 0; z-index: 999; }
	.videoA video{width: 100%;}
	.list-group-item{padding: 10px 8px;white-space:nowrap; text-overflow:ellipsis;-o-text-overflow:ellipsis; overflow: hidden; }
}
/*为你推荐*/
.recommendTitle{text-align: center;font-size: 28px;color: #333;margin: 0 auto;padding: 50px 0;}
.recommendTitle>span{font-size: 12px;color: #7c7c7c;}
@media (max-width: 768px){
	.recommendTitle{padding: 5px 0;font-size: 28px;}
	.recommendTitle p:nth-child(1){margin-top: 40px;}
}
/*交广课程*/
.courseClassify{text-align: center;margin-bottom: 20px;}
.courseSel{width: 100px; height: 32px;cursor: pointer;line-height: 32px;display: inline-block; margin-right: 10px;border: 1px solid #ccc;}
.courseSel a{color: #666;}
.courseSel:hover{background: #0177f6;border: 1px solid #0177f6;}
.courseSelHover{background: #0177f6;border: 1px solid #0177f6;}
/*等分5份*/
.col-5{padding: 15px 0;box-shadow: 0 0 10px #d7d7d7;margin: 12px 1% 0 1%; }
@media (min-width: 768px){
	.col-5{width: 18% ;}
}
@media (min-width: 625px) and (max-width: 768px) { 
	.col-5{width: 31.3% !important;} 
}
@media (max-width: 625px) { 
	.col-5{width: 48%;} 
}
.courseOIn{width: 90%; margin: 0 auto;}
.courseOne img{width: 100%; text-align: center;}
.courseTitle{ white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden;padding: 24px 0  15px 0;border-bottom: 1px dashed #ccc;  margin-bottom: 10px;}
.courseBottom{color: #007AFF;}
.courseOnes{display: none;}
.courseClassify{display: block !important; }
.planTotalUl,.planTotalUlNum,.planUlFonts{width: 100%;margin: 15px 0;}
.planOneImg,.planOneNum,.planOneFonts{width:13.5% ;text-align: center;}
.planOneNum span{display: inline-block; width: 30px;height: 30px;text-align: center;line-height: 30px;color: #fff;background: #0177F6;font-weight: bold;font-size: 16px;}
.planOneFonts span{color: #0177F6;}
.lineDiv{border-bottom: 1px solid #0177F6;}
@media only screen and (max-width:1200px ) {
	.dingzhiTitle,.palnTotal{display: none;}
}
/*为什么选择交广*/
.chooseWrap{padding: 45px;background: #fff;}
.chooseBox{background:#fff;padding: 20px;}
.choosrTitle{   color: #333;font-size: 28px;padding: 20px 0;text-align: center;}
.choosrTitle a{color: #333;}
.choosrTitle p{font-size: 12px; color: #7c7c7c; padding:10px 0; }
.choosrTitle span{padding: 15px 0;}
/*导航*/
.chooseNav{margin-top: 15px;}
.chooseNav ul{font-size: 0;border-bottom: 2px solid #0177F6;width: 100%;}
.chooseNav ul li:nth-child(1) p{color:#fff;}
.chooseNav ul li{display: inline-block;text-align: center;font-size: 20px; padding: 15px 0;border-right: 1px solid #ddd;width: 20%;}
.chooseNav ul li:nth-child(5){border-right: 0;}
.chooseNav li img{margin-bottom: 5px;}
.chooseLeft{position: relative;}
.chooseLeft img{width: 100%;}
.newTitle {width: 92%; position: absolute;left: 15px;bottom: -10px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;color: #FFF;font-size: 14px;height: 35px;line-height: 35px;background: rgba(0,0,0,.6);padding-left: 5px;}
.chooseNavActive{background: #0177F6;transition: all .4s;}
.chooseRight{border: 1px solid #ddd;overflow: hidden;position: relative;padding:15px; }
.chooseRLeft{width: 70%;float: left;}
.chooseRLeft h3{height: 26px; overflow: hidden;text-overflow:ellipsis;white-space: nowrap; }
.chooseRLeft>p{margin: 20px 0 10px;color: #555;line-height: 24px ;height: 120px;}
.chooseRRight{width: 30%; float: right;}
.chooseRRight img{width: 90%;}
.More{height: 30px;}
.moreLeft{float: left; font-weight: bold;}
.moreRight{float: right;}
.moreRight a{ padding: 1px 22px; border: 1px solid #f60; color: #f60;border-radius: 16px;}
.moreRight a:hover{background: #f60;color: #fff;}
.RightBottom span{color: #f60;margin: 0 10px;font-size: 20px;font-weight: bold;height: 28px;}
.detailLis{height: 208px;}
.detailLis li {list-style: inside;height: 27px;line-height:27px;}
.detailLis li a{color:#f60; padding-left:10px ;}
.detailLis li a:hover{color: #fff; padding: 0px 10px ;background: #f60;border-radius: 16px;}
.chooseOne{display: none;}
.chooseContent{margin-top: 18px;}
.detailLis li{display: block;}
.RightBottom {position: absolute;bottom: 0;}
@media only screen and (max-width: 992px) {
	.chooseNav ul li{font-size: 16px;}
	.chooseLeft{display: none;}
	.chooseRight{width: 98%;}
}
@media only screen and (max-width:768px ) {
	.chooseNav ul li{width: 48%;}
	.chooseRLeft{width: 100%;}
	.chooseRRight img{display: none;}
	.chooseRLeft>p{}
	.newsNav li{margin-top: 10px;padding: 8px 10px !important;}
	.chooseWrap{padding: 2px;}
	.chooseRLeft>p{height: auto;margin: 20px 0 36px;}
	.moreRight a{display: none;}
	.userOne p{font-size: 20px !important;height: 45px !important;line-height: 45px !important;}
	.nowSplce{padding: 0 8px !important;}
}
@media only screen and (max-width:500px ) {
	.newsImgOne{width: 98%;}
}
@media only screen and (max-width:400px ) {
	.fourCutOne img{width: 30px;height: 30px;}
	.fourCutOne dl dd{margin-left: 8px !important;}
}
/*最新资讯*/
.newsTitle{overflow: hidden;margin:25px 0;text-align: center;}
.newsTitle p:nth-child(1){ font-size:28px;color: #2f2e2e;padding-left: 5px;}
.newsTitle p:nth-child(2){margin-top: 20px;color: #7c7c7c;}
.newsTitle p:nth-child(2) a{color: #1b7cb1;}
.newsNav{margin:24px 0;}
.newsNav li{padding: 8px 14px; background: #0177F6;margin-right: 15px;color: #fff;cursor: pointer;display: inline-block;}
.newsOne{border-bottom: 1px dotted #ccc;padding: 20px 0;}
.newsOne>div:nth-child(2){padding-left: 7%;}
.dateSmall{color: #4a4a4a;font-size: 30px;font-family: arial;}
.dateBig{color: #767676;font-size: 15px;font-family: arial;margin-top: -12px;}
.newsRightTitle{color: #333333; font-size: 18px; overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.newsContent{height: 73px; color: #7c7c7c;font-size: 14px; margin-top: 15px;line-height: 26px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
/*右侧*/
.newsImgOne{position: relative;width: 80%;margin:  10px auto 0;}
.newsImgOne img{width: 100%;height: 264px;object-fit: cover;}
.newsImgOne p{width: 100%; height: 40px;line-height: 40px; position: absolute;left: 0;bottom: 0;background: rgba(0,0,0,.7);color: #fff;padding-left: 12px;}
.newsSort{display: none;}
.newsNav li:nth-child(1){background: #0d4b9f;}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
	.newsContent{-webkit-line-clamp: 2;height: 50px;}
	.newsImgOne img{width: 108%;height: 242px;}
	.newsImgOne p{width: 108%;}
	.newsOne>div:nth-child(2){padding-left: 10%;}
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
	.newsNav li{margin-right: 3px;}
	.newsOne{padding: 10px 0;}
	.newsContent{-webkit-line-clamp: 2;height: 50px;}
	.newsImgOne img{width: 120%;height: 210px;}
	.newsImgOne p{width: 120%;}
	.newsOne>div:nth-child(2){padding-left: 10%;}
}
.newsWrap{padding-bottom: 40px;background: #fff}
.dateBig,.dateSmall{word-break: normal !important;word-wrap: normal !important;}
.imgsRight{width: 41.6%;}

/*现场活动图*/
.nowSplce img{width: 100%;height: 170px; margin-top: 15px;object-fit: cover;}
/*交广客户*/
.userOne{position: relative;}
.userOne img{width: 100%;}
.userOne p{width: 100%; height: 60px;line-height: 60px;position: absolute;bottom: 0;left:0; background: rgba(0,0,0,.6);color: #fff; font-size: 24px;padding-left: 8px;}
.shadeImg{position: absolute;top: 0;opacity: .8;display: none;}
.shadeImg:hover{left: 0;}
/*友情链接*/
.friendLink .row{margin:18px 0px;}
.friendLink p{display: inline-block;}
.friendLink li {margin: 0 16px 0 16px;}
.friendLink li a:hover{color: #009FC6;}
/*四个分割*/
.fourCut{background: #f5f5f5;padding: 20px 0;}
.fourCutOne{border-right: 1px solid #dcdcdc;}
.fourCutOne  img{vertical-align: middle;}
.fourCutOne dl{display: flex;justify-content: center; align-items: center;height: 100px;}
.fourCutOne dl dt{display: inline-block;}
.fourCutOne dl dd{display: inline-block;margin-left: 20px;}
.fourCutOne dl dd p{color: #333;}
.fourCutOne dl dd p:nth-child(1){font-size: 18px;}
.fourCutOne dl dd p:nth-child(2){font-size: 12px;}