*{margin: 0;padding: 0;box-sizing: border-box;list-style: none;}
body{font-size: 14px;min-width: 1300px;font-family:"Microsoft YaHei";overflow-x:hidden;color: #333;}
a{text-decoration: none;font-size: 14px;}
address, caption, cite, code, dfn, em, th, var, optgroup, i{font-style: inherit;font-weight: inherit;}
img{vertical-align: top;border: none;}
input, textarea{outline: none;border: none;}
h1, h2, h3, h4, h5, h6{font-weight:normal;}
.fr{ float:right;}
.fl{ float:left;}
.w1500,.page,.gy,.box{max-width: 1500px; min-width: 1300px; width: 100%; margin: 0 auto;}
.clear,.cl{height: 0; overflow: hidden; clear: both;}
.dfc{display:flex;align-items:end;justify-content:center;}
.dfe{display:flex;align-items:end;justify-content:end;}
.db>div, .lb>li, .dd>dl{display:inline-block;vertical-align:top;}








/*抬头*/
.top_bg{width:100%;border-bottom:1px solid #EEEEEE;}
.top_box{height:44px;line-height:44px;font-size:14px;color:#a1a6ab;}	
.top_t:before,.top_w:before{content:"";display:block;float:left;}
.top_w:before{background:url(../uploadfile/image/20230105/20230105170839_476218091.png)no-repeat left;height:20px;width: 24px;margin: 12px 6px 0 0;}
.top_t:before{background:url(../uploadfile/image/20230105/20230105170754_1509893304.png)no-repeat left;height:24px;width: 26px;padding-left: 10px;margin: 10px 0 0 20px;}
.top_t b{font-size:24px;color:#1d54d1;font-family: Arial;}
.top_t{margin-left:30px;width:240px;height:44px;}
.top_m:hover a{color:#333;}
.top_m a{color:#c1c1c1;font-size:14px;}
.top_w{width: 90px;margin-left: 30px;position: relative;}
.top_w .top_ewm{transition: .3s all linear;position: absolute;top: 100%;z-index: 3;width: 100px;height: 100px;display: none; box-shadow: 0 0 20px rgba(0,0,0,0.1); border:8px #fff solid;}
.top_w .top_ewm img{width: 100%;}
.top_w:hover .top_ewm{display: block;}


/*抬头*/
.head_bg{height: 140px;position: relative;}
.headcon{ display: flex;}
.logo{}
.name{margin-left: 1.4vw;}
.name h3{font-size: 30px;color: #0c69e5;line-height: 30px; font-weight: bold;}
.name p{font-size:18px; color:#333; margin-top: 6px;}
.name p b{color:#d60201; }
.name h3 span{ color: #0c69e5;}

.head_tel{width:5vw; height:140px; position: relative;    cursor: pointer; background:#0c69e5 url(../uploadfile/image/20230201/20230201090313_1017078989.png)no-repeat center;}
.head_tel p{width:300px; height:0; overflow: hidden; text-align:center; color:#fff; font-weight:bold;transition:0.3s all; z-index: 9;position: absolute;top:140px; right:0;background:rgba(0,82,222,0.8);}
.head_tel:hover p{height:80px;line-height:80px;font-size:30px;}

.head_ewm{width:5vw; height:140px; border-left:1px #eee solid;   cursor: pointer; background:url(../uploadfile/image/20230201/20230201090313_413910895.png)no-repeat center;}
.head_ewm p{width:130px; height:0; overflow: hidden;transition:0.3s all; z-index: 9;position: absolute;top:130px; right:5vw;background:#fff; }
.head_ewm p img{width:100%;}
.head_ewm:hover p{height:130px;box-shadow: 0 0 20px rgba(0,0,0,0.1); padding:10px;}
.head.box{ display: flex; align-items: center; justify-content: space-between;}


/*导航*/
.nav>ul>li{ float: left; display: block; height:140px; transition:0.1s all ease-in-out;}
.nav>ul>li>a{ display: block; color: #222; text-align: center; position: relative; z-index:2; height:140px; line-height: 140px;padding:0 1.6vw; transition:0.3s all ease-in-out; }
.nav>ul>li>a p{font-size:16px;position: relative;}

.NavCeshi > li > a:after{content:""; display: block;width:0; height:4px; background:#0c69e5; margin:0 auto;transition:0.3s all; position: relative; top:-4px;}
.NavCeshi > li.navcurrent > a:after, .NavCeshi > li:hover > a:after{width:100%;}
.NavCeshi > li.navcurrent > a, .NavCeshi > li:hover > a{color:#0c69e5; font-weight:bold;}

@media (max-width: 1920px){
.nav>ul>li>a{padding:0 1.8vw;}
}
@media (max-width: 1680px){
.nav>ul>li>a{padding:0 1.6vw;}
}

@media (max-width: 1560px){
.nav>ul>li>a{padding:0 1.4vw;}
}
@media (max-width: 1500px){
.nav>ul>li>a{padding:0 1.2vw;}
}

@media (max-width: 1440px){
.nav>ul>li>a{padding:0 1vw;}
.nav>ul>li>a p{font-size:15px;}
}
@media (max-width: 1300px){
.nav>ul>li>a{padding:0 0.8vw;}
}



/*导航下拉*/
.head .sedNav { width:100%; overflow:hidden; border-top:1px solid #ccc; position:absolute; left:0; top:140px; height:0; background-color:rgba(255,255,255,0.98); opacity:0; z-index: -2; transition: 0.5s linear all !important; }
.nav>ul>li:hover .sedNav{opacity:1; z-index: 9; height:auto; padding-top:55px; padding-bottom:70px; }
.head .sedNav img{width:300px;}
 
.head .sedNav .title{ overflow:hidden; width:170px;float:left; margin-left:310px;}
.head .sedNav .title i{ display:block; width:40px; height:3px; background-color:#0c69e5; margin-bottom:20px;}
.head .sedNav .title h3{ font-size:20px; margin-bottom:30px;}
.head .sedNav .title h3 a{ color:#333 !important; font-size:20px;}
.head .sedNav .title .more{ display:block; width:118px; height:30px; text-align:center; line-height:30px; border:1px solid #cecece; font-size:12px; color:#999; font-family:Arial;}
.head .sedNav ul{ overflow:hidden; float:left; width:130px; margin-left:30px;}
.head .sedNav li{ font-size:14px; line-height:30px; width:100%; *float:left}
.head .sedNav li a{ font-size:14px; }
.head .sedNav li a:hover{ color:#0c69e5;}
.head .sedNav .contect{ display:block; width:128px; height:78px; border:1px solid #cecece; float:left; text-align:center; font-size:12px; color:#555; text-decoration:none; margin-left:45px;}
.head .sedNav .contect img{ display:block; margin:10px auto;}
.head .nav li.a_nav { display:block; font-size:15px; background:#1d458d;}
.head  .nav li.a_nav a {color:#fff;}

.head .sedNav ul.ul01{ width: 180px;}
.head .prolist2021 ul{margin:0;}
.head .sedNav li dl{display:none;}







/*banner*/
.bann{overflow: hidden;}
.slider {width: 100%;}
.slick-slide{height: auto;}
.slick-slide img {width: 100%;}
.slick-prev {left: 38px;z-index: 99;}
.slick-next {right: 40px;}
.slick-dots{bottom: 32px;}
.slick-dotted.slick-slider{margin-bottom: 0;}
.slick-prev:before, .slick-next:before{font-size: 34px;font-family: "zxi";}
.slick-dots li{margin:0 2px !important;}
.slick-dots li button{font-size:0 !important;position:absolute;}
.slick-dots li button:before{color: #fff;opacity: 1;font-size:42px;}
.slick-dots li.slick-active button:before{color:#0c69e5;}
.bann.slick-dotted .slick-prev{left:-52px;transition:all 0.5s;}
.bann.slick-dotted:hover .slick-prev{left:38px;}
.bann.slick-dotted .slick-next{right:-52px;transition:all 0.5s;}
.bann.slick-dotted:hover .slick-next{right:38px;}
.bann .slick-prev:before,.bann .slick-next:before{width:36px;height:52px;background:rgba(0,0,0,0.8) url(../uploadfile/image/20230201/20230201090356_1991453492.png)center no-repeat;line-height: 52px;display: block;top:calc(50% - 26px);font-family:'zxi';}
.bann .slick-prev:before {content: '';display: block;left:0;    transform: rotate(180deg);}
.bann .slick-next:before{content: '';right:0;}













/*搜索*/
.search_bg{height:94px;border-bottom:1px solid #eee;}
.search_nbg{position: absolute;z-index: 999;top: 585px;height:94px;border-bottom:1px solid #eee;}
.search_nbg .search{margin:0 auto;}
.search-bg{width:260px;height:40px;overflow: hidden;margin-top:26px;border-radius: 30px; border: 1px solid #eee;}
.search{height: 94px;}
.search_l{line-height: 94px;color: #999;}
.search_l dd{font-size:15px;color: #333;display: inline-block;font-weight: bold;}
.search_l a{font-size: 15px;color: #999; padding-right:10px;}
.search_l a:hover{color:#0061ae;}
.search-bg #infoname{width:310px;background:#eee ;outline:none; color:#ccc;border: none;height:40px;line-height:6;font-size: 14px;padding-left: 20px;font-weight: lighter;}
.search_nbg #infoname{width:310px;height: 40px;}
.search-bg{position: relative;}
.search-i{position: absolute;right: 16px;top: 30%;height: 15px;}






/*banbo*/
.speak{}
.speak .w1500{ display: -webkit-flex;display: flex;justify-content:space-between;flex-wrap: nowrap;align-items:flex-start; padding-top:60px; max-width: 1500px;margin: 0 auto;}
.spleft{ position:relative; width:700px; height:479px; background:url(../uploadfile/image/20230105/20230105152536_1022726338.jpg) no-repeat center; border:30px solid #fff; box-shadow:0 0 15px #ccc;display: -webkit-flex;display: flex;justify-content:center;flex-wrap: nowrap;align-items:center;}
.spvidio{ display:inline-block; width:76px; height:76px; position:relative;}
.spvidio span{width:76px; height:76px; background:url(../uploadfile/image/20230105/20230105152025_749571028.png) no-repeat center; display:block;z-index:33; position:relative; cursor:pointer;}
.video_box{width:100%;height:100%;background:rgba(0,0,0,0.6);position: fixed;top:0;left:0;z-index:-1;opacity:0;transition:600ms ease;}
.video_box.cur{opacity:1;z-index:999999;transition:600ms ease;}
.video{position: fixed;top:-100%;left:47%;margin-top:-250px;margin-left:-500px;transition:600ms ease;}
.video_box.cur .video,.video_box.cur .video_x{top:42%;transition:600ms ease;}
.video_x{width:50px;height:50px;border-radius:50px;background:#fff;position: fixed;top:-100%;left:44%;margin-left:520px;margin-top:-250px;text-align: center;line-height:50px;font-size:22px;font-weight: lighter;cursor: pointer;transition:600ms ease;}
.pulse2 {position: absolute;  top: -25%;left: -25%;z-index: 1; width:150%; height:150%; border-radius: 50%; opacity: 0; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; opacity: 0; -webkit-animation: warn 2s ease-out; animation: warn 2s ease-out;-o-animation:warn 2s linear infinite;-moz-animation:warn 2s linear infinite; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; background: #0c69e5;box-shadow: 1px 1px 30px #0c69e5; }
.pulse3 {position: absolute; top: -25%;left: -25%;z-index: 1; width:150%; height:150%; border-radius: 50%; opacity: 0; -webkit-animation: warn1 2s ease-out; animation: warn1 2s ease-out;-o-animation:warn1 2s linear infinite;-moz-animation:warn1 2s linear infinite; -webkit-animation-iteration-count: infinite;background: #0c69e5; animation-iteration-count: infinite;box-shadow: 1px 1px 30px #0c69e5;}
@keyframes warn {
    0% {
        transform: scale(0.3);-webkit-transform: scale(0.3);opacity: 0.1;
    }
    25% {
        transform: scale(0.3);-webkit-transform: scale(0.3);opacity: 0.4;
    }
    50% {
        transform: scale(0.5);-webkit-transform: scale(0.5);opacity: 0.6;
    }
    75% {
        transform: scale(0.8);-webkit-transform: scale(0.8);opacity: 0.65;
    }
    100% {
        transform: scale(1);-webkit-transform: scale(1);opacity: 0.0;
    }
}
@-o-keyframes warn {
    0% {
        transform: scale(0.3);-webkit-transform: scale(0.3);opacity: 0.1;
    }
    25% {
        transform: scale(0.3);-webkit-transform: scale(0.3);opacity: 0.4;
    }
    50% {
        transform: scale(0.5);-webkit-transform: scale(0.5);opacity: 0.6;
    }
    75% {
        transform: scale(0.8);-webkit-transform: scale(0.8);opacity: 0.65;
    }
    100% {
        transform: scale(1);-webkit-transform: scale(1);opacity: 0.0;
    }
}
@-moz-keyframes warn {
    0% {
        transform: scale(0.3);-webkit-transform: scale(0.3);opacity: 0.1;
    }
    25% {
        transform: scale(0.3);-webkit-transform: scale(0.3);opacity: 0.4;
    }
    50% {
        transform: scale(0.5);-webkit-transform: scale(0.5);opacity: 0.6;
    }
    75% {
        transform: scale(0.8);-webkit-transform: scale(0.8);opacity: 0.65;
    }
    100% {
        transform: scale(1);-webkit-transform: scale(1);opacity: 0.0;
    }
}
@-webkit-keyframes warn {
    0% {
        transform: scale(0.3);-webkit-transform: scale(0.3);opacity: 0.1;
    }
    25% {
        transform: scale(0.3);-webkit-transform: scale(0.3);opacity: 0.4;
    }
    50% {
        transform: scale(0.5);-webkit-transform: scale(0.5);opacity: 0.6;
    }
    75% {
        transform: scale(0.8);-webkit-transform: scale(0.8);opacity: 0.65;
    }
    100% {
        transform: scale(1);-webkit-transform: scale(1);opacity: 0.0;
    }
}
@keyframes warn1 {
    0% {
        transform: scale(0.3);-webkit-transform: scale(0.3);opacity: 0.1;
    }
    25% {
        transform: scale(0.3);-webkit-transform: scale(0.3);opacity: 0.4;
    }
    50% {
        transform: scale(0.3);-webkit-transform: scale(0.3);opacity: 0.6;
    }
    75% {
        transform: scale(0.5);-webkit-transform: scale(0.5);opacity: 0.65;
    }
    100% {
        transform: scale(0.8);-webkit-transform: scale(0.8);opacity: 0.0;
    }
}
@-webkit-keyframes warn1 {
    0% {
        transform: scale(0.3);-webkit-transform: scale(0.3);opacity: 0.1;
    }
    25% {
        transform: scale(0.3);-webkit-transform: scale(0.3);opacity: 0.4;
    }
    50% {
        transform: scale(0.3);-webkit-transform: scale(0.3);opacity: 0.6;
    }
    75% {
        transform: scale(0.5);-webkit-transform: scale(0.5);opacity: 0.65;
    }
    100% {
        transform: scale(0.8);-webkit-transform: scale(0.8);opacity: 0.0;
    }
}
@-o-keyframes warn1 {
    0% {
        transform: scale(0.3);-webkit-transform: scale(0.3);opacity: 0.1;
    }
    25% {
        transform: scale(0.3);-webkit-transform: scale(0.3);opacity: 0.4;
    }
    50% {
        transform: scale(0.3);-webkit-transform: scale(0.3);opacity: 0.6;
    }
    75% {
        transform: scale(0.5);-webkit-transform: scale(0.5);opacity: 0.65;
    }
    100% {
        transform: scale(0.8);-webkit-transform: scale(0.8);opacity: 0.0;
    }
}
@-moz-keyframes warn1 {
    0% {
        transform: scale(0.3);-webkit-transform: scale(0.3);opacity: 0.1;
    }
    25% {
        transform: scale(0.3);-webkit-transform: scale(0.3);opacity: 0.4;
    }
    50% {
        transform: scale(0.3);-webkit-transform: scale(0.3);opacity: 0.6;
    }
    75% {
        transform: scale(0.5);-webkit-transform: scale(0.5);opacity: 0.65;
    }
    100% {
        transform: scale(0.8);-webkit-transform: scale(0.8);opacity: 0.0;
    }
}
.spright{ max-width:710px; padding:30px 0 0 0px; position:relative;}

.sp_t{ font-size:36px; color:#333; font-weight: bold;}
.sp_t span{color: #0c69e5;}
.sp_t em{ display:block; text-transform:uppercase; font-size:30px; margin-bottom:20px; font-family: Arial;font-weight:normal; color: #ccc; margin-top: 10px;}
.sp_c{ font-size:15px; color:#666; line-height:33px; font-weight:lighter; margin:30px 0 20px 0;}
.char_txt {width: 700px; padding: 0px 0px;}
.char_txt ul { display:  flex;justify-content: space-around; flex-wrap: wrap;}
.char_txt li {width:  350px; flex-direction:  column;align-items:  center; justify-content:  center;color:  #333; margin-top: 20px;}
.char_txt li i {font-size:35px; float: left; color: #fff; background: #0c69e5; border-radius: 50%; width: 70px; height: 70px; line-height: 70px; text-align: center;}
.char_txt li p { display:  flex;flex-direction:  column;align-items:  baseline; font-size:  16px; color:  #999; padding-left: 6%;}
.char_txt li p span { font-size:  36px;color:  #333;position:  relative;line-height:  40px; margin: 0 0 0px 0; font-family: 'din'; font-weight: 100; height: 40px;}
.char_txt li p span em { font-size:  23px;position:  relative;top: -6px; color: #333; line-height:52px; font-family: "Microsoft YaHei";}








/*服务案例*/
.case_bg{background:url(../uploadfile/image/20230105/20230105174257_363119706.jpg)no-repeat center; margin-top:80px; height:1060px; }
.case_lt{border-bottom:1px #6ca0e6 solid; margin-bottom:2vw;text-align: center; position: relative; padding: 60px 0 40px 0;}
.case_lt b{color:rgba(255, 255, 255, 0.2); font-family: Arial; font-size: 50px;}
.case_lt h3{color:#fff;font-size: 34px; line-height: 44px; font-weight: bold;}
.case_lt p{color:#d2e5ff;font-size: 16px; line-height: 30px; letter-spacing: 3px;}


.case_l{width:24%;height:1060px;background-image: linear-gradient(#2b86ff, #0c69e5); color:#fff; padding:0 0 3.4vw 0; text-align:center;}
.case_list ul li a{display:block; line-height:44px; font-size:18px; margin:16px auto; color:#fff; width:70%; border-radius: 100px;  transition:0.3s all linear; position: relative;}
.case_list ul li a:after{content:""; display:inline-block;     position: absolute; right:1vw; top:0; bottom:0; margin-bottom:auto; margin-top:auto; }
.case_list ul li.on a{ width:80%;  background:#fff; color:#0c69e5; border-radius: 100px; box-shadow: 0 0 20px;}
.case_list ul li.on a:after{ margin-right: 10px; width: 0; height: 0;border-width: 4px;border-style: solid;
 border-color: transparent transparent transparent  #0c69e5; }
.case_r{width: 74%; height:100%;text-align:center; padding-top:80px;}
.case_r .progdwz2021 ul li{width: 46%; display: inline-block; margin-left:4%; margin-bottom:2.4%}
.case_r .progdwz2021 ul li>a{display:block; overflow: hidden; position: relative;}
.case_r .progdwz2021 ul li>a:after{content:""; position: absolute; top:0; bottom:0; left:0; right:0; margin:auto; width:92%;height:90%; border:2px solid rgba(255,255,255,0.2);transform:scale(0);}
.case_r .progdwz2021 ul li:hover>a:after{transform:scale(1);}
.case_r .progdwz2021 ul li img{width:100%; height: auto;  transition:0.3s all linear;}
.case_r .progdwz2021 ul li:hover img{transform:scale(1.1);}
.case_r .progdwz2021 ul li span a{font-size:16px; line-height:50px; }
.case_r .progdwz2021 ul li br{display:none; }
.case_r .tempWrap{width:100% !important;}


@media (max-width: 1920px){
.case_bg,.case_l{ height:1060px; }
.case_list ul li a{margin:18px auto; }
}
@media (max-width: 1680px){
.case_bg,.case_l{ height:1040px; }
.case_list ul li a{margin:15px auto; }
}
@media (max-width: 1560px){
.case_bg,.case_l{ height:980px; }
.case_list ul li a{margin:12px auto; }
}
@media (max-width: 1440px){
.case_bg,.case_l{ height:940px; }
.case_list ul li a{margin:9px auto; }
}




.title{text-align: center;font-size: 40px;color: #323636;}
.title em{color: #0c69e5;}
.title span{display: block;font-size: 18px;color: #8f9194;padding-top: 5px;}



/*实力*/
.power_bg{padding: 80px 0;}
.power li{float: left; width:19.4%; height:714px; color: #fff;  transition:0.3s all ease;  position: relative; overflow: hidden; cursor: pointer;}
.power li+li{margin-left: 0.6%; }
.power li.on{width:40%;}
.power li:nth-child(1){background:url(../uploadfile/image/20230105/20230105180937_1578369944.jpg)no-repeat center;}
.power li:nth-child(2){background:url(../uploadfile/image/20230105/20230105180937_606710608.jpg)no-repeat center left;}
.power li:nth-child(3){background:url(../uploadfile/image/20230105/20230105180937_354943454.jpg)no-repeat center left;}
.power li:nth-child(4){background:url(../uploadfile/image/20230105/20230105180937_1875001588.jpg)no-repeat center;}
.power_w{ width: 100%; height: 100%; background:rgba(9, 52, 108, 0.6); text-align: center; padding-top:250px;}
.power_w p{font-size: 30px; font-weight: bold; line-height: 40px;}
.power_w dd{font-size: 24px; font-weight: bold; font-family: "Tw Cen MT";  }
.power_w dd:before{content:""; display:block;  width: 1px; height: 146px; background:rgba(255,255,255,0.4);  margin:80px auto; }
.power li.on .power_w{opacity: 0;}
.power_ww{ height: 250px; width: 100%; padding:40px 46px; background: #0c69e5; position: absolute; bottom:0; transition:0.5s all linear; margin:auto; left:0; right:0; overflow: hidden;  opacity: 0; bottom:-50px; }
.power li.on .power_ww{  opacity: 1; bottom:0; }

.power_ww p{font-size: 30px; border-bottom:1px dotted rgba(255,255,255,0.2); font-weight: bold; line-height:60px; padding-bottom:10px; margin-bottom:20px; }
.power_ww p:after{font-size: 30px;  font-family: "Tw Cen MT"; display: block; float: right; opacity: 0.5; }
.power li:nth-child(1) .power_ww p:after{content:"01";}
.power li:nth-child(2) .power_ww p:after{content:"02";}
.power li:nth-child(3) .power_ww p:after{content:"03";}
.power li:nth-child(4) .power_ww p:after{content:"04";}
.power_ww span{ font-size: 15px;  line-height: 30px; }
.power {
    margin-top: 50px;
}













/*char*/
.char {width:100%;padding: 50px 0 0 0;overflow: hidden;position:  relative;z-index: 5;}
.char_box {margin: 0 auto;}
.char_nei {display: flex;    overflow: hidden; }
.charbg{ margin-bottom: 60px;}
.dzlc_lx{width:500px;height:50px;margin:auto;border-radius:60px;background:#0c69e5;font-size:24px;color:#fff;padding-top:12px;margin-top: 60px; box-sizing: content-box;}
.dzlc_lx img{padding:0px 5px 0px 60px;margin-top:0px;float: left;}
.dzlc_lx em{font-size:30px;color:#fff;font-family:Arial;display: inline-block;line-height: 35px;}

.char_nei {display: flex;    overflow: hidden; }
.char_con {   width: 100%;    flex-shrink: 0;margin: 20px 0;    }
.char_con ul {display: flex;justify-content: space-around;}
.char_con>ul>li { width: 155px; height: 155px; background: #eef0f3; border-radius: 50%;  position: relative;}
.char_con li:after {content:'';width: 195px;height: 195px;background: #f8f9fb;border-radius: 50%;position: absolute;top: -12%;left: -12%;z-index: -1;transition: 0.5s;}

.char_con li i {    font-size: 34px; text-align: center;display: block; padding-top: 26px;line-height: 48px; color:#999;}
.char_con li p {    font-size:18px; text-align: center;line-height: 26px; margin-top: 10px; color: #686c72;}
.char_con li p a {  font-size: 33px;  color: #0c69e5;  width: 82px; height: 25px; display: block; margin: auto; text-align: center;  padding-top: 0px;  margin-top: 10px;    line-height: 25px;       font-weight: 1000;}





/*案例*/
.case_bg1{background: #f5f5f5; padding: 80px 0;}
.case .new_web_div2021 ul li{ text-align: center; position: relative; width: 25%; border: 1px #f5f5f5 solid; overflow: hidden; float:left; }
.case .new_web_div2021 ul li img{width: 100%; height:18vw; transition: 0.3s all ease;}
.case .new_web_div2021 ul li a{display: block; }
.case .new_web_div2021 ul li>a{position: relative; top:0; transition: 0.3s all linear;}
.case .new_web_div2021 ul li p{position: absolute; bottom:-50px;z-index: 2; background: #0c69e5; width: 100%; height:50px; line-height: 50px; text-align: center; transition: 0.3s all linear;}
.case .new_web_div2021 ul li p a{font-size: 16px; color: #fff;}
.case .new_web_div2021 ul li:hover>a{top:-50px; }
.case .new_web_div2021 ul li:hover p{bottom:0;}

.case_b a{display: block; background: #fff; width: 100%; height: 70px; line-height: 70px; font-size: 16px; color: #222; letter-spacing: 3px; text-align: center; margin-top:50px; transition: 0.3s all ease;}
.case_b a:hover{ background: #0c69e5;  letter-spacing: 8px; color:#fff; }

.case{ margin-top: 50px;}












/*新闻*/
.news.box{ padding: 80px 0;}
.news_cont{ margin-top: 50px;}
.new_nav { margin:0 auto;width:580px; margin-bottom:40px;}
.new_nav li{width: 170px;height: 42px;line-height: 42px;text-align: center;float: left;margin-left: 35px;-webkit-transition: all 0.5s;transition: all 0.5s;border-radius: 50px;background: #f5f5f5;}
.new_nav li:nth-child(1){ margin-left:0;}
.new_nav li a{ display:block; font-size:18px;}
.new_nav li.on{background: #0c69e5;}
.new_nav li.on a{ color:#fff;}

.new_content{ position:relative;height: 639px;}
.new_content .news_div_item{position: relative; border:1px #eee solid;}
.new_content .news_div_item:nth-child(1){ width:50%; height:630px; float:left;  padding:2vw; box-shadow: 0px 0px 20px rgba(238, 238, 238, 0.6);}
.new_content .news_div_item:nth-child(1) .news_div_item_year{ background:url(../uploadfile/image/20230201/20230201090441_269197382.png) no-repeat left; padding-left:18px;}
.new_content .news_div_item:nth-child(1) .news_div_item_date div{ float:left; font-size:12px; position:absolute; left:40px; top:49px; color:#a1a1a1;}
.new_content .news_div_item:nth-child(1) .news_div_item_month{left: 90px !important;}
.new_content .news_div_item:nth-child(1) .news_div_item_day{left:108px !important;}
.new_content .news_div_item:nth-child(1) .news_div_item_a{ font-size:20px; position:absolute; left:40px; top:85px;}
.new_content .news_div_item:nth-child(1) .news_div_item_body{ width:90%; font-size:14px; color:#555555; line-height:24px; position:absolute; left:40px;top:122px;}
.new_content .news_div_item:nth-child(1) .news_div_item_pic{width:89%;height: 360px;overflow: hidden; position:absolute; left:40px; bottom:39px;}
.new_content .news_div_item:nth-child(1) .news_div_item_image{ width:100%; height:100%; }


.new_content .news_div_item:nth-child(n+2){float:left;width:24%; margin-left:1%;margin-bottom:1%; height:308px; background:#fff url(../uploadfile/image/20230201/20230201090508_1373993456.png) no-repeat center;background-position:25px 250px;overflow:hidden;box-shadow: 0px 0px 20px rgba(238, 238, 238, 0.6); background-size:85%;}
.new_content .news_div_item:nth-child(n+2) .news_div_item_a{ font-size:20px; position:absolute; top:61px; left:30px; width:277px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.new_content .news_div_item:nth-child(n+2) .news_div_item_body{ font-size:14px; color:#555; line-height:24px; left:30px; width:282px; top:110px; position:absolute;}
.new_content .news_div_item:nth-child(n+2) .news_div_item_date { background:url(../uploadfile/image/20230201/20230201090441_269197382.png) left no-repeat; position:absolute; left:30px; top:32px; font-size:12px; padding-left:15px; color:#999;}
.new_content .news_div_item:nth-child(n+2) .news_div_item_date div { float:left; margin-top:1px;}
.new_content .news_div_item:nth-child(n+2) .news_div_item_image{ display:none !important;}
.new_content .news_div_item:nth-child(3){bottom: 0;top: auto;}
.new_content .news_div_item:nth-child(4){right: 0;left: auto;}
.new_content .news_div_item:nth-child(5){}
.new_content .news_div_item:hover .news_div_item_a{ color:#0c69e5;}












/*footer*/
.footer {display: -webkit-box;display: -ms-flexbox;display: flex;}
.footer_bg{width: 100%; color: #fff;background: #131513;position: relative;overflow:hidden;padding: 80px 0 70px;}
.bq_item li{position: relative;}
.bq_item li{ float: left;position: relative;}
.bq_item li:before{content: '';position: absolute;width:12px;height: 1px;background: #0c69e5;top:24px;left: -22px;}
.bq_item li+li{margin-left:15%;}
.bq_item li a{ display: block;font-size: 15px; line-height: 36px; color: rgba(255,255,255,0.47);font-weight: lighter;}
.bq_item li a:hover{color:#fff;}
.footer_t{ font-size: 18px !important; color: #fff !important;  line-height: 48px !important; position: relative;font-weight: bold;}
.footer li p img{width:120px;border:10px #fff solid;}
.copy{line-height: 30px; font-size: 14px;color: #999; margin-top:20px;    padding-top: 10px;}
.copy a{font-size: 14px; color: #999;}
.copy a:hover{color: #ff7b0f;}
.copy_bg{height: 80px;background: #131513;line-height: 80px;overflow:hidden;border-top: 1px solid rgba(255,255,255,0.1);}
.copy_b{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
.copy_bg div{color: rgba(255,255,255,0.47);}
.copy_b div:nth-child(1){width: 65%;}
.copy_bg div a{color: rgba(255,255,255,0.47);font-size:14px;}
.copy_bg div a:hover{color:#fff;}
.foo_icon li div p {margin-top: 3px;}
.cl {clear: both;}
.banq{width: 73%;}
.bq_cl>b, .bq_cr>b, .bq_r>b {font-size: 24px;color: #fff;display: block;margin-bottom: 20px;line-height: 48px;}
.bq_ewm {display: -webkit-box;display: -ms-flexbox;display: flex;padding-top: 40px;position: relative;}
.bq_ewm li span {display: block;width: 36px;height: 36px;border-radius: 100%;font-size: 14px;text-align: center;line-height: 34px;color: #fff;background: #131513;border:1px solid rgba(255,255,255,0.3);}
.bq_ewm li span img{width: 100%;}
.bq_ewm li span:hover{background:#0c69e5;border-color:#0c69e5;}
.ewm_cc {position: absolute;top: -100px;left:0;display: none;}
.bq_r {width: 26%;position: relative;-webkit-box-sizing: border-box;box-sizing: border-box;}
.bq_lx {line-height: 36px;}
.bq_lx li{font-size: 15px;color: rgba(255,255,255,0.47);}
.bq_ewm li+li {margin-left: 10px;}
.bq_item li:first-child {padding-left: 20px;}
.bq_item li:first-child:before {left: 0;}



.links{ background:#eee; line-height:92px; font-size:18px; color:#333;}
.links p.fl{ background:url(../uploadfile/image/20230201/20230201090606_1058421755.png) no-repeat left center; padding-left:33px;}
.links p.fr a{ font-size:14px; color:#333; font-weight:lighter;}
.end{ text-align:center;}
.end,.end a{ font-size:14px; color:#666; font-weight:lighter; line-height:70px;}
.links_r{width:90% !important; padding-left:1%;}
.linkTagcs{width:100% !important;}
.linkTagcs li a{font-size:15px;}