*{margin:0;padding:0;box-sizing:border-box;}
a{
text-decoration:none;
color:#333;
}

.w{
max-width:980px;
margin:0 auto 4%;
}
.Banner{
height:446px;
background:#eee;
position:relative;
}

.swiper {
width: 100%;
height: 100%;
}

.s1 .swiper-slide {
text-align: center;
font-size: 18px;
/* 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;
}

.s1 .swiper-slide img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
.swiper-pagination-bullet {
width: 12px !important;
height: 12px !important;
}

.searchBox{
height:35px;
width:480px;
margin: 3.5% auto;
display:flex;
justify-content:space-between;
border:2px solid #000;
}

select {
width: 20%;
height: 100%;
outline: none;
border: none;
text-align: center;
padding: 0 1%;
margin: 0;
color: #999;
font-size: 14px;
}
option {
outline: none;
border: none;
font-size: 14px;
color: #999;
text-align:left;
}
input {
flex:1;
height: 100%;
background: #fff;
padding-left:2%;
outline:none;
border:none;
font-size:14px;
color:#333;
}
.ssIcon {
width: 8%;
height: 100%;
text-align:center;
display:flex;
justify-content: center;
align-items:center;
}
.ssIcon i{
font-size:22px;
}

.bx-head{
position:relative;
}

.nav2 {
display:none;
position: fixed;
top: 90px;
left: 0;
width: 100%;
background: rgba(247,247,247,0.8);
z-index: 999999;
box-shadow: 1px 10px 8px 2px #eee;
padding: 15px 0;
}
.nav2 .w{
display:flex;
justify-content:space-between;
}
.nav2 .w dl {
/*width:24%;*/
flex:1;
text-align:left;
}

.nav2 .w dl dt {
font-size: 14px;
font-weight: 700;
color: #000;
margin-bottom: 6%;
text-align: left;
}
.nav2 .w dl dt:hover {
    color:#333;
    background-color:transparent;
}
.bx-index-top01 .bx-nav ul li .w a:hover{
    background-color:transparent;
    color:#ff6600;
}
.nav2 .w dl dd {
    font-size: 14px;
    color: #333;
    margin-bottom: 1%;
    width: 100%;
}
.nav2 .w dl dd a {
width: 100%!important;
font-size: 14px;
color: #333;
margin-bottom: 1%;
}
.nav2 .w dl dd a:hover{
color:red;
background-color:transparent;
}
/*.S2:hover .nav2{
display:block;
}*/
.h-serve {
margin: 3.5% auto;
/*height:800px;*/
}

.title{
text-align:center;
margin:0 auto;
font-size:30px;
color:#404040;
}
.title span {
font-size: 30px;
color: #404040;
font-weight:700;
}

.h-serve > ul {
margin-top: 3%;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
height: 100%;
}
.h-serve > ul > li {
width: 49%;
height: 265px;
}
.h-serve>ul>li>div{
display:block;
width:100%;
/*height:100%;*/
position:relative;
}

.serve-box-1 {
position: absolute;
width: 75%;
height: 220px;
background:#eee;
top:0;
left:0;
}
.serve-box-2 {
position: absolute;
width: 100%;
height: 220px;
top: 0;
left: 0;
padding:5%;
display:flex;
justify-content:space-between;
}

.b2-text{
width:46%;
}
    .b2-text h3 {
        font-size: 25px;
        color: #666;
        font-weight: bold;
    }
    .b2-text ul {
        width: 100%;
        margin-top: 12px;
    }
.b2-text ul li {
width: 100%;
text-align: left;
margin-top:3px;

}
    .b2-text ul li a {
        width: 100%;
        height: 100%;
        display: block;
        line-height: 28px;
        text-align: left;
        font-size: 16px;
        color: #444;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
.b2-img {
width: 54%;
height:100%;
}

.b2-img img{
width: 100%;
height:100%;
}

.h-serve ul li>div:hover .serve-box-1 {
background: #375ea9;
}
.h-serve ul li > div:hover .serve-box-2 img {
    opacity: 0.8;
}
.h-serve ul li > div:hover .serve-box-2 h3 {
    color: #fff;
}
.h-serve ul li > div:hover .serve-box-2 .b2-text ul li a {
    color: #fff;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.h-serve ul li a .serve-box-2 .b2-text ul li > a:hover {
    color: deepskyblue;
}
body .mores {
width: 160px;
line-height: 32px;
background: #375ea9;
text-align: center;
color: #fff;
font-size: 14px;
position: absolute;
bottom: -4%;
left: 47%;
transform: translateX(-120%);
}

.h-research{
margin:3.5% auto;
}
.h-research ul{
margin-top:3%;
height:100%;
display:flex;
justify-content:flex-start;
}
.h-research ul li{
 width:16.6%;
height:318px;
border:1px solid #999;
border-right:none;
text-align:center;
}
.h-research ul li:nth-last-child(2){
border-right: 1px solid #999;
}
.h-research ul li .a{
display:block;
width:100%;
height:100%;
text-align:center;
padding:40px 10px 8px;
}
.h-research-box {
    height:100px;
}
.h-research ul li .a h3 {
font-size: 18px;
color: #444;
margin-top: 20px;
margin-bottom:25px;
font-weight:bold;
}
    .h-research ul li .a img {
        width: 74px;
        height: 74px;
        border-radius: 50%;
        border: 2px solid;
        padding: 5px;
        color: #375ea9;
    }
.h-research ul li .a p {
}
.h-research ul li .a p a {
font-size: 12px;
color: #444;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
display:block;
width:100%;
line-height:23px;
}
.h-research ul li:hover{
transform:scale(1.05);
border:none;
background:#375ea9;
cursor:pointer;
}
.h-research ul li:hover .a h3{
color:#fff;
}
.h-research ul li:hover .a p a {
color: #fff;
}
.h-research ul li:hover .a .more {
color: #fff;
}
.more {
display: inline-block;
width: 107px;
padding: 0 10px;
line-height: 27px;
text-align: center;
color: #333;
font-size: 14px;
border: 1px solid #999;
}
.bx-head-active {
position: fixed;
width: 100%;
background: rgba(255,255,255,1);
z-index: 99999;
top: 0;
}

.h-field{
margin:4.5% auto;
}
.h-field ul {
margin-top: 3%;
display: flex;
margin-left: -2%;
justify-content: flex-start;
}
.h-field ul li{
width:23%;
margin-left:2%;
}
.h-field ul li a{
display:block;
width:100%;
height:100%;
}
.h-field ul li a img{
height:120px;
width:100%;
}
.h-field ul li a h3 {
height: calc(100% - 120px);
text-align: left;
font-size: 26px;
color: #333;
padding: 10% 5% 38%;
background: #ebe8e8;
}





.h-video {
margin: 4.5% auto;
}

.h-video ul {
margin-top: 3%;
display: flex;
margin-left: -2%;
justify-content: flex-start;
}

.h-video ul li {
width: 23%;
margin-left: 2%;
}

.h-video ul li a {
display: block;
width: 100%;
height: 100%;
}

.h-video ul li a img {
height: 170px;
width: 100%;
}

.h-video ul li a h3 {
height: calc(100% - 170px);
text-align: center;
font-size: 12px;
color: #333;
line-height:32px;
background: #ebe8e8;
font-weight:500;
}

.h-news {
margin: 6.5% auto;
}
.h-news>ul {
display:flex;
justify-content:center;

}
.h-news>ul li {
width: 95px;
line-height:32px;
margin-left:5%;
border:1px solid #eee;
}
.h-news > ul > li a {
display: inline-block;
width: 100%;
height: 100%;
font-size: 16px;
color: #444;
text-align: center;
background: #eee;
}
.h-news>ul>li a:hover {
color: #fff;
background: #375ea9;
}
.h-news .h-n-box {
margin-top:4%;
display: flex;
justify-content: space-between;
}
.h-n-left {
width: 45%;
height: 100%;
box-shadow: 2px 2px 2px #e0e0e0;
padding: 4%;
border: 1px solid #eee;
}
.h-n-left>img {
width: 100%;
height:255px;
}
.h-n-left h3 {
font-size: 14px;
color: #333;
margin: 4% 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.h-n-left p {
font-size: 12px;
color: #444;
line-height: 26px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp:3;
-webkit-box-orient: vertical;
}
.new0{
color:#fff;
background:red;
font-size:12px;
border-radius:4px;
display:inline-block;
padding:1px;
float:right;
}
.tm {
font-size: 12px;
color: #375ea9;
float: right;
}
.h-n-right {
width: 53%;
height: 100%;
}
.h-n-right ul {
height: 100%;
  
}
.h-n-right ul li {
width: 100%;
height: 130px;
box-shadow: 2px 2px 2px #e0e0e0;
margin-bottom: 2%;
border: 1px solid #eee;
}
.h-n-right ul li a{
width: 100%;
height: 100%;
display:flex;
justify-content:space-between;
padding:5%;
}

.h-n-right ul li a img {
width: 20%;
height: 100%;
}

.h-n-right ul li a .hr-right {
width: 78%;
height:100%;
}

.h-n-right ul li a .hr-right .tt {
display: flex;
justify-content: space-between;
align-items:center;
}
.h-n-right ul li a .hr-right h3 {
width: 70%;
font-size: 14px;
color: #333;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.h-n-right ul li a .hr-right span {
width:20%;
font-size: 12px;
color: #375ea9;
}
.h-n-right ul li a .hr-right p {
width: 100%;
font-size: 12px;
color: #333;
line-height: 20px;
margin-top: 5%;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
.h-n-right ul li a:hover h3{
color:red;
}
.h-field ul li:hover h3{
background: #375ea9;
color:#fff;
}

.more1 {
display: block;
margin: 1% auto;
width: 70%;
line-height: 35px;
background: #375ea9 !important;
color: #fff;
text-align: center;
box-shadow: 0 2px 6px grey;
border-radius: 4px;
font-size:16px;
}
.more1:hover {
  
color: red;
}

.h-publish{
margin-top:3.5%;
margin-bottom:4%;
}
.h-publish ul {
margin-top:4%;
height: 100%;
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
margin-left: -2%;
}
.h-publish ul li{
width:23%;
margin-left:2%;
margin-bottom:3%;
}
.h-publish ul li a {
width: 100%;
height:100%;
display:block;
}













/* 关于我们/ */
.about {
margin-top: 3%;
}

.abtop-img {
height: 120px;
margin-bottom:3%;
}

.abtop-img img {
height: 100%;
width: 100%;
}

.about h6 {
font-size: 16px;
color: #444;
}

.bdy {
margin-top: 4%;
display: flex;
justify-content: space-between;
}

.bdy-left {
width: 20%;
}

.bdy-right {
width: 78%;
}

.bdy-left h3 {
font-size: 14px;
color: #fff;
background-color: #375ea9;
text-align: left;
line-height: 38px;
padding-left: 8%;
margin-bottom: 3%;
}

.bdy-left ul {
height: 100%;
}

.bdy-left ul li {
line-height: 38px;
position: relative;
}

.flbox {
padding-left: 18%;
}

.bdy-left ul li .flbox::after {
content: '';
width: 4px;
height: 4px;
background: #c4c4c4;
border-radius: 50%;
position: absolute;
top: 50%;
left: 10%;
transform: translateY(-50%);
}

.bdy-left ul li a {
display: inline-block;
width: 100%;
height: 100%;
text-align: left;
font-size: 16px;
color: #333;
}

.bdy-left ul li a:hover {
color: #fff;
background-color: #375ea9;
}

.bdy-box1 {
border: 1px solid #e9e9e9;
background: #FBFBFB;
}

.bdy-box2 {
margin-top: 12%;
border: 1px solid #e9e9e9;
background: #FBFBFB;
}

.bdy-box3 {
margin-top: 12%;
border: 1px solid #e9e9e9;
background: #FBFBFB;
}

.bdy-right .tt {
text-align: center;
margin-bottom: 5%;
}

.bdy-right p {
color: rgb(75, 75, 75);
text-indent: 2em;
font-size: 16px;
margin-top: 2%;
line-height: 28px;
}

.bdy-right h6 {
margin-top: 3%;
}

.bdy-right img {
display: block;
margin: 3% auto;
}





/* 学术 */


.xueshu {
margin-top: 3%;
}
.xueshu img{
margin:0!important;
}
.xueshu .bdy-right {
display: flex;
justify-content: space-between;
height: 277px;
}

.xs-lbox {
width: 68%;
height: 100%;
overflow:hidden;
}

.xs-rbox {
height: 100%;
width: 29%;
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: center;
overflow:hidden;
}

.rbox-item {
width: 100%;
/*height: 113px;*/
  
}

.xs-lbox>img{
width:100%;
height:100%;
}
.rbox-item > img {
width: 100%;
height: 100%;
}
.rbox-item:nth-child(2) > img {
width: 100%;
height: 100%;
}


.bdy-right>h3{
font-size:20px;
color:#333;
}

.zhuanti ul{
height:100%;
}
.zhuanti ul li{
padding:2% 0;
border-bottom:1px solid #eee;
}
.zhuanti ul li a {
display: inline-block;
height: 100%;
text-align: left;
}
.zhuanti ul li a img{
width:auto;
}
.zhuanti ul li a p {
font-size: 16px;
color: #333;
text-align: left;
position: relative;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.zhuanti ul li a p::after {
content: '';
width: 6px;
height: 6px;
background: #000;
border-radius: 50%;
position: absolute;
top: 50%;
left: 2%;
transform: translateY(-50%);
}



.serve .bdy-right ul {
margin-top: 2%;
height: 100%;
}
.serve .bdy-right ul li {
line-height: 48px;
border-bottom: 1px solid #eee;
}
.serve .bdy-right ul li a {
display: block;
width: 100%;
height: 100%;
font-size: 16px;
color: #333;
position: relative;
padding: 0 3%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}

.serve .bdy-right ul li a::after {
content: '';
width: 6px;
height: 6px;
background: #000;
border-radius: 50%;
position: absolute;
top: 50%;
left: 0%;
transform: translateY(-50%);
}


.serve .bdy-right ul li a:hover {
color: #ff6600;
}

.serve .bdy-right ul li a:hover::after {
background: #ff6600;
}


.Fnav {
display: flex;
justify-content: space-between;
}

footer {
background: #efefef;
padding-top:1%;
}
footer  .w {
margin: 0 auto 0%;
}
.foot-nav {
display: flex;
justify-content: space-between;
}

.fn-left{
/*float:left;*/
width:60%;
}
.fn-right {
text-align:right;
/*float: right;*/
width:36%;
}
.foot-nav dl {
    border-left: 1px solid #e0e0e0;
    padding-left: 5%;
}
.foot-nav dt {
font-size:16px;
font-weight:700;
color:#333;
}
.foot-nav dd {
font-size: 16px;
color: #333;
line-height:28px;

}
    .foot-nav dd a {
        clear: both;
        padding-left: 10px;
        text-indent: 10px;
        background: url('../../../images/gray_arrow.gif') no-repeat left 7px;
        font-weight: normal;
        line-height: 1.8em;
        height: 1.8em;
        overflow: hidden;
    }
     .foot-nav dd a:hover {
        color: #ff6600;
    }

.fn-right img{
width:50%;
}

.Finfo{
background:#164172;
padding:1% 0 2%;
text-align:center;
}
.Finfo p{
font-size:16px;
color:#fff;
margin-top:1%;
}
.fsmall {
font-size: 15px;
color: #fff;
}
.footer {
font-size: 14px;
color: #fff;
margin-top: 8%!important;
}


.bx-index-top01 {
height: 90px;
line-height: inherit; 
position: relative;
}
.bx-index-top01 .bx-logo {
max-height: 90px;
line-height:90px;
}
.bx-index-top01 .bx-logo img {
max-height: 60px;
}
.bx-index-top01 .bx-nav ul li {
position: relative;
float: left;
line-height: 90px;
text-align: center;
font-size: 16px;
color: #666666;
background-color: #ffffff;
z-index: 600;
padding: 0 0px;
}

.tel400 {
position: absolute;
top: 50%;
right: 0;
transform: translateY(-50%);
text-align:center;
}
.tel400 img {
width:160px;
margin-bottom:5%;
}
.pull-right {
float: inherit !important;
margin: 0 24%;
}
.bx-index-top01 .bx-nav ul li a {
width: 85px;
}
.bx-index-top01 .bx-logo {
max-height: 60px;
}

.right-silder{
position:fixed;
bottom:25%;
right:1%;
width: 110px;
background:rgb(199,21,33);
padding:10px;
z-index:999;
}

.right-silder ul li {
height: 32%;
width: 100%;
min-height: 110px;
border-bottom: 1px dotted #eee;
display: flex;
align-items: center;
}
.right-silder ul li a{
height: 100%;
width: 100%;
display:block;
text-align:center;
}
.right-silder ul li a img {
min-height:60px;
width: 100%;
}
.right-silder ul li:nth-child(3){
padding:11% 0;
}
.right-silder ul li:nth-child(3) a img {
min-height: auto;
width: 100%;
max-width: 80%;
}
.right-silder ul li a p {
font-size:12px;
color:#fff;
text-align:center;
}

.right-silder ul li a p.gz {
font-size: 12px;
transform: scale(0.8);
}
.nei-navTwo {
    overflow: hidden;
    margin-top: 20px;
}
    .nei-navTwo p {
        float: left;
        color: rgb(75, 75, 75);
        text-indent: inherit;
        font-size: 16px;
        margin-top: 0;
        line-height: 28px;
        margin-right: 10px;
    }
        .nei-navTwo p a {
            padding: 0 10px;
            background: #eee;
            color: #fff;
            display: block;
            border-radius: 3px;
            line-height: 32px;
            color: #444;
        }
            .nei-navTwo p a.active {
                background-color: #3278C8;
                color: #fff;
            }
.nav2-about{
    display:flex;
    
}
.nav2-about-left{
    width:70%;

}
    .nav2-about-left .img{
        display:inline-block;
        width:49%;
    }
    .nav2-about-left p {
        display: inline-block;
        width:50%;
        line-height:30px;
        font-size:14px;
        text-align:left;
        vertical-align:top;
        padding:20px 30px;
        height:155px;
    }
    .nav2-about-a {
        width: 30%;
    }
    .nav2-about-a a{
        display:inline-block;
        line-height:23px;
        color:#444;
        text-align:left;
        font-size:14px;
        padding-left:10px;
        font-weight:bold;
        margin-bottom:10px;
        width:100% !important;
    }
.from-list {
    margin: 1.5em 0;
}
    .from-list.s input{
        height:86px;
    }
    .from-list span {
        float: left;
        width: 155px;
        font-size: 12px;
        color: #333;
        line-height: 30px;
        text-align: left;
        display: inline;
        font-weight: 700;
    }
        .from-list span i{
            color:#ff0000;
        }
        .from-list input {
            border: 2px solid #e3e4e8;
            border-radius: 5px;
            padding: 4px;
            width: 370px;
        }
.Message-but {
    width: 160px;
    height: 43px;
    line-height: 40px;
    margin-left: 150px;
    display: block;
    cursor: pointer;
    background-color: #dedede;
    font-size: 18px;
    border: 1px solid #dedede;
    border-radius: 50px;
    letter-spacing: 10px;
    text-align: center;
    padding: 0;
    vertical-align: middle;
    margin-top:50px;
}




@media screen and (max-width:1200px) {
    .w {
max-width: 1000px;
}
.bx-index-top01 .bx-nav ul li a {
width: 65px;
}
    
}


@media screen and (max-width:1000px) {
.w {
max-width: 100%;
padding: 0 10px;
}

.h-research ul {
flex-wrap: wrap;
margin-top: 3%;
height: 100%;
display: flex;
justify-content: flex-start;
}

.searchBox {
width: auto;
}

.tel400 {
display: none;
}

.Banner {
height: auto;
background: #eee;
position: relative;
}

.swiper-pagination-bullet {
width: 6px !important;
height: 6px !important;
}

.title {
text-align: center;
margin: 0 auto;
font-size: 20px;
color: #404040;
}

.title span {
font-size: 20px;
color: #404040;
font-weight: 700;
}

.h-serve > ul > li {
width: 100%;
height: 240px;
}

.b2-text h3 {
font-size: 16px;
color: #666;

}

.b2-text ul li p {
font-size: 14px;
color: #444;
line-height: 22px;
}

.mores {
width: 160px;
line-height: 32px;
background: #375ea9;
text-align: center;
color: #fff;
font-size: 14px;
position: absolute;
bottom: -18%;
left: 68%;
transform: translateX(-120%);
}

.serve-box-2 {
height: auto;
}

.h-research ul li {
height: auto;
width: 50%;
border: none;
}

.h-research ul li .a h3 {
font-size: 16px;
color: #444;
margin-top: 15px;
margin-bottom: 10px;
}
 

    .more {
        margin-top: 5%;
    }

.h-research ul li .a {
padding: 15px 10px 8px;
}

.h-field ul {
justify-content: space-between;
flex-wrap: wrap;
margin-left: 0;
}

.h-field ul li {
width: 48%;
margin-left: 0;
}

.h-field ul li a img {
height: auto;
width: 100%;
}

.h-field ul li a h3 {
height: auto;
text-align: center;
font-size: 16px;
color: #333;
padding: 0;
background: #ebe8e8;
line-height: 42px;
}

.h-video ul {
margin-top: 3%;
display: flex;
margin-left: 0;
justify-content: space-between;
flex-wrap: wrap;
}

.h-video ul li {
width: 49%;
margin-left: 0;
}

.h-news .h-n-box {
margin-top: 4%;
display: inherit;
}

.h-n-left {
width: 100%;
}

.new0 {
display: none;
}

.h-n-right {
margin-top: 2%;
width: 100%;
height: 100%;
}

.h-n-right ul li {
height: auto;
}

.h-n-right ul li a .hr-right span {
width: 27%;
font-size: 12px;
color: #375ea9;
}

.h-n-right ul li a .hr-right h3 {
width: 60%;
}

.h-n-right ul li a .hr-right p {
margin-top: 1%;
}

.h-n-right ul li a {
padding: 3%;
}

.h-n-left > img {
width: 100%;
height: auto;
}

.h-publish ul li {
width: 32%;
margin-left: 0;
margin-bottom: 3%;
}

.h-publish ul {
margin-top: 4%;
height: 100%;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
margin-left: 0;
}

.Finfo p {
font-size: 14px;
color: #fff;
margin-top: 1%;
}

.Fnav {
display: inherit;
justify-content: space-between;
}

.fn-left {
width: 100%;
display: none;
}

.fn-right {
text-align: center;
width: 100%;
display: flex;
justify-content: space-between;
}

.fn-right img {
width: 49%;
}

.h-video ul li a img {
height: auto;
max-height: 170px;
min-height: 130px;
width: 100%;
}

.pull-right {
float: right !important;
margin: 0;
}

.bx-index-top01 .bx-logo {
height: 50px;
margin-top: 5px;
line-height: inherit;
}

.bx-index-top01 .bx-logo img {
max-height: 40px;
}

.bx-index-top01 {
height: auto;
line-height: inherit;
position: relative;
}

.bx-index-top01 .bx-nav ul li {
position: relative;
float: inherit;
line-height: 45px;
text-align: center;
font-size: 16px;
color: #666666;
background-color: #ffffff;
z-index: 600;
padding: 0 0px;
}

.bx-sideBar {
position: fixed;
right: 0;
top: 70%;
z-index: 9999999;
}

.bx-index-top01 .bx-nav {
right: 0;
}

.bx-index-top01 .bx-nav ul li a:hover, .bx-index-top01 .bx-nav ul li a.focus {
color: #ffffff;
background-color: #375ea9;
}

.bdy-left {
width: 30%;
display:none;
}

.bdy-right {
width: 100%;
}

.bdy-left ul li a {
display: inline-block;
width: 100%;
height: 100%;
text-align: left;
font-size: 14px;
color: #333;
}

.serve .bdy-right ul li a {
font-size: 14px;
}

.serve .bdy-right ul li a::after {
content: '';
width: 4px;
height: 4px;
background: #000;
border-radius: 50%;
position: absolute;
top: 50%;
left: 0%;
transform: translateY(-50%);
}

.bdy-right .tt {
text-align: left;
margin-bottom: 5%;
font-size: 14px;
}

.bdy-right h6 {
margin-top: 3%;
font-size: 14px;
}

.bdy-right p {
color: rgb(75, 75, 75);
text-indent: 0;
font-size: 14px;
margin-top: 2%;
line-height: 28px;
}

.bdy-right > h3 {
font-size: 16px;
color: #333;
}

.zhuanti ul li a p {
font-size: 14px;
color: #333;
text-align: left;
position: relative;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}

.zhuanti ul li a p::after {
display: none;
}

.abtop-img {
height: auto;
margin-bottom: 3%;
}

.xueshu .bdy-right {
display: flex;
justify-content: flex-start;
height: auto;
flex-direction: column;
}
.xs-rbox {
height: auto;
width: 100%;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
}
.xs-lbox {
width: 100%;
height: auto;
margin-bottom:2%;

}
select {
width: 28%;
}
.bx-index-top01 .bx-nav ul li a {
width: 85px;
}
/*   .h-serve > ul {
margin-top: 3%;
display: inherit;
justify-content: space-between;
flex-wrap: wrap;
height: 100%;
}
.h-serve > ul > li {
width: 100%;
height: auto;
}
.serve-box-1{
display:none;
}
.serve-box-2 {
height: auto;
position: inherit;
padding: 2%;
}

.b2-img {
width: 60%;
height: auto;
}*/

.mores {
display: none;
}
.right-silder {
display: none;
}
.bx-head {
border-bottom: 1px solid #eee;
}

    .nav2 {
        position: relative;
        left: 0;
        top: 0;
        box-shadow: none;
    }
.webdiyerCss a, .webdiyerCss a:link, .webdiyerCss .redcss {
padding: 5px 1px;
margin: 0 3px;
}
    .bx-index-top01 .bx-nav{
        width:100%;
        margin-top:0;
    }
    .nav2 .w{
        flex-direction:column;
    }
    .nav2 .w dl {
        width: 100%;
        padding-left:15px;
    }
        .nav2 .w dl dt{
            margin-bottom:10px;
        }
        .nav2 .w dl dd{
            padding-left:15px;
        }
        .nav2 .w dl dt a{
            width:100%;
        }
    .nav2-about-left{
        display:none;
    }
    .nav2-about-a{
        width:100%;
    }
    .Message-but{
        margin:0 auto;
    }
}