* {  border: 0;  margin: 0;  padding: 0;  box-sizing: border-box;}
i{  font-style:normal;}
body{overflow-x: hidden;}
.content-wrap {  width: 100%;  position: relative;}
.content-wrap .top{display: flex;justify-content: space-between;width: 1200px;margin: 0 auto;line-height: 36px;align-items: center;}
.content-wrap .top .user{
    margin-right: 65px;
    font-size: 14px;
}
.content-wrap .top .user .name{
    color: #2379CE;
}
.content-wrap .top .user .line{
    margin:0 5px ;
}
.content-wrap .top p{
    font-size: 14px;
    color: #333333;
}
.content-wrap .top .btn{
    font-size: 14px;
    line-height: 36px;
    text-align: center;
}
.content-wrap .top .btn i{width: 1px;display: inline-block;vertical-align: middle;
    height: 14px;
    background: #333333;margin: 0 10px;}
.content-wrap .top .btn span{
    display: inline-block;
    cursor: pointer;
    color: #333333;
}
.content-wrap .top .btn span a:hover{font-weight: bold;}
.content-wrap .top .btn span.active a{
    color: #005DA4;
}
.content-wrap .banner{
    width: 100%;
    height: 222px;
    background: url('../images/banner.png') no-repeat center;
    background-size: 100% 100%;
    /*  overflow: hidden;
    */}
.bannerner{width: 100%;
    height: auto;
}
.jiaoyud{
    width: 100%;
    height: 440px;
    background: #FFFFFF;
    padding-top: 70px;
}
.jiaoyud ul{display: flex;width: 1000px;padding-top:70px;margin: auto;padding: 0 30px;justify-content: space-between;}
.jiaoyud ul li{width: 20px;display: flex;
    flex-direction: column;
    align-items: center;text-align: center;cursor: pointer;}
.jiaoyud ul li .iconn{width: 291px;margin-bottom: 292px;}



.kcbox{ width: 1920px; align-content: center ;background-image: url("../images/dbg1.jpg");background-repeat: no-repeat;
  background-size: 100%; }
.kcp{padding-top:60px;font-size:30px;}

.kcimg{display: flex;width:1200px;padding-top:68px;height: 150px; margin:0 270px;margin: 0 auto;justify-content: space-between; }

.wenz1{display: flex; width:1260px;padding-top:92px;height: 60px; margin:100px;margin: 0 auto;justify-content:center; }
.wenz1 li{width: 500px;height: 60px;text-align: center;}

.kcimg02{display: flex;width:1200px;padding-top:146px;height: 150px; margin:0 270px;margin: 0 auto;justify-content: space-between;}

.wenz2{display: flex; width:1260px;padding-top:170px;height: 60px; margin:100px;margin: 0 auto;justify-content:center; }
.wenz2 li{width:670px; height: 60px;text-align: center;}

.jpkctitle{width: 100%;
    height: 60px;padding-left: 810px;
    background: #FFFFFF;
    padding-top: 20px;}

.jpkc1{
    width: 100%;
    height: 360px;
    background: #FFFFFF;
    padding-top: 70px;
}
.jpkc1 ul{display: flex;width: 1000px;padding-top:70px;margin: auto;padding: 0 30px;justify-content: space-between;}
.jpkc1 ul li{width: 20px;display: flex;
    flex-direction: column;
    align-items: center;text-align: center;cursor: pointer;}
.jpkc1 ul li .iconnn{width: 308px;margin-bottom: 310px;}

.jpkc2{
    width: 100%;
    height: 300px;
    background: #FFFFFF;
    padding-top: -10px;
    margin-bottom: 10px;
}
.jpkc2 ul{display: -webkit-flex; width: 1000px;  padding-top:0px; margin-left: 300px; padding: 0 30px;justify-content: space-between;}
.jpkc2 ul li{width: 20px;display: flex;
    flex-direction: column;
    align-items: center;text-align: center;cursor: pointer;}
.jpkc2 ul li .iconnn{width: 308px;margin-bottom: 310px;}



.banner .logo{width:576px;margin: 31px 0 0 373px;}
.banner .input-wrap{display: flex;margin: 50px 0 0 253px;}
.banner .input-wrap input{width: 256px;    height: 35px;    background: #FFFFFF;    border: 1px solid #CDCDCD;
    font-size: 15px;
    padding-left: 9px;outline:0px;}
.banner .input-wrap .select-btn{
    width: 98px;
    height: 35px;
    background: #005DA4;
    border: 1px solid #005DA4;
    display: inline-block;
    color: #fff;
    font-size: 16px;
    display: flex;align-items: center;
}
.banner .input-wrap .select-btn i{width: 17px;height: 17px;
    display: inline-block;
    background-image: url('../images/search.png');
    background-repeat: no-repeat;
    background-size: contain;
    margin:0 17px 0 10px;
}
.tabs{display: flex;justify-content: center;  margin-top: 60px;}
.tabs li{padding: 0 23px;border-right: 1px solid #105A93;cursor: pointer;
    font-size: 20px;color: #fff;position: relative;}
.tabs li:hover{color: #ebe8e8;}
.tabs li .dropDown{position: absolute;
    background: #fff;
    width: 100%;
    left: 0;
    top: 30px;
    z-index: 20;
    box-shadow: 0px 0px 28px 0px rgba(0, 0, 0, 0.3);
    display: none;
}
.tabs li .dropDown:before{
    content: "";
    width: 0px;
    height: 0px;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    border-bottom: 9px solid #fff;
    position: absolute;
    top: -8px;
    left: 50%;
    transform: translate(-50%);

}
.tabs li .dropDown li{border: none;color: #333333;margin: 10px 0;text-align: center;}
.tabs li .dropDown li:hover{color:#1374BF;}
.tabs li:last-child{border: none;}
.classes{
    width: 100%;
    height: 200px;
    background: #FFFFFF;
    box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.07);
    padding-top: 37px;
}
.classes ul{display: flex;width: 1200px;margin: auto;padding: 0 30px;justify-content: space-between;}
.classes ul li{width: 108px;display: flex;
    flex-direction: column;
    align-items: center;text-align: center;cursor: pointer;}
.classes ul li:hover{opacity: .85;}
.classes ul li .icon{margin-bottom: 22px;}
.classes ul li p{font-size: 18px;color: #333333;}
.content{width: 1200px;margin: auto;}
.content .item{margin-top: 40px;}
.work .left-img-wrap{width: 598px;height: 341px;overflow: hidden;margin: 0;}
.work .left-img-wrap a{height: 100%;display: inline-block;cursor: pointer;}
.swiper-slide{position: relative;}
.swiper-slide .txt{
    position: absolute;
    bottom: 0;
    color: #fff;
    font-size: 16px;
    height: 50px;
    line-height: 50px;
    padding-left: 30px;
    width: 100%;
    background: rgba(0,0,0,.48);
}
.swiper-slide .txt p{    width: 300px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.pagination {
    /*position: absolute;*/
    z-index: 20;
    bottom: 10px;
    right: 0;
    width: 100%;
    text-align: right!important;}
.swiper-pagination-switch {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 8px;
    background: #555;
    margin: 0 5px;
    opacity: 0.8;
    border: 1px solid #fff;
    cursor: pointer;
}
.swiper-active-switch {
    background: #fff;
}

.work .icon .swiper-pagination-bullet{	background: #fff;opacity: 1;height: 6px;width: 6px;}
.work .icon .swiper-pagination-bullet-active{	background: #007aff;width: 16px;
    height: 6px;
    background: #1374BF;
    border-radius: 3px;}
.content .work{display: flex;}
.content .work .list{flex: 1;}
.item .listTit{background: #F7F7F7;height: 41px;}
.item .list ul{padding: 30px 0 0 30px;}
.item .list li a{margin-bottom: 30px;display: flex;align-items: center;line-height: 17px;cursor: pointer;}
.item .list li:hover p,.item .list li:hover span{color: #1374BF;}

.item .list li:last-child{margin-bottom: 0px;}
.item .list li i{width: 8px;
    height: 8px;
    display: inline-block;
    background-image: url('../images/listIcon.png');
    background-repeat: no-repeat;
    background-size: contain;
}
.item .list li p{width: 465px;	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;font-size: 16px;color: #333333;
    margin-left: 11px;
}
.item .list li span{font-size: 14px;color: #666666;}
.list .listTit{position: relative;line-height: 41px;}
.list .listTit .leftBox{position: absolute;top: -4px;left:14px;line-height: 50px;display: flex;}
.list .listTit .left{width:149px;height:50px;
    background-repeat: no-repeat;
    background-size: contain;
    text-align: center;
    color: #333333;
    cursor: pointer;}
.list .listTit .left:hover{font-weight: bold;}
.list .listTit .left.active{
    background-image: url('../images/tit.png');
    color: #fff;
}
.list .listTit .more{position: absolute;right: 20px;font-size: 14px;color: #666666;}
.list .listTit .more img{margin-left: 7px;}

.give_serviceto{
    height: 150px;
    margin-top: 38px;
    margin-bottom: 50px;
    background: url("../images/give_serviceto.png") no-repeat;
    background-size: 100% 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.give_name a{
    font-weight: bold;
    color: #FFFFFF;
    font-size: 36px;
}

.classify{display: flex;}
.classify li{
    width: 150px;
    height: 165px;
    background: #F7F7F7;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.classify li a{text-align: center;}
.classify li:hover{background: #ebeaea;}
.classify li p{font-size: 20px;color: #333333;margin-top: 33px;}
.lists{display: flex;justify-content: space-between;}
.lists .list{width: 590px;}
.lists .list ul{padding:0;padding-top: 30px;}
.lists .listTit{
    background-image: url('../images/listTit.png');
    background-repeat: no-repeat;
    background-size: 100%;
    font-size: 18px;
    color: #fff;
    display: flex;
    justify-content: space-between;
    padding: 0 30px 0 15px;
    align-items: center;
}
.lists .listTit span{font-size: 14px;color: #666666;}
.lists .listTit .left{background: none;}
.lists .listTit .left,.lists .listTit span a,.list .listTit .more a{display: flex;align-items: center;}
.lists .listTit .left .iconImg{margin-right: 11px;}
.lists .listTit span a,.list .listTit .more a{cursor: pointer;}
.lists .listTit span a:hover,.list .listTit .more a:hover{color: #178CE6;}

.lists .listTit span a img{margin-left: 7px;}
.service{width: 100%;
    height: 372px;
    background: #F7F7F7;margin: 40px 0;}
.service .pictures{width: 1200px;margin: auto;padding-top: 40px;display: flex;justify-content: space-between;}
.service .pictures .left_item{flex:1;}
.service .pictures .left_item img:hover{cursor: pointer;
    box-shadow: 0px 0px 28px 0px rgba(0, 0, 0, 0.3);

}

.service .pictures .left_item.right28{margin-right: 28px;}

.service .pictures .left_item .title,.lastBox .link .title{font-size: 24px;color: #333333;margin-bottom: 10px;}
.service .pictures .left_item .title img,.lastBox .link .title img{margin-right: 16px;}
.service .pictures .left_item .bot{display: flex;}
.service .pictures .left_item .bot .left{margin-right: 20px;}
.service .pictures .left_item.two .bot{display: flex;flex-wrap: wrap;margin-top: 20px;}
.service .pictures .left_item.two .bot img{margin-bottom: 30px;}
.service .pictures .left_item .bot .right{display: flex;flex-direction: column;}
.service .pictures .left_item .bot .right .topImg{margin-bottom: 19px;}
.lastBox{width: 100%;height: 159px;background: #FFFFFF;}
.lastBox .link{width: 1200px;margin: auto;}
.lastBox .link ul{display: flex;margin-top: 20px;}
.lastBox .link ul li{margin-right: 100px;font-size: 16px;color: #333333;cursor: pointer;}
.lastBox .link ul li a:hover{color: #1374BF;}
.lastBox .link ul li.active{color:#1374BF;}
.footer{
    width: 100%;
    height: 244px;
    background: #005DA4;
    overflow: hidden;
}
.footer .bottom{height: 40px;line-height: 40px;background: #00518F;justify-content: center; display: flex;color: #fff;font-size: 14px;}
.footer .bottom li{margin-right: 100px;}
.footer .top_f{width: 1200px;margin: auto;padding-top: 55px;height: 204px;display: flex;}
.footer .top_f .left{font-size: 16px;color: #fff;margin-right: 313px;}
.footer .top_f .left .top_p{margin-bottom: 24px;}
.footer .top_f .left p i,.footer .top_f .left p span{margin: 0 20px;}
.footer .top_f .right div{font-size:16px;color: #fff;margin-bottom: 24px;}

.footer .top_f .right i{width: 20px;height: 20px;display: inline-block;	background-image: url('../images/adress.png');
    background-repeat: no-repeat;
    background-size: 100%;
    margin-right: 15px;
    vertical-align: middle;
}
.footer .top_f .right i.email{background-image: url('../images/email.png');}
.footer .top_f .right i.iph{background-image: url('../images/iph.png');}

.cards {
    width: 1200px;
    margin: 0 auto;
    padding-bottom: 80px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
}
.card {
    width: 270px;
    height: 256px;
    margin-right: 40px;
    background-color: #fff;
    margin-top: 60px;
    border-radius: 20px 0 20px 0;
    -webkit-border-radius: 20px 0 20px 0;
    -moz-border-radius: 20px 0 20px 0;
    -ms-border-radius: 20px 0 20px 0;
    -o-border-radius: 20px 0 20px 0;
    box-shadow:2px 2px 12px #ccc;
}
.card:nth-child(4n){
    margin-right: 0;
}
.card a {
    display: inline-block;
    width: 100%;
    font-size: 20px;
    text-align: center;
    margin-top: 25px;
}
.card img {
    border-radius: 20px 0 0px 0;
    overflow: hidden;
    -webkit-border-radius: 20px 0 0px 0;
    -moz-border-radius: 20px 0 0px 0;
    -ms-border-radius: 20px 0 0px 0;
    -o-border-radius: 20px 0 0px 0;
    height: 150px;
}

@media only screen and (max-width:1680px){
    .banner .tabs li{font-size: 18px;padding: 0 20px;}
    .banner .tabs{margin-top: 72px;}
    .banner .logo{margin: 31px 0 0 326px;width: 504px;}
    .banner .input-wrap{margin:50px 0 0 221px;}
    .banner .input-wrap input{width: 224px;}
    .banner .input-wrap .select-btn{width: 85px;font-size: 13px;}
    .banner .input-wrap .select-btn i{margin: 0 14px 0 10px;}

}
@media only screen and (max-width:1600px){
    .banner .tabs li{font-size: 16px;}
    .banner .tabs{margin-top: 73px;}
    .banner .logo{margin: 31px 0 0 310px;width: 480px;}
    .banner .input-wrap{margin:50px 0 0 210px;}
    .banner .input-wrap input{width: 213px;}
    .banner .input-wrap .select-btn{width: 81px;font-size: 13px;}
    .banner .input-wrap .select-btn i{margin: 0 14px 0 10px;}
}
@media only screen and (max-width:1440px){
    .banner .tabs li{font-size: 16px;padding: 0 15px;}
    .banner .tabs{margin-top: 80px;}
    .banner .logo{margin: 31px 0 0 279px;width: 432px;}
    .banner .input-wrap{margin:50px 0 0 189px;}
    .banner .input-wrap input{width: 192px;}
    .banner .input-wrap .select-btn{width: 73px;font-size: 12px;}
    .banner .input-wrap .select-btn i{margin: 0 12px 0 10px;}


  .kcbox{ width: 1440px; align-content: center ;background-image: url("../images/dbg1.jpg");background-repeat: no-repeat;
    background-size: 100%; }
  .kcp{padding-top:45px;font-size:22px;}

  .cards {
    width: 900px;
    margin: 0 auto;
    padding-bottom: 80px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
  }
  .card {
    width: 202.5px;
    height: 192px;
    margin-right: 30px;
    background-color: #fff;
    margin-top: 45px;
    border-radius: 15px 0 15px 0;
    -webkit-border-radius: 15px 0 15px 0;
    -moz-border-radius: 15px 0 15px 0;
    -ms-border-radius: 15px 0 15px 0;
    -o-border-radius: 15px 0 15px 0;
    box-shadow:2px 2px 12px #ccc;
  }
  .card:nth-child(4n){
    margin-right: 0;
  }
  .card a {
    display: inline-block;
    width: 100%;
    height: auto;
    background: #FFFFFF;
    padding-top: 70px;
}
.lecture-list ul{display: flex;width: 80%;padding-top:70px;margin: auto;padding: 0 30px;justify-content: space-between;flex-wrap: wrap;}
.lecture-list ul li{width: 20%;display: flex;
    flex-direction: column;
    align-items: center;text-align: center;cursor: pointer;
}
.lecture-list ul li .iconnn{
    width: 308px;margin-bottom: 20px;}
}
/*公益讲座css end*/