*{padding: 0;margin: 0}

 .swiper-container {width: 100%;height: auto;}
 .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;

    /* Center slide text vertically */
    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;
}
.box2{width: 100%;height:auto;box-sizing: border-box}
.box2 .pic a div{width: 100%;height: auto}
.box2 .pic a img{width: 100%;height: auto}
.box2 .swiper-pagination-clickable .swiper-pagination-bullet{background-color: white;}


.box3{width: 1340px;height: auto;margin: 0 auto;padding: 50px 0;box-sizing: border-box}
.box3 .box3-hd{display: flex;flex-direction: row;justify-content: space-between;padding: 20px 0}
.box3 .box3-hd span{font-size: 30px;font-weight: bolder;}
.box3 .box3-hd p{font-size: 14px;font-weight: bolder;padding-bottom: 0}
.box3 .box3-hd a{height: 50px;width: 235px;text-decoration: none;border: 1px solid rgb(33,90,155);color: rgb(33,90,155);   text-align: center;display: flex;flex-direction: row;justify-content: space-around;align-items: center;height: 40px;margin-top: 20px}
.box3-middle{display: flex;flex-direction: row}
.box3-middle .name{width: 50%;}
.box3-middle .itme{width: 100%;height: auto;position: relative;display: flex;flex-direction: row;border: 1px solid Silver}
.box3-middle .itme .pic{width: 60%;height: auto;overflow: hidden}
.box3-middle .itme .pic img{width: 100%;height:auto;padding: 50px 30px}
.box3-middle .itme .pic{width: 60%;height: auto}
.box3-middle .itme .content{width: 40%;height: auto;margin: 50px  }
.box3-middle .name .itme .content .bgpic{background-image: url("../images/07.png");background-repeat: no-repeat;height: 32px;width: 32px;}
.box3-middle .itme .content span{font-size: 24px;font-weight: lighter}
.box3-middle .itme .content p{font-size: 12px;color: rgb(210,210,210);margin-bottom: 15px}
.box3-middle .itme:hover{background-color: rgb(33,90,155);cursor: pointer}
.box3-middle .itme:hover .content span{color: white}
.box3-middle .itme:hover .content .bgpic{background-image: url("../images/12.png");background-color: rgba(255,255,255,0);}
.box3-ft .ct:hover .content span{color: white}
.box3-middle .right:hover{background-color: rgb(33,90,155);cursor: pointer}
.box3-ft{width: 100%;height: auto;display: flex;flex-direction: row}
.box3-ft .ct{width: 33.33%;height: auto;display: flex;flex-direction: column;border: 1px solid Silver}
.box3-ft .content .bgpic{background-image: url("../images/07.png");background-repeat: no-repeat;height: 32px;width: 32px;}
.box3-ft .ct .content{margin-left: 30px;margin-top: 30px}
.box3-ft .ct .content span{font-weight: bolder}
.box3-ft .ct .content p{font-size: 12px;color: rgb(210,210,210);margin-bottom: 15px}
.box3-ft .pic{width: 60%;height: auto;margin-left: 100px;margin-bottom: 20px}
.box3-ft .pic img{width: 100%;height:auto;}
.box3-ft .ct:hover{background-color: rgb(33,90,155);cursor: pointer}
.box3-ft .ct:hover .content .bgpic{background-image: url("../images/12.png");background-color: rgba(255,255,255,0);}


.box4{width: 100%;height: auto;box-sizing: border-box;position: relative}
.box4 .box4-hd{padding: 30px 0}
.box4 .box4-hd p{text-align: center;font-size: 16px;font-weight: lighter;padding-bottom: 10px;color:#666}
.box4 .box4-hd span{font-size: 36px;font-weight: bold;color:#333}
.box4 .text{width: 100%;height: auto;position: relative}
.box4 .text .pic{width: 100%;height: auto}
.box4 .text .pic p{font-weight: lighter;color: white;text-align: center;position: absolute;width: 60%;top:30px;left:0;right: 0;margin: auto}
.box4 .text .pic img{width: 100%;height: auto}
.box4 .bans{position: absolute;bottom: 20px;width: 1340px;left: 0;right: 0;padding: 0; }
.box4 .bans .banners{background-color: rgba(97,99,101,0.5);padding: 30px  0;cursor: pointer;}
.box4 .bans .banners{width: 200px;}
.box4 .bans .banners.on{background:#215A9B}
.box4 .bans .banners p{color: white;}
.box4 .bans .banners + .banners{margin-left:5px;}
.box4 .bans .swiper-wrapper{justify-content: space-around;}
.box4 .bans .banners{width: 19%;}



.box5{width: 100%;height: auto;box-sizing: border-box}
.box5 .box5-hd{padding: 30px 0}
.box5-hd p{text-align: center;font-size: 14px;font-weight: lighter;padding-bottom: 10px}
.box5-hd span{font-size: 30px;font-weight: bolder;}
.box5 ul{width: 1340px;height: auto;margin: 0 auto;list-style: none;display: flex;justify-content: center;padding: 0 0 40px;margin: 0 auto;}
.box5 ul li{width:150px;height: auto;font-size: 16px;font-weight: lighter;line-height: 50px;text-align: center;background-color: #EEEEEE;border-radius: 40px;cursor: pointer}
.box5 ul li + li{margin-left:25px}
.box5 ul li:hover,.box5 ul li.on{background-color: rgb(33,90,155);color: white}
.box5 .content .contain{display: flex;flex-direction: row;width: 1340px;height: auto;justify-content: space-between;box-sizing: border-box;padding: 0 10px;margin: 0 auto;}
.box5 .content .contain div{width: 100%;height: auto;overflow: hidden;text-align: center;line-height: 30px}
.box5 .content .contain .img{height:270px;overflow:hidden;}
.box5 .content .contain div img{width: 100%;height: auto;transition: all 0.5s;}
.box5 .content .contain .item:hover img{transition: 0.5s;transform: scale(1.1);}
.box5 a{width: 31%;text-decoration: none;color: rgb(33,90,155);margin: 30px auto;line-height:40px;text-align: center;display: flex;flex-direction: row;height: auto;justify-content: space-around;}
.box5 .content .contain .item p{line-height: 60px;background-color: rgb(238,238,238);color: black;}
.box5 .content .contain .item:hover .title{background:#215A9B;color:#fff}
.box5 .name{border: 1px solid rgb(33,90,155);height: 50ox;width: 235px;margin: 20px auto 80px auto;}


.box6{width: 100%;height: auto;box-sizing: border-box;padding-bottom: 20px}

.box6 .box6-hd{padding: 60px 0 30px 0}
.box6 .content .lm_head .title{padding-top: 80px;}
.box6-hd p{text-align: center;font-size: 14px;font-weight: lighter;padding-bottom: 10px}
.box6-hd span{font-size: 30px;font-weight: bolder;line-height: 40px}
.box6{background-color: #eee}
.box6 .news{margin: 0 auto;height: auto;width: 1340px;display: flex;flex-direction: row;}
.box6 .news .title{width: 50%;height: auto}
.box6 .news .title:hover img{transition-duration: 0.6s;opacity: 0.7;cursor: pointer;}
.box6 .news .title img{width: 100%;height: 100%;}
.box6 .news .ny{width: 50%;height: auto;}
.box6 .news .ny ul{display: flex;flex-direction: column;width: 100%;height: auto}
.box6 .news .ny ul li {list-style: none;height: auto;width: 100%;overflow: hidden;box-sizing: border-box;padding: 45px;background-color: white;border-top: 1px solid silver;}
.box6 .ny ul li a{display: flex;flex-direction: row;text-decoration: none;color: black}
.box6 .news .ny ul li .ny1{text-align: center;}
.box6 .news .ny .ny1 span{font-size: 14px;color: rgb(194,194,194);font-weight: 600;display: block;text-align: right;}
.box6 .news .ny .ny1 p{color: rgb(194,194,194);font-weight: 600;}
.box6 .news .ny .ny2 .t{font-size: 17px}
.box6 .news .ny .ny2 .l{font-size: 13px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;line-height: 30px;}
.box6 .news .ny .ny1 p{font-size: 40px;line-height: 40px}
.box6 .news .ny ul li .ny1{width: 18%;height: auto}
.box6 .news .ny .ny2{width:82%;padding-left: 20px;}
.box6 .news .ny ul li:hover{background-color: rgb(33,90,155);}
.box6 .news .ny ul li:hover .ny2 .t{color: white}
.box6 .news .ny ul li:hover .ny2 .l{color: white}
.box6 .a1{width: 235px;height: 50px;text-decoration: none;border: 1px solid rgb(33,90,155);color: rgb(33,90,155);margin: 30px auto  60px auto;line-height:40px;text-align: center;display: flex;flex-direction: row;justify-content: space-around;}
@media (min-width:1200px){
   .box3-middle .itme{height:290px;}
}

@media (max-width: 767px) {
   .box2 .banners{z-index: 0}

 
   .box3{width: 100%;padding: 5px}
   .box3 .box3-hd{padding: 5px 0;flex-direction: column;text-align: center}
   .box3 .box3-hd span{font-size: 20px}
   .box3 .box3-hd a{width: 50%;margin: 10px auto;font-size: 14px;height: 30px; }
   .box3 .box3-hd p{padding-bottom: 0}
   .box3-middle{padding: 0 5px;flex-direction: column}
   .box3-middle .name{width: 100%;}
   .box3-middle .left, .right{width: 100%}
   .box3-middle .content span{font-size: 20px}
   .box3-middle .content{padding: 20px;margin: 0}
   .box3-middle .itme{width: 100%;height: auto;}
   .box3-middle .itme .content{margin: 0;}

   .box3-ft{flex-direction: column;padding: 0 5px}
   .box3-ft .ct{width: 100%;display: flex;flex-direction: row;}
   .box3-ft .ct .content{margin-left: 0;margin-top: 0;width: 42%;padding-left: 20px;padding-top: 20px}
   .box3-ft .pic{width: 58%;padding: 50px 30px;margin: 0}
   .box3-ft .ct .content span{font-size: 20px;font-weight: lighter}
   .box4 .box4-hd{padding: 5px 0}
   .box4 .box4-hd span{font-size: 20px;font-weight: bold}
   .box4 .text .pic p{font-size: 12px;width: 90%}

   .box4 .bans{position: static;display: flex;width: 100%;padding:0;}
   .box4 .bans .banners{padding: 10px 0;margin-top: 10px;display: flex;flex:1;}
   .box4 .bans .banners + .banners{margin-left:1px;}
   .box4 .bans .banners p{font-size: 10px}
   .box4 .box4-hd{padding: 20px 0;}
   .box4 .bans .banners img{display: none;}

   
   .box5 .content .contain{padding: 0 5px;width: 100%;flex-wrap: wrap;}
   .box5 .box5-hd{padding: 20px 0}
   .box5-hd span{font-size: 20px;font-weight: bold}
   .box5 ul{width: 100%;padding: 5px}
   .box5 ul li{width: 20%;font-size: 10px;line-height: 30px;border-radius:0;}
   .box5 ul li + li{margin-left:1px;}
   .box5 .content .contain div{width:100%;padding: 5px;font-size: 12px}
   .box5 .content .contain .pic3{display: none}
   .box5 a{width: 100%;margin:0;font-size: 14px;line-height: 30px;flex-wrap: wrap;padding: 5px;}
   .box5 .content .contain .item p{line-height: 30px;}
   .box5 .name{margin: 20px auto;}
   .box5 .content .contain .img{height:auto;padding:0;}


   .box6{padding-bottom: 30px}
   .box6 .box6-hd{padding: 5px}
   .box6-hd span{font-size: 20px;font-weight: bold}
   .box6 .news{flex-direction: column;width: 100%;box-sizing: border-box}
   .box6 .news .title{width: 100%;box-sizing: border-box;padding: 0 10px;}
   .box6 .news .ny{width: 100%;padding: 10px 5px}
   .box6 .a1{width: 50%;margin-bottom: 0}
   .box6 .news .ny ul li{border:none;padding: 10px 5px;margin-bottom:10px;}
   .box6 .news .ny ul li .ny1 span{display: block;padding-right: 8px;}
   .box6 .news .ny .ny2 .t{font-size:14px;font-weight:bold;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;}
   .box6 .news .ny .ny2 .l{font-size:12px;max-height:40px;overflow: hidden;color:#666;white-space:normal;line-height: 20px;}
   .box6 .news .ny .ny1 p{line-height:35px;font-size:20px;}
   .box6 .news .ny .ny1 p{}
   
   /*  */
   .box6 .content .lm_head .title{padding-top:20px}
   .box3 .box3-hd a{display: none;}
   .box3-middle .itme .content span,.box3-ft .ct .content span{font-size:16px;font-weight:bold;}

}

@media (min-width: 767px) and (max-width: 991px) {
   .head{padding: 10px}
   .head .h-log{overflow: visible}
   .head .h-log img{width: 100%;height: auto}
   .head ul{padding: 0 5px}
   .head .rs{padding: 0}
   .head ul li{padding: 10px 0}

   .box3{width: 100%;padding: 10px}
   .box3-ft .pic{margin-left: 90px}

   .box4 .bans{width: 100%;}
   .box4 .bans .banners p{font-size: 14px;width: 50%;}
   .box5 ul{width: 100%;padding-top: 0}
   .box5 .content .contain{width: 100%;}
   .box5 .content .contain .img{height: auto;}
   .box6{padding-bottom: 10px}
   .box6 .news{width: 90%;flex-direction: column}
   .box6 .news .title{width: 100%}
   .box6 .news .ny{width: 100%}
   .box6 .a1{margin: 20px auto}
   .box7 .contains{width: 100%;padding-left: 0;}
   .box7 .contains .content3{width: 21%}
   .box7 .contains .content2{width: 45%}
   .box7 .contains .content{width: 100%;padding: 30px;}
   .box7 .content{width: 100%;}
   .box7 .contains .content{width: 30%;}
   .box7 .contains .content1 ul{text-align: center;padding: 5px;border-right: none;}
   .box7 .contains .content2 .add{border-right: none;}
   .box7 .contains .content3{justify-content: center;}

}