/*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-size:12px;font-family:' '; color:var(--color-four);}
a{color:var(--color-four);}
a:hover{ color:#f60;/* text-decoration:underline;*/}
p{line-height:1.8em; padding:5px 0;}
.clear{ margin:0; padding:0; font-size:0; clear:both; }
.wapper{ width:90% !important; margin:0 auto; max-width:15.20rem  !important;}
.wapper2{ width:92% !important; margin:0 auto; max-width:15.80rem !important;}

 :root {
    --main-temBold: 'temBold';
    --main-temLight: 'temLight';
    --main-temMid: 'temMid';
    --main-temRegular: 'temRegular';
    --main-temThin: 'temThin';
    --main-color: #df453e;
    --main-color-white: #ffffff;
    --main-color-555: #555555;
    --main-color-999: #999999;
    --main-color-666: #666666;
    --main-color-333: #333333;
    --main-color-888: #888888;
    --main-color-222: #222222;
    --main-transition: all ease 0.4s;
    --main-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
:root{
    --color-whiteblock:#ffffff;
	--color-blockwhite:#000000;
    --color-one:#01499b;
    --color-two:#7fbe25;
    --color-three:#333;
	--color-four:#666;
	--color-fiver:#999;
	--color-six:#014fa2;
	--color-seven:#f5f5f5;
	--color-eight:#079944;
}

.header-bg{position:fixed;background:rgba(255,255,255,0.8);left:0;width:100%;z-index: 9999;top:0;}

.header{ width:94%; margin:0 auto;   display: flex;  align-items: center; justify-content: space-between; height:90px;}
.logo{ height:.57rem;}
.logo a{ height:100%}
.logo a img{ height:100%;}

.sjebt{  display: flex;  align-items: center;}
.fdj{ }
.fdj a{ color:#0085c1; font-size:22px; font-weight:300;}
.language {
    margin-right: 20px;
}
.language a {
        display: block;
        width: 120px;
        height: 32px;
        line-height: 32px;
        background: #000;
        color: #fff;
        font-size: 14px;
        text-transform: uppercase;
        text-align: center;
    }
    .language a i {
        margin-right: 5px;
    }
/*menu*/
.menu{height:90px;line-height:90px;}
.menu ul{    display: flex;
    justify-content: flex-end;}
.menu ul li{/* float:left; */position:relative;/* width:120px; */}
.menu ul li dl{background: rgba(0,0,0,.4);width: 300px;position:absolute;left:0px;/* box-shadow:2px 2px 5px rgba(0,0,0,0.2); *//* padding:10px 0; */display:none;transform: translateX(0%);}
.menu ul li dl dd{line-height: 46px;/* margin:0 10px; */display: flex;align-items: center;justify-content: space-between;padding: 0 20px; position:relative}
.menu ul li dl dd>dl{ top:0; left:100%}
.menu ul li dl dd a{font-size: 14px;color:var(--color-whiteblock);font-weight:normal;display:inline;padding:0;text-align:left;}
.menu ul li dl dd:hover{background: var(--color-one);color:var(--color-whiteblock);}
.menu ul li dl dd i{font-size: 19px;color:var(--color-whiteblock);}
.menu a{font-size: 18px;color: var(--color-three);text-decoration:none;font-weight:bold;display:block;text-align:center;z-index:99;position:relative;padding: 0 1.5vw;}
/*.menu a:hover{color:var(--color-whiteblock);}
a.menu_hover{ background:#666;color:var(--color-whiteblock);}
.menu_down span{ display:block;background:url(../images/menu_down.gif) right 10px center no-repeat;}*/
.menu ul li{ position:relative}
.menu ul li::after {
        content: '';
        position: absolute;
        left: 0%;
        bottom: 0px;
        width: 100%;
        height: 0%;
       background: var(--color-one);
        opacity: 1;
        z-index: 1;
        transition: all .3s ease
    }
.menu ul li:hover::after{     height: 100%;}
.menu ul li:hover span>a{ color:var(--color-whiteblock);}
.menu ul li.menu_hover::after{     height: 100%;}
.menu ul li.menu_hover span>a{ color:var(--color-whiteblock);}


.banner{ position:relative; color:var(--color-whiteblock); width:100%; overflow:hidden;}
.banner .img{ position:relative; width:100%;}
.banner .img img{ width:100%; vertical-align:bottom;}
.banner .ye{position:absolute;top:36%;left: 8%;text-align:left; width:63%;}
.banner .ye span{display:inline-block;font-size:16px;background:#febc5c;padding: 6px 40px;letter-spacing: 0px;}
.banner .ye h2{text-shadow: 0px 4px 10px rgba(0,0,0,.5);    line-height: 220%;
    font-weight: 900; font-size:50px; margin-top:2%;}
.banner .ye em{ font-style:normal; text-shadow: 0px 4px 10px rgba(0,0,0,.5); font-size:18px; line-height:1.5;}
 
.title01{}
.title01 span{ font-size:24px; color: var(--color-two)}
.title01 h2{font-size:40px;font-weight:normal;color: var(--color-three);display: block;margin-top: 2%;}

.cent01-bg{ margin-top:4%; padding-bottom:10%;}
.cent01-l{float:left;display:block;width: 56%;}
.cent01-l p{text-indent:2em}
.cent01-l .title01{border-bottom:rgba(225,225,227,1) 1px solid;padding-bottom: 3%;}
.cent01-l>span{ font-size:16px;    color: var(--color-three); display:block; line-height:1.5; margin-top:2%;}
.cent01-r {
    overflow: hidden;
    display-radio: 1;
    height:525px;
    position: relative;
    float:right;
    display:block;
    width:34.3%;
    z-index: 99;
}


.cent01-r  img:nth-child(1) {
    width: 100%;
    height: 100%;
    z-index: 2;
    left: 0;
    top: 0;
    position: absolute
}

.cent01-r img:nth-child(2) {
    display: block;
    background-size: cover !important;
    object-fit: cover;
    animation: in-ab-tudk 10s infinite linear alternate both
}

.cent01-bg{ position:relative;}
.biolang{
    position: absolute;
    top: auto;
    left: 0;

    z-index: 1;
    bottom: 0;
    right: auto;
    min-height: 0px;
    height: 100%;
    max-height: 480px;
    overflow:hidden;
    width:100%;
    }

.mie{ text-align:center; margin-top:4%;}
.mie ul li:first-child{ border-left:1px solid #eee;}
.mie ul li{ display:inline-block; width:32%; border-right:1px solid #eee;}
.mie ul li .mun_top{    display: flex;justify-content: center; align-items: flex-end; font-size:24px; color: var(--color-three);}
.mie ul li .mun_top h2{ font-size:54px; color:#febc5c; line-height:1}
.mie ul li p{ padding:0; color:#2a2a2a; font-size:16px;}

.cent02-bg{ position:relative;}
.cent02-be01{}
.cent02{ padding-top:4%; z-index:9; position:relative;}
.cent02 .title01 h2{ color:var(--color-whiteblock); font-weight:bold;}
.centshe{ margin-top:4%; margin-bottom:3%;}
.centshe ul li{ display:inline-block; }
.centshe ul li a{font-size:18px; color:var(--color-whiteblock); position:relative;     opacity: 0.6;
}
.centshe ul li a:after {
    content: '';
    display: block;
    width: 0px;
    left: 0;
    height: 2px;
    background: #fff;
    position: absolute;
    bottom: -2px;
    transition: all 0.6s;
}
.centshe ul li a:hover:after {
    width: 100%;
}
.centshe ul li{ margin-right:4%;}
.swiper-button-next02{ width:48px !important; height:48px !important; border-radius:50%; border:2px solid #fff !important; color:var(--color-whiteblock);}
.swiper-button-next02:after, .swiper-button-prev02:after{ color: var(--color-whiteblock) !important; font-size:16px!important;}
.swiper-button-prev02{ width:48px !important; height:48px !important; border-radius:50%; border:2px solid #fff !important; color:var(--color-whiteblock); right:5% !important; left: inherit !important;}
.swiper-button-next02:hover{ background:#fff!important;}
.swiper-button-next02:hover:after{ color:#febc5c!important}
.swiper-button-prev02:hover{ background:#fff !important;}
.swiper-button-prev02:hover:after{ color:#febc5c !important}


.yth{ display:block; width:100%}
.yth .img{ display:block; width:100%; border-bottom:3px solid #01499b;}
.yth .img a{ display:block}
.yth .img a img{width:100%;vertical-align:bottom;height: 3rem;object-fit: cover;}
.yth span{background: linear-gradient(-30deg, #fff, #cecece); display:block; font-size:20px; color: var(--color-three); padding-top:18%; padding-bottom:10%;}


.cent03-bg{ background:url(../images/afbc0cfe-77a2-41bd-9b9e-31c7270ad1fd.jpg) center no-repeat; padding-top:5%;}
.cent03{ color: var(--color-three); padding-bottom:3%;}
.cent03 h2{ font-size:36px; font-weight:normal;}
.cent03 span{font-size:16px}
.jhide{ margin-top:3%;    display: flex; justify-content: space-between; align-items: center;}
.jhide .input_text{ line-height:50px; border:1px solid #ced4da; border-radius:50px;outline:none;text-indent: 10px; width:18%;}
.jhide .input_text::-webkit-input-placeholder{ color:#ccc;}
.jhide .text{ line-height:50px; border:1px solid #ced4da; border-radius:50px;outline:none;text-indent: 10px; width:27%; height:50px;}
.jhide .text::-webkit-input-placeholder{ color:#ccc;}
.jhide .input_button{ width:80px; height:50px; text-align:center; color:var(--color-whiteblock); font-size:14px; background: var(--color-one); border:0; border-radius:50px;}





.cent05-bg{ background:rgba(247,247,247,1)}
.cent05{ padding-top:4%; padding-bottom:4%;}
.cent05 .title01{ position:relative}
.cent05 .title01 a{position:absolute;width:80px;height: 40px;text-align:center;color:var(--color-whiteblock);font-size:14px;background: var(--color-one);border:0;border-radius:50px;line-height: 40px;right: 0;top: 20%;}
.cent05-l{margin-top:3%;float:left;display:block;width: 61%;}
.cent05-l ul li{float:left;display:block;width:calc((100% - 30px)/2);margin-right:30px;height: 5.6rem;background:#fff;overflow:hidden;position:relative;}
.cent05-l ul li:nth-child(2n) { margin-right: 0% ;}
.cent05-l ul li a{ display:block}
.cent05-l ul li a .img{width:100%;display: block;}
.cent05-l ul li a .img img{ width:100%; vertical-align:bottom;}
.cent05-l ul li a .xnet{
    position:absolute;
    padding-left: 10%;
    padding-right: 10%;
    padding-top: 12%;
    padding-bottom: 4%;
    background:#fff;
    top: 60%;
    transition: all 0.6s;
    width:100%;
    left:0;
    box-sizing:border-box;
    height: 100%;
    }
.cent05-l ul li a .xnet span{font-size: 0.2rem;color: var(--color-three);display: block;padding: 8% 0;}
.cent05-l ul li a .xnet h2{font-size:16px;color: var(--color-one);font-weight:normal;display: flex;align-items: center;justify-content: space-between;line-height: 28px;}
.cent05-l ul li a .xnet h2 em{font-style:normal;font-size: .14rem;color: var(--color-fiver);}
.cent05-l ul li a .xnet h2 em i{ margin-right:20px;}
.cent05-l ul li strong{font-size: 0.14rem;color:rgba(255,255,255,0.7);display:none;font-weight: normal;line-height: 2;margin-bottom: .5rem;}
.cent05-l ul li h1{display:block;font-size:14px;width: 1.42rem;height: 0.48rem;text-align:center;color:var(--color-whiteblock);border:1px solid #fff;border-radius:30px;line-height: 0.48rem;font-weight: normal;}
.cent05-l ul li:hover .xnet{ top:0; background: var(--color-one)}
.cent05-l ul li:hover .xnet strong{ display:block}
.cent05-l ul li:hover .xnet h1{ display:block}
.cent05-l ul li h1:hover{ background:#fff; color:#01499b}
.cent05-l ul li:hover .xnet span{ color: var(--color-whiteblock)}
.cent05-l ul li:hover .xnet h2{ color: var(--color-whiteblock)}
.cent05-l ul li:hover .xnet h2 em{    color:var(--color-whiteblock);  opacity: 0.65;}

.cent05-r{margin-top:3%;float:right;display:block;width: 37%;}
.cent05-r ul li{background:#fff;box-sizing:border-box;margin-bottom: 3%;padding: 2.5% 3%;}
.cent05-r ul li a{ display:block}
.cent05-r ul li a .img{float:left;display:block;width: 44%;overflow:hidden;}
.cent05-r ul li a .img  img{ width:100%;cursor:pointer; transition: all 0.5s; height:145px; object-fit: cover;}
.cent05-r ul li:hover img{ transform: scale(1.1);}
.cent05-r01{float:right;display:block;width: 53%;margin-top: 8%;}
.cent05-r01 h2{
    font-size: 18px;
    font-weight: normal;
    color: #222;
}
.cent05-r01 span{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    color: var(--color-fiver);
    font-size:14px;
    margin-top: 2%;
    line-height: 2;
    }
.cent05-r ul li:hover .cent05-r01 h2{ color:#01499b}	

.centshe{ position:relative;}
.buolan{position:relative; height:80px;}


.cent04{ width:100%; overflow:hidden;    padding-top: 50px;}
/*slideTxtBox_01*/
.slideTxtBox_01{ position:relative;}
.slideTxtBox_01 .hd{ position:absolute; top:0; left:0;   height:100%; z-index:9;}
.slideTxtBox_01 .hd ul{    transition: all ease .2s;display: flex;justify-content: space-between; height:100%; }
.slideTxtBox_01 .hd ul li{height:100%;display: flex;justify-content: center;align-items: center;flex-direction: column;box-sizing: border-box;color:var(--color-whiteblock);background: rgba(0, 0, 0, 30%);width: calc(100% - 1px);border-right:1px rgb(255 255 255 / 50%) solid;}
.slideTxtBox_01 .hd ul li h2{ display:block;  font-size:32px; font-weight:normal;}
.slideTxtBox_01 .hd ul li span{display:block;font-size:14px;text-align:center;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;margin: 10% 17% 0 18%;word-wrap: inherit !important;word-break: inherit !important;}
.slideTxtBox_01 .hd ul li a{ width:85px; line-height:40px; background:#febc5c; border-radius:30px; text-align:center; color:var(--color-whiteblock); margin-top:20%;}
.slideTxtBox_01 .bd .tipe{ width:100%; height:auto; z-index:1}
.slideTxtBox_01 .bd .tipe img{     height: 75vh; width:100%; vertical-align:bottom;  object-fit: cover; }




.footer-bg{ background:url(../images/106053e95f1.png) center no-repeat #01499b; }
.footer{ padding-top:3%; padding-bottom:3%;}
.shue{ border-bottom:rgba(255,255,255,0.2) solid 1px;    display: flex; justify-content: space-between; align-items: center; padding-bottom:2%;}
.shue .img{}
.shue .img a{ height:62px; display:block;}
.shue .img a img{ height:100%;  display:block;}
.wie{   display: flex; align-items: center;}
.wie a{ width:30px; height:30px; margin-left:10px; display:block;}
.wie a img{ width:100%;}
.lcfs{    display: flex;justify-content: space-between; align-items: flex-start; padding-top:2%;}
.lcfs .lcfs01{width: 30%;}
.lcfs .lcfs01 h2{ font-size:24px; color:var(--color-whiteblock);}
.lcfs .lcfs01 ul{ margin-top:8%;}
.lcfs .lcfs01 ul li{ line-height:30px; font-size:16px; color:var(--color-whiteblock);}
.lcfs .lcfs01 ul li a{color:var(--color-whiteblock);}

.lcfs dl{display: flex;align-items:flex-start;width: 70%;}
.lcfs dl dd{ width:20%;}
.lcfs dl dd h2{ font-size:18px;  font-weight:normal; display:block; margin-bottom:20px;}
.lcfs dl dd h2 a{color:var(--color-whiteblock);}
.lcfs dl dd ul li{ line-height:30px;}
.lcfs dl dd ul li a{ color:#bbb; font-size:14px;}
.lcfs dl dd ul li:hover a{ color: var(--color-whiteblock)}
.lcfs dl dd .img{ width:120px;}
.lcfs dl dd .img a{ display:block; width:100%}
.lcfs dl dd .img a img{ display:block; width:100%}
.footer02{ text-align:center; background:rgba(0,0,0,0.3); padding:1% 0;}
.footer02 span{ color:rgba(255,255,255,0.5); font-size:14px;}
.footer02 span a{color:rgba(255,255,255,0.5); }

.sp_header{ display:none}
.sjj_nav{ display:none}


.banenr01{ width:100%; position:relative; overflow:hidden;}
.banenr01 .img{ width:100%;}
.banenr01 .img img{ width:100%; vertical-align:bottom;}
.banner02{
    background: linear-gradient(120deg, #000, rgba(0, 0, 0, 0));
    position:absolute;
    top:0;
    left:0;
    height:100%;
    width:100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    }
.banner02 h2{ font-size:54px; color:var(--color-whiteblock); display:block;}
.banner02 em{font-size:20px; color:var(--color-whiteblock); display:block; font-weight:300; font-style:normal;}
.banner02 img{ position:absolute; bottom:6%; width:40px; height:48px; left:50%; margin-left:-20px;}
.inside_con{ padding:10px 0; min-height:300px;}

.waves {position: relative;width: 100%;height: 15vh;margin-bottom: -7px;min-height: 100px;max-height: 150px;}
.parallax>use {animation: move-forever 25s cubic-bezier(.55, .5, .45, .5) infinite;}
.parallax>use:nth-child(1) {animation-delay: -2s;animation-duration: 7s;}
.parallax>use:nth-child(2) {animation-delay: -3s;animation-duration: 10s;}
.parallax>use:nth-child(3) {animation-delay: -4s;animation-duration: 13s;}
.parallax>use:nth-child(4) {animation-delay: -5s;animation-duration: 20s;}
@keyframes move-forever {
 0% {transform: translate3d(-90px, 0, 0);}
 100% {transform: translate3d(85px, 0, 0);}
}
.lanmu-bg{ background:var(--color-seven); border-bottom:#eee solid 1px}
.lanmu{ height:80px;    display: flex; justify-content: space-between;align-items: center;}
.lanmu ul{ display: flex;align-items: center;}
.lanmu ul li{  font-size:16px; padding:0 30px;}
.lanmu ul li a{ color:var(--color-four); display:block; line-height:79px;}
.lanmu ul li.hover a{ color:var(--color-six); border-bottom:2px solid var(--color-six)}

.weizhi{ font-size:14px;}
.weizhi a{ color:#212529; padding:0 4px;}

.cent06{ margin-top:4%; margin-bottom:5%;}
.cent06 ul li{ float:left; display:block; width:calc((100% - 10%)/6); margin-right:2%; margin-bottom:2%;}
.cent06 ul li a{ display:block}
.cent06 ul li a .img{ height:322px;    display: flex;  justify-content: center; align-items: center; width:100%;}
.cent06 ul li a img{ max-width:100%; vertical-align:bottom; max-height:100%;}
.cent06 ul li:nth-child(6n) { margin-right: 0% ;}
.cent06 ul li span{ background:var(--color-seven); font-size:16px; padding:20px; display:block; width:100%; box-sizing:border-box;}
.cent06 ul li:hover span{ color:var(--color-whiteblock); background: var(--color-one)}



.cent07{ margin-bottom:5%; margin-top:1%;}
.cent07 ul li{ float:left; display:block; width:calc((100% - 3%)/3); margin-right:1.5%; margin-top:1.5%; background:#f7f7f7; text-align:center; padding:2% 0}
.cent07 ul li:nth-child(3n) { margin-right: 0% ;}
.cent07 ul li .img{ margin:0 auto; width:80px}
.cent07 ul li .img img{ width:100%; }
.cent07 ul li .img01{ width:100%; margin-top:6%;}
.cent07 ul li .img01 img{ width:100%; display:block;}
.cent07 ul li h2{ font-size:22px; color:var(--color-three); font-weight:normal; line-height:1.8; display:block; margin-top:4%;}
.cent07 ul li span{ display:block; width:250px; height:50px; overflow:hidden; overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
   -webkit-line-clamp: 2; color:#888888; font-size:14px; line-height:1.8; margin:2% auto 0;}

.cent07 ul li .img03{  margin-top:6%; text-align:center;}
.cent07 ul li .img03 img{ display:block; margin:0 auto}

.cent08{ margin-bottom:5%; margin-top:1%; }
.cent08 ul li{ float:left; display:block; width:calc((100% - 3%)/3); margin-right:1.5%; margin-top:1.5%; background:rgba(251,251,251,1); text-align:center; }
.cent08 ul li:nth-child(3n) { margin-right: 0% ;}
.cent08 ul li a{ color:#707070; display:block}
.e_line-9 {
    width: 30px;
    margin-right: 0px;
    margin-left: auto;
    border-top-style: solid;
    border-top-width: 0px;
    border-top-color: rgba(153,153,153,1);
    max-height: 1px;
    transition-property: all;
    transition-duration: 0.6s;
    transition-timing-function: cubic-bezier(0.25,0.1,0.25,1)
}
.cent08 ul li:hover .e_line-9 {
    background: rgba(255, 255, 255, 1);
    border-color: rgba(255, 255, 255, 1);
    width: 100%;
    margin-right: 0px;
    margin-left: auto;
    border-top-width: 0px;
    padding: 0;
}
.cent08 ul li .img{ overflow:hidden; background:#fff;}
.cent08 ul li .img01{ padding-top:75%; cursor:pointer; transition: all 0.5s;}
.cent08 ul li:hover{background: var(--color-one)}
.cent08 ul li:hover a{ color:var(--color-whiteblock);}
.cent08 ul li:hover .img01{ transform: scale(1.1);}
.lqt{padding-left: 20px;
    padding-right: 20px;
    padding-top: 25px;
    padding-bottom: 20px;    transition-property: all;
    transition-duration: 0.6s;}
.lqt .lxq{display: flex;justify-content: space-between;align-items: center;margin-bottom: 4%;}
.lqt .lxq span{ font-size:16px;}
.lqt .lxq i{ font-size:28px}

.cent09{ margin-top:2%}
.cent0901{ float:left; display:block; width:48%; box-sizing:border-box; position:relative; overflow:hidden; padding-right:2px; }
.cent0901 .swiper-slide .img{ width:100%; height:602px; border:1px solid #ddd; padding:3%; box-sizing:border-box;}
.cent0901 .swiper-slide img{ max-width:100%; max-height:100%; }
.cent0901 .update_gallery-thumbs1{ margin-top:10px}
.cent0901 .update_gallery-thumbs1 .swiper-slide {opacity: 0.4;height: 94px;display: flex;justify-content: center;align-items: center;}
.cent0901 .update_gallery-thumbs1  .swiper-slide img{max-width: 100%;max-height: 100%;}
.cent0901 .update_gallery-thumbs1  .swiper-slide-thumb-active {opacity: 1;}

.cent0902{ float:right; display:block; width:48%; background: var(--color-seven); min-height:600px; box-sizing:border-box; padding:4% 5%;}
.cent0902 h2{ font-size:30px; color: var(--color-three); display:block;}
.cent0902 hr{border-top-style: solid;
    border-top-width: 2px;
    border-top-color: rgba(86, 86, 86, 1);}

.cent0902>span{ font-size:16px; color: var(--color-three); display:block; line-height:1.8; margin-top:4%;}
.cent0902 ul{ margin-top:4%}
.cent0902 ul li{ height:30px; display: flex; align-items: center; margin-bottom:2%}
.cent0902 ul li strong{ font-size:14px; color:#888;}
.cent0902 ul li span{ font-size:14px; color: var(--color-three);}

.dianhe{display: flex; align-items: center;}
.dianhe img{ width:24px; margin-right:20px;}
.dianhe span{ font-size:18px; color:#444; font-weight:bold;}
.dianhe em{ font-style:normal; font-size:24px; color:var(--color-eight)}


.anne{ margin-top:10%;}
.anne a{ position:relative;}
.xgcp{ display:inline-block; width:158px; height:46px; text-align:center; border-radius:5px; color:var(--color-whiteblock); background: var(--color-one); line-height:46px; font-size:14px; border:1px solid #01499b; position:relative; overflow:hidden;}
.anne a:before {
    content: "";
    position: absolute;
    display: block;
    transition: all .6s;
    width: 100%;
    height: 0;
    border-radius: 50%;
    left: 50%;
    top: 50%;
    padding-top: 100%;
    transform: translateX(-50%) translateY(-50%)
}
.xgcp:hover{ border:1px solid var(--color-eight); color:var(--color-whiteblock);}
.anne a:hover:before {
    animation: style1 .75s;
    z-index: 1
}
.anne a::after {
    content: "";
    position: absolute;
    width: 0;
    height: 100%;
    transition: all .3s;
    z-index: 0;
    opacity: 0;
    top: 0;
    left: 0px
}

.anne a:hover::after {
    opacity: 1
}

@keyframes style1 {
    0% {
        background: rgba(0,0,0,.25);
        transform: translateX(-50%) translateY(-50%) scale(0)
    }

    to {
        background: 0 0;
        transform: translateX(-50%) translateY(-50%) scale(1)
    }
}

.xgcp01{display:inline-block; width:158px; height:46px; text-align:center; border-radius:5px; color:var(--color-whiteblock); background:#febc5c; line-height:46px; font-size:14px; border:1px solid #febc5c; position:relative; overflow:hidden; margin-left:8%;}
.xgcp01:hover{ border:1px solid var(--color-eight); color:var(--color-whiteblock);}


.cent10{ border-top:5px solid #999}


.telt{border-bottom:3px solid #ddd;padding-bottom: 1%;}
.telt h2{ font-size:24px; color: var(--color-three); display:block; position:relative;}
.telt h2::after {
    content: '';
    position: absolute;
    left: 0;
    width: 72px;
    height: 3px;
    background: #4ecd3e;
    bottom: -18px;
}

.cent11-bg{ background:rgba(245,245,245,1); padding:4% 0}
.cent11 ul li{ float:left; display:block; width:calc((100% - 3%)/3); margin-right:1.5%; background:#fff; box-sizing:border-box; margin-top:2%; padding:3% 2%; text-align:center;}
.cent11 ul li:nth-child(3n) { margin-right: 0% ;}
.cent11 ul li .img{ width:100%; overflow:hidden;}
.cent11 ul li .img .img01{cursor:pointer; transition: all 0.5s; padding-top:50%; }
.cent11 ul li:hover .img01{ transform: scale(1.1);}
.cent11 ul li span{ display:block; font-size:16px; color: var(--color-three); margin-top:4%;}
.cent11 ul li:hover span{ color:rgba(3,10,143,1)}


.cent12{ margin-top:3%; margin-bottom:5%;}
.cent12 ul li{  float:left; display:block; width:calc((100% - 3%)/3); margin-right:1.5%; margin-top:2%; border-bottom:1px solid #ddd;}
.cent12 ul li:nth-child(3n) { margin-right: 0% ;}
.cent12 ul li span{ display:block; font-size:14px; color:var(--color-four)}
.cent12 ul li .input_text{outline:none; border:none; line-height:40px; width:100%; margin-top:4%;}
.cent12>span{ display:block; font-size:14px; color:var(--color-four); margin-top:2%;}
.cent12>.text{outline:none; border:none; line-height:40px; width:100%; margin-top:4%; border-bottom:1px solid #ddd; height:40px;}
.cent12>a{ font-size:14px; color:var(--color-whiteblock); background:var(--color-eight); border-radius:5px;  display:block; line-height:50px; width:200px; text-align:center; margin-top:2%}
.cent12>a:hover{ background:#409eff}


.tile{ text-align:center; border-bottom:1px solid rgba(0,0,0,.1); padding-bottom:2%;}
.tile h2{ font-size:30px; color: var(--color-three); display:block; font-weight:normal;}


.cent13{ margin-top:5%; margin-bottom:5%;}
.cent13>h2{ font-weight:normal; font-size:30px; color: var(--color-three); font-weight:normal; text-align:center; display:block;}

.sie{ text-align:center; margin-top:2%;}
.sie ul li{display:inline-block;font-size:14px;border:rgba(245,245,245,1) solid 1px;width: 23%;line-height:40px;margin: 0 5px;}
.sie ul li a{ font-size:14px; color:#888;}
.sie ul li:hover{ background:rgba(50,102,204,1);}
.sie ul li:hover a{ color:var(--color-whiteblock);}


.anli{}
.anli ul li{ float:left; display:block; width:calc((100% - 3% - 6px)/3); border:rgba(0,0,0,0.06) 1px solid; margin-right:1.5%; margin-top:1.5%; box-sizing:border-box; padding:2%; background:#fff; z-index:9; position:relative;}
.anli ul li:nth-child(3n) { margin-right: 0% ;}
.anli ul li a{ display:block}
.anli ul li .img{ width:100%; overflow:hidden;}
.anli ul li .img .img01{cursor:pointer; transition: all 0.5s; padding-top:60%; }
.anli ul li:hover .img01{ transform: scale(1.1);}
.anli ul li span{ display:block; border-bottom:1px solid rgba(0,0,0,0.06); font-size:16px; color: var(--color-three); margin-top:8%; padding-bottom:4%;}
.anli ul li:hover span{text-decoration:underline; color:rgba(3,138,3,1)}
.anli ul li:hover { margin-top: -20px;}


.cent14-bg{ background:rgba(242,242,242,1); padding:5% 0;}
.cent14 ul li{ background:#fff; margin-bottom:2%;}
.cent14 ul li a{   display: flex;justify-content: space-between;align-items: center;}
.cent14 ul li a .time{position:relative;color:rgba(102,102,102,1);width:160px;display:block;text-align:center;height: 100%;padding: 3% 0;}
.cent14 ul li a .time h2{  font-size:70px}
.cent14 ul li a .time em{ font-style:normal; font-size:20px;}
.cent14 ul li a .time:before {
    content: '';
    position: absolute;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-left: 15px solid var(--color-eight);
    right: -15px;
    top: 50%;
    margin-top: -15px;
    z-index: 3;
    transition: all 0.5s ease;
    opacity: 0;
    visibility: hidden
}

.cent14 ul li a .time:after {
    content: '';
    background: #bcbcbc;
    position: absolute;
    width: 46px;
    height: 1px;
    top: 50%;
    right: -46px;
    z-index: 2;
    transition: all .5s ease;
    -webkit-transition: all .5s ease
}
.cent14 ul li a .jiamne{width: 89%;box-sizing: border-box;padding: 0% 4%;}
.cent14 ul li a:hover  .time:before {
    opacity: 1;
    visibility: visible
}
.cent14 ul li a:hover  .time::after {
    background: var(--color-eight)
}
.cent14 ul li a:hover  .time{background: var(--color-eight); color:var(--color-whiteblock);}
.cent14 ul li a .jiamne h2{ font-size:22px; color:#000; display:block; font-weight:normal;}
.cent14 ul li a .jiamne span{ display:block;    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
   -webkit-line-clamp: 2; font-size:14px; color:var(--color-four); line-height:2; margin-top:2%;}
  .cent14 ul li a:hover .jiamne h2{ color:var(--color-eight)}
   
   
.cent15-bg{background:rgba(242,242,242,1); padding:5% 0;}  
.cent15{ background:#fff}
.cent15-r{ float:right; display:block; width:50%; border:1px solid #ccc}
.cent15-r img{ width:100%;}

.cent15-l{ float:left; display:block; width:48%; box-sizing:border-box; padding:4% 3%;}  
.cent15-l h2{ font-size:50px; color: var(--color-one); display:block;}
.cent15-l span{font-size:26px; color: var(--color-three); display:block;}
.cent15-l ul{ display:block; margin-top:2%;}
.cent15-l ul li{ line-height:30px; font-size:14px;  display: flex; align-items: center;}
.cent15-l ul li a{ color: var(--color-three);  }
.cent15-l ul li img{ margin-right:20px;}

.sse{    display: flex;  align-items: center; justify-content: space-between; margin-top:4%;}
.sse img{ display:block; width:120px;}
.sse01{ width:calc(100% - 140px);}
.sse01 em{ display:block; font-style:normal; font-size:14px; color: var(--color-three);}

.cent16{ margin-top:4%; background:#fff; padding:3% 3%; box-sizing:border-box;}
.cent16>h2{ font-size:50px; color: var(--color-one); display:block;}
.cent16>span{font-size:26px; color: var(--color-three); display:block;}
.cent16 ul li{width:calc((100% - 4%)/2); float:left; display:block; margin-right:4%; margin-top:2%;}
.cent16 ul li:nth-child(2n) {  margin-right: 0% ;}
.cent16 ul li span{ display:block; font-size:14px; color:var(--color-four);}
.cent16 ul li span em{ font-style:normal; font-size:12px; color:red}
.cent16 ul li .input_text{ outline:none; line-height:38px; border:1px solid #e1e1e1; padding: 0 15px; box-sizing:border-box; width:100%; margin-top:10px;}
.cent16 ul li .input_text::-webkit-input-placeholder{ color:#ccc;}
.cent16 ul li .text{ outline:none; line-height:38px; border:1px solid #e1e1e1; padding: 0 15px; box-sizing:border-box; width:100%; margin-top:10px; height:150px;}
.cent16>a{ display:block; width:32%; line-height:44px; text-align:center; color:var(--color-whiteblock); font-size:16px; background:var(--color-six); border-radius:5px; margin:3% auto 0;}

 @media screen and (min-width:1500px) and (max-width:1600px){
	 .wapper2{ width:90% !important;}
	 .wapper{ width:90% !important;} 
 }
 
 
 @media screen and (min-width:980px) and (max-width:1500px){
	.wapper2{ width:90% !important;}

	.wapper{ width:90% !important;} 
	.slideTxtBox_01 .hd ul li{ padding:0 2%;}
	 }

 @media screen and (min-width: 980px) and (max-width: 1300px){
.slideTxtBox_01 .hd ul li {
    padding: 0 0%;
}
 }
@media only screen and (max-width: 980px) {
	.wapper2{ width:90% !important;}

	.wapper{ width:90% !important;}
	.header-bg{ display:none;}
	
.sp_header{height:50px;overflow:hidden;background:rgba(255,255,255,0.8);position:fixed;z-index:10;width:100%;display:block;z-index: 99999;}
.sp_logo{padding:10px;float:left;height:50px}
.sp_logo img{margin:auto;max-height:30px;}
.sp_nav{width:50px;float:right;position:relative;cursor:pointer;height:30px;margin-top:15px}
.sp_nav span{display:block;background: var(--color-one);width:30px;height:2px;position:absolute;left:10px;transition:all ease 0.35s}
.sp_nav span:nth-of-type(1){top:0px}
.sp_nav span:nth-of-type(2){top:10px}
.sp_nav span:nth-of-type(3){top:20px}
.sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2){width:0}
.sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}
.sjj_nav{position:fixed;background:#eee;width:100%;height:calc(100% - 104px);font-size:14px;line-height:40px;top:-100%;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s; display:block; z-index:9099;}
.nav_show{top:50px}
.sjj_nav>ul>li:first-child{overflow:hidden;border-top:0}
.sjj_nav>ul>li:first-child>a{float:left;width:calc(100% - 70px)}
.sjj_nav>ul>li:first-child .language{float:right;width:70px;overflow:hidden;line-height:30px;margin-top:5px}
.sjj_nav>ul>li:first-child .language a{width:35px;float:left;border-left:1px #ddd solid;text-align:center;color: var(--color-fiver);}
.sjj_nav ul li i{position:absolute;top:5px;right:0px;border-left:1px #ddd solid;height:30px;padding:0px 7px 0 7px;}
.sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}
.sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}
.sjj_nav ul li{border-top:1px #ddd solid;margin-left:20px;position:relative;line-height:40px;font-size:14px}
.sjj_nav>ul >li:last-child{border-bottom:1px #ddd solid;}
.sjj_nav ul li ul{display:none}
.sjj_nav ul li a{color:var(--color-four);width:80%}
.sjj_nav ul li ul li a{color: var(--color-fiver);display:block;text-align:left;}
.sjj_nav ul li i svg{width:20px;height:20px;fill:#555;}
.sjj_nav ul li .sjj_nav_i_se svg{fill:#01499b}
.sjj_nav ul li ul li>ul{margin-left:10px}

.banner .ye span{    letter-spacing: 0px;}
.banner .ye h2{font-size: 18px;}
.banner .ye{width: 87%;top: 29%;}
.banner .ye em{ font-size:14px;    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
   -webkit-line-clamp: 2;}
.mycontainer{ display:none}	

.title01 h2{ font-size:24px;}
.cent01-l{ float:none; display:block; width:100%;}
.cent01-r{float:none; display:block; width:100%; margin-top:5%;    height: 330px;}
.mie ul li .mun_top h2{ font-size:24px;}
.mie ul li p{ font-size:12px;}


.centshe ul{ display:none;}
.swiper-button-next02{position:inherit !important;width:32px !important;height:32px !important;right:0 !important;top: 14px !important;margin-left: 46px;}
.swiper-button-prev02{position:inherit !important;width:32px !important;height:32px !important;left: inherit !important;right:0 !important;top: 0 !important;}
.yth .img a img{ height: auto;}	
.yth span{padding-top: 10%;
    padding-bottom: 10%}


.cent03 h2{ font-size:24px; text-align:center; display:block;}	
.cent03 span{ font-size:14px; display:block; text-align:center;}
.jhide{flex-wrap: wrap; }
.jhide .input_text{ width:100%; margin-bottom:4%;}
.jhide .text{ width:100%;margin-bottom:4%;}
.jhide .input_button{ width:100%}	
	
.slideTxtBox_01 .hd ul{flex-wrap: wrap; }	
.slideTxtBox_01 .hd ul li{ width:50%; height:33.33%; border-bottom: 1px rgb(255 255 255 / 50%) solid;}
.slideTxtBox_01 .hd ul li span{ display:none;}
.slideTxtBox_01 .hd ul li h2{ font-size:22px;}
.slideTxtBox_01 .hd ul li a{ margin-top:5%;}

.cent05-l{ display:none;}
.cent05-r{ float:none; display:block; width:100%;}
.cent05-r ul li a .img img{ height:82px;}
.cent05-r01 h2{   overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;}
.cent05-r01{margin-top: 3%;} 
.cent05-r01 span{ line-height:1;} 

.lcfs dl{ display:none;}
.lcfs .lcfs01{ width:100%;}
.wie{ display:none;}
.shue .img a{ height:28px;}
.footer02{ padding:5% 0;}
.weizhi{ margin-top:4%;}
.lanmu-bg{ padding:2% 0;}
.lanmu{flex-wrap: wrap; height:auto; }
.lanmu ul{flex-wrap: wrap;}
.lanmu ul li{ padding:0 10px;}
.lanmu ul li a{ line-height:30px;}


.banner02 h2{ font-size:20px;}
.banner02 img{ width:30px; height:auto; margin-left:-15px;}
.banner02 em{ font-size:12px;}
.cent06 ul li a .img{ height:215px;}	
.cent06 ul li{    width: calc((100% - 5%) /2); margin-top:5%;}	
.cent06 ul li:nth-child(2n) { margin-right: 0% ;}
.cent06 ul li span{ font-size:14px; padding:15px;}

.cent07 ul li{ float:none; display:block; margin-right:0; width:100%; margin-top:5%; }


.cent08 ul li{ float:none; display:block; margin-right:0; width:100%; margin-top:5%;}

.cent0901{ float:none; display:block; width:100%;}
.cent0901 .swiper-slide .img{ height:auto;}
.cent0902{float:none; display:block; width:100%; margin-top:5%;}

.xgcp01{ width:120px; height:30px; line-height:30px;}
.xgcp{width:120px; height:30px; line-height:30px;}
.telt h2{ font-size:20px;}
.telt h2::after{    bottom: -7px;}
.cent11 ul li{ float:none; display:block; width:100%; margin-right:0; margin-top:5%;}
.cent12 ul li{float:none; display:block; width:100%; margin-right:0; margin-top:5%;}


.tile h2{ font-size:20px;}

.anli ul li{ float:none; display:block; width:100%; margin-right:0; margin-top:5%; padding:5%;}

.cent14 ul li{ margin-bottom:5%;}
.cent14 ul li a .time{ display:none;}
.cent14 ul li a .jiamne{ width:100%; padding:4% 5%;}
.cent14 ul li a .jiamne h2{ font-size:16px;    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
   -webkit-line-clamp: 1;}


.cent15-l{ float:none; display:block; width:100%;}
.cent15-l>h2{ font-size:25px}
.cent15-l>span{ font-size:14px;}
.cent15-r{ float:none; display:block; width:100%;}

.cent16>h2{ font-size:25px}
.cent16>span{ font-size:14px;}
.cent16 ul li{ float:none; display:block; width:100%; margin-right:0;}
	}