/* CSS Document */
*{margin:0;padding:0;font-family:'Microsoft YaHei';}
html, body, ul, li, ol, dl, dd, dt, p, h1, h2, h3, h4, h5, h6, form, fieldset, legend, img { margin:0px; padding:0px; }
fieldset, img { border:none; }
img{border:none;}
address, caption, cite, code, dfn, th, var { font-style:normal; font-weight:normal; }
ul, ol { list-style:none;  }
li{ list-style:none;}
table { border-collapse:collapse; }
input { padding-top:0px; padding-bottom:0px; font-family: 'Microsoft YaHei';}
input::-moz-focus-inner { border:none; padding:0px; }
select, input { vertical-align:middle; }
select, input, textarea { font-size:13px; margin:0px; }
input[type="text"], input[type="password"], textarea { outline-style:none; -webkit-appearance:none; }
textarea { resize:none; }
body { font-family:"Microsoft YaHei"; background:#fff; }
.clearfix:after { content:""; display:block; height:0px; visibility:hidden; clear:both; }
.clearfix {zoom:1; }
.clearit {clear:both; height:0px; font-size:0px; overflow:hidden; width:100%; }
.max{ width:100%;}  
.box{
    padding:0 15px;
    box-sizing: border-box;
}
a{text-decoration:none;-webkit-transition:all .3s ease-in-out 0s;transition:all .3s ease-in-out 0s; }
 

.header .box{
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 60px;
}
.header.fixed{
    position: fixed;
    width: 100%;
    background: #fff;
    z-index: 9999;
    box-shadow: 0px 5px 15px rgba(0,0,0,.2); 
}
.header{
    position: relative;
}
.header .box {
    display: flex;
    height: 60px;
}
.header .box .menu i{
    font-size: 26px;
}
.header .box .menu i.icon-guanbi1{
    display: none;
}
.header.active .box .menu i.icon-guanbi1{
    display: block;
}
.header.active .box .menu i.icon-caidan{
    display: none;
}
.header .box .logo img{
    height: 40px;
}
.header  .nav{ 
    position: absolute;
    width: 100%;
    left: 0;
    top: 59px;
    z-index: 9999;
    height: calc(100vh - 60px);
    background: #fff;
    padding-top: 20px;
    box-sizing: border-box;
    border-top: 1px solid #ddd;
    visibility: hidden;
    transition:all .3s;  
    opacity: 0;
}
.header.active  .nav{ 
    visibility: inherit; 
    opacity: 1;
}
 
.header  .nav ul li{
    font-size: 16px; 
    position: relative;
    height: 60px;
    line-height: 60px;
    text-align: center;
}
.header  .nav ul li a{
    color: #333;
}
.header  .nav ul li.active a{
    
}
.bannerlist img{
    display: block;
    width: 100%;
}
.bannerlist .swiper-pagination-bullet{ 
    width: 20px;
 height: 4px;
 border-radius: 0px;
}
.bannerlist  .swiper-pagination-bullets{
    bottom: 10px;
}
.bannerlist .swiper-pagination-bullet-active{
    background: #b41e23;
}

.indexBox1{
    padding: 30px 0;
}
.indexBox1 ul li{
    background: #fff; 
    margin-bottom: 20px;
}
.indexBox1 ul li .img{
    width: 100%;
}
.indexBox1 ul li .img img{
    display: block;
    width: 100%;
}
.indexBox1 ul li .text{
    padding: 20px;
    box-sizing: border-box;
    width: 100%;
    position: relative;
}
.indexBox1 ul li .text a.title{
    font-size: 16px;
    font-weight: bold;
    color: #333; 
    word-break: break-all;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.indexBox1 ul li .text a.title:hover{
    color: #b41e23;
}
.indexBox1 ul li .text p{
    font-size: 14px;
    color: #333;
    margin-top: 15px;
    line-height: 24px;
    word-break: break-all;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.indexBox1 ul li .text a.more{
    display: block;
    width: 90px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    color: #4a4a4a;
    margin-top: 20px;
    border: 1px solid #7b7b7b;  
}
.indexBox1 ul li .text a.more i{
    font-size: 16px;
    margin-left: 5px;
    -webkit-transition:all .3s ease-in-out 0s;transition:all .3s ease-in-out 0s; 
}
.indexBox1 ul li .text a.more:hover{
    background: #b41e23;
    border: 1px solid #b41e23;
    color: #fff;
}
.indexBox1 ul li .text a.more:hover i{
    color: #fff;
}
.indexBox1.h ul li:last-child{
    margin-bottom: 0;
}

.indexBox2{
    background: #eeeeee;
    padding: 35px 0;
}
.indexBox2 .stitle{
    font-size: 20px;
    color: #333;
    margin-bottom: 30px;
    font-weight: bold; 
    padding: 0 15px;
}

 
 
.footer{
    background: #000;
    padding: 30px 0;
}
.footer .map{
    flex: 1;
    margin-right: 100px;
}
.footer .footerTop{
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    
}
.footer .title{
    font-size: 16px;
    color: #a2a2a2;
    position: relative;
    padding-bottom: 10px;
    margin-bottom: 15px;
}
.footer .title::after{
    content: "";
    width: 18px;
    height: 2px;
    background: #666666;
    position: absolute;
    left: 0;
    bottom: 0;
}
.footer .media{ 
}
.footer .contact{
    margin-right: 20px;
}
.footer .ewm img{
    display: block;
    width: 100px;
}
.footer .ewm p{
    color: #a2a2a2;
    font-size: 12px;
    text-align: center;
    margin-top: 5px;
}
.footer .contact p{
    display: flex;
    align-items: center;
    font-size: 12px;
    color: #a2a2a2;
    line-height: 20px;
    /* height: 24px; */
    align-items: flex-start;
    margin-bottom: 5px;
}
.footer .contact p i{
    margin-right: 15px;
}
.footer .contact p a{
    color: #a2a2a2;
}
.footer .fllow{
    display: flex;
    align-items: center;
    margin-top: 30px;
    justify-content: space-between;
}
.footer .fllow .item{
    cursor: pointer;
    position: relative;
    flex: 1;
    text-align: center;
}
.footer .fllow .item i{
    font-size: 22px;
    color: #a2a2a2;
}
.footer .fllow .item .sub{ 
    width: 90px;
    display: none;
    height: 90px;
    background: #fff;
    border-radius: 5px;
    position: absolute;
    color: #fff;
    left: -30px;
    top: 60px;
    opacity: 0;
    -webkit-transition:all .3s ease-in-out 0s;
    transition:all .3s ease-in-out 0s;
}
.footer .fllow .item.on .sub{ 
    opacity: 1;
    top: 40px;
}

.copyright{
    height: 45px;
    line-height: 45px;
    text-align: center;
    background-color: #000;
    font-size: 12px;
    color: #484848;
    border-top: 1px solid #262626;
}
.copyright a{
    color: #484848;
}

.nybanner img{  
    display: block;
    width: 100%;
}

.pageTitle{
    font-size: 18px;
    font-weight: bold;
    position: relative;
    padding-bottom: 10px;
    margin-bottom: 20px;
}
.pageTitle::after{
    content: "";
    width: 26px;
    height: 2px;
    background: #6f6f6f;
    position: absolute;
    left: 0;
    bottom: 0; 
}

  


.fenye{width:100%;margin-top:20px;text-align: center;}
.fenye a,.fenye b{display:inline-block;margin:2px;padding:6px 8px;background:#eee;font-size:12px;color:#444;-webkit-transition:all .3s ease-in-out 0s;transition:all .3s ease-in-out 0s; }
.fenye b,.fenye a:hover{background:#333;color:#fff;}


.teamlist{
    padding-top: 30px;
    padding-bottom: 50px;
}
.teamlist ul{
    display: flex;
    flex-wrap: wrap;
}
.teamlist ul li{
    width: 49%; 
    border: 1px solid #eee;
    box-sizing: border-box; 
    margin-bottom: 15px;
}
.teamlist ul li:nth-child(odd){
    margin-right: 2%;
}
.teamlist ul li .img{
    display: block;
    width: 100%; 
}
.teamlist ul li .img img{
    width: 100%; 
}
.teamlist ul li .text{ 
    box-sizing: border-box; 
    position: relative;
    color: #333;
    padding: 10px; 
}
.teamlist ul li .text .title{
    color: #333;
}
.teamlist ul li .text .title:hover{
    color: #b41e23;
}
.teamlist ul li .text .title .name{
    font-size: 16px;
    margin-right: 15px;
    font-weight: bold; 
}
.teamlist ul li .text .title span{
    font-size: 12px;
   line-height: 30px;
    font-weight: bold;
}
 
 
.aboutBox{
    padding: 30px 0;
}
.aboutBox ul li{ 
    margin-bottom: 30px; 
}
.aboutBox ul li:last-child{
    margin-bottom: 0;
}
.aboutBox ul li .img{
    width: 100%;
}
.aboutBox ul li .img img{
    display: block;
    width: 100%;
}
.aboutBox ul li .text{
    width: 100%;
    padding-top: 20px;
}
.aboutBox ul li .text strong{
    display: block;
    font-size: 18px;
    color: #b41f23;
    margin-bottom: 15px;
}
.aboutBox ul li .text .con{
    font-size: 14px;
    line-height: 24px;
    text-align: justify;
    color: #4f4f4f;
}
.aboutBox ul li .text .con p{
    margin-bottom: 20px;
}

.honorBox{
    background: #eeeeee;
    padding-top: 30px;
    padding-bottom: 40px;
}
.honorBox .title{
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 20px;
}

.honorBox .swiper-slide{
    padding: 0 40px;
    box-sizing: border-box;
}
.honorBox .swiper-slide .img{
    box-sizing: border-box;
    border: 4px solid #fff;
}
.honorBox .swiper-slide .img img{
    display: block;
    width: 100%;
}
.honorBox .swiper-slide p{
    text-align: center;
    font-size: 14px;
    color: #363636;
    margin-top: 20px;
}
.honorBox .swiper-button-prev{
    left: -5px;
}
.honorBox .swiper-button-next{
    right: -5px;
}
.honorList{
    position: relative;
}
.honorBox .swiper-button-prev, .swiper-button-next{
    width: 26px;
    height: 26px; 
    border-radius: 50%;
    background: rgba(0,0,0,.5);
    top: 45%;
}
.honorBox .swiper-button-prev:after,.honorBox .swiper-button-next:after{
    font-size: 12px;
    color: #fff;
}


.majorBox .topBox{
    height: 80px;
    position: relative;
    background-image: linear-gradient(to bottom,#e5e4e5,#fff);
}
.majorBox .topBox .swiperTop{
}
.majorBox .topBox .button-prev{
   width: 20px; 
   height: 20px;
   border: 1px solid #999;
   border-radius: 50%;
   display: flex;
   align-items: center;
   justify-content: center;
   position: absolute;
   left: 5px;
   cursor: pointer;
   top: 35px;
   z-index: 99;
}
.majorBox .topBox .button-next{
    width: 20px; 
    height: 20px;
    border: 1px solid #999;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 5px;
    cursor: pointer;
    top: 35px;
    z-index: 99;
 }
.majorBox .topBox .swiperTop .swiper-slide{
    display: flex;
    flex-direction: column; 
    height: 100px;
    cursor: pointer;
    align-items: center;
    justify-content: center;
}
.majorBox .topBox .swiperTop .swiper-slide i{
    font-size:30px;
    color: #666;
}
.majorBox .topBox .swiperTop .swiper-slide p{
    font-size: 14px;
    margin-top: 15px;
    color: #383737;
}
.majorBox .topBox .swiperTop .swiper-slide-thumb-active{
    background: #fff;
}
.majorBox .swiperBot{
    margin-top: 45px;
}
.majorBox .swiperBot .swiper-slide .sbox{ 
    margin: 0 auto; 
    padding-bottom: 30px;
}
.majorBox .swiperBot .swiper-slide .sbox .img{
    width: 100%;
}
.majorBox .swiperBot .swiper-slide .sbox .img img{
    display: block;
    width: 100%;
}
.majorBox .swiperBot .swiper-slide .sbox .text{
    width: 100%;
    padding: 20px;
    box-sizing: border-box;
    text-align: justify;
}
.majorBox .swiperBot .swiper-slide .sbox .text h3{
    font-size: 18px;
    color: #b41f23;
    margin-bottom: 20px;
}
.majorBox .swiperBot .swiper-slide .sbox .text .p{
    font-size:14px;
    line-height: 28px;
    color: #4f4f4f;
}
.majorBox .swiperBot .swiper-slide .sbox .text .p p{
    margin-bottom: 20px;
}
.joinBox{
    padding-top: 30px;
    padding-bottom: 40px;
}
.joinBox ul{  
}
.joinBox ul li{
    width: 100%; 
    background: #f3f3f3;
    padding: 15px;
    box-sizing: border-box; 
    margin-bottom: 15px;
    position: relative;
    padding-bottom: 40px;
}
 
.joinBox ul li .title{
    display: flex;
    justify-content: space-between;
    height: 40px;
    align-items: center; 
}
.joinBox ul li .title strong{
    font-size: 16px;
    color: #333;
}
.joinBox ul li .title span{
    font-size: 14px;
    color: #333;
    display: block;
    margin-top: 5px;
    font-weight: bold;
}
.joinBox ul li .title a{
    display: block; 
    height: 30px;
    line-height: 30px;
    text-align: center; 
    color: #b41f23;
    font-weight: bold;
    font-size: 12px;
}
 
.joinBox ul li .contact{
    font-size: 14px;
    color: #646464;
    line-height: 26px;
    margin-top: 15px;
}
.joinBox ul li .contact strong{
    font-size: 14px;
    margin: 15px 0;
    color: #333;
    display: block;
}
.joinBox ul li .sbox{
    position: relative;
    height: 200px;
    overflow: hidden;
}
.joinBox ul li  .iconfont{
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    display: block;
    width: 20px;
    color: #666;
    bottom: 10px;
    cursor: pointer;
}
.joinBox ul li.on{ 
    height: auto; 
}
.joinBox ul li.on .sbox{
    height: auto;
    overflow: initial;
}
.joinBox ul li.on .iconfont{
    transform: rotate(180deg);
}

.newsDetail{
    padding: 30px 0;
    border-top: 1px solid #ddd;
}
.newsDetail .top h1{
    font-size: 18px;
    color: #333;
}
.newsDetail .top p{
    font-size: 12px;
    color: #666;
    margin-top: 15px;
}
.newsDetail .content{  
    margin-top: 30px;
    font-size: 14px;
    line-height: 28px;
    color: #545454;
}
.newsDetail .content p{
    margin-bottom: 20px;
}
.newsDetail .content img{
    margin: 20px auto;
    display: block;
    max-width: 100%;
    height: auto !important;
}
.newsDetail .fn{  
    margin: 0 auto;
    margin-top: 30px;
    border-top: 1px solid #ddd;
    padding-top: 20px;
}
.newsDetail .fn p{
    line-height: 20px;
    margin-bottom: 15px;
    font-size: 12px;
    color: #333;
}
.newsDetail .fn p a{
    color: #333;
}
.teamDetail{
    padding: 30px 0;
}
.teamDetail .teamDetailTop{
    margin: 0 auto; 
    align-items: flex-end;
    display: flex;
    justify-content: space-between;
}
.teamDetail .teamDetailTop .img{
    width: 130px;
    position: relative;
    margin-right: 30px;
}
.teamDetail .teamDetailTop .img::after{
    content: "";
    width: 98%;
    height: 98%;
    position: absolute;
    right: -10px;
    bottom: -10px;
    z-index: 0;
    background: #eee;
}
.teamDetail .teamDetailTop .img img{
    display: block;
    width: 100%;
    position:relative;
    z-index: 9;
}
.teamDetail .teamDetailTop .text {
    flex: 1;
}
.teamDetail .teamDetailTop .text .top .name h1{
    display: block;
    margin-right: 20px;
    color: #333;
    font-size: 18px;
}
.teamDetail .teamDetailTop .text .top .name strong{
    font-size: 14px;
    display: block;
    color: #666;
    margin-top: 5px;
}
.teamDetail .teamDetailBot .tel{
    font-size: 16px;
    margin-top: 20px;
    height: 40px;
    background: #f2f2f2;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    color: #666;
}
.teamDetail .teamDetailBot .tel i{
    font-size: 16px;
    margin-right: 10px;
    color: #666;
}
.teamDetail .teamDetailBot{
    margin-top: 30px;
}
.teamDetail .teamDetailBot .content{
    font-size: 14px;
    line-height: 28px;
    margin-top: 20px;
    color: #545454;
}
.teamDetail .box .content p{
    margin-bottom: 10px;
}
.teamDetail .box .content strong{
    font-size: 16px;
    color: #333;
    margin-bottom: 15px;
    display: block;
}
.contactBox{
    padding-top: 30px;
    padding-bottom: 30px;
}
.contactBox .conBox{
    margin-bottom: 20px;
    justify-content: space-between;
display: flex;
flex-wrap: wrap;
}
#allmap{
    width: 100%;
    height: 200px;
    margin-bottom: 30px;
}
.contactBox .conBox li{
    width: 49%;
    padding: 20px 0;
    margin-bottom: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center; 
    background: #f9f9f9;
    border-top: 2px solid #b41e23;
}
.contactBox .conBox li img{
    width: 80px;
}
.contactBox .conBox li  i{
    font-size: 25px;
    color: #666; 
}
.contactBox .conBox li strong{
    display: block;
    text-align: center;
    font-size: 16px;
    margin: 15px 0;
    margin-bottom:10px;
}
.contactBox .conBox li p{
    font-size: 12px;
    text-align: center;
    color: #666;
    padding: 0 15px;
}
.contactBox .conBox li p a{
    color: #666;
}
.contactBox .tip{
    font-size: 14px;
    color: #666;
    margin-bottom:20px;
}
.contactBox .form .liuyan_1{ 
    margin-bottom: 20px;  

}
.contactBox .form label{
    width: 100%;
    display: block;
    margin-bottom:10px;
}
.contactBox .form .liuyan_1 span{
    color: red;
}
 
.contactBox .form .liuyan_1 input,.contactBox .form .liuyan_1 select{
    width: 96%;
    height: 35px;    
    box-sizing: border-box;
    border: none;
    background: #eee;
    padding:0 15px;

}
.contactBox .form .liuyan_2 span{
    color: red;
    margin-right: 5px;
}
.contactBox .form .liuyan_2 label{
    display: flex;
    align-items: flex-start;
}
.contactBox .form .liuyan_2 textarea{
    width: 98%;
    background: #eee;
    border: none;
    height: 100px;
    padding: 15px;
    box-sizing: border-box;
}
.contactBox .form .liuyan_3{
    text-align: center;
    margin-top: 20px;
}
.contactBox .form .liuyan_3 input{
    width: 100px;
    height: 35px;
    border: none;
    cursor: pointer;
    margin: 0 15px;
}
.contactBox .form .liuyan_3 input.submit{
    background: #b41e23;
    color: #fff;
}