* {margin: 0;padding: 0;box-sizing: border-box;line-height:100%;}
body {font-size: 14px;font-family: Microsoft YaHei;overflow-x: hidden;}
em, i {font-style: inherit;font-weight: inherit;}
ul,li{list-style: none;}
a {text-decoration: none;color: #333;}
tr, td {padding: 0 !important;}
input, textarea {outline: none;border: none;}
.fl{float: left}
.fr{float: right}
#top10,#top20,#top30,#top40,#top50,#top60,#top80,#top100{margin:0 auto; width:1400px; overflow:hidden;}
#top10{height:10px;}
#top20{height:20px;}
#top30{height:30px;}
#top40{height:40px;}
#top50{height:50px;}
#top60{height:60px;}
#top80{height:80px;}
#top100{height:100px;}

/*title*/
.title{text-align:center;}
.titlea{font-weight:normal;font-size:42px; text-align: center; color: #333; line-height:44px;font-weight:bold;}
.titleb{font-size:60px;color:#999;;text-align:center;line-height:70px;opacity:0.1;text-transform:uppercase;font-weight:bold;margin-top:-59px; font-family: Impact;}
.titlec{font-size:18px;color:#999;;text-align:center;line-height:22px; font-weight:normal;margin-top:5px;}

@font-face {
font-family:din;
src:url(//cdn.dg.114my.cn/font/DIN-Medium/DIN-Medium.ttf),
     url(//cdn.dg.114my.cn/font/DIN-Medium/DIN-Medium.eot),
     url(//cdn.dg.114my.cn/font/DIN-Medium/DIN-Medium.otf),
     url(//cdn.dg.114my.cn/font/DIN-Medium/DIN-Medium.woff),
     url(//cdn.dg.114my.cn/font/DIN-Medium/DIN-Medium.woff2);
}
@font-face {
  font-family: "srt";
  src: url("../cssnew/str.txt") format("woff2"),
       url("../cssnew/str.txt") format("woff"),
       url("../cssnew/str.otf.txt") format("truetype"),
       url("../cssnew/str.sfd.txt") format("embedded-opentype"),
       url("../cssnew/str.svg.txt") format("svg");
}
.iconfont{
    font-family:"iconfont" !important;
    font-size:16px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;}

@font-face {
  font-family: 'iconfont';  /* Project id 3713243 */
  src: url('//at.alicdn.com/t/c/font_3713243_ndqwabc9xrr.woff2?t=1666079421381') format('woff2'),
       url('//at.alicdn.com/t/c/font_3713243_ndqwabc9xrr.woff?t=1666079421381') format('woff'),
       url('//at.alicdn.com/t/c/font_3713243_ndqwabc9xrr.ttf?t=1666079421381') format('truetype');
}
.page,.content{max-width:1500px;margin:0 auto;position:relative;}
.gy {max-width: 1500px; margin: 0 auto; min-width: 1200px;width: 100%;}
/*head*/
.head {padding: 1% 4%;/* overflow: hidden; */width: 100%;position:relative;z-index: 5;background: #fff;}
.head.on{width: 100%;z-index: 999;box-shadow: 0 0 20px #ddd;background: #fff;}
.head_box {max-width: 100%;margin: 0 auto;display: flex;justify-content: space-between;align-items:  center;position: relative;}
.head_logo {align-items: center;}
.head_logo i {float: left;padding: 3.5% 0;}
.head_logo i img {/* filter: brightness(100); */width: 80px;}
.head.on .head_logo img {filter: none;margin-top: 3.5%;}
.head_logo p {font-size: calc(1.6rem + 0.2vw);color: #333;padding: 6px 0 0 8px; text-transform: capitalize;float: left;font-weight: bold;}
.head_logo em{font-size: calc(1.2rem + 0.2vw);color: #999;padding: 8px 0 0 8px;text-transform: capitalize;float: left;font-family: Microsoft YaHei;    letter-spacing: 2px;}
.head.on .head_logo p {color:#333;}
.head_con {display:flex;justify-content: space-between;/* width: 73%; */align-items: center;/* position: relative; */margin: 0 0 0;}
.dh {
    background: #0c2e93;
    height: 65px;
    padding: 23px 70px;
    width: 100%;
}

.head_nav {    width: 74%;
    position: relative;
    z-index: 999;}
.head_nav>ul {display: flex;align-items: center;width: 100%;}
.head_nav>ul>li {white-space: nowrap;position: relative;}
.head_nav>ul>li+li {margin: 0px 0 0 8vw;}
.head_nav>ul>li:nth-child(2) .head_qit {left: -2.6vw;}
.head_nav>ul>li>a {font-size: 18px;color: #fff;position: relative;}
.head_nav>ul>li>a:before {content:'';width:0;height: 2px;background: #ff0505fa;position:absolute;bottom: 0;left:0;transition:0.5s;z-index: -1;}
.head.on .head_nav li>a:before {background:#0a519a;}
.head_nav>ul>li>a:after {content:'';width:100%;height: 3.2vw;position:absolute;left: 0;}
.head_nav li:hover a:before,.head_nav>ul>li.cur a:before {width:100%;}
.head_nav>ul>li.cur>a,.head_nav li:hover>a {color:#fff;font-weight:bold;}
.head_num {display:flex;align-items: center;margin: 0 0 0 18px;}
.head_num i {font-size: 25px;border: 1px solid #eee;width: 40px;height: 40px; border-radius: 100%; line-height: 40px; text-align: center;color: #1f2c5c;}
.head_num p {font-size: 22px;font-family:din;white-space: nowrap;padding: 0 0 0 12px;text-align: center;color: #0c2e93;}
.head_pho{display: flex;align-items: center;justify-content: space-between;height: 100%;}
.pho_wz p,.pho_wz b{color: #fff;}
.pho_wz p{font-size: 1rem;}
.pho_wz b{font-size: 1.4rem;}
.pho_ic{width: 37px;height: 37px;border-radius: 100%;border:1px solid #fff;display: flex;align-items: center;justify-content: center;}
.hlf {font-family: "htf" !important;font-size: 16px;font-style: normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.icon_search {height: 100%;display: flex;align-items: center;justify-content: center;}
.icon_pho,.icon_ss{width:40px;height:40px;border-radius:100%;}
.icon_pho{margin-left:12px;}

/*xiala*/
.dfs{display:flex;align-items:center;justify-content:space-between;width: 100%;}
.icon>div i{width:40px;height:40px;border-radius:100%;display: flex;justify-content: center;align-items: center;user-select:none;transition:all 0.5s;position: relative;border: 1px solid #eee;}
.icon>div:hover i{background: #0c2e93;}
.icon>div i:before{content:'';width:40px;height: 5vw;border-radius:100%;position:absolute;top: 0;}
.icon>div:hover i:before{animation:2s headIcon infinite;}
.icon>div:hover i:after{animation:2s headIcon infinite;animation-delay:0.5s;}
.icon>div i span{font-size:18px;color: #1f2c5c;position: relative;z-index:2;}
.icon>div:hover i span{color: #fff;}

.form_ul {padding:0;}
.iser_box,.itel_box{background:rgba(255,255,255,0.8);position:absolute;top: 124%;right:0;padding:30px;transform-origin:top;transform:rotateX(90deg);transition:all 0.5s;z-index: 9}
.icon>div:hover .iser_box,.icon>div:hover .itel_box{transform:rotateX(0deg);}
.search_l{display:flex;align-items:center;justify-content:end;}
.search_l span+span{margin-left:4px;    font-size: 14px;}
.search_l a{color: #333;font-size: 14px;}
.search_r{margin-top:20px;position:relative;}
#infoname{height:38px;line-height: 38px;border:1px solid #eee;text-indent:12px;width: 100%;}
.z_img{width:38px;height:38px;position:absolute;top:0;right:0;background: no-repeat;}
.itel_box{width: 150px;text-align:center;padding: 10px;}
.itel_box a{color:#333;position:relative;display: flex;font-size: 16px;font-family: Arial;text-transform: uppercase;align-items: center;padding: 5%;transition:0.5s;justify-content: center;}
.itel_box a:hover {background:#1f2c5c;color:#fff;}
.itel_box a+a {margin: 8% 0 0;}
.itel_box a span {overflow:hidden;border-radius: 50%;margin: 0 10px 0 0;width: 20px;height: 20px;}
.itel_box a span img {width:100%;height:auto;}
.itel_box p:before{position:absolute;left:0;color:#333;}
.search_l .iconfont{font-size: 16px;}
.icon_tel i{display: block;width: 98px;height: 30px;line-height: 28px;text-align: center;border:2px solid #b2b2b2;font-size: 14px;color: #7f7f7f;border-radius: 15px;font-style: normal;}
.icon_pho i span{font-size:18px!important;display: block;margin-top: -3px;}
.hx_bg{height: 142px;position: relative;margin-top: -142px;z-index: 99;}
.icon_search.icon_pho:hover .itel_box.dh_c {
    transform: rotateX(0);
}

.head_nav>ul>li:nth-child(n+3) {position:relative;}
.head_qit {position: absolute;top: 5vw;left: -11vw;width: 25vw;background: #fff;opacity: 0;transition: 0.5s all ease;visibility: hidden;display: flex;padding: 1.5vw;justify-content: space-between;align-items: center;box-shadow:0 4px 5px rgba(0,0,0,0.5);}
.head_qit>a {font-size:14px;color:#333;padding: 15%;text-align: center;    white-space: nowrap;}
.head_nav>ul>li:hover .head_qit,.copy_nav>ul>li:hover .head_qit {visibility: visible;top: 2vw;opacity:1;}
.head_qit a:hover {color: #004098; font-weight: bold;}

.head_txt {display:flex;flex-direction: column;/* text-align: center; */align-items: center;}
.head_txt a {font-size: 15px;color: #333;text-transform: uppercase;font-weight: lighter; line-height: 20px;}
.head_txt a+a {margin: 1vw 0 0;}
.head_pic {margin: 0 0 0 22px;overflow: hidden;}
.head_pic em {display:flex;transition: 0.5s;}
.head_pic i {overflow:hidden;width: 100%;flex-shrink: 0;}
.head_pic i img {width:100%;height:auto;}

/*fic*/
.head_nav>ul>li:hover .head_fic {transform:rotateX(0);}
.head_fic {position:absolute;top: 3vw;background: #fff;left: 13%;/* padding: 0 4%; */transform-origin: top;transform: rotateX(90deg);transition: 0.5s;}
.head_fic ul {}
.head_fic li {position:relative;padding: 12% 20px;z-index:4;}
.head_fic li:before {content:'';width:0;height:100%;background:#1a58a4;position:absolute;top:0;left:0;z-index:-1;transition:0.5s;}
.head_fic li:hover:before {width:100%;}
.head_fic li+li {border-top: 1px solid #f1f1f1;}
.head_fic li a {font-size: 16px;font-weight: lighter;transition:0.5s;}
.head_fic li:hover>a {color:#fff;}
.head_fic li dl {position:absolute;left: 100%;transform-origin: left;transform: rotateY(90deg);transition: 0.5s;background: #fff;width: 100%;top: 0;}
.head_fic li:hover dl {transform:rotateY(0);}
.head_fic li dl dt {padding: 12% 10%;position:relative;}
.head_fic li dl dt:before {content:'';width:0;height:100%;background:#1a58a4;position:absolute;top:0;left:0;z-index:-1;transition:0.5s;}
.head_fic li dt:hover:before {width:100%;}
.head_fic li dl dt+dt {border-top:1px solid #f1f1f1;}
.head_fic li dl dt a {font-size: 17px;transition:0.5s;}
.head_fic li dt:hover a {color:#fff;}


.seat {position:absolute;top: 72%;background: #fff;width: 20%;padding: 1%;right: 0;transform-origin: top;transition: 0.5s;transform: rotateX(90deg);border-radius: 10px;}
.seat p {font-weight: bold;font-size: 16px;display: flex;flex-direction: column;}
.seat p span {padding: 4% 0 0;display: flex;justify-content: space-between;border-top: 1px solid #f8f8f8;margin: 3% 0 0;}
.seat p span a {font-size: 16px;font-weight: lighter;}
.head_sear:hover .seat {transform:rotateX(0)}

/*banner*/
.banner{position: relative;height: 100%;overflow: hidden;background: #fff;margin: 0 !important;}
.banner a{/* position: absolute; *//* width:100%; *//* height: 900px; *//* z-index: 3; *//* opacity: 0; *//* z-index: 555; */overflow: hidden;}
.banner a img{height: auto;transform:scale(1.1);width: 100% !important;margin: 0 !important;}
.banner a.active{z-index:5;opacity: 1;}
.banner a.active img{transform: scale(1.1);opacity: 1;}
.banner .slick-active img {    transition: 6s linear; transform: scale(1);}
.banner a img{
	transition:transform 5s linear,opacity 1s linear;
	-webkit-transition:transform 5s linear,opacity 1s linear;
	-o-transition:transform 5s linear,opacity 1s linear;
	-moz-transition:transform 5s linear,opacity 1s linear;
	-ms-transition:transform 5s linear,opacity 1s linear;
}
.banner .ban_dot {display: flex !important;width: 100%;justify-content: flex-start;align-items: flex-end;/* margin: 2% 0 0; */position: absolute;bottom: 5%;left: 5%;}
.banner .ban_dot li {width: 6px;height: 10px;display: inline-block;background: #fff;margin: 0 0.3%;transition: 0.5s;/* border-radius: 50%; */position: relative;z-index: 5;overflow: hidden;}
.banner .ban_dot li:before {content:'';width: 100%;height:0;/* background: #0a519a; */position:absolute;bottom: 0;left:0;z-index:-1;transition:1s all;}
.banner .ban_dot li.slick-active {height: 30px;}
.banner .ban_dot li.slick-active:before {height:100%; }
.banner .ban_dot li button {font-size:0;border: none;outline: none;}
.banner .slick-prev:before {content: '\e65f' !important;font-family: iconfont !important;color: #161883 !important;font-size: 60px !important;}
.banner .slick-next:before {content: '\e65f' !important;font-family: iconfont !important;color: #161883 !important;font-size: 60px !important;}
.banner .slick-prev {left: 3% !important;transform: rotate(180deg) !important;z-index: 5;}
.banner .slick-next {right: 3% !important;top: 45% !important;}
.banner .slick-prev:before, .banner .slick-next:before {opacity: 0;transition: all ease 0.5s;}
.banner:hover .slick-prev:before, .banner:hover .slick-next:before {opacity: 1;}

/*产品*/
.prod_box {background:#fff url(//memberpic.114my.com.cn/0183402/uploadfile/image/20221229/20221229174752_1605663612.jpg)no-repeat center bottom;padding: 70px 0;height:1190px;}
.contentbt{max-width:1500px;margin:auto;overflow:hidden;}
.pc_left{max-width:1500px;overflow:hidden;margin:auto;}
.pcl_list{width:580px;position:relative;margin:auto;}

.pc_right {
    max-width: 1500px;
    background: #fff;
    margin: auto;
    margin-top: 0px;
    box-shadow: 0 0 20px #dedbdb;
    padding: 25px 60px 60px 60px;
}
.pc_right li td br{display:none;}
.pc_right li tr{font-size:0;display:block;}
.pc_right li tr+tr{margin-top:33px;}
.pc_right li td{width:377px;display:inline-block;vertical-align:top;background:#fff;border:2px solid #f2f2f2;position:relative;transition:all 0.3s;}
.pc_right li td:hover{border-color:#339933;transition:all 0.3s;}
.pc_right li td+td{margin-left:33px;}
.pc_right li td span{border-top:1px solid #f2f2f2;} 
.pc_right li td span,.pc_right li td span a{display:block;line-height:62px;}
.pc_right li td span a{font-size:16px;color:#333;transition:all 0.3s;}
.prod_wt .progdwz2021 ul li:nth-child(5) {margin-left:0;}
/*产品切换*/
.prod_wt{display: flex;}
.prod_wt .progdwz2021{width: 100% !important;flex-shrink: 0;}
.prod_wt ul{position:relative;float:left;text-align:center;margin-top:17px;width:100%;}
.prod_wt ul li span a{font-size:18px;display:block;text-align:center;}
.prod_wt ul img {width:100%;height: auto;transition: 0.2s;}
.prod_wt ul li:hover img{transform: scale(1.3);transition: 0.2s;}
.prod_wt ul:nth-child(4) {margin-left: 0px !important;}
.prod_wt .progdwz2021 ul li{width:calc((100% - 45px)/4);float:left;border:1px #eee solid;transition: all 0.3s;padding-bottom:20px;margin-top:15px;position:relative;background:#fff; overflow: hidden;}
.prod_wt .progdwz2021 ul li+li {margin-left:15px;}
.prod_wt .progdwz2021 ul li a:before,.prod_wt .progdwz2021 ul li a:after{content:'';position:absolute;width:0;height:0;z-index:222;box-sizing:border-box;transition:height 0.5s linear 0s, width 0.5s linear 0.5s, opacity 0s linear 1s;opacity:0;}
.prod_wt .progdwz2021 ul li a:before{top:0;left:0;border-top:1px solid #0c2e93;border-right:1px solid #0c2e93;border-bottom:1px solid transparent;border-left:1px solid transparent;}
.prod_wt .progdwz2021 ul li a:after{right:0;bottom:0;border-top:1px solid transparent;border-right:1px solid transparent;border-bottom:1px solid #0c2e93;border-left:1px solid #0c2e93;}
.prod_wt .progdwz2021 ul li a:hover:after,.prod_wt .progdwz2021 ul li a:hover:before{width:100%;height:100%;opacity:1;transition:width .5s linear 0s,height .5s linear .5s;}
.prolist2021 dl {display: none;}
.prolist2021 li{float:left;display:block;width:16.66%;line-height:100px;transition: all 0.3s;}
.prolist2021 li+li{margin-left:0px;}
.prolist2021 li a{font-size:19px;color:#333;text-align:center;display: block; margin-top: 1px; margin-left: 1px; background:#eee;transition: all 0.5s;line-height:100px;}
.prolist2021 li a:hover{background: #0c2e93;transition: all 0.5s;color:#fff;}
.pc_right>ul { transition: all 0.5s;}
.prolist2021 li.on {background: #0c2e93;}
.prolist2021 li.on a{background: #0c2e93;color: #fff;}


/*mod*/
.mod {width:100%;background: url(//memberpic.114my.com.cn/0183402/uploadfile/image/20230302/20230302104807_2058977473.jpg)no-repeat center;height:286px;padding: 62px 0;}
.mod_box {max-width:1500px;margin: 0 auto;position: relative;display: flex;justify-content: flex-end;align-items: flex-end;}
.mod_box:after {content: '';background: url(//memberpic.114my.com.cn/0183402/uploadfile/image/20230302/20230302140324_1248522114.png)no-repeat;width: 350px;height: 285px;position: absolute;top:-35px;left:145px;z-index: 999;}
.mod_con {color: #0c2e92;margin-right: 15%;}
.mod_con b {font-size: 42px;line-height: 44px;}
.mod_con em {font-size: 22px;font-weight: lighter;line-height: 46px;display: block; width: 471px;height: 46px;padding-left: 0px; margin: 14px 0 23px 0;}
.mod_con p {font-size: 21px;line-height: 25px;}
.mod_con p span {font-size: 12px;line-height: 18px;color: #666666;display: block;letter-spacing: -0.38px;}
.mod_phone {color: #ffffff;}
.mod_phone p {background: url(//memberpic.114my.com.cn/0183402/uploadfile/image/20221229/20221229173321_1789363871.png)no-repeat 0 12px;font-size: 16px;padding-left: 60px;margin-bottom: 15px;}
.mod_phone p span {font-size: 29px;line-height: 32px;display: block;font-family: Arial;}
.mod_phone a {font-size: 16px;color: #ffffff;width: 122px;height: 37px;line-height: 35px;text-align: center;border:1px solid #ffffff;border-radius: 10px;display: inline-block;position: relative;z-index: 2;}
.mod_phone a+a {margin-left: 12px;}
.mod_phone a:before, .mod_phone a:after {    position: absolute;  content: ""; width: 0%; height: 0%;border: 1px solid;    border-radius: 10px;z-index: -1; transition: all 0.3s ease;}
.mod_phone a:before {top: 2px; left: 2px;border-bottom-color: transparent; border-right-color: transparent; border-top-color: #fff; border-left-color: #fff;}
.mod_phone a:hover:before, .mod_phone a:hover:after { border-color: #fff; height: 100%; width: 100%;}
.mod_phone a:hover:before, .mod_phone a:hover:after {border-color: #fff;height: 100%;width: 100%;}
.mod_phone a:after {bottom: 2px; right: 2px;border-top-color: transparent;border-left-color: transparent;border-bottom-color: #fff;border-right-color: #fff;}
.mod_phone a:hover {border:none;}

/*appli*/
.appli {padding: 4% 0% 8.6% 0%;overflow: hidden;background: url(//memberpic.114my.com.cn/0183402/uploadfile/image/20221229/20221229152419_1358858616.jpg)no-repeat center;position:relative;z-index:5;}
.appli:before {content:'';width:100%;height:100%;position: absolute;background: rgba(255,255,255,0.9);top: 0;left: 0;z-index: -1;}
.appli_box {max-width: 1500px;margin:0 auto;}
.appli_tit {display: flex;align-items: center;color:  #333;justify-content:  space-between;}
.appli_tit p {display: flex;flex-direction: column;font-size: 48px; font-weight: bold;}

.appli_tit p span {font-size: 18px;font-weight: normal;padding: 4% 0 0;}
.appli_tit a {font-size: 24px;color:  #fff;text-transform:  uppercase;font-family:  Arial;position: relative;z-index: 5;}
.appli_tit a:before {content:'';width:0;height:2px;background:#fff;position:absolute;bottom:0;left:0;transition: 0.8s;}
.appli_tit:hover a:before {width:100%;}
.appli_tab {margin: 3% 0 0;display: flex;justify-content: space-between;}
.appli_nav {width: 20%;}
.appli_nav ul {}
.appli_nav li {padding: 12% 15%;position:  relative;z-index: 5;background: #0c2e93;}
.appli_nav li:before {content:'';width:0;height:100%;background: #ea0012;position:absolute;top:0;left: 0;z-index:-1;transition:1s;}
.appli_nav li:after {content:'\eb91';width:0;height:100%;background: #0c2e93;position:absolute;top:0;right: 18%;z-index: -1;transition:1s;font-family: 'iconfont';color: #fff;font-size: 26px;bottom: 0;margin: auto;display: flex;justify-content: center;align-items: center;transform: translateX(100px);opacity: 0;visibility: hidden;}
.appli_nav li:hover:before,.appli_nav li.on:before {width: 110%;}
.appli_nav li:hover:after,.appli_nav li.on:after {transform: translateX(0); opacity: 1;visibility: visible;}
.appli_nav li a {font-size: 18px;color:  #fff;font-weight:  lighter;}
.appli_con {width: 80%;overflow:  hidden;}
.appli_con>ul {display:flex;transition:0.5s;}
.appli_con>ul>li {display:flex;width:  100%;flex-shrink:  0;justify-content:  space-between;}
.appli_pic {width:70%;}
.appli_pic ul {}
.appli_pic li {}
.appli_pic li a {overflow: hidden;}
.appli_pic li a img {width: 100%;height: auto;}
.appli_pic li p {display:none;}
.appli_pic li p a {font-size: 16px;}
.appli_call {width: 28%;}
.appli_call ul {}
.appli_call li {display:flex !important;align-items: center;cursor: pointer;border: 1px solid rgba(0,0,0,0.1) !important;padding: 4%;}
.appli_call li+li {margin: 5.2% 0 0;}
.appli_call ul li a {width: 50%;overflow: hidden;pointer-events: none;}
.appli_call li a img {width: 100%;height: auto;}
.appli_call li p {margin: 0 0 0 2vw;position: relative;}
.appli_call li p:before {content:'';width: 20%;height:2px;background:#0c2e93;position:absolute;bottom: -1vw;left: 0;transition:0.5s;}
.appli_call li:hover p:before {width:80%;}
.appli_call li p a {font-size: 15px;color: #333;font-weight: lighter;pointer-events: none;}

/*sup*/
.sup_cgy {
    max-width: 1380px;
    margin: 0 auto;
    min-width: 1200px;
    width: 100%;
}
.sup_c{background: #fff; padding:60px; max-width: 1500px; margin:0 auto;box-shadow: 1px 1px 50px rgba(21,21,20,0.1);}
.sup_bc{height:1239px;position: relative; margin-top: -100px; z-index: 999;}
.sup_cc>ul{display: flex;background: #fff;position: relative;top: -0px;}
.sup_cc>ul>li{display: flex;align-items: center;justify-content: center;height: 160px;width: 25%;flex-direction: column;border: 1px solid #eee;}
.sup_cc>ul>li+li{border-left:1px solid #eee;}
.sup_cc>ul>li>span{font-size: 38px;color: #0c2e93;}
.sup_cc>ul>li>b{font-size: 28px;color: #333;margin-top: 8px;}
.sup_cc>ul>li.on *{color: #fff;}
.sup_cc>ul>li.on{background: #0c2e93;border-bottom: none;border-top:none;border-left: none;border-right: none;}
.sup_yc{overflow: hidden;}
.sup_ic{display: flex;transition: all .5s;}
.sup_item{display: flex;justify-content: space-between;flex-shrink: 0;width: 100%;}
.sup_lc{width: 50%;}
.sup_lc img{width: 100%;}
.sup_rc{width: 50%;background: #fff;padding: 50px 50px 0 50px;position: relative;}
.sup_rt{display: flex;/* justify-content: space-between; */align-items: center;}
.sup_rt>span{font-family: din;font-size: 80px;color: #0c2e93;font-weight: bold;/* padding-top:5px; */margin-right: 39px;}
.sup_rt>b{width:calc(100% - 76px);height: 47px;background: #f8a000;line-height: 47px;font-size: 30px;color: #fff;border-top-left-radius: 20px;padding-left: 17px;}
.sup_rc>p{font-size: 14px;color: #ababab;position: relative;margin:18px 0 38px;}
.sup_rc>p:after{position: absolute;content: "";width: 100%;height: 1px;background: #dddddd;top: 26px;left: 0;}
.sup_info>p{font-size: 16px;line-height: 30px;color: #666;position: relative;padding-left: 21px;}
.sup_info>p+p{margin-top: 14px;}
.sup_rbo{display: flex;margin-top: 65px;align-items: center;position: relative;}
.sup_rbo>a{display: flex;justify-content: center;width: 156px;height: 46px;align-items: center;background: #0e131f;transition: all .5s;}
.sup_rbo>a:hover{box-shadow: 0 10px 10px rgb(248 160 0 / 20%);transform: translateY(-3px);background: #f8a000;}
.sup_rbo>a>span:first-child{font-size: 16px;color: #fff;margin-right: 9px;}
.sup_rbo>a>span:last-child{font-size: 18px;color: #fff;}
.sup_rbo>div{font-size: 30px;color: #0c2e93;font-weight: bold;font-family: din;}
.sup_rbo .iconfont{font-size: 24px; font-weight: normal; color: #999;}
.sup_rbo>div>span{font-size: 35px;color: #f8a000;display: inline-block;margin-right: 12px;}
.sup_rt>div>b {display: block;font-size: 32px;}

.sup_rt>div>p {font-size: 22px;color: #686868;margin-top: 8px;}

.sup_rc:after {
    position: absolute;
    content: "";
    background: url(//memberpic.114my.com.cn/0183402/uploadfile/image/20221229/20221229174857_242617977.jpg) no-repeat center;
    height: 10px;
    width: 100%;
    top: 175px;
    left: 0;
}

.sup_info {
    margin-top: 75px;
}

.sup_info>p:before {
    position: absolute;
    content: "";
    width: 9px;
    height: 9px;
    border-radius: 100%;
    border: 1px solid #bdbdbd;
    top: 9px;
    left: 0;
}

.sup_rbo>span.rda {
    font-size: 18px;
    color: #000;
}

.sup_rbo>span:nth-child(2) {
    font-size: 16px;
    color: #10110f;
    margin: 0 6px 0 13px;
}

.sup_rbo:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 1px;
    background: #f4f4f4;
    top: -31px;
    left: 0;
}

@media screen and (max-width: 1520px){
	.sup_rc{padding: 40px;}
	.sup_rc:after{top: 155px;}
	.sup_info{margin-top: 75px;}
}
@media screen and (max-width: 1425px){
	.sup_rc{padding: 30px;}
	.sup_rc:after{top: 148px;}
}
@media screen and (max-width: 1370px){
	.sup_rc{padding: 25px;}
	.sup_info>p{font-size: 15px;}
}


/*company*/
.com_bc{width: 100%; background: #f8f8f8;}
.com_c{display: flex;justify-content: space-between;padding: 70px 0;align-items: flex-end;}
.com_lc{width: 41%;}
.com_lc>b{display: block;font-size: 62px;color: #10110f;font-family: din;text-transform: uppercase; line-height: 62px;}
.com_lc>p{font-size: 32px;color: #10110f;margin:0 0 20px;}
.com_info{font-size: 16px;color: #10110f;line-height: 32px;}
a.com_btn{display: inline-block;font-size: 16px;color: #10110f;margin: 40px 0 55px;}
a.com_btn>span{font-size: 16px;color: #10110f;display: inline-block;margin-left: 9px;}
.com_num{display: flex;justify-content: space-between;}
.com_num>li{text-align: center;position: relative;}
.com_num>li+li:after{position: absolute;content: "";width: 1px;height: 54px;background: #e6e6e6;top: 50%;left: -78px;margin-top: -27px;}
.com_num>li>span{font-size: 18px;color: #10110f;display: block;}
.com_num>li>span>b{font-size: 60px;color: #0c2e93;font-family: din;}
.com_num>li>p{margin-top: 2px;font-size: 18px;color: #10110f;}
.com_rc{width: 54%;position: relative;}
.com_rc img{width: 100%;}
.com_rc>ul{display: flex;position: absolute;bottom: 0;left: 0;}
.com_rc>ul>li>a{width: 194px;height: 144px;display: flex;flex-direction: column;align-items: center;justify-content: center;}
.com_rc>ul>li:nth-child(1)>a{background: #eee;}
.com_rc>ul>li:nth-child(2)>a{background: #0c2e93;}
.com_rc>ul>li>a>span{font-size: 48px;}
.com_rc>ul>li>a>p{font-size: 16px;margin-top: 13px;}
.com_rc>ul>li:nth-child(1)>a>span{color:#10110f;}
.com_rc>ul>li:nth-child(1)>a>p{color:#10110f;}
.com_rc>ul>li:nth-child(2)>a *{color: #fff;}
@media screen and (max-width: 1500px){
	.com_lc{width: 48%;}
	.com_lc>b{font-size: 54px;}
	.com_lc>p{font-size: 30px;}
	.com_num>li>span>b{font-size: 80px;}
}
@media screen and (max-width: 1430px){
	.com_lc>b{font-size: 50px;}
	.com_lc>p{margin:5px 0 25px;}
	.com_num>li>span>b{font-size: 70px;}
	a.com_btn{margin: 35px 0 50px;}
}
#s_liucheng{width:100%;max-width:100%;margin:auto; padding: 50px 0px 70px 0; overflow: hidden;}
#s_liucheng ul{ margin-top: -1rem; }
#s_liucheng ul li{ text-align: center; position: relative; padding-top: 1rem;width:14.2%; float: left;}
#s_liucheng ul li font{ display: block; width: 4.6875rem; height: 4.6875rem; border-radius: 50%; margin: 0 auto; text-align: center; line-height: 4.6875rem; margin-bottom: 1.25rem; position: relative;}
#s_liucheng ul li p{ font-size: 1rem; color: #333; line-height: 1.5rem; margin-bottom: 3.625rem;}
#s_liucheng ul li:hover p{ color:#0c2e93;font-family: PingFangSC-Medium; }
#s_liucheng ul li span{ display: block; width: 1.9375rem; height: 2.1875rem; line-height: 2.1875rem; text-align: center; background: url(//memberpic.114my.com.cn/0183402/uploadfile/image/20221229/20221229175006_995249951.png) center no-repeat; margin: 0 auto; background-size: contain;}
#s_liucheng ul li+li:before{ content:"\eb91"; width:10px; font-family:"iconfont";height:17px; display:block; background-size: contain; position:absolute; left:0; margin-left:-5px; top:3rem; z-index: 1;}
#s_liucheng ul li+li:after{ content:""; height:1px; display:block; border-bottom: 1px dashed #999; position:absolute; left:-50%; margin-left: 35px; right: 50%; margin-right:35px ; bottom: 1.09375rem; z-index: 2;}
#s_liucheng ul li font:before{ content:""; width: 100%; height: 100%; border-radius: 50%; display: block;  background: #0c2e93; position: absolute; z-index:1; left: 0px; top: 0px;  -moz-transition: all .6s cubic-bezier(0.445, 0.145, 0.355, 1);
  -o-transition: all .6s cubic-bezier(0.445, 0.145, 0.355, 1);
  -ms-transition: all .6s cubic-bezier(0.445, 1.045, 0.355, 1);
  transition: all .6s cubic-bezier(0.445, 0.145, 0.355, 1); transform: scale(1); -webkit-transform: scale(1); opacity: 1; visibility: visible;}
#s_liucheng ul li font:after{ content:""; width: 100%; height: 100%; border-radius: 50%; display: block;  background: #0c2e93; position: absolute; z-index:2; left: 0px; top: 0px; transform: scale(0.6); -webkit-transform: scale(0.6); opacity: 0; -moz-transition: all .6s cubic-bezier(0.445, 0.145, 0.355, 1);
  -o-transition: all .6s cubic-bezier(0.445, 0.145, 0.355, 1);
  -ms-transition: all .6s cubic-bezier(0.445, 1.045, 0.355, 1);
  transition: all .6s cubic-bezier(0.445, 0.145, 0.355, 1); visibility: hidden;}
#s_liucheng ul li:hover font:after{ transform: scale(1); -webkit-transform: scale(1); opacity: 1; visibility: visible;}
#s_liucheng ul li:hover font:before{ transform: scale(1.2); -webkit-transform: scale(1.2); opacity:0.1;}
#s_liucheng ul li:hover span{ background: url(//memberpic.114my.com.cn/0183402/uploadfile/image/20221229/20221229175159_1223022762.png) center no-repeat; color: #fff;}

#s_liucheng ul li font i{color: #fff;position: relative;opacity: 1;z-index: 9999;font-size:32px; line-height: 75px;}
i.iconfont.icon-baoguo_fahuo_o {font-size: 46px !important;}

/*mot*/
.mot {
    overflow: hidden;
    padding: 80px 0 44px 0;
    position: relative;
    z-index: 55;
}
.mot_box {
    max-width: 1500px;
    margin: 0 auto;
}
.mot_tab {
    position: relative;/* z-index: 6; */
    overflow: hidden;
}
.mot_nav {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.mot_nav ul {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
}
.mot_nav li {
    background: #f8f8f8;
    width: 50%;
    height: 70px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-right: 1px solid #fff;
    transition: 0.5s;
}
.mot_nav li.on {
    background: #0c2e93;
}
.mot_nav li.on a {
    color: #fff;
}
.mot_nav li a {
    font-size: 22px;
}
.mot_nav>a {
    font-size: 16px;
}
.mot_int {    overflow: hidden;}
.mot_con {
    display: flex;
    transition: 0.5s;
    padding: 50px 0 0;
}
.ban_dota{display: none !important;}
.mot_call {
    width: 100%;
    flex-shrink: 0;
}
.mot_call ul {}
.mot_call li {
    border: 1px solid #eee;
    padding: 10px;
    margin: 0 0.1%;
    background: #fff;
    }
.mot_call li>a {position: relative;display: inline-block;}
.mot_call li>a img {width:100%;height:auto;}
.mot_call li p {
    display: flex;
    justify-content: center;
    width: 100%;
    padding: 20px 0 4%;
}
.mot_call li p>a {
    font-size: 16px;
    position: relative;
    font-weight: lighter;
}

/*news*/
.news {padding: 4% 1%;overflow: hidden;background: #f8f8f8;}
.news_box {max-width: 1500px;margin: 0 auto;}
.news_tab {}
.news_tit {display:flex;align-items: center;justify-content: center;width: 100%;flex-direction: column;}
.news_tit p {font-size: 18px;font-weight: lighter;padding: 1% 0 0;}
.news_tit span {font-size: 32px;position: relative;}
.news_tit span:before {content:'';width:10px;height:10px;background: #0c2e93;position:absolute;left: -24%;top: 21%;}
.news_tit span:after {content:'';width:10px;height:10px;background: #0c2e93;position:absolute;right: -24%;top: 21%;}
.news_nav {width: 40%;margin: 3% auto 0;}
.news_nav ul {display: flex;justify-content: space-between;align-items: center;width: 100%;}
.news_nav li {display:  flex;justify-content:  center;align-items:  center;background: #fff;margin: 0 12px;width: 100%;padding: 1.5% 25px;/* border-radius: 40px; */position: relative;overflow: hidden;z-index: 5;box-shadow: 0px 0px 20px #ddd;}
.news_nav li:before {content:'';width:0;height:100%;background: #0c2e93;position:absolute;top:0;left:0;transition:0.5s;z-index:-1;}
.news_nav li.on:before {width:100%;}
.news_nav li i {font-size: 18px;line-height:  24px;display: none;}
.news_nav li a {font-size: 18px;line-height: 24px;/* padding-left: 4px; */white-space: nowrap;}
.news_nav li.on,.news_nav li.on a {color: #fff;font-weight: bold;}
.news_list{width: 100%;display: flex;transition:all .5s;}
.news_list .tempWrap {width: 100% !important;}
.news_list .news_div{display: flex;justify-content: space-between;flex-shrink: 0;width:100%;}
.news_list .news_div+.news_div{}
.news_list .news_div_item{width: 32%;position: relative;transition:0.5s;padding: 20px;background: #fff;display: flex !important;flex-direction: column-reverse;margin: 0 0.1%;border: 1px solid #f8f8f8;}
.news_list .news_div_item_date{position: absolute;bottom: 170px;display: block;left: 19px;height: 22px;font-size: 13px;color: #666;}
.news_list .news_div_item_date::before{content:'';}
.news_list .news_div_item_content{height: 220px;}
.news_list .news_div_item_year, .news_list .news_div_item_month, .news_list .news_div_item_day{float: left;font-size: 13px;line-height: 22px;color: #666;}
.news_list .news_div_item_title{}
.news_list .news_div_item_a{font-size: 16px;display: block;margin-bottom: 40px;position:relative;transition:0.3s;font-weight: 100;padding-top: 18px;}
.news_list .news_div_item_a::before{position:absolute;content:'\4e86\89e3\8be6\60c5';bottom: -176px;left: 0;width: 130px;height: 40px;background: #fff;border-radius: 20px;line-height: 40px;color: #666;font-size: 13px;transition:0.5s;border: 1px #f6f5f5 solid;text-align: center;box-sizing: border-box;padding-left: 0px;}
.news_list .news_div_item_a::after{position:absolute;font-size: 18px;width: 18px;height: 14px;left: 95px;transition:0.5s;font-family: 'iconfont';content: "\eb91";color: #666;bottom: -163px;}
.news_list .news_div_item_body{font-size: 14px;color: #999;line-height: 26px; font-weight:100;}
.news_list .news_div_item_pic, .news_list .news_div_item_pic a, .news_list .news_div_item_image{width:100%;height:auto;display: block;transition: 0.5s;}
.news_list .news_div_item:hover .news_div_item_a{color: #0c2e93;transition:0.3s;}
.news_list .news_div_item:hover .news_div_item_a::before{background: #0c2e93;color: #fff;}
.news_list .news_div_item:hover .news_div_item_a::after{color: #fff;}
.new_ic{overflow:hidden;margin: 4% auto 0;}
.news_list .news_div_item:hover .news_div_item_pic img  {    transform: scale(1.1);transition: 0.5s;}
.news_div_item_pic {overflow: hidden;}
.new_column{display: none;}

.f_con{padding-top:60px;height:350px;background:#111;}
.f_menu{width:80%;}
.f_menu p{margin-bottom:33px;padding-bottom:40px;height:16px;border-bottom:1px solid rgba(106,106,106,.3);}
.f_menu p strong{float:left;display:block;width:90px;color:#fff;font-size:15px;line-height:16px;}
.f_menu p strong a{color:#fff; font-size: 15px;}
.f_menu p span{float:left;display:block;color:#666;font-size:15px;line-height:16px;}
.f_menu p span a{position:relative;float:left;display:block;margin-right:21px;padding-right:22px;color:#666;font-size:15px;line-height:16px;-o-transition:all .3s ease;transition:all .3s ease;}
.f_menu p span a:after{position:absolute;top:1px;right:0;width:1px;height:15px;background:#666;content:"";}
.f_menu p span a:hover{color:#fff;}
.f_menu p span a:last-child{margin-right:0;padding-right:0;}
.f_menu p span a:last-child:after{display:none;}
.f_info{clear:both;padding-top:15px;color:#b1b1b1;font-size:15px;line-height:16px;}
.f_info a{color:#b1b1b1;font-size:15px;}
.f_info span{float:left;display:block;}
.f_info span:nth-child(2){margin:0 26px 0 10px;}
.f_info span:last-child{margin-left:18px;}
.f_qr{width:146px;}
.f_qr img{display:block;margin:0 auto;width:146px;height:146px;}
.f_qr span{display:block;border-bottom:2px solid rgba(255,255,255,.26);color:#6a6a6a;text-align:center;font-size:12px;line-height:42px;}
.clearfix:after{clear:both;display:block;visibility:hidden;height:0;content:".";}
.links { font-size:15px; height:86px; color: #b1b1b1; line-height: 18px; background: #111; border-top: 1px solid rgba(106, 106, 106, 0.3); }
.links .content {position: relative; }
.links .content h3 {width:115px; height:115px;right:0px;top:-60px;position:absolute;z-index:2; }
.links p {width:100px;float:left;line-height:85px;}
.links p a { color:#b1b1b1;margin-right:30px;transition:0.3s ease;-o-transition: 0.3s ease; }
.links a:hover { color:#fff;}
.linkTagcs li a {line-height:22px;}
.linkTagcs li+li {margin-left:25px;}
.linkTagcs {padding: 21px 0;}