*{
    margin: 0;
    padding: 0;
}
html,body{
    width: 100%;
    height: 100%;
    /* font-size: 100px; */
    font-family:  "Microsoft YaHei"
}
ul li{
    list-style-type:none;
}
a{
    text-decoration: none;
    color:#000;
}
.index{
    width: 100%;
    min-width:1200px;
}
/* ?¡¤?? */
.index .headerBg{
    width: 100%;
    height: 225px;
    background-image: url(../images/nav.jpg);
    /* background-size: 100% 100%;*/
    background-repeat: no-repeat;
    min-width:1200px;
}
.index .header{
    width: 1200px;
    height: 100%;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
}
.index .header .headerLeft{
    margin-left: -6%;
    margin-right: 10%;
    display: flex;
    align-items: center;
}
.index .header .headerLeft .logo{
    width: 80px;
    height: 80px;
    margin-right: 20px;
}
.index .header .headerLeft .headerName{
    font-size: 16px;
    color: #ee3138;
}
.index .header .headerLeft .headerName .headertitle{
    font-size: 40px;
    font-weight: bold;
    color: #ee3138;
    margin-bottom: 8px;
}
.index .header .headerRight .headerRightTop{
    display: flex;
    align-items: center;
    justify-content:center;
}
.index .header .headerRight .headerRightTop .headertopItems{
    font-size: 14px;
    color: #333333;
    display: flex;
    align-items: center;
    margin-right: 20px;
    position: relative;
}
.index .header .headerRight .headerRightTop .headertopItems img{
    margin-right: 10px;
}
.headertopItems.ewm:hover .erwei{
    display:block;
}
.headertopItems .erwei{
    width: 100px !important;
    height: 100px !important;
    position: absolute;
    top: -2px;
    left: -105px;
    z-index: 1000;
    display: none;
}
.index .header .headerRight .headerRightBottom{
    width: 315px;
    height: 42px;
    margin-top: 24px;
    display: flex;
    align-items: center;
}
.index .header .headerRight .headerRightBottom input{
    width: 250px;
    height: 35px;
    border: none;
    outline: none;
    padding-left: 10px;
}
.index .header .headerRight .headerRightBottom button{
   /* width: 50px;*/
    height: 35px;
    border: none;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    background-color: #d43e41;
}
.index .header .headerRight .headerRightBottom button img{
    width: 48%;
}
/* ?????? */
.index .nav{
    width: 100%;
    height: 54px;
    background-color: #d43e41;
    min-width:1200px;
}
.index .nav ul{
    width: 1200px;
    height: 100%;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: space-around;
}
.index .nav ul li{
    height: 100%;
}
.index .nav ul li a{
    display: block;
    height: 100%;
    line-height: 54px;
    font-size: 18px;
    font-weight: bold;
    color: #ffffff;
}
.toutiaobanner{
    width: 1200px;
    height: auto;
    margin: auto;
    margin-bottom: 44px;
    text-align: center;
	background-color: #F5F3F4;
	padding: 20px 0px 20px 0px;
	font-weight:bold;
}
/* ?¡À?????? */
.news{
    width: 1200px;
    margin: auto;
    display: flex;
}
.news .newsLeft{
    width: 55%;
    height: 360px;
    margin-right: 3%;
}
.news .newsLeft .mySwiper{
    width: 100%;
    height: 100%;
}
.news .newsLeft .mySwiper ul li{
    position: relative;
}
.news .newsLeft .mySwiper ul li .newsLeftTitle{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 58px;
    font-size: 16px;
    font-weight: bold;
    color: #ffffff;
    text-align: left;
    line-height: 58px;
    padding-left: 30px;
    background: rgb(51, 51, 51, 0.6);
}
.news .newsLeft .mySwiper ul li .newsLeftTitle p{
    width: 60%;
    overflow:hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow:ellipsis;
}
.swiper-slide {
	height: 360px;
    text-align: center;
    font-size: 18px;
    background: #fff;

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-block;
    display: block;
    -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;
}
.swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.swiper-slide .newsLeftTitle{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 32px;
    font-size: 14px;
    color: #ffffff;
    line-height: 32px;
    /* padding-left: 30px; */
    background: rgb(51, 51, 51, 0.6);
    text-align: center;
}
.swiper-slide .newsLeftTitle p{
    width: 100%;
    overflow:hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow:ellipsis;
}

.swiper{
    --swiper-theme-color: #e41e15;/* ?¨¨??Swiper¡¤??? */
    --swiper-navigation-color: #9C8752;/* ?????¨¨??¡ã??????? */
    --swiper-navigation-size: 25px;/* ?¨¨??¡ã????¨®?? */
  }
  .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction{
    /* bottom: -4px; */
    left: auto;
    right: 25px;
    width: auto;
    z-index: 111111;
  }
  .swiper-pagination-bullet{
    opacity: 1;
    border-radius: 0;
    background: #ffffff;
  }
  .swiper-pagination-bullet-active{
    background: #e41e15;
  }
.news .newRight{
    width: 42%;
}
.tabs-box{
    width: 100%;
    display: none;
}
.boxOne {
    display: block;
}
.news .newRight .newTitle{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 0 12px 0;
    margin-bottom: 20px;
    border-bottom: 2px solid #fbdaae;
}
.news .newRight .newTitle .tabs{
    font-size: 22px;
    font-weight: bold;
    color: #525353;
    display: flex;
    align-items: center;
}
.news .newRight .newTitle .tabs li{
    cursor: pointer;
    margin-right: 28px;
}
.news .newRight .newTitle .tabs .active{
    color: #d43e41;
    position: relative;
}
.news .newRight .newTitle .tabs .active::before{
    position: absolute;
    bottom: -14px;
    left: 0;
    width: 74px;
    height: 4px;
    background: #d43e41;
    content: "";
}
.news .newRight .newTitle .more{
    font-size: 14px;
    color: #797777;
}
.news .newRight .boxs .tabs-box ul{
    width: 100%;
}
.news .newRight .boxs .tabs-box ul li{
    width: 100%;
    line-height: 50px;
}
.news .newRight .boxs .tabs-box ul li a{
    display: block;
    width: 100%;
    height: 100%;
    font-size: 16px;
    color: #1a1a1a;
    overflow:hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow:ellipsis;
}
.news .newRight .boxs .tabs-box ul li:hover a{
    color: #d43e41;
}
/* ?¡ì?¡ã???????¨®???? */
.studyClique{
    width: 1200px;
    height: 108px;
    margin:38px auto;
}
.studyClique img{
    width: 100%;
    height: 100%;
    display:block;
}
/* ????¡Á??? */
.information{
    width: 1200px;
    margin: auto;
}
.information .informationUl{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
}
.information .informationUl .informationItems{
    width: 31.3333%;
    margin-right: 3%;
    margin-bottom: 42px;;
}
.information .informationUl .informationItems:nth-child(3n+3){
    margin-right: 0;
}
.information .informationUl .informationItems:last-child{
    margin-right: 0;
    margin-left: 3%;
}
.information .informationUl .informationItems .itemsTitle{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 0 12px 0;
    margin-bottom: 20px;
    border-bottom: 2px solid #fbdaae;
}
.information .informationUl .informationItems .itemsTitle h3{
    font-size: 22px;
    font-weight: bold;
    color: #d43e41;
    position: relative;
}
.information .informationUl .informationItems .itemsTitle h3::before{
    position: absolute;
    bottom: -14px;
    left: 0;
    width: 74px;
    height: 4px;
    background: #d43e41;
    content: "";
}
.information .informationUl .informationItems .itemsTitle .more{
    font-size: 14px;
    color: #797777;
}
.information .informationUl .informationItems .informationItemsLower .lowerImg a{
    font-size: 16px;
    font-weight: 600;
    color: #333333;
    display: flex;
    align-items: center;
}
.information .informationUl .informationItems .informationItemsLower .lowerImg a img{
    width: 130px;
    height: 80px;
}
.information .informationUl .informationItems .informationItemsLower .lowerImg a p{
    height: 60px;
    line-height: 26px;
    padding: 10px 15px;
    background: #f4f4f4;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    width: 210px;
}
.information .informationUl .informationItems .informationItemsLower .lowerImg:hover a p{
    color: #d43e41;
}
.information .informationUl .informationItems .informationItemsLower ul li{
    line-height: 42px;
}
.information .informationUl .informationItems .informationItemsLower ul li a{
    display: block;
    width: 100%;
    font-size: 16px;
    color: #333333;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
}
.information .informationUl .informationItems .informationItemsLower ul li:hover a{
    color: #d43e41;
}
.information .informationUl .informationImage{
    width: 100%;
    height: 102px;
    margin-bottom: 42px;
}
.information .informationUl .informationImage img{
    width: 100%;
    height: 100%;
}
/* ???????? */
.cityOverseasChinese{
    width: 1200px;
    height: 44px;
    margin: auto;
    font-size: 16px;
    color: #ffffff;
    display: flex;
    align-items: center;
    background: #d43e41;
}
.cityOverseasChinese .p1{
    margin :0 20px;
}
.cityOverseasChinese ul{
    width: 86%;
    margin-right: 20px;
    display: flex;
    align-items: center;
    justify-content: space-around;
}
.cityOverseasChinese ul li a{
    font-size: 16px;
    color: #ffffff;
}
.chineseSelect{
    width: 1200px;
    margin:30px auto 70px;
    font-size: 16px;
    color: #333333;
    display: flex;
    align-items: center;
}
.chineseSelect .chineseSelectLeft{
    width: 34%;
    margin-left: 20px;
    margin-right: 5%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.chineseSelect .chineseSelectRight{
    width: 58%;
    margin-right: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.chineseSelect .chineseSelectRight select{
    width: 33%;
    height: 38px;
    margin-right: 2%;
    text-align: center;
    outline: none;
}
.chineseSelect .chineseSelectRight select:nth-child(3){
    margin-right: 0;
}
.chineseSelect .chineseSelectLeft a{
    color: #333333;
}
/* ?¡Á?? */
.footerBg{
    width: 100%;
    height: 166px;
    background: #d43e41;
    min-width:1200px;
}
.footerBg .footer{
    width: 1200px;
    margin: auto;
    font-size: 14px;
    color: #ffffff;
    line-height: 24px;
    text-align: center;
    padding: 46px 0;
    letter-spacing: 2px;
}
/* ????¡¤??? */
.elegantDemeanourBg{
    width: 1200px;
    margin: auto;    
    margin-bottom: 50px;
}
.elegantDemeanourBg .elegantTitle{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 0 12px 0;
    margin-bottom: 20px;
    border-bottom: 2px solid #fbdaae;
}
.elegantDemeanourBg .elegantTitle h3{
    font-size: 22px;
    font-weight: bold;
    color: #d43e41;
    position: relative;
}
.elegantDemeanourBg .elegantTitle h3::before{
    position: absolute;
    bottom: -14px;
    left: 0;
    width: 74px;
    height: 4px;
    background: #d43e41;
    content: "";
}
.elegantDemeanourBg .elegantTitle .more{
    font-size: 14px;
    color: #797777;
}
.elegantSwiper{
    display: none;
    position: relative;
}
.eleActive{
    display: block;

}
.elegantDemeanour{
    display: flex;
    align-items: center;
}
.elegantDemeanour .demeanourItems {
    width: 84%;
    display: flex;
    align-items: center;
}
.elegantDemeanour .demeanourItems .demeTitle{
    width: 46px;
    height: 242px;
    font-size: 14px;
    font-weight: bold;
    color: #ffffff;
    text-align: center;
    letter-spacing: 12px;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    justify-content: center;
    writing-mode: vertical-rl;
    background: #e1a7a0;
}
.elegantDemeanour .demeanourItems .active{
    position: relative;
    background: #d43e41;
}
.elegantDemeanour .demeanourItems .active::before{
    position: absolute;
    top: 42px;
    left: 0;
    right: 0;
    width: 0;
    height: 0;
    margin: auto;
    border: 8px solid transparent;
    border-top: 8px solid #ffffff;
    content: '';
}
.elegantDemeanour .demeanourItems .eleActive{
    width: 88%;
    height: 242px;
    padding: 0 40px;
    display: flex;
    align-items: center;
    background: #f3f1f1;
}
.elegantDemeanour .demeanourItems .eleActive .swiper-slide{
    width: 226px;
    height: 164px;
}<!--ecms sync check [sync_thread_id="3bcee7cc5a424330844ab778a62d31c1" sync_date="2024-02-18 17:29:34" check_sum="3bcee7cc5a424330844ab778a62d31c1]-->