@charset "utf-8";


html{background:#fff;}
.dfs{display:flex;align-items: center;justify-content: space-between;}

/*标签样式初始化*/
div,ul,li,span,p,img,h1,h2,h3,h4,h5,h6,dl,dt,dd {margin: 0px; padding: 0px;list-style: none;border: 0px;}

em,i{font-style: normal;}

/*公共样式部分*/
body {color: #666;margin: 0 auto;background-color: #fff; font-family: "OPPOSans2";overflow-x: hidden; font-size:14px;min-width:1400px;max-width:1920px;position: relative;}

#copy { display: none;}
*{-webkit-box-sizing: border-box;box-sizing: border-box;}
a {color: #666; text-decoration: none;}
a:hover { color:#0064b9;text-decoration: none; border-bottom-style:}

.bg{width: 100%;min-width:1400px;}
.box{margin:0 auto;width:80%; box-sizing: border-box;min-width:1400px;}
.page{width: 1400px;margin: 0 auto;}



.iconfont{font-family:"iconfont" !important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}



.fl { float: left;}
.fr {float: right;}

/*左右浮动清除*/
.clear { clear: both;height: 0px; overflow: hidden;}


/*间隙*/
.top10 {padding-top: 10px;}
.top20 {padding-top: 20px;}
.top30 {padding-top: 30px;}
.top40 {padding-top: 40px;}
.top50 {padding-top: 50px;}
.top60 {padding-top: 60px;}
.top70 {padding-top: 70px;}
.top80 {padding-top: 80px;}
.top90 {padding-top: 90px;}
.top100 {padding-top: 100px;}
.top140 {padding-top: 140px;}
.top170 {padding-top: 170px;}



@font-face{font-family:OPPOSans2;font-weight:400;src:url(//memberpic.114my.cn/schgjdgc/cssnew/OPPOSans-Regular.txt)}
@font-face{font-family:OPPOSans2;font-weight:500;src:url(//memberpic.114my.cn/schgjdgc/cssnew/OPPOSans-Medium.txt)}
@font-face{font-family:OPPOSans2;font-weight:600;src:url(//memberpic.114my.cn/schgjdgc/cssnew/HarmonyOS_Sans_SC_Bold.ttf.txt)}


@font-face {
  font-family: 'iconfont';  /* Project id 4343102 */
  src: url('//at.alicdn.com/t/c/font_4343102_uvd7td3nda.woff2?t=1700877222962') format('woff2'),
       url('//at.alicdn.com/t/c/font_4343102_uvd7td3nda.woff?t=1700877222962') format('woff'),
       url('//at.alicdn.com/t/c/font_4343102_uvd7td3nda.ttf?t=1700877222962') format('truetype');
}

/*英文样式*/
.font_en{font-family: Arial, Helvetica, sans-serif;text-transform: uppercase;}



/*文字*/
.t{text-align: center;padding-bottom:40px;}
.t b{color:#0064b9;}
.t p{font-size:40px;color:#333;font-weight:bold;}
.t span{font-size:18px;color:#666;font-weight:lighter;margin: 5px 0 0px 0;}



/*top*/
.hsecond { width: 100%; margin: 0 auto; padding: 0 5%; min-width: 1400px; height: 100px; display: flex; justify-content: space-between; align-items: center; width: 100%; z-index: 180; transition: all 0.5s ease; background: none; box-shadow: none; border-bottom: 1px solid rgba(255,255,255,0.1); position: absolute; top: 0; left: 0; }
.logo { float: left; display: flex; justify-content: space-between; align-items: center; width: auto; }
.logo img { margin-right: 0px; height: 58px;       filter: brightness(1.2);}
.logo a { margin-right: 0% }
.zb_k { display: flex; justify-content: space-between; align-items: center;width: 30px;height: 100%;}
.logo .name{margin-left:10px;}
.logo .name p{font-size:34px;color:#fff;font-weight:bold;}
.logo .name span{font-size:16px;color:rgba(255,255,255,0.6);font-weight:lighter;letter-spacing: 1.7px;}
/*nav*/
.nav { float: left; width: auto; }
.NavCeshi { }
.NavCeshi .r { background: none; }
.NavCeshi > li { float: left; transition: 0.2s all ease-in-out; position: relative;  }
.NavCeshi > li+li{padding-left: 6rem;}
.NavCeshi > li > a { display: block; text-align: center; padding: 0px 0; font-size: 16px; line-height: 100px; color: #fff; transition: 0.2s all ease-in-out; height: 100px; position: relative; z-index: 1113; }
.NavCeshi > li > a:after, .NavCeshi > li > a::after { content: ''; width: 0%; height: 2px; background: #fff; display: block; position: absolute; left: 0; bottom: 0; transition: 0.3s all ease-in-out; }
.NavCeshi > li.navcurrent > a:after, .NavCeshi > li.navcurrent > a::after, .NavCeshi > li:hover > a:after, .NavCeshi > li:hover > a::after { width: 100%; }
.NavCeshi > li.navcurrent > a, .NavCeshi > li:hover > a { color: #fff; font-weight: bold; }
.NavCeshi li>.nav2 { display: none; position: absolute;left: calc((100% - 64px) / 2);top: 100px; z-index: 99999; }
.NavCeshi li>.nav2 a { display: block; margin-top: 0px; background: #fff; height: 62px; line-height: 62px; width: 150px; font-size: 15px; text-align: center; color: #333; border-bottom: none; }
.NavCeshi li>.nav2 a:hover { background: #f2c002; color: #fff; }
.hul.fl { padding-top: 53px; }
 @media screen and ( max-width:1600px ) {
.NavCeshi > li+li{padding-left: 4rem;}
.hsecond{padding:0 2%;}
}
.tel { }
.tel img { vertical-align: text-bottom; }
.tel span { font-size: 30px; color: #FFF; font-weight: bold; font-family: "Arial"; }
.sp_bg { width: 100%; height: 900px; background-color: #d7d6d6; }
.cjz2 {width: 100%;
    height: 100%;
    display: flex;
    align-items: center;}
.sousou { width: 340px; position: absolute; top: 100px; right: 0px; background: #fff; border-radius: 10px;z-index: 9999; }
.hot_right { float: right; margin-top: 15px; }
.hot_right .search_2 { float: left; }
.hot_right .search_2 input { border: none; height: 31px; background: #f5f5f5; border-radius: 30px 0 0 30px; padding-left: 20px; width: 280px; font-size: 14px; color: #979797; }
.hot_right .search_tu { float: left; height: 31px; background: #f5f5f5; border-radius: 0 30px 30px 0; width: 30px; }
.hot_right .search_tu input { margin-top: 6px; }
.hot_left { padding-top: 15px; padding-left: 15px; }
.hot_left a { padding-right: 14px; font-size: 14px; line-height: 30px; color: #666; }
.hot_left a:hover { color: #116a8c; }
.sousou>div{padding: 10px 20px 25px 10px !important;}



/* strength */
.str_bg{width:100%;height:240px;position: relative;margin: 0 auto;z-index: 9; }
.str_bg .w1500 *{line-height: 100%;}
.str_list,.str_list ul{height:100%;position: relative;margin-top: -0px;position: relative;z-index: 9;}
.str_list li p{font-size:28px;font-weight: 100;color:#333;}
.str_list li em {display:flex;align-items:baseline;margin:9px 0;}
.str_list li em i{font-size:44px; color:#0064b9; font-family:din;}
.str_list li em b{font-size:17px;font-weight: 100;color:#333;margin-left:5px;}
.str_list li>span{font-size:15px;color:rgba(0,0,0,0.8);}




/*解决方案*/
.solve .box{position:relative;}
.solve_t{position: absolute;top:0px;left:0;}
.solve_t p{font-size:2.5vw;color:#222;font-weight:bold;}
.solve_t span{font-size:0.9vw;color:#666;line-height:2vw;}
.solve_t i{width: 100px;height: 5px;display:block;background:#0064b9;margin-top: 20px;}
.solve{ padding:80px 0 0; background:#fff;}
.solcon{ position:relative;}
.solcon .divdgweb_new_div{width:100% !important;}
.solcon .divdgweb_new_div_item{display: -webkit-flex;display: flex;justify-content:space-between;flex-wrap: nowrap;align-items:flex-start;width:100% !important;}
.solcon .divdgweb_new_div_item_date{ display:none;}
.solcon .news_div_item_pic{ width:45%;overflow: hidden;} 
.solcon .news_div_item_pic a{display:block;width:100%; }
.solcon .news_div_item_pic img{height:550px;width:auto;}
.solcon .divdgweb_new_div_item_content{ width:48%;margin-top: 10vw;}
.solcon .divdgweb_new_div_item_a{ display:block; font-size:28px; color:#333333; margin:20px 0 25px 0;position:relative; }
.solcon .divdgweb_new_div_item_a:after{content:'查看方案详情 +';width:200px; line-height:46px; text-align:center; background:#0064b9; font-size:14px; color:#fff; font-weight:lighter;position:absolute; top:250px; left:0;height:46px;display:block;}
.solcon .divdgweb_new_div_item_body{ font-size:14px; font-weight:lighter; line-height:30px; color:#aaaaaa;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 3;line-clamp: 3;-webkit-box-orient: vertical;width: 80%;}
.solcon .divdgweb_new_div_item_a:hover:after{ box-shadow:0 0 15px #997125;}

.solve_list{width: auto;padding:10px;position: absolute;right: 45%;top: 0;background: #eee;height: 550px;z-index: 9;overflow-y: auto;}
.solve_list .new_web_div2021,.solve_list ul{display:block;height:100%;}
.solve_list li{width:auto;height:calc((100% - 40px) / 5);}
.solve_list li{margin-bottom:10px;}
.solve_list li>a{display:block;height:100%;}
.solve_list li>a img{width:100%;height:100%;}
.solve_list li p{display:none;}
.solve_list li.on{background:#0064b9;padding: 2px;}
.solve_list::-webkit-scrollbar {
    width: 4px;
}
.solve_list::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background: #0064b9;
}
.solve_list::-webkit-scrollbar-track {
    border-radius: 0;
    background: rgba(0,0,0,0.1);
}










.prod_bg{background:url(//memberpic.114my.cn/schgjdgc/uploadfile/image/20231123/20231123114831_1541809287.jpg)no-repeat top center #fff;margin-top: -100px;padding-top: 250px;position: relative;}
.prod_bg .prod{width:80%;background:#fff;margin:0 auto;border-radius: 30px;box-shadow: 0px 0px 50px rgb(0 0 0 / 10%);padding:50px;}
.prod_t .fl{text-align:left;}
.prod_t {height:130px;display: flex;justify-content: space-between;align-items: center;}
.prod_t a{font-size:18px;}
.prod_list li{width:180px;height:45px;line-height:45px;display:block;background:#f8f8f8;text-align:center;float:left;}
.prod_list li a{display:block;font-size:16px;}
.prod_list .prolist2021 ul{display:flex;justify-content: space-between;}
.prod_box{margin-top:20px;}
.prod_box .progdwz2021 ul{display:flex;}
.prod_box .progdwz2021 ul+ul{margin-top:2%;}
.prod_box .progdwz2021 li{width:23.5%;display: block;float: left;border: 1px solid #eee;background:#fff;}
.prod_box .progdwz2021 li br{display:none;}
.prod_box .progdwz2021 li+li{margin-left:2%;}
.prod_box .progdwz2021 li>a{display:block;overflow: hidden;}
.prod_box .progdwz2021 li>a img{width:100%;transition:0.3s;height: auto;}
.prod_box .progdwz2021 li span{display:block;width: 95%;height: 50px;line-height: 50px;text-align: center;border-top: 1px solid #eee;margin: 0 auto;}
.prod_box .progdwz2021 li:hover>a img{transform: scale(1.1);}
.prod_box .progdwz2021 li:hover span a{color:#0366c1;}


.case_bg{background:#f8f8f8;}
.case_box{position: relative;}
.case_list{position: absolute;width:95%;left:2.5%;top:40px;z-index:9;}
.case_list li{width:calc((100% - 7px) / 8);display: block;float: left;background: rgba(0,0,0,0.8);height: 100px;text-align:center;display: flex;flex-direction: column;align-items: center;justify-content: center;cursor: pointer;position: relative;}
.case_list li+li{margin-left:1px;}
.case_img li img{width:100%}
.case_list li p{color:#fff;font-size:18px;}
.case_list li i{font-size:40px;color:#fff;margin-bottom: 5px;}
.case_list li:nth-child(6) i{font-size:35px;}
.case_list li.on{background:rgba(0,100,185,0.9);}
.case_img li{position: relative;display: block;}
.case_img li p{position: absolute;width:100%;bottom: 0px;height: 200px;background: linear-gradient(0deg, rgba(0,0,0,0.4) 10%, transparent);line-height: 300px;color: #fff;font-size: 24px;padding-left: 50px;}





/*优势*/
.adv_bg{background:#0064b9;}
.adv_t p{color:#fff;}
.adv_t span{color:rgba(255,255,255,0.6);}
.adv_cont li {width: calc(43% / 3);height: 698px; float: left; background: #333; position: relative; transition: 0.3s ease all; cursor: pointer; overflow: hidden; }
.adv_cont li.on { width: 54%; }
.adv_cont li+li { margin-left: 1%; }
.adv_cont li:nth-child(1) { background: url(//memberpic.114my.cn/schgjdgc/uploadfile/image/20231123/20231123171335_2122395032.jpg)left center; }
.adv_cont li:nth-child(2) { background: url(//memberpic.114my.cn/schgjdgc/uploadfile/image/20231123/20231123171335_1815143109.jpg)right center; }
.adv_cont li:nth-child(3) { background: url(//memberpic.114my.cn/schgjdgc/uploadfile/image/20231123/20231123171335_2014212111.jpg)right center; }
.adv_cont li:nth-child(4) { background: url(//memberpic.114my.cn/schgjdgc/uploadfile/image/20231123/20231123171335_525304378.jpg)right center; }
.adv_cont li:before { content: ''; width: 100%; height: 100%; display: block; background: rgba(0,0,0,0.5); position: absolute; }
.adv_cont li span { display: block; position: relative; }
.adv_cont li.on span { display: none; }
.adv_cont li p { display: block; color: #fff; position: relative; font-size: 1.8vw; font-weight: bold; color: #fff; margin-top: 92px; }
.adv_cont li .adv_l { margin-bottom: 40px; }
.adv_cont li.on .adv_l { margin-bottom: 20px; }
.adv_cont li.on .adv_l p { color: #333; margin-top: 0px; }
.adv_cont li .adv_box { margin: 0 auto; position: absolute; bottom: 0%; padding-left: 22%; transition: 0.3s all linear; }
.adv_cont li.on .adv_box { width: 80%; background: #f5f5f5; padding: 3% 10%; }
.adv_cont li d { display: block; position: relative; font-size: 0.6px; color: #ccc; line-height: 29px; transition: 0.3s ease all; }
.adv_cont li .adv_r { display: none; }
.adv_cont li .adv_l b { display: none; }
.adv_cont li.on .adv_r { width: 100%; font-size: 0.8vw; font-weight: lighter; line-height: 1.8vw; display: block; margin-top: 1vw; }
.adv_cont li.on:before { display: none; }
.adv_cont li.on .adv_l { width: 50%; }
.adv_cont li.on .adv_l b { display: block; border-radius: 5px; background-color: #e40000; color: #fff; height: 42px; line-height: 42px; text-align: center; font-weight: normal; width: 355px; font-size: 0.9vw; padding: 0 1vw; }
.adv_cont li .adv_box:after { content: ""; width: 4px; height: 50px; position: absolute; background: #ee2931; top: -26px; left: 7%; display: none; }
.adv_cont li.on .adv_box:after { display: block; }
@media (max-width: 1600px) {
.adv_cont li.on .adv_r { font-size: 14px; line-height: 24px; }
}




/*company*/
.com_bc{padding: 80px 0;overflow: hidden;position: relative;}
.com_ic{display: flex;justify-content: space-between;position: relative;}
.com_t>i{font-size: 68px;text-transform: uppercase;color: #e5e5e5;position: relative;padding-top: 50px;font-weight:bold;}
.com_t>i:after{position: absolute;content: "";width: 124px;height: 2px;background: #0555b5;top: 0;left: 0;}
.com_l{padding-top: 50px;width: 45%;}
.com_t>b{display: block;font-size: 48px;margin: 15px 0 50px;color:#222;}
.com_t>b span{color: #0555b5;}
.com_l>p{font-size: 16px;color: #666;line-height: 40px;font-weight: lighter;}
.com_l>p a{font-size:16px;}
.com_ic>p{position: absolute;top: 0;right: -325px;}
.com_ic>p img{}
.com_nav{background: rgba(0,100,185,0.9);display: flex;height: 250px;width: 48%;bottom: 80px;align-items: center;z-index: 2;position: absolute;}
.com_nav ul{display: flex;width: 75%;justify-content: space-between;}
.com_nav>i{text-transform: uppercase;color: #fff;font-size: 14px;writing-mode: tb-rl;position: relative;top: -50px;margin: 0 80px 0 0;}
.com_c{height: 876px;}
.com_nav>i:after{position: absolute;content: "";width: 1px;height: 105px;background: rgba(255,255,255,0.3);top: 48px;left: 6px;}
.com_nav li p{width: 94px;height: 94px;background: #fff;border-radius: 100%;display: flex;align-items: center;justify-content: center;}
.com_nav li p span{width: 64px;height: 64px;border-radius: 100%;background: #f8f8f8;line-height: 64px;color: #0064b9;font-size: 32px;transition: .5s; display: flex; justify-content: center; align-items: center;}
.com_nav li em{text-align: center;color: #fff;font-size: 18px;margin-top: 14px;font-weight:100;    display: block;}
.com_nav li:hover p span{color: #878787;}
.com_nav:after{position: absolute;content: "";width: 500px;height: 100%;background-image: linear-gradient(to right, rgba(0,100,185,0.9), rgba(0,100,185,0.9));z-index: -1;left: -500px;top: 0;}
@media screen and (max-width: 1650px){
   .com_nav{width: 55%;}
   .com_nav ul{width: 66%;}
}


/*news*/
.news {background: #fff;overflow: hidden;padding: 0px 15px 80px;}
.news_box {margin: 0 auto;}
.news_nav {display: flex;justify-content: center;align-items: center;}
.news_nav ul {display: flex;justify-content: center;width: 50%;}
.news_nav li {margin: 0 1%;padding: 2% 0;position: relative;overflow:hidden;display:  flex;width: 100%;justify-content:  center;align-items:  center;    border: 1px solid #ddd;}

.news_nav li a:before,.news_nav li a:after {height: 100%;width: 1px;}
.news_nav li a:after {left: auto;right: 0;}
.news_nav li:hover:before {transform: translateX(-100%);}
.news_nav li:hover:after {transform: translateX(100%);}
.news_nav li:hover a:before {transform: translateY(-100%);}
.news_nav li:hover a:after {transform: translateY(100%);}
.news_nav li a {font-size: 20px;display: block;}
.news_nav li.on {background:#0064b9;color: #fff;}
.news_nav li.on a{color: #fff;}
.news_con {margin: 3% 0 0;overflow: hidden;}
.news_roll {display: flex;transition: 0.5s;}
.news_call {width: 100%;flex-shrink: 0;}
.news_call .slick-track {padding:1% 0;}
.news_call .news_div {display:flex;}
.news_call .news_div_item {position: relative;display: flex !important;flex-direction: column-reverse;background: #fff;padding: 30px;margin: 0 0.2%;width: 25%;transition:0.5s; border: 1px #eee solid;justify-content: flex-end;}
.news_call .news_div_item:hover {box-shadow:0 0 20px #ddd;}
/*date*/
.news_call .news_div_item_date {display:flex;font-size: 13px;color:#fff;position: absolute;top: 51%;right: 30px;z-index: 5;padding: 2%;font-family: Arial;background: #0555b5;border-radius: 20px 0 0px 20px;}
.news_call .news_div_item_date:after {content:'';width: 0;height: 100%;background: #0555b5;border-radius:20px 0 0px 20px;position: absolute;top: 0;right: 0;z-index: -1;transition:0.5s;}
.news_call .news_div_item:hover .news_div_item_date:after {width:100%;}
/*content*/
.news_call .news_div_item_content {margin: 7% 0 0;}
.news_call .news_div_item_title {}
.news_call .news_div_item_title a {font-size:20px;}
.news_call .news_div_item_body {font-size:16px;font-weight:lighter;color:#999;line-height: 32px;margin: 3% 0 0;}
/*pic*/
.news_call .news_div_item_pic {position:relative;transition:0.5s;}
.news_call .news_div_item_pic img {width:100%;height:12vw;}
/*hover*/
.news_call .news_div_item:hover .news_div_item_pic {border:transparent;}
.news_call .news_div_item_pic:before,.news_call .news_div_item_pic:after {content:'';width:0;height:1px;background:#0b59bb;position:absolute;transition: 0.8s;z-index: 5;}
.news_call .news_div_item_pic:before {top: 0;left: 0;}
.news_call .news_div_item_pic:after {bottom:0;right:0;}
.news_call .news_div_item:hover .news_div_item_pic:before, .news_call .news_div_item:hover  .news_div_item_pic:after {width:100%;}
.news_call .news_div_item_pic>a:before,.news_call .news_div_item_pic>a:after {content:'';width: 1px;height: 0;background:#0b59bb;position:absolute;transition: 0.8s;z-index: 5;}
.news_call .news_div_item_pic>a:before {top: 0;left: 0;}
.news_call .news_div_item_pic>a:after {bottom: 0;right: 0;}
.news_call .news_div_item:hover  .news_div_item_pic a:before, .news_call .news_div_item:hover  .news_div_item_pic a:after {height: 100%;}



/*copy*/
.cop{background: #0b59bb;}
.cop_bc{width: 100%;position: relative;}
.cop_c{display: flex;align-items: center;justify-content: space-between;}
.cop_lc{width: 62%;border-right:1px solid rgba(255, 255, 255, 0.12);padding-top: 99px;}
.copp{display: flex;justify-content: space-between;}
.copp ul:last-child {margin-right: 10%;}
.copp ul li a{font-size: 14px;color: rgba(255, 255, 255, 0.58);display: block;padding-bottom: 11px;}
.copp ul li:first-child a{font-size: 16px;color: #fff;padding-bottom: 30px;}
.yq_c{margin-top: 42px;display: flex;align-items: center;}
.yq_c>p{font-size: 14px;color: #fff;}
.cop_rc{width: 40%;padding: 2px 0 0 50px;display: flex;justify-content: space-between;position: relative;}
.dy_c{
    margin-right: 50px;
    padding-top: 61px;
}
.dy_c li{width: 175px;height: 175px;overflow: hidden;}
.dy_c li+li{display: none;}
.dy_c em b{font-size: 14px;color:rgba(255, 255, 255, 0.38);display:block;padding-top: 10px;text-align: center;font-weight: normal;}
.dy_c p em img{width: 175px;}
.lx_c>p{font-size: 16px;color: #fff;}
.lx_c>div{font-size: 16px;color: rgba(255, 255, 255, 0.38);line-height: 36px;margin: 30px 0 20px;}
.bq_ewm{display: flex;}
.bq_ewm li{position: relative;}
.bq_ewm li span{width: 36px;height: 36px;border: 2px solid rgba(255, 255, 255, 0.23);border-radius: 100%;color: #fff;display: flex;transition: all .5s;justify-content: center;align-items: center;}
.bq_ewm li+li{margin-left: 12px;}
.foot_bc{border-top:1px solid rgba(255, 255, 255, 0.12);}
.foot_c{display: flex;justify-content: space-between;height: 73px;align-items: center;}
.foot_c a,.foot_c div{font-size: 14px;color: rgba(255, 255, 255, 0.38);}
.ewm_cc{display: none;position: absolute;top: -155px;left:calc(50% - 75px);}
.ewm_cc img {width: 150px!important;}
@media screen and (max-width: 1500px){
  .cop_lc{width: 58%}
  .cop_rc {width: 42%;padding-left: 70px;}
}
@media screen and (max-width: 1340px){
  .cop_rc {padding-left: 50px;}
  .copp ul:last-child {margin-right: 8%;}
}
.links_c {width: 80%;float: right;height: 68px;overflow: hidden;}
.linkTagcs{width:100%!important;}
.bq_ewm li.on span {background: #fe4527;border: 2px solid #fe4527;}
.linkTagcs li a{color: rgba(255, 255, 255, 0.38) !important;}
.cop_bc a,.foot_bc a{transition: 0.5s;}
.cop_bc a:hover,.foot_bc a:hover{color: #fff !important;transition: 0.5s;}