body,

ol,

ul,

h1,

h2,

h3,

h4,

h5,

h6,

p,

th,

td,

dl,

dd,

form,

fieldset,

legend,

input,

textarea,

select {

    margin: 0;

    padding: 0

}

input[type=button], input[type=submit], input[type=file], button { -webkit-appearance: none; }   

body {

    font-family: "微软雅黑", Arial;

    font-size: 12px

}



img {

    max-width: 100%;

    max-height: 100%;

}



h1,

h2,

h3,

h4,

h5,

h6 {

    font-weight: normal;

    font-size: 100%

}



table {

    border-collapse: collapse;

    border-spacing: 0

}



ul,

div,

article,

aside,

 

section {

    box-sizing: border-box;

    -moz-box-sizing: border-box;

    -webkit-box-sizing: border-box

}


a {

    text-decoration: none;

    transition: color 218ms cubic-bezier(0.42, 0, 0.58, 1)

}



a:hover {

    text-decoration: none

}



li {

    list-style: none

}



input[type=search] {

    -webkit-appearance: none

}



input[type="search"]::-webkit-search-decoration,

input[type="search"]::-webkit-search-cancel-button {

    display: none

}



img {

    border: 0;

    vertical-align: middle

}



input,

button,

select,

textarea {

    border: 0 none;

    outline: 0 none;

    font-family: Arial, sans-serif

}



address,

em,

i {

    font-style: normal

}



textarea {

    resize: none

}



html {

    -moz-text-size-adjust: 100%;

    -webkit-text-size-adjust: 100%

}



label {

    cursor: pointer

}::-moz-selection {

    color: #fff;

    background: #1378c6

}



::selection {

    color: #fff;

    background: #1378c6

}



::-moz-selection {

    color: #fff;

    background: #1378c6

}


 
.wrap {

    display: block;

    zoom: 1

}



section {
    clear: both;
}

.gb-h3 {

    text-align: center;

    font-size: 40px;

    color: #000;

    margin-bottom: 45px

}



.gb-h3 a {

    color: #000;

}



.gb-page {

    margin-top: 35px;

    text-align: center;

    font-size: 16px

}



.gb-page a {

    color: #666

}



.gb-page .prev {

    margin-right: 15px

}



.gb-page .next {

    margin-left: 15px

}



.gb-page a:hover {

    color: #1378c6

}



.gb-page .num {

    border: 1px solid #bebebe;

    width: 25px;

    height: 25px;

    display: inline-block;

    line-height: 23px

}

.md-section {
    padding-top: 55px;
    padding-bottom: 60px;
}

.gb-page .num.active,

.gb-page .num:hover {

    border: 1px solid #1378c6;

    color: #1378c6

}


.md-honor {

    position: relative;

    background: url(../images/img18.jpg) no-repeat center;

    background-size: cover

}



.md-honor .slide {

    overflow: hidden

}



.md-honor .body {

    position: relative

}



.md-honor .body:before {

    height: 3px;

    background: #1378c6;

    content: '';

    display: inline-block;

    left: 0;

    right: 0;

    top: 50%;

    position: absolute

}



.md-honor .swiper-slide ul {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-pack: distribute;

    justify-content: space-around

}



.md-honor .swiper-slide li {

    height: 455px;

    position: relative;

    text-align: center;

    width: 190px

}



.md-honor .swiper-slide li a {

    color: #666

}



.md-honor .swiper-slide li:before,

.md-honor .swiper-slide li:after {

    position: absolute;

    -webkit-transform: translate(-50%, 0);

    -ms-transform: translate(-50%, 0);

    transform: translate(-50%, 0);

    content: '';

    display: inline-block;

    left: 50%

}



.md-honor .swiper-slide li:before {

    width: 11px;

    height: 11px;

    border: 2px solid #1378c6;

    border-radius: 50%

}



.md-honor .swiper-slide li:after {

    width: 1px;

    height: 95px;

    background: #1378c6

}



.md-honor .swiper-slide h4,

.md-honor .swiper-slide .text {

    opacity: 0;

    transition: 1s;

    width: 100%;

    position: absolute

}



.md-honor .swiper-slide .text {

    height: 135px;

    color: #666;

    font-size: 14px;

    line-height: 24px

}



.md-honor .swiper-slide .text a {

    color: #666

}

.md-honor .swiper-slide .text a p {

    color: #666; font-size: 16px;

}


.md-honor .swiper-slide li:nth-child(2n+1) h4,

.md-honor .swiper-slide li:nth-child(2n+1) .text {

    -webkit-transform: translate(0, 50px);

    -ms-transform: translate(0, 50px);

    transform: translate(0, 50px)

}



.md-honor .swiper-slide li:nth-child(2n+1) h4 {

    top: 240px

}



.md-honor .swiper-slide li:nth-child(2n+1) .text {

    top: 0;

    -webkit-box-align: end;

    -ms-flex-align: end;

    align-items: flex-end

}



.md-honor .swiper-slide li:nth-child(2n+1):before {

    top: 121px

}



.md-honor .swiper-slide li:nth-child(2n+1):after {

    top: 133px

}



.md-honor .swiper-slide li:nth-child(2n) h4,

.md-honor .swiper-slide li:nth-child(2n) .text {

    -webkit-transform: translate(0, -50px);

    -ms-transform: translate(0, -50px);

    transform: translate(0, -50px)

}



.md-honor .swiper-slide li:nth-child(2n) h4 {

    top: 180px

}



.md-honor .swiper-slide li:nth-child(2n) .text {

    top: 355px;

    -webkit-box-align: start;

    -ms-flex-align: start;

    align-items: flex-start

}



.md-honor .swiper-slide li:nth-child(2n):before {

    top: 325px

}



.md-honor .swiper-slide li:nth-child(2n):after {

    top: 231px

}



::-webkit-scrollbar {

    width: 6px;

    height: 8px;

    background-color: #1378c6

}



::-webkit-scrollbar-track {

    border-radius: 3px;

    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);

    background-color: #fff

}



::-webkit-scrollbar-thumb {

    border-radius: 3px;

    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);

    background-color: #0262aa

}

.wrap::-webkit-scrollbar{display: none}

.md-honor .swiper-slide.swiper-slide-active li h4,

.md-honor .swiper-slide.swiper-slide-active li .text {

    opacity: 1;

    -webkit-transform: translate(0, 0);

    -ms-transform: translate(0, 0);

    transform: translate(0, 0)

}

.md-honor .slide{overflow: visible}

.md-honor .slide-prev,

.md-honor .slide-next {

    opacity: 1;

    width: 30px;

    height: 48px;

    margin-top: -5%;

    background-size: cover;

}

.wrap {
    width: 1200px;
    margin: 0 auto;
}

.md-honor .slide-next {
  width: 30px;

    height: 48px;
  
margin-top: -5%;
    background-size: cover;

    right: 5%;

}



.md-honor .slide-prev {

    left: 5%;

}



.md-honor h4 {

    font-size: 24px;

    color:#1378c6;

    font-weight: bold

}
 
.md-honor .wrap {

    position: relative

}

@media only screen  and (max-width:767px){
	.gb-h3 {
    text-align: center;
    font-size:18px;
    font-weight: bold;
    margin-bottom: 45px;margin-left:10px;margin-right:10px;
}
	.gb-h3 img{    width: 90px;}
	.md-honor .swiper-slide ul {padding-left:10px;padding-right:10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
}

}