html,body{background: #f2f2f3;}
/*为你推荐*/
.recommended{margin-top: 20px;}
.recomContent{background: #fff;padding:30px;}
.recomContent p{display: inline-block;font-size: 20px;}
.recomContent .recomTitle {height: 40px;line-height: 40px;border-bottom: 1px solid #ddd;display: block;}
.reconHref{margin-left: -65px;}
@media (max-width: 992px) {
.reconHref{margin-left: 0px;}
}
.recomContent .recomTitle ul li{margin-left: 20px;}
.recomContent .recomTitle ul li:before{content: "●"; color: #c81111;}
.recomContent .recomTitle p span{display: inline-block;height: 40px;line-height: 40px;border-bottom: 2px solid #019eb1;color: #019eb1;margin: 0 12px 0 -20px;}
.reconImg ul li {width: 15%;margin: 10px 0 0 1%;}
.reconImg ul li img{width: 100%;}
@media (max-width: 768px) {
.reconImg ul li{width: 30%;}
}
/*高层管理*/
.managerWrap{margin-top: 20px;}
.managerBox{background: #fff;padding: 20px;}
.managerLeft{width: 18%;}
.managerLeft img{width: 100%;}
.managerIn{position: relative;border-top: 2px solid #019eb1;}
.managerRight{width: 82%;}
.managTltleChange {display: block !important; }
.managerRight ul:nth-child(1){position: absolute;left: 8%;top: 90px;}
.managerRight ul:nth-child(1) li{display: block;height: 34px;line-height: 34px;background: #1e6fb6;margin-bottom: 10px;padding: 0 15px; }
/*.managerFirstActive{background:#cee6eb; color: #1E6FB6;}*/
.managerRight ul:nth-child(1) li a{color: #fff;}
.managerThreeOne>img,.managerThreeTwo>img,.managerThreeThree>img{width: 21.95%;}
.managerInfo{width: 77%; }
.managerInfo li{width: 49.6%;border: 1px solid #ddd;position: relative;height: 137px;padding: 15px;float: left;}
.managerInfo li a{display: block;font-size: 14px;color: #019EB1; overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.managerInfo li a:before{content: "● ";color: #019eb1;}
.managerInfo img{position: absolute;right: 10px;
bottom: 10px;width: 76px;}
.managerThreeOne,.managerThreeTwo,.managerThreeThree{display: none;}
@media screen and (min-width:992px) and (max-width:1200px){
.managerLeft{width: 20%;}
.managerRight{width: 80%;}
.managerRight>img{width: 24.95%;}
.managerInfo{width: 75%;}
.managerInfo li{height: 125px;}
}
@media screen and (max-width:992px) {
.managerInfo{width: 100%;}
.managerInfo{width: 100%;}
.managerRight>img{display: none;}
.managerLeft>img{display: none;}
.managerRight ul:nth-child(1){left: 1%;top: 10px;}
.managerRight ul:nth-child(1) li{display: inline-block;}
.managerInfo{margin-top: 50px;}
.managerRight{width: 100%;}
}
@media screen and (max-width:768px) {
.managerInfo li{width: 100%;}
.managerThreeOne>img, .managerThreeTwo>img, .managerThreeThree>img{display:none}
}
@media screen and (max-width:330px) {
.managerRight ul:nth-child(1) li{font-size: 14px;}
}
/*交广国际管理咨询荣誉资质*/
.honorWrap{text-align: center;margin-top: 30px;}
.honorBox{background: #fff;padding: 20px;}
.honorBox p{font-size: 26px;color: #019EB1 ;border-bottom: 1px solid #ddd;}
.honorBox p span{border-bottom: 2px solid #019eb1;padding-bottom: 5px;}
.honorImg{margin: 30px;}
.honorImg img{width: 12%;}
@media (max-width: 768px) {
.honorImg img{width: 18%;}
}
/*行业定制解决方案*/
.fanganWrap{margin-top: 20px;}
.fanganBox{background: #fff;padding: 20px;}
.fanganBox .fanganIn ul li{text-align: center;border: 1px solid #f2f2f2;border-radius: 8px;height: 45px;line-height: 45px;margin: 20px 1%;}
.fanganBox .fanganIn ul li a:hover{color:#000;}
.fanganBox .fanganIn ul li i.iconFangan{display: inline-block; width: 40px;height: 35px;background: url(../../img/icon.png) no-repeat;overflow: hidden;vertical-align: middle;}
.fanganBox .fanganIn ul li span {margin: 5px 0 0 14px;}
.fanganBox .fanganIn ul li:nth-child(1) i.iconFangan{background-position: -30px -455px;}
.fanganBox .fanganIn ul li:nth-child(2) i.iconFangan{background-position: -30px -490px;}
.fanganBox .fanganIn ul li:nth-child(3) i.iconFangan{background-position: -30px -525px;}
.fanganBox .fanganIn ul li:nth-child(4) i.iconFangan{background-position: -30px -560px;}
.fanganBox .fanganIn ul li:nth-child(5) i.iconFangan{background-position: -30px -595px;}
.fanganBox .fanganIn ul li:nth-child(6) i.iconFangan{background-position: -30px -630px;}
.fanganBox .fanganIn ul li:nth-child(7) i.iconFangan{background-position: -30px -665px;}
.fanganBox .fanganIn ul li:nth-child(8) i.iconFangan{background-position: -30px -700px;}
.fanganBox .fanganIn ul li:nth-child(9) i.iconFangan{background-position: -30px -735px;}
.fanganBox .fanganIn ul li:nth-child(10) i.iconFangan{background-position: -30px -770px;}
.fanganBox .fanganIn ul li:nth-child(11) i.iconFangan{background-position: -30px -805px;}
.fanganBox .fanganIn ul li:nth-child(12) i.iconFangan{background-position: -30px -840px;}
.fanganBox .fanganIn ul li:nth-child(13) i.iconFangan{background-position: -30px -875px;}
.fanganBox .fanganIn ul{width: 100%;}
@media (min-width: 992px) {
.fanganBox .fanganIn ul>li{
width: 18%;
}
}
@media screen and (min-width:768px) and (max-width:992px){
.fanganBox .fanganIn ul>li{
width: 30%;
}
}
@media (max-width: 768px) {
.fanganBox .fanganIn ul>li{
width: 48%;
}
}
/*为什么选择交广*/
.tenReasonIn{background: #fff;padding: 20px;margin-top: 20px;}
.tenReason .tenReasonIn .caseIn div{margin: 20px 0;}
.tenTitle{font-size: 20px;border-bottom: 1px solid #ddd;margin-bottom: 12px;}
.tenTitle span:nth-child(1){color: #019EB1; border-bottom: 2px solid #019EB1;padding-bottom: 4px;}
.tenTitle span:nth-child(2){font-size: 14px;margin-left: 5px;}
.tenTitle span:nth-child(2) i{color: #c81111;}
i.iconSpirt{display: inline-block; width: 40px;height: 35px; background: url(../../img/icon.png) no-repeat;overflow: hidden;margin: 0 auto;}
i.iOne{background-position: -38px -315px;}
i.iTwo{background-position: -38px -280px;}
i.iThree{background-position: -38px -140px;}
i.iFour{background-position: -38px -105px;}
i.iFive{background-position: -38px -175px;}
i.iSix{background-position: -38px -245px;}
i.iSeven{background-position: -38px -70px;}
i.iEight{background-position: -38px 0;}
i.iNine{background-position:-38px -210px;}
i.iTen{background-position: -38px -35px;}
i.tenI{background-position: 0 -315px;vertical-align: middle;}
.tenReasonActive{border: 1px solid #ddd;box-shadow: 0 0 10px #d7d7d7;}
.tenReason{margin-bottom: 20px;}
.tenReasonIn .row>div{text-align: center;padding: 10px;border: 1px solid #fff;}
.tenReasonIn .row>div p:nth-child(2){margin: 5px 0;}
.tenReasonIn .row>div p:nth-child(3){width:100%;white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden; color: #808080;}
@media (min-width: 992px) {
.tenReasonIn .row>div{width: 20%;}
}
/*交广动态*/
.trendsWrap{margin-top: 20px;}
.trendsBox{background: #fff;padding: 20px;}
.trendsIn dl {margin: 25px 30px;}
.trendsIn dl dt{display: inline-block;vertical-align: middle;margin-right: 20px;}
.trendsIn dl dd{display: inline-block;vertical-align: middle;}
.trendsIn dl dd p{cursor: pointer;}
.trendsTitle {border-right: 1px solid #ddd;}
.trendsTitleActive{color: #C81111;}
.trendsContent {background: #658fc9;border-radius: 5px;padding: 20px 25px;}
.trendsContent ul li img{width: 70%;}
.trendsContent ul li{background: #c1d2e9; width: 22.5%;text-align: center;padding: 10px 8px;margin-right: 1%;}
.trendsContent ul li p{margin: 27px 0 20px 14px;color: #fff;font-size: 14px;height: 45px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.trendsContent ul li a{display: block;text-align: right;color: #fff;font-size: 14px;}
.trendsUL{display: none;}
.trendsUL:nth-child(1){display: block;}
@media screen and (min-width:992px) and (max-width:1200px){
.trendsUL li{margin-top: 10px;}
.trendsContent ul li{width: 23%;}
}
@media screen and (min-width:768px) and (max-width:992px){
.trendsIn .trendsTitle dl{display: inline-block;}
.trendsContent ul li{width: 23%;}
.trendsTitle{border-right: 0 none;}
}
@media screen and (max-width:768px) {
.trendsTitle{width: 100%;border-right: 0 none;}
.trendsIn .trendsTitle dl{display: inline-block; width: 13%;}
.trendsContent ul li{width: 48%;margin-top: 10px;}
}
/*客户案例*/
.jgUser{margin-top: 30px;}
.courseCase{background: #fff;padding: 20px;}
.jgUserTitle{text-align: center;font-size: 36px;}
/*六个图标*/
.sixIcon{background: #f2f2f3;text-align: center;margin: 50px 0;}
.sixIcon .container .row{margin: 0 30px;}
.sixIcon .container .row img{width: 46%;}
.sixIcon .container .row p{font-size: 18px;font-weight: bold;margin-top: 20px;}
@media only screen and (max-width:768px ) {
.sixIcon .container .row{margin: 0;}
}
@media only screen and (max-width: 400px) {
.fanganBox .fanganIn ul li span{margin: 5px 0 0 0px;}
}
.pretermitLi{background: #cee6eb;}
.pretermitLi a{color: #1E6FB6;}