/*common start*/
body,div,ul,li,a,img,p,dl,dt,dd,h1,h2,h3,h4,span,strong,input{ margin:0; padding:0;list-style:none;text-decoration:none;border:0; list-style:none;}
body {
 
    font-family: "Exo", Helvetica, Arial, sans-serif; padding-right:0px  !important;}
html{ overflow: auto !important}
a{color:#666;}
a:hover{ color:#002f64; /*text-decoration:underline;*/}
p{line-height:1.8em; padding:5px 0;}
.clear{ margin:0; padding:0; font-size:0; clear:both; }
.wapper{ max-width:1180px; margin:0 auto; width:90%;}



.title{ text-align:center;}
.title h2{ font-size:48px; display:block}
.title span{ font-size:20px; color:#5C5C5C; display:block; line-height:1.5; margin-top:4%;}

.cent01{ margin:4% auto; display: flex;  align-items: center;justify-content: space-between;}

.cent01-l{ width:50%}
.cent01-l .title{ text-align:left;}
.cent01-l ul{ margin-top:10%; margin-left:10%}
.cent01-l ul li{ margin-bottom:4%;}
.cent01-l ul li h2{ font-size:24px; font-weight:500; color:#002f64; line-height:1.41667;}
.cent01-l ul li span{ font-size:16px; color:#5C5C5C}
.cent01-l .more{ /*display:none*/}
.cent01-r{flex: 0 0 auto;  width: 41.66667%;}

.cent01-b{position:relative;    padding-top: 136%; width:100%}
.cent01-b img{ width:100%; vertical-align:bottom;}
.cent0101{top: -1%;left: 44%;width: 87%;position:absolute;}
.cent01032{top: 37%;left: 6%;width: 58%;position:absolute;}


.cent02 .title{ margin-bottom:4%;}
.cent02 ul li{ float:left; display:block;width:calc((100% - 8%)/3); margin-right:4%; margin-bottom:4%;}
.cent02 ul li:nth-child(3n) { margin-right: 0% ;}
.cent02 ul li .img{ width:100%; overflow:hidden}
.cent02 ul li .img img{ width:100%; vertical-align:bottom;cursor:pointer; transition: all 0.5s;}
.cent02 ul li:hover .img img{transform: scale(1.1);}
.cent0201{ padding:5% 0 0 0;}
.cent0201 span{ font-size:14px; display:block; color:#002f64; font-weight:600}
.cent0201 h2{ height:27px; overflow:hidden; font-size:20px; color:#2d2d2d; font-weight:500; margin-top:4%;}
.cent0201 .hours{ display: flex;   align-items: center;flex-wrap: wrap; }
.cent0201 .hours em{ font-style:normal; display: flex;   align-items: center; margin-right:5%; margin-top:3%;    font-weight: 600; color:#5C5C5C}
.cent0201 .hours em img{ width:24px; display:block; margin-right:10px}
.cent02 ul li:hover .cent0201 h2{ color:#002f64}
.more{ text-align:center; margin-top:2%}
.more a{ display:inline-block; font-size:16px; padding:12px 38px; background:#002f64; color:#fff; font-weight:600; border-radius:10px;    transition: background 0.3s 0.01s, border-color 0.3s 0.01s; position:relative;}
.more a span{         position: relative;
        overflow: hidden;
        display: inline-block;
        line-height: 20px;
        text-align: center;
        opacity: 0.01;
        color: inherit;
        transform: translate3d(0, -10px, 0);
        transition: 0.22s;
        transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);}
.more a:hover span{        opacity: 1;
        top: 0;
        transform: translate3d(0, 0, 0);}
.more a .button-original-content {
        position: absolute;
        z-index: 1;
        opacity: 1;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        display: block;
        padding: inherit;
        transform: translate3d(0, 0, 0);
        letter-spacing: 0.05em;
        min-width: inherit;
        background-color: transparent;white-space:nowrap;
    }

.more a:hover .button-original-content{         opacity: 0;
        transform: translate3d(0, 100%, 0);
        transition-delay: 0s !important;}
@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}


.cent03-bg{ margin-top:4%;}
.cent03{ padding:4% 0; color:#fff;}
.cent03 ul li{ float:left; text-align:center;  width:25%;}
.cent03 ul li .img{ width:100px; height:100px; border-radius:50%; border:1px solid #fff; overflow:hidden; display: flex; justify-content: center;  align-items: center; margin:0 auto; position:relative}
.cent03 ul li .img img{ position:relative; z-index:2; max-height:100%; max-width:100%;}
.cent03 ul li .img:before{    top: 50%;
    bottom: 50%;
    left: 50%;
    right: 50%;
    opacity: 0;
    background: #002f64;    position: absolute;
    content: "";
    display: inline-block;
    border-radius: 50%;
    transition: 450ms ease-in-out;
}
.cent03 ul li h6{ font-size:20px;    font-weight: 500; display:block;margin-top:10%}
.cent03 ul li span{ display:block; font-size:16px; line-height:1.5; margin-top:8%}
.cent03 ul li:hover .img{ border:0px solid  #002f64;} 
.cent03 ul li:hover .img img{filter: brightness(0%) contrast(200%) invert(100%) opacity(100%); }

.cent03 ul li:hover .img:before {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 1;
    box-shadow: 0 8px 29px rgba(63, 9, 102, 0.25);
}


.cent04 { margin:4% auto; display: flex;  align-items: center;justify-content: space-between;}
.cent0402{ width:50%}
.cent0402 ul li{ float:left; display:block; width:50%; margin-bottom:6%}
.cent0402 ul li .img{ width:32px; display:block; margin-bottom:7%}
.cent0402 ul li .img img{  max-width:100%; max-width:100%;}
.cent0402 ul li .mun_top{ display: flex;  align-items: center; font-size:48px; color:#002f64; font-weight:500}
.cent0402 ul li .mun_top h2{ font-size:48px; font-weight:bold;}
.cent0402 ul li p{ font-size:24px; display:block; color:#2d2d2d; font-weight:500;}
.cemt0401{flex: 0 0 auto;  width: 41.66667%;}
.cemt0401-b{position:relative;    padding-top: 136%; width:100%}
.cemt0401-b img{ width:100%; vertical-align:bottom;}
.cemt040101{top: 22%; right: 20%;width: 87%;position:absolute;}
.cemt040102{top: 4%; right: -1%;width: 53%;position:absolute;}
.cent0402 .more{ text-align:left; margin-left:10vw;}


.cent05{ margin:4% auto;}
.cent05 ul li{ float:left; display:block; width:calc((100% - 12%)/4); margin-right:4%; margin-top:4%;}
.cent05 ul li:nth-child(4n) { margin-right: 0%;}
.cent05 ul li .img{ width:100%;overflow:hidden;}
.cent05 ul li .img img{ width:100%; vertical-align:bottom;cursor:pointer; transition: all 0.5s;}
.cent05 ul li:hover .img img{transform: scale(1.1);}
.cent05 ul li h2{ font-size:20px; display:block; color:#2d2d2d; margin-top:7%}
.cent05 ul li span{ display:block; font-size:14px; font-weight:bold; color:#002f64;margin-top:7%}
.cent05 ul li .fenx{display: flex; margin-top:7%}
.fenx a{ width:16px; height:16px; display: flex; justify-content: center;  align-items: center; margin-right:0.5vw}
.fenx a img{ max-width:100%; max-height:100%;filter: brightness(0%) contrast(200%) invert(50%) opacity(100%);  }
.fenx a:hover img{filter:none;}

.cent06-bg{ background:#f7f7f7; padding:5% 0;}
.cent06-bg .title span{ width:80%; margin:3% auto 0;}
.cent0601{ position:relative;}
.cent0601 .mySwiper01{ width:94%; margin:4% auto 0;  overflow:hidden}
.cent0601 .mySwiper01 .swiper-slide .img-bg{ background:#fff; display: flex;   align-items: flex-start;justify-content: space-between; padding:8% 4%}
.cent0601 .mySwiper01 .swiper-slide .img-bg .img{ width:86px; height:86px; border-radius:50%; overflow:hidden;}
.cent0601 .mySwiper01 .swiper-slide .img-bg .img img{ width:100%; height:100%;}
.cent0601 .mySwiper01 .swiper-slide .img-bg .img-r{width:calc(100% - 120px);}
.cent0601 .mySwiper01 .swiper-slide .img-bg .img-r h2{ font-size:20px; font-weight:500; display:block; height:28px; overflow:hidden}
.cent0601 .mySwiper01 .swiper-slide .img-bg .img-r span{ margin-top:12px; font-size:16px; color:#2d2d2d; line-height:1.5;     overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
   -webkit-line-clamp: 4; }
.cent0601 .mySwiper01 .swiper-slide .img-bg .img-r a{ font-size:14px; color:#002f64; font-weight:500; margin-top:12px; display:block;text-transform: uppercase;}
.cent0601 .swiper-button-next, .cent0601  .swiper-button-prev{ }
.cent0601 .swiper-button-next:after, .cent0601 .swiper-button-prev:after{font-size:14px; font-weight:bold; color:#333}

.banenr02{ padding:14% 0 3% 0;}
.banner0201{ color:#fff; text-align:center;}
.banner0201 p{ font-size:1.6vw; line-height:1.3; display:block}
.banner0201 h2{ font-size:4.2vw;  display: flex; justify-content: center;  align-items: center;flex-wrap: wrap; margin:4% auto 10%; }
.banner0201 h2::after,.banner0201 h2::before{        content: '';
      
        transform: translateY(-10%) rotate(45deg);
        width: 15px;
        height: 15px;
    background: #ffffff; margin:0 1vw;
}

.weizhi{ color:#fff; font-size:1vw;}
.weizhi a{ color:#fff; margin:0 0.5vw; font-size:1vw;}
.weizhi i{ color:#fff;margin:0 0.5vw; font-size:1vw;}
.weizhi a:hover{  color:rgba(255, 255, 255, 0.5)}

.cent07{ margin:3% auto 0;}
.cent07 ul{ display: flex; justify-content: center;  align-items: center;flex-wrap: wrap; }
.cent07 ul li{ margin:0 1vw;}
.cent07 ul li a{ font-size:18px; color:#2d2d2d;}
.cent07 ul li a:hover{ color:#002f64}
.cent07 ul li.on a{color:#002f64}

.cent08{ margin:3% auto;}
.cent08 ul li{ float:left; display:block;width:calc(100%/3); margin-bottom:3%; box-sizing:border-box; border-radius:10px; overflow:hidden;}
.cent08 ul li a{ padding:8%; width:100%; display:block; box-sizing:border-box;}
.cent08 ul li:nth-child(3n) {margin-right: 0% ;}
.cent08 ul li .img{ width:100%; border-radius:20px; overflow:hidden;}
.cent08 ul li .img img{ width:100%; vertical-align:bottom;}
.cent08 ul li:nth-child(3n-2){ clear:left;}
.cent08 ul li:hover{ box-shadow: 0px 0px 15px #ccc;}
.cent01801{ padding:4% 0 0; text-align:center; color:#2d2d2d}
.cent01801 em{ display:block; font-size:12px; font-style:normal; color:#666;}
.cent01801 span{    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
   -webkit-line-clamp: 1; font-size:18px; font-weight:500; text-align:center; margin-top:4%; line-height:1}
.cent08 ul li:hover .cent01801 span{ border-bottom:1px solid #002f64;}
.cent09{ margin:2% auto;}
.cent09 ul{ display: flex; justify-content: center;  align-items: center;flex-wrap: wrap; }
.cent09 ul li{ width:30px; height:30px; border-radius:50%; overflow:hidden;}
.cent09 ul li a{ width:100%; height:100%;  display: flex; justify-content: center;  align-items: center; font-size:14px; color:#666;}
.cent09 ul li.on a{ background:#002f64; color:#fff;}



.cent10{ margin:3% auto;}
.title02{ text-align:center; border-bottom:1px solid #f2f2f2; padding-bottom:1%;}
.title02 h2{ font-size:28px; color:#2d2d2d; font-weight:500;}
.title02 em{ font-size:14px; font-style:normal; color:#666; line-height:1.5; display:block; margin-top:2% }
.wenzi{}
.wenzi>span{ font-size:16px; color:#5C5C5C; line-height:1.5; display:block; margin-top:2%}
.wenzi>strong{ color:#2d2d2d; display:block; font-size:20px; font-weight:500; margin-top:3%;}

.cent11{ margin-bottom:4%}
.cent12{  margin-bottom:4%}
.cent12 ul li{ float:left; display:block; width:calc((100% - 6%)/3); margin-right:3%; margin-top:3%;    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);    transition: all 0.3s ease; border-radius:10px; overflow:hidden;}
.cent12 ul li:nth-child(3n) {
    margin-right: 0% ;
}
.cent12 ul li a{ display:block}
.cent12 ul li a .img{ width:100%; overflow:hidden; }
.cent12 ul li a .img img{ width:100%; vertical-align:bottom;transition: all 0.5s;cursor:pointer; }
.cent12 ul li:nth-child(3n-2){ clear:left;}
.cent12 ul li a span{ font-size:18px; line-height:1.5; color:#2d2d2d; display:block; padding:5%; font-weight:bold}
.cent12 ul li:hover { transform: translateY(-5px); box-shadow: 0 10px 30px rgba(22, 93, 255, 0.15);}
.cent12 ul li:hover .img img{transform: scale(1.1);}


@media only screen and (max-width: 980px) {
.title h2{ font-size:24px}
.cent01{flex-wrap: wrap; }
.cent01-r{ width:100%; order: 1;}
.cent0101{ left:10%;}
.cent01-l{ width:100%;order: 2;}
.title span{ font-size:18px;}
.ys_page_wrap{ min-height:auto !important }
.cent01-l ul{ margin-left:0}
.cent01-l ul li h2{ font-size:19px}
.cent01-l ul li span{ font-size:15px; margin-top:10px}
.cent01-l .more{ display:block}
.cent02{ margin-top:5%;}
.cent02 ul li{ float:none; display:block; width:100%; margin-top:5%; margin-right:0;}
.cent03 ul li{ width:50%; margin-bottom:5%}
.cent03{ padding:5% 0;}
.cent04{ margin:5% auto; flex-wrap: wrap;}
.cemt0401{ width:100%;}
.cemt040101{ right:5%; top: 8%;}
.cent0402{ width:100%;}
.cent0402 ul li{ text-align:center;}
.cent0402 ul li .img{ margin-left:auto; margin-right:auto;}
.cent0402 ul li .mun_top{  font-size:24px;justify-content: center; }
.cent0402 ul li .mun_top h2{ font-size:24px}
.cent05{ margin:5% auto}
.cent05 ul li{ float:none; display:block; width:100%; margin-right:0; margin-top:5%;}
.cent0601 .mySwiper01 .swiper-slide .img-bg{flex-wrap: wrap; }
.cent0601 .mySwiper01 .swiper-slide .img-bg .img-r{ width:100%; margin-top:5%;}
.cent0601 .mySwiper01 .swiper-slide .img-bg .img-r h2{ height:20px}

.banner0201 p{ font-size:24px;}
.weizhi{  font-size:14px;}
.weizhi a{  font-size:14px;}
.weizhi i{ font-size:14px;}
.banner0201 h2{ font-size:24px}
.banenr02{ padding:14% 0;}
.cent07 ul li a{ line-height:1.5;}
.cent08 ul li{ float:none; display:block; width:100%; margin-right:0%;}
.cent08 ul li a{ padding:5%;}

.cent10{ margin:5% auto;}

.wenzi>span{ margin-top:5%; font-size:15px;}
.wenzi>strong{  margin-top:5%; font-size:17px; line-height:1.5; font-weight: 500;}
.menu01{ width:100%}
.menu01 .menu_body{ margin-bottom:0;}
.child_list{ margin-top:5%;width:100%} 
.cent12 ul li{ width:100%; margin-right:0; float:none; margin-top:5%}
.cent0601 .mySwiper01 .swiper-slide .img-bg .img{ margin:0 auto;}

.cent0402 .more{ text-align:center; margin-left:0}
.more{ margin-top:5%}
}